/*

File: Custom Css File
*/


.ctl-nav-ovr-hid{
    overflow: hidden;
}
.cmp-hdr-drp-blo .topbar-head-dropdown .dropdown-menu.ctl-hdr-log-drp.show {
    top: 6px !important;
    padding-bottom: 0;
    overflow: hidden;
    padding-top:0; 
}

.fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.fc .fc-button-primary:not(:disabled):active:focus {
    box-shadow: none;
}

.cmp-btn-blo {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
}






.cmp-hei-hun {
    height: 100%;
}

.cmp-hei-hun span.search-widget-icon {
    top: 60%;
    transform: translateY(-60%);
    line-height: normal;
    z-index: auto;
}

.cmp-hei-hun input {
    height: 33px !important;
}
.ctl-cho-zin{
    z-index: 11;
}
.cmp-lis-pag .choices__inner {
    border: 1px solid #e8e8e8;
    background: #ffffff;
    width: 75px;
    height: 33px;
}

.choices__inner {
    min-height: auto;
}

.choices__list--single {
    padding: 1px 16px 1px 4px;
}

.cmp-act-wid .choices__inner {
    width: 100px;
}

.cmp-lis-pag .choices__list--dropdown {
    padding-top: 0;
}

.cmp-lis-pag .choices__list--dropdown .choices__list {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.cmp-cus-pag-sty .dataTables_paginate .pagination .active>.page-link {
    background-color: #173136 !important;
}

.cmp-cus-pag-sty .dataTables_paginate .pagination .active>.page-link,
.cmp-cus-pag-sty .dataTables_paginate .pagination .page-link.active {

    border-color: #173136;
    color: #ffffff;
}

.cmp-cus-pag-sty .dataTables_paginate .pagination li a {
    color: #515254;
}

.ctl-frm-chk .form-check-input:checked {
    background-color: #ed5e5e;
    border: none;
}

.ctl-frm-chk .form-check-input[type=checkbox] {
    border-radius: 0;
}

table.ctl-frm-chk.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.ctl-frm-chk.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: #ed5e5e;
    box-shadow: none;
    border-radius: 0;
    height: 16px;
    width: 16px;
    line-height: normal;
    margin-top: -8px;
    border: 0;
}

.MSAPencil{
    display: grid;
    grid-template-columns: auto 20px;
    align-items: center;
}
.SOWPencil{
    display: grid;
    grid-template-columns: auto 20px;
    align-items: center;
}




.ctl-tab-act-btn-wid {
    width: 30px;
    height: 30px;
}


.swal2-actions button {
    width: 115px;
    height: 33px;
    line-height: normal;
    font-size: 13px !important;
}

.swal2-actions button:focus {
    box-shadow: none !important;
}

.ctl-arc-pop-btn,
.ctl-aai-pop-btn {
    width: 125px !important;
}

div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) .swal2-html-container {
    margin-top: 0 !important;
}

.swal2-close:hover {
    color: #121212;
    transition: all 0.4;
}

.swal2-icon.swal2-warning {
    border-color: #ed5e5e;
    color: #ed5e5e;
}

.swal2-popup .swal2-html-container {
    color: #5a5d60eb;
}

table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_desc_disabled:after {
    top: 12px;
}

.swal2-file:focus,
.swal2-input:focus,
.swal2-textarea:focus {
    border-color: #ced4da;
}

.ctl-com-bor-pop {
    background-color: #ffffff;
    border: 1px solid #ced4da;
}

.modal-content,
.swal2-popup.swal2-modal {
    border-radius: 4px;
}
.modal-content{
    border: none;
}
.swal2-container .swal2-title {
    padding-bottom: 24px;
}

.select2-dropdown {
    border: 1px solid #f9f9f9 !important;
}

.cmp-sel-box-cus .select2-container--default .select2-selection--single {
    background-color: #ffffff;
    border: 1px solid #ced4da;

}

.ctl-sel-hei-top .select2-container--default .select2-selection--single {
    height: 33px !important;
    padding-top: 2px !important;
}

.cmp-sel-box-cus .select2-container--default .select2-selection--single .select2-selection__arrow {
    /* right: 13px; */
    right: 8px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.select2-container--default .select2-results__option--selected {
    background-color: #f4f4f4 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ced4da !important;
}

.cmp-css-ovr {
    border: none;
    box-shadow: none;
    padding: 15px 15px 15px 15px;
}

.cmp-pad-cal {
    padding: 0 15px 0 15px;
}

.ctl-che-foc:focus {
    outline: none;
}

.ctl-che-foc .form-check-input {
    cursor: pointer;
}

.ctl-che-foc .form-check-input:checked,
.ctl-che-box .form-check-input:checked,
.ctl-rad-che .form-check-input:checked,
.cmp-pge-che-inp .form-check-input:checked,
.ctl-che-sch-box .form-check-input:checked {
    background-color: #173136;
    border-color: #173136;
}

/* .ctl-che-tab:checked {
    background-color: #173136 !important;
    border-color: #173136 !important;
} */
.ctl-che-cal-res{
    margin-top:15px;
}
.ctl-che-cal .form-check-input:checked {
    background-color: #173136;
    border-color: #173136;
}
.ctl-che-cal .form-check-input{
    margin-top:0;
}
.ctl-che-cal .form-check{
    margin-bottom:0;
    margin-right: 10px;
}
.ctl-che-box {
    margin-bottom: 0;
    align-items: flex-start !important;
}

.ctl-wid-sel-cus,.ctl-sel-cus-wid {
    width: 190px;
}

.cmp-bot-mar {
    margin-bottom: 16px;
}

.cmp-mar-bot {
    margin-bottom: 16px;
}

.cmp-aco-back-col {
    background-color: rgba(64, 81, 137, .05);
    border-color: rgba(64, 81, 137, .05);
    padding: 15px;
}

.cmp-bac-col .accordion-button {
    background-color: #ecedf3;
    border-color: #ecedf3;
}

.cmp-pos-rel {
    position: relative;
}

.cmp-pos-abl {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    z-index: 9;
}

.cmp-con-wid-blo span {
    width: 80%;
}

.cmp-pos-rel .accordion-button:not(.collapsed) {
    color: #121212;
}

.ctl-use-pad {
    padding: 5px 10px;
    width: 100px;
}

.ctl-lis-par li {
    line-height: 23px;
    font-size: 13px;
    font-weight: normal;
}

.ctl-lis-par {
    list-style-type: square;
    margin-bottom: 0;
}

.ctl-use-wid {
    width: 170px;
}

.ctl-box-sha-tab {
    -webkit-box-shadow: 0 0px 2px rgba(56, 65, 74, .15);
    box-shadow: 0 0px 2px rgba(56, 65, 74, .15);
}



.ctl-job-pag-hid .dataTables_info,
.ctl-job-pag-hid .dataTables_paginate {
    display: none;
}
.cmp-nav-act-bac{
    padding: 15px 15px;
}
.cmp-nav-act-bac .nav-pills .nav-link.active,
.cmp-nav-act-bac .nav-pills .show>.nav-link {
    background-color: #173136;
}

/* .cmp-nav-act-bac .nav-link:focus,
.cmp-nav-act-bac .nav-link:hover {
    color: #212529;
} */
.cmp-tra-btn button {
    justify-content: center;
    width: 130px;
}

.cmp-btn-blo button,
.cmp-tra-btn button {
    font-size: 14px;
    line-height: normal;
    padding: 5px 10px;
}

.cmp-btn-blo button i,
.cmp-tra-btn button i,
.ctl-tab-act-btn-wid i {
    font-size: 16px;
}

.ctl-pop-men-btn {
    height: 33px;
    line-height: normal;
    padding: 4px 5px;
    width: 120px;
}

.ctl-pop-upe-btn {
    height: 33px;
    line-height: normal;
    padding: 4px 10px;
}

.cmp-btn-blo button,
.ctl-pop-clo-btn,
.ctl-pop-sav-btn,
.ctl-tab-btn-wid,
.cmp-tra-btn button {
    height: 33px;
}


.cmp-btn-blo button,
.ctl-pop-clo-btn,
.ctl-pop-sav-btn,
.ctl-tab-btn-wid {
    width: 100px;
    line-height: normal;
    justify-content: center;
}

.ctl-pop-clo-btn,
.ctl-pop-sav-btn {

    min-height: 33px;
    padding: 4px 5px;
}

.cmp-cal-hdr-col .fc .fc-col-header-cell {
    background-color: #C9DCBD !important;
}

.cmp-cal-hdr-col .fc-toolbar-chunk .fc-today-button {
    background-color: #e6e6e6 !important;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}

.cmp-cal-hdr-col .fc-toolbar-chunk .fc-button-group .fc-button {
    color: #333333;
}

.cmp-cal-hdr-col .fc-toolbar-chunk .fc-button-group .fc-button.active,
.cmp-cal-hdr-col .fc-toolbar-chunk .fc-button-group .fc-button:hover {
    color: #333333;
    background-color: #ced4da;
}

.cmp-cal-hdr-col .fc .fc-button-primary:not(:disabled).fc-button-active,
.cmp-cal-hdr-col .fc .fc-button-primary:not(:disabled):active {
    background-color: #ced4da !important;
    border-color: #ced4da !important;
    color: #333333 !important;
}

.form-check-input {
    width: 1rem;
    height: 1rem;
}

.ctl-hov-txt:focus,
.ctl-hov-txt:hover {
    color: #333333;
}

.ctl-no-res-ico {
    width: 72px;
    height: 72px;
}

.ctl-lis-pag-cus table.dataTable {
    margin-bottom: 15px !important;
    margin-top: 0 !important;
}
.ctl-tab-pag-cus table.dataTable {
    margin-top: 0 !important;
}
.ctl-lis-pag-cus .dataTables_info,
.ctl-tab-pag-cus .dataTables_info {
    width: 50%;
    float: left;
    padding-top: 0;
}

.ctl-lis-pag-cus .dataTables_paginate,
.ctl-tab-pag-cus .dataTables_paginate {
    width: 50%;
    float: right;
}
.ctl-tab-pag-cus .dataTables_wrapper .dataTables_scroll{
    margin-bottom: 15px;
}
/*  */

.cmp-box-sha-non {
    box-shadow: none;
    margin-bottom: 0;
}

.ctl-lft-inp-rad input,
.ctl-lft-inp-cal input {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}
.ctl-rit-inp-rad,.ctl-sig-inp-ror{
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.ctl-pad-top-che label {
    padding-top: 4px;
}



/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/*  */
.ctl-fis-col-wid {
    width: 10px !important;
}

.ctl-btn-act-wid {
    width: 80px;
    height: 30px;
}

.ctl-pag-lnk-col {
    color: #212529;
}

.ctl-pag-lnk-col:hover {
    color: var(--vz-pagination-active-color);
    background-color: var(--vz-pagination-active-bg);
    border-color: var(--vz-pagination-active-border-color);
}

.ctl-pagination-list li a {
    margin-left: 0 !important;
}

.ctl-pagination-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(33px, 1fr));
    text-align: center;
    grid-gap: 8px;
}

.ctl-pagination-list li {
    width: 100%;
}

/*  */
.ctl-clo-chk .form-check-label {
    padding-top: 4px;
}

.ctl-clo-chk {
    padding-bottom: 8px;
}

.cmp-number-block {
    display: grid;
    grid-template-columns: 110px auto 40px;

    grid-gap: 10px
}

.cmp-email-block {
    display: grid;
    grid-template-columns: auto 40px;

    grid-gap: 10px
}

.cmp-mod-bac-col {
    --vz-modal-bg: #f3f6f9;
}



.cmp-mod-pad-bot {
    padding-bottom: 15px !important;
}

.ctl-con-det-mar {
    margin-top: 20px;
}

.ctl-pop-can-btn {
    background-color: #e7e7e7;
    border: 1px solid #e7e7e7;
}

/* .cmp-sow-block { */
    /* display: grid; */
    /* grid-template-columns: auto 40px; */
    /* grid-template-columns: 100%; */
    /* grid-gap: 10px; */
/* } */

.ctl-tit-fon-siz {
    font-size: 14px;
}

.btn-cus-hei-wid {
    width: 24px;
    height: 24px;
}

.ctl-pad-man-lab {
    padding-bottom: 5px;
}

.ctl-hei-btn {
    height: 33px;
}

/*  */




.ctl-tab-inp-foc input,.ctl-nes-tab-ico .accordion-button {
    color: #878a99;
}
.ctl-nes-tab-ico .accordion-button:focus{
    color: #878a99;
}
.ctl-tab-inp-foc input:focus {
    border-color: #ced4da;
    color:#878a99;
}



.ctl-nes-tab-sho {
    display: block;
}

.ctl-row-bac-col {
    background-color: #ffffff;
    animation: background-fade 4s linear;
    animation-iteration-count: 1;
}


@keyframes background-fade {
    0% {
        background-color: #ecedf3;
    }

    25% {
        background-color: #ecedf3;
    }

    50% {
        background-color: #ffffff;
    }

    75% {
        background-color: #ffffff;
    }

    100% {
        background-color: #ffffff;
    }
}


.ctl-pur-mar-bot {
    margin-bottom: 15px;
}

.ctl-nes-tab-ico i {
    cursor: pointer;
    color: #173136;
    font-size: 20px;
}

.clt-ico-siz {
    font-size: 18px;
    cursor: pointer;
}


.lineHeightNormal {
    line-height: normal;
}



.live-preview .lefticon-accordion .accordion-button::after {
    top: 16px;
}
.live-preview .lefticon-accordion .accordion-button:not(.collapsed)::after{
    top: 18px;
}

.btn-light {
    background-color: #ced4da;
    border-color: #ced4da;
}


.form-control:focus {
    border-color: #ced4da;
}

/*  */
.ctl-bro-vie-txt {
    padding-top: 8px;
}


.sweet-theme-confirm-btn {
    background-color: #173136 !important;
    border: none;
}

.btn-theme-bg {
    background-color: #173136;
    color: #ffffff;
}

.btn-theme-bg:focus,
.btn-theme-bg:hover,
.btn-theme-bg:focus-visible {
    background-color: #173136;
    color: #ffffff;
}

.btn-theme-bg:active {
    background-color: #173136 !important;
    color: #ffffff !important;
}

.bg-theme-col {
    background-color: #173136;
    color: #ffffff;
}

.bg-theme-light {
    background-color: #ced4da;
    color: #000000;
}



.btn-theme-inactive-bg,
.btn-theme-active-bg {
    border: none;
}

.btn-theme-inactive-bg,
.bg-theme-ina-col {
    /* background-color: #ced4da; */
    background-color: #f7b84b;
    color: #ffffff;
}

.btn-theme-inactive-bg:active {
    /* background-color: #ced4da !important; */
    background-color: #e9aa3c !important;
    color: #ffffff !important;
}

.btn-theme-inactive-bg:focus,
.btn-theme-inactive-bg:hover,
.btn-theme-inactive-bg:focus-visible {
    /* background-color: #c0c3c5; */
    background-color: #e9aa3c;
    color: #ffffff;
}

.btn-theme-inactive-bg:disabled {
    /* background-color: #ced4da; */
    background-color: #f7b84b;
    color: #ffffff;
    border: none;
}

.btn-theme-active-bg:disabled {
    background-color: #50c3e6;
    color: #ffffff;
}

/*  */


.btn-theme-archive-bg,
.bg-theme-arc-col {
    background-color: #ff7070 !important;
    color: #ffffff !important;
}

.btn-theme-archive-bg {
    border: none;
}

.btn-theme-archive-bg:active {
    background-color: #ed5e5e !important;
    color: #ffffff !important;
}

.btn-theme-archive-bg:focus,
.btn-theme-archive-bg:hover,
.btn-theme-archive-bg:focus-visible {
    background-color: #c95050 !important;
    color: #ffffff;
}

/*  */
.ctl-act-ina-txt {
    font-size: 13px;
    line-height: normal;
    font-weight: normal;
    width: 70px;
}

.btn-theme-active-bg,
.bg-theme-act-col {
    background-color: #50c3e6;
    color: #ffffff;
}

.btn-theme-active-bg:active {
    background-color: #50c3e6 !important;
    color: #ffffff !important;
}

.btn-theme-active-bg:focus,
.btn-theme-active-bg:hover,
.btn-theme-active-bg:focus-visible {
    background-color: #2cb6e0;
    color: #ffffff;
}


.ctl-sel-all-che .table .form-check {
    justify-content: flex-end;
}

table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%;
}

table.dataTable>tbody>tr.child span.dtr-title {
    padding-bottom: 6px;
    /* padding-bottom: 0; */
}

@media only screen and (min-width: 992px) {
    .action-width {
        width: 85px !important;
    }

    .action-all-info {
        width: 140px !important;
    }
}


.ctl-rad-bor-lft {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.ctl-rad-bor-rit {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.permission-width {
    width: 210px;
}

.ctl-use-per-dat {
    display: flex;
    align-items: center;
}

.ctl-use-per-dat i {
    margin-right: 5px;
}

/*  */
.btn-bg-dot {
    background-color: #173136;
    color: #ffffff !important;
}

.btn-bg-dot:hover {
    background-color: #173136;
    color: #ffffff !important;
}


.btn-bg-dot:active,
.btn-bg-dot:focus,
.btn-bg-dot:focus-visible {
    background-color: #173136 !important;
    color: #ffffff;
}

.ctl-dro-pad-zer ul,
.ctl-dro-men-zer {
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.ctl-dro-pad-zer ul li,
.ctl-dro-men-zer a {
    cursor: pointer;
}

.ctl-dro-men-zer a,
.ctl-dro-pad-zer ul li a {
    display: flex;
    align-items: center;
}

.ctl-btn-pus-pge {
    height: 33px;
    line-height: normal;
}

/*  */
.ctl-tab-sor-hea thead tr th {
    position: relative;

}

.ctl-tab-sor-hea thead tr th span {
    padding-right: 20px;
    white-space: nowrap;
    line-height: 20px;
}

.ctl-tab-sor-hea thead tr th:first-child {
    width: 200px;
}

.ctl-sorting-icon {
    float: right;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
}

.ctl-che-foc .form-check-input:checked {
    background-color: #173136;
    border-color: #173136;
}

.ctl-nta-fon-siz {
    line-height: normal;
}

.cmp-pur-act-col .lefticon-accordion .accordion-button::after{
    top: 18px;
}

.cmp-cos-man-col .lefticon-accordion .accordion-button::after {
    top: auto;
}
.cmp-pur-act-col,
.cmp-cos-man-col {
    background-color: #9494940d;
    padding: 15px;
    border-radius: 0.25rem;
}

.cmp-pur-act-col .ctl-acc-btn-bg,.cmp-cos-man-col .ctl-acc-btn-bg{
    line-height: normal;
    font-weight: 500;
    color: #495057;
}
.cmp-cos-man-col, .ctl-nes-btn-bg{
    line-height: normal;
    font-weight: 500 !important;
    color: #495057;
}

.cmp-pur-act-col .ctl-acc-btn-bg:not(.collapsed),
.cmp-cos-man-col .ctl-acc-btn-bg:not(.collapsed) {
    color: #495057;
    background-color: #ecedf3;
}
.cmp-cos-man-col .ctl-nes-btn-bg:not(.collapsed){
    color: #495057;
    background-color: #ecedf3;
}
.cmp-pur-act-col .accordion-item,
.cmp-cos-man-col .accordion-item{
    border:1px solid #e7e7e7;
    border-radius: 0.25rem;
}
.cmp-pur-act-col .ctl-nta-dis-flx.accordion-button:not(.collapsed),
.cmp-cos-man-col .ctl-nta-dis-flx.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}
.cmp-pur-act-col .ctl-nta-dis-flx,
.cmp-cos-man-col .ctl-nta-dis-flx{
    white-space: nowrap;
}
.cmp-cos-man-col .ctl-nta-dis-flx{
    padding-top:5px;
    padding-bottom: 5px;
}
.cmp-pur-act-col .custom-accordionwithicon .accordion-button::after{
    line-height: 12px;
}

.cmp-cos-man-col .custom-accordionwithicon .accordion-button::after{
    line-height: 12px;
}
.cmp-pur-act-col .accordion-border-box .accordion-item:not(:first-of-type),
.cmp-cos-man-col .accordion-border-box .accordion-item:not(:first-of-type) {
    margin-top: 13px;
}
.ctl-tab-nor-fon tr td{
    font-weight: normal;
}
.ctl-nta-dis-flx {
    background-color: transparent;
    cursor: pointer;
}

.ctl-acc-res-bod {
    padding: 15px;
}


.new-items-table td.ctl-netab-pad {
    padding: 15px;
}

.nestedTable {
    display: none;
}

/*  */
h4.modal-title {
    line-height: normal;
}

.cmp-sel-mul-cus .select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: #173136;
    border: none;
    margin-top: 8px;
    border-radius: 3px
}

.cmp-sel-mul-cus .select2-container .select2-selection--multiple .select2-selection__choice button {
    color: #ffffff;
    background: transparent;
}

.cmp-sel-mul-cus .select2-container--default .select2-selection--multiple {
    height: 37px !important;
}

.ctl-pop-des-txt p {
    font-size: 13px;
    line-height: normal;
    margin-bottom: 0;
    color: #ed5e5e;
    padding-top: 8px;
}



/*start of single select with radio and checkbox  */
.cmp-drp-che-rad {
    width: 160px;
    position: relative;
}

.ctl-drop-header-blo {
    border-radius: 0.25rem;
    color: #333333;
    border: 1px solid #e8e8e8;
    background: #ffffff;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
}

.ctl-drop-header-tit {
    display: block;
    padding: 7px 10px;
    -webkit-box-flex: 8;
    -moz-box-flex: 8;
    box-flex: 8;
    -webkit-flex: 8;
    -moz-flex: 8;
    -ms-flex: 8;
    flex: 8;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;

}



.ctl-drop-header-btn .ctl-sel-icon {
    display: block;
    position: relative;
    width: 1em;
    height: 1em;
    margin: 0 auto;
}

.ctl-drop-header-btn .ctl-sel-icon:before,
.ctl-drop-header-btn .ctl-sel-icon:after {
    content: "";
    position: absolute;
}

.ctl-drop-header-btn {

    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    color: #ffffff;
    padding: 0;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-left: 1px solid #e0e0e0;

}

.ctl-drop-header-btn .ctl-sel-icon {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ctl-drop-header-btn .ctl-sel-icon:before,
.ctl-drop-header-btn .ctl-sel-icon:after {
    top: 30%;
    left: 25%;
    width: 50%;
    height: 15%;
    background: #111;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ctl-drop-header-btn .ctl-sel-icon:after {
    top: 55%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ctl-drop-header-btn.js-open {
    background: transparent;
}

.ctl-drop-header-btn.js-open .ctl-sel-icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ctl-drop-header-btn.js-open .ctl-sel-icon:before,
.ctl-drop-header-btn.js-open .ctl-sel-icon:after {
    background: #000000;
}

.ctl-drop-header-btn:focus {
    outline: none;
}

.ctl-drop-body-blo {
    overflow: hidden;
    width: 100%;
    max-height: 0;
    background-color: #ffffff;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    -webkit-box-shadow: 0 2px 10px #1e20251f;
    box-shadow: 0 2px 10px #1e20251f;
    position: absolute;
    top: 35px;
    z-index: 2;
}

.ctl-drop-body-blo.js-open {
    max-height: 20em;
}

.ctl-drop-body-blo label {
    display: block;
    font-size: 13px;
    color: #000000;
    text-decoration: none;
    padding: 10px 10px;
    font-weight: normal;
    cursor: pointer;
    line-height: normal;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.ctl-drop-body-blo label:not(:last-child) {
    border-bottom: 1px solid #ffffff;
}

.ctl-drop-body-blo label span {
    padding-left: 5px;
}

.ctl-drop-body-blo label:hover,
.ctl-drop-body-blo label.js-open {
    background: #f3f3f9;
}

/*end of single select with radio and checkbox  */
.cmp-vir-sel-nor {
    width: 150px;
}



.trade-act-col {
    color: #000000 !important;
}

.cmp-vir-sel-all {
    width: 190px;
}

/* .cmp-vir-tab-sel {
    width: 100%;
}

.cmp-vir-tab-sel .vscomp-ele {
    max-width: 100%;
} */
.cmp-zin-vir-sel{
    z-index: 5;
}
.cmp-vir-sel-cus .vscomp-wrapper {
    font-family: inherit;
}

.cmp-vir-sel-cus .vscomp-wrapper.focused .vscomp-toggle-button,
.cmp-vir-sel-cus .vscomp-wrapper:focus .vscomp-toggle-button {
    box-shadow: none;
}

.cmp-vir-sel-cus .vscomp-wrapper:not(.has-value) .vscomp-value {
    opacity: 1;
}

.ctl-drop-header-tit {
    height: 32px;
}

.cmp-vir-sel-cus .vscomp-toggle-button {
    height: 34px;
}

.cmp-vir-sel-cus .vscomp-toggle-button {
    border-radius: 0.25rem;
}

.cmp-vir-sel-cus .vscomp-option.focused {
    background-color: #f3f3f9;
}

.cmp-vir-sel-cus .vscomp-option.selected {
    background-color: #f3f3f9;
}

.vscomp-options div:not(:last-child) {
    border-bottom: 1px solid white;
}

.vscomp-search-container {
    border-bottom: 1px solid #e8e8e8 !important;

}

.ctl-ind-pag .pagination .active>.page-link,
.ctl-ind-pag .pagination .page-link.active {
    z-index: 1 !important;
}

.cmp-vir-sel-cus .vscomp-dropbox-close-button {
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
}

.ctl-chk-col-las {
    display: flex;
}

.ctl-chk-col-las .form-check {
    margin-right: 5px;
}

/* .cmp-sel-ico-non .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none !important;
} */

.cmp-tab-scr-mar .dataTables_scroll {
    margin-bottom: 15px;
}

.ctl-nor-blo {
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 4px;
    color: #444;
    line-height: normal;
    padding: 10px 12px;
    cursor: pointer;
}

@media only screen and (max-width:991px) {
    .ctl-nes-tab-scr {
        overflow: hidden;
        overflow-x: scroll;
    }
}

.cmp-tab-nes-pad-bot table.dataTable>tbody>tr.child ul.dtr-details>li {
    padding-bottom: 10px;
}

/*  */
.cmp-usr-tab-sky {
    position: sticky;
    top: -1px;
    z-index: 2;
    background-color: #ffffff;

}

.cmp-use-pad-top {
    padding-top: 0;
}

.ctl-cal-cho-mon .choices{  
    margin-bottom:0;
}
.ctl-cal-cho-mon .choices .choices__list--dropdown{
    padding: 0 14px 16px 14px;
}
.ctl-cal-cho-mon .choices__inner{
    border: 1px solid #ced4da;
    background: #ffffff;
    height: 37.78px;
    padding-left: 10px !important;
}

.ctl-cal-cho-mon .choices__inner .choices__item--selectable{
    line-height: 24px;
}
.ctl-che-flx-col{
    display: flex;
    flex-direction: column;
}
.ctl-che-flx-col .form-group{
    height: 100%;
}
.ctl-clo-txt-blo{
    margin-bottom:0;
}
.cmp-clo-blo-job{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
} 
.cmp-job-tab-res{
    justify-content: end;
}

/* start */
.cmp-mai-mar-bot{
    margin-bottom: 15px;
}
/* end */
.cmp-sel-box-cus .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 26px;
}
.ctl-com-bor-lne .select2-container--default .select2-selection--single{
    border: 1px solid #e8e8e8 !important;
}
/* disabled input and select */
.ctl-inp-dis-not input:read-only,.ctl-inp-dis-not input:disabled,
.ctl-inp-dis-not .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered{
    color: #7f7f7f;
}
.ctl-inp-dis-not input:read-only,.ctl-inp-dis-not input:disabled,
.ctl-inp-dis-not .select2-container--default.select2-container--disabled .select2-selection--single{
    background-color: #f3f6f9;
    cursor: not-allowed;
    
}
.ctl-cou-dis-not .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
    cursor: not-allowed;
    background-color: transparent;
}
/* end disabled input and select */
.ctl-tab-txt-ccl .accordion-button:not(.collapsed) {
    color: #878a9f;
}
/* .ctl-tab-txt-ccl .accordion-button{
    color: #878a9f;
} */

.cmp-tab-ove-hid{
    overflow-x: auto;
}
.ctl-vir-wid-sma{
    width: 120px;
}
.ctl-cus-bac-acc .accordion-button:not(.collapsed) {
    background-color: #ecedf3;
}
.ctl-scr-cos-blo{
    overflow-x: auto;
    padding-bottom: 20px;
}
.cmp-cosm-pol{
    padding-left:25px;
    margin-top:15px;
    margin-bottom:15px !important;
}
.ctl-wid-trc-blo{
    width: 700px;
}

@media only screen and (min-width:1920px) {
    .ctl-wid-trc-blo{
        width: 100%;
    }
    .ctl-wid-trc-blo .ctl-netab-pad{
        width: 100%;
    }
}
@media only screen and (min-width:1200px) {
    .ctl-scr-tab-blo{
        overflow-x: auto;
    }
}

.ctl-nowrap-txt{
    white-space: nowrap;
}


/*  */
.cmp-tab-cm-blo{
    gap: 8px;
}
.cmp-tab-cm-blo button{
    font-size: 14px;
    line-height: normal;
    padding: 5px 10px;
    height: 33px;
}
.cmp-tab-cm-blo button{
    width: 100px;
}

/*  */
.ctl-cs-sub-div{
    height: 110px;
  overflow-y: scroll;
}
.ctl-cs-sub-div .form-group:not(:last-child){
    margin-bottom: 10px;
}
.cmp-blo-cs-dis{
  background-color: #f7f7f7;
  padding: 15px;
  border-radius: 8px;
  margin-top:16px;
  display: none;
}
/* .ctl-grd-sub-div{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
} */



.ctl-che-lne-hei{
    line-height: 22px;
}
.ctl-anc-blo a:hover{
    text-decoration: underline;
}
.ctl-fil-vie-txt{
    padding-top: 3px;
}
/* existing modal popup modification start */

.ctl-pad-mod-hdr{
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px !important;
    padding-left: 15px;
}
.cmp-mod-bot-lne {
    border-bottom: 1px solid #f1f1f1;
}
.ctl-mod-clo-ico{
    font-size: 10px;
}
.ctl-pad-mod-bod{
    padding: 15px;
}
.ctl-com-mod-iom,.ctl-com-mod-som{
    margin-bottom: 15px;
}
.ctl-com-mod-lom{
    margin-bottom: 8px;
}


.ctl-cal-btn-mar,.ctl-btn-mar-top {
    margin-top: 15px;
}


/* existing modal popup modification end */
.ctl-job-tra-lis{
    margin-bottom: 15px;
}
.ctl-job-tra-lis h6{
    line-height: 21px;
    margin-bottom:0;
}
.ctl-act-wid-tab{
    width: 100px;
}

.ctl-lis-cus-pag table.dataTable {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}



  .ctl-tra-pls-ico table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before{
    left:9px;
  }

  .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent !important;
    border-width: 0 4px 5px 4px !important;
}
.ctl-che-lab-lne{
    line-height: 22px;
}
.ctl-mul-cou-sel .iti--allow-dropdown .iti__flag-container{
    height: 37.80px;
}
.ctl-mul-cou-sel .iti__flag-container .iti__selected-flag{
    border-right: 1px solid #ced4da;
}
/* scroll custom css start */
.ctl-scr-cus-blo .iti__country-list::-webkit-scrollbar-track,
.ctl-scr-tab-blo::-webkit-scrollbar-track{
	background-color: #F5F5F5;
}
.ctl-scr-cus-blo .iti__country-list::-webkit-scrollbar,
.ctl-scr-tab-blo::-webkit-scrollbar {
    width: 5px;
    height: 5px; 
} 
.ctl-scr-cus-blo .iti__country-list::-webkit-scrollbar-thumb,
.ctl-scr-tab-blo::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;  
    border-radius: 4px; 
}
/* scroll custom css end */

.ctl-exl-pdf-txt{
    font-weight: 500;
}
.btn:focus-visible{
    box-shadow: none;
}
.w-100px{
    width: 100px;
}
/*  */

.ctl-new-btn button,.ctl-del-btn button,.ctl-upd-btn label, .ctl-sav-btn button, .ctl-can-btn button,.ctl-pri-btn button,.ctl-exp-btn button{
    font-size: 14px;
    line-height: normal;
    padding: 5px 10px;
}
.ctl-new-btn button,.ctl-ser-inp .form-control,.ctl-del-btn button,.ctl-upd-btn label, .ctl-sav-btn button, .ctl-can-btn button,.ctl-pri-btn button,.ctl-exp-btn button{
    height: 33px;
}
.ctl-new-btn button,.ctl-del-btn button,.ctl-upd-btn label, .ctl-sav-btn button, .ctl-can-btn button,.ctl-pri-btn button,.ctl-exp-btn button{
    width:100px;
}
.ctl-new-btn button i,.ctl-del-btn button i,.ctl-upd-btn label i, .ctl-sav-btn button i, .ctl-can-btn button i,.ctl-pri-btn button i,.ctl-exp-btn button i{
    font-size: 15px;
}
.ctl-ser-inp .form-control{
    font-size: 14px;
    line-height: normal;
}

.ctl-ser-inp span.search-widget-icon {
    top: 60%;
    transform: translateY(-60%);
    line-height: normal;
}
.ctl-sch-pop-pic{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.ctl-pic-sha-non .pickr button.pcr-button:focus{
    box-shadow: none;
}
.ctl-icp-tit-mob{
    margin-bottom: 10px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination{
    --vz-pagination-border-radius: 0 !important;
}
/* .cursor-drag-icon tr:not(:first-child),
.cursor-drag-icon tr:not(:last-child){
    cursor: move;
} */
.cursor-drag-icon tr:focus-visible,.ctl-drag-icon:focus-visible{
    outline: none;
    outline-offset: 0;
}
.cursor-drag-icon tr td:nth-child(2),
.cursor-drag-icon tr td:nth-child(3),
.cursor-drag-icon tr td:nth-child(4),
.cursor-drag-icon tr td:nth-child(5),
.cursor-drag-icon tr td:nth-child(6),
.cursor-drag-icon tr td:nth-child(7){
    cursor: move;
}
.ctl-drag-icon{
    cursor: move;
}
.passwordEye{
    padding-right: 15px;
}
.ctl-col-pic-blo{
    /* display: table; */
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    width: 50px;
}
.ctl-col-pic-blo i{
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    color: #888888;
    cursor: pointer;
}


.ctl-cou-fla-blo .iti__selected-flag{
    border-right: 1px solid #ced4da;
    background-color: #eff2f7;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.ctl-pas-ico-pos span,.ctl-icp-ico-pos span{
    position: absolute;
    z-index: 9;
    right: 0;
}
.ctl-pas-ico-pos input,
.ctl-icp-ico-pos input{
    padding-right: 56px;
}
.ctl-pas-ico-pos input,.ctl-pas-ico-pos input.form-control.is-invalid,
.ctl-icp-ico-pos input,.ctl-icp-ico-pos input.form-control.is-invalid{
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}
.ctl-pas-ico-pos input.form-control.is-invalid,
.ctl-icp-ico-pos input.form-control.is-invalid{
    padding-right: 77px;
    background-position: right calc(3.375em + .25rem) center;
}
.cmp-sma-des-wid .select2-container .select2-selection--single .select2-selection__rendered{
    padding-right: 40px !important;
}
/*  */
@media only screen and (min-width:1200px){
    .ctl-mod-pop-scr{
        overflow-y: auto;
        height: 80vh;
    }
    .ctl-mod-pop-ovh{
        overflow-y: hidden;
    }
  

    /* scroll custom css start */
        .ctl-cus-web-scr::-webkit-scrollbar-track{
            background-color: #F5F5F5;
        }
        .ctl-cus-web-scr::-webkit-scrollbar {
            width: 5px;
            height: 5px; 
        } 
        .ctl-cus-web-scr::-webkit-scrollbar-thumb {
            background-color: #c1c1c1;  
            border-radius: 4px; 
        }
    /* scroll custom css end */

}
@media only screen and (min-width:1517px){
    .ctl-mod-pop-scr{
        overflow-y: auto;
        height: auto;
    }
    .ctl-mod-pop-ovh{
        overflow-y: hidden;
    }

}
.cmp-com-pro-bac{
    padding: 20px;
    border: 1px solid #f1f1f1;
    border-radius: 0.25rem;
    box-shadow: 0 0 3px #38414a26;
    height: 100%;
    display: table;
    width: 100%;
}
.ctl-pro-dis-ver{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.ctl-upd-btn{
    position: relative;
}
.ctl-upd-non{
    width: 100px;
    height:33px;
    margin: auto;
    visibility: hidden;
   
}
.ctl-upd-btn label{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    cursor: pointer;
}
.ctl-inp-file{
    position: absolute;
    width: 100px;
    left: 50%;
    transform: translateX(-50%);
    top:0;
    opacity: 0;
    height:100%;
    cursor: pointer;
    z-index: 1;
    display: none;
}

.cmp-cus-crd-hea{
    padding:0;

}
.cmp-cus-crd-hea .nav-tabs-custom .nav-item .nav-link::after{
    /* background: #b53635; */
    background: #173136;
    bottom:-1px;
    /* display: none; */
}
.cmp-cus-crd-hea .card-header-tabs{
    margin:0;
}

.ctl-tab-lis-txt .nav-tabs-custom.card-header-tabs .nav-link{
    font-size: 14px;
    /* color: #495057; */
    color: #747373;
    font-weight: 500;
    line-height: normal;
    /* padding-left:0; */
    padding-top:0;
    padding-bottom: 15px;
}
.ctl-tab-lis-txt .nav-tabs-custom .nav-item .nav-link.active{
    /* color: #b53635; */
    color: #173136;
}
.ctl-tab-lis-txt ul li:first-child a{
    padding-left:0 !important;
}
.cmp-cop-car-bod{
    padding: 15px 0 0 0;
}
.ctl-tim-pix-cus .flatpickr-calendar.inline{
    top: auto;
}
.ctl-tim-pix-cus .flatpickr-calendar.inline .flatpickr-time{
    height:37.80px;
}
.ctl-tab-act-tra thead tr th.area_record_status2{
    color: #b53736;
}
.ctl-def-not{
    white-space: normal;
}
.ctl-def-not span.dtr-title{
    padding-bottom: 0 !important;
}
/*  */
.cmp-hdr-sel-box .select2-container--default .select2-selection--single {
    background-color: #ffffff;
    border: 1px solid #e8e8e8;

}

.ctl-hdr-sel-hei .select2-container--default .select2-selection--single {
    height: 33px !important;
    padding-top: 2px !important;
}

.cmp-hdr-sel-box .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 8px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.cmp-hdr-sel-box .select2-container--default .select2-selection--single .select2-selection__placeholder{
    padding-right: 5px;
}
.ctl-hdr-sel-wid {
    /* width: 190px; */
    width: 150px;
}
.cmp-dat-fil{
    width: 220px;
}
.cmp-dat-fil input{
    height: 33px;
    padding: 0px 10px;
    width: auto;
    background-color: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 0.25rem;
    font-size: .825rem;
    color: #495057;
    width: 100%;
}
.cmp-dat-fil input:focus{
    outline: none;
}
/*  */

.ctl-sig-pas-ico span{
    position: absolute;
  z-index: 9;
  right: 4px;
  background-color: #fff;
  border: none;
  top: 3px;
  height: 33px;
}

.ctl-sig-pas-ico input,.ctl-sig-pas-ico input.form-control.is-invalid{
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}
.ctl-sig-pas-ico input.form-control.is-invalid{
    padding-right: 77px;
    background-position: right calc(3.375em + .25rem) center;
}
.ctl-sig-che-box:checked{
    background-color: #173136;
    border-color: #173136;
}
.cmp-arc-com-lis{
    width: 240px;
}
.ctl-com-url-pos input{
    border-radius: 0.25rem !important;
    padding-left: 70px;
}

.ctl-com-url-pos span.ctl-hyp-lft {
    position: absolute;
    z-index: 9;
    left: 4px;
    background-color: #fff;
    border: none;
    top: 3px;
    width: 65px;
    padding-right: 0;
    height: 33px;
}
.ctl-com-url-pos span.ctl-url-rit {
    position: absolute;
  z-index: 9;
  right: 4px;
  background-color: #fff;
  border: none;
  top: 3px;
  height: 33px;
  }
  /*  */
  .cmp-btn-blo-com button{
    font-size: 14px;
    line-height: normal;
    padding: 5px 15px;
    height: 33px;
  }
  .cmp-pan-int-btn button{
    font-size: 13px;
    line-height: normal;
    padding: 5px 15px;
    height: 33px;
  }
  .cmp-pla-two-btn{
    display: grid;
  align-items: flex-end;
 
  grid-template-columns: 1fr 1fr;
  }
  .ctl-wid-150{
    width: 150px;
  }
  .ctl-edi-btn-hei,.ctl-del-btn-hei {
    width: 33px;
    height: 33px;
}
  .cmp-pla-pos-rel {
    position: relative;
  }
  .cmp-pla-pos-abo{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    z-index: 9;
  }
  .ctl-mot-thr{
    margin-top: 13px;
  }
  .ctl-pla-lis-txt{
    padding-left: 0;
  }
  .ctl-pla-lis-txt li{
    list-style-type: none;
  font-weight: normal;
  color: #495057;
  line-height: normal;
  
    border-radius: 0.25rem;
  padding:12px 10px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: #fafafa;
  }
  .ctl-pla-lis-txt li:not(:last-child){
    margin-bottom: 10px;
  }
  .ctl-pla-lis-txt li i{
    font-size: 16px;
  }
  /* .ctl-pla-lis-txt li:nth-child(odd){
    background-color: #f3f3f9;
  }
  .ctl-pla-lis-txt li:nth-child(even){
    background-color: #fafafa;
  } */
  .cmp-lis-pos-abo{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    z-index: 9;
  }
.cmp-grid-plan-popup{
    display: grid;
  align-items: end;
  grid-gap: 10px;
  /* grid-template-columns: repeat(4, auto); */
  grid-template-columns: 150px 120px 120px 120px;
  height:100%;
}
.ctl-inp-hei-tthr input{
    height: 33px;
}
.ctl-add-opt-wid{
    width: 150px;
    /* width: 100%; */
}
.ctl-mad-tal-aut{
    margin-top: auto;
    margin-left: auto;
}
.splitter-horizontal {
    flex: 0 0 auto;
    height: 18px;
    background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/hsizegrip.png) center center no-repeat #d1d1d1 !important;
    cursor: row-resize;
}
.cmp-res-blo-ctl{
    position: relative;
    z-index: 999999;
    background-color: #ffffff;
}
.ctl-fon-wei-fiv{
    font-weight: 500;
}
/*  */
.cmp-tab-blo-icp{
    display: flex;
    align-items: center;
    gap: 6px;
}
.ctl-tra-wid-20{
    width: 20px;
}
.ctl-tra-ico-siz{
    font-size: 22px;
}
.ctl-icp-ico-lft i{
    cursor: pointer;
}
.ctl-for-inp-wid {
    width: 17px;
    height: 17px;
  }
  .ctl-for-inp-wid:checked{
    background-color: #ed5e5e !important;
  border-color: #ed5e5e !important;
  }
  .cmp-doc1-pol{
    padding-left: 25px;
  }
  .cmp-doc2-pol{
    padding-left: 54px;
  }
  .ctl-icp-tit-rit span{
    color: #121212;
    
  }
.ctl-pla-not-txt span{
    color: #121212;
    font-weight: 500;
}
.ctl-pla-not-txt p{
    color: #121212;
    font-size: 13px;

}
  .cmp-tab-vie-uno {
    list-style-type: none;
    margin-bottom: 0;
  }

  .ctl-wid-trd-blo{
    width: 575px
  }
  .ctl-wid-qty-blo{
    width: 195px;
  }
  .cmp-tar-dis-non,.ctl-icp-dis-non{
    display: none;
  }
  .ctl-fir-ctra-wid{
    width: 580px;
}
.ctl-pla-pop-scr{
    overflow-x: auto;
}
.ctl-col-red-ico{
    color: #ed5e5e;
}

.ctl-col-inf-ico{
    color: #50c3e6;
}
.ctl-col-suc-ico{
    color: #13c56b;
}
.ctl-col-the-ico{
    color: #173136;
}
.ctl-col-teh-ico{
    color: #9194a1;
}
.ctl-btn-man-hdr,.ctl-btn-sec-hdr{
    font-size: 13px;
}

.no-items-message {
    display: flex;
    justify-content: center;
}
.ctl-lab-dum{
    visibility: hidden;
}
.ctl-sul-che-pot{
    padding-top: 5px;
}
table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
    padding-bottom: 0;
}
.ctl-mat-che-box{
    padding-top: 9px;
}
/*  */
.form-check-input[type=checkbox]:indeterminate {
    background-color: #d5d5d5;
    border-color: #d5d5d5;
}

.cmp-res-nav-arr{
	display: none;
}
.ctl-che-sel-tre .table .form-check {
    min-height: auto;
}
.ctl-pop-tit-wra{
    width: 95%;
    word-wrap: break-word;
}
.ctl-pos-abo-cal{
    position: absolute;
    top: 20px;
    right: 15px;
}

/*  */
/* scroll custom css start */
.cmp-cal-blo-scr .fc-daygrid-day-events::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
.cmp-cal-blo-scr .fc-daygrid-day-events::-webkit-scrollbar {
    width: 5px;
    height: 5px; 
} 
.cmp-cal-blo-scr .fc-daygrid-day-events::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;  
    border-radius: 4px; 
}
/* scroll custom css end */

.ovr-usr-fie-wid {
    width: max-content !important;
  }
.cmp-cus-sel-wit{
    width: 270px;
}
.ctl-h-btn{
    height: 33px;
}
.ctl-ico-size{
    font-size: 16px;
}
.ctl-drp-rem-pad .dropdown-menu.show{
    padding-top:0;
    padding-bottom:0;
}
.ctl-drp-rem-pad .dropdown-menu.show a:hover{
    background-color: #f3f6f9;
    transition: all 0.3s ease-in-out;
}
.ctl-drp-rem-pad .dropdown-menu.show a{
    padding-left:10px;
    padding-right:10px;
    transition: all 0.3s ease-in-out;
}
.ctl-rem-mot-che{
    margin-top:0;
}
 
.comp-pass-pos-rel{
    position: relative;
}

.comp-pass-ico-0{
    top: 0;
}
.cmp-pla-dat-non{
    padding: 60px 10px;
}
.cmp-pla-dat-non h4{
    font-size: 15px;
    font-weight: 500;
    line-height: inherit;
    margin-bottom: 0;
    text-align: center !important;
}

.ctl-wid-tai-bas {
    width: 635px;
}
.cmp-tem-box-sha{
    -webkit-box-shadow: 0 0px 3px rgba(56,65,74,.15);
  box-shadow: 0 0px 3px rgba(56,65,74,.15);
}
.cmp-tem-nav-cus{
    padding: 8px;
    border-radius: 0.25rem;
    margin-bottom: 10px;
}
.cmp-tem-nav-cus li a{
    font-size: 14px;
}
.cmp-tem-nav-cus .nav-item {
    flex-basis: unset;
    flex-grow: unset;
}
.cmp-tem-btn-rit{
    gap: 8px;
}
.cmp-tem-sha-blo{
    display: flex;
    align-items: center;
    gap:15px;
}

.ctl-plu-min-box{
    width: 30px;
    text-align: center;
    height: 30px;
    display: table;
    border-radius: 4px;
}

.ctl-del-tab-ico{
    width: 30px;
    text-align: center;
    height: 30px;
    display: table;
    border-radius: 4px;
}
.ctl-plu-min-box i,.ctl-del-tab-ico i{
    color: #ffffff;
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
}

.ctl-def-hdr-tit span{
    color: #121212;
    
}
.ctl-def-hdr-tit span{
    font-size: 13px;
}
.ctl-def-lft-hea{
    font-size: 13px;
  display: block;
}
.ctl-def-lft-tit span{
    font-size: 13px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 190px;
  overflow: hidden;
    
}
.ctl-nes-hdr-tit span{
    color: #878a99;
}
.ctl-acc-hdr-blo{
    padding: 10px 10px;
}
.ctl-icp-bor-bot > li:not(:last-child){
    border-bottom: 2px solid #f1f2f3;
}
.cmp-nes-row-blo{
    background-color:#f8fafc;
}
.ctl-nes-bot-lis > li{
    /* padding: 6px 6px; */
}
.ctl-nes-bot-lis > li:not(:last-child){
    /* border-bottom: 2px solid #ffffff; */
}
.ctl-acc-hdr-blo{
    background-color: #f3f6f9;
    
}
.ctl-acc-inf-blo{
    background-color: #f3f6f98a;
}
.cmp-grd-tab-hdr ul,.cmp-nes-row-blo{
    display: grid;
    grid-template-columns: 260px 200px 100px 100px 100px 100px;
}
.cmp-tab-wid-uni{
    width: 900px;
}
.cmp-grd-tab-hdr ul > li{
    font-size: 13px;
}
.cmp-gri-but-wid,.ctl-gri-but-wid{
    display: grid;
    grid-template-columns: 30px 30px auto;
    grid-gap: 10px;
}

.ctl-gri-but-wid{
    /* padding-left: 41px; */
}
.ctl-pre-txt-tem p{
    margin-bottom: 0;
    
}
.ctl-nes-hdr-tit span, .ctl-pre-txt-tem p,.ctl-pre-txa-tem textarea,.ctl-pre-txa-tem textarea:focus,.ctl-int-sar-txt{
    color: #878a99;
    font-size: 13px;
}

.ctl-pre-txa-tem textarea,.ctl-int-sar-txt{
    border: 1px solid #e8e8e8;
}
.ctl-int-sar-txt{
    width: 100%;
        border-radius: 0.25rem;
    padding: 6px;
}
.ctl-int-sar-txt:focus{
     border: 1px solid #e8e8e8;
     outline: none;
}
.ctl-nes-bot-lis > li:not(:last-child){
    border-bottom-width: 1px;
    border-bottom-style: solid;
    
}
.ctl-nes-col-reu,.ctl-nes-bot-lis > li,.cmp-grd-tab-hdr ul > li{
    border-color: #f1f2f3;
}
.ctl-nes-col-reu:not(:last-child),
.cmp-grd-tab-hdr ul > li:not(:last-child){
    border-right-width: 1px;
    border-right-style: solid;
}
.ctl-nes-col-reu{
    
     padding: 6px 10px;
}
.cmp-grd-tab-hdr ul > li{
    padding: 13px 6px;
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
  color: #121212;
}
.cmp-tab-cen-cen{
    display: flex;
    align-items: center; height:100%;
}
.ctl-nes-bot-lis,.cmp-grd-tab-hdr ul{
    border: 1px solid #e8e8e8;
}
.cmp-bod-icp-pad,.cmp-pof-tem-lft{
    padding: 10px;
}
.cmp-lft-icp-pad{
    height: 100%;
    background-color:#f3f6f9;
}
/*  */
.cmp-tem-sty-top{
    position: sticky;
    top: 0;
    background-color: #ffffff; z-index: 1;
}
.cmp-tem-scr-bot{
    max-height: calc(100vh - 275px);
    overflow: auto;
}
.cmp-lft-icp-pad{
    max-height: calc(100vh - 343px);
    overflow: auto;
}

/* scroll custom css start */
.cmp-cus-scr-bar::-webkit-scrollbar-track,
.ctl-ava-sel-lis select::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
.cmp-cus-scr-bar::-webkit-scrollbar,
.ctl-ava-sel-lis select::-webkit-scrollbar {
    width: 5px;
    height: 5px; 
} 
.cmp-cus-scr-bar::-webkit-scrollbar-thumb,
.ctl-ava-sel-lis select::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;  
    border-radius: 4px; 
}
/* scroll custom css end */

/*  */

.ctl-plu-box-min,
.ctl-fol-ico-tab,.ctl-arr-ico-tab{
    width: 25px;
    text-align: center;
    height: 25px;
    display: table;
    border-radius: 4px;
}
.ctl-plu-box-min i{
    color: #ffffff;
}
.ctl-fol-ico-tab i,.ctl-arr-ico-tab i{
    color: #121212;
}
.ctl-plu-box-min i,.ctl-fol-ico-tab i,.ctl-arr-ico-tab i{
    
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
}
.cmp-gri-tem-dat{
    display: grid;
    grid-template-columns: 25px 25px auto;
    grid-gap: 5px;
}
.cmp-icp-tem-che .form-check-input{
    margin-left: 0;
}
.cmp-icp-tem-che{
    padding-left: 0;
}
.cmp-gri-dat-inf{
    display: grid;
    grid-template-columns: 25px auto 25px;
    grid-gap: 5px;
}

.ctl-tem-lft-pad li{
    padding-left: 10px;
    padding-right:10px;
}
.ctl-tem-lft-pad > li:last-child{
    padding-bottom: 5px;
}
.ctl-tem-lft-pad > li{
    cursor: move;
    padding-top: 5px;
    margin-top: 5px;
}
.ctl-tem-lft-pad > li{
    border-top: 1px solid #f1f2f3;
    background-color: #f3f6f9;
    
}
.ctl-bor-icp-bot > li:not(:last-child){
    /* border-bottom: 1px solid #ffffff; */
}
.cmp-ser-act-box{
    margin-top: 10px;
    margin-bottom:5px;
}
.cmp-tem-sor-buy{
    display: flex;
    gap:6px;
}


.cmp-ser-pre-box input.form-control{
    background-color: #f3f6f9;
}
.cmp-ser-mob-sch{
    margin-bottom: 10px;
}
.cmp-ser-act-box input.form-control{
    background-color: #f3f6f9;
}

/*  */

.ctl-ava-sel-lis select{
    height: 200px;
  padding: 10px;
  font-size: 13px;
  color: #878a99;
  line-height: normal;
  font-weight: normal;
  border: 1px solid #d7d7d7;

  cursor: pointer;
}
.ctl-ava-sel-lis select option{
    padding:5px;
   
}
.ctl-ava-sel-lis select option:hover,.ctl-ava-sel-lis select option:checked,.ctl-ava-sel-lis select option:focus,.ctl-ava-sel-lis select option:active{
    background-color:#f3f6f9; color: #878a99;
    
    outline: none;
  box-shadow: none;
  text-decoration: none;
}
.ctl-ava-sel-lis select[multiple]:focus option:checked {
    background: #173136 linear-gradient(0deg, #173136 0%, #173136 100%);
    outline: none;
    box-shadow: none;
  }
.ctl-ava-sel-lis select option::selection{
    background-color:#173136 !important; color: #878a99;
}
.cmp-pop-pre-grd{
    display: grid;
  align-items: stretch;
  grid-template-columns: 45% 10% 45%;
}
.cmp-arr-blo-cen{
    margin: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.cmp-arr-blo-cen button{
    background-color: #173136;
  height: 30px;
  width: 30px;
  text-align: center;
  padding: 0;
  border-radius: 5px;
  display: table;
  padding: 5px;
}
.cmp-arr-blo-cen button:hover{
    background-color: #173136;
}
.cmp-arr-blo-cen button:focus,.cmp-arr-blo-cen button:active{
    background-color: #173136 !important;
}
.cmp-arr-blo-cen button i{
    font-size: 13px;
    color: #ffffff;
}
.ctl-ava-pre-hdr h6,.ctl-sel-pre-hdr h6{
    font-size: 13px; color:#495057; line-height: normal;
}
.ctl-sor-cus-ico li{
    cursor: move;
}
.cmp-arr-blo-cen{
    padding-top: 22px;
}
.cmp-sch-ovt-pot{
    padding-top: 72px;
}
.cmp-tem-pri-log{
    text-align: center;
    width: 280px;margin: auto;
}
.cmp-tem-pri-log img{
    width: 100%;
    height: 50px;
    object-fit: contain; 
}
.cmp-tem-pri-hdr,.cmp-prt-tab-inf{
    margin-top: 15px; 
}
.cmp-tem-pri-tit,.cmp-tem-pri-hdr{
    margin-bottom: 15px;
}
.cmp-tem-pri-hdr h4{
    font-size: 15px;
    font-weight: 600;
    color: #495057;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: normal;
    margin-bottom: 0;
}
.cmp-tem-pri-tit h4{
    font-size: 15px;
    font-weight: 600;
    color: #495057;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
    margin-bottom: 0;
}

.ctl-tab-bod-tit{
    font-size: 13px;
  font-weight: normal;
  color: #495057 !important;
  line-height: normal;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: normal;
}
.cmp-pro-tab-hdr{
    border-collapse: collapse;
}
.cmp-pro-tab-hdr thead tr th{
    padding: 15px 10px;
}
.cmp-pro-tab-hdr tbody tr td{
    padding: 10px 10px;
}
.cmp-pro-tab-hdr thead tr th{
    font-size: 14px;
  font-weight: 500;
  color: #495057;
  line-height: normal;
  text-align: left;
  text-transform: inherit;
  letter-spacing: normal;
}
.cmp-pro-tab-hdr thead,.cmp-pro-tab-hdr thead tr,.cmp-pro-tab-hdr thead tr th {
    /* border-style: none; */
}
.cmp-pro-tab-hdr{
    /* border: 1px solid #e9ebec; */
}
.ctl-bor-for-chi{
    /* border-bottom: 1px solid #e9ebec; */
}
.borderless td, .borderless th {
    border: none;
}
.cmp-pro-tab-hdr thead{
    background-color: #f1f1f1;
}
.cmp-ptab-bac-col > tbody > tr:nth-of-type(2n+1) > * {
    background-color: #fafafa;
  }
  .cmp-pri-tab-scr{
    overflow-x:auto;
  }
  .cmp-prt-tab-inf{
    width: 100%;
    margin: auto;
  }

.new-items-table td.ctl-dev-cos-man{
    padding: 0;
}
.cmp-pla-grp-hdr-cos{
    padding: 15px;
  border-bottom: 1px solid #e9ebec;
}
.cmp-cos-uol-dov{
    padding: 15px !important;
}

.cmp-cos-uol-dov:not(:last-child){
  
    border-bottom: 1px solid #e9ebec;
}
.cmp-lis-cos-uni{
    padding-top:6px;
    /* padding-bottom:10px; */
}
.cmp-lis-cos-uni > li:not(:last-child){
    padding-bottom:5px;
}
/* schedule-job */
.cmp-wid-250{
    width: 250px;
}
.cmp-wid-100{
    width: 100px;
}
.ctl-das-btn a{
    font-size: 14px;
    line-height: normal;
    padding: 5px 10px;
    height: 33px;
}
.ctl-das-btn a i{
    font-size: 15px;
}
/*  */

.ctl-das-btn a{
    font-size: 14px;
    line-height: normal;
    padding: 5px 10px;
    height: 33px;
}
.ctl-das-btn a i{
    font-size: 15px;
}
.ctl-hei-sch-job button,.ctl-sch-hei-btn button{
    height: 33px;
} 
.ctl-wid-scb-btn button{
    width: 125px;
}
.ctl-icp-com-btn button{
    font-size: 14px;
    line-height: normal;
    padding: 5px 10px;
   
}
.ctl-icp-com-btn button i{
    font-size: 15px;
}
.ctl-swe-unp-btn{
    width: 145px !important;
}
.cmp-sch-pro-day li label{
    color:#878a99;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    text-transform: inherit;
}
.cmp-sch-pro-day li span{
    color: #ffffff;
    font-size:12px;
}
.cmp-sch-pro-day li:not(:last-child){
    margin-bottom: 3px;
}
.cmp-sch-pro-day li{
    display: flex;
    align-items:center;
    justify-content: space-between;
}
.ctl-fon-italic{
    font-style: italic;
    font-size:12px;
}
/*  */
.ctl-sch-job-nav{
    padding: 8px 8px;
    border-radius: 0.25rem;
    margin-bottom: 15px;
    flex-wrap: nowrap;
    overflow-x: auto;
}
.ctl-sch-job-nav li a{
    color: #878a99;
    font-size: 14px;  white-space: nowrap; padding: 8px 12px;
}
.ctl-sch-job-nav .nav-item {
    flex-basis: unset;
    flex-grow: unset;
}
.cmp-sch-job-bac{
    padding: 15px 15px;
}
.cmp-sch-job-bac .nav-pills .nav-link.active,
.cmp-sch-job-bac .nav-pills .show>.nav-link,
.cmp-fin-wal-blo .nav-pills .nav-link.active,
.cmp-fin-wal-blo .nav-pills .show>.nav-link{
    background-color: #173136;
}
/* scroll custom css start */
.ctl-sch-job-nav::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
.ctl-sch-job-nav::-webkit-scrollbar {
    width: 5px;
    height: 5px; 
} 
.ctl-sch-job-nav::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;  
    border-radius: 4px; 
}
/* scroll custom css end */
.ctl-grd-sch-job{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    list-style-type: none;
}
.cmp-tab-sch-mot{
    margin-top: 10px;
}
.cmp-sch-nav-job{
    background-color: #f3f6f9;
}
.cmp-sch-vie-wid{
    width: 135px;
}
.cmp-sch-sta-wid{
    width: 100px;
}
.cmp-sch-sup-wid{
    width: 200px;
}
.cmp-sch-reg-wid{
    width: 180px;
}
.cmp-sch-div-wid{
    width: 250px;
}
.ctl-sch-con-max-wid .vscomp-ele{
    max-width: 100%;
}
.cmp-sch-box-aut-fit{
    display: grid;
    grid-template-columns: 135px 100px 200px 180px 240px 190px 115px;
    gap:10px;
    justify-content: end;
}
/* scroll custom css start */
.cmp-vir-ver-scr .vscomp-options-container::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
.cmp-vir-ver-scr .vscomp-options-container::-webkit-scrollbar {
    width: 5px;
    height: 5px; 
} 
.cmp-vir-ver-scr .vscomp-options-container::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;  
    border-radius: 1px; 
}
/* scroll custom css end */

.cmp-ser-box-sch .app-search .form-control,.ctl-btn-hei-sch button{
    height: 34px;
}
.cmp-ser-box-sch .app-search span.search-widget-icon {
    line-height: normal;
    font-size: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: unset;
}
.cmp-sch-wid-ser{
    width: 190px;
}
.ctl-clr-btn-wid{
    width: 145px;
}
.cmp-sch-grd-blo{
    display: table-cell;
    vertical-align: middle;
}
.cmp-dis-tab-blo{
    height: 100%;
    display: table;
    width: 100%;
    padding: 25px 20px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.cmp-dis-tab-blo:hover {
    -webkit-transform: translateY(calc(-1.5rem / 5));
    transform: translateY(calc(-1.5rem / 5));
    -webkit-box-shadow: 0 5px 10px rgba(30,32,37,.12);
    box-shadow: 0 5px 10px rgba(30,32,37,.12);
    -webkit-transition: all .4s;
    transition: all .4s;
}
.ctl-sch-hdr-top{
    margin-bottom: 10px;
}
.ctl-sch-hdr-top h4{
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    text-transform: inherit;
    letter-spacing: normal;
    margin-bottom: 0;
}
.ctl-sch-num-bot h4{
    color: #ffffff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    text-transform: inherit;
    letter-spacing: normal;
    margin-bottom:0;
}
.cmp-predig-col,.ctl-predig-col{
    /* background-color:#405189; */
    background-color:#1e4e9c;
}
.cmp-digtofarming-col,.ctl-digtofarming-col{
    /* background-color:#299cdb; */
    background-color:#69d6be;
}
.cmp-farmtoway-col,.ctl-farmtoway-col{
    /* background-color:#0ab39c; */
    background-color:#b2bec3;
}
.cmp-postway-col,.ctl-postway-col{
    /* background-color:#f7b84b; */
    background-color:#74b9ff;
}
.cmp-finalinspec-col,.ctl-finalinspec-col{
    /* background-color:#f06548; */
    background-color:#fab1a0;
}
.cmp-warrantycheck-col,.ctl-warrantycheck-col{
    /* background-color:#173136; */
    background-color:#ffd757;
}
.ctl-predig-col td,.ctl-digtofarming-col td,.ctl-farmtoway-col td,.ctl-postway-col td,.ctl-finalinspec-col td,.ctl-warrantycheck-col td{
    color: #ffffff !important;
}
.cmp-gri-sch-res{
    display: grid; grid-template-columns: repeat(6, 1fr); gap: 15px;
}
.ctl-sch-act-btn {
    line-height: normal;
    font-weight: normal;
}
.ctl-sch-tab-nowrap tr th{
    white-space: nowrap;
}
/* scroll custom css start */
.cmp-dat-tab-scr .dataTables_scroll{
    margin-bottom: 10px;
}
.cmp-dat-tab-scr .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-track,
.cmp-tab-pri-scr::-webkit-scrollbar-track,
.cmp-cus-sco-pop::-webkit-scrollbar-track{
    background-color: #F5F5F5;
}
.cmp-dat-tab-scr .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar,
.cmp-tab-pri-scr::-webkit-scrollbar,
.cmp-cus-sco-pop::-webkit-scrollbar {
    width: 5px;
    height: 5px; 
} 
.cmp-dat-tab-scr .dataTables_scroll .dataTables_scrollBody::-webkit-scrollbar-thumb,
.cmp-tab-pri-scr::-webkit-scrollbar-thumb,
.cmp-cus-sco-pop::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;  
    border-radius: 1px; 
}
/* scroll custom css end */
.ctl-sch-fot-siz thead tr th{ 
    font-size: 0.825rem;
}
.ctl-sch-fot-siz tbody tr td,.ctl-clr-btn-fos{ 
    font-size: 0.825rem;
}
.btn-success-job,.ctl-lot-col1{
    background-color: #10a75b;
}
.btn-success-job,.btn-danger-job{
    -webkit-transition: all .4s;
    transition: all .4s;
}
.btn-success-job:hover{
    background-color: #ffffff;
    color: #10a75b;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.btn-danger-job,.ctl-lot-col2{
    background-color: #c95050;
}
.ctl-lot-col3{
    background-color: #8F00FF;
}
.btn-danger-job:hover{
    background-color: #ffffff;
    color: #c95050;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.cmp-sch-pri-log{
    width: 280px; 
    margin-right: auto;
}
.cmp-sch-pri-log img{
    width: 100%;
    height: 50px;
    object-fit: contain; 
}

.cmp-pri-sch-hdr h4 {
    font-size: 19px;
    font-weight: 500;
    color: #212529;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
    margin-bottom: 0;
}
.cmp-pri-sch-hdr p{
    font-size: 14px;
    font-weight: normal;
    color: #212529;
    line-height: normal;
    text-align: left;
    text-transform: inherit;
    letter-spacing: normal;
    margin-bottom: 0;
}
.ctl-pri-fix-btn{
    /* position: fixed; */
    /* top: 90px; */
    /* z-index: 1; */
    /* right: 30px; */
    margin-left: 20px;
}
.cmp-pri-sch-hdr{
    /* padding-left: 20rem; */
    /* padding-right: 130px; */
}
.cmp-flo-lft-tab{
    float: left;
 
}
.cmp-flo-rit-tab{
    float: right;
}
.cmp-sch-cle-all{
    clear: both;
}

.cmp-pri-tab-hdr thead tr th,.cmp-pri-tab-hdr tbody tr td{
    padding: 10px 10px;
}

.cmp-pri-tab-hdr thead tr th,.cmp-pri-tab-hdr tbody tr td{
    white-space: nowrap;
}
.cmp-pri-tab-hdr thead tr th{
    font-size: 13px;
  font-weight: 500;
  color: #212529;
  line-height: normal;
  text-align: left;
  text-transform: inherit;
  letter-spacing: normal;
}
.cmp-pri-tab-hdr tbody tr td{
    font-size: 13px;
}
.cmp-tab-pri-scr{
    max-height: calc(100vh - 190px);
    overflow: auto;
}
.cmp-sti-pri-toh thead tr th{
    position: sticky;
    top:0;
    background-color: #ffffff;
}
.cmp-sti-pri-toh thead tr th::before{
    border-top: 1px solid red;
}
.cmp-dum-bor-mis{
    border-top: 1px solid #e9ebec;
}
@page{
    size: A4;
    margin: 25px;
}
@media print {
    .page {
        width: 210mm;
        height: 297mm;        
    }
    
    #page-topbar,.hide-print-btn{
        display: none !important;
    }
   
   
    .cmp-pri-sch-hdr{
        padding-right: 0 !important;
    }
    .table>thead,.table>tbody {
        border-color: #000000;
    }
    .cmp-pri-tab-hdr thead tr th,.cmp-pri-tab-hdr tbody tr td{
        white-space: wrap;
    }
    .cmp-tab-pri-scr{
        max-height: auto;
        overflow: visible;
    }
    .cmp-sti-pri-toh thead tr th{
        position: static;
        top:auto;
        background-color: #ffffff;
    }
}
.cmp-rem-wid-ava .avatar-title{
    width: fit-content;
}
.ctl-pop-pic-con img{
    width: 100%;
    height: 500px;
    display: block;
    object-fit: contain;
}
.cmp-clo-ico-pic{
    position: absolute;
    right: 0;
    z-index: 1;
    width: 30px;
    padding: 0;
    height: 30px;
    text-align: center;
    display: table;
    background: white;
    border-radius: 6px;
}
.cmp-clo-ico-pic button{
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 0 !important;
    margin: 0 !important;
}

.cmp-cus-sco-pop {
    max-height: calc(100vh - 75px);
    overflow: auto;
}
.ctl-mod-pad-bod{
padding:8px;
}

.cmp-bor-dro-zon .dropzone{
border: 1px solid #e9ebec;
}
.cmp-bor-dro-zon .dropzone .dz-message{
margin-top:1em;margin-bottom:1em;
}
.cmp-drp-mob-sch{
margin-bottom: 15px;
}
.cmp-drop-hdr-txt h4{
font-size: 15px;
line-height: normal;
color: #878a99;
font-weight: 500;
margin-bottom:0;
}
.ctl-dis-con-bot{
float: right;
margin-top: 20px;
}
.ctl-dis-con-txt p{
font-size: 14px;
color: #929aa5;
line-height: 23px;
text-align: justify;
font-weight: normal;
margin-bottom:0;

}
.ctl-dis-con-txt p:not(:last-child){
margin-bottom: 10px;
}
.ctl-sig-hdr-tit h4{
font-size: 13px;
color: #929aa5;
font-weight: 600;
}
.ctl-sig-imc-con img{
width: auto;
height: 40px;
object-fit: contain;
}
.ctl-sig-ico-buy img{
    width: auto;
height: 40px;
object-fit: contain;
}
.ctl-btn-dis-cod button{
cursor: not-allowed !important;
}
.ctl-pge-inp-box input:read-only,
.ctl-pge-inp-box input:disabled{
    color: #7f7f7f;
}
.ctl-pge-inp-box input{
    color: #7f7f7f;
    padding: 5px 10px 5px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    border-radius: 0;
    padding-top: 0;
}
.ctl-rem-bor-tlr input{
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.clt-pag-lab-tit{
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 500;
}
.clt-pag-lab-tit,.clt-lab-pag-tit{
    color: #7f7f7f;
   
   
    
    line-height: normal;
}
.clt-lab-pag-tit{
    font-size: 15px;
    margin-bottom: 0;
    padding-top: 3px;
    font-weight: 500;
}
.ctl-cur-poi-not input{
    cursor: not-allowed;
}
.ctl-col-mar-bot{
    margin-bottom: 10px;
}
.cmp-pge-hdr-com h4{
    font-size: 16px;
    color: #495057;
    font-weight: bold;
    line-height: normal;
    text-align:center;
}
.cmp-pge-hdr-com {
    margin-top: 15px;
    margin-bottom: 15px;
}
.ctl-hdr-bline-bot {
    border-top: 3px solid #495057;
    margin: 0 auto;
    width: 120px;
    margin-bottom: 20px;
}
.ctl-wal-hdr-com h4{
    font-size: 14px;
    color: #495057;
    font-weight: bold;
    line-height: normal;
    text-align: left;
    margin-bottom:0;
}
.ctl-swt-btn-wid{
    width: fit-content !important;
}

.cmp-pge-che-inp .form-check-input{
    width: 16px;
    height:16px;
}
.cmp-pge-che-inp .form-check-label,
.cmp-pge-rad-inp .form-check-label{
    color: #929aa5;
    font-size: 14px;
    line-height: normal;
    padding-top: 4px;
}
.cmp-pag-lis-sty-non{
    list-style-type: none;
    padding-left:0;
    margin-top: 10px;
    margin-bottom: 0;
}
.cmp-pag-lis-sty-non li:not(:last-child){
    margin-bottom: 10px;
}
.cmp-box-sha-pag{
    box-shadow: 0 0 5px #dfdfdf;
    border-radius: 0.25rem;
    padding: 15px;
}
.cmp-pag-flx-hdr{
    display: flex;
    align-items: center;
    gap: 10px;
}
.cmp-box-sha-pag:not(:last-child){
    margin-bottom: 20px;

}
.ctl-wal-ord-com h4{
    font-size: 14px;
    color: #495057;
    font-weight: bold;
    line-height: normal;
    text-align:center;
    margin-bottom:0;
}
.ctl-span-con-txt span{
    font-size: 14px;
color: #929aa5;
line-height: 23px;
text-align: justify;
font-weight: normal;
margin-bottom:0;    padding-top: 8px;
}

.ctl-sel-mul-lis-bck .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #173136;
    border: 1px solid #173136;
}
.ctl-sel-mul-lis-bck .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  
    border-right: 1px solid #fff;
   
    color: #fff;
}

.cmp-mod-dia-scr {
    max-height: calc(100vh - 111px);
    overflow: auto;
}
.ctl-mob-com-15{
    margin-bottom: 15px;
}
/* schedule job major table */
.cmp-suc-icp-scr{
    overflow-x: scroll;
    padding-bottom: 15px;
    /* max-height: calc(100vh - 275px); */
    max-height: calc(100vh - 170px);
}

.ctl-col1,
.ctl-col2,
.ctl-col3,
.ctl-col4,
.ctl-col5,
.ctl-col6,
.ctl-col7,
.ctl-col8,
.ctl-col9,
.ctl-col10,
.ctl-col11,
.ctl-col12,
.ctl-col13,
.ctl-col14,
.ctl-col15,
.ctl-col16,
.ctl-col17{
    float:left;
}
.ctl-col1{
    width: 100px;
}
.ctl-col2{
    width: 160px;
}
.ctl-col3{
    width: 280px;
}
.ctl-col4{
    width: 280px;
}
.ctl-col5{
    width: 115px;
}
.ctl-col6{
    width: 250px;
}
.ctl-col7{
    width: 120px;
}
.ctl-col8{
    width: 120px;
}
.ctl-col9{
    width: 170px;
}
.ctl-col10{
    width: 170px;
}
.ctl-col11{
    width: 150px;
}
.ctl-col12{
    width: 150px;
}
.ctl-col13{
    width: 120px;
}
.ctl-col14{
    width: 120px;
}
.ctl-col15{
    width: 120px;
}
.ctl-col16{
    width: 120px;
}
.ctl-col17{
    width: 120px;
}
.ctl-maj-tab-hdr span{
    font-size: 0.825rem;
    font-weight: 500;
    text-align: center;
    display: block;
    /* color: #878a99; */
    color: #ffffff;
    line-height: normal;
}
.cmp-suc-bor-lne{
    border-width: 1px;
    border-style: solid;
    border-color: #f1f2f3;
    /* border-color: red; */
}
.cmp-suc-bor-lne > div:not(:last-child){
    border-right-width: 1px;
    border-right-style: solid;
    border-color: #f1f2f3;
    /* border-color: red; */
}
.cmp-nes-suc-lis > div:not(:last-child){
    border-right-width: 1px;
    border-right-style: solid;
    border-color: #f1f2f3;
}

.cmp-bor-bot-line > li:not(:last-child){
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #f1f2f3;
}
.cmp-nes-bot-line > li:not(:last-child){
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #f1f2f3;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.cmp-suc-lrb-bor{
    border-left-width: 1px;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #f1f2f3;
}
.cmp-suc-hei-tab{
    height: 55px;
    /* display: inline-flex; */
    position: sticky;
    top:0;
    z-index: 1;
    /* background-color: #ffffff; */
    background-color:#2576bd;
}
.cmp-suc-tab-wid{
    width: 2680px;
}
.ctl-maj-tab-hdr{
    display: flex;
    align-items: center;  
    height:100%;
}
.ctl-jus-con-cen{
    justify-content: center;
}
.ctl-jus-spa-bet{
    justify-content: space-between;
}
.ctl-suc-hea-col{
    height: 100%;
    padding: 12px 10px;
}
.ctl-suc-nes-hor{
    padding: 5px 10px 5px 10px;
}
.ctl-arr-lft-rit i{
    color: #ed5e5e;
    font-size: 17px;
}
.ctl-cus-bod-tab-txt span{
    font-size: 0.825rem;
    font-weight: 500;
    text-align: left;
    display: block;
    color: #ffffff;
    line-height: normal;
}
.cmp-suc-flx-btn{
    display: grid;
    
    gap: 5px;
    grid-template-columns: 25px 25px;
}
.cmp-cor-ali-cen{
    align-items: center;
}
.ctl-suc-lis-pad{
   
    display: flex;
    align-items: center;
}
.cmp-suc-lis-non{
    padding-left:0;
    list-style-type: none;
    margin-bottom: 0;
    
}
.cmp-suc-uon-hei{
    min-height: 50px;
}
.cmp-suc-hei-uol{
    min-height: 52px;
}
.ctl-plus-min-box{
    width: 25px;
    text-align: center;
    height: 25px;
    display: table;
    border-radius: 4px;
}
.ctl-sor-arr-box button{
    padding: 0px;
    height: 20px;
}
.ctl-sor-arr-box button i{
    color: #ed5e5e;
    font-size: 13px;
}
.ctl-sor-arr-box button i:hover{
    color:#121212;
}
.ctl-dele-tab-ico{
    width: 25px;
    text-align: center;
    height: 25px;
    display: table;
    border-radius: 4px;
}
.ctl-plus-min-box i,.ctl-dele-tab-ico i{
    color: #ffffff;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
}
.cmp-suc-dis-non{
    display:none;
}
.ctl-ico-col-blu{
    color:#a8a6a6 !important;
    cursor: not-allowed;
}
.ctl-sor-arr-box{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.ctl-cus-nes-ico {
    text-align: left;
}
.ctl-cus-nes-ico i{
    color: #cccccc;
    font-size: 17px;
}
.cmp-nes-suc-lis{
    display: flex;
    align-items: stretch;
}
.cmp-suc-nes-bac-col,.cmp-nes-suc-lis{
    background-color: #fbfbfb;
}
.ctl-cus-nes-txt span{  
    font-weight: normal;
    display: block;
    color: #878a99;
    line-height: normal;
}
.cmp-inp-dat-txt input{
    font-weight: normal;
    text-align: left;
    display: block;
    color: #878a99 !important;
    line-height: normal;
}
.ctl-cus-nes-txt strong{
    font-weight: 500;
    display: block;
    color: #878a99;
    line-height: normal;
}
.cmp-inp-dat-txt input,.ctl-cus-nes-txt a,.ctl-cus-nes-txt strong,.ctl-cus-nes-txt span{
    font-size: 0.825rem;
}
.ctl-cus-nes-txt a{
    font-weight: normal;
    display: block;
    color: #6691e7;
    line-height: normal;
}
.ctl-cir-nes-ico i{
    font-size: 15px;
    color:#ccc;
}
.ctl-cir-nes-ico{
    border: 1px solid #ccc;
    margin:auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ctl-dfx-cen-cen{
    display: flex;
    align-items: center;
    justify-content: center;
}
.ctl-dfx-cen-lft{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.ctl-che-sch-box{
    margin-right:0;
}
.cmp-lft-sid-blo{
    background-color: #f3f6f9;
    
    height: 100%;
    overflow: hidden;
}
.cmp-pad-tlr-cus{
    padding: 15px 15px  10px 15px;
}
.cmp-poa-tem-all{
    padding: 10px 15px  10px 15px;
}
.cmp-ser-sch-box{
    margin-top:15px;
    margin-bottom:0;
}
.cmp-ser-sch-box input.form-control{
    background-color: #ffffff;
}
.ctl-sol-txt-sch label{
    font-size: 0.825rem;
    color:#878a99;
}
.cmp-gri-maa-inf{
    display: grid;
    grid-template-columns: 25px auto;
    grid-gap: 5px;
    overflow-x: hidden;
}

.ctl-txt-ell-tit span {
    font-size: 13px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 85%;
    overflow: hidden;
}
.cmp-icp-lef-pad{
    max-height: calc(100vh - 388px);
    overflow: auto;
    /* overflow-y: auto; */
    background-color:#f3f6f9;
}

.ctl-plus-box-min i{
    color: #ffffff;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
}
.ctl-plus-box-min{
    width: 25px;
    text-align: center;
    height: 25px;
    display: table;
    border-radius: 4px;
}
/*  */

.ctl-flyer {
    position: absolute;
    padding: 5px;
    border: 1px solid #cd2228;
    border-radius: 1px 16px 16px 0px;
    background-color: #cd2228;
    top: -45px;
    left: -3px;
    cursor: pointer;
    z-index: 999;
    color: #fff;
}
.ctl-flyer:hover {
    width: 35px;
    text-align: center;
}
.ctl-lft-dis-non{
    display: none;
}