/* Compiled Less CSS File *//* Generated from "style.css" */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,strike,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background: transparent;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;max-width: 100%;height: auto;}
svg:not(:root) {overflow: hidden;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-smooth: always;-webkit-text-size-adjust: 100%;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
/* =Default Tag & General Classes
========================================================================================*/
html,body {min-width: 320px;}
body {margin: 0;padding: 0;font: 15px/23px 'Poppins', serif;  color: #000000; background:#fff; font-weight: 400;}
img {max-width: 100%;-ms-interpolation-mode: bicubic;vertical-align: middle;}
a,input[type="button"],input[type="submit"],button {outline: 0 none;-moz-transition: background-color 0.2s ease-in, color 0.2s ease-in;-webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;-o-transition: background-color 0.2s ease-in, color 0.2s ease-in;-ms-transition: background-color 0.2s ease-in, color 0.2s ease-in;transition: background-color 0.2s ease-in, color 0.2s ease-in;}
a {color: #0047BA;outline: 0 none;-moz-transition: background-color 0.2s ease-in, color 0.2s ease-in;-webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;-o-transition: background-color 0.2s ease-in, color 0.2s ease-in;-ms-transition: background-color 0.2s ease-in, color 0.2s ease-in;transition: background-color 0.2s ease-in, color 0.2s ease-in;}
a:hover {color: #141414;text-decoration: none;outline: 0 none;}
a:active {outline: 0;}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {a:active {    background-color: transparent;}
}
p {margin: 0 0 15px 0; }
h1,h2,h3,h4,h5 {font-weight: 700;}
h1,h2,h3,h4,h5,h6 {line-height: 100%;margin-bottom: 15px;color: #3f3f3f;font-family: 'Poppins', serif;font-weight: 600;}
.lightBg h1, .lightBg h2,.lightBg h3,.lightBg h4,.lightBg h5,.lightBg h6{color: #1E1E1E;}
h1 {font-size:60px;line-height:1.3;text-transform: none;color: #ffffff;position: relative;font-weight: 600; }
h2 {font-size: 48px;line-height:1.3;text-transform: none; color: #3f3f3f; }
h3 {font-size: 24px;line-height: 1.3; text-transform: none;}
h4 {font-size: 20px;line-height: 1.3;text-transform: none;}
h5 {font-size: 18px;line-height: 1.3;text-transform: none;}
h6 {font-size: 16px;line-height: 1.3;text-transform: none;}
h2.white-color{color:#fff; text-shadow: none; font-size: 52px;  line-height: 150%;}
.mobile-show{display: none;}
/* =Typography
========================================================================================*/
#wrapper {width: 100%;min-width: 100%;overflow: hidden;}
.container {max-width: 1300px;width: 100%;padding: 0 15px;}
/*********************header***********************/
.header{position: absolute; top: 0; left: 0; width: 100%; padding:20px 0 20px; background: #fff; box-shadow: 0px 3px 6px #0000000D;}
.header-row{display: flex; align-items: center; justify-content: space-between;}
.header-row .login-btn .nav-link{color: #333333; display: flex; gap: 0 9px; justify-content: center; align-items: center; padding: 0;}
.dropdown-toggle::after{display: none;}
.header-row .login-btn .dropdown-menu[data-bs-popper]{left: auto; right: 0;}
.dropdown-item:hover{color: #0047BA;}
.header-row .login-btn{display: flex; gap: 0 24px; align-items: center; font-weight: 500;}
.header-row  .user-login-wrap{position: relative;}
.header-row  .user-login-wrap:before{background: #EBEBEB; height: 53px; display: none; content: ""; position: absolute; right: -12px; top: 50%; width: 1px; transform: translateY(-50%);}
.cart-item-wrap a{color: #333333; font-size: 16px; font-weight: 500; text-decoration: none;}
.cart-item-wrap .cart-icon{position: relative;}
.cart-item-wrap .item-count{background: #000; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 12px; width: 14px; height: 14px; border-radius: 50%; position: absolute; right: 0; top:-8px;}
.dashboard-page .header{padding-bottom: 0; box-shadow: none;}
.dashboard-page .header-row{padding: 0 80px 15px 50px;}
.dashboard-page .header-row-2{padding: 12px 80px 12px 50px; background: #E7EBFC; text-align: right; position: relative; }
.dashboard-page .location-selected{background: url(/map-icon-field.svg) 0 center no-repeat; padding-left: 25px; color: #8B8888; font-size: 16px; line-height: 25px;} 
/***************Login Page****************/
.wrapper{min-height: 100%;}
.loginwrapper{width: 100%; min-height: 650px; padding: 0 15px; height: 100dvh; position: relative; background:#F1F9FF; flex-wrap: wrap; background-size: cover; display: flex; align-items: center;}
.loginwrapper h1{text-align: center; font-size: 36px; line-height: 55px; font-weight: 600; margin-bottom:26px;}
.login-wrapper{max-width: 537px; margin: 0 auto;}
.loginwrapper .login-bg-img{position: absolute; top: 0; bottom: 0; left: 50%; max-width: none; right: 0; margin-left: -120px; overflow: hidden;}
.loginwrapper .login-bg-img img{width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center;}
.login-box{background: #fff; border: 1px solid #fff; overflow: hidden; box-shadow: 0px 0px 12px #3054E542;}
.login-box .login-box-header{background: #F2F3F5 ; padding: 20px 50px; border-bottom: 1px solid #CCC; display: flex; gap: 30px; align-items: center;}
.login-box .logo-wrap{min-width:249px; margin-bottom: 46px;}
.login-box{padding: 65px 65px 65px; margin-bottom: 13px;}
.login-form-wrap .form-group{margin-bottom: 18px;}
.login-form-wrap label{font-size: 16px; line-height: 25px; color: #0C1421; font-weight: 500; display: block; margin-bottom: 5px;}
.login-form-wrap .input-wrap input{height: 45px; background:#F6F6F6; border: 1px solid #D4D7E3; border-radius: 8px; padding:16px 17px; font-size: 16px; line-height: 25px;}
.login-form-wrap .input-wrap input:focus{box-shadow: none; outline: 0 none;}
.login-form-wrap .input-wrap {position: relative;}.forgot-pass{color:#1E4AE9; text-decoration: none; display: flex; margin-top: 7px; margin-right: 0; margin-left: auto; justify-content: flex-end; font-weight: 500;}
.forgot-pass:hover{color: #0047BA; text-decoration: none;}
.btn-wrap{margin-bottom: 18px; margin-top: 30px;}
.btn-wrap .login-btn{width: 100%; background: #333333; color: #fff; font-size:18px; line-height: 27px; border: 0 none; padding: 12px; border-radius:8px; font-weight: 400;}
form > p{margin-bottom: 0; color: #999999; text-align: center;}
.login-form-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #8897AD;
  opacity: 1;
}
.login-form-wrap ::-moz-placeholder { /* Firefox 19+ */
  color: #8897AD;
  opacity: 1;
}
.login-form-wrap :-ms-input-placeholder { /* IE 10+ */
  color: #8897AD;
  opacity: 1;
}
.login-form-wrap :-moz-placeholder { /* Firefox 18- */
  color: #8897AD;
  opacity: 1;
}
.login-form-wrap input[data-autocompleted] {
    background-color: transparent !important;
}

.login-box input:-webkit-autofill,
.login-box input:-webkit-autofill:focus {
    transition: background-color 0s 0s, color 0s 0s;
    transition-delay: calc(infinity * 1s);
}
.login-box + p{font-size: 14px; line-height: 21px; color: #333333; text-shadow: 0px 3px 6px #3054E542;}
/*************************Btn Wrap************************/
.btn.btn-primary{background: #3054E5; padding: 9px 25px; border-radius: 8px; color:#fff; font-size: 13px; line-height: 20px; font-weight: 400;}
.btn.btn-primary:hover{background: #333333; border: 1px solid #333333;}
.btn.btn-filter{padding: 7px 18px; border-radius: 8px;background: #F9F9F7; border: 1px solid #CCCCCC;color: #999999; font-size: 16px; line-height: 25px;}
.btn.btn-filter.active{background: #3054E5; border: 1px solid #3054E5; color: #fff;}
.btn.remove-btn{color: #FF0000; border:1px solid #FF0000;}
.btn.remove-btn:hover{color: #fff; background: #ff0000;}
.btn.btn-save{background: #4BAE4F; border-color: #4BAE4F; color:#fff;}
/*************************inner Pages****************/
.main-content-wrap{height: 100dvh; padding: 96px 0 40px;}
.content-wrap-outer{height: 100%; overflow-y: auto;}
.select-location-wrap .container-fluid{padding:0 80px;}
.title-filter-wrap{background: #fff; box-shadow: 0px 3px 9px #00000029; padding: 24px 30px 36px; margin-bottom:18px;}
.title-filter-wrap h1{font-size:38px; line-height: 57px; color: #001832; font-weight: 600; margin-bottom: 16px;}
.page-cotnent{background: #fff; box-shadow: 0px 3px 9px #00000029; padding: 24px 30px; margin-bottom:18px;}
.select-location-wrap-outer{background:rgba(48,84,229,0.11); padding: 40px 0;}
.select-location-group label{display: block; font-size: 20px; line-height: 30px; color: #333333; font-weight: 400; margin-bottom: 13px;}
.select-option-wrap{padding: 60px 0;}
.select-option-wrap .container{max-width: 744px;}
.select-option-wrap .select-option{display: flex;  gap: 0 36px;}
.select-option-wrap .select-option .select-box button{background: #fff; box-shadow: 0px 5px 10px #3054E530; flex-wrap: wrap; display: flex; justify-content: center; border: 1px solid #3054E5; border-radius: 5px; padding: 48px 80px;}
.select-option-wrap .select-option .select-box button span{margin-bottom: 21px; width: 100%;}
.select-option-wrap .select-option .select-box button span.btn-text{font-size: 18px; line-height: 20px; letter-spacing: 0.18px; color: #3054E5; font-weight: 600;}
.select-option-wrap .select-option .select-box button span:last-child{margin-bottom: 0;}
.select-option-wrap .select-location-group select{background: #FBFBFB; height: 56px; width: 100%; border: 1px solid #CCCCCC; border-radius: 8px;}
.select-option-wrap .select-option .select-box button:disabled{opacity: 0.35; border: 1px solid #6D6D6D;}
.select-option-wrap .select-option .select-box button.active .check-icon svg path:first-child{fill:#3054e5;}

.tabbing-wrap .nav-tabs{margin: 0 0 0; padding: 0 30px; border-bottom: 17px solid #F4F5F8; position: relative;}
.tabbing-wrap .nav-tabs:before{height: 1px; width: 100%; background: #8BA0BF; content:""; position: absolute; bottom: 0; left: 0;}
.select-info{display: none !important;}
.tabbing-wrap .nav-tabs .nav-item{margin-right: 30px;}
.tabbing-wrap .nav-tabs .nav-link{padding: 22px 0 !important; border: 0 none !important; border-radius: 0 !important; background: transparent;
    margin-bottom: 0 !important; color: #141414; font-size: 20px; line-height: 30px; font-weight: 400; position: relative;}
.tabbing-wrap .nav-tabs .nav-link:before{height: 4px; background: #0047BA; width: 100%; position: absolute;top: calc(100% - 2px); left: 0; opacity: 0; visibility: hidden; content: ""; transition: all 0.3s ease-out;}
.tabbing-wrap .nav-tabs .nav-link.active:before{opacity: 1; visibility: visible;}
.tabbing-wrap .nav-tabs .nav-link.active{font-weight: 600;}
.status {font-size: 14px; line-height: 25px; color: #0047BA; border: 1px solid #0047BA; border-radius:3px; padding: 3px 11px;}
.status.onhold{color: #F16117; border-color: #F16117;}
.status.completed{color: #999999; border-color: #999999;}
.status.processing{color: #F16117; border-color: #F16117;}
.status.shipped{color: #0047BA; border-color: #0047BA;  }
.status.pending{color: #999999; border-color: #999999;}
.status.disbursed{color: #6EBE9B; border-color: #6EBE9B;}
.content-wrap-outer h1{font-size:38px; line-height: 57px; color: #001832; margin-bottom: 42px;}
.count-box{background: #fff; padding:30px; box-shadow: 0px 3px 9px #00000029; padding: 24px 30px 36px; margin-bottom:18px;}
.title-filter-wrap h1{font-size:38px; line-height: 57px; color: #001832; margin-bottom:16px;}
.title-filter-wrap h3{font-size: 20px; line-height: 30px; color: #141414; font-weight: 600;}
.top-count-icon-wrap{display: flex; margin-bottom: 8px; justify-content: space-between; }
.top-count-icon-wrap .counter-text p{font-size: 24px; line-height: 35px; color: #141414; font-weight: 600; margin-bottom:0 ;}
.top-count-icon-wrap .counter-text span.count{font-size:61px; line-height: 91px; color: #0047BA; font-weight: 600;}
.count-box > p{margin-bottom: 0;}
.hideshow{display: none;}
.gird-search-wrap{margin-bottom: 30px; margin-top: 30px; width: 100%; display: flex; justify-content: space-between; align-items: center;}
.left-right-col-content{display: flex; margin-top: 20px;}
.info-col-wrap .label-text{font-size: 20px; line-height: 30px; margin-bottom: 6px;}
.info-col-wrap .label-value{font-size: 28px; line-height: 42px; margin-bottom: 0; font-weight: 600; color:#001832;}
.left-right-col-content .right-col{margin-left: auto; margin-right: 0;}
.left-right-col-content .right-col{display: flex; gap: 50px;}
.right-col .info-col-wrap{position: relative; }
.right-col .info-col-wrap:not(:first-child):before{width: 1px; background: #A8A8A8; height: 100%; position: absolute; left: -25px; top: 0; content: "";}
.grid-title-wrap{
  margin: 0  0;
  padding: 0 30px;
  border-bottom: 16px solid #F4F5F8 ;
  position: relative;
}
.grid-title-wrap:before{background: #8BA0BF; height: 1px; width: 100%; bottom: 0; left: 0; content: ""; position: absolute;}
.grid-title-wrap h3{padding:0 0 22px 0 !important;
  border: 0 none !important;
  border-radius: 0 !important;
  background: transparent;
  margin-bottom: 0 !important;
  color: #141414;
  font-size: 28px;
  line-height: 42px;
  font-weight: 400;
  position: relative;font-weight: 600; display: inline-block; width: auto;}
.grid-title-wrap h3:before{height: 4px; background: #333333; width: 100%; position: absolute;top: calc(100% - 2px); left: 0; opacity: 0; visibility: hidden; content: ""; transition: all 0.3s ease-out;}
.grid-title-wrap h3:before{opacity: 1; visibility: visible;}
.table-wrap-outer .dt-scroll-body{min-height: 200px;}
.grid-table-wrap .dropdown > button{background: #fff; position: relative; height: 34px; border: 1px solid #CCCCCC; border-radius: 4px; color: #333; font-size: 15px; line-height: 11px; padding: 5px 30px 5px 10px;}
.grid-table-wrap .dropdown > button:before{border-top: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; position: absolute; right:10px; top: 50%; transform: translateY(-50%);}
.grid-table-wrap .dropdown .dropdown-menu{padding: 0; box-shadow: 3px 3px 22px #00000047;
border: 1px solid #CCCCCC;
border-radius: 8px; background: #fff;}
.grid-table-wrap .dropdown .dropdown-menu a{display: block; padding:11px 17px; text-decoration: none; color: #000000; font-size: 16px; line-height: 20px;}
.grid-table-wrap .dropdown .dropdown-menu a:hover{background: #F2F2F2;}
.grid-table-wrap .actionsaved{background: #4BAE4F; color:#fff; border-radius:5px; padding: 8px; max-width: 100px; font-size: 14px; line-height: 21px;}
.btn-and-selected-items {position: relative;}
.btn-and-selected-items .right-btn-wrap{position: absolute; right: 0; bottom: 35px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:50% !important; right: 10px !important; transform: translateY(-50%);}
/*********************Alert Message********/
.alert-message{background: #006AFF; position: fixed; width: 100%; left:0; bottom:0; padding: 13px 0; z-index:11; text-align: center; font-size: 20px; line-height: 30px; color: #fff; font-weight: 400 ; }
.alert-message .close-alert{position:absolute; right:30px; top: 13px;}
.alert-message .container p{margin-bottom: 0;}
.select2-container .select2-results > .select2-results__options { max-height:250px !important; /* Increase height */ overflow-y: auto;}
/*********************Select Wrapper********/
.select-location-group .customselect2{height: 56px;}
/*****************Data Table****************/
.dt-container table thead th{background: #F4F5F8; padding: 17px 8px 18px !important; font-size: 16px; color: #002D5F; font-weight: 600; border-bottom: 1px solid #B9C8DE; border-top: 1px solid #B9C8DE;}
.dt-container table thead th:hover{outline: 0 none !important;}
.dt-container table tbody td{padding: 17px 8px 18px !important; font-size: 16px; color: #707070; vertical-align: middle;}
.dt-container table tbody td.title{color: #141414; font-weight: 500;}
.dt-container table tbody td .form-control{max-width: 100px;}
table.dataTable > tbody > tr.selected > *{box-shadow: inset 0 0 0 9999px rgba(0, 71, 186, 0.15) !important; color: #141414 !important;}
.dt-container table thead th:not(:first-child){white-space: nowrap; padding-right: 30px !important;}
.select-dropdown{width: 100% !important; height: 51px !important;}
.select2 {width: 100% !important; height: 56px !important; left: 0;  overflow: hidden; background: #fff; border: 1px solid #CCCCCC; border-radius: 12px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{display: none;}
.grid-table-wrap .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__arrow{display: block !important;}
.select2-container--default .select2-selection--single{border:0 none}
.select2-container--default .select2-selection--single .select2-selection__rendered{background: none; font-size: 16px; line-height: 20px !important; padding: 17px 40px 17px 16px !important;}
.select2-container .select2-selection--single .select2-selection__rendered{padding: 0;}
.select2-container .select2-selection--single .select2-selection__rendered[title="Select Location"]{color: rgba(0,0,0,0.35) !important;}
.select2-container--default .select2-selection--single{background:transparent !important;}
.select-location-group .select2-selection__arrow{display: block !important; background: url(/down-arrow-select.svg) left top no-repeat; right: 15px !important; height: 10px !important; top: 50% !important; transform: translateY(-50%);}
.select-location-group .select2-selection__arrow b{display: none;}
.select-location-group  .select2-selection[aria-expanded="false"] .select2-selection__arrow{transform: rotate(-180deg) translateY(50%); transition: all 0.15s ease-out;}
.select-location-group  .select2-selection[aria-expanded="true"] .select2-selection__arrow{transform: rotate(0deg) translateY(-50%); transition: all 0.15s ease-out;}
.select-location-group  .select2-selection__placeholder{background: url(/map-icon-field.svg) 0 center no-repeat; padding-left: 25px;}
.select-location-group  .select2-selection__rendered > div{background: url(/map-icon-field.svg) 0 center no-repeat; padding-left: 25px;}
.select-location-group  .select2-selection__rendered > div .count-badge{display: none;}
.select-location-group .select2-container--open li > div{background: url(/map-icon-small.svg) left center no-repeat; padding-left: 20px; padding-right: 20px;}
.select-location-group .select2-container--open li:hover{background: rgba(142,142,147,0.16) !important; color: #333333 !important;}
.add-item-btn {text-decoration: none; display: block; white-space: nowrap; opacity: 1; text-decoration: none; border: 0 none !important;} 
.add-item-btn .addbtn-bdr{border:1px solid #828282;  vertical-align: middle; border-radius: 5px; color:#828282; margin-right: 8px; font-size:14px; line-height: 21px; text-decoration: none; padding: 5px 20px;}
.add-item-btn .add-icon{opacity: 0; vertical-align: middle; width: 0; transition:all 0.3s ease-out; overflow: hidden; display: inline-block;}
.item-couter-wrap{font-size: 18px; line-height: 27px; color: #002D5F; font-weight: 600;}
.add-item-btn:hover .addbtn-bdr, .add-item-btn.active  .addbtn-bdr{background: #4BAE4F; border: 1px solid #4BAE4F; color: #fff;}
 .add-item-btn.active .add-icon{opacity: 1; width: 24px;}
 .btn.btn-outline{background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px;color: #707070; font-size: 16px; line-height: 25px;}
 .downloadinvoice{background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px;color: #707070; padding: 5px 15px; display: inline-block; vertical-align: middle; text-decoration: none; width: auto; font-size: 16px; line-height: 25px;}
 .right-content-part{position: relative;}
 .right-content-part .footer{position: static !important;}
 /******************************Inner Page*****************************************/
.dashboard-page .main-content-wrap{padding: 92px 0 0;}
.dashboard-page .content-wrap-outer{display: flex; position: relative;}
.dashboard-page .content-wrap-outer > div{height: 100%;}
.dashboard-page .content-wrap-outer .left-menu-panel{flex: 0 0 225px; max-width: 225px; background: #2E4E8B; display: flex; flex-wrap: wrap; transition: all 0.4s ease-out; position: relative; z-index: 2;}
.main-navigation-wrap .main-navigation a{padding: 15px 18px; display: flex; white-space: nowrap; color: #fff; gap: 30px; text-decoration: none; align-items: center;}
.main-navigation-wrap .main-navigation li{box-shadow: 0px 3px 6px #3054E542; border-bottom: 1px solid rgba(255,255,255,0.28);}
.main-navigation-wrap .main-navigation a .menu-icon{width: 22px; position: relative;}
.main-navigation-wrap .main-navigation a .menu-icon:before{position: absolute; background: rgba(255,255,255,0.28); width: 1px; height: 34px; right: -15px; content: ""; top: 50%; transform: translateY(-50%);}
.dashboard-page .content-wrap-outer .right-cotnent-wrap{padding: 36px 80px 36px 50px;}
.main-navigation-wrap .main-navigation a:hover{background:rgba(155,173,242,0.65);}
.main-navigation-wrap .main-navigation li.active a{background:rgba(155,173,242,0.65);}
.dashboard-page .content-wrap-outer .left-menu-panel.menu-collapse{flex: 0 0 92px; max-width: 92px;}
.dashboard-page .content-wrap-outer .left-menu-panel.menu-collapse .menu-text{display: none;}
.dashboard-page .content-wrap-outer .left-menu-panel.menu-collapse a .menu-icon{width: 100%;  position: relative;  text-align: center;}
.dashboard-page .content-wrap-outer .left-menu-panel.menu-collapse a .menu-icon:before{display: none;}
.left-menu-panel .main-navigation-wrap{width: 100%;}
.right-content-part{width: 100%; overflow-y: auto;}
.serach-field-wrap{margin-bottom: 19px;}
.serach-field-wrap input{background: #F9F9F7 url(/search-icon.svg) calc(100% - 15px) center no-repeat !important; border: 1px solid #CCCCCC; border-radius: 8px; height: 47px; padding: 13px 18px;}
.serach-field-wrap input:focus, .serach-field-wrap input:hover{background: #F9F9F7 url(/search-icon.svg) calc(100% - 15px) center no-repeat !important; border: 1px solid #CCCCCC; box-shadow: none;}
.serach-field-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999999;
  opacity: 1;
}
.serach-field-wrap ::-moz-placeholder { /* Firefox 19+ */
  color: #999999;
  opacity: 1;
}
.serach-field-wrap :-ms-input-placeholder { /* IE 10+ */
  color: #999999;
  opacity: 1;
}
.serach-field-wrap :-moz-placeholder { /* Firefox 18- */
  color: #999999;
  opacity: 1;
}
.filter-btn-order-btn{display: flex; align-items: center;margin-bottom: 20px;}
.filter-btn-order-btn .filter-btns-wrap{display: flex; gap: 0 14px; }
.page-content-wrap{padding: 20px 0 0;}
.filter-btn-order-btn  .new-order-btn{margin-left: auto; margin-right: 0;}
.logout-btn-wrap{width: 100%; align-self: flex-end;}
.logout-btn-wrap a{padding: 15px 18px; background:rgba(155,173,242,0.62); border-top: 1px solid rgba(255,255,255,0.28); display: flex; color: #fff; gap: 30px; text-decoration: none; align-items: center;}
.logout-btn-wrap a:hover{background:#3054E542;}
.logout-btn-wrap a .menu-icon{width: 22px; position: relative;}
.logout-btn-wrap a .menu-icon:before{position: absolute; background: rgba(255,255,255,0.28); width: 1px; height: 23px; right: -15px; content: ""; top: 50%; transform: translateY(-50%);}
.grid-table-wrap select{width: 100%; height:34px; border-radius: 4px; border: 1px solid #CCCCCC; background: #fff; padding: 5px 30px 5px 10px; height: 34px; width: 100px;}
.grid-table-wrap .select2{height: 34px !important;  border-radius: 4px !important; border: 1px solid #CCCCCC !important; width: 100px !important;}
.grid-table-wrap .select2 .select2-selection__rendered{ padding: 5px 30px 5px 10px !important;}
body > .select2-container .select2-dropdown{padding: 0 !important;}
body > .select2-container .select2-dropdown li{padding: 10px 17px; font-size: 16px; line-height: 24px;}
body > .select2-container .select2-dropdown li:hover{background: #F2F2F2 ; color:#000000;}
/***********************form-page-wrap*****************/
.form-page-wrap{padding: 40px 0;}
.form-page-wrap .form-group > label{display: block; margin-bottom: 10px; font-size: 18px; line-height: 27px;}
.form-page-wrap .form-group input.form-control, .form-page-wrap .form-group select{background: #fff; border: 1px solid #B9B9B9; border-radius: 12px; height:61px; padding:14px 20px 14px 20px; width: 100%;}
.form-page-wrap .form-group .select2{height: 61px !important;}
.form-page-wrap .form-group input.form-control:focus, .form-page-wrap .form-group select:focus{box-shadow: none; outline: 0;}
.form-page-wrap .form-row.row{margin: 0 -15px;}
.form-page-wrap .form-row.row > div{padding: 0 15px;}
.form-page-wrap .form-row{margin-bottom: 50px !important;}
.form-page-wrap  .title-row{position: relative; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 23px;}
.form-page-wrap  .title-row h3{margin-bottom: 0; font-size: 30px; line-height: 46px;}
.form-page-wrap  .title-row .btn{background: #fff; margin-left: auto; margin-right: 0; border:1px solid #B9B9B9; border-radius: 8px; padding: 13px 25px; font-size: 12px; line-height: 18px; color: #8D8D8D;} 
.form-page-wrap .btn-row{justify-content: flex-end; display: flex; gap: 30px;}
.form-page-wrap .btn-row .btn{padding: 14px 50px; font-size: 18px; line-height: 20px;}
.form-page-wrap .btn-row .light-blue-btn{background: rgba(48,84,238,0.25); border-color:rgba(48,84,238,0.25); color: #141414; font-size: 18px;}
.form-page-wrap .btn-row .light-blue-btn:hover{background: rgba(48,84,238,0.9); border-color:rgba(48,84,238,0.25); color: #fff; font-size: 18px;}
.row.disbaled-row label{color: rgba(51, 51, 51, 0.3);}
/***************common Search Filtrs*************/
.form-wrap-outer{padding: 30px 30px 0;}
.form-wrap-outer .form-row .form-group{display: flex; gap: 0 24px; margin-bottom: 22px; align-items: center;}
.form-wrap-outer .form-row .form-group > label{flex: 0 0 140px; font-size: 16px; line-height: 27px;}
.form-wrap-outer .form-row .form-group input{background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 8px; height:51px; padding:14px 40px 14px 16px; width: 100%;}
.form-wrap-outer .form-row .form-group input:focus{box-shadow: none; outline: 0 none; border: 1px solid #CCCCCC;background: #F9F9F7;}
.form-wrap-outer .form-row .form-group input:disabled{background: #FBFBFB; opacity: 0.5;}
.form-wrap-outer .form-row .input-with-icon{width: 100%; max-width: 100%; position: relative;}
.form-wrap-outer .form-row .input-with-icon span.icon-search, .form-wrap-outer .form-row .input-with-icon span.icon-calendar{position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.form-wrap-outer .form-row .input-with-icon input{padding-right: 32px;}
.form-row.row{margin: 0 -30px;}
.form-row.row > div{padding: 0 30px;}
.btn.disabled, .btn:disabled{background:#999999; color: #fff; border-color: #999999;}
.serach-wrap{position: relative;}
.serach-wrap .icon-search{position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
body > .select2-container{z-index: 1111;}
.search-wrap-outer .serach-wrap{min-width:350px;}
.select-modal .modal-body{border-top: 10px solid #F4F5F8;}
.modal-header .gird-search-wrap{margin:15px 0;}
.btn[data-bs-dismiss="modal"]{border: 1px solid #999999; color: #999999;}
.select2-container--open .select2-dropdown{ box-shadow: 3px 3px 22px #00000059 !important; border: 0 none !important; border-radius: 8px !important; padding: 8px !important; background: #fff;}
.select2-container--open .select2-dropdown li{color:#000000; font-size:16px; line-height: 27px; color:#000;}
.select2-container--open .select2-dropdown li:hover{background: #fff; color: #0047BA;}
.select2-container--open .select2-dropdown li.select2-results__option--highlighted{background: #fff; color: #0047BA;}
.form-page-wrap .select2-container--default .select2-selection--single .select2-selection__arrow{right:10px !important; top:50% !important; transform: translateY(-50%) !important;}
.form-page-wrap  .datepicker{background: #fff url(/calender-icon.svg) calc(100% - 15px) center no-repeat !important;}
.form-page-wrap  .datepicker:disabled{background: #F2F1F1 url(/calender-icon.svg) calc(100% - 15px) center no-repeat !important; opacity: 0.3;}
.form-page-wrap  .timepicker{background: #fff url(/down-arrow.svg) calc(100% - 15px) center no-repeat !important; background-size: 10px 10px !important;  }
.form-page-wrap  .timepicker:disabled{background: #F2F1F1 url(/down-arrow.svg) calc(100% - 15px) center no-repeat !important;  opacity: 0.3; background-size: 10px 10px !important;}
.gap-70{margin: 0 -35px !important;}
.gap-70 > div{padding: 0 35px !important;}

/**********************datepicker********************/
.datepicker td, .datepicker th{padding: 0; width: 36px; height: 36px; font-size: 14px; line-height: 36px;}
.datepicker-days thead tr{border-bottom: 1px solid #ccc;}
.grid-footer{display: flex; gap: 20px; flex-wrap: wrap;}
.btn-primary.add-new-btn{background: #00A0E3; border-color: #00A0E3;}
.btn-primary.cancel-btn{border: 1px solid #999999; color: #999999;}
/********************footer********/
.footer{position: absolute; left: 0; bottom: 0; background: #fff; width: 100%; border-top: 0 none; padding:20px 0; z-index:1;}
.footer p{text-align: center; margin-bottom: 0; color: #7E7E7E; font-size: 14px; line-height: 21px;}
/*****************checkbox Switch*************/
.checkbox-switch-wrap {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.checkbox-switch-wrap .form-check-input[type="checkbox"] {
    width: 48px;
    height: 25px;
    background-color: #ffffff;
    border-radius: 22px;
    position: relative;
    appearance: none;
    outline: none;
    cursor: pointer;
    transition: background 0.3s;
    box-shadow: none;
}

.checkbox-switch-wrap .form-check-input[type="checkbox"]:checked {
    background-color: #3054e5;
}

.checkbox-switch-wrap .form-check-input[type="checkbox"]::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 3px;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.3s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	display:none;
}

.checkbox-switch-wrap .form-check-input[type="checkbox"]:checked::before {
    transform: translateX(18px);
}
.bootstrap-timepicker-widget table td input{width: 40px; border: 0 none;}
.checkbox-switch-wrap .fw-semibold{font-size: 18px;}
.checkbox-switch-wrap p{font-size: 15px; line-height: 24px; color: #3054E5 !important; text-align: none;}
.form-row .select2-container--open .select2-dropdown{ box-shadow: 3px 3px 22px #00000059 !important; border: 0 none !important; border-radius: 8px !important; padding: 8px !important; background: #fff;}
.form-row .select2-container--open .select2-dropdown li{color:#000000; font-size:16px; line-height: 27px; color:#000;}
.form-row .select2-container--open .select2-dropdown li:hover{background: #fff; color: #0047BA;}
.form-row  .select2-container--open .select2-dropdown li.select2-results__option--highlighted{background: #fff; color: #0047BA;}
/********************Modal*****************/
.editequimpment .modal-dialog, .successmodal .modal-dialog{max-width: 676px;}
.modal-dialog .modal-content{box-shadow: 0px 0px 12px #0000004A; border-radius: 24px; padding: 34px;}
.modal-dialog .btn-wrap{margin-bottom: 0; margin-top: 10px;gap: 24px; display: flex; justify-content: flex-end;}
.btn-wrap{margin-bottom: 0; margin-top: 10px;gap: 24px; display: flex; justify-content: flex-end;}
.btn-wrap btn{font-size: 16px; line-height: 24px;}
.modal h2{font-size: 24px; line-height: 35px; margin-bottom: 28px; font-weight: 500;}
.modal .form-group{margin-bottom: 14px;}
.modal .form-group label{display:block; font-size: 18px; line-height: 27px; margin-bottom: 18px;} 
.modal .form-group .form-control, .modal .form-group select{background: #fff; border: 1px solid #B9B9B9; border-radius: 12px; height:61px; padding:14px 20px 14px 20px; width: 100%;}
.modal .form-group input.form-control:focus, .modal .form-group select:focus{box-shadow: none; outline: 0;}
.editequimpment p{font-size: 18px; line-height: 27px; color: #333333;}
.modal-dialog .btn-wrap .btn{padding: 12px 36px; font-size: 16px; line-height: 25px;}
.costcode .modal-dialog, .selecteditems .modal-dialog{max-width: 1339px;}
.modal-dialog .grid-title-wrap h3{font-size: 18px; line-height: 27px;}
.costcode td{font-weight:500; color: #141414 !important;}
.costcode .modal-dialog .modal-content, .selecteditems .modal-dialog .modal-content, .invoicemodal .modal-dialog .modal-content{padding: 30px !important;}
.costcode .modal-dialog .modal-content .modal-body, .selecteditems .modal-dialog .modal-content .modal-body,  .invoicemodal .modal-dialog .modal-content .modal-body{padding: 0 !important;}
.text-right{text-align: right;}
.modal-top-form-wrap{background: #F5F5F5 ; padding: 20px; border-radius: 8px; margin-bottom: 20px;}
.form-itesm-wrap{display: flex; gap: 15px;}
.modal .form-itesm-wrap label{font-size: 16px; margin-bottom: 0; color: #707070;} 
.modal .form-itesm-wrap .form-group input{height: 33px; background: #E9ECEF; font-size: 13px; border-radius: 0; line-height: 20px; border: 1px solid #D8D8D8; padding: 5px 15px;}
.invoicemodal .modal-dialog{max-width: 600px;}
.messgage-outer{text-align: center;}
.messgage-outer .message-icon{margin-bottom: 24px;}
.messgage-outer h2{font-size: 32px; line-height: 48px; color:#000000; font-weight: 600; margin-bottom: 8px;}
.messgage-outer p{font-size: 18px; line-height: 24px; color: #8E8E93; margin-bottom: 30px;}
.messgage-outer p.request-id{font-size: 16px; line-height: 24px; color: #3054E5;}
.form-itesm-wrap .row > div{margin-bottom: 30px;}
.form-itesm-wrap label{display: block; margin-bottom: 8px;}
.form-itesm-wrap .location-selected{color: #333; font-weight: 600;}
.form-itesm-wrap .date-info{color: #333; font-weight: 600;}
/************************Invoice Modal*************/
.invoice-header h2{color: #020407; font-size: 14px; line-height: 20px; text-decoration: underline; margin-bottom: 15px;}
.invoice-header h3{font-size: 14px; line-height: 18px; color: #2E4E8B;}
.grey-box-info{background: rgba(153, 153, 153, 0.32); padding: 12px; border-radius: 8px;}
.invoicemodal ul {list-style: none;}
.invoice-header h4{font-size: 14px; line-height: 18px; font-weight: 400; color: #020407;}
.invoice-header p{font-size: 12px; line-height: 18px; }
.invoicemodal .item-row{margin-bottom: 30px;}
.price-detail-wrap{margin-bottom: 40px;}
.invoicemodal .item-row h3{font-size: 14px; line-height: 18px; color: #020407; margin-bottom: 15px;}
.invoicemodal .table{margin: 0; padding: 0;}
.invoicemodal .table th{border-top: 1px solid #D3DAE5; border-bottom: 1px solid #D3DAE5; padding: 5px 8px; background: #F4F5F8 ; font-weight: 500; color:#002D5F; font-size: 12px; font-weight: 500;}
.invoicemodal .table td{border-bottom: 1px solid #D3DAE5; padding: 5px 8px; background: #fff ; font-weight: 500; color:#141414; font-size: 12px; font-weight: 500;}
.invoicemodal .modal-footer{padding-left:0; padding-right:0; padding-bottom:0;}
.grey-box-info li{display:flex; gap: 15px; font-size: 12px; line-height: 18px;}
.grey-box-info li span{width: 120px;}
.price-detial li{display:flex; gap: 15px; font-size: 12px; line-height: 18px; text-align: right;}
.price-detial li span:first-child{width: 140px;}
.price-details-outer{display: flex;}
.price-details-outer .price-detial{max-width: 300px;
  margin-right: 0;
  margin-left: auto;}
  .price-details-outer .price-detial span:last-child{text-align: right; min-width: 50px;}
  /*****************mobile Burger**************/
  .mobile-humberger{width: 25px; height: 25px;}
.toggle-navigation,
.toggle-navigation:after,
.toggle-navigation:before {
  width: 20px;
  height: 2px;
  text-indent: -9999px;
  display: block;
}

.toggle-navigation {
  position: relative;
  transform: translateY(10px);
  background: black;
  transition: all 0ms 300ms;
    
}
.mobile-humberger{position: absolute;
    left: 15px;
    top: 12px; z-index: 111;}
.toggle-navigation.animate {
  background: rgba(255, 255, 255, 0);
}

.toggle-navigation:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 8px;
  background: black;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.toggle-navigation:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  background: black;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.toggle-navigation.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.toggle-navigation.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.dashboard-page > .main-content-wrap .content-wrap-outer .left-menu-panel{z-index: 2;}
.dashboard-page form[name="mainSelectLocationForm"] .content-wrap-outer {display: block;}
.dashboard-page form[name="mainSelectLocationForm"] .content-wrap-outer > div{height: auto;}
.dashboard-page form[name="mainSelectLocationForm"] .content-wrap-outer {display: block;}
.dashboard-page form[name="mainSelectLocationForm"] .content-wrap-outer > div{height: auto;}
.select-location-wrap-outer .container-fluid{padding: 0 80px 0 50px;}
.logo-wrap .siteTitle {display:none;}
.logo-wrap .xrm-attribute-value img{width:249px !important; margin: 0 !important; height: 46px !important;}
.manu-wrap .weblinks > li.nav-item > a{padding: 0; white-space: nowrap; color: #333333; padding: 0; font-weight: 500;}
.select-location-group .multiSelect.inlineBlock {display: block; width: 100%; position: relative;}
.select-location-group .multiSelect.inlineBlock button{width: 100% !important; text-align: left !important; background:#fff url(/map-icon-field.svg) 15px center no-repeat !important; padding-left:40px !important; height: 56px !important;  left: 0;  overflow: hidden;  background: #fff;  border: 1px solid #CCCCCC; border-radius: 12px;}
.select-location-group .multiSelect.inlineBlock button .caret{position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.select-location-group .multiSelect .checkboxLayer{width: 100%;}
.multiSelect .multiSelectItem .acol label{font-size: 16px !important; width: 100%; line-height: 1.3 !important; background:#fff  url(/map-icon-small.svg) left center no-repeat !important; padding-left: 30px !important;}
.multiSelect .multiSelectItem .acol{width: 100%;}
body .multiSelect .multiSelectItem:hover, body .multiSelect .multiSelectGroup:hover{background: #fff !important; background-image: none !important; border: 0 none !important;}
/***********************order item***********/
.create-new-order-btn-wrap{display: flex; justify-content: right; align-items: center; width: 100%;}
.create-new-order-btn-wrap .btn{display: inline-block; width: 100%; border-radius: 5px; border: 0 none; color:#fff; font-size: 16px; height: 51px; line-height: 35px !important;}
.create-new-order-btn-wrap .btn svg path{fill: #fff;}
.create-new-order-btn-wrap .btn .icon-wrap{margin-left: 8px;} 
.create-new-order-btn-wrap .btn svg{width: 16px; height: 16px;}
.create-new-order-btn-wrap .btn:hover, .create-new-order-btn-wrap .btn:focus{background: #333333; color: #fff; border: 0 none; border-color: #333333;}
.create-new-order-btn-wrap .btn:hover  svg path, .create-new-order-btn-wrap .btn:focus svg path{ fill: #fff;}
.table-search-feature .dt-search .dt-input{background:#FBFBFB url(../img/search-icon.svg) calc(100% - 15px) center no-repeat; border: 1px solid #CCCCCC; border-radius: 5px; height: 50px; box-sizing: border-box; padding-left: 15px;}
.table-search-feature .dt-search .dt-input:hover, .table-search-feature .dt-search .dt-input:focus{outline: 0 none; box-shadow: none;}
.right-btn-wrap {display: flex; justify-content: space-between; align-items: center;}
.right-btn-wrap .back-btn-wrap{margin-right: -30px;}
.back-btn-wrap .btn{display: inline-block; border-radius: 5px; border: 0 none; color:#fff; font-size: 16px; height: 51px; line-height: 35px !important;}
.back-btn-wrap .btn svg path{fill: #fff;}
.back-btn-wrap .btn .icon-wrap{margin-right: 8px; } 
.back-btn-wrap .btn svg{width: 16px; height: 16px;transform: rotate(180deg);}
.back-btn-wrap .btn:hover, .back-btn-wrap .btn:focus{background: #333333; color: #fff; border: 0 none; border-color: #333333;}
.back-btn-wrap .btn:hover  svg path, .back-btn-wrap .btn:focus svg path{ fill: #fff;}
/**********************Ng Datepicker**************/
.form-wrap-outer span.input-group-addon{display: none;}
.form-wrap-outer  .moment-picker-input, .form-wrap-outer  .moment-picker-input:focus, .form-wrap-outer  .moment-picker-input:hover{padding-right: 32px; margin-left: 0 !important; border-top-left-radius: 8px !important; border-bottom-left-radius: 8px !important; border-radius:8px !important; background: transparent !important;}
.form-wrap-outer  label.form-label{margin-bottom: 0; line-height: 1.2;}
.form-wrap-outer  label span.small-text{font-size: 12px; line-height: 1; color: #777;}
.form-wrap-outer  .moment-picker-input + .icon-calendar{z-index: 1;}
/********************steps***************/
.process-steps-wrap{display: flex; justify-content: center; margin-bottom: 60px;}
.process-steps-wrap .process-steps{display: flex; margin: 0; padding: 0; list-style: none; justify-content: center; align-items: center;}
.process-steps-wrap .process-steps li{display: flex; flex-shrink: 0; justify-content: center; position: relative; flex-wrap: wrap;}
.process-steps-wrap .process-steps li span.steps{background: #f2f2f2; border: 5px solid #e9e9e9; width: 60px; height: 60px; border-radius: 50%; justify-content: center; align-items: center; display: flex; margin-bottom: 10px; font-size: 20px; line-height: 1.2; font-weight: 600;}
.process-steps-wrap .process-steps li span.step-text{position: absolute; top: 100%;  left: 50%; width: 190px; text-align: center;  transform: translateX(-50%); font-size: 18px; line-height: 1.2; font-weight: 500;}
.process-steps-wrap .process-steps li.step-connector{width: 100%; height: 3px; background: #ccc;  margin-top: -10px;}
.process-steps-wrap .process-steps li.current span.steps{background: #0047BA; color: #fff; border-color:rgba(155,173,242,0.65);}
.process-steps-wrap .process-steps li.current span.step-text{color:#0047BA;}
.process-steps-wrap .process-steps li.step-done span.steps{background: #4BAE4F; border-color:#4BAE4F; color: #fff;} 
.process-steps-wrap .process-steps li.step-done + li.step-connector{background: #4BAE4F;}
.create-new-order-btn-wrap{padding-right:0;}
.form-wrap-outer.bdr-bottom .form-row .form-group > label.form-label{flex: 0 0 auto; flex-shrink: 0; display: flex; white-space: nowrap;}
.form-wrap-outer.bdr-bottom{ padding: 30px 30px 20px;  border-bottom: 1px solid #ccc;}
.swal2-icon.swal2-info.swal2-icon-show, .swal2-icon.swal2-error.swal2-icon-show{margin: 20px auto;}
.mandetory{color: #ff0000 !important;}
.add-item-btn.disable{opacity: 0.7; cursor: not-allowed;}
.add-item-btn.disable:hover .addbtn-bdr, .add-item-btn.disable:focus .addbtn-bdr{border:1px solid #828282; background: #fff !important;  vertical-align: middle; border-radius: 5px; color:#828282;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end{margin-right:auto !important; margin-left: 0 !important;}
.right-btn-wrap .btn-wrap{margin-right: -30px !important; margin-top: -10px !important;}
div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end .dt-search{width: 311px;}
div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end .dt-search input{width: 100%;}
div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end .dt-search label{display: none !important;}
/*************************product List*********************/
.products-list-wrap {padding:30px 0;}
.products-list-wrap .row{gap:30px 0;}
.products-list-wrap .row > div{display:flex; height:100%;}
.products-list-wrap .product-box{border: 1px solid #cecece; width:100%;  padding: 30px 20px; border-radius: 16px; height:100%;}
.products-list-wrap .product-box .product-img{width: 150px; height: 150px;  display: flex; align-items: center;  justify-content: center;  margin: 0 auto 20px;}
.products-list-wrap .product-box .product-detail h3{font-size:20px; line-height:30px; overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.other-info{display:flex; justify-content:space-between; font-size: 14px; line-height: 1.3; flex-wrap: wrap;}
.other-info .meta-info{margin-bottom:15px; flex:0 0 50%}
.other-info .meta-info p{margin-bottom:0;}
.other-info .meta-info p.text-label{font-weight:600; margin-bottom:8px;}
.other-info .meta-info input{max-width:100px;}
.products-list-wrap .product-box .add-to-cart-btn{text-align:center;}
.products-list-wrap .product-box .add-to-cart-btn button{font-size: 16px; line-height: 24px; font-weight: 400; width:100%;}
.select-location-table-wrap{padding-top:40px; padding-bottom: 40px;}
.select-location-table-wrap div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end{margin-right: 0 !important; margin-left: auto !important;}
.select-location-table-wrap  div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end .dt-search input{box-sizing: border-box;}
.select-location-table-wrap  div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end .dt-search input{background: #F9F9F7 url(/search-icon.svg) calc(100% - 15px) center no-repeat; border: 1px solid #CCCCCC; border-radius: 8px; height: 47px; padding: 13px 18px;}
.select-location-table-wrap  div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end .dt-search input:focus, .select-location-table-wrap  div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end .dt-search input:hover{background: #F9F9F7 url(/search-icon.svg) calc(100% - 15px) center no-repeat; border: 1px solid #CCCCCC; box-shadow: none;}
.select-location-table-wrap div.dt-container .dt-length select{margin-right: 5px;}
.select-location-table-wrap .btn{border:1px solid #828282;  vertical-align: middle; border-radius: 5px; color:#828282; margin-right: 8px; font-size:14px; line-height: 21px; text-decoration: none; padding: 5px 20px;}
.select-location-table-wrap .btn:hover, .select-location-table-wrap .btn:focus{background: #4BAE4F; border: 1px solid #4BAE4F; color: #fff;}
.select-location-table-wrap h1{margin-bottom: 0;  font-size: 32px;  line-height: 40px;}
.select-location-table-wrap .grid-title-wrap{padding: 10px 0;}
div:where(.swal2-icon).swal2-success{margin:30px auto 20px !important;}
.input-with-icon input.moment-picker-input{border-top-right-radius: 12px !important;border-bottom-right-radius: 12px !important;}
.input-with-icon .icon-calendar{position:absolute; right:10px; top:50%; transform:translateY(-50%); z-index:11;}
.min-height-table .dt-search{display:none;}
.min-height-table .dt-scroll-body{min-height:400px;}
.min-height-table .dropdown-menu{right:0 !important; left:auto;}
/*************************product List*********************/
.list-view-grid-wrap{padding:30px 0; gap:0 30px; display: flex; flex-wrap: wrap;}
.list-view-grid-wrap .list-view-grid{background:#fff; border-radius:12px; flex:0 0 calc(50% - 15px); box-shadow:0 0 15px rgba(0, 0, 0, 0.1); padding:30px; margin-bottom:30px;}
.list-view-grid-wrap .list-view-grid:nth-child(even){/*background:#f3f6ff;*/}
.list-view-grid p{margin-bottom:4px;}
.list-view-grid .action-btns {text-align:center; max-width: 100%; display:flex; flex-wrap:wrap; justify-content:flex-start; margin-top: 20px; gap: 10px 10px;}
.list-view-grid .action-btns > a{width:100%; font-size: 16px; max-width: 190px; line-height: 24px;}
.list-view-grid .action-btns a.off-rent-btn{background: #4069db; border-color: #4069db;}
.list-view-grid .action-btns a.request-service-btn{background: #264bb1; border-color: #264bb1;}
.list-view-grid .action-btns a.edit-costcode-btn{background: #1a418d; border-color: #1a418d;}
.radio-wrap-outer{display: flex;  max-width: 1000px;  gap: 0 30px;}
.radio-wrap{position: relative;}
.radio-wrap input{position: absolute; opacity: 0; visibility: hidden;}
.radio-wrap label{border: 1px solid #ccc; border-radius: 16px; padding: 20px; overflow: hidden; text-align: center; cursor: pointer;}
.radio-wrap label .radio-circle{width: 24px; background: #fff; height: 24px; border: 2px solid #ccc; border-radius: 50%; display: inline-block; margin: 0 auto 6px; position: relative;}
.radio-wrap label span {display: block;}
.radio-wrap label span.title {margin-bottom: 10px; font-size: 20px; font-weight: 600;}
.radio-wrap label span.text {margin-bottom: 15px; color: #777; font-size: 14px; line-height: 1.3;}
.radio-wrap label span.res-time{margin: 0 -20px -20px; background: #f2f2f2;  padding: 10px 0; color: #666; position: relative; font-size: 14px; line-height: 1.3;}
.radio-wrap input:checked + label .radio-circle:before{background: #2E4E8B; width: 16px; height: 16px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: "";}
.radio-wrap input:checked + label{background: #2E4E8B; border-color: #2E4E8B;}
.radio-wrap input:checked + label  span.title{color:#fff;}
.radio-wrap input:checked + label  span.text{color:#fff;}
.radio-wrap input:checked + label span.res-time{color: #fff; background: rgba(155,173,242,0.65);}
.form-control:disabled{background: #f2f2f2 !important;}
/************************switch*******************/
.switch-wrapper {
  position: relative;
  display: inline-flex;
  padding: 0;
  border: 1px solid lightgrey;
  margin-bottom: 0;
  border-radius: 30px;
  background: #fff;
  width: 100%;
}

/* Hide the radio buttons */
.switch-wrapper input[type="radio"] {
  position: absolute;
  left: -9999px;
}

/* Style labels */
.switch-wrapper label {
  font-size: 12px;
  z-index: 1;
  min-width: 50%;
  line-height: 32px;
  cursor: pointer;
  border-radius: 30px;
  transition: color 0.25s ease-in-out;
  text-align: center;
  position: relative;
  z-index: 2;
}


/* Highlight active label */
.switch-wrapper input + label.active { 
  color: #fff;
}
.switch-wrapper input[type="radio"]:checked + label {
  color: #fff;
}

/* Highlighter */
.switch-wrapper .highlighter {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  border-radius: 30px;
  background: #2E4E8B;
  transition: transform 0.25s ease-in-out;
  z-index: 1;
}

/* Highlighter positioning based on which radio is selected */
.switch-wrapper input[id^="monthly"]:checked ~ .highlighter {
  transform: translateX(0%);
}

.switch-wrapper input[id^="lumpsum"]:checked ~ .highlighter {
  transform: translateX(100%);
}
.loading-indicator{background-size:80px 80px !important;}

/*****************order-item***************/
.list-view-grid-wrap.order-item-list .list-view-grid {overflow: hidden;}
.list-view-grid-wrap.order-item-list .list-view-grid h3{margin:-30px -30px 20px -30px; font-size: 20px; line-height: 1.3; background: #E7EBFC; border-bottom: 1px dashed #ccc; padding: 12px 30px 12px;}
.list-view-grid-wrap.order-item-list .list-view-grid .info-label{color:#888; font-weight: 400;;}
.list-view-grid-wrap.order-item-list .list-view-grid .info-text {font-weight: 600; margin-bottom: 0;}
.list-view-grid-wrap.order-item-list .col-lg-4{margin-bottom: 20px;}
.list-view-grid-wrap.order-item-list .list-view-grid{padding-bottom: 0px;}

/*****************Card Item***************/
.modal-top-form-wrap .form-itesm-wrap .row{max-width: 100% !important; flex: 0 0 100% !important;}
/* .modal-top-form-wrap .form-itesm-wrap .row > div{width: 20% !important;} */
.add-cart-item-list{padding: 30px 0;}
.add-cart-item-list .cart-list-box{padding: 20px 20px; border-bottom: 1px solid #ccc; }
.add-cart-item-list .cart-list-box .product-img img{width: auto;  height: 180px;}
.add-cart-item-list .cart-list-box .product-img{border: 1px solid #f2f2f2; padding: 20px; display: flex; justify-content: center;}
.add-cart-item-list .cart-list-box h3{font-size: 22px;  line-height: 1.3; color: #2E4E8B; margin-bottom: 20px;}
.add-cart-item-list .cart-list-box .edit-cost-code{margin-bottom: 15px; display: flex; align-items: center; margin-bottom: 15px;}
.add-cart-item-list .cart-list-box .edit-cost-code a{margin-left: 10px;}
.add-cart-item-list .cart-list-box .select-plan{margin-bottom: 0; max-width: 300px;}
.add-cart-item-list .cart-list-box .quntity-box .input-group{margin-bottom: 15px; max-width: 150px;}
.add-cart-item-list .cart-list-box .quntity-box .input-remove{display: flex; gap: 10px;}
.add-cart-item-list .cart-list-box .quntity-box label{margin-bottom: 5px; font-weight: 600;}
 .quntity-box .input-group button,  .quntity-box .input-group {flex: 0 0 120px; flex-wrap: nowrap;}
 .quntity-box .input-group button,  .quntity-box .input-group input{border-radius: 0;}
.add-cart-item-list .cart-list-box  .price-plan-lable{align-items: center; text-align: right; margin-bottom: 20px;}
.add-cart-item-list .cart-list-box  .price-plan-lable p:last-child{font-weight: 600; font-size: 24px;}
.add-cart-item-list .cart-list-box  .price-plan-lable p:first-child{margin-bottom: 10px; font-weight: 600;}
.add-cart-item-list .cart-list-box .edit-cost-code button{margin-left: 10px;}
/**********************center Content*************/
.center-form-content{max-width: 650px; margin: 0 auto;}
.center-form-content .form-group{margin-bottom: 20px;}
.form-page-wrap.center-form-content  .form-group > label{font-size: 16px; line-height: 1.2;}
.form-page-wrap.center-form-content  .form-row{margin-bottom: 20px !important;}
.right-btn-wrap .back-btn-wrap a{white-space: nowrap;}
.btn-and-selected-items .right-btn-wrap .back-btn-wrap{margin-right: 10px;}
.btn-wrap .back-btn-wrap{margin-right: 0;}
.quntity-box .input-group-btn button{border-color: #949494;}
.select-radio-input{margin: 0 -10px;}
.select-radio-input > div{padding: 0 5px;}
.select-radio-input .meta-info{position: relative;}
.select-radio-input input[type="radio"] + label{background: #f2f2f2; cursor: pointer; padding: 4px 10px; text-align: center; transition: all 0.5s ease-out; border: 1px solid #ccc; font-size: 12px; line-height: 18px; border-radius: 5px; display: block;}
.select-radio-input input[type="radio"] + label span{display: block; font-size: 16px; line-height: 1.3;}
.select-radio-input input[type="radio"] {position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden;}
.select-radio-input input[type="radio"]:checked + label{background: #0047BA; border-color: #002D5F; color: #fff;}
#costcode .btn.btn-primary{color: #fff !important;}
.new-order-btn .btn.btn-primary{background: #48996c; border-color: #48996c;}
.new-order-btn .btn.btn-primary:hover{background: #1a7241; border-color: #1a7241;}
.action-btns .btn.btn-primary.off-rent-btn{background: #cd5729; border-color: #cd5729;}
.action-btns .btn.btn-primary.off-rent-btn:hover{background: #cb3d05; border-color: #cb3d05;}
.action-btns .btn.btn-primary.edit-costcode-btn{background: #2686bf; border-color: #2686bf;}
.action-btns .btn.btn-primary.edit-costcode-btn:hover{background: #0e669b; border-color: #0e669b;}