.fa,.glyphicon {
  display: inline-block;
  background: -webkit-gradient(linear, left top, right top, from(#297ae3c2), to(#24236f94));
  background: linear-gradient(to right, #297ae3c2, #24236f94);
  -webkit-background-clip: text;
  background-clip: text;
}
.glyphicon,.fa {
    color: transparent;
}
.fa:before,.glyphicon::before {
  display: inline-block;
  background: none !important;
}
.form-group label.required:after {
    content:" *";
    color:red;
}

.flatpickr-input.disabled, .disabled{
    background-color: #e9ecef !important;
    cursor: not-allowed;
}

/*.crf_find_container{ min-height: 220px; }*/

.sales-team {
    /*background-color: #c8e2f8;*/
    /*padding: 5px 0px;*/
    /*padding-top: 5px;*/
}

.production-team {
    /*background-color: #d7ebc1;*/
    /*padding: 5px 0px;*/
}

.scope-work-1{
    font-size: 20px !important;
    font-weight: bold;
}

.scope-work-2{
    font-size: 17px;
    font-weight: bold;
}

.hrf_action_ctrl .btn{
    width: 130px;
    padding: 10px;
    margin-right: 10px;
    border-radius: 4px !important;

}

.hide{ display:none }
.navbtns{
    width: 100%;
}


.form-control[readonly].jit-success{
    background-color: #28a745 !important;
    color: #fff !important;
}
.form-control[readonly].jit-danger{
    background-color: #dc3545 !important;
    color: #fff !important;
}
.tooltip.show{
    opacity: 1;
}
.tooltip-inner{
    max-width: 250px;
    padding: 12px 10px 10px;
}

.nav-tabs-block .jit-error .nav-link{
    color: #dc3545 !important;
}

.select2.is-invalid + .select2-container--default .select2-selection--single {
    border-color:#ef5350;
}
.select2.is-invalid + .select2-container--default .select2-selection--multiple {
    border-color:#ef5350;
}
.xhr-fm-alert,
.work-scope-alert,
.mk-alert{
    display: none;
}
.mk-alert ul{
    padding-left: 12px;
    margin-bottom: 0;
}
.mk-alert ul li{
    padding-bottom: 5px;
}
.mk-alert ul li:last-child{
    padding-bottom: 0;
}
label.css-control.is-invalid{
    color: #dc3545 !important;
}
.table.mk-datataable thead th {
    text-transform: unset;
    font-size: 14px;
    vertical-align: middle;
}

table.dataTable.mk-datataable thead .sorting::after,
table.dataTable.mk-datataable thead .sorting_asc::after,
table.dataTable.mk-datataable thead .sorting_asc_disabled::after,
table.dataTable.mk-datataable thead .sorting_desc::after,
table.dataTable.mk-datataable thead .sorting_desc_disabled::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
}
table.dataTable.mk-datataable thead .sorting_asc.mk-disable-sort::after {
    content: "";
}

.delegated-users{
    height: 40px;
    width: 100%;
}
.select2-container .select2-selection--multiple{
    min-height: 38px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    height: 25px;
    line-height: 23px;
    color:#fff;
    font-size: 14px;
    font-weight: 600;
    background-color: #3f9ce8;

}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color:#3f9ce8;
    border: 1px solid #1390e8;

}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color:#fff;
    font-size: 15px;
}
.select2-container--default .select2-search--inline .select2-search__field {
    font-size: 16px !important;
    padding-left: 10px;
}
.summation{
    border-top: 1px solid #f7f7f7;
    padding-top: 15px;
}
.summation__item{
    font-size: 16px;
}
.summation__value{
    font-weight: 700;
    color: #000;
}

.jit__nav{
    display: block;
}
.jit__nav.nav-tabs-block .nav-link {
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    font-weight: 700;
    padding-left: 20px;
}
.block-content__plr0{
    padding-left: 0;
    padding-right: 0;
}
.block-content__pl0{
    padding-left: 5px;
}
.jit-left-nav{
    background-color: #f6f7f9;
    padding-right: 0;
    padding-left: 0;
}

.jit-col-2{
    -ms-flex: 0 0 20.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 20.667%;
    max-width: 20.667%;
}
.jit-col-10{
    -ms-flex: 0 0 79.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 79.333%;
    max-width: 79.333%;
}
.custom-checkbox_large{
    margin-right: 0;
}
.custom-checkbox_large .custom-control-label::after,
.custom-checkbox_large .custom-control-label::before {
    top: 0px;
}
.custom-checkbox_large .custom-control-label::before {
    width: 2rem;
    height: 2rem;
}
.custom-checkbox_large .custom-control-label::after {
    width: 2rem;
    height: 2rem;
}
.img-placeholder{
    width: 100px;
    border-radius: 4px;
}








.img-preview {
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.img-preview:hover {opacity: 0.7;}

/* The Modal (background) */
.modal.preview-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 50px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.preview-modal .modal-content {
    margin: auto;
    display: block;
    width: 43%;
    max-width: 700px;
    /*height: 80%;*/
}

/* Caption of Modal Image */
.preview-modal .img-caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.preview-modal .modal-content, .preview-modal .img-caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {-webkit-transform:scale(0);transform:scale(0)}
    to {-webkit-transform:scale(1);transform:scale(1)}
}

/* The Close Button */
.preview-modal .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.preview-modal .close:hover,
.preview-modal .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.upload_image{
    max-width: 250px;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .preview-modal .modal-content {
        width: 100%;
    }
}

.capture-image{
    text-align: center;
    padding-bottom: 30px;
}
.capture-image #img-area{
    display: inline-block;
}

.mk-checkbox{
    margin-right: 0;
}
.mk-select-col{
    padding: 0 10px 0 16px !important;
}
.rejection_note{
    display: none;
}
.table.dataTable thead .sorting_asc.hide_sorting{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
table.dataTable thead .sorting_asc.hide_sorting::after {
    content: none;
}
th.mk-single-select .custom-checkbox_large{
    display: none;
}


.td-success{
    color: #28a745;
}
.td-danger{
    color:#dc3545;
}
.form-caption{
    font-size: 16px;
    padding-top: 5px;
}
.contact_block_p0{
    padding: 0 !important;
}
.btn.jitex-contact-type.active,
.btn.status_filter.active
{
    color:#fff;
    background-color:#3f9ce8;
    border-color:#3f9ce8;
}

.btn.status_filter {
    height: 48px;
    padding: 0 40px;
    margin-right: 8px;
    font-weight: 700;
}
.btn.jitex-contact-type{
    height: 40px;
    padding: 0 30px;
    margin-right: 5px;
    font-weight: 700;
    margin-bottom: 10px;
}
.new-filters .btn.status_filter{
    height: auto;
    padding: .571429rem 1rem;
}
.pb3{
    padding-bottom: 3px;
}

.mk-file{
    height: 100%;
    width: 100%;
    border: 2px solid #197ed1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 3px;
    cursor: pointer;
    max-height: 216px;
    min-height: 216px;
}
.mk-file input{
    display: none;
}
.mk-file i{
    font-size: 80px;
    color: #197ed1;
}
.permission-title{
    /*padding-bottom: 10px;*/
    display: inline-block;
    padding-top: 5px;
    font-size: 18px;
}
.mk-column{
    -webkit-column-count: 3; /* Old Chrome, Safari and Opera */
    -moz-column-count: 3; /* Old Firefox */
    column-count: 3;
    padding: 5px 0 15px;
}
.form-footer{
    border-top: 1px solid #f2f2f2;
    padding-top: 20px;
    margin-top: 10px;
    text-align: center;
}
/*.form-control[readonly].jit-success.not-allowed,*/
/*.form-control[readonly].jit-danger.not-allowed,*/
.form-control.not-allowed,
.form-control:disabled{
    background-color: #e9ecef !important;
    opacity: 1;
    pointer-events: none;
}
.form-control.reject-color{
    background-color:#dc3545 !important;
    color:#fff;
}
.css-radio.not-allowed,
.css-checkbox.not-allowed{
    color: #c1bcbc;
}
.css-checkbox.css-control-primary.not-allowed .css-control-input:checked ~ .css-control-indicator {
    background-color:#88beeb;
    border-color:#8facc3;
}
.not-allowed + .select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color:#e9ecef;
    cursor: default;
}
.select2-container .select2-selection--single {
    height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 33px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 33px;
}
.jit-form-footer{
    border-top: 1px solid #f2f2f2;
    padding-top: 30px;
    padding-bottom:10px;
    margin-top: 30px;
}
.jit-jo-status.rejected{
    color:#dc3545;
}
.jit-jo-status.approved{
    color: #28a745;
}
.transport-row{
    height: 60px;
    /*display: flex;*/
    /*display: -ms-flex;*/
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #d4dae3;
    margin-bottom: 15px;
    padding-top: 30px;
}
.jit-form-group label.required::after {
    content: " *";
    color:red;
}
.jit-multi-select .select2-search__field{
    width: 100% !important;
}
.jit-multi-select .is-invalid + .select2-container--default .select2-selection--multiple {
    border-color:red;
}
.jit-title-group{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 8px;

}
.transport-type_button.not-allowed{
    opacity: 0.8;
    pointer-events: none;
}
.btn.transport-type_button.active{
    color:#fff;
    background-color:#3f9ce8;
    border-color:#3f9ce8;
}
.transport-type_button{
    margin-left: 8px;
}
.transport-type.is-invalid .btn.transport-type_button{
    border-color:red;
    color: red;
}
.group-title .content-heading{
    border-bottom: 0 none;
}
.group-title{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #e4e7ed;
    margin-bottom: 22px;
    height: 80px;
}
.jitex-horse-icon:before{
    font-size: 60px;
    margin-left: 0;
    line-height: 42px;
    color: #3f9ce8;
}
.jit-doc{
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 50px;
}
.jit-doc-type{
    margin: 20px 0 30px;
}
.jit-doc-type-preview img{
    max-width: 750px;
}
.jit-dbox .text-body-bg-dark {
    color: #3f9ce8 !important;
}
.jit-chart-filter{
    position: absolute;
    bottom: 50px;
    text-align: left;
    list-style: none;
    padding-left: 10px;
    margin-bottom: 0;
}
.jit-chart-filter a{
    font-size: 13px;
    display: inline-block;
    border: 1px solid #3f9ce8;
    padding: 4px;
    border-radius: 3px;
    margin-bottom: 4px;
    width: 110px;
    text-align: center;
}
.jit-chart-filter a.active,
.jit-chart-filter a:hover,
.jit-chart-filter a:active,
.jit-chart-filter a:focus{
    color: #fff;
    background-color: #3f9ce8;
}
.jit-chart-filter li{

}

.jit-main-buton{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 5px;
}
.import-actions{
    padding-top: 26px;
}
.file-error{
    color: red;
    padding-top: 5px;
    display: none;
}
.file-error-list{
    color: red;
    padding-top: 5px;
}
.file-error-list span{
    font-weight: 700;
    font-style: italic;
}
.file-error-wrapper {
    border-top: 1px solid red;
    margin-top: 5px;
}
.caption{
    font-size: 11px;
    font-style: italic;
}
.excel-file-preview{
    margin-top: 30px;
    overflow-x: auto;
}
.jit-import-table thead th{
    padding-left: 15px;
    padding-right: 15px;
}
.download_excel_disabled{
    opacity: 0.4;
    pointer-events: none;
}
.jit-table-head{
    white-space: nowrap;
}
.jit-table-head span{
    display: inline-block;
}
.remove-column{
    display: inline-block;
    margin-left: 10px;
}
.import-error{
    background-color: #ffe0e0;
    padding: 10px 20px;
    margin-top: 10px;
    color: #761d1d;
    font-size: 16px;
}
.jit-table-head.remove-col a,
.jit-table-head.remove-col a:focus,
.jit-table-head.remove-col a:active,
.jit-table-head.remove-col a:hover,
.jit-table-head.remove-col span{
    color: red;
}
.import-error ul{
    margin-bottom: 0;
}
.import-error a{
    color: #761d1d;
    font-weight: 700;
    padding: 5px 0;
}
.import-error a:hover,
.import-error a:active,
.import-error a:focus{
    color: #761d1d;
}
.import-error a i{
    margin-right: 5px;
}
.possible-values{
    display: none;
}
.mob-show{
    display: none;
}
.btn-group-lg > .btn, .btn-lg {
    font-size: 16px;
    line-height: 20px;
}
.content-heading_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.account_approve_note{
    display: none;
}
.account_approve_note input{
    color: red;
}
.flag-icon{
    position: absolute;
    top: 2px;
    right: 26px;
    font-size: 20px;
    color:red;
}
.before-date,
.after-date{
    display: none;
}
.apr-comment-grp span{
    color: red;
}
.apr-comment-grp{
    position: relative;
    padding-right: 20px;
}
.apr-comment-grp span:last-child{
    position: absolute;
    right: 0;
    top: 0;
}

.block-header_md{
    padding: 5px 20px;
}
.block-content_border{
    border: 1px solid #e4e7ed;
    border-top: 0 none;
    padding-bottom: 15px;
    min-height: 170px;
}
.block-title_primary span{
    color: #fff;
}
.block.block-themed .block-header .block-title_primary{
    color: #55adf5;
}
.jitex-addr_list{
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.jitex-flag img{
    max-width: 70px;
    width: 100%;
    position: absolute;
    bottom: 19px;
    right: 26px;
}
.btn.not-allowed{
    pointer-events: none;
    opacity: 0.6;
}
.country-note{
    display: none;
    margin-bottom: 15px;
}
.country-note div{
    margin-bottom: 8px;
}
.country-note ul{
    padding-left: 20px;
}

.group-icon.show{
    display: block;
}

.group-icon{
    position: absolute;
    bottom: 22px;
    right: 20px;
    display: none;
}
.group-icon.group-icon_b7{
    bottom: 7px;
}
.group-icon.group-icon_num{
    bottom: 7px;
    right: 17px;
}
.group-icon.bottom28{
    bottom: 28px;
}
.group-icon i{
    color: #0cdb0c;
    font-size: 12px;
}
.disabled + .group-icon{
    display: none;
}
div.bootstrap-duallistbox-container select{
    padding-left: 10px;
    padding-top: 10px;
}
.permission-division,
.permission-country{
    display: none;
}
.table-striped tbody tr:nth-of-type(2n+1):hover {
    background-color: rgba(0,0,0,.05);
}
.table-striped tbody tr:hover{
    background-color: rgba(0,0,0,.03);
}
.create_date_fixed{
    pointer-events: none;
}

.countries-box{
    min-height: 300px;
    width: 100%;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 10px 20px 20px;
}
.countries-box span{
    display: block;
    padding-left: 15px;
}
.countries-box span.group-name{
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 8px;
    padding-left: 0;
    padding-top: 10px;
}
.jitex-breadcrumb{
    padding: 0 0 8px;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid #ededed;
}
.jitex-breadcrumb-item{
    display: inline-block;
    padding-right: 15px;
    position: relative;
}
.jitex-breadcrumb-item:after{
    content: '/';
    font-size: 14px;
    position: absolute;
    right: 4px;
    color: #c6c6c6;
}
.jitex-breadcrumb-item:last-child:after{
    content: '';
}
.jitex-breadcrumb-wrapper{
    padding: 0 20px;
}
.jit-item{
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
}
.jit-item .jit-item__input{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.jit-item__btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
}
.ws-btn{
    height: 34px;
    width: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid #d4dae3;
    border-radius: 3px;
    margin-left: 8px;
}
.jit-item__checkbox label.css-checkbox.css-control-lg{
    margin-right: 0;
    margin-left: 8px;
    padding: 3px 0 0;
}
.jit-item__checkbox label span{
    margin-right: 0 !important;

}
.jit-item__checkbox .css-checkbox.css-control-lg .css-control-input ~ .css-control-indicator {
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 3px;
}
.jit-item__checkbox  .css-checkbox .css-control-input ~ .css-control-indicator::after {
    top: 3px;
}
.item-options-wrapper{
    display: none;
}
.workscope-wrapper-list{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin-top: 25px;
    padding-top: 30px;
    border-top: 1px solid #ededed;
}
.hrf-workscope-list_col2{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.hrf-workscope-list_col3{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
.form-group_inline{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
}
.form-group_inline label{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: 20px;
}
.temporary_export{
    display: none;
}
.sow-note{
    font-size: 12px;
    margin-bottom: 10px;
}
.jitex-tooltip-group{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
}
.jitex-tooltip-group .jitex-tooltip{
    margin-left: 10px;
    font-size: 20px;
    color: #4a535e;
}
.jit-modal-xl{
    max-width: 1250px;
}
.bg-warning {
    background-color: #f2d373 !important;
}
.object-pdf{
    width: 100%;
    max-width: 1024px;
    margin: auto;
    display: inherit;
    height: 650px;
}
.object-pdf_md{
    max-width: 786px;
}
.modal-contact .block-options .btn-block-option:not(.copyToClipBoard){
    display: none;
}
.jitex-history{
    vertical-align: middle;
}
.jitex-menu{
    display: inline-block;
}
.jitex-menu a{
    color: #fff;
    padding: 0 5px;
}
.jitex-menu a i{
    padding-right: 5px;
}
.jitex-mega-menu{
    position: absolute;
    left: 0;
    top: 68px;
    background-color: #2d3238;
    z-index: 999;
    width: 100%;
    min-height: 40px;
    display: none;
}
.jitex-menu_toggle.open + .jitex-mega-menu{
    display: block;
}
.jitex-mega-menu ul{
    font-size: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 40px;

}
.jitex-mega-menu ul li{
    display: inline-block;
}
.jitex-mega-menu ul li a{
    font-size: 14px;
    color: rgba(228,231,237,.75);
    padding: 20px;
}
.jitex-mega-menu ul li a.active,
.jitex-mega-menu ul li a:hover,
.jitex-mega-menu ul li a:active,
.jitex-mega-menu ul li a:focus{
    color: #fff;
}
.sticky-header{
    table-layout: fixed;
}
.sticky-header thead{
    background-color: #fff;
    border-bottom: 2px solid #f2f2f2;
}
.sticky-header.table thead th {
    white-space: nowrap;
}
.table-left-space{
    height: 100%;
    width: 125px;
    background-color: #f0f2f5;
    left: 0;
    position: fixed;
    top:0;
    z-index: 999;
}
.table-right-space{
    height: 100%;
    width: 125px;
    background-color: #f0f2f5;
    right:0;
    position: fixed;
    top:0;
    z-index: 999
}
#page-container.page-header-inverse #page-header {
    z-index: 9999;
}
.jit-group-header{
    cursor: pointer;
}
.jit-group-header.jit-group-open,
.jit-group-header:hover{
    color: #3f9ce8;
}
.jit-group-header.jit-group-open span
.jit-group-header:hover span{
    color: #3f9ce8;
}
.jitex-block-options{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.jitex-dd{
    max-width: 220px;
    width: 100%;
    position: relative;
    margin-left: 15px;
    float: right;
}
.jitex-dd__btn{
    width: 100%;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #fff;
    -webkit-box-shadow: 1px 6px 9px -1px rgba(0,0,0,0.1);
            box-shadow: 1px 6px 9px -1px rgba(0,0,0,0.1);
    border-radius: 4px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #3f9ce8;
    cursor: pointer;
    padding: 0 15px;
}
.jitex-dd__panel{
    position: absolute;
    z-index: 999;
    background-color: #fff;
    width: 100%;
    -webkit-box-shadow: 10px 4px 13px 0 rgba(0,0,0,0.1);
            box-shadow: 10px 4px 13px 0 rgba(0,0,0,0.1);
    top: 0;
    border-radius: 4px;
    padding: 10px 15px;
    display: none;
}
.jitex-dd__option{
    position: relative;
    padding-bottom: 8px;
    cursor: pointer;
}
.jitex-dd__option:last-child{
    padding-bottom: 0;
}
.jitex-dd__only{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    text-align: right;
    display: none;
}
.jitex-dd__only span{
    padding: 3px 6px;
    border-bottom: 1px solid rgba(0,0,0,0.03);
    border-right: 1px solid rgba(0,0,0,0.03);
    background-color: #f6f6f6;
    border-radius: 2px;
    font-size: 10px;
}
.jitex-dd__option .custom-control-label{
    /*width: 100%;*/
    cursor: pointer;
}
.jitex-dd__option:hover .jitex-dd__only{
    display: block;
}
.jitex-select{
    max-width: 180px;
    width: 100%;
    position: relative;
}
.jitex-select_jo{
    max-width: 230px;
}
.jitex-select__btn{
    width: 100%;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: transparent;
    border: 1px solid #3f9ce8;
    border-radius: 4px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #3f9ce8;
    cursor: pointer;
}
.jitex-select__btn_jo{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding:5px 15px;
}
.jitex-select__btn i{
    padding-left: 10px;
}

.jit-filter{
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
}
.jit-filter_pt{
    padding-bottom: 0;
    padding-top: 30px;
}
.jit-search-form{
    margin-left: 15px;
    max-width: 550px;
    width: 100%;
}
.jitex-select__panel{
    position: absolute;
    z-index: 999;
    background-color: #fff;
    width: 100%;
    -webkit-box-shadow: 10px 4px 13px 0 rgba(0,0,0,0.1);
            box-shadow: 10px 4px 13px 0 rgba(0,0,0,0.1);
    border: 1px solid #3f9ce8;
    top: 0;
    border-radius: 4px;
    padding: 8px 8px 8px 0;
    display: none;
}
.jitex-select__panel .jitex-select_jo{
    border: 0 none;
}
.jitex-select__option{
    padding-left: 20px;
    position: relative;
    padding-bottom: 5px;
    cursor: pointer;
}
.jitex-select__option.selected,
.jitex-select__option:hover{
    color: #3f9ce8;
}
.jitex-select__option.selected:before{
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: 5px;
    font-size: 12px;
    top: 2px;
    color: #3f9ce8;
    cursor: pointer;
}
.modal{
    z-index: 9999;
}
.base-color{
    border: 1px solid #3f9ce8;
}
.base-color div{
    color: #3f9ce8;
}

.danger-box{
    border: 1px solid #F06B74;
}
.danger-box div{
    color: #F06B74 !important;
}
.jit-dbox .danger-box .text-body-bg-dark{
    color: #F06B74 !important;
}



.rejected-box{
    border: 1px solid #F06B74;
}
.rejected-box div{
    color: #F06B74 !important;
}
.jit-dbox .rejected-box .text-body-bg-dark{
    color: #F06B74 !important;
}
.approved-box{
    border: 1px solid #60ba7d;
}
.approved-box div{
    color: #60ba7d !important;
}
.jit-dbox .approved-box .text-body-bg-dark{
    color: #60ba7d !important;
}
.jit-dbox .block-content.block-content-full {
    padding-bottom: 30px;
    position: relative;
}
.jit-dbox .box-percentage{
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    left: 20px;
    bottom: 10px;
}
.dash-flag{
    width: 45px;
}
.grid-caption{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
}
.grid-caption__row{
    width: 100%;
    font-size: 16px;
    font-weight: 600;
}
.jitex-grid{
    margin-top: 5px;
    /*border-top: 1px solid;*/
    border-bottom: 1px solid #ddd;
}
.jitex-grid__row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    /*border-bottom: 0 none;*/
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}
.jitex-grid__col{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.jitex-grid__row .jitex-grid__col:first-child{
    border-right: 1px solid #ddd;
}
.token-area{
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 30px;
    padding: 10px;
    word-break:break-all;
}
.connected{
    font-size: 18px;
    padding-left: 15px;
    color: #169216;
    font-weight: 700;
}

.header-bb{
    text-align: center;
    border-bottom: 1px solid #e4e7ed !important;
}

td table {
    font-size: 12px;
}
.accordion_tb{
    border-top: 1px solid #e4e7ed;
}

.jitx-col-5{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 calc(100% / 5);
    -webkit-box-flex: 0;
            flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
}

.jitex-ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.page-pre-loader {
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 9999999999;
    top: 0; }
.page-pre-loader_transparent {
    background-color: rgba(0, 0, 0, 0.7); }
.page-pre-loader .showbox {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0; }
.page-pre-loader .loader {
    position: relative;
    margin: 0 auto;
    width: 50px; }
.page-pre-loader .loader:before {
    content: '';
    display: block;
    padding-top: 100%; }
.page-pre-loader .circular {
    -webkit-animation: rotate 2s linear infinite;
            animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
.page-pre-loader .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite;
            animation: dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: #0acbff; }

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

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

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0; }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px; }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px; } }

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0; }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px; }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px; } }

.toggle-table-rows{
    cursor: pointer;
}
.show-on-close{
    display: none;
}
@media (max-width: 1600px) and (min-width: 1200px) {
    .jit-dbox .col-xl-2{
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
                flex: 0 0 25%;
        max-width: 25%;
    }
}
@media (max-width: 1680px) {
    .jitex-horse-icon::before {
        font-size: 45px;
    }
    .dash-flag {
        width: 35px;
    }
    .jit-dbox .font-size-sm{
        font-size: 12px !important;
    }
}
@media (max-width: 1560px) {
    .jit-dbox .fa-3x{
        font-size: 2.5em;
    }
    .jit-dbox .font-size-sm {
        font-size: 11px !important;
    }
}
@media (max-width: 1440px) {
    .jit-main-buton .btn-group-sm > .btn, .btn-sm {
        font-size: 12px;
        margin-right: 6px;
        width: 120px;
    }
    .jit-main-buton .btn.btn-hero{
        padding: 10px 20px;
        font-size: 12px;
        line-height: 16px;
        border-radius: 3px;
        width: auto;
    }
    .jitx-col-5{
        -ms-flex: 0 0 calc(100% / 3);
        -webkit-box-flex: 0;
                flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }

}
@media (max-width: 1300px) {
    .mob-show{
        display: inline-block;
    }
    .mob-hide{
        display: none;
    }
    .jit-main-buton .btn-group, .btn-group-vertical {
        display: inline-block;
    }
}
@media (max-width: 1080px) {
    .hrf-workscope-list_col3{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 992px) {
    .jitx-col-5{
        -ms-flex: 0 0 calc(100% / 2);
        -webkit-box-flex: 0;
                flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2);
    }
}
@media (max-width: 768px) {
    .jit-main-buton .btn-group, .btn-group-vertical {
        text-align: center;
    }
    .jit-main-buton .btn-group-sm > .btn, .btn-sm {
        width: 142px;
    }
}
@media (max-width: 768px) {
    .button-wraper{
        margin-top: 20px;
    }

}
@media (max-width: 640px) {
    .jit-chart-filter {
        position: relative;
        bottom: 0;
        padding-left: 0;
        text-align: center;
    }
    .jit-chart-filter li{
        display: inline-block;
    }
    .jit-chart-filter a {
        font-size: 10px;
        width: auto;
        padding-left: 18px;
        padding-right: 18px;
    }
    .hrf-workscope-list_col2,
    .hrf-workscope-list_col3{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}




/**
 *   Horse Shipping
 */

.hs-buttons_division{
    border-top: 1px solid #e4e7ed;
    margin-top: 20px;
    padding-top: 20px;
    /*display: none;*/
}
.hs-buttons_division .hs-division{
    margin-right: 4px;
}
.hs-buttons_division .hs-division:last-child{
    margin-right: 0;
}
.jitex-hs{
    border-top: 1px solid #e4e7ed;
    padding-top: 20px;
    margin-top: 20px;
}
.btn-outline-white{
    color: #3f9ce8;
    background-color: #fff;
    background-image: none;
    border-color: #fff;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
            box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn-outline-white i{
    padding-right: 5px;
    display: none;
}
.btn-outline-white.active i{
    display: inline-block;
}
.hs-draft-hrf i{
    padding-right: 5px;
    display: none;
}
.hs-draft-hrf.active i{
    display: inline-block;
}
.btn-outline-white:hover{
    color: #3f9ce8;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
            box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
}
.jitex-hs-head{
    min-height: 64px;
    background-color: #3f9ce8;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-radius: 4px;
    -webkit-box-shadow: 2px 6px 12px rgba(0,0,0,0.1);
            box-shadow: 2px 6px 12px rgba(0,0,0,0.1);
    /*margin-bottom: 15px;*/
}
.jitex-hs-head button{
    margin-right: 10px;
}
.jitex-hs-head button:last-child{
    margin-right: 0;
}

.hs-list{
    margin-top: 5px;
}
.hs-list__head{
    height: 50px;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 15px;
    cursor: pointer;
}
.hs-list_active .hs-list__head{
    border-radius: 4px 4px 0 0;
}
.hs-list__title{
    font-size: 16px;
    font-weight: 600;

}
.hs-list_active .hs-list__title{
    color: #3f9ce8;
}
.hs-list__title i{
    padding-right: 5px;
}
.hs-list__right{
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 80%;
}
.hs-list__action{
    margin-right: 5px;
    display: none;
}
.hs-list_active .hs-list__action{
    display: block;
}
.hs-list__action button{
    margin-right: 5px;
}

.hs-list .qty{
    font-size: 18px;
    font-weight: 700;
    height: 100%;
    border-left: 1px solid #e4e7ed;
    width: 80px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.hs-list__body{
    /*border: 1px solid #e4e7ed;*/
    border-top: 0 none;
    border-radius: 0 0 4px 4px;
    /*padding: 15px;*/
    display: none;
    overflow-x: auto;
}

/**
 *  Table
 */

.hs-table{
    border: 1px solid #e4e7ed;
    min-width: 1050px;
}
.hs-table-head{
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    /*justify-content: space-between;*/
    border-bottom: 1px solid #e4e7ed;
    /*background-color: gray;*/
}
.hs-table-th{
    border-right: 1px solid #e4e7ed;
    height: 100%;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px;
    font-weight: 600;
    /*width: 100%;*/
    position: relative;
}
.hs-table-th:last-child{
    border-right: 0 none;
}

.hs-table-tr,
.hs-table-row{
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*width: 100%;*/
}
.hs-table-td{
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    border-right: 1px solid #e4e7ed;
    border-bottom: 1px solid #e4e7ed;
    padding: 10px;

}
.hs-table-row .hs-table-td:last-child{
    border-right: 0 none;
}
.hs-table-td .custom-checkbox{
    padding-left: 17px;
}
.col-dd i{
    font-size: 6px;
    color: #fff;
}
.col-dd{
    cursor: pointer;
    height: 34px;
    width: 100px;
    border: 1px solid rgba(255,255,255,0.3);
    background-color: rgba(0,0,0,0.2);
    border-radius: 3px;
    text-align: center;
    padding-top: 3px;
    -webkit-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}
.col-dd.open{
    background-color: #fff;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
            box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
    -webkit-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}
.col-dd.open i{
    color: #3f9ce8;
}
.jitex-hs-right{
    position: relative;
}
.col-dd-panel{
    position: absolute;
    z-index: 999;
    background-color: #fff;
    width: 200px;
    -webkit-box-shadow: 3px 10px 13px 0 rgba(0,0,0,0.1);
            box-shadow: 3px 10px 13px 0 rgba(0,0,0,0.1);
    /*border: 1px solid #3f9ce8;*/
    top: 34px;
    left: -100px;
    border-radius: 3px 0 3px 3px;
    padding: 8px 8px 8px 0;
    display: none;
}
.col-dd-option {
    padding-left: 20px;
    position: relative;
    padding-bottom: 5px;
    cursor: pointer;
}
.col-dd-option.selected,
.col-dd-option:hover {
    color: #3f9ce8;
}
.col-dd-option.selected::before {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: 5px;
    font-size: 12px;
    top: 2px;
    color: #3f9ce8;
    cursor: pointer;
}
.hs-apply-btn{
    text-align: right;
    border-top: 1px solid #f2f2f2;
    padding-top: 9px;
    margin: 3px 10px 1px 20px;
}
.hs-apply-btn .btn-sm{
    padding: 4px 10px 6px;
    font-size: 12px;
}
.hs-tooltip{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#job_order_number.error{
    border-color: red;

}




/*In progress table */




/**
 *  Table
 */
.planning-table-toggle i,
.ip-table-toggle i{
    padding-right: 8px;
}
.planning-table-toggle,
.ip-table-toggle{
    cursor: pointer;
}
.planning-table-toggle.active,
.planning-table-toggle:hover,
.ip-table-toggle.active,
.ip-table-toggle:hover{
    color: #3f9ce8;
}

.ip-table-scroll{
    overflow-x: auto;
    border: 1px solid #e4e7ed;
    border-bottom: 0 none;
}

.ip-table{
    min-width: 1050px;
}

.ip-table-head{
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    /*justify-content: space-between;*/

    /*background-color: gray;*/
}
.ip-table-th{
    border-right: 1px solid #e4e7ed;
    height: 100%;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px;
    font-weight: 700;
    width: 100%;
    border-bottom: 2px solid #e4e7ed;
    font-size: 12px;
}
.ip-table-th:last-child{
    border-right: 0 none;
}

.ip-table-tr,
.ip-table-row{
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ip-table-td{
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    border-right: 1px solid #e4e7ed;
    border-bottom: 1px solid #e4e7ed;
    padding: 5px 10px;
    font-size: 12px;
}

.ip-table-row .ip-table-td:last-child{
    border-right: 0 none;
}
.ip-table .ip-table .ip-table-th{
    background-color: #e4e7ed;
    position: relative;
}
.hrf-table{
    display: none;
}
.jitex-hs-head_tab{
    padding: 0;
    height: 60px;
}
.jitex-hs-head_tab a{
    font-size: 18px;
    color: #fff;
    width: 100%;
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    text-transform: uppercase;
}
.no-found{
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #e4e7ed;
}
.jitex-hs-head_tab a:hover,
.jitex-hs-head_tab a:focus,
.jitex-hs-head_tab a:active{
    color: #fff;
    background-color: rgba(0,0,0,0.2);
}
.jitex-hs-head_tab a.active{
    background-color: rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.4);
            box-shadow: inset 0 0 30px rgba(0,0,0,0.4);
}

.ip-action-button{
    min-height: 60px;
    background-color: #fff;
    border-bottom: 2px solid #afb1b4;
    border-top: 1px solid #afb1b4;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 15px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.ip-action-button_nb{
    border: 0 none;
}
.ip-action-right{

    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ip-dd{
    position: relative;
}
.ip-action-button button{
    margin-right: 8px;
}
.ip-table-inner-scroll{
    overflow-x: auto;
}
.ip-table-divider{
    height: 30px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #3f9ce8;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.col-dd-wrap .col-dd,
.ip-action-right .col-dd{
    /*box-shadow: inset 0 0 30px rgba(0,0,0,0.5);*/
    background-color: #fff;
    border: 1px solid #3f9ce8;
}
.col-dd-wrap{
    margin-left: 15px;
}
.col-dd-wrap .col-dd i,
.ip-action-right .col-dd i {
    color: #3f9ce8;
}
.col-dd-wrap .col-dd.open,
.ip-action-right .col-dd.open{
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
            box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
    border: 1px solid transparent;
}
tbody .alert-danger{
    background-color: #fcdddc !important;
}
.alert-danger .ip-table-td{
    background-color: #fcdddc !important;
}
.modal-dialog {
    min-height: calc(100vh - 60px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /*overflow: auto;*/
}
@media(max-width: 768px) {
    .modal-dialog {
        min-height: calc(100vh - 20px);
    }
}
.pi-table th,
.pi-table td{
    text-align: center;
}
.form-control.error{
    border-color: red;
}
.select2.error + .select2-container--default .select2-selection--multiple {
    border-color: red;
}
.target-date-td{
    position: relative;
}
.target_date{
    position: absolute;
    right: 8px;
    cursor: pointer;
    color: #3f9ce8;
}
.project-incharge{
    position: relative;
}

.project-incharge i{
    position: absolute;
    right: 8px;
    cursor: pointer;
    color: #3f9ce8;
    display: none;
}
.project-incharge.show-link i{
    display: block;
}

.crm-col-toggle-action .col-dd-option{
    text-align: left;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(63,156,232,.9);
}

.jo-label{
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e7ed;
    font-weight: 700;
    color: #3f9ce8;
    margin-top: 20px;
}
.ip-summary-box{
    margin-bottom: 21px;
}
.ip-summary-box__item{
    border: 1px solid #3f9ce8;
    padding: 10px;
    margin-bottom: 4px;
    border-radius: 3px;
}
.ip-summary-box__row_toggle .ip-summary-box__item{
    border: 1px solid #f00;
}
.ip-summary-box__item h6{
    margin-bottom: 5px;
    color: #3f9ce8;
}

.ip-summary-box__item h3{
    margin-bottom: 5px;
    color: #3f9ce8;
}

.show-stats{
    font-size: 12px;
}
.jitex-row{
    margin-left: -3px;
    margin-right: -3px;
}
.jitex-row:after{
    content: "";
    clear: both;
    display: table;
}
.ip-summary-box__row{
    max-width: 150px;
    min-width: 150px;
    padding-left: 3px;
    padding-right: 3px;
    float: left;
}
.ip-summary-box__row_sm{
    max-width: 130px;
    min-width: 130px;
}
.project-status-dd{
    height: 30px;
    padding: 0;
}
.project-completion{
    position: absolute;
    right: 5px;
    color: #3f9ce8;
    cursor: pointer;
}
.project-completion-wrap{
    position: relative;
}
.input-box{
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.3);
            box-shadow: 0 0 15px 2px rgba(0,0,0,0.3);
    display: none;
    padding: 24px 10px 10px;
    text-align: center;
    z-index: 9;

}
.input-box input{
    height: 25px;
    padding: 5px;
}
.input-box .btn{
    margin-top:8px;
    padding: 3px 10px;
    font-size: 13px;
}
.input-box .close-form{
    position: absolute;
    color: #c5c7ca;
    top: 4px;
    right: 5px;
    cursor: pointer;
}
.jitex-sorting{
    display: block;
    position: absolute;
    right: 5px;
}
.jitex-sorting__link{
    display: block;
    line-height: 0;
    padding: 0 5px;
}
.jitex-sorting__link.active{
    display: none;
}
.jitex-sorting__link i{
    line-height: 6px;
    font-size: 18px;
}
.jitex-sorting__link:first-child{
    margin-bottom: 4px;
}
.hs-buttons-holder{
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.hs-deleted-jo i{
    display: none;
    margin-right: 5px;
}
.hs-deleted-jo.active i{
    display: inline-block;
}
.country-summary{
    position: absolute;
    padding: 0 5px;
    right: 8px;
}
.country-summary-holder h4{
    font-size: 16px;
    margin-bottom: 10px;
}
.country-summary-holder ul{
    padding-left: 20px;
}
.header-holder{
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #e4e7ed;
    margin-bottom: 25px;
    padding: 20px 0;
}
.content-heading_planning{
    margin-bottom: 8px;
    border-bottom: none 0;
    padding: 0;
}
.content-heading_hrf{
    margin-bottom: 0;
    border-bottom: none 0;
    padding: 0;
}
.pb10{
    padding-bottom: 10px;
}
.hrf-jo-number{
    display: none;
    font-size: 20px;
    color: #3f9ce8;
}
.planning-hrf-table .ip-table .ip-table-th{
    background-color: #e4e7ed;
    position: relative;
}
.accept-request{
    color: #7eb73d;
}
.reject-request {
    color: #ef5350;
}
.ip-table-toggle{
    position: relative;
}
.ip-table-td .badge{
    position: absolute;
    right: 8px;
}

.jit-planing-block .jit-col-2{
    -ms-flex: 0 0 15.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 15.667%;
    max-width: 15.667%;
}
.jit-planing-block .jit-col-10{
    -ms-flex: 0 0 84.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 84.333%;
    max-width: 84.333%;
}

.jitex-filter-wrapper{
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.jitex-filter-wrapper select{
    margin: 0 10px;
}
.jitex-filter-wrapper select:first-child{
    margin-left: 0;
}
.jitex-filter-wrapper .jitex-select{
    margin-right: 15px;
}
.block_transparent{
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.col-dd-wrap{
    position: relative;
}
.date-filter{
    max-width: 230px;
    width: 100%;
}
.jitex-download{
    margin-left: 15px;
}
.jitex-download .min-width-125{
    min-width: 185px !important;
}
.sticky-header thead th{
    position: relative;
}
.sticky-header thead th .jitex-sorting{
    top: 16px;
    right: 10px;
}
.table-last-row{
    position: relative;
}
.table-last-row .total-sum{
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    top: 45px;
}

/**
 *  Job Order planning detail Dashboard
 */

.jitex-pd{

}
.jitex-pd__head{
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}
.jitex-pd__body td{
    font-size: 12px;
    position: relative;
}
.jitex-pd__body table{
    margin-bottom: 20px;
}
.tb-input{
    width: 100%;
    height: 24px;
    border: 0 none;
    background-color: transparent;
    display: none;
}
.tb-select{
    width: 100%;
    height: 25px;
    padding: 0;
}
.jitex-pd__body table td{
    padding: 5px;
}
.jitex-pd__body .target_date{
    right: 5px;
    top: 11px;
}
.jo-action-lock{
    font-size: 18px;
}
.tb-input-field{
    height: 38px;
}
.tb-input-field.active{
    border-bottom: 2px solid #3f9ce8;
}
.form-group-relative{
    position: relative;
}
.form-group-relative .text-muted{
    position: absolute;
}
.equipment_list {
    font-size: 12px;
}
.block-header__eq h3{
    margin-bottom: 0;
}
.block-header__eq{
    margin-bottom: 15px;
}
.hs-table-jo-planning{
    min-width: auto;
}
.hs-table-jo-planning .hs-table-th{
    width: 100%;
}
.jitex-pagination{
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.form-material .form-control[readonly]{
    background-color: #e9ecef;
}
.disabled-select {
    background-color:#d5d5d5;
    opacity:0.5;
    border-radius:3px;
    cursor:not-allowed;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
}


/*
.pagination li a{
    height: 30px;
    width: 34px;
    border: 1px solid #3f9ce8;
    margin-left: 5px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3f9ce8;
}
.pagination li a.active,
.pagination li a:hover,
.pagination li a:focus,
.pagination li a:active{
   background-color: #3f9ce8;
    color: #fff;
}*/

.text-red{
    color: #dc3545;
}
.text-green{
    color: #a3cd73;
}
.bg-green{
    background-color: #a3cd73 !important;
    color: #fff !important;
}
/*
.bg-green a:hover,
.bg-green a:active,
.bg-green a:focus,
.bg-green a{
    color: #fff;
}*/
.dash-modal-row{
    position: relative;
}
.dash-modal-row i{
    position: absolute;
    top: 8px;
    right: 8px;
    color: #3f9ce8;
    cursor: pointer;
}
.form-divider{
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 12px;
    border-bottom: 1px solid #e4e7ed;
    margin-bottom: 30px;
    margin-top: -10px;
    text-transform: uppercase;
}
.form-divider_mt30{
    margin-top: 30px;
}
.scheduled_date_class{
    position: relative;
}
.scheduled_date_class .target_date{
    position: absolute;
    top: 8px;
    right: 8px;
}
.customer-sp{
    padding: 0 0 10px;
    list-style: none;
    border-bottom: 1px solid #e4e7ed;
}
.customer-sp b{
    display: inline-block;
    max-width: 140px;
    width: 100%;
}
.customer-sp li{
    margin-bottom: 10px;
}

.list-view-title{
    font-size: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #e4e7ed;
    padding-bottom: 10px;
    color: #3f9ce8;
}
.hs-buttons_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.hs-buttons_left .btn{
    margin-left: 10px;
}
.list-filter{
    font-size: 20px;
}
.list-filter:first-child{
    margin-right: 10px
}
.list-border{
    border-top: 2px solid #adb1b3;
}
@media screen and (min-width: 1921px) {
    .list-border{
        border-top: 3px solid #adb1b3;
    }
}
.task-bg-gray{
    background-color: #f0f5f7;
}
.p0{
    padding-top: 0;
}
.task-block-title{
    line-height: 20px;
}
.edit-task{
    display: block;
    color: #3f9ce8;
}
.et-right h4{
    font-size: 18px;
    margin-bottom: 0;
    padding-top: 20px;
}
.et-right_date{
    padding-bottom: 10px;
    font-size: 13px;
    border-bottom: 1px solid #d7d7d7;
}
.el-list{
    padding: 0;
    list-style: none;
}
.el-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    /*justify-content: space-between;*/
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px dashed #e4e3e3;
    padding-bottom: 10px;
}
.el-list li > span:last-child{
    margin-left: 15px;
}
.et-right .select2-container--default{
    width: 150px !important;
}
.et-right .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
}
.et-right .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 10px;
}
.et-right .select2-container .select2-selection--single {
    height: 30px;
}
.et-right .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
}
.et-right .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 29px;
    right: 4px;
}
.et-assign .select2-container--default{
    width: 100% !important;
}
.et-assign{
    margin-bottom: 20px;
}

.et-content{
    padding-top: 17px;
    padding-bottom: 15px;
}

.et-content__title{
    color: #3f9ce8;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.et-content__caption{
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 10px;
    position: relative;
}
.et-content__caption a{
    padding-left: 5px;
}
.et-content__description{
    padding-top: 5px;
}
.et-content__caption textarea.form-control{
    height: 120px;
    margin-top: 10px;
    display: none;
}
.btn-description{
    position: absolute;
    right: 0;
    font-size: 12px;
    padding: 3px 10px !important;
    display: none;
}

.add_checklist_item{
    padding-top: 10px;
    display: inline-block;
}
.checklist-textarea{
    resize: none;
    overflow: hidden;
    font-size: 14px;
    border-radius: 3px;
    padding: 0 5px 0 5px;
    border: 0;
    outline: 0;
    width: 100%;
}

.checklist-input{
    display: none;
    margin-bottom: 10px;
}
.add_checklist_item{
    padding-bottom: 6px;
}
.jitex-js-task table tr{
    background-color: #f0f5f7;
    margin-bottom: 8px;
}

.checklist-progress{
    margin-bottom: 12px;
    width: calc(100% - 60px);
    position: relative;
}
.checklist-progress .cklist-percentage{
    position: absolute;
    right: -60px;
    top: -5px;
}
.user-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    position: relative;
}
.user-info img{
    width: 40px;
    border-radius: 50%;
    height: 100%;
}
.user-info__holder{
    margin-left: 15px;
    width: 100%;
}
.fz12{
    font-size: 12px;
}
.task-comment{
    border-top: 1px solid #f3f3f3;
    padding: 15px 0;
    margin-top: 15px;
}
.task-comment a{
    display: inline-block;
    margin-bottom: 5px;
}
.user-comment{
    margin-top: 10px;
    font-size: 13px;
}
.user-info__action{
    position: absolute;
    right: 0;
    top: -5px;
}
.user-info__action a{
    display: inline-block;
    padding: 5px;
}
.delete-comment{
    color: #dc3545;
}
.comment-editor__wrap{
    margin: 0 0 10px;
}
.task-comment{
    position: relative;
}
.task-comment__row{
    padding: 10px;
    background-color: #f0f5f7;
    border-radius: 3px;
    margin-bottom: 5px;
}
.comment-editor__wrap{
    display: none;
}
.task-comment__action{
    position: absolute;
    top: 9px;
    right: 0;
}
.task-comment__action a{
    font-size: 12px;
    padding: 3px 10px !important;
}
.user-comment-textarea{
    display: none;
}
.user-comment-textarea textarea{
    height: 150px;
}
.tc-inline__action{
    padding-top: 15px;
    text-align: right;
}
.daterangepicker{
    z-index: 9999;
}

.task-field{
    position: relative;
}
.task-field__action{
    position: absolute;
    right: 0;
    top: -18px;
}
.note-popover{
    z-index: 9999;
}
.date-placeholder{
    color: #8d8d8d;
    cursor: pointer;
}

.comment-list-wrap{
    position: absolute;
    right: 8px;
    top: 0;
    font-size: 12px;
}

.box-danger .ip-summary-box__item {
    border-color: #dc3545;
}

.box-danger .ip-summary-box__item h3{
    color: #dc3545;
}
.et-content__title-wrap{
    position: relative;
}
.et-content__title-wrap a{
    font-size: 14px;
}
.et-content__title-wrap .btn-save-title{
    position: absolute;
    font-size: 12px;
    padding: 5px 10px;
    right: 0;
    bottom: -30px;
}
.et-content__title-wrap input{
    margin-bottom: 15px;
}
.et-content__field{
    display: none;
}
.ckl-checkbox{
    padding: 0 7px 5px 13px !important;
    width: 30px;
}
.task-title-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.task-title-wrap h3{
    width: 80px;
    padding-top: 4px;
}
.task-title-wrap .btn{
    margin-left: 10px;
}
.task-list-action{
    display: none;
}

.colorpicker-bs-popover{
    z-index: 99999;
}

table tbody.jitex-group-body.jitex-group-parent,
table tbody.jitex-group-body.jitex-group-child {
    border: none;
}

table tbody.jitex-group-body.jitex-group-parent tr td,
table tbody.jitex-group-body.jitex-group-child  tr td{
    padding: 10px;
}

.table > tbody + tbody{
    border: none;
}

.table .crm-tfoot-dark th,
.table .crm-thead-dark th{
    color: #ffffff !important;
    background-color: #181C32 !important;
    border-color: #242a4c !important;
}

.fu-status {
    padding: 8px;
    border-radius: 4px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
}

.overdue {
    color: red;
    /*text-decoration: line-through;*/
    /*padding: 3px 6px;*/
}
.due-today {
    background-color: #ff0000;
    color: #ffffff;
    /*padding: 3px 6px;*/
}
.due-tomorrow {
     background-color: yellow;
     /*font-weight: bold;*/
     /*padding: 3px 6px;*/
 }
.due-this-month {
    color: white;
    background-color: #7bc843;
}
.due-next-month {
    color: white;
    background-color: #0829f4;
}

#shipping-form .panel_s .panel-body{
    /*border: 1px solid #fff;*/
    border: none;
}

.of-sp .bootstrap-select .dropdown-toggle{
    padding: 3px 20px 0 0;
}

/********************************* Get these styles from the reset.min.css******************************************/
.pHeading{
    font-size: 14px;
    font-weight: bold;
    background: #eee;
    padding: 10px;
    margin-bottom: 10px
}
/*******************************************************************************************************************/
/********************************* Get these styles from the style.min.css******************************************/
.accordion-button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:1rem 1.25rem;font-size:2rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.accordion-button{-webkit-transition:none;transition:none}}.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.125);box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.accordion-button::after{-ms-flex-negative:0;flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.accordion-button::after{-webkit-transition:none;transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;-webkit-box-shadow:0 0 0 .25rem rgba(13,110,253,.25);box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.accordion-header{margin-bottom:0}.accordion-item{background-color:#fff;border:1px solid rgba(0,0,0,.125)}.accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-body{padding:1rem 1.25rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}.breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}
/*.input-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group-append{margin-left:-1px}.input-group-append,.input-group-prepend{display:-webkit-box;display:-ms-flexbox;display:flex}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}*/
#rel_id_select .bootstrap-select button.btn.dropdown-toggle.btn-default.bs-placeholder{
    border-radius: 4px 0px 0px 4px !important;
}
.plus-icon{
    opacity: 1;
    float: right;
    margin-top: -14%;
    border-radius: 4px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
@media only screen and (max-width:992px) and (min-width:768px){
    .plus-icon{
        margin-top: -5.3% !important;
        margin-right: 45px !important;
    }
    .input-group-addon{
        padding: 10px 13px !important;
    }
}
@media only screen and (max-width:767px) and (min-width:320px) {
    .plus-icon {
        margin-top: -10.3% !important;
        margin-right: 10px !important;
    }
}

.number_of_packages{width: 100% !important;}
.minh-37px{min-height: 37px;}.minh-38px{min-height: 38px;}
.w-100{width:100%;}
.pl-0{padding-left: 0px;}.pr-0{padding-right: 0px;}
.pl-15px{padding-left:15px;}
.pt-30px{padding-top:30px;}
.f-11px{font-size: 11px;}

.jitex-dd__panel{position:absolute;z-index:999;background-color:#fff;width:100%;-webkit-box-shadow:10px 4px 13px 0 rgba(0,0,0,.1);box-shadow:10px 4px 13px 0 rgba(0,0,0,.1);top:0;border-radius:4px;padding:10px 15px;display:none}.jitex-dd__option{position:relative;padding-bottom:8px;cursor:pointer}.jitex-dd__option:last-child{padding-bottom:0}.jitex-dd__only{position:absolute;top:0;right:0;font-size:12px;text-align:right;display:none}.jitex-dd__only span{padding:3px 6px;border-bottom:1px solid rgba(0,0,0,.03);border-right:1px solid rgba(0,0,0,.03);background-color:#f6f6f6;border-radius:2px;font-size:10px}.jitex-dd__option .custom-control-label{cursor:pointer}.jitex-dd__option:hover .jitex-dd__only{display:block}

.bg-blue-dark{background-color: #415164;color: white !important;}

.pt-40px{padding-top:40px;}.pt-50px{padding-top:50px;}.pt-55px{padding-top:55px;}

.border-none{border:none!important}.p-none{padding:0}.h-25px{height:25px}.f-small{font-size:small}.text-black{color:black;}.background-none{background-color:transparent;}

.iso-tank-inventory-summary{cursor: pointer;}

.minw-110px{min-width: 110px;}

/***********************************************************************************************************************/

/**********************************Form spinner loader style************************************************************/
#jitex-form-loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.8) url(../images/loading2.gif) no-repeat center center;
    z-index: 10000;
    /*background-size: 120px;*/
}
#spinner-loader, #modal-loader{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    z-index: 10000;
}
#modal-loader{
    width: 97%;
    height: 93%;
    background: rgba(0,0,0,0.34);
}
#spinner-loader > i, #modal-loader > i {
    position: absolute;
    top: 50%;
    color: #03a9f4;
}
#modal-loader > i {
    top: unset;
    bottom: 36%;
}
/***********************************************************************************************************************/

/*.ship-con-tank-del-btn{
    position: absolute;
    top: 50px;
    right: 25px;
}*/

.shipping-dp-edit > .btn-primary.disabled{
    background-color: #28b8da !important;
}
.watermark {
    position: absolute;
    color: lightgray;
    opacity: 0.55;
    font-size: 10em;
    width: 100%;
    top: 30%;
    text-align: center;
    z-index: 0;
}
.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.table.cbd-items-table thead{
    background: #415164;
    color: #fff;
    border: 0;
}
.table.cbd-items-table tbody > tr > td, .table.cbd-items-table thead > tr > th {
    padding: 8px 10px;
}
.table.cbd-items-table thead > tr > th{
    border: 0 !important;
    color: #fff !important;
}
._transaction_form .table.cbd-items-table thead > tr > th:first-child,
._transaction_form .table.cbd-items-table thead > tr > th:last-child{
    min-width: auto;
}
._transaction_form .table.cbd-items-table thead > tr > th{
    min-width: 100px;
}

@media (min-width: 767px) {
    .dl-jitex-horizontal dt{
        float: left;
        width: 50%;
        clear: left;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-block:5px;
        font-weight: 500;
    }
    .dl-jitex-horizontal dd{
        padding-left: 0;
    }
}
.dl-jitex-horizontal dd{
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-block:5px;
}
.jitex-prevent-edit-customer{
    position: absolute;
    width: 99%;
    height: 87%;
    background: rgba(48, 47, 47, 0.06);
    z-index: 10000;
}
.summary-box {
    background-color: #f8f9fa;
    /*border: 1px solid #ccc;*/
    padding: 15px;
    margin-bottom: 20px;
}
.summary-box h2 {
    color: #007bff;
}
.summary-box p {
    margin-bottom: 5px;
}
.no-wrap {
    white-space: nowrap;
}
.flag-base {
    text-align: center;
    background-color: #f8f9fa; /* Light gray background */
    padding: 10px;
}
.sync-button1 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.table > tbody > tr > td.padding-5{
    padding: 5px;
}

.input-group-btn > button.jitex-input-group-btn-default{
    background-color: #fbfdff;
    padding-top: 9px;
    color: #03a9f4;
}
.input-group-addon .jitex-input-group-addon{
    color: #03a9f4;
}
[data-toggle=buttons] > .btn input[type=checkbox] {
    position: static;
}
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    clip:unset;
}
td,th {
     padding: 4px;
 }
.table_ADDITIONAL.items tbody>tr>td {
    color: #ff0505 !important;
    border-bottom: solid 1px;
}
.dropdown.bootstrap-select.readonly{
    pointer-events: none;
    background-color: #e9ecef; /* Optional: Change the background color to indicate readonly state */
}
.jitex-form-control-static {
    background-color: #eef1f6;
    border-color: #d1dbe5;
    color: #8babcc;
    opacity: 1;
    border: 1px solid #bfcbd9;
    border-top-color: rgb(191, 203, 217);
    border-right-color: rgb(191, 203, 217);
    border-bottom-color: rgb(191, 203, 217);
    border-left-color: rgb(191, 203, 217);
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    height: 36px;
    display: block;
    width: 100%;
    padding: 6px 12px;
    background-image: none;
    border-radius: 4px;
}

/* File Card Styling */
.file-card {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
    height: 320px; /* Fixed height for uniformity */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.file-preview-container {
    height: 200px;
    overflow: hidden;
    text-align: center;
    background: #f8f9fa;
    border-radius: 3px;
    margin-bottom: 10px;
    position: relative;
}

.pdf-preview {
    width: 100%;
    height: 100%;
    border: none;
}

.file-thumbnail {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.file-actions {
    margin-top: auto; /* Push actions to bottom */
    text-align: center;
}

.file-name {
    font-size: 13px;
    word-break: break-word;
    margin-bottom: 8px;
    color: #444;
    height: 40px;
    overflow: hidden;
}
/* Loader Styling */
.preview-loader {
    text-align: center;
    padding: 20px;
}

.preview-spinner {
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
    margin: 0 auto 10px;
}

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

@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.shipping-debit-note-activity {
    border-left: 3px solid #84c529;
    padding-left: 10px;
    margin-bottom: 15px;
}

.shipping-debit-note-activity .label {
    font-size: 10px;
    padding: 2px 5px;
}

.toggle-comment {
    color: #2c2c2c;
}

.toggle-comment:hover {
    color: #084cdf;
}

.team-card {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-card:hover {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    -webkit-box-shadow: 0 20px 40px rgba(52, 152, 219, 0.15);
            box-shadow: 0 20px 40px rgba(52, 152, 219, 0.15);
}

.team-header {
    padding: 25px;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
}

.team-icon {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.8rem;
    background: rgba(255, 255, 255, 0.2);
}

.team-info h2 {
    font-size: 1.8rem;
    margin-bottom: 5px;
}

.team-info p {
    opacity: 0.9;
    font-size: 1rem;
}

.pricing-team .team-header {
    background: linear-gradient(135deg, #3498db, #2980b9);
}

.sales-team .team-header {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
}

.operations-team .team-header {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
}

.team-members {
    padding: 20px;
}

div.member {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 15px;
    background: #f9fbfd;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #eef2f7;
}

div.member:hover {
    background: white;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border-color: #e0e6ed;
}

div.member-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 1.2rem;
    margin-right: 15px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.pricing-team div.member-avatar {
    background: linear-gradient(135deg, #3498db, #2980b9);
}

.sales-team div.member-avatar {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
}

.operations-team div.member-avatar {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
}

div.member-info {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

div.member-info h3 {
    font-size: 1.1rem;
    margin-bottom: 5px;
}

div.member-role {
    display: inline-block;
    background: rgba(52, 152, 219, 0.1);
    color: #3498db;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.85rem;
    margin-top: 3px;
}

div.member-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    margin-top: 8px;
    font-size: 0.9rem;
    color: #7f8c8d;
}

div.member-meta i {
    width: 20px;
    text-align: center;
}

.stats-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-bottom: 40px;
}

.stat-card {
    background: white;
    border-radius: 16px;
    padding: 25px;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.stat-card:hover {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-box-shadow: 0 15px 35px rgba(52, 152, 219, 0.15);
            box-shadow: 0 15px 35px rgba(52, 152, 219, 0.15);
}

.stat-icon {
    width: 70px;
    height: 70px;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 2rem;
    color: white;
}

.stat-info {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.stat-info h3 {
    font-size: 1.1rem;
    color: #7f8c8d;
    margin-bottom: 5px;
}

.stat-value {
    font-size: 2.2rem;
    font-weight: 700;
    background: -webkit-gradient(linear, left top, right top, from(#3498db), to(#2ecc71));
    background: linear-gradient(90deg, #3498db, #2ecc71);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.role-management {
    background: white;
    border-radius: 16px;
    padding: 30px;
    -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
    margin-bottom: 40px;
}


.role-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
}

.role-card {
    background: #f9fbfd;
    border-radius: 16px;
    padding: 25px;
    border: 1px solid #eef2f7;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.role-card:hover {
    background: white;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border-color: #e0e6ed;
}

.role-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.role-icon {
    width: 50px;
    height: 50px;
    border-radius: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: white;
    font-size: 1.5rem;
}

.role-info h3 {
    font-size: 1.3rem;
    margin-bottom: 5px;
}

.role-description {
    color: #7f8c8d;
    line-height: 1.6;
    margin-bottom: 20px;
}

.role-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.team-tag {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
}

.tag-pricing {
    background: rgba(52, 152, 219, 0.15);
    color: #2980b9;
}

.tag-sales {
    background: rgba(231, 76, 60, 0.15);
    color: #c0392b;
}

.tag-operations {
    background: rgba(46, 204, 113, 0.15);
    color: #27ae60;
}

.tag-admin {
    background: rgba(155, 89, 182, 0.15);
    color: #8e44ad;
}

div.member-count {
    font-weight: 600;
    color: #3498db;
}

@media (max-width: 768px) {

    .team-container,
    .stats-container,
    .role-grid {
        grid-template-columns: 1fr;
    }
}
.debit-note-comments {
    background-color: #f8fafc;
    border-left: 3px solid #3498db;
    padding: 10px 15px;
    margin: 10px 0;
    border-radius: 4px;
}

.debit-note-comments h5 {
    color: #6c757d;
    font-size: 14px;
    margin-bottom: 8px;
}

.bg-info-light {
    background-color: #e7f4ff;
    border: 1px solid #d1e7ff;
}
.shipping-debit-note-activity {
    margin-bottom: 15px;
    border-radius: 3px;
}

.shipping-debit-note-activity .panel-heading {
    padding: 10px 15px;
}

.shipping-debit-note-activity .panel-body {
    padding: 15px;
}

.debit-note-comment .well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    margin-bottom: 0;
}

.toggle-comment {
    color: #2c3e50;
}

.toggle-comment:hover {
    color: #18a689;
    text-decoration: none;
}
.comment-content {
    overflow: hidden;
    display: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 5px;
}

.debit-note-comment .well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 0;
}

.toggle-comment i {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 14px;
    text-align: center;
}

.toggle-comment:hover {
    text-decoration: none;
    color: #2a7ae2;
}
.debit-note-container {
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    border: none;
    margin-bottom: 25px;
}

.debit-note-container .panel-heading {
    background: -webkit-gradient(linear, left top, right top, from(#03a9f4), to(#0a222d));
    background: linear-gradient(to right, #03a9f4, #0a222d);
    color: white !important;
    border-radius: 5px 5px 0 0 !important;
    padding: 15px 20px;
    border: none;
}

.debit-note-container .panel-title {
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.debit-note-container .section-title {
    color: #2c3e50;
    border-bottom: 2px solid #e9ecef;
    padding-bottom: 8px;
    margin-top: 10px;
    font-weight: 500;
    font-size: 16px;
}

.debit-note-container .status-badge {
    font-size: 13px;
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: normal;
}

.debit-note-container .well {
    background-color: #f8f9fa;
    border-radius: 4px;
    border: 1px solid #e9ecef;
    padding: 15px;
    margin-top: 8px;
    margin-bottom: 0;
}

.debit-note-container .info-item {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.debit-note-container .info-label {
    font-weight: 500;
    min-width: 120px;
    /*color: #495057;*/
}

.debit-note-container .info-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    /*color: #212529;*/
}

.debit-note-container .attachments-section {
    /*margin-top: 25px;
    padding-top: 15px;
    border-top: 1px solid #e9ecef;*/
}

.debit-note-container .attachment-placeholder {
    text-align: center;
    padding: 20px;
    background-color: #f8f9fa;
    border: 1px dashed #dee2e6;
    border-radius: 4px;
    color: #6c757d;
}

.debit-note-container .divider {
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#03a0e7), color-stop(#066b98), to(#0a2430));
    background: linear-gradient(to right, #03a0e7, #066b98, #0a2430);
    margin: 20px 0;
}

.debit-note-container .glyphicon {
    margin-right: 8px;
    /*color: #6c757d;*/
}

.debit-note-container .action-buttons .btn {
    margin-left: 8px;
    padding: 5px 12px;
}

.debit-note-container .panel-body {
    padding: 25px;
}

.debit-note-container .btn-action {
    background-color: #4a6491;
    color: white;
    border: none;
}

.debit-note-container .btn-action:hover {
    background-color: #2c3e50;
    color: white;
}

.debit-note-container .label-success {
    background-color: #28a745;
}

.multi-preview-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}

.multi-preview-gallery .thumb {
    width: 90px;
    height: 90px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 6px;
    border: 1px solid #ddd;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.2s ease-in-out, -webkit-box-shadow 0.2s;
    transition: -webkit-transform 0.2s ease-in-out, -webkit-box-shadow 0.2s;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s, -webkit-transform 0.2s ease-in-out, -webkit-box-shadow 0.2s;
}

.multi-preview-gallery .thumb:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.debit-note-container a{
    color: #2c3e50;
} 

.debit-note-container p.attachment-actions i{
    font-size: 15px;
    margin-right: 5px;
}