@charset "UTF-8";
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --xbsmallfont: 12px;
  scroll-behavior: smooth;
}

html {
  scroll-behavior: smooth;
  float: left;
  height: 100%;
  min-width: 100%;
  width: 100%;
}

body {
  margin: 0;
}


.body {
  padding: 0px;
  margin: 0px;
  min-height: 100%;
  margin: 0;
  background: var(--sitebgcolor);
  float: left;
  width: 100%;
  height: 100%;
  min-width: 100%;
  overflow: auto !important;
  padding-right: 0 !important;
}

*, *::before, *::after {
  box-sizing: border-box;
}


*:disabled{
  opacity: 0.6;
  cursor: not-allowed !important;
}

* {

  font-family: var(--primary-font), Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  line-height: 1.7em;
  font-size: var(--bodyFontSize);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

body, div, p, span, ui, ul, li, ol, p span, span p, span{
  color: var(--bodytextcolor);
  font-weight: var(--bodyFontSize); /*mobile*/
}

.h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: 600;
}

.h1 {
  font-size: var(--bsubheaderFontSize);/*mobile*/
}
.h2 {
  font-size: var(--bsubheaderFontSize);/*mobile*/
}
.h3 {
  font-size: var(--bsubheaderFontSize);/*mobile*/
}
.h4 {
  font-size: var(--bsubheaderFontSize);/*mobile*/
}
.h5 {
  font-size: var(--bsubsubheaderFontSize);/*mobile*/
}
.h6 {
  font-size: var(--bsubsubheaderFontSize);/*mobile*/
}

input, button p, input p, *::part(input) {
  outline: none;
  -webkit-font-smoothing: antialiased;
  border: 0;
  box-shadow: none;
  font-size: var(--bodyFontSize);
  background: transparent;
}

button, *::part(button) {
  cursor: pointer;
  font-size: var(--bodyFontSize);

  outline: none;
  -webkit-font-smoothing: antialiased;
  border: 0;
  box-shadow: none;
  font-size: var(--bodyFontSize);
  background: transparent;
  text-decoration: none;
  color: inherit;
}

button:disabled, *::part(disabledbutton) {
  cursor: default;
}

select, *::part(select) {
  background-color: #fff !important;
}

.form-select, *::part(form-select) {
  background-color: #fff !important;
  padding: 6px;
  border: 1px solid var(--gray2);
  border-radius: var(--border_radius_original);
  outline: none;
  width: auto !important;
}

a, *::part(a) {
  cursor: pointer;
}
a:hover, *::part(a:hover) {
  color: inherit;
}

a.button, *::part(a:button) {
  outline: none;
  -webkit-font-smoothing: antialiased;
  border: 0;
  box-shadow: none;
  font-size: var(--bodyFontSize);
  background: transparent;
  text-decoration: none;
  color: inherit;
  text-decoration: none;
  color: inherit;
}

.main-container {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}

.expandtodetails, *::part(expandtodetails){
  width: 18px;
  float: left;
  margin-right: 6px;
  top: inherit;
  position: relative;
}

.btn, *::part(btn) {
  outline: none !important;
  box-shadow: none;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.btn:focus, .btn:active, *::part(.btn):focus, *::part(.btn):active{
  outline: none !important;
  box-shadow: none;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(var(--primary-color), 0.8);
  box-shadow: 0 1px 1px rgba(var(--primary-color), 0.075) inset,
    0 0 8px rgba(var(--primary-color), 0.6);
  outline: 0 none;
}

input[type="checkbox"] {
  accent-color: var(--gray1);
}

.form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn-outline, *::part(btn-outline){
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  border: 1px solid;
  text-decoration: underline;
}

.btn-outline-primary, *::part(btn-outline-primary) {
  border-color: var(--primary-color) !important;
  border: 1px solid;
}

.btn-outline-danger, *::part(btn-outline-danger) {
  color: var(--bs-danger) !important;
  border-color: var(--bs-danger) !important;
  background-color: #fff !important;
  border: 1px solid;
}

.btn-primary, *::part(btn-primary) {
  color: var(--primatybtnfontcolor) !important;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}


.btn-expand, *::part(btn-expand) {
  color: #ffffff !important;
  background-color: var(--gray4) !important;
  border-color: var(--gray4) !important;
}


.btn-gray, *::part(btn-gray) {
  color: #fff;
  background-color: var(--gray2) !important;
  border-color: var(--gray2) !important;
}

.form-group, *::part(form-group) {
  position: relative;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}

.btn-outline-primary:disabled,.btn-outline-primary.disabled {
  color: var(--gray0) !important;
  border-color: var(--gray0) !important;
}

.btn-primary:disabled,
.btn-primary.disabled,
.btn-slide-in.disabled,
.btn-gray.disabled,
.btn-outline-danger:disabled {
  color: var(--gray2) !important;
  border-color: var(--gray2) !important;
  background-color: var(--gray1) !important;
}

.btn-slide-in, *::part(btn-slide-in) {
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
  border: 1px solid var(--primary-color);
  
}

.btn-slide-in:hover, *::part(btn-slide-in):hover {
  color: var(--gray0) !important;
  background-color: var(--primary-color) !important;
  box-shadow: inset 20em 0 0 0 var(--primary-color);
}

.btn-success-slide-in {
  background-color: var(--greencolor) !important;
  color: #fff;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
  border: 1px solid var(--greencolor) !important;
}

.btn-success-slide-in:hover {
  color: var(--greencolor) !important;
  background-color: #ffffff !important;
  box-shadow: inset 6.5em 0 0 0 #ffffff;
}

.maxbigbutton {
  max-width: 350px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.errorfeedback {
  font-size: var(--smallfont);/*mobile*/
  border: 1px solid var(--redtcolor);
  padding: 5px;
  position: relative;
  margin: 5px 0;
  color: var(--redtcolor);
  float: left;
  width: 100%;
  font-weight: 100;
}

.hide, *::part(hide) {
  display: none;
}

.forcehide, *::part(forcehide) {
  display: none !important;
}

.autoheight, *::part(autoheight) {
  height: auto !important;
}

.invalid, *::part(invalid) {
  border: 1px solid #ff0000 !important;
  -webkit-box-shadow: 0px 0px 3px 0px rgb(255 0 0 / 40%);
  -moz-box-shadow: 0px 0px 3px 0px rgba(255, 0, 0, 0.4);
  box-shadow: 0px 0px 4px 0px rgb(255 0 0 / 50%);
}

form, *::part(form) {
  border: 0;
  margin-bottom: 0px !important;
  padding: 0px 0;
}

.textaligncenter, *::part(textaligncenter) {
  text-align: center !important;
}

.textalignright, *::part(textalignright) {
  text-align: right !important;
}

.textalignleft, *::part(textalignleft) {
  text-align: left !important;
}

.noborder, *::part(noborder) {
  border: 0 !important;
}

.noborder1solid {
  border: 1px solid;
}

.noborder2solid {
  border: 2px solid;
}

.noborder2solid {
  border: 3px solid;
}

.noborder5solid {
  border: 5px solid;
}

.btnminwidth60 {
  min-width: 60px;
}

.noborder1bottomsolidg1, *::part(noborder1bottomsolidg1)  {
  border-bottom: 1px solid var(--gray1);
}
.noborder1bottomsolidg1:last-child {
  border-bottom: 0;
}

.smallButton, *::part(smallButton) {
  padding: 2px 6px !important;
}

.smallText, *::part(smallText) {
  font-size: var(--smallfont);/*mobile*/
}

.display-flex, *::part(display-flex) {
  display: flex;
}

.flexvcenter, *::part(flexvcenter) {
  display: flex;
}

.display-block, *::part(display-block) {
  display: block !important;
}

.display-grid, *::part(display-grid) {
  display: grid;
}

.display-inline-block, *::part(display-inline-block) {
  display: inline-block;
}

.display-table, *::part(display-table) {
  display: table !important;
}

.display-tablecell, *::part(display-tablecell) {
  display: table-cell;
}

.display-flexroot, *::part(display-flexroot) {
  display: flow-root;
}

.verticalmiddle, *::part(verticalmiddle) {
  vertical-align: middle;
}

.verticalbottom, *::part(verticalbottom) {
  vertical-align: bottom;
}

.floatstart, *::part(floatstart) {
  float: left !important;
}

.floatend, *::part(floatend) {
  float: right !important;
}

.floatinlineend, *::part(floatinlineend) {
  float: inline-end !important;
}

.w-100, *::part(w-100) {
  width: 100% !important;
}

.position-relative, *::part(position-relative) {
  position: relative !important;
}

.position-absolute, *::part(position-absolute) {
  position: absolute !important;
}

.position-fixed, *::part(position-fixed) {
  position: fixed !important;
}

.top0left0, *::part(top0left0){
  top: 0;
  left: 0;
}

.top0bottom0, *::part(top0bottom0){
  bottom: 0;
  left: 0;
}

.mrgraytxt3, *::part(mrgraytxt3){
  color: var(--gray3);
}

.h-100, *::part(h-100) {
  height: 100% !important;
}

.bigheader, *::part(bigheader){
  font-size: calc(var(--headerFontSize) + 1.3vw);
  font-weight: 600;
  line-height: normal;
  padding: calc(10px + 0.1vw) 0 !important;
  display: block;
  margin: 0;
  display: inline-block;
}

.mediumheader, *::part(mediumheader){
  font-size: calc(var(--headerFontSize) + 0.2vw);
  font-weight: 600;
  line-height: normal;
  padding: calc(10px + 0.1vw) 0 !important;
  display: block;
  margin: 0;
  display: inline-block;
}

.mobileimagemodal, *::part(mobileimagemodal){
  position: fixed;
  width: 100%;
  height: 100%;
  z-index:999999;
}

.show, *::part(show) {
  display: block;
}

.m2, *::part(m2) {
  margin: 2px;
}

.m3, *::part(m3) {
  margin: 3px;
}

.m4, *::part(m4) {
  margin: 4px;
}

.m5, *::part(m5) {
  margin: 5px;
}

.m6, *::part(m6) {
  margin: 6px;
}

.m10, *::part(m10) {
  margin: 10px;
}

.m15, *::part(m15) {
  margin: 15px;
}

.m20, *::part(m20) {
  margin: 20px;
}

.ms2, *::part(ms2) {
  margin-left: 2px;
}

.ms5, *::part(ms5) {
  margin-left: 5px;
}

.ms10, *::part(ms10) {
  margin-left: 10px;
}

.ms15, *::part(ms15) {
  margin-left: 15px;
}

.ms20, *::part(ms20) {
  margin-left: 20px;
}

.me2, *::part(me2) {
  margin-right: 2px;
}

.me5, *::part(me5) {
  margin-right: 5px;
}

.me7, *::part(me7) {
  margin-right: 5px;
}

.me10, *::part(me10) {
  margin-right: 10px;
}

.me15, *::part(me15) {
  margin-right: 15px;
}

.me20, *::part(me20) {
  margin-right: 20px;
}

.mt0, *::part(mt0) {
  margin-top: 0px;
}

.mt2, *::part(mt2) {
  margin-top: 2px;
}

.mt3, *::part(mt3) {
  margin-top: 3px;
}

.mt5, *::part(mt5) {
  margin-top: 5px;
}

.mt10, *::part(mt10) {
  margin-top: 10px;
}

.mt7, *::part(mt7) {
  margin-top: 7px;
}

.mt15, *::part(mt15) {
  margin-top: 15px;
}

.mt20, *::part(mt20) {
  margin-top: 20px;
}

.mt25, *::part(mt25) {
  margin-top: 25px;
}


.mt30, *::part(mt30) {
  margin-top: 30px;
}


.mb0, *::part(mb0) {
  margin-bottom: 0px;
}

.mb2, *::part(mb2) {
  margin-bottom: 2px;
}

.mb5, *::part(mb5) {
  margin-bottom: 5px;
}

.mb10, *::part(mb10) {
  margin-bottom: 10px;
}

.mb15, *::part(mb15) {
  margin-bottom: 15px;
}

.mb20, *::part(mb20) {
  margin-bottom: 20px;
}

.m0, *::part(m0) {
  margin: 0;
}

.p0, *::part(p0) {
  padding: 0 !important;
}

.p2, *::part(p2) {
  padding: 2px !important;
}

.p3, *::part(p3) {
  padding: 3px !important;
}

.p5, *::part(p5) {
  padding: 5px;
}

.p10, *::part(p10) {
  padding: 10px;
}

.p15, *::part(p15) {
  padding: 15px;
}

.p20, *::part(p20) {
  padding: 20px;
}

.p30, *::part(p30) {
  padding: 30px;
}

.p40, *::part(p40) {
  padding: 40px;
}

.ps5, *::part(ps5) {
  padding-left: 5px;
}

.ps10, *::part(ps10) {
  padding-left: 10px;
}

.ps15, *::part(ps15) {
  padding-left: 15px;
}

.ps20, *::part(ps20) {
  padding-left: 20px;
}

.ps23, *::part(ps23) {
  padding-left: 20px;
}

.ps25, *::part(ps25) {
  padding-left: 25px;
}

.ps30, *::part(ps30) {
  padding-left: 30px;
}

.ps35, *::part(ps35) {
  padding-left: 35px;
}

.ps45, *::part(ps45) {
  padding-left: 45px;
}

.ps50, *::part(ps50) {
  padding-left: 50px;
}

.ps55, *::part(ps55) {
  padding-left: 55px;
}

.pt0, *::part(pt0) {
  padding-top: 0px;
}

.pt5, *::part(pt5) {
  padding-top: 5px;
}

.pt10, *::part(pt10) {
  padding-top: 10px;
}

.pt15, *::part(pt15) {
  padding-top: 15px;
}

.pt20, *::part(pt20) {
  padding-top: 20px;
}

.pt30, *::part(pt30) {
  padding-top: 30px;
}

.pb0, *::part(pb0) {
  padding-bottom: 0px;
}

.pb5, *::part(pb5) {
  padding-bottom: 5px;
}

.pb10, *::part(pb10) {
  padding-bottom: 10px;
}

.pb15, *::part(pb15) {
  padding-bottom: 15px;
}

.pb20, *::part(pb20) {
  padding-bottom: 20px;
}

.pb30, *::part(pb30) {
  padding-bottom: 30px;
}

.pb40, *::part(pb40) {
  padding-bottom: 40px;
}

.pb50, *::part(pb50) {
  padding-bottom: 40px;
}


.pe5, *::part(pe5) {
  padding-right: 5px;
}

.pe10, *::part(pe10) {
  padding-right: 10px;
}

.pe15, *::part(pe15) {
  padding-right: 15px;
}

.pe20, *::part(pe20) {
  padding-right: 20px;
}

.ps5, *::part(ps5) {
  padding-left: 5px;
}

.ps10, *::part(ps10) {
  padding-left: 10px;
}

.ps15, *::part(ps15) {
  padding-left: 15px;
}

.ps20, *::part(ps20) {
  padding-left: 20px;
}

.ps0, *::part(ps0) {
  padding-left: 0px;
}


.col-auto, *::part(col-auto) {
  flex: 0 0 auto;
  width: auto;
}

.col-1, *::part(col-1) {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2, *::part(col-2) {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3, *::part(col-3) {
  flex: 0 0 auto;
  width: 25%;
}

.col-4, *::part(col-4) {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5, *::part(col-5) {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6, *::part(col-6) {
  flex: 0 0 auto;
  width: 50%;
}

.col-7, *::part(col-7) {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8, *::part(col-8) {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9, *::part(col-9) {
  flex: 0 0 auto;
  width: 75%;
}

.col-10, *::part(col-10) {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11, *::part(col-11) {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12, *::part(col-12) {
  flex: 0 0 auto;
  width: 100%;
}

.top0, *::part(top0) {
  top: 0;
}

.top1, *::part(top1) {
  top: 1px;
}

.top2, *::part(top2) {
  top: 2px;
}

.top3, *::part(top3) {
  top: 3px;
}

.top4, *::part(top4) {
  top: 5px;
}

.top5, *::part(top5) {
  top: 5px;
}

.left0, *::part(left0) {
  left: 0;
}

.right0, *::part(right0) {
  right: 0;
}

.bottom0, *::part(bottom0) {
  bottom: 0;
}

.lineheight0, *::part(lineheight0) {
  line-height: 0;
}

.bold, *::part(bold) {
  font-weight: 700 !important;
}

.successtxt, *::part(successtxt) {
  color: var(--greencolor) !important;
}

.failedtxt, *::part(failedtxt) {
  color: var(--redtcolor) !important;
}

.line-clamp, *::part(line-clamp) {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: normal;
}

.modalpatch {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 999;
}

strong, *::part(strong) {
  font-weight: bold !important;
}

.borderleft0, *::part(borderleft0) {
  border-left: 0 !important;
}

.bordertop0, *::part(bordertop0) {
  border-top: 0 !important;
}

.borderright0, *::part(borderright0) {
  border-right: 0 !important;
}

.borderbottom0, *::part(borderbottom0) {
  border-bottom: 0 !important;
}

.borderbottom1g0, *::part(borderbottom1g0) {
  border-bottom: 1px solid var(--gray0) !important;
}

.borderbottom1g1, *::part(borderbottom1g1) {
  border-bottom: 1px solid var(--gray1) !important;
}

.borderbottom1g0:last-child {
  border-bottom: 0 !important;
}

.border1g0 {
  border-bottom: 1px solid var(--gray0) !important;
}

.clearfix, *::part(clearfix) {
  position: relative;
  clear: both;
  width: 0;
  height: 0;
}

.text-white, *::part(text-white) {
  color: #fff !important;
}

.bg-success, *::part(bg-success) {
  background-color: var(--greencolor) !important;
}

.bg-danger, *::part(bg-danger) {
  background-color: var(--redtcolor) !important;
}

.bg-white, *::part(bg-white) {
  background-color: #fff !important;
}

.border-redius-0, *::part(border-redius-0) {
  border-radius: 0 !important;
}

.border-redius-2, *::part(border-redius-2) {
  border-radius: 2px !important;
}
.border-redius-3, *::part(border-redius-3) {
  border-radius: 3px !important;
}

.border-redius-4, *::part(border-redius-4) {
  border-radius: 4px !important;
}

.border-redius-5, *::part(border-redius-5) {
  border-radius: 5px !important;
}

.border-redius-7, *::part(border-redius-7) {
  border-radius: 8px !important;
}

.border-redius-50, *::part(border-redius-50) {
  border-radius: 50% !important;
}

.mandetory, *::part(mandetory) {
  color: var(--redtcolor);
}

.disabledtext, *::part(disabledtext) {
  color: #e4e4e4;
}

input:disabled, *::part(inputdisabled) {
  color: var(--gray5);
  border-color: var(--gray0) !important;
  cursor: default;
  background-color: var(--gpatchcolor);
}

.activeloader {
  position: relative;
  margin: 0px 5px;
  top: 4px;
  display: none;
}

.itemloader {
  display: inline-block;
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid var(--primary-color);
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

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

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

.strikethrough, *::part(strikethrough) {
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--redtcolor);
  text-underline-offset: 2px;
}

.floatnone, *::part(floatnone) {
  float: none !important;
}

.margin0auto, *::part(margin0auto) {
  margin: 0 auto;
}

.bgray0, *::part(bgray0) {
  border-color: var(--gray0);
}

.bgray1, *::part(bgray1) {
  border-color: var(--gray1);
}

.bgray2, *::part(bgray2) {
  border-color: var(--gray2);
}

.bgray3, *::part(bgray3) {
  border-color: var(--gray3);
}

.bgray4, *::part(bgray4) {
  border-color: var(--gray4);
}

.bgray5, *::part(bgray5) {
  border-color: var(--gray5);
}

.colorg0, *::part(colorg0) {
  color: var(--gray0);
}

.colorg1, *::part(colorg1) {
  color: var(--gray1);
}

.colorg2, *::part(colorg2) {
  color: var(--gray2);
}

.colorg3, *::part(colorg3) {
  color: var(--gray3);
}

.colorg4, *::part(colorg4) {
  color: var(--gray4);
}

.colorg5, *::part(colorg5) {
  color: var(--gray5);
}

.opacity0, *::part(opacity0) {
  opacity: 0;
}

.opacity5, *::part(opacity5) {
  opacity: 0.5;
}

.uppercase, *::part(uppercase){
  text-transform: uppercase;
}

.capcule, *::part(capcule) {
  display: inline-block;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  color: var(--primary-color);
  min-height: 27px;
  border-radius: var(--border_radius_xmore);;
  background-color: var(--primary-color);
  color: #ffffff;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}

.capcule:hover, *::part(capcule:hover) {
  color: #ffffff !important;
  background-color: var(--primary-color) !important;
  box-shadow: inset 6.5em 0 0 0 var(--primary-color);
}

.capcule i::before, *::part(capcule i::before) {
  font-weight: 600 !important;
}

.capcule:disabled, *::part(capcule:disabled) {
  color: var(--gray1) !important;
  background-color: var(--gray0) !important;
  box-shadow: none !important;
  border-color: var(--gray1);
}

.text-truncate, *::part(text-truncate) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bordertoprightradius0, *::part(bordertoprightradius0) {
  border-top-right-radius: 0 !important;
}

.bordertopleftradius0, *::part(bordertopleftradius0) {
  border-top-left-radius: 0 !important;
}

.borderbottomrightradius0, *::part(borderbottomrightradius0) {
  border-bottom-right-radius: 0 !important;
}

.borderbottomleftradius0, *::part(borderbottomleftradius0) {
  border-bottom-left-radius: 0 !important;
}

.ringloader {
  display: inline-block;
  width: 102%;
  height: 106%;
  background: rgba(255, 255, 255, 0.9);
  position: relative;
  top: 3px;
  left: -1px;
}

.ringloader:after {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  margin: 3px;
  border-radius: 50%;
  border: 3px solid var(--primary-color);
  border-color: var(--primary-color) transparent var(--primary-color)
    transparent;
  animation: ringloaderanimation 1.2s linear infinite;
  left: calc(50% - 14px);
  top: calc(50% - 13px);
  position: absolute;
}

@keyframes ringloaderanimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.disableboxandchild, *::part(disableboxandchild) {
  opacity: 0.3;
}

.radiotypebtn {
  position: relative;
  float: left;
  text-align: left;
}

.errortext, *::part(errortext) {
  color: var(--redtcolor);
  text-transform: uppercase;
}

.blinktext, *::part(blinktext) {
  animation: blinker 1s ease-in-out infinite alternate;
}
@keyframes blinker {
  to {
    opacity: 0.3;
  }
}


.whitetext, *::part(whitetext) {
  color: #ffffff;
}

.fontweightnormal, *::part(fontweightnormal) {
  font-weight: normal !important;
}

p, *::part(p) {
  margin: 0;
  font-family: inherit !important;
}

p span {
  margin: 0;
  font-family: inherit !important;
}

.primarycolortxt {
  color: var(--primary-color);
}

.bi, *::part(bi) {
  font-size: 20px;
}

.bi-medium, *::part(bi-medium) {
  font-size: 25px !important;
}

.bi-lg, *::part(bi-lg) {
  font-size: 30px !important;
}

.bigicon, *::part(bigicon) {
  font-size: 22px;
}

.lineheight-normal, *::part(lineheight-normal){
  line-height: normal !important;
}

.datepicker {
  position: absolute;
  top: 27px !important;
  left: 0 !important;
  z-index: 9;
  user-select: none;
  width: 250px;
  height: 250px;
  border-radius: var(--border_radius_original);
  background-color: white;
  box-shadow: 0 0 16px -8px black;
  border: 2px solid var(--gray1);
}

.zindex1 {
  z-index: 1 !important;
}

.fieldset, *::part(fieldset) {
  border-color: var(--gray0);
  border-style: solid;
}

.alerttext, *::part(alerttext) {
  color: var(--bs-danger);
  font-weight: 600;
}

b {
  font-weight: bold !important;
}

font {
  font-size: inherit;
}

.termsfooterbtn {
  padding: 10px 21px;
  border-radius: var(--border_radius_xsmall);
  font-weight: 700;
}

.backgroundgray0 {
  background-color: var(--gray0);
}

.backgroundgray1 {
  background-color: var(--gray1);
}

.backgroundgray2 {
  background-color: var(--gray2);
}

.backgroundgray3 {
  background-color: var(--gray3);
}

.backgroundgray4 {
  background-color: var(--gray4);
}

.backgroundgray5 {
  background-color: var(--gray5);
}

.backgroundprimary {
  background-color: var(--primary-color);
}

.overflowyauto, *::part(overflowyauto) {
  overflow-x: hidden;
  overflow-y: auto;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.headerfontsize, *::part(headerfontsize){
  font-size: var(--headerFontSize);/*mobile*/
}


.gutterheight, *::part(gutterheight){
  min-height: calc(10px + 1.5vw);;
}

.basicshadowbox, *::part(basicshadowbox){
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(209,209,209,1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(209,209,209,1);
  box-shadow: 0px 0px 5px 0px rgba(209,209,209,1);
}


.whitebg, *::part(whitebg) {
  background-color: #f8fff7;
}

.footercolor, *::part(footercolor) {
  background-color: var(--footerbgcolor);
}


.rawwhitebg, *::part(rawwhitebg) {
  background-color: #ffffff;
}

.whiteshadowbox, *::part(whiteshadowbox) {
  border: 1px solid var(--gray1);
  border-left: 0;
}

.whitelightshadowbox, *::part(whitelightshadowbox) {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
}

.asterix, *::part(asterix){
  color: var(--redtcolor);
  font-size: x-large;
  line-height: 0;
  position: relative;
  top: 8px;
  left: 2px;
}

.input-group, *::part(input-group) {
  display: flex;
}

.form-control, *::part(form-control) {
  border: 1px solid var(--gray1) !important;
  width: 100%;
  border-radius: var(--border_radius_original);
  padding: 0 5px;
  min-height: 40px;
  line-height: normal;
  background: #ffffff;
}

.leftrounderprimaryborder {
  border-radius: var(--border_radius_original);
  background-color: #fff;
  border-left: 3px solid var(--primary-color);
}

.border-right-gray0 {
  border-right: 1px solid var(--gray0);
}
.slick-dotted.slick-slider{
  margin-bottom: 0px !important;
}

/*Cookie*/


.cookiepopup{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  z-index: 99999;
}

.cookiepopmain{
  position: absolute;
  bottom: 0;
  padding: 30px;
  background: #ffffff;
  width: 100%;
  left: 0;
}

.cookiepopupinner{
  position: relative;
  width: 100%;
  display: table;
}

.cookiepopuptxt{
  display: table-cell;
  vertical-align: middle;
}

.cookiepopupbtn{
  display: table-cell;
  vertical-align: middle;
}

.acceptcookie{
  border-radius: var(--border_radius_more);
  max-width: 95px;
}




/*branch*/


.branchpopup{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  z-index: 9999;
}

.branchpopmain{
  position: absolute;
  width: 100%;
  display: table;
  height: 100%;
}

.branchpopupinner{
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.branchpopuptxt{
  max-width: 450px;
  background: #fff;
  border-radius: var(--border_radius_more);
  padding: 15px;
  margin: 0 auto;
  display: grid;
}

.branchselect{
  border-color: var(--gray2);
    height: 40px;
    width: 100%;
}

.xlargefont {
  font-size: var(--headerFontSize);/*mobile*/
}

.mr {
  color: var(--gray3);
}

.blur, *::part(blur) {
  filter: blur(4px);
}


.acceptbranch{
  border-radius: var(--border_radius_more);
  max-width: 105px;
}



.lds-dual-ring-small:after, *::part(lds-dual-ring-small:after) {
  content: " ";
  display: block;
  width: 30px;
  height: 30px;
  margin: 0px;
  border-radius: 50%;
  border: 4px solid #8e8e8e;
  border-color: #8e8e8e transparent #8e8e8e transparent;
  animation: lds-dual-ring-small 1.2s linear infinite;
}

.lds-dual-ring-small, *::part(lds-dual-ring-small) {
  display: inline-block;
  width: 30px;
  height: 30px;
}


@keyframes lds-dual-ring-small {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}