/* @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;800&family=Varela+Round&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700;6..12,800&display=swap'); */


/* cyrillic-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJDxzGOF.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJnxzGOF.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJLxzGOF.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJPxzGOF.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJ3xzA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJDxzGOF.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJnxzGOF.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJLxzGOF.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJPxzGOF.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJ3xzA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJDxzGOF.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJnxzGOF.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJLxzGOF.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJPxzGOF.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJ3xzA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJDxzGOF.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJnxzGOF.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJLxzGOF.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJPxzGOF.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJ3xzA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@tailwind base;
/*@tailwind components;*/
@tailwind utilities;

:root {
  --light-color: #f8faff;
  }


body {
  font-family: 'Nunito Sans', sans-serif !important;
  font-weight: 400 !important;
}

/* body.modal-open {
  width: 100%;
  position: fixed;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow: hidden !important;
} */
.v-application {
  font-family: inherit !important;
}
.row {
  width: 100%;
}
a {
  text-decoration: none !important;
}
input, select, textarea {
  font-size: 12px !important;
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    transition: background-color 50000s !important;
}

.font_varela {
  font-family: 'Varela Round', sans-serif;
  font-weight: 400;
}
.nunito_regular {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
}

.nunito_semibold {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
}

.nunito_bold {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
}

.nunito_extrabold {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
}
button:focus {
    outline: none !important;
}
input:focus,
select:focus,
textarea:focus {
    outline: none !important;
    box-shadow:none!important ;
}
.no-focus:focus {
  outline: none !important;
  box-shadow:none!important ;
  border: unset !important;
}
.new-ui a, .new-ui-alt a,
.new-ui input,
.new-ui select, .new-ui-alt select,
.new-ui textarea, .new-ui-alt textarea {
  transition: all .3s ease !important;
  outline: none !important;
  /* border: none !important; */
}
.new-ui button, .new-ui-alt button {
  transition: all .3s ease !important;
}
.new-ui input:focus, .new-ui-alt input:focus,
.new-ui textarea:focus, .new-ui-alt textarea:focus,
.new-ui select:focus, .new-ui-alt select:focus {
  outline: none !important;
  /* border: none !important; */
}

.new-ui h1, .new-ui-alt h1,
.new-ui h2, .new-ui-alt h2,
.new-ui h3, .new-ui-alt h3,
.new-ui h4, .new-ui-alt h4,
.new-ui h5, .new-ui-alt h5,
.new-ui h6, .new-ui-alt h6 {
  font-weight: inherit !important;
}

.new-ui input:-webkit-autofill, .new-ui-alt input:-webkit-autofill,
.new-ui input:-webkit-autofill:hover, .new-ui-alt input:-webkit-autofill:hover,
.new-ui input:-webkit-autofill:focus, .new-ui-alt input:-webkit-autofill:focus,
.new-ui input:-webkit-autofill:active, .new-ui-alt input:-webkit-autofill:active  {
  transition: background-color 50000s;
  -webkit-text-fill-color: var(--secondary-color) !important;
}

.inner-input:focus {
  transition: all .3s ease !important;
  outline: none !important;
  box-shadow: none !important;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;

}
::-webkit-scrollbar-thumb {
  /* background: #feb911; */
  background: rgba(43, 61, 79, 0.4);
  border-radius: 10px;
  cursor: pointer;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(43, 61, 79, 0.4);
}

.rounded-4xl {
  border-radius: 2rem;
}
.rounded-t-4xl {
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}
.rounded-5xl {
    border-radius: 2.5rem;
}
.rounded-6xl {
  border-radius: 3rem;
}
.rounded-7xl {
  border-radius: 4rem;
}
.rounded-8xl {
  border-radius: 5rem;
}
.rounded-9xl {
  border-radius: 6rem;
}
.rounded-10xl {
  border-radius: 7rem;
}

.jcc {justify-content: center !important;}
.jce {justify-content: flex-end!important;}
.jcs {justify-content: flex-start !important;}
.jcb {justify-content: space-between !important;}
.jcr {justify-content: space-around !important;}

.aic {align-items: center !important;}
.aie {align-items: flex-end !important;}
.ais {align-items: flex-start !important;}

.grayscale {filter: grayscale(100%);}
.hue {filter: hue-rotate(-0.25turn);}
.invert {filter: invert(1);}

.shadow {
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
}
.-z-1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}

.bg-pr-color {
  background: #1c3f52
}
.text-pr-color {
  color: #1c3f52
}

.p-input:focus  {
  outline: none !important;
  box-shadow: none !important;
}
.c-input:focus  {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
.c-input::-webkit-input-placeholder,
.c-input:focus::-webkit-input-placeholder {
    color: #8083a3 !important;
}
.product-overlay {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.form-overlay {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.general-overlay {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /* background: rgba(0, 0, 0, 0.01);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px); */
}
.print-overlay {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 1);
  z-index: 999999999;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: scroll;
}
.bg-input {
    background-color: #f9f9ff !important;
}
ul.list {
  background-color: #f9f9ff !important;
}
.nice-select-search-box {
  background-color: #f9f9ff !important;
}
.btn-color {
    color: #6b7280 !important;
}
.side-options {
    position: fixed;
    top: 0;
    right: 0;
    width: 450px;
    height: 100vh;
    z-index: 999999999999;
    background: #ffffff;
    overflow-y: scroll;
}
.side-barcode-options {
    position: fixed;
    top: 0;
    right: 0;
    width: 550px;
    height: 100vh;
    z-index: 999999999999;
    background: #ffffff;
    overflow-y: scroll;
}
.c-flex {
    display: flex;
}
.c-flex-col {
    display: flex;
    flex-direction: column;
}
.z-11 {
  z-index: 11 !important;
}
.ghost {
    /* background: #0f0; */
    opacity: 0.7
}
.collapse {
  visibility: unset !important;
}

.area .collapse:not(.show) {
    display: block;
}

.area .collapse .collapse-header {
    background: unset !important;
    padding: 0 !important;
    cursor: pointer !important;
}

.area .collapse .collapse-header::before {
    content: "\f0d7" !important;
    font-family: FontAwesome !important;
    top: 12px !important;
    right: unset !important;
    left: 10px !important;
    color: var(--primary-color) !important;
    font-size: 14px !important;
    z-index: 1;
}

.area .collapse .collapse-content-box {
    padding: 0 !important;
    border: none !important;
}

.section .collapse .collapse-header::before {
  transform: rotate(-90deg) !important;
}
.section .collapse.is-active .collapse-header::before {
  transform: rotate(0deg) !important;
}

.z-hard {
    z-index: 999999999999 !important;
}

.z-harder {
    z-index: 99999999999999999 !important;
}

.fcc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fcs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.fce {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.fss {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.fc {
	display: flex;
  flex-direction: column;
}

.text-inbox-blue {
    color: #166dbf
}
/*-----------------------------------------------------------------
                            Chat
-----------------------------------------------------------------*/
.chat-account-bg {
    background: #166dbf
}
.chat-guest-bg {
    background: #f3f4f9
}
.snippet {
    position: relative;
  }
  .dot-flashing {
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: #969696;
    color: #969696;
    animation: dotFlashing .7s infinite linear alternate;
    animation-delay: .5s;
  }

  .dot-flashing::before, .dot-flashing::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
  }

  .dot-flashing::before {
    left: -15px;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: #969696;
    color: #969696;
    animation: dotFlashing .7s infinite alternate;
    animation-delay: 0s;
  }

  .dot-flashing::after {
    left: 15px;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: #969696;
    color: #969696;
    animation: dotFlashing .7s infinite alternate;
    animation-delay: 1s;
  }

  @keyframes dotFlashing {
    0% {
      background-color: #969696;
    }
    50%,
    100% {
      background-color: #dfdfdf;
    }
  }
/*-----------------------------------------------------------------

-----------------------------------------------------------------*/
.inbox-details {
    opacity: 0.6;
}
.inbox-details.active {
    position: relative;
    opacity: 1;
}
.inbox-details.active::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #8083a3;
}

.-z-1 {
  z-index: -1;
}
.z-2 {
  z-index: 2;
}
  .elip {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .comm-width-1, .comm-width-2 {
    transition: width 0.4s ease-in-out;
    min-width: 200px;
   }
   .comm-width-1.active-style {
    width: 50%;
   }
   .comm-width-1.deactive-style {
    width: 40%;
   }
   .comm-width-2.active-style {
    width: 60%;
   }
   .comm-width-2.deactive-style {
    width: 50%;
   }

   .alt-comm-width-1, .alt-comm-width-2 {
    transition: width 0.4s ease-in-out;
    min-width: 300px;
   }
   /* .alt-comm-width-1.active-style {
    width: 50%;
   }
   .alt-comm-width-1.deactive-style {
    width: 40%;
   }
   .alt-comm-width-2.active-style {
    width: 60%;
   }
   .alt-comm-width-2.deactive-style {
    width: 50%;
   } */



  .tabs {
    position: relative;
  }

  .tabs__nav {
    position: relative;
  }


  .tabs__nav-list {
    position: relative;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    z-index: 5;
  }

  .tabs__nav-item {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0s;
    padding: 15px;
    cursor: pointer;
    width: 50%;
    position: relative;
    transition: all 0.3s ease;

  }

  .tabs__nav-item.js-active {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0.05s;
    transition: all 0.3s ease;

  }
  .tabs__nav-item.js-active::before {
    position: absolute;
    content: "";
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    transition: all 0.3s ease;
    background: #119DA4;
  }
  .tabs__nav-item.postBox.js-active::before {
    display: none;
  }
  .tabs__nav-item.postBox.js-active::after {
    display: none;
  }

  .tabs__nav-item.postBox.js-active .js-active-inner {
    /* background: #e0e7ff; */
    color: #000;
  }
  .tabs__nav-item.postBox.js-active::after {
    display: none;
  }


  .postbox-tabs {
    position: relative;
    border-bottom: 2px solid #fafafa;

  }
  .postbox-tabs::before {
    content: '';
    position: absolute;
    top: 9px;
    width: 50%;
    height: calc(100% - 8px);
    /* background: #eef2ff; */
    border-bottom: 2px solid #000;
    transition: all .3s ease;
    z-index: -1;
    /* border-radius: 8px; */
  }
  .postbox-tabs:has(.left-tab.js-active)::before {
    left: 4px;
  }
  .postbox-tabs:has(.right-tab.js-active)::before {
    left: calc(50% - 4px);
  }
  .tabs__panels {
    position: relative;
  }

  .tabs__panel {
    position: absolute;
    top: 0;
    left: 0;
    transition: none;
    /* transform: scale(0.95); */
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  .tabs__panel.js-active {
    transition: all 0.25s linear 0s;
    opacity: 1;
    z-index: 1;
  }

  .sel-area .select2, .sel-area .select2 .selection {
    height: 100%;
  }
  .sel-area .select2, .sel-area .select2 * {
    background: none !important;
  }
  .sel-area .select2-selection__rendered {
    border: none !important;
    padding: 0px !important;
  }
  .sel-area .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 100% !important;
    font-size: 0.8rem !important;
    line-height: 35px !important;
    color: #202020 !important;
   }
  /* .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none !important;
  }
  span.selection:before {
    position: relative
  }
  span.selection:before {

      position: absolute;
      top: 7px;
      right: 0;
      content:"\f107";
      font-family: FontAwesome;
      font-size: 16px;
    } */
   .sel-area span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus {
      background: none !important;
      border: none !important;
    }
    .sel-area .select2-container--default .select2-selection--single {
      border: unset !important;
      height: 100% !important;
      border-radius: unset !important;
      font-size: unset !important;
      color: #71748d !important;
    }

  .sel-area .select2-container--default .select2-selection--single {
    border: none !important;
  }

  .upd-select2 .select2-container--default .select2-selection--single {
      border: 1px solid #d2d2e4 !important;
      height: 42px !important;
      border-radius: 5px !important;
      font-size: 12px !important;
      color: #71748d !important;
  }
  .upd-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #71748d !important;
      height: 100%;
      display: flex;
      align-items: center;
  }
  .upd-select2 .select2-container .select2-selection--single .select2-selection__rendered {
      position: relative;
      padding-right: 0px;
    }
  .upd-select2 .select2-container .select2-selection--single .select2-selection__rendered::before {
      content: '\f107';
      position: absolute;
      right: 0.75rem;
      top: 0.4rem;
      height: 100%;
      font-family: FontAwesome;
      font-size: 12px;
  }

  .upd-select2 .select2-selection__arrow {
    display: none;
  }
  .select2-dropdown {
      background: #f9f9ff !important;
      border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
      border: 1px solid rgba(0, 0, 0, 0.2) !important;
      border-radius: 8px !important;
      box-sizing: border-box;
      display: block;
      position: absolute;
      left: -100000px;
      width: 100%;
      z-index: 1000000000000 !important;
  }
  .select2-search__field {
    border-radius: 4px !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
  }

  .select2-dropdown.select2-dropdown--below {
    width: 100% !important;
    max-width: 301.023px !important;
    left: -12px !important;
  }

  .print-emelents select, .print-emelents button {
    font-size: 0.9rem !important;
  }
  .print-emelents select:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
  }
  .select2-search__field:focus {
    box-shadow: none !important;
  }


.print-overlay::-webkit-scrollbar {
  width: 4px !important;
  height: 4px;
}

.print-overlay::-webkit-scrollbar-track {
  border-radius: 10px;
}

.print-overlay::-webkit-scrollbar-thumb {
  /* background: #feb911; */
  background: #343441;
  border-radius: 10px;
}

.print-overlay::-webkit-scrollbar-thumb:hover {
  background: #343441;
  border-radius: 10px;
}


.taskbar-tasks-toggle {
  position: relative;
}
.taskbar-tasks-toggle::before {
  content: '';
  position: absolute;
  top: 4px;
  width: 50%;
  height: calc(100% - 8px);
  background: #e5e7eb;
  transition: all .3s ease;
  z-index: -1;
  border-radius: 0.375rem;
}
.taskbar-tasks-toggle:has(.left-tab.t-active)::before {
  left: 4px;
}
.taskbar-tasks-toggle:has(.right-tab.t-active)::before {
  left: calc(50% - 4px);
}
.taskbar-tasks-toggle .tab-btn {
  opacity: 0.5;
  cursor: pointer;
  transition: all .3s ease;
}
.taskbar-tasks-toggle .tab-btn.t-active {
  color: #000000;
  font-weight: bold;
  opacity: 1;
}



/*-----------------------------------------------------------------------
                                  Select 2
-----------------------------------------------------------------------*/
.box .nice-select-search:focus {
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5) !important;
}
.nice-select-search::-webkit-input-placeholder,
.nice-select-search:focus::-webkit-input-placeholder {
    color: #8083a3 !important;
}
.nice-select.searchable-select {
  display: flex;
  align-items: center;
}
.nice-select-dropdown {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border: none !important;
}

.nice-select, .nice-select:hover {
  border:none !important;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f6f6f6 !important;
  color: #000 !important;
}
.select2-container--default {
  color: #000;
  font-size: 12px !important;
}
/*------------------------------------------------------------------------------
                                  Login
------------------------------------------------------------------------------*/
.secNumber {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.2;
  filter: grayscale(1);
  border: 2px solid #386a77;
  transition: all 0.3s ease;
}
.secNumber.active {
  opacity: 1;
  filter: grayscale(0);
}
.secNumberIndi {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.2;
  filter: grayscale(1);
  border: 2px solid #386a77;
  transition: all 0.3s ease;
}
.secNumberIndi.active {
  opacity: 1;
  filter: grayscale(0);
}

label.auth-title {
  font-size: 1rem !important;
}
.sb-checkbox .check-switch input[type="checkbox"] {
  display: none;
}

.sb-checkbox .check-switch .check-switch-state {
  display: inline-block;
  transition: all 0.5s ease;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 25px;
  height: 25px;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  cursor: pointer;
  color: #fff;
  border-radius: 4px;
}

.sb-checkbox .check-switch .check-switch-state .icon-off,
.check-switch .check-switch-state .icon-on {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 0;
}

.sb-checkbox .check-switch .check-switch-state .icon-off:after,
.check-switch .check-switch-state .icon-on:after {
  font-family: FontAwesome;
  width: 100%;
  display: block;
  line-height: 42px;
  position: absolute;
  transition: all 0.5s ease;
}

.sb-checkbox .check-switch .check-switch-state .icon-on:after {
  content: "\f00c";
  margin-top: -8px;
  margin-left: 0;
  left: 100%;
}

.sb-checkbox .check-switch .check-switch-state .icon-off:after {
  content: "\f056";
  left: 0;
}

.sb-checkbox .check-switch .check-switch-state:hover {
  cursor: pointer;
}

.sb-checkbox .check-switch input[type="checkbox"]:checked + .check-switch-state {
  background-color: #12233f;
  box-shadow: none;
}

.sb-checkbox .check-switch input[type="checkbox"]:checked + .check-switch-state .icon-on:after {
  content: "\f00c";
  margin-left: 100;
  left: 0;
}

.sb-checkbox .check-switch input[type="checkbox"]:checked + .check-switch-state .icon-off:after {
  content: "\f056";
  left: -100%;
}
/*-----------------------------------------------------------------------*/
.gn-checkbox .check-switch input[type="checkbox"] {
  display: none;
}

.gn-checkbox .check-switch .check-switch-state {
  display: inline-block;
  transition: all 0.5s ease;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  cursor: pointer;
  color: #fff;
  border-radius: 4px;
  background: none;
}

.gn-checkbox .check-switch .check-switch-state .icon-off,
.check-switch .check-switch-state .icon-on {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 0;
}

.gn-checkbox .check-switch .check-switch-state .icon-off:after,
.check-switch .check-switch-state .icon-on:after {
  font-family: FontAwesome;
  width: 100%;
  display: block;
  line-height: 42px;
  position: absolute;
  transition: all 0.5s ease;
}

.gn-checkbox .check-switch .check-switch-state .icon-on:after {
  content: "\f00c";
  margin-top: -12px;
  margin-left: 0;
  left: 100%;
  font-size: 9px !important;
}

.gn-checkbox .check-switch .check-switch-state .icon-off:after {
  content: "\f056";
  left: 0;
}

.gn-checkbox .check-switch .check-switch-state:hover {
  cursor: pointer;
}

.gn-checkbox .check-switch input[type="checkbox"]:disabled + .check-switch-state {
  cursor: not-allowed;
}
.gn-checkbox .check-switch input[type="checkbox"]:checked + .check-switch-state {
  background-color: #2563eb;
  box-shadow: none;
}

.gn-checkbox .check-switch input[type="checkbox"]:checked + .check-switch-state .icon-on:after {
  content: "\f00c";
  margin-left: 100;
  left: 0;
}

.gn-checkbox .check-switch input[type="checkbox"]:checked + .check-switch-state .icon-off:after {
  content: "\f056";
  left: -100%;
}

/*-----------------------------------------------------------------------*/

.sb-radio .radio-switch input[type="radio"] {
  display: none;
}

.sb-radio .radio-switch .radio-switch-state {
  display: inline-block;
  transition: all 0.5s ease;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  cursor: pointer;
  color: #fff;
  border-radius: 9999px;
}

.sb-radio .radio-switch .radio-switch-state .icon-off,
.radio-switch .radio-switch-state .icon-on {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 0;
}

.sb-radio .radio-switch .radio-switch-state .icon-off:after,
.radio-switch .radio-switch-state .icon-on:after {
  font-family: FontAwesome;
  width: 100%;
  display: block;
  line-height: 42px;
  position: absolute;
  transition: all 0.5s ease;
}

.sb-radio .radio-switch .radio-switch-state .icon-on:after {
  content: "\f00c";
  margin-top: -12px;
  margin-left: 0;
  left: 100%;
  font-size: 11px !important;
}

.sb-radio .radio-switch .radio-switch-state .icon-off:after {
  content: "\f056";
  left: 0;
}

.sb-radio .radio-switch .radio-switch-state:hover {
  cursor: pointer;
}

.sb-radio .radio-switch input[type="radio"]:checked + .radio-switch-state {
  background-color: #2563eb;
  box-shadow: none;
}

.sb-radio .radio-switch input[type="radio"]:checked + .radio-switch-state .icon-on:after {
  content: "\f00c";
  margin-left: 100;
  left: 0;
}

.sb-radio .radio-switch input[type="radio"]:checked + .radio-switch-state .icon-off:after {
  content: "\f056";
  left: -100%;
}
/*-----------------------------------------------------------------------*/

.dash-radio .radio-switch input[type="radio"] {
  display: none;
}

.dash-radio .radio-switch .radio-switch-state {
  display: inline-block;
  transition: all 0.5s ease;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  cursor: pointer;
  color: #fff;
  border-radius: 9999px;
}

.dash-radio .radio-switch .radio-switch-state .icon-off,
.radio-switch .radio-switch-state .icon-on {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 0;
}

.dash-radio .radio-switch .radio-switch-state .icon-off:after,
.radio-switch .radio-switch-state .icon-on:after {
  font-family: FontAwesome;
  width: 100%;
  display: block;
  line-height: 42px;
  position: absolute;
  transition: all 0.5s ease;
}

.dash-radio .radio-switch .radio-switch-state .icon-on:after {
  content: "\f00c";
  margin-top: -12px;
  margin-left: 0;
  left: 100%;
  font-size: 11px !important;
}

.dash-radio .radio-switch .radio-switch-state .icon-off:after {
  content: "\f056";
  left: 0;
}

.dash-radio .radio-switch .radio-switch-state:hover {
  cursor: pointer;
}

.dash-radio .radio-switch input[type="radio"]:checked + .radio-switch-state {
  background-color: #2563eb;
  box-shadow: none;
}

.dash-radio .radio-switch input[type="radio"]:checked + .radio-switch-state .icon-on:after {
  content: "\f00c";
  margin-left: 100;
  left: 0;
}

.dash-radio .radio-switch input[type="radio"]:checked + .radio-switch-state .icon-off:after {
  content: "\f056";
  left: -100%;
}


/*-----------------------------------------------------------------------*/

.secNumber {
  font-size: 16px !important;
}

.tab-content {
  display: none;
  opacity: 0;
  animation: fadeIn 1s ease 1 forwards;
}

.tab-content.active {
  display: block;
}

@keyframes fadeIn {
  100% {
      opacity: 1;
      transform: none;
  }
}
.login-btn {
  background: #12233f !important;
  color: #ffffff;
  transition: all 0.3s ease;
  font-size: 1rem !important;
}
.login-btn:hover {
  background: #dbdbdb !important;
  color: #12233f;
  transition: all 0.3s ease;
  font-size: 1rem !important;
}




input.invalid {
  background-color: #ffdddd;
}
input.deep_invalid {
  background-color: #d35555;
}
.tab {
  display: none;
}
#prevBtn {
  background-color: #bbbbbb;
}

.sn-input {
  position: relative;
}
.sn-input {
  background: #ffffff;
}
.sn-input.warn {
  -moz-box-shadow:    inset 2px 0px 0px #f97316 !important;
  -webkit-box-shadow: inset 2px 0px 0px #f97316 !important;
  box-shadow:         inset 2px 0px 0px #f97316 !important;
  background: rgba(249, 115, 22, 0.05);
}

.sn-input.warn::-webkit-input-placeholder,
.sn-input.warn:focus::-webkit-input-placeholder {
  color: #f97316 !important;
}

.nx-input {
  background: #ffffff;
}
.nx-input.warn {
  -moz-box-shadow:    inset 2px 0px 0px #f97316 !important;
  -webkit-box-shadow: inset 2px 0px 0px #f97316 !important;
  box-shadow:         inset 2px 0px 0px #f97316 !important;
  background: rgba(249, 115, 22, 0.05);
}

.nx-input.warn::-webkit-input-placeholder,
.nx-input.warn:focus::-webkit-input-placeholder {
  color: #f97316 !important;
}


.check-switch-state {
  background: #f1f5f9;
}
.check-switch-state.terms.warn {
  background: #fff7ed;
  -moz-box-shadow:    inset 0 0 0 2px #f97316 !important;
  -webkit-box-shadow: inset 0 0 0 2px #f97316 !important;
  box-shadow:         inset 0 0 0 2px #f97316 !important;
}
.check-switch-state.confirm.warn {
  background: #fff7ed;
  -moz-box-shadow:    inset 0 0 0 2px #f97316 !important;
  -webkit-box-shadow: inset 0 0 0 2px #f97316 !important;
  box-shadow:         inset 0 0 0 2px #f97316 !important;
}
.new-ui .message-input {
  border-bottom: 1px solid #e6e6f2 !important
}
.new-ui .message-input:focus {
  box-shadow: none !important;
  border-bottom:1px solid #3f3f3f !important;
  color: #343441 !important;
}
.new-ui .message-input:focus::-webkit-input-placeholder {
  color: #343441 !important;
}

.new-ui input.area-input {
  transition: all .3s ease !important;
  outline: none !important;
  /* border-bottom: 1px solid rgba(0, 0, 0, 0) !important; */
}
.new-ui input.area-input:focus {
  outline: none !important;
  box-shadow: none !important;
  /* border-bottom: 1px solid rgba(5, 89, 112, 0.3) !important; */
}
.new-ui input.area-input::-webkit-input-placeholder,
.new-ui input.area-input:focus::-webkit-input-placeholder {
  /* color: #8c8d8f !important; */
}

.select-box {
  width: 150px;
	position: relative;
  border-bottom: 1px solid #e6e6f2;
}

.select-box .options-container {
  max-height: 0;
  width: calc( 100% - 12px);
  opacity: 0;
  transition: all 0.4s;
  overflow: hidden;
  border-radius: 5px;
  border: solid 1px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  order: 1;
	position: absolute;
	top: 52px;
}

.selected {
  position: relative;
  width: 150px;
  background-color: #ffffff;
  order: 0;
  color: #949494 !important;
}

/* .selected::after {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
  color: #949494;
}
 */

.select-box .options-container.active {
  max-height: 240px;
  opacity: 1;
  overflow-y: scroll;
}

.select-box .options-container.active + .selected::after {
  transform: translateY(-50%) rotateX(180deg) !important;
}

.select-box .options-container::-webkit-scrollbar {
  width: 0;
}

.select-box .options-container::-webkit-scrollbar-thumb {
  background: none;
}
.select-box .option,
.selected {
  padding: 8px 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.select-box .option:hover {
  background: rgba(0, 0, 0, 0.04);
}

.select-box label {
  cursor: pointer;
}

.select-box .option .radio {
  display: none;
}



.loader-section {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ccc;
  cursor: pointer;
  transition: 0.3s linear;
  background: rgba(255, 255, 255, 0.5);
  z-index: 999999;
}



.loader-86 {
  width: 48px;
  height: 12px;
  background: #10b981;
  display: inline-block;
  position: relative;
}
.loader-86::after {
  content: "";
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  position: absolute;
  border: 15px solid transparent;
  border-top-color: #10b981;
  -webkit-animation: bump 0.4s ease-in-out infinite alternate;
          animation: bump 0.4s ease-in-out infinite alternate;
}
.loader-86::before {
  content: "";
  left: 50%;
  bottom: 25px;
  transform: translate(-50%, 0);
  position: absolute;
  width: 15px;
  height: 20px;
  background: #10b981;
  -webkit-animation: bump 0.4s ease-in-out infinite alternate;
          animation: bump 0.4s ease-in-out infinite alternate;
}

@-webkit-keyframes bump {
  0% {
    transform: translate(-50%, 5px);
  }
  100% {
    transform: translate(-50%, -5px);
  }
}
@keyframes bump {
  0% {
    transform: translate(-50%, 5px);
  }
  100% {
    transform: translate(-50%, -5px);
  }
}

.loader-21 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 10px solid;
  border-color: rgba(62, 83, 114, 0.15) rgba(62, 83, 114, 0.25) rgba(62, 83, 114, 0.35) rgba(62, 83, 114, 0.5);
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
}
.loader-auto {
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 10px solid;
  border-color: rgba(62, 83, 114, 0.15) rgba(62, 83, 114, 0.25) rgba(62, 83, 114, 0.35) rgba(62, 83, 114, 0.5);
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
}

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

.v-select__slot {
  font-size: 12px;
}
.v-icon.v-icon {
  font-size: 16px !important;
}
.v-select__slot input::placeholder,
.v-select__slot input:focus::placeholder {
    color: #a1a1a1 !important;
}
.v-input__control .v-input__slot {
	background-color: #ffffff;
}
.new-ui-alt .v-input__control:not(.all-orders .v-input__control) *:not(.v-chip__content) {
	background-color: #ffffff;
}
.v-input__control .v-input__slot input {
	background: none;
}
.v-input__slot {
  /* box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; */
  box-shadow: none !important;
}
.all-orders .v-input__slot {
  background: none !important;
}
.all-orders * {
  cursor: pointer !important;
}

.switch-container {
  position: relative;
  width: 300px;
  height: 38px;
  border-radius: 21px;
  background: transparent;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f5f7;
}
.fin_gray {
  background: #f4f5f7;
}
.handle {
  position: absolute;
  width: 49%;
  height: 34px;
  border-radius: 16px;
  background: #ffffff;
  transition: 0.5s;
  left: 5px;
  z-index: 0;
  text-align: center;
}

.opt {
  text-align: center;
  flex: 1 0 auto;
  font-size: 12px;
  /* font-family: sans-serif; */
  transition: 0.3s;
  color: #1e2834;
  cursor: pointer;
  z-index: 1;
  padding: 5px 10px;
  white-space: nowrap;
}

.opt.activated{
  color: black;
  cursor: auto;
}

.handle.one {
  left: 2px;
}

.handle.two {
  left: 33%;
}

.handle.tree {
  left: 67%;
}

.hide {
  display: none;
}

#tab-one,
#tab-two {
  width: 100%;
  min-height: 200px;
  padding-bottom: 350px;
}

.order-select:focus  {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
/*----------------------------------------*/
.switch-container-alt {
  position: relative;
  width: 380px;
  height: 38px;
  border-radius: 21px;
  background: transparent;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f5f7;
}
.switch-container-alt .handle {
  position: absolute;
  width: 25%;
  height: 34px;
  border-radius: 16px;
  background: #ffffff;
  transition: 0.5s;
  z-index: 0;
  text-align: center;
}
.switch-container-alt .handle1 {
  position: absolute;
  width: 33%;
  height: 34px;
  border-radius: 16px;
  background: #ffffff;
  transition: 0.5s;
  z-index: 0;
  text-align: center;
}
.switch-container-alt .handle1.one {
  left: 2px;
}

.switch-container-alt .handle1.two {
  left: 33%;
}
.switch-container-alt .handle1.three {
  left: 66%;
}
.switch-container-alt .handle.one {
  left: 2px;
}

.switch-container-alt .handle.two {
  left: 25%;
}
.switch-container-alt .handle.three {
  left: 50%;
}
.switch-container-alt .handle.four {
  left: calc(75% - 3px);
}
.switch-container-alt .handle.five {
  left: calc(90% - 3px);
}
.switch-container-alt .handle.two-alternative {
  left: 37%;
}
/*------------------------------------------------------*/
.switch-container-square {
  position: relative;
  width: 100%;
  background: transparent;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.switch-container-square .handle {
  position: absolute;
  width: 25%;
  height: 40px;
  border-radius: 8px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #3b82f6;
  font-weight: bold;
  transition: 0.5s;
  z-index: 0;
  text-align: center;
}
.switch-container-square .handle.one {
  left: 0;
}
.switch-container-square .handle.two {
  left: 25%;
}
.switch-container-square .handle.three {
  left: 50%;
}
.switch-container-square .handle.four {
  left: 75%;
}
.switch-container-square .handle.two-alternative {
  left: 37%;
}
.switch-container-square .opt {
  width: 25%;
  text-align: center;
  flex: 1 0 auto;
  font-size: 12px;
  /* font-family: sans-serif; */
  transition: 0.3s;
  color: #1e2834;
  cursor: pointer;
  z-index: 1;
  padding: 5px 10px;
}

.switch-container-square .opt.activated {
  color: #3b82f6;
  font-weight: bold;
  cursor: auto;
}

/*------------------------------------------------------*/
.worktime-switch-container-tabs{
  position: relative;
  width: 380px;
  height: 38px;
  border-radius: 21px;
  background: transparent;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f5f7;
}

.worktime-switch-container-tabs .handle{
  position: absolute;
  width: 50%;
  height: 34px;
  border-radius: 16px;
  background: #ffffff;
  transition: 0.5s;
  z-index: 0;
  text-align: center;
}

.worktime-switch-container-tabs .handle.one {
  left: 2px;
}

.worktime-switch-container-tabs .handle.two {
  left: 50%;
}

.hide {
  display: none;
}

.switch-container-alt #tab-one,
.switch-container-alt #tab-two {
  width: 100%;
  min-height: 200px;
  padding-bottom: 350px;
}
/*----------------------------------------*/
.switch-container-dash {
  position: relative;
  width: 100%;
  height: 45px;
  border-radius: 10px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f5f7;
  padding: 3px;
}
.switch-container-dash ._handle {
  position: absolute;
  width: calc(33% - 3px);
  height: 39px;
  border-radius: 10px;
  background: #ffffff;
  transition: 0.5s;
  z-index: 0;
  text-align: center;
}
.switch-container-dash ._handle.one {
  left: 3px;
}
.switch-container-dash ._handle.two {
  left: 33%;
}
.switch-container-dash ._handle.tree {
  left: 67%;
}

.switch-container-dash .handle {
  position: absolute;
  width: calc(50% - 3px);
  height: 39px;
  border-radius: 10px;
  background: #ffffff;
  transition: 0.5s;
  z-index: 0;
  text-align: center;
}
.switch-container-dash .handle.one {
  left: 3px;
}
.switch-container-dash .handle.two {
  left: 50%;
}

.hide {
  display: none;
}
.switch-container-dash #tab-one,
.switch-container-dash #tab-two {
  width: 100%;
  min-height: 200px;
}
.switch-container-dash .opt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33%;
  height: 100%;
  transition: all .3s ease;
  line-height: 3px;
  font-size: 14px;
}
.switch-container-dash ._opt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  transition: all .3s ease;
  line-height: 3px;
  font-size: 14px;
}
.switch-container-dash .opt.activated {
  font-weight: 700;
}
/*----------------------------------------*/
.switch-container-get {
  position: relative;
  width: 100%;
  height: 44px;
  border-radius: 24px;
  background: transparent;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f5f7;
}
.switch-container-get .handle {
  position: absolute;
  width: 33.3333%;
  height: 39px;
  border-radius: 20px;
  background: #ffffff;
  transition: 0.5s;
  z-index: 0;
  text-align: center;
}
.switch-container-get .handle.one {
  left: 2px;
}

.switch-container-get .handle.two {
  left: 33%;
}
.switch-container-get .handle.three {
  left: 66%;
}

.hide {
  display: none;
}

.switch-container-get #tab-one,
.switch-container-get #tab-two {
  width: 100%;
  min-height: 200px;
}
.switch-container-get .opt * {
  transition: all .3s ease;
}
.switch-container-get .opt.activated {
  font-weight: bold;
}
/*-------------------------------------- */
.offers-list:nth-child(2n) {
  background: #f9fafb;
}
.dropdown-container {
  position: relative;
}
.dropdown-container .dropdown-toggle {
  cursor: pointer;
  position: relative;
  transition: all ease-in-out 0.3s;
}
.dropdown-container .dropdown-toggle label {
  cursor: pointer;
  width: 100%;
}

.dropdown-container .dropdown-menu {
  width: 180px;
  margin-top: -5px;
  position: absolute;
  top: 100%;
  display: none;
  background-color: #ffffff;
  z-index: 10;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
}
.dropdown-container .dropdown-menu.offer-list-menu {
  right: 10px !important;
  left: unset !important;
}
.dropdown-container .dropdown-menu.top-menu {
  width: 180px;
  position: absolute;
  top: calc(100% + 10px);
  display: none;
  background-color: #ffffff;
  z-index: 10;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
  right: 0 !important;
  left: unset !important;
  margin-top: 0 !important;
  padding: 1rem !important;
  border-radius: 10px !important;
}
.dropdown-container .dropdown-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  z-index: 10;
}
.dropdown-container .dropdown-menu button,
.dropdown-container .dropdown-menu a {
  width: 100%;
  text-align: left;
  text-decoration: none;
  display: block;
  color: #535353;
  transition: all ease-in-out 0.3s;
}
.dropdown-container .dropdown-menu button:not(.book):hover,
.dropdown-container .dropdown-menu a:hover {
  background: rgba(0, 0, 0, 0.02);
  color: #000000;
}
/* .dropdown-container .dropdown-menu button.book:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #000000;
} */
.dropdown-menu,
.dropdown-toggle {
  position: relative;
}
.dropdown-menu::before {
  content: "";
  position: absolute;
  right: 20px;
  transform: translateY(-50%) rotate(45deg);
  border: 5px solid;
  border-top-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  margin-top: -2.5px;
  background-color: rgba(0, 0, 0, 0);
  transition: all ease-in-out 0.2s;
}

.dropdown-menu {
  z-index: 10;
  position: relative;
}
.dropdown-menu::before {
  z-index: -1;
  transform: rotate(-135deg);
  top: -1px;
  border-color: #ffffff;
  box-shadow: 1px 1px 3px -2px rgba(0, 0, 0, 0.4);
}

.dropdown-open .dropdown-menu.dropdown-active {
  display: block;
}

.dropdown-bordered .dropdown-menu::before {
  border-color: #000000;
}
.dropdown-bordered .dropdown-menu a {
  box-shadow: none;
  border-bottom: 2px solid #000000;
}
.dropdown-bordered .dropdown-menu li:last-child a {
  border-bottom: 0;
}

.dropdown-toggle::after {
  display: none !important;
}

.new-edit-order-bg {
  background: #fdfeff;
}
/*-------------------------------------------------------------------------*/
.dashboard-wrapper {
  margin-left: 0 !important;
}
/*------------------------------ New Side Menu -----------------------------------*/

.mobile-sidenav-container {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  opacity: 1;
  transition: all 0.3s ease;
}
.mobile-sidenav-container.hide {
  left: -100%;
  opacity: 0;
}

.sidenav-container {
  /* position: fixed;
  top: 1vh;
  left: 0.5vw;
  height: 98vh; */
  padding: 0 1rem 1rem 1rem;
  width: 1rem;
  background-color: #ffffff;
  color: var(--primary-dark-color);
  transition: width 0.5s ease;
  z-index: 11;
}

#floating-icon-menu {
  transition: width 0.3s ease, opacity 0.3s ease;
  opacity: 1;
}

#floating-icon-menu.collapsed {
  opacity: 0;
}
@media screen and (min-width: 768px) {

}
.new-nav {
  overflow: hidden;
}
.nav__brand {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0.75rem 0;
}
.nav__brand .nav__icon--menu {
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
  border-radius: 0.5rem;
  transition: 0.4s ease;
}
.nav__brand .nav__icon--menu:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.nav__brand .nav__icon--menu:active {
  background-color: rgba(0, 0, 0, 0.03);
}
.nav__brand-logo {
  cursor: pointer;
}
/* .nav__item:last-of-type {
  margin-top: auto !important;
} */
.nav__item {
  border-radius: 0.5rem;
  transition: 0.4s ease;
  cursor: pointer;
}
.nav__item:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.nav__item .nav__drop {
  height: 0px;
  overflow: hidden;
  font-size: 0.8rem;
  transition: height 0.4s ease;
}
.nav__item .nav__drop a {
  color: var(--primary-color);
  transition: 0.05s ease;
}
.nav__item .nav__drop a:hover {
  color: var(--primary-dark-color);
}
.nav__item .nav__drop .padding {
  padding: 0 0 0.75rem 3rem;
}
.nav__link {
  display: grid;
  place-items: center;
  grid-template-columns: max-content max-content 1fr;
  column-gap: 1rem;
  padding: 0.75rem;
  color: var(--primary-dark-color);
}
.nav__link img {
  transform: scale(1.3)
  }
.nav__name {
  font-size: 0.9rem;
  color: var(--primary-color);
}
.nav__icon {
  font-size: .9rem;
}
.nav__toggle {
  background: #f9fafb;
  color: #1c3f52;
  font-size: .9rem;
}
.nav__toggle:hover {
  background: #1c3f52;
  color: #ffffff;
}

.nav__list::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.nav__list .material-symbols-outlined {
  font-size: 1.2rem !important;
}
.nav__user {
  display: grid;
  place-items: center;
  grid-template-columns: max-content max-content 1fr;
  column-gap: 1rem;
  column-gap: 0.6rem;
  margin-top: 0.75rem;
  padding: 0.75rem 1px;
  padding: 0.2rem 0;
  border-radius: 2rem;
  cursor: pointer;
  transition: all 0.3s ease
}
.nav__user:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.nav__user-image {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  overflow: hidden;
}
.nav__user-image img {
  transform: scale(1.5) translate(-1px, 4px);
}
.nav__user-info {
  line-height: 1.2rem;
}
.nav__user-info-name {
  font-size: 1rem;
}
.nav__user-info-email {
  font-size: 0.7rem;
  font-weight: 300;
  color: #b6cefc;
}
/*---------------------------- PostBOX Dashboard nav ----------------------------------*/
.alt-sidenav-container {
  /* width: 5.6rem; */
  background-color: #ffffff;
  color: var(--primary-dark-color);
  transition: width 0.5s ease;
  z-index: 11;
}

.alt-new-nav {
  overflow: hidden;
}
.alt-nav__brand {
  display: grid;
  place-items: center;
  grid-template-columns: max-content max-content 1fr;
  column-gap: 1rem;
  column-gap: 0.4rem;
  padding: 0.75rem 0;
  font-weight: 600;
}
.alt-nav__brand .alt-nav__icon--menu {
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
  border-radius: 0.5rem;
  transition: 0.4s ease;
}
.alt-nav__brand .alt-nav__icon--menu:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.alt-nav__brand .alt-nav__icon--menu:active {
  background-color: rgba(0, 0, 0, 0.02);
}
.alt-nav__brand-logo {
  cursor: pointer;
}
/* .alt-nav__item:last-of-type {
  margin-top: auto !important;
} */
.alt-nav__item {
  border-radius: 0.5rem;
  transition: 0.4s ease;
  cursor: pointer;
  overflow-x: hidden;
}
.alt-nav__item--noHover {
  transition: 0.4s ease;
  overflow-x: hidden;
}
.alt-nav__item:hover {
  /* background-color: rgba(0, 0, 0, 0.02); */
}
.alt-nav__item .alt-nav__drop {
  height: 0px;
  overflow: hidden;
  font-size: 0.8rem;
  transition: height 0.4s ease;
}
.alt-nav__item .alt-nav__drop a {
  color: var(--primary-color);
  transition: 0.05s ease;
}
.alt-nav__item .alt-nav__drop a:hover {
  color: var(--primary-dark-color);
}
.alt-nav__item .alt-nav__drop .padding {
  padding: 0 0 0.75rem 3rem;
}
.alt-nav__link {
  display: grid;
  place-items: center;
  grid-template-columns: max-content max-content 1fr;
  column-gap: 1rem;
  padding: 0.75rem;
  color: var(--primary-dark-color);
}
.alt-nav__link--noHover {
  display: grid;
  place-items: center;
  grid-template-columns: max-content max-content 1fr;
  column-gap: .25rem;
  padding: 0.75rem 0.75rem .5rem 0.75rem;
  color: var(--primary-dark-color);
}
.alt-nav__link img {
  transform: scale(1.3)
  }
.alt-nav__name {
  font-size: 0.9rem;
  color: var(--primary-color);
}
.alt-nav__icon {
  font-size: .9rem;
}
.alt-nav__list .material-symbols-outlined {
  font-size: 1.2rem !important;
}
.alt-nav__user {
  display: grid;
  place-items: center;
  grid-template-columns: max-content max-content 1fr;
  column-gap: 1rem;
  column-gap: 0.6rem;
  margin-top: 0.75rem;
  padding: 0.75rem 1px;
  padding: 0.2rem 0;
  border-radius: 2rem;
  cursor: pointer;
  transition: all 0.3s ease
}
.alt-nav__user:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.alt-nav__user-image {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  overflow: hidden;
}
.alt-nav__user-image img {
  transform: scale(1.5) translate(-1px, 4px);
}
.alt-nav__user-info {
  line-height: 1.2rem;
}
.alt-nav__user-info-name {
  font-size: 1rem;
}
.alt-nav__user-info-email {
  font-size: 0.7rem;
  font-weight: 300;
  color: #b6cefc;
}
/*-------------------------------------------------------------------------------------*/
.toggle-icon {
  justify-self: flex-end;
}
.language_dropdown {
  top: unset !important;
  right: unset !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  color: #d1d5db !important;
  cursor: pointer !important;
}
.language_dropdown * {
  color: #d1d5db !important;
}
.language_dropdown:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.language_dropdown option {
  color: #1c3f52 !important;
}
.dropdown-menu.cs-dr {
  border-radius: 8px !important;
  padding:10px !important
}

.dropdown-menu.cs-dr .nav-user-info {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: #000000 !important;
  font-size: 13px !important;
  border-radius: 6px !important;
  font-weight: bold !important;
}
.dropdown-menu.cs-dr .dropdown-item:hover,
.dropdown-menu.cs-dr .dropdown-item:focus  {
  background-color: rgba(0, 0, 0, 0.03) !important;
  font-size: 13px !important;
  font-weight: unset !important;
  border-radius: 6px !important;
}
.dropdown-menu.cs-dr .dropdown-item {
  transition: all 0.3s ease;
}
.c-disable {
  opacity: 0.5;
  cursor: not-allowed;
}
.c-disable input {
  cursor: not-allowed !important;
}
/*------------------------------------------------------------------*/
.collapse-input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
/* Accordion styles */
.coll-tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.coll-tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #2c3e50;
  font-weight: bold;
  cursor: pointer;
  /* Icon */
}
.tab-label:hover {
  background: #1a252f;
}
.tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.tab-content {
  max-height: 0;
  padding: 0;
  color: #2c3e50;
  background: white;
  transition: all 0.3s;
  opacity: 0;
}
.signup .tab-content {
  max-height: unset;
}
.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.tab-close:hover {
  background: #1a252f;
}

.collapse-input:checked + .tab-label {
  background: #1a252f;
}
.collapse-input:checked + .tab-label::after {
  transform: rotate(90deg);
}
.collapse-input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1rem;
  opacity: 1;
}

/*--------------------------- Toggle checkbox --------------------------*/
.ren-switch {
  display: inline-block;
  height: 24px;
  position: relative;
  width: 50px;
  transform: scale(0.8);
}

.ren-switch input {
  display:none;
}

.ren-slider {
  background-color: rgba(0, 0, 0, 0.035);
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.ren-slider:before {
  background-color: rgba(0, 0, 0, 0.2);;
  bottom: 4px;
  content: "";
  height: 16px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 16px;
}

/* .ren-input:checked + .ren-slider {
  background-color: #000000;
} */

.ren-input:checked + .ren-slider:before {
  transform: translateX(25px);
  background-color: #000000;
}

.ren-slider.round {
  border-radius: 24px;
}

.ren-slider.round:before {
  border-radius: 50%;
}
.c-v-exp .v-expansion-panel-content__wrap{
  padding: 0px !important;
}
.rental-sel .el-input .el-input__inner {
  background: none !important;
  background-image: none;
  border-radius: 4px;
  border: none !important;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  height: 39px !important;
  line-height: 39px !important;
  outline: 0;
  padding: 0 15px;
  transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  width: 100%;
}


.rental-sec-tog .v-expansion-panel-header__icon {
    position: absolute;
    left: 0;
    transform: scale(0.7);
}
.rental-sel-alt .el-input .el-input__inner {
  background: none !important;
  background-image: none;
  border-radius: 4px;
  border: none !important;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  height: unset !important;
  line-height: unset !important;
  outline: 0;
  padding: 0;
  transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  width: 100%;
}
.rental-sel-alt .el-input .el-input__suffix {
  right: 0;
}
.rental-sel-alt .el-input .el-input__suffix .el-input__icon {
  line-height: unset;
}
.rental-sel-alt .el-select-dropdown__item {
  font-size: 12px !important;
}
.v-icon.pl-icon {
	font-size: 16px !important;
}
.all-orders.v-autocomplete {
  background: none !important;
  margin-top: -10px;
}
.all-orders.search.v-autocomplete {
  background: none !important;
  margin-top: 0;
}
.mdi-menu-down::before {
  content: "\F0140" !important;
  font-size: 16px !important;
}


.c-tooltip {
  display: flex;
  align-items: center;
  justify-content: center;
}

.label-text {
  margin-left: 0.5em;
}

.tooltip-toggle {
  cursor: pointer;
  position: relative;
}
.tooltip-toggle svg {
  height: 18px;
  width: 18px;
}
.tooltip-toggle::before {
  position: absolute;
  bottom: -33px;
  left: -70px;
  background-color: #2c3e50;
  border-radius: 5px;
  color: #fff;
  content: attr(aria-label);
  padding: 5px 10px 5px 10px;
  text-transform: none;
  transition: all 0.5s ease;
  min-width: 160px;
}
.tooltip-toggle::after {
  position: absolute;
  bottom: -7px;
  left: 17px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #2c3e50;
  content: " ";
  font-size: 0;
  line-height: 0;
  margin-left: -5px;
  width: 0;
}
.tooltip-toggle::before, .tooltip-toggle::after {
  color: #efefef;
  /* font-family: monospace; */
  font-size: 11px;
  opacity: 0;
  white-space: nowrap;
  pointer-events: none;
  text-align: center;
}
.tooltip-toggle:focus::before, .tooltip-toggle:focus::after, .tooltip-toggle:hover::before, .tooltip-toggle:hover::after {
  opacity: 1;
  transition: all 0.75s ease;
}
.c-disabled {
  cursor: not-allowed;
  pointer-events: none;

}
.c-disabled .tooltip-toggle {
  opacity: 0.45;
}

/*----------------------------------------------*/
.tooltip-toggle-alt {
  cursor: pointer;
  position: relative;
}
.tooltip-toggle-alt svg {
  height: 18px;
  width: 18px;
}
.tooltip-toggle-alt::before {
  position: absolute;
  bottom: -33px;
  left: 0;
  background-color: #2c3e50;
  border-radius: 5px;
  color: #fff;
  content: attr(aria-label);
  padding: 5px 10px 5px 10px;
  text-transform: none;
  transition: all 0.5s ease;
  width: 100%;
  max-width: 160px;
  z-index: 50;
  word-break: break-word
}
.tooltip-toggle-alt::after {
  position: absolute;
  bottom: -7px;
  left: 17px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #2c3e50;
  content: " ";
  font-size: 0;
  line-height: 0;
  margin-left: -5px;
  width: 0;
}
.tooltip-toggle-alt::before, .tooltip-toggle-alt::after {
  color: #efefef;
  /* font-family: monospace; */
  font-size: 11px;
  opacity: 0;
  white-space: nowrap;
  pointer-events: none;
  text-align: center;
}
.tooltip-toggle-alt:focus::before, .tooltip-toggle-alt:focus::after, .tooltip-toggle-alt:hover::before, .tooltip-toggle-alt:hover::after {
  opacity: 1;
  transition: all 0.75s ease;
}
/*----------------------------------------------*/




.v-menu__content {
 /*  min-width: unset !important; */
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.custom-select-app.v-menu__content {
  min-width: 296px !important;
}

.custom-select-app .v-text-field {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

.custom-select-app .v-text-field input{
  box-shadow: none !important;
}

.custom-select-app .v-text-field__details{
  display: none;
}

/* .v-menu__content {
  width: 216px;
} */
.cs-border {
  border: 2px solid rgba(0, 0, 0, 0.04);
}
/*-------------------------Upload FIle --------------------------*/
.upload_file input[type=file] {
  position: absolute;
  right: -9999px;
  visibility: hidden;
  opacity: 0;
}

/* .upload_file input[type=submit] {
  position: relative;
  padding: 1rem 3rem;
  background: #0c8fda;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  border-radius: 10px;
  border: 0;
  color: #fff;
}
.upload_file input[type=submit]:hover {
  background: #0b7fc2;
  color: #fff;
  cursor: pointer;
  transition: 0.2s all;
} */

.upload_file label {
  position: relative;
  display: inline-block;
  text-align: center;
  overflow: hidden;
}
.upload_file label:hover {
  /* background: #0c8fda;
  color: #fff; */
  cursor: pointer;
  transition: 0.3s all ease;
}

div.files ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: auto;
}
div.files ul li {
  position: relative;
  font-size: 11px;

}
div.files ul li i {
  cursor: pointer;
}
span.file-size {
  color: #999;
}
/*-----------------------------------------------*/

input.radio[type="radio"] {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1;
  width: 1;
  margin: -1;
  padding: 0;
  border: 0;
}

.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #eff6ff;
  color: #1e40af;
  transition: all .3s ease;
}

.show-footer-dropdown .custom-bg {
  transition: all .3s ease;
}

.icon:hover{
  cursor: pointer;
  color: #1e40af;
}

.icon:hover .show-footer-dropdown, .icon:hover .custom-bg{
  color: #1e40af;
}

.peer:checked ~ .icon {
  color: #eff6ff;
  background: #1e40af;
}

.wrapper {
  display: flex;
  flex-shrink: 0;
  gap: 0.5rem;
}

.page {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
}
/*---------------------------------------------------------*/
.smooth {
  transition: all .3s ease !important;
}
.smooth_fast {
  transition: all .15s ease !important;
}
.c-border {
  border-style: solid;
  border-width: 1px
}
.alt-border {
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
}
.mirror {
	transform: scaleX(-1);
}
/*------------------------------*/
.weekdays-daily-view {
  background-color: #fafafa;
  border-radius: 15px;
  padding: 12px 0 12px 0;
  width: 100%;
  color: #0a0b0d;
  font-size: 14px;
  font-weight: 700;
}

.grid-cols-14 {
  grid-template-columns: repeat(14, minmax(0, 1fr));
}
.grid-cols-15 {
  grid-template-columns: repeat(15, minmax(0, 1fr));
}
.grid-cols-16 {
  grid-template-columns: repeat(16, minmax(0, 1fr));
}
.grid-cols-18 {
  grid-template-columns: repeat(18, minmax(0, 1fr));
}
.grid-cols-19 {
  grid-template-columns: repeat(19, minmax(0, 1fr));
}
.grid-cols-22 {
  grid-template-columns: repeat(22, minmax(0, 1fr));
}
.grid-cols-28 {
  grid-template-columns: repeat(28, minmax(0, 1fr));
}
.col-span-15 {
  grid-column: span 15 / span 15;
}
.col-span-11 {
  grid-column: span 11 / span 11;
}
/*--------------------------- postBOX Dashboard styles ---------------------------*/
.postBox_bg-color {
  background: #8083a3;
}
.postBox_bg-color--light {
  background: #f8f9fc;
}
.postBox_text-color {
  color: #9295b1;
}
.postBox__iconColor {
  color: #bfabdf;
}
.postbox__activity {
  background: #fafbfd;
}
.postbox__activity--bg {
  background: #b1c3d8;
}
.postbox__activity--text {
  color: #617fa3;
}
#vue-app:has(#postBox) *:not(i, .material-symbols-outlined) {
  font-family: 'Nunito', sans-serif !important;
}
#vue-app:has(#postBox) {
  overflow-y: hidden;
}
#vue-app:has(#postBox) {
  overflow-y: hidden;
}
#vue-app:has(#postBox) .v-application {
  height: 100%;
}
#vue-app:has(#postBox) .v-application--wrap {
  min-height: unset;
}
#vue-app:has(#postBox) .v-application ul {
  padding-left: 0;
}
.postbox-input:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #0a0b0d;
}
.collapse-group .content {
  display: none;
  height: 0;
  transition: height 0.5s;
}

.post-box-area ::-webkit-scrollbar {
  width: 2px !important;
  height: 2px !important;
}
.postBox__ws {
  background: #f1f5f8;
  border: 2px solid #ede6f7;
  color: #bac5d9;
}
.postBox__nofill-btn {
  border: 2px solid #ede6f7;
}
.gray-border {
  border: 1px solid rgba(229, 231, 235, 0.7) !important;
}

#vue-app:has(#postBox)  .v-menu__content.menuable__content__active{
  width: 100% !important;
  max-width: 250px !important;
}
#vue-app:has(#postBox) .v-text-field.v-text-field--solo.v-input--dense > .v-input__control {
  min-height: 8px !important;
  margin-bottom: 5px !important;
}
#vue-app:has(#postBox) .v-input.v-select {
  flex: 0 0 auto;
}
#vue-app:has(#postBox) .v-input__control:has(.v-text-field__slot) .v-input__slot {
  padding: 0;
}
.postBox__bg-yellow {
  background: #faf2e5;
}
.postbox__modal {
  width: 400px;
  height: 100vh;
  border-left: 3px solid #8083a3;
}
/* .alt-nav__item .alt-nav__drop.inner {
  height: unset;
} */
.post_wrapper {
  width: 8rem;
}

.post_item-wrapper {
  position: relative;
  margin-bottom: 0.3rem;
  border-radius: 0.2rem;
  box-shadow: 3px 3px 10px #0002;
  background-color: #fff;
  transition: all 0.3s;
  overflow: hidden;
  z-index: 1;
}
.post_item-wrapper:before {
  content: "";
  position: absolute;
  bottom: -1rem;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-image: radial-gradient(#fff2b3 50%, #fff0 0);
  z-index: -1;
  pointer-events: none;
  transition: all 0.3s;
}
.post_item-wrapper.active:before {
  transform: scale(8);
  filter: blur(8px);
}
.post_item-wrapper.active .post_item-title {
  text-decoration: underline;
}
.post_item-wrapper.active .post_item-title:hover {
  transform: none;
}

.post_item-title {
  padding: 0.2rem;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s;
}
.post_item-title:hover {
  transform: translateX(1%);
}

.post_content-outer {
  height: 0;
  overflow: hidden;
  transition: all 0.3s;
}
.create-task {
  border: 2px dashed rgba(0, 0, 0, 0.1);
}
.create-task:hover {
  border: 2px dashed rgba(0, 0, 0, 0.3);
  background: #faf2e5;
}
.create-task.active-task {
  background: #faf2e5;
}
.create-task:hover .task-image,
.create-task:hover .task-date {
  opacity: 0;
}
.create-task .create-task__inner {
  opacity: 0;
  z-index: -1;
  transition: all .3s ease;
  padding-left: 1.25rem;
}
.create-task:hover .create-task__inner {
  opacity: 1;
  z-index: 1;
}
/* .create-task:hover .create-task__inner .create-del-btn {
  padding-right: 1.25rem;
} */
.create-task .create-task__inner .create-del-btn,
.create-task .create-task__inner .tasks-handle {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
.create-task .create-task__inner .create-del-btn {
    width: 40px;
  }
.create-task .create-task__inner .tasks-handle {
    width: 50px;
    cursor: grabbing !important;
  }
.create-task:hover .create-task__inner .create-del-btn {
  right: 50px;
}
.v-list-item__title {
  font-size: 12px !important;
}

.postbox_v-input .v-input__control {
  min-height: 45px !important;
}
.postbox_v-input .v-input__slot {
  min-height: 45px !important;
  margin-bottom: 0px !important;
  padding: 0 5px !important;
  background: none !important;
}
.postbox_v-input .v-text-field__details {
  display: none !important;
}
#vue-app:has(#postBox) .v-input * {
  cursor: pointer !important;
}
#vue-app:has(#postBox) .v-list-item {
  min-height: 40px !important;
}
#vue-app:has(#postBox) .v-list-item__title {
  font-size: 0.8rem !important;
  line-height: 0.8rem !important;
}
.postbox_v-input input::placeholder {
  color: #374151 !important;
}
button:disabled {
  cursor: not-allowed !important;
}
.select_folder .v-text-field__details {
    display: none !important;
}
.select_folder .v-input .v-input__control .v-input__slot {
  min-height: 0 !important;
  height: 96% !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}
.select_folder .v-input__control {
  height: 100%;
}
.select_folder .v-input {
  width: 80%;
  height: 100%;
}

.preview {
  opacity: 0;
  animation: appear 0.5s ease-in-out forwards;
}

@keyframes appear {
  to {
    opacity: 1;
  }
}
.paginate-btn .v-pagination__item {
  min-width: 25px;
  height: 20px;
  font-size: 0.7rem;
}
.paginate-btn .v-pagination__item--active{
  box-shadow: none;
}
.paginate-btn .v-pagination__navigation  {
  min-width: 25px;
  height: 20px;
  box-shadow: none;
}

.monthly-list .v-text-field__details {
  display: none !important;
}
.monthly-list * {
  cursor: pointer !important;
}

.monthly-list .v-input__control,
.monthly-list .v-input__control > .v-input__slot {
  min-height: 40px !important;
}
.monthly-list .v-input {
  border-radius: 8px;
}
.v-menu__content:has(.create-task-content) {
  z-index: 9999 !important;
}

.v-menu__content::-webkit-scrollbar {
	width: 4px !important;
	height: 4px !important;
}
.v-menu__content::-webkit-scrollbar-track {
	border-radius: 10px !important;
}
.v-menu__content::-webkit-scrollbar-thumb {
	/* background: #feb911; */
	background: rgba(43, 61, 79, 0.4);
	border-radius: 10px;
	cursor: pointer;
}
.v-menu__content::-webkit-scrollbar-thumb:hover {
	background: rgba(43, 61, 79, 0.4);
}
/*----------------------------- Dashboard help modal -----------------------------*/
.help-btn {
  position: relative;
  background: #ff0001;
  width: 50px;
  height: 50px;
  border-radius: 99999px;
  z-index: 1;
  transition: all .3s ease;
  padding: 0 .8rem 0 .8rem;
}
.help-btn .sp1 {
  position: absolute;
  left: .9rem;
  top: 1rem;
  transition: all .3s ease;
  transform: translateX(-100px);
  white-space: nowrap;
  opacity: 0;
}
.help-btn .sp-i {
  background: #ff0001;
}
.help-btn:hover {
  width: 220px;
  color: #ffffff;
}
.help-btn:hover .sp1 {
  transform: translateX(0);
  opacity: 1;
}
.help-modal {
  opacity: 1;
  transition: all .5s ease-in-out;
  z-index: 1;
  transform: translateX(0);

}
.help-modal.novis {
  transform: translateX(100px);
  opacity: 0;
  z-index: -1;
}
.help-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.ne-input .v-input__slot {
  padding: 0 !important;
}
.ne-input .v-input__control {
  min-height: auto !important;
}
.lang-toggle-btn {
  color: #ffffff !important;
}
.lang-toggle-btn:hover {
  color: #d1d5db !important;
}




.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999999999999 !important;
  transition: all 0.3s ease;
}
.fade {
  transition: opacity .15s linear;
}
.fade:not(.show) {
  opacity: 0;
}
.modal-dialog {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 500px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 5px;
}

.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 10px;
  padding: 1rem;
}

.modal-title {
  margin: 0;
}

.close {
  font-size: 1.5rem;
  cursor: pointer;
}

.modal-body {
  padding: 15px;
}

.modal-footer {
  border-top: 1px solid #dee2e6;
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
}

.btn {
  padding: 5px 10px;
  margin-left: 5px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
}

.btn-primary {
  background-color: #007bff;
  color: #fff;
}
.btn-primary:hover {
  background-color: #0067d4 !important;
  color: #fff;
}
.modal .btn-primary:hover {
  background-color: #1766b4 !important;
  color: #fff;
}

.btn-secondary {
  background-color: #6c757d;
  color: #fff;
}
.sidetask .el-date-editor.el-input {
  width: unset;
}

.ui-timepicker-wrapper {
  position: absolute;
  top: 652.781px;
  left: 2224.17px;
  overflow-y: auto;
  height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  outline: 0;
  z-index: 10001;
  margin: 0;
}

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980ec;
  color: #fff;
}
.el-select-dropdown__item.selected {
    width: 100%;
    color: #409EFF !important;
    background: #f5f7fa !important;
}
.userInps .el-date-editor,
.userNotes .el-date-editor,
.userProof .el-date-editor {
  width: 100% !important;
}


.time-tracker-inner .el-select .el-input .el-input__inner,
.payment-validation-filter-inner .el-select .el-input .el-input__inner {
  border: none !important;
}
.el-date-editor.el-input {
  width: inherit !important;
}
.offer-category-table *:not(.v-icon, .v-input--selection-controls__ripple) {
  font-size: 13px !important ;   /* or whatever you want */
}

.v-application{
    flex-grow: 1 !important;
    overflow: hidden !important;
}
/* .v-application--wrap:not(:has(.finance_dashboard--wrapper)) */
.v-application--wrap {
    min-height: 100% !important;
    height: 100%;
    overflow-y: auto;
}
.helix-form-group{
  width: 100%;
  display: flex;
  flex-direction: column;
}
.helix-form-group [disabled]{
  opacity: 0.5;
  cursor: not-allowed;
}

.helix-form-group select{
  cursor: pointer;
}
.helix-form-group input:not([type="checkbox"]):not([type="radio"]),
.helix-form-group select,
.helix-form-group textarea{
  width: 100%;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 12px;
  font-size: 12px !important;
  min-height: 42px;
}
.helix-form-group.new-helix input:not([type="checkbox"]):not([type="radio"]),
.helix-form-group.new-helix select,
.helix-form-group.new-helix textarea{
  min-height: 38px;
}

.helix-form-group.helix-light input:not([type="checkbox"]):not([type="radio"]),
.helix-form-group.helix-light select,
.helix-form-group.helix-light textarea{
  border: 1px solid #e5e7eb;
}


.helix-form-group input.error,
.helix-form-group select.error,
.helix-form-group textarea.error{
  border-color: #E57373;
  background-color: transparent !important;
}
.helix-form-group input:not([type="checkbox"]):not([type="radio"]),
.helix-form-group select{
    height: 42px;
}
.helix-form-group.new-helix input:not([type="checkbox"]):not([type="radio"]),
.helix-form-group.new-helix select{
    height: 38px;
}
.helix-form-group select{
  position: relative;
  z-index: 1;
}
.helix-form-group textarea{
    height: 128px;
    overflow-y: auto;
}
.helix-form-group select::before{
  position: absolute;
  content: "";
  right: 1rem;
  top: 0;
  font-size: 14px;
  width: 20px;
  height: 20px;
}
.helix-form-group label{
    width: 100%;
    font-size: 14px;
}
.helix-form-group label.error{
    background-color: transparent !important;
    color: #E57373;
}
.helix-form-group label.required-mark::after{
    content: '*';
    color: #E57373;
}
.helix-form-group select:not([size]) {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.helix-form-group .helix-dark-sel:not([size]) {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.helix-form-group .helix-dark-sel option {
  color: #000000; /* Change the color to your desired color */
}


.helix-form-group .select2-container--default .select2-selection--single {
  border: 1px solid #ccc !important;
  height: 42px !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  color: #71748d !important;
  border-radius: 5px;
}

.helix-form-group .select2-selection .select2-selection__rendered {
  display: flex !important;
  align-items: center;
  height: 100%;
}
.helix-form-group .select2-selection .select2-selection__arrow {
  height: 100%;
}
.helix-form-group .select2-selection .select2-selection__arrow {
  position: relative;
  display: flex;
  align-items: center;
  height: 100% !important;
}
.helix-form-group .select2-selection .select2-selection__arrow::before {
  position: absolute;
  content: '\f107';
  font-family: FontAwesome;
  left: 0;
}
.helix-form-group .select2-selection .select2-selection__arrow b {
  border: none !important;
}


/*--------------------------------------------*/
.alt-form-group{
  width: 100%;
  display: flex;
  flex-direction: column;
}
.alt-form-group [disabled]{
  opacity: 0.5;
  cursor: not-allowed;
}
.alt-form-group .custom-btn [disabled]{
  opacity: 0.7;
  cursor: not-allowed;
}

.alt-form-group select{
  cursor: pointer;
}
.alt-form-group input.el-input__inner,
.alt-form-group input.el-select__input,
.alt-form-group input.el-range-input {
    border: none !important;
    box-shadow: none !important;
}
.alt-form-group .el-input-borderless.el-date-editor {
  border: 1px solid #ccc !important;
}
.alt-form-group select,
.alt-form-group textarea,
.alt-form-group .el-select {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #ccc !important;
  /* padding: 12px; */
  font-size: 12px !important;
  min-height: 42px;
  box-shadow: none !important;
}
.alt-form-group input:not([type="checkbox"]):not([type="radio"]):not(.el-input__inner):not(.el-select__input):not(.el-range-input),
.alt-form-group .el-date-editor {
  width: 100% !important;
  border-radius: 5px;
  border: 1px solid #ccc !important;
  /* padding: 12px; */
  font-size: 12px !important;
  min-height: 2.685rem;
  box-shadow: none !important;
}
.nf-border {
  border: 1px solid #ccc !important;
  border-radius: 5px;
}
/* .alt-form-group.new-helix input:not([type="checkbox"]):not([type="radio"]),
.alt-form-group.new-helix select,
.alt-form-group.new-helix textarea{
  min-height: 38px;
} */

/* .alt-form-group.helix-light input:not([type="checkbox"]):not([type="radio"]),
.alt-form-group.helix-light select,
.alt-form-group.helix-light textarea {
  border: 1px solid #e5e7eb;
}
 */

.alt-form-group input.error,
.alt-form-group select.error,
.alt-form-group textarea.error{
  border-color: #E57373;
  background-color: transparent !important;
}
.alt-form-group input:not([type="checkbox"]):not([type="radio"]),
.alt-form-group select{
    height: 42px;
}
.alt-form-group.new-helix input:not([type="checkbox"]):not([type="radio"]),
.alt-form-group.new-helix select{
    height: 38px;
}
.alt-form-group select{
  position: relative;
  z-index: 1;
}
.alt-form-group textarea{
    height: 128px;
    overflow-y: auto;
}
.alt-form-group select::before{
  position: absolute;
  content: "";
  right: 1rem;
  top: 0;
  font-size: 14px;
  width: 20px;
  height: 20px;
}
.alt-form-group label{
    width: 100%;
    font-size: 14px;
}
.alt-form-group label.error{
    background-color: transparent !important;
    color: #E57373;
}
.alt-form-group label.required-mark::after{
    content: '*';
    color: #E57373;
}
.alt-form-group select:not([size]) {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.alt-form-group .helix-dark-sel:not([size]) {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.alt-form-group .helix-dark-sel option {
  color: #000000; /* Change the color to your desired color */
}
/*--------------------------------------------*/


.n_input {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}


.upload {
  height: unset !important;
  cursor: pointer !important;
  transition: all .3s ease;
}
.upload:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
.upload-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f3ff;
  color: #6d28d9;
  font-weight: bold;
  border-radius: 18px;
  width: 120px;
  height: 36px;
  font-size: 14px !important;
}
/* bootstrap datatables button styles */
.table-responsive .dataTables_wrapper{
  overflow: hidden !important;
}
.buttons-aapend input[type=search]{
  border: 1px solid black !important;
  margin-left: 10px !important;
  border-radius: 4px !important;
  padding: 3px !important;
}
.buttons-aapend .dt-buttons .btn{
  border: 1px solid #efeff6;
  border-radius: 3px;
}
.buttons-aapend .dt-buttons .btn:hover{
  background-color: #efeff6 !important;
}
.buttons-aapend .dt-buttons .dt-button-collection .dropdown-item:hover{
  background-color: #efeff6 !important;
}
.buttons-aapend .dt-buttons .dt-button-collection .dropdown-item{
  font-size: 13px !important;
  padding: 5px !important;
  font-weight: bold;
}

.buttons-aapend .dt-buttons .buttons-page-length{
  position: relative;
}
.buttons-aapend .dt-button-collection.dropdown-menu{
  top: unset !important;
}

.buttons-aapend .dt-buttons .dt-button-collection {
  display: flex;
  flex-direction: column;
  position: absolute;
  background: white;
  min-width: 7rem;
  margin-left: 5px !important;
  padding: 0 !important;
  align-items: center;
}
.buttons-aapend input[type=search]:focus{
  border: 1px solid #5969ff !important;
}
/* bootstrap datatables button styles */

select:not([size]) {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right .5rem center;
  background-size: 1.5em 1.5em;
  background-repeat: no-repeat !important;
}
.link_gray {
  color: #4b5563 !important;
}
.link_gray:hover {
  background: rgba(243, 244, 246, 0.7) !important;
  color: #000000 !important;
}
.c-btn {
  border-radius: 0.375rem !important;
  padding: .625rem 16px .625rem 16px !important;
  transition: all .3s ease;
}
.c-btn-alt {
  border-radius: 0.375rem !important;
  padding: .625rem 12px .625rem 12px !important;
  transition: all .3s ease;
}
.c-btn-rounded {
  border-radius: 9999px !important;
  padding: .625rem 16px .625rem 16px !important;
  transition: all .3s ease;
}
.c-btn-small {
  border-radius: 0.375rem !important;
  padding: .375rem 11px .375rem 11px !important;
  transition: all .3s ease;
}
.c-btn-xs {
  border-radius: 0.375rem !important;
  padding: 4px 8px !important;
  transition: all .3s ease;
}
.c-btn-blue {
  background: #3b82f6 !important;
  color: #ffffff !important;
}
.c-btn-blue:hover {
  background: #2563eb !important;
}
.c-btn-blue-light {
  background: #dbeafe !important;
  color: #3b82f6 !important;
}
.c-btn-blue-light:hover {
  background: #bfdbfe !important;
}
.c-btn-gray {
  background: #f3f4f6 !important;
  color: #111827 !important;
}
.c-btn-gray:hover {
  background: #e5e7eb !important;
}
.c-btn-white {
  background: #ffffff !important;
  color: #111827 !important;
}
.c-btn-white:hover {
  background: #e5e7eb !important;
}
.c-btn-emerald {
  background: #34d399 !important;
  color: #ffffff !important;
}
.c-btn-emerald:hover {
  background: #10b981 !important;
}
.c-btn-emerald-light {
  background: #d1fae5 !important;
  color: #047857 !important;
}
.c-btn-emerald-light:hover {
  background: #a7f3d0 !important;
}
.c-btn-green-light {
  background: #dcfce7 !important;
  color: #16a34a !important;
}
.c-btn-green-light:hover {
  background: #bbf7d0 !important;
}
.c-btn-lime {
  background: #65a30d !important;
  color: #ffffff !important;
}
.c-btn-lime:hover {
  background: #4d7c0f !important;
}
.c-btn-lime-light {
  background: #ecfccb !important;
  color: #4d7c0f !important;
}
.c-btn-lime-light:hover {
  background: #d9f99d !important;
}

.c-btn-cyan {
  background: #0891b2 !important;
  color: #ffffff !important;
}
.c-btn-cyan:hover {
  background: #0e7490 !important;
}
.c-btn-cyan-light {
  background: #cffafe !important;
  color: #0891b2 !important;
}
.c-btn-cyan-light:hover {
  background: #a5f3fc !important;
}
.c-btn-rose {
  background: #ec4899 !important;
  color: #ffffff !important;
}
.c-btn-rose:hover {
  background: #db2777 !important;
}
.c-btn-rose-dark {
  background: #e11d48 !important;
  color: #ffffff !important;
}
.c-btn-rose-dark:hover {
  background: #be123c !important;
}
.c-btn-red {
  background: #ef4444 !important;
  color: #ffffff !important;
}
.c-btn-red:hover {
  background: #dc2626 !important;
}
.c-btn-red-light {
  background: #fee2e2 !important;
  color: #ef4444 !important;
}
.c-btn-red-light:hover {
  background: #fecaca !important;
}
.c-btn-indigo {
  background: #6366f1 !important;
  color: #ffffff !important;
}
.c-btn-indigo:hover {
  background: #4f46e5 !important;
}
.c-btn-indigo-light {
  background: #e0e7ff !important;
  color: #6366f1 !important;
}
.c-btn-indigo-light:hover {
  background: #c7d2fe !important;
}
.c-btn-amber-light {
  background: #fef3c7 !important;
  color: #f59e0b !important;
}
.c-btn-amber-light:hover {
  background: #fde68a !important;
}
.c-btn-transparent {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #f3f4f6 !important;
  border-radius: 7px !important;
}
.label.label-success {
  background: #dcfce7 !important;
  color: #16a34a !important;
  padding: 3px 10px 3px 10px;
  border-radius: 5px;
  font-size: 12px !important;
  letter-spacing: .05rem;
  border: 1px solid #86efac;
}
.label.label-danger {
  background: #fefce8 !important;
  color: #a16207 !important;
  padding: 3px 10px 3px 10px;
  border-radius: 5px;
  font-size: 12px !important;
  letter-spacing: .05rem;
  border: 1px solid #fef08a;
}

/* Pagination container */
.pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  padding-bottom: 8px;
}

/* Pagination links */
.pagination li {
  list-style: none;
  margin: 0 5px;
}

.pagination a {
  text-decoration: none;
  min-width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  color: #333 !important;
  transition: all .3s ease;
  font-size: 14px !important;
  padding: 0 10px 0 10px;
  font-weight: normal;
}

.pagination a:hover {
  background-color: #f3f4f6;
}

/* Active page */
.pagination li.active a {
  background-color: #6366f1;
  color: #fff !important;
  border: 1px solid #6366f1;
  box-shadow: 0px 2px 4px -1px rgba(99, 102, 241, 0.2), 0px 4px 5px 0px rgba(99, 102, 241, 0.14), 0px 1px 10px 0px rgba(99, 102, 241, 0.12) !important;
}

/* Disabled page */
.pagination li.disabled {
  opacity: 0.6;
  pointer-events: none;
}

/* Previous and Next buttons */
.pagination .prev,
.pagination .next {
  font-weight: bold;
}

/* Responsive layout */
@media (max-width: 768px) {
  .pagination {
    /* flex-direction: column;
    align-items: center; */
  }

  .pagination li {
    margin: 2px;
  }
}

.sidebar-input-wrapper input {
  padding-left: 16px;
  padding-right: 16px;
}
.ej-table .no-padd {
  padding: 0 !important;
}
.jodit-add-new-line_after{
	display: none !important;
}
.dataTables_filter label {
  display: flex;
  align-items: center;
}
.pagination-area .pagination {
  margin-top: 0;
}
.result-area .dataTables_info {
  font-size: 13px;
}
.dt-buttons {
  /* margin-top: 0.5rem */
}
@media only screen and (min-width: 768px) {
  .ecommerce-widget {
    min-width: 1400px;
  }
}

.alp-multiselect ul {
  padding-left: 10px !important;
}
.register-left-side * {
  transition: all 0.3s ease
}

.step {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.2;
  filter: grayscale(1);
  border: 2px solid #386a77;
  transition: all 0.3s ease;
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  transform: scale(0.8);
}
.step.active-step {
  opacity: 1;
  filter: grayscale(0);
  transform: scale(1);
}
.el-select-dropdown {
	z-index: 999999 !important;
}
.all-order-rows td {
  font-size: 0.75rem !important;
}
.cs-cursor-default {
  cursor : default !important;
}
.neo_fields .v-text-field--outlined.v-input--is-focused fieldset,
.neo_fields .v-text-field--outlined.v-input--has-state fieldset {
    border: 1px solid unset !important;
}

/*
.el-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: rgba(255,255,255,.9);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity .3s;
} */

.v-menu__content.menuable__content__active {
  z-index: 2147483647 !important;
}
div:where(.swal2-container) .swal2-html-container {
  font-size: 0.875rem !important;
}

.el-picker-panel__shortcut {
    font-size: 11px !important;
    transition: all .3s ease;
}
.el-picker-panel__sidebar {
  width: 123px !important;
}

@media screen and (max-width: 767px) {
  .el-date-range-picker.has-sidebar{
      width:100% !important;
  }
  .el-picker-panel__body{
      display: flex !important;
      flex-direction: column !important;
  }
  .el-picker-panel__sidebar {
      width: 120px !important;
  }
  .el-picker-panel__shortcut {
      font-size: 10px !important;
  }
  .el-picker-panel__content.el-date-range-picker__content.is-left,
  .el-picker-panel__content.el-date-range-picker__content.is-right {
    width: 50% !important;
  }
}

.swal2-popup.swal2-toast .swal2-title {
  margin-left: 0.2em!important;
}

.swal2-popup.swal2-toast .swal2-html-container {
  margin: .5em 0.3em!important;
}

.swal2-popup.swal2-toast .swal2-actions {
  padding-left: 0!important;
}

.swal2-popup.swal2-toast .swal2-styled {
  margin-left: 0.3em!important;
}

.animate-skeleton {
  animation: skeleton 2s ease-in-out infinite;
}

@keyframes skeleton {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
}
.m-view .new-task-block {
  height: calc(100vh - 122px);
}

.v-input.lightened-border:not(.primary--text) fieldset{
    border-color: rgb(220, 223, 230) !important;
}
.lang-active {
    right: 0;
    opacity: 1;
    z-index: 1;
}
.lang-btn {
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 9999px;
    transition: all .3s ease;
    z-index: -1;
    opacity: 0;
    right: 4px;
}
.lang-btn.active {
    right: 3px;
    z-index: 1;
    opacity: 1;
}
.lang-btn.show {
    right: 38px;
    z-index: 1;
    opacity: 1;
}
/* @media screen and (max-width: 767px) {
    .lang-btn {
        width: 22px;
        height: 22px;
        right: 4px;
    }
    .lang-btn.active {
        right: 3px;
    }
    .lang-btn.show {
        right: 32px;
    }
} */

/*-------------------------------- dark header ---------------------------------*/
.new-header-panel .switch-container {
	position: relative;
	height: 38px;
	border-radius: 7px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.new-header-panel .switch-container.light {
  background: none;
}
.new-header-panel .switch-container.dark {
  /* background: rgba(255, 255, 255, 0.1); */
}
/* .new-header-panel .switch-container.light {
  background: rgba(0, 0, 0, 0.1);
} */
/*-------------------------------------------*/
.new-header-panel .switch-container.three_tab {
	width: 300px;
}
.new-header-panel .switch-container.four_tabs {
	width: 400px;
}
/*-------------------------------------------*/
.new-header-panel .other-container {
	height: 38px;
	border-radius: 7px;
	box-sizing: border-box;
}
.new-header-panel .fin_gray {
	background: #f4f5f7;
}
.new-header-panel .handle,
.new-header-panel .handle1 {
	position: absolute;
	height: 30px;
	border-radius: 5px;
	transition: 0.5s;
	left: 0;
	z-index: 0;
	text-align: center;
}
.new-header-panel .switch-container.dark .handle,
.new-header-panel .switch-container.dark .handle1 {
    background: rgba(6, 182, 212, 0.5);
}
.new-header-panel .switch-container.light .handle,
.new-header-panel .switch-container.light .handle1 {
    background: #dbeafe;
}
/*-------------------------------------------*/
.new-header-panel .switch-container.two_tabs .handle,
.new-header-panel .switch-container.two_tabs .handle1{
    width: 50%;
}
.new-header-panel .switch-container.three_tabs .handle,
.new-header-panel .switch-container.three_tabs .handle1{
    width: 33.3333333333%;
}
.new-header-panel .switch-container.four_tabs .handle,
.new-header-panel .switch-container.four_tabs .handle1 {
    width: 25%;
}
.new-header-panel .switch-container.five_tabs .handle1 {
    width: 18%;
}
/*-------------------------------------------*/
.new-header-panel .opt {
	text-align: center;
	flex: 1 0 auto;
	font-size: 12px;
	font-family: sans-serif;
	transition: 0.3s;
	cursor: pointer;
	z-index: 1;
}
.new-header-panel .dark .opt {
	color: #ffffff;
}
.new-header-panel .light .opt {
	color: #1f2937;
}
/*-------------------------------------------*/
.new-header-panel .switch-container.two_tabs .opt {
	width: calc(50% - 6px);
}
.new-header-panel .switch-container.three_tabs .opt {
	width: calc(33.3333333333% - 6px);
}
.new-header-panel .switch-container.four_tabs .opt {
	width: 25%;
}
/*-------------------------------------------*/
.new-header-panel .new-pnl-btn {
	color: #e5e7eb !important;
}
.new-header-panel .dark .opt.activated {
	color: #ffffff;
	cursor: auto;
}
.new-header-panel .light .opt.activated {
	color: #2563eb;
	cursor: auto;
}
/*-------------------------------------------*/
.new-header-panel .switch-container.two_tabs .handle.one,
.new-header-panel .switch-container.two_tabs .handle1.one {
  left: 3px;
}
.new-header-panel .switch-container.two_tabs .handle.two,
.new-header-panel .switch-container.two_tabs .handle1.two {
	left: calc(50% - 4px);
}
.new-header-panel .switch-container.three_tabs .handle.one,
.new-header-panel .switch-container.three_tabs .handle1.one {
    left: 3px;
}
.new-header-panel .switch-container.three_tabs .handle.two,
.new-header-panel .switch-container.three_tabs .handle1.two {
	left: 33.3333333333%;
}
.new-header-panel .switch-container.three_tabs .handle.three,
.new-header-panel .switch-container.three_tabs .handle1.three {
  left: calc(66.6666666666% - 3px);
}
.new-header-panel .switch-container.four_tabs .handle.one,
.new-header-panel .switch-container.four_tabs .handle1.one {
    left: 4px;
}
.new-header-panel .switch-container.four_tabs .handle.two,
.new-header-panel .switch-container.four_tabs .handle1.two {
    left: 25%;
}
.new-header-panel .switch-container.four_tabs .handle.three,
.new-header-panel .switch-container.four_tabs .handle1.three {
    left: 50%;
}
.new-header-panel .switch-container.four_tabs .handle.four,
.new-header-panel .switch-container.four_tabs .handle1.four {
    left: calc(75% - 4px);
}
/* Styles for five tabs */
.new-header-panel .switch-container.five_tabs {
  width: 500px; /* Adjust container width to fit five equal tabs */
}



.new-header-panel .switch-container.five_tabs .handle.one,
.new-header-panel .switch-container.five_tabs .handle1.one {
  left: 1%; /* First tab */
}

.new-header-panel .switch-container.five_tabs .handle.two,
.new-header-panel .switch-container.five_tabs .handle1.two {
  left: 18%; /* Second tab */
}

.new-header-panel .switch-container.five_tabs .handle.three,
.new-header-panel .switch-container.five_tabs .handle1.three {
  left: 39%; /* Third tab */
}

.new-header-panel .switch-container.five_tabs .handle.four,
.new-header-panel .switch-container.five_tabs .handle1.four {
  left: 59%; /* Fourth tab */
}

.new-header-panel .switch-container.five_tabs .handle.five,
.new-header-panel .switch-container.five_tabs .handle1.five {
  left: 81%; /* Fifth tab */
}

/*-------------------------------------------*/
.new-header-panel hide {
	display: none;
}

.new-header-panel .order-select:focus {
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
}

.new-header-panel .btn-border {
	border: 2px solid #eeeeee;
}

.new-header-panel .el-input {
	border-color: unset !important;
}

.new-header-panel .prev-select .el-input__inner {
	height: unset;
	line-height: unset;
	outline: 0;
	padding: 0;
}

.new-header-panel .prev-select .el-input__icon {
	height: unset;
	line-height: 1;
}

.new-header-panel .el-input__inner {
	height: 45px;
	border-radius: 12px !important;
	border: 1px solid rgba(229, 231, 235, 0.7) !important;
}

.new-header-panel .preview .el-input__inner {
	border: none !important;
}

.new-header-panel .preview .el-select .el-input .el-select__caret {
	color: #000000;
}
.circle-progress-wrapper {
  width: 100px;
  height: 100px;
}

.circle-progress {
  position: relative;
}

.progressIndicator {
  transform: rotate(-90deg);
}

.progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  font-weight: bold;
  color: #34d399;
}
.ecommerce-widget{
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
}

.vehicleItems{
	min-width: 250px !important;
}
.cand-tabs .cd-tabs {
  /* background: #F4F5F7 !important; */
}
.cand-tabs .cd-tabs .cd-tabs-handler {
  background: #1c3f52
}
.cand-tabs .cd-tabs .cdth-text.font-bold {
  color: #F4F5F7
 }
.cand-tabs .cd-tabs .cdth-text {
  color: #2d2d2d
 }
.contract_dashboard .cd-tabs {
  background: rgba(255, 255, 255, 0.1);
}
.contract_dashboard .cd-tabs .cd-tabs-handler {
  background: rgba(6, 182, 212, 0.5);
}
.contract_dashboard .cd-tabs .cdth-text {
  color: #f3f4f6;
 }
.helix-form-group.dash-text input:not([type="checkbox"]):not([type="radio"]) {
  background: rgba(255, 255, 255, 0.1);
  border: none;
}
.new-sel-2 .select2-container--default .select2-selection--single {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  height: 38px !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  color: #71748d !important;
}
.new-sel-2 .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 38px;
}
.new-sel-2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 5px;
  right: 1px;
  width: 20px;
}
/*------------------------ Tabs ----------------------------*/
.ui-widget-header {
  border: none !important;
  background: none !important;
  color: #333333;
  font-weight: bold;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0 !important;
}

.ui-tabs-nav li.ns-tab{
  width: 25%;
  height: 40px;
}
.ui-tabs-nav li.ns-tab .ui-tabs-anchor {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 14px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: unset !important;
  padding-bottom: unset !important;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 0 !important;
  border: none !important;
  padding: 0;
  white-space: nowrap;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: none !important;
  background: none !important;
  font-weight: normal;
  color: #454545;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  font-weight: normal;
  color: unset !important;
}
.ui-tabs-nav {
  position: relative;
  z-index: 1;
  width: 800px;
}
.ui-tabs-nav::before {
  content: "";
  position: absolute;
  top: 0;
  width: 200px;
  height: 100%;
  background: #dbeafe;
  transition: all .3s ease;
  z-index: -1;
  border-radius: 5px;
  box-shadow:inset 0px 0px 0 1px #93c5fd;
}
.ui-tabs-nav:has(.ns-tab-0.ui-state-active)::before {
  left: 0;
}
.ui-tabs-nav:has(.ns-tab-1.ui-state-active)::before {
  left: 25%;
}
.ui-tabs-nav:has(.ns-tab-2.ui-state-active)::before {
  left: 50%;
}
.ui-tabs-nav:has(.ns-tab-3.ui-state-active)::before {
  left: 75%;
}

.ui-state-active a {
  color: #3b82f6 !important;
}

.account-tabs.ui-tabs .ui-tabs-panel {
  padding: 0 !important;
}
.angebot-sel .v-text-field.v-text-field--solo .v-input__control {
  min-height: 38px !important;
}
/*------------------------------- New checkbox ----------------------------------*/
.custom-check:not(:checked),
.custom-check:checked {
    position:absolute;
    left:-9999px;
}

.custom-check:not(:checked) + label,
.custom-check:checked + label{
    position:relative;
    padding-left:27px;
    cursor:pointer;
}

.custom-check:not(:checked) + label:before,
.custom-check:checked + label:before{
    content:'';
    position:absolute;
    left:0;
    height:17px;
    width:17px;
    border:1px solid rgba(0,0,0,0.3);
    border-radius:3px;
}

.custom-check:not(:checked) + label:after,
.custom-check:checked + label:after{
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    line-height: 1;
    color: #fff;
    background: #10b981;
    transition: all .2s;
    width: 17px;
    height: 17px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-check:not(:checked) + label:after{
    opacity:0;
}

.custom-check:checked + label:after{
    opacity:1;
}
/*----------------------------------------------*/
.monthly_spinner {
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - 25px);
	width: 50px;
	height: 50px;
	border: 2px solid #3b82f6;
	/* border: 2px solid rgba(169, 169, 169, 0.5); */
	border-top-color: #ffffff;
	border-radius: 30px;
	animation: spin 1s linear infinite;
}

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

/*----------------------------------------------*/



/*------------------ Bootstrap nav-tabs and stuff simulated codes----------------------------*/
.custom_data_fields .data_field .nav.nav-tabs {
  position: relative;
}

.custom_data_fields .data_field .nav-tabs .nav-link {
  color: #000;
  border: none;
  background: none;
}
.custom_data_fields .data_field .nav-tabs .nav-link.active {
  color: #2563eb;
  background: #dbeafe;
  border: none;
  border-radius: 7px;
}

.custom_data_fields .nav-tabs {
  list-style: none;
  padding: 0;
  margin: 0;
}

.custom_data_fields .nav-tabs .nav-item {
  display: inline-block;
  margin-bottom: -1px;
}

.custom_data_fields .nav-tabs .nav-link {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #949494;
  border: 1px solid transparent;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  transition: all .3s ease;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.custom_data_fields .nav-tabs .nav-link.active {
  /* background-color: #f8f9fa; */
  color: #333;
  border-color: #ddd #ddd #f8f9fa;
  position: relative;
}
.custom_data_fields .nav-tabs .nav-link.active::before {
  position: absolute;
  content: "";
  bottom: -.1rem;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #ffffff;
  z-index: 1;
}
.custom_data_fields .tab-content {
  display: none;
  opacity: 0;
  animation: fadeIn 1s ease 1 forwards;
  border: none;
  border-top: 0;
  padding: 0;
  max-height: unset;
}
.custom_data_fields .tab-content.inner-tab {
  border: 1px solid #ddd;
}
.custom_data_fields .tab-content.active {
  display: block;
}
.custom_data_fields .tab-pane.fade {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.custom_data_fields .tab-pane.fade.show {
  display: block;
  opacity: 1;
}
.modal-dialog.refac-modal {
  max-height: 80vh;
  overflow-y: scroll;
}
.modal-dialog.refac-modal {
  max-width: 500px;
}
@media screen and (max-width: 767px) {
  .el-message-box {
    width: 100% !important;
    max-width: 350px !important;
  }
}
@media screen and (min-width: 768px) {
  .el-message-box {
    width: 100% !important;
    max-width: 420px !important;
  }
}
.v-pagination__item.v-pagination__item--active.primary {
  background-color: #6366f1 !important;
  box-shadow: 0px 2px 4px -1px rgba(99, 102, 241, 0.2), 0px 4px 5px 0px rgba(99, 102, 241, 0.14), 0px 1px 10px 0px rgba(99, 102, 241, 0.12) !important;
}
.v-pagination__item,
.v-pagination__navigation {
  width: 30px !important;
  height: 30px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.v-pagination__navigation .v-icon {
  font-size: 22px !important;
}
.v-pagination__more {
  letter-spacing: 3px;
}