/*start-common-css*/
:root{
    --primary-color:#ef4f5f;
    --primary-light-color:#f79da7;
    --primary-hover-color:#e24757;
    --thead-color:#e3e8f8;
    --tfoot-color:#e3e8f8;
    --orange-thead:#ffe4e1;
    --green-tr:#c5f3c5;
    
    --export-color:#7c59e6;
    --export-hover-color:#8760fb;

    --import-color:#06aff1;
    --import-hover-color:#01b8ff;

    --add-color:#03b788;
    --add-hover-color:#03c895;

    --save-color:#f18180;
    --save-hover-color:#ee8e8d;

    --submit-color:#d34e9e;
    --submit-hover-color:#df56a8;

    --upload-color:#4d5b9c;
    --upload-hover-color:#5a68ae;

    --next-color:#b0b440;
    --next-hover-color:#bbc046;

    --yes-color:#03c895;
    --yes-hover-color:#03b788;

    --approve-color:#37afa9;
    --approve-hover-color:#2fa39d;

    --continue-color:#f18180;
    --continue-hover-color:#ee8e8d;

    --excel-color:#59d3d3;
    --excel-hover-color:#60dcdc;

    --search-color:#eb6f33;
    --search-hover-color:#e06b32;
    
    --filter-color:#b482af;
    --filter-hover-color:#c08fbb;

    --reset-color:#7c8f56;
    --reset-hover-color:#7c8f56;

    --update-color:#cb9c0e;
    --update-hover-color:#bf930d;

    --temp-color:#aabb5b;
    --temp-hover-color:#9dad53;

    --audit-color:#607e9b;
    --audit-hover-color:#4f6c87;

    --template-color:#f50b73;
    --template-hover-color:#e30969;

    --dispose-color:#f50b73;
    --dispose-hover-color:#e30969;

    --print-color:#167598;
    --print-hover-color:#2086ac;

    --with-product-color:#eb6f33;
    --with-product-hover-color:#e06b32;

    --without-product-color:#f50b73;
    --without-product-hover-color:#e30969;

    --select-all-color:#aabb5b;
    --select-all-hover-color:#9dad53;

    --deselect-all-color:#eb6f33;
    --deselect-all-hover-color:#e06b32;

    --back-color:#a7a7a7;
    --back-hover-color:#b7b7b7;

    --close-color:#b7b7b7;
    --close-hover-color:#a7a7a7;

    --reassign-color:#7c8f56;
    --reassign-hover-color:#7c8f56;

    --download-color:#06aff1;
    --download-hover-color:#01b8ff;

    --active-ic-color:#03c895;
    --view-ic-color:#cb9c0e;
    --edit-ic-color:#4e9de6;
    --print-ic-color:#208eb7;
    --file-ic-color:#c08fbb;
    --transporter-ic-color:#b482af;
    --reassign-ic-color:#208eb7;
    --cart-ic-color:#cb9c0e;

    --completed-tag-color:#70ba81;
    --confirmed-tag-color:#70ba81;
    --cancelled-tag-color:#dd737d;
    --rejected-tag-color:#dd737d;
    --pending-tag-color:#d2b662;
    --partial-tag-color:#8872cb;
    --edited-tag-color:#6095c5;

    /*location-tree-variables*/
    --tree-1-color:#acddde;
    --tree-2-color:#fee7c7;
    --tree-3-color:#d6cdea;
    --tree-4-color:#dae3c7;

    /*order-summary-table-variables*/
    --order-summary-head-color:#d9e9f9;
    --order-summary-subhead-color:#fddebe;
    --order-summary-brand-color:#dfebc5;

    /*order-taking-variables*/
    --order-green-color:#37b743;
    --order-green-hover-color:#31a63d;
    --order-summary-thead-color:#ffde83;
    --order-summary-tfoot-color:#d59c06;
    --order-yellow-color:#f8b603;
    --order-yellow-hover-color:#d9a10c;
    --order-pastel-color:#55cbcd;
}

/*remixicon-font-face*/
@font-face{
    font-family:"remixicon";
    src:url("../fonts/remixicon/remixicon.eot");
    src:url("../fonts/remixicon/remixicon.eot") format("embedded-opentype"), url("../fonts/remixicon/remixicon.woff") format("woff"), url("../fonts/remixicon/remixicon.ttf") format("truetype"), url("../fonts/remixicon/remixicon.svg") format("svg");
    font-weight:normal;
    font-style:normal;
}
/*remixicon-font-face*/

*{
    user-select:text;
}
body::-webkit-scrollbar{
    width:7px;
}
body::-webkit-scrollbar-track{
    background:#f1f1f1;
}
body::-webkit-scrollbar-thumb{
    background:#c1c1c1;
    border-radius:50px;
}
body::-webkit-scrollbar-thumb:hover{
    background:#989898;
}
.d-flex{
    display:flex !important;
}
.d-inline-flex{
    display:inline-flex !important;
}
.d-table{
    display:table !important;
}
.d-block{
    display:block !important;
}
.justify-content-start{
    justify-content:start !important;
}
.justify-content-end{
    justify-content:end !important;
}
.justify-content-between{
    justify-content:space-between !important;
}
.justify-content-center{
    justify-content:center !important;
}
.align-item-center{
    align-items:center !important;
}
.flex-row-reverse{
    flex-direction:row-reverse !important;
}
.float-left{
    float:left !important;
}
.float-right{
    float:right !important;
}
.text-align-right{
    text-align:right !important;
}
.line-height0{
    line-height:0px !important;
}
.line-height12{
    line-height:12px !important;
}
.line-height18{
    line-height:18px !important;
}
.line-height25{
    line-height:25px !important;
}
.line-height22{
    line-height:22px !important;
}
.line-height22{
    line-height:22px !important;
}
.line-height20{
    line-height:20px !important;
}
.line-height28{
    line-height:28px !important;
}
.form-control{
    padding:4px 4px;
    font-size:12px;
}
.form-group{
    margin-bottom:10px !important;
}
.form-group input[type=file]{
    position:relative;
}
.form-group input[type=file]:after{
    content:'Choose File';
    padding:3px 10px;
    color:#fff;
    font-size:12px;
    font-weight:400;
    background:var(--primary-color);
    border:1px solid #fff;
    border-radius:3px;
    position:absolute;
    top:2px;
    left:3px;
    cursor:pointer;
}
.form-group input[type=file]:focus{
    outline:0px;
}
.form-group.upload-image img{
    width:20px;
    position:absolute;
    right:20px;
    bottom:15px;
}
.select-validation label.errors, .form-group label.errors, .form-group small.help-block{
    margin:0px;
    padding:1px 4px;
    font-size:11px;
    background:#fff;
    position:absolute;
    bottom:0px;
    left:17px;
    z-index:9;
}
.select-validation .input-group label.errors, .form-group .input-group label.errors, .form-group .input-group small.help-block{
    bottom:-10px;
    left:3px;
}
.select-validation.calendar-validation label.errors, .calendar-validation .form-group label.errors, .form-group small.help-block{
    left:3px;
    bottom:-10px;
}
.validation-left0 .select-validation label.errors, .validation-left0 .form-group label.errors, .validation-left0 .form-group small.help-block{
    left:3px;
}
.validation-bottomMinus10 .select-validation label.errors, .validation-bottomMinus10 .form-group label.errors, .validation-bottomMinus10 .form-group small.help-block,
.select-validation.validation-bottomMinus10 label.errors, .form-group.validation-bottomMinus10 label.errors{
    bottom:-10px;
}
.form-group .select2-selection.select2-selection--multiple .select2-selection__rendered{
    display:inline-flex;
    overflow-x:overlay;
}
.form-group .select2-selection.select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar{
    height:3px;
}
.form-group .select2-selection.select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-track{
    background:#f1f1f1;
}
.form-group .select2-selection.select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb{
    background:#ddd;
    border-radius:50px;
}
.form-group .select2-selection.select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb:hover{
    background:#989898;
}
.select2-container.select2-container--default.select2-container--open{
    z-index:999;
}
.modal-backdrop.fade.in ~ .select2-container.select2-container--default.select2-container--open{
    z-index:9999;
}
.mb-0{
    margin-bottom:0px !important;
}
.m-0{
    margin:0px !important;
}
.mb-2{
    margin-bottom:2px !important;
}
.mx-0{
    margin-left:0px !important;
    margin-right:0px !important;
}
.pr-15{
    padding-right:15px !important;
}
.btn{
    font-size:11px;
}
.btn:active{
    box-shadow:none;
}
.btn.btn-successs:hover, .btn:focus{
    color:#fff;
}
.btn-successs, .label-successs, .badge-successs{
    background:#28a745 !important;
    color:#fff;
}
.label-partial{
    background:#878787;
}
.row-no-gutters{
    margin-right:0px !important;
    margin-left:0px !important;
}
.row-minus-8-gutters{
    margin-right:-4px !important;
    margin-left:-4px !important;
}
.row-minus-8-gutters .col-md-3, .row-minus-8-gutters .col-md-6, .row-minus-8-gutters .col-md-12{
    padding-left:4px;
    padding-right:4px;
}
.col-no-gutters{
    padding-right:0px;
    padding-left:0px;
}
.w-100{
    width:100% !important;
}
.w-150px{
    width:150px !important;
}
.max-height57-5{
    max-height:57.5px;
}
.main-heading{
    margin:0px 0px 14px;
    color:var(--primary-color);
    font-size:15px;
    font-weight:600;
    line-height:0px;
}
.select2-search--dropdown .select2-search__field{
    outline:0px;
}
.col{
    -ms-flex-preferred-size:0;
    flex-basis:0;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    max-width:100%;
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px;
}
/* .dropdown.open button:focus{
    background:var(--primary-color) !important;
} */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    background-color:#f7f7f7;
}
.dropdown-menu{
    right:0px;
    left:unset;
}
.d-none{
    display:none !important;
}
.pointer-event{
    pointer-events:none !important;
}
.cursor-pointer{
    cursor:pointer !important;
}
.shadow-none{
    box-shadow:none !important;
}
.bg-transparent{
    background:transparent !important;
}
textarea{
    resize:none;
}
option::selection{
    background-color:var(--primary-color);
}
.select2-container--default .select2-results>.select2-results__options{
    overflow-x:hidden;
}
.select2-container--default ul.select2-results__options::-webkit-scrollbar{
    width:5px;
    height:0px;
}
.select2-container--default ul.select2-results__options::-webkit-scrollbar-track{
    background:#f1f1f1;
}
.select2-container--default ul.select2-results__options::-webkit-scrollbar-thumb{
    background:#c1c1c1;
    border-radius:50px;
}
.select2-container--default ul.select2-results__options::-webkit-scrollbar-thumb:hover{
    background:#989898;
}
.select2-container--default ul li.select2-results__option--highlighted[aria-selected]{
    background-color:var(--primary-light-color);
    color:#303030;
}
.select2-width-increase{
    width:17% !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border-color:rgba(33, 33, 33, 0.3);
}
input.select2-search__field::placeholder{
    color:#a09f9d;
}
.bootstrap-datetimepicker-widget table thead th, .bootstrap-datetimepicker-widget table tbody td{
    border:0px;
}
.bootstrap-datetimepicker-widget .fa.fa-arrow-up,
.bootstrap-datetimepicker-widget .fa.fa-arrow-down{
    color:#898989 !important;
}
.btn-width30Radius{
    width:30px;
    height:30px;
    border-radius:50%;
}
.background-unset{
    background:unset !important;
}
input.input-change-text{
    background:transparent !important;
    border:0px;
    color:#555;
}
input.input-change-text::placeholder{
    color:#555;
}
.user-select-text{
    user-select:text;
}
.user-select-text::selection{
    color:#303030;
    background:var(--order-yellow-color);
}
.bg-danger{
    background-color:#f2dede !important;
}
/*close-common-css*/

/*start-buttons-icons*/
.btn:focus, .btn:hover{
    color:#fff;
}
.ripple{
    display:inline-block;
    position:relative;
    overflow:hidden;
    transition:all ease-in-out 0.5s;
}
.ripple::after{
	content:"";
    width:70px;
    height:70px;
	display:block;
	position:absolute;
	top:0px;
    left:0px;
	background-color:#000;
	border-radius:50%;
	transition:all ease-in-out 0.7s;
	transform:scale(5);
    pointer-events:none;
    opacity:0;
}
.ripple:active::after{
    transition:0s;
    transform:scale(0);
    opacity:0.3;
}

.primary-btn{
    background-color:var(--primary-color) !important;
    border:1px solid var(--primary-color) !important;
}
.primary-btn:hover{
    background-color:var(--primary-hover-color) !important;
    border:1px solid var(--primary-hover-color) !important;
}

.export-btn{
    background-color:var(--export-color) !important;
    border:1px solid var(--export-color) !important;
}
.export-btn:hover{
    background-color:var(--export-hover-color) !important;
    border:1px solid var(--export-hover-color) !important;
}

.add-btn{
    background-color:var(--add-color) !important;
    border:1px solid var(--add-color) !important;
}
.add-btn:hover{
    background-color:var(--add-hover-color) !important;
    border:1px solid var(--add-hover-color) !important;
}

.delete-btn{
    background-color:var(--primary-color) !important;
    border:1px solid var(--primary-color) !important;
}
.delete-btn:hover{
    background-color:var(--primary-hover-color) !important;
    border:1px solid var(--primary-hover-color) !important;
}

.save-btn{
    background-color:var(--save-color) !important;
    border:1px solid var(--save-color) !important;
}
.save-btn:hover{
    background-color:var(--save-hover-color) !important;
    border:1px solid var(--save-hover-color) !important;
}

.submit-btn{
    background-color:var(--submit-color) !important;
    border:1px solid var(--submit-color) !important;
}
.submit-btn:hover{
    background-color:var(--submit-hover-color) !important;
    border:1px solid var(--submit-hover-color) !important;
}

.upload-btn{
    background-color:var(--upload-color) !important;
    border:1px solid var(--upload-color) !important;
}
.upload-btn:hover{
    background-color:var(--upload-hover-color) !important;
    border:1px solid var(--upload-hover-color) !important;
}

.next-btn{
    background-color:var(--next-color) !important;
    border:1px solid var(--next-color) !important;
}
.next-btn:hover{
    background-color:var(--next-hover-color) !important;
    border:1px solid var(--next-hover-color) !important;
}

.yes-btn{
    background-color:var(--yes-color) !important;
    border:1px solid var(--yes-color) !important;
}
.yes-btn:hover{
    background-color:var(--yes-hover-color) !important;
    border:1px solid var(--yes-hover-color) !important;
}

.no-btn{
    background-color:var(--primary-color) !important;
    border:1px solid var(--primary-color) !important;
}
.no-btn:hover{
    background-color:var(--primary-hover-color) !important;
    border:1px solid var(--primary-hover-color) !important;
}

.approve-btn{
    background-color:var(--approve-color) !important;
    border:1px solid var(--approve-color) !important;
}
.approve-btn:hover{
    background-color:var(--approve-hover-color) !important;
    border:1px solid var(--approve-hover-color) !important;
}

.continue-btn{
    background-color:var(--continue-color) !important;
    border:1px solid var(--continue-color) !important;
}
.continue-btn:hover{
    background-color:var(--continue-hover-color) !important;
    border:1px solid var(--continue-hover-color) !important;
}

.reject-btn{
    background-color:var(--primary-color) !important;
    border:1px solid var(--primary-color) !important;
}
.reject-btn:hover{
    background-color:var(--primary-hover-color) !important;
    border:1px solid var(--primary-hover-color) !important;
}

.buttons-excel{
    background-color:var(--excel-color) !important;
    border:1px solid var(--excel-color) !important;

    /* display:inline-block; */
    position:relative;
    overflow:hidden;
    /* transition:all ease-in-out 0.5s; */
}
.buttons-excel:hover{
    background-color:var(--excel-hover-color) !important;
    border:1px solid var(--excel-hover-color) !important;
}
.buttons-excel::after{
    content:"";
    width:70px;
    height:70px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
    right:0px;
    margin:0px auto;
	background-color:#000;
	border-radius:50%;
	transition:all ease-in-out 1s;
	transform:scale(5);
    pointer-events:none;
    opacity:0;
}
.buttons-excel:active::after{
    transition:0s;
    transform:scale(0);
    opacity:0.2;
}

.import-btn{
    background-color:var(--import-color) !important;
    border:1px solid var(--import-color) !important;
}
.import-btn:hover{
    background-color:var(--import-hover-color) !important;
    border:1px solid var(--import-hover-color) !important;
}

.search-btn{
    background-color:var(--search-color) !important;
    border:1px solid var(--search-color) !important;
}
.search-btn:hover{
    background-color:var(--search-hover-color) !important;
    border:1px solid var(--search-hover-color) !important;
}

.filter-btn{
    background-color:var(--filter-color) !important;
    border:1px solid var(--filter-color) !important;
}
.filter-btn:hover{
    background-color:var(--filter-hover-color) !important;
    border:1px solid var(--filter-hover-color) !important;
}

.reset-btn{
    background-color:var(--reset-color) !important;
    border:1px solid var(--reset-color) !important;
}
.reset-btn:hover{
    background-color:var(--reset-hover-color) !important;
    border:1px solid var(--reset-hover-color) !important;
}

.update-btn{
    background-color:var(--update-color) !important;
    border:1px solid var(--update-color) !important;
}
.update-btn:hover{
    background-color:var(--update-hover-color) !important;
    border:1px solid var(--update-hover-color) !important;
}

.temp-btn{
    background-color:var(--temp-color) !important;
    border:1px solid var(--temp-color) !important;
}
.temp-btn:hover{
    background-color:var(--temp-hover-color) !important;
    border:1px solid var(--temp-hover-color) !important;
}

.audit-btn{
    background-color:var(--audit-color) !important;
    border:1px solid var(--audit-color) !important;
}
.audit-btn:hover{
    background-color:var(--audit-hover-color) !important;
    border:1px solid var(--audit-hover-color) !important;
}

.template-btn{
    background-color:var(--template-color) !important;
    border:1px solid var(--template-color) !important;
}
.template-btn:hover{
    background-color:var(--template-hover-color) !important;
    border:1px solid var(--template-hover-color) !important;
}

.dispose-btn{
    background-color:var(--dispose-color) !important;
    border:1px solid var(--dispose-color) !important;
}
.dispose-btn:hover{
    background-color:var(--dispose-hover-color) !important;
    border:1px solid var(--dispose-hover-color) !important;
}

.print-btn{
    background-color:var(--print-color) !important;
    border:1px solid var(--print-color) !important;
}
.print-btn:hover{
    background-color:var(--print-hover-color) !important;
    border:1px solid var(--print-hover-color) !important;
}

.with-product-btn{
    background-color:var(--with-product-color) !important;
    border:1px solid var(--with-product-color) !important;
}
.with-product:hover{
    background-color:var(--with-product-hover-color) !important;
    border:1px solid var(--with-product-hover-color) !important;
}

.without-product-btn{
    background-color:var(--without-product-color) !important;
    border:1px solid var(--without-product-color) !important;
}
.without-product-btn:hover{
    background-color:var(--without-product-hover-color) !important;
    border:1px solid var(--without-product-hover-color) !important;
}

.select-all-btn{
    background-color:var(--select-all-color) !important;
    border:1px solid var(--select-all-color) !important;
}
.select-all-btn:hover{
    background-color:var(--select-all-hover-color) !important;
    border:1px solid var(--select-all-hover-color) !important;
}

.deselect-all-btn{
    background-color:var(--deselect-all-color) !important;
    border:1px solid var(--deselect-all-color) !important;
}
.deselect-all-btn:hover{
    background-color:var(--deselect-all-hover-color) !important;
    border:1px solid var(--deselect-all-hover-color) !important;
}

.back-btn{
    background-color:var(--back-color) !important;
    border:1px solid var(--back-color) !important;
}
.back-btn:hover{
    background-color:var(--back-hover-color) !important;
    border:1px solid var(--back-hover-color) !important;
}

.close-btn{
    background-color:var(--close-color) !important;
    border:1px solid var(--close-color) !important;
}
.close-btn:hover{
    background-color:var(--close-hover-color) !important;
    border:1px solid var(--close-hover-color) !important;
}

.reassign-btn{
    background-color:var(--reassign-color) !important;
    border:1px solid var(--reassign-color) !important;
}
.reassign-btn:hover{
    background-color:var(--reassign-hover-color) !important;
    border:1px solid var(--reassign-hover-color) !important;
}

.download-btn{
    background-color:var(--download-color) !important;
    border:1px solid var(--download-color) !important;
}
.download-btn:hover{
    background-color:var(--download-hover-color) !important;
    border:1px solid var(--download-hover-color) !important;
}

.active-ic i{
    color:var(--active-ic-color);
    font-size:15px !important;
    font-weight:500;
}
.deactive-ic i{
    color:var(--primary-color);
    font-size:15px !important;
    font-weight:500;
}
.view-ic i{
    color:var(--view-ic-color);
    font-size:16px !important;
    font-weight:600;
}
.edit-ic i{
    color:var(--edit-ic-color);
    font-size:15px !important;
    font-weight:600;
}
.print-ic i{
    color:var(--print-ic-color);
    font-size:15px !important;
    font-weight:600;
}
.trash-ic i{
    color:var(--primary-color);
    font-size:16px !important;
    font-weight:600;
}
.file-ic i{
    color:var(--file-ic-color);
    font-size:15px !important;
    font-weight:600;
}
.transporter-ic i{
    color:var(--transporter-ic-color);
    font-size:20px !important;
    font-weight:500;
}
.reassign-ic i{
    color:var(--reassign-ic-color);
    font-size:15px !important;
    font-weight:500;
}
.cart-ic i{
    color:var(--cart-ic-color);
    font-size:15px !important;
    font-weight:500;
}

.completed-tag{
    background:var(--completed-tag-color);
}
.confirmed-tag{
    background:var(--confirmed-tag-color);
}
.rejected-tag{
    background:var(--rejected-tag-color);
}
.cancelled-tag{
    background:var(--cancelled-tag-color);
}
.pending-tag{
    background:var(--pending-tag-color);
}
.partial-tag{
    background:var(--partial-tag-color);
}
.edited-tag{
    background:var(--edited-tag-color);
}
/*close-buttons-icons*/

/*start-preloader*/
.mtz-preloader{
    width:100%;
    height:100%;
    text-align:center;
    background:#fff;
    position:fixed;
    top:0px;
    left:0px;
    z-index:99999;
    display:none;
}
.mtz-preloaderShow{
    display:block !important;
}
.mtz-preloader img{
    width:400px;
    position:absolute;
    top:calc(50vh - 71px);
    left:0px;
    right:0px;
    margin:0px auto;
}
.body-scrollHide{
    overflow:hidden !important;
}
/*close-preloader*/

/*start-not-found-page*/
.not-found-screen{
    height:100vh;
    background-color:#f5f5f5;
    display:grid;
    justify-content:center;
    align-items:center;
}
.not-found-screen h1{
    color:#000;
    font-size:32px;
    font-weight:600;
}
.not-found-screen p{
    margin:0px 0px 35px;
    color:#555;
    font-size:14px;
    font-weight:500;
}
.not-found-screen a{
    padding:10px 16px;
    background:#fff;
    box-shadow:0px 0px 7px 0px rgb(0 0 0 / 7%);
    border:0px;
    border-radius:4px;
    color:#303030;;
    font-size:13px;
    font-weight:500;
    cursor:pointer;
}
.not-found-screen a:focus{
    outline:0;
}
.not-found-screen a:before{
    content:"\2190";
    margin-right:3px;
    color:#000;
    font-size:20px;
    font-weight:600;
    line-height:0px;
    position:relative;
    top:1px;
    left:0px;
    transition:all 0.3s ease;
}
.not-found-screen a:hover:before{
    left:-5px;
}
/*close-not-found-page*/

/*start-dynamic-sweet-alert*/
.sweet-alert .sa-icon{
    margin-top:0px;
}
.sweet-alert h2{
    margin:12px 0px 5px;
    font-size:20px;
    line-height:32px;
}
.sweet-alert button.confirm,
.sweet-alert button.cancel{
    margin-top:17px !important;
    padding:8px 18px;
}
.sweet-alert button.confirm{
    background:var(--primary-color) !important;
}
.sweet-alert button.cancel{
    background:gainsboro !important;
    color:#212121 !important;
}
.sweet-alert input{
    font-size:15px;
}
.sweet-alert input:focus{
    box-shadow:none;
    border:1px solid var(--primary-color);
}
.sweet-alert .sa-input-error{
    top:22px;
    right:14px;
}
/*close-dynamic-sweet-alert*/

/*start-mtz-toast*/
.mtz-toast{
    position:fixed;
    right:10px;
    bottom:15px;
    z-index:999;
}
.mtz-toast-show{
    transform:translateX(200px);
    animation:0.8s toastMsgShowAnimate forwards;
}
@keyframes toastMsgShowAnimate{
    0%{
        transform:translateY(200px);
    }
    100%{
        transform:translateY(0px);
    }
}
.mtz-toast-hide{
    transform:translateX(0px);
    animation:0.8s toastMsgHideAnimate forwards;
}
@keyframes toastMsgHideAnimate{
    0%{
        transform:translateY(0px);
    }
    100%{
        transform:translateY(200px);
    }
}
.mtz-toast .alert{
    float:right;
    padding-right:12px;
}
.mtz-toast .alert button{
    right:-4px;
}
.mtz-toast .alert audio{
    visibility:hidden;
}
/*close-mtz-toast*/

/*start-header*/
.notification-ring{
    animation:1.7s notificationRingAnimate;
    animation-iteration-count:2;
    animation-delay:2s;
}
@keyframes notificationRingAnimate{
    10%,30%,50%,70%,90%{
        transform:rotate(30deg);
    }
    20%,40%,60%,80%{
        transform:rotate(-30deg);
    }
}
.brand-text, .brand-img{
    margin-top:0px;
    transition:all 0.3s ease;
}
.slide-nav-toggle .brand-img, .sidebar-hover .brand-img{
    display:none;
}
/* .sidebar-hover .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap span.brand-text .brand-img,
.slide-nav-toggle .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap span.brand-text .brand-img{
    width:180px;
    top:-7px;
    display:block;
} */
.mtz-logo-heading{
    position:absolute;
    bottom:0px;
    left:7px;
    color:#555 !important;
    font-size:11px !important;
    font-weight:600;
}
.right-vv-logo img{
    width:80px;
    margin-top:7px;
}
#mobile_only_nav{
    width:35%;
}
.mtz-header-profile{
    width:100%;
}
.mtz-header-profile li{
    float:right !important;
}
.mtz-header-profile li content{
    float:left;
    margin:2px 6px 0px 0px;
    position:relative;
}
.mtz-header-profile li figure{
    float:left;
    margin-left:7px;
}
.mtz-header-profile li figure h2{
    display:block;
    margin-top:7px;
    color:#303030;
    font-size:13px;
    font-weight:500;
    line-height:0px;
}
.mtz-header-profile li figure h3{
    float:left;
    margin-top:11px;
    padding:8px 6px;
    background:#522260;
    border-radius:50px;
    color:#fff;
    font-size:10px;
    font-weight:500;
    line-height:0px;
}
.mtz-headerProfile-empty{
    margin-top:0px !important;
    background:#a6a6a6;
    text-align:center;
    color:#fff;
    font-size:22px;
    font-weight:500;
    line-height:25px;
}
.mtz-header-profile li ul.dropdown-menu li{
    width:100%;
    float:left !important;
}
.navbar.navbar-inverse.navbar-fixed-top .nav li a .user-online-status{
    width:8px;
    height:8px;
    background:var(--primary-color);
    border:1px solid #fff;
    border-radius:50%;
    position:absolute;
    right:0px;
    bottom:1px;
    box-shadow:0 0 0 rgb(255 71 61 / 90%);
    animation:activePulse 2s infinite;
}
@keyframes activePulse{
    0%{
        box-shadow:0 0 0 0 rgb(255 71 61 / 70%);
    }
    70%{
        box-shadow:0 0 0 7px rgb(255 71 61 / 0%);
    }
    100%{
        box-shadow:0 0 0 0 rgb(255 71 61 / 0%);
    }
}
.mtz-full-screen{
    margin:8px 25px 0px;
    cursor:pointer;
}
.mtz-full-screen i{
    color:#334151;
    font-size:20px;
}
/*close-header*/

/*start-sub-header-css*/
.heading-bg{
    margin-top:-9px;
    padding-bottom:0px;
}
.heading-bg h5{
    position:relative;
    top:7px;
}
.heading-bg .breadcrumb{
    position:relative;
    top:13px;
}
.mtz-sub-header{
    padding:5px 0px 0px;
    margin:0px 0px 2px;
    position:sticky;
    top:44px;
    left:0px;
    z-index:999;
}
.mtz-sub-header .heading-bg{
    margin-top:-3px;
    margin-bottom:-3px;
    padding-bottom:3px;
    background:#edf1f5;
}
.mtz-sub-header .heading-bg h5{
    padding-top:0px;
    position:unset;
}
.mtz-sub-header .heading-bg .breadcrumb{
    position:unset;
}
.mtz-sub-header .card-view{
    margin-top:0px;
    background:#dcdcdc;
}
.mtz-sub-header .alert{
    top:3px;
}
/*close-sub-header-css*/

/*start-sidebar*/
/* .wrapper.theme-1-active .fixed-sidebar-left .side-nav > li > a:focus{
    color:#FFC727;
} */
.fixed-sidebar-left .side-nav li a .pull-left img{
    width:14px;
    margin-right:10px;
    position:relative;
    top:2px;
}
.fixed-sidebar-left .side-nav li a .pull-left svg{
    width:14px;
    height:18px;
    margin-right:10px;
    position:relative;
    top:2px;
}
.fixed-sidebar-left .side-nav li a .pull-left svg path{
    fill:#334151;
    transition:all 0.3s ease;
}
.fixed-sidebar-left .side-nav li a .pull-left i{
    margin-right:9px;
    color:#334151;
    font-size:18px;
    position:relative;
    top:3px;
    transition:all 0.3s ease;
}
.fixed-sidebar-left .side-nav li a[aria-expanded="true"] .pull-left > span{
    color:#FFC727;
}
.fixed-sidebar-left .side-nav li a:hover .pull-left svg path,
.fixed-sidebar-left .side-nav li a:hover .pull-left i{
    color:var(--primary-color);
}
.fixed-sidebar-left .side-nav li a .pull-left > span{
    font-size:15px;
    font-weight:500;
    transition:all 0.3s ease;
}
.fixed-sidebar-left .side-nav li a:hover .pull-left span{
    color:#FFC727;
    margin-left:5px;
}
.fixed-sidebar-left .side-nav li a:hover .pull-right i{
    color:#FFC727;
}
.fixed-sidebar-left .side-nav li ul li a:hover{
    color:#FFC727;
}
.fixed-sidebar-left .side-nav li ul li a:focus, .fixed-sidebar-left .side-nav li ul li a:active{
    color:#ffffff;
}
.fixed-sidebar-left .side-nav li ul li a.active-page{
    color:#FFC727 !important;
}
.fixed-sidebar-left .side-nav li ul{
    margin-left:50px;
}
.fixed-sidebar-left .side-nav li ul li{
    list-style:disc;
}
.fixed-sidebar-left .side-nav li a.sidebarActiveAnchor .pull-left svg path,
.fixed-sidebar-left .side-nav li a.sidebarActiveAnchor .pull-left i{
    fill:var(--primary-color);
    color:var(--primary-color);
}
.fixed-sidebar-left .side-nav li a.sidebarActiveAnchor .pull-left span{
    color:#FFC727;
}
.fixed-sidebar-left .side-nav li a.sidebarActiveAnchor .pull-right i{
    color:#FFC727;
}
.slide-nav-toggle .fixed-sidebar-left .side-nav li a.sidebarActiveAnchor .pull-left i{
    color:var(--primary-color);
}
/* .sidebarActiveAnchor .pull-right i{
    color:#212121 !important;
} */
/* .slide-nav-toggle .sidebarActiveAnchor{
    background-color:var(--primary-color);
} */
/*close-sidebar*/

/*start-datatables*/
.table-responsive::-webkit-scrollbar{
    height:10px;
}
.table-responsive::-webkit-scrollbar-track{
    background:#f1f1f1;
}
.table-responsive::-webkit-scrollbar-thumb{
    background:#c1c1c1;
    border-radius:50px;
}
.table-responsive::-webkit-scrollbar-thumb:hover{
    background:#989898;
}
.dataTables_length, .dataTables_info{
    padding-left:0px !important;
    font-size:12px;
}
.dataTables_filter{
    padding-right:0px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    font-size:12px;
}
.dataTables_wrapper .dataTables_filter{
    position:relative;
}
/* .dataTables_length select{
    position:relative;
    left:-30px;
} */
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select{
    font-size:13px;
    border-radius:2px;
}
.dataTables_wrapper .dataTables_filter input{
    padding:14px 6px 14px 32px;
}
.dataTables_wrapper .dataTables_filter:before{
    content:"";
    width:28px;
    height:30px;
    background-color:var(--primary-light-color);
    position:absolute;
    top:2px;
    /* left:52px; */
    left:7px;
}
.dataTables_wrapper .dataTables_filter:after{
    content:"\260C";
    color:#303030;
    font-size:22px;
    font-weight:500;
    position:absolute;
    top:0px;
    /* left:59px; */
    left:14px;
    transform:rotate(115deg);
}
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after{
    content:"\21C5";
    display:inline-flex;
    align-items:center;
    top:0px;
    bottom:0px;
    right:1px;
    font-size:11px;
    opacity:0.5;
}
table.table thead{
    background:var(--thead-color);
}
table.table thead tr th{
    padding:2px 12px 2px 4px;
}
table.table tbody tr{
    color:#555;
}
table.table tbody tr:hover{
    background:transparent;
}
table.table tbody tr:nth-child(even){
    background:#fff !important;
}
table.table tbody tr:hover{
    background:transparent !important;
}
table.table tbody td{
    font-size:12px;
}
table.table tbody td:last-child{
    border-right:0px;
}
table.table tbody td a{
    padding-top:2px;
    padding-bottom:2px;
}
.badge{
    font-size:10px;
}
.btn.btn-circle.btn-sm, .wizard > .actions a.btn-circle.btn-sm, .dt-buttons .btn-circle.btn-sm.dt-button, .tablesaw-sortable th.tablesaw-sortable-head button.btn-circle.btn-sm, .sweet-alert button.btn-circle.btn-sm, .owl-theme .owl-nav .btn-circle.btn-sm[class*="owl-"], button.btn-circle.btn-sm.fc-agendaDay-button.fc-state-default.fc-corner-right, button.btn-circle.btn-sm.fc-month-button.fc-state-default.fc-corner-left, button.btn-circle.btn-sm.fc-agendaWeek-button, .btn-circle.btn-sm.fc-prev-button, .btn-circle.btn-sm.fc-next-button, .btn-circle.btn-sm.fc-today-button{
    height:24px;
    width:24px;
    padding:2px !important;
}
.btn i, .wizard > .actions .disabled a i, .wizard > .actions .disabled a:hover i, .wizard > .actions .disabled a:active i, .wizard > .actions a i, .wizard > .actions a:hover i, .wizard > .actions a:active i, .dt-buttons .dt-button i, .tablesaw-sortable th.tablesaw-sortable-head button i, .sweet-alert button i, .owl-theme .owl-nav [class*="owl-"] i, button.fc-agendaDay-button.fc-state-default.fc-corner-right i, button.fc-month-button.fc-state-default.fc-corner-left i, button.fc-agendaWeek-button i, .fc-prev-button i, .fc-next-button i, .fc-today-button i{
    font-size:12px;
}
table thead th, table tbody td{
    border-right:1px solid #d7d7d7;
}
/* .table-fixed{
    display:none;
}
.table-fixed-show{
    display:table;
    position:sticky;
    top:120px;
    z-index:999;
} */
/* .table-responsive{
    overflow-x:clip;
}
.filterSingleLine-tableHeadFixed{
    position:sticky;
    top:120px;
} */
.table-heading{
    display:flex;
    justify-content:space-between;
}
.table-heading h2{
    margin-top:5px;
    color:#212121;
    font-size:18px;
    line-height:27px;
}
.tfoot-bg{
    background:var(--tfoot-color);
    color:#212121;
    font-size:12px;
    font-weight:600;
}
.dataTable thead tr th:first-child{
    padding:2px 4px !important;
}
.dataTable thead tr th:first-child:after{
    display:none;
}
/* table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_disabled:before, table.dataTable thead>tr>th.sorting_disabled:after{
    font-size:16px;
    color:#000;
    right:0px;
    line-height:5px;
    opacity:0.4;
} */

/* .dataTable{
    min-height:60px !important;
} */
.dataTableLoader{
    margin-top:7px;
}
.dataTableLoader img{
    width:40px;
}
/*close-datatables*/

/*start-login-page (design-1)*/
/* .mtz-login-page .page-wrapper{
    background:radial-gradient(circle at 50% 50%, rgb(237 50 55 / 10%) 0%, rgb(237 50 55 / 10%) 33.333%, rgb(237 50 55 / 30%) 33.333%, rgb(237 50 55 / 30%) 66.666%, rgb(237 50 55 / 50%) 66.666%, rgb(237 50 55 / 50%) 99.999%);
}
.mtz-login-page .container-fluid{
    background-color:rgba(255,255,255,0.6);
}
.login-bg{
    height:100vh;
    background-image:url("https://images.pexels.com/photos/4487383/pexels-photo-4487383.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position:relative;
}
.login-bg:before{
    content:'';
    width:100%;
    height:100vh;
    background:rgb(0 0 0 / 65%);
    position:absolute;
    top:0px;
    left:0px;
}
.login-bg span{
    width:70%;
    text-align:center;
    position:absolute;
    top:calc(50vh - 61.815px);
    left:0px;
    right:0px;
    margin:0px auto;
}
.login-bg img{
    width:65px;
}
.login-bg h2{
    margin:8px 0px;
    color:#fff;
    font-size:35px;
    font-weight:600;
    font-style:italic;
    letter-spacing:5px;
}
.login-bg p{
    color:#fff;
    font-size:15px;
    font-weight:500;
}
.mtz-login-card{
    margin:0px;
    padding:0px;
    position:relative;
    top:calc(50vh - 195.80px);
}
.mtz-login-card content{
    display:block;
    text-align:center;
}
.mtz-login-card h4{
    color:#555;
    font-size:15px;
    font-weight:600;
    letter-spacing:1px;
}
.mtz-login-card img{
    width:130px;
    margin:5px 0px 8px;
}
.mtz-login-card h5{
    color:#777;
    font-size:12px;
    font-weight:600;
    letter-spacing:3px;
}
.mtz-login-card .form-control{
    padding:20px 8px;
    font-size:13px;
    border-radius:5px;
} */
/*close-login-page (design-1)*/

/*start-new-login-page (design-2)*/
.login-swiper{
    width:100%;
    height:100vh;
    /* background:var(--primary-color); */
    /* background-image:url(../img/mtz/login-bg.png), linear-gradient(45deg, #ff5c6b 27%, rgb(16 36 61) 127%); */
    background-image:url(../img/mtz/login-bg.png), linear-gradient(45deg, #f7f7f7, #f7f7f7);
    background-size:cover;
    background-repeat:no-repeat;
}
.login-swiper .swiper{
    width:100%;
    height:100vh;
}
.login-swiper .swiper .swiper-slide{
    display:flex;
    align-items:center;
}
.login-swiper .swiper .swiper-slide section{
    width:65%;
    float:left;
    margin:17.5%;
    padding:30px 0px 0px;
    backdrop-filter:blur(17px);
    border-radius:20px;
}
.login-swiper .swiper .swiper-slide.swiper-slide1 section{
    background-color:rgb(124 89 230 / 10%);
}
.login-swiper .swiper .swiper-slide.swiper-slide2 section{
    background-color:rgb(235 111 51 / 10%);
}
.login-swiper .swiper .swiper-slide.swiper-slide3 section{
    background-color:rgb(6 175 241 / 10%);
}
.login-swiper .swiper .swiper-slide section h2{
    width:100%;
    padding:0px 40px 30px;
    color:#303030;
    font-size:24px;
    font-weight:600;
    line-height:28px;
}
.login-swiper .swiper .swiper-slide section img{
    width:300px;
    float:right;
    position:relative;
    top:30px;
    left:30px;
}
.login-swiper .swiper .swiper-slide.swiper-slide1.swiper-slide-active section img{
    animation:1.7s loginSwiperAnimate1;
}
@keyframes loginSwiperAnimate1{
    0%{
        transform:rotate(25deg);
    }
    100%{
        transform:rotate(0deg);
    }
}
.login-swiper .swiper .swiper-slide.swiper-slide2.swiper-slide-active section img{
    animation:1.7s loginSwiperAnimate2;
}
@keyframes loginSwiperAnimate2{
    0%{
        transform:translateY(-70px);
    }
    100%{
        transform:translateY(0px);
    }
}
.login-swiper .swiper .swiper-slide.swiper-slide3.swiper-slide-active section img{
    animation:1.7s loginSwiperAnimate3;
}
@keyframes loginSwiperAnimate3{
    0%{
        transform:scale(0.5);
    }
    100%{
        transform:scale(1);
    }
}
.login-swiper .swiper .swiper-pagination .swiper-pagination-bullet{
    background:var(--primary-color);
    opacity:0.5;
    transition:all 0.5s ease;
}
.login-swiper .swiper .swiper-pagination .swiper-pagination-bullet-active{
    width:20px;
    background:var(--primary-color);
    border-radius:50px;
    opacity:1;
}
.login-fileds{
    width:100%;
    height:100vh;
    padding:0px 40px;
    display:flex;
    align-items:center;
    background:#10243d;
    box-shadow:0px 0px 27px 2px rgb(16 36 61 / 70%);
}
.login-fileds section{
    width:100%;
}
.login-fileds content{
    width:100%;
    display:block;
}
.login-fileds content img{
    width:250px;
    margin-left:-7px;
}
.login-fileds content h2{
    margin:20px 0px 2px;
    color:#fff;
    font-size:27px;
    font-weight:600;
}
.login-fileds content p{
    color:#ccc;
    font-size:15px;
    font-weight:200;
    line-height:18px;
}
.login-fileds .form-group label{
    color:#fff;
    font-size:14px;
    font-weight:300;
}
.login-fileds .form-group input{
    padding:24px 0px;
    background:#10243d;
    border-bottom:1px solid #394f74;
    color:#fff;
    font-size:15px;
    font-weight:300;
    transition:all 0.5s ease;
}
.login-fileds .form-group input::placeholder{
    color:#7889a6;
    transition:all 0.5s ease;
}
.login-fileds .form-group input:focus{
    border-bottom:1px solid #fff;
}
.login-fileds .form-group input:focus::placeholder{
    color:#fff;
}
.login-fileds .form-group input:-webkit-autofill{
    -webkit-text-fill-color:#999;
    box-shadow:0px 0px 0px 30px #10243d inset !important;
    border:0px;
    border-bottom:1px solid #fff !important;
    transition:0s;
}
.login-fileds button[type="submit"]{
    width:30%;
    padding:10px 0px;
    font-size:15px;
    font-weight:400;
    border-radius:50px;
}
.login-fileds .select-validation label.errors, .login-fileds .form-group label.errors, .login-fileds .form-group small.help-block{
    background:#10243d;
}
/*close-new-login-page (design-2)*/

/*stat-dashboard-page*/
/* .mtz-dashboard-content{
    padding:10px 12px;
    background:#fff;
    border-radius:7px;
}
.mtz-dashboard-content p{
    color:#303030;
    font-size:14px;
    font-weight:500;
}
.mtz-dashboard-content p span{
    color:var(--primary-color);
    font-size:16px;
    font-weight:600;
} */
.mtz-dashboard-card .card-view{
    box-shadow:0px 0px 8px 2px hsl(0deg 0% 0% / 5%);
    animation:1.5s mtzDashboardCardAnimate;
}
@keyframes mtzDashboardCardAnimate{
    0%{
        transform:translateY(25px);
        opacity:0.7;
    }
    100%{
        transform:translateY(0px);
        opacity:1;
    }
}
.mtz-dashboard-card .dash-left{
    background:#f7f7f7;
    border-radius:2px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.mtz-dashboard-card .dash-left img{
    width:40px;
    filter:contrast(0.2);
}
.mtz-welcome-card{
    height:260px;
    overflow:hidden;
}
.mtz-welcome-card h5{
    color:#303030;
}
.mtz-welcome-card p{
    line-height:20px;
}
.mtz-welcome-card img{
    height:100%;
}
.dashboard-card{
    padding:3px 0px 3px;
    background:#edf1f5;
}
.dashboard-card .card-view{
    width:100%;
    margin-top:20px;
    padding:16px 14px;
    border-radius:5px;
    display:inline-flex;
    align-items:center;
    flex-wrap:nowrap;
}
.dashboard-card .card-view:nth-child(1){
    background:rgb(3 200 149 / 20%);
}
.dashboard-card .card-view:nth-child(2){
    background:rgb(135 96 251 / 20%);
}
.dashboard-card .card-view:nth-child(3){
    background:rgb(235 111 51 / 20%);
}
.dashboard-card .card-view:nth-child(4){
    background:rgb(1 184 255 / 20%);
}
.dashboard-card .card-view:nth-child(5){
    background:rgb(203 156 14 / 20%);
}
.dashboard-card .card-view span{
    width:45px;
    height:45px;
    margin-right:18px;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    background:rgb(255 255 255 / 60%);
    border-radius:5px;
}
.dashboard-card .card-view span img,
.dashboard-card .card-view span i{
    width:30px;
    font-size:30px;
}
.dashboard-card .card-view:nth-child(1) span i{
    color:#03c895;
}
.dashboard-card .card-view:nth-child(2) span i{
    color:#8760fb;
}
.dashboard-card .card-view:nth-child(3) span i{
    color:#eb6f33;
}
.dashboard-card .card-view:nth-child(4) span i{
    color:#01b8ff;
}
.dashboard-card .card-view:nth-child(5) span i{
    color:#cb9c0e;
}
.dashboard-card .card-view content p{
    text-align:left;
    color:#555;
    font-size:13px;
}
.dashboard-card .card-view content h5{
    text-align:left;
    color:#303030;
    font-size:20px;
}
/*close-dashboard-page*/

/*start-user-view-page*/
.grey-card-view{
    background:#edf1f5;
    box-shadow:none !important;
}
.mtz-view-card{
    min-height:73.5px;
    margin-bottom:15px;
    padding:14px 14px;
    background:#f2f2f2;
    border-radius:5px;
    /* min-height:82.5px;
    margin-bottom:20px;
    padding:17px 14px 18px;
    background:#fff;
    box-shadow:0px 0px 7px 0px rgb(0 0 0 / 15%);
    border-radius:5px;
    position:relative;
    overflow:hidden; */
}
/* .mtz-view-card:after{
    content:'';
    width:90px;
    height:90px;
    background:rgb(0 0 0 / 8%);
    border-radius:50%;
    position:absolute;
    bottom:-5px;
    right:-30px;
} */
/* .mtz-view-card-row .mtz-view-card:first-child::after{
    background:transparent;
} */
.mtz-view-card label{
    display:block;
    margin-bottom:9px !important;
    color:#303030;
    font-size:13px;
    font-weight:400;
}
.mtz-view-card h6{
    color:#303030;
    font-size:15px;
    font-weight:500;
    line-height:17px;
    word-break:break-word;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.mtz-view-card img{
    width:20px;
    position:absolute;
    bottom:26px;
    left:30px;
}
/*close-user-view-page*/

/*start-tree-structure*/
.organization-tabs li a{
    display:block;
    padding:30px 12px;
    background:#f2f2f2;
    color:#000;
    font-size:1em;
    font-weight:500;
    cursor:pointer;
    position:relative;
    transition:all 0.3s ease-in;
}
.organization-tabs li a.active{
    background:#fff;
}
.organization-tabs li a.active:before{
    content:'';
    width:4px;
    height:100%;
    background:var(--primary-light-color);
    position:absolute;
    top:0px;
    left:0px;
    animation:0.5s organizationActiveBeforeAnimate forwards;
}
@keyframes organizationActiveBeforeAnimate{
    0%{
        transform:scaleX(0);
    }
    100%{
        transform:scaleX(1);
    }
}
.organization-tabs-content{
    display:none;
}
.tree-location, .tree-location ul{
    margin:0;
    padding:0;
    list-style:none;
}
.tree-location ul{
    margin-left:1em;
    position:relative;
}
.tree-location ul ul{
    margin-left:.5em;
}
.tree-location ul:before{
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:2px solid var(--primary-light-color);
}
.tree-location ul.branch-ul:before{
    content:"";
    animation:0.8s ulBeforeLineAnimate forwards;
    transform:scaleY(0);
}
@keyframes ulBeforeLineAnimate{
    0%{
        transform:scaleY(0);
    }
    100%{
        transform:unset;
    }
}
.tree-location li{
    margin:7px 0px;
    padding:0 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    position:relative;
}
.tree-location ul li:before{
    content:"";
    display:block;
    width:0px;
    height:0;
    border-top:2px solid var(--primary-light-color);
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0;
    animation:0.5s liBeforeLineAnimate forwards;
    animation-delay:0.8s;
}
@keyframes liBeforeLineAnimate{
    0%{
        width:0px;
    }
    100%{
        width:10px;
    }
}
.tree-location ul li:last-child:before{
    background:#fff;
    height:auto;
    top:1em;
    bottom:0;
}
.tree-location li button{
    margin-right:5px;
    padding:12px 15px;
    background:#e6e6e6;
    border-radius:25px;
    border:0px;
    color:#000;
    font-size:13px;
    font-weight:400;
    cursor:pointer;
    line-height:0;
    transition:0.2s ease-in;
}
.tree-location li:nth-child(1n) button{
    background:var(--tree-1-color);
}
.tree-location li:nth-child(2n) button{
    background:var(--tree-2-color);
}
.tree-location li:nth-child(3n) button{
    background:var(--tree-3-color);
}
.tree-location li:nth-child(4n) button{
    background:var(--tree-4-color);
}
.tree-location li button.tree-active-btn{
    background:var(--primary-light-color);
    color:#000;
}
.tree-location li button:active, .tree-location li button:focus{
    border:0px;
    outline:0px;
}
.tree-location li button.tree-unactive-btn{
    pointer-events:none;
    filter:blur(0.7px);
}
.tree-location li a{
    width:22px !important;
    height:22px !important;
}
.tree-location li a i{
    font-size:11px;
    line-height:18px;
    display:block !important;
}
/*close-tree-structure*/

/*start-customer-create-page*/
.mtz-minus-plus-card{
    width:100%;
    float:left;
    padding:0px 0px;
    position:relative;
}
.mtz-minus-plus-card abbr{
    padding:0px 28px 0px;    
    position:absolute;
    top:-6px;
    right:-13px;
    z-index:99;
}
.mtz-minus-plus-card abbr a{
    width:25px;
    height:25px;
    float:right;
    text-align:center;
    border-radius:50%;
    line-height:27px;
    cursor:pointer;
}
.mtz-minus-plus-card abbr a.plus-circle{
    background:var(--primary-color);
}
.mtz-minus-plus-card abbr a.minus-circle{
    background:#FF0000;
}
.mtz-minus-plus-card abbr a i{
    color:#fff;
    font-size:14px;
}
/*close-customer-create-page*/

/*start-grn-page*/
.card-view.panel.mtz-invoice > .panel-heading{
    padding:15px 15px 5px;
}
.mtz-invoice address{
    font-size:12px;
}
.mtz-invoice address span{
    font-size:13px;
}
.mtz-invoice table tr th{
    font-size:12px;
}
.mtz-invoice table tr{
    font-size:12px;
}
.mtz-invoice table tr th, .mtz-invoice table tr td{
    padding:3px 6px;
}
.mtz-touchspin{
    position:relative;
}
/* .mtz-touchspin .bootstrap-touchspin .btn-default{
    padding:7.5px 12px;
}
.mtz-touchspin .bootstrap-touchspin .btn-default i{
    font-size:17px;
    top:0px;
    left:8px;
} */
.mtz-touchspin span{
    display:inline-grid;
    position:absolute;
    top:0px;
    right:0px;
}
.mtz-touchspin span abbr{
    text-align:center;
    padding:0px 12px;
    font-size:11.5px;
    color:#212121 !important;
    background:#dcdcdc;
    cursor:pointer;
}
/*close-grn-page*/

/*start-role-page*/
.mtz-checkbox label input[type="checkbox"]{
    margin-right:10px;
    position:relative;
}
.mtz-checkbox label input[type="checkbox"]:before{
    content:"";
    display:block;
    position:relative;
    width:17px;
    height:17px;
    border:1px solid #ccc;
    background:#fff;
}
.mtz-checkbox label input[type="checkbox"]:after{
    content:"";
    display:block;
    width:17px;
    height:17px;
    border:1px solid var(--primary-color);
    background:var(--primary-color);
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
    transition:0.15s ease-in-out;
}
.mtz-checkbox label input[type="checkbox"]:checked:after{
    content:"\f00c";
    font-family:"FontAwesome";
    color:#fff;
    font-size:11px;
    font-weight:500;
    text-align:center;
    line-height:18px;
    opacity:1;
}
/*close-role-page*/

/*start-saved-cart-skus-view-page*/
label.table-acrd-arrow{
    cursor:pointer;
    overflow:hidden;
}
/* .table-acrd-arrow img{
    width:14px;
    margin:0px 4px 0px 0px;
    transition:all 0.3s ease;
    transform:rotate(180deg);
}
img.table-acrd-arrow-turn{
    transform:rotate(0deg);
} */
label.table-acrd-arrow span{
    width:16px;
    height:16px;
    display:inline-block;
    text-align:center;
    background:#000;
    border-radius:50%;
    position:relative;
    top:3px;
    transition:all 0.3s ease;
}
label.table-acrd-arrow[table-arrow="discount-table"] span{
    background:var(--search-color);
}
label.table-acrd-arrow[table-arrow="advance-table"] span{
    background:var(--add-color);
}
label.table-acrd-arrow[table-arrow="crnote-table"] span{
    background:var(--export-color);
}
label.table-acrd-arrow[table-arrow="transporter-table"] span{
    background:var(--import-color);
}
span.table-acrd-arrow-turn{
    transform:rotate(180deg);
}
label.table-acrd-arrow span i{
    color:#fff;
    font-size:16px;
    line-height:17px;
}
/* .table-acrd-block{
    display:block !important;
} */
/*close-saved-cart-skus-view-page*/

/*start-organization-page*/
/* .organization-tree li{
    padding:0px;
} */
/*close-organization-page*/

/*start-reports-sales-page*/
.dataTables_processing{
    z-index:99 !important;
}
.report-table{
    white-space:nowrap;
}
.report-table thead tr th{
    padding:2px 12px 2px 8px !important;
}
.report-table tbody tr td{
    padding:6px 3px;
}
.dataTables_scrollBody{
    border:0px !important;
}
.dataTables_scrollBody thead tr{
    height:unset !important;
}
.dataTables_scrollBody thead tr th{
    height:unset !important;
}
.dataTables_scrollBody thead tr th .dataTables_sizing{
    height:unset !important;
}
/* .dataTables_scrollBody thead tr[role="row"]{
    visibility:collapse !important;
} */
.dataTables_scrollBody::-webkit-scrollbar{
    height:10px;
}
.dataTables_scrollBody::-webkit-scrollbar-track{
    background:#f1f1f1;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb{
    background:#c1c1c1;
    border-radius:50px;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb:hover{
    background:#989898;
}
.dataTables_scrollHeadInner table{
    display:none;
}
/*close-reports-sales-page*/

/*start-claims-managemet-page*/
.images-preview-div{
    width:calc(100% - 120px - 30px);
    float:left;
}
.mtz-multiple-upload{
    width:120px;
    margin:0px 15px;
    float:left;
    position:relative;
}
.mtz-multiple-upload img, .mtz-multiple-upload video{
    width:100%;
    height:100px;
    object-fit:cover;
    border:2px solid #c5c5c5;
    border-radius:7px;
}
.mtz-multiple-upload img.upload-cross{
    width:27px;
    height:unset;
    padding:5px;
    border:0px;
    cursor:pointer;
    position:absolute;
    top:2px;
    right:3px;
    z-index:9;
}
.mtz-multiple-upload input{
    width:100%;
    height:100%;
    cursor:pointer;
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
}
/*close-claims-managemet-page*/

/*start-user-master-roles-page*/
.form-group.permission-field .select2-selection.select2-selection--multiple{
    width:100%;
    height:unset;
    display:inline-block;
}
.form-group.permission-field .select2-selection.select2-selection--multiple .select2-selection__rendered{
    display:block;
}
/*close-user-master-roles-page*/

/*start-order-taking-page*/
/* .fixed-button a{
    width:40px;
    height:40px;
    text-align:center;
    position:fixed;
    right:7px;
    border:1px solid #fff;
    border-radius:50%;
    box-shadow:0px 0px 10px 0px rgb(0 0 0 / 17%);
    z-index:99;
    transition:all 0.3s ease;
}
.fixed-button a:nth-child(1){
    bottom:170px;
    background:var(--order-brown-color);
}
.fixed-button a:nth-child(2){
    bottom:120px;
    background:var(--order-yellow-color);
}
.fixed-button a:nth-child(3){
    bottom:70px;
    background:var(--order-blue-color);
}
.fixed-button a:nth-child(4){
    bottom:20px;
    background:var(--order-green-color);
}
.fixed-button a:hover{
    transform:scale(1.1);
    box-shadow:0px 0px 10px 0px rgb(0 0 0 / 17%);
}
.fixed-button a img{
    width:20px;
    margin-top:11px;
}
.fixed-button a:nth-child(1) img{
    margin-top:10px;
}
.outlet-info content{
    display:flex;
    justify-content:space-between;
    align-items:top;
}
.outlet-info content img{
    width:50px;
    height:45px;
    margin-right:7px;
    object-fit:cover;
    border-radius:5px;
}
.outlet-info content hgroup{
    width:100%;
    margin-bottom:3px;
}
.outlet-info content hgroup h1{
    color:#000;
    font-size:15px;
    font-weight:600;
    line-height:22px;
}
.outlet-info content hgroup h6{
    color:#555;
    font-size:13px;
    font-weight:500;
}
.outlet-info content a img{
    width:22px;
    height:unset;
    margin-right:0px;
}
.outlet-info abbr{
    padding:8px 0px 4px;
    border-bottom:1px solid #eee;
}
.outlet-info abbr section:last-child{
    text-align:right;
}
.outlet-info section:last-child{
    border-bottom:0px;
}
.outlet-info section h2{
    color:#404040;
    font-size:13px;
    font-weight:600;
    line-height:20px;
}
.outlet-info section p{
    color:#555;
    font-size:13px;
    font-weight:500;
    line-height:18px;
}
.outlet-fixedHeight-table table tbody::-webkit-scrollbar{
    width:6px;
}
.outlet-fixedHeight-table table tbody::-webkit-scrollbar-track{
    background:#f1f1f1;
}
.outlet-fixedHeight-table table tbody::-webkit-scrollbar-thumb{
    background:#c1c1c1;
    border-radius:50px;
}
.outlet-fixedHeight-table table tbody::-webkit-scrollbar-thumb:hover{
    background:#989898;
}
.outlet-table{
    width:100%;
    border-collapse:collapse;
    border-radius:3px;
    overflow:hidden;
}
.outlet-table thead tr{
    text-align:left;
    background-color:var(--order-brown-color);
    color:#fff;
    font-size:12px;
    font-weight:500;
}
.outlet-blue-table thead tr{
    background-color:var(--order-blue-color);
}
.outlet-green-table thead tr, .outlet-green-table tfoot tr{
    background-color:var(--order-green-color);
    color:#fff;
}
.outlet-table th, .outlet-table td{
    padding:8px 6px;
}
.outlet-table tbody tr{
    color:#565656;
    font-size:12px;
    border-bottom:1px solid #ddd;
}
.outlet-table tbody tr:nth-child(even){
    background:#f3f3f3;
}
.outlet-table tbody tr:last-of-type{
    border-bottom:2px solid #dfdfdf;
}
.blueLight-higlight{
    background-color:var(--order-blue-light-color);
    color:#565656;
    font-weight:600;
}
.blue-higlight{
    background-color:var(--order-blue-color);
}
.outlet-brown-btn{
    background-color:var(--order-brown-color) !important;
    border:solid 1px var(--order-brown-color) !important;
}
.outlet-yellow-btn{
    background-color:var(--order-yellow-color) !important;
    border:solid 1px var(--order-yellow-color) !important;
}
.outlet-blue-btn{
    background-color:var(--order-blue-color) !important;
    border:solid 1px var(--order-blue-color) !important;
}
.outlet-green-btn{
    background-color:var(--order-green-color) !important;
    border:solid 1px var(--order-green-color) !important;
}
.outlet-last-order{
    min-height:unset;
    margin-bottom:0px;
    padding:2px 8px;
    border-left:3px solid var(--order-green-color);
    cursor:pointer;
}
.outlet-last-order h6{
    color:#000;
    font-size:12px;
}
.outlet-last-order h6 b{
    color:#555;
    font-size:14px;
    font-weight:600;
}
#lastOrderOrderModal .mtz-view-card label{
    color:#555;
}
ul.outlet-product-filter{
    display:block;
}
.outlet-product-filter li{
    display:inline-block;
    margin-right:7px;
    position:relative;
}
.outlet-product-filter li input{
    width:100%;
    height:100%;
    margin:0px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:99;
    cursor:pointer;
    opacity:0;
}
.outlet-product-filter li span{
    display:block;
    padding:2px 8px;
    border:1px solid #c5c5c5;
    border-radius:50px;
    position:relative;
    overflow:hidden;
}
.outlet-product-filter li span:before{
    content:'';
    width:100%;
    height:100%;
    background-color:var(--order-yellow-color);
    position:absolute;
    top:0px;
    left:0px;
    transition:all 0.3s ease;
    transform:translateX(-200px);
}
.outlet-product-filter li span:after{
    content:attr(filter-text);
    color:#303030 !important;
    font-size:11px;
    font-weight:500;
    position:relative;
    transition:all 0.2s ease;
    z-index:9;
}
.outlet-product-filter li input[type="radio"]:checked ~ span:before{
    transform:translateX(0px);
}
.outlet-product-filter li input[type="radio"]:checked ~ span:after{
    color:#fff !important;
} */
/*close-order-taking-page*/

/*start-new-order-taking-page*/
.redColor-highlight{
    color:var(--order-pastel-color) !important;
}
.greenBg-highlight{
    box-shadow:0px 0px 0px 1.5px #fff inset;
    background:linear-gradient(50deg, #76f181 27%, #41cb4e 67%) !important;
}
.yellowBg-highlight{
    box-shadow:0px 0px 0px 1.5px #fff inset;
    background:linear-gradient(50deg, #f9d678 27%, #e5aa09 67%) !important;
}
.redBg-highlight{
    box-shadow:0px 0px 0px 1.5px #fff inset;
    background:linear-gradient(50deg, #f9878a 27%, #f53c41 67%) !important;
}
.orderTaking-callCenter i.fa.fa-inr{
    margin-right:1px;
}
.outlet-center{
    margin-left:16.66666667%;
    position:relative;
}
.outlet-info{
    width:100%;
    padding:6px 10px;
    background-image:url("../img/mtz/outlet-info-bg.png");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    border-radius:15px;
}
.outlet-info-single{
    margin:2px 0px;
    padding:6px 12px;
    background:#fff;
    border-radius:10px;
}
.outlet-info-single h1{
    color:#303030;
    font-size:13px;
    font-weight:600;
    line-height:18px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.outlet-info-single p{
    margin-top:3px;
    color:#555;
    font-size:13px;
    font-weight:500;
    line-height:17px;
}
.shake-animation{
    animation:0.7s shakeAnimate 1.5s 15;
}
@keyframes shakeAnimate{
    0%, 100%{
        transform:translateX(-3px);
    }
    50%{
        transform:translateX(3px);
    }
}
.potential-info{
    padding-bottom:2px;
    display:flex;
    justify-content:space-between;
}
.offer-info{
    box-shadow:0px 0px 0px 1.5px #fff inset;
    background:linear-gradient(50deg, #cff8f9 27%, #a6f1f3 67%);
}
.offer-info ul{
    padding-left:10px;
    list-style:disc;
}
.offer-info ul li{
    width:100%;
    color:#555;
    font-size:14px;
    font-weight:400;
    line-height:18px;
    position:relative;
}
.offer-info ul li::marker{
    color:var(--order-yellow-color);
}
.offer-info img{
    width:27px;
    position:absolute;
    top:0px;
    right:0px;
}
.outlet-info p{
    color:#303030;
    font-size:13px;
    font-weight:500;
}
.outlet-heading{
    margin:0px 3px;
    display:flex;
    justify-content:space-between;
}
.outlet-heading h1{
    display:inline-block;
    color:#303030;
    font-size:14px;
    font-weight:600;
    line-height:25px;
}
.outlet-heading a{
    margin:9px 10px 0px auto;
    color:var(--primary-color);
    font-size:13px;
    font-weight:500;
    text-decoration:underline;
    cursor:pointer;
}
.outlet-heading span{
    width:30%;
    position:relative;
    overflow:hidden;
}
.outlet-heading span img{
    width:17px;
    position:absolute;
    top:9px;
    left:8px;
}
.outlet-heading span input{
    padding:18px 28px 18px 32px;
    float:right;
    border:0px;
    border-radius:7px;
    color:#555;
    font-size:13px;
    font-weight:500;
}
.outlet-heading span input::placeholder{
    color:#888;
}
.outlet-heading span sup{
    position:absolute;
    top:9px;
    right:8px;
    cursor:pointer;
    transform:translateX(30px);
    transition:all 0.2s ease;
}
.outlet-heading span sup img{
    width:17px;
    filter:opacity(0.5);
    position:unset;
}
.brand-filter{
    display:inline-block;
}
.brand-filter ul li{
    margin-top:7px;
    float:left;
    position:relative;
}
.brand-filter ul.price-filter li{
    margin:4px 3px 0px 3px;
}
.brand-filter ul li input{
    width:100%;
    height:100%;
    margin:0px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:99;
    cursor:pointer;
    opacity:0;
}
.brand-filter ul li span{
    display:block;
    padding:5px 10px;
    background:#fff;
    border-radius:50px;
    position:relative;
    overflow:hidden;
}
.brand-filter ul.price-filter li span{
    padding:4px 20px;
}
.brand-filter ul li span:before{
    content:'';
    width:100%;
    height:100%;
    background-color:#fac841;
    position:absolute;
    top:0px;
    left:0px;
    transition:all 0.3s ease;
    transform:translateX(-120px);
}
.brand-filter ul li span:after{
    content:attr(filter-text);
    color:#555 !important;
    font-size:12px;
    font-weight:500;
    position:relative;
    transition:all 0.2s ease;
    z-index:9;
}
.brand-filter ul li input[type="radio"]:checked ~ span:before,
.brand-filter ul li input[type="checkbox"]:checked ~ span:before,
.brand-filter ul li input:hover ~ span:before,
.brand-filter ul li input:hover ~ span:before{
    transform:translateX(0px);
}
.brand-filter ul li input[type="radio"]:checked ~ span:after,
.brand-filter ul li input[type="checkbox"]:checked ~ span:after,
.brand-filter ul li input:hover ~ span:after,
.brand-filter ul li input:hover ~ span:after{
    color:#000 !important;
}
.brand-img-filter li{
    min-height:88px;
    text-align:center;
}
.brand-img-filter.category-img-filter li{
    min-height:71px;
}
.brand-img-filter li aside{
    max-height:107px;
    margin:0px 3px;
    padding:10px 0px;
    background:#fff;
    border-radius:12px;
    position:relative;
    overflow:hidden;
}
.added-brand{
    border-top:3px solid var(--order-green-color);
}
.brand-img-filter.category-img-filter li aside{
    max-height:71px;
    padding:8px 0px 5px;
}
.brand-img-filter li aside img{
    width:65px;
    height:40px;
    object-fit:contain;
    position:relative;
    z-index:9;
}
.brand-img-filter.category-img-filter li aside img{
    width:30px;
    height:30px;
}
.brand-img-filter li aside abbr{
    width:100%;
    display:block;
    margin-top:5px;
    color:#777;
    font-size:12px;
    font-weight:500;
    position:relative;
    z-index:9;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:all 0.2s ease;
}
.brand-img-filter li aside input[type="radio"]:checked ~ abbr,
.brand-img-filter li aside input:hover ~ abbr{
    color:#000;
}
.brand-img-filter li aside sup{
    width:100%;
    height:100%;
    background:var(--order-yellow-color);
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    transform:translateX(-200px);
    transition:all 0.2s ease;
}
.brand-img-filter li aside input[type="radio"]:checked ~ sup,
.brand-img-filter li aside input:hover ~ sup{
    transform:translateX(0px);
}
.outlet-rightbar{
    height:100vh;
    padding:10px 12px 0px;
    background:#fff;
    position:fixed;
    top:0px;
    right:0px;
    overflow-y:scroll;
    transition:all 0.3s ease;
}
.outlet-rightbar::-webkit-scrollbar{
    display:none;
}
.outlet-name{
    padding-bottom:3px;
    border-bottom:1px solid #e3e3e3;
}
.outlet-name img{
    width:45px;
    height:45px;
    float:left;
    object-fit:cover;
    border-radius:5px;
}
.outlet-name content{
    width:calc(100% - 20px);
    float:left;
}
.outlet-name content h1{
    margin:5px 0px 0px;
    color:var(--order-pastel-color);
    font-size:22px;
    font-weight:700;
    line-height:24px;
}
.outlet-name content p{
    color:#555;
    font-size:13px;
    font-weight:500;
}
.outlet-name a{
    float:right;
    margin-top:14px;
}
.outlet-name a img{
    width:20px;
    height:unset;
}
/* .order-booking .row .col-md-3{
    padding-left:8px;
    padding-right:8px;
} */
.order-booking{
    padding:0px 3px;
}
.order-booking-box{
    display:flow-root;
    padding:6px 8px 10px;
    margin-bottom:15px;
    background:#fff;
    border-radius:10px;
    cursor:pointer;
    overflow:unset;
    position:relative;
}
.focus-product{
    box-shadow:0px 4px 0px 0px var(--order-yellow-color) inset;
}
.order-booking-box span{
    display:block;
}
.order-booking-box span:before, .order-booking-box content:before{
    transition:all 0.5s ease-in;
}
.order-booking-box span:hover:before, .order-booking-box content:hover:before{
    content:"Click Here to SKU Info";
    width:max-content;
    margin:0px auto;
    padding:2px 8px;
    background:#303030;
    border-radius:4px;
    color:#fff;
    font-size:13px;
    font-weight:400;
    position:absolute;
    top:-28px;
    left:0px;
    right:0px;
    z-index:9;
}
.order-booking-box span img{
    width:100%;
    height:90px;
    object-fit:contain;
    background-image:url("../img/mtz/order-loading.gif");
    background-size:47px;
    background-position:center;
    background-repeat:no-repeat;
}
.order-booking-box content{
    margin-top:5px;
    display:block;
}
.order-booking-box content h2{
    color:#303030;
    font-size:13px;
    font-weight:500;
    line-height:18px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.order-booking-box content h3{
    margin:4px 0px;
    color:#303030;
    font-size:12px;
    font-weight:400;
    line-height:15px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.order-booking-box content h3 sup{
    color:#959595;
    text-decoration:line-through;
    position:unset;
}
.order-booking-box abbr{
    display:block;
    text-decoration:line-through;
    position:unset;
}
.order-booking-box abbr input{
    width:49%;
    float:left;
    border-radius:5px;
    border-color:#bbb;
}
.order-booking-box abbr input::placeholder{
    color:#888;
}
.order-booking-box abbr input:focus{
    border-color:var(--order-yellow-color);
}
.added-value{
    border-color:var(--order-green-color) !important;
}
.order-booking-box abbr input:first-child{
    margin-right:1%;
}
.order-booking-box abbr input:last-child{
    margin-left:1%;
}
.order-booking-box abbr input::-webkit-outer-spin-button,
.order-booking-box abbr input::-webkit-inner-spin-button{
    -webkit-appearance:none;
}
.order-booking-box aside{
    padding:2px 6px;
    background:linear-gradient(50deg, #ffd35c 27%, #edae02 67%);
    border-radius:0px 3px 3px 0px;
    color:#303030;
    font-size:11px;
    font-weight:500;
    position:absolute;
    top:8px;
    left:0px;
}
.order-booking-box aside:before{
    transition:all 0.5s ease-in;
}
.order-booking-box aside:hover:before{
    content:attr(mrp-value);
    width:max-content;
    margin:0px auto;
    padding:2px 8px;
    background:#303030;
    border-radius:4px;
    color:#fff;
    font-size:13px;
    font-weight:400;
    position:absolute;
    top:-28px;
    left:0px;
    right:0px;
    z-index:9;
}
.order-booking-box aside:after{
    content:'';
    border-left:11px solid transparent;
    border-right:11px solid #e1a607;
    border-bottom:8px solid transparent;
    position:absolute;
    left:-12px;
    bottom:-8px;
}
.order-booking-box aside.margin-price{
    width:30px;
    height:30px;
    padding:0px;
    text-align:center;
    background:var(--order-pastel-color) !important;
    border-radius:50px 50px 10px 50px;
    color:#fff;
    font-size:11px;
    line-height:30px;
    letter-spacing:0px;
    top:7px;
    left:unset;
    right:5px;
}
.order-booking-box aside.margin-price:before{
    transition:all 0.5s ease-in;
}
.order-booking-box aside.margin-price:hover:before{
    content:attr(margin-value);
    width:max-content;
    margin:0px auto;
    padding:2px 8px;
    background:#303030;
    border-radius:4px;
    color:#fff;
    font-size:13px;
    font-weight:400;
    position:absolute;
    top:-28px;
    left:0px;
    right:0px;
    z-index:9;
}
.order-booking-box aside.margin-price:after{
    /* border-bottom:10px solid #f97478;
    border-left:12px solid transparent;
    border-right:0px;
    left:unset;
    right:1px;
    bottom:1px; */
    display:none;
}
.order-booking-box sub{
    position:absolute;
    top:12px;
    bottom:unset;
    right:10px;
}
.order-booking-box sub img{
    width:20px;
}
.order-btn button,
.order-btn input{
    padding:10px 0px;
    background:var(--order-yellow-color);
    border-radius:7px;
    color:#fff !important;
    font-size:15px;
    font-weight:500;
}
.order-btn button:hover,
.order-btn input:hover{
    background:var(--order-yellow-hover-color);
}
.order-btn button:nth-child(2){
    background:var(--order-green-color);
}
.order-btn button:nth-child(2):hover{
    background:var(--order-green-hover-color);
}
.outlet-modal-icons{
    width:100%;
    display:flex;
    justify-content:space-evenly;
    position:relative;
    z-index:9;
}
.outlet-modal-icons span{
    position:relative;
    transition:all 0.2s cubic-bezier(0.05, 0.52, 0.58, 0.93);
}
.outlet-modal-icons span:hover{
    transform:translateY(-5px);
}
.outlet-modal-icons span:hover:before{
    content:attr(hover-text);
    width:max-content;
    padding:2px 4px;
    background-color:#303030;
    border-radius:4px;
    color:#fff;
    font-size:11px;
    font-weight:500;
    line-height:17px;
    position:absolute;
    bottom:-25px;
    left:0px;
}
.outlet-modal-icons span.cart-count:after{
    content:attr(not-count);
    width:21px;
    height:21px;
    text-align:center;
    background:var(--order-green-color);
    border:2px solid #fff;
    border-radius:50%;
    color:#fff;
    font-size:10px;
    font-weight:500;
    letter-spacing:0px;
    line-height:18px;
    position:absolute;
    top:-8px;
    right:-7px;
}
.outlet-modal-icons span a{
    width:38px;
    height:38px;
    display:inline-block;
    text-align:center;
    background:linear-gradient(50deg, #ffd35c 27%, #edae02 67%);
    border:1px solid #303030;
    border-radius:50%;
    line-height:48px;
    cursor:pointer;
    position:relative;
}
.outlet-modal-icons span.cart-count a{
    animation:outletCartAnimate 2s infinite;
}
@keyframes outletCartAnimate{
    0%{
        transform:rotate(0deg);
    }
    7.5%{
        transform:rotate(25deg);
    }
    30%{
        transform:rotate(-25deg);
    }
    45%{
        transform:rotate(15deg);
    }
    58%{
        transform:rotate(-10deg);
    }
    70%{
        transform:rotate(5deg);
    }
    87.5%{
        transform:rotate(-2deg);
    }
    100%{
        transform:rotate(0deg);
    }
}
.outlet-modal-icons span a img{
    width:20px;
}
.outlet-remark{
    margin-top:10px;
}
.outlet-remark h2{
    color:#303030;
    font-size:14px;
    font-weight:600;
    line-height:17px;
}
.outlet-remark p{
    margin-top:5px;
    color:#555;
    font-size:13px;
    font-weight:500;
    line-height:17px;
}
.outlet-remark p img{
    width:17px;
    float:right;
}
.noOrder-yet{
    width:100%;
    padding:10px 0px;
    border-top:1px solid #e3e3e3;
}
/* .noOrder-yet h3{
    margin-top:5px;
    color:#555;
    font-size:13px;
    font-weight:500;
    line-height:16px;
}
.noOrder-yet h3 img{
    width:67px;
    float:right;
    margin-top:-20px;
} */
.noOrder-yet ul{
    display:flex;
    flex-wrap:wrap;
}
.noOrder-yet ul li{
    margin-right:0px !important;
    padding:0px 4px;
    flex:0 0 24%;
}
.noOrder-yet ul li:last-child{
    border-right:0px;
}
.noOrder-yet ul li img{
    width:100%;
}
.last-order-status{
    margin-top:10px;
}
.last-order-status h2{
    color:#303030;
    font-size:14px;
    font-weight:600;
    line-height:17px;
}
.outlet-last-order{
    min-height:unset;
    margin:8px 0px 3px;
    padding:8px 8px 2px;
    border-left:3px solid var(--order-yellow-color);
    cursor:pointer;
}
.outlet-last-order h2{
    color:#303030;
    font-size:14px;
    font-weight:600;
}
.outlet-last-order h6{
    color:#555;
    font-size:12px;
}
.outlet-tlsd{
    width:100%;
    margin-top:10px;
    padding:4px 6px;
    background-image:url("../img/mtz/tlsd-bg.png");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    border-radius:15px;
}
.outlet-leftbar{
    height:100vh;
    background:#fff;
    padding:10px 12px 0px;
    position:fixed;
    top:0px;
    left:0px;
    overflow-y:scroll;
    transition:all 0.3s ease;
}
.outlet-leftbar::-webkit-scrollbar{
    display:none;
}
.outlet-leftbar a.outlet-leftbar-close, .outlet-rightbar a.outlet-rightbar-close{
    float:right;
    display:none;
}
.outlet-leftbar a.outlet-leftbar-close img, .outlet-rightbar a.outlet-rightbar-close img{
    width:30px;
}
.outlet-leftbar span{
    display:block;
    text-align:center;
    margin-bottom:5px;
    cursor:pointer;
}
.outlet-leftbar span img{
    width:180px;
}
.outlet-leftbar abbr{
    display:block;
    text-align:center;
}
.outlet-leftbar abbr img{
    width:100%;
    height:75px;
    object-fit:cover;
    border-radius:7px;
    background-image:url("../img/mtz/order-loading.gif");
    background-size:47px;
    background-position:center;
    background-repeat:no-repeat;
}
.outlet-leftbar .outlet-info-single{
    width:100%;
    display:inline-block;
    padding:4px 0px 8px !important;
    border-bottom:1px solid #e3e3e3;
    border-radius:0px;
}
.outlet-leftbar .outlet-info-single span img{
    width:80px;
}
.outlet-leftbar ul li.outlet-active-nav a img{
    filter:brightness(10);
}
.sidebar-filter h1{
    display:inline-block;
    color:#303030;
    font-size:14px;
    font-weight:600;
    line-height:30px;
}
.sidebar-filter ul{
    margin-top:10px;
}
.sidebar-filter ul li{
    margin-bottom:15px;
    padding:0px 0px 0px 30px;
    position:relative;
}
.sidebar-filter ul li input{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:9;
    cursor:pointer;
    opacity:0;
}
.sidebar-filter ul li span{
    width:20px;
    height:20px;
    position:absolute;
    top:0px;
    left:0px;
    background-color:#ddd;
    border-radius:50%;
    transition:all 0.3s ease;
}
.sidebar-filter ul li input[type="radio"]:checked ~ span{
    background-color:var(--order-yellow-color);
}
.sidebar-filter ul li span:after{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
    position:absolute;
    top:6px;
    left:6px;
    display:none;
}
.sidebar-filter ul li input[type="radio"]:checked ~ span:after{
    display:block;
}
.sidebar-filter ul li abbr{
    color:#555;
    font-size:13px;
    font-weight:500;
}
.outlet-table{
    width:100%;
    border-collapse:collapse;
    border-radius:3px;
    overflow:hidden;
}
.outlet-table thead tr{
    text-align:left;
    background-color:var(--order-yellow-color);
    color:#fff;
    font-size:11px;
    font-weight:500;
}
.outlet-table th, .outlet-table td{
    padding:8px 6px;
}
.outlet-table tbody tr{
    color:#565656;
    font-size:11px;
    border-bottom:1px solid #ddd;
}
.outlet-table tbody tr:nth-child(even){
    background:#f3f3f3;
}
.outlet-table tbody tr:last-of-type{
    border-bottom:2px solid #dfdfdf;
}
.outlet-yellow-btn{
    background-color:var(--order-yellow-color) !important;
    border:solid 1px var(--order-yellow-color) !important;
}
.cart-overlay{
    width:100%;
    height:100vh;
    background:#000;
    position:fixed;
    top:0px;
    left:0px;
    opacity:0.5;
    z-index:99;
    transform:translateY(100vh);
    transition:all 0.2s ease;
}
.show-cart .cart-overlay{
    transform:translateY(0vh);
}
.cart-box{
    width:50%;
    height:100vh;
    background:#fff;
    position:fixed;
    top:0px;
    right:0px;
    z-index:999;
    transform:translateX(120%);
    transition:all 0.4s ease;
}
.show-cart .cart-box{
    transform:translateX(0px);
}
.cart-box span.cart-close{
    width:38px;
    height:38px;
    text-align:center;
    background:#fff;
    box-shadow:0px 0px 7px 0px rgb(0 0 0 / 53%);
    border-radius:50%;
    cursor:pointer;
    position:absolute;
    top:calc(50vh - 20px);
    left:-20px;
    z-index:9;
}
.cart-box span.cart-close img{
    width:32px;
    margin-top:3px;
    opacity:0.5;
}
.cart-footer{
    width:100%;
    float:left;
    padding:12px 10px;
    background:#fff;
    box-shadow:0px -5px 5px 0px rgb(0 0 0 / 10%);
}
.cart-tab{
    background:#fff;
    box-shadow:0px 0px 7px 0px rgb(0 0 0 / 17%);
}
.cart-tab li{
    width:50%;
    float:left;
    text-align:center;
    transition:all 0.5s ease;
}
.cart-tab li.active:after{
    content:"";
    width:100%;
    height:2px;
    background:var(--order-yellow-color);
    border-radius:20px;
    position:absolute;
    bottom:0px;
    left:0px;
}
.cart-tab li a{
    background:transparent !important;
    color:#303030;
    font-size:14px;
    font-weight:600;
}
.cart-content .tab-pane{
    position:relative;
}
#cartTab1 section{
    padding:0px 10px;
}
.cart-content section{
    display:block;
    overflow:hidden;
    overflow-y:scroll;
}
.cart-content section{
    height:calc(100vh - 41px - 65.42px);
    padding-bottom:7px;
}
.cart-content section::-webkit-scrollbar{
    width:7px;
}
.cart-content section::-webkit-scrollbar-track{
    background:#f1f1f1;
}
.cart-content section::-webkit-scrollbar-thumb{
    background:#c1c1c1;
    border-radius:50px;
}
.cart-content section::-webkit-scrollbar-thumb:hover{
    background:#989898;
}
.cart-content .grey-table thead tr{
    background-color:#9f9f9f;
}
.summary-table{
    width:96%;
    margin:10px 2% 5px;
}
.summary-table th, .summary-table td{
    padding:4px 4px;
}
.summary-table td a.btn-inv-cancle{
    cursor:pointer;
}
.summary-table td a.btn-inv-cancle i{
    color:var(--primary-color);
    font-size:20px;
}
.summary-table thead tr{
    background-color:var(--order-summary-thead-color);
    color:#000;
}
.summary-table tfoot tr{
    background-color:var(--order-summary-tfoot-color);
    color:#fff;
}
/* .cart-box .order-booking-box{
    border-bottom:1px solid #ccc;
    border-radius:0px;
}
.cart-box .order-booking-box span{
    float:left;
    margin-right:7px;
}
.cart-box .order-booking-box span img{
    width:100%;
    height:60px;
}
.cart-box .order-booking-box content{
    margin-top:0px;
}
.cart-box .order-booking-box abbr input{
    width:41%;
}
.cart-box .order-booking-box aside{
    padding:2px 6px;
    border-radius:3px;
    font-size:12px;
    left:unset;
    top:30px;
    right:5px;
}
.cart-box .order-booking-box aside:after{
    display:none;
} */
.cart-box .order-booking-box{
    box-shadow:0px 0px 8px 0px rgb(0 0 0 / 17%);
}
.cart-box .order-booking-box content figure{
    color:#303030;
    font-size:12px;
    font-weight:500;
}
.cart-box .order-booking-box a{
    padding:4px;
    position:absolute;
    top:8px;
    right:2px;
}
.cart-box .order-booking-box a img{
    width:18px;
}
.accordion-container{
    margin:0px auto 10px;
    position:relative;
}
.accordion-container span{
    display:block;
    text-align:left;
    margin-bottom:5px;
    padding:10px 15px;
    background:linear-gradient(50deg, #ffd35c 27%, #edae02 67%);
    border-radius:10px;
    color:#555;
    font-size:14px;
    font-weight:500;
    cursor:pointer;
    transition:all 0.2s linear;
}
.accordion-container span i{
    float:right;
    margin-top:4px;
}
.accordion-container span.active{
    background-color:#e5e5e5;
}
.accordion-container content{
    width:100%;
    background-color:#fff;
    border-bottom:1px solid #ddd;
    display:none;
}
.accordion-container content p{
    margin:0px;
    padding:10px 15px;
    color:#333;
}
.outlet-rightbar ul li a{
    display:block;
    color:#303030;
    font-size:13px;
    font-weight:500;
    padding:10px 8px;
    border-radius:10px;
}
.outlet-rightbar ul li.outlet-active-nav a{
    color:#fff;
    background:var(--order-yellow-color);
}
.outlet-rightbar ul li a img{
    width:14px;
    float:left;
    margin:2px 10px 0px 0px;
}
.go-top{
    width:40px;
    height:40px;
    text-align:center;
    background:linear-gradient(50deg, #ffd35c 27%, #edae02 67%);
    border-radius:50%;
    position:fixed;
    bottom:15px;
    right:350px;
    cursor:pointer;
    transition:all 0.1s linear;
    z-index:99;
    display:none;
}
.go-top:hover{
    transform:translateY(-5px);
}
.go-top img{
    width:22px;
    margin-top:10px;
    transform:rotate(180deg);
}
.modal-body.sku-content{
    padding:5px 15px 8px;
}
.sku-content span{
    width:70%;
    float:left;
}
.sku-content span aside .outlet-info-single{
    width:99%;
}
.sku-content span section .outlet-info-single{
    width:48.2%;
}
.sku-content img{
    width:30%;
    height:167px;
    object-fit:contain;
    float:right;
    background-image:url("../img/mtz/order-loading.gif");
    background-size:47px;
    background-position:center;
    background-repeat:no-repeat;
}
.sku-content section{
    width:100%;
    display:inline-flex;
    justify-content:space-between;
}
.sku-content .outlet-info-single{
    width:100%;
    display:block;
    padding:4px 0px;
    border-bottom:1px solid #e3e3e3;
    border-radius:0px;
}
.sku-content section .outlet-info-single{
    display:inline-block;
    border-bottom:1px solid #e3e3e3;
}
.sku-content section .outlet-info-single:nth-child(2){
    margin:4px 1.3%;
}
.sku-content title{
    width:100%;
    display:block;
    margin:7px 0px 0px;
    color:var(--primary-color);
    font-size:15px;
    font-weight:600;
}
a.clear-time{
    display:block;
    margin:2px 0px 0px;
    color:var(--primary-color);
    font-size:13px;
    font-weight:500;
    text-decoration:underline;
    cursor:pointer;
}
.time-filter{
    display:inline-block;
}
.time-filter ul{
    margin-top:15px;
}
.time-filter ul li{
    margin:4px 3px 0px 3px;
    float:left;
    position:relative;
}
.time-filter ul li input{
    width:100%;
    height:100%;
    margin:0px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:99;
    cursor:pointer;
    opacity:0;
}
.time-filter ul li span{
    display:block;
    padding:5px 10px;
    background:#f2f2f2;
    border-radius:50px;
    position:relative;
    overflow:hidden;
}
.time-filter ul.price-filter li span{
    padding:4px 20px;
}
.time-filter ul li span:before{
    content:'';
    width:100%;
    height:100%;
    background-color:#fac841;
    position:absolute;
    top:0px;
    left:0px;
    transition:all 0.3s ease;
    transform:translateX(-250px);
}
.time-filter ul li span:after{
    content:attr(filter-text);
    color:#555 !important;
    font-size:12px;
    font-weight:500;
    position:relative;
    transition:all 0.2s ease;
    z-index:9;
}
.time-filter ul li.active-time span:before,
.time-filter ul li.active-time span:before,
.time-filter ul li input:hover ~ span:before,
.time-filter ul li input:hover ~ span:before{
    transform:translateX(0px);
    color:#000 !important;
}
.brand-filter ul li input{
    width:100%;
    height:100%;
    margin:0px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:99;
    cursor:pointer;
    opacity:0;
}
.no-data-order{
    width:100%;
    margin-top:20px;
    text-align:center;
}
.no-data-order img{
    width:40%;
}
.no-data-order p{
    margin:5px 0px;
    color:#aaa;
    font-size:15px;
    font-weight:500;
}
.outlet-appbar{
    width:100%;
    padding:8px 10px;
    background-color:#fff;
    align-items:center;
    justify-content:space-between;
    position:sticky;
    top:0px;
    left:0px;
    z-index:999;
    display:none;
}
.outlet-appbar a{
    line-height:0px;
}
.outlet-appbar a img{
    width:27px;
}
.outlet-appbar span{
    line-height:0px;
}
.outlet-appbar span img{
    width:80px;
}
.order-loadingPleaseWait{
    width:100%;
    display:flex;
    margin-top:7vh;
    justify-content:center;
    align-items:center;
}
.order-loadingPleaseWait h2{
    margin-right:5px;
    color:#303030;
    font-size:16px;
    font-weight:500;
}
.order-loadingPleaseWait svg{
    width:60px;
    height:70px;
}
/*close-new-order-taking-page*/

/*start-new-order-taking-rural-page*/
ul.brand-img-filter-rural{
    display:flex;
    flex-wrap:wrap;
}
.brand-img-filter-rural li{
    flex:0 0 20%;
}
.brand-img-filter-rural li:hover ul.brand-filter-rural-hover{
    opacity:1;
    transform:translateX(0px);
    z-index:999;
}
ul.brand-filter-rural-hover{
    min-width:110%;
    background:#fff;
    box-shadow:0px 0px 7px 0px rgb(0 0 0 / 40%);
    border-radius:7px;
    position:absolute;
    top:80px;
    left:5px;
    z-index:0;
    overflow:hidden;
    opacity:0;
    transform:translateX(-20px);
    transition:all 0.2s ease-in;
}
.brand-filter-rural-hover li{
    width:100%;
    min-height:unset;
    margin-top:0px !important;
    text-align:left;
    flex:unset;
}
.brand-filter-rural-hover li.brand-filter-rural-active:before{
    content:'';
    width:5px;
    height:100%;
    background:var(--order-yellow-hover-color);
    border-radius:0px 10px 10px 0px;
    position:absolute;
    top:0px;
    left:0px;
}
.brand-filter-rural-hover li a{
    width:100%;
    display:block;
    padding:6px 14px;
    color:#555;
    font-size:14px;
    font-weight:500;
    cursor:pointer;
    transition:all 0.2s ease-in;
}
.brand-filter-rural-hover li a:hover{
    color:var(--order-yellow-hover-color);
    transform:translateX(7px);
}
.brand-filter-rural-hover li.brand-filter-rural-active a{
    color:var(--order-yellow-hover-color);
}
.outlet-heading-rural h1 abbr{
    color:var(--order-yellow-hover-color);
    font-size:16px;
    font-weight:600;
}
/*close-new-order-taking-rural-page*/

/*start-inventory-page*/
.inventory-summary{
    padding:3px 0px 3px;
    display:flex;
    flex-wrap:wrap;
    background:#edf1f5;
}
.inventory-summary .card-view{
    min-height:100%;
    margin:0px 10px 5px;
    padding:6px 12px;
    display:inline-flex;
    align-items:center;
    flex:calc(16.66% - 20px);
}
.inventory-summary .card-view:nth-child(1), .inventory-summary .card-view:nth-child(6){
    background:rgb(3 200 149 / 20%);
}
.inventory-summary .card-view:nth-child(2), .inventory-summary .card-view:nth-child(7){
    background:rgb(135 96 251 / 20%);
}
.inventory-summary .card-view:nth-child(3), .inventory-summary .card-view:nth-child(8){
    background:rgb(235 111 51 / 20%);
}
.inventory-summary .card-view:nth-child(4), .inventory-summary .card-view:nth-child(9){
    background:rgb(1 184 255 / 20%);
}
.inventory-summary .card-view:nth-child(5), .inventory-summary .card-view:nth-child(10){
    background:rgb(203 156 14 / 20%);
}
.inventory-summary .card-view:nth-child(6), .inventory-summary .card-view:nth-child(11){
    background:rgb(180 130 175 / 42%);
}
.inventory-summary .card-view span{
    min-width:32px;
    min-height:32px;
    max-width:32px;
    max-height:32px;
    margin-right:12px;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    background:rgb(255 255 255 / 60%);
    border-radius:5px;
}
/* .inventory-summary .card-view:nth-child(1) span, .inventory-summary .card-view:nth-child(6) span{
    background:rgb(3 200 149 / 20%);
}
.inventory-summary .card-view:nth-child(2) span, .inventory-summary .card-view:nth-child(7) span{
    background:rgb(135 96 251 / 20%);
}
.inventory-summary .card-view:nth-child(3) span, .inventory-summary .card-view:nth-child(8) span{
    background:rgb(235 111 51 / 20%);
}
.inventory-summary .card-view:nth-child(4) span, .inventory-summary .card-view:nth-child(9) span{
    background:rgb(1 184 255 / 20%);
}
.inventory-summary .card-view:nth-child(5) span, .inventory-summary .card-view:nth-child(10) span{
    background:rgb(203 156 14 / 20%);
} */
.inventory-summary .card-view span img,
.inventory-summary .card-view span i{
    width:20px;
    font-size:20px;
}
.inventory-summary .card-view:nth-child(1) span i, .inventory-summary .card-view:nth-child(6) span i{
    color:#03c895;
}
.inventory-summary .card-view:nth-child(2) span i, .inventory-summary .card-view:nth-child(7) span i{
    color:#8760fb;
}
.inventory-summary .card-view:nth-child(3) span i, .inventory-summary .card-view:nth-child(8) span i{
    color:#eb6f33;
}
.inventory-summary .card-view:nth-child(4) span i, .inventory-summary .card-view:nth-child(9) span i{
    color:#01b8ff;
}
.inventory-summary .card-view:nth-child(5) span i, .inventory-summary .card-view:nth-child(10) span i{
    color:#cb9c0e;
}
.inventory-summary .card-view:nth-child(6) span i, .inventory-summary .card-view:nth-child(11) span i{
    color:#b482af;
}
.inventory-summary .card-view content p{
    margin-top:1px;
    text-align:left;
    color:#555;
    font-size:12px;
    line-height:15px;
}
.inventory-summary .card-view content h5{
    text-align:left;
    margin-top:5px;
    color:#303030;
    font-size:14px;
    line-height:15px;
}
/*close-inventory-page*/

/*start-sales-order-page*/
.top-sidebyside-details h6.panel-title span{
    min-width:100px;
    margin-right:10px;
    display:inline-block;
    padding:0px 4px;
    text-align:left;
    color:#303030;
    font-size:12px;
    font-weight:400;
    background:#e0f7f7;
    border-radius:2px;
}
.top-sidebyside-details h6.panel-title{
    color:#000;
    font-size:15px;
    font-weight:400;
}
.top-sidebyside-details h6.panel-title:nth-child(2){
    width:32%;
    float:right;
}
.salesOrder-details{
    display:flex;
    flex-wrap:wrap;
}
.salesOrder-details>*{
    flex:calc(20% - 12px);
}
.salesOrder-details section{
    width:100%;
    margin:8px 6px;
    /* padding:10px 14px;
    background:#fff;
    box-shadow:0px 5px 8px 1px rgb(0 0 0 / 8%);
    border-radius:5px;
    border-bottom:3px solid; */
    position:relative;
    z-index:9;
}
.salesOrder-details section span{
    display:block;
    min-height:68px;
    padding:10px 14px;
    background:#fff;
    box-shadow:0px 5px 8px 1px rgb(0 0 0 / 10%);
    border-radius:5px;
    border-bottom:3px solid;
}
.salesOrder-details section span:after{
    content:'';
    width:40%;
    height:10px;
    background:rgb(0 0 0 / 7%);
    filter:blur(3px);
    transform:rotate(8deg);
    position:absolute;
    bottom:-7px;
    right:0px;
    z-index:-1;
}
.salesOrder-details section span:before{
    content:'';
    width:40%;
    height:10px;
    background:rgb(0 0 0 / 7%);
    filter:blur(3px);
    transform:rotate(-8deg);
    position:absolute;
    bottom:-7px;
    left:0px;
    z-index:-1;
}
.salesOrder-details section:nth-child(1) span, .salesOrder-details section:nth-child(6) span{
    border-color:rgb(3 200 149 / 50%);
}
.salesOrder-details section:nth-child(2) span, .salesOrder-details section:nth-child(7) span{
    border-color:rgb(135 96 251 / 50%);
}
.salesOrder-details section:nth-child(3) span, .salesOrder-details section:nth-child(8) span{
    border-color:rgb(235 111 51 / 50%);
}
.salesOrder-details section:nth-child(4) span, .salesOrder-details section:nth-child(9) span{
    border-color:rgb(1 184 255 / 50%);
}
.salesOrder-details section:nth-child(5) span, .salesOrder-details section:nth-child(10) span{
    border-color:rgb(203 156 14 / 50%);
}
.salesOrder-details section h2{
    color:#303030;
    font-size:15px;
    font-weight:500;
    line-height:20px;
}
.salesOrder-details section h4{
    margin:5px 0px 0px;
    color:#555;
    font-size:13px;
    font-weight:400;
    line-height:20px;
}
table.salesOrder-detailTable{
    background:var(--thead-color);
}
/*close-sales-order-page*/

/*start-order-summary-page*/
/* .orderSummary-viewTable thead.orange-thead{
    background:var(--orange-thead);
}
.orderSummary-viewTable tfoot{
    background:var(--thead-color);
    color:#212121;
}
.orderSummary-viewTable tr.green-tr{
    background:var(--green-tr);
    color:#212121;
}
.orderSummary-viewTable tr.green-tr:hover{
    background:var(--green-tr);
} */
.orderSummary-viewTable tfoot{
    background:var(--tfoot-color);
    color:#212121;
}
.orderSummary-viewTable .order-brand-name{
    color:#212121;
    font-size:13px;
    font-weight:500;
}
/*close-order-summary-page*/

/*start-task-page*/
.mtz-task-checkbox input[type="checkbox"]{
    margin-right:23px;
    position:relative;
}
.mtz-task-checkbox input[type="checkbox"]:before{
    content:"";
    display:block;
    position:relative;
    width:17px;
    height:17px;
    border:1px solid #ccc;
    background:#fff;
}
.mtz-task-checkbox input[type="checkbox"]:after{
    content:"";
    display:block;
    width:17px;
    height:17px;
    border:1px solid var(--primary-color);
    background:var(--primary-color);
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
    transition:0.15s ease-in-out;
}
.mtz-task-checkbox input[type="checkbox"]:checked:after{
    content:"\f00c";
    font-family:"FontAwesome";
    color:#fff;
    font-size:11px;
    font-weight:500;
    text-align:center;
    line-height:18px;
    opacity:1;
}
/*start-task-page*/

/*start-mobile-media-query*/
@media (min-width:300px) and (max-width:700px){
    /*start-common-css*/
    .float-xs-left{
        float:left !important;
    }
    .float-xs-right{
        float:right !important;
    }
    .d-xs-block{
        display:block !important;
    }
    .d-xs-flex{
        display:flex !important;
    }
    .d-xs-unset{
        display:unset !important;
    }
    .d-xs-inline-block{
        display:inline-block !important;
    }
    .flex-xs-row-reverse{
        flex-direction:row-reverse !important;
    }
    .justify-xs-content-start{
        justify-content:start !important;
    }
    .mt-xs-5{
        margin-top:5px !important;
    }
    .mt-xs-0{
        margin-top:0px !important;
    }
    .mt-xs-10{
        margin-top:10px !important;
    }
    .mb-xs-10{
        margin-bottom:10px !important;
    }
    .ml-xs-0{
        margin-left:0px !important;
    }
    .mr-xs-0{
        margin-right:0px !important;
    }
    .ml-xs-5{
        margin-left:5px !important;
    }
    .mr-xs-5{
        margin-right:5px !important;
    }
    .pl-xs-0{
        padding-left:0px !important;
    }
    .pr-xs-0{
        padding-right:0px !important;
    }
    .pl-xs-5{
        padding-left:5px !important;
    }
    .pr-xs-5{
        padding-right:5px !important;
    }
    .select-validation label.errors, .form-group label.errors, .form-group small.help-block{
        bottom:-12px;
    }
    .dataTables_wrapper .dataTables_length{
        float:left;
        display:block;
    }
    .dataTables_wrapper .dataTables_filter{
        float:right;
        margin-top:0px;
    }
    /*close-common-css*/

    /*start-header-css*/
    #toggle_mobile_search{
        display:none !important;
    }
    a.toggle-left-nav-btn i, a#toggle_mobile_nav i{
        font-size:24px;
    }
    .brand-img{
        margin-top:0px;
    }
    .mtz-logo-heading{
        width:100%;
        position:absolute;
        left:0px;
        border:0px;
    }
    .mobile-nav-open .navbar.navbar-inverse.navbar-fixed-top .mobile-only-nav{
        padding-top:5px;
        padding-bottom:5px;
    }
    .right-vv-logo img{
        margin:0px 15px 0px 0px;
    }
    .mtz-headerProfile-empty{
        margin-top:0px;
    }
    .navbar.navbar-inverse.navbar-fixed-top .nav > li > a{
        line-height:0px;
    }
    .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-img{
        top:-15px;
        width:65px;
        display:none;
    }
    .navbar.navbar-inverse.navbar-fixed-top a.toggle-left-nav-btn{
        padding-right:10px;
        left:10px;
    }
    .slide-nav-toggle .brand-img, .sidebar-hover .brand-img{
        margin-top:0px;
    }
    .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap span .brand-img{
        width:150px;
        display:block;
        top:-10px;
        left:50px;
    }
    .mobile-nav-open .navbar.navbar-inverse.navbar-fixed-top .mobile-only-nav{
        top:47px;
    }
    .mtz-full-screen{
        display:none !important;
    }
    #mobile_only_nav{
        width:100%;
    }
    /*close-header-css*/

    /*start-login-page*/
    /* .login-bg{
        display:none;
    } */
    .login-swiper{
        display:none;
    }
    .login-fileds{
        height:99.9vh;
    }
    .login-fileds button[type="submit"]{
        width:50%;
    }
    /*close-login-page*/

    /*start-dashboard-page*/
    .mtz-welcome-card{
        height:365px;
        padding:15px 0px 0px !important;
    }
    .mtz-welcome-card h5{
        padding-top:0px !important;
    }
    .mtz-welcome-card p{
        padding-bottom:15px;
    }
    .mtz-welcome-card img{
        height:260px;
        object-fit:cover;
        object-position:0px -52px;
    }
    /*close-dashboard-page*/

    /*start-inventory-page*/
    .inventory-summary{
        width:96%;
        margin:0px 2%;
        display:block;
    }
    .inventory-summary .card-view{
        width:47.4% !important;
        margin:0px 1%;
        padding:2px 4px;
    }
    .inventory-summary .card-view span{
        margin-right:8px;
    }
    /*close-inventory-page*/

    /*start-order-taking-page*/
    .outlet-appbar{
        display:flex;
    }
    .outlet-leftbar{
        width:100%;
        left:-100%;
        z-index:999;
    }
    .outlet-leftbar span{
        display:none;
    }
    .outlet-center{
        margin-left:0px;
    }
    .outlet-rightbar{
        width:100%;
        right:-100%;
        z-index:999;
    }
    .outlet-leftbar a.outlet-leftbar-close, .outlet-rightbar a.outlet-rightbar-close{
        display:block;
    }
    .brand-filter{
        width:100%;
    }
    ul.brand-img-filter, ul.price-filter{
        width:100%;
        display:flex;
        white-space:nowrap;
        overflow-x:scroll;
        -webkit-overflow-scrolling:touch;
    }
    ul.brand-img-filter::-webkit-scrollbar, ul.price-filter::-webkit-scrollbar{
        display:none;
        -webkit-overflow-scrolling:touch;
    }
    .brand-img-filter li aside{
        margin-right:8px;
        padding:10px 10px !important;
    }
    .outlet-heading span{
        width:40%;
    }
    .cart-box{
        width:100%;
    }
    .go-top{
        right:10px;
    }
    .cart-box span.cart-close{
        width:35px;
        height:35px;
        left:7px;
    }
    .cart-box span.cart-close img{
        width:29px;
    }
    .order-btn button, .order-btn input{
        width:100%;
    }
    .sku-content section{
        overflow-x:scroll;
        white-space:nowrap;
    }
    /*close-order-taking-page*/
}
/*close-mobile-media-query*/

/*start-smaller-screen-media-query*/
/* null height  |  1310 width */
/* @media (min-width:1300px) and (max-width:1315px){
    body::-webkit-scrollbar{
        width:15px;
    }
} */
/*close-smaller-screen-media-query*/

/*start-small-screen-media-query*/
/* 902 height  |  1844 width */
@media (min-width:1843px) and (max-width:1845px){
    /*start-header-css*/
    /* .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-img{
        top:-17px;
    }
    .sidebar-hover .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-img{
        top:-22px;
    }
    .slide-nav-toggle .brand-img, .sidebar-hover .brand-img{
        margin-top:5px;
    } */
    /* body::-webkit-scrollbar{
        width:10px;
    } */
    .table-responsive-remove{
        overflow-x:hidden !important;
    }
    .slide-nav-toggle .navbar.navbar-inverse.navbar-fixed-top .nav-header{
        width:90px;
    }
    .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-img{
        display:none;
    }
    .slide-nav-toggle .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-img{
        top:-12px;
        width:47px;
        display:block;
    }
    .sidebar-hover .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-img{
        display:none;
    }
    .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap span.brand-text .brand-img,
    .sidebar-hover .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap span.brand-text .brand-img{
        width:200px;
        top:-6px;
        display:block;
    }
    /*close-header-css*/
}
/*close-small-screen-media-query*/

/*start-medium-screen-media-query*/
/* 1366 width*/
@media (min-width:1350px) and (max-width:1370px){
    .table-responsive-remove{
        overflow-x:hidden !important;
    }
}
/*close-medium-screen-media-query*/

/*start-bigger-screen-media-query*/
/* 413 height  |  1539 width */
@media (min-width:1448px) and (max-width:1994px){
    /*start-header-css*/
    /* .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-img{
        display:none;
    }
    .slide-nav-toggle .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-img{
        top:-18px;
        width:47px;
        display:block;
    }
    .sidebar-hover .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-img{
        display:none;
    } */
    /* .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap span.brand-text .brand-img,
    .sidebar-hover .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap span.brand-text .brand-img{
        width:200px;
        top:-6px;
        display:block;
    } */
    .slide-nav-toggle .navbar.navbar-inverse.navbar-fixed-top .nav-header{
        width:100px;
        margin-top:5px;
    }
    .slide-nav-toggle.sidebar-hover .navbar.navbar-inverse.navbar-fixed-top .nav-header{
        margin-top:0px;
    }
    a.toggle-left-nav-btn i, a#toggle_mobile_nav i, a#toggle_mobile_search i{
        font-size:23px;
    }
    .table-responsive-remove{
        overflow-x:hidden !important;
    }
    /*close-header-css*/
}
/*close-bigger-screen-media-query*/



/*start-developer-css*/
.errors{
    color:#ed6f56;
}
input .errors{
    border:2px solid #ed6f56;
}
.form-group.has-error{
    position:relative;
}
/*close-developer-css*/


/* --- new css start --- */

.blue_highlisght{
    background: #e3e8f8;
}
.blue_highdark {
    background: #bcc5df;
}

/* screen size design */

.order-dash-table .table-responsive {
    position: relative;
}

.full_screen_dashboard {
    cursor: pointer;
    position: absolute;
    right: 220px;
    top: 0px;
    font-size: 25px;
    z-index: 9; 
}

.order-dash-table .fullscreen_tab {
    overflow-y: auto;
    /* max-height: 380px; */
    max-height: calc(100vh - 80px);
}

.full_screen_dashboard .ri-fullscreen-exit-line  {
    display: none;
}

.fullscreen_tab .ri-fullscreen-line {
    display: none;
}

.fullscreen_tab .ri-fullscreen-exit-line {
    display: block;
}