/* input(3520,1400): run-time error CSS1035: Expected colon, found '99%'
input(3641,1408): run-time error CSS1035: Expected colon, found '99%' */
/* RESET* ********************************************************************/
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    -ms-overflow-style: scrollbar;
    font-family: "open_sansregular", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "open_sansregular", Helvetica, Arial, sans-serif;
}

.form-control, .navbar-unread, .navbar-new, .iconbar-unread {
    font-family: "open_sansregular", Helvetica, Arial, sans-serif;
}
/* LAYOUT ********************************************************************/
.layout-wrapper {
    min-height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
}

    .layout-wrapper > .layout-header {
        height: 53px;
        position: fixed;
        z-index: 1000;
        top: 0;
        width: 100%;
    }

    .layout-wrapper > .layout-widget {
        margin: 0;
        padding: 38px 5px 0 10px;
    }

        .layout-wrapper > .layout-widget > div {
            height: 100px;
            background-color: #D6DBDF;
            -ms-border-radius: 6px;
            border-radius: 6px;
            overflow: hidden;
        }

    .layout-wrapper > .layout-title {
        height: 50px;
        padding: 0 5px 0 10px;
    }

    .layout-wrapper > .layout-subtitle {
        padding: 0 5px 0 10px;
    }

    .layout-wrapper > .layout-anonymous {
        padding: 38px 5px 0 10px;
    }

    .layout-wrapper > .layout-body {
        width: 100%;
        padding-bottom: 50px;
    }

        .layout-wrapper > .layout-body > .layout-sidebar {
            width: 75px;
            position: absolute;
            left: 0;
        }

        .layout-wrapper > .layout-body > .layout-content {
            /*margin-left: 85px;*/
            margin-left: 10px;
            padding-right: 5px;
        }

        .layout-wrapper > .layout-body > .layout-content-sidebar {
            /*margin-left: 85px;*/
            margin-left: 10px;
            padding-right: 5px;
        }

        .layout-wrapper > .layout-body > .layout-content-nosidebar {
            margin-left: 10px;
            padding-right: 5px;
        }

    .layout-wrapper > .layout-footer {
        height: 45px;
        position: absolute;
        bottom: 0;
        z-index: 100;
        width: 100%;
    }

    .layout-wrapper > .layout-dashboard-message {
        margin: 0;
        padding: 38px 5px 0 10px;
    }


.layout-wrapper-popup {
    width: 100%;
    overflow-y: hidden;
}

    .layout-wrapper-popup .layout-header {
        padding: 0;
        margin-right: 10px;
        margin-left: 10px;
    }

        .layout-wrapper-popup .layout-header dl {
            margin-bottom: 0;
        }

        .layout-wrapper-popup .layout-header .well {
            margin-top: 3px;
            margin-bottom: 3px;
        }

    .layout-wrapper-popup > .layout-body > .layout-content {
        padding: 0;
        margin-right: 10px;
        margin-left: 10px;
    }
/* LOGIN SCREEN **************************************************************/
.login-modal .logo {
    background: url('../content/images/urgtechicontran.png') no-repeat center right;
    height: 170px;
    /*border-left: 1px solid #ebedef;*/
    padding-right: 0;
    padding-left: 0;
}

.login-modal .modal-header {
    background: url('../content/images/urgent-logo-login.png') no-repeat right center;
}

.login-modal .dialog .field-validation-valid:before {
    display: none !important;
}

.login-modal .modal-dialog {
    left: auto;
    z-index: 999;
}

    .login-modal .modal-dialog .container {
        width: auto;
    }

    .login-modal .modal-dialog .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
/* FORM INPUT ****************************************************************/
.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 0;
}

/*.form-horizontal .form-control-static {
    padding-top: 3px;
}*/

.focus i {
    color: #ffffff;
}

.focus .control-label i {
    color: #34495e;
}

.has-success .input-group-addon {
    background-color: #1abc9c;
    border-color: #1abc9c;
    color: #ffffff;
}

.has-error .input-group-addon {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #ffffff;
}
/* TENANT SELECTOR ***********************************************************/
.tenant-select {
    width: 500px;
    left: 65px;
}

    .tenant-select.popover.right .arrow {
        top: 13%;
    }

    .tenant-select .fui-radio-unchecked, .tenant-select .fui-radio-checked {
        background-color: transparent !important;
    }





/* styles for validation helpers */
.field-validation-error {
    color: #e74c3c;
}

input.input-validation-error {
    border: 2px solid #e74c3c;
    /*background: url('../Content/images/validation-error.gif') no-repeat right center;*/
}

    input.input-validation-error:focus {
        border: 2px solid #e74c3c;
    }

textarea.input-validation-error {
    border: 2px solid #e74c3c;
}

    textarea.input-validation-error:focus {
        border: 2px solid #e74c3c;
    }

span.input-validation-error {
    width: 25px;
    height: 20px;
}

.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.spinner {
    font-weight: normal;
    line-height: 1.3;
    width: 80px;
}

.decimalspinner {
    font-weight: normal;
    line-height: 1.3;
    width: 80px;
}

.ui-spinner {
    -ms-border-radius: 6px;
    border-radius: 6px;
    border: 0;
}

    .ui-spinner input {
        padding: 1px 0;
        font-family: "open_sansregular", Helvetica, Arial, sans-serif;
        font-size: 14px !important;
        margin: 0 !important;
        color: #34495e !important;
    }

.ui-spinner-button {
    height: 18px;
}

    .ui-spinner-button .ui-icon {
        text-indent: 0;
        background-image: none;
        width: 100%;
        color: #ffffff;
    }

.ui-spinner-up {
    border-bottom: 0;
}

    .ui-spinner-up .ui-icon {
        margin-top: -10px;
    }

.ui-spinner-down .ui-icon {
    margin-top: -10px;
}

.has-error .ui-spinner {
    background-color: #e74c3c !important;
    border-color: #e74c3c !important;
}

    .has-error .ui-spinner .ui-spinner-button {
        background-color: #e74c3c !important;
        border-color: #e74c3c !important;
    }

    .has-error .ui-spinner .ui-icon {
        background-color: #e74c3c;
        border-color: #e74c3c;
        color: #ffffff;
    }

.modal-tab-form {
    margin-top: 8px;
    margin-bottom: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .modal-tab-form h4 {
        font-size: 18px;
        line-height: 22px;
    }

    .modal-tab-form hr {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .modal-tab-form .form-group {
        padding-bottom: 20px;
    }

    .modal-tab-form .operations {
        padding-top: 10px;
        text-align: right;
    }

.select {
    margin-bottom: 0;
}

.ms-container {
    width: 100% !important;
}

    .ms-container .ms-header {
        background-color: #1ABC9C;
        color: #ffffff;
        text-align: center;
        font-size: 15px;
        border: 2px solid #BDC3C7;
        border-bottom: 0;
        -ms-border-top-left-radius: 6px;
        border-top-left-radius: 6px;
        -ms-border-top-right-radius: 6px;
        border-top-right-radius: 6px;
    }

    .ms-container .ms-list {
        -ms-border-top-left-radius: 0;
        border-top-left-radius: 0;
        -ms-border-top-right-radius: 0;
        border-top-right-radius: 0;
        border-top: 0;
    }

    .ms-container .ms-focus {
        -webkit-box-shadow: none !important;
        -ms-box-shadow: none !important;
        box-shadow: none !important;
        border-color: #BDC3C7 !important;
    }

.ms-search-input {
    width: 100%;
    margin-bottom: 5px;
    border: 2px solid #bdc3c7;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.LastLevelMulti {
    margin-top: 10px;
}

img.thumb {
    max-width: 100px;
    max-height: 100px;
}

.spacer-bottom {
    padding-bottom: 4px;
}

.tab-content {
    margin-bottom: 5px;
}

/* Auto-complete */

.ui-autocomplete {
    z-index: 10000000;
    height: 145px;
    background-color: #F3F4F5;
    max-height: 145px;
    overflow-y: scroll;
}

/* Auto-complete - END */

.btn-group .dropdown-menu {
    margin-top: 0 !important;
}

    .btn-group .dropdown-menu li a {
        font-size: 13px;
    }

.workflow-admin {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

    .workflow-admin .form-group {
        margin-bottom: 0;
    }

    .workflow-admin .workflow-empty {
        margin-bottom: 0;
    }

.workflow-canvas {
    width: 100%;
    min-height: 500px;
    max-height: 1000px;
    height: 800px
}

    .workflow-canvas .workflow-state {
        border: 1px solid #a1a6a9;
        background-color: #e7e9ec;
        -ms-border-radius: 0.5em;
        border-radius: 0.5em;
        -webkit-box-shadow: 2px 2px 19px #cacfd2;
        -ms-box-shadow: 2px 2px 19px #cacfd2;
        box-shadow: 2px 2px 19px #cacfd2;
        padding: 0;
        position: absolute;
        -webkit-transition: box-shadow 0.15s ease-in 0s;
        -moz-transition: box-shadow 0.15s ease-in 0s;
        -ms-transition: box-shadow 0.15s ease-in 0s;
        -o-transition: box-shadow 0.15s ease-in 0s;
        transition: box-shadow 0.15s ease-in 0s;
        -moz-min-width: 150px;
        -ms-min-width: 150px;
        -o-min-width: 150px;
        -webkit-min-width: 150px;
        min-width: 150px;
        text-align: center;
        cursor: move;
    }

        .workflow-canvas .workflow-state:hover {
            -webkit-box-shadow: 2px 2px 19px #a1a6a9;
            -ms-box-shadow: 2px 2px 19px #a1a6a9;
            box-shadow: 2px 2px 19px #a1a6a9;
            -ms-opacity: 0.9;
            opacity: 0.9;
        }

        .workflow-canvas .workflow-state .workflow-title {
            padding: 0;
            margin-top: 20px;
        }

            .workflow-canvas .workflow-state .workflow-title a {
                padding: 0;
                font-size: 15px;
                line-height: 15px;
                color: #34495e;
                text-transform: capitalize;
            }

                .workflow-canvas .workflow-state .workflow-title a:hover {
                    color: #1abc9c;
                    text-decoration: underline;
                }

        .workflow-canvas .workflow-state .workflow-status {
            font-size: 12px;
            line-height: 12px;
            color: #a1a6a9;
            margin-bottom: 30px;
        }

        .workflow-canvas .workflow-state .workflow-connector {
            cursor: pointer;
            height: 26px;
            position: absolute;
            width: 26px;
        }

        .workflow-canvas .workflow-state .workflow-connector-north {
            top: 0;
            left: 50%;
            margin-left: -13px;
            border-left: 13px solid transparent;
            border-right: 13px solid transparent;
            border-top: 13px solid #a1a6a9;
        }

        .workflow-canvas .workflow-state .workflow-connector-south {
            bottom: 0;
            left: 50%;
            margin-left: -13px;
            border-left: 13px solid transparent;
            border-right: 13px solid transparent;
            border-bottom: 13px solid #a1a6a9;
        }

        .workflow-canvas .workflow-state .workflow-connector-west {
            top: 50%;
            left: 0;
            margin-top: -13px;
            border-left: 13px solid #a1a6a9;
            border-top: 13px solid transparent;
            border-bottom: 13px solid transparent;
        }

        .workflow-canvas .workflow-state .workflow-connector-east {
            top: 50%;
            right: 0;
            margin-top: -13px;
            border-right: 13px solid #a1a6a9;
            border-top: 13px solid transparent;
            border-bottom: 13px solid transparent;
        }

        .workflow-canvas .workflow-state .workflow-connector-north:hover {
            border-top: 13px solid #1abc9c;
        }

        .workflow-canvas .workflow-state .workflow-connector-south:hover {
            border-bottom: 13px solid #1abc9c;
        }

        .workflow-canvas .workflow-state .workflow-connector-west:hover {
            border-left: 13px solid #1abc9c;
        }

        .workflow-canvas .workflow-state .workflow-connector-east:hover {
            border-right: 13px solid #1abc9c;
        }

    .workflow-canvas .workflow-state-New {
        border-color: #f1c40f;
    }

        .workflow-canvas .workflow-state-New:hover {
            border-color: #c19d0c;
        }

    .workflow-canvas .workflow-state-Open {
        border-color: #3498db;
    }

        .workflow-canvas .workflow-state-Open:hover {
            border-color: #2a7aaf;
        }

    .workflow-canvas .workflow-state-Closed {
        border-color: #2ecc71;
    }

        .workflow-canvas .workflow-state-Closed:hover {
            border-color: #25a35a;
        }

    .workflow-canvas .workflow-state-Cancelled {
        border-color: #e74c3c;
    }

        .workflow-canvas .workflow-state-Cancelled:hover {
            border-color: #b93d30;
        }

    .workflow-canvas .workflow-label {
        font-size: 12px;
        color: #444444;
        background-color: #FFFFFF;
        border: 1px dotted #666666;
        -ms-opacity: 0.8;
        opacity: 0.8;
        padding: 4px 8px;
    }

/* Supplier section */
.holiday-table {
    border: 1px solid #a9a9a9;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.red {
    color: red;
}

.green {
    color: green;
}

.yellow {
    color: yellow;
}

/* Sidenav for Docs
-------------------------------------------------- */

.content-sidebar-nav {
    width: 90%;
    margin: 30px 0 0;
    padding: 0;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -ms-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065);
}

    .content-sidebar-nav > li > a {
        display: block;
        margin: 0 0 -1px;
        padding: 8px 14px;
        border: 1px solid #e5e5e5;
    }

    .content-sidebar-nav > li:first-child > a {
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }

    .content-sidebar-nav > li:last-child > a {
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }

    .content-sidebar-nav > li > a {
        background-color: #ebedef !important;
        color: #ffffff !important;
        font-weight: normal !important;
    }

    .content-sidebar-nav > .active > a {
        position: relative;
        z-index: 2;
        padding: 9px 15px;
        background-color: #34495e !important;
        color: #ffffff !important;
        border: 0;
        text-shadow: 0 1px 0 rgba(0,0,0,.15);
        -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
        -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
        box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
    }

    .content-sidebar-nav > li > a:hover {
        background-color: #1abc9c !important;
    }

    .content-sidebar-nav.affix {
        top: 40px;
    }

    .content-sidebar-nav.affix-bottom {
        position: absolute;
        top: auto;
        bottom: 270px;
    }

.spacer {
    margin-top: 40px;
}

.right {
    text-align: right;
}

.nav-pad {
    padding-top: 10px;
}

.ui-widget {
    font-family: "open_sansregular", Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
}

.tooltip {
    font-size: 12px;
    font-weight: normal;
    z-index: 5000;
}

.btn-group-xxs > .btn {
    padding: 4px 5px;
    font-size: 11px;
    line-height: 1;
    -ms-border-radius: 3px;
    border-radius: 3px;
}



.table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr.selected-row > td, .table-striped > tbody > tr:nth-child(2n) > th, .table-striped > tbody > tr.selected-row > th {
    background-color: #EDF6FC;
    border-color: #D6EAF8;
}

.document-admin {
    padding: 0;
}

    .document-admin .tab-pane {
        /*height: 500px;*/
    }


.document-control {
    width: 100%;
    height: 100%;
    background-color: #DDDDDD;
}

    .document-control .document-control-folders {
        width: 25%;
        float: left;
        height: 100%;
        overflow-y: auto;
        overflow-x: auto;
        background-color: #EEEEEE;
        padding: 10px;
    }

    .document-control .document-control-folders-hidden {
        display: none;
    }

    .document-control .document-control-files {
        width: 75%;
        float: left;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: #FFFFFF;
        padding: 10px;
    }

    .document-control .document-control-files-fullwidth {
        width: 100%;
    }

    .document-control .document-control-files .document-control-folder-header {
        color: #7F8C9A;
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
    }

        .document-control .document-control-files .document-control-folder-header img {
            vertical-align: middle;
            width: 24px;
            height: 24px;
        }

        .document-control .document-control-files .document-control-folder-header .document-control-folder-title {
            cursor: default;
        }

        .document-control .document-control-files .document-control-folder-header .document-control-files-container {
        }

    .document-control .document-control-files .document-control-files-container table {
        margin-bottom: 0;
    }

    .document-control .document-control-files .document-control-files-container th {
        padding: 2px !important;
        font-size: 14px;
        font-weight: 700;
    }

    .document-control .document-control-files .document-control-files-container td {
        padding: 2px !important;
        font-size: 13px;
        line-height: 1;
    }

        .document-control .document-control-files .document-control-files-container td.action-column {
            padding: 0 !important;
        }

        .document-control .document-control-files .document-control-files-container td a {
            font-size: 13px;
            line-height: 1;
            color: #333333;
        }

            .document-control .document-control-files .document-control-files-container td a img {
                width: 13px;
                height: 13px;
                margin-right: 4px;
                vertical-align: middle;
            }

    .document-control .document-control-folders .ui-fancytree {
        border: none;
        background-color: transparent;
        padding: 0;
        overflow: hidden;
    }

        .document-control .document-control-folders .ui-fancytree .fancytree-expander {
            margin-top: 3px;
        }

        .document-control .document-control-folders .ui-fancytree .fancytree-icon {
            background-image: url('../content/Icons/16/folder_closed.png');
            background-position: left center;
            line-height: 24px;
            height: 24px;
        }


            .document-control .document-control-folders .ui-fancytree .fancytree-icon:hover {
                background-position: left center;
            }

        .document-control .document-control-folders .ui-fancytree .fancytree-expanded .fancytree-icon {
            background-image: url('../content/Icons/16/folder.png');
            background-position: left center;
            line-height: 24px;
            height: 24px;
        }

    .document-control .document-control-folders .fancytree-globeicon.fancytree-expanded .fancytree-icon {
        background-image: url('../content/Icons/16/folder-globe.png');
    }

    .document-control .document-control-folders .fancytree-globeicon .fancytree-icon {
        background-image: url('../content/Icons/16/folder-globe_closed.png');
    }

    .document-control .document-control-folders .fancytree-systemicon.fancytree-expanded .fancytree-icon {
        background-image: url('../content/Icons/16/folder-system.png');
    }

    .document-control .document-control-folders .fancytree-systemicon .fancytree-icon {
        background-image: url('../content/Icons/16/folder-system_closed.png');
    }


    .document-control .document-control-folders .fancytree-homeicon.fancytree-expanded .fancytree-icon {
        background-image: url('../content/Icons/16/house.png');
    }

    .document-control .document-control-folders .fancytree-homeicon .fancytree-icon {
        background-image: url('../content/Icons/16/house.png');
    }

    .document-control .document-control-folders .ui-fancytree .fancytree-title {
        font-family: "open_sansregular", Helvetica, Arial, sans-serif;
        font-size: 13px;
        line-height: 22px;
        height: 22px;
    }

    .document-control .document-control-folders .ui-fancytree .fancytree-node:hover {
        background-color: #B4E1FF !important;
        border-color: #B4E1FF !important;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

    .document-control .document-control-folders .ui-fancytree .fancytree-active {
        background-color: #82CDFF !important;
        border-color: #82CDFF !important;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

        .document-control .document-control-folders .ui-fancytree .fancytree-active:hover {
            background-color: #82CDFF !important;
            border-color: #82CDFF !important;
        }

    .document-control .document-control-folders .ui-fancytree .fancytree-focused {
        background-color: #82CDFF !important;
        border-color: #82CDFF !important;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

        .document-control .document-control-folders .ui-fancytree .fancytree-focused:hover {
            background-color: #82CDFF !important;
            border-color: #82CDFF !important;
        }

    .document-control .document-control-cut-file {
        color: #c0c0c0;
    }

        .document-control .document-control-cut-file td {
            color: #c0c0c0;
        }

            .document-control .document-control-cut-file td span {
                color: #c0c0c0;
            }

    .document-control .document-control-relate-file {
        color: #c0c0c0;
    }

        .document-control .document-control-relate-file td {
            color: #c0c0c0;
        }

            .document-control .document-control-relate-file td span {
                color: #c0c0c0;
            }

.action-column {
    text-align: right;
    padding: 0 !important;
}

/* Growl Info Icon*/
.growl-text-info {
    color: #4169E3;
}

/* Manage - Assets */
#SearchBlockToggle:hover {
    cursor: pointer;
}

/* Remove text box "clear" button (IE10+)*/
input[type=text]::-ms-clear {
    display: none;
}

label.checkbox-compact {
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0;
    width: 20px;
}

.table-compact {
}

    .table-compact > thead > tr > th {
        font-size: 13px;
        padding: 0;
        line-height: 20px;
    }

    .table-compact > tbody > tr > td {
        font-size: 12px;
        padding: 0;
        line-height: 26px;
    }

        .table-compact > tbody > tr > td label.checkbox-compact {
            padding-top: 3px;
            line-height: 26px;
        }

            .table-compact > tbody > tr > td label.checkbox-compact span {
                padding-top: 3px;
                line-height: 26px;
            }



.form-control + .input-icon {
    background-color: transparent;
    padding-right: 20px;
}

span.required {
    color: #b93d30;
    font-weight: bold;
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

.bootstrap-select > .dropdown-menu {
    display: none;
    border: 1px #E1E4E7 solid;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.dropdown-menu {
    border: 1px #E1E4E7 solid;
}

.open > .dropdown-menu {
    display: block;
}

.dropup .dropdown-menu {
    margin-bottom: 0;
}

.form-control.disabled {
    font-weight: bold;
    color: black;
}

.MultiSelectAccelerator {
    font-size: 14px;
}

.MultiSelectSelectAll {
}

.MultiSelectDeSelectAll {
}

.MultiSelect-Searchable {
}

.dataTables_wrapper {
    overflow: visible !important;
}

/* Assets */
.table.search-results {
    margin-bottom: 10px !important;
}
/* End of Assets */

.required-icon {
    display: inline-block;
    vertical-align: middle;
    top: 0;
    right: 0;
    z-index: 10;
    margin: 0;
    width: 0;
    height: 30px;
    padding: 0;
    text-align: center;
}

    .required-icon .text {
        color: #b94a48;
        font-size: 20px;
        margin: -3px 0 0 5px;
        line-height: 1.2;
    }

.input-group {
    font-size: 0px;
    width: 100%;
}

    .input-group .required-icon {
        right: 0;
    }

    .input-group .input-group-addon {
        /*width: auto;*/
    }

    .input-group input.form-control {
        -ms-border-top-right-radius: 4px !important;
        border-top-right-radius: 4px !important;
        -ms-border-bottom-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
        border-left: 0 !important;
    }

/* BOOTSTRAP OVERRIDES *****************************/
label {
    font-weight: bold;
}

hr {
    margin-top: 6px;
    margin-bottom: 6px;
    border-color: #E7E9EC;
}

.form-group {
    margin-bottom: 4px;
}

.form-group-condensed {
    margin-bottom: 0;
}

.form-control-static {
    font-size: 15px;
}

.top-left-justify-with-ws {
    white-space: pre-line;
    text-align: left;
    vertical-align: top;
}

.top-left-justify {
    text-align: left;
    vertical-align: top !important;
}

.modal-dialog {
    left: 0 !important;
}

.modal form label {
    /*font-size: 14px;
    margin-bottom: 1px;*/
}

.modal-header {
    padding: 8px 19px 8px 24px;
}

.modal-footer {
    padding: 8px 22px 8px;
}

.modal-form {
    padding-bottom: 0;
}

.modal-body-condensed {
    padding: 5px 10px 5px 5px;
    margin-bottom: 0;
}


.modal-body .tab-content {
    margin-bottom: 0;
}

.modal-body .row {
    /*line-height: 2;*/
}

.modal-body p {
    font-size: 15px;
}

.modal-lg {
    width: 900px;
}

    .modal-lg .modal-content {
        width: 100%;
    }

.modal-xlg {
    width: 990px;
}

.modal-xxlg {
    width: 1115px !important;
}

    .modal-xlg .modal-content, .modal-xxlg .modal-content {
        width: 100%;
    }



.modal-dialog-fullwidth {
    width: 95%;
}

    .modal-dialog-fullwidth .modal-content {
        width: 100%;
    }

.modal-body {
    overflow: visible !important;
}

.popover-content {
    padding: 9px 14px;
}

    .popover-content .close {
        margin-right: -6px;
    }

.nav-stacked {
    margin-right: -30px;
    margin-top: 5px;
}

    .nav-stacked > li > a {
        -ms-border-radius: 6px 0 0 6px;
        border-radius: 6px 0 0 6px;
        border-left: 0;
    }

    .nav-stacked > li:first-child > a {
        -ms-border-radius: 6px 0 0 6px;
        border-radius: 6px 0 0 6px;
        border-left: 0;
    }

    .nav-stacked > li:last-child > a {
        -ms-border-radius: 6px 0 0 6px;
        border-radius: 6px 0 0 6px;
        border-left: 0;
    }

/***************************************************/
.has-error .bootstrap-select > .btn {
    background-color: #e74c3c !important;
    color: #ffffff !important;
}

    .has-error .bootstrap-select > .btn:hover {
        background-color: #ec7063 !important;
        color: #ffffff !important;
    }

i.fa-plus, i.fa-minus {
    cursor: pointer;
}

.graph {
    cursor: pointer;
}

.info-background {
    color: #ffffff;
    background-color: #3498db;
}

    .info-background a {
        color: #ffffff;
    }

.primary-background {
    color: #ffffff;
    background-color: #1abc9c;
}

    .primary-background a {
        color: #ffffff;
    }

.tagsinput-add-container input {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.tagsinput {
    margin-bottom: 0 !important;
    border: 2px solid #bdc3c7;
}

@media (max-width: 1200px) {
    .table-responsive {
        overflow-x: scroll;
    }
}

.nav-pills.nav-wizard {
    padding-bottom: 5px;
}

    .nav-pills.nav-wizard > li {
        position: relative;
        overflow: visible;
    }

        .nav-pills.nav-wizard > li:hover {
            background-color: #eee;
        }

        .nav-pills.nav-wizard > li a:hover {
            background-color: #eee;
        }

        .nav-pills.nav-wizard > li:first-child a {
            -ms-border-radius: 5px 0 0 5px;
            border-radius: 5px 0 0 5px;
        }

        .nav-pills.nav-wizard > li:last-child a {
            -ms-border-radius: 5px;
            border-radius: 5px;
        }

        .nav-pills.nav-wizard > li a {
            -ms-border-radius: 5px 0 0 5px;
            border-radius: 5px 0 0 5px;
            background-color: #eee;
            color: #1abc9c;
            border-left: none;
        }

        .nav-pills.nav-wizard > li.active a {
            color: #ffffff;
            background-color: #1abc9c;
        }

        .nav-pills.nav-wizard > li.disabled a {
            color: #999999;
        }

        .nav-pills.nav-wizard > li .nav-arrow {
            position: absolute;
            top: 0;
            right: -20px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 20px 0 20px 20px;
            border-color: transparent transparent transparent #eee;
            z-index: 150;
        }

        .nav-pills.nav-wizard > li .nav-wedge {
            position: absolute;
            top: 0;
            left: -20px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 20px 0 20px 20px;
            border-color: #eee #eee #eee transparent;
            z-index: 150;
        }

        .nav-pills.nav-wizard > li:hover a {
            color: #aaa;
        }

        .nav-pills.nav-wizard > li.active .nav-arrow {
            border-color: transparent transparent transparent #1abc9c;
            cursor: default;
            z-index: 1;
        }

        .nav-pills.nav-wizard > li.active .nav-wedge {
            border-color: #1abc9c #1abc9c #1abc9c transparent;
            cursor: default;
        }

        .nav-pills.nav-wizard > li.active:hover a {
            color: #fff;
            cursor: default;
        }

/* Fix for issue where date picker wasn't displaying within bootstrap tabs'*/
#ui-datepicker-div {
    z-index: 99999999999 !important;
}

.tab-pane .layout-title {
    height: 40px;
}

    .tab-pane .layout-title .filters > .filter > div > button {
        vertical-align: top;
    }

.bootstrap-select-searchbox input {
    height: 35px;
    font-size: 13px;
    line-height: 1.462;
    padding: 6px 10px;
}

.bootstrap-select .dropdown-menu li dt {
    margin: 0;
    font-weight: bold;
}

#SlaAssignmentsBlock > h5 {
    font-size: 100%;
}

    #SlaAssignmentsBlock > h5 > small {
        color: #7F8C9A;
        cursor: pointer;
        font-size: 75%;
    }

.bootstrap-timepicker-widget.open {
    visibility: visible !important;
    -ms-opacity: 1;
    opacity: 1;
}

.md {
    font-size: 16px;
}

.sm {
    font-size: 14px;
}

.xs {
    font-size: 11px;
}

.panel-condensed {
    margin-bottom: 5px;
}

.tab-content-condensed {
    padding: 5px !important;
}

/* Related Tasks */

.relate-filters {
    padding-bottom: 5px;
}

#btnAddRelated {
    margin-bottom: 5px;
}

/* Related Tasks - END */

.label.multi-tenancy {
    margin-left: 2px;
}

.Matrix .add {
}

.Matrix .edit {
}

.Matrix .delete {
}

.urgent-wizard {
    margin-bottom: 5px;
}

    .urgent-wizard .tab-content {
        margin-bottom: 5px;
        padding: 5px;
    }

    .urgent-wizard .urgent-wizard-footer {
        height: 60px;
    }

.userprofile_shortcuts .list-group-item {
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
    cursor: pointer;
}

    .userprofile_shortcuts .list-group-item small {
        color: #aaa;
    }

td.Totals {
    text-align: right;
    font-weight: bold;
}

.data-grid {
    border: 1px solid #dddddd;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.data-grid-table-wrapper {
    width: 100%;
    overflow-x: auto;
}

#DG_ScheduledTaskTemplateConfigurationSummary .data-grid-table-wrapper {
    overflow-x: unset;
}

.data-grid-head-cell {
    font-size: 14px !important;
}

    .data-grid-head-cell a {
        color: #526476;
    }

        .data-grid-head-cell a.text-danger {
            color: #e74c3c;
        }

.data-grid-body-cell, .data-grid-head-cell {
    padding: 5px 9px !important;
}

.data-grid-body-cell {
    line-height: 29px !important;
}

.data-grid-header {
    padding: 5px !important;
    border-bottom: 1px solid #dddddd !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
    background-color: #f5f5f5;
}

.data-grid-footer {
    padding: 5px !important;
    border-top: 1px solid #dddddd !important;
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
    background-color: #f5f5f5;
}

.data-grid-pager .btn, .panel-header .btn-group .btn {
    padding: 3px 5px !important;
}

.data-grid-pager .dropdown-menu {
    padding: 6px !important;
}

    .data-grid-pager .dropdown-menu .btn {
        margin-top: 2px;
        float: right;
    }

.data-grid-pager .dropdown li {
    width: 210px;
}

.data-grid-pager .dropdown .btn {
    padding: 9px 13px !important;
    font-size: 13px;
    line-height: 1.385;
    border-radius: 4px;
}

.data-grid-pager .dropdown > .btn {
    padding: 0 !important;
    font-size: 16px;
}

.data-grid-pager > .btn {
    font-size: 28px;
    line-height: 28px;
}

.data-grid-pager .data-grid-page-first {
    border-right: 1px solid #798795;
}

.data-grid-pager .data-grid-page-last {
    border-left: 1px solid #798795;
}

.data-grid-pager .data-grid-page-next {
    border-left: 1px solid #798795;
}

.data-grid-pager .data-grid-page-previous {
    border-right: 1px solid #798795;
}

.data-grid-pager .data-grid-page-detail {
    background-color: #34495e;
    color: #ffffff;
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    padding: 0 15px;
}

.data-grid-pagesize {
    line-height: 35px;
    height: 35px;
    font-size: 14px;
    color: #ffffff;
}

    .data-grid-pagesize button {
        line-height: 35px;
        height: 35px;
        font-size: 14px;
        color: #ffffff;
        width: 60px;
        padding: 0 !important;
    }

.data-grid-controls button {
    height: 36px;
    width: 36px;
    font-size: 14px;
    padding: 0 !important;
}

.data-grid-row-operations {
    padding: 0 9px !important;
}

.open.dropup > .dropdown-menu {
    margin-bottom: 0 !important;
}

.open.dropdown > .dropdown-menu {
    margin-top: 0 !important;
}

.data-grid-configuration-modal .list-group-item {
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
    cursor: pointer;
}

.data-grid-configuration-modal .list-group-item small {
    color: #aaa;
}

.list-group-item {
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
    cursor: pointer;
}

.document-control-folder-header div.well {
    margin-top: 5px;
    margin-bottom: 5px;
}

@media (max-width:768px) {
    .task-header-controls button,
    .task-header-controls div.btn-group,
    .task-header-controls ul.dropdown-menu,
    .task-header-controls span.btn,
    .supplier-header-controls button,
    #Panel_SiteDetails button,
    #Panel_SiteDetails .btn-group,
    #Panel_SiteDetails ul.dropdown-menu,
    .place-call-buttons button,
    .document-control-folder-header button,
    .task-financial-update button {
        width: 100%;
    }

    .nav-arrow {
        display: none;
    }

    .place-call-buttons button {
        margin: 2px;
    }

    .urgent-hidden-xs {
        display: none !important;
    }

    .urgent-block-xs {
        display: block !important;
    }

    #LoginForm button,
    .task-financial-update button {
        margin-top: 2px;
    }

    .modal-footer button {
        width: 100%;
        margin-left: 0 !important;
        margin-top: 2px;
    }

    .modal-footer {
        text-align: left !important;
    }

    #MaintenanceChangeStatus .StatusDropDown {
        width: 100% !important;
    }

    .modal-lg {
        width: auto !important;
        margin: 10px !important;
    }

    .urgent-show-xs {
        display: block !important;
    }

    .site-locations-dropdown {
        margin-left: 10px;
    }
}

@media(max-width: 991px) {
    .holiday-table {
        margin-left: 50px;
        margin-right: 50px;
    }
}

@media(min-width:768px) {
    .button-row, .folder-button-row {
        display: block !important;
    }
}

@media(min-width:992px) {
    button.filter-apply {
        width: auto;
    }
}

.bootstrap-datetimepicker .bootstrap-datetimepicker-widget .datepicker {
    width: 60% !important;
}

.bootstrap-datetimepicker .bootstrap-datetimepicker-widget .timepicker {
    width: 40% !important;
}

.bootstrap-datetimepicker-widget .timepicker table a {
    width: 100%;
}

    .bootstrap-datetimepicker-widget .timepicker table a span {
        width: 100%;
    }

.invoice-validations span, .invoice-validations-large span {
    width: 25px;
    height: 25px;
    display: inline-block;
}

.invoice-validations-large {
    font-size: 0.8em;
}

.invoice-validation-na {
    background-color: #dbdbdb;
    border: 1px solid #cccccc;
}

.invoice-validation-red {
    background-color: #d84a00;
    border: 1px solid #D32A00;
}

.invoice-validation-green {
    background-color: #11C24E;
    border: 1px solid #0C8E38;
}

.invoice-validation-amber {
    background-color: #FFC200;
    border: 1px solid #FFAE01;
}

#FixedContractInfo {
    margin-left: 5px;
}

.bootstrap-timepicker .bootstrap-datetimepicker-widget .timepicker {
    width: 100% !important;
}

.bootstrap-datetimepicker-widget {
    -ms-opacity: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.directions-close img {
    cursor: pointer;
}

.word-wrap {
    word-wrap: break-word;
}

.panel-initial-overflow {
    overflow: visible !important;
}

.urgent-genericsearch-results .tab-pane {
    height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
}

.urgent-genericsearch-noresults {
}

.urgent-genericsearch-selected {
    line-height: 1;
}

    .urgent-genericsearch-selected .label {
        margin-right: 2px;
        display: inline-block;
    }

.urgent-genericsearch-item {
    white-space: normal !important;
    text-align: left;
    padding-top: 1px;
    padding-bottom: 1px;
}

.urgent-genericsearch {
}

.documentlibrary-selector {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 40px;
    margin-bottom: 5px;
}



.selected-filters div.list-group-item:first-child:hover,
.selected-filters div.list-group-item:first-child:focus {
    text-decoration: none;
    background-color: #f5f5f5;
    color: #1abc9c;
}

tr.disabled > td > span.fa {
    color: #d3d3d3 !important;
}

@media(max-width:500px) {
    .login-body {
        min-height: 520px;
        padding-top: 0 !important;
    }

    .login-header {
        height: 5px !important;
    }

    .login-modal .modal-header {
        background: url('../content/images/urgent-logo-login.png') no-repeat center center;
    }

        .login-modal .modal-header h4 {
            visibility: hidden;
        }

    .login-modal .modal-body {
        padding-left: 0;
        padding-right: 0;
    }

    .login-modal .modal-footer {
        padding-left: 0;
        padding-right: 0;
    }

    .login-modal .forgotten-password-button {
        position: relative;
        top: 47px;
    }

    .login-modal .login-button {
        position: relative;
        top: -47px;
    }

    .login-footer > .bottom-menu > div {
        text-align: center;
    }

    .login-footer small {
        position: relative;
        top: -50px;
        color: #34495e;
    }
}

.login-button > #login-button {
    margin-top: 0px;
}

.image-popover {
    max-width: none;
}

    .image-popover .popover-content {
        max-width: none;
        padding: 2px;
    }

.bootstrapselectwidthlimit .dropdown-menu {
    max-width: 100%;
    overflow-x: hidden;
}

.form-horizontal .urgent-genericsearch > div > div {
    padding-left: 0;
}

/* Supplier/Tenant Holidays */
.holiday-header {
    margin-right: 0;
    margin-left: 0;
}

.holiday-row {
    padding: 5px;
}

.holiday-footer {
    margin-top: 5px;
}

#LocationsTree .locationTreeActions,
#AssetTree .locationTreeActions {
    text-align: right;
}

#LocationsTree.fancytree-treefocus,
#AssetTree.fancytree-treefocus {
    outline-color: transparent;
}

#LocationsTree .fancytree-node,
#AssetTree .fancytree-node {
    cursor: pointer;
}

#LocationsTree .fancytree-selected,
#AssetTree .fancytree-selected {
    color: #1abc9c;
}

#LocationsTree.data-table td,
#AssetTree.data-table td {
    font-size: 15px;
    height: 25px;
    line-height: 25px;
}

#LocationsTree.data-table > thead > tr > th, #LocationsTree.data-table > tbody > tr > th, #LocationsTree.data-table > tfoot > tr > th, #LocationsTree.data-table > thead > tr > td, #LocationsTree.data-table > tbody > tr > td, #LocationsTree.data-table > tfoot > tr > td,
#AssetTree.data-table > thead > tr > th, #AssetTree.data-table > tbody > tr > th, #AssetTree.data-table > tfoot > tr > th, #AssetTree.data-table > thead > tr > td, #AssetTree.data-table > tbody > tr > td, #AssetTree.data-table > tfoot > tr > td {
    padding: 5px;
}

#LocationsDropdown ul, #AssetTreeContainer ul {
    width: 100%;
    text-align: left;
    padding: 5px;
    margin-top: 0 !important;
    z-index: 1000 !important;
}

    #LocationsDropdown ul li #LocationsScrollParent,
    #AssetTreeContainer ul li #AssetTreeScrollParent {
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    #LocationsDropdown ul li #LocationsTree,
    #AssetTreeContainer ul li #AssetTree {
        width: 100%;
    }

    #LocationsDropdown ul li a,
    #AssetTreeContainer ul li a {
        display: inline;
        line-height: 1.4;
        -ms-border-radius: 4px;
        border-radius: 4px;
        padding: 10px 15px;
        -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
        -moz-transition: border .25s linear, color .25s linear, background-color .25s linear;
        -ms-transition: border .25s linear, color .25s linear, background-color .25s linear;
        -o-transition: border .25s linear, color .25s linear, background-color .25s linear;
        transition: border .25s linear, color .25s linear, background-color .25s linear;
        vertical-align: middle;
        float: right;
        color: #ffffff;
    }

        #LocationsDropdown ul li a:hover,
        #AssetTreeContainer ul li a:hover {
            background-color: #48c9b0 !important;
        }

.fancytree-disableicons {
    background-image: none !important;
    background-position: initial !important;
    margin-left: 0 !important;
    width: 1.28571429em;
    height: auto !important;
    vertical-align: middle !important;
}

#LocationsTree.fancytree-ext-table tbody tr,
#AssetTree.fancytree-ext-table tbody tr {
    outline: none !important;
}

    #LocationsTree.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title,
    #AssetTree.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title {
        outline: none !important;
    }

#LocationsTree .fancytree-expander,
#AssetTree .fancytree-expander {
    color: transparent;
}

#LocationsTree .fancytree-has-children .fancytree-expander,
#AssetTree .fancytree-has-children .fancytree-expander {
    color: #000;
}

.form-horizontal .form-control-static {
    padding-top: 5px;
}

.grid-stack .ui-state-disabled {
    -ms-opacity: 1;
    opacity: 1;
}

.grid-stack .panel {
    height: 100%;
}

    .grid-stack .panel .panel-heading {
        height: 30px;
        background-color: #34495e;
        color: #ffffff;
        padding: 3px 10px;
        font-size: 16px;
    }

    .grid-stack .panel .panel-body {
        height: 100%;
        margin-top: -30px;
        margin-bottom: -30px;
        padding: 30px 0 0 0;
    }

.grid-stack-item .grid-stack-item-content {
    -ms-border-radius: 12px;
    border-radius: 12px;
    -ms-box-shadow: 0 0 10px #000000;
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 10px #000000;
    -webkit-box-shadow: 0 0 10px #000000;
    -o-box-shadow: 0 0 10px #000000;
    box-shadow: 0 0 10px #000000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    border: none;
}

.grid-stack-tile {
    width: 100%;
    height: 100%;
    display: table;
}

    .grid-stack-tile .grid-stack-tile-content {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

        .grid-stack-tile .grid-stack-tile-content .grid-stack-tile-category {
            font-size: 18px;
        }

        .grid-stack-tile .grid-stack-tile-content .grid-stack-tile-value1 {
            font-size: 30px;
            font-weight: bold;
        }

        .grid-stack-tile .grid-stack-tile-content .grid-stack-tile-value2 {
            font-size: 14px;
        }

        .grid-stack-tile .grid-stack-tile-content .grid-stack-tile-indicator {
            float: left;
            position: absolute;
            left: 10px;
        }


.amcharts-export-menu {
    -ms-opacity: 1 !important;
    opacity: 1 !important;
}

    .amcharts-export-menu li {
        font-size: 10px;
        line-height: 16px;
    }

    .amcharts-export-menu .amcharts-export-button {
        padding: 2px;
        line-height: 16px;
    }

        .amcharts-export-menu .amcharts-export-button > a:before {
            color: #ffffff;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            -ms-text-rendering: auto;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 16px;
            line-height: 16px;
            content: "\f013";
        }

        .amcharts-export-menu .amcharts-export-button > a {
            padding: 5px;
        }

            .amcharts-export-menu .amcharts-export-button > a > span {
                display: none;
            }

#Panel_Filters .FiltersTable {
    margin-bottom: 20px;
}

#DashboardNotices {
    height: 78px;
    padding-bottom: 3px;
    margin-bottom: 3px;
}

    #DashboardNotices ul#NewsTicker {
        list-style: none;
        padding-left: 0;
        font-size: 14px;
    }

        #DashboardNotices ul#NewsTicker li {
            height: 60px;
        }

#DashboardGridStack {
    margin-top: 8px;
}

.strong {
    font-weight: bold;
}

@media(max-width:991px) {
    .row-btn .col .btn {
        width: 100%;
        margin-top: 3px;
    }
}

.data-grid-tenantfilter-preset {
    margin-bottom: 0 !important;
}

.data-grid-dropdown .btn {
    color: #526476;
    text-align: left;
    padding: 0;
    font-weight: bold;
    text-decoration: none;
}

    .data-grid-dropdown .btn:hover {
        color: #526476;
        text-decoration: none;
    }

    .data-grid-dropdown .btn.text-danger {
        color: #e74c3c;
    }


.text-center .data-grid-dropdown .btn {
    text-align: center !important;
}

.text-right .data-grid-dropdown .btn {
    text-align: right !important;
}

.well-footer {
    margin-bottom: 0;
    margin-top: 6px;
}

.change-link {
    text-align: right;
    width: 100%;
    z-index: 500;
}

    .change-link > a > i {
        font: normal normal normal 20px/1 FontAwesome;
    }

.well-placecall-edit {
    margin-bottom: 3px;
}

    .well-placecall-edit .change-link {
        text-align: right;
        width: 62%;
        z-index: 500;
    }

        .well-placecall-edit .change-link > a > i {
            font: normal normal normal 20px/1 FontAwesome;
        }

span.safetyHazard {
    width: 35px;
}

.popover {
    z-index: 1100;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    color: #fff;
}

.bs-searchbox input {
    height: 35px;
    font-size: 13px;
    line-height: 1.462;
    padding: 6px 10px;
}

.bs-container .dropdown-menu li > a:hover,
.bs-container .dropdown-menu li > a:focus {
    background: #16a085;
    color: #ffffff;
}

.bs-container .dropdown-header {
    font-weight: bold;
    line-height: 1.72222;
    font-size: 14px;
    color: #34495e;
}

.bi-report-container {
    margin: 10px;
}

    .bi-report-container h6 {
        font-weight: bold;
    }

    .bi-report-container hr {
        color: #34495e;
        border-color: #34495e;
        background-color: #34495e;
        height: 2px;
        margin-top: 6px;
        margin-bottom: 6px;
    }

.bi-report-headlines-container {
    background-color: #D6DBDF;
    padding: 10px;
    border-radius: 10px;
    margin-top: 50px;
}

.bi-headline-border {
    border-right: 2px solid #34495e;
}

.bi-report-headline {
    text-align: center;
    margin-top: -30px;
}

.bi-report-headline-icon-container {
    cursor: default;
    margin: 0 auto;
}

.bi-report-headline-title {
    text-align: center;
    color: #666666;
    font-weight: bold;
    font-size: 16px;
}

.bi-report-headline-figure {
    color: #34495e;
    text-align: center;
    font-weight: bold;
}

.bi-report-sparkline-container h6 {
    color: #666666;
    font-weight: bold;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
}

.bi-report-sparkline {
    vertical-align: middle;
    display: inline-block;
    width: 120px;
    height: 30px;
    margin-left: 10px;
}

.bi-report-filter {
    margin-top: 10px;
}

.bi-report-saved {
    padding-top: 5px;
}

    .bi-report-saved li {
        text-align: left;
    }

.bi-report-kpi-red, .bi-report-kpi-amber, .bi-report-kpi-green {
    display: inline-block;
    border: 1px solid #D32A00;
    width: 25px;
    height: 25px;
    font-size: 0.8em;
}

.bi-report-kpi-red {
    background-color: #d84a00;
}

.bi-report-kpi-amber {
    background-color: #FFC200;
}

.bi-report-kpi-green {
    background-color: #11C24E;
}

.padding-l-0 {
    padding-left: 0px;
}

/*.panel > .panel-heading > .panel-title > a > i.fa-toggle-down {
    display: inline;
}
.panel > .panel-heading > .panel-title > a > i.fa-toggle-up {
    display: none;
}

.panel > .panel-heading > .panel-title > a > i.fa-toggle-down {
    display: inline;
}

.panel > .panel-heading > .panel-title > a > i.fa-toggle-up {
    display: none;
}*/

.panel-heading [data-toggle="collapse"]:after {
    font-family: 'Glyphicons Halflings';
    /*content: "\e072"; /* "play" icon */
    /* content: "\e113"; /* "play" icon */
    float: right;
    /* rotate "play" icon from > (right arrow) to down arrow */
    /*-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);*/
}

.panel-heading [data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    /*-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);*/
    /*content: "\e114";*/
}

.urgent-show-xs {
    display: none;
}

.data-grid-controls > ul {
    min-width: initial;
    border: none;
    background-color: #2c3e50;
}

.site-locations-dropdown {
    min-width: 97%;
    margin-top: 0px;
}

a.not-active {
    pointer-events: none;
    cursor: default;
}

.alert-help {
    background-color: #EDF6FC;
    border-color: #e9ecef;
}

/* Scheduled Tasks */

#InstructionDetails_InstructionDocumentRow {
    padding-bottom: 10px;
}

#InstructionDetails_CompletionDocumentRow {
    padding-bottom: 10px;
}

/* Scheduled Tasks - END */
.data-grid-column-selector .row {
    margin-left: 0px;
    margin-right: 0px;
}

.data-grid-column-selector {
    width: 300px;
    overflow-y: auto;
    height: 300px;
    background-color: #f3f4f5 !important;
}

.data-grid-column-selector .checkbox {
    margin-top: 0px;
}

.data-grid-selected-filters li {
    background-color: #415b76;
    border-radius: 5px;
    padding: 5px;
    color: #ffffff;
    font-size: 12px;
}

.data-grid-selected-filters li span.remove-button {
    cursor: pointer;
}

.data-grid-selected-filters li.filter-not-applied {
    background-color: #AFAFAF;
    padding-left: 5px;
}

ul.data-grid-selected-filters li i.fa-filter {
    margin-left: 3px;
}

.panel-default.urgent .panel-title {
    padding-left: 5px;
}

.panel-group .urgent {
    overflow: visible !important;
}

.data-grid-selected-filters li:first-child[data-isremovable="True"] span {
    margin-left: 5px;
}

.data-grid-filter-searchresults ul.list-group li:hover {
    text-decoration: none;
    background-color: #f5f5f5;
    color: #1abc9c;
}

.data-grid-filter-searchresults ul.list-group li.active {
    z-index: 2;
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}

.data-grid-filter-searchresults ul.list-group li.active.pre-existing {
    background-color: #7d90a5;
}

div.modal-body li.list-group-item .anded-item-indicator {
    display: inline-block;
    color: #e0e0e0;
    padding-right: 0.5em;
    visibility: hidden
}

.data-grid-filter-searchresults li.list-group-item.active ~ li.list-group-item.active .anded-item-indicator {
    visibility: visible;
}

div[id^='DG_'][id$='_FilterDetail'] li.list-group-item ~ li.list-group-item .anded-item-indicator {
    color: #c0c0c0;
    visibility: visible;
}

.list-group.no-pointer li {
    cursor: default !important;
}

.list-scroll {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.pointer {
    cursor: pointer;
}

.data-grid-column-selector button.save-column-order {
    width: 95%;
}

.data-grid th.hover:hover {
    background-color: #e5e5e5;
}

.traffic-light-no-data {
    width: 10px;
    background-color: #EAEAEA !important;
    border-top: 2px solid #EAEAEA !important;
}

.traffic-light-red {
    width: 10px;
    background-color: #d84a00 !important;
    border-top: 2px solid #d84a00 !important;
}

.traffic-light-amber {
    width: 10px;
    background-color: #FFC200 !important;
    border-top: 2px solid #FFC200 !important;
}

.traffic-light-green {
    width: 10px;
    background-color: #11C24E !important;
    border-top: 2px solid #11C24E !important;
}

.icon-inactive {
    color: #E5E5E5;
}

.data-grid-filter-preset-button {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.data-grid-filter-preset-menu {
    margin-left: 15px;
    max-height: 227px;
    overflow-y: auto;
}

.data-grid-filter-preset-menu li a {
    padding: 10px 20px 10px 20px;
    display: block;
}

.data-grid-filter-preset-menu li .row, .search-filters .row {
    margin-left: 0px;
    margin-right: 0px;
}

.search-filters .row {
    padding-top: 10px;
}

.data-grid-filter-preset-menu li .filter:hover {
    background-color: #16A085;
    color: #FFFFFF;
}

.data-grid-filter-preset-menu li .filter:hover a {
    color: #FFFFFF;
}

.data-grid-filter-preset-menu li.heading {
    padding: 10px 0px 10px 20px;
    font-weight: bold;
}

.drag-handle {
    height: 15px;
}

.drag-handle:hover {
    background-color: #c0c0c0;
    cursor: grab;
}

.data-grid-head-cell.data-grid-traffic-light {
    width: 15px;
}

.icon-blue {
    color: #3498DB;
}

.icon-green {
    color: #1ABC9C;
}

th.dragable {
    vertical-align: top !important;
}

.tenant-dropdown .dropdown-menu {
    height: 575px;
    overflow-y: scroll;
}

.data-grid-icon-cell {
    white-space: nowrap;
}

.powerbi-report-description {
    margin-top: 20px;
}

.powerbi-report-container {
    margin-top: 20px;
}

.powerbi-data-selected-container {
    position: fixed;
}

    .powerbi-data-selected-container button {
        opacity: 0.5;
    }

        .powerbi-data-selected-container button:hover {
            opacity: 1;
        }

.powerbi-data-selected-container-fixed {
    position: fixed;
    top: 50px;
    background-color: #f9fafb;
    width: 95%;
    border: 2px solid #ebedef;
    margin-left: 2.5%;
    margin-right: 2.5%;
    border-radius: 7px;
    box-shadow: -14px 14px 0 0 rgba(0, 0, 0, 0.35);
}

    .powerbi-data-selected-container-fixed table {
        width: 100%;
    }

/*this is added to fix an issue with the login page UT-2872 */
@media (max-width: 358px), (max-height: 598px) {
    .hidden-ft,
    tr.hidden-ft,
    th.hidden-ft,
    td.hidden-ft {
        display: none !important;
    }
}

@media (max-width: 358px) {
    .helpline-ft,
    tr.helpline-ft,
    th.helpline-ft,
    td.helpline-ft {
        display: none !important;
    }
}

.helpline-label {
    display: none;
}

label[id='helplinetext']::after {
    content: "";
}


#IncidentNoteView_Notes {
    word-wrap: break-word;
}

.table > .thead > .tr > .th,
.table > .tbody > .tr > .th,
.table > .tfoot > .tr > .th {
    color: #526476;
    border-bottom: 2px solid #eef0f0;
    font-weight: bold;
}

.table-compact > .thead > .tr > .th {
    font-size: 13px;
    padding: 0;
    line-height: 20px;
}

.table-compact > .tbody > .tr > .td {
    font-size: 12px;
    padding: 0;
    line-height: 26px;
}

.table-compact > .tbody > .tr > .tr > .td {
    font-size: 12px;
    padding: 0;
    line-height: 26px;
}

.table-compact > .tbody > .tr > .td label.checkbox-compact {
    padding-top: 3px;
    line-height: 26px;
}

    .table-compact > .tbody > .tr > .td label.checkbox-compact span {
        padding-top: 3px;
        line-height: 26px;
    }

.flex-container {
    display: -webkit-flex;
    display: flex;
    padding: 10px;
    flex-wrap: wrap;
}

    .flex-container .column {
        display: flex;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 2px;
    }

.table-striped > .tbody > .tr:nth-child(2n) > .td,
.table-striped > .tbody > .tr.selected-row > .td,
.table-striped > .tbody > .tr:nth-child(2n) > .th, .table-striped > .tbody > .tr.selected-row > .th {
    background-color: #EDF6FC;
    border-color: #D6EAF8;
}

button.xs-icon {
}

button.xs-icon-end {
}

div.filter-action {
}

div.filter-container {
    padding-left: 0px;
    padding-right: 0px;
}

button.filter-apply {
    margin-left: 4px;
}

ul.applied-filters {
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 768px) {
    button.xs-icon {
        padding-left: 6px;
    }

    button.xs-icon-end {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }

    div.filter-container {
        padding-left: 15px;
        padding-right: 0px;
        padding-top: 2px;
    }

    div.filter-action {
        padding-top: 2px;
    }

    button.filter-apply {
        margin-left: 0px;
        margin-top: 2px;
    }

    ul.applied-filters {
        padding-left: 15px;
    }

        ul.applied-filters li, li.filter-not-applied {
            margin-top: 2px;
            width: 91.66666666666666%;
        }

    .navbar-header h5 {
        width: 765px;
    }

    .open > .data-grid-filter-preset-menu {
        margin-top: 2px !important;
    }

    .bottom-menu > div {
        background-size: 85px 25px !important;
        line-height: initial;
    }

    div.footer-version-display {
        width: 80%;
        word-break: break-all;
        line-height: initial;
        height: -webkit-fill-available;
    }

    small {
        line-height: initial;
    }
}

@media (max-width: 415px) {
    .navbar-header h5 {
        width: 375px;
    }
}

@media (max-width: 360px) {
    .bottom-menu > div {
        background-size: 70px 20px !important;
    }
}

@media (max-height: 1000px) and (max-width: 500px) {
    [class*="learn-ft"] {
        visibility: hidden !important;
    }

    [class*="version-number"] {
        visibility: hidden !important;
        display: none !important;
    }

    div.footer-version-display {
        text-align: left !important;
    }

    .login-footer small {
        top: 0px !important;
        color: #ffffff !important;
    }
}

#ManualCriteriaSelectionArea {
    margin-top: 25px;
    margin-left: 50px;
    margin-right: 50px;
}

.truncateoverflowtext {
    display: block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Resourcing - Task Planner */

.taskplanner-info-button{
    margin-left:15px;
}

.taskplanner-smalldevices {
    display: none;
}

@media (min-width:768px) {
    .taskplanner-smalldevices {
        display: none;
    }

    #TaskPlanner {
        display: block;
    }
}

@media (max-width:768px) {
    .taskplanner-smalldevices {
        display: block;
        opacity: 0.8;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        margin: auto;
        left: 0;
        right: 0;
        z-index: 150;
        color: white;
        background-color: black;
        text-align: center;
    }
        .taskplanner-smalldevices > div {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width:100%;
            padding:20px;
        }

    #TaskPlanner {
        display: none;
    }
}

/* apply common flex layout properties */
#TaskPlanner .tasklistcontainer,
#TaskPlanner .tasklist,
#TaskPlanner .tasklist .tasks {
    display: flex;
    flex: 1;
    flex-direction: inherit;
}

#TaskPlanner .bucket .bucketcontent {
    display: flex;
    flex: 1;
    flex-direction: column;
}

#TaskPlanner .bucketscolumn > .panel > .panel-body {
    overflow-y: auto;
    scrollbar-width: thin;
}

#TaskPlanner > .panel-body {
    padding-bottom: 0px;
}

#TaskPlanner .bucketscolumn {
    overflow-y: hidden;
    padding: 0px 3px 15px 15px;
}
    #TaskPlanner .bucketscolumn .nobuckets {
        padding: 11px 12px 15px 12px;
    }
    #TaskPlanner .bucketscolumn > .panel {
        margin: 0;
    }
    
    #TaskPlanner .bucketscolumn .buckets .panel-body {
        padding: 4px 3px 0px;
    }
    #TaskPlanner .bucketscolumn .btn-operation {
        padding: 4px;
    }
    #TaskPlanner .bucketscolumn .bucketcontent {
        overflow: hidden;
        padding: 3px;
    }

    #TaskPlanner .bucketscolumn .bucket {
        overflow: hidden;
        min-height:150px;
    }
        #TaskPlanner .bucketscolumn .bucket .bucketcontent .bucketheader {
            border-bottom: solid 1px #ddd;
            line-height: 1.3;
        }
            #TaskPlanner .bucketscolumn .bucket .bucketcontent .bucketheader .bucketname {
                position: relative;
                max-width: 100%;
                margin-right: 20px;
                margin-bottom: 4px;
                padding: 4px 0 2px 5px;
                text-overflow: ellipsis;
                overflow: hidden;
                font-size: 0.7em;
                font-weight: bold;
                color: #34495e;
            }
            #TaskPlanner .bucketscolumn .bucket .bucketcontent .bucketheader .btn-operation {
                position: absolute;
                top: 0px;
                right: 15px;
            }
        #TaskPlanner .bucketscolumn .bucket > .panel-body {
            padding: 0;
            overflow-y: auto;
            display: flex;
            flex: 1;
            flex-direction: inherit;
            min-height: 150px;
        }
        #TaskPlanner .bucketscolumn .bucket .bucketcontent .bucketfooter {
            border-top: solid 1px #ddd;
            font-size: 0.7em;
            line-height: 1.3;
            display: flex;
            flex: 0;
            flex-direction: inherit;
            padding: 5px 0 0 0;
            margin-top: 3px;
        }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #TaskPlanner .bucketscolumn .bucket .bucketcontent .bucketfooter {
        flex: 0 0 auto;
    }
}

#TaskPlanner .tasklistcontainer {
    padding: 0;
    margin: 0;
    overflow: auto;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: contain;
}
    #TaskPlanner .tasklistcontainer::-webkit-scrollbar {
        width: 0 !important;
    }

    #TaskPlanner .tasklistcontainer .tasklist {
        margin: 0;
        padding: 3px 5px 0 3px;
        font-size: 0.8em;
    }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        #TaskPlanner .tasklistcontainer .tasklist {
            display: block;
        }
    }

    #TaskPlanner .tasklistcontainer .tasklist .tasks {
        display: flex;
        flex: 1;
        flex-direction: inherit;
        align-items: center;
    }
        
        #TaskPlanner .tasklistcontainer .tasklist .tasks .notasks {
            color: #666;
            font-size: 0.9em;
        }
    
        #TaskPlanner .tasklistcontainer .tasklist .tasks.bucket-scrollable-area {
            padding-bottom: 10px;
        }
        
        #TaskPlanner .tasklistcontainer .tasklist .task {
            width: 100%;
            min-height:80px;
            max-width: 240px;
            margin: 2px 0px;
            padding: 3px 0;
            overflow-y: hidden;
            border: 1px solid gray;
            background-color: white;
            cursor: pointer;
        }
        
        #TaskPlanner .tasklistcontainer .tasklist .task .tenantlogocolumn {
                padding: 0;
                margin: 0;
        }
            #TaskPlanner .tasklistcontainer .tasklist .task .tenantlogocolumn img {
                padding: 0 0 0 5px;
                display: inline-block;
                float: left;
                margin: 0 0 0 10px;
                max-width: 35px;
            }
            #TaskPlanner .tasklistcontainer .tasklist .task .taskreferencecolumn {
                padding: 0px 4px;
                margin: 0;
                display: inline-block;
                vertical-align: middle;
                text-align: center;
                font-weight: bold;
            }
            #TaskPlanner .tasklistcontainer .tasklist .task .sitenamecolumn {
                margin: 0;
                padding: 0 3px;
                font-size: 0.8em;
                line-height: 1.5;
                text-align: center;
            }
                #TaskPlanner .tasklistcontainer .tasklist .task .sitenamecolumn .sitename {
                    max-width: 100%;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

/* Team Members Column */
.teammembers-table .teammember-content {
    float: left;
    width: 100%;
}
    .teammembers-table .teammember-content .teammember-name {
        display: block;
        margin-top: 3px;
        padding: 3px 0 0 5px;
        float: left;
        width: 100%;
        max-width: 79%;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .teammembers-table .teammember-content .teammember-availability {
        display: block;
        margin-top: 2px;
        position: relative;
        top: 0px;
        float: right;
}

/* Resourcing Additional Fields Admin */

#AdditionalField_TATEngineerLevelMappingContainer {
    margin-top: 75px;
}

    #AdditionalField_TATEngineerLevelMappingContainer .EngineerLevelLabel {
        font-weight: bold;
    }
    
    #AdditionalField_TATEngineerLevelMappingContainer .ActionTypeLabel {
        font-weight: bold;
    }
    
    #AdditionalField_TATEngineerLevelMappingContainer .ActionTypeLabelDropDownColumn {
        margin: 0;
        padding: 0;
    }
    
    #AdditionalField_TATEngineerLevelMappingContainer .ResourcingModuleHeader {
        text-align: center;
        margin-left: 250px;
        font-weight: bold;
        font-size: 20px;
    }

#acceptableusepolicy-modal .textarea {
    padding: 2px;
    height: 800px;
    border: solid 1px #e0e0eb;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    color: black;
}

.resourcing-static-panel .panel-body {
    height: 350px;
    overflow: auto;
}

div.resourcing-changeable-engineer .data-grid-operation-button.btn-create-requirement {
    display: none;
}

.bootstrap-switch-on ~ .linked-assignments {
    display: none;
}

/* Recurring Tasks */
.panel .well.wizardcontent {
    margin: 15px;
}

table#StartConfigurationSummary th#table-rowoperations {
    padding: 9px 25px !important;
}

/****************** Document Upload Modal **************/
#DocumentUploadModal_FilesContainer td {
    padding-top: 0px;
    padding-bottom: 0px
}

#DocumentUploadModal_UpdateAllCategoriesContainer {
    float: left;
}

#DocumentUploadModal_UploadInputContainer {
    float: right;
}

/************ End of Document Upload Modal **************/

.ScheduledTaskTemplateStartDate {
    min-width: 150px;
}

label.checkbox span.labeltext{
    font-weight: normal;
}

#matrixitemdocumentcategorytable .checkbox {
    margin-left: 0px;
}

.documentlibrary-tab:not(.in) {
    display: none;
}

.documentlibrary-tab {
    padding: 5px;
}

.urgent-criteria .panel {
    overflow: visible !important;
}

.urgent-criteria-content {
    min-height: 395px;
}

.shadow-none {
    box-shadow: none !important;
}

/****************** Notification Matrix **************/

#notificationMatrixTableContainer
{
    overflow-x: auto;
}

/************ End of Notification Matrix *************/


#change-task-details .change-task-details-accrual-value .ui-spinner,
#change-task-details .change-task-details-accrual-value .ui-spinner-input {
    border-radius: 0 !important;
}

/************************** Asset Approval **********************************/

#asset-change-review-fields-selectall + span.labeltext {
    font-weight: bold;
}
#asset-change-review-table th[data-columnname="FieldName"] 
{
    width: 20%;
}
#asset-change-review-table th[data-columnname="CurrentValue"] {
    width: 30%;
}
#asset-change-review-table th[data-columnname="ProposedValue"] {
    width: 30%;
}
#asset-change-review-table th[data-columnname="Approve"] {
    width: 20%;
}
/************************** End Of Asset Approval ***************************/

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.text-white {
    color: #ffffff;
}

.document-handicon{
    cursor: pointer;
}

/******* Blending of Old and New Assignments ********/

#blending-container .blending-table-first {
    width: 50%;
    height: 250px;
    margin-right: 10px;
    float: left;
}

#blending-container .blending-table-first-para {
    height: 100px;
    width: 49%;
    float: left;
    margin-top: 75px;
}

#blending-container .blending-table-second {
    width: 50%;
    height: 250px;
    margin-right: 10px;
    float: left;
    margin-top: 10px;
}

#blending-container .blending-table-second-para {
    height: 100px;
    width: 49%;
    float: left;
    margin-top: 50px;
}
.gn-menu-main,
.gn-menu-main ul {
    text-decoration: none;
    list-style: none;
}

    .gn-menu-main .gn-trigger a {
        display: block;
        height: 100%;
        text-decoration: none;
        cursor: pointer;
    }

.gn-menu-main > li {
    display: block;
    float: left;
    height: 100%;
}

/* icon-only trigger (menu item) */

.gn-menu-main li.gn-trigger {
    position: relative;
    width: 60px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}

.gn-menu-main li.gn-trigger > a {
    border-bottom: none;
}

.gn-menu-wrapper {
    position: fixed;
    top: 33px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 61px;
    background: #34495e;
    border-color: #2f4154;
    border-width: 2px;
    -webkit-transform: translateX(-65px);
    -moz-transform: translateX(-65px);
    -ms-transform: translateX(-65px);
    -o-transform: translateX(-65px);
    transform: translateX(-65px);
    -webkit-transition: -webkit-transform 0.3s, width 0.3s;
    -moz-transition: -moz-transform 0.3s, width 0.3s;
    -ms-transition: transform 0.3s, width 0.3s;
    -o-transition: transform 0.3s, width 0.3s;
    transition: transform 0.3s, width 0.3s;
    -ms-opacity: 0.9;
    opacity: 0.9;
}

.gn-scroller {
    position: absolute;
    overflow-y: scroll;
    width: 370px;
    height: 100%;
}

.gn-menu {
    text-align: left;
    padding-left: 0;
}

.gn-submenu li {
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}

.gn-icon::before {
    display: inline-block;
    width: 60px;
}

.gn-icon {
    color: #ffffff;
    border-bottom: 1px solid #677786;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 5px;
    padding-left: 5px;
}

.gn-icon i {
    width: 60px;
}

    .gn-icon span small {
        color: #D6DBDF;
    }

.gn-icon span {
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-box-shadow: 12px 0 6px 0 rgba(0, 0, 0, 0.175);
    -ms-box-shadow: 12px 0 6px 0 rgba(0, 0, 0, 0.175);
    box-shadow: 12px 0 6px 0 rgba(0, 0, 0, 0.175);
}

.gn-menu-wrapper.gn-open-all {
    width: 353px;
}

    .gn-menu-wrapper.gn-open-all .gn-submenu li {
        height: 60px;
    }

    .gn-menu-wrapper.gn-open-all span {
        width: auto;
        height: auto;
        display: inline;
    }

.navbar {
    height: 33px;
    min-height: 33px;
    margin-bottom: 0;
    -webkit-box-shadow: 0 6px 12px #000000;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -ms-box-shadow: 0 6px 12px #000000;
    box-shadow: 0 6px 12px #000000;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -ms-border-radius: 0;
    border-radius: 0;
}

    .navbar > .navbar-inner > .container {
        width: auto !important;
        max-width: 100% !important;
        /*background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAXCAYAAAALHW+jAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAADQ0lEQVRIS52TSUwTURzGh01jNBFDTNSDRBMTllJwxZ2LKEgMiOIG2ijKxYMgahdqS1sIhQJRRFFIRKOJnZl2FlpEysHOtCBbwbgGwRNGDwoJaGJC1PE/5rFIB1L9ki9zeP/v976Z9wabSzRNB5MkGUkzzBmKppNIm20JWvo/ATABQK2so2mcZpk3dprKAngoWv532e32PICNOpqdQpPTMcE0sTUADkfLgekB8TCo4oYluLymIpiiqF0UQw85nI6fbBP7haIpBQADb1hTXxNuvm7eabSYzhaXG3J0Zt0mnMCT4dUbWJbJh2cEGp1fD4kHWFVt1SqDxWjUlBa9LSrVCpqSou9Kg/J5flF+LjwXoNHAVHatLERv1ivUJs0oWIT9sdqkFgp1lz5V1lpy0Ghgunm3LrKkqtSrNKqmYJNWGlQimEGjgQlarVOZNK9mtpu0CloWaAta0GhgqrpVvVJn1jNim9lA+H6CtlTLHHnSE7Sbbl+U5uxene3qO5nT1pd9zNUnS3d0+1/2usbbYcUVhlylUT3y9zfUCBe1hR911WXpyeyzpHiCr4uycp6NNs8X8OdYgu9NtHmpE619eyp9gwsRDsPq79VjJkvJUmh58bL+Sr/KqB4TDY2HLuiUB7fi7tNynBuOxbmJOIIX4shpywj+1wbSM5zqeFaY2dK9GCGnVdtQu7a4XJ8Jh5RZf79hQwbbsScO50YhKMgBIGVxk2gr93qLzbNP4eqf++Jvt7eHyHG+EZpJgmY6Bud+JNq9tozm7hUo7i9Nx+sUOcF9kALMtvgGMVbuVayVW4fi/jrW6suDnUelAFKGQxs72upToLi/Dj/pyQXgiFRYygkk/+24y5eH4v461eaTRT1yD0qFZ1s88WjcPbCN8sajuL+Smc7QLbb2pzIioEMRkpiOzmxX7xoU99eh5l7sgLNrrwznx6Ugk46DDeEmDMoJPg3mQ1BcWrqONwugqWET6RkRm4qvNgUCi1cK7ungfmeXKZ97sRzF5peirT8izdl1dgfV7own+ffwZwjQ5iuABmKs7jvrrXxKgedlYDBRlb532Hn387Cslp5VqY7OxIOPe64ms13nttq8CZtJz7KdpDcIjYIw7DdqdHn0zz+0LgAAAABJRU5ErkJggg==')*/ /*../content/images/urgtechsmallicon.png*/ no-repeat 99% center;
        padding-left: 0;
        padding-right: 0;
    }

        .navbar > .navbar-inner > .container > .navbar-header {
            height: 33px;
        }

            .navbar > .navbar-inner > .container > .navbar-header .navbar-toggle {
                float: left;
                height: 32px;
                line-height: 32px;
                padding: 0 5px;
            }

        .navbar > .navbar-inner > .container > .sidemenu-toggle {
            display: block;
            margin-left: -15px;
            width: 75px;
            text-align: center;
            padding-top: 4px;
            float: left;
            padding-bottom: 0;
        }

        .navbar > .navbar-inner > .container .nav > li > a {
            -ms-border-radius: 0;
            border-radius: 0;
            background-color: #34495e;
            color: #ffffff;
            font-weight: normal;
            cursor: pointer;
            padding-top: 5px;
            padding-bottom: 5px;
        }

            .navbar > .navbar-inner > .container .nav > li > a:hover {
                background-color: #1abc9c;
            }

        .navbar > .navbar-inner > .container .nav > li > ul {
            padding: 0;
            border-top: 1px solid #677786;
            -webkit-box-shadow: 0 6px 12px #000000;
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
            -ms-box-shadow: 0 6px 12px #000000;
            box-shadow: 0 6px 12px #000000;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        }

            .navbar > .navbar-inner > .container .nav > li > ul ul {
                padding-left: 10px;
                margin-bottom: 10px;
            }

            .navbar > .navbar-inner > .container .nav > li > ul a {
                color: #ffffff;
                padding: 4px 0;
                font-size: 16px;
            }
                .navbar > .navbar-inner > .container .nav > li > ul a:hover {
                    color: #1abc9c;
                    background-color: #34495e;
                    -ms-border-radius: 0;
                    border-radius: 0;
                }
                #NotificationArea a { display: inline-block; width: 100% !important}
                #NotificationArea a span { margin-left: 10px;}
        .navbar > .navbar-inner > .container .navbar-right {
            padding-right: 25px;
        }

            .navbar > .navbar-inner > .container .navbar-right > li > a {
                padding-left: 15px;
                padding-right: 15px;
            }

                .navbar > .navbar-inner > .container .navbar-right > li > a > i {
                    font-size: 20px;
                }

                .navbar > .navbar-inner > .container .navbar-right > li > a > span {
                    display: none;
                }

                    .navbar > .navbar-inner > .container .navbar-right > li > a > span.navbar-new {
                        display: inline;
                        right: 14px;
                    }

.navbar-hidden-sm {
    display: inline !important;
}

.navbar-hidden-lg {
    display: none !important;
}

.notification-count {
}

.navbar .dropdown > .dropdown-menu {
    margin-top: 0 !important;
    -ms-border-top-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    -ms-border-top-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

#992px-indicator {
    display: block;
}

@media (max-width: 991.9px) {

    #992px-indicator {
        display: none;
    }

    .navbar > .navbar-inner > .container {
        /*background: #34495e url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAXCAYAAAALHW+jAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAADQ0lEQVRIS52TSUwTURzGh01jNBFDTNSDRBMTllJwxZ2LKEgMiOIG2ijKxYMgahdqS1sIhQJRRFFIRKOJnZl2FlpEysHOtCBbwbgGwRNGDwoJaGJC1PE/5rFIB1L9ki9zeP/v976Z9wabSzRNB5MkGUkzzBmKppNIm20JWvo/ATABQK2so2mcZpk3dprKAngoWv532e32PICNOpqdQpPTMcE0sTUADkfLgekB8TCo4oYluLymIpiiqF0UQw85nI6fbBP7haIpBQADb1hTXxNuvm7eabSYzhaXG3J0Zt0mnMCT4dUbWJbJh2cEGp1fD4kHWFVt1SqDxWjUlBa9LSrVCpqSou9Kg/J5flF+LjwXoNHAVHatLERv1ivUJs0oWIT9sdqkFgp1lz5V1lpy0Ghgunm3LrKkqtSrNKqmYJNWGlQimEGjgQlarVOZNK9mtpu0CloWaAta0GhgqrpVvVJn1jNim9lA+H6CtlTLHHnSE7Sbbl+U5uxene3qO5nT1pd9zNUnS3d0+1/2usbbYcUVhlylUT3y9zfUCBe1hR911WXpyeyzpHiCr4uycp6NNs8X8OdYgu9NtHmpE619eyp9gwsRDsPq79VjJkvJUmh58bL+Sr/KqB4TDY2HLuiUB7fi7tNynBuOxbmJOIIX4shpywj+1wbSM5zqeFaY2dK9GCGnVdtQu7a4XJ8Jh5RZf79hQwbbsScO50YhKMgBIGVxk2gr93qLzbNP4eqf++Jvt7eHyHG+EZpJgmY6Bud+JNq9tozm7hUo7i9Nx+sUOcF9kALMtvgGMVbuVayVW4fi/jrW6suDnUelAFKGQxs72upToLi/Dj/pyQXgiFRYygkk/+24y5eH4v461eaTRT1yD0qFZ1s88WjcPbCN8sajuL+Smc7QLbb2pzIioEMRkpiOzmxX7xoU99eh5l7sgLNrrwznx6Ugk46DDeEmDMoJPg3mQ1BcWrqONwugqWET6RkRm4qvNgUCi1cK7ungfmeXKZ97sRzF5peirT8izdl1dgfV7own+ffwZwjQ5iuABmKs7jvrrXxKgedlYDBRlb532Hn387Cslp5VqY7OxIOPe64ms13nttq8CZtJz7KdpDcIjYIw7DdqdHn0zz+0LgAAAABJRU5ErkJggg==')*/ /*../content/images/urgtechsmallicon.png*/ no-repeat 99% 4px;
        padding-left: 0;
        padding-right: 0;
        overflow-y: hidden !important;
        overflow-x: hidden !important;
        -webkit-box-shadow: 6px 6px 12px #000000;
        -webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.175);
        -ms-box-shadow: 6px 6px 12px #000000;
        box-shadow: 6px 6px 12px #000000;
        box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.175);
    }

        .navbar > .navbar-inner > .container > .navbar-collapse {
            margin: 0 0 0 -15px !important;
        }

        .navbar > .navbar-inner > .container > .in {
            clear: both;
            max-height: 500px !important;
            overflow-y: auto !important;
        }

    .navbar .open li {
        margin-right: 5px;
    }

        .navbar .open li > a {
            color: #ffffff;
            padding: 4px 0;
            font-size: 16px;
        }

    .navbar .open .dropdown-menu {
        position: static !important;
        float: none !important;
        width: auto !important;
    }

    .navbar > .navbar-inner > .container .nav > li > ul {
        border-top: none;
    }

    .navbar > .navbar-inner > .container > .navbar-header > .page-title {
        padding-top: 0;
        text-align: center;
        color: #ffffff;
        padding-right: 30px;
    }

        .navbar > .navbar-inner > .container > .navbar-header > .page-title > h5 {
            font-weight: normal;
            font-size: 25px;
            margin: 0;
        }

    .navbar > .navbar-inner > .container .navbar-right {
        border-top: 1px solid #677786;
        padding-right: 0;
        padding-left:10px;
    }

        .navbar > .navbar-inner > .container .navbar-right > li > a {
            padding: 7px 20px;
        }

            .navbar > .navbar-inner > .container .navbar-right > li > a > i {
                font-size: 16px;
            }

            .navbar > .navbar-inner > .container .navbar-right > li > a > span {
                display: inline;
            }

                .navbar > .navbar-inner > .container .navbar-right > li > a > span.navbar-new {
                    position: relative;
                    display: inline;
                    right: 10px;
                    top: 10px;
                }

    .navbar-hidden-sm {
        display: none !important;
    }

    .navbar-hidden-lg {
        display: inline !important;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        margin: 0 -15px 7.5px -15px !important;
        overflow-y: hidden !important;
        overflow-x: hidden !important;
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

        .navbar-collapse.collapsing {
            clear: both;
            padding: 0;
            padding-right: 0;
        }

            .navbar-collapse.collapsing .navbar-nav {
                margin-left: 0 !important;
                margin-right: 0 !important;
            }

    .navbar-nav {
        float: none !important;
      /*  margin-left: -21px; */
        margin-right: -21px;
    }

        .navbar-nav > li {
            float: none;
        }

    .navbar > .navbar-inner > .container .navbar-right > li > a > span.navbar-new {
        float: right;
    }

    .navbar > .navbar-inner > .container .nav > li li {
        width: auto;
    }
}

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}

.yamm .container {
    position: relative;
}

.yamm .dropdown-menu {
    left: auto;
    border-left: none;
    border-right: none;
    border-bottom: none;
    -moz-min-width: 200px !important;
    -ms-min-width: 200px !important;
    -o-min-width: 200px !important;
    -webkit-min-width: 200px !important;
    min-width: 200px !important;
}

.yamm .nav.navbar-right .dropdown-menu {
    left: auto;
    right: 0;
}

.yamm .yamm-content {
    padding: 20px 30px;
    background: #34495e;
    -ms-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -ms-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}

.yamm h6 {
    color: #ffffff;
    font-size: 18px;
    border-bottom: 1px solid #677786;
    margin-bottom: 5px;
    margin-top: 0;
}

.tenant-dropdown > a {
    padding: 2px 10px 0 10px !important;
    height: 32px;
    overflow: hidden;
}

.tenant-dropdown > .dropdown-menu {
    -moz-min-width: 250px !important;
    -ms-min-width: 250px !important;
    -o-min-width: 250px !important;
    -webkit-min-width: 250px !important;
    min-width: 250px !important;
}

    .tenant-dropdown > .dropdown-menu a {
        font-size: 15px;
    }

.notification-dropdown h5 {
    color: #ffffff;
    font-size: 18px;
    border-bottom: 1px solid #677786;
    margin-bottom: 5px;
    margin-top: 0;
    font-weight: normal;
}

.notification-dropdown h5 #alertLastUpdated {
    font-size: 11px;
    float: right;
    padding-top: 5px;
    margin-left: 25px;
}

.notification-dropdown h6 {
    border-bottom: none;
    margin-bottom: 0;
}

.notification-dropdown > .dropdown-menu a {
    font-size: 13px;
    padding: 0 10px 0 10px !important;
}

.badge-danger {
    background-color: #e74c3c;
    color: #ffffff;
    margin-top: 1px;
    font-size: 13px;
}

.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 991.9x) {
    .yamm .yamm-content {
        padding: 5px 30px;
        background-image: none;
    }

    .navbar-collapse {
        padding-left: 15px;
    }
     .navbar > .navbar-inner > .container .navbar-right {
        padding-left: 12px;
    }
}

.bottom-menu {
    padding: 0;
    background: none;
    height: 45px;
}

    .bottom-menu > div {
        width: 100%;
        display: inline-block;
        padding: 0 20px;
        line-height: 45px;
        background: #34495e url('../content/images/Logo_Footer.png') no-repeat right center;
        color: #ffffff;
        -webkit-box-shadow: 0 -6px 12px #000000;
        -webkit-box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
        -ms-box-shadow: 0 -6px 12px #000000;
        box-shadow: 0 -6px 12px #000000;
        box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
    }

        .bottom-menu > div > a {
            color: #ffffff;
        }

/* TABLE *********************************************************************/
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #ffffff;
}

.dataTables_wrapper th {
    background-color: #ffffff;
}

.data-table {
    width: 100% !important;
    font-size: 12px;
    margin-bottom: 0;
}

.data-table td {
    padding-bottom: 2px !important;
    padding-top: 2px !important;
}

.dataTables_wrapper {
    overflow: hidden;
}

.dataTables_wrapper .panel-footer {
    padding: 5px 10px 3px;
    height: 45px;
}

.dataTables_wrapper th {
    cursor: pointer;
    font-size: 14px;
}

.dataTables_wrapper th:first-child {
    padding-left: 10px;
}

.dataTables_wrapper td {
    vertical-align: middle !important;
}

th.hidecontent span {
    display: none;
    visibility: hidden;
}

.dataTables_wrapper td:first-child {
    padding-left: 10px;
}

.dataTables_wrapper .dataTables_scrollHead .sorting:after {
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f0dc";
    font-style: normal;
    padding-left: 3px;
    font-size: 14px;
    font-weight: normal;
}

.dataTables_wrapper .dataTables_scrollHead .sorting_asc:after {
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f0de";
    font-style: normal;
    padding-left: 3px;
    font-size: 14px;
    font-weight: normal;
}

.dataTables_wrapper .dataTables_scrollHead .sorting_desc:after {
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f0dd";
    font-style: normal;
    padding-left: 3px;
    font-size: 14px;
    font-weight: normal;
}

.dataTables_wrapper .DTFC_LeftHeadWrapper .sorting:after {
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f0dc";
    font-style: normal;
    padding-left: 3px;
    font-size: 14px;
    font-weight: normal;
}

.dataTables_wrapper .DTFC_LeftHeadWrapper .sorting_asc:after {
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f0de";
    font-style: normal;
    padding-left: 3px;
    font-size: 14px;
    font-weight: normal;
}

.dataTables_wrapper .DTFC_LeftHeadWrapper .sorting_desc:after {
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f0dd";
    font-style: normal;
    padding-left: 3px;
    font-size: 14px;
    font-weight: normal;
}


.dataTables_info {
    font-size: 14px;
    padding-top: 6px;
    text-align: right;
}

.dataTables_Actions {
    padding: 0 10px !important;
    text-align: right;
    white-space: nowrap;
}

.dataTables_Actions div {
    text-align: right;
    white-space: nowrap;
}

.dataTables_length {
    display: inline;
    margin: 0;
    padding: 0;
    padding-right: 4px;
    line-height: 35px;
    float: left;
}

.dataTables_length label {
    margin: 0;
    padding: 0;
    line-height: 35px;
    height: 35px;
}

.dataTables_length .btn-group {
    width: 80px !important;
    margin-bottom: 0 !important;
    vertical-align: top !important;
}

.dataTables_length .filter-option {
    top: 7px !important;
}

.dataTables_length .caret {
    top: 45% !important;
}

.dataTables_length button {
    padding: 7px 15px;
    width: 80px !important;
    border-radius: 6px;
}

.dataTables_length .open.dropup > .dropdown-menu {
    margin-bottom: 0 !important;
}

.dataTables_length select {
    border: 0;
}

.paging_full_numbers {
    float: left;
    display: inline-block;
    width: auto;
    font-size: 14px;
    line-height: 35px;
    height: 35px;
}

.paging_full_numbers a {
    width: 35px;
    height: 35px;
}

.paging_full_numbers > a {
    background-color: #34495e;
    color: #ffffff;
    border: none;
    -ms-border-radius: 6px;
    border-radius: 6px;
    padding: 7px 18px 8px 18px;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
}

.paging_full_numbers > a:hover {
    background-color: #415b76;
}

.paging_full_numbers > a.paginate_button_disabled {
    color: #798795;
}

.paging_full_numbers > a.first {
    -ms-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -ms-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.paging_full_numbers > a.previous {
    -ms-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -ms-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-right: 5px;
    border-left: 1px solid #798795;
}

.paging_full_numbers > a.next {
    margin-left: 5px;
    -ms-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -ms-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px solid #798795;
}

.paging_full_numbers > a.last {
    -ms-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -ms-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.paging_full_numbers > span > a {
    background-color: #34495e;
    color: #ffffff;
    border: none;
    -ms-border-radius: 0;
    border-radius: 0;
    padding: 7px 20px 8px 20px;
    border-left: 1px solid #798795;
    text-align: center;
    cursor: pointer;
}

.paging_full_numbers > span > a:hover {
    background-color: #415b76;
}

.paging_full_numbers > span > a:first-child {
    -ms-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -ms-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-left: none;
}

.paging_full_numbers > span > a:last-child {
    -ms-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -ms-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.paging_full_numbers > span > a.paginate_active {
    background-color: #415b76 !important;
}

.paging_full_numbers > span > a.current {
    background-color: #415b76 !important;
}

/****************SIMPLE PAGING**************************/
.paging_simple {
    float: left;
    display: inline-block;
    width: auto;
    font-size: 14px;
    line-height: 35px;
    height: 35px;
}

.paging_simple a {
    width: 35px;
    height: 35px;
}

.paging_simple > a {
    background-color: #34495e;
    color: #ffffff;
    border: none;
    -ms-border-radius: 6px;
    border-radius: 6px;
    padding: 7px 18px 8px 18px;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
}

.paging_simple > a:hover {
    background-color: #415b76;
}

.paging_simple > a.paginate_button_disabled {
    color: #798795;
}

.paging_simple > a.previous {
    -ms-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -ms-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px solid #798795;
}

.paging_simple > a.next {
    -ms-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -ms-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}
/****************END SIMPLE PAGING**********************/

table.DTCR_clonedTable {
    background-color: white;
    z-index: 202;
    width: 100px !important;
}

div.DTCR_pointer {
    width: 1px;
    background-color: #0259C4;
    z-index: 201;
}

body.alt div.DTCR_pointer {
    margin-top: -15px;
    margin-left: -9px;
    width: 18px;
    background: url('../content/images/insert.png') no-repeat top left;
}

.ColVis_collection .checkbox .icons .first-icon, .ColVis_collection .radio .icons .first-icon, .ColVis_collection .checkbox .icons .second-icon, .ColVis_collection .radio .icons .second-icon {
    background-color: transparent;
}

.ColVis_MasterButton {
}

.ColVis_Button {
}

.ColVis_collectionBackground {
    background-color: #ffffff;
    z-index: 1100;
    position: absolute;
    left: 0;
    top: 0;
}

.ColVis_collection {
    width: 200px;
    background-color: #F3F4F5;
    z-index: 1102;
    -ms-border-radius: 6px;
    border-radius: 6px;
    height: 200px;
    border-color: #333333;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px #E1E4E7 solid;
    list-style: none;
    padding-left: 0;
}

.ColVis_collection input {
    display: none;
}

.ColVis_collection label {
    width: 100%;
    padding-left: 30px;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.ColVis_collection label:hover {
    background-color: #E1E4E7;
}

.ColVis_collection label.active {
    background-color: #1abc9c;
    color: #ffffff;
    padding-left: 10px;
}

.ColVis_collection label.active:before {
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f00c";
    font-style: normal;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 14px;
    font-weight: normal;
}

.ColVis_collection span {
    font-size: 13px;
    font-weight: normal;
    width: 100%;
}

div.ColVis_catcher {
    position: absolute;
    z-index: 1101;
}

span.ColVis_radio {
    display: inline-block;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.disabled {
    color: #999;
}

#DataTableFilter .modal-body label {
    line-height: 41px;
    text-align: right;
}

#DataTableFilter .modal-footer {
    margin-top: 20px;
}

#DataTableSaveFilter .modal-body label {
    line-height: 41px;
    text-align: right;
}

#DataTableSaveFilter .modal-footer {
    margin-top: 20px;
}

.DataTableFilterValue {
}

#DataTableQuickFilter {

}

#DataTableQuickFilter .btn-default {
  color: #ffffff !important;
  background-color: #415b76 !important;
  border-color: #415b76 !important;
}

.DTFC_LeftBodyLiner {
    overflow-x: hidden;
}

.DTFC_RightBodyLiner {
    overflow-x: hidden;
}

.popover-datatable {
    background-color: #34495e;
    border: 1px solid #34495e;
    -webkit-box-shadow: 0 0 15px #000;
    -ms-box-shadow: 0 0 15px #000;
    box-shadow: 0 0 15px #000;
}

.popover-datatable a {
    height: 34px;
    width: 34px;
    display: block;
    color: #ffffff;
    border-top: 1px solid #9f9898;
    color: transparent;
}

.popover-datatable a:first-child {
    border-top: 0;
}

.popover-datatable a:hover {
    background-color: #415b76;
}

.popover-datatable .popover-content {
    padding: 0;
    text-align: center;
}

.popover-datatable.left .arrow {
    border-color: transparent transparent transparent #34495e;
}

/* drag/drop hover styles */
.table-striped > tbody > tr.droptargetactive, .table-striped > tbody > tr.droptargetfocus > td {
    background-color: #16a085;
    color: white;
    border: none !important;
}

.table-striped > tbody > tr.droptargetactive, .table-striped > tbody > tr.droptargetfocus.disabled > td {
    background-color: #999999;
}
/* drag/drop hover styles */

/*.page-header-controls .filters .filter button {
    -ms-border-radius: 0;
    border-radius: 0;
    border-left: 1px solid #798795;
}

    .page-header-controls .filters .filter button:hover {
        background-color: #415b76;
    }

    .page-header-controls .filters .filter button:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.page-header-controls .filters .filter .dropdown button:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}*/

.page-header {
    margin: 0;
    padding-bottom: 0;
    border: none;
    height: 50px;
}

    .page-header > .page-header-title {
        float: left;
/*        width: 49%;*/
        height: 50px;
        overflow: hidden;
    }

        .page-header > .page-header-title > h5 {
            border: none;
            margin-top: 0;
            margin-bottom: 0;
            height: 50px;
            line-height: 50px;
        }

    .page-header > .page-header-controls {
        float: right;
        text-align: right;
        width: 49%;
        font-size: 29px;
    }

        .page-header > .page-header-controls button > span {
            font-family: "open_sansregular", Helvetica, Arial, sans-serif;
            padding-left: 5px;
        }

    .page-header > .detail-header-controls {
        font-family: "open_sansregular", Helvetica, Arial, sans-serif;
        text-align: right;
        font-size: 29px;
    }

        .page-header > .detail-header-controls button > span {
            font-family: "open_sansregular", Helvetica, Arial, sans-serif;
            padding-left: 5px;
        }

    .page-header > .detail-header-title {
        height: 50px;
    }

        .page-header > .detail-header-title > h5 {
            border: none;
            margin-top: 0;
            margin-bottom: 0;
            height: 50px;
            line-height: 50px;
        }

.layout-wrapper-popup .page-header {
    height: auto;
}

    .layout-wrapper .page-header h3,
    .layout-wrapper-popup .page-header h3 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .layout-wrapper .page-header small,
    .layout-wrapper-popup .page-header small {
        color: #7F8C9A;
    }

@media (max-width: 991.9px) {
    .page-header > .page-header-title {
        display: none;
    }

    .page-header > .page-header-controls {
        float: left;
        text-align: center;
        width: 100%;
    }
}

.page-header-controls {
    float: right;
    width: 100%;
}

.filters {
    /*float: right;
    width: 100%;*/
}

    .filters > .filter > div {
        width: 35px;
        height: 35px;
        text-align: center;
        float: right;
    }

        .filters > .filter > div > button {
            width: 35px;
            height: 35px;
            -ms-border-radius: 0;
            border-radius: 0;
            margin: 0;
            border: none;
            border-left: 1px solid #798795;
            font-size: 13px;
            line-height: 1.385;
            /*padding: 9px 13px;*/
            padding: 0;
            display: inline-block;
            white-space: nowrap;
            background-color: #34495e;
            color: #ffffff;
            font-weight: normal;
            text-align: center;
            -webkit-transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
            -moz-transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
            -ms-transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
            -o-transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
            transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
            vertical-align: middle;
            cursor: pointer;
        }

        .filters > .filter > div:last-child > button {
            -ms-border-top-left-radius: 6px;
            border-top-left-radius: 6px;
            -ms-border-bottom-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }

        .filters > .filter > div:first-child > button {
            -ms-border-top-right-radius: 6px;
            border-top-right-radius: 6px;
            -ms-border-bottom-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }

        .filters > .filter > div > button > span {
            padding: 0;
        }

    .filters > .filter .dropdown-menu {
        margin-top: 12px !important;
    }

    
    .filters > .filters-operations {
        float: right;
        height: 35px;
        padding-right: 4px;
        padding-top: 10px;
    }

        .filters > .filter-operations > div {
        height: 35px;
        text-align: left;
        float: right;
        margin-right:3px;
    }

        .filters > .filter-operations > div > button {
            height: 35px;
            -ms-border-radius: 0;
            border-radius: 0;
            margin: 0;
            border: none;
            border-left: 1px solid #798795;
            font-size: 13px;
            line-height: 1.385;
            padding: 9px 13px;
            display: inline-block;
            white-space: nowrap;
            background-color: #34495e;
            color: #ffffff;
            font-weight: normal;
            text-align: left;
            -webkit-transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
            -moz-transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
            -ms-transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
            -o-transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
            transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
            vertical-align: middle;
            cursor: pointer;
        }

        .filters > .filter-operations > div:last-child > button {
            -ms-border-top-left-radius: 6px;
            border-top-left-radius: 6px;
            -ms-border-bottom-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }

        .filters > .filter-operations > div:first-child > button {
            -ms-border-top-right-radius: 6px;
            border-top-right-radius: 6px;
            -ms-border-bottom-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }

        .filters > .filter-operations > div > button > span {
            padding: 0;
        }

    .filters > .filter-operations .dropdown-menu {
        margin-top: 12px !important;
    }

    .tab-pane .filters > .filters-operations {
        padding-top: 0;
    }

.filter-saved {
    width: auto;
}
.filter-saved a {
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
    width: 100%;
}

.filter-saved a:hover {
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
}

.filter-saved a:first-child {
    float: left;
    width: 45px;
    position: absolute;
    text-align: center;
    margin-right: 100px;
    display: block;
}

.filter-saved a:first-child:hover {
    background-color: #1abc9c;
    }

.filter-row {
    border-bottom: 1px solid #e1e4e7;
    margin-bottom: 4px;
}

.filter-label-toggle {
    cursor: pointer;
}

.dashboard-view-type {
    float: right;
    padding-right: 5px;
    text-align: center;
    margin-top: 11px !important;
}

    .dashboard-view-type a {
        width: 35px;
        height: 35px;
        -ms-border-radius: 0;
        border-radius: 0;
        margin: 0;
        border: none;
        border-left: 1px solid #ddd;
        font-size: 16px !important;
        line-height: 1.385;
        padding: 7px 7px !important;
        display: inline-block;
        white-space: nowrap;
        color: #ffffff;
        font-weight: normal;
        text-align: center;
        -webkit-transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
        -moz-transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
        -ms-transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
        -o-transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
        transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;
        vertical-align: middle;
        cursor: pointer;
    }

        .dashboard-view-type a:first-child {
            border-left: none !important;
            -ms-border-top-right-radius: 6px;
            border-top-right-radius: 6px;
            -ms-border-bottom-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }

        .dashboard-view-type a:last-child {
            -ms-border-top-right-radius: 6px;
            border-top-right-radius: 6px;
            -ms-border-bottom-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }

.upload-button:hover{
    cursor: pointer;
}

.dropdown-button {
    display: block;
    width: 100%;
    cursor: pointer;
}
.filter-saved a span{
    margin-left:30px;
    display:block;
    text-align:left;
}
.WidgetBar {
    margin-left: 40px;
    margin-right: 40px;
}

.WidgetBar > ul > .WidgetItem {
    width: 150px;
    /*height: 90px;*/
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.WidgetBar > ul > .WidgetItem > img {
    width: 70px;
    height: 70px;
    margin-top: 5px;
}

.WidgetBar > ul > .WidgetItem > .WidgetText {
    padding-top: 4px;
}

.WidgetBar > ul > .WidgetItem > .WidgetText > .WidgetValue {
    color: #34495E;
    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
    margin-top: 5px;
}
.WidgetValueOutOfDate {
    font-weight: bold;
    color: #666666;
    font-size: 15px;
}

.WidgetBar > ul > .WidgetItem > .WidgetText > .WidgetTitle {
    color: #666666;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
}

.WidgetBar > ul > .WidgetItem > .WidgetText > .WidgetLabel {
    color: #666666;
    font-size: 12px;
    line-height: 22px;
    font-weight: bold;
}

.WidgetBar > ul > .WidgetItem > .WidgetTextThreshold {
    padding-top: 4px;
}

.WidgetBar > ul > .WidgetItem > .WidgetTextThreshold > .WidgetValue {
    color: #34495E;
    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
    margin-top: 5px;
}

.WidgetBar > ul > .WidgetItem > .WidgetTextThreshold > .WidgetTitle {
    color: #666666;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
}

.WidgetBar > ul > .WidgetItem > .WidgetTextThreshold > .WidgetSubLabel {
    color: #222222;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
}

.WidgetBar > ul > .WidgetItem > .WidgetGauge > div > svg:nth-child(1) > text:nth-child(5) {
    color: #666666 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: bold !important;
    font-family: "open_sansregular", Helvetica, Arial, sans-serif !important;
}

.WidgetBar > ul > .WidgetItem > .WidgetGauge.LongText > div > svg:nth-child(1) > text:nth-child(5) {
	font-size: 12px !important;
}

.WidgetBar > ul > .WidgetItem > .WidgetVerticalBar {
    padding-top: 8px;
}

.WidgetBar > ul > .WidgetItem > .WidgetVerticalBar > .WidgetTitle {
    color: #666666;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}

.WidgetBar > ul > .WidgetItem > .WidgetHorizontalBar {
    padding-top: 8px;
}

.WidgetBar > ul > .WidgetItem > .WidgetHorizontalBar > .WidgetTitle {
    color: #666666;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}

.WidgetBar > ul > .WidgetItem > .WidgetHorizontalBar > .Chart {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: -5px;
}

.WidgetBar > ul > .WidgetItem > .WidgetLine {
    padding-top: 8px;
}

.WidgetBar > ul > .WidgetItem > .WidgetLine > .WidgetTitle {
    color: #666666;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}

.WidgetBar > ul > .WidgetItem > .WidgetLine > .Chart {
    margin-left: 5px;
    margin-right: 5px;
}

.WidgetBar > ul > .WidgetItem > .WidgetPie {
    padding-top: 8px;
}

.WidgetBar > ul > .WidgetItem > .WidgetPie > .WidgetTitle {
    color: #666666;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}

.WidgetBar > ul > .WidgetItem > .WidgetPie > .Chart {
    margin-top: -8px;
}

.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}

div.jcarousel-prev {
    position: relative;
    top: -80px;
    height: 80px;
    width: 37px;
    padding-left: 5px;
}

    div.jcarousel-prev div {
        width: 32px;
        height: 32px;
        margin-top: 24px;
        margin-bottom: 24px;
        background: url('../content/images/controls.png') no-repeat 0 -32px;
        cursor: pointer;
    }

        div.jcarousel-prev div:hover {
            background-position: 0 0;
        }

div.jcarousel-next {
    position: relative;
    top: -160px;
    left: 100%;
    margin-left: -37px;
    height: 80px;
    width: 37px;
}

div.jcarousel-next div {
    width: 32px;
    height: 32px;
    margin-bottom: 24px;
    background: url('../content/images/controls.png') no-repeat -43px -32px;
    cursor: pointer;
}

div.jcarousel-next div:hover {
    background-position: -43px 0;
}

.WidgetBar > ul > li.WidgetItem.Selected {
    background-color: #ced1d5;
}
.layout-sidebar > .sidemenu-iconbar > .iconbar {
    margin: 0;
    margin-right: 2px;
    width: 73px;
    -webkit-box-shadow: 6px 6px 12px #000000;
    -webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.175);
    -ms-box-shadow: 6px 6px 12px #000000;
    box-shadow: 6px 6px 12px #000000;
    box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.175);
    -ms-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -ms-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.layout-sidebar > .sidemenu-iconbar > .iconbar > ul {
        width: 100%;
    }

        .layout-sidebar > .sidemenu-iconbar > .iconbar > ul > li {
            text-align: center;
        }

            .layout-sidebar > .sidemenu-iconbar > .iconbar > ul > li > a {
                padding: 10px 2px !important;
            }

            .layout-sidebar > .sidemenu-iconbar > .iconbar > ul > li:first-child > a {
                padding: 10px 2px !important;
            }

            .layout-sidebar > .sidemenu-iconbar > .iconbar > ul > li > a > span {
                font-size: 10px;
                display: block;
                padding-top: 2px;
            }

    .layout-sidebar > .sidemenu-iconbar > .iconbar .divider {
        border-bottom: 1px solid #677786;
        margin: 0 2px;
    }


/* Schedule Wizard */

 .wizardSteps {
            list-style: none;
            width: 100%;
            overflow: hidden;
            margin: 0;
            padding: 0;
            border-bottom: 1px solid #ccc;
            margin-bottom: 20px;
        }

   .wizardSteps li {
                font-size: 18px;
                display: inline-block;
                padding: 10px;
                color: #B0B1B3;
                margin-right: 20px;
            }

    .wizardSteps li span {
                    font-size: 24px;
                }

                .wizardSteps li.current {
                    color: #48c9b0;
                }

                 .wizardButtons {
            overflow: hidden;
            padding: 30px;
        }

            .wizardButtons button{
                cursor: pointer;
            }

            .wizardButtons .prev .draft{
                float: left;
            }

            .wizardButtons .next, .wizardButtons .submit {
                float: right;
            }