/*================================================================================
Custom CSS
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.input-validation-error {
    border: 1px solid red !important;
}

.required label:after {
    content: "*";
    color: red
}

/*CKEditor Height*/
.ck-editor__editable {
    min-height: 300px;
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw.ck-balloon-panel_visible.ck-balloon-panel_with-arrow {
    z-index: 1050;
}

.dashboard-card-info-button {
    top: 10px !important;
    right: 10px !important;
}

.form-section-grid {
    margin-bottom: 0px !important;
}

/*Highlight modified row input change log*/
.modifiedRow {
    background-color: #fabbbc !important;
    font-style: italic;
    font-weight: bold;
}

.remove-table-padding .card-dashboard {
    padding: 0px;
}

/*Added for fixed footer*/
.content-wrapper {
    margin-bottom: 40px;
}

.btnHover:hover {
    background-color: #FFF !important;
    color: #666ee8 !important;
}

.select2-container--default .select2-selection--single {
    border-color: #D9D9D9;
}

.input-validation-error, .custom-error-container {
    border: 1px solid red !important;
    border-color: red !important;
}


.required label:after {
    content: "*";
    color: red
}

/*CKEditor Height*/
.ck-editor__editable {
    min-height: 300px;
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw.ck-balloon-panel_visible.ck-balloon-panel_with-arrow {
    z-index: 1050;
}

.spanCompany {
    font-size: 12px;
    font-weight: bold;
}

.remove-table-padding .card-dashboard {
    padding: 0px;
}

.widgetCard {
    min-height: 525px;
    max-height: 525px;
}

/*Highlight modified row input change log*/
.modifiedRow {
    background-color: #fabbbc !important;
    font-style: italic;
    font-weight: bold;
}

/*Added for fixed footer*/
.content-wrapper {
    margin-bottom: 40px;
}

/* Dashboard Seven Cols*/
.wp-dashboard {
    margin-bottom: 10px;
}

    .wp-dashboard .card {
        flex: 1 1 200px !important;
        margin: 5px;
    }

        .wp-dashboard .card h4 {
            margin-bottom: 0px;
        }

        .wp-dashboard .card h3 {
            margin-bottom: 0px;
        }

        .wp-dashboard .card:first-child {
            margin-left: 0;
        }

        .wp-dashboard .card:last-child {
            margin-right: 0;
        }

        .wp-dashboard .card .card-icon, .wp-dashboard .card .card-content {
            padding: 20px 10px;
        }

        .wp-dashboard .card .card-content {
            margin-left: 10px;
            width: 100%;
        }

        .wp-dashboard .card .card-icon {
            width: 70px;
            background: rgba(0,0,0,.15);
            align-items: center;
            justify-content: center;
            text-align: center;
            display: flex;
        }

            .wp-dashboard .card .card-icon i {
                font-size: 32px;
            }

.CorrectiveActionSection .card {
    margin-bottom: 0px !important;
}

.custom-form-content-wrap h1 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 16px;
}

.custom-form-content-section .card-header, .client-doc-list .card-header {
    padding: 10px 20px 0;
    border: 0;
    margin-bottom: 14px;
}

.custom-form-content-section .card-title, .client-doc-list .card-title {
    border-bottom: 1px #e5e5e5 solid;
}

.custom-form-content-section .form-group .form-control,
.custom-form-content-section .select2-container--default .select2-selection--multiple {
    padding: 0px;
    border: 0;
    border-radius: 0px;
    border-bottom: 1px#c9c9c9 solid;
    background: none;
    font-size: 13px;
    height: 30px;
    min-height: initial !important;
}

.custom-form-content-section .select2-container--default .select2-selection--multiple {
    height: auto;
    min-height: 30px;
    padding: 2px 0px !important;
}

    .custom-form-content-section .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        font-size: 10px;
    }

.custom-form-content-section span.input-group-text {
    border: 0;
    background: none;
    border-bottom: 1px#c9c9c9 solid;
    padding: 0px;
}

.custom-form-content-section .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 0;
    border-radius: 0px;
    padding: 0px;
    font-size: 13px;
    border-bottom: 1px#c9c9c9 solid;
    height: 30px !important;
}

.custom-form-content-section .card, .client-doc-list .card {
    margin-bottom: 10px;
    border: none;
    border-radius: 0;
}

.floating-button {
    background: #ffffff;
    position: fixed;
    right: 0;
    bottom: 0px;
    padding: 10px 12px;
    border: 1px#d1d1d1 solid;
    box-shadow: 0 0 15px #bbb;
    border-right: 0;
    border-radius: 4px;
    z-index: 10001;
}

    .floating-button .btn-primary {
        margin-left: 6px;
    }

.custom-form-content-section .card-title, .client-doc-list .card-title {
    border-bottom: 0;
    font-weight: 700 !important;
    font-size: 16px;
    letter-spacing: 0;
    padding-bottom: 11px;
    color: #fff;
    text-transform: uppercase;
    line-height: 22px;
}

    .custom-form-content-section .card-title .float-right button {
        margin-left: 6px;
        background: #fff !important;
        color: #000 !important;
        border-color: #fff !important;
    }

    .custom-form-content-section .card-title .float-right {
        font-size: 11px;
        color: #fff;
    }

        .custom-form-content-section .card-title .float-right button {
            margin-left: 6px;
        }

.custom-form-content-section .card-header.dropdown-toggle:after, .client-doc-list .card-header.dropdown-toggle:after {
    position: absolute;
    right: 14px;
    font-size: 18px;
    color: #fff;
    top: 16px;
    line-height: 10px;
}

.custom-form-content-section .card-header[aria-expanded="true"]:after, .client-doc-list .card-header[aria-expanded="true"]:after {
    content: "\f106" !important;
}

.custom-form-content-section span.input-group-text span {
    font-size: 22px;
}

.floating-button .btn-primary {
    margin-left: 6px;
    background: #1e9ff2 !important;
    border-color: #1e9ff2 !important;
}

.custom-form-content-section .form-group label {
    margin-bottom: 0;
    color: #545774;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
}

.custom-form-content-section .form-group {
    margin-bottom: 10px;
}

.custom-form-content-section .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    font-size: 13px;
    padding-right: 30px;
}

.custom-form-content-section .form-group textarea.form-control {
    height: 30px;
}

.custom-form-content-section .btn-primary {
    border-color: #1e9ff2 !important;
    background-color: #1e9ff2 !important;
    color: #FFFFFF;
}

.custom-form-content-section .select2-container--default .select2-selection--single .select2-selection__rendered:focus,
.custom-form-content-section .form-group .form-control:focus {
    border-color: #1e9ff2 !important;
}

.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true], .select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
    background-color: #1e9ff2 !important;
    color: #fff !important;
}

.custom-form-content-section .card-content, .client-doc-list .card-content {
    padding: 12px 4px 0;
}

.custom-form-content-section .card-header, .client-doc-list .card-header{
    padding: 10px 24px 0;
    background: #00bcd4;
    border-radius: 0;
}

.custom-form-content-section .form-group .form-control.input-validation-error,
.custom-form-content-section .select2-container--default .select2-selection--single.custom-error-container {
    border: 0 !important;
    border-bottom: 1px #ff0000 solid !important;
}

.modal .modal-content {
    border: 0;
    border-radius: 0px;
    box-shadow: 0 0 24px #12121240;
}

.modal h4.modal-title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0 !important;
}

.modal-header {
    padding: 18px 0px 10px;
    border-bottom: 1px #ddd solid;
    max-width: calc(100% - 40px);
    margin: 0 auto;
    width: 100%;
}

    .modal-header .close {
        padding: 8px 17px;
    }

        .modal-header .close span {
            font-size: 34px;
            font-weight: 300;
        }

.modal .modal-content form .form-control {
    font-size: 12px;
    border: 0;
    border-bottom: 1px #b3b3b3 solid;
    border-radius: 0;
    height: 38px;
    padding: 0;
}

.modal .modal-content form .form-group {
    margin-bottom: 8px;
}

.modal .modal-content .select2-container--default .select2-selection--single {
    border: 0;
    border-bottom: 1px #b3b3b3 solid !important;
    padding: 0;
    border-radius: 0;
    height: 38px !important;
    font-size: 12px;
}

.modal .modal-content .select2-container--default .select2-selection--multiple {
    border: 0;
    border-bottom: 1px #b3b3b3 solid !important;
    padding: 0;
    border-radius: 0;
    min-height: 38px !important;
}


.modal .modal-content .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}

.modal-footer {
    padding: 10px 0px;
    border-top: 1px #ddd solid;
    max-width: calc(100% - 60px);
    margin: 0 auto;
    width: 100%;
}

.modal .modal-content form .form-group label,
.modal .modal-content .form-group label {
    margin-bottom: 0px;
    color: #545774;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
}

.modal-header .close:focus {
    outline: none;
    box-shadow: none;
}

.modal .modal-body {
    padding: 12px 20px;
}

.modal-footer .btn {
    min-width: 140px;
}

    .modal-footer .btn.btn-outline-secondary {
        background: #545774;
        color: #fff;
        border-color: #545774;
        margin-right: 10px;
    }

    .modal-footer .btn.btn-outline-primary {
        background: #1e9ff2;
        color: #fff;
        border-color: #1e9ff2;
    }

.modal .modal-content .dropzone.dz-clickable {
    cursor: pointer;
    border: 1px #ddd solid;
    border-radius: 4px;
}

.modal .modal-content .dropzone .dz-message:before,
.modal .modal-content .dropzone .dz-message {
    color: #545774;
    margin: 10px 0px;
}
.modal .modal-content .dropzone .dz-message:before{
    width:auto;
    height:auto;
}
.custom-form-content-section .dataTables_wrapper .grid-toolbar a.btn.btn-primary {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #333 !important;
    margin-left: 0px !important;
}

.custom-form-content-section .customerCallBackDiv .grid-toolbar {
    margin-right: 0px;
    margin-top: -56px;
}


.custom-form-content-section #grdAttachments_wrapper.dataTables_wrapper .grid-toolbar {
    margin-right: 0px;
    margin-top: -56px;
}

.custom-form-content-section .dataTables_wrapper .grid-toolbar {
    /* margin-top: 0px;
    margin-right: 0; */
}

.custom-form-content-section .card div.dataTables_wrapper {
    margin: -10px -4px 0;
    width: auto;
}

.custom-form-content-section .card-content .card-body {
    padding-top: 0;
}

.modal .modal-content .select2-container--default .select2-selection--single.custom-error-container {
    border: 0 !important;
    border-bottom: 1px #ff0000 solid !important;
}

.text-danger.field-validation-error {
    font-size: 11px;
}

.modal .modal-content form .form-control.input-validation-error {
    border: 0px !important;
    border-bottom: 1px #ff0000 solid !important;
}


/* Header Design */

.header-navbar {
    background: #1e9ff2 !important;
    min-height: initial;
}

    .header-navbar .navbar-header .navbar-brand {
        padding: 10px 0px;
        font-size: 18px !important;
    }

    .header-navbar .navbar-container ul.nav li > a.nav-link {
        padding: 12px 10px;
        font-size: 13px;
    }

    .header-navbar .navbar-container ul.nav li a.dropdown-user-link {
        padding: 0 10px;
    }

    .header-navbar .navbar-container ul.nav li a.nav-link-search, .header-navbar .navbar-container ul.nav li a.nav-link-expand {
        padding: 12px 10px;
    }

    .header-navbar .navbar-container ul.nav li a.menu-toggle {
        padding: 12px 8px;
    }

.vertical-compact-menu .navbar.navbar-brand-center .navbar-header {
    height: auto;
}

.main-menu.menu-fixed {
    top: 3.3rem;
    height: calc(100% - 3.3rem);
}

.main-menu.menu-light .navigation li a i, .main-menu.menu-light .navigation li a span {
    font-size: 11px;
    line-height: 18px;
}

.vertical-compact-menu .main-menu .navigation > li > a > i {
    font-size: 2rem;
}

.vertical-compact-menu .main-menu .navigation > li > a {
    font-size: 10px;
    line-height: 18px;
}

html body.fixed-navbar {
    padding-top: 3.3rem;
}

.table thead th {
    font-size: 13px;
}

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-bottom-width: 0;
    font-size: 13px;
}

.main-menu.menu-light ul.menu-popout li a {
    font-size: 13px;
}

.vertical-compact-menu .main-menu .navigation > li.active > a {
    border-right-color: #1e9ff2;
}


@media (min-width: 992px) {
    body.vertical-compact-menu .main-menu, body.vertical-compact-menu .vertical-overlay-menu.menu-hide .main-menu, .vertical-overlay-menu.menu-hide body.vertical-compact-menu .main-menu {
        width: 100px;
    }

    .vertical-compact-menu.menu-open .content, .vertical-compact-menu.menu-open .footer {
        margin-left: 100px;
    }

    .vertical-compact-menu .main-menu .main-menu-content > ul.menu-content {
        left: 100px;
    }
}

html body .content .content-wrapper {
    padding: 10px 2rem 0;
}


.non-conformance-pop .modal-buttons {
    float: right !important;
    margin-left: auto;
    padding-right: 0px;
}

.non-conformance-pop .modal-header .close {
    padding: 8px 17px;
    position: absolute;
    right: 20px;
    top: 22px;
}

.non-conformance-pop .modal-buttons .btn {
    padding: 6px 11px;
}

.modal-body {
    max-height: 74vh;
    overflow-y: auto;
}

.modal-open {
    overflow: hidden !important;
}


.non-commerce-list .dataTables_scrollHeadInner,
.non-commerce-list table.dataTable {
    border: 0px;
}

.non-commerce-list table.table-bordered.dataTable th,
.non-commerce-list table.table-bordered.dataTable td {
    border: 0px;
    font-size: 13px;
    color: #222;
    vertical-align: middle;
}

.non-commerce-list .table-striped tbody tr:hover {
    background: #f1f1f1a6 !important;
}

.non-commerce-list .card-body.card-dashboard {
    padding: 16px 0px 10px;
}

.non-commerce-list .card .card {
    margin-bottom: 0px;
}

.non-commerce-list .table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

.non-commerce-list tbody tr td {
    border-bottom: 1px #d7d7d7 solid !important;
}

.non-commerce-list table.table-bordered.dataTable th {
    border-top: 1px #d7d7d7 solid !important;
    border-left: 1px #d7d7d7 solid !important;
}
.non-commerce-list table.table-bordered.dataTable th:first-of-type,
.non-commerce-list table.table-bordered.dataTable th:first-child{
    border-left: 0px !important;
}

div.dataTables_wrapper div.dataTables_info {
    font-size: 12px;
    text-transform: uppercase;
    color: #626262;
    margin-top: 14px;
    font-weight: 700;
}

.pagination .page-link {
    border: 0px;
}

.pagination .page-link {
    color: #666;
    border: 0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    border-radius: 2px;
}

.btn-primary {
    border-color: #1e9ff2 !important;
    background-color: #1e9ff2 !important;
    color: #FFFFFF;
}

.edit-non-commerce h1 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 5px;
}

.edit-non-commerce .button_group {
    margin-bottom: 8px;
}

.custom-form-content-section .card-header.child-title h2, .client-doc-list .card-header.child-title h2 {
    color: #333;
    font-size: 13px;
}

.custom-form-content-section .card-header.child-title, .client-doc-list .card-header.child-title {
    background: #e4f5ff;
    padding-left: 14px;
    border-bottom: 0;
    padding-top: 11px;
}

.custom-form-content-section .child-title-content .dataTables_wrapper .grid-toolbar .btn.btn-primary {
    border-color: #1e9ff2 !important;
    background-color: #1e9ff2 !important;
    color: #fff !important;
}

.search-panel .card-collapse {
    padding: 0;
}

    .search-panel .card-collapse .card-body {
        padding: 20px 32px 30px;
        background: #f3f4fd;
        border: 1px #ddd solid !important;
        border-radius: 5px;
        box-shadow: 0 0 15px #e5e6f1;
        margin-bottom: 4px;
    }

.search-panel form.search-form .col-4 {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0px 8px;
}

.search-panel .select2-container--default .select2-selection--multiple {
    border: 0 !important;
    border-bottom: 1px #c3c3c3 solid !important;
    border-radius: 0;
    height: auto !important;
    min-height: 38px !important;
    padding: 0px !important;
    background: none !important;
}

.search-panel .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-bottom-color: #1e9ff2 !important;
}



.search-panel .search-form label {
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.search-panel .search-form .select2-results__option {
    font-size: 12px;
}

.search-panel .search-form span.input-group-text {
    border: 0;
    background: none;
    border-bottom: 1px #c3c3c3 solid;
    border-radius: 0;
}

.search-panel .search-form .input-group > .form-control {
    border: 0;
    background: none;
    border-bottom: 1px #c3c3c3 solid;
    border-radius: 0px;
    color: #333;
    font-size: 13px;
    padding-left: 0;
}

    .search-panel .search-form .input-group > .form-control:focus ~ span.input-group-text,
    .search-panel .search-form .input-group > .form-control:focus {
        border-bottom-color: #1e9ff2 !important;
    }

.grid-search-button .search-pointer {
    border-color: #e4e4e4 #e4e4e4 transparent transparent !important;
    background-color: #f3f4fd !important;
}

.search-panel .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 11px;
    margin-top: 2px !important;
    max-width: calc(100% - 20px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-panel .select2-container--default .select2-search--inline .select2-search__field {
    font-size: 13px;
    /* width: 100% !important; */
}

.search-form .form-control {
    border: 0 !important;
    border-bottom: 1px #c3c3c3 solid !important;
    border-radius: 0;
    height: auto !important;
    min-height: 38px !important;
    padding: 0px !important;
    background: none !important;
    font-size: 13px;
}

.search-form .form-control::placeholder{
    color: #999 !important;
}

.select2-container .select2-results__option {
    font-size: 11px;
}

.search-panel .search-form .input-group > .form-control::placeholder {
    color: #979797
}

.custom-form-content-section .form-group .form-control[readonly],
.custom-form-content-section .form-group .form-control.disabled,
.custom-form-content-section .form-group .form-control[disabled],
.custom-form-content-section .form-group .select2-container--disabled .select2-selection--single,
.custom-form-content-section .form-group .disabled .select2-selection--single{
    color: #1e9ff2;
    border-bottom-color: #1e9ff2;
    cursor: not-allowed;
    opacity: 0.4;
}

.custom__actions .dropdown-menu {
    margin-top: -10px !important;
    background: #1e9ff2;
    margin-left: auto !important;
    left: auto !important;
    right: 103px;
    min-width: 70px;
    transform: none !important;
}
    .custom__actions .dropdown-menu a.dropdown-item {
        color: #fff;
        padding: inherit;
        padding: 2px 8px;
        width: auto;
        display: inline-block;
    }

        .custom__actions .dropdown-menu a.dropdown-item:hover {
            background: none;
        }

    .custom__actions .dropdown-menu:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #1e9ff2;
        position: absolute;
        right: -10px;
    }

.content-wrapper h1 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
}

/*====== TABLE DESIGN START ========*/

.table-bordered {
    border: 0;
    border-collapse: collapse;
}

    .table-bordered th, .table-bordered td {
        border: 0;
    }

.table thead th {
    border-bottom: 0px;
}


.table-active, .table-active > th, .table-active > td {
    background-color: #f5f5f5;
    color: #262626;
}

.table-bordered th, .table-bordered td {
    border: 0;
    font-size: 12px !important;
}

    .table-bordered td a {
        color: #1e9ff2;
    }

    .table-bordered td button.btn {
        font-size: 11px;
        padding: 4px 14px;
    }

.dataTables_info {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
}

.dataTables_paginate ul.pagination li {
    border: 0;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination a.page-link {
    border: 0px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 4px;
}

div.dataTables_wrapper div.dataTables_length label {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
}

    div.dataTables_wrapper div.dataTables_length label .custom-select {
        border: 1px #ddd solid;
        width: 50px;
        padding-right: 0;
        margin: 0 4px;
        padding: 0 6px;
        border-radius: 4px;
    }

.table-striped tbody tr:not(.modifiedRow):hover {
    background: #f5f5f5 !important;
}

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    vertical-align: middle;
}

.table-striped tbody tr td {
    border-bottom: 1px #ebebeb solid !important;
    border-left: 1px #ebebeb solid !important;
}

.table-striped tbody tr td:first-of-type,
.table-striped tbody tr td:first-child{
    border-left: 0px !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

.table-bordered td a.btn i {
    vertical-align: middle;
    font-size: 16px;
    line-height: 18px;
}

.table-bordered td a.btn {
    padding: 4px 11px;
    font-size: 11px;
    margin-bottom: 4px;
    color: #fff;
}
   
.table-bordered td a.btn.btn-outline-info {
     color: #1e9ff2;
}

table.dataTable thead th {
    border-bottom: 1px #ababab solid;
    border-top: 0;
    color: #4b4d59;
    border-top: 1px #ababab solid;
}


.table.table-bordered th,
.table.table-sm th{
    border-bottom: 1px #ababab solid;
    border-top: 0;
    color: #4b4d59;
    border-top: 1px #ababab solid; 
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    opacity: 1;
}
table.table-bordered.dataTable th,
table.table-bordered.dataTable td,
table .dataTable th,
table .dataTable td {
    word-break: keep-all;
}
.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {
    word-break: normal;
}
/*====== TABLE DESIGN END ========*/


.custom-form-content-section .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    font-size: 10px;
    margin-bottom: 3px;
    position: relative;
}

.custom-form-content-section .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered li {
    padding-right: 10px !important;
}

.custom-form-content-section .card-header.child-title h2 i {
    margin-right: 10px;
}

.select2-container .select2-results__option .small {
    font-size: 11px;
}

.select2-container .select2-results__option h5 {
    font-size: 12px;
}

.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true], .select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
    background-color: #e4e5ff !important;
    color: #525252 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    font-size: 11px;
    margin-bottom: 2px;
}

/* width */
body::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}

/* Track */
body::-webkit-scrollbar-track {
    background: #bfddf1;
}

/* Handle */
body::-webkit-scrollbar-thumb {
    background: #1e9ff2;
}

    /* Handle on hover */
    body::-webkit-scrollbar-thumb:hover {
        background: #00bcd4;
    }


.main-menu.menu-light ul.menu-popout {
    width: 350px !important;
}

.vertical-compact-menu .main-menu .main-menu-content > ul.menu-content li a {
    padding:8px 10px 8px 14px;
}

.vertical-compact-menu .main-menu .main-menu-content > ul.menu-content {
    padding-top: 20px;
}

.vertical-compact-menu .main-menu ul.menu-popout li i {
    font-size: 1.2rem;
}

.vertical-compact-menu .main-menu .main-menu-content > ul.menu-content li a:hover {
    color: #1e9ff2;
}

.vertical-compact-menu .main-menu .navigation > li > a:hover {
    color: #1e9ff2;
}
.btnHover:hover {
    background-color: #FFF !important;
    color: #666ee8 !important;
}



.table-bordered td a.btn {
    padding: 4px 6px;
    font-size: 11px;
}
.table-bordered td button.btn{
    padding: 8px 14px;
}

.vertical-compact-menu .main-menu .main-menu-content > ul.menu-content li.has-sub > a:not(.mm-next):after{
    top: 7px !important;
}

.non-commerce-list .table-striped tbody tr:last-of-type span.dropdown-menu {
    margin-top: -9px !important;
    transform: none !important;
    right: 110px;
    left: auto !important;
    min-width: 70px;
}

.search-panel  .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}

.search-panel .select2-container--default .select2-selection--single {
    background: none;
    border: 0;
    border-bottom: 1px #c3c3c3 solid;
    border-radius: 0px;
    padding-left: 0;
    height: 38px !important;
}

.search-panel .input-group-append button.btn {
    border-radius: 0 !important;
    text-align: center !important;
}

.search-panel .input-group-append button.btn.dropdown-toggle[aria-expanded="false"]:after{
    opacity: 1;
}

.vertical-compact-menu.menu-open .main-menu{
    z-index: 10 !important;
}

.content-body .dashboard-widget-container > div > .card {
    height: calc(100% - 1.875rem);
    border-radius: 0px;
    box-shadow: 0 2px 18px 1px rgb(151 151 151 / 10%);
}

.wp-dashboard-topcontent .card {

    border-radius: 0;
    box-shadow: 0 2px 18px 1px rgb(151 151 151 / 10%);
}

.wp-dashboard-topcontent .wp-dashboard .card h3 {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: bold;
    color: #727272;
}

.wp-dashboard-topcontent .wp-dashboard .card h4 {
    margin-bottom: 4px;
    font-size: 12px;
    text-transform: uppercase;
}

.modal-open .select2-container.select2-container--open {
    z-index: 100000;
}

.select2-container.select2-container--open {
    z-index: 9;
}

.vertical-compact-menu .main-menu .navigation > li.hover > a {
    padding-left: 0.8rem;
}

.header-navbar .navbar-container ul.nav li > a.nav-link#dropdown-site {
    margin-top: 4px;
    font-weight: bold;
}

.card-head .card-header.text-center.pb-0 {
    text-align: left !important;
}

    .card-head .card-header.text-center.pb-0 h2 {
        font-size: 18px !important;
        color: #1e9ff2;
    }

/* TABS DESIGN */

.nav.nav-tabs.nav-top-border .nav-item a {
    color: #4e4e4e;
    font-weight: bold;
    text-transform: none;
    font-size: 12px;
}

.nav-tabs .nav-item {
    margin-right: 0;
}

.nav-tabs {
    border: 0;
    margin: 10px;
    border-bottom: 2px #1e9ff2 solid;
    border-radius: 0;
    background: #e9f7ff;
    padding: 6px 0px 0;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active {
    border-top: 1px solid #1e9ff2;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #fff;
    border-color: #1e9ff2;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #1e9ff2;
}

/* TABS DESIGN END */

.card-body.card-dashboard {
    padding: 0 10px;
}

.custom-form-content-section .company-doc-list .dataTables_wrapper .grid-toolbar {
    margin-right: 0px;
    margin-top: -59px;
}

.custom-form-content-section .companny-employee-list .dataTables_wrapper .grid-toolbar {
    margin-right: 0px;
    margin-top: -0px;
}

footer.footer-dark{
    position: relative;
    z-index: 8;
}

#basic-form-layouts {
    clear: both;
    margin-top: 6px !important;
}

.grid-toolbar .btn {
    margin-left: 6px !important;
}

.custom-form-content-section .select2-container--default.select2-container--disabled .select2-selection--multiple {
    opacity: 0.5;
    cursor: not-allowed;
}


.custom__actions .dropdown-menu.show {
    display: flex;
}

.custom__actions .dropdown-menu a.dropdown-item{
   font-size: 11px; 
}

.custom__actions .dropdown-menu a.dropdown-item i {
    margin-right: 2px;
    vertical-align: middle;
} 


#CustomerCallbackPopup .modal-body{
    overflow: initial;
}

.input-group-append span.input-group-text {
    background: none;
    border: 0;
    border-bottom: 1px #b3b3b3 solid;
    border-radius: 0;
}

.app-content .wizard>.steps{
    z-index: 2;
}



.custom-form-content-section .card-sub-header {
    background: #e4f5ff;
    padding-left: 14px;
    border-bottom: 0;
    padding-top: 11px;

    padding-bottom: 11px
}

.custom-form-content-section .card-sub-header h5{
    color: #333;
    font-size: 13px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
}

.form-control:disabled, .form-control[readonly] {
    background-color: transparent;
    cursor: not-allowed;
    opacity: 0.4;
}

#AddEditDocumentPopup form h4.form-section {
    background: #c8e9ff;
    padding-left: 8px;
    font-size: 13px;
    font-weight: 600;
    line-height: 32px;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    background: #1e9ff2 !important;
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
    background: none !important;
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
    color: #fff !important;
}

.modal .modal-content form textarea.form-control {
    height: 31px;
}

.form-section h4 label {
    font-size: 14px;
    font-weight: 600;
}

.dropzone .dz-preview {
    margin: 0px 8px;
}

.dropzone {
    padding: 10px;
}

.bootstrap-datetimepicker-widget {
    z-index: 100000;
}

.btn-panel-toolbar {
    right: 0px;
    top: -5px;
    text-transform: none;
}

.btn-panel-toolbar > .btn > i {
    padding: 0px;
    margin: 0px;
}

.daterangepicker{
    z-index: 1035 !important;
}

.clsquestionsection .card-body .card {
    padding-bottom: 0 !important;
    background: none !important;
}
.clssubsection .btn-action,
.clssubsection .clsquestionsection .btn-action{
    margin: 0px !important;
}

.custom-form-content-section .card.clssubsection {
    border: 0px !important;
}

.custom-form-content-section .card.clssubsection .btn-action {
    margin: 0 !important;
}

.custom-form-content-section .card.clsquestionsection {
    background: #fbfbfb !important;
    border: 1px #ebebeb solid !important;
}

.custom-form-content-section  .clsquestionsection .card-header{
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.custom-form-content-section .card.clssubsection .btn-action .btn {
    margin-left: 5px !important;
}

.section-qustion-main {
    border: 1px #1e9ff2 solid !important;
    padding-top: 20px !important;
    background: #ffffff;
}

.section-qustion-main .card-header {
    border-bottom: 1px #1e9ff2 solid !important;
    padding:0px 20px 10px !important;
}

.clsquestionsection .card-header {
    padding: 0 !important;
    border: 0 !important;
    margin-bottom: 0;
}

.vertical-compact-menu .main-menu .main-menu-content > ul.menu-content .ps__rail-x {
    display: none;
}


form .role-details .form-section, #formEvent .form-section {
    background: #e4f5ff;
    padding-left: 14px;
    border-bottom: 0;
}

div.grid-column-menu {
    transform: none !important;
    margin-left: -53px;
    margin-top: 35px !important;
    max-height: 280px;
    overflow-y: auto;
    box-shadow: 0 0 12px #ddd;
    border: 1px #efefef solid;
}


/* width */
.grid-column-menu::-webkit-scrollbar {
    width: 8px;
    height: 5px;
}

/* Track */
.grid-column-menu::-webkit-scrollbar-track {
    background: #dfdfdf;
}

/* Handle */
.grid-column-menu::-webkit-scrollbar-thumb {
    background: #a5a5a5;
}

/* Handle on hover */
.grid-column-menu::-webkit-scrollbar-thumb:hover {
    background: #00bcd4;
}

div.grid-column-menu:before,
div.grid-column-menu:after{
    left: auto;
    right: 10px;
}

#questionaire-container .form-control {
    border: 0px;
    border-bottom: 1px #ccc solid;
    border-radius: 0;
    padding: 0px;
    font-size: 13px;
    min-height: 38px;
}


#questionaire-container .form-control:focus{
    border-color: #1e9ff2;
}

#questionaire-container table tr td{
    vertical-align: middle;
}

#questionaire-container table tr td:first-of-type {
    border-left: 0;
}
#questionaire-container table tr td {
    vertical-align: middle;
    border-left: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    padding: 8px 14px;
}

.custom-form-content-section .card-header.child-title h2 i,
.custom-form-content-section .card-header.child-title div i,
.client-doc-list .card-header.child-title div i {
    margin-right: 6px;
}

.dropdown.custom__actions .dropdown-menu .dropdown-item{
    padding: 3px 9px;
    color: #fff;
}

.non-commerce-list .tab-content .card-body.card-dashboard .grid-toolbar {
    margin-right: 10px;
    margin-bottom: 10px;
}

.non-commerce-list .tab-content .card-body.card-dashboard .grid-toolbar a.btn.btn-primary {
    vertical-align: top;
    padding: 7px 16px;
}

.non-commerce-list #grdCompany.table-striped tbody tr:hover{
    background-color: transparent !important;
}


.navbar-brand img.brandinglogo {
    width: auto !important;
    height: 40px !important;
    margin-top: -9px;
    margin-right: 20px;
}


.daterangepicker.show-ranges{
    z-index: 999;
}

.vertical-compact-menu .main-menu .main-menu-content > ul.menu-content .ps__rail-x {
    display: none !important;
}

/*--------------------------- Questionaire Card Design---------------------------------------------*/
#sectionContainer .card > .card {
    border: none !important;
    margin-bottom: 0 !important;
}

#sectionContainer .card .card {
    margin-bottom: 0 !important;
}

.card .card-header {
    padding-bottom: 0 !important
}

.clsquestionsection .card-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.clsquestionsection .card-body {
    padding-bottom: 0 !important
}

.clsquestionsection > .card-body:last-child {
    padding-bottom: 1rem !important
}
/*----------------------------------------------------------------------------------------------------*/

.blockUI{
    z-index:999999 !important ;
}

#AddEditDocumentPopup .dropzone{
    min-height: 120px;
    padding: 10px 20px;
}

#AddEditDocumentPopup .dropzone .dz-message{
    margin: 1em 0;
}

#AddEditDocumentPopup .modal-body{
    max-height: 78vh;
    padding-bottom: 30px;
}

.ColouredModal .modal-header {
    padding: 18px 18px 10px !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-top-left-radius:0;
    border-top-right-radius:0;
}

.mb-10 {
    margin-bottom:10px;
}

.planbox {
    box-shadow: rgb(18 52 77 / 40%) 0px 1px 4px;
    border-radius: 3px;
}

.status-center {
    justify-content: center;
    align-items: center;
    margin: auto;
    padding: 70px 0;
    text-align: center;
}

.success-icon {
    font-size: 100px;
    color: #8ce88c;
}

.failed-icon {
    font-size: 100px !important;
    color: #f62929;
}

.success-message {
    font-size: 25px;
    font-weight: 700;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    float: none;
    margin-left: 0px;
}

/*For fixed height table*/
.table-fixed thead tr {
    display: block !important;
}

.table-fixed tbody {
    display: block !important;
    height: 160px !important;
    overflow-y: auto !important;
}

.custom-form-content-section .card-header-with-switch {
    padding: 4px 20px 0 !important;
}

/*To show popover input modal popup*/
.popover {
    z-index: 1055; /* A value higher than 1010 that solves the problem */
}

/*To highlight selected best option input questionaire*/
.questionnaire-option-error {
    background-color: #fabbbc;
}

.questionnaire-option-success {
    background-color: #5fe0b2;
}
thead tr th {
    background-color: #CBE2FA;
    color: #0D131B;
}
.select2-results__group {
    background: #d3eeff;
}

/*** Notification panel ***/
.notification-updates {
    padding: 8px 10px 5px 10px;
    background: #fff;
    box-shadow: 0px 2px 5px #e1e1e1;
    color: #000;
    position: relative;
    overflow: hidden;
}

.notification-scroll-container {
    width: 100%;
    overflow: hidden;
}

.notification-scroll-content {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%; /* start offscreen right */
    animation: scroll-left 10s linear infinite;
}

    .notification-scroll-content:hover {
        animation-play-state: paused;
    }

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

/* updated notification item */
.notification-item {
    display: inline-flex; /* keep inline for marquee */
    align-items: flex-start; /* align items to top */
    margin-right: 50px;
    white-space: nowrap;
}

    .notification-item .bell-icon {
        color: #FA7725;
        font-size: 1.5em;
        margin-right: 8px;
    }