/*@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
/*@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/poppins-bold.ttf) format('ttf'),
  url(/poppins-bold.woff) format('woff'),
  url(/poppins-bold.woff2) format('woff2'),
  url(/poppins-bold.oft) format('otf'),
  url(/poppins-bold.svg) format('svg'); 
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/poppins-regular.ttf) format('ttf'),
  url(/poppins-regular.woff) format('woff'),
  url(/poppins-regular.woff2) format('woff2'),
  url(/poppins-regular.oft) format('otf'),
  url(/poppins-regular.svg) format('svg'); 
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/poppins-medium.ttf) format('ttf'),
  url(/poppins-medium.woff) format('woff'),
  url(/poppins-medium.woff2) format('woff2'),
  url(/poppins-medium.oft) format('otf'),
  url(/poppins-medium.svg) format('svg'); 
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/poppins-semibold.ttf) format('ttf'),
  url(/poppins-semibold.woff) format('woff'),
  url(/poppins-semibold.woff2) format('woff2'),
  /*url(/poppins-semibold.oft) format('otf'),*/
  /* url(/poppins-semibold.svg) format('svg'); 
}*/

:root {
--primary:#36c4d6;
--secondary:#111c43;
--info:#20334D;
--btn-primary: #36c4d6;
--btn-primary-hover: #36c4d6e6;
--btn-secondary: #111c43;
--btn-secondary-hover: #1D284D;
--btn-style-1: #36c4d6e6;
--btn-style-1-hover: #36c4d6;
--btn-success-light: rgba(38,191,148,0.1);
--btn-success-light-hover: rgba(38,191,148,1);
--btn-danger-light: rgba(230, 83, 60,0.1);
--btn-danger-light-hover: rgba(230, 83, 60,1);
--btn-style-2: #36c4d61a;
--btn-style-2-hover: #36c4d6;
--btn-info: #20334D;
--text-white: #ffffff;
--text-primary: #2D3748;
--text-dark: #333335;
--text-success: #26bf94;
--text-danger: #e6533c;
--bg-white: #ffffff;
--text-black: #000000;
--red-color: #FF5151;
--red-light-color: #FFF8F8;
--dark-gray-color1: #2D3748;
--dark-gray-color2: #4A5568;
--dark-gray-color3: #718096;
--dark-gray-color4: #A0AEC0;
--light-gray-color1: #FAFAFA;
--light-gray-color2: #F7FAFC;
--light-gray-color3: #EDF2F7;
--light-gray-color4: #E2E8F0;
--light-gray-color5: #fafafa;
--color-black: #000000;
--color-white: #ffffff;
--color-light-yellow: #F1FFDC;
--default-font: 'Poppins', sans-serif;
--Accepted :#26bf94;
--Assigned : #36d4d6;
--Complete :#845adf;
--In-progress :#ffc107;
--Rejected :#e6533c;
--Ready : #569fca;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v141/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
 
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

*{ font-family: var(--default-font);}

.wrapper-body { min-height: calc(100% - 40px);}  
  
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: var(--dark-gray-color4) !important; opacity: 1;}
input::-moz-placeholder,textarea::-moz-placeholder { color: var(--dark-gray-color4) !important; opacity: 1;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: var(--dark-gray-color4) !important; opacity: 1;}
input:-moz-placeholder,textarea:-moz-placeholder { color: var(--dark-gray-color4) !important; opacity: 1;}
.btn{display: inline-flex; justify-content: center; align-items: center; gap: 4px;}
hr{border-top-color: var(--dark-gray-color4);}
.text-small{font-size: 14px !important;}
.text-medium{font-size: 18px !important; line-height: 1.7em !important;}
.text-large{font-size: 20px !important;}
.text-x-large{font-size: 22px !important;}
.font-weight-medium{font-weight: 500 !important;}
.w-100{width: 100% !important;}
.btn:focus,.btn::active:focus{outline: none; box-shadow: none;}
.align-top{vertical-align: top !important;}
.align-middle{vertical-align: middle !important;}
.align-bottom{vertical-align: bottom !important;}
#loading{position:fixed; background:var(--btn-primary); width:100%; height:100%; top:0; left:0; right:0; bottom:0; z-index: 99; display:flex; align-items:center; justify-content:center;}
.spinner {position: relative; width: 80px; height: 80px; margin: 0 auto; background-color: var(--color-white); border-radius: 100%;   -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out;}
.button_loader{width: 35px; position: absolute; left: 20px; background: var(--btn-primary);}
.button_loader path{fill: var(--bg-white);}


.dataTables_scrollBody::-webkit-scrollbar { width: 8px; }
.dataTables_scrollBody::-webkit-scrollbar-track { border-radius: 12px; background-color: var(--light-gray-color1); border: 1px solid var(--light-gray-color1); }
.dataTables_scrollBody::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--btn-primary); }

.pos-relative{position: relative !important;}
@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% { -webkit-transform: scale(1.0); opacity: 0; }
}

@keyframes sk-scaleout {
  0% {  -webkit-transform: scale(0); transform: scale(0);} 
  100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0; }
}
#loading > .xrm-attribute{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
svg.aacnLoader {	font-family: 'Poppins', sans-serif;	position: absolute;  font-weight:700;	width: 100%; height: 130px; top:0; bottom:0; margin:auto}
svg.aacnLoader + svg.aacnLoader  { transform:translateY(60px)}
svg.aacnLoader.environment text {  font-size:80px; letter-spacing: 5px;}
svg.aacnLoader text { text-transform: uppercase;animation: stroke 5s infinite alternate;	stroke-width: 2;	stroke: var(--btn-secondary);	font-size: 160px;}
@keyframes stroke {
  0%  {fill: var(--btn-secondary); stroke: rgba(265,265,265,1); stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;	}
  70% {fill: rgba(135,176,73,0); stroke: rgba(265,265,265,1);}
  80% {fill: rgba(135,176,73,0); stroke: rgba(265,265,265,1); stroke-width: 3;}
  100%{ fill: var(--btn-primary); stroke: rgba(265,265,265,0); stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;}
}
/*
@media (-webkit-device-pixel-ratio: 1.25) {
  * {
    zoom: 0.99;
  }
}
@media (-webkit-device-pixel-ratio: 1.5) {
  *:not(.owl-carousel):not(.login_side_img):not(.owl-carousel div):not(.login_right) {
    zoom: 0.98;
  }
  .container { width: 1400px; max-width: 100%;}
}
@media (-webkit-device-pixel-ratio: 1.75) {
  * {
    zoom: 0.97;
  }
  .container { width: 1300px; max-width: 100%;}
}*/ 
.pageLoader{position: fixed; background: rgba(265, 265, 265, .9); width: 100%; height: 100%; align-items: center; justify-content: center; display: flex; left: 0; top: 0; z-index: 99;}
.loader { width: 40px; margin: auto; aspect-ratio: 1; animation: l2-1 2s infinite linear, l2-2 1s infinite steps(1) alternate;}
@keyframes l2-1 {
  0%   {transform: perspective(150px) rotateX(  0deg)}
  100% {transform: perspective(150px) rotateX(360deg)}
}
@keyframes l2-2 {
  0% {background:#36c4d6}
  50% {background:#333333}
}

#toast {
  align-items: center; max-width: 400px; width: fit-content; padding: 10px 14px; position: fixed; border-radius: 5px; overflow: hidden;
  background: white; box-shadow: 0 2px 15px rgba(0,0,0,0.1); z-index: 5; bottom: 30px; right: 20px; display: none;
}
#toast.show_toast {
  display: flex
}

#icon-wrapper{
  width: 30px; height: 30px; background: var(--secondary);  border-radius: 5px; box-sizing: border-box;  padding: 5px;
}

#icon {
  background: var(--primary); border-radius: 50%; height: 100%; width: 100%; position: relative;
}
#icon::before, #icon::after {
  position: absolute; content: ""; background: var(--secondary); border-radius: 5px; top: 50%; left: 50%;
}

#toast-message {
  padding: 5px 20px 5px 10px;
}
#toast-message h4, #toast-message p {
  margin: 0;  line-height: 1.2em;
}
#toast-message h4 {
  font-size: 14px; font-weight: 600; letter-spacing: .05em; color: #404040;
}
#toast-message p {
  font-size: 10px;font-weight: 300; letter-spacing: .05em; color: #606060;
}

#toast-close {
position: relative; padding: 12px; border: none; border-radius: 5px; cursor: pointer; background: rgba(0,0,0,0); transition: background 0.2s ease-in-out; }
#toast-close:hover {
  background: rgba(0,0,0,0.1);
}
#toast-close::before, #toast-close::after {
position: absolute; content: ''; height: 12px; width: 1px; border-radius: 5px; background: #606060; top: 50%; left: 50%; transition: background 0.2s ease-in-out;
}
#toast-close:hover::before, #toast-close:hover::after {
  background: #404040;
}
#toast-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#toast-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

@keyframes close {
  from {
    top: 5px; opacity: 1; transform: translateX(-50%) scale(1); visibility: visible;
  }
  to {
    top: -25px; opacity: 0; transform: translateX(-50%) scale(0.5); visibility: hidden;
  }
}

@keyframes open {
  from {
    top: -25px; opacity: 0; transform: translateX(-50%) scale(0.5); visibility: hidden;
  }
  to {
    top: 5px;  opacity: 1;  transform: translateX(-50%) scale(1);  visibility: visible;
  }
}


.success {
  --primary: #2DD743;
  --secondary: #E3FEE6;
}
.success #icon {
  transform: rotate(-45deg);
}
.success  #icon::before{
  width: 10px; height: 3px; transform: translate(calc(-50% + 1px), calc(-50% + 1px));
}
.success  #icon::after{
  width: 3px; height: 6px; transform: translate(calc(-50% - 3px), calc(-50% - 1px));
}

/* ----------------------- */
/* Warning Styling         */
/* ----------------------- */
.warning {
  --primary: #F29208;
  --secondary: #FFEEDF;
}
.warning  #icon::before{  width: 3px;  height: 3px;  transform: translate(-50%, calc(-50% + 4px));}
.warning  #icon::after{  width: 3px;  height: 7px;  transform: translate(-50%, calc(-50% - 2px));}

/* ----------------------- */
/* Error Styling           */
/* ----------------------- */
.error {  --primary: #E63435;  --secondary: #FFEAEC;}
.error  #icon::before{  width: 3px;  height: 3px;  transform: translate(-50%, calc(-50% + 4px));}
.error  #icon::after{  width: 3px;  height: 7px;  transform: translate(-50%, calc(-50% - 2px));}

/* ----------------------- */
/* Info Styling            */
/* ----------------------- */
.info {  --primary: #42C0F2;  --secondary: #CFEFFC;}
.info  #icon::before{  width: 3px;  height: 7px;  transform: translate(-50%, calc(-50% + 2px));}
.info  #icon::after{  width: 3px;  height: 3px;  transform: translate(-50%, calc(-50% - 4px));}

h1,h2,h3,h4,h5,h6{font-family: var(--default-font);}
h2,.modal h2{font-size: 36px; line-height: 1.5em; color: var(--dark-gray-color1); font-weight: 600; font-family: var(--default-font);}
h4{font-size: 18px; font-weight: 600;}
p{font-size: 16px; font-weight: 400; color: var(--dark-gray-color3); font-family: var(--default-font);}
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal;  text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;}
.m-0{margin: 0 !important;}
.mt-0{margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.p-0{padding: 0 !important;}
.p-1{padding: 10px !important;}
.p-2{padding: 20px !important;}
.p-3{padding: 30px !important;}
.pb-1{padding-bottom: 10px !important;}
.pb-2{padding-bottom: 20px !important;}
.pb-3{padding-bottom: 30px !important;}
.pt-1{padding-top: 10px !important;}
.pt-2{padding-top: 20px !important;}
.pt-3{padding-top: 30px !important;}

.mb-1{margin-bottom: 10px !important;}
.mb-2{margin-bottom: 20px !important;}
.mb-3{margin-bottom: 30px !important;}
.mt-1{margin-top: 10px !important;}
.mt-2{margin-top: 20px !important;}
.mt-3{margin-top: 30px !important;}
.ml-1{margin-left: 10px !important;}
.ml-2{margin-left: 20px !important;}
.ml-3{margin-left: 30px !important;}
.mr-1{margin-right: 10px !important;}
.mr-2{margin-right: 20px !important;}
.mr-3{margin-right: 30px !important;}
.flex-wrap{flex-wrap: wrap !important;}
.fw-bold{font-weight: bold;}
.d-flex{display: flex !important;}
.d-inline-flex{display: inline-flex !important;}
.align-items-center {align-items: center !important;}
.justify-content-center { justify-content: center!important;}
.justify-content-start { justify-content: start!important;}
.justify-content-end { justify-content: end!important;}
.flex-column{ flex-direction: column !important; }
p, .p, .page_section p, .section-diagonal-left p, .section-diagonal-right p, footer .footer-bottom p{font-family: var(--default-font);}
.modal.fade.in{display: flex !important; align-items: center;}
.horizontal_line{width: 100%; height: 1px; background: var(--dark-gray-color4);}
.border-0{border: none !important;} 
.btn{font-weight: 500; font-size: 13px; border-radius: 6px; padding: 8px 15px; border: var(--btn-primary) solid 2px; color: var(--btn-primary);
  font-family: var(--default-font); text-transform: capitalize; position: relative; transition: all 0.3s ease;}
.btn-sm{padding: 6px 10px; font-size: 10px; border-radius: 5px;}
.text-decoration-none{text-decoration: none !important;}
.text-color-1{color: var(--text-primary) !important; transition: all 0.3s ease;}
a.text-color-1:hover{color: var(--secondary) !important;}
.btn-primary{background: var(--btn-primary); border-color:var(--btn-primary); color: var(--text-white);}
.btn-secondary{background: var(--btn-secondary); border-color: var(--btn-secondary); color:var(--text-white)}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-secondary:active:focus,.btn-secondary:active:hover{background: var(--btn-secondary-hover); border-color: var(--btn-secondary-hover); color: var(--text-white);}
.btn-primary .material-icons{margin-right: 8px;} 
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:active:focus,.btn-primary:active:hover{background:var(--btn-primary-hover); border-color:var(--btn-primary-hover); outline: none; box-shadow: none;}
.btn-style-1{background: var(--btn-style-1); border-color:var(--btn-style-1); color: var(--primary);}
.btn-style-1:hover,.btn-style-1:focus,.btn-style-1:active:focus{background: var(--btn-style-1-hover); border-color:var(--btn-style-1-hover); color: var(--text-white); outline: none; box-shadow: none;}
.btn-outline-primary{background: none; border: var(--btn-primary) solid 2px; color:var(--btn-primary);}
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active:focus{background: none; border-color: var(--btn-primary-hover); color:var(--btn-primary-hover);}
 
.btn-success-light{background: var(--btn-success-light); border-color: var(--btn-success-light); color:var(--text-success)}
.btn-success-light:hover,.btn-success-light:focus,.btn-success-light:active,.btn-success-light:active:focus,.btn-success-light:active:hover{background: var(--btn-success-light-hover); border-color: var(--btn-success-light-hover); color: var(--text-white);}

.btn-danger-light{background: var(--btn-danger-light); border-color: var(--btn-danger-light); color:var(--text-danger)}
.btn-danger-light:hover,.btn-danger-light:focus,.btn-danger-light:active,.btn-danger-light:active:focus,.btn-danger-light:active:hover{background: var(--btn-danger-light-hover); border-color: var(--btn-danger-light-hover); color: var(--text-white);}
 

.skip-to-content{display: none; opacity: 0; visibility: hidden;}
.btn .material-symbols-outlined{font-size: 130%; }
.btn .btn_loader{ position: absolute; width: 35px; left: 15px; background: inherit; opacity: 0; visibility: hidden;}
.btn .btn_loader.show{opacity: 1; visibility: visible;}

.text-muted { color: #232323; }



#getProductDetail .btn .btn_loader{background: var(--bg-white); left: 25px;}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after{opacity: 0.6;}
table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after{opacity: 1;}

.hero_banner { width: 100%; background: url('/aacn-banner.jpg') no-repeat center / cover; min-height: 350px; display: flex;
  align-items: center; justify-content: center; color: #fff;}
.hero_banner h1 { color: var(--text-white);}

.lb_email b,.lb_cmpny b{ white-space: pre-line; word-break: break-word;}

.no-record-alert{font-size: 20px; font-weight: 400;}
.no-record-alert img{width: 150px;}
body{padding-top: 70px; background: #f0f1f7;}
body.body-add-sticky{padding-top: 70px;}
.middle_content.comingsoon_sec{text-align: center; padding-bottom: 70px;}
.comingsoon_sec h1{ color: var(--btn-primary); text-transform: uppercase; text-align: center; font-size: 110px; line-height:1.2em; font-weight: 500; letter-spacing: 1px; text-shadow: 5px 8px 4px rgba(0,0,0,.2); margin: 20px auto 50px;}
.comingsoon_sec h1 span{color: var(--btn-secondary);}


.form-control:disabled { background-color: #e9ecef !important;}
.tearmsLoader{width: 100%; height: 100%; background: var(--btn-primary); top: 0; bottom: 0; left: 0; right: 0; z-index: 123; position: fixed; display: inline-flex; align-items: center;
    justify-content: center;}
.tearmsLoader svg.aacnLoader{left: 0; right: 0; margin: auto;}

.toast-custom{width: 320px; height: auto; position: fixed; background: var(--bg-white); color: var(--text-primary); padding: 15px 15px 15px 60px; border-radius: 5px; display: none; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.53); align-items: center; font-size: 16px; line-height: 1.2em; font-weight: 500;}
.toast-custom > span{width: 50px; color: var(--text-white); font-size: 32px; background: rgba(0,0,0,.1); margin: 0;  display: flex; position: absolute; top: 0; bottom: 0; left: 0; border-radius: 5px 0 0 5px; align-items: center; justify-content: center; }
.toast-custom p{color: inherit; font-size: inherit; margin: 0; font-weight: inherit; display: flex; height: 100%; align-items: center;}
.toast-custom.toast-success{background: var(--btn-primary-hover); color: var(--text-white);}
.toast-custom.toast-danger{background: #DC3545; color: var(--text-white);}
.toast-custom.toast-right-bottom{right: 0; bottom: 30px;}
.toast-custom.toast-center-center{right: 0; left: 0; top: 0; bottom: 0; margin: auto; height: 60px;}

header{ background: var(--bg-white); box-shadow: 0px 4px 24px rgba(163, 163, 163, 0.08); position: fixed; left:0; right: 0; top: 0; z-index: 99; transition: all 0.3s ease;}
header .navbar-static-top.navbar-inverse{box-shadow: none; padding: 5px 0;} 
header .navbar-static-top.navbar-inverse .navbar-brand{display: flex; align-items: center; height: auto; }
header .navbar-static-top.navbar-inverse .navbar-brand img{width: 120px; transition: all 0.3s ease;}
header .navbar-static-top.navbar .navbar-nav>li.weblink{padding: 0; }
header .navbar-static-top.navbar .navbar-nav>li.weblink + li.weblink{border-left: var(--dark-gray-color4) solid 1px;}
header .navbar-static-top.navbar .navbar-nav>li.weblink > a{margin: 0; line-height: 1.22em;}
header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{font-family: var(--default-font); cursor: pointer; font-size: 13px; font-weight: 500; padding: 5px 10px; margin:0; transition: all 0.3s ease;}
header .navbar-static-top.navbar .menu-bar > .navbar-nav > li.active > a,header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:hover,header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:focus{background: none; color: var(--btn-secondary); outline: none; border: none !important;}
/*header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a[aria-label="Pumps"] { color: var(--dark-gray-color4) !important;}*/
/*header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a.pumps-menu{color: var(--dark-gray-color4);}*/
header .navbar-inverse .navbar-nav > .open > a{background:none; color: #505254;} 
header .nav .dropdown .dropdown-menu{background: #fff; box-shadow: 0 11px 30px 5px rgba(0,0,0,.15); border: none; padding: 0;}
header .nav .dropdown .dropdown-menu li a{border: none; background-color: #ffffff; color: var(--btn-primary) ; padding: 10px 15px; font-weight: 500; font-size: 14px; margin: 0;}
header .nav .dropdown.open .dropdown-menu li a{color:var(--btn-primary) }
header .nav .dropdown .dropdown-menu li a:hover,header .nav .dropdown .dropdown-menu li a:focus{border: none; background: var(--btn-primary-hover) !important; color: #fff !important; }

header .navbar-right{padding-top: 0;} 
header .navbar-static-top.navbar .navbar-collapse{display: inline-flex !important; margin: auto 0 auto auto;flex-basis:inherit;}
header .navbar > .container{display: flex; align-items: center;}
header .header_right{ width: auto; max-width: 100%;margin-right: 0; margin-left: 20px; display: inline-flex; align-items: center; justify-content: flex-end;}
header .header_right .notification_icon:hover,header .header_right .notification_icon:focus,header .header_right .head_cart_icon:hover,header .header_right .head_cart_icon:focus{background: var(--btn-primary-hover); border-color: var(--btn-primary-hover); color: var(--text-white);}
header .notification_box,header .head_cart_box{margin-left: 15px;}
header .header_right .username,header .header_right .nav-item.header_signin > a{font-family: var(--default-font); cursor: pointer; font-weight: 500; 
max-width: 210px;  max-height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;}
header .header_right .nav-item.header_signin > a.sign_manager,header .header_right .nav-item.header_signin > a.sign_reviewer{display: none !important;}
 
header .header_right .dropdown-menu{width: 250px; padding: 15px; margin: 0; border: none; border-radius: 0 0 12px 12px; top: calc(100% + 20px); box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13);}
header .header_right .nav-item.header_signin > a:hover,header .header_right .nav-item.header_signin > a:focus{text-decoration: none; color: var(--text-white);}
header .header_right .profile_menu > a{color:var(--dark-gray-color1); text-decoration: none; display: inline-flex; align-items: center;}
header .header_right .profile_menu > a:hover,header .header_right .profile_menu > a:focus{color: var(--btn-secondary-hover);} 
header .header_right .profile_menu > a .material-symbols-outlined{margin-left: 5px; transition: all 0.3s ease;}
header .header_right .profile_menu.open > a .material-symbols-outlined{transform: rotate(180deg);}
header .header_right .dropdown-menu>li>a{margin-left: 0; border: none; padding: 8px; font-size: 12px; font-weight: 500; font-family: var(--default-font); transition: all 0.3s ease;}
header .header_right .dropdown-menu>li:last-child>a{border-top: var(--dark-gray-color4) solid 1px;}
header .header_right .dropdown-menu>li>a:hover,header .header_right .dropdown-menu>li>a:focus{padding: 12px; background: var(--light-gray-color5); color: var(--btn-secondary-hover); outline: none; box-shadow: none; border: none; border-radius: 6px;}
header .header_right .dropdown-menu>li:last-child>a:hover,header .header_right .dropdown-menu>li:last-child>a:focus{border-top: var(--text-white) solid 1px;}

header #navbar .nav-item.header_signin{display: none;}

header.sticky-header {position: fixed; width: 100%; padding: 0; left: 0; right: 0; top: 0; background: #fff; z-index: 99; box-shadow: 0 0 15px rgba(0,0,0,.2);}
header.sticky-header .navbar-static-top.navbar-inverse{padding: 3px 0;}
header.sticky-header .navbar-static-top.navbar-inverse .navbar-brand img { width: 120px;}


.breadcrumb li:first-child a{margin-left: 0; padding-left: 0;}
#home_category_list li.stylish_checkbox label{padding-left: 0; position: relative; font-size: 18px; text-align: center; margin-top: 10px; color: var(--btn-secondary); font-weight: 600;}

table tr td label.action_status_label {position: relative;border: #dddddd solid 1px;padding: 6px 10px;min-width: 100px;font-size: 12px !important;font-weight: 500;background: #fff;border-radius: 3px; cursor: pointer;}
table tr td label.action_status_label:before{content: '\e5cf'; font-family: 'Material Symbols Outlined'; position: absolute; right: 5px;}
table tr td ul.action_status_dropdown{position: absolute; opacity: 0; visibility: hidden; left: 8px; width: 130px; background: #fff; z-index: 2; list-style: none; padding: 0; box-shadow: 0 20px 25px rgba(0,0,0,.3); transform: translateY(20px); transition: all 0.3s ease;}
table tr td ul.action_status_dropdown.show{opacity: 1; visibility: visible; transform: translateY(0);}
table tr td ul.action_status_dropdown li .btn{width: 100%; margin-left: 0; border-radius: 0; background: #fff; border-color: #fff; text-align: left; justify-content: flex-start; font-weight: 600;}

table tr td ul.action_status_dropdown li .btn-accepted { color: #26bf94;}
table tr td ul.action_status_dropdown li .btn-assigned { color: #49b6f5;}
table tr td ul.action_status_dropdown li .btn-in-progress { color: #f5b849;}
table tr td ul.action_status_dropdown li .btn-submitted { color: #845adf;}
table tr td ul.action_status_dropdown li .btn-rejected {  color: #e6533c;}

table tr td ul.action_status_dropdown li .btn-accepted:hover,ul.action_status_dropdown li .btn-accepted:focus,ul.action_status_dropdown li .btn-accepted.active { border: 2px solid #26bf94; background: #26bf94; color:#ffffff}
table tr td ul.action_status_dropdown li .btn-assigned:hover,ul.action_status_dropdown li .btn-assigned:focus,ul.action_status_dropdown li .btn-assigned.active { border: 2px solid #49b6f5; background: #49b6f5; color:#ffffff}
table tr td ul.action_status_dropdown li .btn-in-progress:hover,ul.action_status_dropdown li .btn-in-progress:focus,ul.action_status_dropdown li .btn-in-progress.active { border: 2px solid #f5b849; background: #f5b849; color:#ffffff}
table tr td ul.action_status_dropdown li .btn-submitted:hover,ul.action_status_dropdown li .btn-submitted:focus,ul.action_status_dropdown li .btn-submitted.active { border: 2px solid #845adf; background: #845adf; color:#ffffff}
table tr td ul.action_status_dropdown li .btn-rejected:hover,ul.action_status_dropdown li .btn-rejected:focus,ul.action_status_dropdown li .btn-rejected.active { border: 2px solid #e6533c; background: #e6533c; color:#ffffff}
  
table tr td .reviewer_dropdown{width: 150px; font-size: 12px; margin: 0;}
.reviewer_dropdown .select2-results__option{font-size: 12px;}
.reviewer-select-container ul.select2-results__options li.select2-results__option{font-size:12px}
.select2-results__option[aria-selected]{font-size: 12px;}

.stylish_checkbox{margin: 20px 0;}
.stylish_checkbox input{opacity: 0; visibility: hidden; position: absolute;}
.stylish_checkbox label{padding-left: 30px; position: relative;}
.stylish_checkbox input[type='checkbox'] + label:not(.error):before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.stylish_checkbox input[type='checkbox'] + label:not(.error):after{content: ''; }
.stylish_checkbox input[type='checkbox'] + label:not(.error):before,.tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label:not(.error):after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.stylish_checkbox input[type='checkbox']:checked + label:not(.error):before{content: ''; background: var(--btn-primary);border-color: var(--btn-primary);}
.stylish_checkbox input[type='checkbox']:checked + label:not(.error):before{content: '\e876'; font-family:'Material Symbols Outlined'; color: #fff; }
.stylish_checkbox input[type='checkbox'] + label.error + label:before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.stylish_checkbox input[type='checkbox'] + label.error + label:after{content: ''; }
.stylish_checkbox input[type='checkbox'] + label.error + label:before,.tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label.error + label:after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.stylish_checkbox input[type='checkbox']:checked + label.error + label:before{content: ''; background: var(--red-color);border-color: var(--red-color);}
.stylish_checkbox input[type='checkbox']:checked + label.error + label:before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; }

.stylish_checkbox input[type='radio'] + label:not(.error):before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.stylish_checkbox input[type='radio'] + label:not(.error):after{content: ''; }
.stylish_checkbox input[type='radio'] + label:not(.error):before,.tab-pane .panel_box .stylish_checkbox input[type='radio'] + label:not(.error):after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.stylish_checkbox input[type='radio']:checked + label:not(.error):before{content: ''; background: var(--red-color);border-color: var(--red-color);}
.stylish_checkbox input[type='radio']:checked + label:not(.error):before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; }
.stylish_checkbox input[type='radio'] + label.error + label:before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.stylish_checkbox input[type='radio'] + label.error + label:after{content: ''; }
.stylish_checkbox input[type='radio'] + label.error + label:before,.tab-pane .panel_box .stylish_checkbox input[type='radio'] + label.error + label:after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.stylish_checkbox input[type='radio']:checked + label.error + label:before{content: ''; background: var(--red-color);border-color: var(--red-color);}
.stylish_checkbox input[type='radio']:checked + label.error + label:before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; }

.toastNotification_azure {position: fixed; bottom: 0; right: 0; left: 0; top: 0; margin: auto; width: 450px; height: 60px; font-size: 16px; text-align: center; background: var(--red-color); color: var(--text-white); z-index: 99; box-shadow: 0 0 15px rgba(0,0,0,.05); display: none;}

.profile_header_info{background: linear-gradient(45deg, rgba(54, 196, 214, 0.75), rgba(54, 196, 214, 0.75)), url('/media-65.png') no-repeat top center / cover; color: var(--text-white); padding: 10px; display: flex; align-items: center;  border-radius: 8px; margin-bottom: 20px;}
.profile_header_info h3{color: inherit; font-size: 16px; margin: 0; font-weight: 600;}
.profile_header_info .userImg{display: inline-flex; margin-right: 15px;}  
.profile_header_info .userImg img{width: 50px; border-radius: 100%;}

input[type='radio'] { cursor: pointer;  margin: 0 10px 0 0;  border: none;-maz-appearance: none; -webkit-appearance: none; appearance: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM10 18C5.6 18 2 14.4 2 10C2 5.6 5.6 2 10 2C14.4 2 18 5.6 18 10C18 14.4 14.4 18 10 18Z' fill='black' fill-opacity='0.54'/%3E%3C/svg%3E") no-repeat center / 100% auto; width: 20px;  height: 20px;}
input[type='radio']:checked { outline: none; border: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 5C7.2 5 5 7.2 5 10C5 12.8 7.2 15 10 15C12.8 15 15 12.8 15 10C15 7.2 12.8 5 10 5ZM10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM10 18C5.6 18 2 14.4 2 10C2 5.6 5.6 2 10 2C14.4 2 18 5.6 18 10C18 14.4 14.4 18 10 18Z' fill='%2336c4d6'/%3E%3C/svg%3E") no-repeat center / 100% auto; width: 20px;  height: 20px;}
input[type='radio']:checked,input[type='radio']:focus{outline: none;}

input[type='checkbox'] {cursor: pointer;  margin: 0 10px 0 0;  border: none;-maz-appearance: none; -webkit-appearance: none; appearance: none; background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.54' fill-rule='evenodd' clip-rule='evenodd' d='M16 2V16H2V2H16ZM16 0H2C0.9 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16V2C18 0.9 17.1 0 16 0Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat center / 100% auto;  width: 20px;  height: 20px;}
input[type='checkbox']:checked {  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0H2C0.9 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16V2C18 0.9 17.1 0 16 0ZM7 14L2 9.19231L3.4 7.84615L7 11.3077L14.6 4L16 5.34615L7 14Z' fill='%2336c4d6'/%3E%3C/svg%3E%0A") no-repeat center / 100% auto;  width: 20px;  height: 20px;}
input[type='checkbox']:focus,input[type='checkbox']:checked:focus {  outline: none;   box-shadow: none; }


.breadcrumb li:first-child a{margin-left: 0; padding-left: 0;}

.stylish_checkbox{margin: 20px 0;}
.stylish_checkbox input{opacity: 0; visibility: hidden; position: absolute;}
.stylish_checkbox label{padding-left: 30px; position: relative;}
.stylish_checkbox input[type='checkbox'] + label:not(.error):before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.stylish_checkbox input[type='checkbox'] + label:not(.error):after{content: ''; }
.stylish_checkbox input[type='checkbox'] + label:not(.error):before,.tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label:not(.error):after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.stylish_checkbox input[type='checkbox']:checked + label:not(.error):before{content: ''; background: var(--btn-primary);border-color: var(--btn-primary);}
.stylish_checkbox input[type='checkbox']:checked + label:not(.error):before{content: '\e876'; font-family:'Material Symbols Outlined'; color: #fff; }
.stylish_checkbox input[type='checkbox'] + label.error + label:before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.stylish_checkbox input[type='checkbox'] + label.error + label:after{content: ''; }
.stylish_checkbox input[type='checkbox'] + label.error + label:before,.tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label.error + label:after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.stylish_checkbox input[type='checkbox']:checked + label.error + label:before{content: ''; background: var(--red-color);border-color: var(--red-color);}
.stylish_checkbox input[type='checkbox']:checked + label.error + label:before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; }

.stylish_checkbox input[type='radio'] + label:not(.error):before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.stylish_checkbox input[type='radio'] + label:not(.error):after{content: ''; }
.stylish_checkbox input[type='radio'] + label:not(.error):before,.tab-pane .panel_box .stylish_checkbox input[type='radio'] + label:not(.error):after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.stylish_checkbox input[type='radio']:checked + label:not(.error):before{content: ''; background: var(--red-color);border-color: var(--red-color);}
.stylish_checkbox input[type='radio']:checked + label:not(.error):before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; }
.stylish_checkbox input[type='radio'] + label.error + label:before{content: ''; border: rgba(0, 0, 0, 0.54) solid 2px;}
.stylish_checkbox input[type='radio'] + label.error + label:after{content: ''; }
.stylish_checkbox input[type='radio'] + label.error + label:before,.tab-pane .panel_box .stylish_checkbox input[type='radio'] + label.error + label:after{content:''; width:20px; height:20px; position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center;}
.stylish_checkbox input[type='radio']:checked + label.error + label:before{content: ''; background: var(--red-color);border-color: var(--red-color);}
.stylish_checkbox input[type='radio']:checked + label.error + label:before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; }

.questation_name,.assessment_group_title.Type_Quesatation{ font-weight: 600; padding: 15px 15px; border-top: #ddd solid 1px; margin-top: 10px; font-size: 14px;}
.que_options{width: 100%; display: inline-flex; align-items: center; margin-bottom: 10px;} 
.que_options label{margin-bottom: 0; color: #888; font-weight: 500; font-size: 14px;}

#assesmentSection:not(.active){display: none;}

.vertical_design{display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; margin-bottom: 10px;}
.vertical_design .questation{width: 100%;}  
.vertical_design .ans_opt_name input[type="checkbox"],.vertical_design .ans_opt_name input[type="radio"]{margin: 0;}
.vertical_design .ans_opt_name{width: 100%; display: inline-flex; align-items: center; margin-bottom: 10px;}

#questationList{width: 100%;} 
 
.assessment_group_title{margin: 10px 15px; padding: 15px 10px; border-bottom: #ededed solid 2px; clear: both;}
.assessment_group_title.Type_Group{margin-left: 0; margin-right: 0; background: #f5f5f5; font-size: 16px; font-weight: 600;}
.assessment_group_title.Type_Quesatation{ margin-left: 0; margin-right: 0; font-size: 14px; padding: 15px 0; margin-bottom: 0; padding-bottom: 10px; border: none;}

.horizontal_design .assessment_group_title.Type_Quesatation{width: 55%; padding-right: 5%;}
.horizontal_design .form-control{width: 40%;}

.horizontal_design{display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 10px;}
.horizontal_design .horizontal_heading{width: 100%;}
.horizontal_design .horizontal_heading .que_options{font-size: 14px; font-weight: 600;}
.horizontal_design .answer_li_box{width: 100%; display: inline-flex; flex-wrap: wrap; margin: 5px 0;}
.horizontal_design .answer_li_box:nth-of-type(even){background: var(--btn-style-1);}
.horizontal_design input[type='radio'],.horizontal_design input[type='checkbox']{margin: 0;}
.horizontal_design .questation{width: 100%;} 
.horizontal_design .ans_opt_name{display: inline-flex; align-items: center; justify-content: center;} 
.horizontal_design .ans_opt_name > label{display: none;}
.horizontal_design .ans_opt_name > span,.horizontal_design .que_options > label{display: none;} 
.horizontal_design .que_options{display: initial; font-size: 0; text-align: center; margin-bottom: 0;}
.horizontal_design .questation_line{width: 100%; display: inline-flex; flex-wrap: wrap;}
.horizontal_design .questation_line:nth-of-type(even){background: var(--btn-style-1);}
.horizontal_design .questation_name{ width: 55%; display: inline-flex; border: none; margin: 0; padding-right: 5%;}
.horizontal_design .answer_option_list{width: 40%; display: inline-flex; justify-content: space-between; padding: 20px 0;}

.ans_opt_name{margin:0 auto}
.ans_opt_name label{margin-left: 10px; font-weight: normal; margin-bottom: 0;}
#assesmentSection .form-control{resize: none; box-shadow: none; outline: none;}
#assesmentSection .form-control:focus{box-shadow: none; resize: none; outline: none; border-color: var(--btn-primary);}

.footer-bottom{padding: 50px 0;}
.footer-bottom .btn + .btn{margin: 5px;}

/*.checkbox{position: relative;}
.checkbox input[type='checkbox']{opacity: 0; visibility: hidden; position: absolute;}
.checkbox input[type='checkbox']:checked + input + .xrm-editable-text::before{content: ''; width:15px; height:15px; border: #ddd solid 2px;}*/
.form-group textarea.form-control{height: auto;}
.form-group label.error, .form-control-cell label.field-label.error { color: var(--red-color); font-size: 14px; font-weight: 500;}
.form-group label,.form-control-cell label.field-label{color: var(--dark-gray-color2); font-family: var(--default-font); font-size: 18px; font-weight: 500; padding-bottom: 7px; margin-bottom: 0;}
.form-group .form-control,.form-control-cell .control input{ border:var(--dark-gray-color4) solid 1px; border-radius:12px; padding:14px 16px 14px 53px; height:58px; box-shadow:none; font-weight:400; font-size: 18px; line-height: 20px;color: var(--dark-gray-color2); outline:none;}
.form-group textarea.form-control,.form-control-cell .control textarea{height: auto;}
.form-group .form-control:focus,.form-control-cell .control input:focus { border-color: var(--btn-secondary); box-shadow: 0 0 15px rgba(0,0,0,.1);}
.form-group .icon_wrap{width:100%; display: flex; position: relative;}
.form-group .material-symbols-outlined{position: absolute; font-size: 30px; color: var(--dark-gray-color4); display: flex; align-items: center; justify-content: center; top:0; left:10px; bottom: 0; margin: auto;}
.no-input-icon .form-control,.no-input-icon .control input{padding-left: 16px; background-image: none; border-radius: 6px; height: 54px;}
input[type="date"].form-control{background: url('/calendar-icon.svg') no-repeat right 10px center / 25px; position: relative;}
input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto;}
select.form-control{cursor: pointer;}
#change_acc_detail_modal .modal-dialog{width: 564px; max-width: 100%;}
.modal .modal-xl{width: 1200px; max-width: 100%;}
.modal .modal-content{border-radius: 12px; border: none; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13);}
.modal .modal-header{ display: flex; align-items: center; flex-wrap: wrap; background: var(--btn-secondary); border: none; border-radius: 12px 12px 0 0; padding: 30px;}
#terms_condition_modal .modal-header{padding: 10px 30px;}
.modal .modal-header .modal-title{font-size: 24px; font-weight: 500; color: var(--text-white);}
.modal .modal-header .close,.modal .modal-body .close{ width: 48px; height: 48px; border: var(--text-white) solid 1px; text-decoration: none;color: var(--text-white); opacity: 1;  border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; margin-right: 0; margin-left: auto; transition: all 0.3s ease;}
.modal .modal-header .close span,.modal .modal-body .close span{font-size: 30px;}
.modal .modal-header .close:hover,.modal .modal-header .close:focus,.modal .modal-body .close:hover,.modal .modal-body .close:focus{ background: var(--bg-white); opacity: 1; color: var(--btn-secondary);}
.modal .modal-body{padding: 30px;}
.modal .modal-body .btn{padding: 14px 30px;}
.modal .modal-body .btn-sm { padding: 10px 20px; font-size: 16px; border-radius: 6px;}
.modal .modal-body .modal-title{font-size: 24px; font-weight: 500; color: var(--text-white); background: var(--btn-secondary); border: none; border-radius: 12px; padding: 15px 25px; line-height: 1.55em; margin-bottom: 30px;}
.modal .modal-body .form-control:disabled { background: #fafafa !important; border-color: var(--text-white);}


#address_modal .modal-dialog{width: 1446px; max-width: calc(100% - 30px);}
#address_modal .btn{margin-top: 10px; min-width: 150px;}
#address_modal .modal-header {background: none; padding: 0;}
#address_modal .modal-header button.close{  position: absolute; right: 50px; top: 50px; width: 35px; height: 35px; font-size: 20px; z-index: 1;}
#address_modal .modal-header button.close span{font-size: 22px;}
#ProfileFormView{border: none; box-shadow: none;}


.search_filter{display: flex; flex-wrap: wrap; position: relative;}
.my_order_sec .search_filter{position: absolute; right: 20px; top: 65px; z-index: 1; display: none;}
.search_filter .search_title{color:var(--dark-gray-color2); width: 100%; margin: 15px 0; padding: 0;}
.search_filter input{background: url('/search-icon.svg') no-repeat center left 20px;}
.search_filter .search_field.form-control{width: calc(100% - 225px);}
.search_filter .btn{min-width: 200px; margin-left: auto; margin-right: 0; display: inline-flex; align-items: center; justify-content: center; padding: 12px 20px;}
.search_filter .btn + .btn{margin-left: 15px;}
.search_filter .material-symbols-outlined{position: relative; left: 0; margin: 0; color: inherit;}

.filter_popup{ width: 796px;  background: #FFFFFF; border: 1px solid #A0AEC0; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13); border-radius: 12px; position: absolute; right: 0; top: 108px; z-index: 12; transform: translateY(50px); opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.filter_popup.opned{opacity: 1; visibility: visible; transform: translateY(0);}
.filter_popup .filter_header{background: var(--btn-secondary); width: 100%; display: inline-flex; padding: 10px 30px; border-radius: 12px 12px 0 0;}
.filter_popup .filter_header .filter_title{font-size: 24px; font-weight: 600; color: var(--text-white);}
.filter_popup .filter_body{padding: 30px;}
.filter_popup .filter_body .btn{min-width: 118px; margin-top: 15px;}
.filter_popup .filter_body .form-control{border-radius: 6px; height: 54px;}
.filter_popup .filter_body .form-group label,.filter_popup .filter_body .form-control-cell label.field-label{font-size: 16px; font-weight: 400;}
#delivery_address_modal tbody tr{cursor: pointer;}
.dataTable tr td input[type="radio"],.modal input[type="radio"]{appearance: none; -webkit-appearance: none; border-radius: 50%; background: #ffffff; border: 3px solid #FFF; box-shadow: 0 0 0 2px #454F5B; width: 18px; height: 18px; outline: none; cursor: pointer; transition: all 0.3s ease;}
.modal input[type="radio"]{width: 17px; height: 17px;}
.dataTable tr td input[type="radio"]:checked,.modal input[type="radio"]:checked{ background: #454F5B;}

.dataTable tr td input[type="checkbox"],.modal input[type="checkbox"]{appearance: none; -webkit-appearance: none; border-radius: 2px; background: #ffffff; border: 1px solid #ddd; box-shadow: none; width: 16px; height: 16px; outline: none; cursor: pointer; transition: all 0.3s ease;}
.modal input[type="radio"]{width: 17px; height: 17px;}
.dataTable tr td input[type="checkbox"]:checked,.modal input[type="checkbox"]:checked{ background-color: var(--primary); border-color: var(--primary); background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");}
 
.dataTables_wrapper{max-width: 100%; overflow: auto;}
.dataTable tbody tr{transition: all 0.3s ease;}
.dataTable tbody tr.selected_tr{background: var(--light-gray-color1);}

.profile-info{background: #f5f5f5;}
.delivery_address_div{max-width: 100%;}
.search_filter #clearFilter span{margin-right: 5px; font-size: 140%;}
.search_filter #clearFilter{padding-left: 10px; padding-right: 10px; min-width: 170px; margin-bottom: -40px;}

.middle_content{background: #fff; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13); min-height: 200px; border-radius: 12px; padding: 30px; margin-top: -170px; margin-bottom: 100px;}
.tab-style-1 .nav-tabs>li.active>a,.tab-style-1 .nav-tabs>li.active>a:hover,.tab-style-1 .nav-tabs>li.active>a:focus,.tab-style-1 .nav-tabs>li>a:hover{border:none; background: transparent;}
.tab-style-1 .nav-tabs>li.active>a::after{content: ''; width: 100%; height: 4px; border-radius: 12px; background: var(--primary); position: absolute; left: 0; bottom: 0;}
.tab-style-1 .nav-tabs {border-bottom:var(--dark-gray-color4) solid 1px;}
.tab-style-1 .nav-tabs>li>a{margin-left: 0; padding: 13px 40px; border: none; font-size: 24px; font-weight: 500; text-decoration: none; font-family: var(--default-font); color: var(--dark-gray-color2);}
.tab-style-1 .nav-tabs>li.active>a{color: var(--primary);}
.tab-style-1 .panel-body { padding: 30px 0;}

.dropdown_box{ display: inline-flex;}
.dropdown_box .dropdown_name{background: var(--primary); color: var(--text-white); font-size: 13px;}
.dropdown_box .dropdown_style{ font-size: 14px; padding: 10px 15px;}

.card{ border-radius: 7px; background: var(--bg-white); box-shadow: 0 .125rem #0a0a0a0a; border: none;}
.card .card-header{background: var(--bg-white); display: flex; align-items: center; border-radius: 7px 7px 0 0; padding: 15px; color: var(--text-black); border-bottom: #f3f3f3 solid 1px;} 
.card .card-header .card-title{font-size: 15px; font-weight: 600; font-family: var(--default-font); line-height: 1.3em; color: var(--text-black); margin: 0;}
.card .dropdown_box{position: relative; margin-right: 0; margin-left: auto;}
.card .dropdown_box .dropdown_name {  background: #f3f6f8; color: var(--btn-primary); font-size: 13px; border-color: #f3f6f8;}
.card .dropdown_box .dropdown_style{position: absolute; top: 40px; padding: 0; width: 150px; background: #fff; border-radius: 6px; list-style: none; z-index: 1; display: none; border: none; box-shadow: 0 1rem 1.125rem #a8a8a826;}
.card .dropdown_box .dropdown_name > .material-symbols-outlined{margin-right: 0; margin-left: 5px;} 
.card .dropdown_box .dropdown_style li{ padding: 8px 15px; font-size: 12px; color: var(--btn-info); text-transform: capitalize; margin: 0; text-align: left; cursor: pointer; transition: all 0.3s ease;}
.card .dropdown_box .dropdown_style li:hover,.card .dropdown_box .dropdown_style li:focus{background: #f3f6f8; color: var(--primary);}

.card .card-body{padding: 15px; min-height: 90px; color: var(--color-black); font-size: 14px; font-weight: 400;border-radius: 7px;} 
.card .card-body p{color: inherit; font-size: inherit; font-weight: inherit; white-space: pre-line; word-break: break-word;}
.card .card-footer{padding: 15px; border-radius: 0 0 5px 5px;}
.card + .card{margin-top: 25px;} 
.card .card-body .avtar img{width: 40px; height: 40px; border-radius: 100%;}
.card .card-body .avtar{display: inline-flex; margin-right: 10px;}
.table-padding{padding:15px 0 0 0!important; }
.table-shadow{box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 6px 20px 0px;
  border-radius: 8px;}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date{
  text-align: left !important;
}
table tbody tr td.sorting_1 {
  padding-left: 15px !important;
}
.table-hover>tbody>tr:hover>* {
  --bs-table-accent-bg: #F6F7F8;
  color: var(--bs-table-hover-color);
}
.filter-none{
  display: none;
}
.card label{font-size: 14px;}
/*.card .dropdown_style{width: 200px; border: #ddd solid 1px; border-radius: 6px; box-shadow: 0 1rem 1.125rem #a8a8a826;}
.card .dropdown_style li{ padding: 8px 15px; font-size: 12px; color: var(--btn-info);} */

 
.team_box li{width: 100%; position: relative; margin-bottom: 20px;}
.team_box .team_left_box{display: inline-flex;  margin-right: 15px;}
.team_box .team_left_box .avatar {display: inline-flex; align-items: center; justify-content: center; background: #ddd; border-radius: 100%; width: 40px; height: 40px;}
.team_box .team_left_box .avatar img{width: 40px; border-radius: 100%;}
.team_box .team_right_box{display: inline-flex; flex-wrap: wrap; margin-right: 10px;}
.team_box .team_right_box p,.team_box .team_right_box span{width: 100%; display: inline-flex; font-weight: 500; font-size: 13px;}
.team_box .team_right_box span{font-size: 12px;}

  
.tab-style-1 h3,.table-title{font-size: 28px; font-family: var(--default-font); color: var(--dark-gray-color1); font-weight: 500; margin-bottom: 20px;}
.table-title .notifi{background: var(--red-color); border-radius: 100%; font-size: 14px; display: inline-flex; align-items: center; line-height: 1em; justify-content: center; margin-left: 10px; min-width: 25px; min-height: 25px; color: var(--text-white);}
table.v-align-middle tbody td,table.v-align-middle thead th{vertical-align: middle;}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>td {
  border: 1px solid #dee2e6e8; }
table.table thead tr th{background: var(--bg-white); color: #637381; padding: 14px 15px; font-size: 14px; font-family: var(--default-font); font-weight: 500;}
table.table thead tr th.hide_sorting:before,table.table thead tr th.hide_sorting:after{display: none;}
table.table thead tr th.hide_sorting{pointer-events: none;}
table.table tbody tr td{ padding: 8px 15px; font-size: 13px; font-family: var(--default-font); vertical-align: middle;}
table.table.no-border tbody tr td{border: none;}
table.table thead tr th.th_action_btn {padding-left: 0 !important; padding-right: 0 !important;}
table tbody tr td.so_description p{text-overflow: ellipsis; overflow: hidden; width: 450px; padding-right: 75px; position: relative; white-space: nowrap; color: inherit; display: inline-block; font-size: inherit; margin-bottom: 0;}
table tbody tr td.so_description p:after { content: 'Read more'; display: inline-block; position: absolute; right: 0; font-size: 75%; margin-top: 2px; color: var(--btn-primary-hover); text-decoration: underline;}
table tbody tr td .action_btn .btn{width: 28px; height: 28px; border: none; padding: 0;}

.dataTables_wrapper .dataTables_length select{ border-radius: 6px; padding: 8px 10px; margin: 0 5px; font-weight: 500; font-size: 18px; font-family: var(--default-font);} 
.dataTables_wrapper .dataTables_length select:focus{outline: none;}
.dataTables_wrapper .dataTables_filter input{ border-radius: 4px; padding: 5px 10px; border: var(--dark-gray-color4) solid 1px; color: var(--dark-gray-color2); margin: 0 5px; font-weight: 400; font-size: 13px; font-family: var(--default-font); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.dataTables_wrapper .dataTables_filter input:focus{outline: none; border-color: var(--btn-secondary); box-shadow: 0 0 15px rgba(0,0,0,.1);}
.dataTables_wrapper .dataTables_filter label{font-weight: 500; font-size: 12px;}
.dataTables_wrapper .dataTable .action_dropdown {width: auto; cursor: pointer; display: inline-flex; align-items: center; position: relative;  color: var(--text-black); font-size: 14px; font-weight: 500; transition: all 0.3s ease;}
.dataTables_wrapper .dataTable .action_dropdown > .material-symbols-outlined{font-size: 36px;}
.dataTables_wrapper .dataTable .action_dropdown:hover,.dataTables_wrapper .dataTable .action_dropdown:focus{color: var(--btn-secondary);}
.dataTables_wrapper .dataTable .action_dropdown ul{width: 130px; padding: 5px; z-index: 123; border-radius: 3px; list-style: none; position: absolute; right: 0; background: var(--btn-primary); font-size: 14px; top: 35px; visibility: hidden; opacity: 0; box-shadow: 0px 14px 45px rgba(0, 0, 0, 0.23); transform: translateY(20px); transition: all 0.3s ease;}
.dataTables_wrapper .dataTable .action_dropdown ul li{display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; color: var(--color-white); border-radius: 3px; transition: all 0.3s ease;}
.dataTables_wrapper .dataTable .action_dropdown ul li + li {border-top: rgba(265,265,265,.2) solid 1px;}
.dataTables_wrapper .dataTable .action_dropdown ul li:hover{background: var(--btn-secondary); border-color: var(--btn-secondary);}
.dataTables_wrapper .dataTable .action_dropdown ul li a{width: 100%; padding: 5px 10px !important; margin: 0; text-align: right; font-size: 18px;}
/*.dataTables_wrapper .dataTable .action_dropdown ul li a:hover{color: var(--btn-secondary);}*/
.dataTables_wrapper .dataTable .action_dropdown ul.open_action{opacity: 1; visibility: visible; transform: translateY(0);}

table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::after {
  top: 50%; content: "\f1e3"; font-size: 1em; font-family: 'Material Symbols Outlined'; right:0;}
table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::before {
  bottom: 50%; content: "\f1e0"; right: 18px; font-size: 1em; font-family: 'Material Symbols Outlined'; right:5px}

.bg-primary-transparent, .bg-primary-transparent:hover { background-color: #845adf1a !important;  color: var(--primary-color) !important;}
.bg-secondary-transparent, .bg-secondary-transparent:hover { background-color: #845adf1a !important; color: #845adf !important;}
.bg-success-transparent, .bg-success-transparent:hover { background-color: #26bf941a !important; color: #26bf94 !important;}
.bg-danger-transparent, .bg-danger-transparent:hover { background-color: #e6533c1a !important; color: #e6533c !important;}
.bg-warning-transparent, .bg-warning-transparent:hover { background-color: #f5b8491a !important; color: #f5b849 !important;}

.badge{font-weight: 500; font-size: 10px; padding: 5px 10px; border-radius: 4px;}


.dashboard_box .dash_iconBox{width: 45px; height: 45px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center;}
.dashboard_box .dash_iconBox > span{width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; background: var(--btn-primary);
    color: #fff; font-size: 20px; font-weight: 400; border-radius: 5px;} 
.dashboard_box .dash_iconBox.bg-primary-transparent > span{background: var(--btn-primary);}
.dashboard_box .dash_iconBox.bg-secondary-transparent > span{background: #845adf}
.dashboard_box .dash_iconBox.bg-success-transparent > span{background: #26bf94}
.dashboard_box .dash_iconBox.bg-danger-transparent > span{background: #e6533c}
.dashboard_box .dash_iconBox.bg-warning-transparent > span{background: #f5b849}  

.dashboard_box .dash_info .dash_title{font-size: 13px; margin-bottom: 5px; color: var(--text-dark);}
.dashboard_box .dash_info .dash_count{ font-size: 20px; font-weight: 600;}
.dashboard_box .dash_info .dash_info{ font-size: 13px;}

.questation_list{list-style: none; padding: 0;}
.questation_list li{width: 100%; display: inline-flex; align-items: flex-start; margin-bottom: 20px; border-bottom: #ddd solid 1px; padding-bottom: 20px; padding-top: 20px;}
.questation_list li .quest_left{ width: 65%; display: inline-flex; flex-wrap: wrap; padding-right: 20px;}
.questation_list li .quest_left h4{ font-size: 14px; margin: 0 0 10px; line-height: 1.5em;}
.questation_list li .quest_left p{ margin: 0; }
.questation_list li .quest_right{width: 35%; display: inline-flex; flex-wrap: wrap;}
.questation_list li .quest_right > label{width: 100%;}
.questation_list li .quest_right textarea{margin-bottom: 20px; resize: none;}

#delivery_address_datatable tbody td.action{width: 160px; text-align: center;}
#delivery_address_datatable tbody td.action a{cursor: pointer;}
#delivery_address_datatable tbody td.street{ max-width: 250px; white-space: pre-line; word-break: break-all;}
#delivery_address_datatable tbody td .customerid{position: absolute; opacity: 0; visibility: hidden; left: 0; width: 0;}
#delivery_address_modal{min-height: 200px;}
#delivery_address_modal_wrapper #delivery_address_modal_filter,#my_order_filter{ width: 100%; float: none; text-align: left;}
#my_order_filter{width: calc(100% - 220px); display: none;}
#delivery_address_modal_wrapper #delivery_address_modal_filter label,#my_order_filter label{width: 100%; color: var(--dark-gray-color2); font-weight: 500; font-size: 18px;}
#delivery_address_modal_wrapper #delivery_address_modal_filter label input,#my_order_filter label input{ width: 100%; background: url(/search-icon.svg) no-repeat center left 20px; border-radius: 12px; margin: 10px 0; font-size: 18px; font-weight: 400; padding: 10px 20px 10px 53px; height: 58px; border-color: var(--dark-gray-color4); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
#delivery_address_modal_wrapper #delivery_address_modal_filter label input:focus,#my_order_filter label input:focus{ border-color: var(--btn-secondary); box-shadow: 0 0 15px rgba(0,0,0,.1);}

#my_order tbody td a,#my_invoice tbody td a{color: inherit; text-decoration: none; padding-top: 28px; padding-bottom: 28px; display: block; transition: all 0.3s ease;}
#my_order tbody td > a:hover,#my_invoice tbody td > a:hover{color: var(--btn-secondary);}
table#my_order  tbody tr td,table#my_invoice  tbody tr td{padding-top: 0; padding-bottom: 0;}
.myorder_filter{width: 50px; height: 50px; font-size: 26px; position: fixed; right: 10px; bottom: 20px; background: var(--btn-primary); border-radius: 100%; color: var(--text-white); align-items: center; justify-content: center; display: none; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.43);}
.myorder_filter span { color: inherit; font-size: inherit;}
.myorder_filter:hover, .myorder_filter:focus {background: var(--btn-primary-hover); color: var(--text-white);}

.shadow_animation {transform: scale(1); border-radius: 100%; box-shadow: 0 0 0 0 rgba(169, 218, 94, 0.0); animation: pulse-black 2s infinite; }
.warning_shadow_animation {transform: scale(1); border-radius: 100%; box-shadow: 0 0 0 0 #FFF8F8; animation: pulse-red 2s infinite; }
#orderSummaryInfo b{ white-space: pre-line; max-width: 100%; overflow: hidden; display: inline-flex; }

.switch { position: relative; display: block; vertical-align: top; width: 80px; height: 40px; padding: 3px; margin: 0 10px 10px 0; border-radius: 40px; cursor: pointer;	box-sizing:content-box;}
.switch-input {	position: absolute;	top: 0;	left: 0;	opacity: 0;	box-sizing:content-box;}
.switch-label {	position: relative;	display: block;	height: inherit;	font-size: 10px;	text-transform: uppercase;
	background: #eceeef;	border-radius: inherit;	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	box-sizing:content-box;}
.switch-label:before, .switch-label:after {
	position: absolute;	top: 50%;	margin-top: -.5em;	line-height: 1;	-webkit-transition: inherit;	-moz-transition: inherit;
	-o-transition: inherit;	transition: inherit;	box-sizing:content-box;}
.switch-label:before {content: attr(data-off); right: 11px;	color: #aaaaaa;	text-shadow: 0 1px rgba(255, 255, 255, 0.5);}
.switch-label:after {	content: attr(data-on);	left: 11px;	color: #FFFFFF;	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;}
.switch-input:checked ~ .switch-label {	background: var(--btn-primary);}
.switch-input:checked ~ .switch-label:before { opacity: 0;}
.switch-input:checked ~ .switch-label:after {	opacity: 1;}
.switch-handle {	position: absolute;	top: 5px;	left: 4px;	width: 35px;	height: 35px;	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);	border-radius: 100%;}
.switch-handle:before {	content: "";	position: absolute;	top: 50%;	left: 50%;	margin: -6px 0 0 -6px;
	width: 12px;	height: 12px;	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);}
.switch-input:checked ~ .switch-handle {	left: 47px;}
.switch-label, .switch-handle { 	transition: All 0.3s ease;	-webkit-transition: All 0.3s ease;	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;}

@keyframes pulse-black {
  0% {  transform: scale(0.95);  box-shadow: 0 0 0 0 rgba(169, 218, 94, 0.04);
  }
  70% {
    transform: scale(1); box-shadow: 0 0 0 24px rgba(169, 218, 94, 0.08);
  }
  100% {
    transform: scale(0.95); box-shadow: 0 0 0 0 rgba(169, 218, 94, 0.04);
  }
}
@keyframes pulse-red {
  0% {
    transform: scale(0.95);  box-shadow: 0 0 0 0 #FFF8F8;
  }
  70% {
    transform: scale(1);  box-shadow: 0 0 0 24px #FFF8F8;
  }
  100% {
    transform: scale(0.95);  box-shadow: 0 0 0 0 #FFF8F8;
  }
} 

body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current,body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current:hover,body .dataTables_wrapper .dataTables_paginate span a.paginate_button:hover{background: var(--btn-primary); border: none; color: var(--text-white) !important; border-radius: 5px; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center;}
body .dataTables_wrapper .dataTables_paginate span a.paginate_button:focus,body .dataTables_wrapper .dataTables_paginate span a.paginate_button:active{outline: none; box-shadow: none;}
body .dataTables_wrapper .dataTables_paginate span a.paginate_button{width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; background: none; border: none; color: var(--text-black); font-weight: 400; font-size: 13px; border-radius: 5px; font-family: var(--default-font); transition: all 0.3s ease;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous,body .dataTables_wrapper .dataTables_paginate a.paginate_button.next{font-size: 12px; font-weight: 400; height: 30px; border: none !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; padding-left: 5px; padding-right: 5px; transition: all 0.3s ease;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous{margin-right: 5px;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.next{margin-left: 5px; }

body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous:hover,body .dataTables_wrapper .dataTables_paginate a.paginate_button.next:hover{ color: var(--btn-primary); border: none !important;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous > span,body .dataTables_wrapper .dataTables_paginate a.paginate_button.next > span{display: inline-flex; align-items: center; justify-content: center; color: var(--dark-gray-color2);}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous:hover > span,body .dataTables_wrapper .dataTables_paginate a.paginate_button.next:hover > span{color: var(--text-white);}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous:hover:not(.disabled),body .dataTables_wrapper .dataTables_paginate a.paginate_button.next:hover:not(.disabled),body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous:focus:not(.disabled),body .dataTables_wrapper .dataTables_paginate a.paginate_button.next:focus:not(.disabled){border: none !important; outline: none; background: none; color: var(--btn-primary) !important; box-shadow: none;}
.dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_info{margin-top: 15px;}
.dataTables_wrapper .dataTables_paginate{display: inline-flex; align-items: center;}
table.dataTable.no-footer{border: none;}
.dataTables_filter + table.dataTable.no-footer,.dataTables_length + table.dataTable.no-footer{ padding-top: 10px; }
#comp_acc_datatable tbody td p{max-width:80%}

.ck-content.stickystyles-wrapper-insert{margin: auto;}
.custom_tab{display: none;}
.custom_tab.active{display: block}
#nexttabCondition{display: none;}
.otherinputField{display: none;} 
.assessmentDateBox{width: 100%; display: flex; flex-wrap: wrap}
.assessmentDateBox h3{ width: 100%; text-align: center;font-weight: 600; border-bottom: 1px solid #ddd; padding-bottom: 9px;}
.assessmentDateBox p{ font-size: 15px; max-width: 60%; margin: 0 auto 7px !important; text-align: center;}
.text-center{text-align: center;}
.mob_label{display: none;}   
table td input{margin-right: 0;}
.horizontal_questations{width: 100%; display: inline-flex; flex-wrap: wrap; padding: 20px 10px;}
.horizontal_questations h5{width: 100%; margin-bottom: 15px; margin-top: 15px;} 
.horizontal_questations .vertical_questation_design{width: 100%; display: flex; flex-wrap: wrap}
.horizontal_questations .vertical_design_box{width: 33%; display: inline-flex; padding: 5px;}  

.card .reviewer-respons-form .form-control.otherfield{width: 300px; max-width: 100%}

.vertical_design_box label{ color: #333; line-height: 1.7; font-size: 13px; font-weight: 500;} 
.vertical_design_box input[type="radio"] + label,.vertical_design_box input[type="checkbox"] + label{cursor: pointer;}
.vertical_design_box input[type="checkbox"]{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #eeeeee; border: 1px solid #ced4da; background-image: none; border-radius: 3px; transition: background-color 0.25s ease;}
.vertical_design_box input[type="checkbox"]:checked { background-color: #36c4d6; border-color: #36c4d6;} 
.vertical_design_box input:checked[type=checkbox] {  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");}
#reviewerData table tr td input{margin-right: 0}
input[type='radio']{background-image: none; background-color: #eeeeee; border-radius: 20px; border: #ced4da solid 1px; transition: background-color 0.25s ease;}
.reviewer-btn .btn + .btn{margin-left: 5px}
/*REviewer CSS*/


.custom_radio_btn.horizontalRadio{display: flex; flex-wrap: wrap}
.custom_radio_btn.horizontalRadio .radio-item label{min-width: 100px}
.demo-heading > div,.demo-heading > div > h4{text-align: center; margin: auto;}
.card .card-body h6 .ck-content{ display: inline;}
.card .card-body h6 .ck-content p{text-align: left; display: inline-block; max-width: calc(100% - 20px); margin: 0 0 0 10px !important;}
.card .card-body .patient-out-heading ul{ display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.card .card-body .patient-out-heading ul >li{ list-style: none; background-color: #f0f1f7; border-radius: 20px; padding: 2px 8px; font-size: 13px; }
.card .card-body p{ font-size: 15px; max-width: 85%; margin: 0 auto 7px !important; text-align: center; white-space: normal; }
.card .card-body .patient-out-heading h3{     font-weight: 600; border-bottom: 1px solid #ddd; padding-bottom: 9px; }
.card .card-body .patient-out-heading > h5{ font-size: 16px; font-weight: 500; }
.card .card-body .patient-out-heading > h5>.nursing-details{font-weight: 600;font-size: 16px;}
.card .reviewer-respons-form label{font-size: 13px;}
.card .reviewer-respons-form label.label-height{height: 43px}
.card .reviewer-respons-form .form-group{margin-bottom: 15px;}
.card .reviewer-respons-form .form-control{border: 1px solid var(--dark-gray-color4);border-radius: 12px;padding: 6px 12px;height: 40px;
box-shadow: none;font-weight: 400;font-size: 14px;line-height: 20px;color: var(--dark-gray-color2);outline: none;}
.form-select{background-image: url(/drop-down-arrow.svg);background-repeat: no-repeat;background-size: 24px;}
.demographics-filed .form-group h6{margin-top: 0;margin-bottom: 20px;}
.demographics-filed .form-group label{font-size: normal;    }
.demographics-filed .unit-title{    margin-top: 0;margin-bottom: 10px;}
.demo-heading{margin-top: 30px;padding-bottom: 30px;background-image: url("/title-line.svg");background-repeat: no-repeat;background-size: 150px;
background-position: 50% 25px;z-index: 1;overflow: visible;position: relative;}
.mb-25{margin-bottom: 25px;}
.patient-population{margin-bottom: 40px !important;}
.patient-population .Patient-info{padding-left: 29px;font-size: 12px;display: flex;}
.patient-population .Patient-discri{padding-left: 28px !important;}
.patient-population .custom_checkbox{ display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px;}
.horizontalRadio .radio-item.reviewer-respons-form{display: inline}
.horizontalRadio .custom_radio_btn .radio-item label{display: inline-block; min-width: 100px; padding: 5px 10px 5px 30px}
.unit-avg .form-control{ width: 33%;}
/* check box css */
.custom_checkbox .checkbox.style-c {display: inline-block;position: relative; margin-right: 8px;padding-left: 30px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.custom_checkbox .checkbox.style-c input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.custom_checkbox .checkbox.style-c input:checked ~ .checkbox__checkmark {background-color: #36c4d6;}
.custom_checkbox .checkbox.style-c input:checked ~ .checkbox__checkmark:after {opacity: 1;}
.custom_checkbox .checkbox.style-c:hover input ~ .checkbox__checkmark {background-color: #eee;}
.custom_checkbox .checkbox.style-c:hover input:checked ~ .checkbox__checkmark {background-color: #36c4d6;}
.custom_checkbox .checkbox.style-c .checkbox__checkmark {position: absolute;top: 2px;left: 0;height: 20px;width: 20px;background-color: #eee;transition: background-color 0.25s ease;border-radius: 4px;}
.custom_checkbox .checkbox.style-c .checkbox__checkmark:after { content: ""; position: absolute; left: 8px; top: 4px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: 0; transition: opacity 0.25s ease;}
.custom_checkbox .checkboxes__item{ margin-bottom: 10px; width: 100%}
.custom_checkbox .checkbox.style-c .checkbox__body { color: #333; line-height: 1.7; font-size: 13px; font-weight: 500;}
.vertical_design_group .custom_radio_btn .form-group{margin-bottom: 0} 

/* radio btn css */
.custom_radio_btn .radio-section {display: flex;align-items: center;justify-content: center;}
.custom_radio_btn .radio-item [type="radio"] {display: none;}
custom_radio_btn .radio-item + .radio-item {margin-top: 15px;}
.custom_radio_btn .radio-item label {display: block;padding: 15px 30px;cursor: pointer;font-size: 13px;font-weight: 500;min-width: 250px;white-space: nowrap;
position: relative;transition: 0.4s ease-in-out 0s;}
.custom_radio_btn .radio-item label:after,.custom_radio_btn .radio-item label:before {content: "";position: absolute;border-radius: 50%;}
.custom_radio_btn .radio-item label:after {height: 20px;width: 20px;border: 2px solid #eee;left: 0;top: 15px;background-color: #eee;}
.custom_radio_btn .radio-item label:before {background: #fff;height: 9px;width: 9px;left: 5.7px;top: 21px;opacity: 0;visibility: hidden;transform: scale(5);transition: 0.4s ease-in-out 0s;}
.custom_radio_btn .radio-item [type="radio"]:checked ~ label::before {opacity: 1;visibility: visible;transform: scale(1);z-index: 1;}
.custom_radio_btn .radio-item [type="radio"]:checked ~ label::after{border-color: #36c4d6;background-color: #36c4d6;transform: scale(1.1);transition: 0.4s ease-in-out 0s;}
.bargaining-unit .radio-item{display: flex;align-items: center;}
.two-radio{margin-left: 30px;}
.card .card-body p.data-measures-detail{text-align: left ;margin:0 !important; max-width: 100%;font-size: 13px;}
.bg-color{background: #f9f9f9;padding: 20px;border: 1px solid #e4e4e4;border-radius: 8px;}
table tbody tr td .radio-item {text-align: center;}


/* filter-area */
.filter-area{display: flex; gap: 20px; flex-wrap: wrap; align-items: flex-end; position: relative}
.filter-area .form-group{position: relative;}
.filter-area #Brand i{ position: absolute; right: 11px; bottom: 16px; top: initial; font-size: 20px;}
.filter-area .search{ background: url('/search-icon.svg') no-repeat 16px center; background-size: 20px; position: relative;}
.filter-area .search:before{content: '\e8b6'; font-family: 'Material Symbols Outlined'; font-size: 26px; position: absolute; left: 10px; top: 0; bottom: 0; display: flex; align-items: center; color:var(--dark-gray-color4)}
.filter-area .search .form-control{padding-left: 48px; background: none;}
.filter-area select.form-control{padding-left: 15px;}
.filter-area .search .form-control:focus{-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);}
.filter-area .form-group{margin-bottom: 0; width: calc(100% / 8 - 20px);}
.filter-area .form-group.width-position-one{width:calc(100% / 7 - 20px);}
.filter-area.three_field_col .form-group.width-position-one{width:calc(100% / 3 - 20px);}
.filter-area .filter-icon{position: absolute; right: 5px; top: 0; bottom: 0; cursor: pointer;}
.filter-area .filter-icon:hover > span{color: var(--btn-primary-hover);}
.filter-area #Brand > span{right: 3px; left: auto;bottom: 2px;height: 55px; top: initial; background: #fff; border-radius: 12px;}
.filter-area .form-group .common-btn{padding: 15px; width: 100%;}
.filter-area #ApplyFilters,.filter-area #ClearFilters{width: 48%; padding: 14px 15px;}
.filter-area #ClearFilters .material-symbols-outlined{margin: 0 5px 0 0; left: 0; color: var(--text-white); position: relative; font-size: 140%;}
.filter-area #ClearFilters{margin-left: 1%;}

.search_tag{background: var(--light-gray-color1); border-radius: 6px; font-size: 18px; font-weight: 500; display: inline-flex; padding: 10px 15px; align-items: center; margin: 5px 10px 10px 0;}
.search_tag > span{display: inline-flex; margin-left: 10px; cursor: pointer;}

.filter_box{border-radius: 12px; border: var(--dark-gray-color4) solid 1px; background: var(--light-gray-color5); padding: 25px; margin-bottom: 25px;}
.filter_box .filter_head{background: var(--btn-secondary); color: var(--text-white); padding: 16px 25px; font-size: 22px; font-weight: 500; display: flex; align-items: center; margin:-25px -25px 10px; border-radius: 10px;}
.filter_box .filter_head .filter_toggle_btn{width: 40px; height: 40px; min-width: 40px; min-height: 40px; border: var(--text-white) solid 1px; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; margin-right: 0; margin-left: auto;}
.filter_box .filter_head .filter_toggle_btn:before{content:'\e15b'; font-size: 24px; font-family: 'Material Symbols Outlined'; }
.filter_box .filter_head.closed .filter_toggle_btn:before{content: '\e145';}
.filter_box .filter_body { width: 100%; display: flex; flex-wrap: wrap;}
.filter_box .filter_body ul{list-style: none; padding: 0; margin: 0; width: 100%;}
.filter_box .filter_body ul li{margin-bottom: 10px;}
.filter_box .stylish_checkbox input[type='checkbox'] + label{margin-bottom: 0; font-size: 18px; font-weight: normal; color: var(--dark-gray-color2); cursor: pointer;}
.filter_box .stylish_checkbox input[type='checkbox'] + label:not(.error):before,
.filter_box .stylish_checkbox input[type='checkbox'] + label:not(.error):after{border-radius: 4px; border-width: 1px; border-color: var(--dark-gray-color4); top: 2px;}
.filter_box .stylish_checkbox input[type='checkbox']:checked + label:before{content: ''; background: var(--btn-primary); border-color: var(--btn-primary);}
.filter_box .stylish_checkbox input[type='checkbox']:checked + label:before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; }

.filter_box .stylish_checkbox input[type='radio'] + label{margin-bottom: 0; font-size: 18px; font-weight: normal; color: var(--dark-gray-color2);}
.filter_box .stylish_checkbox input[type='radio'] + label:not(.error):before,
.filter_box .stylish_checkbox input[type='radio'] + label:not(.error):after{border-radius: 4px; border-width: 1px; border-color: var(--dark-gray-color4); top: 2px;}
.filter_box .stylish_checkbox input[type='radio']:checked + label:before{content: ''; background: var(--btn-primary); border-color: var(--btn-primary);}
.filter_box .stylish_checkbox input[type='radio']:checked + label:before{content: '\e876'; font-family: 'Material Symbols Outlined'; color: #fff; }


.product_side_icon{display: none; opacity: 0; visibility: hidden; width: 60px; height: 60px; position: fixed; right: 10px; bottom: 20px; background: var(--btn-primary); border-radius: 100%; color: var(--text-white); align-items: center; justify-content: center; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.43); font-size: 32px; transform: scale(0.2,0.2); z-index: 999; transition: all 0.3s ease; }
.product_side_icon span{color: inherit; font-size: inherit;}
.product_side_icon:hover,.product_side_icon:focus{ background: var(--btn-primary-hover); color: var(--text-white);}
.body-add-sticky .product_side_icon{opacity: 1; visibility: visible; transform: scale(1,1);}

.product_list .product_grid{padding: 20px 0; margin:20px 0 0; list-style: none; border-top: var(--dark-gray-color4) solid 1px;}
.product_list .product_grid li{background:var(--light-gray-color5); padding: 15px; border-radius: 12px; display: flex; flex-wrap: wrap; margin-bottom: 50px; position: relative;}
.product_list .product_grid li.no-record-alert{font-size: 16px; justify-content: center; align-items: center; color: var(--dark-gray-color3);}
.product_list .product_grid li a { display: flex; width: 100%; flex-wrap: wrap; align-items: flex-start; text-decoration: none; color: var(--text-primary); position: relative; margin-left: 0;}
/*.product_list .product_grid li figure a:after{content: 'Image coming soon'; width: 100%; padding: 0 13%; background: var(--bg-white); text-transform: uppercase; font-weight: 600; opacity: 0; 
color: var(--btn-secondary-hover); font-size: 20px; position: absolute; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; left: 0; right: 0; margin: auto;}*/
.product_list .product_grid li:after{content: ''; width: 100%; height: 1px; background: var(--dark-gray-color4); position: absolute; bottom: -25px; left: 0; right: 0;}
.product_list .product_grid li figure{width: 200px; min-height: 200px; display: inline-flex; z-index: 1;}
.product_list .product_grid li figure img { max-width: 100%; /*border: solid 1px var(--dark-gray-color3);*/ border:none; height: 200px; object-fit: contain; position: relative; z-index: 1; background: var(--bg-white);}
.product_list .product_grid li .product_desc{width: calc(100% - 425px); display: inline-flex; padding: 0 23px; flex-wrap: wrap; align-items: flex-start;}
.product_list .product_grid li .product_desc h4{color: var(--text-primary); width: 100%;}
.product_list label.brandName { background: var(--secondary); color: var(--text-white); border-radius: 0; padding: 3px 10px; z-index: 1; position: absolute; left: 16px; font-weight: 500;}
.product_list .product_grid li .product_desc p{width: 100%;}
.product_list .product_grid li .product_desc h4 a{margin: 0; text-decoration: none; color: inherit;}
.product_list .product_grid li .product_desc .price_check_box{width: 100%; display: none; flex-wrap: wrap; align-items: center;}
.product_list .product_grid li .product_desc .product_price,.product_list .product_grid li .product_desc .price_availability_check{font-size: 18px; font-weight: 600; color: var(--primary); margin-right: 15px;}
.product_list .product_grid li .product_desc .price_availability_check:hover{color: var(--btn-primary-hover);}
.product_list .product_grid li .product_desc .price_availability_check{ cursor: pointer;}
.product_list .product_grid li .product_desc .price_availability_check.disabled_price{cursor: not-allowed; pointer-events: none; color: var(--dark-gray-color4);}
.product_list .product_grid li .product_desc .product_note{padding-top: 1px; font-size: 18px; font-weight: 500; border-left: var(--dark-gray-color4) solid 2px; padding-left: 10px;}
.add_cart_box{width: 225px; display: inline-flex; flex-wrap: wrap; align-items: center; flex-direction: column; justify-content: center;}
.add_cart_box .quantity{position: relative; display: inline-flex; margin-right: 0; margin-left: auto; margin-bottom: 10px;}
.add_cart_box .quantity input{width: 123px; height: 48px; text-align: center; border-radius: 6px; background: var(--bg-white); border: var(--dark-gray-color4) solid 1px;}
.add_cart_box .quantity input:focus{outline: none; box-shadow: none;}
.add_cart_box .quantity button{background: none; border: none; outline: none; color: var(--text-primary); position: absolute; height: 100%; width: auto; display: flex; align-items: center; padding: 0 7px; cursor: pointer;}
.add_cart_box .quantity .minus{left: 0;}
.add_cart_box .quantity .plus{right: 0;}
.add-to-cart{margin-right: 0; margin-left: auto; margin-top: 10px;}
.product_list .pagination>li>a, .pagination>li>span{border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; font-weight: 500; font-size: 18px; transition: all 0.3s ease;}
.product_list .pagination>.active>a,.product_list .pagination>.active>a:focus,.product_list .pagination>.active>a:hover { background-color: var(--btn-primary)!important;}
.product_list .pagination>li#previous-page>a,.product_list .pagination>li#next-page>a{font-size: 18px; font-weight: 500; width: 48px; height: 48px; border: var(--dark-gray-color4) solid 1px !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; transition: all 0.3s ease;}
.product_list .pagination>li:not(.disabled)>a:hover{ border-color: var(--btn-primary) !important; outline: none; background: var(--btn-primary); box-shadow: none; color: var(--text-white);}
.product_list .pagination li:not(.active) a{color: var(--text-black);}

.product_detail .brand_box{background: var(--btn-secondary); padding: 8px 20px; border-radius: 6px; font-size: 20px; font-weight: 400; display: inline-flex; margin: auto 0 auto auto; color: var(--text-white);}
.product_detail .brand_box label{font-weight: 600; margin-left: 7px;}
.product_detail figure{background:var(--light-gray-color5); padding: 24px; border-radius: 12px; position: relative; display: flex; align-items: center;}
.product_detail figure::before{ content: 'Image coming soon'; width: 100%; height: 100%;  padding: 0 13%; text-transform: uppercase; font-weight: 600; color: var(--btn-secondary-hover); font-size: 40px; position: absolute; display: flex; align-items: center;  justify-content: center; text-align: center; left: 0; right: 0; top:0; bottom: 0; margin: auto;}
.product_detail figure img{ max-width: 100%; position: relative; object-fit: contain; background: var(--bg-white);}
.product_detail .product_title{max-width: calc(100% - 230px); display: inline-flex; margin: 0;}
.product_detail .brand_box{margin-right: 0; margin-left: auto; margin-top: 0;}
.product_detail .product_info_detail{width:100%; display: flex; flex-wrap: wrap; list-style: none; padding: 20px 0 0; margin: 0;}
.product_detail .product_info_detail li{width: calc(50% - 15px); display: inline-flex; align-items: flex-start; font-size: 20px; font-weight: 400; margin: 10px 0;}
.product_detail .product_info_detail li:nth-child(even){ margin-left: 30px;}
.product_detail .product_info_detail li label,.product_detail .product_info_detail li h6{font-size: inherit; font-weight: 400; margin: 0; line-height: 1.1em;}
.product_detail .product_info_detail li label{min-width: fit-content;}
.product_detail .product_info_detail li h6{font-weight: 600; padding-left: 10px; white-space: pre-line; word-break: break-word;}
.product_detail .product_information{min-height: 180px;}
.product_detail .product_information h4{font-size: 24px; font-weight: 500; border-bottom: var(--dark-gray-color4) solid 1px; color: var(--dark-gray-color1); padding: 15px 0;}
.product_detail .product_information p{font-size: 18px; font-weight: 400; color: var(--text-primary); line-height: 1.65em;}
.product_detail .add_cart_box .quantity{margin: 0 20px 0 0;}
.product_detail .add_cart_box{width:100%; justify-content: initial; flex-direction: initial; margin-top: 20px; margin-bottom: 25px;}
.product_detail .add_cart_box .btn{ padding: 12px 35px; }
.product_detail .add_cart_box .btn .material-symbols-outlined { font-size: 180%; margin-right: 5px; margin-left: -7px; }
.product_detail .add_cart_box .add-to-cart{margin: 0;}
.product_detail .add_cart_box .quantity input{ font-size: 18px; font-weight: 500;}
.product_detail .add_cart_box .quantity .minus { left: 10px;}
.product_detail .add_cart_box .quantity .plus { right: 10px;}
.product_detail .product_price_show ul{list-style: none; padding: 0; margin: 30px 0 0;}
.product_detail .product_price_show ul li{ font-weight: 500; font-size: 24px; color: var(--text-primary); display: inline-flex;}
.product_detail .product_price_show ul li#lead_time{display: none;}
.product_detail .product_price_show ul li + li{border-left: var(--dark-gray-color4) solid 2px; padding-left: 20px; margin-left: 20px;}
.product_detail .product_price_show ul li .qty{margin-left: 10px;}
.product_detail .product_price_show ul li.price_color{color: var(--primary);}  

.custom-section{ background: #fff; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13); border-radius: 12px; padding: 20px; margin-top: -100px;}

.page-copy{padding-bottom: 50px;}
.page-copy .page-heading { margin-bottom: 20px;}  
.page-copy .page-heading h1{font-size: 20px; text-transform: capitalize; line-height: 1.2em; font-family: var(--default-font); font-weight: 600; color: var(--btn-info); margin: 0; padding: 0;}
.page-copy .breadcrumb{ width: auto; margin-bottom: 0; padding: 0; margin-right: 0; margin-left: auto;}
.page-copy .breadcrumb > li a,.page-copy .breadcrumb > li.active{font-size: 13px; color: var(--text-black); font-weight: 500; text-decoration: none;}
.page-copy .breadcrumb > li a{color: var(--primary);} 
.page-copy .breadcrumb>li+li:before{color: var(--color-black);}
.page-copy .breadcrumb > li a:hover,.page-copy .breadcrumb > li a:focus { color: var(--btn-primary-hover);}

.home_shop_cate .shop_cat_list{width: 100%; display: flex; flex-wrap: wrap; background: var(--bg-white);}
.home_shop_cate h2{color: var(--text-primary); font-size: 28px; font-weight: 500; font-family: var(--default-font); padding: 0 0 20px; margin: 0 0 20px 0; border-bottom: var(--dark-gray-color4) solid 1px;}
.home_shop_cate .shop_cat_list{list-style: none; padding: 0; margin: 0 -10px;}
.home_shop_cate .shop_cat_list li{margin: 20px 10px 0; width: calc(25% - 20px);}
.home_shop_cate .shop_cat_list li a{text-decoration: none; margin: 0; display: flex; flex-wrap: wrap; height: 100%; flex-direction: column;}
.home_shop_cate .shop_cat_list li figure{width:100%; border:var(--dark-gray-color4) solid 1px; position: relative; text-align: center; border-radius: 6px; flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; transition: all 0.3s ease;}
.home_shop_cate .shop_cat_list li figure::after{content: 'Image coming soon'; width: 100%; padding: 0 13%; background: var(--bg-white); text-transform: uppercase; font-weight: 600;  color: var(--btn-secondary-hover); font-size: 20px; border-radius: 5px; position: absolute; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; left: 0; right: 0; margin: auto;}
.home_shop_cate .shop_cat_list li h4{font-size: 18px; font-weight: 500; color: var(--text-primary); text-align: center;}
.home_shop_cate .shop_cat_list li img{ max-width: 100%; border-radius: 8px; position: relative; z-index: 11;}
.home_shop_cate .shop_cat_list li:hover figure{box-shadow:0px 4px 35px rgba(108, 108, 108, 0.13);}

.cart_sidebar{width: 500px; max-width: calc(100% - 20px); height: 100%; position: fixed; z-index: 99999; background: var(--bg-white); top: 0; right: -550px; transition: all 0.3s ease;}
.cart_sidebar.opened{right: 0;}
.cart_sidebar > div,.cart_sidebar > div > div{display: flex; flex-wrap: wrap; width: 100%; height: 100%;}
.cart_sidebar .cart_head{background:var(--btn-secondary); width: 100%; position: relative;}
.cart_sidebar .cart_head h3{font-size: 24px; font-weight: 600; font-family: var(--default-font); color: var(--text-white); margin: 0; padding: 28px 15px; text-align: center;}
.cart_sidebar .cart_head .close{opacity: 1; position: absolute; right: 20px; top: 0; bottom: 0; display: flex; align-items: center; color: var(--text-white);}
.cart_sidebar .cart_body{ display: flex; flex-wrap: wrap; width: 100%; height: calc(100% - 337px);}
.cart_sidebar .cart_body ul{height: 100%; width: 100%; overflow: auto;}
.cart_sidebar .cart_body ul{list-style: none; padding: 30px; margin: 0;}
.cart_sidebar .cart_body ul li{width: 100%; font-family: var(--default-font); color: var(--dark-gray-color1); font-size: 18px; font-weight: 500; display: inline-flex; flex-wrap: wrap; margin-bottom: 25px;}
.cart_sidebar .cart_body ul li + li{ border-top: var(--dark-gray-color4) solid 1px;  padding-top: 25px;}
.cart_sidebar .cart_body ul li h5{width:100%; color: var(--text-primary); font-size: 18px; font-weight: 500; line-height: 1.7em; margin: 0; padding: 0;}
.cart_sidebar .cart_body ul li .price{width:100%; font-size: 22px; font-family: var(--default-font); font-weight: 600; color: var(--primary);}
.cart_sidebar .cart_body ul li .product_img{width: 160px; height: 160px; position: relative; border: var(--dark-gray-color4) solid 1px; border-radius: 6px; display: inline-flex;}
/*.cart_sidebar .cart_body ul li .product_img:after{content: 'Image coming soon'; width: 100%; padding: 0 13%; background: var(--bg-white); border-radius: 6px; text-transform: uppercase; font-weight: 600; 
color: var(--btn-secondary-hover); font-size: 20px; position: absolute; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; left: 0; right: 0; margin: auto;}*/

.cart_sidebar .cart_body ul li .product_img img{max-width: 100%; border-radius: 6px; position: relative; z-index: 1; background: var(--bg-white);}
.cart_sidebar .cart_body ul li .delete_record{width: 56px; height: 56px; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; color: var(--red-color); background: var(--red-light-color); cursor: pointer; transition: all 0.3s ease;}
.cart_sidebar .cart_body ul li .delete_record:hover{background: var(--red-color); color: var(--color-white);}
.cart_sidebar .cart_body ul li .cart_pop_detail{ width:calc(100% - 180px); display: flex; flex-wrap: wrap; margin-left: 20px; }
.cart_sidebar .cart_body ul li .add_cart_box{width: 100%; flex-direction: initial; }
.cart_sidebar .cart_body ul li .add_cart_box .quantity{margin-left: 0; margin-right: auto; margin-bottom: 0;}
.cart_sidebar .cart_footer{padding: 30px; width: 100%;}
.cart_sidebar .cart_footer .subTotal{display: flex; flex-wrap: wrap; align-items: center; font-family: var(--default-font); font-size: 24px; font-weight: 500; color: var(--dark-gray-color1); padding-bottom: 20px;}
.cart_sidebar .cart_footer .subTotal .subtot_price{margin-right: 0; margin-left: auto;}
.cart_sidebar .cart_footer .btn-primary{margin-bottom: 25px;}
/*.cart_sidebar .close{width: 48px; height: 48px; border: var(--dark-gray-color4) solid 1px; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; margin-right: 0;
margin-left: auto; position: absolute; right: 10px; top: 20px; transition: all 0.3s ease;}
.cart_sidebar .close:hover,.cart_sidebar .close:focus{background: var(--btn-secondary); opacity: 1; color: #fff; text-shadow: none; border: none;}*/

.cart_overlay{background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.cart_overlay.opened{opacity: 1; visibility: visible;}

#orderSummaryInfo .xrm-editable-html{width: 100%;}

ul::-webkit-scrollbar-track,#terms_condition_modal #terms_and_condition::-webkit-scrollbar-track,.portal_access_sec .portal_access_right::-webkit-scrollbar-track{ 	border-radius: 10px;	background-color: var(--light-gray-color5);}
ul::-webkit-scrollbar,#terms_condition_modal #terms_and_condition::-webkit-scrollbar,.portal_access_sec .portal_access_right::-webkit-scrollbar{ width: 8px;	background-color: var(--bg-white);}
ul::-webkit-scrollbar-thumb,#terms_condition_modal #terms_and_condition::-webkit-scrollbar-thumb,.portal_access_sec .portal_access_right::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: var(--primary);}

footer{background: var(--bg-white)}
footer h6{font-size: 24px; color: var(--text-white); font-family: var(--default-font); line-height: 1.3em; margin: 0 0 40px; display: inline-flex; align-items: center;}
footer .footer-top h6 > span{margin-left: 40px; width: 40px; height: 40px; cursor: pointer; border: #fff solid 1px; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center;}
footer .foot_ul{color: var(--text-white); list-style: none; padding: 0;  margin: 0; }
footer .foot_ul > li{position: relative; padding-left: 17px; margin-bottom: 27px;}
footer .foot_ul > li::before{content: ''; width: 6px; height: 6px; background: var(--bg-white); border-radius: 100%; position: absolute; left: 0; top:7px;}
footer .foot_ul li a{font-size: 18px; color: var(--text-white); font-family: var(--default-font); font-weight: 400; margin-left: 0; text-decoration: none; transition: all 0.3s ease;}
footer .foot_ul li a:hover,footer .foot_ul li a:focus{color: var(--btn-primary-hover);}
footer .foot_ul .foot_sub_ul{list-style: none; padding: 0; margin: 13px 0; display: flex; flex-wrap: wrap;}
footer .foot_ul .foot_sub_ul li{margin: 0 10px 0 0; position: relative;}
footer .foot_call_info .f_info_lst{margin: 13px 0;}
footer .foot_call_info .f_info_lst label,footer .foot_call_info .f_info_lst a{margin: 0 10px 0 0; padding: 0; font-weight: 500; font-size: 16px;}
footer .foot_call_info .f_info_lst a{font-weight: 400;}
footer .foot_call_info .f_info_lst a label{cursor: pointer;}

footer .foot_ul .foot_sub_ul li a{font-size: 16px; color: var(--text-white); font-family: var(--default-font); font-weight: 400; margin-left: 0; text-decoration: none;}
footer .footer-top{padding: 60px 0;}
footer .footer-logo{width: 148px; max-width: 100%;}
footer .footer-bottom p,footer a{font-size: 12px; color: var(--text-dark); line-height: 1.2em; font-weight: 500;}
footer .footer-top,footer .footer-bottom{background: none;}
footer .footer-bottom{padding-bottom: 10px !important;padding-top: 10px !important; min-height: 40px;}
.footer-bottom .footer_btm_left{width:40%; align-items: center;}
.footer-bottom .footer_btm_center{width: 20%; justify-content: center; align-items: center;}
.footer-bottom .footer_btm_center a{width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border: var(--text-white) solid 1px; border-radius: 100%; margin: 0 12px; transition: all 0.3s ease;}
.footer-bottom .footer_btm_center a:hover,.footer-bottom .footer_btm_center a:focus{background: var(--bg-white); color: var(--btn-primary-hover); text-decoration: none;}
.footer-bottom .footer_btm_right{width:40%; align-items: center; justify-content: flex-end;}
.footer-bottom .footer_btm_right a{padding-left: 17px; padding-right: 17px; line-height: 1.5em; transition: all 0.3s ease;}
.footer-bottom .footer_btm_right a:hover,.footer-bottom .footer_btm_right a:focus{color: var(--btn-primary-hover); text-decoration: none;}
.footer-bottom .footer_btm_right a:last-child { padding-right: 0; }
.footer-bottom .footer_btm_right a + a{border-left: var(--dark-gray-color4) solid 1px;}
.footer_btm_right a:hover,.footer_btm_right a:focus{color: var(--btn-primary);}
.footer-bottom .footer_btm_left p{font-size: 16px; font-weight: 400; color: var(--text-white); margin: 0; padding: 0;}
footer hr{border-color:var(--dark-gray-color4); margin:0 0 16px; width: 100%;}

#delete_warning .modal-body{text-align: center;}
#delete_warning .modal-body figure{text-align: center;}
footer .footer-top > div,footer .footer-top > div > div{width: 100%;}
header .mobile_logo,header #navbar .profile_menu{display: none;}
header #navbar .profile_menu_ul{display: none; list-style: none; padding: 10px 0; margin: 0; flex-wrap: wrap;}
header #navbar .profile_menu_ul li{width: 100%; display: inline-flex;}
header #navbar .profile_menu_ul li a{width: 100%; color: var(--dark-gray-color4); display: flex; align-items: center; padding: 4px 9px; font-family: var(--default-font); cursor: pointer; font-size: 14px; font-weight: 400; margin: 0; transition: all 0.3s ease; }
.header_right .mobile_menu_icon{display: none;}

header .menu_close{ margin-right: -5px; margin-top: -3px; margin-left: auto; font-size: 26px; display: inline-flex; align-items: center; justify-content: center; border: var(--dark-gray-color4) solid 1px; border-radius: 100%; padding: 3px; width: 40px; height: 40px; transition: all 0.3s ease;}
header .menu_close > span{font-size: inherit;}
header .menu_close:hover,header .menu_close:focus{ background: var(--btn-secondary); color: #fff;}

table.table tbody tr td{position: relative;}
table.table tbody tr td .toggle_table_arrow{ position: absolute; right: 10px; top: 5px; font-size: 26px;}

.toast-custom#cart_existing_toast{height:150px} 
#cart_existing_toast p {font-size: 20px;line-height: 1.3em;text-align: justify;     margin-top: 10px;}


/* hemant css */
/* dashboard manager start */
.member-grid-card .member-box > a {
  min-width: 150px;
}
.chart-main #svg{
  width: 100%;
}
.header-row {
  display: flex;
  flex-direction: row;
}
.header-row li:first-child{
  display: none;
}
header .navbar-static-top.navbar .header-row>li.weblink + li.weblink:nth-child(2){
border-left: none;
}
.card .card-monthly {
  justify-content: space-between;
}

a.canvasjs-chart-credit {
  display: none;
}
.progress-group .float-right{
float: right;
}
.users-list {
  padding-left: 0;
  list-style: none;
}
.users-list>li {
  float: left;
  padding: 10px;
  text-align: center;
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.users-list>li:hover{
  background: #f8f8f8f0;
  border-radius: 3px;
}
.users-list>li img {
  border-radius: 50%;
  height: auto;
  width: 70px;
  height: 70px;
  object-fit: cover;
}
.dark-mode .users-list-name {
  color: #ced4da;
}
.users-list-name {
  color: #495057;
  font-size: .875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.dark-mode .users-list-date {
  color: #adb5bd;
  font-size: 12px;
}
.description-dash{
  display: flex;
  border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 8px;
    padding: 0;
    background-color: white;
}
.description-main{
  padding: 30px 0px;
  text-align: center;
  flex: 0 0 25%;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.table-custom tr td .btn-accepted {
  border: 2px solid #26bf94;
  background: #26bf94;
  color: white;
}
.table-custom tr td .btn-in-progress{
  border: 2px solid #f5b849;
  color: white;
  background: #f5b849;
}
.table-custom tr td .btn-assigned{
border: 2px solid #49b6f5;
  color: white;
  background: #49b6f5;
}
.table-custom tr td .btn-rejected{
border: 2px solid #e6533c;
  color: white;
  background: #e6533c;   
}
.table-custom tr td .btn-submitted{
border: 2px solid #845adf;
  color: white;
  background: #845adf;
}


.products-list .product-img img {
  height: 50px;
  width: 50px;
}
.products-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-list-in-card>.item {
  border-radius: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.products-list>.item {
  
  color: #fff;

   padding: 10px 0;
}
.products-list .product-img {
  float: left;
}
.products-list .product-info {
  margin-left: 60px;
}
.products-list>.item {
padding: 20px 0;
  color: #fff;
}
.product-list-in-card>.item:last-child{
  border: none;
}
.product-info a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
.dark-mode .product-description {
  color: #ced4da;
}
.products-list .product-description {
  color: #6c757d;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.float-right {
  float: right !important;
}
.badge-warning {
  color: #1f2d3d;
  background-color: #ffc107;
}
.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
.badge-success {
  color: #fff;
  background-color: #28a745;
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color .15s ease-in-out, 
  background-color .15s ease-in-out, 
  border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.card .card-footer {
  background-color: white;
}
.table-search tfoot th input {
  width: 110px;
}

.card-body .bg-product{
  background-image: linear-gradient(to right, #d3d2ed , #21a8c3);
}
.card-body .premium-danger{
  background-image: linear-gradient(to right, #a38a8a , rgb(220,53,69));
}
.card-body .premium-success{
  background-image: linear-gradient(to right, #9fc69d , #198754);
}
.card-body .premium-warning{
  background-image: linear-gradient(to right, #f8dd7e , #ffc107);
}
.card-body .premium-submitted{
  background-image: linear-gradient(to right, #ceccd0 , #845adf);
}
.card-body .page-heading{
  padding: 0;
  font-weight: 500;
}
.table-custom tbody tr td:last-child a{ 
  min-width: 83px;
}
.member-details thead tr td{
  font-size: 14px;
}
.member-grid-card .member-box{
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
  gap: 10px;
}


.ccards tbody tr td > div.member-img {
  width: 71px;
  height: 71px;
  position: relative;
  padding: 0;
}
.member-img img{
  text-align: center;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.member-img p{
  position: absolute;
  left: 0px;
  bottom: 1px;
  background: white;
  font-size: 10px;
  width: 100%;
  text-align: center;
  margin: 0;
}
.table-img-user tbody tr td {
  position: relative;
  width: 159px;
}
.table-striped>tbody>tr:nth-of-type(even)>* {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: none
  color: none;
}
.all-users-cards .dash_iconBox {
  width: auto; 
  height: auto; 
   border-radius: 7px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 8px;
 }
 .card-remove .card{
 box-shadow: none;
 border: none;
 margin: 3px 0;
 }
 .all-users-cards .card-body {
   padding: 8px;
   min-height: inherit;
   font-size: 14px;
   font-weight: 400;
   border-radius: 7px;
 }



@media screen and (max-width: 1199.98px){
  #mainContent table{width: 100% !important;}
   #mainContent table tbody tr {
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.20);
    margin-bottom: 8px;
    padding: 12px;
    gap: 8px 0px;
    margin: 8px 0px;
} 
#mainContent table tr td {
    flex: 0 0 50%;
    border: none;
    padding: 0;
    white-space: normal;
    text-align: left;
}
#mainContent table.ccards tr td {
  flex: 0 0 50%;
}

#mainContent table colgroup{
  display: none;
}
#mainContent table tbody tr>td:first-child {
  flex: 0 0 100%;
}
#mainContent table tr th{
  display: none;
}
.member-grid-card .member-box {
  display: grid;
  grid-template-columns: auto auto auto auto auto !important;
  gap: 10px;
}

#mainContent table.ccards tbody tr td > div{
  width: 100%;
  padding: 5px;
}
#mainContent table.ccards tbody tr td > .member-img{
  width: 71px;
  padding: 0;
}
.mosaic-module .get-involved-section .collage__item .collage__image img {
  width: auto !important;
}
.table-striped>tbody>tr:nth-of-type(even)>* {
  --bs-table-accent-bg: none;
 
}
}
@media screen and (max-width: 991px){
  .Latest-members,
  .browser-chart,
  .recently-received
   {
    width: 100%;
}
.table-custom tbody tr td:last-child a {
  min-width: 118px;
}
.reviewed-response{
  width: 100%;
  margin-top: 20px;
}
.member-grid-card .member-box {
  grid-template-columns: auto auto auto auto !important;
}
.mosaic-module .get-involved-section {
  margin-top: -170px;
}
}
@media screen and (max-width: 768px) {
  .member-grid-card .member-box {
    display: grid;
    grid-template-columns: auto auto auto !important;
    gap: 10px;
  }
  table tbody tr td.sorting_1 { padding-left: 0px !important;}
 
 
}
@media screen and (max-width: 567px){
  .dash_info{
    text-align: center;
  }
  .users-list>li{
    width: 50%;
  }
  .users-list>li img{
    width: 98px;
    height: 98px;
  }
  .member-grid-card .member-box {
    display: grid;
    grid-template-columns: auto auto !important;
    gap: 10px;
  }
}

/* dashboard manager end */

/* dashboard reviewer Start*/
a:not(.btn):hover{
  text-decoration: none !important;
}

.card-body.card-ready {
  background: #569fca;
  transition: all 1s;
}
.dashboard_box .card-ready .dash_iconBox.bg-primary-transparent > span {
  background: white;
  color: #569fca;
}
.card-ready .dash_info .assign-title, 
.card-ready .dash_info .assign-title span{
  color: white !important;
}
.dashboard_box .card-ready:hover {
  background: white;
}
.dashboard_box .card-ready:hover .dash_iconBox.bg-primary-transparent > span {
  background: #569fca;
  color: white;
}
.card-ready:hover .dash_info .assign-title,
.card-ready:hover .dash_info .assign-title span{
  color: black !important;
}



.card-body.card-assign {
  background: #36d4d6;
  transition: all 1s;
}
.dashboard_box .card-assign .dash_iconBox.bg-primary-transparent > span {
  background: white;
  color: #36d4d6;
}
.card-assign .dash_info .assign-title,
.card-ready .dash_info .assign-title, 
.card-assign .dash_info .assign-title span{
  color: white !important;
}
.dashboard_box .card-assign:hover {
  background: white;
}
.dashboard_box .card-assign:hover .dash_iconBox.bg-primary-transparent > span {
  background: #36d4d6;
  color: white;
}
.card-assign:hover .dash_info .assign-title,
.card-assign:hover .dash_info .assign-title span{
  color: black !important;
}



.card-body.card-accepted {
  background: #26bf94;
  transition: all 1s;
}
.dashboard_box .card-accepted .dash_iconBox.bg-success-transparent > span {
  background: white;
  color: #26bf94;
}
.card-accepted .bg-success-transparent, .bg-success-transparent:hover {
  background-color: #1d68531a !important;
  color: #26bf94 !important;
}
.card-accepted .dash_info .assign-title,
.card-accepted .dash_info .assign-title span{
  color: white !important;
}
.dashboard_box .card-accepted:hover {
  background: white;
}
.dashboard_box .card-accepted:hover .dash_iconBox.bg-success-transparent > span {
  background: #26bf94;
  color: white;
}
.card-accepted:hover .dash_info .assign-title,
.card-accepted:hover .dash_info .assign-title span{
  color: black !important;
}



.card-body.card-reject {
  background: #e6533c;
  transition: all 1s;
}
.dashboard_box .card-reject .dash_iconBox.bg-danger-transparent > span {
  background: white;
  color: #e6533c;
}
.card-reject .bg-danger-transparent, .bg-danger-transparent:hover {
  background-color: #1d68531a !important;
  color: #e6533c !important;
}
.card-reject .dash_info .assign-title,
.card-reject .dash_info .assign-title span{
  color: white !important;
}
.dashboard_box .card-reject:hover {
  background: white;
}
.dashboard_box .card-reject:hover .dash_iconBox.bg-danger-transparent > span {
  background: #e6533c;
  color: white;
}
.card-reject:hover .dash_info .assign-title,
.card-reject:hover .dash_info .assign-title span{
  color: black !important;
}

.card-body.card-submitted {
  background: #26bf94;
  transition: all 1s;
}

.card-body.card-submit {
  background: #845adf;
  transition: all 1s;
}
.dashboard_box .card-submit .dash_iconBox.bg-secondary-transparent > span {
  background: white;
  color: #845adf;
}
.card-submit .bg-secondary-transparent, .bg-secondary-transparent:hover {
  background-color: #1d68531a !important;
  color: #845adf !important;
}
.card-submit .dash_info .assign-title,
.card-submit .dash_info .assign-title span{
  color: white !important;
}
.dashboard_box .card-submit:hover {
  background: white;
}
.dashboard_box .card-submit:hover .dash_iconBox.bg-secondary-transparent > span {
  background: #845adf;
  color: white;
}
.card-submit:hover .dash_info .assign-title,
.card-submit:hover .dash_info .assign-title span{
  color: black !important;
}



.card-body.card-progress {
  background: #ffc107;
  transition: all 1s;
}
.dashboard_box .card-progress .dash_iconBox.bg-secondary-transparent > span {
  background: white;
  color: #ffc107;
}
.card-progress .bg-secondary-transparent, .bg-secondary-transparent:hover {
  background-color: #1d68531a !important;
  color: #ffc107 !important;
}
.card-progress .dash_info .assign-title,
.card-progress .dash_info .assign-title span{
  color: white !important;
}
.dashboard_box .card-progress:hover {
  background: white;
}
.dashboard_box .card-progress:hover .dash_iconBox.bg-secondary-transparent > span {
  background: #ffc107;
  color: white;
}
.card-progress:hover .dash_info .assign-title,
.card-progress:hover .dash_info .assign-title span{
  color: black !important;
}
/* dashboard reviewer end */

/* dashboard details start */ 
.ck-content .table-responsive{overflow: initial !important;} 
.ck-content h4,.ck-content h5,.ck-content h3,.ck-content p,.ck-content h2,.ck-content h1{margin-left: auto !important; margin-right: auto !important;}
#manager_detail_data { counter-reset: section;}
#manager_detail_data .horizontalDesign h6:before,#manager_detail_data .verticalDesign h6:before { counter-increment: section; content: counter(section); counter-increment: section; content: counter(section);}
#manager_detail_data .patient-population h6::before{counter-increment: section; content: counter(section); counter-increment: section; content: counter(section);} 
.table>thead>tr>th,
.table>thead>tr>td, 
.table>tbody>tr>th, 
.table>tbody>tr>td, 
.table>tfoot>tr>th, 
.table>tfoot>tr>td{padding: 12px;vertical-align: middle;}
.table-custom thead tr th{background-color: var(--gray-light);}
.table-responsive{border: none;}
.table-custom tbody tr:nth-child(even) td{background-color: var(--gray-light);}
.dt-container .dt-layout-row:first-child, .dt-container .dt-layout-row:last-child{display: flex; flex-wrap: wrap; justify-content: space-between;padding: 0 10px;}
.dt-container .dt-layout-row:first-child{margin-bottom:15px}
.table.dataTableCustom tfoot{display: table-header-group;}
body .dt-container .dt-layout-row .dt-search .dt-input,body table tfoot th input{border:solid 1px #dddddd; border-radius: 4px; font-weight: 400; font-size: 12px; padding: 6px 12px;}
table tfoot th input::placeholder, table tfoot th input::-moz-placeholder, table tfoot th input::-webkit-input-placeholder{color: var(--gray-medium);}
.dt-paging.paging_full_numbers button{padding: 6px 12px; border: solid 1px var(--gray-light); color: var(--gray-dark); background-color: var(--bg-white);}
body .dt-container .dt-layout-row .dt-search .dt-input:focus-visible{outline: none;}
button.dt-paging-button.current{ border: solid 1px var(--primary); color: var(--primary); }
.dt-paging.paging_full_numbers button:first-child{border-bottom-left-radius:4px; border-top-left-radius:4px;}
.dt-paging.paging_full_numbers button:last-child{border-bottom-right-radius:4px; border-top-right-radius:4px;}
.dt-paging.paging_full_numbers button span{ color: var(--text-black)}
table tr td legend{border: none; margin-bottom: 0px;}
table tfoot th input {width: 150px;}
table tfoot th:first-child input, table tfoot th:last-child input {max-width: 100px;}


.card {
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 8px;
    display: flex;
}

.table-custom tr td .btn-accepted {
    border: 2px solid #26bf94;
    background: #26bf94;
    color: white;
}
.table-custom tr td .btn-accepted:hover{
     border: 2px solid #26bf94;
    background: #26bf94;
    color: white;
}
.table-custom tr td .btn-complete {
  border: 2px solid #845adf;
  background: #845adf;
  color: white;
}
.table-custom tr td .btn-complete:hover{
   border: 2px solid #845adf;
  background: #845adf;
  color: white;
}

.table-custom tr td .btn-in-progress{
    border: 2px solid #f5b849;
    color: white;
    background: #f5b849;
}
.table-custom tr td .btn-in-progress:hover{
    border: 2px solid #f5b849;
    color: white;
    background: #f5b849;
}
.table-custom tr td .btn-assigned{
  border: 2px solid #49b6f5;
    color: white;
    background: #49b6f5;
}
.table-custom tr td .btn-assigned:hover{
    border: 2px solid #49b6f5;
    color: white;
    background: #49b6f5;
}
.table-custom tr td .btn-rejected{
  border: 2px solid #e6533c;
    color: white;
    background: #e6533c;   
}
.table-custom tr td .btn-rejected:hover{ border: 2px solid #e6533c; color: white; background: #e6533c; }
.table-custom tr td .btn-submitted{ border: 2px solid #845adf;  color: white; background: #845adf;}
.table-custom tr td .btn-submitted:hover{ border: 2px solid #845adf; color: white; background: #845adf;}
.table-custom tr td .btn-ready{ border: 2px solid #569fca; color: white; background: #569fca;}
.table-custom tr td .btn-ready:hover{ border: 2px solid #569fca; color: white; background: #569fca;}
table tfoot th input {  border: solid 1px #999999;  border-radius: 4px;  font-weight: 400;  font-size: 12px;  padding: 6px 12px;}
.select2-container.select2-container--default .select2-results__option[aria-disabled=true]{font-size: 12px;}
.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected]{background: var(--Assigned);}
body div.dt-container .dt-paging .dt-paging-button.current,body div.dt-container .dt-paging .dt-paging-button.current:hover{    background: var(--Assigned);
  border-color: var(--Assigned); color: #fff !important;}
body div.dt-container .dt-paging .dt-paging-button.disabled,body div.dt-container .dt-paging .dt-paging-button.disabled:hover,body div.dt-container .dt-paging .dt-paging-button.disabled:active{
  background: #e9ecef;}
body div.dt-container .dt-paging .dt-paging-button:hover{ background: #333; border-color: #333;}
body div.dt-container .dt-paging .dt-paging-button {border: #ddd solid 1px; transition: all ease-in 0.2s;}
/*#myRequest_wrapper{margin-top: -50px; display: inline-block;}*/
.dt-search .dt-input{border: #dddddd solid 1px;}
#reviewerData table tr td input:disabled{ filter: grayscale(1);}
.horizontal_questations input[type="checkbox"]:disabled,.horizontal_questations input[type="radio"]:disabled,
.vertical_design_box input[type="checkbox"]:disabled,.vertical_design_box input[type="radio"]:disabled{filter: grayscale(1);}
/*.dt-container .dt-layout-row:first-child { display: none;} */ 
.card .table-custom thead tr th { background-color: #F4F6F8;}
/* .card .table-custom thead tr th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.card .table-custom thead tr th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
} */
.status-value{
    display: flex;
    justify-content: end;
     margin-bottom: 10px;
}

.table-detail thead tr th:last-child,
.table-detail tfoot tr th:last-child,
.table-detail tr td:last-child,
.all-request-table thead tr td:last-child,
.all-request-table tr td:last-child{
  display: none;
}

select.filter{
    padding: 5px 7px;
    border: 1px solid #e8dede;
    border-radius: 6px;
}
select.filter:focus-visible{
    border: none;
}
.table-detail tr td:nth-last-child(2) a,
.all-request-table tr td:nth-last-child(2) a{
  min-width: 83px;
}
.drop-down-button .btn-assigned,
.modal-btn .btn-assigned{
border: 2px solid #49b6f5;
    color: white;
    background: #49b6f5;
}

.modal-dialog .modal-header >.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background:transparent url(/close-icon.svg) center / 1em auto no-repeat !important;
  border: 0;
  border-radius: 0.375rem;
  opacity: .5;
}
  
.table-checkbox tr td input[type="checkbox"], .modal input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
   border-radius: 0%; 
  /* background: #ffffff;
  border: 3px solid #FFF;
  box-shadow: 0 0 0 2px #454F5B; */
  width: 18px;
  height: 18px;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
/* dashboard details end */
div.form-control.disabled{color: #000000; background: #eee !important; font-size: 12px;}

#Accepted_table_wrapper tr td label.action_status_label{
  background-color: var(--Accepted);
  color: var(--color-white);
}
#assign_wrapper tr td label.action_status_label{
  background-color: var(--Assigned);
  color: var(--color-white);
  border-color: var(--Assigned);
}
#complete_wrapper tr td label.action_status_label{
  background-color: var(--Complete);
  color: var(--color-white);
  border-color: var(--Complete);
}
#inprogress_wrapper tr td label.action_status_label{
  background-color: var(--In-progress);
  color: var(--color-white);
  border-color: var(--In-progress);
}
#rejected_wrapper tr td label.action_status_label{
  background-color: var(--Rejected);
  color: var(--color-white);
  border-color: var(--Rejected);
}
#ready_wrapper tr td label.action_status_label{
  background-color: var(--Ready);
  color: var(--color-white);
  border-color: var(--Ready);
}
table tr td label.Accepted,table tr td div.btn.Accepted{
  background-color: var(--Accepted) !important;
  color: var(--color-white) !important;
  border-color: var(--Accepted) !important;
}
table tr td label.Assigned,table tr td div.btn.Assigned{
  background-color: var(--Assigned) !important;
  color: var(--color-white) !important;
  border-color: var(--Assigned) !important;
} 
table tr td label.Complete,table tr td div.btn.Complete{
  background-color: var(--Complete) !important;
  color: var(--color-white) !important;
  border-color: var(--Complete) !important;
}
table tr td label.In-progress,table tr td div.btn.In-progress{
  background-color: var(--In-progress) !important;
  color: var(--color-white) !important;
  border-color: var(--In-progress) !important;
}
table tr td label.Rejected,table tr td div.btn.Rejected{
  background-color: var(--Rejected) !important;
  color: var(--color-white) !important;
  border-color: var(--Rejected) !important;
}
table tr td label.Ready,table tr td div.btn.Ready{
  background-color: var(--Ready) !important;
  color: var(--color-white) !important;
  border-color: var(--Ready) !important;
}
/* graph css */

.chart-main svg g g:first-child > rect{
  fill: #569fca !important;
}
.chart-main svg g g:nth-child(2) > rect{
  fill: #36d4d6 !important;
}
.chart-main svg g g:nth-child(3) > rect{
  fill: #26bf94  !important;
}
.chart-main svg g g:nth-child(4) > rect{
  fill: #e6533c !important;
}
.chart-main svg g g:nth-child(5) > rect{
  fill: #ffc107 !important;
}
.chart-main svg g g:nth-child(6) > rect{
  fill: #845adf !important;
}
header .navbar-static-top.navbar .navbar-nav>li.weblink + .dropdown{display: none;}
/* hemant end css */
@media screen and (min-width:601px){
table.table tbody tr td .toggle_table_arrow{display: none;}
}



@media screen and (max-width:1450px){
header .navbar-static-top.navbar-inverse .navbar-brand{}
}
@media screen and (max-width:1400px){
.portal_access_sec .portal_access_right,.portal_access_sec .portal_access_left{width: 50%;}
.portal_access_sec .portal_access_right h2{font-size: 30px;}
.portal_access_sec .portal_access_right .form-group label:not(.error){font-size: 16px; padding-bottom: 4px; padding-top: 3px;}
.portal_access_sec .portal_access_right .ceco_environment_box img { width: 200px;}
.portal_access_sec .portal_access_right{padding-left: 15px; padding-right: 15px;}
}
@media screen and (max-width:1350px){
header .navbar-static-top.navbar-inverse .navbar-brand { min-width: 100px;}
header .header_right{width: auto;}
}
@media screen and (max-width:1250px){
}
@media screen and (max-width:1200px){
}
/*@media screen and (max-width:1199px){
header #navbar{ position: fixed; width: 300px; flex-wrap: wrap; flex-direction: column; top: 0; right: -320px; bottom: 0; background: var(--bg-white); z-index: 999; height: 100%; max-height: 100% !important; box-shadow: 0px 4px 35px rgba(108, 108, 108, 0.13); transition: all 0.3s ease;}
header #navbar.opened{right: 0;}
header #navbar .profile_menu{margin: 0 -15px; padding: 15px 20px; border-bottom: var(--light-gray-color3) solid 1px; background: var(--light-gray-color3); font-size: 18px; font-weight: 500; margin-top: 0; color: var(--btn-primary); display: flex; align-items: center;}
header #navbar .profile_menu .material-symbols-outlined{margin-right: 10px; font-size: 150%;background: var(--color-light-yellow); color: var(--btn-primary-hover); border-radius: 100%; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; font-weight: normal; text-shadow: none;}
header .navbar-right{width: 100%; }
header .navbar-right ul.navbar-nav{height: 100%; overflow: auto; margin-top: 0; margin-bottom: 0;}
header .navbar-static-top.navbar .navbar-nav>li.weblink + li.weblink{border-left: none;}
header .navbar-static-top.navbar .navbar-nav>li.weblink{border: none; border-bottom:rgba(0,0,0,.09) solid 1px}
header .navbar-static-top.navbar .navbar-nav>li.weblink:first-child{border-top:rgba(0,0,0,.09) solid 1px;}
header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{padding: 15px 25px;}
header .mobile_logo{display: inline-flex; padding: 15px 20px 15px; background: var(--light-gray-color2); margin: 0; width: 100%; border-bottom: var(--light-gray-color3) solid 1px;}
header .mobile_logo img{width: 100px;}
.header_right .mobile_menu_icon{display: inline-flex; margin-left: 15px;}
header .navbar-static-top.navbar-inverse .navbar-brand{padding-left: 0;}
}*/

@media screen and (max-width:1100px){
h2, .modal h2,.product_detail .product_title { font-size: 28px; line-height: 1.3em;}

.page-copy .breadcrumb > li a, .page-copy .breadcrumb > li.active{font-size: 16px;}
footer h6{font-size: 20px;}
}


@media screen and (max-width:1024px){
table tbody tr td.so_description p{width: 300px;}
table.table thead tr th,table.table tbody tr td{font-size: 16px;}
.portal_access_sec .portal_access_left{display: none;}
.portal_access_sec .portal_access_right{width: 100%; height: auto; padding-top: 20px; padding-bottom: 20px;}
.portal_access_sec .portal_access_right .portal_access_form{width: 100%;}
.filter-area #ApplyFilters, .filter-area #ClearFilters{font-size: 14px;}
}
@media screen and (max-width:991px){
header .navbar-static-top.navbar-inverse{padding: 5px 0;}
.container{max-width: 100%; width: 100%;}
footer h6 { font-size: 18px; margin-bottom: 30px;}
footer .footer-top h6 > span{width: 30px; height: 30px; margin-left: 25px;}
body { padding-top: 80px;}
.footer-bottom .footer_btm_center a{margin: 0 5px;}
.footer-bottom .footer_btm_right a { padding-left: 7px; padding-right: 7px; line-height: 1.2em; font-size: 15px;}
.footer-bottom .footer_btm_left p { font-size: 15px;}
.cart_right_side { margin-top: 0;}
.cartdetail_left{margin-bottom: 0;}
#change_acc_modal{margin-bottom: 20px; padding: 14px 20px;}
.tab-style-1 h3 { font-size: 24px;}
.tab-style-1 .nav-tabs>li>a{font-size: 22px;}
#getProductDetail{margin-top: 30px;}
}
@media screen and (max-width:768px){
footer h6 {  font-size: 15px;}
.custom_radio_btn .radio-item label{white-space: normal;}
}
@media screen and (max-width:1024px){  
.mob_label { display: block; font-weight: 500; font-size: 12px !important; padding: 0 15px; }
}
@media (min-resolution: 144dpi) and (max-width: 1165px) {  
  .mob_label { display: block; font-weight: 500; font-size: 12px !important; padding: 0 15px; }
}
@media screen and (max-width:767px){ 
/*header .navbar-static-top.navbar .navbar-nav>li.weblink{width: 100%;}*/
header .header_right .notification_icon, header .header_right .head_cart_icon{width: 48px; height: 48px;}
header .header_right .notification_icon span, header .header_right .head_cart_icon span { font-size: 24px;}
header .notification_box, header .head_cart_box { margin-left: 10px;}
header .navbar-static-top.navbar-inverse .navbar-brand{min-width: 100px;}
header .header_right .profile_menu{display: none;}
/*header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{font-size: 16px;padding: 18px 25px;}*/
.product_side_icon{display: flex;}
.body-add-sticky .product_side_icon{opacity: 1; visibility: visible;}
.signinpage .login_left .form-horizontal .form-group > label > span{font-size: 16px;}
.form-group label{padding-bottom: 0;}
.signinpage .login_left .form-horizontal .form-group .form-control{font-size: 16px;}
h2,.modal h2{ font-size: 30px; line-height: 1.2em;}
.portal_access_sec .portal_access_left,.portal_access_sec .portal_access_right{width:100%}
.portal_access_sec .portal_access_right{padding: 0;}
.portal_access_sec .portal_access_right h2{font-size: 28px;}
.product_detail .product_info_detail li{font-size: 16px; margin: 8px 0 0;}

.footer-bottom .footer_btm_left,.footer-bottom .footer_btm_center,.footer-bottom .footer_btm_right{width: 100%; justify-content: center; text-align: center;}
.footer-bottom .footer_btm_left{order: 3; }
.footer-bottom .footer_btm_center{ order: 1;}
.footer-bottom .footer_btm_right{ order: 2; margin: 15px auto;}
footer h6 { font-size: 20px; margin: 0 0 30px;}
footer .footer-logo{margin-bottom: 30px;}
footer h6{width: 100%;}
footer .footer-top h6 > span{margin-right: 0; margin-left: auto;}
footer .footer-top { padding: 50px 0 0;}
.footer-bottom .footer_btm_right a { padding-left: 12px; padding-right: 12px;}
.footer-bottom .footer_btm_left p,.footer-bottom .footer_btm_right a { font-size: 14px;}
footer .footer-logo{width: 130px;}
.home_shop_cate .shop_cat_list{width: initial; margin: 0;}
header #navbar .profile_menu_ul{display: flex;}
.home_shop_cate .shop_cat_list li { width: calc(50% - 20px);}
.search_filter .btn,.search_filter #clearFilter{min-width: 100px; font-size: 14px; padding: 6px 10px;}
table.table thead tr th,table.table tbody tr td{font-size: 16px; line-height: 1.2em;}
.middle_content{padding-left: 15px; padding-right: 15px; margin-top: -100px; margin-bottom: 50px;}
.page-copy .breadcrumb > li a, .page-copy .breadcrumb > li.active{font-size: 16px;}
.page-copy .page-heading h1{font-size: 34px;}
.tab-style-1 h3, .table-title{margin-top: 0;}
.page-copy .page-heading{padding-bottom: 130px;}
.dataTable tr td input[type="radio"], .modal input[type="radio"]{width: 13px; height: 13px;}
.form-group .form-control, .form-control-cell .control input{font-size: 16px;}
.form-select { background-image: url(/drop-down-arrow.svg); background-repeat: no-repeat; background-size: 24px;}
.stylish_checkbox input[type='checkbox'] + label:not(.error):before, .tab-pane .panel_box .stylish_checkbox input[type='checkbox'] + label:not(.error):after{width: 18px; height: 18px;}
.portal_access_sec .portal_access_left{display: none;}

.form-group label, .form-control-cell label.field-label{font-size: 16px;}
.tab-style-1 h3{font-size: 22px;}
.modal.fade.in{align-items: initial;}
table tbody tr td.so_description p{max-width: 100%; width: 100%; white-space: pre-line; padding-right: 0;}
#so_notification tbody tr td::before,#my_order tbody tr td:before,table.table tbody tr td::before { content: attr(data-label); float: left; font-weight: 500; text-transform: initial; width: 100%; margin-bottom: 10px; margin-top: 5px; }
table tbody tr td.so_description p:after{position: relative; width: 100%;}
.dataTables_wrapper .dataTables_paginate{margin-top: 10px; margin-bottom: 10px;}
body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current, body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current:hover, body .dataTables_wrapper .dataTables_paginate span a.paginate_button:hover,body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous, body .dataTables_wrapper .dataTables_paginate a.paginate_button.next{font-size: 16px; width: 40px; height: 40px; margin-left: 5px;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous{margin-left: 5px; margin-right: 0;}
.dataTables_wrapper .dataTables_info { margin-top: 5px; font-size: 14px;}

.dataTables_wrapper #my_order .action_dropdown{width: auto; margin-bottom: 0;}
.dataTables_wrapper .dataTables_length select{padding: 6px 10px;}
.dataTables_wrapper .dataTable  .action_dropdown ul{width: 100%; position: relative; opacity: 1; padding: 0; visibility: visible; left: 0; top: 0; box-shadow: none; transform: none;}
.dataTables_wrapper .dataTable .action_dropdown ul li{justify-content: flex-start;}
.dataTables_wrapper .dataTable .action_dropdown ul li a{width: auto; background: var(--btn-secondary); padding: 6px 15px; color: var(--text-white); border-radius: 5px;}
.dataTables_wrapper .dataTable .action_dropdown .material-symbols-outlined{display: none;}
.dataTables_wrapper .dataTables_length{ margin-top: 10px;}
.modal .modal-body .modal-title{font-size: 18px;}
.horizontal_design_group .patient-population{margin-bottom: 10px !important;}
.demographics-filed .form-group h6 { margin-bottom: 10px;}
.custom_tab .form-select{font-size: 14px;}
.demographics-filed .form-group h6{margin-bottom: 10px;}
.mb-25 {margin-bottom: 15px;}
.card .card-body h6 .ck-content p{    max-width: calc(100% - 30px);}
.patient-population { margin-bottom: 20px !important;}
.card .reviewer-respons-form .unit-avg .form-control{width: 100%;}
.patient-population .Patient-info{padding-left: 22px;}
.custom_radio_btn .radio-item label:before{top: 26px;}
.custom_radio_btn .radio-item label:after{top:20px} 
.mob_label{display: block; font-weight: 500; font-size: 12px !important; padding: 0 15px;}
table tbody tr td input{margin-right: 0;}
.vertical_design_box label{font-size: 12px;}
.horizontal_questations .vertical_design_box{width: 50%;}
.assessmentDateBox h3{font-size: 20px;}
.card .card-body .patient-out-heading > h5{font-size: 14px; margin-left: 0 !important;}
.card .card-body p{font-size: 14px;}
.page-copy { padding-bottom: 30px;}
.horizontalDesign,.custom_tab {max-width: 100%; overflow: hidden;}
}

@media screen and (max-width:667px){
.horizontal_design_group .patient-population { margin-bottom: 0px !important; flex: auto; width: 50%;}
}
@media screen and (max-width:640px){
header .navbar-static-top.navbar-inverse .navbar-brand img,header.sticky-header .navbar-static-top.navbar-inverse .navbar-brand img{width: 100px;}
header .navbar-brand { padding: 8px 0;}
body { padding-top: 60px;}
.hero_slider .hero_slider_bg{height: 350px;}
.hero_slider .hero_detail{width: 95%; padding: 20px; margin-bottom: 30px;}
.hero_slider .hero_detail h1{font-size: 38px;}
.hero_slider .hero_detail p{ font-size: 16px; line-height: 1.5em;}
.home_sec { padding: 50px 0;}
.home_shop_cate .shop_cat_list li{width: 100%; margin: 20px 0 0;}
.home_shop_cate h2{font-size: 24px; margin-bottom: 10px;}
.page-copy .page-heading h1{font-size: 30px; margin-bottom: 5px;}
.tab-style-1 .nav-tabs>li>a{ padding: 13px 10px; font-size: 18px;}
.tab-style-1 .nav-tabs>li.active>a::after{height: 2px;}
}
@media screen and (max-width:600px){
.dataTables_wrapper table.dataTable#my_order tbody tr:not(.expand_td) td:not(.mobile_table_toggle),.dataTables_wrapper table.dataTable#my_invoice tbody tr:not(.expand_td) td:not(.mobile_table_toggle){display: none;}
.filter_popup{width: 400px;}
.tab-style-1 h3{margin-bottom: 10px !important;}

table.table thead tr th,table.table tbody tr td{font-size: 14px; line-height: 1.3em;}
table.table tbody tr{width: 100%; display: flex; flex-wrap: wrap;}
table.table tbody tr td.td_sm_half_width, #cart_detail_table tbody tr td.td_sm_half_width{width: 50%;}
body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current, body .dataTables_wrapper .dataTables_paginate span a.paginate_button.current:hover, body .dataTables_wrapper .dataTables_paginate span a.paginate_button:hover, body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous, body .dataTables_wrapper .dataTables_paginate a.paginate_button.next,body .dataTables_wrapper .dataTables_paginate span a.paginate_button{width: 24px; height: 24px; padding: 5px; font-size: 12px; margin-left: 5px;}
body .dataTables_wrapper .dataTables_paginate a.paginate_button.previous > span, body .dataTables_wrapper .dataTables_paginate a.paginate_button.next > span{font-size: 18px;}
.dataTables_wrapper .dataTables_info { font-size: 12px;}
.dataTables_wrapper .dataTables_paginate{width: 100%; justify-content: center;}
.page-copy .breadcrumb > li a, .page-copy .breadcrumb > li.active { font-size: 14px;}
.breadcrumb>li+li:before{padding: 0;}
.middle_content{margin-top: -70px;}
.page-copy .page-heading { padding-bottom: 100px;}
.dataTables_wrapper .dataTables_length{font-size: 13px;}
.dataTables_wrapper .dataTables_length select{font-size: 14px;}
.modal .modal-body .modal-title,#address_modal .modal-body{padding: 15px;}
.modal .modal-body .modal-title{margin-bottom: 20px;}
.text-medium { font-size: 14px !important; line-height: 1.5em !important;}
.modal .modal-body .btn-sm-sm { padding: 8px 15px; font-size: 14px; border-radius: 4px;}
.modal .btn.btn-sm-sm .material-symbols-outlined{font-size: 130%; margin-left: -7px;}
.mt-sm-1{margin-top: 10px !important;}
.no-input-icon .form-control, .no-input-icon .control input{height: 45px; padding-top: 8px; padding-bottom: 8px;}
.modal .modal-body { padding: 15px;}
.page-copy .page-heading{padding-top: 20px;}
.portal_access_sec{padding: 0;}
.modal .modal-body img{max-width: 50%;}
.modal h2 { font-size: 20px; margin: 0;}
.modal h3 { font-size: 16px; margin: 10px 0;}
.table>:not(caption)>*>*{box-shadow: none;}
footer .footer-bottom p, footer a{margin-bottom: 0;  margin-top: 5px;}
}

@media screen and (max-width:480px){
.btn{ border-radius: 4px;}
.form-group .form-control, .form-control-cell .control input { font-size: 14px;}
.tab-style-1 .nav-tabs>li>a{ padding: 10px 8px; font-size: 16px;} 
footer h6{font-size: 18px; margin: 0 0 20px;}
footer .footer-logo { width: 100px; margin-bottom: 20px;}
footer .foot_ul > li{margin-bottom: 15px;}
footer .foot_ul li a{font-size: 16px;}
footer .foot_ul .foot_sub_ul li a{font-size: 14px;}
footer .foot_ul .foot_sub_ul{margin: 0 0 13px 0;}
.paginationBox .pagination{max-width: calc(100% - 35px); margin: 0;}
.custom_radio_btn .radio-item label:before { top: 21px;}
.custom_radio_btn .radio-item label:after { top: 15px;}
.horizontal_questations .vertical_design_box{width: 100%;}
h3{font-size: 20px;}
}
@media screen and (max-width:479px){
.home_shop_cate .shop_cat_list li { width: 100%; padding-top: 15px; padding-bottom: 15px;}
.footer-bottom .footer_btm_left p, .footer-bottom .footer_btm_right a { font-size: 12px;}
.footer-bottom .footer_btm_right a { margin-bottom: 5px;}
.footer-bottom .footer_btm_right{flex-wrap: wrap; margin: 20px auto 10px;}
.footer-bottom .footer_btm_right a + a{border: none;}
.footer-bottom .footer_btm_right a { padding-left: 8px; padding-right: 8px;}
.page-copy .breadcrumb > li a, .page-copy .breadcrumb > li.active {font-size: 13px;}
.page-copy .page-heading { padding-bottom: 70px;}
.middle_content { margin-top: -50px;}
header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{font-size: 12px; padding: 0 3px;}
header .navbar-static-top.navbar .navbar-collapse{max-width: calc(100% - 120px);}
}
@media screen and (max-width:414px){
footer h6 { font-size: 16px;}
}
@media screen and (max-width:375px){
header .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{font-size: 11px;}
}