body {
    color: #323232;
    background-color: #fff !important; /* 304a61 */
}

.app-header {
    background-color: #fff !important;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
}

.w-break {
    word-break: break-all !important;
}

main.app-content-wrapper {
    padding: 105px 0px 30px;
    min-height: calc(100vh - 42px);
}

.app-menu-desktop {
    background-color: #edf2f7;
    /* border-bottom: 4px solid #c6cfd7;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px -4px*/
}

    .app-menu-desktop ul {
        margin: 0px;
    }

        .app-menu-desktop ul li {
            height: auto;
        }

            .app-menu-desktop ul li a {
                line-height: 40px;
                border-bottom: 3px solid transparent;
                color: #323232 !important;
                font-weight: 800 !important;
            }

            .app-menu-desktop ul li.active a {
                background-color: transparent;
                color: #1a3f5d !important;
                font-weight: 700;
                border-bottom: 3px solid #1a3f5d;
            }

                .app-menu-desktop ul li.active a::before, .app-menu-desktop ul li.active a::after {
                    display: none;
                }

.app-menu-dropdown .menu-dropdown li a {
    padding: 0px 8px;
    line-height: 30px;
}

.app-top-right .nav-divider {
    margin: 0px 20px 0px 25px;
    width: 1px;
    height: 35px;
    background-color: rgba(0,0,0,.2);
}

.wysiwyg .btn {
    padding: 6px 12px;
}

.wysiwyg .btn-group {
    margin-left: 5px;
}

.wysiwyg .btn:hover {
    transform: translateY(0px);
}

.file-drop-card {
    padding: 25px 10px;
    border: dashed 1px #d1d1d1;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #646464;
}

.checkbox-toggle .dropdown-toggle::after {
    right: 15px;
    position: absolute;
    top: 17px;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #495057 50%), linear-gradient(135deg, #495057 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 16px) calc(1em + 2px), calc(100% - 12px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
}

.nav-pills .ajax__tab_header {
    height: auto;
    border-bottom: none !important;
}

.nav-pills .ajax__tab_tab {
    line-height: 36px;
}

.nav-pills .ajax__tab_header .ajax__tab_tab > span {
    border-bottom: none !important;
}

.nav-pills .ajax__tab_header .ajax__tab_active a > span {
    background-color: rgba(175,207,206,.25);
    border: 1px solid rgba(81, 171, 184, 0.2) !important;
    border-radius: 4px;
}

.navbar-nav.app-top-right .nav-item .nav-link i {
    width: auto;
    height: auto;
    background-size: auto;
}

    .navbar-nav.app-top-right .nav-item .nav-link i.icon-arrow-down {
        width: 22px;
        height: 22px;
        background-size: 22px;
    }

/*.app-top-right .fa {
    color: #304a61 !important;
}

.app-top-right .fa:hover {
    color: #2c74b3 !important;
}*/

.app-top-right .badge {
    padding: 4px 6px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    position: absolute;
    top: 2px;
    right: -8px;
    border-radius: 10rem;
    background-color: #ef6543;
}

    .app-top-right .badge span {
        color: #fff !important;
    }
/* .datepicker .input-group-addon { height: 100%;} */
.ui-bg-teal {
    background-color: #4696b2;
}

.superawesome {
    background-color: #AED6F1;
}

.awesome {
    background-color: rgba(255,255,153);
}

.hold {
    background-color: #F1A95D;
}

.won {
    background-color: rgba(144,238,144);
}

.lost {
    background-color: #EA463E;
}

.QuoteTo {
    background-color: #EE82EE;
}

.junk {
    background-color: #C39BD3;
}

.ui-datepicker {
    z-index: 99999 !important;
}

.ui-modal-backdrop {
    position: fixed;
    top: 0px !important;
    left: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    overflow: hidden;
    z-index: 1002 !important;
}

tr.ui-bg-red-light-light:hover {
    background-color: rgba(255, 0, 0, 0.20) !important;
}

.ui-table-height {
    max-height: 300px !important;
    margin-bottom: 5px;
    height: auto;
}

.search-clear {
    position: absolute;
    top: 6px;
    right: 50px;
    color: #242424;
    opacity: .5;
}

    .search-clear:hover {
        opacity: 1;
        color: #ef6543;
    }

.overflow-hidden {
    overflow: hidden;
}

.tabVertical a span:hover {
    border-bottom: 2px solid #2c74b3;
}

.SumoSelect > .CaptionCont {
    height: 35px;
    border-radius: 4px;
}

    .SumoSelect > .CaptionCont > label {
        margin: 0px !important;
    }

    .SumoSelect > .CaptionCont > span.placeholder {
        font-style: normal !important;
        font-size: 14px;
        line-height: 24px;
    }

.SumoSelect .select-all {
    height: auto !important;
}

.app-drawer-wrapper {
    display: none;
    width: 450px;
    height: 100%;
    position: fixed;
    right: 0px;
    top: 0;
    bottom: 0px;
    z-index: 9999;
    box-shadow: 0 0.76875rem 2.4875rem rgb(52 58 64 / 30%), 0 1.3375rem 1.70625rem rgb(52 58 64 / 30%), 0 0.55rem 0.53125rem rgb(0 0 0 / 5%), 0 0.225rem 0.4375rem rgb(52 58 64 / 30%);
    background-color: #fff;
}

    .app-drawer-wrapper.drawer-open {
        display: block !important;
    }

    .app-drawer-wrapper .hamburger {
        width: 32px;
        height: 32px;
        border: 1px solid #e4e4e4;
        background-color: transparent;
        position: absolute;
        right: 25px;
        top: 15px;
        cursor: pointer;
    }

        .app-drawer-wrapper .hamburger:focus {
            outline: none;
        }

        .app-drawer-wrapper .hamburger i {
            position: absolute;
            top: 0px;
            left: 11px;
            margin: 0px;
            float: none;
            line-height: 32px;
            color: #ef6543;
        }

.drawer-content-wrapper {
    padding: 70px 0px;
}

.app-drawer-wrapper .jumbotron {
    margin: 0px;
    padding: 0px 0px 20px;
    background-color: #fff;
    height: calc(100vh - 70px);
    overflow: hidden;
    overflow-y: auto;
}

.drawer-content-wrapper .list-group .list-group-item {
    border-radius: 0px;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .drawer-content-wrapper .list-group .list-group-item label {
        float: none !important;
        margin: 0px 0px 0px auto !important;
        order: 3;
        max-width: 55px;
        width: 100%;
        text-align: right;
    }

    .drawer-content-wrapper .list-group .list-group-item input {
        width: 16px;
        height: 16px;
        float: none !important;
        margin: 0px 0px 0px auto !important;
        order: 2;
        position: absolute;
        right: 65px;
        cursor: pointer;
    }

.ui-checkbox-dropdown .ui-multiselect {
    width: 100% !important;
    height: calc(1.5em em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.ui-checkbox-dropdown .ui-widget.ui-widget-content {
    width: 100% !important;
    border-radius: 4px;
    border: 1px solid #ddd !important;
}

.ui-checkbox-dropdown .ui-multiselect-header {
    padding: 8px 0 8px 12px !important;
}

.ui-checkbox-dropdown .ui-multiselect-checkboxes label {
    padding: 7px 12px;
    margin-bottom: 3px !important;
}

.ui-jqgrid .ui-jqgrid-btable {
    border-left: none !important;
}

.ui-jqgrid .ui-jqgrid-bdiv {
    border-top: none !important;
}

.ui-jqgrid .ui-jqgrid-sdiv, .ui-jqgrid .ui-jqgrid-hbox, .ui-jqgrid .ui-jqgrid-ftable {
    width: 100% !important;
}
/* single checkbox */
.ui-checkbox.custom-checkbox input {
    min-height: 20px;
    margin-bottom: 0;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 10px;
}

    .ui-checkbox.custom-checkbox input::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 20px;
        height: 20px;
        left: 14px;
        top: -2px;
        margin-left: -20px;
        border: 2px solid #ababab;
        border-radius: 3px;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    }

    .ui-checkbox.custom-checkbox input::after {
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
        margin-left: -20px;
        padding-left: 3px;
        padding-top: 1px;
        font-size: 11px;
        color: #337ab7;
    }

    .ui-checkbox.custom-checkbox input[type="checkbox"]:checked::after {
        content: "";
        display: inline-block;
        transform: rotate(45deg);
        height: 10px;
        width: 4px;
        border-bottom: 3px solid #337ab7;
        border-right: 3px solid #337ab7;
        left: 21px;
        top: 2px;
    }

    .ui-checkbox.custom-checkbox input[type="checkbox"]:checked::before {
        border: 2px solid #337ab7;
        background-color: #f6f8fb;
    }

    .ui-checkbox.custom-checkbox input[type="checkbox"] {
        opacity: 1;
        left: 10px;
    }

.ui-checkbox.custom-checkbox label {
    padding-left: 25px;
}

    .ui-checkbox.custom-checkbox label::before {
        border: 2px solid #f9040400 !important;
        background-color: #fff0 !important;
    }
/* single disabled checkbox */
.ui-checkbox.custom-checkbox input[type="checkbox"]:disabled::before {
    border: 2px solid #c0c4c6 !important;
}

.ui-checkbox.custom-checkbox input[type="checkbox"]:disabled::after {
    border-bottom: 3px solid #c0c4c6 !important;
    border-right: 3px solid #c0c4c6 !important;
}

.ng-dropdown-panel .ng-dropdown-panel-items {
    max-height: 170px !important;
}
/*.nav-tabs .nav-link .badge {
    background-color: #e1edf5 !important;
    color: #323232 !important;
}

.nav-tabs .nav-link.active .badge {
    background-color: #3963b0 !important;
    color: #ffffff !important;
}*/
.ui-bg-cyan-light, .ui-bg-blue-light {
    background-color: #edf1f4 !important;
    color: #646464;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
/*.ui-bg-cyan-light, .ui-bg-blue-light div.ui-tx-white {
    color: #323232 !important;
}
.ui-bg-cyan-light, .ui-bg-blue-light .fa {
    color: #fff;
}*/

.ui-btn.blue {
    color: #fff;
    background-color: #2b7bf4;
    border: 1px solid #2b7bf4;
}

    .ui-btn.blue:hover {
        color: #fff;
        background-color: #246bd7;
    }

.ui-btn.theme {
    color: #fff;
    background-color: #383b84;
    border: 1px solid #383b84;
}

    .ui-btn.theme:hover {
        color: #fff;
        background-color: #50539e;
    }

.ui-btn.red {
    color: #fff;
    background-color: #ef6543;
    border: 1px solid #ef6543;
}

    .ui-btn.red:hover {
        color: #fff;
        background-color: #ef6543;
    }

.ui-bg-blue {
    background-color: #304a61 !important;
}

.ui-tx-blue {
    color: #304a61 !important;
}

.ui-tx-red {
    color: #ef6543 !important;
}

.datepicker .input-group-addon {
    background-color: #2c74b3;
}

.ui-bg-blue-light .datepicker .input-group-addon {
    background-color: #2c74b3;
}

.app-footer {
    background-color: rgb(23 162 184 / 10%);
}

.app-dev-name, .app-dev-name a {
    color: #6f6f70;
}

.ajax__tab_active a > span {
    border-bottom: 3px solid #304a61;
}

/*.ui-fill-nav {
    background-color: #2c74b3;
}*/

.tabVertical .ajax__tab_header {
    background-color: transparent;
}

.tabVertical .ajax__tab_active a > span {
    border-bottom: 2px solid #2c74b3;
}

.ui-data-table tbody tr:hover {
    background-color: rgba(175,207,206,.15);
}

.ui-bg-light-2 {
    background-color: rgba(175,207,206,.20);
}

.ui-checkbox.radio input[type="radio"]:checked + label::before {
    border: 2px solid #304a61;
}

.ui-checkbox.radio input[type="radio"]:checked + label::after {
    background-color: #304a61;
}

.ui-checkbox input[type="checkbox"]:checked + label::before {
    border: 2px solid #304a61;
}

.ui-checkbox input[type="checkbox"]:checked + label::after {
    border-bottom: 3px solid #304a61;
    border-right: 3px solid #304a61;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: solid 1px #304a61;
    background-color: #304a61;
}

.app-top-right .dropdown-item:hover {
    color: #2c74b3;
    background-color: #e4e0f3;
}

    .app-top-right .dropdown-item:hover span {
        color: #2c74b3 !important;
        font-weight: 700 !important;
    }

.app-menu-dropdown .menu-dropdown li a:hover {
    color: #3963b0 !important;
    background-color: rgba(57, 99, 176, .15) !important;
}

.autocomplete-container {
    box-shadow: none !important;
    height: 35px;
}

    .autocomplete-container .input-container .x {
        top: 40% !important;
    }

        .autocomplete-container .input-container .x i {
            font-size: 12px !important;
        }

    .autocomplete-container .input-container input {
        padding: 0 28px 0 15px !important;
        height: 35px !important;
        border: solid 1px #ababab !important;
        border-radius: 5px;
    }

.ui-checkbox label::before {
    top: 0px;
}

.ui-checkbox input[type="checkbox"]:checked + label::after {
    left: 7px;
    top: 4px;
}

.tb-radiobox td input[type="radio"] + label {
    font-weight: 500;
}

.datepicker .form-control {
    height: 35px;
}

.app-content.box {
    border-radius: 5px !important;
    border: solid 1px #e9e8e7 !important;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}

ul.tagit li.tagit-choice .close {
    cursor: pointer;
    position: absolute;
    right: 0.1em !important;
    top: 0% !important;
    margin-top: -5px !important;
}

.disabled {
    border: solid 1px rgba(196, 196, 196, 0.75) !important;
    background-color: rgba(233, 232, 231, 0.8) !important;
    cursor: default !important;
}

tr.ui-bg-blue-light th {
    color: #fff !important;
}

.ui-form .form-control, .ui-form .datepicker .form-control:read-only, .ui-search-group .form-control.ui-bg-light {
    border: solid 1px #ababab !important;
    background-color: rgb(255, 255, 255) !important;
}

.ui-jqgrid.ui-widget.ui-widget-content {
    border: 1px solid #dddddd !important;
}

.ui-search-group .ui-btn {
    background-color: #383b84 !important
}

.ajax__fileupload {
    padding: 8px;
    border: none !important;
}

.ajax__fileupload_dropzone {
    margin-bottom: 8px;
}

.ajax__fileupload_selectFileContainer {
    height: 32px !important;
    line-height: 32px !important;
    width: 120px !important;
}

.ajax__fileupload_selectFileButton {
    border-radius: 4px;
    background-color: #2c74b3 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    height: 32px !important;
    line-height: 32px !important;
    width: 120px !important;
}

.ajax__fileupload_topFileStatus {
    font-size: 14px;
    font-weight: 500;
}

.ajax__fileupload_selectFileContainer input {
    height: 32px !important;
    left: 0;
}

.ui-editor-box {
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    overflow: hidden;
}

    .ui-editor-box table {
        background-color: transparent !important;
    }

        .ui-editor-box table tr table {
            background-image: none !important;
        }

        .ui-editor-box table tr td > div > div > div > table tr td:first-child, .ui-editor-box table tr td > div > div > div > table tr td:last-child {
            display: none;
        }

        .ui-editor-box table tr td > div > div > div > table tr td:nth-child(2) table tr td:first-child, .ui-editor-box table tr td > div > div > div > table tr td:nth-child(2) table tr td:last-child {
            display: table-cell;
        }

        .ui-editor-box table select {
            padding: 2px 6px !important;
            font-size: 13px;
            border: solid 1px #c4c4c4;
            border-radius: 4px;
        }

        .ui-editor-box table tr > td > div > div:nth-child(1) [class$="_Toolbar"] {
            float: none !important;
            display: inline-block !important;
            vertical-align: middle !important;
        }
        /* .ContentPlaceHolder1_txtRemarks_Toolbar { display: inline-block; float: none;} */
        .ui-editor-box table tr > td > div > div:nth-child(1) {
            padding: 6px 6px 8px 6px !important;
            border-bottom: 1px solid #c4c4c4;
        }

        .ui-editor-box table tr > td > div > div:nth-child(2) iframe {
            border: none;
        }

        .ui-editor-box table textarea[class$="_HtmlBox"] {
            border: none;
        }

    .ui-editor-box td[class$="_StartTabOn"] {
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #c4c4c4;
        border-top: 1px solid #c4c4c4;
        border-bottom: 1px solid #f0f0f0;
        background-color: #f0f0f0;
    }

    .ui-editor-box td[class$="_TabOn"] {
        border-left: 1px solid #f0f0f0;
        border-right: none;
        border-top: none;
        border-bottom: none;
        background-color: #ffffff;
    }

    .ui-editor-box td[class$="_TabOffRight"] {
        border-left: 1px solid #c4c4c4;
        border-right: 1px solid #c4c4c4;
        border-top: 1px solid #c4c4c4;
        border-bottom: 1px solid #f0f0f0;
        background-color: #f0f0f0;
    }

    .ui-editor-box td[class$="_EndTab"] {
        border-left: 1px solid #c4c4c4;
        border-right: 1px solid #f0f0f0;
        border-top: 1px solid #c4c4c4;
        border-bottom: 1px solid #f0f0f0;
        background-color: #f0f0f0;
    }

    .ui-editor-box td[class$="_StartTabOff"] {
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #c4c4c4;
        border-top: 1px solid #c4c4c4;
        border-bottom: 1px solid #f0f0f0;
        background-color: #f0f0f0;
    }

    .ui-editor-box td[class$="_TabOffLeft"] {
        border-left: 1px solid #c4c4c4;
        border-right: 1px solid #c4c4c4;
        border-top: 1px solid #c4c4c4;
        border-bottom: 1px solid #c4c4c4;
        background-color: #f0f0f0;
    }

    .ui-editor-box table img {
        display: inline-block !important;
    }

.ajax__fileupload_fileItemInfo .removeButton {
    background-color: #e49681 !important;
    border-radius: 4px;
    width: auto !important;
    padding: 0px 7px;
    font-size: 12px;
}

.ajax__fileupload_uploadbutton {
    background-color: #1a3f5d !important;
    border-radius: 4px;
    padding: 0px 7px;
    font-size: 12px;
}

select.form-control {
    padding: .375rem 1.75rem .375rem .75rem !important;
}

.ui-border.ui-rounded-5, .border.ui-rounded-5 {
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}

.box .border.ui-rounded-5, .box .ui-border.ui-rounded-5, .border .ui-border, .border .border, .ui-border .border, .ui-border .ui-border {
    box-shadow: none !important;
}

.app-top-right li a span {
    color: #fff;
}

.app-top-right .dropdown-menu {
    font-weight: 500;
    color: #304a61;
}

    .app-top-right .dropdown-menu .dropdown-item span {
        font-weight: 500;
        color: #304a61;
    }

.app-menu-desktop ul li.active .menu-dropdown li a:hover {
    color: #2c74b3 !important;
}

.box-shadow {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}

.ui-bg-blue-light .ui-bg-blue {
    background-color: #2c74b3 !important;
}

.tr-blue-light {
    background-color: #E1EDF5 !important;
}

.tr-yellow-light {
    background-color: #fcedc5 !important;
}

.tr-green-light {
    background-color: #c3f1de !important;
}

.tr-red-light {
    background-color: #f7e2de !important;
}

.tr-orange-light {
    background-color: #ffddbf !important;
}

.tr-pink-light {
    background-color: #fbcbf0 !important;
}

.tr-purple-light {
    background-color: #e2d3fc !important;
}

.td-blue-light {
    background-color: #c5e7ed !important;
}

.td-yellow-light {
    background-color: #fcedc5 !important;
}

.td-green-light {
    background-color: #c3f1de !important;
}

.td-red-light {
    background-color: #f7e2de !important;
}

.td-orange-light {
    background-color: #ffddbf !important;
}

.td-pink-light {
    background-color: #fbcbf0 !important;
}

.td-purple-light {
    background-color: #e2d3fc !important;
}

.tr-blue-back {
    background-color: #eff6fd;
}

.ui-mb--2 {
    margin-bottom: 0px !important;
}

.tabVertical > .ajax__tab_header span {
    margin-top: 0px !important;
}

.ui-bg-theme {
    background-color: #2c74b3 !important;
}

.ui-top-rounded {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.ui-multiselect .ui-icon.ui-icon-triangle-1-s::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.autocomplete-container .suggestions-container {
    z-index: 99 !important;
}

.autocomplete_listItem {
    z-index: 99999 !important;
    background-color: window;
    color: windowtext;
    padding: 1px;
    cursor: hand;
}

.autocomplete_highlightedListItem {
    z-index: 99999 !important;
    background-color: #ffff99;
    color: black;
    padding: 1px;
    cursor: hand;
}

.autocomplete_completionListElement {
    margin: 0px !important;
    z-index: 99999 !important;
    background-color: ivory;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: 200px;
    text-align: left;
    left: 0px;
    list-style-type: none;
}

.tr-tx-red, .tr-tx-red > td {
    color: #ef6543 !important;
}

.ui-multi-select-dropdown .multiselect-native-select .multiselect-container .checkbox input[type=checkbox] {
    opacity: 1 !important;
    position: absolute;
    top: -1px;
}

.ui-multi-select-dropdown .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show li label {
    padding-left: 25px !important;
}

.ui-multi-select-dropdown .multiselect-native-select .btn-group .multiselect .caret {
    float: right;
    position: absolute;
    right: 10px;
    top: 15px;
}

.ui-multi-select-dropdown .multiselect-native-select .btn-group .multiselect::after {
    display: none;
}

.ui-multi-select-dropdown .multiselect-native-select .btn-group .multiselect {
    background: #fff;
    height: 35px;
    text-align: left;
    width: 100%;
    font-size: 14px;
}

.ui-multi-select-dropdown .multiselect-native-select .btn-group {
    width: 100% !important;
}

.ui-fill-nav li a.active {
    /* background-color: #0a2647 !important;*/
}

.multiselect-native-select {
    width: 100%;
}

.bg-color-green {
    background-color: #21e758 !important;
}

.bg-color-red {
    background-color: #ef6543 !important;
}

.bg-color-blue {
    background-color: #039bf7 !important;
}

.bg-color-yellow {
    background-color: #f8b715 !important;
}

.badge.bg-color-red, .badge.bg-color-blue, .badge.bg-color-green, .badge.bg-color-yellow {
    color: #fff !important;
}

.tr-yellow {
    background-color: #FFFF8A !important;
}

li.tagit-choice.ui-widget-content.ui-state-default.ui-corner-all {
    width: auto;
}

.modalBackground {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10010;
    width: 1263px;
    height: 2149px;
    background-color: rgba(0,0,0,.4);
    filter: alpha(opacity=70);
    opacity: 1.7;
    overflow: hidden;
    z-index: 500 !important;
}

.w-max-content {
    width: max-content !important;
}

.hover {
    background: rgb(243 248 248) !important;
}


.datepicker input.form-control {
    position: relative;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    width: 100% !important;
    background-color: transparent !important;
    z-index: 2;
}

.input-group.datepicker::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/icons/calendar-dark.svg);
    background-size: 16px;
    position: absolute;
    top: 9px;
    right: 10px;
}

.datepicker input:focus {
    position: relative;
}

.input-group.datepicker .input-group-addon {
    display: none !important;
    width: 0px !important;
}

.ui-form .datepicker input:disabled {
    background-color: rgba(196, 196, 196, 0.25) !important;
    border-radius: 5px;
    border: none;
    padding: 0px 14px;
    font-size: 14px;
    font-weight: 500;
}

.ui-form .datepicker input:focus {
    border: solid 1px #7d7d7d !important;
}

.datepicker .aspNetDisabled {
    height: 35px !important;
    width: 100% !important;
}

.ui-fillNav .ajax__tab_header {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
}

    .ui-fillNav .ajax__tab_header .ajax__tab {
        line-height: 36px;
        height: auto;
    }

.ui-fillNav .ajax__tab_tab > span {
    font-size: 12px;
}

.tabVertical > .ajax__tab_header span {
    flex-basis: auto !important;
}

.ajax__tab_tab > span {
    font-size: 14px;
}

.app-menu-dropdown .menu-dropdown {
    max-height: 550px;
    overflow: hidden;
    overflow-y: auto;
}

    .app-menu-dropdown .menu-dropdown::-webkit-scrollbar {
        width: 6px;
    }

    .app-menu-dropdown .menu-dropdown::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .app-menu-dropdown .menu-dropdown::-webkit-scrollbar-thumb {
        background: #888;
    }

    .app-menu-dropdown .menu-dropdown.megaMenu ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .app-menu-dropdown .menu-dropdown.megaMenu li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 50%;
        max-width: 50%;
    }

.SumoSelect > .CaptionCont {
    box-shadow: none !important;
    border-radius: 5px !important;
    border: solid 1px #e9e8e7 !important;
}

.fluid-img ul li img {
    width: 100%;
}

.fl-scrolls {
    bottom: 0;
    height: 35px;
    overflow: auto;
    position: fixed;
}

    .fl-scrolls div {
        height: 1px;
        overflow: hidden;
    }

        .fl-scrolls div:before {
            content: "";
            /*     fixes #6 */
        }

.fl-scrolls-hidden {
    bottom: 9999px;
}

.line-separator {
    border-bottom: solid;
    border-color: none;
    cursor: pointer;
    border-width: 1px;
    display: block;
    color: #EDF1F5;
    padding: 5px;
    text-decoration: none !important;
}

.ajax_tab_body .ajax_tab_panel table td a.ui-btn {
    color: #fff !important;
}

.ajax__tab_body .ajax__tab_panel table td a.line-separator, .ajax__tab_body .ajax__tab_panel table td a.line-separator:hover {
    color: #EDF1F5;
}


table td br {
    display: none;
}

.table-responsive table td a {
    color: #007bff;
    text-decoration: underline;
    background-color: transparent;
}

.agcustom .ag-theme-alpine .ag-header-cell, .agcustom .ag-theme-alpine .ag-header-group-cell,
.agcustom .ag-theme-alpine .ag-cell {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.daterangepicker {
    z-index: 99 !important;
}
    .daterangepicker .ranges li {
        font-weight: 600;
    }
 
@media(-webkit-min-device-pixel-ratio: 1.5) {
    body {
        /*zoom: 0.88;*/
        -moz-transform: scale(0.85);
        -moz-transform-origin: 0 0;
    }

    .modal-fullscreen .modal-content {
        height: 100% !important;
    }
}

.daterangepicker {
    font-family: Nunito Sans, sans-serif !important;
}

.grid-style {
    font-family: Nunito Sans, sans-serif !important;
}