.modal-open {
    overflow: hidden !important;
}
/*.sweet-alert button.cancel {
    background-color: #1e88e5;
    color: #fff;
}*/

.sweet-alert span, .sweet-alert h2 {
    color: #000;
}

* {
    margin: 0;
    padding: 0;
}

/*swal Color Changes ok and Cancel*/
.sweet-alert button.cancel {
    /*float: left;*/
    background-color: whitesmoke !important;
    color: black !important;
    border: 0.2px solid !important;
    border-color: #ddd !important;
}

.dark-theme .scrollmsg span {
    background: #322f2f;
}

/*.sa-confirm-button-container {
    float: right;
}*/

/*.sweet-alert button.confirm {
    background-color: #e51e1e !important;
}*/


/*Global CSS Starts*/
body, .popover, .tooltip {
    font-family: 'Open Sans', sans-serif;
}
/*.modal-content .modal-body{
    overflow-y: auto;
}
    .modal-content .modal-body::-webkit-scrollbar {
        display: none !important;
    }*/
body {
    color: #111;
    background: #eaeaea;
    font-size: 14px;
}

    body.sidebar-xs .sidebar-fixed.sidebar-main .sidebar-content {
        overflow: visible;
    }

.stepy-header li.stepy-active span, .dropdown-menu, .select2-selection--single:not([class*=bg-]), .panel, .btn-default, .dropdown-menu > li > a {
    color: #111;
}

input.form-control:focus, textarea.form-control:focus, .select2-container--focus {
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

textarea {
    resize: vertical;
    min-height: 60px;
}

h1, h2, h3, h4, h5, h6, p, div, span, li, ul {
    letter-spacing: 0.4px;
}

.no-padding-horizontal {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#adjustmentsgrid tr th {
    min-width: 85px !important;
}

.no-padding-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.allPaddingLessBottom {
    padding: 20px 20px 10px 20px !important;
}

.addDepartmentInfoCon.allPaddingLessBottom {
    padding: 0 !important;
}

.allPaddingNoBottom {
    padding: 20px 20px 0 20px !important;
}
/*Edit inventory alingment*/
.editInvPadding {
    padding-right: 16px !important;
}
/*table default*/
.rowCursorMove td {
    cursor: move;
}

.employeeDetailsSidebySide > ul .ellipsisCssl {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tableColumnMin140 th, .tableColumnMin140 td {
    min-width: 140px;
}

table tr th {
    z-index: 10 !important;
}

.table > thead > tr > th {
    white-space: nowrap;
}

.table-hover > tbody > tr:hover {
    background-color: #e6e6e6;
}

table.table thead tr {
    background: #eaeaea;
    font-weight: 600;
}

    table.table thead tr th {
        font-weight: 600;
    }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px 10px;
}

table.quick-tbl > tbody > tr > td {
    padding: 1px 10px !important;
}
/*table default*/
.width_50, th.width_50 > div, td.width_50 > div {
    min-width: 50px !important;
    white-space: normal !important;
}

th.width50 > div, th.width100 > div, th.width150 > div, th.width200 > div, th.width250 > div, th.width300 > div, th.width350 > div,
th.width400 > div, th.width450 > div, th.width500 > div, th.width550 > div, th.width600 > div, td.width50 > div, td.width100 > div,
td.width150 > div, td.width200 > div, td.width250 > div, td.width300 > div, td.width350 > div, td.width400 > div, td.width450 > div,
td.width500 > div, td.width550 > div, td.width600 > div {
    white-space: normal !important;
    max-width: auto;
}

.width20, th.width20 > div, td.width20 > div {
    min-width: 20px !important;
}

.width50, th.width50 > div, td.width50 > div {
    min-width: 122px !important;
    max-width: auto;
    max-width: auto;
}

.width-50 {
    min-width: 50px !important;
}

.width70, th.width70 > div, td.width70 > div {
    min-width: 70px !important;
}

.width100, th.width100 > div, td.width100 > div {
    min-width: 100px !important;
    max-width: auto;
    max-width: auto;
}

.width120, th.width120 > div, td.width120 > div {
    min-width: 120px !important;
}

.width130, th.width130 > div, td.width130 > div {
    min-width: 130px !important;
}

.width150, th.width150 > div, td.width150 > div {
    min-width: 150px !important;
    max-width: auto;
    max-width: auto;
}

.width170, th.width170 > div, td.width170 > div {
    min-width: 170px !important;
}

.width90, th.width90 > div, td.width90 > div {
    min-width: 90px !important;
}

.width200, th.width200 > div, td.width200 > div {
    min-width: 206px !important;
    max-width: auto;
    max-width: auto;
}

.width250, th.width250 > div, td.width250 > div {
    min-width: 180px !important;
    max-width: auto;
    max-width: auto;
}

.width260, th.width260 > div, td.width260 > div {
    min-width: 260px !important;
}

.width300, th.width300 > div, td.width300 > div {
    min-width: 300px !important;
    max-width: auto;
    max-width: auto;
}

.width350, th.width350 > div, td.width350 > div {
    min-width: 200px !important;
    max-width: auto;
    max-width: auto;
}


.width400, th.width400 > div, td.width400 > div {
    min-width: 225px !important;
}

.width450, th.width450 > div, td.width450 > div {
    min-width: 450px !important;
}

.width500, th.width500 > div, td.width500 > div {
    min-width: 200px !important;
}

.width550, th.width550 > div, td.width550 > div {
    min-width: 550px !important;
}

.width600, th.width600 > div, td.width600 > div {
    min-width: 600px !important;
}

width_300 {
    width: 300px;
}

.width77 {
    width: 77px !important;
}

.content {
    padding-bottom: 0px;
}

.modal-body {
    background: #eaeaea;
}

.text-left {
    text-align: left;
}

.modal-open .select2-dropdown {
    z-index: 11111;
}

.pl-35 {
    padding-left: 35px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

html * {
    /*    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: thin;
    scrollbar-color: #999 #eee;*/
}

::-webkit-scrollbar-track {
    background: #eee
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: .4rem
}

::-webkit-scrollbar {
    height: .4rem;
    width: .4rem
}

.datatable-scroll::-webkit-scrollbar, body::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

/*Global CSS End*/

/*Footer design start*/
.hasFooter .content {
    padding-bottom: 60px;
}

.footer {
    bottom: 0;
    background: #fff;
    width: calc(100% - 260px);
    left: 260px;
    padding: 14px 20px;
    border-top: 1px solid #ddd;
}

.sidebar-xs .footer {
    width: calc(100% - 56px);
    left: 56px;
}

.sidebar-xs.has-detached-left .sidebar-detached ~ .footer, .has-detached-left.sidebar-detached-hidden:not(.sidebar-xs) .footer {
    width: calc(100% - 316px);
    left: 316px;
}

.has-detached-left .sidebar-detached ~ .footer {
    width: calc(100% - 520px);
    left: 520px;
    z-index: 11;
}

.sidebar-xs.has-detached-left.sidebar-detached-hidden .footer {
    width: calc(100% - 112px);
    left: 112px;
}

/*button*/
.contentHolder {
    background: transparent;
}

.formBtnStickySpace {
    padding-bottom: 80px;
}

.settingsModules .floatingbtn {
    background: #f2f2f2;
    box-shadow: 0px -14px 10px -10px rgb(0 0 0 / 27%);
    position: fixed;
    width: calc(100% - 560px);
    bottom: -20px;
    left: 540px;
    z-index: 11;
    margin: 20px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #ddd;
    border-bottom: none;
}

.hasFooterStickyBtns .footerStickyBtns, .hasFooterStickyBtns .customStepy .stepy-navigator {
    bottom: 50px;
}

.footerStickyBtns, .customStepy .stepy-navigator {
    background: #f2f2f2;
    box-shadow: 0px -14px 10px -10px rgb(0 0 0 / 27%);
    position: fixed;
    width: calc(100% - 300px);
    bottom: 0;
    left: 280px;
    z-index: 11;
    margin: 0;
    border-radius: 3px 3px 0 0;
    border: 1px solid #ddd;
    border-bottom: none;
    text-align: right;
    padding: 10px 20px;
}

.settingsModules .footerStickyBtns, .settingsModules .customStepy .stepy-navigator {
    width: calc(100% - 560px);
    left: 540px;
}

.sidebar-xs .footerStickyBtns, .sidebar-xs .customStepy .stepy-navigator {
    width: calc(100% - 96px);
    left: 76px;
}

.sidebar-xs.has-detached-left .footerStickyBtns {
    width: calc(100% - 356px) !important;
    left: 336px;
}

@media (min-width: 768px) {
    .sidebar-xs.has-detached-left .customStepy:not(#customersubmit) .stepy-navigator {
        width: calc(100% - 356px) !important;
        left: 336px;
    }
}

@media (max-width: 768px) {
    .sidebar-xs.has-detached-left .customStepy:not(#customersubmit) .stepy-navigator {
        width: calc(100%) !important;
        left: 0;
    }
}

.sidebar-xs.sidebar-detached-hidden .footerStickyBtns, .sidebar-xs.sidebar-detached-hidden .customStepy .stepy-navigator {
    width: calc(100% - 156px) !important;
    left: 136px;
}

.sidebar-detached-hidden .footerStickyBtns, .sidebar-detached-hidden .customStepy .stepy-navigator {
    width: calc(100% - 360px) !important;
    left: 340px;
}





.sidebar-detached-hidden.sidebar-xs.sidebar-xs-indicator .floatingbtn {
    width: calc(100% - 40px) !important;
    left: 0 !important;
}

.sidebar-detached-hidden.sidebar-xs .floatingbtn {
    width: calc(100% - 156px) !important;
    left: calc(136px) !important;
}

.sidebar-detached-hidden .floatingbtn {
    width: calc(100% - 362px) !important;
    left: calc(320px) !important;
}

.sidebar-xs .floatingbtn {
    width: calc(100% - 355px);
    left: calc(315px);
}
/*Footer design end*/



/* Alert/Warning Message designs start*/
.fixedposition {
    position: fixed;
    max-width: 590px;
    left: 0;
    right: 0;
    margin: auto;
    top: 2px;
    z-index: 1112;
    width: 100%;
}

    .fixedposition .alert-success, .fixedposition .alert-success .close {
        color: #4caf50;
        font-weight: 500;
    }

    .fixedposition .alert .close {
        font-weight: 600 !important;
        padding-top: 10px;
        display: inline-block;
    }

    .fixedposition .alert {
        padding: 10px;
        font-size: 13px;
        border-width: 2px;
        padding-left: 40px;
        box-shadow: 2px 4px 6px 1px rgb(0 0 0 / 16%);
    }

    .fixedposition i {
        position: absolute;
        left: 10px;
        top: 20px;
    }

    .fixedposition .alert-danger {
        background-color: #ffe1e0;
        border-color: #EA6868;
        color: #EA6868;
    }

    .fixedposition .alert-warning {
        background-color: #FFEFBC;
        border-color: #C49640;
        color: #C49640;
    }

    .fixedposition .alert-info {
        background-color: #e2f5ff;
        border-color: #1E9BC8;
        color: #1E9BC8;
    }

    .fixedposition .successcheck, .fixedposition .warningcheck, .fixedposition .infocheck {
        border-radius: 50px;
        font-size: 12px;
        font-weight: 800;
        border: 2px solid #C49640;
        padding: 3px;
    }

    .fixedposition .successcheck {
        color: #4caf50;
        border-color: #4caf50;
        margin-right: 8px;
    }

    .fixedposition .infocheck {
        border-color: #1E9BC8;
    }

    .fixedposition .errorcheck {
        border: 2px solid #EA6868;
        border-radius: 50px;
    }
/* Alert/Warning Message designs end*/


/*Modal Custom design Start*/
.modalScrollArea {
    max-height: calc(100vh - 210px);
    overflow: auto;
}

    .modalScrollArea.modalScrollAreaStepy {
        max-height: calc(100vh - 320px);
    }

    .modalScrollArea .panel:last-child {
        margin-bottom: 0;
    }

    .modalScrollArea .panel {
        overflow: hidden;
    }

.modalFooterBtns, .modal .stepy-navigator, .modal .customStepy .stepy-navigator {
    margin: 20px -20px -20px -20px;
    padding: 10px 20px;
    border: none;
    border-radius: 0 0 3px 3px;
    background: #fff;
    text-align: right;
    min-height: 66px;
    box-shadow: 0 -8px 12px 0 rgb(0 0 0 / 10%);
    bottom: auto;
    position: relative;
    width: auto;
    left: auto;
}

    .modalFooterBtns:empty {
        display: none;
    }
/*Modal Custom design End*/


/*Stepy custom design start*/
.stepy-header {
    margin-bottom: 20px;
    background-color: transparent;
    border: none;
    border-radius: 3px;
    box-shadow: none;
}

    .stepy-header li {
        background-color: #fff;
        border-radius: 0;
        box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
        padding: 10px 0;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

        .stepy-header li:first-child {
            border-radius: 3px 0 0 3px;
            border-left: 1px solid transparent;
        }

        .stepy-header li:last-child {
            border-radius: 0 3px 3px 0;
            border-right: 1px solid transparent;
        }

        .stepy-header li:after, .stepy-header li:before {
            top: 30px;
        }

.stepy-step {
    padding: 0px 0 20px 0;
}

.modal .stepy-step {
    padding-bottom: 0;
}

/*.customStepy .stepy-navigator {
    background: #f2f2f2;
    box-shadow: 0px -14px 10px -10px rgb(0 0 0 / 27%);
    position: fixed;
    left: calc(261px);
    width: calc(100% - 302px);
    bottom: -20px;
    padding: 10px;
    z-index: 11;
    margin: 20px;
}

.sidebar-xs .customStepy .stepy-navigator {
    left: calc(57px);
    width: calc(100% - 98px);
}*/

.stepy-navigator .dropup .caret {
    border: 0;
    background: #003b69;
    padding: 11px 12px;
    margin: -8px;
    margin-left: 3px;
    margin-right: -21px;
}

    .stepy-navigator .dropup .caret:after {
        content: '\e9c5';
        font-family: icomoon;
        display: block;
        font-size: 16px;
        width: 16px;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.stepy-navigator .dropup .btn-save {
    padding-right: 20px;
}

/*Stepy custom design end*/


/*Form less/extra space start*/
.settingsModules form .row [class*="col-"], .formExtraSpace form .row [class*="col-"] {
    padding: 0 25px;
    font-size: 13px;
}

.settingsModules form .row:not(.addColRow), .formExtraSpace form .row {
    margin-left: -25px;
    margin-right: -25px;
}

.formLessSpace form .row {
    margin-left: -10px;
    margin-right: -10px;
}

    .formLessSpace form .row [class*="col-"] {
        padding: 0 10px;
    }


.form-group label {
    font-size: 14px;
    color: #111;
    font-weight: 700;
}

.dark-theme .form-group label {
    font-weight: 600!important;
}
/*Form less/extra space end*/
/*Default button design Start*/
.btnDefault {
    border: 2px solid #0993d2;
    padding: 2px 12px;
    color: #fff;
    box-shadow: none;
    background: #0993d2;
    border-radius: 3px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    line-height: 1.5384616;
    transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    margin-left: 5px;
    user-select: none;
}

    .btnDefault:hover {
        color: #0993d2;
    }

    .btnDefault:before {
        content: '';
        z-index: 1;
        background: #fff;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 0;
        transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .btnDefault span {
        position: relative;
        z-index: 2;
        letter-spacing: 0.8px;
    }

    .btnDefault:hover:before {
        width: 100%;
        right: auto;
        left: 0;
    }

.btnNormal {
    padding: 6px 12px;
}

.btnBig {
    padding: 8px 12px;
}

.btnPrimary, .btnPrimary:hover {
    background: #2196f3;
    border-color: #2196f3;
    color: #2196f3 !important;
}

.btnGreen, .btnGreen:hover {
    background: #4caf50;
    border-color: #4caf50;
    color: #4caf50 !important;
}

.btnGray, .btnGray:hover {
    background: #607d8b;
    border-color: #607d8b;
    color: #607d8b !important;
}

.btnRed, .btnRed:hover {
    background: #f44336;
    border-color: #f44336;
    color: #f44336 !important;
}

.btnGreen, .btnGray, .btnRed, .btnPrimary {
    color: #fff !important;
}
/*Default button design End*/


/*Login page design start*/
.loginPageBody {
    background: rgb(9 147 210 / 8%);
    background: #f3f4f5;
    color: #111;
    display: flex;
    align-items: center;
}

    .loginPageBody:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: url(/images/login4.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        opacity: 0.2;
        display: none;
    }

.loginBody {
    max-width: 870px;
    margin: auto;
    position: relative;
    padding: 10px;
}

.loginContain h1 {
    font-weight: normal;
    margin: 0 0 20px 0;
    font-size: 28px;
}

    .loginContain h1 span {
        font-weight: 700;
    }
.dark-theme .loginContain h1 span {
    font-weight: 600!important;
}

.loginContain h5 {
    color: #53657a;
    margin: 40px 0;
    font-size: 14px;
}

.loginContain p {
    font-size: 14px;
    letter-spacing: 0.5px;
    margin: 0px 0;
}

.loginContain {
    display: table;
    width: 100%;
    table-layout: fixed;
    background: #fff;
    border-radius: 10px;
    min-height: 500px;
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 20%);
}

    .loginContain > div {
        display: table-cell;
        width: 55%;
        vertical-align: middle;
        position: relative;
        padding: 10px 37px;
    }

    .loginContain .loginInfo {
        background: #49a6cf;
        background: linear-gradient(to right, #289cd1, #0993d2);
        color: #FFFFFF;
        width: 45%;
        text-align: left;
        border-radius: 0 10px 10px 0;
    }

    .loginContain .logo img {
        max-height: 60px;
        margin: auto;
    }

.loginControl .btn.active i {
    display: block;
    z-index: 2;
}

.loginContain blockquote {
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    padding: 10px;
    border: none;
    margin-top: 20px;
}

    .loginContain blockquote:before,
    .loginContain blockquote:after {
        content: '';
        background: url(/images/quote.svg) no-repeat;
        width: 21px;
        height: 17px;
        display: inline-block;
        background-size: contain;
        position: absolute;
        left: 0;
        top: 6px;
        opacity: 0.5;
    }

    .loginContain blockquote:after {
        position: relative;
        transform: rotate(180deg);
        margin-left: 14px;
    }

.loginControl label.form-label {
    position: absolute;
    top: 17px;
    left: 16px;
    max-height: 20px;
}

    .loginControl label.form-label i {
        font-size: 16px;
    }

.loginControl input.form-control {
    color: #222;
    box-shadow: none;
    font-weight: 500;
    border-radius: 1px;
    border: 1px solid #eee;
    padding: 12px 15px 13px 50px;
    height: auto;
    margin: 0;
    letter-spacing: 0.5px;
    background-color: #eee;
}

    .loginControl input.form-control:focus {
        box-shadow: 0 0 0 4px rgb(9 147 210 / 25%);
        border-color: rgb(9 147 210 / 20%);
    }

.loginControl .btn {
    color: #fff;
    box-shadow: none;
    background: #0993d2;
    background: #fff;
    border-radius: 3px;
    padding: 10px;
    position: relative;
    overflow: hidden;
    min-height: 46px;
    text-transform: uppercase;
    border: 2px solid #0993d2;
    transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

    .loginControl .btn span {
        letter-spacing: 0.8px;
        font-size: 14px;
        font-weight: 700;
        position: relative;
        z-index: 2;
    }

.dark-theme .loginControl .btn span {
    font-weight: 600!important;
}
.loginControl .btn.acitve span, vHidden {
    visibility: hidden
}

    .loginControl .btn:hover {
        color: #0993d2;
        direction: rtl;
    }

    .loginControl .btn:before {
        content: '';
        z-index: 1;
        background: #0993d2;
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .loginControl .btn:hover:before {
        width: 0;
    }

    .loginControl .btn i {
        display: none;
    }

.loginContain form label.customCheckBox, .loginContain form .form-group label.text-muted {
    font-size: 14px;
}

.privacyPolicy {
    margin-top: 20px;
}
/*Login page design end*/



/*Navbar and Sidebar design start*/
.navigation > li > a {
    line-height: 22px;
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
    font-size: 22px;
}

.navbar-brand span {
    font-size: 24px;
    margin-left: 10px;
    padding-left: 11px;
    display: none;
}

.sidebar-xs .navbar-brand p {
    display: none;
}

.sidebar-xs .navbar-brand span {
    display: block;
}

.navbar-right .media-left i {
    font-size: 24px;
    color: #166dba;
}

.navbar-brand {
    padding: 0 14px;
}

    .navbar-brand > img {
        height: 36px;
        padding-top: 5px;
        padding-left: 5px;
    }

body:not(.sidebar-xs) .navigation li a > i {
    width: 20px;
}

/*.sidebar-xs .header-highlight .navbar-header .navbar-brand {
    padding-left: 0;
    padding-right: 0;
    background: url(../images/logo-icon.png) no-repeat center center;
    background-size: auto 16px;
    float: none;
    display: block;
}*/


/*Keyframes Animation Starts*/
.animated.infinite {
    animation-iteration-count: infinite;
}

.nav-link i {
    color: #aea9c3;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing;
}

.badge-pulse {
    background: #ff0000;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(255, 0, 0, 0.4);
    animation: BadgePulse 1.8s infinite;
    position: absolute;
    top: 10px;
    right: 10px;
    border: 3px solid #fff;
}

@keyframes BadgePulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, .4);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, .4)
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
        box-shadow: 0 0 0 10px rgba(255, 0, 0, 0)
    }

    100% {
        -moz-box-shadow: 0 0 0 20px rgba(255, 0, 0, 0);
        box-shadow: 0 0 0 20px rgba(255, 0, 0, 0)
    }
}
/*Keyframes Animation End*/

.navigation .blue.active > a,
.navigation .blue.active > a:hover,
.navigation .blue > a:hover,
.navigation .blue.active > a:focus,
.sidebar-xs .sidebar-main .navigation .blue a span {
    background-color: #1E88E5;
    border-color: #1E88E5;
}






.navigation {
    padding: 0;
}

    .navigation .navigation-header.navigationToggleHeading {
        padding: 0 0 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

body > .navbar.navbar-default {
    min-height: 70px;
}

.sidebar-fixed .sidebar-content {
    top: 70px;
}

.header-highlight .navbar-header:not([class*=bg-]) {
    background: none;
    box-shadow: none;
    border: none;
}

.navbar-brand, .sidebar-xs .header-highlight .navbar-header .navbar-brand {
    height: 70px;
    display: flex;
    align-items: center;
}

    .navbar-brand > img {
        height: 50px;
        padding: 0;
    }

body > .navbar.navbar-default .nav.navbar-nav {
    padding-top: 10px;
}

.header-highlight .navbar-header > .navbar-nav > li > a {
    color: #333;
}

.sidebar-xs .header-highlight .navbar-header .navbar-brand {
    background: none;
    padding: 0 14px;
}

    .sidebar-xs .header-highlight .navbar-header .navbar-brand > img {
        display: block;
    }

.sidebar-xs .header-highlight .navbar-header {
    width: auto;
}

.header-highlight .navbar-header {
    width: 16px;
}




.sidebar-xs .sidebar-main .navigation > li.navigationToggleHeading > a {
    width: 100%;
}

    .sidebar-xs .sidebar-main .navigation > li.navigationToggleHeading > a i:before {
        content: "\eebc";
    }

.header-highlight .navbar-header > .navbar-nav > li > a:focus, .header-highlight .navbar-header > .navbar-nav > li > a:hover {
    color: #000;
}

.sidebar.sidebar-main .navigation > li > a {
    min-height: 40px;
}


/*Navbar and Sidebar design end*/

/*Custom tab bar start*/
.customTabBar.nav-tabs.nav-justified.nav-tabs-bottom {
    background: #fff;
    border: none;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border-radius: 3px;
}

.customTabBar.nav-tabs > li.active > a, .customTabBar.nav-tabs > li.active > a:focus, .customTabBar.nav-tabs > li.active > a:hover {
    font-weight: 600;
    color: #565656;
}

    .customTabBar.nav-tabs > li.active > a:after {
        background-color: #1e88e5;
    }

#DivNotificationAlerts .media-body {
    vertical-align: middle !important;
}

#DivNotificationAlerts .media-right {
    white-space: nowrap;
    vertical-align: middle !important;
}

#DivNotificationAlerts .media-left {
    padding-right: 10px;
}

#DivNotificationAlerts .media {
    margin: 0;
    border-bottom: 1px solid #ddd;
    padding: 5px;
    border-left: 3px solid transparent;
}

.newmsg {
    /*  background-color: #eff6f8 !important; */ /* effecting dark mode == Yeshwnath */
    border-left: 3px solid #2196f3 !important;
}

label {
    margin-bottom: 2px;
    font-weight: 600;
    color: #111;
}

.csubitemprice label {
    font-weight: 500 !important;
}

.multiselect-container > li > a > label {
    font-weight: 400;
}

.form-group {
    margin-bottom: 15px;
}
/*Form Design*/


/*Modal Design*/
.modal-header {
    padding: 12px 20px;
    background: #0992d1;
    color: #fff;
}

.modal-title {
    font-size: 14px;
    font-weight: 600;
    padding-right: 20px;
}


.modal-header .close {
    min-width: 46px;
    height: 46px;
    text-indent: -9999999px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    opacity: 1;
}

    .modal-header .close:before, .modal-header .close:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 2px;
        max-height: 14px;
        background: #fff;
        margin: auto;
        transform: rotate(-45deg);
    }

    .modal-header .close:after {
        transform: rotate(45deg);
    }
/*Modal Design*/


/*Checkbox, Radio, Switch*/


.customCheckBox, .customRadio {
    position: relative;
    cursor: pointer;
    padding-left: 28px;
    margin: 0;
    color: #111;
    font-weight: 400;
}

.customCheckBox {
    padding-left: 22px;
}

.input-group-addon .customCheckBox, .input-group-addon .customRadio {
    width: 18px;
    height: 18px;
    padding-left: 0;
}

.customCheckBox input, .customRadio input {
    opacity: 0;
    left: 0;
    z-index: 1;
    position: absolute;
}

.customCheckBox .customCheckSpan, .customRadio .customRadioSpan {
    color: #455a64;
    border: 2px solid #607d8b;
    border-radius: 2px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 1px;
    left: 0;
}

.customRadio .customRadioSpan {
    border-radius: 100%;
}

.customCheckSpan:before, .customRadioSpan:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 2px;
    opacity: 0;
    border-width: 0 0 2px 2px;
    border-color: #455a64;
    border-style: solid;
    width: 9px;
    height: 5px;
    transform: rotate(-45deg);
    transition: all ease-in-out .15s;
}

.customRadioSpan:before {
    left: 3px;
    border: 4px solid;
    border-color: inherit;
    width: 0;
    height: 0;
    border-radius: 100%;
}

.customCheckBox input:checked + .customCheckSpan:before, .customRadio input:checked + .customRadioSpan:before {
    opacity: 1;
}

table.dataTable .customCheckBox:not(.default-options), table .customCheckBox:not(.default-options) {
    width: 18px;
    height: 15px;
}


.customSwitch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 16px;
}

    .customSwitch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .customSwitch .slider {
        position: absolute;
        cursor: pointer;
        top: 2px;
        left: 0;
        right: 0;
        bottom: -2px;
        width: 100%;
        height: auto;
        border-radius: 34px;
        border: 1px solid rgb(221, 221, 221);
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .customSwitch .slider:before {
            position: absolute;
            content: "";
            height: 14px;
            width: 14px;
            left: 1px;
            bottom: 0px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
            border-radius: 50%;
        }

    .customSwitch input:checked + .slider {
        box-shadow: rgb(100, 189, 99) 0px 0px 0px 8px inset;
        border-color: rgb(100, 189, 99);
        background-color: rgb(100, 189, 99);
    }

        .customSwitch input:checked + .slider:before {
            -webkit-transform: translateX(13px);
            -ms-transform: translateX(13px);
            transform: translateX(13px);
        }
/*Checkbox, Radio, Switch*/





.page-container {
    min-height: calc(100vh - 48px);
}

.hrFullWidth {
    margin-left: -20px;
    margin-right: -20px;
}

.table-fixed {
    table-layout: fixed;
}










/*Projects*/
.summaryInfoHeading {
    color: #1e88e5;
    margin-top: 5px;
    font-size: 14px;
}

.employeeDetailsSidebySide ul {
    padding: 0 10px;
}

    .employeeDetailsSidebySide ul li {
        display: table;
        width: 100%;
        table-layout: fixed;
        padding: 0;
    }

    .employeeDetailsSidebySide ul:not(.checklist, .loremAttach, .infoTags) li span:not(.select2):not(.select2 span):not(.input-group-btn):not(.btn span) {
        display: table-cell;
        width: 50%;
        font-size: 14px;
        vertical-align: middle;
    }

.employeeDetailsSidebySide.employeefullwidth ul li span:first-child {
    width: 16%;
}

.employeeDetailsSidebySide ul li span label {
    margin: 0;
}

.employeeDetailsSidebySide ul li span:not(.selection):not(.selection span):not(.btn span):first-child {
    border-bottom: 1px solid #fff;
    margin: 0;
    background: #f2f2f2;
    margin-right: 10px;
    padding: 5px 10px;
    font-weight: 600;
    /*font-size: 13px;*/
    color: #111;
}

.employeeDetailsSidebySide ul li span:not(.dropdown-wrapper):not(.selection span):not(.input-group-btn):not(.btn span):not(.select2):last-child {
    padding-left: 10px;
    color: #111;
    /*word-break: break-all;*/
}

.allOtherModule .panel {
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 10px;
    background: #fff;
    border-radius: 3px;
    font-size: 13px;
}

.dataTables_length {
    float: left;
    margin: 0 0 0px 0px !important;
}

.dataTables_paginate {
    margin: 0 0 0px 20px !important;
}

.dataTables_info {
    float: right;
    margin-bottom: 10px !important;
}

.panel-flat > .panel-heading {
    background-color: unset !important;
}

body:not(.modal-open) .daterangepicker.dropdown-menu {
    z-index: 2;
}

.detailsPage .allOtherModule .panel .panel-body {
    border: none;
    border-radius: 0px;
}

.detailsPage .nav > li > a, .customTabsNavbar .nav > li > a {
    color: #888;
}

.detailsPage .navbar-default .navbar-nav > .active > a, .detailsPage .navbar-default .navbar-nav > .active > a:focus, .detailsPage .navbar-default .navbar-nav > .active > a:hover,
.customTabsNavbar .navbar-default .navbar-nav > .active > a, .customTabsNavbar .navbar-default .navbar-nav > .active > a:focus, .customTabsNavbar .navbar-default .navbar-nav > .active > a:hover {
    color: #1e88e5;
    font-weight: bold;
    background-color: transparent;
}

.detailsPage .viewMorePersonalDetailsBtn {
    margin: 1px 0 3px 25%;
}

.detailsPage .btn-icon, .customPanel .btn-icon {
    padding: 3px 5px
}

.detailsPage .panel, .customPanel.panel {
    background: none;
    border: 1px solid transparent;
    border-bottom: none;
    transition: border .2s ease;
    margin-bottom: 35px;
}

    .detailsPage .panel:last-child {
        margin-bottom: 0;
    }

.detailsStatsContain .panel:last-child {
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto;
}

.detailsPage .panel.panel-collapsed, .customPanel.panel.panel-collapsed {
    border: 1px solid #ddd;
    background: #fff;
}

.detailsPage .panel-heading, .customPanel .panel-heading {
    background: none;
    border: none;
    padding: 0 20px 0 0;
    margin: 5px 0;
}

    .detailsPage .panel-heading h6, .customPanel .panel-heading h6 {
        font-size: 18px;
        line-height: 25px;
        font-weight: 300;
        color: #1e88e5;
    }

    .detailsPage .panel-heading .panel-title, .customPanel .panel-heading .panel-title {
        color: #111;
        padding: 1px 1px 1px 20px;
        margin: 0;
        font-size: 13px;
        font-weight: 600;
    }

.detailsPage .panel-collapsed .panel-heading .panel-title, .customPanel.panel-collapsed .panel-heading .panel-title {
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
}

.detailsPage .panel .panel-body .panel-heading h6, .customPanel.panel .panel-body .panel-heading h6 {
    color: #1e88e5;
    background: none;
}

.detailsPage .panel-body, .customPanel .panel-body {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
}

.detailsPage .panel-body, .customPanel .panel-footer.customPanelFooter {
    border: 1px solid #ddd;
}

.detailsPage .tooltip, .customPanel .tooltip {
    margin-left: 15px;
}

.detailsPage .navbar, .customTabsNavbar .navbar {
    padding-right: 0px;
}

.detailsNoRecord {
    box-shadow: none;
}

.columnsSelectBtn {
    padding: 1px 6px 2px 6px;
}

.tableRightButtonsAlign {
    float: right;
    margin-top: 1px;
}

    .tableRightButtonsAlign .icons-list li a, .tableRightButtonsAlign .icons-list li a:hover {
        opacity: 1;
    }

    .tableRightButtonsAlign .icons-list > li:last-child {
        margin-left: 10px;
    }

.detailsPage .tableRightButtonsAlign .btn, .detailsPage .btn.bg-info-600, .customPanel .tableRightButtonsAlign .btn, .customPanel .btn.bg-info-600 {
    padding: 1px 9px 2px 9px !important;
    color: #fff;
}

    .detailsPage .tableRightButtonsAlign .btn.btn-default, .customPanel .tableRightButtonsAlign .btn.btn-default {
        color: #111;
    }

.tableRightButtonsAlign .spinner-key.active span {
    display: block;
    visibility: hidden;
}

.tableRightButtonsAlign .spinner-key .icon-spinner2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    max-height: 12px;
    max-width: 12px;
}

.tableRightButtonsAlign .select2-selection--single {
    height: 30px;
    padding: 3px 0;
}

.datatable-header:empty {
    display: none;
}

.tableCustomAlign .dataTables_wrapper .datatable-header {
    display: none;
}

.tableCustomAlign .panel .panel-heading {
    padding-right: 300px;
}

.media-left .btn.btn-icon {
    padding: 1px 4px 3px 4px;
}

.media-left .img-sm {
    width: 26px !important;
    height: 26px !important;
}



/*Datatable Custom Scroll Start*/
.checkboxColumnTable {
    width: 50px;
}

.actionColumnTable {
    width: 70px;
}

.tableScrollable .datatable-footer {
    padding-top: 10px;
}

.tableScrollable .dataTables_paginate, .tableScrollable .dataTables_info, .tableScrollable .dataTables_length {
    margin-bottom: 10px;
}
/*.tableScrollable .table.datatable-basic th {
    min-width: 200px;
}*/

.tableScrollable .datatable-scroll {
    overflow-x: auto;
    overflow-y: hidden;
}

.tableScrollable .dataTables_scrollHead {
    overflow: visible !important;
    background: #eee !important;
}

.tableScrollable .dataTables_scrollHeadInner {
    background: #eee;
}

.dataTable thead th {
    white-space: nowrap;
}

.tableScrollable .dataTables_scrollBody {
    overflow-x: hidden !important;
    height: 100% !important;
    max-height: calc(100vh - 230px);
}

.tableScrollable .dataTables_scroll {
    width: -moz-fit-content;
}

.tableScrollable .dataTables_scrollBody {
    overflow-x: hidden !important;
    height: 100% !important;
    max-height: calc(100vh - 320px);
}

tfoot.customfilterColumn {
    display: table-header-group;
}

    tfoot.customfilterColumn td {
        border: none !important;
        border-bottom: 1px solid #ddd !important;
    }
/*Datatable Custom Scroll End*/


/*Details Page*/
.detailsSidebarInfo .thumb img {
    width: 110px;
}

.detailsSidebarInfo .nav.navbar-nav li.active {
    display: none;
}

.detailsSidebarInfo .nav.navbar-nav li a:hover, .detailsSidebarInfo .nav.navbar-nav li a:focus {
    background: #607d8b;
}



.detailsStatsContain .col-xs-2 {
    width: 20%;
}

.detailsStatsContain .panel {
    padding: 10px;
}

/*Details Page*/



/*Filter Right Side Start*/
.filterOpened:not(.modal-open) .select2-container {
    z-index: 1060;
}

.clearfiltertag {
    float: left;
/*    //color: #333 !important;
*/    transition: 0.2s ease all;
    padding-top: 6px;
    display: inline-block;
}

    .clearfiltertag:hover {
        color: #2196f3 !important;
        text-decoration: underline;
    }

div.filterHolder div.formholder {
    width: 100%;
    height: 100vh;
    background-color: white;
    z-index: 111;
    padding: 10px 0;
}

div.filterHolder {
    width: 400px;
    min-height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1111;
    right: -400px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    transition: all .5s ease-in-out;
}

    div.filterHolder.visible {
        right: 0;
        top: 0;
    }

.filterContain .panel-collapse .form-group:last-child {
    padding-bottom: 20px;
}

#FilterPanelClose {
    position: absolute;
    right: 0;
    top: 0;
    background: #222c3e;
    color: #fff;
    font-size: 16px;
    border-bottom-left-radius: 50px;
    width: 40px;
    height: 40px;
    border: none;
    z-index: 1;
}

    #FilterPanelClose i {
        top: -4px;
        left: 3px;
    }

#filterAccordions, .sidebar-toggle-header {
    padding: 0 20px;
}

.sidbar-toggle-body {
    height: calc(100vh - 140px);
    overflow-y: auto;
    overflow-x: hidden;
}

.sidbar-toggle-footer {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 10px 20px;
    border-top: 1px solid #d6d6d6;
}
/*Filter Right Side End*/





/*Department Modal Body*/
.modal-body.departmentModalBody, .addContactDepartmentInfo {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    position: relative;
    overflow: hidden;
    min-width: 100%;
}

.estaddressblock {
    display: block !important;
}

.addChangeAddressList, .addDepartmentInfo, .chooseFromAddressList {
    display: block;
    width: 100%;
    min-width: 100%;
    position: relative;
    transition: all .3s ease;
    vertical-align: top;
    white-space: normal;
}

.marginLeftMinus100 {
    margin-left: -100%;
}

.marginLeftMinus200 {
    margin-left: -200%;
}

.addChangeAddressList, .chooseFromAddressList {
    height: 10px
}

.addDepartmentInfo.marginLeftMinus100 {
    height: 0px;
}

    .addDepartmentInfo.marginLeftMinus100:not(.marginLeftMinus200) + .addChangeAddressList, .addDepartmentInfo.marginLeftMinus200 ~ .chooseFromAddressList {
        height: auto
    }

.stepy-navigator {
    margin-top: 10px
}

    .stepy-navigator .button-back {
        float: left;
    }
/*Department Modal Body*/



/*Loading Page Start*/
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1111111
}

.line {
    animation: expand 1s ease-in-out infinite;
    border-radius: 10px;
    display: inline-block;
    transform-origin: center center;
    margin: 0 4px;
    width: 2px;
    height: 30px;
}

    .line:nth-child(1) {
        background: #ff7e00;
    }

    .line:nth-child(2) {
        animation-delay: 180ms;
        background: #cc7925;
    }

    .line:nth-child(3) {
        animation-delay: 360ms;
        background: #1b659d;
    }

    .line:nth-child(4) {
        animation-delay: 540ms;
        background: #ad4dc4;
    }

    .line:nth-child(5) {
        animation-delay: 720ms;
        background: #7e9e31;
    }

    .line:nth-child(6) {
        animation-delay: 900ms;
        background: #76c200;
    }

@keyframes expand {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(2);
    }
}

.page-roller-spin-fullpage {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 1110;
    background: rgba(212, 212, 212, 0.45);
}

.page-roller-spin-fullpage-reports {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 1110;
    background: rgba(212, 212, 212, 0.45);
}

.page-roller-spin-fullpage-preview {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 1110;
    background: rgba(212, 212, 212, 0.45);
}
/*Loading Page End*/


/*Ranjan Css Starts*/
.customfilterColumn .select2-container--open .select2-dropdown--below {
    min-width: 160px;
    right: -35px;
    left: auto;
}

.inner-AddMore {
    text-transform: uppercase;
    font-size: 12px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 0;
    background-image: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f9fbff;
    line-height: 20px;
    padding: 2px 10px;
    margin-bottom: -16px;
}



.inner {
    font-size: 10px !important;
    text-align: right !important;
    border: none !important;
    width: 145px !important;
    height: 17px !important;
    margin-left: calc(50% - 72px);
    background-color: #e2e8f3;
    padding: 0px 4px;
    padding-bottom: 2px;
    margin-bottom: 5px;
}

.inner-Close {
    border: 0;
    padding: 0;
    width: 14px;
    line-height: 14px;
    height: 16px;
    background-color: #e2e8f3;
}

.inner-Elem {
    display: inline-block;
    width: 100%;
}
/*Ranjan Css Ends*/

.column-setting,
.filter-setting {
    max-height: calc(100vh - 346px) !important;
    overflow: auto;
}

.add-view .stepy-navigator {
    padding: 20px;
}

#sortable li,
#sortableFilter li {
    background-color: #fff;
}

    #sortable li:hover,
    #sortableFilter li:hover {
        background-color: #f9f9f9;
        cursor: move;
    }

.has-error {
    border-color: rgba(233,51,51,.8) !important;
}

/*Datatable Loader*/
.loadertable {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    height: 70px;
    bottom: 0px;
    background: #fff;
}

.loader1 {
    width: 60px;
    height: 50px;
    text-align: center;
    position: absolute;
    font-size: 10px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    z-index: 11;
    bottom: -15px;
    left: 50%;
}

    .loader1 > div {
        height: 100%;
        width: 8px;
        display: inline-block;
        float: left;
        margin-left: 2px;
        -webkit-animation: loader-delay 0.8s infinite ease-in-out;
        animation: loader-delay 0.8s infinite ease-in-out;
    }

    .loader1 .bar11 {
        background-color: #754fa0;
    }

    .loader1 .bar21 {
        background-color: #09b7bf;
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .loader1 .bar31 {
        background-color: #90d36b;
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .loader1 .bar4 {
        background-color: #f2d40d;
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .loader1 .bar5 {
        background-color: #fcb12b;
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .loader1 .bar6 {
        background-color: #ed1b72;
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

@keyframes loader-delay {
    0%, 40%, 100% {
        transform: scaleY(0.05);
        -webkit-transform: scaleY(0.05);
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}
/*Datatable Loader*/
.dropdownbtn {
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
}

table .customCheckBox:not(.default-options) {
    padding-left: 1px;
}

.viewchange {
    width: 190px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modalC {
    position: relative;
    padding: 20px;
}

/*Activity Search panel design Start*/
.searchbox {
    top: 28%;
}

    .searchbox .form-group {
        margin-bottom: 0px;
    }

    .searchbox .form-control {
        height: 24px;
    }

.form-control-feedback {
    top: -6px;
    height: 24px;
}

.activitypanel .list-feed > li .feed-time {
    position: absolute;
    left: 0;
    top: 1px;
}

    .activitypanel .list-feed > li .feed-time i {
        position: absolute;
        left: 77px;
        z-index: 5;
        color: #fff;
        top: 10px;
    }

.activitypanel .list-feed > li {
    padding-left: 120px;
    padding-bottom: 10px;
}

    .activitypanel .list-feed > li:before {
        left: 67px;
        width: 34px;
        height: 34px;
        background-color: #BEBFBF;
        border: none !important;
        z-index: 3;
        top: 0px;
    }

    .activitypanel .list-feed > li:after {
        border-color: #BEBFBF !important;
        left: 83px;
        top: 0;
        bottom: -3px;
    }

.activitypanel li.dayHeading {
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin: 10px 0 20px;
    padding: 0;
    text-align: center;
    line-height: 10px;
}

    .activitypanel li.dayHeading span {
        width: 130px;
        margin: 0;
        background: #ffffff;
        position: relative;
        border-radius: 2px;
        font-size: 12px;
        display: inline-block;
        padding: 0;
        height: auto;
        text-align: center;
        top: 5px;
        font-weight: 600;
    }

    .activitypanel li.dayHeading:before, .activitypanel li.dayHeading:after {
        display: none;
    }

    .activitypanel li.dayHeading:after {
        left: 0;
        top: 25px;
        bottom: -20px;
        right: 0;
        margin: auto;
    }

.detailsPage .actionInfo .tableRightButtonsAlign .btn, .detailsPage .actionInfo .btn.bg-info-600 {
    padding: 2px 9px 4px 9px;
}

.detailsPage .tableRightButtonsAlign i, .customPanel .tableRightButtonsAlign i {
    font-size: 12px;
}

.activitypanel {
    max-height: 600px;
    overflow-y: auto !important;
}
/*Activity Search panel design*/

.bg-danger-400 {
    background-color: #ef5350 !important;
    border-color: #ef5350 !important;
    color: #fff !important;
}

.bg-primary-400 {
    background-color: #42a5f5 !important;
    border-color: #42a5f5 !important;
    color: #fff !important;
}

.filteredbase {
    background-color: #bfbfbf;
}

.dropup-menu {
    top: auto !important;
    bottom: 100% !important;
}

.galignright {
    text-align: right;
}

.galigncenter {
    text-align: center;
    margin: 0;
}
/*customSwitch*/

.customgridSwitch {
    position: relative;
}

    .customgridSwitch input {
        display: none;
    }



    .customgridSwitch span {
        background-color: #E1E1E3;
        border: 1px solid rgb(203 203 203);
        border-radius: 100px;
        cursor: pointer;
        display: inline-block;
        width: 28px;
        height: 15px;
        vertical-align: middle;
        position: relative;
        box-sizing: content-box;
        box-shadow: rgb(223 223 223) 0px 0px 0px 0px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    }

        .customgridSwitch span:before {
            content: '';
            background-color: #fff;
            border-radius: 100px;
            width: 15px;
            height: 14px;
            position: absolute;
            top: 0px;
            left: 0px;
            box-shadow: 0 1px 3px rgb(0 0 0 / 40%);
            transition: background-color 0.4s ease 0s, left 0.2s ease 0s;
        }


    .customgridSwitch input:checked + span {
        background-color: rgb(100, 189, 99);
        border-color: rgb(100, 189, 99);
        box-shadow: rgb(100, 189, 99) 0px 0px 0px 12px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    }

        .customgridSwitch input:checked + span:before {
            left: 13px;
        }

/*customSwitch*/


/*settingsv2*/
.display-flex {
    display: flex;
}

.settingsmenu i {
    color: #0993d2;
    font-size: 24px;
}

.settingsmenu ul li {
    padding-bottom: 5px;
    padding-top: 5px;
}

    .settingsmenu ul li a {
        text-decoration: none;
        color: #464646;
        cursor: pointer;
        font-size: 13px;
    }

.settingsmenu h4 {
    font-size: 16px;
    font-weight: 500;
}

.settingsmenu ul li a:hover {
    color: #0993d2;
}

.settingsmenu .col-sm-3 {
    width: 20%;
}

.settingicon {
    margin: 0px 20% 15px 20%;
}

    .settingicon .mr-20.mt-10 {
        display: table-cell;
        vertical-align: top;
        padding-top: 8px;
    }

    .settingicon .settingslist {
        display: table-cell;
        padding-left: 16px;
    }

        .settingicon .settingslist h4 {
            margin-top: 0;
        }
/*/settingsv2*/
table td .icons-list li {
    padding: 0 2px;
    min-width: 20px;
}

.filterAligntoSearch {
    float: none;
    position: absolute;
    right: 20px;
    bottom: -58px;
    z-index: 11;
}

select.requiredInput {
    box-shadow: none
}

    .requiredInput, select.requiredInput + .select2.select2-container .selection .select2-selection, .required .filename {
        box-shadow: 3px 0 0 0 inset #ff7575 !important;
    }

#navbar-details-header a i.position-left {
    margin-right: 2px;
}

.MediafileManagerBody {
    padding: 0;
    min-height: 150px;
    max-height: 150px;
}

    .MediafileManagerBody i, .MMediafileManagerBody i {
        font-size: 44px;
        line-height: 3.5em;
    }

.MMediafileManagerBody {
    padding: 0;
    min-height: 200px;
    max-height: 200px;
}

    .MMediafileManagerBody i {
        font-size: 44px;
        line-height: 3.5em;
    }

.fileManagerBody {
    padding: 0;
    min-height: 150px;
    max-height: 150px;
}

    .fileManagerBody img {
        min-height: 150px;
        max-height: 150px;
        width: 100%;
        margin: 0 auto;
        object-fit: cover;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .fileManagerBody i {
        font-size: 44px;
        line-height: 3.5em;
    }

.spinner-key i.spinner, .spinner-key i, .spinner-key.active i.icon-add-to-list {
    display: none;
}

.spinner-key.active span {
    display: block;
    visibility: hidden;
}

.spinner-key.active i {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    max-height: 16px;
    max-width: 16px;
    z-index: 11;
}

.text-1linedot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-responsive.tableHeaderSticky {
    overflow: hidden;
}

.tableHeaderSticky.tableHeight380 .datatable-scroll, .settingsModules .tableHeaderSticky.tableHeight380 .datatable-scroll {
    max-height: calc(100vh - 380px);
}

.tableHeaderSticky .datatable-scroll, .fullheightgrid.tableHeaderSticky .datatable-scroll {
    max-height: calc(100vh - 265px);
    overflow: auto;
}

.fullheightsearchgrid.tableHeaderSticky .datatable-scroll {
    max-height: calc(100vh - 390px);
    overflow: auto;
}

.settingsModules .tableHeaderSticky .datatable-scroll {
    max-height: calc(100vh - 325px);
}


.hasFooter .tableHeaderSticky.tableHeight380 .datatable-scroll, .settingsModules.hasFooter .tableHeaderSticky.tableHeight380 .datatable-scroll {
    max-height: calc(100vh - 430px);
}

.hasFooter .tableHeaderSticky .datatable-scroll, .hasFooter .fullheightgrid.tableHeaderSticky .datatable-scroll {
    max-height: calc(100vh - 200px);
}

.hasFooter .fullheightsearchgrid.tableHeaderSticky .datatable-scroll {
    max-height: calc(100vh - 200px);
    overflow: auto;
}

.settingsModules.hasFooter .tableHeaderSticky .datatable-scroll {
    max-height: calc(100vh - 375px);
}

.hasFooter .tableHeaderSticky .datatable-scroll {
    max-height: calc(100vh - 320px);
}

.tableHeaderSticky .datatable-scroll table thead th {
    position: sticky;
    top: 0;
    background: #dddada;
    z-index: 10;
}

.statussettingscolor {
    height: 15px;
    width: 15px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    float: left;
    margin-top: 4px;
    margin-left: 15px;
}

.company-tag-label {
    position: relative;
}

.label-style {
    padding: 4px 10px;
    border-radius: 3px;
    background-color: #f0f5fc;
    font-size: 10px;
    color: inherit;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
}

.company-left-sub-header {
    padding-top: 15px;
    padding-bottom: 15px;
}

.bottom-border {
    border-bottom: solid 1px #e2e8f3;
}

.gift-icon-align {
    left: 8px;
    top: 5px;
}

.gridrowclick tr:hover {
    cursor: pointer;
}

.img-container,
.img-preview {
    background-color: #f7f7f7;
    text-align: center;
    width: 100%;
}

.img-container {
    margin-bottom: 1rem;
    max-height: 497px;
    min-height: 200px;
}

    .img-container > img {
        max-width: 100%;
    }

.docs-preview {
    margin-right: -1rem;
}

.img-preview {
    float: left;
    margin-bottom: .5rem;
    margin-right: .5rem;
    overflow: hidden;
}

    .img-preview > img {
        max-width: 100%;
    }

.preview-lg {
    height: 9rem;
    width: 16rem;
}

.preview-md {
    height: 4.5rem;
    width: 8rem;
}

.preview-sm {
    height: 2.25rem;
    width: 4rem;
}

.preview-xs {
    height: 1.125rem;
    margin-right: 0;
    width: 2rem;
}

.docs-data .input-group-addon .input-group-text {
    min-width: 4rem;
}

.docs-buttons > .btn, .docs-buttons > .btn-group, .docs-buttons > .form-control {
    margin-bottom: 0.5rem;
    margin-right: 0.25rem;
}




.fileselection.active:before {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 30px;
    background: #00883a;
    right: -10px;
    top: -10px;
    z-index: 11111;
}

.fileselection.active:after {
    content: "\e600";
    right: -5px;
    position: absolute;
    top: -5px;
    color: #fff;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 11111;
}

.mail-attachments-content.Mediaviewfile {
    margin-left: 66px;
}

.settingsPageForm form .row .col-xs-6, .settingsPageForm form .row .col-settingsPageFormLegendxs-12 {
    padding: 0 20px;
}

.settingsPageFormLegend {
    padding: 5px 20px;
    margin-top: 20px;
}

.addFormLegend {
    margin-top: 20px;
}

    .settingsPageFormLegend legend, .addFormLegend legend {
        color: #1e88e5;
        padding: 0;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }

    .addFormLegend legend {
        font-weight: 700;
    }

.dark-theme .addFormLegend legend {
    font-weight: 600 !important;
}

.pageHeading {
    font-size: 16px;
    color: #111;
    padding: 0;
    margin: 0 0 5px 0;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}

.dark-theme .pageHeading {
    font-weight: 600!important;
}
    .mt-30 {
    margin-top: 30px !important;
}


/*summernote editor*/
.note-popover .popover-content > .note-btn-group, .note-toolbar > .note-btn-group {
    margin-top: 5px;
    margin-right: 5px;
}
/*summernote editor*/
/*Sidebar*/
.sidebar-detached .sidebar-separate.sidebar-default {
    display: block;
}

    .sidebar-detached .sidebar-separate.sidebar-default .sidebar-category {
        border: 1px solid #ddd;
    }
/*Sidebar*/
/*Dashboard Widgets settings starts  namratha changes*/
.p1, .p-1 {
    padding: 1px !important
}

.widgetpanel {
    max-width: 100%;
    height: auto;
    display: block;
}

.availablewidgets {
    display: inline-block;
    width: 100%;
}

.masonry {
    margin: 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.widget-Fixed-panel {
    width: 70%;
    word-break: break-word;
}


.linebreaker, .miniwidgetslinebreaker {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.headerlinebreaker, .miniwidgetsheaderlinebreaker {
    width: calc(100% - 40px);
}

.dashboardWidgetSettings .h6.panel-title, .dashboardWidgetSettings h6.panel-title {
    font-size: 14px;
    font-weight: 600;
}

.equal.dashboardWidgetSettings {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
}

.dashboardWidgetSettings > div > .panel {
    height: 100%;
    margin-bottom: 0;
}

.selectedWidgets > .panel {
    background-color: #b3afa7;
    border: 1px dashed #737373;
}

.dashboardWidgetSettings #sortablewidget .panel:last-child {
    margin-bottom: 0px;
}

.dashboardWidgetSettings .widgetpanel, .dashboardWidgetSettings .panel.panel-default.ui-state-default {
    box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 10%);
}

.dashboardWidgetSettings .ui-state-default {
    cursor: move;
}

/*Dashboard  settings ends*/


.detailsPage .nav > li > a, .customTabsNavbar .nav > li > a {
    color: #888;
}

.detailsPage .navbar-default .navbar-nav > .active > a, .detailsPage .navbar-default .navbar-nav > .active > a:focus, .detailsPage .navbar-default .navbar-nav > .active > a:hover,
.customTabsNavbar .navbar-default .navbar-nav > .active > a, .customTabsNavbar .navbar-default .navbar-nav > .active > a:focus, .customTabsNavbar .navbar-default .navbar-nav > .active > a:hover {
    color: #1e88e5;
    font-weight: bold;
    background-color: transparent;
}

.topspace {
    margin-top: 25px;
}

.putpointer {
    cursor: move;
}


.putgridpointer {
    cursor: pointer;
}

.putpointer {
    background-color: #Fafafa;
}

.div_clickArea {
    FILTER: alpha(opacity=01);
    WIDTH: 100%;
    HEIGHT: 100%;
    BACKGROUND-COLOR: #fff;
    opacity: 0.01;
}

.btn-success {
    color: #fff !important;
}

.dataTable thead tr th ul.dropdown-menu.customdropdwn:before {
    left: 0;
}

.dataTable thead tr th ul.dropdown-menu.customdropdwn:before {
    top: -12px;
    content: "";
    display: block;
    position: absolute;
    background-color: transparent;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    z-index: 9999;
}

/*.dataTable thead tr th ul.dropdown-menu.customdropdwn {
    margin: 10px 0 0;
    left: -5px;
}*/


.dataTable thead tr th ul.dropdown-menu.customdropdwn {
    /*margin-top: 5px;*/
    margin-top: 10px;
    padding: 3px;
    /*height: 27px;*/
    left: -5px;
}

.dataTable thead tr th ul.dropdown-menu > li > a {
    padding: 0px 15px;
    text-align: center;
}

.modalzindex {
    z-index: 1111;
}
/*DUAL LISTBOX*/
.dualListBoxWithTable .datatable-header {
    padding: 0;
    border: 0;
    position: absolute;
    top: -40px;
    right: 0;
}

    .dualListBoxWithTable .datatable-header .dataTables_filter {
        margin: 0;
    }

.dualListBoxWithTable .datatable-scroll {
    height: 400px;
    overflow: auto;
}

.dualListBoxWithTableBtns {
    text-align: center;
}

    .dualListBoxWithTableBtns button {
        display: block;
        margin: 10px auto;
    }

.dualListBoxWithTable .sortDualListBoxRows {
    display: none;
    padding-left: 0;
    padding-right: 0;
}

.dualListBoxWithTableRight .sortDualListBoxRows {
    display: table-cell;
}

.display-table {
    display: table;
    width: 100%;
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.dualListBoxWithTable .display-table-cell {
    display: inline-block;
    vertical-align: middle;
}

.dualListBoxWithTable .display-table-cell {
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 1600px) {
    .dualListBoxWithTable, .dualListBoxWithTable .display-table-cell {
        display: block;
    }

        .dualListBoxWithTable .width45per, .dualListBoxWithTable .width10per {
            width: 100%;
        }

    .dualListBoxWithTableBtns button {
        transform: rotate(90deg);
        display: inline-block;
    }
}


.width-40 {
    width: 40px !important;
}

/*DUAL LISTBOX*/

#btn_saveasnew {
    width: 110px !important;
}

.userProfile {
    height: 140px;
    width: 140px;
    border-radius: 100%;
    display: inline-block;
    border: 6px solid #EBEBEB;
    background: #00bcd4;
    text-align: center;
    font-size: 40px !important;
    padding: 30px 0;
    font-weight: 700;
    color: #fff;
}

.dark-theme .userProfile {
    font-weight: 600!important;
}
/*colorpicker*/
.colorPickerHold, .imgPickerHold {
    position: relative;
}

    .colorPickerHold input {
        padding-left: 50px;
    }

    .colorPickerHold .sp-replacer, .imgPickerView {
        padding: 0;
        border: none;
        position: absolute;
        bottom: 1px;
        left: 1px;
        border-radius: 3px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        z-index: 11;
    }

    .colorPickerHold .sp-preview {
        width: 34px;
        height: 34px;
        margin: 0;
        float: none;
    }

    .colorPickerHold .sp-dd {
        display: none;
    }

.falsesorting:after {
    display: none !important;
}

.contentloadvisible {
    visibility: hidden;
}

body:not(.settingsModules) .customPanelDatatable .panel-body {
    border: none;
    background: none;
}

.settingsModules .detailsPage .panel-body, .settingsModules .customPanel .panel-body {
    border: none;
}

.customPanelDatatable .panel-footer {
    border: none;
}

.customPanelDatatable:not(.panel-collapsed):not(.customSettingsTableHold) .panel-title {
    display: none;
}

.customPanelDatatable:not(.panel-collapsed) .tableRightButtonsAlign {
    position: absolute;
    z-index: 11;
    right: 20px;
    top: 0px;
}

.customSettingsTableHold.customPanelDatatable .tableRightButtonsAlign {
    right: 0;
}

.customSettingsTableHold.customPanelDatatable .datatable-header {
    padding-left: 0;
}

.customPanelDatatable .datatable-header {
    padding: 0 0 5px 20px;
    border: none;
    background: none;
}

.customPanelDatatable .datatable-footer {
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 3px;
    padding: 7px 20px 0 20px;
    background: #fff;
}

    .customPanelDatatable .datatable-footer .dataTables_info, .customPanelDatatable .datatable-footer .dataTables_paginate, .customPanelDatatable .datatable-footer .dataTables_length {
        margin-bottom: 7px;
    }

.customPanelDatatable .datatable-scroll {
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;
}

.customPanelDatatable .dataTables_filter {
    margin: 0;
}

    .customPanelDatatable .dataTables_filter input {
        /*height: 30px;   ARUN*/
    }

    .customPanelDatatable .dataTables_filter > label > span {
        margin-bottom: 5px;
        margin-top: 5px;
    }

.customSettingsTableHold {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    padding: 20px;
}

    .customSettingsTableHold:last-child, .customSettingsTableHold .panel-heading {
        margin: 0;
    }

    .customSettingsTableHold .panel-body {
        padding: 0;
    }

    .customSettingsTableHold .panel-footer {
        padding-bottom: 0;
        background: none;
        border: none;
    }

.customSettingsHeader {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding-bottom: 5px;
    position: relative;
}

    .customSettingsHeader .panel-title {
        text-transform: uppercase;
        font-size: 12px;
        color: #1e88e5;
        font-weight: 700;
        display: inline-block;
        margin: 0;
    }

.dark-theme .customSettingsHeader .panel-title {
    font-weight: 600!important;
}

.customSettingsHeader .tableRightButtonsAlign {
    margin-top: -4px;
}


/*select highlight*/
.select2-results__option {
    color: #5F5F5F;
}

    .select2-results__option.select2-results__option--highlighted {
        background-color: #EFEFEF;
        font-weight: 600;
        color: #111;
    }

#select2-ddlview-results .select2-results__option.select2-results__option--highlighted {
    background-color: #EFEFEF;
    font-weight: normal;
    color: #111;
}

.dark-theme #select2-ddlview-results .select2-results__option.select2-results__option--highlighted {
    background-color: #EFEFEF;
    font-weight: normal;
    color: #E4E6EB;
}

.select2-results__option[aria-selected=true] {
    background-color: #EFEFEF;
    color: #111;
    font-weight: 600;
}

.multiselect-container > li > a:focus, .multiselect-container > li > a:hover {
    background-color: #f5f5f5;
}

.multiselect-container > li > a.multiselect-all:hover label, .multiselect-container > li > a.multiselect-all:focus label {
    font-weight: 600;
}
/*select highlight end*/

@media (min-width: 768px) {
    .img-container {
        min-height: 497px;
    }
}


/*Media query*/
@media (min-width: 1600px) {
    span#printlayouterrorbooklet {
        padding-left: 30px !important;
    }

    .detailsPage .detailsSidebarInfo {
        width: 20%;
    }

    .detailsPage .detailsTableInfo {
        width: 80%;
    }
}

@media (max-width: 1500px) {
    .detailsPage .nav > li > a, .customTabsNavbar .nav > li > a {
        padding-left: 8px;
        padding-right: 8px;
    }

    .taskAlertSettings .row .col-md-3 {
        width: 30%;
    }
}


@media(min-width:1300px) {
    .navbarDetailsSticky, .settingsPageHeadingSticky {
        position: sticky;
        top: 48px;
        padding: 20px 0;
        background: #eaeaea;
        z-index: 11;
    }

    .settingsPageHeadingSticky {
        padding: 0;
        padding-top: 20px;
    }

    .settingsSidebarSticky {
        position: sticky;
        top: 95px;
    }

    .content.headerStickyContent {
        padding-top: 0;
    }

    .detailsSidebarInfo {
        position: sticky;
        top: 270px;
        z-index: 10;
        width: 30%;
    }

    .detailsTableInfo {
        width: 70%;
    }
}

.vertical-menu {
    background-color: gainsboro
}

.company-tag-close-icon {
    position: absolute;
    right: -3px;
    top: -3px;
    display: none;
}


.company-tag-label:hover .company-tag-close-icon {
    display: block;
}

.text-danger1 {
    color: #fd755f !important;
}

@media(max-width:1300px) {
    .detailsStatsContain .col-xs-2 {
        width: 33.3%;
    }
}

@media(min-width:1025px) {
    .modal-lg {
        width: 1000px;
    }

    .modal-xl {
        width: 1300px;
    }

    .width1000 {
        width: 1000px;
    }
}

@media(max-width:992px) {
    .detailsStatsContain .col-xs-2 {
        width: 50%;
    }
}

@media (min-width: 769px) {

    /*.sidebar-xs .header-highlight .navbar-header .navbar-brand {
        background: url(../images/logo-icon.png) no-repeat center center;
        background-size: auto 32px;
    }*/

    .sidebar-fixed .sidebar-content {
        overflow: auto;
        position: fixed;
        /*top: 48px;*/
    }
}


@media(max-width:480px) {
    .detailsStatsContain .col-xs-2 {
        width: 100%;
    }
}

@media(max-width:604px) {
    .customerheader .pull-right {
        display: block;
        float: none !important;
        margin-top: 10px;
    }

        .customerheader .pull-right .bg-info-600 {
            margin-left: 0 !important;
            margin-bottom: 5px;
        }
}

@media(min-width:768px) and (max-width:869px) {
    .customerheader .pull-right {
        display: block;
        float: none !important;
        margin-top: 10px;
    }

        .customerheader .pull-right .bg-info-600 {
            margin-left: 0 !important;
            margin-bottom: 5px;
        }
}

@media screen and (max-width: 768px) and (min-width: 501px) {
    .sweet-alert {
        width: 450px !important;
        top: 50%;
        left: 50%;
        transform: translate(0%, 5%);
    }
}

@media screen and (max-width: 500px) {
    .sweet-alert {
        width: 320px !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, 50%);
    }
}


/*Media query*/


/*new change*/

#htmlbody .note-editor {
    margin: 10px;
}

.plantcharge.table > tbody > tr > td {
    padding: 10px 10px 10px 10px;
}

    .plantcharge.table > tbody > tr > td:first-child {
        padding: 0px 5px 10px 0px !important;
    }

    .plantcharge.table > tbody > tr > td:last-child {
        padding: 10px 0px 10px 5px !important;
    }

.scrolltextbox {
    height: 350px;
    width: 100%;
    overflow-x: no-display;
    overflow-x: auto;
}


.sheetweights {
    margin-top: -174px;
}

.changeallpadding {
    margin-right: -100px;
}

/*Role*/
.rolesListOptions.title {
    width: 140px;
    text-align: left;
    padding: 10px 0;
}

    .rolesListOptions.title label {
        margin: 0;
    }

.rolesOptions .panel {
    margin-bottom: 15px;
}

.rolesOptions .panel-body {
    padding: 10px 20px;
}

.rolesListOptions {
    width: 80px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

    .rolesListOptions.width170 {
        width: 170px;
    }

    .rolesListOptions.width140 {
        width: 140px;
    }

.rolesOptions .customSwitch.customSwitchInline {
    padding-left: 40px;
}

    .rolesOptions .customSwitch.customSwitchInline .slider {
        position: absolute;
        margin: 0;
    }

.roleCheckGlobalBtn .rolesListOptions {
    width: auto;
}

.rolesOptions .customSwitch {
    margin: 0;
    width: auto;
    height: auto;
    font-weight: 500;
    padding-bottom: 3px;
}

    .rolesOptions .customSwitch input {
        position: absolute;
    }

    .rolesOptions .customSwitch .slider {
        width: 30px;
        height: 16px;
        display: block;
        margin: 0 auto;
        position: relative;
    }

.rolesOptions .selectAllNone {
    width: 125px;
    padding: 10px 0;
}

@media(max-width:600px) {
    .rolesListOptions.title {
        width: 100%;
        margin: 0;
    }

    .rolesListOptions,
    .rolesListOptions.width140,
    .rolesListOptions.width170 {
        width: 50%;
        float: left;
        margin-bottom: 10px;
    }

    .roleListReport .rolesListOptions.title {
        width: 140px;
    }

    .roleListReport .rolesListOptions {
        width: 80px;
        float: none;
    }

    .roleCheckGlobalBtn {
        float: none;
    }

        .roleCheckGlobalBtn .rolesListOptions {
            width: 48%;
            margin: 0 !important;
            text-align: left;
            float: none;
        }
}
/*Role css ends*/


/*Coupon Code Starts here*/
.width45per {
    width: 44.7%;
}

.width10per {
    width: 10%;
}

.media-top {
    vertical-align: top;
}

.panel-heading.border-bottom {
    border-bottom-color: #ddd;
}

.couponbtnsavestay {
    margin-top: 0px;
    margin-right: 0px;
    width: 119.59px !important;
}

#uniform-CouponValid {
    margin-bottom: 2px;
}

#uniform-CouponUsage {
    margin-bottom: 2px;
}

#uniform-CouponApply {
    margin-bottom: 2px;
}
/*Coupon Code Ends here*/

/*Shiv 2020-09-02*/
.dropdown-user .dropdown-toggle .btn {
    padding: 4px 6px;
}

#div_multipleRecipientsEmails .token-label {
    max-width: none !important;
}

#div_multipleRecipientsEmails .close {
    transform: translateY(-50%);
}

#productcategory .note-toolbar.panel-heading {
    padding: 5px 15px 10px 15px;
}

.pl-30 {
    padding-left: 30px;
}

.textalignment {
    white-space: normal;
    margin: 0;
}

.noteimageupload .mail-attachments > li {
    margin-top: 0;
}

.tip .display-table-cell {
    vertical-align: top;
}

.custompanelheading {
    position: relative;
    min-height: 27px;
}

#customersubmit {
    position: relative;
}

    #customersubmit .btn_div {
        text-align: center;
        position: absolute;
        width: 100%;
        left: 0;
    }

.btn_div {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
}

.sidebar-xs .positionalert {
    margin-left: -130px !important;
}

.positionalert {
    position: fixed;
    top: 92px;
    margin-left: -20px;
    left: 50%;
    text-align: center;
}

.customdropdwnopn {
    overflow: visible !important;
}

#ProductDesignsubmit .mail-attachments > li {
    margin-top: 0;
}

.bordertable {
    border: 1px solid #ddd;
}

.departmentModalBody .ui-tabs-panel {
    min-height: 360px;
}



.model.in + .model.in {
    z-index: 2000
}

/*table:not(.table-border-space-none, .restriction, .allitemdesigns, .nohover, .PurchaseAddress, .purchaseLineItem, .OmShree ) > tbody > tr:hover {
    background-color: #e6e6e6;
}*/

table:not(.table-border-space-none, .restriction, .allitemdesigns, .nohover, .PurchaseAddress, .purchaseLineItem, .OmShree, .fc-scrollgrid-liquid, .fc-scrollgrid-sync-table) > tbody > tr:hover {
    background-color: #e6e6e6;
}

.fc-timegrid-slots table > tbody > tr:hover {
    background-color: unset !important;
}

.calenderviewdiv .fc-content-skeleton tbody tr:hover, .calenderviewdiv tbody.fc-body tr:hover {
    background-color: transparent;
}

table.table-border-space-none tr:hover {
    background-color: transparent !important;
}


.tipclass {
    width: 27px;
}

/*purchase order*/
#purchaseitemcodetable .width200 {
    min-width: 200px !important;
}

#purchaseitemcodetable.table > tbody > tr > td,
#purchaseitemcodetable.table > tbody > tr > th,
#purchaseitemcodetable.table > tfoot > tr > td,
#purchaseitemcodetable.table > tfoot > tr > th,
#purchaseitemcodetable.table > thead > tr > td,
#purchaseitemcodetable.table > thead > tr > th {
    padding: 8px 5px;
    vertical-align: top;
}

#supplierlist {
    max-height: 400px;
    overflow: auto;
}

    #supplierlist table > tbody > tr:nth-of-type(odd) {
        background-color: #fff;
    }

.ui-front {
    z-index: 1163;
}

body:not(.modal-open) .ui-front {
    z-index: 1029;
}

#purchaseproductgrid .width-80 {
    width: 80px;
}

.msgFloating {
    position: absolute;
    top: 112px;
    left: 45%;
}

#formAddionalOptions .input-group {
    width: 100%;
}

li.changeview {
    padding: 0 14px;
}

/*PO Latest styling */
.pt-30 {
    padding-top: 30px;
}

.detailsSidebarInfo .caption h6 {
    font-size: 13px;
    text-overflow: ellipsis;
    width: 100%;
}

/*stepyspacing*/

.stepyrightcolumnspacing {
    padding-left: 20px
}

.stepyleftcolumnspacing {
    padding-right: 20px;
}




/*Amulya*/
/*/Amulya Report Filter CHangeas starts*/
.advance_filters .btn.dropdown-toggle, .advance_filters .form-control {
    border: 1px transparent;
    box-shadow: none;
    border-bottom: 1px solid #dddd;
    border-radius: 0;
}

.report_filters table tr td {
    border: 0;
    width: 190px;
    vertical-align: middle;
}

.report_filters table {
    width: auto;
}


.text-green {
    color: green !important;
}

.report_filters .table > tbody + tbody {
    border: 0;
}
/*Demo 2019-08-02*/
.advance_filters .table tbody tr td:nth-child(1) {
    width: 30px;
    position: relative;
    padding-right: 15px;
    border-bottom: transparent;
    vertical-align: bottom;
    /*top: 3px;*/
    padding: 12px;
}

.advance_filters table tr td {
    padding-bottom: 30px !important;
    position: relative;
}

    .advance_filters table tr td:last:child {
        padding-bottom: 8px !important;
    }

.advance_filters input.searchMatchText {
    width: 30px;
    pointer-events: none;
    cursor: default;
    background: #f6f6f6;
    border: 1px solid #b3b3b3 !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: #333;
    height: 30px;
    padding-top: 0;
    z-index: 1;
    position: relative;
}

.advance_filters table > tbody tr:first-child td:first-child:before {
    display: none;
}
/*amulya*/
.advance_filters table > tbody tr td:first-child:before {
    content: "";
    display: inline-block;
    position: absolute;
    border-left: 1px solid #DADADA;
    height: 83px;
    left: 27px;
    top: -30px;
}

.and_or {
    position: absolute;
    top: -15px;
    background: white;
    cursor: pointer;
    text-align: center;
    left: 14px;
    width: 30px;
}

.border-bottom {
    border-bottom: 1px solid #dddd !important;
}

.criteria_pattern tbody tr td {
    padding: 8px !important;
}

.criteria_pattern textarea {
    border: none;
    resize: none;
}
/*/Amulya Report Filter CHangeas ends*/

/*table highlight*/
.highlighttr {
    background-color: #C0DBFD !important;
}

.min-width100 {
    min-width: 130px !important;
}


.flex {
    display: flex;
}





/*PO Changes Starts*/
.width-100 {
    min-width: 100px;
}

.width-430 {
    width: 430px;
}

.width-655 {
    width: 655px;
}

.pb-2 {
    padding-bottom: 2px;
}
/*PO Changes ends*/

#formAddionalOptions label.error {
    color: #f44336 !important;
    font-weight: normal;
    font-size: 14px;
}


.modal-open .displaysuccessMsg {
    z-index: 11;
}

/*loader dashboard*/


.skeleton-box {
    display: inline-block;
    height: 1em;
    position: relative;
    overflow: hidden;
    background-color: #DDDBDD;
    margin: 5px;
}

    .skeleton-box::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateX(-100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.2)), color-stop(60%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
        -webkit-animation: shimmer 2s infinite;
        animation: shimmer 2s infinite;
        content: '';
    }

@-webkit-keyframes shimmer {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes shimmer {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.blog-post__headline {
    font-size: 1.25em;
    font-weight: bold;
}

.blog-post__meta {
    font-size: 0.85em;
    color: #6b6b6b;
}

.o-media {
    display: -webkit-box;
    display: flex;
}

.o-media__body {
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-left: 1em;
}

.o-vertical-spacing > * + * {
    margin-top: 0em;
}

.cardsdash .skeleton-box {
    width: 16%;
    height: 150px;
    float: left;
}

@media (max-width: 1560px) {
    .cardsdash .skeleton-box {
        width: 15.8%;
    }

    .chartscontent .skeleton-box {
        width: 48.5%;
        height: 450px;
    }
}

@media (max-width: 1240px) {
    .cardsdash .skeleton-box {
        width: 15.1%;
    }

    .chartscontent .skeleton-box {
        width: 48% !important;
        height: 450px;
    }
}

.chartscontent .skeleton-box {
    width: 49%;
    height: 450px;
}


.o-vertical-spacing {
    padding-left: 8px;
}

.sidebar-xs .mainclass {
    background: #ececec;
    height: calc(100vh - 48px);
    width: calc(100% - 57px);
    margin-left: 57px;
    margin-top: 48px;
    padding-top: 16px;
}

.mainclass {
    background: #ececec;
    height: calc(100vh - 100px);
    width: calc(100% - 270px);
    margin-left: 270px;
    margin-top: 100px;
    padding-top: 16px;
}

.width-20 {
    width: 20px;
}

.daystable {
    border: 1px solid #ddd;
}
/*Button animation*/
.btn.bg-info-600 {
    border: 2px solid #0993d2;
    transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

    .btn.bg-info-600:hover {
        color: #0993d2 !important;
        direction: rtl;
    }

.btn.bg-info-600 {
    color: #fff;
    box-shadow: none;
    background: #0993d2;
    background: #fff;
    border-radius: 3px;
    position: relative;
    padding: 6px 12px;
}

    .btn.bg-info-600 span {
        letter-spacing: 0.8px;
        position: relative;
        z-index: 2;
        margin: 0;
        font-weight: 400;
        color: inherit !important;
        cursor: pointer;
        padding: 0 !important;
        border: 0 !important;
        background: initial !important;
    }

    .btn.bg-info-600:before {
        content: '';
        z-index: 1;
        background: #0993d2;
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .btn.bg-info-600:hover:before {
        width: 0;
    }

.employeeDetailsSidebySide .btn.bg-info-600 {
    padding-right: 28px !important
}

.btn.bg-info-600.active i {
    display: block;
    z-index: 2;
}

.btn.bg-info-600 i:not(.icon-pencil7) {
    display: none;
}

.btn.bg-info-600 i.icon-pencil7 {
    z-index: 2;
    position: absolute;
    top: 4px;
    right: -23px;
    font-size: 12px;
}
        .btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow), .btn.bg-primary:not(.action) {
	border: 2px solid #2196f3;
    transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

    .btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow):hover, .btn.bg-primary:not(.action):hover {
        color: #2196f3 !important;
        direction: rtl;
    }
            .dark-theme .btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow):hover, .btn.bg-primary:not(.action):hover {
                color: #E4E6EB !important;
            }

.btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow), .btn.bg-primary:not(.action) {
    color: #fff;
    box-shadow: none;
    background: #2196f3;
    background: #fff;
    border-radius: 3px;
    position: relative;
    padding: 6px 12px;
}

    .btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow) span, .btn.bg-primary:not(.action) span {
        letter-spacing: 0.8px;
        position: relative;
        z-index: 2;
        margin: 0;
        font-weight: 400;
        color: inherit;
        cursor: pointer;
    }


    .btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow):before, .btn.bg-primary:not(.action):before {
        content: '';
        z-index: 1;
		background: #2196f3;
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow):hover:before, .btn.bg-primary:not(.action):hover:before {
        width: 0;
    }

.btn.btn-primary:not(.btnTheme):not(.btn-arrow) i:not(.icon-arrow-right14):not(.icon-arrow-right13):not(.icon-arrow-left12):not(.icon-zoomin3):not(.icon-zoomout3):not(.icon-undo2):not(.icon-redo2):not(.icon-arrow-resize7):not(.icon-arrow-resize8):not(.icon-sync), .btn.bg-primary i:not(.icon-arrow-right14) {
    display: none;
}

.btn.btn-primary:not(.btn-arrow) i.icon-arrow-right14, .btn.bg-primary i.icon-arrow-right14 {
    z-index: 2;
    position: absolute;
    top: 9px;
    right: 5px;
}

.btn.btn-primary:not(.btn-arrow).active i, .btn.bg-primary.active i {
    display: block !important;
    z-index: 2;
}


.btn.btn-success:not(#submenuicon):not(.iconpicker), .btn.bg-success:not(#submenuicon):not(#addrow) {
    border: 2px solid #4caf50;
    transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

    .btn.btn-success:not(#submenuicon):not(.iconpicker):hover, .btn.bg-success:not(#submenuicon):not(#addrow):hover {
        color: #4caf50 !important;
        direction: rtl;
    }

.btn.btn-success:not(#submenuicon):not(.iconpicker), .btn.bg-success:not(#submenuicon):not(#addrow) {
    color: #fff;
    box-shadow: none;
    background: #4caf50;
    background: #fff;
    border-radius: 3px;
    position: relative;
    padding: 6px 12px;
}

    .btn.btn-success:not(#submenuicon):not(.iconpicker) span, .btn.bg-success:not(#submenuicon):not(#addrow) span {
        letter-spacing: 0.8px;
        position: relative;
        z-index: 2;
        margin: 0;
        font-weight: 400;
        color: inherit;
        cursor: pointer;
    }


    .btn.btn-success:not(#submenuicon):not(.iconpicker):before, .btn.bg-success:not(#submenuicon):not(#addrow):before {
        content: '';
        z-index: 1;
        background: #4caf50;
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: -2px;
        width: 104%;
        transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .btn.btn-success:not(#submenuicon):not(.iconpicker):hover:before, .btn.bg-success:not(#submenuicon):not(#addrow):hover:before {
        width: 0;
    }

    .btn.btn-success:not(#submenuicon):not(.iconpicker) i, .btn.bg-success i:not(.icon-add-to-list) {
        display: none;
    }

    .btn.btn-success:not(#submenuicon):not(.iconpicker).active i {
        display: block;
        z-index: 2;
    }

.detailsTableInfo .tableRightButtonsAlign .btn.btn-success:not(#submenuicon):not(.iconpicker) i.icon-add-to-list, .detailsTableInfo .tableRightButtonsAlign .btn.bg-success i.icon-add-to-list {
    z-index: 2;
    position: absolute;
    top: 6px;
    right: 8px;
    font-size: 13px;
}

.detailsTableInfo .tableRightButtonsAlign .btn.btn-success, .detailsTableInfo .tableRightButtonsAlign .btn.bg-success {
    padding-right: 30px !important;
}




.btn.btn-danger:not(.) {
    border: 2px solid #f44336;
    transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.btn.btn-danger:not(.removewidget):hover {
    color: #f44336 !important;
    direction: rtl;
}

.btn.btn-danger:not(.removewidget) {
    color: #fff;
    box-shadow: none;
    background: #f44336;
    background: #fff;
    border-radius: 3px;
    position: relative;
    padding: 6px 12px;
}

    .btn.btn-danger:not(.removewidget) span {
        letter-spacing: 0.8px;
        position: relative;
        z-index: 2;
        margin: 0;
        font-weight: 400;
        color: inherit;
        cursor: pointer;
    }


    .btn.btn-danger:not(.removewidget):before {
        content: '';
        z-index: 1;
        background: #f44336;
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }


    .btn.btn-danger:not(.removewidget):not(.ibtnDel):hover:before {
        width: 0;
    }

    .btn.btn-danger:not(.removewidget) i:not(.icon-x) {
        display: none;
    }

    .btn.btn-danger:not(.removewidget).active i {
        display: block;
        z-index: 2;
    }



.btn.bg-slate {
    border: 2px solid #607d8b;
    transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

    .btn.bg-slate:hover {
        color: #607d8b !important;
        direction: rtl;
    }

.btn.bg-slate {
    color: #fff;
    box-shadow: none;
    background: #607d8b;
    background: #fff;
    border-radius: 3px;
    position: relative;
    padding: 6px 12px;
}

    .btn.bg-slate span {
        letter-spacing: 0.8px;
        position: relative;
        z-index: 2;
        margin: 0;
        font-weight: 400;
        color: inherit;
        cursor: pointer;
    }


    .btn.bg-slate:before {
        content: '';
        z-index: 1;
        background: #607d8b;
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        transition: all 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .btn.bg-slate:hover:before {
        width: 0;
    }

    .btn.bg-slate i:not(.icon-file-eye):not(.icon-filter4) {
        display: none;
    }

    .btn.bg-slate.active i {
        display: block;
        z-index: 2;
    }

.detailsTableInfo .tableRightButtonsAlign .btn.bg-slate {
    padding-right: 30px !important;
}

.btn.bg-slate i.icon-file-eye, .btn.bg-slate i.icon-filter4 {
    z-index: 2;
    position: absolute;
    top: 6px;
    right: 8px;
    font-size: 13px;
}
/*/Button animation*/

/*success message*/
.alert {
    margin:0px !important;
}
    .positionfix {
    position: fixed;
    display: block;
    top: 2px;
    left: 0px;
    width: 100%;
    z-index: 1032;
}

    .positionfix .alert {
        width: fit-content;
        padding: 10px;
        margin: auto;
    }

        .positionfix .alert span {
            padding-left: 15px;
        }

button.close {
    padding: 2px 0px;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}
/*success message*/



.attachfloatingmsg {
    position: fixed;
    left: 50%;
    margin-left: -150px;
    top: 52px;
}


.highlightfilter {
    background-color: lightgray;
}

.clearfilr {
    margin-left: -10px;
}

.boxfilter {
    border-left: transparent;
    padding-left: 0;
}

.table > tbody > tr > td {
    white-space: nowrap;
}

#costselected tr td#\30, #costselected tr td:last-child, #SelectedSupplierList tr td:last-child, td#\30 {
    text-align: center;
}

.letter-icon {
    font-size: 12px !important;
}

/*invoice payment */
.tipclassinvoice {
    width: 100px;
}

.poDeliveryTo {
    background-color: #fafafa;
    opacity: 1;
}


/*dashboard changes*/

@media (max-width:1600px) {
    .gridster .media h3 {
        font-size: 15px;
        padding-bottom: 5px !important;
    }

    .gridster .media .icon-2x {
        font-size: 20px;
    }

    .gridster .media-left, .gridster .media > .pull-left {
        padding-right: 5px;
    }

    .gridster .text-overflowset h3 {
        font-size: 15px;
    }

    .gridster .heading-elements + .panel-body .media-left + .media-body h3 {
        width: 80%;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .gridster .panel-body {
        padding: 15px;
    }
}

/*/dashboard changes*/


@-webkit-keyframes animate {
    0% {
        width: 40px;
        height: 40px;
    }

    10% {
        width: 40px;
        height: 40px;
    }

    50% {
        width: 80px;
        height: 80px;
    }

    90% {
        width: 40px;
        height: 40px;
    }

    100% {
        width: 40px;
        height: 40px;
    }
}

@keyframes animate {
    0% {
        width: 40px;
        height: 40px;
    }

    10% {
        width: 40px;
        height: 40px;
    }

    50% {
        width: 80px;
        height: 80px;
    }

    90% {
        width: 40px;
        height: 40px;
    }

    100% {
        width: 40px;
        height: 40px;
    }
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(0deg);
    }

    60% {
        transform: rotate(90deg);
    }

    90% {
        transform: rotate(90deg);
    }

    100% {
        transform: rotate(90deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(0deg);
    }

    60% {
        transform: rotate(90deg);
    }

    90% {
        transform: rotate(90deg);
    }

    100% {
        transform: rotate(90deg);
    }
}
/*/dashboard changes*/
/*/dashboard changes*/

#Productsubmit-step-6 .btn.btn-danger:not(.removewidget) {
    padding: 8px 12px;
}


/*add delivery for customer autocomplete dropdown*/
.width-567 {
    width: 567px;
}

#deliveryquantitygrid .width-80 {
    width: 80px;
}



.pricePadding {
    padding-right: 40px !important;
}


/*Job Board*/
.ml-30 {
    margin-left: 30px;
}

/*Job Board*/

.sidebar-xs .sidebar-main {
    z-index: 995;
}

.sidebar-secondary.sidebar-default .category-title {
    padding: 8px 20px;
    /*border-top: 1px solid #ddd;*/
    color: #000;
    background: #f3f3f3;
}

    .sidebar-secondary.sidebar-default .category-title.category-collapsed {
        background: #fff;
        color: #333;
    }

    .sidebar-secondary.sidebar-default .category-title span {
        font-size: 13px;
        text-transform: none;
    }

.sidebar-secondary.sidebar-default .form-control-feedback {
    top: 0px;
}

.sidebar-default .navigation li > a {
    color: #666;
    padding-left: 44px !important;
    padding: 5px 20px;
    min-height: 30px;
    font-size: 13px;
}

.sidebar-default .navigation li.active > a {
    color: #000;
    background-color: #f3f3f3;
    font-weight: 700;
}

.dark-theme .sidebar-default .navigation li.active > a {
    font-weight: 600!important;
}

.rotate-270 {
    transform: rotate( 270deg );
}

.sidebar-secondary.sidebar-default .category-collapsed .icons-list a[data-action=collapse]:after {
    content: '\e9c1';
    transform: rotate( 90deg );
}

.sidebar-secondary-hidden .sidebar-secondary-hide {
    background: #f8f8f8;
}

.sidebar-default .category-title {
    border-bottom-color: transparent;
}

    .sidebar-default .category-title span {
        font-weight: 600;
    }

.sidebar-secondary.sidebar-default .category-collapsed span {
    font-weight: 400;
}

.settingsSidebarSticky .navigation > li ul li a {
    padding: 6px 20px !important;
    padding-left: 51px !important;
    font-weight: 400;
}

.settingsSidebarSticky .sidebar-default .navigation li > a.has-ul {
    color: #666;
    padding-left: 20px !important;
    font-weight: 400;
}

.searchbar .category-title span {
    font-weight: 400 !important;
}

.searchbar .category-title {
    background: transparent !IMPORTANT;
    border-bottom: 1px solid #ddd;
}

.sidebar-default .category-title:hover .icons-list li a {
    color: #2196f3;
}



/*grid designs starts*/
.white-space-nowrap {
    white-space: nowrap !important;
}

.invoicefields {
    white-space: normal !important;
}



.width72, th.width72 > div, td.width72 > div {
    width: 72px !important;
}

/*.width120, th.width120 > div, td.width120 > div {
    width: 120px !important;
}*/

.width140, th.width140 > div, td.width140 > div {
    width: 140px !important;
}

.pr-8 {
    padding-right: 8px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.width125, th.width125 > div, td.width125 > div {
    width: 125px !important;
}

.pr-3 {
    padding-right: 3px !important;
}

.pr-57 {
    padding-right: 57px !important;
}
/*grid designs ends*/


table.dataTable tr th.select-checkbox.selected::after {
    margin-top: -11px;
    margin-left: -4px;
    text-align: center;
    text-shadow: rgb(176, 190, 217) 1px 1px, rgb(176, 190, 217) -1px -1px, rgb(176, 190, 217) 1px -1px, rgb(176, 190, 217) -1px 1px;
}

#CustomerPart .width250 {
    min-width: 250px;
    width: auto !important;
}





.editcustombtn .btn {
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3;
}

@media (min-width:1024px) {
    .estimateaddpage .customform {
        font-size: 13px;
    }

        .estimateaddpage .customform label {
            font-size: 14px;
        }
}

@media (max-width:1023px) {
    .estimateaddpage .customform {
        font-size: 12px;
    }

    .equal.dashboardWidgetSettings.inlight {
        flex-direction: column !important;
    }

    .estimateaddpage .customform label {
        font-size: 13px;
    }
}


@media (min-width: 769px) {
    .estimateaddpage .nav-tabs.nav-tabs-bottom > li.active > a:after {
        background-color: #2196f3;
    }

    .estimateaddpage .custompadding {
        margin: 0 10px;
        background: #f5f5f5;
        padding: 0 5px;
        padding-top: 15px;
        float: left !important;
    }

    .estimateaddpage .flex-wrap {
        display: flex;
        flex-wrap: wrap;
    }

    .estimateaddpage .sidebar-xs .floatingbtn {
        width: calc(100% - 97px);
        left: calc(55px);
    }
}

@media (max-width: 768px) {
    .estimateaddpage .custompadding {
        float: none !important;
    }

    .estimateaddpage .pull-left.custompadding {
        width: calc(100% - 20px);
        margin: 0 10px !important;
    }

    .estimateaddpage form .row.customrow [class*="col-sm"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .estimateaddpage form .row.customrow .col-sm-6.pr-10 .row.w-sm-100 {
        width: 100% !important;
        text-align: center;
    }

        .estimateaddpage form .row.customrow .col-sm-6.pr-10 .row.w-sm-100 .showaddoptbtn {
            position: unset !important;
            width: auto !important;
            float: none !important;
        }

    a[onclick="AddNewInkSelectorPopUp();"], a[onclick="AddNewInkSelectorPopUp()"] {
        top: 7px !important;
    }
}




@media (max-width: 1239px) {
    /*    .estimateaddpage form .row [class*="col-"] {
        padding: 0 10px !important;
    }

    .estimateaddpage form .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .booklets .sys-dv .col-sm-6 {
        padding-right: 0 !important;
    }*/
}

.loadingcontentremove .nicescroll-rails {
    visibility: hidden;
}



/*CSS from the pages design*/
.customdropdownngstyle {
    list-style: none;
}

.highlightfilter .tableColumnFilter, .highlightfilter .boxfilter, .highlightfilter .tableColumnFilter:hover {
    background-color: lightgray !important;
}

/*.nicescroll-rails {
    z-index: 11 !important;
}*/

.overflowtextclass {
    white-space: normal;
    display: -webkit-box;
    max-height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.headingelement {
    display: table;
    width: 100%;
}

    .headingelement .btn {
        padding: 4px 12px;
    }

        .headingelement .btn.bg-info-600, .headingelement .btn.btn-success, .headingelement .btn.bg-slate {
            padding: 2px 12px !important;
        }

.z-indexclass {
    z-index: 11;
}

.sp-container {
    z-index: 1111 !important;
}

.requiredfield .uploader .filename {
    box-shadow: 3px 0 0 0 inset #ff7575;
}

/*CSS from the pages design end*/

/*Settings side bar design start*/
.sidebar-mobile-detached .detachleft {
    display: none;
}

.sidebar-mobile-detached #detachedsidebar .searchcatagory,
.sidebar-mobile-detached #detachedsidebar .category-title {
    display: block !important;
}

.sidebar-detached-hidden #detachedsidebar .content-detached {
    margin-left: 60px;
}

.sidebar-detached-hidden #detachedsidebar .searchcatagory,
.sidebar-detached-hidden #detachedsidebar .category-title {
    display: none !important;
}


.sidebar-default .navigation > li ul {
    background-color: #f9f9f9;
}

.sidebar-default .navigation li.active > a,
.sidebar-default .navigation li.active > a:hover,
.sidebar-default .navigation li.active > a:focus {
    background-color: #ececec;
    color: #333333;
}

.sidebar-default .navigation > li ul li a {
    padding: 4px 20px;
    padding-left: 52px !important;
    min-height: 30px;
}

.sidebar-default .navigation > li > a {
    padding: 8px 20px !important;
    min-height: 40px;
}

.settingsModules .form-control-feedback {
    top: 0px;
    height: 24px;
}

.settingsModules .btncollapse {
    position: absolute;
    z-index: 1;
    right: 0px;
    padding: 2px 8px;
    top: 2px;
    color: #000 !important;
    transition: 0.3s ease all;
}

    .settingsModules .btncollapse i {
        font-weight: 700;
        font-size: 14px;
    }
.dark-theme .settingsModules .btncollapse i {
    font-weight: 600!important;
}
    .sidebar-detached-hidden .sidebar-detached-hide {
    color: #333;
    background-color: #f8f8f8;
}


.sidebar-detached > .sidebar {
    min-height: calc(100vh - 66px);
}

.settingsModules .settingsSidebarSticky {
    position: sticky;
    top: 68px;
}

.settingsModules .settingsPageFormLegend {
    position: relative;
    padding-top: 0;
}


.sidebar-secondary .navigation li.active > a {
    font-weight: 700;
}
.dark-theme.sidebar-secondary .navigation li.active > a {
    font-weight: 600!important;
}
    .settingsModules .detailsPage .panel, .settingsModules .customPanel.panel {
    margin-bottom: 15px;
}

.sidebar-default .category-title {
    border-bottom-color: #ddd;
}

.settingsModules .page-header-default {
    margin-left: 260px;
}


.sidebar-detached-hidden .page-header-default {
    margin-left: 57px;
}

.sidebar-xs-indicator .page-header-default {
    margin-left: 0px !important;
}

.settingsModules .floatingbtn .panel-body {
    padding: 10px;
}
/*Settings side bar design end*/


/*Dashboad*/
.settingsthemebtn, .settingsthemediv input, .settingbtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 11;
    padding: 20px;
    width: 62px;
    height: 62px;
    box-shadow: -2px 0px 12px 0px rgba(0, 0, 0, 0.23);
    transition: 0.2s ease-in-out;
}

.settingsthemediv input {
    opacity: 0;
    margin: 8px;
    z-index: 111;
    cursor: pointer;
    width: 43px;
    height: 48px;
}

    .settingsthemediv input:checked + .settingbtndiv .settingbtn {
        visibility: visible;
        bottom: 40px;
    }

.settingbtn {
    padding: 9px 12px 11px 13px;
    right: 30px;
    z-index: 11;
    width: 42px;
    height: 42px;
}

.settingsthemediv input:checked + .settingbtndiv .settingbtn.changetheme {
    bottom: 90px;
}

.settingsthemediv input:checked + .settingbtndiv .settingbtn.widgetadd {
    bottom: 140px;
}

.settingsthemediv input:checked + .settingbtndiv .settingbtn.fullscreen {
    bottom: 190px;
}

.settingbtn {
    visibility: hidden;
    bottom: 20px;
}

.gridster {
    margin-bottom: 80px;
}
/*Dashboad*/
/*Calender*/
.commonfilters.active {
    background: #2196f3;
    color: #fff;
}
/*Calender*/

.border-top {
    border-top: 1px solid #ddd !important;
}

.topNavigation {
    max-height: 372px !important;
}

    .topNavigation li {
        margin-bottom: 10px;
        padding: 0 5px;
    }

        .topNavigation li a {
            color: #222;
            display: block;
            border: 1px solid transparent;
            padding: 11px 3px;
            transition: border .2s ease-in-out;
        }

            .topNavigation li a i {
                font-size: 24px;
                color: #515151;
            }

            .topNavigation li a p {
                font-size: 12px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .topNavigation li a:hover {
                border-color: #e5e5e5;
            }

.quickadd .dropdown-menu {
    opacity: 0;
    visibility: hidden;
    display: block;
    margin-top: 20px !important;
    transition: 0.2s ease all;
}

.quickadd.open .dropdown-menu {
    opacity: 1;
    visibility: visible;
    display: block;
    margin-top: 2px !important;
    transition: 0.2s ease all;
}



.fullheightgrid .dataTables_filter {
    /*margin: 0 0 8px 20px;*/
}


.pointer-events-none {
    pointer-events: none;
    opacity: 0.5;
}

.commonfilters {
    background: #e5e5e5;
}

.footer img {
    height: 18px;
}




.imageGalleryRightSidebar {
    padding: 10px 15px 5px 15px;
    margin-right: -1px;
}

    .imageGalleryRightSidebar .form-group {
        margin-bottom: 10px;
    }

.imageGalleryHolder .panel {
    overflow: visible;
}

#usereditid table .customSwitch .slider {
    border: 1px solid rgb(203 203 203);
    background-color: #e1e1e1;
}

.dataTable tbody tr td p {
    margin-bottom: 0;
}

.modal-body .formBtnStickySpace {
    padding-bottom: 0;
}

.additionalul, .additionalli {
    padding: 0 !important;
}

.customspace {
    width: 100%;
    height: 20px;
    background: #eaeaea;
    /*    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;*/
}

.boldtext {
    text-transform: uppercase;
    font-weight: 700;
}
.dark-theme.boldtext {
    font-weight: 600!important;
}
    /*Dark theme Start*/
    .btnTheme.visible {
    position: fixed;
    width: 40px;
    height: 40px;
    right: 400px;
    border-radius: 0;
    top: 49px;
    z-index: 1112;
    transition: all .5s ease-in-out;
}

.btn-primary.btnTheme:not(.visible) {
    display: none;
}

.btnTheme.visible i {
    font-size: 14px;
}

.themeHold {
    width: 400px;
    min-height: 100vh;
    position: fixed;
    top: 0;
    right: -500px;
    background: #fff;
    z-index: 1111;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    transition: all .5s ease-in-out;
}

    .themeHold.visible {
        right: 0;
    }

.themeHoldInner {
    max-height: 100vh;
    overflow: auto;
}

.themeHeading {
    font-size: 16px;
    color: #495057;
    margin: 0;
    background: #f8f9fa;
    padding: 10px 15px;
    border-bottom: #dee2e6 solid 1px;
    border-top: #dee2e6 solid 1px;
}

.colorSwitch {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 5px 5px 0;
    transition: all .2s;
    opacity: 0.9;
    display: inline-block;
    border-radius: 30px;
    cursor: pointer;
}

.dark-theme,
.dark-theme table.table thead tr,
.dark-theme .navbarDetailsSticky,
.dark-theme .pageHeading,
.dark-theme .themeHold,
.dark-theme .activitypanel .list-feed > li:before,
.dark-theme table > tbody > tr:nth-of-type(odd),
.dark-theme table > tbody > tr:hover,
.dark-theme .customPanelDatatable .datatable-header,
.dark-theme .ranges ul li:hover, .dark-theme .ranges ul li:focus,
.dark-theme .menu_bg,
.dark-theme #tdDesign div,
.dark-theme .stepy-header li.stepy-active div,
.dark-theme .dataTables_paginate .paginate_button:hover,
.dark-theme .dataTables_paginate .paginate_button:focus,
.dark-theme .btn.bg-info-600,
.dark-theme .btn.bg-slate,
.dark-theme .btn.btn-danger:not(.removewidget),
.dark-theme .btn.btn-success:not(#submenuicon),
.dark-theme .btn.btn-primary:not(.action):not(.btnTheme),
.dark-theme .btn.bg-success:not(#submenuicon):not(#addrow),
.dark-theme .btn.bg-primary:not(.action),
.dark-theme .filteroption option[value="AND"],
.dark-theme .filteroption option[value="OR"],
.dark-theme .modal-body, .dark-theme table.fromtable {
    background: #313030;
}

    .dark-theme .badge-pulse {
        border-color: #313030;
    }

    .dark-theme .navbar-default,
    .dark-theme .dropdown-menu,
    .dark-theme .select2-dropdown,
    .dark-theme .navbar-component.navbar-default,
    .dark-theme .modalFooterBtns,
    .dark-theme .customTabBar.nav-tabs.nav-justified.nav-tabs-bottom {
        background: #242526;
        color: #E4E6EB;
        border-color: transparent;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    }

    .dark-theme input::placeholder,
    .dark-theme .form-control:disabled {
        color: rgba(255, 255, 255, 0.6);
    }

    .dark-theme .navbar-default .navbar-nav > .open > a,
    .dark-theme .navbar-default .navbar-nav > .open > a:focus,
    .dark-theme .navbar-default .navbar-nav > .open > a:hover,
    .dark-theme .dropdown-menu > li > a:hover,
    .dark-theme .navbar-default .navbar-nav > li > a:hover,
    .dark-theme .sidebar-default .navigation li.active > a,
    .dark-theme .sidebar-default .navigation li.active > a:hover,
    .dark-theme .sidebar-default .navigation li.active > a:focus,
    .dark-theme .sidebar-default .navigation li > a:hover,
    .dark-theme .sidebar-default .navigation li > a:focus,
    .dark-theme .form-control,
    .dark-theme .form-control:focus,
    .dark-theme .select2-selection--single:not([class*=bg-]):not([class*=border-]),
    .dark-theme .select2-search--dropdown .select2-search__field,
    .dark-theme .select2-selection--multiple:not([class*=bg-]):not([class*=border-]),
    .dark-theme .select2-results__option.select2-results__option--highlighted,
    .dark-theme .form-control[disabled],
    .dark-theme .form-control[readonly],
    .dark-theme fieldset[disabled] .form-control,
    .dark-theme .multiselect.btn-default,
    .dark-theme .multiselect.btn-default.disabled,
    .dark-theme .input-group-addon,
    .dark-theme .dataTables_filter input,
    .dark-theme .note-editor .note-toolbar,
    .dark-theme .note-editor .note-statusbar,
    .dark-theme .employeeDetailsSidebySide ul li > span:first-child,
    .dark-theme .select2-results__option[aria-selected=true],
    .dark-theme .CodeMirror,
    .dark-theme .CodeMirror-gutters,
    .dark-theme .nav-tabs > li.active > a,
    .dark-theme .nav-tabs > li.active > a:focus,
    .dark-theme .nav-tabs > li.active > a:hover,
    .dark-theme .inner-Close {
        background: #3A3B3C;
        border-color: transparent;
        color: #E4E6EB;
    }

    .dark-theme .btn-default.focus,
    .dark-theme .btn-default:focus,
    .dark-theme .btn-default:hover,
    .dark-theme .btn-default.active,
    .dark-theme .btn-default:active,
    .dark-theme .open > .dropdown-toggle.btn-default,
    .dark-theme .btn-default.active.focus,
    .dark-theme .btn-default.active:focus,
    .dark-theme .btn-default.active:hover,
    .dark-theme .btn-default:active.focus,
    .dark-theme .btn-default:active:focus,
    .dark-theme .btn-default:active:hover,
    .dark-theme .open > .dropdown-toggle.btn-default.focus,
    .dark-theme .open > .dropdown-toggle.btn-default:focus,
    .dark-theme .open > .dropdown-toggle.btn-default:hover,
    .dark-theme .employeeDetailsSidebySide ul li span:not(.selection):not(.selection span):not(.btn span):first-child,
    .dark-theme .nav-tabs {
        background: rgba(0, 0, 0, 0.1);
        color: #E4E6EB;
        border-color: rgba(255, 255, 255, .2);
    }

    .dark-theme .dataTables_length select {
        background: #1e2430;
        border-color: transparent;
        color: #E4E6EB;
    }

    .dark-theme .btn-link {
        color: #0866FF;
    }

    .dark-theme table.table thead tr th,
    .dark-theme table.table tbody tr td,
    .dark-theme .detailsPage .panel.panel-collapsed,
    .dark-theme .customPanel.panel.panel-collapsed,
    .dark-theme .detailsPage .panel-body,
    .dark-theme .customPanel .panel-footer.customPanelFooter,
    .dark-theme .panel-footer,
    .dark-theme .note-editor .note-statusbar .note-resizebar,
    .dark-theme hr,
    .dark-theme .table-responsive,
    .dark-theme .activitypanel li.dayHeading,
    .dark-theme .employeeDetailsSidebySide ul li span:first-child,
    .dark-theme .navbar-default .navbar-nav,
    .dark-theme .settingsPageFormLegend legend,
    .dark-theme .sidebar-default .category-title {
        border-color: rgba(255, 255, 255, .2) !important;
    }

    .dark-theme .table-hover > tbody > tr:hover {
        background-color: rgba(255, 255, 255, .05);
    }

    .dark-theme .sidebar,
    .dark-theme .btn-default,
    .dark-theme .customPanelDatatable .datatable-scroll,
    .dark-theme .customPanelDatatable .datatable-footer,
    .dark-theme .panel:not(.customPanel):not([class*=bg-]),
    .dark-theme .panel-white:not(.customPanel) > .panel-heading,
    .dark-theme .detailsPage .panel-body,
    .dark-theme .customPanel .panel-body,
    .dark-theme .stepy-header li.stepy-active ~ li div,
    .dark-theme .modal .modal-content,
    .dark-theme .page-header-default .breadcrumb-line:not([class*=bg-]),
    .dark-theme div.filterHolder div.formholder,
    .dark-theme .detailsSidebarInfo .thumbnail,
    .dark-theme .sidebar-content .thumbnail,
    .dark-theme .activitypanel li.dayHeading span,
    .dark-theme .sidebar-detached .sidebar-separate.sidebar-default .sidebar-category,
    .dark-theme .themeHeading,
    .dark-theme .footer,
    .dark-theme .filteredbase,
    .dark-theme .navbar-default > .navbar-nav > li > a:focus,
    .dark-theme .navbar-default > .navbar-nav > li > a:hover,
    .dark-theme .navbar-default > .navbar-nav > li > a:not(.collapsed),
    .dark-theme .stepy-header li,
    .dark-theme .stepy-navigator,
    .dark-theme .sidebar-separate.sidebar-default .sidebar-category,
    .dark-theme .customSettingsTableHold,
    .dark-theme .footerStickyBtns, .dark-theme table > tbody > tr:hover {
        background: #313030;
        /*background: #3130308f;*/
        color: #E4E6EB;
        border-color: rgba(255, 255, 255, .2);
    }


        .dark-theme .sidebar.sidebar-main,
        .dark-theme.sidebar-xs .sidebar-main .navigation > li > ul,
        .dark-theme .dropdown-menu .divider,
        .dark-theme .tableHeaderSticky .datatable-scroll table thead th,
        .dark-theme .stepy-header li.stepy-active:after,
        .dark-theme .stepy-header li.stepy-active ~ li:before,
        .dark-theme .stepy-header li.stepy-active ~ li:after {
            background: #18191A;
        }

        .dark-theme .stepy-header li.stepy-active div,
        .dark-theme .navigation li.active > a,
        .dark-theme .navigation li.active > a:hover,
        .dark-theme .navigation li > a:hover,
        .dark-theme .navigation li.active > a:focus,
        .dark-theme.sidebar-xs .sidebar-main .navigation li a span,
        .dark-theme .stepy-header li:before,
        .dark-theme .stepy-header li:after,
        .dark-theme .stepy-header li div {
            background: #2196f3;
            border-color: #2196f3;
            color: #fff;
        }

    .dark-theme .settingsPageFormLegend legend,
    .dark-theme .detailsPage .navbar-default .navbar-nav > .active > a,
    .dark-theme .detailsPage .navbar-default .navbar-nav > .active > a:focus,
    .dark-theme .detailsPage .navbar-default .navbar-nav > .active > a:hover,
    .dark-theme .customTabsNavbar .navbar-default .navbar-nav > .active > a,
    .dark-theme .customTabsNavbar .navbar-default .navbar-nav > .active > a:focus,
    .dark-theme .customTabsNavbar .navbar-default .navbar-nav > .active > a:hover {
        color: #fff !important;
    }
    .dark-theme table#emailsendpage td a {
        color: #1e88e5 !important;
}

    .dark-theme .navbar-default .navbar-nav > li > a,
    .dark-theme .navbar-default .navbar-nav > li > a:hover,
    .dark-theme .dropdown-menu > li > a,
    .dark-theme .customCheckBox,
    .dark-theme .customRadio,
    .dark-theme .customSwitch,
    .dark-theme .tableRightButtonsAlign .icons-list li a,
    .dark-theme .pageHeading,
    .dark-theme .detailsPage .panel-heading .panel-title,
    .dark-theme .customPanel .panel-heading .panel-title,
    .dark-theme .stepy-header li.stepy-active span,
    .dark-theme .breadcrumb > li + li:before,
    .dark-theme .detailsPage .panel,
    .dark-theme .customPanel.panel,
    .dark-theme .pointer-events-none label,
    .dark-theme .pointer-events-none .select2-selection--single .select2-selection__arrow:after,
    .dark-theme .pointer-events-none .customCheckBox .customCheckSpan,
    .dark-theme .detailsSidebarInfo .thumbnail .caption,
    .dark-theme .sidebar-content .thumbnail .caption,
    .dark-theme .employeeDetailsSidebySide ul li span:last-child,
    .dark-theme .sidebar-default .navigation li > a,
    .dark-theme form .form-group label,
    .dark-theme .text-default,
    .dark-theme .text-default:focus,
    .dark-theme .text-default:hover,
    .dark-theme .sidebar.sidebar-secondary ul li.active > a,
    .dark-theme label,
    .dark-theme .ranges ul li,
    .dark-theme .daterangepicker .table-condensed .month,
    .dark-theme .settingsmenu h4, .dark-theme .putpointer,
    .dark-theme .menu_bg td,
    .dark-theme .text-default,
    .dark-theme .text-default:focus,
    .dark-theme .text-default:hover,
    .dark-theme .panel-title,
    .dark-theme .panel-default > .panel-heading,
    .dark-theme .sp-input,
    .dark-theme .sp-cancel,
    .dark-theme .sp-palette-toggle,
    .dark-theme .nav-tabs > li > a:focus,
    .dark-theme .nav-tabs > li > a:hover,
    /*.dark-theme span,*/
    .dark-theme b,
    .dark-theme .themebtns .active.btn .customRadio,
    .dark-theme .sidebar-secondary.sidebar-default .category-title,
    .dark-theme .sidebar-secondary.sidebar-default .category-title.category-collapsed,
    .dark-theme .themebtns .active.btn,
    .dark-theme .dataTables_paginate .paginate_button,
    .dark-theme .employeeDetailsSidebySide ul li span:not(.dropdown-wrapper):not(.selection span):not(.input-group-btn):not(.btn span):not(.select2):last-child,
    .dark-theme .select2-results__option,
    .dark-theme .customTabsNavbar .nav-tabs.nav-tabs-bottom > li.active > a,
    .dark-theme .settingsSidebarSticky .sidebar-default .navigation li > a.has-ul,
    .dark-theme .customTabBar,
    .dark-theme .customTabBar.nav-tabs > li.active > a,
    .dark-theme .customTabBar.nav-tabs > li.active > a:focus,
    .dark-theme .customTabBar.nav-tabs > li.active > a:hover {
        color: #E4E6EB;
    }

        .dark-theme .customCheckBox .customCheckSpan,
        .dark-theme .customRadio .customRadioSpan,
        .dark-theme .customCheckSpan:before,
        .dark-theme .customRadioSpan:before {
            border-color: #bec4c7;
        }

    .dark-theme .page-header-default {
        background: none;
        box-shadow: none;
    }

    .dark-theme .header-highlight .navbar-header:not([class*=bg-]) {
        box-shadow: none;
    }

    .dark-theme .modal .modal-content {
        border: none;
    }

    .dark-theme .panel-footer {
        background: #313030 !important;
    }

    .dark-theme .detailsPage .panel[class*=panel-] {
        border: none;
/*        background: transparent;
*/    }

    .dark-theme .sidebar-default .navigation > li ul {
        background: #292929;
    }

    .dark-theme .viewchange.dropdown-menu > li > a:focus, .dark-theme .viewchange.dropdown-menu > li > a:hover {
        background-color: #252424;
    }

.overlaybody {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(70 68 68 / 50%);
    z-index: 1111;
    top: 0;
    left: 0;
}

.form-control[type='range'] {
    padding: 0;
    box-shadow: none !important;
}

.bg-sidebar {
    background-color: #263238;
}

/*Text size small/big start*/
.text-size-small *,
.text-size-small .btn.bg-slate i.icon-file-eye,
.text-size-small .btn.bg-slate i.icon-filter4,
.text-size-small .btn.bg-info-600 i.icon-pencil7,
.text-size-small h2.panel-title,
.text-size-small .employeeDetailsSidebySide ul li span:first-child,
.text-size-small .detailsPage .panel-heading .panel-title,
.text-size-small .customPanel .panel-heading .panel-title,
.text-size-small .employeeDetailsSidebySide ul li span,
.text-size-small .settingsmenu ul li a,
.text-size-small .h6.panel-title,
.text-size-small h6.panel-title,
.text-size-small .detailsSidebarInfo .caption h6 {
    font-size: 11px;
}

.text-size-small .btn.bg-slate i.icon-file-eye, .text-size-small .btn.bg-slate i.icon-filter4, .text-size-small .btn.bg-info-600 i.icon-pencil7 {
    top: 3px;
}

.text-size-small .customCheckBox,
.text-size-small .customRadio {
    padding-top: 2px;
}

.text-size-small .themeHoldInner .btn.bg-blue {
    margin-top: 0px !important;
}

.text-size-big *,
.text-size-big .detailsSidebarInfo .caption h6,
.text-size-big h2.panel-title,
.text-size-big .employeeDetailsSidebySide ul li span:first-child,
.text-size-big .detailsPage .panel-heading .panel-title,
.text-size-big .customPanel .panel-heading .panel-title,
.text-size-big .employeeDetailsSidebySide ul li span,
.text-size-big .settingsmenu ul li a {
    font-size: 15px;
}

.text-size-big .detailsSidebarInfo .caption h6 {
    margin-bottom: 20px;
}

.text-size-big .tableRightButtonsAlign {
    margin-top: -1px;
}
/*Text size small/big end*/


/*Table size comfortable/compact view start*/
.grid-space-small .table > tbody > tr > td,
.grid-space-small .table > tbody > tr > th,
.grid-space-small .table > tfoot > tr > td,
.grid-space-small .table > tfoot > tr > th,
.grid-space-small .table > thead > tr > td,
.grid-space-small .table > thead > tr > th {
    padding-top: 2px;
    padding-bottom: 2px;
}

.grid-space-big .table > tbody > tr > td,
.grid-space-big .table > tbody > tr > th,
.grid-space-big .table > tfoot > tr > td,
.grid-space-big .table > tfoot > tr > th,
.grid-space-big .table > thead > tr > td,
.grid-space-big .table > thead > tr > th {
    padding-top: 12px;
    padding-bottom: 12px;
}
/*Table size comfortable/compact view end*/

.dark-theme .mail-attachments > li,
.dark-theme .uploader .filename {
    background-color: #272626;
    border-color: #313030;
}

.dark-theme .lineaftr:after,
.dark-theme .inner-AddMore,
.dark-theme #sortable li,
.dark-theme #sortableFilter li,
.dark-theme .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,
.dark-theme .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset,
.dark-theme .sidebar-secondary.sidebar-default .category-title.category-collapsed,
.dark-theme .daterangepicker .calendar {
    background-color: #313030;
}

.dark-theme .customPanelDatatable .datatable-scroll,
.dark-theme .customPanelDatatable .datatable-footer,
.dark-theme .panel-flat > .panel-heading + .table,
.dark-theme .panel-flat > .panel-heading + .table-responsive,
.dark-theme .datatable-footer,
.dark-theme .Panel-B,
.dark-theme .Menu,
.dark-theme .borderlight,
.dark-theme .Menu_diff,
.dark-theme .sidbar-toggle-footer,
.dark-theme .themeHold.visible,
.dark-theme .daterangepicker .calendar {
    border-color: #5a5959;
}

.dark-theme .ranges {
    background-color: #302f2f;
    border-color: #302f2f;
}

.dark-theme .settingsmenu ul li a {
    color: #a3a3a3;
}

.dark-theme .customgridSwitch span {
    background-color: #3d3d3d;
    border-color: #252424;
}

.dark-theme .panel-default > .panel-heading,
.dark-theme .sp-input,
.dark-theme .sp-cancel,
.dark-theme .sp-palette-toggle,
.dark-theme .customSwitch .slider,
.dark-theme .customSwitch span {
    background-color: #252424;
    border-color: #5a5959;
}

.dark-theme .sp-replacer {
    border-color: #5a5959;
    background-color: #302f2f;
}

.dark-theme .sp-container {
    background-color: #313030;
    border-color: #515050;
}

.dark-theme .sp-dd {
    color: #bfbfbf !important;
}

.dark-theme .breadcrumb > li > a {
    color: #2196f3;
}

.dark-theme .dataTable thead tr th ul.dropdown-menu.customdropdwn:before {
    border-bottom: 12px solid #313030;
}

.dark-theme .highlighttr {
    background-color: #455a64 !important;
}

.dark-theme .ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
    color: #ffffff;
    background-color: #313030;
    border-color: #2196F3 #737373 transparent;
}

.dark-theme .ui-tabs .ui-tabs-nav {
    margin-bottom: 20px;
    border-color: #767676;
}

.dark-theme .dropzone {
    border-color: #767676;
    background-color: #272626;
}

.dark-theme .customPanelDatatable .datatable-header,
.dark-theme .customPanelDatatable .panel-body {
    background: transparent;
}

.colorSwitch.active {
    box-shadow: 3px 3px 7px 0px rgb(0 0 0 / 38%);
    border-color: #383838;
}

.dark-theme .colorSwitch.active {
    box-shadow: inset 0px 0px 3px 0px rgb(255 255 255 / 79%);
    border-color: #ffffff;
}

.themebtns .active.btn {
    background: #575757;
}

.themebtns .customCheckBox .customCheckSpan, .themebtns .customRadio .customRadioSpan {
    color: #455a64;
}

.btn-default.active:hover,
.themebtns .customCheckBox .customCheckSpan,
.themebtns .customRadio .customRadioSpan {
    border-color: #545454;
}

.themebtns .active.btn .customRadioSpan {
    border-color: #f8f9fa;
}

.themebtns .btn {
    color: #575757;
    border-color: #545454;
    font-weight: 500;
}

.dark-theme .sidebar-secondary.sidebar-default .category-title {
    background: #272626;
}

.dark-theme .text-danger span {
    color: #F59464 !important;
}

.dark-theme .daterangepicker td.available:hover, .dark-theme .daterangepicker td.available:focus {
    background-color: #26a69a;
}

.dark-theme .picker__list-item {
    color: #E4E6EB;
}

.themebtns .active.btn label {
	color: #fff;
}
/*bulk action customer*/
.dark-theme span.caret {
    color: white !important;
}
/*footer save button*/
.dark-theme .btn-group.dropup.pull-right.buttongroup.open .drop-m .dropdown-item a span {
    color: #E4E6EB !important;
}
/*estimate savebtn*/
.dark-theme .saveBtns .spinner-key span {
    color: #E4E6EB;
}


.dark-theme .estimate-summary-content-wrapper {
    background: #000;
}

.dark-theme .estimate-middle-content-div .tab-content {
    background: #313030;
}

.dark-theme .qItemsQuantity {
    background: #313030;
}


.dark-theme button.multiselect span.multiselect-selected-text {
    color: #E4E6EB;
}

.dark-theme .estimate-summary-content-wrapper ul.dropdown-menu li a:hover, .dark-theme .estimate-summary-content-wrapper ul.dropdown-menu li a:hover > i, .dark-theme .estimate-summary-content-wrapper ul.dropdown-menu li a:hover, .dark-theme .estimate-summary-content-wrapper ul.dropdown-menu li a:hover > i, .dark-theme .estimate-summary-content-wrapper ul.dropdown-menu li a, .dark-theme .estimate-summary-content-wrapper ul.dropdown-menu li a i, .dark-theme .formholder h5, .dark-theme .estimateSummaryDetailsSidebar ul li a i, .dark-theme #estimate-summary-all, .dark-theme .qItemsQuantity ul p, .dark-theme .estimate-sidebar-panel .quotepanel .media-body p:first-child, .dark-theme .qItemsQuantity .media-body p, .dark-theme .qItemsCost .media-body p, .dark-theme .qItemsTotal .media-body p, .dark-theme .sellingPrice .media-body p, .dark-theme .grossPrice .media-body p {
    color: #E4E6EB;
}

.dark-theme .itdes .svg-inline--fa.fa-file-lines.item0, .dark-theme .itdes .svg-inline--fa.fa-file-lines.item1, .dark-theme .itdes .svg-inline--fa.fa-link.link0, .dark-theme .itdes .svg-inline--fa.fa-link.link1 {
    color: #E4E6EB !important;
}

.dark-theme .customspace {
    background: #252424;
    border-top: 1px solid #252424;
    border-bottom: 1px solid #252424;
}

.dark-theme .dropdown-menu > .dropdown-submenu:focus > a, .dark-theme .dropdown-menu > .dropdown-submenu:hover > a {
    background-color: #252424;
}

.dark-theme .boldtext.collapsebtndiv {
    border-bottom: 1px solid #504f4f;
    background: #313030;
}

.dark-theme #estimate-summary-all .trQuantity.calc, .dark-theme #estimate-summary-all .trQuantity.calc div, .dark-theme #estimate-summary-all .trQuantity.costpricecalc, .dark-theme #estimate-summary-all .trQuantity.costpricecalc div, .dark-theme .estimate-summary-tabs ul.nav.nav-tabs li.active a, .dark-theme .qItems .media-list li, .dark-theme #CustomerDetailspage .employeeDetailsSidebySide, .dark-theme .saveBtns, .dark-theme .grossProfit div, .dark-theme .trQuantity, .dark-theme .additionalul .trQuantity, .dark-theme .additionalul .trQuantity div, .dark-theme .trQuantity div, .dark-theme .trQuantity.calc, .dark-theme .trQuantity.calc div, .dark-theme .trQuantity.costpricecalc, .dark-theme .trQuantity.costpricecalc div {
    background: #313030;
}

.dark-theme .estimate-summary-tabs ul.nav.nav-tabs li a {
    background: #424242;
}

.dark-theme .estimate-sidebar-right .sidebar, .dark-theme .allItemDetails {
    background: #313030 !important;
}

.dark-theme.estimateqtyresp ul.estimate-summary-navigation li.active, .dark-theme ul.estimate-summary-navigation li:hover {
    background: #222020;
    border-color: #4a4848;
}

.dark-theme .qItems ul.media-list li.active {
    background: #272626;
}

.dark-theme .qItems .media-left p, .dark-theme .panel-body.quotepanel.customerdetailpan .media-right p, .dark-theme .qItems p {
    color: #ddd;
}

.dark-theme #ItemwiseDropDownBind .btn-group > .btn:first-child {
    background: #9c9c9c;
    color: #E4E6EB;
    background: rgba(0, 0, 0, 0.2);
    border-color: transparent;
}

.dark-theme .quoteFunctionList .btn.border-slate, .dark-theme .qItemsQuote .panel-heading .btn-group .btn.border-slate {
    padding: 3px 8px;
    background: #9c9c9c;
    color: #E4E6EB;
    background: rgba(0, 0, 0, 0.2);
    border-color: transparent;
}

.dark-theme .customtabledes table tbody tr:first-child {
    background: #252424 !important;
}

.dark-theme .quotationTaskDate, .dark-theme .quotationTaskDesc {
    background: #313030;
}

.dark-theme div.quotationTaskCallItems {
    background: #252424;
}

.dark-theme .quotationDescItems div, .dark-theme .quotationQuicklinks > .media-list > li > div {
    border: 1px solid #313030;
}

.dark-theme .quotationTaskCallItems label {
    color: #c0c0c0;
}

.dark-theme .estimateqtyresp ul.estimate-summary-navigation li.active {
    background: #5c5c5c;
    border-color: #5c5c5c;
}

.dark-theme #CustomerDetailspage .heading-elements label {
    color: #b6b6b6;
}

.dark-theme #allItemDetails table tbody tr {
    background: #313030 !important;
    color: #E4E6EB !important;
}

.dark-theme #popmodel .modal-body {
    background: #000;
}

.dark-theme #saveBtn {
    background: #313030;
}

.dark-theme .note {
    background-color: #272626;
}

.dark-theme .quickadd.open .dropdown-menu {
    background: #252424;
    border-top: 1px solid #5a5959 !important;
}

.dark-theme .topNavigation li a {
    color: #E4E6EB;
    background: #313030;
}

    .dark-theme .topNavigation li a:hover {
        border-color: #686868;
    }

    .dark-theme .topNavigation li a i {
        color: #ffffff;
    }

.dark-theme .qItemsQuantity input {
    background-color: #272626 !important;
}

.dark-theme .vertical-menu {
    background-color: #252424;
}

.dark-theme #CustomerDetailspage .border-bottom {
    border-bottom: 1px solid #313030 !important;
}

.dark-theme .btn-default.focus, .dark-theme .btn-default:focus, .dark-theme .btn-default:hover, .dark-theme .btn-default.active, .dark-theme .btn-default:active, .dark-theme .open > .dropdown-toggle.btn-default, .dark-theme .btn-default.active.focus, .dark-theme .btn-default.active:focus, .dark-theme .btn-default.active:hover, .dark-theme .btn-default:active.focus, .dark-theme .btn-default:active:focus, .dark-theme .btn-default:active:hover, .dark-theme .open > .dropdown-toggle.btn-default.focus, .dark-theme .open > .dropdown-toggle.btn-default:focus, .dark-theme .open > .dropdown-toggle.btn-default:hover, .dark-theme .employeeDetailsSidebySide ul li span:not(.selection):not(.selection span):not(.btn span):first-child {
    border-color: rgb(64 64 64);
}

.dark-theme .estimate-summary-tabs ul.nav.nav-tabs li a {
    color: #e3e3e3;
}

.dark-theme .quotationDescItems div label, .dark-theme .quotationQuicklinks div label {
    background: #383838;
}

.dark-theme .quotationDescItems div, .dark-theme .quotationQuicklinks > .media-list > li > div {
    background: #2c2c2c;
}

.dark-theme .estimateSummarySidebarDetails .formholder {
    background-color: #18191A;
    color: #E4E6EB;
}

.dark-theme .quotationItemDescFooter {
    background: #424242;
}

.dark-theme .dropdown-menu > .dropdown-submenu:focus > a, .dark-theme .dropdown-menu > .dropdown-submenu:hover > a {
    background-color: #1e1d1d;
}

.dark-theme #CompanyProfileForm .col-sm-12 .col-sm-3:first-child, .dark-theme #CompanyProfileForm .col-sm-12 .col-sm-3:nth-child(3) {
    background-color: #252424 !important;
}

.dark-theme .customlabelpopup .col-sm-3.lbl {
    border-bottom: 2px solid #313030;
    background: #252424;
}

.dark-theme .btncollapse i, .dark-theme .quotationQuicklinks div label + div, .dark-theme #allItemDetails h5, .dark-theme .quotationItemDesc, .dark-theme .quotationQuicklinks, .dark-theme .artworkApprove, .dark-theme .timelinesummary, .dark-theme .quotationTaskCall {
    color: #E4E6EB;
}

    .dark-theme .quotationQuicklinks .ellipsisCss {
        color: #E4E6EB !important;
    }

.dark-theme .cello {
    overflow: hidden !important;
}

.dark-theme .ItembasedQuicklinks ul.media-list li:last-child div > div {
    color: #E4E6EB !important;
}

.dark-theme .tablecustom table.table tbody tr:first-child {
    background: #252424;
}

.dark-theme .border-bottom {
    border-bottom: 1px solid #5a5959 !important;
}

.dark-theme .estimateaddpage .custompadding {
    background: #272626;
}

.dark-theme .fakebg {
    background: #252424;
    border-top: 1px solid #5a5959;
    border-bottom: 1px solid #5a5959;
}

.dark-theme .description-table .table > tbody + tbody {
    border-top: 2px solid #5a5959;
}

.dark-theme #supplierlist table > tbody > tr:nth-of-type(odd) {
    background-color: #1e1d1d;
}

.dark-theme ::-webkit-scrollbar-track, .dark-theme::-webkit-scrollbar-track {
    background: #93999c;
}

.dark-theme table#tblMatrixprice > tbody > tr:hover {
    background-color: #404040;
}

.dark-theme .transfer-double {
    background-color: #252424;
}

.dark-theme .transfer-double-content {
    background: #252424;
}

.dark-theme .transfer-double-content-left, .dark-theme .transfer-double-content-right {
    border: 1px solid #5a5959;
    background: #313030;
}

.dark-theme .transfer-double-content-tabs, .dark-theme .transfer-double-content-param {
    border-bottom: 1px solid #5a5959;
}

.dark-theme .transfer-double-list-footer {
    border-top: 1px solid #5a5959;
}

.dark-theme .transfer-double-list-search-input, .dark-theme .transfer-double-selected-list-search-input {
    border: 1px solid #5a5959;
    background: #252424;
    color: #E4E6EB;
}

.dark-theme table#tblMatrixprice {
    border: 1px solid #5a5959 !important;
}

    .dark-theme table#tblMatrixprice > tbody > tr:nth-of-type(odd) {
        background-color: #272626;
    }

.dark-theme .transfer-double-group-list-li-ul label, .dark-theme .transfer-double-selected-list-main .transfer-double-selected-list-li label {
    color: #E4E6EB !important;
}

.dark-theme .transfer-double-content-left .checkbox-group:hover {
    background: #252424;
}

.dark-theme .transfer-double-list-main::-webkit-scrollbar-track {
    background: #93999c;
}

.dark-theme .advance_filters input.searchMatchText {
    background: #1e1d1d;
    border: 1px solid #b3b3b3 !important;
    color: #ddd;
}

.dark-theme .custombtnsave table tbody tr th {
    color: #E4E6EB;
}

.dark-theme .custompadding {
    background: #272626;
}

.dark-theme .reportpage .stepy-navigator, .dark-theme .btn-select-arrow, .dark-theme .fc-unthemed .fc-popover, .dark-theme .fc-unthemed .fc-divider, .dark-theme .fc-unthemed .fc-popover .fc-header, .dark-theme .fc-unthemed .fc-list-heading td {
    background: #313030;
}

.dark-theme #filter + .headingelement .dropdown-menu a {
    color: #E4E6EB !important;
}

.dark-theme .fc-row .fc-content-skeleton td, .dark-theme .fc-row .fc-helper-skeleton td {
    border-color: #5a5959;
}

.dark-theme .fc th {
    background: #313030;
    border-bottom-color: #5a5959;
}

.dark-theme .fc-unthemed th, .dark-theme .fc-unthemed td, .dark-theme .fc-unthemed thead, .dark-theme .fc-unthemed tbody, .dark-theme .fc-unthemed .fc-divider, .dark-theme .fc-unthemed .fc-row, .dark-theme .fc-unthemed .fc-content, .dark-theme .fc-unthemed .fc-popover, .dark-theme .fc-unthemed .fc-list-view, .dark-theme .fc-unthemed .fc-list-heading td {
    border-color: #4c4c4c;
}

.dark-theme .fc-state-default {
    border: 1px solid #808080;
    background-color: #808080;
    color: #E4E6EB;
}

.dark-theme a.fc-more:hover {
    background-color: #414141;
    color: #d3d3d3;
}

.dark-theme a.fc-more {
    background-color: #333333;
}

.dark-theme .commonfilters {
    background: #808080;
}

.dark-theme .fc-unthemed td.fc-today {
    background-color: #252424;
}

.dark-theme .fc-state-down, .dark-theme .fc-state-active {
    background-color: #313030;
}

.dark-theme .jobBoard-listContain {
    background: #000 !important;
}

.dark-theme .btncollapse {
    color: #E4E6EB;
}

.dark-theme .estimate-sidebar-right {
    background: #313030 !important;
}

.dark-theme #purchaseitemcodebody tr:hover {
    background-color: transparent;
}

.dark-theme .bg-teal-400:hover {
    background: #313030;
}

.dark-theme .thumbnail {
    background-color: #272626;
    border: 1px solid #5a5959;
}

.dark-theme .text-default, .dark-theme .text-default:hover, .dark-theme .masterwidgetpanel .panel-title, .dark-theme .sweet-alert p {
    color: #E4E6EB !important;
}

.dark-theme .fa-envelope.email0, .dark-theme .fa-envelope.email1, .dark-theme .fa-print.print0, .dark-theme .fa-print.print1,
.dark-theme .fa-copy.copy0, .dark-theme .fa-copy.copy1, .dark-theme .fa-arrows-rotate.iconloop0, .dark-theme .fa-arrows-rotate.iconloop1, .dark-theme .fa-hourglass-start.History0, .dark-theme .fa-hourglass-start.History1, .dark-theme .fa-paperclip-vertical.attachment0, .dark-theme .fa-paperclip-vertical.attachment1 {
    color: #E4E6EB !important;
}

.dark-theme .thumb div {
    display: none;
}

.dark-theme .activebtn {
    background: #272626 !important;
}

.dark-theme .comingsoontxt, .dark-theme .modalFooterBtns, .dark-theme .modal .stepy-navigator, .dark-theme .modal .customStepy .stepy-navigator {
    background: #313030;
}

.dark-theme #saveRecord .btn.btn-dark {
    background: #272626;
}

.dark-theme div#divEstItemsList_Inner .form-group span:first-child {
    background: #252424 !important;
}

.dark-theme #allItemDetails h5 {
    background: #252424;
    margin: 0 !important;
    padding-top: 5px !important;
}

.dark-theme table.fromtable > tbody > tr:nth-of-type(odd) {
    background-color: #252424;
}

.dark-theme .alert-success span.text-bold, .dark-theme .fixedposition .alert-success .close {
    color: #4caf50;
}

.dark-theme .notificationlist h4, .dark-theme .notificationlist .dropdown-submenu a {
    color: #E4E6EB !important;
}

.dark-theme .dropdown-submenu img {
    filter: invert(1);
}

.dark-theme #DivNotificationsNew {
    background: #252424 !important;
}

.dark-theme .customtabledes {
    border: 1px solid transparent !important;
}

.dark-theme .formBtnStickySpace .nav-tabs.nav-tabs-bottom > li {
    background: #3d3d3d;
}

.dark-theme .nav-tabs.nav-tabs-bottom > li.active > a, .dark-theme .nav-tabs.nav-tabs-bottom > li.active > a:focus, .dark-theme .nav-tabs.nav-tabs-bottom > li.active > a:hover,
.dark-theme .quotationTaskCallItems p, .dark-theme .topNavigation li a p {
    color: #ffffff;
}

.dark-theme #emailsendpage tbody tr td:hover {
    background-color: #252424;
}

.dark-theme .sidebar-detached > .sidebar {
    background: #313030;
    border: 1px solid #5a5959;
}

.dark-theme .sidebar-default .navigation li > a {
    border-bottom: 1px solid #5a5959;
}

.dark-theme #emailsendpage td {
    border-bottom: 1px solid #5a5959;
}

.dark-theme #guillotinecosttable .form-control {
    border: 1px solid #767b7d;
}

.dark-theme #ddljobboardsortby + .select2-container .select2-selection--single {
    background: #313030 !important;
    border: 1px solid #5a5959 !important;
}

.dark-theme .ui-menu {
    background: #313030 !important;
    color: #E4E6EB !important;
    border-color: transparent !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24) !important;
}

    .dark-theme .ui-menu > li.ui-menu-item:hover {
        background: rgba(0, 0, 0, 0.2);
        border-color: transparent;
        color: #E4E6EB;
    }

        .dark-theme .ui-menu > li.ui-menu-item:hover > div, .dark-theme .ui-menu:hover > li.ui-menu-item > div, .dark-theme body:not(.modal-open) .ui-front,
        .dark-theme .ui-menu > li.ui-menu-item > div {
            background: none;
            border: transparent;
            color: #E4E6EB;
        }

.dark-theme ul.drop-m li.dropdown-item a {
    background: rgba(0, 0, 0, 0.2);
    border-color: transparent;
    color: #E4E6EB;
}

.dark-theme .taskTypeIcons .icon-pencil {
    color: #7C7C7C;
}

.dark-theme .qtytoorder thead tr, .dark-theme .qtytoorder th, .dark-theme #qtytoorderid tr, .dark-theme .qtytoorder, .dark-theme .modal .modal-content .qtytoorder th, .dark-theme .modal .modal-content .qtytoorder tr {
    background: #252424 !important;
}


.dark-theme #clickchargezonelookup table thead tr th {
    background: #ffffff0f !important;
}

.dark-theme #formulatag .tree-default {
    background: rgba(0, 0, 0, 0.2);
}

.dark-theme .pricing-table table thead th {
    background: rgba(225,225,225,0.2);
}

.dark-theme .fa-shop-lock, .dark-theme .fa-shop, .dark-theme .fa-user-plus, .dark-theme .fa-list-check {
    color: #E4E6EB;
}

/*.dark-theme .settingsPageForm .row .col-md-4:first-child {
	background: #ececef36 !important;
}*/

.dark-theme div#printThis > p {
    color: #E4E6EB !important;
}

.dark-theme table.customCss div, .dark-theme div#printThis div {
    border-color: #E4E6EB !important;
}

.dark-theme table > tbody > tr:hover {
    background-color: rgba(255, 255, 255, .05) !important;
}

.dark-theme #tdDesign div {
    background-color: #E4E6EB !important;
    color: #000 !important;
}

.dark-theme #suppliercostlist input[disabled="disabled"], .dark-theme #suppliercostbody input[id^="supplier_quote_"] {
    background-color: rgba(0,0,0,0.2) !important;
}

.dark-theme #DivNotificationAlerts p {
    color: #E4E6EB !important;
}

.dark-theme .notificationlists li:hover {
    background-color: #f8f8f800;
}

.dark-theme table.allItemShipping tr td:nth-child(2), .dark-theme table.allitemdesigns tr:not(.Gross_Profit, .Selling_Price_Inc) td:nth-child(2), .dark-theme table.allitemdesigns tr:not(.Gross_Profit, .Selling_Price_Inc) td:nth-child(4) {
    background: #434343 !important;
}

.dark-theme table.allItemShipping tr.All_Items_Qty td:nth-child(2), .dark-theme table.allitemdesigns tr.All_Items_Qty td:nth-child(2), .dark-theme table.allitemdesigns tr.All_Items_Qty td:nth-child(4) {
    background: #6C757D !important;
}

.dark-theme table.allItemShipping tr.Selling_Price_Inc td {
    background: #625A45 !important;
}

.dark-theme table.allItemShipping tr:nth-child(3) > td {
    background: #6C757D !important;
}

.dark-theme table.allItemShipping tr.Selling_Price_Inc {
    background: #928d80 !important;
}

.dark-theme table.allItemShipping tr.Selling_Price_Inc {
    background: #928d80 !important;
}

.dark-theme table.allitemdesigns td input {
    background: rgba(0, 0, 0, 0.2);
    color: #E4E6EB;
    border: none !important;
}

.dark-theme #ordergrid thead th:first-child {
    background: #3d3d3d !important;
}

.dark-theme #CustomerDetailspage ul:first-child li:last-child span {
    background: none !important;
}

.dark-theme button[id*="btn_cancel"] span, .dark-theme .ItemCostView .Headertext, .dark-theme .ItemCostView span, .dark-theme .ItemCostView div, .dark-theme #OtherCostInfo .Headertext, .dark-theme #OtherCostInfo span, .dark-theme #OtherCostInfo div,
.dark-theme button#SubItemDropdown .caret:after, .dark-theme .heading-elements li .caret:after, .dark-theme .quoteFunctionList ul li:last-child .caret:after, .dark-theme .quoteFunctionList ul li:last-child .caret:before,
.dark-theme table#orderitemAttachmentgrid td p, .dark-theme table#orderitemAttachmentgrid td, .dark-theme table#ordergeneralAttachmentgrid td p, .dark-theme #mediapost p .dark-theme .addDepartmentInfo p {
    color: #E4E6EB !important;
}

.dark-theme table.allitemdesigns tr.Selling_Price_Inc td {
    background: #625A45 !important;
}

.dark-theme #CustomerDetailspage ul:first-child li:last-child span.mayBSC {
    background: none !important;
}

.dark-theme .select-165-no-width + .select2 {
    z-index: 9;
}

.dark-theme .rkv:before {
    background: #31302F !important;
    width: 85px;
}

.dark-theme #ordergrid thead th:first-child {
    background: #3D3D3D !important;
}

.dark-theme table.allitemdesigns tr.All_Items_Qty td, .dark-theme table.allItemShipping tr.All_Items_Qty {
    background-color: #6C757D !important;
}

.dark-theme table.allitemdesigns tr.Gross_Profit, .dark-theme table.allitemdesigns tr.Gross_Profit td {
    background-color: #D98129 !important;
}

.dark-theme table.allItemShipping tr.Gross_Profit, .dark-theme table.allItemShipping tr.Gross_Profit td {
    background-color: #D98129 !important;
}

.dark-theme table.allItemShipping tr.Selling_Price_Inc, .dark-theme table.allItemShipping tr.SubtotalVal, .dark-theme table.allItemShipping tr.All_Items_Qty, .dark-theme table.allItemShipping tr.All_Items_Qty tr,
.dark-theme table.allItemShipping tr.SubtotalVal, .dark-theme table.allItemShipping tr.SubtotalVal td {
    background-color: #6C757D !important;
}

.dark-theme #select2-ddlview-results .select2-results__option.select2-results__option--highlighted {
    background: rgba(0,0,0,0.2);
}

.dark-theme button[onclick="closethemesettings()"] span, .dark-theme h3.quotationQuicklinks, .dark-theme h3.timelinesummary, .dark-theme #FileSubmission label, .dark-theme .headingelement .tableRightButtonsAlign b {
    color: #E4E6EB !important;
}

.dark-theme .table-responsive.searchFilterGoodsdelivered, .dark-theme #tdcontacthistory_wrapper .datatable-header, .dark-theme .searchFilterAddOp, .dark-theme #AdditionalOptionGroupList_wrapper .datatable-header { /*goods delivery*/
    background: #313030 !important;
    border: 1.5px solid rgba(255,255,255,0.2);
    border-top: 2px solid rgba(255,255,255,0.2);
}

.dark-theme .activitypanel li.timeline1:before {
    background: rgb(47 47 47) !important;
}

.dark-theme select#ddlview + span.select2 {
    border: 1px solid #4e4e4e;
    background: #3b3b3b;
}

.dark-theme .displaythefield p.text-muted.text-size-mini {
    color: #999 !important;
}

.dark-theme .table.llb .myclass tr:nth-of-type(odd) {
    background-color: #252424 !important;
}

.dark-theme .table.llb .myclass tr:nth-of-type(even) {
    background-color: #313030 !important;
}

.dark-theme .table.llb th td, .dark-theme .table.llb th {
    background-color: #3D3D3D !important;
}

.dark-theme #td_MainEditor .Menu_diff table td, .dark-theme .Poitemtitle p, .dark-theme .modalFooterBtns button.myCancel span {
    color: #E4E6EB !important;
}

.dark-theme .quotationQuicklinks #showquicklinks li div {
    color: #000 !important;
}

.dark-theme form#insertpayment .col-sm-3 {
    background: #414141 !important;
}

.dark-theme table#GoodsDelivery tbody tr td input[readonly] {
    background: #ffffff00 !important;
    border: 1px solid #ffff00b5 !important;
}

.dark-theme .col-sm-2.w-230, .dark-theme .jigi9jooifif .col-sm-12 > .col-sm-2:not(.alerts) {
    background: #444 !important;
}

.dark-theme table#tblProductChoice thead th {
    background: #18191A !important;
}

.dark-theme .col-sm-3.labelCard {
    background: #4a4a4a !important;
}

.dark-theme table[id*="Stamp_ShippingCost_"] tbody tr:hover {
    background: #363636 !important;
}

.dark-theme table[id*="Stamp_ShippingCost_"] tbody tr:nth-child(even) {
    background: #4a4a4a;
}

.dark-theme table#tblProductinv thead tr th {
    background-color: #313030 !important;
}
/*.dark-theme .note-editing-area p,*/ .dark-theme ul.additionalul li .media-right p {
    color: #E4E6EB;
}

.dark-theme .bulkactions button span.caret:after, .dark-theme .note-fontname button span, .dark-theme button span.note-icon-caret, .dark-theme td.tdmenu_font, .dark-theme .settingsPageForm .main_attackClass .col-sm-2 p, .dark-theme form#ProductInfo button.backbtn span {
    color: #E4E6EB !important;
}

.dark-theme .note-icon-font:before {
    content: "\f110";
    color: #000;
}

.dark-theme .picker__wrap, .dark-theme .picker__button--today, .dark-theme .picker__button--clear, .dark-theme .picker__select--year, .dark-theme .picker__select--month, .dark-theme .picker__button--close {
    background: #000 !important;
}

.dark-theme div#FormContent {
    background: #313030 !important;
}

.dark-theme #FormContent #questcancel_btn span {
    color: #E4E6EB !important;
}

.dark-theme #appendcount + fieldset.stepone > legend, .dark-theme table#presscosttable p, .dark-theme table#presscosttable td {
    color: #E4E6EB !important;
}

.dark-theme .input-group.file-caption-main input.file-caption-name {
    background: #272626 !important;
}
/*DM --X-- Yeshwanth 25th 05 2022 */
.QuickQuote table > tbody > tr:hover {
    background-color: transparent;
}
/*Dropdown design changes*/
.dropdown-menu li a:hover, .dropdown-menu li a:hover span, .btn-group li a:hover span {
    font-weight: 600;
}

/*Dropdown design changes end*/
#suppliercostlist .select-100 + .select2.select2-container {
    width: 150px !important;
}

#purchaseitemcodebody textarea, #deliveryquantitybodyid textarea, .formBtnStickySpace textarea {
    /*    resize: none;
*/
}

.qItems ul.media-list li.active, .qItems ul.media-list li {
    cursor: pointer;
}

.responsiveli .dropdown-menu > li > a {
    padding: 8px 8px;
}

span#quantityerror, #quantitymaxerror1, #quantitymaxerror2, #quantitymaxerror3, #quantitymaxerror4 {
    /*word-break: break-all;*/
    white-space: normal;
}

.viewchangedropdown .caret {
    cursor: pointer;
}

.qItems .panel-title {
    font-weight: 700 !important;
    font-size: 14px;
}
.dark-theme .qItems .panel-title {
    font-weight: 600 !important;
}
    div #StockHistoryList_length {
    margin-left: 10px !important;
    margin-top: -5px !important;
}

.heightset {
    height: 38px !important;
    min-height: auto;
}

.select2-results > .select2-results__options {
    max-height: 160px;
}
/*Responsive Start*/
@media(min-width: 1300px) {
    .navbarDetailsSticky {
        top: 66px;
    }
}

@media (max-width: 1240px) {
    .settingsModules form .row {
        margin-left: -10px;
        margin-right: -10px;
    }

        .settingsModules form .row [class*="col-"] {
            padding: 0 10px;
        }
}

@media(max-width:992px) {
    .loginContain > div {
        padding: 10px 30px;
    }

    .form-group .col-md-6.no-padding-left, .form-group .col-md-6.no-padding-right {
        padding: 0 !important;
    }

        .form-group .col-md-6.no-padding-left label.control-label.pr-5,
        .form-group .col-md-6.no-padding-right label.control-label.pr-5,
        .col-md-6 > .form-group label.control-label.pr-5 {
            padding-right: 0 !important;
            min-width: 50px;
        }

    .col-sm-6 > .form-group > .display-table .display-table-cell.pr-5 {
        width: 90px;
    }
}

@media(min-width: 769px) {
    .navbar-top {
        padding-top: 70px;
    }

    .sidebar-detached-hidden #detachedsidebar {
        width: 56px !important;
        display: block !important;
    }

        .sidebar-detached-hidden #detachedsidebar .detachleft {
            display: block;
        }

    #detachedsidebar .detachleft {
        display: none;
    }

    #detachedsidebar {
        width: 260px;
    }

    .sidebar-detached-hidden #detachedsidebar .navigation > li > a > i {
        margin: 2px 0;
        display: block;
        float: none;
    }

    .sidebar-detached-hidden #detachedsidebar .navigation > li > a {
        display: block;
        text-align: center;
    }

        .sidebar-detached-hidden #detachedsidebar .navigation > li > a > span {
            display: none;
            position: absolute;
            top: 0;
            right: -260px;
            background-color: #42a5f5;
            border: 1px solid #42a5f5;
            padding: 11px 20px;
            width: 260px;
            text-align: left;
            color: #fff;
            cursor: pointer;
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px;
        }

    .sidebar-detached-hidden #detachedsidebar .navigation > li > ul {
        position: absolute;
        right: -260px;
        top: 44px;
        width: 260px;
        display: none;
        background-color: #263238;
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 0 0 3px 0;
    }

    .sidebar-detached-hidden #detachedsidebar .navigation > li.active > ul {
        display: none !important;
    }

    .sidebar-detached-hidden #detachedsidebar .navigation > li:hover > ul {
        display: block !important;
    }

    .sidebar-detached-hidden #detachedsidebar .navigation li > .has-ul:after {
        display: none;
    }

    .sidebar-detached-hidden .container-detached {
        float: none;
        margin: 0 !important;
    }

    .sidebar-detached-hidden .content-detached {
        margin-left: 60px !important;
    }

    .sidebar-detached.affix {
        position: fixed;
        margin-left: -20px;
        top: 69px;
        bottom: -20px;
    }

    .has-detached-left .content-detached {
        margin-left: 260px;
    }
}

@media(max-width: 600px) {
    .loginBody {
        padding: 10px 20px;
    }

    .loginContain > div {
        padding: 30px
    }

    .loginContain, .loginContain > div, .loginContain .loginInfo {
        display: block;
        width: 100%;
    }

        .loginContain .loginInfo {
            border-radius: 0 0 10px 10px;
        }
}
/*Responsive End*/


/*notification*/
#DivNotificationsNew {
    max-height: 60vh;
    height: 100% !important;
}

/*notification End*/

.form-control {
    font-size: 14px;
}

/*View change customer*/
.viewchangedropdown .caret {
    position: absolute;
    right: 10px;
    top: 9px;
}

.viewchangedropdown .viewname, .viewchangedropdown .viewnameclass {
    padding-right: 30px !important;
}

.viewchangedropdown.open .dropdown-menu.viewchange {
    display: block !important;
}

.viewchangedropdown.ok .dropdown-menu.viewchange {
    display: block !important;
}

.changeview.ok {
    display: block !important;
}
/*View change customer end*/

a#historybutton {
    padding: 2px 12px;
}

div#Customerlist_filter {
    margin-top: 2px;
}

#CustomerPart #Customerlist_filter, ##CustomerPart div#SelectedCustomerlist_filter {
    margin-top: 0;
}

body:not(.modal-open) span.select2-container.select2-container--default.select2-container--open {
    z-index: 10;
}
/*body:not(.modal-open) span.select2-container.select2-container--default.select2-container--open {
    z-index: 1111;
}*/

div#SelectedCustomerlist_filter {
    margin-top: 2px;
}


@media (max-width:768px) {
    .sidebar-xs .footerStickyBtns .btn {
        margin-bottom: 5px;
    }
}

@media (max-width:768px) {
    .sidebar-xs .footerStickyBtns {
        width: calc(100% - 41px);
        left: 20px;
    }
}

.headingelement .dropdown-menu {
    z-index: 994;
}

.moretodropdown {
    z-index: 105;
}

.dataTable tbody > tr.selected, .dataTable tbody > tr > .selected {
    background-color: transparent;
}

#divSalesPerson1 .multiselect-container {
    max-height: 180px;
}

.highlighttrnew {
    background: #C0DBFD !important;
}

.dark-theme tr.even.highlighttrnew {
    background-color: #455a64 !important;
}

.dark-theme tr.odd.highlighttrnew {
    background-color: #455a64 !important;
}

.dark-theme #estimate-summary-all select + .select2, .dark-theme .additionalul select + .select2 { /* for summary page select2 dropdown in Darkmode */
    margin-bottom: 2px !important;
}

.select-info {
    display: none;
}

body:not(.modal-open) span.select2-container.select2-container--default.select2-container--open.over {
    z-index: 11;
}

.estimateSummarySidebarDetails .quotationItemDescContent {
    margin-bottom: 25px !important;
}

@media (min-width: 769px) {


    .estimateaddpage form .row.itemtitle-row {
        margin: 0 -25px !important;
    }

    .estimateaddpage form .row [class*="col-"] .px-15 {
        padding: 0 15px !important;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    #Ordertitleid {
        display: none;
    }
}

@media (max-width: 1000px) {

    .estimate-summary-content-wrapper .estimate-sidebar.estimate-sidebar-left {
        background: #fff;
    }

        .estimate-summary-content-wrapper .estimate-sidebar.estimate-sidebar-left > .pageHeading {
            padding: 15px 15px 0;
        }

    .estimate-summary-content-wrapper .estimate-sidebar-right.mt-35 {
        margin-top: 0 !important;
        z-index: 2;
    }

    .estimate-summary-content-wrapper .menu-push,
    .estimate-summary-content-wrapper .menu-pushtwo {
        z-index: 2;
    }
}

@media (max-width: 768px) {
    .sidebar-xs.sidebar-detached-hidden .footerStickyBtns, .sidebar-xs.sidebar-detached-hidden .customStepy .stepy-navigator {
        width: calc(100%) !important;
        left: 0;
    }

    .sidebar-xs.has-detached-left.sidebar-detached-hidden .footer {
        width: calc(100%);
        left: 0;
    }

    .dataTables_filter {
        float: left !important;
    }

    .customSettingsTableHold.customPanelDatatable .datatable-header {
        padding: 5px;
    }

    .customSettingsTableHold.customPanelDatatable .tableRightButtonsAlign {
        right: 10px;
        top: 8px;
    }

    .headingelement .dropdown {
        margin-bottom: 5px;
    }

    .sidebar-xs-indicator .navbar-fixed-top.navbar-default .navbar-nav {
        border-bottom: none;
        padding-top: 0 !important;
    }

    .sidebar-xs-indicator .navbar-fixed-top.navbar-default .navbar-collapse.in {
        overflow: hidden;
        width: 100%;
    }

    ul.nav.navbar-nav.navbar-right {
        display: flex;
        justify-content: end;
    }

    .settingsModules form .row [class*="col-xs"] [class*="col-"] {
        padding: 0px;
    }

    form label:empty {
        display: none;
    }

    /*Estimate summary button overlap FIX*/
    .estimate-summary-secondary-header .quoteFunctionList {
        position: relative;
        top: 0;
        right: auto;
        left: 0px;
        z-index: 999;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 0 20px;
    }

        .estimate-summary-secondary-header .quoteFunctionList .responsiveli {
            display: inline-block !important;
        }

    /*.estimate-summary-secondary-header .quoteFunctionList .dropdown-menu > .dropdown-submenu > .dropdown-menu {
            left: -100%;
            position: absolute;
            width: max-content;
        }*/

    .quoteFunctionList .dropdown-menu > .dropdown-submenu.afterresp {
        position: relative;
    }

    .icons-list li:not(.responsiveli) .btn-group > .dropdown-menu .afterresp {
        display: none !important;
    }

    .estimateSummarySidebarDetails + #ItemwiseDropDownBind {
        position: absolute;
        right: auto;
        top: 80px;
        left: 0px;
        padding: 0 20px;
    }

    .estimate-middle-content.tab-content .estimate-middle-content-div {
        padding-top: 80px;
    }

    .estimateSummarySidebarDetails + #ItemwiseDropDownBind .btn-group {
        margin-right: 24px;
        margin-left: 0;
    }

        .estimateSummarySidebarDetails + #ItemwiseDropDownBind .btn-group:before {
            left: auto;
            right: -15px;
        }

    .estimateSummarySidebarDetails + #ItemwiseDropDownBind .icons-list > li {
        margin: 0 10px 10px 0 !important;
    }

        .estimateSummarySidebarDetails + #ItemwiseDropDownBind .icons-list > li:empty {
            display: none;
        }

    .estimate-middle-content-div .saveBtns {
        left: 0px;
        width: calc(100% - 0px);
    }

    .hasFooter.sidebar-xs .content .footer {
        width: 100%;
        left: 0;
        padding: 14px 10px 14px 36px;
    }

    .tabbable ul.media-list.nav.nav-tabs:before {
        display: none;
    }

    html .sidebar-xs .sidebar-main .navigation .blue a span {
        background-color: transparent !important;
    }
}

@media (max-width: 600px) {

    .headingelement > .dropdown.display-inline-block {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .headingelement > .pull-right {
        float: left !important;
    }

        .headingelement > .pull-right > .btn {
            margin-left: 0 !important;
            margin-bottom: 10px;
        }

    .headingelement .pull-right .ml-10 {
        margin-left: 0 !important;
    }

    .customSettingsTableHold .panel-heading,
    .customPanelDatatable:not(.panel-collapsed) .panel-heading {
        margin-bottom: 10px;
    }

    .customSettingsTableHold.customPanelDatatable .tableRightButtonsAlign,
    .customPanelDatatable:not(.panel-collapsed) .tableRightButtonsAlign {
        position: relative;
        float: none;
        top: 0;
        right: auto;
        left: 0;
    }

    .customSettingsTableHold .tableRightButtonsAlign .icons-list > li:first-child {
        margin-left: 0;
    }

    .customPanel.customPanelDatatable:not(.customSettingsTableHold) .tableRightButtonsAlign .icons-list > li:first-child {
        margin-left: 20px;
    }

    .customPanel.customPanelDatatable:not(.customSettingsTableHold) .panel-heading {
        margin: 0;
    }
}

body:not(.modal-open) .multi-select-full > .btn-group .multiselect-container {
    z-index: 11;
}

/*Transfer CSS*/

.transfer-double {
    height: 470px !important;
}

.transfer-double-content-left,
.transfer-double-content-right {
    height: 468px !important;
}

.transfer-double-list-main,
.transfer-double-selected-list-main {
    height: 350px !important;
}

/*TimePicker CSS*/

.AnyTime-time .AnyTime-hrs,
.AnyTime-time .AnyTime-mins,
.AnyTime-time .AnyTime-mins-tens,
.AnyTime-time .AnyTime-mins-ones {
    float: left;
}

.AnyTime-body .AnyTime-time:after {
    content: "";
    clear: both;
    display: table;
}

.AnyTime-dom-btn-empty, .AnyTime-min-ten-btn-empty, .AnyTime-min-one-btn-empty, .AnyTime-sec-ten-btn-empty, .AnyTime-sec-one-btn-empty {
    background-color: transparent;
    pointer-events: none;
}

.modal.mymodal.link-dialog .modal-body {
    background: #ffffff;
    margin: 20px;
}

.dark-theme .modal.mymodal.link-dialog .modal-body {
    background: #252424;
    margin: 20px;
}

.modal.mymodal.link-dialog .modal-content {
    background-color: #eaeaea;
}

.dark-theme .modal.mymodal.link-dialog .modal-content {
    background-color: #252424;
}

.modal.mymodal.link-dialog .modal-footer {
    background: #fff;
    padding: 10px;
}

.dark-theme .modal.mymodal.link-dialog .modal-footer {
    background: #313030;
    padding: 10px;
}

body.modal-open .daterangepicker.dropdown-menu {
    z-index: 1051;
}

.zee-index {
    z-index: 99999 !important;
}

@media (max-width: 1920px) {
    #estimate-summary-all .media-right > p, #estimate-summary-all .media-right > .form-control, #estimate-summary-all .media-right > .qAccounting.dropdownwidthsetaccount {
        /* min-width: 165px !important;*/
        min-width: 115px !important;
    }

    /* #estimate-summary-all .media-right > .qAccounting.dropdownwidthsetaccount .select2-container {
        width: 100% !important;
    }
*/
    #estimate-summary-all .media-right.emptyright {
        padding: 0;
    }
}

@media (max-width: 1400px) {
    #allItemDetails {
        height: calc(100vh - 250px);
        overflow: auto;
    }
}

@media (max-width: 1200px) {
    .estimate-sidebar-content .panel.estimate-sidebar-panel {
        margin-bottom: 0;
    }

    .estimate-sidebar-right .estimateSummaryDetailsSidebar {
        height: 100%;
    }

        .estimate-sidebar-right .estimateSummaryDetailsSidebar .estimate-summary-navigation {
            height: calc(100vh - 163px);
            overflow: auto;
            margin-bottom: 0;
        }
}


.btn-custom {
    background-color: #F2F2F2;
    color: #111;
    border-color: #e2e2e2;
    transition: 0.3s ease all;
}

.dashboard .gridster ul li.gs-w {
    z-index: inherit;
}

.emailtextoverflow {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.multiselect-container {
    max-height: 190px;
}

@media (min-width:1400px) {
    .transfer-double {
        height: calc(100vh - 352px) !important;
    }

    .transfer-double-content-left,
    .transfer-double-content-right {
        height: calc(100vh - 360px) !important;
    }

    .transfer-double-list-main,
    .transfer-double-selected-list-main {
        height: calc(100vh - 520px) !important;
    }
}


.filteroption option {
    text-align: left;
}

.modal .dualListBoxWithTable .customPanel .panel-heading {
    margin-bottom: 10px;
}

.modal .dualListBoxWithTable .datatable-header {
    top: -46px;
}

#CustomerPart .datatable-header {
    top: -43px;
}

.dualListBoxWithTable .datatable-header {
    top: -52px !important;
}

#CustomerPart #dataTables_filter {
    margin-top: 0;
}

.form-group > label.customCheckBox.mt-5.display-block {
    display: table !important;
}

#CustomerDetailspage .panel-heading.border-bottom {
    margin-bottom: 9px;
    border-bottom: 0 !important;
}

#CustomerDetailspage .heading-elements {
    top: 50%;
}

.estimate-summary-content-wrapper .estimate-sidebar-left .pageHeading {
    margin-bottom: 13px !important;
}

.quotepanel.customerdetailpan .media-list li.mb-10 .media-body {
    vertical-align: middle;
}

    .quotepanel.customerdetailpan .media-list li.mb-10 .media-body p {
        margin-bottom: 0;
    }

#CustomerDetailspage .heading-elements .icons-list label.pr-20.mr-20 {
    padding-right: 0 !important;
}

#Ordersdetailpage li {
    list-style: none;
}

.datatable-othercostitem .input-group .input-group-addon + input {
    width: 90px !important;
    text-align: right;
}

.datatable-othercostitem tr > th,
.datatable-othercostitem tr > td {
    padding: 8px !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.px-15 {
    padding: 0 15px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .estimate-middle-content-div #CustomerDetailspage .heading-elements .icons-list {
        margin-left: 0;
    }

    #CustomerDetailspage .heading-elements {
        left: 30% !important;
        width: 70% !important;
        top: 70%;
    }
}

@media (min-width: 1400px) {
    .estimate-middle-content-div #CustomerDetailspage .panel-heading .textoverflowtitle {
        /*  width: calc(100% - 320px);*/
        width: calc(100% - 532px);
    }
}

@media (max-width: 1200px) {
    .estimate-middle-content-div #CustomerDetailspage .panel-heading .textoverflowtitle {
        visibility: hidden !important;
    }

    #CustomerDetailspage .heading-elements {
        left: 0 !important;
        width: 100% !important;
        top: 70%;
    }

        #CustomerDetailspage .heading-elements .icons-list {
            margin-left: 0;
        }
}


@media (min-width: 480px) and (max-width: 768px) {
    .dataTables_paginate, .dataTables_info {
        float: right !important;
    }
}

@media (max-width: 768px) {
    .estimate-middle-content-div #CustomerDetailspage .panel-heading .textoverflowtitle {
        visibility: visible !important;
    }

    #htmlbody .note-editor {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (max-width: 480px) {

    .estimate-summary-secondary-header .quoteFunctionList .icons-list li {
        margin-left: 0;
        margin-right: 5px;
    }

    .estimate-summary-secondary-header .quoteFunctionList .icons-list .responsiveli {
        margin-bottom: 8px;
    }

    .estimateSummarySidebarDetails + #ItemwiseDropDownBind {
        top: 115px;
    }

    .estimate-summary-content-wrapper .estimate-middle-content.tab-content .estimate-middle-content-div {
        padding-top: 85px;
    }

    .dataTables_length, .dataTables_paginate, .dataTables_info {
        float: none !important;
    }

    .datatable-footer .dataTables_length {
        width: 100%;
        margin-bottom: 15px !important;
    }
}

.grossProfit {
    padding-bottom: 40px !important;
}
/*.row div.col-md-6.stepyrightcolumnspacing.form-group:first-child {
    padding-left: 10px;
    padding-right: 20px;
}*/
.modal .row div.col-md-6.stepyrightcolumnspacing.form-group:first-child {
    padding-left: 10px;
    padding-right: 20px;
}

.qItems .media-list.nav.nav-tabs li .media-left {
    min-width: 130px;
}

.stop-scrolling.hasFooterStickyBtns .footerStickyBtns {
    opacity: 0;
    z-index: 111;
}

.stop-scrolling .bottom-zero {
    animation: fadein 500ms ease-in forwards;
}

@keyframes fadein {
    0% {
        opacity: 0;
        bottom: 50px;
    }

    50% {
        bottom: 0;
        opacity: 0;
    }

    100% {
        opacity: 1;
        bottom: 0;
    }
}

.transfer-double-content-tabs .tab-item-name {
    pointer-events: none;
}


#sortable li div label span.customCheckSpan {
    cursor: pointer;
}

/*theme settings start*/

#select2-textsizeselect-results li:first-child, #select2-gridspaceselect-results li:first-child {
    font-size: 11px;
}

#select2-textsizeselect-results li:nth-child(2n), #select2-gridspaceselect-results li:nth-child(2n) {
    font-size: 15px;
}

#select2-textsizeselect-results li:nth-child(3n), #select2-gridspaceselect-results li:nth-child(3n) {
    font-size: 18px;
}

#select2-textsizeselect-results li:nth-child(4n), #select2-gridspaceselect-results li:nth-child(4n) {
    font-size: 21px;
}

.theme-color #navbar-mobile .navbar-nav.navbar-right li.dropdown a.dropdown-toggle {
    color: #fff;
}

.theme-color .header-highlight .visible-xs-block a {
    color: #fff !important;
}

.theme-color .navbar-default .navbar-nav > .open > a, .theme-color .navbar-default .navbar-nav > .open > a:focus, .theme-color .navbar-default .navbar-nav > .open > a:hover, .theme-color .nav > li > a:focus, .theme-color .nav > li > a:hover {
    background-color: #ffffff66;
}

.theme-color #navbar-mobile .navbar-nav.navbar-right {
    padding-right: 20px;
}
/*theme settings end*/
/*change view dropdown start*/
li.changeview {
    padding: 0 5px;
}

#select2-ddlview-results .select2-results__options--nested > .select2-results__option {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    padding-bottom: 4px;
    padding-top: 4px;
}

#select2-ddlview-results .select2-results__group {
    padding: 0px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
/*change view dropdown end*/



/*datatable sorting next to heading changes*/

.dataTable thead .sorting div .sort_icon:after {
    content: '\e9c2' !important;
    margin-top: -10px;
    color: #999999;
}

.dataTable thead .sorting_asc div .sort_icon:after {
    content: '\e9c2' !important;
    margin-top: -10px;
    color: #999999;
}

.dataTable thead .sorting_asc div .sort_icon:before {
    content: '\e9c1' !important;
    margin-top: -2px;
    color: #999999;
}

.dataTable thead .sorting_desc div .sort_icon:after {
    content: '\e9c1' !important;
    margin-top: -5px;
}

.dataTable thead .sorting div .sort_icon:before {
    content: '\e9c1' !important;
    margin-top: -2px;
    color: #999999;
}

.dataTable thead .sorting .sort_icon:after {
    content: '\e9c2' !important;
    margin-top: -10px;
    color: #999999;
}

.dataTable thead .sorting_asc .sort_icon:after {
    content: '\e9c2' !important;
    margin-top: -5px;
}

.dataTable thead .fields-list.sorting_asc .sort_icon:after {
    content: '' !important;
    margin-top: -5px;
}

.dataTable thead .sorting_desc .sort_icon:after {
    content: '\e9c1' !important;
    margin-top: -5px;
}

[id^="InventoryStock_"] thead .sorting_asc .sort_icon:after {
    content: '\e9c2' !important;
    margin-top: -7px;
}

#ordergrid th[aria-label^="Quote Value"] div {
    padding-right: 7px;
}

.dataTable thead .sorting th[aria-label^="Credit Limit ($):"] div .sort_icon:after {
    content: '\e9c1' !important;
    margin-top: -10px;
    color: #999999;
}

.saveBtns {
    z-index: 99;
}

.dataTable thead .sorting:after, .dataTable thead .sorting:before, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_desc:after {
    display: none !important;
}

.dataTable thead .sorting div .sort_icon:before,
.dataTable thead .sorting_asc div .sort_icon:before,
.dataTable thead .sorting div .sort_icon:after,
.dataTable thead .sorting_asc div .sort_icon:after,
.dataTable thead .sorting_desc div .sort_icon:after,
.dataTable thead .sorting_asc_disabled div .sort_icon:after,
.dataTable thead .sorting_desc_disabled div .sort_icon:after {
    font-family: 'icomoon';
    position: absolute;
    top: 50%;
    font-size: 12px;
    margin-left: 6px;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.dataTable thead .sorting .sort_icon:before,
.dataTable thead .sorting .sort_icon:after,
.dataTable thead .sorting_asc .sort_icon:after,
.dataTable thead .sorting_desc .sort_icon:after,
.dataTable thead .sorting_asc_disabled .sort_icon:after,
.dataTable thead .sorting_desc_disabled .sort_icon:after {
    font-family: 'icomoon';
    position: absolute;
    top: 50%;
    font-size: 12px;
    margin-left: 6px;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/*.sort_icon {
    padding-left: 10px;
}*/
.dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_desc, .dataTable thead .sorting_asc_disabled, .dataTable thead .sorting_desc_disabled {
    padding-right: 16px !important;
}

.dualListBoxWithTableLeft thead tr th .sort_icon:nth-child(2n), .sorting_disabled .sort_icon, .falsesorting .sort_icon {
    display: none;
}

.dataTable thead tr th span.sort_icon:not(:first-child) {
    display: none;
}

.dataTable thead tr th div + span.sort_icon {
    display: none;
}

/*#ordergrid thead .sorting div .sort_icon:before, #ordergrid thead .sorting div .sort_icon:after {
    font-family: 'icomoon';
    position: absolute;
    top: 50%;
    font-size: 12px;
    margin-left: 6px;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}*/
#ordergrid thead .sorting div .sort_icon {
    display: contents;
}

#ordergrid thead th[aria-label^="Item Tax Name"] div .sort_icon {
    float: right !important;
    display: inherit !important;
}

/*datatable sorting next to heading changes*/
@media (min-width: 769px) and (max-width: 1536px) {
    .sidebar-xs .sidebar-main .navigation li[class^="blue"]:last-of-type ul, .sidebar-xs .sidebar-main .navigation li[class^="blue"]:nth-last-of-type(2) ul, .sidebar-xs .sidebar-main .navigation li[class^="blue"]:nth-last-of-type(3) ul, .sidebar-xs .sidebar-main .navigation li[class^="blue"]:nth-last-of-type(4) ul {
        bottom: 39px;
        top: auto;
        max-height: 360px;
        overflow: auto;
    }
}

#ModuleReportGrid {
    width: 100% !important;
}


.textellipse .textalignment {
    white-space: normal;
    display: -webkit-box;
    max-height: 75px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.transfer-double-content-left .transfer-double-list-main > ul > li > div.checkbox-group {
    display: none;
}

.orange-color {
    color: orange;
    font-weight: 400;
    font-size: 14px;
}

    .orange-color:hover {
        color: orange;
    }


#detachedsidebar .category-title {
    padding: 9px 20px;
}

.breadcrumb {
    padding: 9px 0;
}

#productcataloguetable > tbody > tr > td.width_300 {
    width: 300px;
}

#productcataloguetable > tbody > tr > td {
    white-space: normal;
}

.overflowdesctextclass {
    white-space: normal;
    display: -webkit-box;
    max-height: 105px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.select2-results > ul.select2-results__options {
    z-index: 25;
}


@media(min-width: 769px) {
    .modal-width-sm.modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
}


.TinyHeader {
    font-size: 13px;
}

.TinyBody {
    font-size: 11px;
}

.NormalHeader {
    font-size: 15px;
}

.NormalBody {
    font-size: 13px;
}

.LargeHeader {
    font-size: 18px;
}

.LargeBody {
    font-size: 15px;
}

.HugeHeader {
    font-size: 20px;
}

.HugeBody {
    font-size: 18px;
}

table > thead > tr > th > label.customCheckBox {
    margin-left: 8px;
}

table > tbody tr > td label.customCheckBox {
    margin-left: 8px;
}

.compactPadding .table > tbody > tr > td,
.compactPadding .table > tbody > tr > th,
.compactPadding .table > tfoot > tr > td,
.compactPadding .table > tfoot > tr > th,
.compactPadding .table > thead > tr > td,
.compactPadding .table > thead > tr > th {
    padding: 2px !important;
}

.defaultPadding .table > tbody > tr > td,
.defaultPadding .table > tbody > tr > th,
.defaultPadding .table > tfoot > tr > td,
.defaultPadding .table > tfoot > tr > th,
.defaultPadding .table > thead > tr > td,
.defaultPadding .table > thead > tr > th {
    padding: 4px !important;
}

    .defaultPadding .table > thead > tr > th:last-child.text-right:not(.sorting) {
        text-align: center !important;
        min-width: 100px !important
    }

    .defaultPadding .table > thead > tr > th:last-child.text-right.sorting {
        padding-right: 18px !important
    }

.table#viewproductHistorytop3 thead th[aria-label="Qty In Hand "], .departmentModalBody .table > thead > tr > th:last-child.text-right {
    text-align: end !important;
}


.comfortablePadding .table > tbody > tr > td,
.comfortablePadding .table > tbody > tr > th,
.comfortablePadding .table > tfoot > tr > td,
.comfortablePadding .table > tfoot > tr > th,
.comfortablePadding .table > thead > tr > td,
.comfortablePadding .table > thead > tr > th {
    padding: 6px !important;
}

.extendedPadding .table:not(.quick-tbl) > tbody > tr > td,
.extendedPadding .table:not(.quick-tbl) > tbody > tr > th,
.extendedPadding .table:not(.quick-tbl, .totalsellingprice table.qtytoorder) > tfoot > tr > td,
.extendedPadding .table:not(.quick-tbl) > tfoot > tr > th,
.extendedPadding .table:not(.quick-tbl) > thead > tr > td,
.extendedPadding .table:not(.quick-tbl) > thead > tr > th {
    padding: 8px !important;
}


.extendedPadding .table.quick-tbl > thead > tr > th {
    padding: 1px 10px !important;
}


/*-------------------------------------------------------------------------------------*/

.ItembasedQuicklinks ul.media-list li:last-child div > div {
    color: black !important;
}

.blk-clr-font {
    color: #000 !important;
}
/*checkbox size vary by custom */
body.TinyBody .customCheckBox .customCheckSpan {
    width: 15px !important;
    height: 15px !important;
}

body.NormalBody .customCheckBox .customCheckSpan {
    /*   width: 16px !important;
    height: 16px !important;*/
    /*top: 3px !important;*/ /*affecting Email messages add pages checkboxes*/
}

body.NormalBody .customCheckBox .customCheckSpan {
    width: 15px !important;
    height: 14px !important;
    /*top: 3px !important;*/ /*affecting Email messages add pages checkboxes*/
}

body.LargeBody .customCheckBox .customCheckSpan {
    width: 19px !important;
    height: 19px !important;
}

.customCheckBox .customCheckSpan:before {
    width: 8px;
    height: 4px;
}

body.HugeBody .customCheckBox .customCheckSpan {
    width: 22px !important;
    height: 22px !important;
}

body.LargeBody th:not(.dtfc-fixed-left) .customCheckBox .customCheckSpan, body.HugeBody th:not(.dtfc-fixed-left) .customCheckBox .customCheckSpan {
    top: 4px !important;
}

.each_field .customCheckBox .customCheckSpan {
    top: 5px !important;
}

body.LargeBody thead .customCheckBox .customCheckSpan, body.HugeBody thead .customCheckBox .customCheckSpan {
    top: 2px !important;
}


/* 09.11 while adding dark-theme class effect to summary pages */
body.dark-theme .estimate-sidebar-left .collapsediv li .media-right p, body.dark-theme li .media-body .width-150.text-primary {
    color: #fff !important;
}

body.dark-theme table.dataTable tbody tr > .dtfc-fixed-left {
    background: #333 !important;
}

/* for white text in dark mode */

body.dark-theme .font-clr-mode {
    color: #E4E6EB !important;
}

/* for black text in dark mode */

body.dark-theme .sweet-alert span, body.dark-theme .sweet-alert .sa-icon.sa-custom + h2 {
    color: #E4E6EB !important;
}

body.dark-theme .blk-clr-font {
    color: #000 !important;
}

.judo-rblack {
    background: #fff !important;
}

body.dark-theme .judo-rblack {
    background: #313030!important
}

body.dark-theme .sweet-alert, body.dark-theme .d-alert {
    background-color: #3A3B3C !important;
}

body.dark-theme .judo-txt, body.dark-theme .ItembasedQuicklinks ul li span:not(.pull-right) {
    color: #000 !important;
}

body.dark-theme .pull-right.blk-clr-font {
    color: #E4E6EB !important;
}

body.dark-theme .judo-txt b {
    color: #E4E6EB !important;
}

body.dark-theme .info-make-txt {
    color: #767575 !important;
}

body.dark-theme li.finishedQty, body.dark-theme li.grossProfit, body.dark-theme li.grossProfit div,
body.dark-theme li.sellingPrice, body.dark-theme li.trQuantity1, body.dark-theme .estimate-sidebar-left .sidebar-content {
    background: none !important;
}

.dark-theme .grossProfit, .dark-theme .grossProfit p, .dark-theme .grossProfit div {
    color: #E4E6EB !important;
}
/*scrollbar changes*/
textarea::-webkit-scrollbar {
    background-color: transparent;
    width: 16px;
}

textarea::-webkit-scrollbar-track {
	background-color: #fff !important;
}

.dark-theme textarea::-webkit-scrollbar-track {
    background-color: #E4E6EB !important;
}
textarea {
    cursor: auto;
}

    textarea::-webkit-scrollbar-thumb {
        border-radius: 16px;
        border: 4px solid #fff;
    }

.newsection select#sectionid {
    display: inline-flex;
}

/*table with sort icons */

table#invoicegrid [aria-label^="Invoice Qty"] .sort_icon:before,
table#invoicegrid [aria-label^="Invoice Qty"] .sort_icon:after,
table#invoicegrid [aria-label^="Invoice Value ($)"] .sort_icon:after,
table#invoicegrid [aria-label^="Invoice Value ($)"] .sort_icon:before {
    position: absolute;
    top: 50%;
    font-size: 12px;
    margin-left: 6px;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

table#invoicegrid [aria-label^="Invoice Value ($)"] .sort_icon:before,
table#invoicegrid [aria-label^="Invoice Qty"] .sort_icon:before {
    content: '\e9c1' !important;
    margin-top: -2px;
    color: #999999;
    font-family: 'icomoon';
}

table#invoicegrid [aria-label^="Invoice Value ($)"] .sort_icon:after,
table#invoicegrid [aria-label^="Invoice Qty"] .sort_icon:after {
    content: '\e9c2' !important;
    margin-top: -10px;
    color: #999999;
    font-family: 'icomoon';
}


/* report section 3 buttons */

.tableRightButtonsAlign > ul.icons-list li > a.btn {
    padding: 1px 12px !important;
}

.icon-file-pdf:before {
    content: "\ef36";
    font-size: 22px;
    color: #f00;
}
/*table.table-condensed tr td.today {
    background: orange !important;
    border-radius: 3px;
}*/
.transfer-double-group-list-ul .transfer-double-group-list-li {
    margin-top: 0 !important;
    padding-top: 5px;
    /*margin-bottom: 0;
cursor: pointer;
margin-left: 0px;*/
}

.transfer-double-selected-list-main .transfer-double-selected-list-ul .transfer-double-selected-list-li {
    margin-top: 0 !important;
    cursor: pointer !important;
}

ul.transfer-double-selected-list-ul {
    padding-top: 8px;
}

.transfer-double-selected-list-content .checkbox-group label p {
    margin-bottom: 0 !important;
    cursor: move !important;
    display: block;
    width: 664px;
    overflow-x: hidden;
}

table#invoicegrid th[aria-label^=" Item Status:"] div span.sort_icon:before,
table#invoicegrid th[aria-label^=" Item Status:"] div span.sort_icon:after {
    right: 25px;
}

.transfer-double-selected-list-content .checkbox-group label {
    cursor: pointer !important;
}

.transfer-double-list-main .transfer-double-group-list-ul .transfer-double-group-list-li .transfer-double-group-list-li-ul {
    padding-left: 0;
}

ul.transfer-double-selected-list-ul li.transfer-double-selected-list-li > .checkbox-group {
    margin-bottom: 0;
}

.quantityall th, #divQty1, #divQty2, #divQty3, #divQty4 {
    text-align: end !important;
}
/*table#inkcosttable tr th:nth-child(2) {
    text-align: start !important;
}*/

li.mt-3 {
    margin-top: 1px;
}

#costselected td#0 {
    text-align: center !important;
}

.note-toolbar .note-check {
    width: 140px;
    z-index: 999;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.note-fontname button.note-btn {
    width: 140px;
}

.sidebar-default .navigation li.active > a {
    /* color: #333333 !important;*/
    color: #1e88e5 !important;
}

.sidebar-default ul.navigation li.active ul li:hover > a {
    background-color: #ececec !important;
    color: #1e88e5 !important;
    text-decoration: none !important;
}

.dark-theme .sidebar-default ul.navigation li.active ul li:hover > a {
    background-color: #222222 !important;
    color: #2188e5 !important;
    text-decoration: none !important;
}

@media (max-width: 2600px) and (min-width: 1700px) {
    .customRadioSpan:before {
        left: 4px;
        top: 4px;
    }
}

@media (max-width: 3000px) and (min-width: 2600px) {
    .customRadioSpan:before {
        left: 5px;
        top: 5px;
    }
}

@media (width: 1920px) {
    .customRadioSpan:before {
        left: 3px !important;
        top: 3px !important;
    }
}

@media screen and (max-width: 768px) {
    .addmoreinfobody .col-md-6.col-sm-6.col-xs-12:nth-child(odd), .addmoreinfobody .col-md-6.col-sm-6.col-xs-12:nth-child(even) {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    ul.dropdown-menu.notelist.show {
        position: absolute;
        z-index: 999;
        background: #fff !important;
    }
}

.totalsellingprice table tfoot td #lbltotal3, .totalsellingprice table tfoot td #lbltotal4 {
    padding-right: 0px !important;
}

.twolineEllipsis, .settingsPageForm .col-sm-6 .col-md-4.col-sm-6 > .form-group label + p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: -webkit-box !important;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#additionaloptiongroupid .dualListBoxWithTable .datatable-header {
    top: -46px !important;
}

.table#estimatedepartment > tbody > tr > td {
    white-space: inherit;
}

/*.tableHeaderSticky .datatable-scroll table thead th:first-child{
    min-width: 60px !important;
}*/

.ItembasedQuicklinks ul li br, ul.additionalul .btncollapse, .qItemsQuantity .btncollapse {
    display: none !important;
}

select#ddlview + span.select2 .select2-selection, select#ddlestimateboardsortby + span.select2 .select2-selection, select#ddljobboardsortby + span.select2 .select2-selection {
    height: 31px;
    padding-top: 5px;
}

i#Clr_flt + a {
    padding: 5px 17px !important;
}

.qItemsQuantity li.artwork .media-right p {
    /*    direction: rtl;*/
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

    .qItemsQuantity li.artwork .media-right p span a {
        display: -webkit-box;
        max-width: 100%;
        max-height: 29px;
        margin: 0 auto;
        font-size: 14px;
        line-height: 1;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.dark-theme .class_white b {
    color: white !important;
}

#papercosttable input[id^="txtunitprice_"] {
    margin-right: 20px;
}

#papercosttable input#txtunitprice_0 {
    margin-right: 0px;
}

.dtfc-fixed-left {
    z-index: 20 !important;
}

.newYear + span.select2 {
    padding-left: 4px !important;
}

#suppliercostlist td:has(> .hide) {
    padding: 0 !important;
}

table#productcataloguetable tbody tr td:nth-child(6), table#productcataloguetable thead th:nth-child(6), table#invoicegrid thead th[aria-label^="User's Department:"] {
    text-align: start !important;
}

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

#productcataloguetable tbody tr td:last-child, #productcataloguetable tr th:last-child {
    text-align: start !important;
}

table#customergrid tbody td, table#TaskCallList tbody td {
    padding-right: 16px;
}

tr.GrossProfitmargin td, td#Sell_Price_Inc_Tx1, #GrossProfitPrice1currencyappend, #AllItem_GrossProfitDollar1, tr[background^= "#FFCC99 !important"] td, tr.GrossProfitmargin + tr td {
    font-weight: 700 !important;
}

.dark-theme.tr.GrossProfitmargin td, td#Sell_Price_Inc_Tx1, #GrossProfitPrice1currencyappend, #AllItem_GrossProfitDollar1, tr[background^= "#FFCC99 !important"] td, tr.GrossProfitmargin + tr td {
    font-weight: 600 !important;
}
    tr .Gross_Profit:not(.GrossProfitmargin) td {
    padding-top: 0px !important;
}

.mt-2 {
    margin-top: 2px;
}

table.allitemdesigns tr.jobshipAccounting td:first-child {
    display: inline-flex !important;
}

.confirm.primary-btn:hover {
    background-color: #1092f9 !important
}

.confirm.primary-btn {
    background-color: rgb(33, 150, 243) !important
}

table.allItemShipping tr.Selling_Price_Inc, table.allitemdesigns tr.Selling_Price_Inc td {
    background: #FFF2CC !important;
}

table.allItemShipping tr.Selling_Price_Inc, table.allItemShipping tr.SubtotalVal, table.allItemShipping tr.All_Items_Qty, table.allItemShipping tr.All_Items_Qty tr,
table.allItemShipping tr.SubtotalVal, table.allItemShipping tr.SubtotalVal td {
    background: #D0CECE !important;
}

.quotationTaskCallItems p {
    margin-bottom: 0;
    font-weight: 600;
    word-wrap: break-word !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#DivNotificationsNew .img-md {
    width: 28px !important;
    height: 28px !important;
}

#DivNotificationAlerts .media-left {
    padding-right: 12px !important;
    padding-top: 5px !important;
}

@media(min-width: 1300px) {
    #xtraLargepopup {
      /* // width: 1250px !important;*/
        margin: auto;
    }

    .xtraLargepopup {
        width: 1250px !important;
    }
}

#invoicegrid th[aria-label^="Invoice Status: activate"] div span.sort_icon, #invoicegrid th[aria-label^="Account Status: activate"] div span.sort_icon, #invoicegrid th[aria-label^="Invoice Due Date: activate"] div span.sort_icon,
#invoicegrid th[aria-label^="Supplier Invoice #"] div span.sort_icon, #invoicegrid th[aria-label^="Item Tax Name: activate"] div span.sort_icon, #invoicegrid th[aria-label^="Company Business"] div span.sort_icon,
#invoicegrid th[aria-label^="PaymentTerms: activate"] div span.sort_icon, #invoicegrid th[aria-label^="Accounting Code: activate"] div span.sort_icon {
    float: right !important;
}

.dark-theme .line-rgt {
    border-right-color: #E4E6EB !important;
}

.dark-theme #htmlbody .note-editable {
    background-color: white !important;
}

    .dark-theme #htmlbody .note-editable > p, .dark-theme #htmlbody .note-editable > p span, .dark-theme #htmlbody .note-editable > div {
        color: black;
    }

.dark-theme #htmlbody .note-editor .note-editing-area .note-editable.panel-body > p > font {
    color: #000;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.dark-theme input:-webkit-autofill,
.dark-theme input:-webkit-autofill:hover,
.dark-theme input:-webkit-autofill:focus,
.dark-theme input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #272626 inset !important;
    border-color: #252424;
}

.dark-theme input:-webkit-autofill {
    -webkit-text-fill-color: #E4E6EB !important;
}

.dark-theme #purchaseorderdalete span, .dark-theme #invoicenote span {
    color: #E4E6EB !important;
}

table.stockPosition th[aria-label*=" Inventory Code:"] {
    z-index: 1 !important;
}

.dark-theme #templatesubmit #div_EditFields table > tbody > tr td:hover {
    color: #000 !important;
}

.dark-theme #templatesubmit #div_EditFields table > tbody > tr td, .dark-theme #templatesubmit #div_EditFields table > tbody > tr td input {
    background-image: url(../images/thought_bot_center.gif) !important;
}

    .dark-theme #templatesubmit #div_EditFields table > tbody > tr td input {
        color: #000 !important;
    }

.dark-theme #templatesubmit td input {
    color: #000 !important;
}

.dark-theme #templatesubmit #div_EditFields table > tbody > tr td, .dark-theme #templatesubmit #div_EditFields table > tbody > tr td div {
    color: #000 !important;
}

.dark-theme #templatesubmit table td .settingsPageForm input {
    color: #E4E6EB !important;
}

.dark-theme table.TimeRaxCalculation tr.colorGrey {
    background-color: rgba(255, 255, 255, .05) !important;
}

.dark-theme span.qticker, .dark-theme span.Widthlabel {
    /*  border: 1px solid #545454 !important;*/
    border: 1px solid #4c4b4b !important;
    border-right: 1px solid #4c4b4b !important;
}

.dark-theme .artworkApprove-tables table td p {
    color: #E4E6EB !important;
}

.dark-theme #mutifunctionality {
    background: #ffffff29 !important;
}

table#invoicegrid th[aria-label*="Item Status:"] div span.sort_icon:before, table#invoicegrid th[aria-label*="Item Status:"] div span.sort_icon:after {
    right: 25px !important;
}

span.qticker {
    font-weight: 600 !important;
}

#popmodel table#tdsheetfedpaper tr th[aria-label="Cost Price ($)"] {
    padding-right: 5px !important;
}

#popmodel table#tdsheetfedpaper tr th[aria-label^="Supplier"] {
    padding-left: 7px !important;
}

body.NormalBody .each_field .customCheckBox .customCheckSpan {
    width: 15px !important;
    height: 14px !important;
    top: 4px !important;
}

    body.NormalBody .each_field .customCheckBox .customCheckSpan:before {
        width: 8px;
        height: 4px;
    }

.customCheckBox .customCheckSpan { /* small checkbox   */
    width: 15px !important;
    height: 14px !important;
    top: 3px;
}

    .customCheckBox .customCheckSpan:before { /* small checkbox   */
        width: 8px;
        height: 4px;
    }

body.NormalBody .each_field .customCheckSpan:before {
    top: 2px !important;
}

.EnableSheetCo, .StockSupplyy {
    float: right;
}

.productdimensions .div_trim, .productinfo .specialcolour {
    clear: both;
}

h5 label.customCheckBox span.customCheckSpan {
    margin-left: -10px;
}

.estimate-summary-tabs .tabbable ul.nav-tabs {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

.dark-theme #CustomerDetailspage .heading-elements > ul > li > label {
    color: #E4E6EB !important
}

.dark-theme .highlightfilter .tableColumnFilter {
    background: #313030 !important;
}

.dark-theme .highlightfilter a.btn-default:hover {
    background: rgb(0 0 0 / 80%) !important;
}

.dark-theme .estimateSummarySidebarDetailsBody .AllItemsQuicklinks span.pull-right {
    color: #E4E6EB !important;
}

@media screen and (min-width: 1925px) {
    .multiplenew + span.select2, #suppliercostlist select.select-100-last + span, #suppliercostlist select.select-100-last + span {
        width: 100% !important;
    }
}

@media screen and (max-width: 768px) {
    .nav-tabs.nav-justified > li {
        flex: 1;
    }

    .heightwidthsheetbooklet .col-sm-6:nth-child(2) {
        margin-top: 12px !important;
    }

    .span.Widthlabel {
        width: 29px !important;
    }

    #qtyinputs .col-sm-3 {
        padding: 0 !important;
        margin-right: 2px !important;
    }

        #qtyinputs .col-sm-3 input {
            padding: 3px !important;
        }

    .guttercustomize input {
        max-width: 140px !important;
    }

    .estimateinfo #validfor + span {
        width: 100% !important;
    }
}

@media screen and (min-width: 1925px) {
    .multiplenew + span.select2, #suppliercostlist select.select-100-last + span, #suppliercostlist select.select-100-last + span {
        width: 100% !important;
    }
}

.dark-theme .icon-trash {
    color: #f44336 !important;
}

.dark-theme .btn-arrow-active {
    background: #2196f3 !important;
}

.dark-theme .icon-user-tie {
    color: #ffffff !important;
}

.dark-theme .btn-custom {
    background-color: rgb(49 46 48);
    color: #E4E6EB;
    border-color: rgba(255, 255, 255, .2);
    transition: 0.3s ease all;
}
/*.dark-theme .cursorpot {
	background-color: white;
}*/
.dark-theme page-header-default .breadcrumb-line:not([class*=bg-]) {
    background-color: #000 !important;
}

.dark-theme .page-header-default .breadcrumb-line:not([class*=bg-]) {
    background-color: #000 !important;
}

.dark-theme .footer {
    background-color: #000;
}

.dark-theme .pageHeading {
    background-color: #000 !important;
}

.dark-theme .content-wrapper {
    background-color: #000 !important;
}

.dark-theme .form-control {
    background: #3A3B3C !important;
}

.dark-theme .btn-custom {
    background-color: #4E4F50 !important;
    border-color: rgb(255 255 255 / 0%) !important;
}

.dark-theme .quotationDescItems div {
    background: #18191A !important;
}

.dark-theme .quotationDescItems div {
    background: #18191A !important;
}

.dark-theme span.Widthlabel {
    background-color: #4E4F50 !important;
}

.dark-theme .customspace {
    background-color: #000 !important;
}

/*.dark-theme .SellingRed {
	color: #F9F518 !important;
}
	.dark-theme .SellingRed b {
		color: #F9F518 !important;
	}*/

.dark-theme .modal-header {
    background: #0683FE;
}

.dark-theme .btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow), .dark-theme .btn.bg-primary:not(.action) {
    background: #0866FF !important;
    border: 2px solid #0866FF !important;
}

    .dark-theme .btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow):before, .dark-theme .btn.bg-primary:not(.action):before {
        background: #0866FF !important;
        border: 2px solid #0866FF !important;
    }

.dark-theme .requiredInput, .dark-theme select.requiredInput + .select2.select2-container .selection .select2-selection,.dark-theme .required .filename {
    box-shadow: 3px 0 0 0 inset #C46735 !important;
}
.dark-theme .btn.bg-slate {
    border: 2px solid #3A3B3C;
    transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.dark-theme .btnPrimary,.dark-theme .btnPrimary:hover {
    background: #0866FF !important;
    border-color: #0866FF !important;
    /*    color: #2196f3 !important;
*/
}

.dark-theme .bg-slate-700 {
    background: #3A3B3C;
    border-color: #3A3B3C;
}
.dark-theme .btn.bg-info-600:before {
    background: #0866FF !important;
    border-color: #0866FF !important;
}

.dark-theme .btn.bg-info-600 {
    background: #0866FF !important;
    border-color: #0866FF !important;
}
.dark-theme .editcustombtn .btn {
    color: #fff;
    background-color: #0866FF;
    border-color: #0866FF;
}
.dark-theme ul.dropdown-menu a:focus {
    background-color: #333;
}

.dark-theme .highlight:not(.table-border-space-none) > tbody > tr:hover {
    background-color: rgba(255, 255, 255, .05) !important;
}
.dark-theme .spinner-key.active i {
    color: #fff !important;
}

@media (max-width: 600 px) {
    .charly .form-group {
        margin-bottom: 0px;
    }
}


.dark-theme .btnDefault:before {
    background: #0866FF;
}
.datatable-scroll {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}