@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&family=Open+Sans:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;900&display=swap');
@import url("bootstrap-icons.min.css");
@font-face {
  font-family: 'Somarsans';
  src: url('asset/sfonts/SomarSans-Regular.woff2') format('woff2'),
        url('asset/sfonts/SomarSans-Regular.woff') format('woff'),
        url('asset/sfonts/SomarSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Somarsans';
  src: url('asset/sfonts/SomarSans-Medium.woff2') format('woff2'),
        url('asset/sfonts/SomarSans-Medium.woff') format('woff'),
        url('asset/sfonts/SomarSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Somarsans';
  src: url('asset/sfonts/SomarSans-SemiBold.woff2') format('woff2'),
        url('asset/sfonts/SomarSans-SemiBold.woff') format('woff'),
        url('asset/sfonts/SomarSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Somarsans';
  src: url('asset/sfonts/SomarSans-Bold.woff2') format('woff2'),
        url('asset/sfonts/SomarSans-Bold.woff') format('woff'),
        url('asset/sfonts/SomarSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: bold;
  font-display: swap;
}
/*-------------------------------------*/
*{outline:0px !important;}
input{box-shadow: none !important;}
img {max-width:100%;}
body {
  font-family: 'Inter', sans-serif;
  background-color: #f3f4f6;
  color: #333;
  /* position: relative; */
  /* width: 100vw; */
  /* height: 100vh; */
  overflow-x: hidden;
  margin: 0;padding: 0;
}
/* #sitewrapper{
  position: relative;width: 100vw;overflow-x: hidden;
  height: 100vh;
} */
#sitewrapper::-webkit-scrollbar{
  width:0;
}
:root {
  --color1: #2D51E0;
  --color1dark: #2D51E0;
  --color2: #124a53;
  --color3: #ebeef8;
  --color3dark: #d9d6ec;
  --color4: #ce6a6c;
  --color5: #e9d3d3;
  --color6: #6d738c;
  --lighter: #F6F7FB;
  --light: #e6ebed;
  --white: #FFFFFF;
  --black: #000000;
  --dark: #27272E;
  --gray: #999FAE;
  --body: #787878;
  --midgray: #878787;
  --middark: #6a6787;
  /**/
  --bs-blue: #2D51E0;
  --bs-indigo: #2D51E0;
  --bs-purple: #2D51E0;
  --bs-pink: #e83e8c;
  --bs-red: #ea5455;
  --bs-orange: #fd7e14;
  --bs-yellow: #ff9f43;
  --bs-green: #28c76f;
  --bs-teal: #20c997;
  --bs-cyan: #00cfe8;
  --bs-black: #4b465c;
  --bs-white: #fff;
  --bs-gray: rgba(75, 70, 92, 0.6);
  --bs-gray-dark: rgba(75, 70, 92, 0.8);
  --bs-gray-25: rgba(75, 70, 92, 0.015);
  --bs-gray-50: rgba(75, 70, 92, 0.03);
  --bs-secondary: #a8aaae;
  --bs-success: #28c76f;
  --bs-info: #00cfe8;
  --bs-warning: #ff9f43;
  --bs-danger: #ea5455;
  --bs-light: #dfdfe3;
  --bs-dark: #4b4b4b;
  --bs-gray: rgba(75, 70, 92, 0.05);
  --bs-secondary-rgb: 168, 170, 174;
  --bs-success-rgb: 40, 199, 111;
  --bs-info-rgb: 0, 207, 232;
  --bs-warning-rgb: 255, 159, 67;
  --bs-danger-rgb: 234, 84, 85;
  --bs-light-rgb: 223, 223, 227;
  --bs-dark-rgb: 75, 75, 75;
  --bs-gray-rgb: 75, 70, 92;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 75, 70, 92;
  --bs-body-color-rgb: 111, 107, 125;
  --bs-body-bg-rgb: 248, 247, 250;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-root-font-size: 16px;
  --bs-body-font-size:0.9375rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.47;
  --bs-body-color: #6f6b7d;
  --bs-body-bg: #f8f7fa;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dbdade;
  --bs-border-color-translucent: rgba(75, 70, 92, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 0.625rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-code-color: #e83e8c;
  --bs-highlight-bg: #ffecd9;
  /**/
  --bs-primary: #2D51E0;
  --bs-primary-rgb: 105, 94, 211;
  --bs-link-color: #2D51E0;
  --bs-link-hover-color: #2D51E0;
}
.active>.page-link, .page-link.active {
    border-color: #2D51E0;
    background-color: #2D51E0;
}
/*override bootstrap */
.btn{
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-padding-y: 0.6rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size:0.9375rem;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1.125;
  --bs-btn-color: #FFF;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: 0px 2px 4px rgba(165, 163, 174, 0.4);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.05rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display:inline-block;
  padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family:var(--bs-btn-font-family);
  font-size:var(--bs-btn-font-size);
  font-weight:var(--bs-btn-font-weight);
  line-height:var(--bs-btn-line-height);
  color:var(--bs-btn-color);
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius:var(--bs-btn-border-radius);
  background-color:var(--bs-btn-bg);
  transition:all .2s ease-in-out
}
@media(prefers-reduced-motion: reduce){
  .btn{
      transition:none
  }
}
.btn:hover{
    color: #FFF;
  opacity: .9
}
.btn-check+.btn:hover{
  color:var(--bs-btn-color);
  background-color:var(--bs-btn-bg);
  border-color:var(--bs-btn-border-color)
}
.btn:focus-visible{
  color: #FFF;
  background-color:var(--bs-btn-hover-bg);
  border-color:var(--bs-btn-hover-border-color);
  outline:0;
  box-shadow:var(--bs-btn-focus-box-shadow)
}
.btn-check:focus-visible+.btn{
  border-color:var(--bs-btn-hover-border-color);
  outline:0;
  box-shadow:var(--bs-btn-focus-box-shadow)
}
.btn-check:checked+.btn,:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show{
  color: #FFF !important;
  background-color:var(--color1);
  border-color:var(--bs-btn-active-border-color)
}
.btn-check:checked+.btn:focus-visible,:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible{
  box-shadow:var(--bs-btn-focus-box-shadow)
}
/* .btn:disabled,.btn.disabled,fieldset:disabled .btn{
  color:var(--bs-btn-disabled-color);
  pointer-events:none;
  background-color:var(--bs-btn-disabled-bg);
  border-color:var(--bs-btn-disabled-border-color);
  opacity:var(--bs-btn-disabled-opacity)
} */
.btn-link, .btn{
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: #FFF;
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #FFF;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 136, 126, 242;
  text-decoration:none
}
.btn-link:focus-visible{
  color:var(--bs-btn-color)
}
.btn-lg,.btn-group-lg>.btn{
  --bs-btn-padding-y: 0.84rem;
  --bs-btn-padding-x: 1.625rem;
  --bs-btn-font-size:1.0625rem;
  --bs-btn-border-radius: 0.5rem
}
.btn-sm,.btn-group-sm>.btn{
  --bs-btn-padding-y: 0.41rem;
  --bs-btn-padding-x: 0.875rem;
  --bs-btn-font-size:0.8125rem;
  --bs-btn-border-radius: 0.25rem
}
.fade{
  transition:opacity .15s linear
}
@media(prefers-reduced-motion: reduce){
  .fade{
      transition:none
  }
}
.fade:not(.show){
  opacity:0
}
.collapse:not(.show){
  display:none
}
.collapsing{
  height:0;
  overflow:hidden;
  transition:height .35s ease
}
@media(prefers-reduced-motion: reduce){
  .collapsing{
      transition:none
  }
}
.collapsing.collapse-horizontal{
  width:0;
  height:auto;
  transition:width .35s ease
}
@media(prefers-reduced-motion: reduce){
  .collapsing.collapse-horizontal{
      transition:none
  }
}
.dropup,.dropend,.dropdown,.dropstart,.dropup-center,.dropdown-center{
  position:relative
}
.dropdown-toggle{
  white-space:nowrap
}
.dropdown-toggle::after{
  display:inline-block;
  margin-left:.5em;
  vertical-align:middle;
  content:"";
  margin-top:-0.28em;
  width:.42em;
  height:.42em;
  border:1px solid;
  border-top:0;
  border-left:0;
  transform:rotate(45deg)
}
.dropdown-toggle:empty::after{
  margin-left:0
}
.dropdown-menu{
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.25rem;
  --bs-dropdown-font-size:0.9375rem;
  --bs-dropdown-color: #6f6b7d;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: #dbdade;
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 0px;
  --bs-dropdown-inner-border-radius: 0px;
  --bs-dropdown-divider-bg: #dbdade;
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.25rem 1rem rgba(165, 163, 174, 0.45);
  --bs-dropdown-link-color: #5d596c;
  --bs-dropdown-link-hover-color: #2D51E0;
  --bs-dropdown-link-hover-bg: rgba(115, 103, 240, 0.08);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #2D51E0;
  --bs-dropdown-link-disabled-color: #c9c8ce;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.42rem;
  --bs-dropdown-header-color: #a5a3ae;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position:absolute;
  z-index:var(--bs-dropdown-zindex);
  display:none;
  min-width:var(--bs-dropdown-min-width);
  padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin:0;
  font-size:var(--bs-dropdown-font-size);
  color:var(--bs-dropdown-color);
  text-align:left;
  list-style:none;
  background-color:var(--bs-dropdown-bg);
  background-clip:padding-box;
  border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius:var(--bs-dropdown-border-radius)
}
.btn-primary {
  /* --bs-btn-color: #fff;
  --bs-btn-bg: var(--color1);
  --bs-btn-border-color: var(--color1);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5a50b6;
  --bs-btn-hover-border-color: #544ba5;
  --bs-btn-focus-shadow-rgb: 85,145,255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5c52b7;
  --bs-btn-active-border-color: #544ba5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--color1);
  --bs-btn-disabled-border-color: var(--color1); */
  /* background: linear-gradient(180deg, #2da4e0, #2D51E0);
  color: #FFF; */
}
.btn-custom-primary, 
.btn-primary, 
.box-link-subscribe-now .link-subscribe-now-solid{
    background: var(--btnBgColor) !important;
    color: #FFF;
    border: 0 !important;
}
.btn-danger,
.btn-custom-primary, 
.btn-primary,
.box-link-subscribe-now .link-subscribe-now-solid {
  border-radius: var(--borderRadius) !important; 
}
.btn.disabled, 
.btn:disabled {
  line-height: 1;
  background: var(--btnDisabledBgColor) !important;
}

.general-search-btn {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: var(--borderRadius) !important;
  border-top-right-radius: var(--borderRadius) !important;
}

.dropdown-menu[data-bs-popper]{
  top:100%;left:0;margin-top:var(--bs-dropdown-spacer)
}
.dropdown-menu-start{--bs-position: start;}
.dropdown-menu-start[data-bs-popper]{right:auto;left:0;}
.dropdown-menu-end{--bs-position: end;}
.dropdown-menu-end[data-bs-popper]{right:0; left:auto;}
@media(min-width: 576px){
  .dropdown-menu-sm-start{--bs-position: start;}
  .dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0;}
  .dropdown-menu-sm-end{--bs-position: end;}
  .dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto;}
}
@media(min-width: 768px){
  .dropdown-menu-md-start{--bs-position: start;}
  .dropdown-menu-md-start[data-bs-popper]{right:auto;left:0;}
  .dropdown-menu-md-end{--bs-position: end; }
  .dropdown-menu-md-end[data-bs-popper]{right:0;left:auto;}
}
@media(min-width: 992px){
  .dropdown-menu-lg-start{--bs-position: start;}
  .dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0;}
  .dropdown-menu-lg-end{--bs-position: end;}
  .dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto;}
}
@media(min-width: 1200px){
  .dropdown-menu-xl-start{--bs-position: start;}
  .dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0;}
  .dropdown-menu-xl-end{--bs-position: end;}
  .dropdown-menu-xl-end[data-bs-popper]{ right:0;left:auto;}
}
@media(min-width: 1400px){
  .dropdown-menu-xxl-start{--bs-position: start;}
  .dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0;}
  .dropdown-menu-xxl-end{--bs-position: end;}
  .dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto;}
  #sidemenu li a {font-size: 1.1rem !important;}
}
.dropup .dropdown-menu[data-bs-popper]{
  top:auto;bottom:100%;margin-top:0;
  margin-bottom:var(--bs-dropdown-spacer)
}
.dropup .dropdown-toggle::after{
  display:inline-block;
  margin-left:.5em;
  vertical-align:middle;
  content:"";
  margin-top:0;
  width:.42em;
  height:.42em;
  border:1px solid;
  border-bottom:0;
  border-left:0;
  transform:rotate(-45deg)
}
.dropup .dropdown-toggle:empty::after{margin-left:0;}
.dropend .dropdown-menu[data-bs-popper]{
  top:0;right:auto;
  left:100%;
  margin-top:0;
  margin-left:var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after{
  display:inline-block;
  margin-left:.5em;
  vertical-align:middle;
  content:"";
  border-top:.42em solid rgba(0,0,0,0);
  border-right:0;
  border-bottom:.42em solid rgba(0,0,0,0);
  border-left:.42em solid
}
.dropend .dropdown-toggle:empty::after{margin-left:0;}
.dropend .dropdown-toggle::after{vertical-align:0;}
.dropstart .dropdown-menu[data-bs-popper]{
  top:0;right:100%;
  left:auto;
  margin-top:0;
  margin-right:var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after{
  display:inline-block;
  margin-left:.5em;
  vertical-align:middle;
  content:"";
}
.dropstart .dropdown-toggle::after{display:none;}
.dropstart .dropdown-toggle::before{
  display:inline-block;
  margin-right:.5em;
  vertical-align:middle;
  content:"";
  border-top:.42em solid rgba(0,0,0,0);
  border-right:.42em solid;
  border-bottom:.42em solid rgba(0,0,0,0)
}
.dropstart .dropdown-toggle:empty::after{margin-left:0;}
.dropstart .dropdown-toggle::before{vertical-align:0;}
.dropdown-divider{
  height:0;
  margin:var(--bs-dropdown-divider-margin-y) 0;
  overflow:hidden;
  border-top:1px solid var(--bs-dropdown-divider-bg);
  opacity:1;
}
.dropdown-item{
  display:block;
  width:100%;
  padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear:both;
  font-weight:400;
  color:var(--bs-dropdown-link-color);
  text-align:inherit;
  white-space:nowrap;
  background-color:rgba(0,0,0,0);
  border:0;
}
.dropdown-item:hover,.dropdown-item:focus{
  color:var(--bs-dropdown-link-hover-color);
  background-color:var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,.dropdown-item:active{
  color:var(--bs-dropdown-link-active-color);
  text-decoration:none;
  background-color:var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,.dropdown-item:disabled{
  color:var(--bs-dropdown-link-disabled-color);
  pointer-events:none;
  background-color:rgba(0,0,0,0);
}
.dropdown-menu.show{display:block;}
.dropdown-header{
  display:block;
  padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom:0;
  font-size:0.75rem;
  color:var(--bs-dropdown-header-color);
  white-space:nowrap
}
.dropdown-item-text{
  display:block;
  padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color:var(--bs-dropdown-link-color)
}
.dropdown-menu-dark{
  --bs-dropdown-color: rgba(75, 70, 92, 0.3);
  --bs-dropdown-bg: rgba(75, 70, 92, 0.8);
  --bs-dropdown-border-color: #dbdade;
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: rgba(75, 70, 92, 0.3);
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: #dbdade;
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #7367f0;
  --bs-dropdown-link-disabled-color: rgba(75, 70, 92, 0.5);
  --bs-dropdown-header-color: rgba(75, 70, 92, 0.5)
}
.btn-group,.btn-group-vertical{
  position:relative;
  display:inline-flex;
  vertical-align:middle
}
.btn-group>.btn,.btn-group-vertical>.btn{position:relative;flex:1 1 auto;}
.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn:hover,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active{
  z-index:1
}
.btn-toolbar{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
}
.btn-toolbar .input-group{width:auto;}
.btn-group{border-radius:.375rem;}
.btn-group>:not(.btn-check:first-child)+.btn,.btn-group>.btn-group:not(:first-child){
  margin-left:-1px;
}
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn{
  border-top-right-radius: var(--borderRadius);
  border-bottom-right-radius: var(--borderRadius);
}
 
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn.dropdown-toggle-split:first-child, .btn-group>.btn:not(:last-child):not(.dropdown-toggle){
  border-top-left-radius: var(--borderRadius);
  border-bottom-left-radius: var(--borderRadius);
} 
.dropdown-toggle-split{
  padding-right:.9375rem;
  padding-left:.9375rem;
}
.dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after{
  margin-left:0;
}
.dropstart .dropdown-toggle-split::before{
  margin-right:0;
}
.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split{
  padding-right:.65625rem;
  padding-left:.65625rem;
}
.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split{
  padding-right:1.21875rem;
  padding-left:1.21875rem;
}
.btn-group-vertical{
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{
  width:100%;
}
.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child){
  margin-top:-1px
}
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn{
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}
.btn-group-vertical>.btn~.btn,.btn-group-vertical>.btn-group:not(:first-child)>.btn{
  border-top-left-radius:0;
  border-top-right-radius:0;
}
.nav{
  --bs-nav-link-padding-x: 1.25rem;
  --bs-nav-link-padding-y: 0.543rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: #5d596c;
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #a5a3ae;
  display:flex;
  flex-wrap:wrap;
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.nav-link{
  display:block;
  padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size:var(--bs-nav-link-font-size);
  font-weight:var(--bs-nav-link-font-weight);
  color:var(--bs-nav-link-color);
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
@media(prefers-reduced-motion: reduce){
  .nav-link{transition:none;}
}
.nav-link:hover,.nav-link:focus{color:var(--bs-nav-link-hover-color);}
.nav-link.disabled{
  color:var(--bs-nav-link-disabled-color);
  pointer-events:none;
  cursor:default;
}
.nav-tabs{
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: transparent;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: rgba(75, 70, 92, 0.2) rgba(75, 70, 92, 0.2) transparent;
  --bs-nav-tabs-link-active-color: #2D51E0;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: rgba(75, 70, 92, 0.3) rgba(75, 70, 92, 0.3) #fff;
  border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}
.nav-tabs .nav-link{
  margin-bottom:calc(-1*var(--bs-nav-tabs-border-width));
  background:none;
  border:var(--bs-nav-tabs-border-width) solid rgba(0,0,0,0);
  border-top-left-radius:var(--bs-nav-tabs-border-radius);
  border-top-right-radius:var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{
  /* isolation:isolate; */
  border-color:var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled{
  color:var(--bs-nav-link-disabled-color);
  background-color:rgba(0,0,0,0);
  border-color:rgba(0,0,0,0);
}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{
  color:var(--bs-nav-tabs-link-active-color);
  background-color:var(--bs-nav-tabs-link-active-bg);
  border-color:var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu{
  margin-top:calc(-1*var(--bs-nav-tabs-border-width));
  border-top-left-radius:0;
  border-top-right-radius:0;
}
.nav-pills{
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #2D51E0
}
.nav-pills .nav-link{
  background:none;
  border:0;
  border-radius:var(--bs-nav-pills-border-radius)
}
.nav-pills .nav-link:disabled{
  color:var(--bs-nav-link-disabled-color);
  background-color:rgba(0,0,0,0);
  border-color:rgba(0,0,0,0)
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
  color:var(--bs-nav-pills-link-active-color);
  background:linear-gradient(180deg, #2da4e0, #2D51E0)
}
.nav-fill>.nav-link,.nav-fill .nav-item{flex:1 1 auto;text-align:center;}
.nav-justified>.nav-link,.nav-justified .nav-item{
  flex-basis:0;
  flex-grow:1;
  text-align:center;
}
.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%;}
.tab-content>.tab-pane{display:none;}
.tab-content>.active{display:block;}
.navbar{
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(75, 70, 92, 0.5);
  --bs-navbar-hover-color: #6f6b7d;
  --bs-navbar-disabled-color: rgba(75, 70, 92, 0.3);
  --bs-navbar-active-color: #6f6b7d;
  --bs-navbar-brand-padding-y: 0.4970625rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1rem;
  --bs-navbar-brand-color: #6f6b7d;
  --bs-navbar-brand-hover-color: #6f6b7d;
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.5rem;
  --bs-navbar-toggler-padding-x: 0.7rem;
  --bs-navbar-toggler-font-size: 0.625rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12%29-Navbar' transform='translate%28-1174.000000, -1290.000000%29'%3E%3Cg id='Group' transform='translate%281174.000000, 1288.000000%29'%3E%3Cg id='Icon-Color' transform='translate%280.000000, 2.000000%29'%3E%3Cuse fill='rgba%2875, 70, 92, 0.5%29' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba%2875, 70, 92, 0.5%29' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --bs-navbar-toggler-border-color: rgba(75, 70, 92, 0.06);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.05rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl{
  display:flex;
  flex-wrap:inherit;
  align-items:center;
  justify-content:space-between;
}
.navbar-brand{
  padding-top:var(--bs-navbar-brand-padding-y);
  padding-bottom:var(--bs-navbar-brand-padding-y);
  margin-right:var(--bs-navbar-brand-margin-end);
  font-size:var(--bs-navbar-brand-font-size);
  color:var(--bs-navbar-brand-color);
  white-space:nowrap;
}
.navbar-brand:hover,.navbar-brand:focus{color:var(--bs-navbar-brand-hover-color);}
.navbar-nav{
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.543rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display:flex;
  flex-direction:column;
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.navbar-nav .show>.nav-link,.navbar-nav .nav-link.active{color:var(--bs-navbar-active-color);}
.navbar-nav .dropdown-menu{position:static;}
.navbar-text{
  padding-top:.543rem;
  padding-bottom:.543rem;
  color:var(--bs-navbar-color)
}
.navbar-text a,.navbar-text a:hover,.navbar-text a:focus{color:var(--bs-navbar-active-color);}
.navbar-collapse{
  flex-basis:100%;
  flex-grow:1;
  align-items:center;
}
.navbar-toggler{
  padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size:var(--bs-navbar-toggler-font-size);
  line-height:1;
  color:var(--bs-navbar-color);
  background-color:rgba(0,0,0,0);
  border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius:var(--bs-navbar-toggler-border-radius);
  transition:var(--bs-navbar-toggler-transition)
}
@media(prefers-reduced-motion: reduce){
  .navbar-toggler{transition:none;}
}
.navbar-toggler:hover{text-decoration:none;}
.navbar-toggler:focus{text-decoration:none;outline:0;
  box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon{
  display:inline-block;
  width:1.5em;
  height:1.5em;
  vertical-align:middle;
  background-image:var(--bs-navbar-toggler-icon-bg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
}
.navbar-nav-scroll{
  max-height:var(--bs-scroll-height, 75vh);
  overflow-y:auto;
}
@media(min-width: 576px){
  .navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start;}
  .navbar-expand-sm .navbar-nav{flex-direction:row;}
  .navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute;}
  .navbar-expand-sm .navbar-nav .nav-link{
      padding-right:var(--bs-navbar-nav-link-padding-x);
      padding-left:var(--bs-navbar-nav-link-padding-x)
  }
  .navbar-expand-sm .navbar-nav-scroll{overflow:visible;}
  .navbar-expand-sm .navbar-collapse{
      display:flex !important;
      flex-basis:auto;
  }
  .navbar-expand-sm .navbar-toggler{display:none;}
  .navbar-expand-sm .offcanvas{
      position:static;
      z-index:auto;
      flex-grow:1;
      width:auto !important;
      height:auto !important;
      visibility:visible !important;
      background-color:rgba(0,0,0,0) !important;
      border:0 !important;
      transform:none !important;
      transition:none
  }
  .navbar-expand-sm .offcanvas .offcanvas-header{display:none;}
  .navbar-expand-sm .offcanvas .offcanvas-body{
      display:flex;
      flex-grow:0;
      padding:0;
      overflow-y:visible
  }
}
@media(min-width: 768px){
  .navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start;}
  .navbar-expand-md .navbar-nav{flex-direction:row;}
  .navbar-expand-md .navbar-nav .dropdown-menu{position:absolute;}
  .navbar-expand-md .navbar-nav .nav-link{
      padding-right:var(--bs-navbar-nav-link-padding-x);
      padding-left:var(--bs-navbar-nav-link-padding-x)
  }
  .navbar-expand-md .navbar-nav-scroll{overflow:visible;}
  .navbar-expand-md .navbar-collapse{display:flex !important;flex-basis:auto;}
  .navbar-expand-md .navbar-toggler{display:none;}
  .navbar-expand-md .offcanvas{
      position:static;
      z-index:auto;
      flex-grow:1;
      width:auto !important;
      height:auto !important;
      visibility:visible !important;
      background-color:rgba(0,0,0,0) !important;
      border:0 !important;
      transform:none !important;
      transition:none
  }
  .navbar-expand-md .offcanvas .offcanvas-header{display:none;}
  .navbar-expand-md .offcanvas .offcanvas-body{
      display:flex;
      flex-grow:0;
      padding:0;
      overflow-y:visible
  }
}
@media(min-width: 992px){
  .navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start;}
  .navbar-expand-lg .navbar-nav{flex-direction:row;}
  .navbar-expand-lg .navbar-nav .dropdown-menu{ position:absolute;}
  .navbar-expand-lg .navbar-nav .nav-link{
      padding-right:var(--bs-navbar-nav-link-padding-x);
      padding-left:var(--bs-navbar-nav-link-padding-x)
  }
  .navbar-expand-lg .navbar-nav-scroll{overflow:visible;}
  .navbar-expand-lg .navbar-collapse{display:flex !important;flex-basis:auto;}
  .navbar-expand-lg .navbar-toggler{display:none;}
  .navbar-expand-lg .offcanvas{
      position:static;
      z-index:auto;
      flex-grow:1;
      width:auto !important;
      height:auto !important;
      visibility:visible !important;
      background-color:rgba(0,0,0,0) !important;
      border:0 !important;
      transform:none !important;
      transition:none
  }
  .navbar-expand-lg .offcanvas .offcanvas-header{display:none;}
  .navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;}
}
@media(min-width: 1200px){
  .navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start;}
  .navbar-expand-xl .navbar-nav{flex-direction:row;}
  .navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute;}
  .navbar-expand-xl .navbar-nav .nav-link{
      padding-right:var(--bs-navbar-nav-link-padding-x);
      padding-left:var(--bs-navbar-nav-link-padding-x)
  }
  .navbar-expand-xl .navbar-nav-scroll{overflow:visible;}
  .navbar-expand-xl .navbar-collapse{display:flex !important;flex-basis:auto;}
  .navbar-expand-xl .navbar-toggler{display:none;}
  .navbar-expand-xl .offcanvas{
      position:static;
      z-index:auto;
      flex-grow:1;
      width:auto !important;
      height:auto !important;
      visibility:visible !important;
      background-color:rgba(0,0,0,0) !important;
      border:0 !important;
      transform:none !important;
      transition:none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header{display:none;}
  .navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;}
}
@media(min-width: 1400px){
  .navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start;}
  .navbar-expand-xxl .navbar-nav{ flex-direction:row;}
  .navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute;}
  .navbar-expand-xxl .navbar-nav .nav-link{
      padding-right:var(--bs-navbar-nav-link-padding-x);
      padding-left:var(--bs-navbar-nav-link-padding-x)
  }
  .navbar-expand-xxl .navbar-nav-scroll{overflow:visible;}
  .navbar-expand-xxl .navbar-collapse{display:flex !important;flex-basis:auto;}
  .navbar-expand-xxl .navbar-toggler{display:none;}
  .navbar-expand-xxl .offcanvas{
      position:static;
      z-index:auto;
      flex-grow:1;
      width:auto !important;
      height:auto !important;
      visibility:visible !important;
      background-color:rgba(0,0,0,0) !important;
      border:0 !important;
      transform:none !important;
      transition:none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header{display:none;}
  .navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0; padding:0;overflow-y:visible;}
}
.navbar-expand{flex-wrap:nowrap;justify-content:flex-start;}
.navbar-expand .navbar-nav{flex-direction:row;}
.navbar-expand .navbar-nav .dropdown-menu{position:absolute;}
.navbar-expand .navbar-nav .nav-link{
  padding-right:var(--bs-navbar-nav-link-padding-x);
  padding-left:var(--bs-navbar-nav-link-padding-x)
}
.navbar-expand .navbar-nav-scroll{overflow:visible;}
.navbar-expand .navbar-collapse{display:flex !important;flex-basis:auto;}
.navbar-expand .navbar-toggler{display:none;}
.navbar-expand .offcanvas{
  position:static;
  z-index:auto;
  flex-grow:1;
  width:auto !important;
  height:auto !important;
  visibility:visible !important;
  background-color:rgba(0,0,0,0) !important;
  border:0 !important;
  transform:none !important;
  transition:none
}
.navbar-expand .offcanvas .offcanvas-header{display:none;}
.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;}
.navbar-dark{
  --bs-navbar-color: rgba(255, 255, 255, 0.8);
  --bs-navbar-hover-color: #fff;
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.4);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12%29-Navbar' transform='translate%28-1174.000000, -1290.000000%29'%3E%3Cg id='Group' transform='translate%281174.000000, 1288.000000%29'%3E%3Cg id='Icon-Color' transform='translate%280.000000, 2.000000%29'%3E%3Cuse fill='rgba%28255, 255, 255, 0.8%29' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba%28255, 255, 255, 0.8%29' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.card{
  --bs-card-spacer-y: 1.5rem;
  --bs-card-spacer-x: 1.5rem;
  --bs-card-title-spacer-y: 0.875rem;
  --bs-card-border-width: 0;
  --bs-card-border-color: #dbdade;
  --bs-card-border-radius: 0.375rem;
  --bs-card-box-shadow: 0 0.25rem 1.125rem rgba(75, 70, 92, 0.1);
  --bs-card-inner-border-radius: 0.375rem;
  --bs-card-cap-padding-y: 1.5rem;
  --bs-card-cap-padding-x: 1.5rem;
  --bs-card-cap-bg: transparent;
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1.5rem;
  --bs-card-group-margin: 0.75rem;
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  height:var(--bs-card-height);
  word-wrap:break-word;
  background-color:var(--bs-card-bg);
  background-clip:border-box;
  border:var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius:var(--bs-card-border-radius)
}
.card>hr{margin-right:0;margin-left:0;}
.card>.list-group{border-top:inherit;border-bottom:inherit;}
.card>.list-group:first-child{
  border-top-width:0;
  border-top-left-radius:var(--bs-card-inner-border-radius);
  border-top-right-radius:var(--bs-card-inner-border-radius)
}
.card>.list-group:last-child{
  border-bottom-width:0;
  border-bottom-right-radius:var(--bs-card-inner-border-radius);
  border-bottom-left-radius:var(--bs-card-inner-border-radius)
}
.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0;}
.card-body{
  flex:1 1 auto;
  padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color:var(--bs-card-color)
}
.card-body .tab-content {box-shadow: none !important;}
.card-title{margin-bottom:var(--bs-card-title-spacer-y);}
.card-subtitle{margin-top:calc(-0.5*var(--bs-card-title-spacer-y));margin-bottom:0;}
.card-text:last-child{margin-bottom:0;}
.card-link+.card-link{margin-left:var(--bs-card-spacer-x);}
.card-header{
  padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom:0;
  color:var(--bs-card-cap-color);
  background-color:var(--bs-card-cap-bg);
  border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)
}
.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;}
.card-footer{
  padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color:var(--bs-card-cap-color);
  background-color:var(--bs-card-cap-bg);
  border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)
}
.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);}
.card-header-tabs{
  margin-right:calc(-0.5*var(--bs-card-cap-padding-x));
  margin-bottom:calc(-1*var(--bs-card-cap-padding-y));
  margin-left:calc(-0.5*var(--bs-card-cap-padding-x));
  border-bottom:0
}
.card-header-tabs .nav-link.active{
  background-color:var(--bs-card-bg);
  border-bottom-color:var(--bs-card-bg);
}
.card-header-pills{
  margin-right:calc(-0.5*var(--bs-card-cap-padding-x));
  margin-left:calc(-0.5*var(--bs-card-cap-padding-x))
}
.card-img-overlay{
  position:absolute;
  top:0;right:0;
  bottom:0;left:0;
  padding:var(--bs-card-img-overlay-padding);
  border-radius:var(--bs-card-inner-border-radius)
}
.card-img,.card-img-top,.card-img-bottom{width:100%;}
.card-img,.card-img-top{
  border-top-left-radius:var(--bs-card-inner-border-radius);
  border-top-right-radius:var(--bs-card-inner-border-radius)
}
.card-img,.card-img-bottom{
  border-bottom-right-radius:var(--bs-card-inner-border-radius);
  border-bottom-left-radius:var(--bs-card-inner-border-radius)
}
.card-group>.card{margin-bottom:var(--bs-card-group-margin);}
@media(min-width: 576px){
  .card-group{display:flex;flex-flow:row wrap;}
  .card-group>.card{flex:1 0 0%;margin-bottom:0;}
  .card-group>.card+.card{margin-left:0;border-left:0;}
  .card-group>.card:not(:last-child){
      border-top-right-radius:0;
      border-bottom-right-radius:0;
  }
  .card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header{border-top-right-radius:0;}
  .card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer{border-bottom-right-radius:0;}
  .card-group>.card:not(:first-child){
      border-top-left-radius:0;
      border-bottom-left-radius:0;
  }
  .card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header{
      border-top-left-radius:0;
  }
  .card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer{
      border-bottom-left-radius:0;
  }
}
.accordion{
  --bs-accordion-color: #6f6b7d;
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: all 0.2s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: #fff;
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.125rem;
  --bs-accordion-btn-padding-y: 0.82rem;
  --bs-accordion-btn-color: #5d596c;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5.5L12.5 10.5L7.5 15.5' stroke='%235d596c' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 5.5L12.5 10.5L7.5 15.5' stroke='white' stroke-opacity='0.1' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --bs-accordion-btn-icon-width: 1.125rem;
  --bs-accordion-btn-icon-transform: rotate(90deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5.5L12.5 10.5L7.5 15.5' stroke='%235d596c' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 5.5L12.5 10.5L7.5 15.5' stroke='white' stroke-opacity='0.1' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --bs-accordion-btn-focus-border-color: #7367f0;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-x: 1.125rem;
  --bs-accordion-body-padding-y: 0.82rem;
  --bs-accordion-active-color: #5d596c;
  --bs-accordion-active-bg: #fff
}
.accordion-button{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size:0.9375rem;
  color:var(--bs-accordion-btn-color);
  text-align:left;
  background-color:var(--bs-accordion-btn-bg);
  border:0;
  border-radius:0;
  overflow-anchor:none;
  transition:var(--bs-accordion-transition)
}
@media(prefers-reduced-motion: reduce){
  .accordion-button{transition:none;}
}
.accordion-button:not(.collapsed){
  color:var(--bs-accordion-active-color);
  background-color:var(--bs-accordion-active-bg);
  box-shadow:inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}
.accordion-button:not(.collapsed)::after{
  background-image:var(--bs-accordion-btn-active-icon);
  transform:var(--bs-accordion-btn-icon-transform)
}
.accordion-button::after{
  flex-shrink:0;
  width:var(--bs-accordion-btn-icon-width);
  height:var(--bs-accordion-btn-icon-width);
  margin-left:auto;
  content:"";
  background-image:var(--bs-accordion-btn-icon);
  background-repeat:no-repeat;
  background-size:var(--bs-accordion-btn-icon-width);
  transition:var(--bs-accordion-btn-icon-transition)
}
@media(prefers-reduced-motion: reduce){
  .accordion-button::after{transition:none;}
}
.accordion-button:hover{z-index:2;}
.accordion-button:focus{
  z-index:3;
  border-color:var(--bs-accordion-btn-focus-border-color);
  outline:0;
  box-shadow:var(--bs-accordion-btn-focus-box-shadow)
}
.accordion-header{margin-bottom:0;}
.accordion-item{
  color:var(--bs-accordion-color);
  background-color:var(--bs-accordion-bg);
  border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}
.accordion-item:first-of-type{
  border-top-left-radius:var(--bs-accordion-border-radius);
  border-top-right-radius:var(--bs-accordion-border-radius)
}
.accordion-item:first-of-type .accordion-button{
  border-top-left-radius:var(--bs-accordion-inner-border-radius);
  border-top-right-radius:var(--bs-accordion-inner-border-radius)
}
.accordion-item:not(:first-of-type){border-top:0;}
.accordion-item:last-of-type{
  border-bottom-right-radius:var(--bs-accordion-border-radius);
  border-bottom-left-radius:var(--bs-accordion-border-radius)
}
.accordion-item:last-of-type .accordion-button.collapsed{
  border-bottom-right-radius:var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius:var(--bs-accordion-inner-border-radius)
}
.accordion-item:last-of-type .accordion-collapse{
  border-bottom-right-radius:var(--bs-accordion-border-radius);
  border-bottom-left-radius:var(--bs-accordion-border-radius)
}
.accordion-body{
  padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}
.accordion-flush .accordion-collapse{border-width:0;}
.accordion-flush .accordion-item{
  border-right:0;
  border-left:0;
  border-radius:0;
}
.accordion-flush .accordion-item:first-child{border-top:0;}
.accordion-flush .accordion-item:last-child{border-bottom:0;}
.accordion-flush .accordion-item .accordion-button,.accordion-flush .accordion-item .accordion-button.collapsed{border-radius:0;}
.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color);}
.pagination{
  --bs-pagination-padding-x: 0.35rem;
  --bs-pagination-padding-y: 0.594rem;
  --bs-pagination-font-size:0.9375rem;
  --bs-pagination-color: #5d596c;
  --bs-pagination-bg: rgba(75, 70, 92, 0.08);
  --bs-pagination-border-width: 0px;
  --bs-pagination-border-color: rgba(75, 70, 92, 0.08);
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: #5d596c;
  --bs-pagination-hover-bg: rgba(75, 70, 92, 0.16);
  --bs-pagination-hover-border-color: rgba(75, 70, 92, 0.16);
  --bs-pagination-focus-color: #5d596c;
  --bs-pagination-focus-bg: rgba(75, 70, 92, 0.16);
  --bs-pagination-focus-box-shadow: none;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #7367f0;
  --bs-pagination-active-border-color: #7367f0;
  --bs-pagination-disabled-color: #a5a3ae;
  --bs-pagination-disabled-bg: rgba(75, 70, 92, 0.08);
  --bs-pagination-disabled-border-color: rgba(75, 70, 92, 0.08);
  display:flex;
  padding-left:0;
  list-style:none
}
.badge{
  --bs-badge-padding-x: 1em;
  --bs-badge-padding-y: 0.49em;
  --bs-badge-font-size:0.81em;
  --bs-badge-font-weight: 600;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.25rem;
  display:inline-block;
  padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size:var(--bs-badge-font-size);
  font-weight:var(--bs-badge-font-weight);
  line-height:1;
  color:var(--bs-badge-color);
  text-align:center;
  white-space:nowrap;
  vertical-align:baseline;
  border-radius:var(--bs-badge-border-radius)
}
.badge:empty{display:none;}
.btn .badge{position:relative;top:-1px;}
.alert{
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 0.875rem;
  --bs-alert-padding-y: 0.687rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  position:relative;
  padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom:var(--bs-alert-margin-bottom);
  color:var(--bs-alert-color);
  background-color:var(--bs-alert-bg);
  border:var(--bs-alert-border);
  border-radius:var(--bs-alert-border-radius)
}
.alert-heading{color:inherit;}
.alert-link{font-weight:700;}
.alert-dismissible{padding-right:2.625rem;}
.alert-dismissible .btn-close{
  position:absolute;
  top:0;right:0;z-index:2;
  padding:.85875rem .875rem
}
.btn-close{
  box-sizing:content-box;
  width:1.125rem;
  height:1.125rem;
  padding:.25em .25em;
  color:#4b465c;
  background:rgba(0,0,0,0) url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%234b465c' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%234b465c' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center/1.125rem auto no-repeat;
  border:0;
  border-radius:.375rem;
  opacity:.5;
}
.btn-close:hover{color:#4b465c;text-decoration:none;opacity:.75;}
.btn-close:focus{outline:0;box-shadow:none;opacity:.75;}
.btn-close:disabled,.btn-close.disabled{
  pointer-events:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  opacity:.25;
}
.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%);}
.modal-header{
  display:flex;
  flex-shrink:0;
  align-items:center;
  justify-content:space-between;
  padding:var(--bs-modal-header-padding);
  border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius:var(--bs-modal-inner-border-radius);
  border-top-right-radius:var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close{
  padding:calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5);
  margin:calc(-0.5*var(--bs-modal-header-padding-y)) calc(-0.5*var(--bs-modal-header-padding-x)) calc(-0.5*var(--bs-modal-header-padding-y)) auto
}
.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height);}
.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding);}
.modal-footer{
  display:flex;
  flex-shrink:0;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5);
  background-color:var(--bs-modal-footer-bg);
  border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius:var(--bs-modal-inner-border-radius);
  border-bottom-left-radius:var(--bs-modal-inner-border-radius);
}
.modal-footer>*{margin:calc(var(--bs-modal-footer-gap)*.5);}
/*********/
.placeholder{
  display:inline-block;
  min-height:1em;
  vertical-align:middle;
  cursor:wait;
  background-color:currentcolor;
  opacity:.5;
}
.placeholder.btn::before{display:inline-block;content:"";}
.placeholder-xs{min-height:.6em}
.placeholder-sm{min-height:.8em}
.placeholder-lg{min-height:1.2em}
.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}
@keyframes placeholder-glow{50%{opacity:.2}}
.placeholder-wave{
  -webkit-mask-image:linear-gradient(130deg, #4b465c 55%, rgba(0, 0, 0, 0.8) 75%, #4b465c 95%);
  mask-image:linear-gradient(130deg, #4b465c 55%, rgba(0, 0, 0, 0.8) 75%, #4b465c 95%);
  -webkit-mask-size:200% 100%;
  mask-size:200% 100%;
  animation:placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%;}}
.clearfix::after{display:block;clear:both;content:"";}
.text-bg-primary{color:#fff !important;background-color:RGBA(115, 103, 240, var(--bs-bg-opacity, 1)) !important}
.text-bg-secondary{color:#fff !important;background-color:RGBA(168, 170, 174, var(--bs-bg-opacity, 1)) !important}
.text-bg-success{color:#fff !important;background-color:RGBA(40, 199, 111, var(--bs-bg-opacity, 1)) !important}
.text-bg-info{color:#fff !important;background-color:RGBA(0, 207, 232, var(--bs-bg-opacity, 1)) !important}
.text-bg-warning{ color:#fff !important;background-color:RGBA(255, 159, 67, var(--bs-bg-opacity, 1)) !important}
.text-bg-danger{color:#fff !important;background-color:RGBA(234, 84, 85, var(--bs-bg-opacity, 1)) !important}
.text-bg-light{color:#4b465c !important;background-color:RGBA(223, 223, 227, var(--bs-bg-opacity, 1)) !important}
.text-bg-dark{color:#fff !important;background-color:RGBA(75, 75, 75, var(--bs-bg-opacity, 1)) !important}
.text-bg-gray{color:#fff !important;background-color:RGBA(75, 70, 92, var(--bs-bg-opacity, 1)) !important}
.link-primary{color:#7367f0 !important;}
.link-primary:hover,.link-primary:focus{color:#685dd8 !important;}
.link-secondary{color:#a8aaae !important;}
.link-secondary:hover,.link-secondary:focus{color:#97999d !important;}
.link-success{color:#28c76f !important;}
.link-success:hover,.link-success:focus{color:#24b364 !important;}
.link-info{color:#00cfe8 !important;}
.link-info:hover,.link-info:focus{color:#00bad1 !important;}
.link-warning{color:#ff9f43 !important;}
.link-warning:hover,.link-warning:focus{color:#e68f3c !important;}
.link-danger{color:#ea5455 !important;}
.link-danger:hover,.link-danger:focus{color:#d34c4d !important;}
.link-light{color:#dfdfe3 !important;}
.link-light:hover,.link-light:focus{color:#e2e2e6 !important;}
.link-dark{color:#4b4b4b !important;}
.link-dark:hover,.link-dark:focus{color:#444 !important;}
.link-gray{color:rgba(75,70,92,.05) !important;}
.link-gray:hover,.link-gray:focus{color:rgba(14,13,17,.145) !important;}
.bg-label-primary{background-color:#eae8fe !important;color:#7367f0 !important;}
.bg-label-secondary{background-color:#f2f2f3 !important;color:#a8aaae !important;}
.bg-label-success{background-color:#dff7e9 !important;color:#28c76f !important;}
.bg-label-info{background-color:#d9f8fc !important;color:#00cfe8 !important;}
.bg-label-warning{background-color:#fff1e3 !important;color:#ff9f43 !important;}
.bg-label-danger{background-color:#fce5e6 !important;color:#ea5455 !important;}
.bg-label-light{background-color:#fafafb !important;color:#dfdfe3 !important}
.bg-label-dark{background-color:#e4e4e4 !important;color:#4b4b4b !important}
.bg-label-gray{background-color:rgba(254,254,254,.8575) !important;color:rgba(75,70,92,.05) !important}
a.bg-dark:hover,a.bg-dark:focus{background-color:rgba(75,70,92,.9) !important}
a.bg-light:hover,a.bg-light:focus{background-color:rgba(75,70,92,.2) !important}
a.bg-lighter:hover,a.bg-lighter:focus{background-color:rgba(75,70,92,.05) !important}
a.bg-lightest:hover,a.bg-lightest:focus{background-color:rgba(75,70,92,.03) !important}
.text-muted[href]:hover,.text-muted[href]:focus{color:#93909d !important}
.text-light{color:#b7b5be !important}
.text-light[href]:hover,.text-light[href]:focus{color:#93909d !important}
.text-lighter{color:#c9c8ce !important}
.text-lighter[href]:hover,.text-lighter[href]:focus{color:#93909d !important}
.text-lightest{color:#dbdade !important}
.text-lightest[href]:hover,.text-lightest[href]:focus{color:#93909d !important}
.invert-text-white{color:#fff !important}
.invert-text-white[href]:hover:hover,.invert-text-white[href]:hover:focus{color:#fff !important}
.invert-text-dark{color:#4b465c !important}
.invert-text-dark[href]:hover:hover,.invert-text-dark[href]:hover:focus{color:#4b465c !important}
.invert-bg-white{background-color:#fff !important}
a.invert-bg-white:hover,a.invert-bg-white:focus{background-color:#fff !important}
.invert-bg-dark{background-color:rgba(75,70,92,.9) !important}
a.invert-bg-dark:hover,a.invert-bg-dark:focus{background-color:rgba(75,70,92,.9) !important}
.invert-border-dark{border-color:#4b4b4b !important}
.invert-border-white{border-color:#fff !important}
/***/
.btn{
  cursor:pointer;
  transition:all .135s ease-in-out;
  transform:scale(1.001);
}

.btn .ti{line-height:.9}
.btn:not([class*=btn-label-]):not([class*=btn-outline-]){box-shadow:0px 2px 4px rgba(165,163,174,.4)}
.btn:not([class*=btn-]){box-shadow:none !important}
.btn.disabled,.btn:disabled{cursor:default}
.btn[class*=btn-]:active,.btn[class*=btn-].active{transform:scale(0.98);transition:all .135s ease-in-out}
.btn .badge{transition:all .2s ease-in-out}
@media(prefers-reduced-motion: reduce){
  .btn .badge{transition:none}
}
label.btn{margin-bottom:0}
.btn-xl,.btn-group-xl>.btn{--bs-btn-padding-y: 0.875rem;--bs-btn-padding-x: 1.75rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius: 0.5rem}
.btn-sm,.btn-group-sm>.btn{line-height:1}
.btn-xs,.btn-group-xs>.btn{--bs-btn-padding-y: 0.175rem;--bs-btn-padding-x: 0.75rem;--bs-btn-font-size:0.69rem;--bs-btn-border-radius: 0.25rem}
.btn-secondary{color:#fff;background-color:#a8aaae;border-color:#a8aaae}
.btn-secondary:hover{color:#fff !important;background-color:#97999d !important;border-color:#97999d !important}
.btn-check:focus+.btn-secondary,.btn-secondary:focus,.btn-secondary.focus{
  color:#fff;background-color:#97999d;border-color:#97999d;box-shadow:none;}
.btn-check:checked+.btn-secondary,.btn-check:active+.btn-secondary,.btn-secondary:active,.btn-secondary.active,.btn-secondary.show.dropdown-toggle,.show>.btn-secondary.dropdown-toggle{
  color:#fff !important;background-color:#97999d !important;border-color:#97999d !important}
.btn-secondary.disabled,.btn-secondary:disabled{
  color:#fff !important;background-color:#a8aaae !important;border-color:#a8aaae !important;box-shadow:none !important}
.btn-group .btn-secondary,.input-group .btn-secondary{
  border-right:1px solid #97999d;border-left:1px solid #97999d;}
.btn-label-secondary{color:#a8aaae;border-color:rgba(0,0,0,0);background:#f1f1f2;}
.btn-label-secondary.waves-effect .waves-ripple{
  background:radial-gradient(rgba(168, 170, 174, 0.2) 0, rgba(168, 170, 174, 0.3) 40%, rgba(168, 170, 174, 0.4) 50%, rgba(168, 170, 174, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}
.btn-label-secondary:hover{border-color:rgba(0,0,0,0) !important;background:#eaebec !important;color:#a8aaae !important}
.btn-label-secondary:focus,.btn-label-secondary.focus{color:#a8aaae;background:#eaebec;box-shadow:none !important}
.btn-label-secondary:active,.btn-label-secondary.active,.btn-label-secondary.show.dropdown-toggle,.show>.btn-label-secondary.dropdown-toggle{
  color:#a8aaae !important;background-color:#eaebec !important;border-color:rgba(0,0,0,0) !important}
.btn-label-secondary:active:focus,.btn-label-secondary.active:focus,.btn-label-secondary.show.dropdown-toggle:focus,.show>.btn-label-secondary.dropdown-toggle:focus{
  box-shadow:none}
.btn-label-secondary.disabled,.btn-label-secondary:disabled{
  color:#a8aaae !important;border-color:rgba(0,0,0,0) !important;background:#f2f2f3 !important; box-shadow:none}
.btn-group .btn-label-secondary,.input-group .btn-label-secondary{border-right:1px solid #eaebec;border-left:1px solid #eaebec;}
.btn-outline-secondary{color:#a8aaae;border-color:#a8aaae;background:rgba(0,0,0,0);}
.btn-outline-secondary.waves-effect .waves-ripple{
  background:radial-gradient(rgba(168, 170, 174, 0.2) 0, rgba(168, 170, 174, 0.3) 40%, rgba(168, 170, 174, 0.4) 50%, rgba(168, 170, 174, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}
.btn-outline-secondary:hover{color:#a8aaae !important;background-color:#f8f8f9 !important;border-color:#a8aaae !important}
.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{
  color:#a8aaae;background-color:#f8f8f9;border-color:#a8aaae;box-shadow:none}
.btn-check:checked+.btn-outline-secondary,.btn-check:active+.btn-outline-secondary,.btn-outline-secondary:active,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show{
  color:#a8aaae !important;background-color:#f1f1f2 !important;  border-color:#a8aaae !important}
.btn-check:checked+.btn-outline-secondary:focus,.btn-check:active+.btn-outline-secondary:focus,.btn-outline-secondary:active:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus{
  box-shadow:none}
.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{
  color:#a8aaae !important;background-color:rgba(0,0,0,0) !important;}
.btn-outline-secondary .badge{background:#a8aaae;border-color:#a8aaae;color:#fff;}
.btn-outline-secondary:hover .badge,.btn-outline-secondary:focus:hover .badge,.btn-outline-secondary:active .badge,.btn-outline-secondary.active .badge,.show>.btn-outline-secondary.dropdown-toggle .badge{
  background:#a8aaae;border-color:#a8aaae;}
.btn-success{color:#fff;background-color:#28c76f;border-color:#28c76f;}
.btn-success:hover{color:#fff !important;background-color:#24b364 !important;border-color:#24b364 !important}
.btn-check:focus+.btn-success,.btn-success:focus,.btn-success.focus{
  color:#fff;background-color:#24b364;border-color:#24b364;box-shadow:none}
.btn-check:checked+.btn-success,.btn-check:active+.btn-success,.btn-success:active,.btn-success.active,.btn-success.show.dropdown-toggle,.show>.btn-success.dropdown-toggle{
  color:#fff !important;background-color:#24b364 !important;border-color:#24b364 !important}
.btn-success.disabled,.btn-success:disabled{
  color:#fff !important;background-color:#28c76f !important;border-color:#28c76f !important;box-shadow:none !important}
.btn-group .btn-success,.input-group .btn-success{border-right:1px solid #24b364;border-left:1px solid #24b364}
.btn-label-success{color:#28c76f;border-color:rgba(0,0,0,0);background:#ddf6e8}
.btn-label-success.waves-effect .waves-ripple{
  background:radial-gradient(rgba(40, 199, 111, 0.2) 0, rgba(40, 199, 111, 0.3) 40%, rgba(40, 199, 111, 0.4) 50%, rgba(40, 199, 111, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}
.btn-label-success:hover{border-color:rgba(0,0,0,0) !important;background:#cbf2dc !important;color:#28c76f !important}
.btn-label-success:focus,.btn-label-success.focus{color:#28c76f;background:#cbf2dc;box-shadow:none !important}
.btn-label-success:active,.btn-label-success.active,.btn-label-success.show.dropdown-toggle,.show>.btn-label-success.dropdown-toggle{
  color:#28c76f !important;background-color:#cbf2dc !important;border-color:rgba(0,0,0,0) !important}
.btn-label-success:active:focus,.btn-label-success.active:focus,.btn-label-success.show.dropdown-toggle:focus,.show>.btn-label-success.dropdown-toggle:focus{
  box-shadow:none}
.btn-label-success.disabled,.btn-label-success:disabled{
  color:#28c76f !important;border-color:rgba(0,0,0,0) !important;background:#dff7e9 !important; box-shadow:none}
.btn-group .btn-label-success,.input-group .btn-label-success{
  border-right:1px solid #cbf2dc;border-left:1px solid #cbf2dc}
.btn-outline-success{color:#28c76f;border-color:#28c76f;background:rgba(0,0,0,0)}
.btn-outline-success.waves-effect .waves-ripple{
  background:radial-gradient(rgba(40, 199, 111, 0.2) 0, rgba(40, 199, 111, 0.3) 40%, rgba(40, 199, 111, 0.4) 50%, rgba(40, 199, 111, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}
.btn-outline-success:hover{color:#28c76f !important; background-color:#eefbf3 !important;border-color:#28c76f !important}
.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{
  color:#28c76f;background-color:#eefbf3;border-color:#28c76f;box-shadow:none}
.btn-check:checked+.btn-outline-success,.btn-check:active+.btn-outline-success,.btn-outline-success:active,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show{
  color:#28c76f !important;background-color:#ddf6e8 !important;border-color:#28c76f !important}
.btn-check:checked+.btn-outline-success:focus,.btn-check:active+.btn-outline-success:focus,.btn-outline-success:active:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus{
  box-shadow:none}
.btn-outline-success.disabled,.btn-outline-success:disabled{
  color:#28c76f !important;background-color:rgba(0,0,0,0) !important}
.btn-outline-success .badge{background:#28c76f;border-color:#28c76f;color:#fff}
.btn-outline-success:hover .badge,.btn-outline-success:focus:hover .badge,.btn-outline-success:active .badge,.btn-outline-success.active .badge,.show>.btn-outline-success.dropdown-toggle .badge{
  background:#28c76f;border-color:#28c76f}
.btn-info{color:#fff;background-color:#00cfe8;border-color:#00cfe8}
.btn-info:hover{color:#fff !important;background-color:#00bad1 !important;border-color:#00bad1 !important}
.btn-check:focus+.btn-info,.btn-info:focus,.btn-info.focus{
  color:#fff;background-color:#00bad1;border-color:#00bad1;box-shadow:none}
.btn-check:checked+.btn-info,.btn-check:active+.btn-info,.btn-info:active,.btn-info.active,.btn-info.show.dropdown-toggle,.show>.btn-info.dropdown-toggle{
  color:#fff !important;background-color:#00bad1 !important;border-color:#00bad1 !important}
.btn-info.disabled,.btn-info:disabled{color:#fff !important;background-color:#00cfe8 !important;border-color:#00cfe8 !important;box-shadow:none !important}
.btn-group .btn-info,.input-group .btn-info{border-right:1px solid #00bad1;border-left:1px solid #00bad1}
.btn-label-info{color:#00cfe8;border-color:rgba(0,0,0,0);background:#d6f7fb}
.btn-label-info.waves-effect .waves-ripple{
  background:radial-gradient(rgba(0, 207, 232, 0.2) 0, rgba(0, 207, 232, 0.3) 40%, rgba(0, 207, 232, 0.4) 50%, rgba(0, 207, 232, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}
.btn-label-info:hover{
  border-color:rgba(0,0,0,0) !important;background:#c2f3f9 !important;color:#00cfe8 !important}
.btn-label-info:focus,.btn-label-info.focus{
  color:#00cfe8;background:#c2f3f9;box-shadow:none !important}
.btn-label-info:active,.btn-label-info.active,.btn-label-info.show.dropdown-toggle,.show>.btn-label-info.dropdown-toggle{
  color:#00cfe8 !important;background-color:#c2f3f9 !important;border-color:rgba(0,0,0,0) !important}
.btn-label-info:active:focus,.btn-label-info.active:focus,.btn-label-info.show.dropdown-toggle:focus,.show>.btn-label-info.dropdown-toggle:focus{
  box-shadow:none}
.btn-label-info.disabled,.btn-label-info:disabled{
  color:#00cfe8 !important;border-color:rgba(0,0,0,0) !important;background:#d9f8fc !important;box-shadow:none}
.btn-group .btn-label-info,.input-group .btn-label-info{border-right:1px solid #c2f3f9;border-left:1px solid #c2f3f9;}
.btn-outline-info{color:#00cfe8;border-color:#00cfe8;background:rgba(0,0,0,0);}
.btn-outline-info.waves-effect .waves-ripple{
  background:radial-gradient(rgba(0, 207, 232, 0.2) 0, rgba(0, 207, 232, 0.3) 40%, rgba(0, 207, 232, 0.4) 50%, rgba(0, 207, 232, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}
.btn-outline-info:hover{color:#00cfe8 !important;background-color:#ebfbfd !important;border-color:#00cfe8 !important;}
.btn-check:focus+.btn-outline-info,.btn-outline-info:focus{color:#00cfe8;background-color:#ebfbfd;border-color:#00cfe8;box-shadow:none;}
.btn-check:checked+.btn-outline-info,.btn-check:active+.btn-outline-info,.btn-outline-info:active,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show{
  color:#00cfe8 !important;background-color:#d6f7fb !important;border-color:#00cfe8 !important;}
.btn-check:checked+.btn-outline-info:focus,.btn-check:active+.btn-outline-info:focus,.btn-outline-info:active:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus{
  box-shadow:none}
.btn-outline-info.disabled,.btn-outline-info:disabled{color:#00cfe8 !important;background-color:rgba(0,0,0,0) !important;}
.btn-outline-info .badge{background:#00cfe8;border-color:#00cfe8;color:#fff;}
.btn-outline-info:hover .badge,.btn-outline-info:focus:hover .badge,.btn-outline-info:active .badge,.btn-outline-info.active .badge,.show>.btn-outline-info.dropdown-toggle .badge{
  background:#00cfe8;border-color:#00cfe8;}
.btn-warning{color:#fff;background-color:#ff9f43;border-color:#ff9f43;}
.btn-warning:hover{color:#fff !important;background-color:#e68f3c !important;border-color:#e68f3c !important;}
.btn-check:focus+.btn-warning,.btn-warning:focus,.btn-warning.focus{
  color:#fff;background-color:#e68f3c;border-color:#e68f3c;box-shadow:none;}
.btn-check:checked+.btn-warning,.btn-check:active+.btn-warning,.btn-warning:active,.btn-warning.active,.btn-warning.show.dropdown-toggle,.show>.btn-warning.dropdown-toggle{
  color:#fff !important;background-color:#e68f3c !important;border-color:#e68f3c !important;}
.btn-warning.disabled,.btn-warning:disabled{color:#fff !important;background-color:#ff9f43 !important;border-color:#ff9f43 !important;box-shadow:none !important;}
.btn-group .btn-warning,.input-group .btn-warning{border-right:1px solid #e68f3c;border-left:1px solid #e68f3c;}
.btn-label-warning{color:#ff9f43;border-color:rgba(0,0,0,0);background:#fff0e1;}
.btn-label-warning.waves-effect .waves-ripple{
  background:radial-gradient(rgba(255, 159, 67, 0.2) 0, rgba(255, 159, 67, 0.3) 40%, rgba(255, 159, 67, 0.4) 50%, rgba(255, 159, 67, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}
.btn-label-warning:hover{border-color:rgba(0,0,0,0) !important;background:#ffe8d2 !important;color:#ff9f43 !important;}
.btn-label-warning:focus,.btn-label-warning.focus{
  color:#ff9f43;background:#ffe8d2;box-shadow:none !important;}
.btn-label-warning:active,.btn-label-warning.active,.btn-label-warning.show.dropdown-toggle,.show>.btn-label-warning.dropdown-toggle{
  color:#ff9f43 !important;background-color:#ffe8d2 !important;border-color:rgba(0,0,0,0) !important;}
.btn-label-warning:active:focus,.btn-label-warning.active:focus,.btn-label-warning.show.dropdown-toggle:focus,.show>.btn-label-warning.dropdown-toggle:focus{
  box-shadow:none;}
.btn-label-warning.disabled,.btn-label-warning:disabled{
  color:#ff9f43 !important;border-color:rgba(0,0,0,0) !important;background:#fff1e3 !important; box-shadow:none;}
.btn-group .btn-label-warning,.input-group .btn-label-warning{
  border-right:1px solid #ffe8d2;border-left:1px solid #ffe8d2;}
.btn-outline-warning{color:#ff9f43;border-color:#ff9f43;background:rgba(0,0,0,0);}
.btn-outline-warning.waves-effect .waves-ripple{
  background:radial-gradient(rgba(255, 159, 67, 0.2) 0, rgba(255, 159, 67, 0.3) 40%, rgba(255, 159, 67, 0.4) 50%, rgba(255, 159, 67, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}
.btn-outline-warning:hover{color:#ff9f43 !important;background-color:#fff7f0 !important;border-color:#ff9f43 !important;}
.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{
  color:#ff9f43;background-color:#fff7f0;border-color:#ff9f43;box-shadow:none;}
.btn-check:checked+.btn-outline-warning,.btn-check:active+.btn-outline-warning,.btn-outline-warning:active,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show{
  color:#ff9f43 !important;background-color:#fff0e1 !important;border-color:#ff9f43 !important;}
.btn-check:checked+.btn-outline-warning:focus,.btn-check:active+.btn-outline-warning:focus,.btn-outline-warning:active:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus{
  box-shadow:none;}
.btn-outline-warning.disabled,.btn-outline-warning:disabled{
  color:#ff9f43 !important;background-color:rgba(0,0,0,0) !important;}
.btn-outline-warning .badge{background:#ff9f43;border-color:#ff9f43;color:#fff;}
.btn-outline-warning:hover .badge,.btn-outline-warning:focus:hover .badge,.btn-outline-warning:active .badge,.btn-outline-warning.active .badge,.show>.btn-outline-warning.dropdown-toggle .badge{
  background:#ff9f43;border-color:#ff9f43;}
.btn-danger{color:#fff;background-color:#ea5455;border-color:#ea5455;}
  .btn-danger:hover{color:#fff !important;background-color:#d34c4d !important;border-color:#d34c4d !important;}
.btn-check:focus+.btn-danger,.btn-danger:focus,.btn-danger.focus{
  color:#fff; background-color:#d34c4d;border-color:#d34c4d;box-shadow:none;}
.btn-check:checked+.btn-danger,.btn-check:active+.btn-danger,.btn-danger:active,.btn-danger.active,.btn-danger.show.dropdown-toggle,.show>.btn-danger.dropdown-toggle{
  color:#fff !important;background-color:#d34c4d !important;border-color:#d34c4d !important;}
.btn-danger.disabled,.btn-danger:disabled{
  color:#fff !important; background-color:#ea5455 !important;
  border-color:#ea5455 !important;box-shadow:none !important;}
.btn-group .btn-danger,.input-group .btn-danger{border-right:1px solid #d34c4d;border-left:1px solid #d34c4d;}
.btn-label-danger{color:#ea5455;border-color:rgba(0,0,0,0);background:#fce4e4;}
.btn-label-danger.waves-effect .waves-ripple{
  background:radial-gradient(rgba(234, 84, 85, 0.2) 0, rgba(234, 84, 85, 0.3) 40%, rgba(234, 84, 85, 0.4) 50%, rgba(234, 84, 85, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}
.btn-label-danger:hover{border-color:rgba(0,0,0,0) !important;background:#fad6d6 !important;color:#ea5455 !important;}
.btn-label-danger:focus,.btn-label-danger.focus{
  color:#ea5455;background:#fad6d6;box-shadow:none !important;}
.btn-label-danger:active,.btn-label-danger.active,.btn-label-danger.show.dropdown-toggle,.show>.btn-label-danger.dropdown-toggle{
  color:#ea5455 !important;background-color:#fad6d6 !important;border-color:rgba(0,0,0,0) !important;}
.btn-label-danger:active:focus,.btn-label-danger.active:focus,.btn-label-danger.show.dropdown-toggle:focus,.show>.btn-label-danger.dropdown-toggle:focus{
  box-shadow:none;}
.btn-label-danger.disabled,.btn-label-danger:disabled{
  color:#ea5455 !important;border-color:rgba(0,0,0,0) !important;background:#fce5e6 !important;box-shadow:none;}
.btn-group .btn-label-danger,.input-group .btn-label-danger{
  border-right:1px solid #fad6d6;border-left:1px solid #fad6d6;}
.btn-outline-danger{color:#ea5455;border-color:#ea5455;background:rgba(0,0,0,0);}
.btn-outline-danger.waves-effect .waves-ripple{
  background:radial-gradient(rgba(234, 84, 85, 0.2) 0, rgba(234, 84, 85, 0.3) 40%, rgba(234, 84, 85, 0.4) 50%, rgba(234, 84, 85, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}
.btn-outline-danger:hover{color:#ea5455 !important;background-color:#fdf1f1 !important;border-color:#ea5455 !important;}
.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{
  color:#ea5455;background-color:#fdf1f1;border-color:#ea5455;box-shadow:none;}
.btn-check:checked+.btn-outline-danger,.btn-check:active+.btn-outline-danger,.btn-outline-danger:active,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show{
  color:#ea5455 !important;background-color:#fce4e4 !important;border-color:#ea5455 !important;}
.btn-check:checked+.btn-outline-danger:focus,.btn-check:active+.btn-outline-danger:focus,.btn-outline-danger:active:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus{
  box-shadow:none;}
.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#ea5455 !important;background-color:rgba(0,0,0,0) !important;}
.btn-outline-danger .badge{background:#ea5455;border-color:#ea5455;color:#fff;}
.btn-outline-danger:hover .badge,.btn-outline-danger:focus:hover .badge,.btn-outline-danger:active .badge,.btn-outline-danger.active .badge,.show>.btn-outline-danger.dropdown-toggle .badge{
  background:#ea5455;border-color:#ea5455;}
.btn-light{color:#4b465c;background-color:#dfdfe3;border-color:#dfdfe3;}
.btn-light:hover{color:#4b465c !important;background-color:#e7e7ea !important;border-color:#e2e2e6 !important;}
  .btn-check:focus+.btn-light,.btn-light:focus,.btn-light.focus{color:#4b465c;background-color:#e7e7ea;border-color:#e2e2e6;box-shadow:none;}
.btn-check:checked+.btn-light,.btn-check:active+.btn-light,.btn-light:active,.btn-light.active,.btn-light.show.dropdown-toggle,.show>.btn-light.dropdown-toggle{
  color:#4b465c !important;background-color:#e5e5e9 !important;border-color:#e2e2e6 !important;}
.btn-light.disabled,.btn-light:disabled{color:#4b465c !important;background-color:#dfdfe3 !important;border-color:#dfdfe3 !important;box-shadow:none !important;}
.btn-group .btn-light,.input-group .btn-light{border-right:1px solid #e5e5e9;border-left:1px solid #e5e5e9;}
.btn-label-light{color:#dfdfe3;border-color:rgba(0,0,0,0);background:#fafafb;}
.btn-label-light.waves-effect .waves-ripple{
  background:radial-gradient(rgba(223, 223, 227, 0.2) 0, rgba(223, 223, 227, 0.3) 40%, rgba(223, 223, 227, 0.4) 50%, rgba(223, 223, 227, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}
.btn-label-light:hover{border-color:rgba(0,0,0,0) !important;background:#f7f7f8 !important;color:#dfdfe3 !important;}
.btn-label-light:focus,.btn-label-light.focus{
  color:#dfdfe3;background:#f7f7f8;box-shadow:none !important;}
.btn-label-light:active,.btn-label-light.active,.btn-label-light.show.dropdown-toggle,.show>.btn-label-light.dropdown-toggle{
  color:#dfdfe3 !important;background-color:#f7f7f8 !important;border-color:rgba(0,0,0,0) !important;}
.btn-label-light:active:focus,.btn-label-light.active:focus,.btn-label-light.show.dropdown-toggle:focus,.show>.btn-label-light.dropdown-toggle:focus{
  box-shadow:none;}
.btn-label-light.disabled,.btn-label-light:disabled{
  color:#dfdfe3 !important;border-color:rgba(0,0,0,0) !important;background:#fafafb !important;box-shadow:none;}
.btn-group .btn-label-light,.input-group .btn-label-light{border-right:1px solid #f7f7f8;border-left:1px solid #f7f7f8;}
.btn-outline-light{color:#dfdfe3;border-color:#dfdfe3;background:rgba(0,0,0,0);}
.btn-outline-light.waves-effect .waves-ripple{
  background:radial-gradient(rgba(223, 223, 227, 0.2) 0, rgba(223, 223, 227, 0.3) 40%, rgba(223, 223, 227, 0.4) 50%, rgba(223, 223, 227, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}
.btn-outline-light:hover{background-color:#fcfcfd !important;border-color:#2d51e0 !important;}
.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{
  color:#dfdfe3;background-color:#fcfcfd;border-color:#dfdfe3;box-shadow:none;}
.btn-check:checked+.btn-outline-light,.btn-check:active+.btn-outline-light,.btn-outline-light:active,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show{
  color:#dfdfe3 !important;background-color:#fafafb !important;border-color:#dfdfe3 !important;}
.btn-check:checked+.btn-outline-light:focus,.btn-check:active+.btn-outline-light:focus,.btn-outline-light:active:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus{
  box-shadow:none}
.btn-outline-light.disabled,.btn-outline-light:disabled{
  color:#dfdfe3 !important;background-color:rgba(0,0,0,0) !important;}
.btn-outline-light .badge{background:#dfdfe3;border-color:#dfdfe3;color:#4b465c;}
.btn-outline-light:hover .badge,.btn-outline-light:focus:hover .badge,.btn-outline-light:active .badge,.btn-outline-light.active .badge,.show>.btn-outline-light.dropdown-toggle .badge{
  background:#dfdfe3;border-color:#dfdfe3;}
.btn-dark{color:#fff;background-color:#4b4b4b;border-color:#4b4b4b;}
.btn-dark:hover{color:#fff !important;background-color:#444 !important;border-color:#444 !important;}
.btn-check:focus+.btn-dark,.btn-dark:focus,.btn-dark.focus{
  color:#fff;background-color:#444;border-color:#444;box-shadow:none}
.btn-check:checked+.btn-dark,.btn-check:active+.btn-dark,.btn-dark:active,.btn-dark.active,.btn-dark.show.dropdown-toggle,.show>.btn-dark.dropdown-toggle{
  color:#fff !important;background-color:#444 !important;border-color:#444 !important}
.btn-dark.disabled,.btn-dark:disabled{
  color:#fff !important;background-color:#4b4b4b !important;border-color:#4b4b4b !important;box-shadow:none !important}
.btn-group .btn-dark,.input-group .btn-dark{border-right:1px solid #444;border-left:1px solid #444}
.btn-label-dark{color:#4b4b4b;border-color:rgba(0,0,0,0);background:#e2e2e2}
.btn-label-dark.waves-effect .waves-ripple{
  background:radial-gradient(rgba(75, 75, 75, 0.2) 0, rgba(75, 75, 75, 0.3) 40%, rgba(75, 75, 75, 0.4) 50%, rgba(75, 75, 75, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}
.btn-label-dark:hover{border-color:rgba(0,0,0,0) !important;  background:#d4d4d4 !important;  color:#4b4b4b !important}
.btn-label-dark:focus,.btn-label-dark.focus{
  color:#4b4b4b;background:#d4d4d4;box-shadow:none !important}
.btn-label-dark:active,.btn-label-dark.active,.btn-label-dark.show.dropdown-toggle,.show>.btn-label-dark.dropdown-toggle{
  color:#4b4b4b !important;background-color:#d4d4d4 !important;border-color:rgba(0,0,0,0) !important}
.btn-label-dark:active:focus,.btn-label-dark.active:focus,.btn-label-dark.show.dropdown-toggle:focus,.show>.btn-label-dark.dropdown-toggle:focus{
  box-shadow:none}
.btn-label-dark.disabled,.btn-label-dark:disabled{
  color:#4b4b4b !important;border-color:rgba(0,0,0,0) !important;background:#e4e4e4 !important;box-shadow:none}
.btn-group .btn-label-dark,.input-group .btn-label-dark{border-right:1px solid #d4d4d4;border-left:1px solid #d4d4d4}
.btn-outline-dark{color:#4b4b4b;border-color:#4b4b4b;background:rgba(0,0,0,0)}
.btn-outline-dark.waves-effect .waves-ripple{
  background:radial-gradient(rgba(75, 75, 75, 0.2) 0, rgba(75, 75, 75, 0.3) 40%, rgba(75, 75, 75, 0.4) 50%, rgba(75, 75, 75, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}
.btn-outline-dark:hover{
  color:#4b4b4b !important;background-color:#f1f1f1 !important; border-color:#4b4b4b !important}
.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{
  color:#4b4b4b;background-color:#f1f1f1;border-color:#4b4b4b;box-shadow:none}
.btn-check:checked+.btn-outline-dark,.btn-check:active+.btn-outline-dark,.btn-outline-dark:active,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show{
  color:#4b4b4b !important;background-color:#e2e2e2 !important;border-color:#4b4b4b !important}
.btn-check:checked+.btn-outline-dark:focus,.btn-check:active+.btn-outline-dark:focus,.btn-outline-dark:active:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus{
  box-shadow:none}
.btn-outline-dark.disabled,.btn-outline-dark:disabled{
  color:#4b4b4b !important;background-color:rgba(0,0,0,0) !important}
.btn-outline-dark .badge{
  background:#4b4b4b;border-color:#4b4b4b;color:#fff}
.btn-outline-dark:hover .badge,.btn-outline-dark:focus:hover .badge,.btn-outline-dark:active .badge,.btn-outline-dark.active .badge,.show>.btn-outline-dark.dropdown-toggle .badge{
  background:#4b4b4b;border-color:#4b4b4b}
/************/
.alert-secondary{background-color:#f1f1f2;border-color:#f1f1f2;color:#a8aaae}
.alert-secondary .btn-close{
  background-image:url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%23a8aaae' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%23a8aaae' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
.alert-secondary .alert-link{color:#a8aaae}
.card .alert-secondary hr{background-color:#a8aaae !important}
.alert-success{background-color:#ddf6e8;border-color:#ddf6e8;color:#28c76f}
.alert-success .btn-close{
  background-image:url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%2328c76f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%2328c76f' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
.alert-success .alert-link{color:#28c76f}
.card .alert-success hr{background-color:#28c76f !important}
.alert-info{background-color:#d6f7fb;border-color:#d6f7fb;color:#00cfe8}
.alert-info .btn-close{
  background-image:url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%2300cfe8' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%2300cfe8' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
.alert-info .alert-link{color:#00cfe8}
.card .alert-info hr{background-color:#00cfe8 !important}
.alert-warning{background-color:#fff0e1;border-color:#fff0e1;color:#ff9f43}
.alert-warning .btn-close{
  background-image:url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%23ff9f43' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%23ff9f43' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
.alert-warning .alert-link{color:#ff9f43}
.card .alert-warning hr{background-color:#ff9f43 !important}
.alert-danger{background-color:#fce4e4;border-color:#fce4e4;color:#ea5455}
.alert-danger .btn-close{
  background-image:url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%23ea5455' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%23ea5455' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
.alert-danger .alert-link{color:#ea5455}
.card .alert-danger hr{background-color:#ea5455 !important}
.alert-dark{background-color:#e2e2e2;border-color:#e2e2e2;color:#4b4b4b}
.alert-dark .btn-close{
  background-image:url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%234b4b4b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%234b4b4b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
.alert-dark .alert-link{color:#4b4b4b}
.card .alert-dark hr{background-color:#4b4b4b !important}
.alert-gray{
  background-color:rgba(254,254,254,.848);
  border-color:rgba(254,254,254,.848);
  color:rgba(75,70,92,.05)
}
.alert-gray .btn-close{
  background-image:url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='rgba(75, 70, 92, 0.05)' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='rgba(75, 70, 92, 0.05)' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
.alert-gray .alert-link{color:rgba(75,70,92,.05)}
.card .alert-gray hr{background-color:rgba(75,70,92,.05) !important}
.alert{font-weight:500}
.alert .alert-icon{background-color:#fff;padding:.25rem;border-radius:.375rem;line-height:1}
.alert .alert-icon-lg{padding:.375rem}
/************/
.form-label,.col-form-label{text-transform:inherit;letter-spacing:inherit}
.form-label-lg{font-size:1.125rem}
.form-label-sm{font-size:0.8125rem}
.form-control::-moz-placeholder, .form-control:focus::-moz-placeholder{
  -moz-transition:all .2s ease;transition:all .2s ease}
.form-control::placeholder,.form-control:focus::placeholder{transition:all .2s ease}
.form-control:focus::-moz-placeholder{transform:translateX(4px)}
.form-control:focus::placeholder{transform:translateX(4px)}
.form-select{background-clip:padding-box}
.form-select-sm{background-size:19px 17px}
.form-select-lg{background-size:24px 22px}
.form-check .form-check-input:disabled:not(:checked){background-color:#dbdade}
.form-check .form-check-input:checked,.form-check .form-check-input[type=checkbox]:indeterminate{
  box-shadow:0 .125rem .25rem rgba(165,163,174,.3)}
.form-check-input{cursor:pointer}
.form-check-secondary .form-check-input:focus{border-color:#a8aaae}
.form-check-secondary .form-check-input:checked,.form-check-secondary .form-check-input[type=checkbox]:indeterminate{
  background-color:#a8aaae;border-color:#a8aaae}
.form-check-secondary.custom-option.checked{border:1px solid #a8aaae}
.form-check-success .form-check-input:focus{border-color:#28c76f}
.form-check-success .form-check-input:checked,.form-check-success .form-check-input[type=checkbox]:indeterminate{
  background-color:#28c76f;border-color:#28c76f}
.form-check-success.custom-option.checked{border:1px solid #28c76f}
.form-check-info .form-check-input:focus{border-color:#00cfe8}
.form-check-info .form-check-input:checked,.form-check-info .form-check-input[type=checkbox]:indeterminate{
  background-color:#00cfe8;border-color:#00cfe8}
.form-check-info.custom-option.checked{border:1px solid #00cfe8}
.form-check-warning .form-check-input:focus{border-color:#ff9f43}
.form-check-warning .form-check-input:checked,.form-check-warning .form-check-input[type=checkbox]:indeterminate{
  background-color:#ff9f43;border-color:#ff9f43}
.form-check-warning.custom-option.checked{border:1px solid #ff9f43}
.form-check-danger .form-check-input:focus{border-color:#ea5455}
.form-check-danger .form-check-input:checked,.form-check-danger .form-check-input[type=checkbox]:indeterminate{
  background-color:#ea5455;border-color:#ea5455}
.form-check-danger.custom-option.checked{border:1px solid #ea5455}
.form-check-light .form-check-input:focus{border-color:#dfdfe3}
.form-check-light .form-check-input:checked,.form-check-light .form-check-input[type=checkbox]:indeterminate{
  background-color:#dfdfe3;border-color:#dfdfe3}
.form-check-light.custom-option.checked{border:1px solid #dfdfe3}
.form-check-dark .form-check-input:focus{border-color:#4b4b4b}
.form-check-dark .form-check-input:checked,.form-check-dark .form-check-input[type=checkbox]:indeterminate{
  background-color:#4b4b4b;border-color:#4b4b4b}
.form-check-dark.custom-option.checked{border:1px solid #4b4b4b}
.form-check-gray .form-check-input:focus{border-color:rgba(75,70,92,.05)}
.form-check-gray .form-check-input:checked,.form-check-gray .form-check-input[type=checkbox]:indeterminate{
  background-color:rgba(75,70,92,.05);border-color:rgba(75,70,92,.05)}
.form-check-gray.custom-option.checked{border:1px solid rgba(75,70,92,.05)}
.form-range::-webkit-slider-thumb{
  box-shadow:0 0 0 1px rgba(75,70,92,.1),0 .31rem 1.25rem 0 rgba(75,70,92,.4);
  -webkit-transition:transform .2s;transition:transform .2s;transform-origin:center}
.form-range::-webkit-slider-thumb:focus{box-shadow:0 0 0 3px rgba(75,70,92,.1),0 .31rem 1.25rem 0 rgba(75,70,92,.4)}
.form-range::-webkit-slider-thumb:active{transform:scale(1.4, 1.4)}
.form-range::-moz-range-thumb{
  box-shadow:0 0 0 1px rgba(75,70,92,.1),0 .31rem 1.25rem 0 rgba(75,70,92,.4);
  -moz-transition:transform .2s;transition:transform .2s;transform-origin:center}
.form-range::-moz-range-thumb:focus{box-shadow:0 0 0 3px rgba(75,70,92,.1),0 .31rem 1.25rem 0 rgba(75,70,92,.4)}
.form-range::-moz-range-thumb:active{transform:scale(1.4, 1.4)}
.form-range:disabled::-webkit-slider-runnable-track{background-color:rgba(75,70,92,.03)}
.form-range:disabled::-moz-range-track{background-color:rgba(75,70,92,.03)}
.input-group{border-radius:.375rem}
.input-group.rounded-pill .input-group-text,.input-group.rounded-pill .form-control{
  border-radius:50rem}
.input-group:focus-within{box-shadow:0 .125rem .25rem rgba(165,163,174,.3)}
.input-group:focus-within .form-control,.input-group:focus-within .input-group-text{
  box-shadow:none}
.input-group.disabled .input-group-text{background-color:rgba(75,70,92,.08)}
.input-group.has-validation>.input-group-text:first-child{
  border-top-right-radius:0;border-bottom-right-radius:0}
.input-group.has-validation>.form-control:first-child{
  border-top-right-radius:0;border-bottom-right-radius:0}
.input-group.has-validation>.form-control:not(:first-child):not(:last-child){
  border-radius:0}
.input-group-text{background-clip:padding-box}
.input-group-text i{font-size:1.25rem}
.input-group-lg>.input-group-text i{font-size:calc(1.2625rem + 0.15vw)}
@media(min-width: 1200px){
  .input-group-lg>.input-group-text i{font-size:1.375rem}
}
.input-group-sm>.input-group-text i{font-size:1.125rem}
.input-group-lg>.input-group-text{padding-left:1.125rem;padding-right:1.125rem}
.input-group-merge .input-group-text:first-child{border-right:0}
.input-group-merge .input-group-text:last-child{border-left:0}
.input-group-merge.disabled>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
  margin-left:0 !important}
.input-group-merge .form-control:not(:first-child){padding-left:0;border-left:0}
.input-group-merge .form-control:not(:last-child){padding-right:0;border-right:0}
.input-group-text{transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
@media(prefers-reduced-motion: reduce){
  .input-group-text{transition:none}
}
.fv-plugins-bootstrap5-row-invalid .input-group.has-validation .input-group-text,.fv-plugins-bootstrap5-row-invalid .input-group.has-validation:focus-within .input-group-text{
  border-color:#ea5455}
.form-floating>.form-control:focus::-moz-placeholder, .form-floating>.form-control:not(:placeholder-shown)::-moz-placeholder{
  color:#b7b5be}
.form-floating>.form-control:not(:-moz-placeholder-shown)::placeholder{
  color:#b7b5be}
.form-floating>.form-control:focus::placeholder,.form-floating>.form-control:not(:placeholder-shown)::placeholder{
  color:#b7b5be}
.page-link {padding: 5px 10px;}
/**********/
.text-primary{--bs-text-opacity: 1;color:var(--color1) !important;}
.text-secondary{--bs-text-opacity: 1;color:rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important}
.text-success{--bs-text-opacity: 1;color:rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important}
.text-info{--bs-text-opacity: 1;color:rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important}
.text-warning{--bs-text-opacity: 1;color:rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important}
.text-danger{--bs-text-opacity: 1;color:rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important}
.text-light{--bs-text-opacity: 1;color:#b7b5be !important}
.text-dark{--bs-text-opacity: 1; color:rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important}
.text-gray{--bs-text-opacity: 1;color:rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important}
.text-black{--bs-text-opacity: 1;color:rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important}
.text-white{--bs-text-opacity: 1;color:#fff !important}
.text-body{--bs-text-opacity: 1;color:#6f6b7d !important}
.text-muted{--bs-text-opacity: 1;color:#a5a3ae !important}
.text-black-50{--bs-text-opacity: 1;color:rgba(75,70,92,.5) !important}
.text-white-50{--bs-text-opacity: 1;color:rgba(255,255,255,.5) !important}
.text-heading{--bs-text-opacity: 1;color:#5d596c !important}
.text-reset{--bs-text-opacity: 1;color:inherit !important}
.bg-secondary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important}
.bg-success{--bs-bg-opacity: 1;background-color:rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important}
.bg-info{--bs-bg-opacity: 1;background-color:rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important}
.bg-warning{--bs-bg-opacity: 1;background-color:rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important}
.bg-danger{--bs-bg-opacity: 1;background-color:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important}
.bg-light{--bs-bg-opacity: 1;background-color:rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important}
.bg-dark{--bs-bg-opacity: 1;background-color:rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important}
.bg-gray{--bs-bg-opacity: 1;background-color:rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important}
.bg-black{--bs-bg-opacity: 1;background-color:rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important}
.bg-white{--bs-bg-opacity: 1;background-color:#fff !important}
.bg-body{--bs-bg-opacity: 1;background-color:#f8f7fa !important}
.bg-transparent{--bs-bg-opacity: 1; background-color:rgba(0,0,0,0) !important}
.bg-lighter{--bs-bg-opacity: 1;background-color:rgba(75,70,92,.03) !important}
.bg-lightest{--bs-bg-opacity: 1; background-color:rgba(75,70,92,.015) !important}
.bg-gradient{background-image:var(--bs-gradient) !important}
/********/

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  height: 14px !important;
  padding: 5px 10px !important;
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}
/*******/
.form-control:disabled{
  background: #f2f1f2 !important;
}
.form-control[readonly] {
  background: #fdfdfd !important;
}
#generate-random-sku,#generate-random-barcode{
  /* margin-top: 6px !important;
  margin-bottom: 3px !important; */
  margin-bottom: 4px !important;
  padding: 2px 6px !important;
  font-size: .8rem;
}

/*******************************************************/
/************* General classes ***************/
.arfont{direction: rtl;font-family: 'Somarsans', sans-serif;}
.tab-ar{direction: rtl;font-family: 'Somarsans', sans-serif;}
.endir{direction: ltr !important;text-align: left !important;}
.dirltr{direction: ltr !important;}
.font75{font-size: .75rem;}
.font80{font-size: .8rem;}
.font85{font-size: .85rem;}
.font90{font-size: .9rem;}
.permissionspageeee .box55li div:first-child label{font-weight: bold;}

/*datatable*/
table.dataTable thead th, table.dataTable thead td {
  padding: 5px 10px;
  font-size: .9rem !important;
  font-weight: 600 !important;
  color: var(--color6);
  border-bottom: 2px solid rgba(96, 85, 188, 0.5);
}
.dataTable thead th:first-of-type::before,.dataTable thead th:first-of-type::after{display: none;}
.dataTable thead>tr>th.sorting:first-of-type, .dataTable thead>tr>th.sorting_desc:first-of-type,
.dataTable thead>tr>th.sorting_disabled:first-of-type, .dataTable thead>tr>th.sorting_asc:first-of-type  {padding: 5px 10px !important;}
.dataTable thead th.sorting_asc:first-of-type::before,.dataTable thead th.sorting_desc:first-of-type::after,
.dataTable thead th.sorting_asc:first-of-type::after,.dataTable thead th.sorting_desc:first-of-type::before{display: none !important;}
#datatable, table {width: 100% !important;}
.dataTables_wrapper .dataTables_filter {
  margin-bottom: 22px;
  font-size: .9rem;
  float: left;
}
.dataTables_wrapper .dataTables_filter input {
  border: 1px solid rgba(170, 170, 170, 0.3);
  background-color: #FAFAFA;
  padding: 4px 10px;
  font-size: .9rem;
  transition: all .3s;
  margin-left: 10px;
}
.dataTables_wrapper .dataTables_filter input:focus {
  border: 1px solid rgba(122, 134, 161, 0.3);
}
.dataTables_wrapper .dataTables_length {font-size: .9rem;float: right;}
.dataTables_wrapper .dataTables_length select {
  border: 1px solid rgba(170, 170, 170, 0.2);
}
div.dt-buttons {margin-left: 30px;float: right;}

.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate {margin-top: 30px;font-size: .85rem;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: var(--color1) !important;
  background: #f6f6f6;
  border: 1px solid #dcdcdc;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {transition: all .4s;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {background: var(--color1dark)}

#datatable, table{max-width: 100%;}
.table thead{
  color: #5d596c;
  font-size: .8rem !important;
  font-weight: bold;
  text-transform: uppercase;
}
.table tbody{
  color: #3d4656;
  font-size: .9rem;
}
table.dataTable.no-footer {border-bottom: 1px solid rgba(194, 194, 194, 0.3);}
.table td, .table th {padding: .5rem;vertical-align: middle;}
.table .btn-group .btn, table td>.btn{padding: 3px 8px !important;}
.dataTables_wrapper .dataTables_filter {
  margin-bottom: 10px;
}
.uppertablemenu{list-style: none;margin: 0 20px;padding: 0;}
.uppertablemenu li{display: inline-block;}
.uppertablemenu li a{
  text-decoration: none;
  font-size: .9rem;
  color: #71869d;
  margin: 0 10px;
  transition: all .3s;
}
.uppertablemenu .dropdown-item {width: inherit;}
.uppertablemenu .dropdown-item:focus, .uppertablemenu .dropdown-item:hover{background-color: inherit;}

/***/
.blockheadertitle input, .blockheadertitle .btn{
  height: 40px;
  line-height: 40px;
}
.select2-container .select2-selection--single {
  border: 1px solid #d1d1d1 !important;
  height: 38px !important;
  line-height: 38px;
}
.select2-container .select2-selection--single .select2-selection__rendered {line-height: 36px !important;}

/**/
#previewable{overflow: hidden;position: relative;max-height: 300px;margin-top: 20px;display:flex;justify-content:end}
#previewable img{
  height: auto;
  width: 200px;

  display: block;
}
.change-header-lang{
  text-decoration: none;color: var(--bs-nav-link-color);
  font-size: .92rem;
  transition: all .4s;
}

/* replace all btn */
.btn{padding: 8px 20px !important;}
.box55li .btn {
  padding: 4px 7px !important;
}

/**/
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {color: #becad4;}

/**/
.replybtn,.deletebtn,.approvebtn{
  font-size: .8rem;
  /* font-weight: 500; */
  padding: 3px 8px;
  border-radius: 8px;
  color: #FFF;
  cursor: pointer;
  opacity: .4;
  transition: all .5s;
}
.replybtn:hover,.deletebtn:hover,.approvebtn:hover{opacity: .9;}
.replybtn{background-color: var(--color1);}
.deletebtn{background-color: #cd1313;}
.approvebtn{background-color: #3a9c21;}
/* .floatingReplyBox button{float: left;margin-top: -20px;margin-left: 30px;} */

::selection {background-color: var(--color1);color: #fff;}
html {scroll-behavior: smooth;}
.cropper-container{
  max-width: 100% !important;
}
/* #overlay-loader {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 87;
  background-color: rgba(255, 255, 255, 0.99);
  transition: all .5s ease-in-out;
} */
/*
#loader::after {
  content: "";
  border: 12px solid #f3f3f3;
  border-radius: 50%;
  border-top: 12px solid var(--color1);
  width: 70px;
  height: 70px;
  animation: spin 1s linear infinite;
  position: absolute;
  top: 250px;
  left: 45%;
  transition: all .5s ease-in-out;
}
@keyframes spin {
  100% {transform: rotate(360deg);}
}
*/

.themecolor{color: var(--color1);}
.mainbtn{background-color: var(--color1);color: #FFF;transition: all .4s;}
.mainbtn:hover{background-color: var(--color1dark);color: #FFF;}
.mainbtn22{background-color: var(--color1);color: #FFF;
  border: 1px solid #666;padding: 0 5px;font-size: .9rem;
  transition: all .4s;}
.mainbtn22 i{font-size: 1.5rem;}
.mainbtn22:hover{background-color: #000;color: #FFF;}

#floatingbtns{
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 8;
  padding: 5px 10px;
  background-color: #FCFCFC;
  /* border-top: 1px solid #eaeaea; */
  box-shadow: 2px -4px 5px rgba(0, 0, 0, 0.1);
}
#floatingbtns .btn{
  max-width: 180px;
  /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); */
  float: right;
}

.groupmain{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  gap: 6px;
}
.groupmainbtns{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 6px;
}

.spanbtn{
  cursor: pointer;
  color: var(--color1);
  transition: all .3s;
}
.spanbtn:hover {
  color: var(--color1dark);
}

.textgray{
  color: var(--color6);
  font-size: .85rem;
  text-align: center;
}

.card-header-with-lang .nav-tabs{border-bottom: none;}

.max-width-400, .max-width-500, .max-width-800{width: 100%;}
.max-width-400{max-width: 400px;}
.max-width-500{max-width: 500px;}
.max-width-800{max-width: 800px;}

/**/
.minheight50px{min-height: 50px;}
.minheight100px{min-height: 100px;}
.minheight130px{min-height: 100px;}
.minheight150px{min-height: 150px;}
.minheight200px{min-height: 200px;}
.minheight250px{min-height: 250px;}
.minheight300px{min-height: 300px;}
.minheight350px{min-height: 350px;}
.minheight400px{min-height: 400px;}
.minheight450px{min-height: 450px;}
.minheight500px{min-height: 500px;}
.minheight550px{min-height: 550px;}
.minheight600px{min-height: 600px;}
.box55li:not(:first-child) {
    flex-wrap: wrap;padding-top: 10px;}
.box55li .btn>i {font-size: 11px;}
.box55li .btn-check:active + .btn, .box55li .btn-check:checked + .btn, .box55li .btn.active, .box55li .btn.show, .box55li .btn:active {
  background-color: var(--btnBgColor) !important;
  /* border-color: var(--color1dark) !important; */
  color: #FFF !important;
}
/* #pagesbody .box55li .btn-outline-success {--bs-btn-color: #00c9a7 !important;} */
/* #pagesbody .box55 label {color: #FFF !important;} */

.maintitle p{margin: 0;}

.input-group-cat{width: 520px;}
.input-group-cat .form-select{
  /* width: 20%; */
  background-color: rgba(190, 190, 190, 0.4);
}
.input-group-cat input{width: 60% !important;}
.input-group-cat input::placeholder{font-size: .8rem !important;}
.btn-check:focus + .btn-white, .btn-white:focus, .btn-white:hover {box-shadow: 0 3px 6px -2px rgba(140,152,164,.25)}

input::placeholder,textarea::placeholder {
  font-size: .9rem;
  color: #999;
  padding: 8px;
}
.form-control {
  border-radius: 5px;
  font-size: .88rem;
  border: .06rem solid rgba(222, 225, 234);
}
.form-control:focus {
  border-color: rgba(140,152,164,.25) !important;
  box-shadow: 0 0 1rem 0 rgba(140,152,164,.25) !important;
}
#pagesbody label{
  /* font-size: .68rem; */
  color: #3b414b;
  /* margin-top: 10px; */
  /* margin-bottom: 4px; */
}
#userprofilepage .col-form-label {
  margin: 0 !important;
}

html {
  scroll-padding-top: 80px; /* height of sticky header */
}

/* .card-body table thead{background-color: #757575 !important;} */
.topheaderalert{
  text-align: center;
  margin: 0;
  padding: 5px 10px;
  font-size: .8rem;
  background-color: #ed4460;
  color: #FFF;
  display: block;
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 88;
}
.topheaderalert a{color: #FFF;transition: all .4s;text-decoration: none;}
.topheaderalert a:hover{text-shadow: 1px 1px 1px #333;}

.centertd{
  margin: auto !important;
  width: fit-content;
  text-align: center;
}
.tdspanradio{
  display: flex;
  align-items: center;
  justify-content: baseline;
  margin-right: 15px;
  margin-bottom: 5px;
}
.tdspanradio input{margin-left: 3px;}

.minwidth250{min-width: 250px;}
.minwidth300{min-width: 300px;}
.minwidth400{min-width: 400px;}
.liarbutton{cursor: pointer;color: #1a58b4;transition: all .3s;}
.liarbutton:hover{color: #0c336d;}

#customersettingspage #status_table{text-transform: capitalize;}
#customersettingspage table .btn-group button>i {
  font-size: 11px;
}
.custom-tooltip{--bs-tooltip-bg: var(--color1);}

.bg-soft-primary {background-color:rgba(55,125,255,.1);}
.bg-soft-secondary {background-color:rgba(113,134,157,.1);}
.bg-soft-success {background-color:rgba(0,201,167,.1);}
.bg-soft-info {background-color:rgba(9,165,190,.1);}
.bg-soft-warning {background-color:rgba(245,202,153,.1);}
.bg-soft-danger {background-color:rgba(237,76,120,.1);}
.bg-soft-light {background-color:rgba(249,250,252,.1);}
.bg-soft-dark {background-color:rgba(19,33,68,.1);}

.ultimercetable{
  font-size: .9rem;
  color: #4b4d57;
}
.ultimercetable tr{transition: all .4s ease;}
.ultimercetable tbody tr{transition: all .4s ease;}
.ultimercetable tbody img{
  width: 35px;height: 35px;
  border-radius: 50%;
  box-shadow: 0 0 3px #8289a2;
  margin-right: 10px;
}
.ultimercetable tbody .badge{opacity: .7;transition: all .3s;}
.ultimercetable tbody tr:hover .badge{opacity: 1;}
.ultimercetable tbody a{color: var(--color1);text-decoration: none;transition: all .3s ease;font-weight: bold;display: inline-block;}
.ultimercetable tbody a:hover{color: #000;transform: scale(1.05);}

.pricetext{display: flex;align-items: center;font-weight: bold;}
.priceicon{
  text-shadow: 0 0 1px rgb(141, 141, 141);
  color: #ffb700;font-size: .7rem;display:block;
  text-align: center;margin-left: 6px;
  font-weight: normal;
}
/* .priceicon::after{
  font-family: "bootstrap-icons";
  content:"\F246";
  display: block;
} */

.opacitylowhigh{
  display: inline-block;
  position: relative;
  /* top: 0;right: 10px;
  height: 20px;overflow: hidden;
  max-width: 70%; */
  animation: opacitylowhigh 2s linear infinite;
}
@keyframes opacitylowhigh {
  0% {transform: scaleX(.7);opacity: .2;}
  50% {transform: scaleX(.9);opacity: .9;}
  100% {transform: scaleX(.7);opacity: .2;}
}

div.dt-buttons {margin-left: 20px;}
button.dt-button{
  padding: 3px 10px;
  font-size: .88rem;
  line-height: 1.8em;
  color: #404b55;
  background: rgba(234, 239, 243, 0.5);
  transition: all .4s ease;
}

.buttons-colvis{position: relative;}
.buttons-colvis::before{
  font-family: "bootstrap-icons";
  content:"\F5AA";
  margin-right: 6px;
}
div.dt-button-collection {transform: translateX(-50px);}
div.dt-button-collection button:first-child {display: none;}

.dataTables_wrapper .dataTables_length,.div.dt-buttons,.dataTables_wrapper .dataTables_filter{
  margin: 0 !important;
  padding: 0 !important;
  float: inherit !important;
  transition: all .4s ease !important;
}
button.dt-button, div.dt-button, a.dt-button, input.dt-button {margin-bottom: 0 !important;border: 1px solid rgba(0, 0, 0, 0.1);}
#datatable_wrapper .top,
#datatable2_wrapper .top,
#datatable3_wrapper .top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled) {
  background-color: #c1c1c1;
  background: linear-gradient(to bottom, #f0f0f0 0%, #b1b2b3 100%);
}

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 {
  opacity: .3 !important;
}
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{
  opacity: .3 !important;
}

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: .8 !important;
}
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: .8 !important;
}

::-webkit-scrollbar-thumb {
  background-image: linear-gradient(180deg, #d0368a 0%, #708ad4 99%);
  box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
  border-radius: 100px;
}

/************/
#FreelanceWorkDocumentimg{transform: scale(1.4);}
/*********************************************/
/************* sidebar ***************/
#sidebar,#logoimg,.li-has-submenu ul,#sidebar .sidetext,#pagescontent,#sidebar.sidebarclosed .sidebarlogotext,
#sidemenu li a,#sidemenu li a i,.li-has-submenu ul,.li-has-submenu.activemenu a{transition: all .4s;}
#sidebar{
  width: 18%;
  background-color: #FFF;
  height: 100%;
  padding: 0 10px 5px;
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: auto;
  box-shadow: 0 0 1px #626262;
  border: 1px solid rgba(41, 58, 128, 0.2);
  z-index: 9;
}
#logoimg{
    width: 40px;
}
/* #logoimg img{margin-top: 3px;} */
#sidebarlogo{
  color: var(--color1);
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin: 10px 0;
  /* position: relative; */
}
#sidebartogglebtn{
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 1;
}
#sidemenu {margin: 0;padding: 0;}
#sidemenu li{list-style: none;margin-bottom: 1px;width: 100%;}
#sidemenu li a{
  display: block;
  /* color: var(--color1); */
  font-size: .91rem;
  color: #5c5c5c;
  padding: 6px 8px;
  text-decoration: none;
}
#sidemenu li a:hover{background-color: #edf2f3;}
#sidemenu li a.activelink{background-color: var(--color3);color: var(--color1dark);}
#sidemenu ul ul a.activelink {border-top: 1px solid rgba(190, 190, 190, 0.1);}
#sidemenu li a i{font-size: 1.2rem;margin-right: 8px;}
#sidemenu ul li a{font-size: .8rem;position: relative;}
#sidemenu li>a{border-bottom: 1px solid rgba(190, 190, 190, 0.1);}
.li-has-submenu>a::after{
  font-family: "bootstrap-icons";
  content:"\F282";
  font-weight: bold;
  float: right;
  padding-top: 6px;
  font-size: .6rem;
}
.li-has-submenu ul li{
  border-left: 1px solid rgba(102, 102, 102, 0.3);
  position: relative;
}
.li-has-submenu ul li a:before{
  position: absolute;
  left: -4px;
  top: 50%;
  content: "";
  width: 7px;height: 7px;border-radius: 50%;
  border: 2px solid #FFF;
  background-color: var(--color1dark);
  transition: all .3s;
  transform: translateY(-50%);
}
.li-has-submenu {position: relative;overflow: hidden;z-index: 1;}
.li-has-submenu .li-has-submenu{overflow: inherit;}
.li-has-submenu ul li a:hover::before {box-shadow:0px 0px 5px var(--color1dark);}
.li-has-submenu ul {list-style: none;display: none;opacity: 0;}
.li-has-submenu ul ul{padding-left: 25px;}
.li-has-submenu ul li{width: max-content;}
.activemenu ul {display: block;opacity: 1;
  transition: all .5s ease;
}
.activemenu>a{border-bottom: 1px solid rgba(165, 165, 165, 0.3);}
.li-has-submenu .li-has-subsubmenu ul{display: none;}


.notif-icon{color: #bbbbbb;}
a.sidefootlink{color: #CCC;
  text-decoration: none;
  transition: all .3s ease;
}
a.sidefootlink:hover{color: #666;}

#sidebar .sidetext{overflow: hidden;position: relative;font-weight: 500;}
/* #sidebartogglebtn clicked */
#sidebar.sidebarclosed .sidetext{font-size: 0;}
#sidebar.sidebarclosed .sidebarlogotext{transform: scale(0);position: absolute;left: 50%;}
#sidebar.sidebarclosed{width: 60px !important;padding: 5px;}
#sidebar.sidebarclosed ~ #pagescontent{margin-left: 60px !important;}
#sidebar.sidebarclosed .activemenu ul{display: none;}
#sidebar.sidebarclosed #logoimg {margin-right: 0;}
#sidebar.sidebarclosed #sidemenu li a{white-space: nowrap;}
#sidebar.sidebarclosed #sidemenu li a i{margin: 0;margin-left: 3px;}
#sidebar.sidebarclosed .li-has-submenu>a::after{display: none;}
/* sidebar hoverd when .sidebarclosed */
/* #sidebar.sidebarclosed:hover .sidetext{font-size: inherit;transition: all .1s;}
#sidebar.sidebarclosed:hover .sidebarlogotext{transform: scale(1);position: relative;left: inherit;transition: all .2s;}
#sidebar.sidebarclosed:hover{width: 215px !important;padding: 5px 20px;transition: all .1s;}
#sidebar.sidebarclosed:hover ~ #pagescontent{margin-left: 215px !important;transition: all .1s;}
#sidebar.sidebarclosed:hover .activemenu ul{display: inherit;transition: all .1s;}
#sidebar.sidebarclosed:hover #logoimg {margin-right: 12px;transition: all .1s;}
#sidebar.sidebarclosed:hover #sidemenu li a{white-space: inherit;transition: all .1s;}
#sidebar.sidebarclosed:hover #sidemenu li a i{margin: 0;margin-right: 8px;transition: all .1s;}
#sidebar.sidebarclosed:hover .li-has-submenu>a::after{display: inherit;} */

/* Scrollbar */
#sidebar {
  scrollbar-width: thin;
  scrollbar-color: #cecece rgb(235, 235, 235);
}
#sidebar::-webkit-scrollbar {width: 3px;height: 3px;}
#sidebar::-webkit-scrollbar-thumb {
  background: rgba(125, 125, 125, .3);
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
}
#sidebar::-webkit-scrollbar-thumb:hover {background: #cfcfcf;}
#sidebar::-webkit-scrollbar-track {background: transparent;}

.hide-aside-btn{display: none !important;}

/*********************************************/
/************* pagescontent ***************/
#pagescontent{
  margin-left: 18%;
  position: relative;
  min-height: 100vh;
}

#pageheader{
  display: flex;
  justify-content: space-between;
  padding: 6px 12px;
  align-items: center;
  background-color: #FFF;
  box-shadow: 0px 1px 2px #a6a2bc;
  position: sticky;
  top: 0;
  z-index: 88;
}
#pageheader h4{
  font-size: 1rem;
  margin: 0;
}
.pageheaderusername{font-size: .9rem;}
#pageheader .dropdown-menu.show {
  min-width: 250px;
  border-radius: 0;
  font-size: .9rem;
  box-shadow: 0 0 10px #DDD !important;
  font-size: .9rem;
}
.dropdown-menu.show {font-size: .9rem;}
#dropdownUser1.dropdown-toggle::after {
  margin-right: 10px;
  margin-left: 0;
}
#logoformobile{display: none;}
/**************************************************/
#pagesbody{padding: 30px 30px 0 30px;position: relative;}

#topinfo{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.topinfodata h2{
  color: var(--middark);
  font-size: 1.3rem;
}
.topinfodata .breadcrumb{
  color: var(--color6);
  font-size: .9rem;
}
/* .topinfobtns a{
  padding: 8px 15px;
  background-color: var(--color1);
  color: #FFF;
  text-decoration: none;
}
.topinfobtns a:hover{
  background-color: var(--color1dark);
} */

.smallboxdataul{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
  background-color: #FFF;
}
.smallboxdataulheader{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: var(--color1);
  color: #FFF;
}
.smallboxdataulheader h3{
  font-size: 1rem;margin: 0;
}
.smallboxdataulheader h3 i{font-size: 1.3rem;}
.smallboxdataul .smallboxdataulcontent{padding: 10px 20px;}
.smallboxdataul ul{list-style: none;margin: 0;padding: 0;}
.smallboxdataul li{
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.smallboxdataul li .img222{
  width: 60px;height: 60px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #CCC;
  margin-right: 20px;
}
.smallboxdataul .data222 h4{
  font-size: .93rem;
  color: #963232;
  margin: 0;
}
.smallboxdataul .data222 span{
  font-size: .8rem;
  color: var(--color2);
}


/*********************************/
/**********index dashboard************/
.indexdashboardw100{
  padding: 0;
  margin: 0;
  background-color: #FFF;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
}
.boxesdefaultheader{
  width: 100%;
  border-bottom: 1px solid #cbcbcb2e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  color: #646a72;
}
.boxesdefaultheader h4{
  font-size: 1.2rem;
  color: #333;
  padding: 0;margin: 0;
}
.boxesdefaultbody{
  padding: 15px;
}

.reportboxes2{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reportboxes2_1{width: 75%;padding-right: 20px;border-right: 1px solid #dcdcdc;}
.reportboxes2_1 canvas{width: 100%;max-height: 350px;}
.reportboxes2_2{
  width: 25%;
  padding: 0 10px;
}
.reportboxes2_2 h6{font-size: .9rem;font-weight: bold;color: #8c98a4;}
.reportboxes2_2 h3{font-size: 1.5rem;font-weight: bold;color: #2d3237;padding: 10px 0;margin: 0;}

#chartContainer{
  position: relative;
  overflow: hidden;
}
#chartContainer .canvasjs-chart-canvas{
  width: 400px !important;
  height: 400px !important;
  position: inherit !important;
  margin: 0 auto !important;
  display: block;
  text-align: center;
  display: none;
}
#chartContainer .canvasjs-chart-canvas:first-of-type{display: inherit !important;}
#chartContainer .canvasjs-chart-toolbar, #chartContainer .canvasjs-chart-credit{display: none !important;}
#chartContainer2 .canvasjs-chart-toolbar, #chartContainer2 .canvasjs-chart-credit{display: none !important;}

.boxes4cards{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 10px 15px;
  border-radius: 4px;
  margin: 0;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
  background-color: #FFF;
}
.boxes4card{
  display: flex;
  justify-content: space-between;
  width: 20%;
  padding: 5px 10px;
  margin: 5px 10px;
  border-right: 1px solid #EEE;
}
.boxes4card:last-child {border-right: none;}
.boxes4card h5{
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: bold;
  color: #8c98a4;
}
.boxes4card h3{
  font-size: 1.4rem;
  color: #000;
}
.boxes4card h6{
  font-size: .85rem !important;
  color: #8c98a4;
  margin: 0;
}
.boxes4cardicon {
  font-size: 1rem;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(238 236 253);
  color: #71869d;
  border-radius: 50%;
  line-height: 0;margin: 0;padding: 0;
}
.boxes4cardicon i{font-size: 22px;}
.boxes4card:first-of-type .boxes4cardicon{background-color: #eeecfd;color: #867cce;}
.boxes4card:nth-of-type(2) .boxes4cardicon{background-color: #dff9e8; color: #5dd286;}
.boxes4card:nth-of-type(3) .boxes4cardicon{background-color: #fdecec;color: #c77c7c;}
.boxes4card:nth-of-type(4) .boxes4cardicon{background-color: #ecf5fd;color: #5b8cb6;}


/**/
.tab-content{
  padding: 30px 50px;
  border: 1px solid rgba(153, 153, 153, 0.4);
  border-top: none;
  background-color: var(--white);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
}
.custom-fileee input{
  max-width: 600px;
}

/************************************************/
/****************** Profile Page **************/

#userprofilepage{
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(182, 186, 203, 0.2);
  padding-top: 40px;
}
#ancortabs{
  list-style: none;
  padding: 10px 0;
  margin: 0;
  margin-right: 2%;
  width: 24%;
  height: 100%;
  box-shadow: 0 0 10px #EEE;
  border-radius: 8px;
  position: sticky;
  top: 80px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
  background-color: var(--white);
}
#ancortabs a{
  text-decoration: none;
  display: block;
  border-left: 3px solid transparent;
  color: #132144;
  font-size: .9rem;
  margin: 8px 0;
  padding: 8px 20px;
  transition: all .3s ease;
}
#ancortabs a:hover,
#ancortabs .mmtabactive {
    color: var(--color1);
    border-left: 3px solid var(--color1);
}
#ancortabscontent {
  width: 74%;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 80px;
}
.mm_section{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
  border-radius: 20px;
  margin-bottom: 30px;
  background-color: var(--white);
}
.mm_sectionheader{
  border-bottom: .0625rem solid rgba(231,234,243,.7);
  padding: 15px 20px;
}
.mm_sectionheader h5{
  margin: 0;padding: 0;
  font-size: 1rem;
  color: var(--color1);
}
.mm_sectionbody{
  padding: 20px;
}

#profilepageuserheader{
  position: relative;
  text-align: center;
  background-image: url("images/img33.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 40px;
  padding-top: 50px;
}
#profilepageuserheader input{display: none;}
#profilepageuserimg {
  display: flex;
  justify-content: center;
  margin: 0;
  position: relative;
  bottom: -20px;
}
#profilepageuserheader img{
  width: 100px;height: 100px;
  border-radius: 50%;
  border: 4px solid #FFF;
}
#profilepageuserheader .iconeditimgprofile{
  font-size: 20px;
  width: 40px;
  height: 40px;
  border: 1px solid #FFF;
  box-shadow: 0 0 3px #bec5e0;
  border-radius: 50%;
  color: #484d74;
  background-color: #ecedf2;
  position: relative;
  left: -20px;
  top: 40px;
  cursor: pointer;
  display: flex;align-items: center;justify-content: center;
}

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


.storelicenses input{display: none;}
.storelicenses img {padding: 0 10px 3px 10px;height: 50px;}
.storelicenses label {font-size: .7rem !important;padding: 5px;text-align: center;}
.storelicenses input[type=radio] + label {
  border: 5px groove transparent;
  opacity: .8;
  filter: grayscale(100%);
  transition: all .3s ease;
}
.storelicenses input[type=radio]:checked + label {
  border: 5px groove #7b98cd;
  opacity: 1;
  filter: inherit;
}
@media only screen and (max-width: 768px) {
  .storelicenses .row, .storelicenses .row>* {padding-left: 0 !important;padding-right: 0 !important;}
  .storelicenses img {padding: 2px;}
  .d-block-mobile {display: block !important;;}
}
/***************************************/
/************register/login*******************/
.dasdasdas{
  position: absolute;
  top: 0;right: 0;
  width: 100%;height: 100vh;
  z-index: -1;
  width: 34%;
  padding: 0 50px;
  background-color: #f7f7f7;
}
.register-wrapper{
	height: 100vh;
	width: 100vw;
	position: relative;
	overflow: hidden;
  background-color: #fff;
}
.registerpageheader{
	position: absolute;
	top: 0;
    left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 30px;
    z-index: 99999;
    background-color: #FFF;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 12px;
    height: 75.97px;
}
.tabswrapper{
	display: flex;
	justify-content: stretch;
    /* height: 100vh !important; */
    overflow-y: auto;
}
.registerpage_poster{
	width: 40%;
  padding: 0;
  background-color: #f3f2f0;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.register_page select,
.register_page input:not([type='checkbox']),
.login_page input:not([type='checkbox']) {
  border: 1px solid #DDD;
	background-color: #F7F7F7;
	border-radius: 5px;
	padding: 6px 10px;
	width: 100%;
  font-size: .85rem;
}
.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {
    width: 1% !important;
}
.light-label{font-size: .85rem;color: #727272;}
.mmmtabs{
	margin: 20px 0 30px 0;
}
.mmmtabs a{
	font-weight: 400;
	font-size: .95rem;
	position: relative;
	display: inline-block;
	margin-right: 10px;
	text-decoration: none;
	color: #000;
	transition: all 0.4s ease;
}
.mmmtabs a::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	left: 0;
	bottom: -6px;
	background-color: rgba(0, 0, 0, 0.1);
	transition: all 0.4s ease;
}
.mmmtabs a.active_btn::after,.mmmtabs a:hover::after{background-color: var(--color1)}
#store_businesses_00 .select2-selection--multiple{
  border: 1px solid rgba(0, 149, 255, 0);
	background-color: #F7F7F7;
	border-radius: 5px;
	padding: 6px !important;
	width: 98%;
  font-size: .7rem !important;
}
#store_businesses_00 {
    display: flex;
}
.select2-results{font-size: .8rem !important;}
/***International Telephone Input****/
.iti__hide {display: none; }
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {background: none;}
.iti {display: block;}

.select2-container--default .select2-selection--multiple {
    border: 1px solid rgba(222, 225, 234) !important;
}
#inputCurrency {
    font-size: 13px;
}
.register-wrapper #phone,.register-wrapper #otp{border-radius: 3px 0 0 3px;}

@media only screen and (max-width: 992px) {
  .dasdasdas{display: none;}
  .tabswrapper {flex-direction: column;}
  .tabswrapper form {width: 100%;}
  .register-wrapper {flex-direction: column;}
  .registerpageheader{padding: 2px 20px;background-color: #FFF;}
  .registerpage_poster {padding-top: 90px;padding-bottom: 30px;}
  .registerpage_poster,.registerpage_data{width: 100%;height: auto;}
  /* .register-wrapper #fullname,.register-wrapper #password,.register-wrapper #subdomain,.register-wrapper #mmfilter{margin-bottom: 10px;} */
}
/*******************************************************/
/*********************Customer********************/
#customerprofilepage{
  display: flex;
  justify-content: space-between;
  gap: 25px;
}
#customerprofilside .nav {--bs-nav-link-padding-x: .5rem;}
#customerprofilside .nav-link{
  width: 100%;
  font-size: .95rem;
  padding: 10px;
  border-left: 4px solid transparent;
}
#customerprofilside .nav-link{border-radius: 0 !important;}
#customerprofilside .nav-link.active,#customerprofilside .show > .nav-link {
  color: var(--color1dark);
  border-left: 4px solid #3a6ab5;
  background-color: #e5eaee;
}
#customerprofilside{
  padding: 0;
  margin: 0;
  margin-right: 2%;
  width: 22%;
  height: 100%;
  position: sticky;
  top: 80px;
}
.customerprofilside{
  box-shadow: 0 0 10px #EEE;
  border-radius: 5px;
  box-shadow: 0 .375rem .75rem rgba(140,152,164,.2);
  border: .0625rem solid rgba(231,234,243,.7);
  background-color: #fcfcfc;
  /* text-align: left; */
}
#sideheader7{
  background-color: var(--color1);
  padding: 20px;
  border-radius: 5px 5px 0 0;
  color: #d6dce9;
  font-size: .9rem;
  text-align: right;
}
#sideheader7 h5{
  text-transform: capitalize;
  font-size: 1.2rem;
  padding: 0;
  padding-bottom: 10px;
  margin: 0;
  color: #FFF;
  text-shadow: 1px 1px 1px #333;
}
#sideheader7 ul{
  list-style: none;
  padding: 0;margin: 0;
  padding-top: 5px;
  border-top: 1px solid rgba(204, 204, 204, 0.3);
}
#sideheader7 li{
  display: inline-block;
  font-size: 13px;
}
#customerprofilside a{
  text-decoration: none;
  display: block;
  font-size: .9rem;
  padding: 3px 10px;
  transition: all .3s ease;
}
.customerprofilside blockquote{font-size: .8rem;color: #888c98;margin-bottom: 5px;}
.customerprofilside .customernote{
  font-size: .84rem;color: #6b717c;
  padding: 8px;
  border: 1px solid rgba(111, 121, 153, 0.1);
  background-color: rgba(168, 181, 214, 0.1);
}

#customerprofilcontent {
  width: 76%;
}
.customerprofilcontent {
  padding: 30px !important;
  margin-bottom: 10px;
  border-radius: 5px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
  background-color: var(--white);
  scroll-margin-top:500px;
  scroll-padding-top: -50px;
}
.customerprofilcontent .form-label {color: #293a80;}
.customerprofilcontent .form-control, .customerprofilcontent .form-select {background-color: #f6f7f8;}
.customerprofilcontent .form-control:focus, .customerprofilcontent .form-select:focus {background-color: #FFF !important;}
/***/
.star55 label{
  font-weight: bold;
  color: var(--color1);
}
.nav-link span {
    font-size: 12px;
    display: block;
    margin: auto;
}
.box55{
  background-color: #fcfcfc;
  color: #424b5a;
  /* box-shadow: 0 1px 4px rgba(140,152,164,.1); */
  box-shadow: 0 9px 13px rgba(143,152,164,0.3);
  border: 1px solid rgba(140,152,164,.2);
  border-radius: 6px;
  padding: 15px 20px;
  margin-bottom: 30px;
}
.p55{
  font-size: .8rem;
  color: #6e7ea1;
  margin: 3px 0 6px 0;
}
.box55li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.box55li h5{
  font-size: .92rem;
  color: var(--middark);
  margin: 0;padding: 0;
}
.box55li .btn-sm {
  --bs-btn-padding-y: 5px;
  --bs-btn-padding-x: 8px;
  --bs-btn-font-size: .85rem;
  --bs-btn-border-radius: 0;
}
.box55li .btn-outline-success {
  --bs-btn-color: #0d0d0d;
  --bs-btn-border-color: #c6c6c6;
}


/******************card*****************/
.card {
  --bs-card-spacer-y: 1.3125rem;
  --bs-card-spacer-x: 1.3125rem;
  --bs-card-title-spacer-y: 0.25rem;
  --bs-card-border-width: 0.0625rem;
  --bs-card-border-color: rgba(231, 234, 243, 0.7);
  --bs-card-border-radius: 0.75rem;
  --bs-card-box-shadow: 0rem 0.375rem 0.75rem rgba(140, 152, 164, 0.075);
  --bs-card-inner-border-radius: 0.6875rem;
  --bs-card-cap-padding-y: 1.3125rem;
  --bs-card-cap-padding-x: 1.3125rem;
  --bs-card-cap-bg: transparent;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1.3125rem 1.3125rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
/**********************************************************/
/********Product*********/
.card{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
  border: 1px solid #c1c1c1;
  border-radius: 0;
}
.card-header {
    padding: 5px 10px;
    background: #dae0f5;
    color: #2D51E0;
    border-radius: 0 !important;
    border-bottom: 1px solid #c1c1c1;
    height: 46px !important;
    display: flex !important;
    align-items: center;
}
.card-header-title{
  font-size: 16px;
  margin: 0;
}
.card-header-with-lang{
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* padding: 5px 20px 0 20px ; */
}
.card-header .nav .nav-link:not(.active) {
    border: 1px solid #c1c1c1;
    border-radius: var(--borderRadius);;
    background: var(--btnBgColor);
    color: #FFF !important;
}
.card-header-with-lang .nav-link {color: #EEE;text-transform: uppercase;}
.card-header-with-lang .nav-link img{
  height: 22px;
  border: 1px dashed #FFF;
  border-radius: 50%;
}
.tab-content-with-lang{
  border: none;
  padding: 0;
}

.note-editing-area{min-height: 220px;}
/***/
#sortableImgThumbnailPreview{
  /* background-color: #f0f4f8; */
  padding: 15px 18px;
}
.ui-sortable-placeholder {
  border: 1px dashed black!important;
  visibility: visible !important;
  background: #eeeeee78 !important;
}
.ui-sortable-placeholder * { visibility: hidden; }
.RearangeBox.dragElemThumbnail{opacity:0.6;}
.RearangeBox {
    width: 150px;
    /* height:240px; */
    padding:10px 5px;
    cursor: all-scroll;
    border: 1px solid #9E9E9E;
    display: inline-block;
    margin: 5px!important;
    text-align: center;
    color: #1e537e;
    background: #ffc107;
}
.RearangeBox:first-of-type{
  box-shadow: 0 0 10px 0 #000000;
  background: #42da56;
  position: relative;
}
.RearangeBox:first-of-type::after{
  position: absolute;
  top: 0;left: 10px;
  font-family: "bootstrap-icons";
  content: "\F586";
  font-size: 1.8rem;
  background-color: #42da56;
  line-height: 1;padding: 10px 12px;
  border-radius: 0 0 12px 12px;
  color: #FFF;
}
.IMGthumbnail{
  max-width: 150px;
  height: 150px;
  margin:auto;
  background-color: #ececec;
  padding:2px;
  border:none;
}
.IMGthumbnail img{
  max-width:100%;
  max-height:100%;
}
.imgThumbContainer{
  margin:4px;
  border: solid;
  display: inline-block;
  justify-content: center;
  position: relative;
  border: 1px solid rgba(0,0,0,0.14);
  -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
  box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
}
.imgThumbContainer > .imgName{
  text-align:center;
  padding: 2px 6px;
  /* margin-top:4px; */
  font-size:13px;
  height: 15px;
  /* overflow: hidden; */
}
.imgThumbContainer > .imgRemoveBtn{
  position: absolute;
  color: rgba(241, 37, 54, 0.9);
  right: 2px;
  top: 0;
  cursor: pointer;
  display: none;
  font-size: 1.6rem;
  text-shadow: 0 0 5px #FFF;
}
.RearangeBox:hover > .imgRemoveBtn{
  display: block;
}
/***/
.mediawrapper{
  position: relative;
  width:100%;height: 300px;
  overflow-y: auto;
  border: 2px dashed #b1bed1;transition: all .4s ease;
  background-color: #f0f4f8;
  background-image: url("images/drag-images.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}
.mediawrapper:hover{border: 2px dashed #6c7d94;}
.mediawrapper input{
  opacity: 0;
  position: absolute;
  top: 0;left: 0;
  width: 100%;
  height: 100%;
  background-color: #293a80;
}
/***/
#options_container{
  display: flex;
  /* justify-content: space-between; */
}
#options_container .form-group {
  padding: 0 10px;
  border: 1px solid #cedbe6;
  width: 100%;
}
#options_container .form-select {background-color: #e4f1f7;}


/*******************************************************/
/*******************************************************/
.optionbox{
  display: flex;
  align-items: stretch;
  width: 100%;
  margin-top: 5px;
  position: relative;
}
.optionlangbtn{
  padding: 0 4px;margin: 0;
  font-size: 1.3rem;
  color: var(--color6);
  cursor: pointer;
  transition: all .3s ease;
}
.optionlangbtn:hover{
  color: var(--color1);
}
.boxeditlangs{
  position: absolute;
  display: block;
  z-index: 9999;
  width: 80%;
  left: 0;
  top: 100%;
}
#optionslangsoverlay{
  content: "";
  display: none;
  position: fixed;
  z-index: 9998;
  width: 100%;height: 100vh;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.active-optionslangsoverlay{display: block !important;}
.boxeditlangs .input-group{box-shadow: 0 0 3px 1px rgba(109, 115, 140, 0.4);border-radius: 5px;}
.boxeditlangs .input-group-text{width: 40px;text-align: center;text-transform: uppercase;font-size: .9rem;font-weight: bold;}



/*******************************************************/
/******************Products**************/
#sortableImgThumbnailPreview{
  /* background-color: #f0f4f8; */
  padding: 15px 18px;
}
.ui-sortable-placeholder {
  border: 1px dashed black!important;
  visibility: visible !important;
  background: #eeeeee78 !important;
}
.ui-sortable-placeholder * { visibility: hidden; }
.RearangeBox.dragElemThumbnail{opacity:0.6;}
.RearangeBox {
    width: 140px;
    height:120px;
    padding:10px 5px;
    cursor: all-scroll;
    border: 1px solid #9E9E9E;
    display: block;
    float: left;
    margin: 5px!important;
    text-align: center;
    color: #1e537e;
    background: #ffc107;
    position: relative;
}
.RearangeBox:first-of-type{
  box-shadow: 0 0 10px 0 #000000;
  background: #42da56;
  position: relative;
  width: 280px;
  height:250px;
}
.RearangeBox:first-of-type::after{
  position: absolute;
  top: 0;left: 0;
  font-family: "bootstrap-icons";
  content: "\F586";
  font-size: 1.8rem;
  background-color: #42da56;
  line-height: 1;padding: 10px 12px;
  border-radius: 0 0 12px 12px;
  color: #FFF;
}

.IMGthumbnail{
  max-width: 150px;
  max-height: 80px;
  height: auto;
  margin: auto;
  background-color: #ececec;
  padding: 2px;
  border: none;
  overflow: hidden;
}
.RearangeBox:first-of-type .IMGthumbnail {
  max-width: 100%;
  max-height: 220px;
}
.IMGthumbnail img{
  max-width:100%;
  max-height:100%;
}
.RearangeBox > .imgName{
  text-align: center;
  padding: 2px 6px;
  margin-top: 2px;
  font-size: 12px;
  height: 20px;
  overflow: hidden;
}
.RearangeBox > .imgRemoveBtn{
  position: absolute;
  color: rgba(241, 37, 54, 0.9);
  right: 2px;
  top: 0;
  cursor: pointer;
  display: none;
  font-size: 1.6rem;
  text-shadow: 0 0 5px #FFF;
}
.RearangeBox:hover > .imgRemoveBtn{
  display: block;
}

/***/
.mediawrapper{
  position: relative;
  width:100%;height: 300px;
  overflow-y: auto;
  border: 2px dashed #b1bed1;transition: all .4s ease;
  background-color: #f0f4f8;
  /* background-image: url("images/drag-images.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center; */
}
.mediawrapper:hover{border: 2px dashed #6c7d94;}
.mediawrapper input{
  opacity: 0;
  position: absolute;
  top: 0;left: 0;
  width: 100%;
  height: 100%;
  background-color: #293a80;
}

/**/
#stickyproduct{
  position: sticky;
  top: 70px;
  height: min-content;
}

.serp-title {
  color: #1a0dab;
  cursor: pointer;
  font-size: 1.1rem;
}
.serp-url {
  color: #006621;
  font-size: .9rem;
}
.serp-description {
  color: #545454;
  font-size: .85rem;
}

/************************************/
/************************************/
/************************************/
.nextandprev{
  display: flex;
  margin: 0 10px;
}
.nextandprev a{
  margin: 0 5px;
  width: 40px;height: 40px;border-radius: 50%;
  display: flex;align-items: center;justify-content: center;
  background-color: rgba(26, 88, 180, 0.1);
  transition: all .3s;
}
.nextandprev a:hover{
  background-color: rgba(26, 88, 180, 0.3);
}

.border-shadow{
  border-radius: 5px;
  /* box-shadow: 0 .375rem .75rem rgba(140,152,164,.2); */
  /* border: .0625rem solid rgba(231,234,243,.7); */
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
  background-color: #FFF;
}

.mmflex-center{display: flex;align-items: center;justify-content: space-between;}
.h6ancor{color: var(--color1);cursor: pointer;font-size: 1rem;transition: all .3s;}
.h6ancor:hover{color: #000;}

/*************/
.header_order_det{
  display: flex;
  justify-content: space-between;
  align-items: end;
  border-bottom: 1px solid #ececec;
  padding-bottom: 8px;
  margin-bottom: 20px;
  color: #535f79;
  font-size: .9rem;
}
.big_icons{
  font-size: 1.2rem;
}
.big_icons a{margin: 0 8px;transition: all .4s;color: #333;}
.big_icons a:hover{opacity: .9;color: var(--color1);}
.ordernamedate{
  display: flex;
  align-items: center;
}
.ordernamedate h5, .ordernamedate h6{margin: 0;font-size: 1rem;}
.ordernamedate h6{margin: 0;margin-left: 20px;font-size: .8rem;}
.body_order_det .ooheader{
  padding: 12px 20px;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(238, 238, 238, 0.2);
}
.orderstatushead{
  display: flex;
  justify-content: center;
  align-items: center;
}
.body_order_det ul{list-style: none;margin: 0;padding: 0;}
.body_order_det .ooheader h6{
  text-align: center;margin: 0;
  margin-left: 8px;
  font-size: .95rem;
  color: var(--color1);
  cursor: pointer;
  transition: all .3s;
}
.body_order_det .ooheader h6:hover{opacity: .7;}
.body_order_det .ooheader h4{margin: 0;padding: 0;font-size: 1.2rem;color: var(--color1);}
.body_order_det .oocontent{
  padding: 15px 20px;
}
.oreder33{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(121, 121, 121, 0.1);
}
.totalprice{width: 12%;display: flex;justify-content: end;color: var(--color1);}
.price-quantity{width: 18%;color: var(--color1);}
.oreder33product{
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: .8rem;
  color: #6a7b94;
}
.oreder33product a{font-size: .8rem;color: var(--color1);margin-bottom: 8px;text-decoration: none;transition: all .3s;}
.oreder33product a:hover{color: #000;}
.oreder33product img{
  height: 50px;
  margin-right: 10px;
}
.orderpagetable{text-align: center;min-width: 600px;}
.orderpagetable thead{font-size: .85rem;}
.orderdataaa{
  display: flex;
  /* justify-content: end; */
  gap: 30px;
}
.orderdataaa ul{list-style: none;margin: 0;padding: 0;max-width: 400px;width: 100%;font-size: .9rem;}
.orderdataaa li{display: flex;justify-content: space-between;margin-bottom: 5px;}
.shipping_activity{
  margin-top: 30px;
}
.mmactivityul{
  border-left: 3px solid rgba(214, 214, 214, 0.4);
  margin: 0;padding: 0;list-style: none;
}
.mmactivityul li{margin-left: 14px;margin-bottom: 25px;}
.mmactivityul p{font-size: 1rem;color: #444;margin: 0;padding: 0;}
.mmactivityul span{font-size: .85rem;color: #60637d;}
.mmactivityul h4{
  position: relative;
  font-size: 1.1rem;
  color: var(--color1);
  margin: 0;
  margin-bottom: 4px;
}
.mmactivityul h4::before{
  content: "";
  position: absolute;
  top: 50%;
  left: -17px;
  box-shadow: 0 0 6px 2px rgba(12, 51, 109, 0.7);
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  /* border: 5px solid #d6dfeb; */
  border-radius: 50%;
  background: #7b7e8e;
}
.ordersidebarrr h5 {font-size: 1.1rem;color: #000;}
.ordersidebarrr li, .ordersidebarrr p {
  font-size: .9rem;
  color: #60637d;
}
#OrderStatusModel .form-check{
  width: 30%;
  display: inline-block;
  margin-bottom: 8px;
}
#OrderStatusModel .badge{min-width: 90px;}
#OrderStatusModel .statuscomment{margin-top: 20px;}
#OrderStatusModel .form-control {border: .06rem solid rgba(190, 190, 190, 0.7) !important;}
.form-check-wrapper .form-check{margin: 5px;}
/*************/
.nav {--bs-nav-link-padding-y: 5px;}
.form-check-input:checked {
  background-color: var(--color1);
  border-color: var(--color1);
}
/**************/
.quantity_offer_option label{font-size: .75rem !important;}
.quantity_offer_option{position: relative;}
.quantity_offer_option .btnxxx{
  position: absolute;
  right: -10px;
  bottom: 10px;
  background-color: #cc6060;
  width: 22px;
  height: 22px;
  line-height: 16px;
  padding: 2px;margin: 0;
  font-size: 15px;
  display: block;
  text-align: center;
  border-radius: 50%;
  color: #FFF;
  cursor: pointer;
  transition: all .3s;
}
.quantity_offer_option .btnxxx:hover{background-color: #ff0000;}
/*************/
/**************************************/
#marketplacepage{margin-top: -20px;}
.marketplacepageheader h2{
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
}
.marketplacepageheader p{font-size: .9rem;color: #666;margin-bottom: 0;}
/**/
.appswrapper{
  display: flex;
  justify-content: space-evenly;
  align-items: stretch;
  flex-wrap: wrap;
}
.appswrapper.grid{
  min-height: 400px;
}
a.app-item{
  width: 24%;
  margin-bottom: 15px;
  padding: 8px;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  color: var(--color1);
  transition: all .3s ease;
  border: 1px solid transparent;
}
a.app-item:hover{
  box-shadow: 0 4px 8px rgba(140,152,164,.2);
  /* border: 1px solid var(--color3); */
  background-color: rgba(255, 255, 255, 0.8);
}
/* a.app-item .appicon{width: 90px;margin-right: 10px;} */
a.app-item .appicon img{width: 100%;}
a.app-item .appicon{width: 27%;}
a.app-item .appdata{width: 70%;}
a.app-item h4{font-size: 1rem;}
a.app-item p{font-size: .8rem;color: #666;margin: 0;}
a.app-item .appdata div{color: #e6c700;font-weight: bold;}
a.app-item i{color: #ffdd00;font-size: 1.1rem;}
a.app-item span{color: #6a7b94;font-weight: normal;}
/**/
#appscategories{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 20px 0;
}
#appscategories span{
  padding: 16px 15px 8px 15px;
  border: 1px solid rgba(105, 94, 211, 0.4);
  border-radius: 3px;
  position: relative;z-index: -2;
}
#appscategories button:hover{opacity: .7;}
#appscategories button{
  border: none !important;
  background: none !important;
  padding: 0 5px !important;
  box-shadow: none !important;
  color: var(--color1) !important;
  margin-bottom: 20px;
}
#appscategories button i {
  display: block;
  font-size: 1.6rem;
  width: 28px;
  margin: auto;
  position: relative;
  z-index: -1;
  background-color: #f3f4f6;
  margin-bottom: 5px;color: var(--color1dark);
}

#appscategories button img {
  display: block;
  font-size: 1.6rem;
  margin: auto;
  position: relative;
  z-index: -1;
  background-color: #f3f4f6;
  color: var(--color1dark);
  height: 25px;
  width: 25px;
  margin-bottom: 10px;
}
#appscategories button.is-checked span{color: #443b8c;border: 1px solid #443b8c;}
#appscategories button.is-checked i{color: #443b8c;}
/***/
.mostPopularappswrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.mostPopular-app-item{
  position: relative;
  color: var(--color1);
  /* min-height: 250px; */
  display: block;
  /* width: 20%; */
  transition: all .4s ease;
  background-color: #bfffc2;
  border-radius: 5px;
  overflow: hidden;
}
.mostPopular-app-item:nth-child(2){background-color: #e2f69a;}
.mostPopular-app-item:nth-child(3){background-color: #f1d6a7;}
.mostPopular-app-item:nth-child(4){background-color: #f7c7c7;}
.mostPopular-app-item:nth-child(5){background-color: #e6f2a6;}
.mostPopular-app-item:nth-child(6){background-color: #c4c7fd;}
.mostPopular-app-item:nth-child(7){background-color: #e1c5f9;}
.mostPopular-app-item:nth-child(8){background-color: #bdf0c0;}
.mostPopular-app-item:nth-child(9){background-color: #f1d6a7;}
.mostPopular-app-item:nth-child(10){background-color: #bfffc2;}
.mostPopular-app-item:nth-child(11){background-color: #f7c7c7;}
.mostPopular-app-item:nth-child(12){background-color: #c4c7fd;}
.mostPopular-app-item .mostPopular-appdata p{margin: 0;padding: 0;}
.mostPopular-app-item .mostPopular-appdata{
  position: absolute;
  top: 0;left: 0;
  width: 100%;height: 100%;
  /* background-color: rgba(0, 0, 0, 0.5); */
  background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,.1) 100%);
  color: #FFF;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: column;
  padding: 20px;
  font-size: .8rem;
  text-align: left;
  transition: all .4s ease;
}
.mostPopular-app-item .mostPopular-appicon{
  width: 100%;
  /* padding: 20px; */
}
/* .mostPopular-app-item .mostPopular-appicon img{margin-top: 20px;} */
.mostPopular-rating{color: #ffdd00;font-size: 1rem;}
.mostPopular-rating span{color: #FFF;font-size: .9rem;}
.mostPopular-app-item:hover .mostPopular-appdata{
  opacity: .8;
}
/*********************************/
/************************************************************/
.loading-building-store{
  position: fixed;
  top: 0;left: 0;
  width: 100%;height: 100%;
  background-color: #FFF;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
  overflow: hidden;
  border-radius: 12px;
  text-align: center;
}
.loading-building-store h3{
  margin-top: 20px;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1.2rem;
  color: #5a5c66;
  /* animation: animationopacity 3s linear infinite; */
}
.loading-building-store img {
    max-width: 65%;
}
@keyframes changeText {
  0% { content: "Initial text"; }
  50% { content: "New text"; }
  100% { content: "Initial text"; }
}
@keyframes animationopacity {
	from {opacity:1;}
	50% {opacity:.3;}
	to {opacity:1;}
}
.savingdotted span {
  font-size: 3rem;
  line-height: 0;
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
.savingdotted span:nth-child(2) {
  animation-delay: .2s;
}
.savingdotted span:nth-child(3) {
  animation-delay: .4s;
}
@keyframes blink {
  0% {opacity: .2;}
  20% {opacity: 1;}
  100% {opacity: .2;}
}

/***************************************/
/*******navigationpage*****************/
#navigationpage .nav-tabs .nav-link {
  font-weight: bolder;
}
#navigationpage .nav-link {
  padding: 5px 20px;
}
#navigationpage .tab-content {
  padding: 30px 20px;
  border: 1px solid #e3e3e3;
  border-top: none;
}
#navigationpage p {
  margin-bottom: .5rem;
  font-size: .9rem;
  color: #767676;
}
.menu-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu-box ul.menu-list li {
	display: block;
	margin-bottom: 5px;
	border: 1px solid #eee;
	background: #fff;
  clear: both;
	/* display: flex;
	align-items: center; */
}
.menu-box ul.menu-list i {cursor:move;font-size: 1.3rem;padding: 2px;color: #000;transition: all .3s;}
.menu-box ul.menu-list i {color: #312a58;}
.menu-box ul.menu-list > li a {
  display: inline-block;
  font-size: 1rem;
  color: var(--color1);
  text-decoration: none;
  padding: 5px;
}
.menu-box ul.menu-list > li a:hover {
	color: var(--color1dark);
}
.menu-box ul.menu-list ul {
  margin-left: 20px;
  margin-top: 5px;
}
.menu-box ul.menu-list ul li {
  background-color: #fbfbfb;
}
.menu-box ul.menu-list ul  ul li {
  background-color: #f7f7f7;
}
.menu-box ul.menu-list ul li a {
  color: #5f656d;
}
.menu-box li.menu-highlight {
  border: 1px dashed red !important;
  background: #f5f5f5;
  opacity: .7;
}
.menu-box .actionbtns{float: right;margin-right: 3px;margin-top: 3px;}
.navigationactionbtn{padding: 1px 15px !important;cursor: pointer;border: 1px solid #e4e4e4 !important;transition: all .3s;}
.navigationactionbtn.editbtn:hover{background-color: #f0be62;}
.navigationactionbtn.deletebtn:hover{background-color: #f37171;}
.navigationactionbtn i{font-size: 1rem !important;cursor: pointer !important;}
/**/
/* .dropdown-item.active, .dropdown-item:active {background-color: var(--color3);} */

/************************************************************/
/****************Reports******************/
.reportrange{background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #EEE; width: 100%}

#reportspage{width: 1400px;max-width: 100%;margin: auto;padding-bottom: 50px;}
.reportspageheader{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.reportspageheader ul{
  list-style: none;
  margin: 0;padding: 0;
}
.reportspageheader li{display: inline-block;}
.reportspageheader li a{
  text-decoration: none;
  color: var(--color2);
  font-size: .95rem;
  padding: 6px 8px;
  margin-right: 10px;
  background-color: var(--color3);
  border-radius: 3px;
  border-bottom: 2px solid transparent;
  transition: all .3s ease;
}
.reportspageheader li a:hover{opacity: .6;}
.reportspageheader li a.activelink{border-bottom: 2px solid var(--color2);opacity: 1;}
.chartwrapper{margin-bottom: 20px;
  border: 1px solid var(--color3);
  padding: 12px 8px;
  background-color: var(--white);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
  width: 100%;
}
.charttitle{
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color3);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.charttitle .h4withancor{width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 0 5px;}
.charttitle .h4withancor a{color: var(--color1);font-weight: bold;font-size: .9rem;}
.charttitle .h4withancor a:hover{color: #000;}
.charttitle select{width: 80px;font-size: .8rem;}
.reportspageheader select{width: 80px;font-size: .8rem;}
.charttitle h4{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;padding: 0;
  font-size: 1rem;
  font-weight: bold;
  color: var(--color1);
}
.charttitle2{text-align: center;font-size: .8rem;color: var(--color2);font-weight: bold;}
.charttitle3{
  display: flex;justify-content: space-evenly;align-items: center;
  font-size: .9rem;color: var(--color2);font-weight: bold;
}
.charttitle3 span{padding: .2rem;}
.charttitle3 strong{font-size: .8rem;}
.box12{
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .75rem;
  color: #888;
  /* border-top: 1px solid rgb(234, 234, 234); */
}
.box12 span{display: block;text-align: center;color: var(--color1);font-weight: bolder;}
/**/
#funnelchart{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 300px;
  max-width: 100%;
}
#funnelchart div{
  text-align: center;
  width: 200px;
  color: #FFF;
  font-size: .9rem;
  font-weight: bold;
  text-shadow: 0 0 1px #000;
  position: relative;
}
#funnelchart div span{padding: 5px;}
#funnelchart div:first-child{
  width: 280px;max-width: 100%;height: 0;
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
  border-top: 140px solid #5475B6;
}
#funnelchart div span{position: absolute; top: -80px;left: 50%;z-index: 1;transform: translateX(-50%);width: 80%;}
#funnelchart div:nth-child(2){background-color: #11e156;padding: 5px;}
#funnelchart div:nth-child(3){background-color: #c69e1b;padding: 5px;}
#funnelchart div:nth-child(4){background-color: #3e54d5;padding: 5px;}
#funnelchart div:nth-child(5){background-color: #d95151;padding: 5px;}
#funnelchart div:nth-child(6){background-color: #c0be26;padding: 5px;}
/**/
.conversionbox{
  padding: 10px;
  /* border: 1px solid var(--color3); */
  /* border-radius: 4px; */
  /* background-color: #e1e0de; */
}

.conversionbox h5{font-size: 1.3rem;color: #666;text-align: center;margin-bottom: 20px;font-weight: bold;}
.conversionbox h4{font-size: 2.5rem;color: var(--color1dark);text-align: center;margin-top: 30px;}
.conversionboxflex{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.conversionboxflex select{width: 400px;max-width: 100%;background-color: rgba(255, 255, 255, 0.5);}
.lighthr{border: 3px solid var(--color3);margin: 30px 0;display: block;position: relative;}
/* .marketingspoud h5{font-weight: bold;font-size: 1.3rem;} */
.marketingspoud input{width: 100%;max-width: 100%;background-color: rgba(0, 0, 0, 0.03);}
.totalspent{
  display: inline-block;
  /* border: 1px solid #e0e0e0; */
  display: inline-block;
  padding: 0;
  width: 100%;
  background-color: #010039;
  color: #FFF;
  border-radius: 4px;
  line-height: 55px;
  height: 55px;
  margin-top: 10px;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
}
.totalspent h5{padding: 0;margin: 0;}

#reportspage .tab-content{
  padding: 0 !important;
  border: none !important;
}

.conversionfilterselect2 .select2-container--default .select2-selection--single {
  border: 1px solid #eaeaea;
  height: 40px;
}

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

.buildingstep,.buildingstepicon img,.buildingstep::after {transition: all .6s ease;}
.buildingstep {
  background: #FFF;
  border-radius: 12px;
  position: relative;
  margin: 30px 10px;
  /* text-align: center; */
}
.buildingstepnumber{
  font-size: 80px;font-weight: bolder;
  line-height: 1;
  z-index: 1;
  position:absolute;
  top: 50%;left: -25px;
  transform: translateY(-50%) scaleY(1.3);
  -webkit-text-stroke:2px var(--color1);
  -webkit-text-fill-color: #FFF;
  /* -webkit-text-fill-color:#FFF; */
  opacity: .9;
  font-family: arial;
  z-index: 1;
}
.buildingstepicon{
  position:absolute;
  top: -22px;right: -17px;
  width: 50px;height: 50px;
  border-radius: 50%;
  padding: 10px;
  overflow: hidden;
  background-color: var(--color1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.buildingstep img{height: 33px;}
.buildingstepdata{
  min-height: 220px;
  padding: 20px 20px 20px 30px;
  background-color: #eee;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 2px solid var(--color1);
}
.buildingstepdata h4{
  font-size: 1rem;font-weight: bold;
  color: var(--color1);
  text-transform: uppercase;
}
.buildingstepdata p{
  font-size: .88rem;
  color: #474747;
}
.buildingstepbtn{
  font-size: .95rem;
  display: block;
  padding: 7px;
  text-decoration: none;
  text-align: center;
  /* border: 2px solid #FFF; */
  border-radius: 3px;
  box-shadow: 0 0 2px #333;
  color: var(--color1);
  background-color: #FFF;
  transition: all .2s;
}
.buildingstepbtn:hover{
  color: #FFF;
  background-color: var(--color1);
}
.step-completed .buildingstepdata{background-color: var(--color1);}
.step-completed .buildingstepdata h4{color: #eaeaea;}
.step-completed .buildingstepdata p{color: #dfdfdf;}
.step-completed .buildingstepdata .text-primary{color: #eaeaea !important;font-weight: bold;}


/************************************************************/
/***************billin gpage*****************************/
#billingpage .card-subtitle{color: var(--color1);margin-bottom: 8px;font-size: .9rem;display: inline-block;}
#billingpage .card-body h3{font-weight: bold;font-size: 1.5rem;}
#billingpage .card-body ul h5{font-size: 1.1rem;color: var(--color1);}
#billingpage .table thead {background-color: var(--color1);}
.fontsize9{font-size: .9rem;}
#pagescontent sub{font-weight: bold;font-size: 1rem !important;color: var(--color1) !important;}
.cardhint{font-size: .85rem; color: var(--color1);text-align: center;}
/**/
#paymentoptions,#selectplannn{transition: all .5s ease-in-out;}
.hide33{
  opacity: 0;
  transform-origin: bottom;
  transform: scaleY(.6);
}
.show33{
  opacity: 1;
  transform-origin: top;
  transform: scaleY(1);
}
/***/
.subscription-container label {color: var(--color1) !important;}
.subscription-container {
  display: flex;
  justify-content: space-around;
  width: 100%;
  color: #677788;
}
.subscription__button .subscription__title{font-size: .9rem;font-weight: bold;text-align: center;}
.subscription__button .subscription__price{font-size: 1.8rem;font-weight: 700;color: #000;padding: 10px 0;text-align: center;font-family: Arial, Helvetica, sans-serif;}
.subscription-container .subscription__main-feature{margin: 0 10%;}
.subscription__button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 30%;
  margin: 5px 0;
  padding: 20px;
  border-radius: 5px;
  border: solid 3px #e7eaf3;
  transition: transform 0.5s;
  cursor: pointer;
  position: relative;
}
.subscription__button:before {
  position: absolute;
  top: 8px;right: 8px;
  line-height: 1;padding: 0;margin: 0;
  font-size: 1.3rem;
  color: #e7eaf3;
  font-family: "bootstrap-icons";
  content:"\F26A";
}
.subscription__button .mostpopular {
  position: absolute;
  top: -10px;left: 10px;
  line-height: 12px;padding: 3px 8px;
  font-size: 12px;
  color: #FFF;
  background: #677788;
  border-radius: 20px;
  }
.subscription-container input[type=radio] {
  display: none;
}
.subscription-container input[type=radio]:checked + label:before {
  color: var(--color1);
}
.subscription-container input[type=radio]:checked + label {
  border: solid 3px var(--color1);
  background: #FFF;
  transition: transform 0.5s;
}
.subscription-container input[type=radio]:checked + label .subscription__title,
.subscription-container input[type=radio]:checked + label .subscription__main-feature,
.subscription-container input[type=radio]:checked + label .subscription__price {
  color: var(--color1);
}
.subscription-container .selectplanbtn {
  border: .0625rem solid rgba(231,234,243,.7);
  padding: 10px;
  display: block;
  width: 90%;
  margin: 15px auto 0 auto;
  text-align: center;
  border-radius: 5px;
}
.subscription-container input[type=radio]:checked + label  .selectplanbtn {
  border: .0625rem solid var(--color1);
  background-color: var(--color1);
  color: #FFF;
}
.subscription-container ul {
  list-style: none;
  padding: 0;margin: 0;
}
.subscription-container li{line-height: 1.8;display: flex;align-items: center;}
.subscription-container li::before {
  color: var(--color1);
  font-family: "bootstrap-icons";
  content:"\F272";
  padding: 0 8px;
  font-size: 1.1rem;
}
/************************************************************/
/***************Tickets page*****************************/
.ticketinfo {
  position: relative;
  border: 2px solid #e1e7ec;
border-top: 20px solid #e1e7ec;
border-bottom: 3px solid #e1e7ec;
padding: 20px 0;
  border-radius: 7px;
font-size: .95rem;
color: #67727c;
}
.ticketinfo .list-group-item {color: #67727c;}
.ticketinfo .ticketclient{
margin-top: -40px;
position: relative;
margin-left: 15px;
z-index: 2;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.ticketinfo .ticketclient img{
width: 80px;
background-color: #e1e7ec;
padding: 5px;
border-radius: 0 0 50% 50%;
}
.ticket {
  display: block;
  position: relative;
  margin-bottom: 30px;
  padding-left: 66px
}
.ticket .ticket-author {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  border-radius: 50%;
  overflow: hidden
}
.ticket .ticket-author>img {
  display: block;
  width: 100%
}
.ticket .ticket-body {
  position: relative;
  padding: 24px;
  border: 1px solid #e1e7ec;
  border-radius: 7px;
  background-color: #fff
}
.ticket .ticket-body::after,
.ticket .ticket-body::before {
  position: absolute;
  top: 12px;
  right: 100%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: '';
  pointer-events: none
}
.ticket .ticket-body::after {
  border-width: 9px;
  border-color: transparent;
  border-right-color: #fff
}
.ticket .ticket-body::before {
  margin-top: -1px;
  border-width: 10px;
  border-color: transparent;
  border-right-color: #e1e7ec
}
.ticket-footer {
  color: #9da9b9;
  font-size: .9rem;
border-top: 1px solid rgba(215, 219, 224, 0.3);
padding-top: 8px;
margin-top: 10px;
}
.attachmentfiles{
display: flex;
justify-content: baseline;
align-items: center;
gap: 15px;
flex-wrap: wrap;
}
.attachmentfiles a{width: 200px;}


/************************************************************/
/*************landing_page**********************/
#landing_page_wrapper{
  max-width: 755px;
  width: 100%;
}



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


@media only screen and (max-width: 1120px) {
  /**/
  a.app-item {width: 48%;}
  /**/
  #datatable_wrapper #datatable_length{display: none;}
  div.dt-buttons {margin: 0;}
  button.dt-button {margin: 5px 0;}
  #datatable_wrapper .top {margin-bottom: 10px;}
  /***/
  .mostpopularh4{text-align: center;}
  .mostPopularappswrapper{flex-wrap: wrap;justify-content: space-evenly;margin-top: 20px;}
  .mostPopular-app-item {width: 250px;}
}

@media only screen and (max-width: 992px) {
  /**************SideBar-Header***********/
  #sidebar {transform: translateX(-215px);}
  #pagescontent {margin-left: 0;}
  #sidebar.sidebarclosed {
    transform: translateX(0px);
    width: 250px !important;
    padding: 5px 20px;
  }
  #sidebar.sidebarclosed ~ #pagescontent {margin-left: 250px !important;}
  #sidebar.sidebarclosed ~ #pagescontent #pageheader *{display: none;}
  #sidebar.sidebarclosed ~ #pagescontent #pageheader #sidebartogglebtn,#sidebar.sidebarclosed ~ #pagescontent #pageheader #sidebartogglebtn i{display: block;}
  #sidebar.sidebarclosed ~ #pagescontent #pagesbody {display: none;}
  /**/
  #sidebar.sidebarclosed .sidetext{font-size: inherit;transition: all .1s;}
  #sidebar.sidebarclosed .sidebarlogotext{transform: scale(1);position: relative;left: inherit;transition: all .2s;}
  #sidebar.sidebarclosed{width: 250px !important;padding: 5px 20px;transition: all .1s;}
  #sidebar.sidebarclosed ~ #pagescontent{margin-left: 250px !important;transition: all .1s;}
  #sidebar.sidebarclosed .activemenu ul{display: inherit;transition: all .1s;}
  #sidebar.sidebarclosed #logoimg {margin-right: 12px;transition: all .1s;}
  #sidebar.sidebarclosed #sidemenu li a{white-space: inherit;transition: all .1s;}
  #sidebar.sidebarclosed #sidemenu li a i{margin: 0;margin-right: 8px;transition: all .1s;}
  #sidebar.sidebarclosed .li-has-submenu>a::after{display: inherit;}
  /*************Pages content***********/
  #buildstoresteps{padding: 0 10px;}
  #buildstoresteps .row{margin-bottom: 20px;}
  .buildingstepdata {min-height: 180px;}
  .buildingstep {margin: 20px 10px;}
  .boxes4cards {flex-wrap: wrap;}
  .boxes4card {width: 100%;border: none !important;}
  .reportboxes2{flex-wrap: wrap;}
  .reportboxes2_2,.reportboxes2_1 {
    width: 100%;
    margin-top: 20px;
    border: none !important;
    padding-right: 0;
    display: flex;
    justify-content: space-evenly;
    text-align: center;
  }
  #reportrange{font-size: .8rem;}
  /**/
  #datatable_wrapper .top {flex-direction: column;gap: 10px;}
  .groupmain .groupmainbtns {flex-direction: column;}
  /**/
  #userprofilepage {flex-direction: column;}
  #ancortabs {display: none;}
  #ancortabscontent {width: 100%;}
  /**/
  .orderdataaa {flex-direction: column;}
  .form-check-wrapper .form-check{margin: 5px 15px;}
  /***/
  .th50inmobile{width: 50%;}
  .th35inmobile{width: 35%;}
}

@media only screen and (max-width: 768px) {
    .topheadersearch{display: none;}
  #pagesbody {padding: 12px 12px 50px 12px;}
  #pageheader{flex-wrap: wrap;justify-content: space-evenly;gap: 10px;}
  /**/
  a.app-item {width: 50%;}
  a.app-item .appdata {font-size: .9rem;}
  a.app-item .appicon {margin: 0;}
  a.app-item h4 {font-size: .9rem;}
  a.app-item i {font-size: 1rem;}
  /**/
  #startstorestepsprogress{padding: 10px;}
  #startstorestepsprogress h5{font-size: 1rem;}
  #startstorestepsprogress h6{font-size: 1rem;text-align: center;}
  .step-progress-wrapper{display: block;}
  #startstoresteps .accordion-item .gap-5{gap: 0 !important;}
  #startstoresteps .accordion-item .mx-5{margin-left: 2rem !important;margin-right: 2rem !important;}
  #startstoresteps .accordion-item .d-flex{justify-content: center;}
  #startstoresteps .accordion-item .accordion-body .row{flex-direction: column-reverse;}
  #startstoresteps .accordion-item .accordion-body div>img{width: 70%;}
  #save_currency_language{margin-left: 30px;}
  .reportboxes2_1 {padding-left: 0;}
  #logoformobile{display: inherit;}
  #topinfo{align-items: inherit;flex-direction: column;}
  /**/
  .mostPopular-app-item {width: 160px;}
  .mostPopularappswrapper {gap: 10px;}
  .mostPopular-app-item .btn {padding: 3px 5px !important;font-size: .7rem;}
  .mostPopular-app-item .mostPopular-appdata {padding: 10px;}
  .marketplacepageheader h2 {font-size: 2.5rem;text-align: center;}
  .marketplacepageheader h5 {font-size: 1rem;text-align: center;}
  .mostPopular-app-item .mostPopular-appdata p {font-size: .73rem;}
  .mostPopular-app-item:last-child{display: none;}
  /**/
  .navigationactionbtn{padding: 1px 6px !important;}
  /***/
  .ordernamedate{display: none;}
  .reportboxes2_2, .reportboxes2_1 {
    display: block !important;
  }
}


/************************************************/
/*************dashboard index steps**************/
#startstorestepswrapper{
  position: relative;
  /* width: 800px; */
  max-width: 100%;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
  background-color: #FFF;
}
#startstorestepswrapper .accordion-button:focus {
  border-color: none;
  box-shadow: none;
}
#startstorestepswrapper .accordion-button{
  color: #666;font-weight: 500;padding: 10px 15px;font-size: 1rem;background-color: transparent;
}
#startstorestepswrapper .accordion-button:not(.collapsed) {
  color: #000;
  box-shadow: none;
  background-color: transparent;
}
#startstorestepsprogress{
  padding: 20px;
  border-bottom: 1px solid #CCC;
}
#startstoresteps{padding: 10px;}
#startstorestepswrapper .accordion {
  --bs-accordion-btn-active-icon: none;
  --bs-accordion-border-width: 0 !important;
}
#startstorestepswrapper .accordion-button::after {background-image: none;}
#startstorestepswrapper .accordion-button::before {
  font-family: "bootstrap-icons";
  content:"\F2E4";
  margin-right: 6px;
  font-size: 1.3rem;
}
#startstorestepswrapper .stepcompleted .accordion-button::before {
  color: #25c16a;content:"\F26A";
}
#startstorestepswrapper .accordion-body{
  padding: 10px 30px 20px 30px;
  font-size: .85rem;
  color: #777;
}
#startstorestepswrapper .accordion-item{
  position: relative;
  overflow: hidden;
}
/* #startstorestepswrapper .accordion-body img{
  transform: translateY(-30px);
} */
#startstorestepswrapper #defaultCurrency select{max-width: 300px;box-shadow: none;outline: none;}
#startstorestepswrapper .accordion-header {display: block;}
/* #startstorestepswrapper .accordion-flush .accordion-item .accordion-button {display: inline-block;} */
#startstorestepswrapper .accordion-item,
#startstorestepswrapper .accordion-header {
  background-color: transparent;
  transition-property: background-color;
  transition-duration: .8s;
  /* transition-delay: .2s; */
}
#startstorestepswrapper .accordion-item:hover,
#startstorestepswrapper .accordion-header:hover {background-color: #f0f0f0;}
#startstorestepswrapper .accordion-item:has(.show) {background-color: #f6f6f6;}

.image-pagination .pagination {
    display: flex;
    justify-content: center;
}

/*************************************************************/
/*************fakedropdown menu register page******************/
.fakedropdowncontainer {position: relative;}
.fakedropdownselect{
    padding: 8px 12px;
    width: 100%;
    min-width: 200px;
    font-size: 1rem;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #4b5a77;
    position: relative;
    height: 36px;
    line-height: 19px;
    border-radius: 5px;
}
.fakedropdownselect::after{
  content:"";
  border: solid #666;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  padding: 3px;
  float: right;
  margin-top: 5px;
}
.fakedropdown{
  display: none;
  border: 1px solid #ddd;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  height: min-content;
  max-height: 260px;
  width: 400px;
  max-width: 100%;
  overflow-y: auto;
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  background-color: #FFF;
  z-index: 100;
  padding-bottom: 10px;
}
.active-fakedropdown{display: block !important;}
.overlayfixfakedropdown-run::before{
  content: "";
  position: fixed;
  top: 0;left: 0;
  width: 100%;height: 100%;
  background-color: transparent;
  z-index: 99;
}
.filterselectdata{
  width: 100%;padding: 10px;
  color: #4b5a77;margin-bottom: 10px;
  border: none;border-bottom: 1px solid #CCC;
  position: sticky;top: 0;
  z-index: 2;
  background-color: #f4f6f9;
  border-radius: 0 !important;
}
.filterselectdata:focus{outline: 0;}
.fakedropdowncontainer input:not([type="checkbox"]){border-radius: 0 !important;}

.categorylevels{padding: 0;margin: 0;list-style: none;}
.categorylevels li{
  display: block;
  font-size: .9rem;
  text-decoration: none;
  color: #646a77;
  padding: 5px 15px;
  cursor: pointer;
  transition: all .3s ease;
}
.categorylevels li:hover{
  opacity: .8;
  color: #002a79;
}
.categorylevels li::before{
  display: inline-block;
  margin-right: 8px;
  font-family: "bootstrap-icons";
  content:"\F584";
}
.categorylevels li.lichecked::before{
  color: #002a79;
  content:"\F26C";
}
.collapse002{padding: 0 15px;}
.collapse002 h4{font-size: .9rem;
  padding: 0;margin: 0;margin-top: 8px;margin-bottom: 2px;padding-bottom: 3px;opacity: .7;
  border-bottom: 1px solid #f0f0f0;color: #002a79;cursor: pointer;transition: all .3s;
}
.collapse002 h4:hover, .collapse002opend h4{opacity: 1;color: #000;}
.collapse002:last-of-type h4{border-bottom: none;}
.collapse002 h4::after{font-family: "bootstrap-icons";content:"\F282";float: right;font-size: .75rem;padding-top: 4px;}
.collapse002 ul{display: none;}
.collapse002opend ul{display: block;}

/**************************/
/**************************/
.calendly-overlay .calendly-popup {
  min-width: 100% !important;
  max-width: 100% !important;
}

.append_notification .list-group-item {
    padding: 0 !important;
    display: flex;
    grid-column-gap: 10px;
}

/****************/
.commentwrapper p{margin: 0;font-size: .9rem;color: #666;margin-bottom: 3px;}

/*Hide Arrows From Input Number*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}




/*****************************/
/******RTL/LTR inputs********/
.iputs-dir-ar{
  direction: rtl;
  text-align: right;
  font-family: 'Somarsans', sans-serif;
}
.iputs-dir-ar input,.iputs-dir-ar textarea,
.iputs-dir-ar .ck.ck-editor__main>.ck-editor__editable,
.iputs-dir-ar .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused){
  text-align: right;direction: rtl;
}
.iputs-dir-en {
  direction: ltr;
  text-align: left;
}
.iputs-dir-en input,.iputs-dir-en textarea,
.iputs-dir-en .ck.ck-editor__main>.ck-editor__editable,
.iputs-dir-en .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused){
  text-align: left;direction: ltr;
}
.iputs-dir-en .select2-selection, .iputs-dir-en .select2-results__options{
  text-align: left;direction: ltr;
}

/***************/
.nodata{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 400px;
  max-width: 100%;
  margin: 80px auto;
  gap: 20px;
}
.nodata img{width: 128px;opacity: .3;margin: auto;}
.nodata span{font-weight: 600;font-size: 1rem;color: #aaaaac;}
.nodata a{padding: 12px 40px !important;width: fit-content;margin: auto;}
div.dataTables_processing {
    margin-top: 25px !important;
}
/*********/
.emailtemplate{margin-bottom: 15px;}
.emailtemplate .templateimg{
    position: relative;
    height: 300px;
    overflow: hidden;
    border-radius: 1px;
    /* transition: all 10s; */
}
.emailtemplate .templateimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    transition: all 10s;
}
.emailtemplate .templateimg:hover{box-shadow: 0 0 15px rgba(0,0,0,.1);}
.emailtemplate .templateimg:hover img{object-position: bottom center;}
.emailtemplate h4{font-size: .9rem;padding: 10px;text-align: center;transition: .6s;}
/*********/
.livetheme{
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.livetheme h4 {font-size: 1.3rem !important;font-weight: bold !important;margin-bottom: 15px !important;}
.livetheme p{font-size: .95rem;margin-bottom: 20px;color: #666;}
.livetheme .viewstore{
  text-decoration: none;font-size: 1rem;font-weight: bold;
  display: block;margin-bottom: 20px;margin-top: 10px;
}
.livetheme img{box-shadow: -1px 1px 8px #aaa;}
/***************/
#landingpagebuilder .iframewrapper {
  position: relative;height: 80vh;
  /* min-width: 1000px;overflow-x: auto; */
}
#landingpagebuilder .accordionsettings {position: relative;height: 80vh;overflow-y: auto;}
#landingpagebuilder .iframewrapper::-webkit-scrollbar,#landingpagebuilder .accordionsettings::-webkit-scrollbar{width:0 !important;}
#landingpagebuilder .iframewrapper object{
    /* height: 80vh; */
    position: absolute;
    top:0;left: 0;height: 100%;width: 100%;
    opacity: 0;
    transition: all .6s ease-in-out;
}
#landingpagebuilder .iframewrapper object.activeIframe{z-index: 2;opacity: 1;}
#landingpagebuilder  #replace_cartimage{
    list-style: none;padding: 0;margin: 0;
}
#landingpagebuilder .accordion-button {padding: 8px;background-color: #f7f9ff;}
#landingpagebuilder .accordion-button:focus {box-shadow: none;}
#landingpagebuilder .accordion-body {padding: 10px 5px;font-size: .85rem;}
.topheadersearch #general-search-select {
  min-width: 130px;
}
#landingpagebuilder .box55li{border-bottom: none !important;padding-bottom: 0 !important;}
#landingpagebuilder .tab-content {padding: 5px !important;border: 0 !important;}

/********/
.copywrapper{position: relative;width: 100%;margin: 5px 0;}
.copywrapper object{height: 20px;}
.copywrapper .copybtn{
  cursor: pointer;
  /* position: absolute;
  top: 4px;right: 4px;
  font-size: 22px; */
  font-size: 1.2rem;
  padding: 3px 10px !important;
}
.copywrapper input,.copywrapper textarea,
.copywrapper input:focus,.copywrapper textarea:focus{
  box-shadow: none !important;
  background-color: #f4f4f4;
}
/***************/
.createorderpage .mainbtn{padding: 10px 50px !important;}
.createorderpage tfoot .btn-sm{padding: 5px 10px !important;}
.createordertabs span {display: flex;align-items: center;gap: 5px;justify-content: center;}
.createordertabs span span{
  width: 25px;height: 25px;background-color: var(--white);border-radius: 50%;line-height: 0;
  display: flex;justify-content: center;align-items: center;
}
.createordertabs span span i{font-size: 13px;}
.createordertabs button:not(.active) span span i{color: var(--middark);}
/* .createordertabs, .createordertabs .nav-tabs{width: 100%;}
.createordertabs button{width: 25%;} */
/*****************************/
input:focus,select:focus,textarea:focus{box-shadow: none !important;}
/*delete sort*/
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 {display: none;}
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 {display: none;}
table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled {
  padding: 8px 10px ;
}
/**/
.register_page, .login_page{background-color: #FFF !important;}
/***********/
#address .list-group-item h5{font-size: 1.2rem;margin-bottom: 5px;}
#address .list-group-item p{font-size: 1rem;margin-bottom: 5px;}
/*********/
.general-table-design td,.general-table-design th{border-right: 1px solid var(--light);}
.general-table-design td:last-child,.general-table-design th:last-child{border-right: none;}
.general-table-design table.dataTable thead th, .general-table-design table.dataTable thead td {border-bottom: 1px solid var(--light);}
/**/
.modal-body .form-label {margin-top: 0.5rem;}
/***/
.company-block{border: 6px groove transparent;padding: 10px;}
.company-block img{opacity: .8;filter: grayscale(100%);margin-bottom: 5px;}
.company-block.bordered {border: 6px groove #dedede !important;}
.company-block.bordered img{opacity: 1;filter: grayscale(0);}
.btn-select2{outline: 0 !important;}
.btn-select2:hover,.btn-select2:focus{color: #000 !important;width: 100% !important;outline: 0 !important;}
.border-red {
    border: 1px solid red !important;
}
.modal-dialog {
    position: absolute !important;
    width: 100% !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
}
/***/
.lp-tables thead{
  font-weight: bolder;
  font-size: 1rem !important;
  background-color: var(--white);
  /* text-align: center; */
  color: var(--black);
}

/**********************/
.app_marketplace_page .appmetaboxes{
  display: flex;
  margin: 20px 10px;
  font-size: 1rem;
  color: #777;
  justify-content: space-between;
  align-items: center;
}
.app_marketplace_page h3{margin-bottom: 0;}
.app_marketplace_page .appmetaboxes strong{font-size: 1.1rem;font-weight: bolder;color: #000;margin-top: 5px;}
.metabox.apprating strong{color: rgb(236, 177, 0);}
.app_marketplace_page .appmetaboxes .spacer{width: 1px;content: "";padding: 4px 0;background-color: #d0d0d0;color: transparent;opacity: .4;}
.app_marketplace_page .appmetaboxes .metabox{
  /* border-right: 1px solid #d8d8d8; */
  margin: 0;padding: 0;
  /* padding-right: 15px;
  margin-right: 15px; */
}
/* .app_marketplace_page .appmetaboxes .metabox:last-child{border: none;} */
.appinstallbtn{border-radius: 30px;padding: 20px;font-size: 1.1rem;font-weight: bolder;}
.app_data_aside{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  padding: 20px;
  margin-top: 20px;
}
.app_data_aside h4{font-size: 1.3rem;color: #444;}
.app_data_aside a{
  text-decoration: none;
  font-size: 1rem;
  margin: 10px 0;
  display: block;
}
.swiper.app-images-slider {
  width: 100%;
  /* height: 100%; */
}
.app-images-slider .swiper-slide {
  text-align: center;
  font-size: 1rem;
  /* background: #e3e3e3; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.app-images-slider .swiper-slide img,.app-images-slider .swiper-slide iframe {
  display: block;
  width: 100%;
  background: #e3e3e3;
  margin-bottom: 8px;
}
.app-images-slider .swiper {
  margin-left: auto;
  margin-right: auto;
}
.app-images-slider .swiper-slide p{margin-bottom: 0;}
/* .app-images-slider .swiper-horizontal>.swiper-pagination-bullets, .app-images-slider .swiper-pagination-bullets.swiper-pagination-horizontal,
.app-images-slider .swiper-pagination-custom, .app-images-slider .swiper-pagination-fraction {
  bottom: inherit !important;top: 10px !important;left: 0 !important;opacity: .5 !important;} */
/***/
.accordion-button {background-color: #fafafa !important;}
/* .accordion-button:not(.collapsed) {background-color: #fefefe !important;} */
.uexpresspage .tab-content {padding: 30px;}
/***/
.pricing {
  /* margin: 20px 0; */
  opacity: 1;
  transition: opacity .3s ease;
}
.price-option {
  /* display: inline-block;
  width: 160px;
  margin: 5px; */
  opacity: 1;
  transition: opacity .3s ease;
}
.pricing:hover .price-option {opacity: 0.7;}
.pricing:hover .price-option:hover {opacity: 1;}
.price-option__detail {
  padding: 20px 0;
  background: #f7f7f7;
  text-align: center;
  min-height: 170px;
  display: flex;flex-direction: column;justify-content: center;align-items: center;
  border-radius: 5px;
}
.price-option__detail p{font-size: .8rem;color: var(--body);margin-bottom: 0;margin-top: 5px;}
.price-option__detail sub{font-size: .9rem !important;color: #868686 !important;font-weight: lighter !important;}
.price-option__qty,.price-option__price {display: block;}
.price-option__qty {font-size: 1.6rem;color: #383838;font-weight: bold;margin-bottom: 10px;}
.price-option__oldcost {
  display: block;
  text-decoration: line-through;
  color: #b61a2d;
  transform: scale(.9);
  opacity: .6;
}
.price-option__price {font-size: 1rem;text-transform: uppercase;color: var(--color1);}
.price-option__purchase {
  position: relative;
  display: block;
  padding: 5px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #666;
  border-radius: 0 0 5px 5px;
}
.price-option1 .price-option__purchase {background: linear-gradient(180deg, #2da4e0, #2D51E0);color: #fff}
.price-option2 .price-option__purchase {background: linear-gradient(180deg, #2da4e0, #2D51E0);color: #fff}
.price-option3 .price-option__purchase {background: linear-gradient(180deg, #2da4e0, #2D51E0);color: #fff}
.price-option4 .price-option__purchase {background: linear-gradient(180deg, #2da4e0, #2D51E0);color: #fff}
.price-option5 .price-option__purchase {background: linear-gradient(180deg, #2da4e0, #2D51E0);color: #fff}
/* .price-option__purchase:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-style: solid;
} */
/* .price-option1 .price-option__purchase:before {
  border-color: transparent transparent linear-gradient(180deg, #2da4e0, #2D51E0);
}
.price-option2 .price-option__purchase:before {
  border-color: transparent transparent linear-gradient(180deg, #2da4e0, #2D51E0);
}
.price-option3 .price-option__purchase:before {
  border-color: transparent transparent linear-gradient(180deg, #2da4e0, #2D51E0);
}
.price-option4 .price-option__purchase:before {
  border-color: transparent transparent linear-gradient(180deg, #2da4e0, #2D51E0);
}
.price-option5 .price-option__purchase:before {
  border-color: transparent transparent linear-gradient(180deg, #2da4e0, #2D51E0);
} */
.rating > label {
    display: inline-block;
    position: relative;
    font-size: 25px;
    color: #ffc52f;
    cursor: pointer;
    transition: all 2s ease-in-out;
}
.rating > label.active:before,
.rating > label.active ~ label:before,
.rating > label:hover:before,
.rating > label:hover ~ label:before {
    font-family: 'bootstrap-icons';
    content: "\f586";
    position: absolute;
    font-size: 30px;
    color: var(--color1);
    left: 8px;
    top: -2px;
    transition: all 2s ease-in-out;
}
.rating input {
    display: none;
}
.rating i {
    font-size: 30px;
}
/**************/
.premiumfeatures{
  /* background-color: #aaa !important; */
  position: relative;
  opacity: .5;
}
.premiumfeatures .premiumicon{
  position: absolute;
  top: 50%;left: 5px;
  transform: translateY(-50%);
  font-size: 1.1rem;
  color: #ff4e4e;
}


.select2-results__option{
  cursor: pointer;
  transition: all .3s ease-in-out;

}

.select2-results__option:hover{
  background-color: var(--bs-primary);
  color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
  background-color: var(--btnBgColor);
  color: #fff;
  border-color: var(--btnBgColor);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  color: #fff !important;
}

/***/
.iti__selected-flag,.iti__country {direction: ltr;}
#startstorestepswrapper .nav-tabs .nav-link.active {border-color: transparent !important;}
/************/
.phonearea select, .phonearea option{padding: 4px 8px !important;font-size: .85rem !important;color: #777;width: 35% !important;}
@media(max-width: 768px){
  .phonearea select{font-size: 16px !important;}
}
/********************/
@media(max-width: 768px){
  #appscategories button {margin-bottom: 18px;padding: 0 2px !important;}
  #appscategories span {padding: 10px 6px 5px 6px;}
}

.overflow-x-auto {
    overflow-x: auto !important;
}

.w-60{
  width: 60% !important;
}

.w-75{
  width: 75% !important;
}

.w-40{
  width: 40% !important;
}
.p-6-4{
  padding: 6px 4px !important;
}
.p-6-3{
  padding: 6px 3px !important;
}



dialog{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    padding: 40px 20px;
    transform: translate(-50%, -50%);
    box-shadow: 0px 8px 24px 0px #12171F1F;
    border: none;
    /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
}

/* .dialog-overlay{
  background-color: #FFF;
  opacity: .5;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2


} */
dialog .dialog-content li::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-regular);
    content: "\f26E";
    background-color: #1b67e01f;
    font-family: bootstrap-icons !important;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    color: #1b67e0;
    font-size: 15px;
    line-height: 17px;
}
dialog .dialog-content li {
    display: flex;
    gap: 5px;
}
dialog img{
  position: relative;
  /* bottom: 81px; */
  left: 0%;
}

dialog .dialog-content{
  position: relative;
  /* bottom: 40px; */
}

dialog .ambitious{
  background-color: #fbeacd;
  color: #a56a03;
  border: solid 1px;
}

dialog .growth{
  background-color: #dddddd;
  color: #6e6e6e!important;
  border: solid 1px;
}

dialog .dialog-footer{
  position: relative;
  bottom: 5px;
}

.dialog-footer a{
  background-color: #e4e4ff;
  color: #695ed3;
  border: solid 1px;
  text-decoration: none;
  padding: 13px 30px;
}

.nav .nav-link{
    border: 1px solid  #c1c1c1 !important;
    border-color: #c1c1c1 !important;
    border-radius: 0;
    height: 30px;
    margin: 0 5px;
    display: flex;
    min-width: 80px;
    padding-left: 0;
    padding-right: 0;
}

/* responsive **/

@media (max-width: 992px) {
  dialog{
    right: 0;
    padding: 10px 10px;
  }
}

.blur-mobile{
  display: none;
}















@media(max-width: 575px) {
    .card-header-with-lang {
        padding: 5px 10px 0 10px;
    }
    .card-header-title {
        font-size: .9rem !important;
    }
    dialog{
      right: 0 !important;
      padding: 0 !important;
    }

    #pagesbody{
      height: 100vh;
    }
    .blur-mobile{
      display: block;
    }
    .blur-desktop{
      display: none;
    }

    /* body{
      overflow-y: hidden !important;
    } */

    .form-check.form-switch {
        margin-bottom: 10px !important;
    }
    .form-check-input {
        width: 15px !important;
        height: 15px !important;
    }
    /* .form-check-label {
        margin-top: 6px;
    } */

    .serial_number_controls{
      flex-direction: column-reverse;
    }
}
.add_new_card_btn {
    border: 1px dashed #ddd;
    box-shadow: none !important;
}



.method-item{
    display: flex;
    justify-content: start;
    margin: 10px 0;
}
.method-item div:last-child{
    margin-inline-start: 20px;
}


.card-header .nav-link.active {
    display: none;
}

.special-offers {
    background-color: #ebeef8;
    padding: 4px 24px 4px 24px;
    font-size: 16px;
    border-radius: 50px;
    margin-inline-end: .3rem;
    color: var(--mainColor);
}

.app_marketplace_page.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
@media(max-width: 575px) {
    #pageheader #header-logo-toggle {
        width: 100%;
    }
}

.parent-table-data-quantity .quantity_distribution_label {
    border: 1px solid #DDD;
    padding: 2px 3;
    height: 34px;
    width: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.parent-table-data-quantity .quantity_distribution_label img {
    height: 20px;
    width: 20px;
}

.flatpickr-current-month
.flatpickr-monthDropdown-months
.flatpickr-monthDropdown-month {
    color: #000 !important;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    color: #919191 !important;
}
.flatpickr-current-month .numInputWrapper {
    width: 7ch !important;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after
{
    border-bottom-color: #FFF !important;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #FFF !important;
}

.flatpickr-current-month input.cur-year
 {
    text-align: left !important;
 }

 .numInputWrapper span {
    opacity: 1 !important;
 }

.text-left {
    text-align: left !important;
    direction: ltr;
}
@media(max-width: 575px) {
  .createordertabs .text-only {
    display: none;
  }
  .createordertabs .nav .nav-link {
    min-width: 54px !important;
  }
  .createorderpage .card-header-with-lang {
    padding: 0 !important;
  }
}
/* @media(min-width: 576px) {
 .mm_section .current_email {
  display:flex;
  align-items: center;
 }
} */

#customersettingspage .box55lioptions label.btn {
  font-size: 13px;
}
/** Loader btn*/

.loader-btn {
  display: flex;
  align-items: center;
  justify-content: center; /* Ensures everything inside is centered */
  gap: 8px; /* Space between text and loader */
  position: relative;
}

.loader-btn::before {
  content: "";
  display: none;
  width: 16px;
  height: 16px;
  border: 3px solid #fff;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}

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

.loader-btn.loading {
  pointer-events: none;
  opacity: 0.7;
}

.loader-btn.loading::before {
  display: inline-block;
}

/** Loader btn*/

.card-aside {
  border-radius: 12px;
  border-color: #2d6be0;
}
.card-aside .card-header {
  border-radius: 12px 12px 0 0 !important;
  height: 28px !important;
}
.card-aside .card-body {
  border-radius: 12px;
  border: none;
  padding: 12px !important;
}
.bg-primary {
  background: var(--btnBgColor) !important;
  color: #FFF !important;
}
.copycode i {
  color: var(--btnBgColor) !important;
}

.modal-footer .btn-primary {
  height: 35px;
}

#floatingbtns .save-options {
  display: none;
  position: absolute;
  top: -50px;
  right: 10px;
}