@charset 'UTF-8';/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 26, 2022 */



@font-face {
    font-family: 'gothamblack';
    src: url('/assets/gotham-black-webfont.woff2') format('woff2'),
         url('/assets/gotham-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 26, 2022 */



@font-face {
    font-family: 'gothambold';
    src: url('/assets/gotham-bold-webfont.woff2') format('woff2'),
         url('/assets/gotham-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 26, 2022 */



@font-face {
    font-family: 'gothambook';
    src: url('/assets/gotham-book-webfont.woff2') format('woff2'),
         url('/assets/gotham-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 26, 2022 */



@font-face {
    font-family: 'gothammedium';
    src: url('/assets/gotham-medium-webfont.woff2') format('woff2'),
         url('/assets/gotham-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 11, 2024 */



@font-face {
    font-family: 'spectralitalic';
    src: url('/assets/spectral-italic-webfont.woff2') format('woff2'),
         url('/assets/spectral-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'spectralbold';
    src: url('/assets/spectral-bold-webfont.woff2') format('woff2'),
         url('/assets/spectral-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'spectralregular';
    src: url('/assets/spectral-regular-webfont.woff2') format('woff2'),
         url('/assets/spectral-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'spectralbold_italic';
    src: url('/assets/spectral-bolditalic-webfont.woff2') format('woff2'),
         url('/assets/spectral-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'spectralsemibold_italic';
    src: url('/assets/spectral-semibolditalic-webfont.woff2') format('woff2'),
         url('/assets/spectral-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'spectralsemibold';
    src: url('/assets/spectral-semibold-webfont.woff2') format('woff2'),
         url('/assets/spectral-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'spectrallight';
    src: url('/assets/spectral-light-webfont.woff2') format('woff2'),
         url('/assets/spectral-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}@font-face {
    font-family: 'Calibri';
    src: url('/assets/Calibri.woff2') format('woff2'),
        url('/assets/Calibri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Luna';
    src: url('/assets/Luna.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 23, 2022 */



@font-face {
    font-family: 'bell_mtbold';
    src: url('/assets/bellb-webfont.woff2') format('woff2'),
         url('/assets/bellb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 23, 2022 */



@font-face {
    font-family: 'bellezaregular';
    src: url('/assets/belleza-regular-webfont.woff2') format('woff2'),
         url('/assets/belleza-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 23, 2022 */



@font-face {
    font-family: 'dancing_scriptbold';
    src: url('/assets/dancingscript-bold-webfont.woff2') format('woff2'),
         url('/assets/dancingscript-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 4, 2021 */



@font-face {
    font-family: 'optimaregular';
    src: url('/assets/optima-regular-01-webfont.woff2') format('woff2'),
         url('/assets/optima-regular-01-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 4, 2021 */



@font-face {
    font-family: 'silver_south_scriptregular';
    src: url('/assets/silver_south_script-webfont.woff2') format('woff2'),
         url('/assets/silver_south_script-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 5, 2021 */



@font-face {
    font-family: 'white_gardenregular';
    src: url('/assets/whitegarden-regular-webfont.woff2') format('woff2'),
         url('/assets/whitegarden-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 5, 2021 */



@font-face {
    font-family: 'white_garden_wideregular';
    src: url('/assets/whitegardenwide-regular-webfont.woff2') format('woff2'),
         url('/assets/whitegardenwide-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 5, 2021 */



@font-face {
    font-family: 'perpetua-titling-mt';
    src: url('/assets/PERTILI.TTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'perpetua-titling-mt';
    src: url('/assets/pertibd.ttf');
    font-weight: bold;
    font-style: normal;
}@font-face {
    font-family: 'Glacial Indifference';
    src: url('/assets/GlacialIndifference-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Glacial Indifference';
    src: url('/assets/GlacialIndifference-Bold.otf');
    font-weight: bold;
    font-style: normal;
}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 5, 2023 */



@font-face {
    font-family: 'basis_grotesque_probold';
    src: url('/assets/basisgrotesquepro-bold-webfont.woff2') format('woff2'),
         url('/assets/basisgrotesquepro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 5, 2023 */



@font-face {
    font-family: 'basis_grotesque_proregular';
    src: url('/assets/basisgrotesquepro-regular-webfont.woff2') format('woff2'),
         url('/assets/basisgrotesquepro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 23, 2023 */



@font-face {
    font-family: 'dm_sansitalic';
    src: url('/assets/dmsans-italic-webfont.woff2') format('woff2'),
         url('/assets/dmsans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 5, 2023 */



@font-face {
    font-family: 'dm_sansbold_italic';
    src: url('/assets/dmsans-bolditalic-webfont.woff2') format('woff2'),
         url('/assets/dmsans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 5, 2023 */



@font-face {
    font-family: 'dm_sansbold';
    src: url('/assets/dmsans-bold-webfont.woff2') format('woff2'),
         url('/assets/dmsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 23, 2023 */



@font-face {
    font-family: 'dm_sansmedium';
    src: url('/assets/dmsans-medium-webfont.woff2') format('woff2'),
         url('/assets/dmsans-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 6, 2023 */



@font-face {
    font-family: 'polyitalic';
    src: url('/assets/poly-italic-webfont.woff2') format('woff2'),
         url('/assets/poly-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 6, 2023 */



@font-face {
    font-family: 'polyregular';
    src: url('/assets/poly-regular-webfont.woff2') format('woff2'),
         url('/assets/poly-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 6, 2023 */



@font-face {
    font-family: 'roboto_condensedbold';
    src: url('/assets/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('/assets/robotocondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('/assets/robotocondensed-bolditalic-webfont.woff2') format('woff2'),
         url('/assets/robotocondensed-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('/assets/robotocondensed-italic-webfont.woff2') format('woff2'),
         url('/assets/robotocondensed-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedlight';
    src: url('/assets/robotocondensed-light-webfont.woff2') format('woff2'),
         url('/assets/robotocondensed-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('/assets/robotocondensed-lightitalic-webfont.woff2') format('woff2'),
         url('/assets/robotocondensed-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedregular';
    src: url('/assets/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('/assets/robotocondensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 11, 2024 */



@font-face {
    font-family: 'pontano_sansregular';
    src: url('/assets/pontanosans-regular-webfont.woff2') format('woff2'),
         url('/assets/pontanosans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}@font-face {
    font-family: 'Work Sans';
    src: url('/assets/WorkSans-Regular.woff2') format('woff2'),
        url('/assets/WorkSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/assets/Figtree-SemiBoldItalic.woff2') format('woff2'),
        url('/assets/Figtree-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/assets/Figtree-Regular.woff2') format('woff2'),
        url('/assets/Figtree-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/assets/Figtree-SemiBold.woff2') format('woff2'),
        url('/assets/Figtree-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Figtree';
    src: url('/assets/Figtree-Italic.woff2') format('woff2'),
        url('/assets/Figtree-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 9, 2025 */



@font-face {
    font-family: 'Gelica Italic';
    src: url('/assets/gelica_medium_italic-webfont.woff2') format('woff2'),
        url('/assets/gelica_medium_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Gelica Medium';
    src: url('/assets/gelica_medium-webfont.woff2') format('woff2'),
        url('/assets/gelica_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



















/* https://stackoverflow.com/questions/18901819/how-to-show-full-height-background-image */
/* https://css-tricks.com/perfect-full-page-background-image/ */
.landing {
  background-color: #eeebe2;
  /* height:100%; */
  height: 100vh;
  /* padding-left: 5%; */
  /* padding-right: 5%; */
  /* background-image: url('https://thewallpaper.co//wp-content/uploads/2016/10preview/goku-universal-hero-backgrounds-photo-hd-wallpapers-4k-amazing-desktop-wallpapers-mac-desktop-images-widescreen-1080p-digital-photos-1920x1080.jpg'); */
  /* background-image: url('../assets/img/AdobeStock_272829109_Preview2.png'); */
  /* background-image: url('../assets/img/AdobeStock_95578556_Preview_crop1.jpeg'); */
  /* background: url('../assets/img/AdobeStock_95578556_Preview_crop1.jpeg') left center; */
  /* background: url('../assets/img/landing/AdobeStock_95578556_crop1.jpeg') left center; */
  /* background: url('../assets/img/landing/employer/AdobeStock_95578556_crop1_resize1.jpeg') left center; */
  /* background: url('../assets/img/landing/hero.jpg') center center; */
  /* background-size: auto 100%; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  /* background-position: left top; */
}
@media (max-width: 768px) {
}

















/* https://stackoverflow.com/questions/18901819/how-to-show-full-height-background-image */
/* https://css-tricks.com/perfect-full-page-background-image/ */
.landing {
  background-color: #eeebe2;
  /* height:100%; */
  height: 100vh;
  /* padding-left: 5%; */
  /* padding-right: 5%; */
  /* background-image: url('https://thewallpaper.co//wp-content/uploads/2016/10preview/goku-universal-hero-backgrounds-photo-hd-wallpapers-4k-amazing-desktop-wallpapers-mac-desktop-images-widescreen-1080p-digital-photos-1920x1080.jpg'); */
  /* background-image: url('../assets/img/AdobeStock_272829109_Preview2.png'); */
  /* background-image: url('../assets/img/AdobeStock_95578556_Preview_crop1.jpeg'); */
  /* background: url('../assets/img/AdobeStock_95578556_Preview_crop1.jpeg') left center; */
  /* background: url('../assets/img/landing/AdobeStock_95578556_crop1.jpeg') left center; */
  /* background: url('../assets/img/landing/employer/AdobeStock_95578556_crop1_resize1.jpeg') left center; */
  /* background: url('../assets/img/landing/hero.jpg') center center; */
  /* background-size: auto 100%; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  /* background-position: left top; */
}
@media (max-width: 768px) {
}








































































































































































































































/* Bootstrap sign up form */
/* https://getbootstrap.com/docs/4.1/examples/sign-in/ - https://getbootstrap.com/docs/4.1/examples/sign-in/signin.css */
@media (min-width: 650px) {
.form-signin {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
}
.login-form {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  background-color: #f5f5f5;
}
.form-signin {
  width: 100%;
  max-width: 330px;
  /* min-width: 300px; */
  margin: 0 auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.password-toggler {
  font-size: 14px;
  cursor: pointer;
  padding: 5px;
  /* color: var(--corelightcolor) */
}
.form-signin h4 div,
.form-signin h4 span {
  text-align: center !important;
}

.password-heading[data-v-117f4224] {
  color: #1f4e78;
  font-weight: 600;
}
.input-full[data-v-117f4224] {
  display: flex;
  align-items: center;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 0 0.8rem;
}
.input-full .form-control[data-v-117f4224] {
  border: none;
  padding: 0;
}
.input-full .form-control[data-v-117f4224]:focus {
  box-shadow: none;
  outline: none;
}
.input-full .icons[data-v-117f4224] {
  position: relative;
  bottom: 12px;
  right: 25px;
}
.input-full .icons .eye-icon[data-v-117f4224] {
  width: 25px;
  opacity: 0.5;
  cursor: pointer;
  position: absolute;
}
@media (max-width: 450px) {
.button-container button[data-v-117f4224] {
    padding: 12px 5px !important;
    min-width: 90px;
}
}

.multiselect-container[data-v-dfccfdf8] {
  width: 100%;
}
.inline-container[data-v-dfccfdf8] {
  display: flex;
}
.inline-container > .item-selection[data-v-dfccfdf8] {
  flex-grow: 1;
  padding-right: 0.5em;
}
.inline-button[data-v-dfccfdf8] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  border-radius: 4px;
  cursor: pointer;
  border: none;
}
.clear-button[data-v-dfccfdf8] {
  margin-top: -0.3rem;
}
.select-all-button[data-v-dfccfdf8] {
  float: right;
  cursor: pointer;
}

.overlay-panel[data-v-18cf803b] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2);
  opacity: 1;
}
.overlay-panel-blur[data-v-18cf803b] {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  backdrop-filter: blur(6px);
  background-color: rgba(0, 0, 0, 0.3); /* optional dark tint */
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dialog-container[data-v-18cf803b] {
  position: fixed;
  z-index: 1;
  background: white;
  /* animation: anime 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; */
  border-radius: 4px;
  /* height: fit-content; */
  max-height: 100vh;
}
.in-embed .dialog-container[data-v-18cf803b] {
  animation: unset;
}
.closing-dialog[data-v-18cf803b] {
  animation: anime-close-data-v-18cf803b 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.dialog-content-container[data-v-18cf803b] {
  overflow: auto;
  max-height: 90vh;
  background-color: white;
}
.close-button-container[data-v-18cf803b] {
  z-index: 2;
  position: absolute;
}
.close-button-container > i[data-v-18cf803b] {
  font-size: 36px;
  cursor: pointer;
  color: var(--coredarkcolor);
}
.btn-bg-white[data-v-18cf803b] {
  background-color: white;
  height: 36px;
  border-radius: 50px;
}
@media (max-width: 768px) {
.dialog-container[data-v-18cf803b] {
    width: calc(100vw - 1em) !important;
    left: 0.5em !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    max-height: none !important;
}
.close-button-container[data-v-18cf803b] {
    right: 10px !important;
    z-index: 1000 !important;
    padding-top: 8px !important;
}
.close-button-container > i[data-v-18cf803b] {
    margin-right: 50px;
    font-size: 28px;
}
.dialog-content-container[data-v-18cf803b]:not(.hide-close-btn) {
    padding-top: 40px;
}
}
@media (min-width: 769px) {
.overlay-panel-right > .dialog-container.closing-dialog[data-v-18cf803b] {
    animation: anime-right-close-data-v-18cf803b 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.overlay-panel-right[data-v-18cf803b] {
    position: relative;
    height: 0;
}
.overlay-panel-right > .dialog-container[data-v-18cf803b] {
    top: 0 !important;
    height: 100vh !important;
    left: 15vw !important;
    width: calc(85vw - 16px) !important;
    box-shadow: -2px 0 8px #00000026;
    animation: anime-right-open-data-v-18cf803b 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.overlay-panel-right > .dialog-container > .dialog-content-container[data-v-18cf803b] {
    max-height: 100vh;
}
.overlay-panel-left[data-v-18cf803b] {
    position: relative;
    height: 0;
}
.overlay-panel-left > .dialog-container[data-v-18cf803b] {
    left: 0 !important;
    width: calc(50vw - 16px) !important;
    box-shadow: -2px 0 8px #00000026;
}
.overlay-panel-left > .dialog-container > .dialog-content-container[data-v-18cf803b] {
    max-height: 100vh;
}
}
@keyframes anime-data-v-18cf803b {
0% {
    width: 60px;
    height: 60px;
    left: 50%;
    top: 50%;
    background: #f8f8f8;
    box-shadow: 10px 10px 10px #cccccc, 10px 10px 10px #ffffff,
      0 0 0 #cccccc inset, 0 0 0 #ffffff inset;
    overflow: hidden;
}
100% {
    background: #fafafa;
    box-shadow: 40px 40px 40px #cccccc, 0 0 0 #ffffff, 0 0 0 #cccccc inset,
      2px 2px 2px #ffffff inset;
}
}
@keyframes anime-close-data-v-18cf803b {
0% {
    background: #fafafa;
    box-shadow: 40px 40px 40px #cccccc, 0 0 0 #ffffff, 0 0 0 #cccccc inset,
      2px 2px 2px #ffffff inset;
    overflow: hidden;
}
40% {
    height: 60px;
    top: 50%;
    background: #f8f8f8;
    box-shadow: 10px 10px 10px #cccccc, 10px 10px 10px #ffffff,
      0 0 0 #cccccc inset, 0 0 0 #ffffff inset;
    overflow: hidden;
}
100% {
    width: 60px;
    height: 60px;
    left: 50%;
    top: 50%;
    background: #f8f8f8;
    box-shadow: 10px 10px 10px #cccccc, 10px 10px 10px #ffffff,
      0 0 0 #cccccc inset, 0 0 0 #ffffff inset;
    overflow: hidden;
}
}
@keyframes anime-right-close-data-v-18cf803b {
0% {
    margin-left: 0px;
    overflow: hidden;
}
100% {
    margin-left: 85vw;
    overflow: hidden;
}
}
@keyframes anime-right-open-data-v-18cf803b {
0% {
    margin-left: 85vw;
    overflow: hidden;
}
100% {
    margin-left: 0;
    overflow: hidden;
}
}
.is_hidden[data-v-18cf803b] {
  visibility: hidden;
}
@media (max-width: 768px) {
  /* Scrollable content with extra padding so buttons aren’t cut off by keyboard */
.dialog-content-container[data-v-18cf803b] {
    max-height: calc(100vh - 100px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 80px !important;
}
}


.eh-feedback-feature > .d-flex[data-v-792b3d76]:first-child {
  justify-content: flex-end;
}

.preview-wrapper[data-v-05187a14] {
  position: relative;
  max-width: 100%;
  padding: 1.5rem;
}
.preview-header[data-v-05187a14] {
  margin: 0 0 1rem;
  text-align: center;
  font-size: 1.75rem;
  font-weight: 600;
}
.image-block[data-v-05187a14] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;         
  margin-bottom: 1.25rem;
}
.post-image[data-v-05187a14] {
  width: 100%;
  max-height: 320px;
  object-fit: contain;
  border-radius: 6px;
}
.dl-btn[data-v-05187a14] {               
  align-self: center;
}
.caption-wrapper[data-v-05187a14] { position: relative;
}
.caption-textarea[data-v-05187a14] {
  width: 100%;
  resize: vertical;
  border-radius: 10px;
  padding: 1rem 2.5rem 1rem 1rem;  
  font-size: 0.95rem;
}
.copy-icon[data-v-05187a14] {
  position: absolute;
  top: 10px;
  right: 12px;
  cursor: pointer;
  font-size: 20px;
  color: var(--coredarkcolor, #424242);
}
.caption-note[data-v-05187a14] {
  margin-top: 0.8rem;
  padding: 0.7rem 1rem;
  background: #fff8d8;      
  color: #8a6d00;
  border-radius: 6px;
  font-size: 0.85rem;
  line-height: 1.35;
}
.image-loader-wrapper[data-v-05187a14]{
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;min-height:320px;font-family:sans-serif;
}
.image-placeholder[data-v-05187a14]{
  position:relative;width:200px;height:200px;background:#eee;
  border-radius:12px;overflow:hidden;margin-bottom:16px;
}
.mountain-icon[data-v-05187a14]{position:absolute;top:50%;left:50%;width:64px;height:64px;
  transform:translate(-50%,-50%);opacity:.5;}
.shimmer[data-v-05187a14]{
  position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(to right,#eee 0%,#ddd 50%,#eee 100%);
  animation:shimmer-data-v-05187a14 1.5s infinite;
}
@keyframes shimmer-data-v-05187a14{0%{left:-100%;}100%{left:100%;}}
.loader-text[data-v-05187a14]{font-size:16px;color:#666;}
@media (max-width: 768px) {
.preview-wrapper[data-v-05187a14] { padding: 0.75rem;
}
.post-image[data-v-05187a14]      { max-height: 240px;
}
}

.file-upload-container[data-v-505e2307] {
  margin-bottom: 1em;
}
.file-upload-section[data-v-505e2307] {
  margin-top: 0;
  border: 2px dashed #dfdfdf;
  background: #e9ecef;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1em;
}
.file-upload-icon[data-v-505e2307] {
  font-size: 2em;
}
.file-upload-label[data-v-505e2307] {
  font-size: 1.3em;
  font-weight: 500;
  text-align: center;
}
.notice-label[data-v-505e2307] {
  text-align: center;
}
.file-label[data-v-505e2307] {
  font-weight: 600;
}
.image-preview-container[data-v-505e2307] {
  position: relative;
  text-align: center;
}
.image-preview[data-v-505e2307] {
  max-width: 100%;
  max-height: 225px;
}
.edit-image-button[data-v-505e2307] {
  position: absolute;
  right: 0;
  cursor: pointer;
  width: 27px;
  opacity: 0.8;
  z-index: 1000;
  background-color: white;
  border-radius: 50%;
  height: 27px;
  border: solid 1px grey;
  color: var(--profiletextcolor);
}
.delete-image-button[data-v-505e2307] {
  position: absolute;
  right: 0;
  top: 30px;
  cursor: pointer;
  width: 27px;
  opacity: 0.8;
  z-index: 1000;
  background-color: white;
  border-radius: 50%;
  height: 27px;
  border: solid 1px grey;
  color: red;
}
.btn-container[data-v-505e2307] {
  text-align: left;
}
.description[data-v-505e2307],
.admin-description[data-v-505e2307] {
  word-break: break-all;
}
.download-blank-template[data-v-505e2307] {
  position: absolute;
  right: 15px;
}

.input-dialog-container[data-v-2ef8f495] {
  text-align: left;
  line-height: 1.5;
}
.label-input-dialog[data-v-2ef8f495] {
  margin-top: 0;
}
.checkbox-element[data-v-2ef8f495] {
  margin-left: 20px;
  margin-top: 0.5em;
}
.color-picker-container[data-v-2ef8f495] {
  display: flex;
  align-items: center;
}
.color-picker-label > label[data-v-2ef8f495] {
  margin-top: 0;
  margin-bottom: 0;
}
.color-picker-label[data-v-2ef8f495] {
  flex-basis: 33em;
}
.description[data-v-2ef8f495] {
  font-size: 1.2em;
}
.fixed-btn-container[data-v-2ef8f495] {
  position: absolute;
  right: 67px;
  bottom: 34px;
}
.tab-container[data-v-2ef8f495] {
  margin-top: 10px;
}

.delete-button[data-v-1243957c] {
  position: absolute;
  right: 0;
  top: 0;
  background-color: white;
  border-radius: 50%;
  width: 27px;
  height: 27px;
}
.user-image-container[data-v-1243957c] {
  position: relative;
  width: 225px;
  background-color: #fff;
  height: 225px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-image-container .user-image[data-v-1243957c] {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
  width: 225px;
  height: 225px;
  object-fit: cover;
}
.user-image-container .middle[data-v-1243957c] {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50.1%);
  -ms-transform: translate(-50%, -50.1%);
  text-align: center;
  width: 225px;
  height: 225px;
  background-color: rgba(0, 0, 0, 0.76);
  border-radius: 100%;
  display: flex;
}
.profile-pic-action[data-v-1243957c] {
  display: flex;
  align-items: baseline;
  margin: auto;
}
.user-image-container:hover .image[data-v-1243957c] {
  opacity: 0.3;
}
.user-image-container:hover .middle[data-v-1243957c] {
  opacity: 1;
}
.delete-icon-2[data-v-1243957c] {
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.delete-icon-2 img[data-v-1243957c] {
  width: 80px;
}
.profile-pic-edit img[data-v-1243957c] {
  filter: brightness(0) invert(1);
}
.profile-pic-delete[data-v-1243957c] {
  width: 100%;
}
.header-image-container[data-v-1243957c] {
  text-align: center;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.profile-remark[data-v-1243957c] {
  position: absolute;
  color: var(--profiletextcolor);
  cursor: pointer;
}
.move-up-half-image .header-image-container[data-v-1243957c] {
  transform: translateY(-50%);
}
.web-profile-avatar img[data-v-1243957c] {
  max-width: 360px;
  max-height: 360px;
}
.template4-profile-avatar img.square-image[data-v-1243957c] {
  width: 100% !important;
  height: unset !important;
}
@media (max-width: 1280px) {
.web-profile-avatar img[data-v-1243957c] {
    max-width: calc(35vw - 150px);
}
}
@media (max-width: 992px) {
.web-profile-avatar img[data-v-1243957c] {
    max-width: 260px;
}
}
.mobile-profile-avatar img[data-v-1243957c] {
  max-width: 60vw;
}
.new-profile-avatar .user-image-container[data-v-1243957c] {
  max-width: 200px;
  max-height: 200px;
}
.new-profile-avatar .user-image[data-v-1243957c] {
  max-width: 200px;
  max-height: 200px;
}

.header-container[data-v-3b70c222] {
  display: flex;
  flex-wrap: wrap-reverse;
}
.header-info-container[data-v-3b70c222] {
  flex-grow: 2;
  text-align: center;
}
.header-info-container[data-v-3b70c222] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.other-info-containers[data-v-3b70c222] {
  display: flex;
  justify-content: center;
  margin: 0.2em;
}
.profile-picture-section[data-v-3b70c222] {
  width: 100%;
}
@media (min-width: 601px) {
.header-info-container[data-v-3b70c222] {
    flex-basis: calc(100% - 250px);
}
}

.edit-button[data-v-1407bc16] {
  right: unset;
  z-index: 0;
}
.edit-button > i[data-v-1407bc16] {
  border: solid 2px #141a1d;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: #141a1d;
  background-color: white;
}
.text-container[data-v-1407bc16] {
  font-size: 16px;
  font-family: "Open Sans";
}

.section-template-container[data-v-1f0f6e40] {
  position: relative;
  padding: 0.5em;
  text-align: left;
}
.about-me-section .section-template-container[data-v-1f0f6e40] {
  position: relative;
  padding: 0.5em;
  text-align: center;
}
.edit-button[data-v-1f0f6e40] {
  right: 0;
  top: 0;
  z-index: 0;
}
.edit-button > i[data-v-1f0f6e40] {
  border: solid 2px #141a1d;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: #141a1d;
  background-color: white;
}
.display-content[data-v-1f0f6e40] {
  white-space: pre-wrap;
}
.template4-name .display-content[data-v-1f0f6e40] {
  padding: 0px 30px;
}

.edit-button[data-v-05f1d000] {
  right: 0;
  top: 0;
  z-index: 0;
  width: 30px;
}
.edit-button > i[data-v-05f1d000] {
  border: solid 2px #141a1d;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: #141a1d;
  background-color: white;
}
.image-template-container[data-v-05f1d000] {
  font-size: 16px;
  font-family: "Open Sans";
}
.template4-logo .view-image[data-v-05f1d000] {
  width: 100% !important;
}
.move-up-half-image .image-container[data-v-05f1d000] {
  transform: translateY(-50%);
}
.move-up-half-image .view-image[data-v-05f1d000] {
  transform: translateY(-50%);
}
.web-profile-avatar img[data-v-05f1d000] {
  max-width: 380px;
  max-height: 380px;
}
.new-profile-avatar img[data-v-05f1d000] {
  max-width: 200px;
  max-height: 200px;
}
.profile-avatar img[data-v-05f1d000] {
  max-width: 380px;
  max-height: 380px;
}
.delete-button[data-v-05f1d000] {
  position: absolute;
  top: 31px;
  right: 0;
}
.template4-profile-avatar img[data-v-05f1d000] {
  max-width: 100%;
}
.delete-button > i[data-v-05f1d000] {
  border: solid 2px rgb(146, 5, 5);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: rgb(146, 5, 5);
  background-color: white;
}
@media (max-width: 1280px) {
.web-profile-avatar img[data-v-05f1d000] {
    max-width: calc(35vw - 120px);
}
.template4-logo .view-image[data-v-05f1d000] {
    width: 100% !important;
    max-width: 200px;
}
}
@media (max-width: 992px) {
.web-profile-avatar img[data-v-05f1d000] {
    max-width: 260px;
}
}
.is-crown-image .image-template-container[data-v-05f1d000] {
  position: relative;
  width: max-content;
  margin: 0px auto;
}
@media (max-width: 768px) {
.profile-top-image.is-crown-image .image-template-container img[data-v-05f1d000] {
    max-height: 230px !important;
}
}

.edit-button[data-v-03e27670] {
  right: unset;
  z-index: 1;
}
.edit-button > i[data-v-03e27670] {
  border: solid 2px #141a1d;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: #141a1d;
  background-color: white;
}
.change-color-container[data-v-03e27670] {
  font-size: 16px;
  font-family: "Open Sans";
  position: absolute;
  bottom: 31px;
  right: 31px;
}
.template-10.change-color-container[data-v-03e27670] {
    top: 30px;
    right: auto;
    left: 0px;
}

.template-container[data-v-7bd0c186] {
  position: relative;
  overflow: hidden;
}
.top[data-v-7bd0c186] {
  position: absolute;
  height: 400px;
  width: 100%;
}
.body-container[data-v-7bd0c186] {
  display: flex;
  flex-direction: row-reverse;
}
.left[data-v-7bd0c186] {
  flex: 40% 0 0;
  z-index: 1;
  margin-top: 250px;
  position: relative;
}
.right[data-v-7bd0c186] {
  flex: 60% 0 0;
  margin-top: 400px;
}
.logo[data-v-7bd0c186] {
  position: absolute;
  top: 20px;
  right: 20px;
}
.nanny-name-container[data-v-7bd0c186] {
  margin-top: 160px;
  text-align: center;
  margin-left: 30%;
}
.nanny-type-container[data-v-7bd0c186] {
  position: absolute;
  bottom: 40px;
  width: 65%;
  margin-left: 35%;
  text-align: center;
  font-size: 40px;
  line-height: 1em;
}
.profile-avatar[data-v-7bd0c186] {
  text-align: center;
}
.web-profile-avatar[data-v-7bd0c186] {
  position: absolute;
  margin: auto;
  width: 100%;
  text-align: center;
}
.section-header[data-v-7bd0c186] {
  position: relative;
  text-align: center;
  text-transform: uppercase;
  padding: 0.25em;
  font-size: 40px;
}
.section-body[data-v-7bd0c186] {
  text-align: center;
  white-space: pre-wrap;
}
.section-body[data-v-7bd0c186] {
  padding: 0.25em;
  padding-bottom: 1em;
  background-color: white;
  line-height: 1em;
}
.section-body > ul[data-v-7bd0c186] {
  text-align: left;
  line-height: 1em;
}
.left-content[data-v-7bd0c186] {
  margin: 2em;
}
.left-content.has-avatar[data-v-7bd0c186] {
  margin-top: 200px;
}
.logo-image-2[data-v-7bd0c186] {
  position: absolute;
  z-index: 10;
}
@media (max-width: 1280px) {
.nanny-name-container[data-v-7bd0c186] {
    margin-top: 110px;
    text-align: center;
    margin-left: 40%;
}
.nanny-type-container[data-v-7bd0c186] {
    bottom: 10px;
    width: 60%;
    margin-left: 40%;
}
}
@media (max-width: 768px) {
.top[data-v-7bd0c186] {
    position: relative;
    height: unset;
}
.logo[data-v-7bd0c186] {
    position: relative;
    top: unset;
    right: unset;
    max-width: 90px;
}
.body-container[data-v-7bd0c186] {
    display: block;
}
.right[data-v-7bd0c186] {
    margin-top: unset;
}
.nanny-name-container[data-v-7bd0c186] {
    margin-left: unset;
    margin-top: unset;
    padding-bottom: 30px;
    width: 100%;
    height: 150%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nanny-type-container[data-v-7bd0c186] {
    width: 100%;
    margin-left: unset;
    height: 30%
}
.left[data-v-7bd0c186] {
    margin-top: 0;
}
.left-content.has-avatar[data-v-7bd0c186] {
    margin-top: 0;
}
}
.change-password-container[data-v-7bd0c186] {
  text-align: center;
}

.template-container[data-v-6b571ffb] {
  position: relative;
  overflow: hidden;
}
.top-section[data-v-6b571ffb] {
  display: flex;
  overflow-wrap: anywhere;
  border-bottom: solid 1px #949d96;
}
.top-left-section[data-v-6b571ffb] {
  flex-grow: 1;
  padding-bottom: 1em;
}
.top-right-section[data-v-6b571ffb] {
  flex-basis: 3em;
  flex-shrink: 0;
  border-left: solid 1px #949d96;
}
.bottom-section[data-v-6b571ffb] {
  display: flex;
}
.bottom-left-section[data-v-6b571ffb] {
  flex-grow: 1;
  text-align: right;
  position: relative;
}
.bottom-right-section[data-v-6b571ffb] {
  flex-basis: 3em;
  flex-shrink: 0;
  border-left: solid 1px #949d96;
}
.change-password-container[data-v-6b571ffb] {
  text-align: center;
}
.logo-image-2[data-v-6b571ffb] {
  position: absolute;
}
.nanny-name-container[data-v-6b571ffb] {
  text-align: left;
  margin-top: 2em;
  margin-right: 10%;
  margin-left: 15%;
}
.section-body[data-v-6b571ffb] {
  display: flex;
}
.right-side[data-v-6b571ffb] {
  flex-grow: 2;
  position: relative;
  padding: 0 1em;
}
.left-side[data-v-6b571ffb] {
  position: relative;
  flex-grow: 1;
  text-align: center;
}
@media (max-width: 768px) {
.nanny-name-container[data-v-6b571ffb] {
    margin-right: 0;
}
.top-right-section[data-v-6b571ffb] {
    display: none;
}
.bottom-right-section[data-v-6b571ffb] {
    display: none;
}
.section-body[data-v-6b571ffb] {
    flex-wrap: wrap;
}
}

.template-container[data-v-f63213f2] {
  position: relative;
  display: flex;
  overflow: hidden;
}
.left-side[data-v-f63213f2] {
  width: 25%;
  position: relative;
}
.right-side[data-v-f63213f2] {
  width: 75%;
  padding-top: 1.5em;
}
.left-content[data-v-f63213f2] {
  position: relative;
}
.left-content[data-v-f63213f2]:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 60px 60px 0;
  border-color: transparent white transparent transparent;
  right: 0;
  top: 0;
  position: absolute;
}
.logo-image[data-v-f63213f2] {
  padding: 2em;
}
.logo[data-v-f63213f2] {
  position: relative;
  text-align: center;
}
.change-password-container[data-v-f63213f2] {
  text-align: center;
}
.nanny-name-container[data-v-f63213f2] {
  text-align: center;
  margin-bottom: 2em;
}
@media (max-width: 1280px) {
.template-container[data-v-f63213f2] {
    display: block;
}
.left-side[data-v-f63213f2] {
    width: unset;
}
}

.edit-button[data-v-05d4d198] {
  right: unset;
  z-index: 0;
}
.edit-button > i[data-v-05d4d198] {
  border: solid 2px #141a1d;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: #141a1d;
  background-color: white;
}
.change-url-container[data-v-05d4d198] {
  z-index: 1;
  font-size: 16px;
  font-family: "Open Sans";
  position: absolute;
  top: 0px;
  left: 0px;
}

.template-container[data-v-36f1c818] {
  position: relative;
  overflow: hidden;
  background-size: cover;
}
.top-section[data-v-36f1c818],
.bottom-section[data-v-36f1c818] {
  position: relative;
}
.top-container[data-v-36f1c818] {
  display: flex;
  align-items: center;
}
.top-info[data-v-36f1c818] {
  flex-grow: 1;
  margin-top: 5em;
  margin-bottom: 5em;
}
.avatar-container[data-v-36f1c818] {
  flex-basis: 300px;
  flex-shrink: 0;
  margin-left: -50px;
}
.bottom-container[data-v-36f1c818] {
  display: flex;
}
.left-side[data-v-36f1c818] {
  flex-grow: 1;
  flex-basis: calc(50% - 1px);
}
.right-side[data-v-36f1c818] {
  flex-grow: 1;
  flex-basis: calc(50% - 1px);
}
.separator-line[data-v-36f1c818] {
  flex-basis: 2px;
  background-color: #c69780;
}
.change-password-container[data-v-36f1c818] {
  text-align: center;
}
@media (max-width: 768px) {
.bottom-container[data-v-36f1c818] {
    display: block;
}
.separator-line[data-v-36f1c818] {
    display: none;
}
.top-container[data-v-36f1c818] {
    display: block;
}
.top-info[data-v-36f1c818] {
    margin-top: 0;
    margin-bottom: 0;
}
.avatar-container[data-v-36f1c818] {
    margin-left: 0;
}
}

.template-container[data-v-099b1cfa] {
  position: relative;
  display: flex;
  overflow: hidden;
}
.left-side[data-v-099b1cfa] {
  flex-basis: 30%;
  position: relative;
}
.left-content[data-v-099b1cfa] {
  position: relative;
}
.right-side[data-v-099b1cfa] {
  flex-basis: 70%;
  padding-top: 1.5em;
  padding-left: 1em;
  padding-right: 1em;
}
.logo-image[data-v-099b1cfa] {
  padding: 2em;
  text-align: center;
}
.logo-image.padding-1[data-v-099b1cfa] {
  padding: 1em;
}
.logo[data-v-099b1cfa] {
  position: relative;
  text-align: right;
}
.change-password-container[data-v-099b1cfa] {
  text-align: center;
}
.nanny-name-container[data-v-099b1cfa] {
  text-align: center;
  margin-bottom: 2em;
  padding: 0 1.5em;
}
@media (max-width: 768px) {
.template-container[data-v-099b1cfa] {
    display: block;
}
}
.slogan-container[data-v-099b1cfa] {
  position: relative;
  text-align: right;
}

.gallery-container[data-v-858ce56c] {
  text-align: center;
  width: 100%;
  position: relative;
}
.delete-photo[data-v-858ce56c] {
  position: absolute;
  top: 0;
  right: 1em;
}
.gallery-header[data-v-858ce56c] {
  display: block;
}
.gallery-header h3[data-v-858ce56c] {
  margin-bottom: 10px;
  text-transform: none;
  font-size: 1.5rem;
  color: var(--coredarkcolor);
  text-transform: var(--headingThreeCase) !important;
}
.gallery-header hr[data-v-858ce56c] {
  margin: 10px 0;
}
.gallery-header .section-header[data-v-858ce56c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gallery-header .description[data-v-858ce56c] {
  margin-top: 10px;
  line-height: 1.5;
}

/* Custom gallery styling */
.custom-gallery[data-v-858ce56c] {
  width: 100%;
}
.main-media-container[data-v-858ce56c] {
  width: 100%;
  margin-bottom: 15px;
  overflow: hidden;
}
.main-media[data-v-858ce56c] {
  width: 100%;
  max-height: 400px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
.media-caption[data-v-858ce56c] {
  text-align: center;
  padding: 10px;
  font-weight: bold;
}
.thumbnail-container[data-v-858ce56c] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.thumbnail[data-v-858ce56c] {
  width: 80px;
  height: 80px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.thumbnail.active[data-v-858ce56c] {
  border-color: #3498db;
}
.thumbnail img[data-v-858ce56c] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-thumbnail[data-v-858ce56c] {
  background-color: #f0f0f0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.video-thumbnail i[data-v-858ce56c] {
  font-size: 24px;
  color: #e74c3c;
}
.video-thumbnail span[data-v-858ce56c] {
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90%;
  margin-top: 5px;
}

.template-container[data-v-102f9d2a] {
  position: relative;
  overflow: hidden;
}
.top-section[data-v-102f9d2a],
.bottom-section[data-v-102f9d2a] {
  display: flex;
  flex-wrap: wrap;
}
.top-left[data-v-102f9d2a] {
  flex-basis: 40%;
  position: relative;
}
.top-right[data-v-102f9d2a] {
  flex-basis: 60%;
  position: relative;
}
.bottom-left[data-v-102f9d2a] {
  flex-basis: 50%;
  position: relative;
}
.bottom-right[data-v-102f9d2a] {
  flex-basis: 50%;
  position: relative;
}
.change-password-container[data-v-102f9d2a] {
  text-align: center;
}
@media (max-width: 768px) {
}

.template-container[data-v-476a0937] {
  position: relative;
  overflow: hidden;
}

.section-template-container[data-v-721f0620] {
  position: relative;
  padding: 0.5em;
  text-align: left;
}
.edit-button[data-v-721f0620] {
  right: 0;
  top: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.edit-button > i[data-v-721f0620] {
  border: solid 2px #141a1d;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: #141a1d;
  background-color: white;
}


.template-container[data-v-c49c9522] {
  position: relative;
  overflow: hidden;
}
.separator-bar[data-v-c49c9522] {
  display: flex;
  justify-content: right;
  align-items: center;
  position: relative;
  padding-left: 4px;
  padding-right: 4px;
}
.top-section[data-v-c49c9522] {
  min-height: 150px;
}
.top-left[data-v-c49c9522] {
  position: relative;
}
@media (min-width: 480px) {
.profile-image[data-v-c49c9522] {
    position: absolute;
    bottom: -60px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 180px;
    z-index: 2;
}
}
.top-right[data-v-c49c9522] {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
.profile-image[data-v-c49c9522] {
    position: relative;
    padding: 15px;
    bottom: unset;
}
}
@media (min-width: 992px) {
.profile-text-container[data-v-c49c9522] {
    max-width: 66.66%;
}
.profile-image[data-v-c49c9522] {
    position: absolute;
    top: 40px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 180px;
    z-index: 2;
}
}
.separator-bar-adjust-height[data-v-c49c9522] {
  position: absolute;
  left: 10px;
  top: -30px;
}

.template-container[data-v-6bc5511d] {
  position: relative;
  overflow: hidden;
}
.cover-image-section[data-v-6bc5511d] {
  position: relative;
  height: 420px;
  width: 100%;
  background-size: cover !important;
  background-position: center center !important;
}
.nanny-name-container[data-v-6bc5511d] {
  margin-top: 160px;
  text-align: center;
}
.about-me-section[data-v-6bc5511d] {
  position: relative;
  width: 70%;
  margin: auto;
  margin-top: 30px;
}
.new-profile-avatar[data-v-6bc5511d] {
  position: absolute;
  top: 150px;
  width: 200px;
  height: 200px;
  margin: auto;
  text-align: center;
  position: relative;
}
.section-header[data-v-6bc5511d] {
  position: relative;
  text-align: center;
  text-transform: uppercase;
  padding: 0.25em;
  font-size: 40px;
}
.section-body[data-v-6bc5511d] {
  text-align: center;
  white-space: pre-wrap;
}
.section-body[data-v-6bc5511d] {
  padding: 0.25em;
  padding-bottom: 1em;
  line-height: 1em;
}
.section-body > ul[data-v-6bc5511d] {
  text-align: left;
  line-height: 1em;
}
.profile-top-image.is-crown-image[data-v-6bc5511d] {
  position: absolute;
  top: 5px;
  width: 100%;
}
.detail-info-section[data-v-6bc5511d] {
  margin-top: -30px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px
}
@media (max-width: 768px) {
.detail-info-section[data-v-6bc5511d] {
    flex-direction: column;
}
}
.change-password-container[data-v-6bc5511d] {
  text-align: center;
}

.template-container[data-v-094568ea] {
  position: relative;
  overflow: hidden;
}
.separator-bar[data-v-094568ea] {
  display: flex;
  justify-content: right;
  align-items: center;
  position: relative;
  padding-left: 4px;
  padding-right: 4px;
}
.top-section[data-v-094568ea] {
  min-height: 150px;
}
.top-left[data-v-094568ea] {
  position: relative;
}
.profile-image[data-v-094568ea] {
  margin-left: auto;
  margin-right: auto;
  width: 180px;
  z-index: 2;
}
.profile-image[data-v-094568ea]:not(.profile-picture-hidden) {
  margin-top: 3em;
  margin-bottom: 3em;
}
.top-right[data-v-094568ea] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.large-screen[data-v-094568ea] {
  display: none;
}
.small-screen[data-v-094568ea] {
  display: block;
}
@media (max-width: 992px) {
.profile-image[data-v-094568ea] {
    position: relative;
    padding: 15px;
    bottom: unset;
}
}
@media (min-width: 992px) {
.profile-text-container[data-v-094568ea] {
    max-width: 66.66%;
}
.large-screen[data-v-094568ea] {
    display: block;
}
.small-screen[data-v-094568ea] {
    display: none;
}
}

.template-container[data-v-0b399c5c] {
  position: relative;
  overflow: hidden;
  min-height: 200px;
}

.template-container[data-v-09df7ab8] {
  position: relative;
  overflow: hidden;
  min-height: 200px;
}

.template-container[data-v-2c9e96c5] {
  position: relative;
  overflow: hidden;
  min-height: 200px;
}

.template-container[data-v-e7cda0a8] {
  position: relative;
  overflow: hidden;
  background-size: cover;
}
@media (max-width: 768px) {
}

.mic-icon[data-v-0c2b9180] {
  cursor: pointer;
}
.mic-recording[data-v-0c2b9180] {
  color: red;
}

.format-block-btns[data-v-55038572] {
  display: flex;
  position: relative;
}
.format-block-expansion[data-v-55038572] {
  position: absolute;
  top: 30px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: white;
  z-index: 100;
  max-height: 20em;
  overflow: auto;
}
.format-block-expansion > ul[data-v-55038572] {
  list-style: none;
  padding: 0;
}
.format-block-expansion li[data-v-55038572] {
  padding: 0.25em 0.5em;
  cursor: pointer;
}
.format-block-expansion button[data-v-55038572] {
  border: none;
  background-color: transparent;
  width: 100%;
  height: 100%;
  white-space: nowrap;
}
.button[data-v-55038572] {
  padding: 0;
  height: 30px;
  background-color: var(--bootstrapgrey);
  color: var(--coredarkcolor);
  border: none;
  white-space: nowrap;
}
.button > i[data-v-55038572] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.format-block-btns > .button[data-v-55038572] {
  overflow: hidden;
}
.main-button[data-v-55038572] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.dropdown-btn[data-v-55038572] {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
@media (max-width: 768px) {
.button[data-v-55038572] {
    height: 22px !important;
    font-size: 12px;
    max-width: 5em;
}
.dropdown-btn[data-v-55038572] {
    height: 22px !important;
}
.dropdown-btn i[data-v-55038572] {
    font-size: 18px;
}
div.format-block-btns[data-v-55038572] {
    margin-right: 0.2em;
    margin-top: 0.12em;
    margin-bottom: 0.12em;
}
}
.vue-swatches__check__wrapper{position:absolute;width:100%;height:100%}.vue-swatches__check__circle{width:21px;height:21px;border-radius:50%;background-color:rgba(0,0,0,.15)}.vue-swatches__check__path{fill:#fff}.vue-swatches__swatch{position:relative;display:inline-block;font-size:0}.vue-swatches__swatch:focus,.vue-swatches__swatch:hover{opacity:.9;box-shadow:inset 0 0 2px rgba(0,0,0,.75);outline:none}.vue-swatches__swatch.vue-swatches__swatch--border,.vue-swatches__swatch.vue-swatches__swatch--selected{box-shadow:inset 0 0 2px rgba(0,0,0,.75)}.vue-swatches__swatch__label{position:absolute;left:0;right:0;color:#666;font-size:10px;font-weight:700;text-align:center}.vue-swatches__swatch .vue-swatches__diagonal__wrapper{position:absolute}fieldset[disabled] .vue-swatches{pointer-events:none}.vue-swatches{position:relative;display:inline-block;outline:none}.vue-swatches__trigger__wrapper{display:inline-block;cursor:pointer}.vue-swatches__trigger.vue-swatches--is-empty{border:2px solid #ccc}.vue-swatches__trigger.vue-swatches--is-disabled{cursor:not-allowed}.vue-swatches__container{box-sizing:content-box}.vue-swatches__container.vue-swatches--inline{font-size:0}.vue-swatches__container:not(.vue-swatches--inline){position:absolute;display:block;overflow:auto;border-radius:5px;box-shadow:0 2px 3px rgba(10,10,10,.2),0 0 0 1px rgba(10,10,10,.2);z-index:50}.vue-swatches__wrapper{background-color:inherit;box-sizing:content-box}.vue-swatches__row{font-size:0}.vue-swatches__fallback__wrapper{display:table}.vue-swatches__fallback__input--wrapper{display:table-cell;padding-right:10px;width:100%;font-size:14px}.vue-swatches__fallback__input{width:100%;padding-top:6px;padding-bottom:6px;border-radius:5px;border:1px solid #dcdcdc;color:#35495e;background:#fff}.vue-swatches__fallback__button{display:table-cell;padding:6px 15px;border:0;cursor:pointer;font-weight:700;color:#fff;background-color:#3571c8;border-radius:5px}.vue-swatches-show-hide-enter-active,.vue-swatches-show-hide-leave-active{transition:all .3s ease}.vue-swatches-show-hide-enter,.vue-swatches-show-hide-leave-active{opacity:0}.vue-swatches--has-children-centered{display:flex;align-items:center;justify-content:center}.vue-swatches__diagonal__wrapper{width:100%;height:100%}.vue-swatches__diagonal{width:75%;height:75%;background:linear-gradient(to top right,transparent 0,transparent calc(50% - 2.4px),#de080a 50%,transparent calc(50% + 2.4px),transparent)}
.button-containers[data-v-09867393] {
  display: flex;
  flex-wrap: wrap;
  position: sticky;
  top: 0;
  z-index: 1;
}
.button[data-v-09867393] {
  padding: 0;
  height: 30px;
  width: 30px;
  background-color: var(--bootstrapgrey);
  color: var(--coredarkcolor);
  border: none;
  margin-right: 0.5em;
  outline: none;
}
.button-text[data-v-09867393] {
  padding: 0 1em;
  height: 30px;
  background-color: var(--bootstrapgrey);
  color: var(--coredarkcolor);
  border: none;
  margin-right: 0.5em;
  outline: none;
  cursor: pointer;
}
.button > i[data-v-09867393] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.button.active[data-v-09867393] {
  background-color: #1f4e78;
  color: white;
}
.format-block-btn[data-v-09867393],
.format-font-btn[data-v-09867393] {
  margin-right: 0.5em;
}
.content-editable-container[data-v-09867393] {
  position: relative;
  /* height: 20em; */
  border: 1px solid #ced4d9;
  border-radius: 4px;
  outline: none;
  margin-top: 2px;
  margin-bottom: 2px;
}
.content-editable[data-v-09867393] {
  width: 100%;
  height: 50em;
  outline: none;
  padding: 8px 4px;
  overflow: auto;
  resize: vertical;
  background-color: white;
}
.mail-container > .content-editable[data-v-09867393] {
  font-family: Arial;
}
.item-selector[data-v-09867393] {
  position: absolute;
  border: 2px solid #409eff;
  z-index: -1;
}
.resize-item-container[data-v-09867393] {
  position: absolute;
  visibility: hidden;
}
.resize-item-container > div[data-v-09867393] {
  background-color: #409efb;
  border: 1px solid #fff;
  border-radius: 2px;
  width: 12px;
  height: 12px;
  visibility: visible;
  z-index: 100;
  position: absolute;
}
.resize-top-left[data-v-09867393] {
  top: 0px;
  left: 0px;
  cursor: nw-resize;
}
.resize-top-right[data-v-09867393] {
  top: 0px;
  right: 0px;
  cursor: ne-resize;
}
.resize-bottom-left[data-v-09867393] {
  bottom: 0px;
  left: 0px;
  cursor: sw-resize;
}
.resize-bottom-right[data-v-09867393] {
  bottom: 0px;
  right: 0px;
  cursor: se-resize;
}
.insert-div-icon[data-v-09867393] {
  width: 20px;
  height: 15px;
  margin-left: 5px;
  border: solid 2px;
}
[contenteditable="true"][data-v-09867393]:empty:before {
  content: attr(placeholder);
  pointer-events: none;
  display: block; /* For Firefox */
  white-space: pre-line;
  opacity: 0.6;
  font-style: italic;
}
.ai-input[data-v-09867393] {
  position: absolute;
  right: 1.8em;
  bottom: 0.8em;
}
.hide-public-view[data-v-09867393] {
  opacity: 0.3;
}
@media (max-width: 768px) {
.button-containers[data-v-09867393] {
    position: unset;
}
.button-containers .button > i[data-v-09867393] {
    font-size: 18px;
}
.button-containers .button[data-v-09867393] {
    margin: 0.12em;
    width: 22px;
    height: 22px;
}
}
.speech-input[data-v-09867393] {
  position: absolute;
  right: 0;
  bottom: 0.8em;
}

.description[data-v-00a477c0] {
  font-size: 80%;
  font-weight: 400;
}
.space-top[data-v-00a477c0] {
  margin-top: 1em;
}
.tab-label label.display-flex[data-v-00a477c0] {
  margin-top: 0px !important;
}
.tab-label[data-v-00a477c0] {
  margin-bottom: 0px !important;
}
.speech-input[data-v-00a477c0] {
  position: absolute;
  right: 0;
  bottom: 0;
}
.input-text[data-v-00a477c0] {
  padding-right: 1.3em;
}

.setting-container[data-v-0aab9c68] {
  display: inline-block;
  display: flex;
  align-items: center;
}
.settings-icon[data-v-0aab9c68] {
  cursor: pointer;
  color: var(--coredarkcolor);
}
.light-color .settings-icon[data-v-0aab9c68] {
  color: var(--corelightcolor);
}
.settings-icon.small[data-v-0aab9c68] {
  font-size: 18px;
}
th .setting-container[data-v-0aab9c68] {
  font-weight: normal;
  color: var(--profiletextcolor);
}
th .setting-container .settings-icon[data-v-0aab9c68] {
  color: var(--corelightcolor);
}
.setting-btn[data-v-0aab9c68] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border: none;
  border-radius: 5px;
  padding: 2px 10px;
}
.setting-btn .settings-icon[data-v-0aab9c68] {
  color: var(--corelightcolor);
}
@media (max-width: 768px) {
.settings-icon[data-v-0aab9c68] {
    font-size: 18px;
}
}

.row-container[data-v-0f02f4f7] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-0f02f4f7] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-0f02f4f7] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-0f02f4f7] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.disabled-delete[data-v-0f02f4f7] {
  opacity: 0.3;
  pointer-events: none;
}

.info-icon[data-v-1abf1106] {
  color: #0c6dd4;
  font-size: 18px;
}
.info-link[data-v-1abf1106] {
  display: flex;
  align-items: center;
}

.multi-select-container[data-v-19b109f8] {
  white-space: normal;
}

.btn-container[data-v-40bb2129] {
  text-align: right;
}
.body-template[data-v-40bb2129] {
  border: solid 1px lightgray;
  padding: 0.5em;
  max-height: 400px;
  overflow: auto;
}
.edit-button[data-v-40bb2129] {
  color: #007bff;
}
.duplicate-button[data-v-40bb2129] {
  position: absolute;
  right: 0;
  color: #007bff;
  top: 1.2em;
  cursor: pointer;
}
.remove-button[data-v-40bb2129] {
  position: absolute;
  right: 0;
  color: #fb0060;
  top: 2.5em;
  cursor: pointer;
}

.template-container[data-v-426ed4d2] {
  position: relative;
  overflow: hidden;
}
.display-content[data-v-426ed4d2] .text-container {
  box-sizing: border-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
@media screen and (max-width: 425px) {
.display-content[data-v-426ed4d2] .text-container {
    display: inline-block !important;
    width: 70dvw !important;
    padding-left: 5px !important;
}
.display-content[data-v-426ed4d2] .name-container {
    display: block !important;
    width: 74dvw !important;
}
}
/*
@media screen and (max-width: 375px) {
  .display-content >>> .text-container {
    width: 290px !important;
  }
}
@media screen and (max-width: 320px) {
  .display-content >>> .text-container {
    width: 70dvw !important;
  }
} */

.cell-content[data-v-06c03467] {
  white-space: pre-wrap;
}
.break-all[data-v-06c03467] {
  word-break: break-all;
}
.picture-cell[data-v-06c03467] {
  text-align: center;
}
.profile-picture[data-v-06c03467] {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  object-fit: cover;
}
.image-cell > img[data-v-06c03467] {
  max-height: 60px;
}
.status-cell[data-v-06c03467] {
  min-width: 150px;
}
.link-button[data-v-06c03467] {
  padding: 6px;
}
.verified-icon[data-v-06c03467] {
  color: #1e96e8;
}

.sticky-summary td[data-v-46a5accc] {
  padding: 0.4em;
  text-align: center;
}
.sticky-summary.user-info[data-v-46a5accc] {
  /* top: 45px; */
}
@media (max-width: 768px) {
.sticky-summary > .material-icons[data-v-46a5accc] {
    padding: 10px 0px;
    text-align: center;
    display: block;
}
.sticky-summary[data-v-46a5accc] {
    top: 0px;
}
}

.hidden-normal {
  display: none;
}
@media print {
.no-pagebreak {
    break-inside: avoid-page;
}
.no-print,
  .no-print * {
    display: none;
}
.hidden-normal {
    display: inline;
}
}

.check-icon[data-v-f9a0ccc4] {
  font-size: 18px;
  margin-left: 5px;
  /* color: #444; */
  color: green;
}
@media (max-width: 480px) {
.btn-desktop-visible[data-v-f9a0ccc4] {
    display: none;
}
}
@media (min-width: 481px) {
.btn-mobile-visible[data-v-f9a0ccc4] {
    display: none;
}
}
.document-section[data-v-f9a0ccc4] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 3px;
  position: relative;
}
.required-section[data-v-f9a0ccc4] {
  border: 1px solid red;
}
.required-star[data-v-f9a0ccc4] {
  color: red;
}
.view-button[data-v-f9a0ccc4] {
  color: white;
}
.uploaded-button-container[data-v-f9a0ccc4] {
  margin-top: -4px;
}
.view-button-container[data-v-f9a0ccc4] {
  display: inline-block;
  margin-top: 4px;
}
.delete-doc-button[data-v-f9a0ccc4] {
  margin-top: 13px;
}
.view-file-button[data-v-f9a0ccc4] {
  width: 12em;
  margin-top: 1em;
}
.view-info-button[data-v-f9a0ccc4] {
  width: 12em;
  margin-top: 1em;
}
.expiration-info[data-v-f9a0ccc4] {
  margin-top: -0.5rem;
  margin-bottom: 0.8rem;
}
.expiration-info > span[data-v-f9a0ccc4] {
  /* border: solid 1px var(--coredarkercolor); */
  color: var(--coredarkercolor);
  border-radius: 0.4rem;
  padding: 0.3rem;
}
.expiration-info.expired > span[data-v-f9a0ccc4] {
  border: solid 1px red;
  color: red;
}
.uploaded-time[data-v-f9a0ccc4] {
  font-size: 0.8em;
  margin-top: -0.3em;
  margin-bottom: 0.5em;
}
.download-blank-template[data-v-f9a0ccc4] {
  top: 0;
  right: 0;
  cursor: pointer;
  position: absolute;
}
.download-blank-template.second-btn[data-v-f9a0ccc4] {
  right: 22px;
}
.background-check-section .background-check[data-v-f9a0ccc4] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 3px;
  width: fit-content;
  padding: 1rem 2rem;
  text-align: center;
}
.background-check-section .background-check .image[data-v-f9a0ccc4] {
  width: 200px;
}
.background-check-section .background-check .image img[data-v-f9a0ccc4] {
  width: 100%;
}
.background-check-modal-text[data-v-f9a0ccc4] {
  font-size: 1.5rem;
}
.background-modal-buttons[data-v-f9a0ccc4] {
  display: flex;
  justify-content: space-between;
}
.powered-text[data-v-f9a0ccc4] {
  font-size: 12px;
}
@media print {
.no-pagebreak[data-v-f9a0ccc4] {
    break-inside: avoid;
}
}
.expired-info[data-v-f9a0ccc4] {
  font-weight: bold;
  color: red;
}

.button-containers[data-v-08844561] {
  display: flex;
  flex-direction: row-reverse;
}
.cancel-btn-container[data-v-08844561] {
  flex-grow: 1;
}
@media (max-width: 600px) {
.button-containers[data-v-08844561] {
    bottom: 10px;
    display: block;
    text-align: center;
}
.cancel-btn-container[data-v-08844561] {
    margin-top: 8px;
}
}
.sticky-summary[data-v-08844561] {
  position: -webkit-sticky;
  position: sticky;
  z-index: 9999;
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
  margin: 0;
  opacity: 0.85;
  font-size: 0.9em;
  padding: 0 0.4em;
  border-radius: 4px;
}
.sticky-summary > table[data-v-08844561] {
  width: 100%;
}
.sticky-summary td[data-v-08844561] {
  padding: 0.4em;
  text-align: center;
}
@media (max-width: 768px) {
.sticky-summary > .material-icons[data-v-08844561] {
    padding: 10px 0px;
    text-align: center;
    display: block;
}
.sticky-summary[data-v-08844561] {
    top: 40px;
}
}

.set-password-btn[data-v-9923104e] {
  cursor: pointer;
}

.button-container[data-v-114434e3] {
  text-align: right;
}

.checkbpx-input[data-v-574962a4] {
  margin-top: 4px;
}
.checkbox-label[data-v-574962a4] {
  text-align: left;
  cursor: pointer;
  margin-top: 0;
}

.cursor-pointer[data-v-0e6d11c5] {
  cursor: pointer;
}

.profile-header-container[data-v-b50596b4] {
  position: relative;
}
.edit-profile-btn[data-v-b50596b4] {
  position: absolute;
  top: 0.1rem;
  right: -0.8rem;
  z-index: 1;
  cursor: pointer;
  gap: 1px;
}
.setting-dropdown[data-v-b50596b4] {
  position: absolute;
  top: 32px;
  right: -1px;
  padding: 5px;
  font-size: 12px;
  color: #212529;
  background-color: #efefef;
  border-radius: 0.25rem;
}
.dropdown-item[data-v-b50596b4] {
  font-weight: 600;
  padding: 5px 25px;
  color: var(--coredarkcolor);
}
.dropdown-item[data-v-b50596b4]:hover {
  background-color: var(--coredarkcolor);
  color: white;
}
.material-icons.settings-icon[data-v-b50596b4] {
  user-select: none;
}
.arrow-up[data-v-b50596b4] {
  position: absolute;
  top: -20px;
  right: -4px;
  color: #efefef;
  font-size: 35px;
  pointer-events: none;
}
.customize-template[data-v-b50596b4] {
  position: absolute;
  top: 0;
  right: 4em;
  z-index: 2;
}
.customize-template > button[data-v-b50596b4] {
  cursor: pointer;
}

.preview-in-dialog > .image-preview-container[data-v-00f37bae] {
  height: calc(90vh - 2rem - 44px);
  overflow: auto;
}
.pdf-preview-container[data-v-00f37bae] {
  height: calc(90vh - 2rem - 44px);
  overflow: auto;
}

.document-container[data-v-5ac34dd2] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 3px;
  position: relative;
  text-align: center;
  padding: 20px;
}
.document-title-container[data-v-5ac34dd2] {
  width: 100%;
  justify-content: center;
  margin-bottom: 15px;
}
h5[data-v-5ac34dd2] {
  font-size: 1.1rem;
  font-weight: 500;
  margin: 0;
  display: inline-flex;
  align-items: center;
  word-break: break-all;
}
.edit-icon[data-v-5ac34dd2] {
  font-size: 18px;
  cursor: pointer;
  color: var(--coredarkercolor);
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
}
.edit-icon[data-v-5ac34dd2]:hover {
  color: var(--corecolor);
}
.visibility-scope-container[data-v-5ac34dd2] {
  position: absolute;
  font-size: 20px;
  top: 2px;
  right: 4px;
  color: var(--coredarkercolor);
  cursor: pointer;
}
.scope-public[data-v-5ac34dd2] {
  color: rgb(177 157 14);
}
.scope-private[data-v-5ac34dd2] {
  color: rgb(9 152 152);
}
.hidden-normal[data-v-5ac34dd2] {
  display: none;
}
@media print {
.no-pagebreak[data-v-5ac34dd2] {
    break-inside: avoid-page;
}
.no-print[data-v-5ac34dd2],
  .no-print *[data-v-5ac34dd2] {
    display: none;
}
.hidden-normal[data-v-5ac34dd2] {
    display: inline;
}
}
.document-btn-setting[data-v-5ac34dd2] {
  position: relative;
  top: 7px;
  padding-right: 2px;
}

.signature-container[data-v-86e1750a] {
  border: solid 1px #ced4da;
  position: relative;
}
.clear-button[data-v-86e1750a] {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 2;
}
.clear-button.has-delete-btn[data-v-86e1750a] {
  right: 14px;
}
.sign-guide[data-v-86e1750a] {
  position: absolute;
  top: 0.5em;
  width: 100%;
}
canvas[data-v-86e1750a] {
  touch-action: none; /* Improve touch responsiveness */
  will-change: transform; /* Optimize performance */
}

.doc-field-container[data-v-57d2aa71] {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  min-width: 8px;
  min-height: 8px;
}
.require-icon[data-v-57d2aa71] {
  position: absolute;
  top: 0;
  left: 4px;
  z-index: 3;
  font-size: 14px !important
}
.doc-field-container > *[data-v-57d2aa71]:not(.control-btn) {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.required-field[data-v-57d2aa71] {
  outline: solid red 2px;
}
@media (max-width: 768px) {
.doc-field-container > *[data-v-57d2aa71]:not(.control-btn) {
    font-size: 10px;
}
@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */
.doc-field-container > *[data-v-57d2aa71]:not(.control-btn) {
      font-size: 6px !important;
}
}
}
.editable-field-container .fillable[data-v-57d2aa71]:not(.mx-datepicker) {
  background-color: #f0f4ff !important;
}

.doc-page-container[data-v-f2a4067a] {
  width: 100%;
  position: relative;
}
.doc-field[data-v-f2a4067a] {
  position: absolute;
}
.doc-page-container > img.page-image[data-v-f2a4067a] {
  width: 100%;
  height: 100%;
}
@media print {
.hide-on-print[data-v-f2a4067a] {
    display: none !important;
}
}
.image-logo[data-v-f2a4067a] {
  width: 100%;
  object-fit: contain;
}

.document-header[data-v-223ddf56] {
  text-align: center;
}
.document-page[data-v-223ddf56] {
  margin-top: 120px;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 120px;
}
.button-containers[data-v-223ddf56] {
  display: flex;
}
.preserve-spaces[data-v-223ddf56] {
  flex-grow: 1;
}
label.admin-sign-warning[data-v-223ddf56] {
  color: red;
}
@media print {
.hide-on-print[data-v-223ddf56] {
    display: none !important;
}
}

.document-header[data-v-7a94fd5b] {
  text-align: center;
}
button[data-v-7a94fd5b]:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.button-containers[data-v-7a94fd5b] {
  display: flex;
  flex-direction: row-reverse;
}
.cancel-btn-container[data-v-7a94fd5b] {
  flex-grow: 1;
}
@media (max-width: 600px) {
.button-containers[data-v-7a94fd5b] {
    display: block;
    text-align: center;
}
.cancel-btn-container[data-v-7a94fd5b] {
    margin-top: 8px;
}
}

.add-item-container[data-v-574d584d] {
  display: flex;
}
.add-item-container > .item-selection[data-v-574d584d] {
  flex-grow: 1;
  padding-right: 0.5em;
}
.add-item-container > .add-btn[data-v-574d584d] {
  display: flex;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.add-item-container > .add-btn > span[data-v-574d584d] {
  margin-left: 0.3em;
}

.edit-pages-dialog[data-v-5674cca8] {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}

/* Header Styles */
.dialog-header[data-v-5674cca8] {
  display: flex;
  align-items: center;
  padding: 24px 32px 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}
.header-icon[data-v-5674cca8] {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
.header-icon .material-icons[data-v-5674cca8] {
  font-size: 24px;
}
.header-content[data-v-5674cca8] {
  flex: 1;
}
.dialog-title[data-v-5674cca8] {
  margin: 0 0 4px 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}
.dialog-subtitle[data-v-5674cca8] {
  margin: 0;
  font-size: 14px;
  opacity: 0.9;
  font-weight: 400;
}

/* Pages Section */
.pages-section[data-v-5674cca8] {
  padding: 24px 32px;
  background: #f8f9fa;
}
.pages-count[data-v-5674cca8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.count-badge[data-v-5674cca8] {
  background: #e3f2fd;
  color: #1976d2;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
}
.pages-container[data-v-5674cca8] {
  max-height: 400px;
  overflow-y: auto;
}
.draggable-list[data-v-5674cca8] {
  min-height: 60px;
}

/* Page Item Styles */
.page-item[data-v-5674cca8] {
  background: white;
  border-radius: 10px;
  margin-bottom: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border: 1px solid #e1e5e9;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}
.page-item[data-v-5674cca8]:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}
.page-item.single-page .delete-btn[data-v-5674cca8] {
  opacity: 0.4;
  cursor: not-allowed;
}
.page-content[data-v-5674cca8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
}
.page-info[data-v-5674cca8] {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 16px;
}
.page-preview[data-v-5674cca8] {
  width: 60px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
  background: #f8f9fa;
  border: 2px solid #e1e5e9;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.preview-image[data-v-5674cca8] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.preview-placeholder[data-v-5674cca8] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #9ca3af;
  background: #f8f9fa;
}
.preview-placeholder .material-icons[data-v-5674cca8] {
  font-size: 24px;
}
.page-details[data-v-5674cca8] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.page-number[data-v-5674cca8] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  min-width: 60px;
  height: 32px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 12px;
  align-self: flex-start;
  gap: 4px;
  padding: 0 8px;
}
.page-label[data-v-5674cca8] {
  font-size: 11px;
  opacity: 0.9;
}
.page-num[data-v-5674cca8] {
  font-size: 13px;
  font-weight: 700;
}
.page-actions[data-v-5674cca8] {
  display: flex;
  gap: 8px;
}
.action-btn[data-v-5674cca8] {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}
.action-btn .material-icons[data-v-5674cca8] {
  font-size: 18px;
}
.delete-btn[data-v-5674cca8] {
  background: #fff5f5;
  color: #e53e3e;
}
.delete-btn[data-v-5674cca8]:hover:not(:disabled) {
  background: #fed7d7;
  transform: scale(1.05);
}
.delete-btn[data-v-5674cca8]:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.drag-handle[data-v-5674cca8] {
  background: #f7fafc;
  color: #718096;
  cursor: grab;
}
.drag-handle[data-v-5674cca8]:hover {
  background: #edf2f7;
  color: #4a5568;
}
.drag-handle[data-v-5674cca8]:active {
  cursor: grabbing;
}

/* Drag and Drop Effects */
.drag-ghost[data-v-5674cca8] {
  opacity: 0.5;
  transform: rotate(2deg);
}
.sortable-chosen[data-v-5674cca8] {
  background: #f0f8ff;
  border-color: #4299e1;
}

/* Empty State */
.empty-state[data-v-5674cca8] {
  text-align: center;
  padding: 40px 20px;
  color: #6c757d;
}
.empty-icon[data-v-5674cca8] {
  font-size: 48px;
  margin-bottom: 12px;
  opacity: 0.5;
}
.empty-text[data-v-5674cca8] {
  font-size: 16px;
  margin: 0;
}

/* Footer Styles */
.dialog-footer[data-v-5674cca8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 32px 24px;
  background: white;
  border-top: 1px solid #e1e5e9;
}
.footer-info[data-v-5674cca8] {
  display: flex;
  align-items: center;
  color: #6c757d;
  font-size: 13px;
}
.info-icon[data-v-5674cca8] {
  font-size: 16px;
  margin-right: 6px;
}
.footer-actions[data-v-5674cca8] {
  display: flex;
  gap: 12px;
}
.btn[data-v-5674cca8] {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}
.btn-primary[data-v-5674cca8] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}
.btn-primary[data-v-5674cca8]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
.btn-icon[data-v-5674cca8] {
  font-size: 16px;
  margin-right: 6px;
}

/* Animations */
.list-item-enter-active[data-v-5674cca8],
.list-item-leave-active[data-v-5674cca8] {
  transition: all 0.3s ease;
}
.list-item-enter-from[data-v-5674cca8] {
  opacity: 0;
  transform: translateX(-20px);
}
.list-item-leave-to[data-v-5674cca8] {
  opacity: 0;
  transform: translateX(20px);
}
.list-item-move[data-v-5674cca8] {
  transition: transform 0.3s ease;
}

/* Scrollbar Styling */
.pages-container[data-v-5674cca8]::-webkit-scrollbar {
  width: 6px;
}
.pages-container[data-v-5674cca8]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.pages-container[data-v-5674cca8]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.pages-container[data-v-5674cca8]::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* Responsive Design */
@media (max-width: 768px) {
.dialog-header[data-v-5674cca8] {
    padding: 20px 20px 16px;
}
.pages-section[data-v-5674cca8] {
    padding: 20px;
}
.dialog-footer[data-v-5674cca8] {
    padding: 16px 20px 20px;
    flex-direction: column-reverse;
    gap: 12px;
}
.footer-info[data-v-5674cca8] {
    justify-content: center;
}
.page-content[data-v-5674cca8] {
    padding: 12px 16px;
}
.page-info[data-v-5674cca8] {
    gap: 12px;
}
.page-preview[data-v-5674cca8] {
    width: 50px;
    height: 65px;
}
.page-number[data-v-5674cca8] {
    min-width: 50px;
    height: 28px;
    font-size: 10px;
    gap: 3px;
    padding: 0 6px;
}
.page-label[data-v-5674cca8] {
    font-size: 9px;
}
.page-num[data-v-5674cca8] {
    font-size: 11px;
}
.dialog-title[data-v-5674cca8] {
    font-size: 20px;
}
}

.page-nav-container[data-v-3261f34e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

/* Page Navigation Buttons */
.page-nav-button[data-v-3261f34e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: white;
  color: #6c757d;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  min-height: 44px;
  text-decoration: none;
  outline: none;
}
.page-nav-button[data-v-3261f34e]:hover {
  background: #f8f9fa;
  border-color: #007bff;
  color: #495057;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
}
.page-nav-button.active[data-v-3261f34e] {
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  color: white;
  border-color: #007bff;
  box-shadow: 0 3px 12px rgba(0, 123, 255, 0.3);
}
.page-nav-button.active[data-v-3261f34e]:hover {
  background: linear-gradient(135deg, #0056b3 0%, #004085 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(0, 123, 255, 0.4);
  color: white;
}
.page-nav-button .material-icons[data-v-3261f34e] {
  font-size: 18px;
  line-height: 1;
}
.page-nav-button span[data-v-3261f34e] {
  font-weight: inherit;
  line-height: inherit;
}

/* Edit Pages Button */
.edit-pages-button[data-v-3261f34e] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f9fa;
  color: #6c757d;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 0.75rem;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 44px;
  height: 44px;
  outline: none;
}
.edit-pages-button[data-v-3261f34e]:hover {
  background: white;
  color: #495057;
  border-color: #007bff;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(0, 123, 255, 0.15);
}
.edit-pages-button .material-icons[data-v-3261f34e] {
  font-size: 18px;
  line-height: 1;
}
.page-display[data-v-3261f34e] {
  position: relative;
}
.page-display > img[data-v-3261f34e] {
  width: 100%;
}
.doc-field[data-v-3261f34e] {
  position: absolute;
  border: solid 2px black;
}
.drawing-field[data-v-3261f34e] {
  position: absolute;
  border: solid 1px grey;
}
.page-display[data-v-3261f34e] {
  border: solid 1px rgb(37, 37, 37);
}
.edit-pages-button[data-v-3261f34e] {
  color: #007bff;
  cursor: pointer;
}
.resize-item-container[data-v-3261f34e] {
  position: absolute;
  visibility: hidden;
}
.resize-icon[data-v-3261f34e] {
  background-color: transparent;
  border-radius: 2px;
  width: 12px;
  height: 12px;
  visibility: visible;
  z-index: 100;
  position: absolute;
}
.resize-top-left[data-v-3261f34e] {
  top: -6px;
  left: -6px;
  cursor: nw-resize;
}
.resize-top-right[data-v-3261f34e] {
  top: -6px;
  right: -6px;
  cursor: ne-resize;
}
.resize-bottom-left[data-v-3261f34e] {
  bottom: -6px;
  left: -6px;
  cursor: sw-resize;
}
.resize-bottom-right[data-v-3261f34e] {
  bottom: -6px;
  right: -6px;
  cursor: se-resize;
}
.move-btn[data-v-3261f34e] {
  position: absolute;
  top: 0px;
  right: 30px;
  font-size: 16px;
  cursor: move;
}
.delete-button[data-v-3261f34e] {
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 3;
  font-size: 16px
}
.edit-button[data-v-3261f34e] {
  position: absolute;
  top: 0;
  right: 16px;
  z-index: 3;
  color: #007bff;
  font-size: 16px;
  width: 16px;
}

/* Modern Add Image Button Styling */
.add-image-button[data-v-3261f34e] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #4c6ef5 0%, #748ffc 100%);
  color: white;
  border: none;
  border-radius: 10px;
  padding: 0.875rem 1.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(76, 110, 245, 0.3);
  margin: 1rem 0.5rem 1rem 0;
  min-height: 48px;
  gap: 0.5rem;
}
.add-image-button[data-v-3261f34e]:hover {
  background: linear-gradient(135deg, #3b5bdb 0%, #5c7cfa 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(76, 110, 245, 0.4);
  color: white;
}
.add-image-button[data-v-3261f34e]:active {
  transform: translateY(0);
  box-shadow: 0 2px 10px rgba(76, 110, 245, 0.3);
}
.add-image-button .material-icons[data-v-3261f34e] {
  font-size: 20px;
  line-height: 1;
}
.add-image-button span[data-v-3261f34e] {
  font-weight: inherit;
  line-height: inherit;
}

/* Focus state for accessibility */
.add-image-button[data-v-3261f34e]:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(76, 110, 245, 0.25), 0 4px 15px rgba(76, 110, 245, 0.3);
}

/* Ensure proper display */
.add-image-button[data-v-3261f34e] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-clip: padding-box;
  outline: none;
  user-select: none;
}

/* Field Creation Instruction */
.field-instruction[data-v-3261f34e] {
  background: linear-gradient(135deg, #e3f2fd 0%, #f8f9fa 100%);
  border: 1px solid #e3f2fd;
  border-radius: 8px;
  padding: 0.75rem 1.5rem;
  margin: 0.75rem 0;
  text-align: center;
}
.instruction-content[data-v-3261f34e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  color: #495057;
  font-size: 0.9rem;
  font-weight: 500;
}
.instruction-content .material-icons[data-v-3261f34e] {
  color: #007bff;
  font-size: 20px;
  background: white;
  padding: 0.5rem;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
}
.instruction-content span[data-v-3261f34e] {
  line-height: 1.4;
}

/* Animation for the instruction */
.field-instruction[data-v-3261f34e] {
  animation: fadeInSlide-data-v-3261f34e 0.5s ease-out;
}
@keyframes fadeInSlide-data-v-3261f34e {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* Responsive instruction */
@media (max-width: 768px) {
.instruction-content[data-v-3261f34e] {
    flex-direction: column;
    gap: 0.5rem;
    text-align: center;
}
.instruction-content span[data-v-3261f34e] {
    font-size: 0.85rem;
}
}

/* Responsive page navigation */
@media (max-width: 768px) {
.page-nav-container[data-v-3261f34e] {
    gap: 0.375rem;
}
.page-nav-button[data-v-3261f34e] {
    padding: 0.625rem 0.875rem;
    font-size: 0.8rem;
    min-height: 40px;
}
.page-nav-button .material-icons[data-v-3261f34e] {
    font-size: 16px;
}
.edit-pages-button[data-v-3261f34e] {
    width: 40px;
    height: 40px;
    padding: 0.625rem;
}
.edit-pages-button .material-icons[data-v-3261f34e] {
    font-size: 16px;
}
}
@media (max-width: 480px) {
.page-nav-button span[data-v-3261f34e] {
    display: none;
}
.page-nav-button[data-v-3261f34e] {
    padding: 0.75rem;
    width: 40px;
    justify-content: center;
}
.page-nav-button .material-icons[data-v-3261f34e] {
    margin: 0;
}
}

.expandable-section {
  background: #f8f9fa;
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 10px;
}
.expand-section-header {
  width: 100%;
  padding: 20px 0;
  border-radius: 4px;
}

.sticky_container[data-v-8ebfe22a] {
  display: flex;
  flex-wrap: wrap;
  position: sticky;
  top: 0;
  z-index: 1;
}
.collapsed[data-v-8ebfe22a] {
  display: none;
}
/* Progress Bar Styles */
.progress-bar-container[data-v-8ebfe22a] {
  margin: 20px 0;
}
.progress-steps[data-v-8ebfe22a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.progress-step[data-v-8ebfe22a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  cursor: pointer;
  opacity: 0.5;
}
.progress-step.active[data-v-8ebfe22a] {
  opacity: 1;
}
.progress-step.completed .step-number[data-v-8ebfe22a] {
  background-color: #28a745;
  color: white;
}
.step-number[data-v-8ebfe22a] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f8f9fa;
  border: 2px solid #dee2e6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  font-weight: bold;
}
.progress-step.active .step-number[data-v-8ebfe22a] {
  border-color: #007bff;
  background-color: #007bff;
  color: white;
}
.step-label[data-v-8ebfe22a] {
  font-size: 14px;
  font-weight: 500;
}
.progress-line[data-v-8ebfe22a] {
  flex-grow: 1;
  height: 2px;
  background-color: #dee2e6;
  margin: 0 15px;
  margin-bottom: 30px;
}
.progress-line.active[data-v-8ebfe22a] {
  background-color: #007bff;
}
.step-title[data-v-8ebfe22a] {
  margin-bottom: 1.5rem;
  color: #333;
}
.step-navigation[data-v-8ebfe22a] {
  display: flex;
  justify-content: flex-start;
}

/* Field Management Section Styles */
.field-management-section[data-v-8ebfe22a] {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 1.5rem;
  border: 1px solid #e9ecef;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  overflow: visible;
  position: relative;
  z-index: 1;
}
.section-header h6[data-v-8ebfe22a] {
  color: #495057;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.section-header .material-icons[data-v-8ebfe22a] {
  font-size: 18px;
  color: #6c757d;
}
.help-link a[data-v-8ebfe22a] {
  font-size: 0.875rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  transition: color 0.2s ease;
}
.help-link a[data-v-8ebfe22a]:hover {
  color: #0056b3 !important;
  text-decoration: underline;
}

/* Action Buttons */
.action-buttons[data-v-8ebfe22a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  padding: 0;
  margin: 0;
}
.action-btn[data-v-8ebfe22a] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.875rem 1.25rem;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1.4;
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  min-height: 48px;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  overflow: hidden;
  position: relative;
}

/* Button specific styles with !important to override any conflicts */
.create-field-btn[data-v-8ebfe22a] {
  background: #28a745 !important;
  color: white !important;
  box-shadow: 0 3px 10px rgba(40, 167, 69, 0.3) !important;
}
.create-field-btn[data-v-8ebfe22a]:hover {
  background: #218838 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(40, 167, 69, 0.4) !important;
  color: white !important;
}
.create-field-btn[data-v-8ebfe22a]:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3) !important;
}
.profile-field-btn[data-v-8ebfe22a] {
  background: #007bff !important;
  color: white !important;
  box-shadow: 0 3px 10px rgba(0, 123, 255, 0.3) !important;
}
.profile-field-btn[data-v-8ebfe22a]:hover {
  background: #0056b3 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4) !important;
  color: white !important;
}
.profile-field-btn[data-v-8ebfe22a]:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3) !important;
}
.insert-field-btn[data-v-8ebfe22a] {
  background: #fd7e14 !important;
  color: white !important;
  box-shadow: 0 3px 10px rgba(253, 126, 20, 0.3) !important;
}
.insert-field-btn[data-v-8ebfe22a]:hover {
  background: #e36209 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(253, 126, 20, 0.4) !important;
  color: white !important;
}
.insert-field-btn[data-v-8ebfe22a]:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(253, 126, 20, 0.3) !important;
}

/* Action Button Icon Spacing */
.action-btn .material-icons[data-v-8ebfe22a] {
  font-size: 18px;
  margin-right: 0.5rem;
  flex-shrink: 0;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

/* Reset any inherited button styles */
.action-btn[data-v-8ebfe22a]:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}
.action-btn[data-v-8ebfe22a]:not(:disabled) {
  cursor: pointer;
}

/* Button text styling */
.action-btn span[data-v-8ebfe22a] {
  display: inline-block;
  margin-left: 0.5rem;
  font-weight: inherit;
  line-height: inherit;
}

/* Ensure no inherited margin/padding issues */
.action-btn *[data-v-8ebfe22a] {
  box-sizing: border-box;
}

/* Fix for any potential Bootstrap conflicts */
button.action-btn[data-v-8ebfe22a] {
  background-color: transparent;
  border: none !important;
  padding: 0.875rem 1.25rem !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  text-align: left !important;
}
button.action-btn[data-v-8ebfe22a]:hover,
button.action-btn[data-v-8ebfe22a]:focus,
button.action-btn[data-v-8ebfe22a]:active {
  outline: none !important;
  border: none !important;
  text-decoration: none !important;
}

/* Ensure buttons are always visible */
.action-btn[data-v-8ebfe22a] {
  visibility: visible !important;
  opacity: 1 !important;
  display: flex !important;
}

/* Responsive adjustments for action buttons */
@media (max-width: 1200px) {
.action-btn[data-v-8ebfe22a] {
    font-size: 0.85rem;
    padding: 0.75rem 1rem;
}
.action-btn .material-icons[data-v-8ebfe22a] {
    font-size: 16px;
}
}
@media (max-width: 768px) {
.action-btn[data-v-8ebfe22a] {
    font-size: 0.8rem;
    padding: 0.75rem 1rem;
    min-height: 44px;
}
.action-btn .material-icons[data-v-8ebfe22a] {
    font-size: 16px;
}
.action-btn span[data-v-8ebfe22a] {
    margin-left: 0.4rem;
}
}

/* Created Fields Section */
.created-fields-section h6[data-v-8ebfe22a] {
  color: #495057;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.field-item[data-v-8ebfe22a] {
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 1rem;
  transition: all 0.2s ease;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  cursor: pointer;
}
.field-item[data-v-8ebfe22a]:hover {
  border-color: #007bff;
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}
.field-content[data-v-8ebfe22a] {
  flex: 1;
}
.field-main-info[data-v-8ebfe22a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.field-type[data-v-8ebfe22a] {
  background: #007bff;
  color: white;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
}
.field-name[data-v-8ebfe22a] {
  font-weight: 600;
  color: #495057;
  font-size: 0.9rem;
}
.field-badges[data-v-8ebfe22a] {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.field-details[data-v-8ebfe22a] {
  margin-top: 0.5rem;
}
.field-details code[data-v-8ebfe22a] {
  background: #f8f9fa;
  color: #e83e8c;
  padding: 0.2rem 0.4rem;
  border-radius: 3px;
  font-size: 0.8rem;
}
.field-details code.clickable-tag[data-v-8ebfe22a] {
  background: #495057;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid transparent;
  font-weight: 600;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
}
.field-details code.clickable-tag[data-v-8ebfe22a]:hover {
  background: #007bff;
  border-color: #007bff;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}

/* Field Actions */
.field-actions[data-v-8ebfe22a] {
  display: flex;
  gap: 0.25rem;
  flex-shrink: 0;
}
.btn-icon[data-v-8ebfe22a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: transparent;
}
.btn-icon.edit[data-v-8ebfe22a] {
  color: #007bff;
}
.btn-icon.edit[data-v-8ebfe22a]:hover {
  background: #e3f2fd;
  color: #0056b3;
}
.btn-icon.duplicate[data-v-8ebfe22a] {
  color: #6c757d;
}
.btn-icon.duplicate[data-v-8ebfe22a]:hover {
  background: #f8f9fa;
  color: #495057;
}
.btn-icon.delete[data-v-8ebfe22a] {
  color: #dc3545;
}
.btn-icon.delete[data-v-8ebfe22a]:hover {
  background: #f8d7da;
  color: #721c24;
}

/* Substitutions Section */
.substitutions-section[data-v-8ebfe22a] {
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 1.25rem;
  position: sticky;
  top: 20px;
}
.help-text[data-v-8ebfe22a] {
  color: #6c757d;
  font-size: 0.875rem;
  margin: 0;
}
.tag-group[data-v-8ebfe22a] {
  border-bottom: 1px solid #f8f9fa;
  padding-bottom: 1rem;
}
.tag-group[data-v-8ebfe22a]:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.tag-group-title[data-v-8ebfe22a] {
  color: #495057;
  font-weight: 600;
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.tag-list[data-v-8ebfe22a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tag-item[data-v-8ebfe22a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: #f8f9fa;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}
.tag-item[data-v-8ebfe22a]:hover {
  background: #e3f2fd;
  border-color: #007bff;
  transform: translateX(2px);
}
.tag-item code[data-v-8ebfe22a] {
  background: #495057;
  color: #fff;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 600;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
}
.tag-description[data-v-8ebfe22a] {
  color: #6c757d;
  font-size: 0.8rem;
  font-style: italic;
}
.badge[data-v-8ebfe22a] {
  font-size: 0.7rem;
  padding: 0.25rem 0.5rem;
}

/* Document Content Header */
.document-content-header[data-v-8ebfe22a] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border: 1px solid #dee2e6;
  border-radius: 12px;
  padding: 2rem;
  margin-bottom: 2rem;
}
.content-info[data-v-8ebfe22a] {
  text-align: center;
  margin-bottom: 2rem;
}
.content-title[data-v-8ebfe22a] {
  color: #495057;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.content-title .material-icons[data-v-8ebfe22a] {
  font-size: 24px;
  color: #6c757d;
}
.content-description[data-v-8ebfe22a] {
  color: #6c757d;
  font-size: 1rem;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Content Options */
.content-options[data-v-8ebfe22a] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  justify-content: center;
}
.option-card[data-v-8ebfe22a] {
  background: white;
  border: 2px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  flex: 1;
  max-width: 300px;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  user-select: none;
  z-index: 2;
}
.option-card *[data-v-8ebfe22a] {
  pointer-events: none;
}
.option-card[data-v-8ebfe22a]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: transparent;
  transition: all 0.3s ease;
  pointer-events: none;
  z-index: 1;
}
.option-card.active[data-v-8ebfe22a] {
  border-color: #007bff;
  box-shadow: 0 8px 25px rgba(0, 123, 255, 0.15);
  transform: translateY(-2px);
}
.option-card.active[data-v-8ebfe22a]::before {
  background: linear-gradient(90deg, #007bff, #6610f2);
}
.option-card[data-v-8ebfe22a]:hover {
  border-color: #007bff;
  box-shadow: 0 4px 15px rgba(0, 123, 255, 0.1);
  transform: translateY(-1px);
}
.option-header[data-v-8ebfe22a] {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.option-header .material-icons[data-v-8ebfe22a] {
  font-size: 24px;
  color: #007bff;
  margin-right: 0.75rem;
  background: #e3f2fd;
  padding: 0.5rem;
  border-radius: 8px;
}
.option-header h6[data-v-8ebfe22a] {
  margin: 0;
  color: #495057;
  font-weight: 600;
  font-size: 1.1rem;
}
.option-description[data-v-8ebfe22a] {
  color: #6c757d;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.option-features[data-v-8ebfe22a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.feature-tag[data-v-8ebfe22a] {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  color: #28a745;
  font-weight: 500;
}
.feature-tag .material-icons[data-v-8ebfe22a] {
  font-size: 16px;
  margin-right: 0.5rem;
  background: #d4edda;
  color: #155724;
  border-radius: 50%;
  padding: 2px;
}
.option-divider[data-v-8ebfe22a] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  position: relative;
}
.option-divider[data-v-8ebfe22a]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 80px;
  background: linear-gradient(to bottom, transparent, #dee2e6, transparent);
}
.option-divider span[data-v-8ebfe22a] {
  background: #f8f9fa;
  color: #6c757d;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.8rem;
  border: 2px solid #dee2e6;
  position: relative;
  z-index: 1;
}
.learn-more[data-v-8ebfe22a] {
  display: flex;
  justify-content: center;
}
.learn-link[data-v-8ebfe22a] {
  display: flex;
  align-items: center;
  color: #007bff;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  transition: all 0.2s ease;
}
.learn-link[data-v-8ebfe22a]:hover {
  color: #0056b3;
  background: #e3f2fd;
  border-color: #007bff;
  text-decoration: none;
  transform: translateY(-1px);
}
.learn-link .material-icons[data-v-8ebfe22a] {
  font-size: 16px;
}

/* Responsive adjustments */
@media (max-width: 992px) {
.content-options[data-v-8ebfe22a] {
    flex-direction: column;
    gap: 1rem;
}
.option-divider[data-v-8ebfe22a] {
    min-width: auto;
    width: 100%;
}
.option-divider[data-v-8ebfe22a]::before {
    width: 80px;
    height: 2px;
    background: linear-gradient(to right, transparent, #dee2e6, transparent);
}
.option-card[data-v-8ebfe22a] {
    max-width: none;
}
}

/* Basic Settings Container */
.basic-settings-container[data-v-8ebfe22a] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.setting-section[data-v-8ebfe22a] {
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  transition: all 0.2s ease;
}
.setting-section[data-v-8ebfe22a]:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.setting-header[data-v-8ebfe22a] {
  margin-bottom: 1rem;
}
.setting-title[data-v-8ebfe22a] {
  color: #495057;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.setting-title .material-icons[data-v-8ebfe22a] {
  font-size: 20px;
  color: #6c757d;
}
.setting-description[data-v-8ebfe22a] {
  color: #6c757d;
  font-size: 0.9rem;
  margin: 0;
  line-height: 1.5;
}

/* Modern Form Elements */
.form-group-modern[data-v-8ebfe22a] {
  margin-bottom: 0.5rem;
  position: relative;
}
.form-label[data-v-8ebfe22a] {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #495057;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.form-label .material-icons[data-v-8ebfe22a] {
  font-size: 16px;
  color: #6c757d;
}
.form-control-modern[data-v-8ebfe22a] {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  font-size: 0.9rem;
  background: white;
  transition: all 0.2s ease;
  outline: none;
}
.form-control-modern[data-v-8ebfe22a]:focus {
  border-color: #007bff;
  background: white;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}
.form-control-modern[data-v-8ebfe22a]::placeholder {
  color: #adb5bd;
  font-style: italic;
}
.form-hint[data-v-8ebfe22a] {
  color: #6c757d;
  font-size: 0.8rem;
  margin-top: 0.5rem;
  font-style: italic;
}

/* Signing Option Card */
.signing-option-card[data-v-8ebfe22a] {
  display: flex;
  align-items: flex-start;
  padding: 1.25rem;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  background: white;
  cursor: pointer;
  transition: all 0.3s ease;
  gap: 1rem;
  user-select: none;
  z-index: 2;
}
.signing-option-card *[data-v-8ebfe22a] {
  /* pointer-events: none; */
}
.signing-option-card[data-v-8ebfe22a]:hover {
  border-color: #007bff;
  background: #f8f9ff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}
.signing-option-card.active[data-v-8ebfe22a] {
  border-color: #007bff;
  background: linear-gradient(135deg, #f8f9ff 0%, #e3f2fd 100%);
  box-shadow: 0 4px 15px rgba(0, 123, 255, 0.2);
}
.option-icon[data-v-8ebfe22a] {
  flex-shrink: 0;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.option-icon .material-icons[data-v-8ebfe22a] {
  font-size: 24px;
  color: #6c757d;
  transition: all 0.2s ease;
}
.signing-option-card.active .option-icon .material-icons[data-v-8ebfe22a] {
  color: #007bff;
}
.option-content[data-v-8ebfe22a] {
  flex: 1;
}
.option-title[data-v-8ebfe22a] {
  color: #495057;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  font-size: 1rem;
}
.option-text[data-v-8ebfe22a] {
  color: #6c757d;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
}
.option-info[data-v-8ebfe22a] {
  flex-shrink: 0;
}
.option-info .material-icons[data-v-8ebfe22a] {
  font-size: 20px;
  color: #6c757d;
  cursor: help;
}

/* Form Row */
.form-row[data-v-8ebfe22a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media (max-width: 768px) {
.form-row[data-v-8ebfe22a] {
    grid-template-columns: 1fr;
    gap: 1.5rem;
}
}

/* Select Wrapper */
.select-wrapper[data-v-8ebfe22a] {
  position: relative;
}
.multiselect-modern[data-v-8ebfe22a] {
  min-height: 48px;
}
.multiselect-modern .multiselect__tags[data-v-8ebfe22a] {
  border: 2px solid #e9ecef;
  border-radius: 8px;
  background: white;
  padding: 0.5rem 0.75rem;
  min-height: 48px;
  transition: all 0.2s ease;
}
.multiselect-modern.multiselect--active .multiselect__tags[data-v-8ebfe22a] {
  border-color: #007bff;
  background: white;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}
.multiselect-modern .multiselect__placeholder[data-v-8ebfe22a] {
  color: #adb5bd;
  font-style: italic;
  margin-bottom: 0;
  padding-top: 0;
}
.multiselect-modern .multiselect__single[data-v-8ebfe22a] {
  background: transparent;
  color: #495057;
  font-size: 0.9rem;
  margin-bottom: 0;
  padding-top: 0;
}
.multiselect-modern .multiselect__tag[data-v-8ebfe22a] {
  background: #007bff;
  color: white;
  border-radius: 6px;
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}

/* Clear Button */
.clear-btn[data-v-8ebfe22a] {
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
  color: #6c757d;
  font-size: 0.8rem;
  cursor: pointer;
  padding: 0.25rem 0;
  margin-top: 0.5rem;
  transition: color 0.2s ease;
}
.clear-btn[data-v-8ebfe22a]:hover {
  color: #dc3545;
}
.clear-btn .material-icons[data-v-8ebfe22a] {
  font-size: 16px;
  margin-right: 0.25rem;
}

/* Learn Link Container */
.learn-link-container[data-v-8ebfe22a] {
  text-align: center;
  margin: 1rem 0;
}

/* Learn More Above Button */
.learn-more-above-button[data-v-8ebfe22a] {
  text-align: center;
  margin: 1.5rem 0;
  padding: 1rem;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}

/* Dual Sign Learn More */
.dual-sign-learn-more[data-v-8ebfe22a] {
  margin-top: 0.75rem;
}
.dual-sign-learn-more .learn-link[data-v-8ebfe22a] {
  font-size: 0.8rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 123, 255, 0.1);
  border: 1px solid rgba(0, 123, 255, 0.2);
}

/* Fix: Make the dual signing learn link clickable */
.dual-sign-learn-more .learn-link[data-v-8ebfe22a] {
  pointer-events: auto !important;
}

/* Next Step Button */
.next-step-button[data-v-8ebfe22a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  color: white;
  border: none;
  border-radius: 10px;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
  min-width: 200px;
}
.next-step-button[data-v-8ebfe22a]:hover {
  background: linear-gradient(135deg, #0056b3 0%, #004085 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
}
.next-step-button[data-v-8ebfe22a]:active {
  transform: translateY(0);
  box-shadow: 0 2px 10px rgba(0, 123, 255, 0.3);
}
.next-step-button .button-text[data-v-8ebfe22a] {
  flex: 1;
  text-align: left;
}
.next-step-button .material-icons[data-v-8ebfe22a] {
  font-size: 24px;
  margin-left: 0.75rem;
  transition: transform 0.2s ease;
}
.next-step-button:hover .material-icons[data-v-8ebfe22a] {
  transform: translateX(3px);
}

/* Back Step Button */
.back-step-button[data-v-8ebfe22a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  color: #6c757d;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 150px;
}
.back-step-button[data-v-8ebfe22a]:hover {
  background: #f8f9fa;
  border-color: #6c757d;
  color: #495057;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(108, 117, 125, 0.2);
}
.back-step-button[data-v-8ebfe22a]:active {
  transform: translateY(0);
  box-shadow: 0 2px 10px rgba(108, 117, 125, 0.15);
}
.back-step-button .button-text[data-v-8ebfe22a] {
  flex: 1;
  text-align: right;
}
.back-step-button .material-icons[data-v-8ebfe22a] {
  font-size: 24px;
  margin-right: 0.75rem;
  transition: transform 0.2s ease;
}
.back-step-button:hover .material-icons[data-v-8ebfe22a] {
  transform: translateX(-3px);
}

/* Step Navigation Container */
.step-navigation[data-v-8ebfe22a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

/* When step-navigation has only one button, align it to the right */
.step-navigation > .next-step-button[data-v-8ebfe22a]:only-child {
  margin-left: auto;
}

/* Disabled state for next button */
.next-step-button[data-v-8ebfe22a]:disabled {
  background: #6c757d;
  cursor: not-allowed;
  opacity: 0.6;
}
.next-step-button[data-v-8ebfe22a]:disabled:hover {
  background: #6c757d;
  transform: none;
  box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
}
.next-step-button:disabled .material-icons[data-v-8ebfe22a] {
  transform: none;
}

/* Signatures Step Styling */
.signatures-container[data-v-8ebfe22a] {
  background: white;
  border-radius: 12px;
  overflow: hidden;
}
.signature-section[data-v-8ebfe22a] {
  padding: 2rem;
  border: 1px solid #e9ecef;
  border-radius: 12px;
}
.section-title[data-v-8ebfe22a] {
  color: #495057;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.section-title .material-icons[data-v-8ebfe22a] {
  font-size: 20px;
  color: #6c757d;
}
.section-description[data-v-8ebfe22a] {
  color: #6c757d;
  font-size: 0.9rem;
  margin: 0 0 1.5rem 0;
  line-height: 1.5;
}

/* Add Signer Button */
.add-signer-container[data-v-8ebfe22a] {
  margin-bottom: 2rem;
}
.add-signer-button[data-v-8ebfe22a] {
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
  color: white;
  border: none;
  border-radius: 8px;
  padding: 0.875rem 1.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 3px 10px rgba(40, 167, 69, 0.3);
}
.add-signer-button[data-v-8ebfe22a]:hover {
  background: linear-gradient(135deg, #218838 0%, #1ab394 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(40, 167, 69, 0.4);
}
.add-signer-button .material-icons[data-v-8ebfe22a] {
  font-size: 18px;
}

/* Signers List */
.signers-list[data-v-8ebfe22a] {
  margin-bottom: 2rem;
}
.signer-item[data-v-8ebfe22a] {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 10px;
  margin-bottom: 1rem;
  transition: all 0.2s ease;
}
.signer-item[data-v-8ebfe22a]:hover {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
  border-color: #007bff;
}
.signer-info[data-v-8ebfe22a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem;
}
.signer-main[data-v-8ebfe22a] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.signer-number[data-v-8ebfe22a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #007bff 0%, #6610f2 100%);
  color: white;
  border-radius: 50%;
  font-weight: bold;
  font-size: 0.9rem;
}
.signer-details[data-v-8ebfe22a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.signer-name[data-v-8ebfe22a] {
  color: #495057;
  font-weight: 600;
  margin: 0;
  font-size: 1rem;
}
.signer-type[data-v-8ebfe22a] {
  color: #6c757d;
  font-size: 0.8rem;
  background: #e9ecef;
  padding: 0.25rem 0.5rem;
  border-radius: 12px;
  font-weight: 500;
}
.signer-actions[data-v-8ebfe22a] {
  display: flex;
  gap: 0.5rem;
}

/* Signer Action Buttons - More specific selector to avoid conflicts */
.signer-actions .action-btn[data-v-8ebfe22a] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  background: white !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}
.signer-actions .action-btn.edit-btn[data-v-8ebfe22a] {
  color: #007bff !important;
  border: 1px solid #007bff !important;
}
.signer-actions .action-btn.edit-btn[data-v-8ebfe22a]:hover {
  background: #007bff !important;
  color: white !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 8px rgba(0, 123, 255, 0.3) !important;
}
.signer-actions .action-btn.delete-btn[data-v-8ebfe22a] {
  color: #dc3545 !important;
  border: 1px solid #dc3545 !important;
}
.signer-actions .action-btn.delete-btn[data-v-8ebfe22a]:hover {
  background: #dc3545 !important;
  color: white !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 8px rgba(220, 53, 69, 0.3) !important;
}
.signer-actions .action-btn .material-icons[data-v-8ebfe22a] {
  font-size: 16px !important;
  line-height: 1 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.signer-actions .action-btn[data-v-8ebfe22a]:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25) !important;
}

/* Signature Options */
.signature-options[data-v-8ebfe22a] {
  border-top: 1px solid #e9ecef;
  padding-top: 2rem;
}
.options-title[data-v-8ebfe22a] {
  color: #495057;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
.options-title .material-icons[data-v-8ebfe22a] {
  font-size: 20px;
  color: #6c757d;
}
.signature-options .option-card[data-v-8ebfe22a] {
  display: flex;
  align-items: flex-start;
  padding: 1.25rem;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  background: white;
  cursor: pointer;
  transition: all 0.3s ease;
  gap: 1rem;
  margin-bottom: 1rem;
  user-select: none;
  z-index: 2;
}
.signature-options .option-card *[data-v-8ebfe22a] {
  pointer-events: none;
}
.signature-options .option-card[data-v-8ebfe22a]:hover {
  border-color: #007bff;
  background: #f8f9ff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}
.signature-options .option-card.active[data-v-8ebfe22a] {
  border-color: #007bff;
  background: linear-gradient(135deg, #f8f9ff 0%, #e3f2fd 100%);
  box-shadow: 0 4px 15px rgba(0, 123, 255, 0.2);
}
.signature-options .option-icon[data-v-8ebfe22a] {
  flex-shrink: 0;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.signature-options .option-icon .material-icons[data-v-8ebfe22a] {
  font-size: 24px;
  color: #6c757d;
  transition: all 0.2s ease;
}
.signature-options .option-card.active .option-icon .material-icons[data-v-8ebfe22a] {
  color: #007bff;
}
.signature-options .option-content[data-v-8ebfe22a] {
  flex: 1;
}
.signature-options .option-title[data-v-8ebfe22a] {
  color: #495057;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  font-size: 1rem;
}
.signature-options .option-text[data-v-8ebfe22a] {
  color: #6c757d;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
}

/* Optional Settings Notice */
.optional-settings-notice[data-v-8ebfe22a] {
  background: linear-gradient(135deg, #e8f5e8 0%, #f0f8f0 100%);
  border: 1px solid #c3e6c3;
  border-radius: 8px;
  padding: 0.875rem 1.25rem;
  margin-bottom: 2rem;
  text-align: center;
}
.notice-content[data-v-8ebfe22a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #2d5a2d;
  font-weight: 500;
  font-size: 0.9rem;
}
.notice-content .material-icons[data-v-8ebfe22a] {
  font-size: 20px;
  color: #28a745;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.optional-settings-notice[data-v-8ebfe22a] {
    padding: 0.75rem 1rem;
    margin-bottom: 1.5rem;
}
.notice-content[data-v-8ebfe22a] {
    font-size: 0.85rem;
}
.notice-content .material-icons[data-v-8ebfe22a] {
    font-size: 18px;
}
.signer-info[data-v-8ebfe22a] {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
.signer-actions[data-v-8ebfe22a] {
    align-self: stretch;
    justify-content: flex-end;
}
}

/* Advanced Settings Styles */
.advanced-settings-container[data-v-8ebfe22a] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* Form Grid */
.form-grid[data-v-8ebfe22a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
@media (max-width: 768px) {
.form-grid[data-v-8ebfe22a] {
    grid-template-columns: 1fr;
    gap: 1rem;
}
}

/* Text Editor Modern */
.text-editor-modern[data-v-8ebfe22a] {
  border: 2px solid #e9ecef;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.text-editor-modern[data-v-8ebfe22a]:focus-within {
  border-color: #007bff;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

/* Access Options */
.access-options[data-v-8ebfe22a] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.option-card-checkbox[data-v-8ebfe22a] {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 1rem;
  transition: all 0.2s ease;
}
.option-card-checkbox[data-v-8ebfe22a]:hover {
  background: #ffffff;
  border-color: #007bff;
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

/* Subsection Styles */
.subsection[data-v-8ebfe22a] {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 10px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
.subsection-title[data-v-8ebfe22a] {
  color: #495057;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.subsection-title .material-icons[data-v-8ebfe22a] {
  font-size: 18px;
  color: #6c757d;
}
.subsection-description[data-v-8ebfe22a] {
  color: #6c757d;
  font-size: 0.875rem;
  margin: 0 0 1.25rem 0;
  line-height: 1.5;
}

/* Status Update Grid */
.status-update-grid[data-v-8ebfe22a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media (max-width: 992px) {
.status-update-grid[data-v-8ebfe22a] {
    grid-template-columns: 1fr;
    gap: 1.5rem;
}
}
.status-update-section[data-v-8ebfe22a] {
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 1.25rem;
}
.status-section-title[data-v-8ebfe22a] {
  color: #495057;
  font-weight: 600;
  margin-bottom: 1rem;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 2px solid #e9ecef;
  padding-bottom: 0.5rem;
}

/* Enhanced Form Group Modern for Advanced Settings */
.setting-section .form-group-modern[data-v-8ebfe22a] {
  margin-bottom: 1.5rem;
}
.setting-section .form-group-modern[data-v-8ebfe22a]:last-child {
  margin-bottom: 0;
}

/* Status update specific form groups */
.status-update-section .form-group-modern[data-v-8ebfe22a] {
  margin-bottom: 1.25rem;
}
.status-update-section .form-group-modern[data-v-8ebfe22a]:last-child {
  margin-bottom: 0;
}

/* Enhanced multiselect for advanced settings */
.status-update-section .multiselect-modern[data-v-8ebfe22a],
.subsection .multiselect-modern[data-v-8ebfe22a] {
  min-height: 44px;
}
.status-update-section .multiselect-modern .multiselect__tags[data-v-8ebfe22a],
.subsection .multiselect-modern .multiselect__tags[data-v-8ebfe22a] {
  min-height: 44px;
  padding: 0.5rem 0.75rem;
}

/* Clear button enhancements for status sections */
.status-update-section .clear-btn[data-v-8ebfe22a],
.subsection .clear-btn[data-v-8ebfe22a] {
  margin-top: 0.25rem;
  font-size: 0.8rem;
}

/* Responsive enhancements for advanced settings */
@media (max-width: 768px) {
.advanced-settings-container[data-v-8ebfe22a] {
    gap: 1.5rem;
}
.setting-section[data-v-8ebfe22a] {
    padding: 1.25rem;
}
.subsection[data-v-8ebfe22a] {
    padding: 1.25rem;
    margin-bottom: 1rem;
}
.status-update-section[data-v-8ebfe22a] {
    padding: 1rem;
}
.access-options[data-v-8ebfe22a] {
    gap: 0.75rem;
}
.option-card-checkbox[data-v-8ebfe22a] {
    padding: 0.875rem;
}
}
.advanced-settings-expandable[data-v-8ebfe22a] .expandable-header-centered {
  display: flex;
  align-items: baseline;
  min-height: 55px;
}
.expandable-header-centered .material-icons[data-v-8ebfe22a] {
  font-size: 2rem;
  line-height: 1;
  vertical-align: middle;
  margin-right: 0.75rem;
  margin-top: 0;
}
.expandable-header-centered .step-title[data-v-8ebfe22a] {
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
  font-weight: 500;
}
@keyframes pulse-data-v-8ebfe22a {
0% {
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
}
70% {
    box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
}
}
.progress-step.pulse .step-number[data-v-8ebfe22a] {
  animation: pulse-data-v-8ebfe22a 1.2s infinite;
  border-color: #007bff;
  background-color: #e3f2fd;
  color: #007bff;
}

.table td[data-v-35d4977a] {
  border-top: 1px solid white;
}
.pagination-panel .pagination .page-item:not(.active) .page-link[data-v-35d4977a] {
  color: var(--coredarkcolor);
}
.pagination-panel .pagination .page-item.active .page-link[data-v-35d4977a] {
  background-color: var(--coredarkcolor);
  border-color: var(--coredarkcolor);
}
.pagination-panel[data-v-35d4977a] {
  display: flex;
  flex-wrap: wrap;
}
.page-info-container[data-v-35d4977a] {
  display: flex;
  align-items: center;
  justify-content: end;
}
.paging-container[data-v-35d4977a] {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: start;
}
.top-row[data-v-35d4977a] {
  display: flex;
}
.client-table .top-row[data-v-35d4977a],
.candidate-table .top-row[data-v-35d4977a] {
  padding-top: 10px;
}
.item-per-page[data-v-35d4977a] {
  display: flex;
  align-items: center;
}
.item-per-page-selection[data-v-35d4977a] {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.pagination-lg .page-link[data-v-35d4977a] {
  font-size: 16px;
  padding: 8px 16px;
}
.page-item[data-v-35d4977a]:not(.active) {
  cursor: pointer;
}
.cell-content[data-v-35d4977a] {
  white-space: pre-wrap;
}
.break-all[data-v-35d4977a] {
  word-break: break-all;
}
.change-icon[data-v-35d4977a] {
  color: rgb(209, 181, 21);
}
.group-header[data-v-35d4977a] {
  text-align: left;
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}
.group-header.light-header[data-v-35d4977a] {
    background: linear-gradient(to right, #5f7478 50%, var(--gcnteal) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.25s ease-out;
}
.group-header > h4[data-v-35d4977a] {
  font-weight: bold;
}
.badge-group-header[data-v-35d4977a] {
  font-size: 1.5em;
}
.sort-button[data-v-35d4977a] {
  cursor: pointer;
}
.table-sticky-header[data-v-35d4977a] {
  position: sticky;
  z-index: 1;
}
.multiselect--active[data-v-35d4977a] {
  z-index: 3;
}
.view-applicants-table .table td[data-v-35d4977a] {
  vertical-align: middle !important;
}
/* .max-content {
  width: max-content;
} */
.sum-info[data-v-35d4977a] {
  margin-left: 0.5em;
  font-size: 0.9em;
  font-weight: 400;
}
.redundant-builder > td[data-v-35d4977a]:not(.action-column) {
  opacity: 0.3;
}
.redundant-builder .edit-form-icon[data-v-35d4977a] {
  opacity: 0.3;
}
.in-used-builder .delete-icon[data-v-35d4977a] {
  opacity: 0.3;
}
.section-dependent-container:last-child hr[data-v-35d4977a] {
  display: none;
}
.profile-picture-mobile[data-v-35d4977a] {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  object-fit: cover;
  margin-right: 6px;
}
.mobile-header-text-container[data-v-35d4977a] {
  font-weight: bold;
  position: relative;
  margin-right: 6px;
}
.mobile-header-text-container.has-icon[data-v-35d4977a] {
  padding-left: 22px;
}
.mobile-header-icon[data-v-35d4977a] {
  font-size: 20px;
  position: absolute;
  top: 2px;
  left: 0px;
  color: var(--coredarkcolor);
}
.mobile-row[data-v-35d4977a] {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}
.collapse-expand-icon[data-v-35d4977a] {
  position: absolute;
  top: 1px;
  left: 0;
  cursor: pointer;
}
.mobile-expand-header[data-v-35d4977a] {
  font-weight: bold;
}
.mobile-row-select[data-v-35d4977a] {
  display: inline-block;
  width: 22px;
  height: 25px;
  vertical-align: top;
  padding-top: 2px;
}
.check-all-mobile[data-v-35d4977a] {
  margin-left: 26px;
  margin-top: 12px;
}
.more-less-btn[data-v-35d4977a] {
  cursor: pointer;
}

.create-doc-button[data-v-42c23097] {
  cursor: pointer;
}
.create-doc-button > i[data-v-42c23097] {
  font-size: 32px;
  color: var(--coredarkcolor);
}

.button-container[data-v-05de3b95] {
  text-align: right;
}
.booking-item-mobile label[data-v-05de3b95] {
  font-weight: bold;
}
.filler-info-mobile[data-v-05de3b95]:not(:last-child)::after {
  content: ",";
}

.button-container[data-v-501fc3bd] {
  text-align: right;
}
.booking-item-mobile label[data-v-501fc3bd] {
  font-weight: bold;
}
.filler-info-mobile[data-v-501fc3bd]:not(:last-child)::after {
  content: ",";
}

.icon-button-table i[data-v-cda91ee8] {
  display: inherit;
}
.delete-icon[data-v-cda91ee8] {
  color: red;
  cursor: pointer;
}
.edit-template-icon[data-v-cda91ee8] {
  color: #007bff;
  cursor: pointer;
}
.learn-link[data-v-cda91ee8] {
  display: inline-flex;
  align-items: center;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 8px 12px;
  color: #007bff;
  text-decoration: none;
  margin-top: 12px;
  font-size: 14px;
  transition: all 0.2s ease;
}
.learn-link[data-v-cda91ee8]:hover {
  background-color: #e9ecef;
  text-decoration: none;
  border-color: #ced4da;
}
.learn-link i[data-v-cda91ee8] {
  font-size: 18px;
}

.check-icon[data-v-5cf7e1f6] {
  font-size: 14px;
  margin-left: 5px;
  /* color: #444; */
  color: green;
}
.document-section[data-v-5cf7e1f6] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 3px;
  position: relative;
}
.required-section[data-v-5cf7e1f6] {
  border: 1px solid red;
}
.uploaded-time[data-v-5cf7e1f6] {
  font-size: 0.8em;
  margin-top: -0.3em;
  margin-bottom: 0.5em;
}
.sign-doc-header[data-v-5cf7e1f6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.grade-item-container[data-v-5a721d93] {
  display: flex;
  align-items: center;
}
.grade-select > .form-control[data-v-5a721d93] {
  width: unset;
}
.grade-select[data-v-5a721d93] {
  margin-right: 0.5em;
}
.item-text[data-v-5a721d93] {
  flex-basis: 75%;
}

.description[data-v-78278aee] {
  font-size: 80%;
  font-weight: 400;
}
.radio-table-label[data-v-78278aee] {
  min-height: 20px;
}
.space-top[data-v-78278aee] {
  margin-top: 1em;
}
.radio-table-container[data-v-78278aee] {
  display: flex;
}
.item-label[data-v-78278aee] {
  flex-grow: 1;
}
.item-result[data-v-78278aee] {
  flex-basis: 30%;
  text-align: center;
}
.header-label[data-v-78278aee] {
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.25em;
}

.textbox-option[data-v-43300445] {
  display: inline-block;
  width: unset;
}
li.second-level[data-v-43300445] {
  margin-left: 2em;
  list-style: square;
}

.product-container[data-v-89bd77fa] {
  display: flex;
}
.icon-container[data-v-89bd77fa] {
  flex-basis: 6em;
  flex-shrink: 0;
}
.product-info[data-v-89bd77fa] {
  flex-grow: 1;
}
.product-summary[data-v-89bd77fa] {
  font-size: 1.2em;
  display: flex;
  font-weight: bold;
  margin-bottom: 0.2em;
}
.product-title[data-v-89bd77fa] {
  flex-grow: 1;
}
.icon-container > img[data-v-89bd77fa] {
  width: 5em;
}
.product-description[data-v-89bd77fa] {
  padding-right: 4em;
}
.selection-container[data-v-89bd77fa] {
  padding: 0.5em;
  margin-top: 4px;
  margin-bottom: 4px;
}
.selection-container .checkmark[data-v-89bd77fa] {
  top: 1.7em;
}
.selection-container[data-v-89bd77fa]:not(.selected-item):hover {
  background-color: #f0f4f5;
}
.selection-container.selected-item[data-v-89bd77fa] {
  background-color: #e4f2f6;
}
.result-container[data-v-89bd77fa] {
  font-weight: bold;
  font-size: 1.2em;
  text-align: right;
  padding: 0.5em;
  color: var(--coredarkcolor);
}
.result-title[data-v-89bd77fa] {
  display: inline-block;
  margin-right: 2em;
}

.rating-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: fit-content;
}
.rating-item {
  cursor: pointer;
}
.rating-container.disabled .rating-item {
  cursor: default;
}
.star-description {
  margin-left: 1em;
  min-width: 130px;
  padding: 0.5em;
  text-align: center;
  font-weight: 700;
  color: white;
}
.active {
  color: #f3d23e;
}
.star-poor {
  background: rgb(186, 186, 186);
}
.star-belowAverage {
  background: rgb(245, 195, 87);
}
.star-average {
  background: rgb(255, 172, 90);
}
.star-good {
  background: rgb(193, 215, 89);
}
.star-excellent {
  background: rgb(72, 150, 77);
}
.rating-result {
  margin-left: 0.5em;
  font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
}
.star-hover {
  color: #f3d23e;
}

.description[data-v-7927ce31] {
  font-size: 80%;
  font-weight: 400;
}
.radio-table-label[data-v-7927ce31] {
  min-height: 20px;
}
.space-top[data-v-7927ce31] {
  margin-top: 1em;
}
.radio-table-container[data-v-7927ce31] {
  display: flex;
}
.item-label[data-v-7927ce31] {
  flex-grow: 1;
}
.item-option[data-v-7927ce31] {
  flex-basis: 10%;
  text-align: center;
}
.item-option-checkbox[data-v-7927ce31] {
  padding-top: 0.3em;
}
.header-label[data-v-7927ce31] {
  font-weight: bold;
  text-align: center;
  margin-top: 0.6em;
  margin-bottom: 0.4em;
  font-size: 1.2em;
}
.space-right[data-v-7927ce31] {
  flex-basis: 2em;
}
.add-item-container[data-v-7927ce31] {
  display: flex;
  color: rgb(40, 40, 236);
  margin-left: 0.8em;
}
.add-text[data-v-7927ce31] {
  margin-left: 0.2em;
}
.add-item-container > span[data-v-7927ce31] {
  cursor: pointer;
}
.selection-container .radio-table-container[data-v-7927ce31]:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.item-label label[data-v-7927ce31] {
  margin: 0.45em;
}
.item-option-checkbox[data-v-7927ce31] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.note-column[data-v-7927ce31] {
  flex-basis: 30%;
}

.hide-item[data-v-253a926d] {
  display: none;
}
.selected-item[data-v-253a926d] {
  background-color: grey;
}

.description[data-v-6f3db752] {
  font-size: 80%;
  font-weight: 400;
}
.item-row > td[data-v-6f3db752] {
  padding-right: 1em;
}
.small-screen[data-v-6f3db752] {
  display: none;
}
@media (max-width: 600px) {
.small-screen[data-v-6f3db752] {
    display: block;
}
.medium-screen[data-v-6f3db752] {
    display: none;
}
.from-to-info > div[data-v-6f3db752] {
    flex-basis: 50%;
    flex-grow: 1;
}
.day-column[data-v-6f3db752] {
    font-weight: bold;
}
.display-item-container[data-v-6f3db752] {
    margin-bottom: 0.6em;
}
}

.description[data-v-242b5f37] {
  font-size: 80%;
  font-weight: 400;
}

.row-container[data-v-08e7ba61] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-08e7ba61] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-08e7ba61] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-08e7ba61] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.checklist-element[data-v-08e7ba61] {
  flex-grow: 1;
  flex-basis: 50%;
  padding-right: 0.5em;
}
.condition-element[data-v-08e7ba61] {
  flex-grow: 1;
  flex-basis: 50%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.detail-info[data-v-0af53336] {
  white-space: pre-wrap;
}
.sub-header-detail[data-v-0af53336],
.header-detail[data-v-0af53336] {
  margin-top: 1.25em;
  margin-bottom: -0.5em;
  padding-left: 15px;
}
.sub-header-detail > h5[data-v-0af53336] {
  margin-bottom: 0;
}
.label-no-margin-top .sub-header-detail[data-v-0af53336] {
  margin-bottom: 0.5em;
}
.label-no-margin-top .header-detail[data-v-0af53336] {
  margin-bottom: 0.5em;
}
.col-lg-12 > .sub-header-detail[data-v-0af53336] {
  padding-left: 0;
}
.image-display[data-v-0af53336] {
  max-width: 100%;
  max-height: 10em;
}
.image-at-top[data-v-0af53336] {
  max-width: 100%;
  max-height: 10em;
  position: absolute;
  top: 0;
  right: 1.5em;
}
.field-of-fields[data-v-0af53336] {
  position: relative;
}
.space-empty-label[data-v-0af53336] {
  margin-top: 12px;
}
.display-label[data-v-0af53336] {
  display: inline-flex;
  align-items: center;
}
.display-label > i.material-icons[data-v-0af53336] {
  font-size: 18px;
}
.field-of-fields.no-label-margin label[data-v-0af53336] {
  margin-top: 5px;
}
.label-row[data-v-0af53336] {
  display: flex;
  margin-bottom: 10px;
}
.label-row > label[data-v-0af53336] {
  width: 150px;
  min-width: 150px;
}
.video-controls button[data-v-0af53336] {
  margin-right: 4px;
  padding: 2px 8px;
  border: 1px solid #ccc;
  background: #f8f8f8;
  cursor: pointer;
  border-radius: 3px;
}
.video-controls button.active[data-v-0af53336] {
  background: #1976d2;
  color: #fff;
  border-color: #1976d2;
}
img.square-image[data-v-0af53336] {
  width: 100% !important;
  height: unset !important;
}
.user-image-container[data-v-0af53336] {
  position: relative;
  width: 225px;
  background-color: #fff;
  height: 225px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-image-container .user-image[data-v-0af53336] {
  opacity: 1;
  display: block;
  transition: 0.5s ease;
  backface-visibility: hidden;
  width: 225px;
  height: 225px;
  object-fit: cover;
}

.visibility-scope-container[data-v-3b3464a4] {
  top: 0;
  right: 0;
  position: absolute;
}
.second-btn[data-v-3b3464a4] {
  right: 22px;
}
.view-info-button[data-v-3b3464a4] {
  width: 12em;
  margin-top: 1em;
}
.delete-doc-button[data-v-3b3464a4] {
  margin-top: 13px;
}
.expiration-info[data-v-3b3464a4] {
  margin-top: -0.5rem;
  margin-bottom: 0.8rem;
}
.expiration-info > span[data-v-3b3464a4] {
  /* border: solid 1px var(--coredarkercolor); */
  color: var(--coredarkercolor);
  border-radius: 0.4rem;
  padding: 0.3rem;
}
.expiration-info.expired > span[data-v-3b3464a4] {
  border: solid 1px red;
  color: red;
}
.uploaded-time[data-v-3b3464a4] {
  font-size: 0.8em;
  margin-top: -0.3em;
  margin-bottom: 0.5em;
}
.visibility-scope-container[data-v-3b3464a4] {
  top: 0;
  right: 0;
  position: absolute;
}
.scope-public[data-v-3b3464a4] {
  color: rgb(177 157 14);
  cursor: pointer;
}
.scope-private[data-v-3b3464a4] {
  color: rgb(9 152 152);
  cursor: pointer;
}
.file-info-container[data-v-3b3464a4] {
  position: relative;
  padding-top: 1.8em;
}
.display-file-name[data-v-3b3464a4] {
  display: inline-block;
  max-width: 100%;
  /* Adjust the width as needed */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  font-size: 14px;
}

.check-icon[data-v-31852637] {
  font-size: 14px;
  margin-left: 5px;
  /* color: #444; */
  color: green;
}
@media (max-width: 480px) {
.btn-desktop-visible[data-v-31852637] {
    display: none;
}
}
@media (min-width: 481px) {
.btn-mobile-visible[data-v-31852637] {
    display: none;
}
}
.document-section[data-v-31852637] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 3px;
  position: relative;
}
.required-section[data-v-31852637] {
  border: 1px solid red;
}
.required-star[data-v-31852637] {
  color: red;
}
.modal[data-v-31852637] {
  z-index: 10000000;
}
.view-button[data-v-31852637] {
  color: white;
}
.uploaded-button-container[data-v-31852637] {
  margin-top: -4px;
}
.view-button-container[data-v-31852637] {
  display: inline-block;
  margin-top: 4px;
}
.delete-doc-button[data-v-31852637] {
  margin-top: 13px;
}
.view-file-button[data-v-31852637] {
  width: 12em;
  margin-top: 1em;
}
.view-info-button[data-v-31852637] {
  width: 12em;
  margin-top: 1em;
}
.expiration-info[data-v-31852637] {
  margin-top: -0.5rem;
  margin-bottom: 0.8rem;
}
.expiration-info > span[data-v-31852637] {
  /* border: solid 1px var(--coredarkercolor); */
  color: var(--coredarkercolor);
  border-radius: 0.4rem;
  padding: 0.3rem;
}
.expiration-info.expired > span[data-v-31852637] {
  border: solid 1px red;
  color: red;
}
.uploaded-time[data-v-31852637] {
  font-size: 0.8em;
  margin-top: -0.3em;
  margin-bottom: 0.5em;
}
.visibility-scope-container[data-v-31852637] {
  top: 0;
  right: 0;
  position: absolute;
}
.scope-public[data-v-31852637] {
  color: rgb(177 157 14);
  cursor: pointer;
}
.scope-private[data-v-31852637] {
  color: rgb(9 152 152);
  cursor: pointer;
}
.download-blank-template[data-v-31852637] {
  top: 0;
  right: 0;
  cursor: pointer;
  position: absolute;
}
.download-blank-template.second-btn[data-v-31852637] {
  right: 22px;
}
.background-check-section .background-check[data-v-31852637] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 3px;
  width: fit-content;
  padding: 1rem 2rem;
  text-align: center;
  height: 100%;
}
.background-check-section .background-check .image[data-v-31852637] {
  width: 200px;
}
.background-check-section .background-check .image img[data-v-31852637] {
  width: 100%;
}
.background-check-modal-text[data-v-31852637] {
  font-size: 1.5rem;
}
.background-modal-buttons[data-v-31852637] {
  display: flex;
  justify-content: space-between;
}
.powered-text[data-v-31852637] {
  font-size: 12px;
}
@media print {
.no-pagebreak[data-v-31852637] {
    break-inside: avoid;
}
}
.expired-info[data-v-31852637] {
  font-weight: bold;
  color: red;
}
.multiple-file[data-v-31852637] {
  border: 1px solid var(--bootstrapgrey);
  padding-top: 1em;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.check-icon[data-v-72b829be] {
  font-size: 14px;
  margin-left: 5px;
  /* color: #444; */
  color: green;
}
@media (max-width: 480px) {
.btn-desktop-visible[data-v-72b829be] {
    display: none;
}
}
@media (min-width: 481px) {
.btn-mobile-visible[data-v-72b829be] {
    display: none;
}
}
.document-section[data-v-72b829be] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 3px;
  position: relative;
}
.required-section[data-v-72b829be] {
  border: 1px solid red !important;
}
/*start refactor classes */
.file-container-deck[data-v-72b829be] {
  outline: thin solid darkgrey;
  height: calc(45vh + 25px);
  overflow: clip;
  width: 100%;
  border-radius: 5px;
  position: relative;
  margin-bottom: 2vh;
}
.grid-container[data-v-72b829be] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns per row */
  gap: 10px; /* space between squares */
}
.carousel[data-v-72b829be] {
  overflow: hidden;
  min-width: 100%;
  width: 0;
}
.grid-container--column[data-v-72b829be] {
  min-width: 0;
}
.file-container-deck-grid[data-v-72b829be] {
  position: relative;
  outline: thin solid darkgrey;
  height: calc(45vh + 25px);
  overflow: clip;
  width: 98%;
  border-radius: 5px;
  position: relative;
  margin-bottom: 2vh;
}
.heading-icon[data-v-72b829be] {
  color: var(--coredarkcolor) !important;
}
.subheading-uploaded[data-v-72b829be] {
  color: #112d46;
  opacity: 60%;
  font-size: 12px;
  font-weight: normal;
}
.slider-section[data-v-72b829be] {
  min-width: 0;
  min-height: 0;
  width: 100%;
  position: relative;
  height: 32vh;
}
.internal-title[data-v-72b829be] {
  position: absolute;
  top: 2vh;
  left: 2vh;
  width: 80%;
  overflow: clip;
}
.sub-title-text[data-v-72b829be] {
  position: absolute;
  top: 4.2vh;
  left: 2vh;
  color: grey;
}
.top-right[data-v-72b829be] {
  position: absolute;
  top: 2vh;
  right: 2vh;
  color: #7e7e7e;
  cursor: pointer;
}
.menu-container[data-v-72b829be] {
  position: absolute;
  top: 3vh;
  right: 2vh;
  color: #7e7e7e;
  cursor: pointer;
  border-radius: 3px;
}
.menu-container[data-v-72b829be]:hover {
  background-color: lightgrey;
}
.dropdown-menu[data-v-72b829be] {
  display: none;
  top: 3vh;
  right: 2vh;
  cursor: pointer;
  border-radius: 3px;
}
.menu-container:active .dropdown-menu[data-v-72b829be] {
  display: block;
}
.center-right[data-v-72b829be] {
  right: 2vh;
  float: right;
  top: 50%;
}
.empty-container-deck[data-v-72b829be] {
  outline: thin solid darkgrey;
  position: relative;

  height: 20vh;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 2vh;
}
.file-container-card-single[data-v-72b829be] {
  position: relative;
  outline: thin solid darkgrey;
  height: 28vh;
  width: 40%;
  border-radius: 5px;
  overflow: clip;
  margin-bottom: 2vh;
  margin-right: 1vh;
}
.uploaded-button-container-incard[data-v-72b829be] {
  position: absolute;
  width: 80%;
  bottom: 2vh;
  left: 10%;
}
.toggle-btn-left[data-v-72b829be] {
  color: darkgray;
  height: 35px;
  width: 35px;
  outline: thin solid darkgrey;
  border-radius: 3px 0px 0px 3px;
  margin-right: 0px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
}
.toggle-btn-right[data-v-72b829be] {
  color: darkgray;
  text-align: center;
  outline: thin solid darkgray;
  border-radius: 0px 3px 3px 0px;
  margin-left: 0px;
  height: 35px;
  width: 35px;
  display: inline-block;
  cursor: pointer;
  background-color: transparent;
}
.toggle-btn-left.toggle-btn-active[data-v-72b829be] {
  background-color: #b5c8e7;
  color: #204f79;
}
.toggle-btn-right.toggle-btn-active[data-v-72b829be] {
  background-color: #b5c8e7;
  color: #204f79;
}

/* end refactor styles */
.required-star[data-v-72b829be] {
  color: red;
}
.modal[data-v-72b829be] {
  z-index: 10000000;
}
.toggle-list-grid-container[data-v-72b829be] {
  font-size: 0;
}
.view-button[data-v-72b829be] {
  color: white;
}
.uploaded-button-container[data-v-72b829be] {
  margin-top: -4px;
}
.view-button-container[data-v-72b829be] {
  display: inline-block;
  margin-top: 4px;
}
.delete-doc-button[data-v-72b829be] {
  margin-top: 13px;
}
.view-file-button[data-v-72b829be] {
  width: 12em;
  margin-top: 1em;
}
.view-info-button[data-v-72b829be] {
  width: 12em;
  margin-top: 1em;
}
.expiration-info[data-v-72b829be] {
  margin-top: -0.5rem;
  margin-bottom: 0.8rem;
}
.expiration-info > span[data-v-72b829be] {
  /* border: solid 1px var(--coredarkercolor); */
  color: var(--coredarkercolor);
  border-radius: 0.4rem;
  padding: 0.3rem;
}
.number-description[data-v-72b829be] {
  color: #112d46;
  opacity: 0.6;
}
.expiration-info.expired > span[data-v-72b829be] {
  border: solid 1px red;
  color: red;
}
.uploaded-time[data-v-72b829be] {
  font-size: 0.8em;
  margin-top: -0.3em;
  margin-bottom: 0.5em;
}
.visibility-scope-container[data-v-72b829be] {
  top: 0;
  right: 0;
  position: absolute;
}
.scope-public[data-v-72b829be] {
  color: rgb(177 157 14);
  cursor: pointer;
}
.scope-private[data-v-72b829be] {
  color: rgb(9 152 152);
  cursor: pointer;
}
.download-blank-template[data-v-72b829be] {
  top: 0;
  right: 0;
  cursor: pointer;
  position: absolute;
}
.download-blank-template.second-btn[data-v-72b829be] {
  right: 22px;
}
.background-check-section .background-check[data-v-72b829be] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 3px;
  width: fit-content;
  padding: 1rem 2rem;
  text-align: center;
  height: 100%;
}
.background-check-section .background-check .image[data-v-72b829be] {
  width: 200px;
}
.background-check-section .background-check .image img[data-v-72b829be] {
  width: 100%;
}
.static-dots[data-v-72b829be] {
  position: static;
}
.background-check-modal-text[data-v-72b829be] {
  font-size: 1.5rem;
}
.background-modal-buttons[data-v-72b829be] {
  display: flex;
  justify-content: space-between;
}
.powered-text[data-v-72b829be] {
  font-size: 12px;
}
@media print {
.no-pagebreak[data-v-72b829be] {
    break-inside: avoid;
}
}
.expired-info[data-v-72b829be] {
  font-weight: bold;
  color: red;
}
.multiple-file[data-v-72b829be] {
  border: 1px solid var(--bootstrapgrey);
  padding-top: 1em;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.check-icon[data-v-b4f8cdf2] {
  font-size: 14px;
  margin-left: 5px;
  /* color: #444; */
  color: green;
}
.document-section[data-v-b4f8cdf2] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 3px;
  position: relative;
}
.toggle-list-grid-container[data-v-b4f8cdf2] {
  font-size: 0;
}
.sign-button-container[data-v-b4f8cdf2] {
  position: relative;
  margin-left: auto;
}
.sign-button-grid-container[data-v-b4f8cdf2] {
  position: relative;
  bottom: 5px;
  width: 100%;
  align-self: end;
}
.sign-button-grid[data-v-b4f8cdf2] {
  position: relative;
  width: 85%;
  bottom: 15px;
}
.toggle-btn-left[data-v-b4f8cdf2] {
  color: darkgray;
  height: 35px;
  width: 35px;
  outline: thin solid darkgrey;
  border-radius: 3px 0px 0px 3px;
  margin-right: 0px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
}
.toggle-btn-right[data-v-b4f8cdf2] {
  color: darkgray;
  text-align: center;
  outline: thin solid darkgray;
  border-radius: 0px 3px 3px 0px;
  margin-left: 0px;
  height: 35px;
  width: 35px;
  display: inline-block;
  cursor: pointer;
  background-color: transparent;
}
.li[data-v-b4f8cdf2] {
  letter-spacing: normal; /* Resets any excessive letter-spacing */
  word-spacing: normal; /* Resets any excessive word-spacing */
}
.toggle-btn-left.toggle-btn-active[data-v-b4f8cdf2] {
  background-color: #b5c8e7;
  color: #204f79;
}
.signable-container-grid[data-v-b4f8cdf2] {
  display: grid;
  outline: thin solid darkgrey;
  height: 30vh;
  width: 100%;
  border-radius: 5px;
  position: relative;
  margin-bottom: 2vh;
}
.signable-container[data-v-b4f8cdf2] {
  outline: thin solid darkgrey;
  height: 20vh;
  width: 100%;
  border-radius: 5px;
  position: relative;
  margin-bottom: 2vh;
  display: flex;
  align-items: center;
}
.menu-container[data-v-b4f8cdf2] {
  position: relative;
  margin-left: 2vw;
  top: 5px;
  right: 2vw;
  color: #7e7e7e;
  cursor: pointer;
  border-radius: 3px;
}
.menu-container-grid[data-v-b4f8cdf2] {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #7e7e7e;
  cursor: pointer;
  border-radius: 3px;
}
.menu-container-grid[data-v-b4f8cdf2]:hover {
  background-color: lightgrey;
}
.menu-container[data-v-b4f8cdf2]:hover {
  background-color: lightgrey;
}
.dropdown-menu[data-v-b4f8cdf2] {
  display: none;
  cursor: pointer;
  border-radius: 3px;
}
.menu-container:active .dropdown-menu[data-v-b4f8cdf2] {
  display: block;
}
.dropdownlist-container[data-v-b4f8cdf2] {
  position: absolute;
  background-color: white;
  border: solid 1px #7e7e7e;
  border-radius: 3px;
  right: 20px;
  box-shadow: 1px -1px #cbcaca;
  z-index: 99999999 !important;
  cursor: pointer;
}
.dropdownlist-container-grid[data-v-b4f8cdf2] {
  position: absolute;
  background-color: white;
  border: solid 1px #7e7e7e;
  border-radius: 3px;
  right: 20px;
  top: 30px;
  box-shadow: 1px -1px #cbcaca;
  z-index: 99999999 !important;
  cursor: pointer;
}
.flex-right[data-v-b4f8cdf2] {
  margin-left: auto;
}
.toggle-btn-right.toggle-btn-active[data-v-b4f8cdf2] {
  background-color: #b5c8e7;
  color: #204f79;
}
.delete-text[data-v-b4f8cdf2] {
  color: red !important;
}
.required-section[data-v-b4f8cdf2] {
  border: 1px solid red;
}
.number-description[data-v-b4f8cdf2] {
  color: #112d46;
  opacity: 0.6;
}
.uploaded-time[data-v-b4f8cdf2] {
  font-size: 0.8em;
  margin-top: -0.3em;
  margin-bottom: 0.5em;
  color: #112d46;
  opacity: 0.6;
}
.dropdown-list[data-v-b4f8cdf2] {
  list-style-type: none;
  display: block;
  position: relative;
  padding: 0px;
}
.dropdown-list > li[data-v-b4f8cdf2]:hover {
  background-color: rgb(177, 187, 198);
}
.dropdown-list > li[data-v-b4f8cdf2] {
  color: var(--coredarkcolor);
  font-size: 0.8em;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.display-file-title[data-v-b4f8cdf2] {
  color: var(--coredarkcolor);
  font-size: 1.1em;
  padding-left: 4px;
  font-weight: bold;
  max-width: 70%;
  overflow-wrap: break-word;
  white-space: normal;
  justify-self: center;
}

.check-icon[data-v-1bf779b4] {
  font-size: 14px;
  margin-left: 5px;
  /* color: #444; */
  color: green;
}
.document-section[data-v-1bf779b4] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 3px;
  position: relative;
}
.toggle-list-grid-container[data-v-1bf779b4] {
  font-size: 0;
}
.sign-button-container[data-v-1bf779b4] {
  position: relative;
  margin-left: auto;
}
.toggle-btn-left[data-v-1bf779b4] {
  color: darkgray;
  height: 35px;
  width: 35px;
  outline: thin solid darkgrey;
  border-radius: 3px 0px 0px 3px;
  margin-right: 0px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
}
.toggle-btn-right[data-v-1bf779b4] {
  color: darkgray;
  text-align: center;
  outline: thin solid darkgray;
  border-radius: 0px 3px 3px 0px;
  margin-left: 0px;
  height: 35px;
  width: 35px;
  display: inline-block;
  cursor: pointer;
  background-color: transparent;
}
.toggle-btn-left.toggle-btn-active[data-v-1bf779b4] {
  background-color: #b5c8e7;
  color: #204f79;
}
.signable-container[data-v-1bf779b4] {
  outline: thin solid darkgrey;
  height: 20vh;
  width: 100%;
  border-radius: 5px;
  position: relative;
  margin-bottom: 2vh;
  display: flex;
  align-items: center;
}
.menu-container[data-v-1bf779b4] {
  position: relative;
  margin-left: 2vw;
  top: 5px;
  right: 2vw;
  color: #7e7e7e;
  cursor: pointer;
  border-radius: 3px;
}
.menu-container[data-v-1bf779b4]:hover {
  background-color: lightgrey;
}
.dropdown-menu[data-v-1bf779b4] {
  display: none;
  cursor: pointer;
  border-radius: 3px;
}
.menu-container:active .dropdown-menu[data-v-1bf779b4] {
  display: block;
}
.dropdownlist-container[data-v-1bf779b4] {
  position: absolute;
  background-color: white;
  border: solid 1px #7e7e7e;
  border-radius: 3px;
  right: 20px;
  box-shadow: 1px -1px #cbcaca;
  z-index: 999999;
  cursor: pointer;
}
.flex-right[data-v-1bf779b4] {
  margin-left: auto;
}
.toggle-btn-right.toggle-btn-active[data-v-1bf779b4] {
  background-color: #b5c8e7;
  color: #204f79;
}
.required-section[data-v-1bf779b4] {
  border: 1px solid red;
}
.number-description[data-v-1bf779b4] {
  color: #112d46;
  opacity: 0.6;
}
.uploaded-time[data-v-1bf779b4] {
  font-size: 0.8em;
  margin-top: -0.3em;
  margin-bottom: 0.5em;
  color: #112d46;
  opacity: 0.6;
}
.dropdown-list[data-v-1bf779b4] {
  list-style-type: none;
  padding: 0px;
}
.dropdown-list > li[data-v-1bf779b4]:hover {
  background-color: rgb(177, 187, 198);
}
.dropdown-list > li[data-v-1bf779b4] {
  color: var(--coredarkcolor);
  font-size: 0.8em;
  align-content: center;
  justify-content: center;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.visibility-scope-container[data-v-ef3263ba] {
  top: 0;
  right: 0;
  position: absolute;
}
.second-btn[data-v-ef3263ba] {
  right: 22px;
}
.menu-container[data-v-ef3263ba] {
  position: absolute;
  right: 1vw;
  top: 1.2vh;
  color: #7e7e7e;
  cursor: pointer;
  border-radius: 3px;
}
.calendar-size[data-v-ef3263ba] {
  font-size: 16px;
}
.view-info-button[data-v-ef3263ba] {
  width: 12em;
  margin-top: 1em;
}
.delete-doc-button[data-v-ef3263ba] {
  margin-top: 13px;
}
.file-container-card-single[data-v-ef3263ba] {
  position: relative;
  outline: thin solid darkgrey;
  height: 31vh;
  width: 40%;
  border-radius: 5px;
  overflow: clip;
  margin-right: 1vh;
}
.card-btn[data-v-ef3263ba] {
  position: absolute;
  bottom: 3vh;
  width: 100%;
  padding-right: 1vw;
}
.expiration-info[data-v-ef3263ba] {
  color: #7e7e7e;
}
.expiration-info > span[data-v-ef3263ba] {
  /* border: solid 1px var(--coredarkercolor); */

  border-radius: 0.4rem;
  padding: 0.3rem;
}
.dropdownlist-container[data-v-ef3263ba] {
  position: absolute;
  background-color: white;
  top: 35px;
  right: 20px;
  border: solid 1px #7e7e7e;
  border-radius: 3px;
  box-shadow: 1px -1px #cbcaca;
  z-index: 999999;
  cursor: pointer;
}
.dropdownlist-container-grid[data-v-ef3263ba] {
  position: absolute;
  background-color: white;
  top: 35px;
  right: 24px;
  border: solid 1px #7e7e7e;
  border-radius: 3px;
  box-shadow: 1px -1px #cbcaca;
  z-index: 999999;
  cursor: pointer;
}
.dropdown-list[data-v-ef3263ba] {
  list-style-type: none;
  padding: 0px;
}
.dropdown-list > li[data-v-ef3263ba]:hover {
  background-color: rgb(177, 187, 198);
}
.delete-text[data-v-ef3263ba] {
  color: red !important;
}
.dropdown-list-li[data-v-ef3263ba] {
  color: var(--coredarkcolor);
  font-size: 0.8em;
  padding-left: 6px;
  width: auto;
  height: auto;
  text-align: left;
  display: block;
  padding-right: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.menu-container[data-v-ef3263ba]:hover {
  background-color: lightgrey;
}
.expired > span[data-v-ef3263ba] {
  border: solid 1px red;
  color: red;
}
.uploaded-time[data-v-ef3263ba] {
  font-size: 0.8em;
  margin-top: -0.3em;
  margin-bottom: 0.5em;
}
.visibility-scope-container[data-v-ef3263ba] {
  top: 0;
  right: 0;
  position: absolute;
}
.scope-public[data-v-ef3263ba] {
  color: rgb(177 157 14);
  cursor: pointer;
}
.scope-private[data-v-ef3263ba] {
  color: rgb(9 152 152);
  cursor: pointer;
}
.file-info-container[data-v-ef3263ba] {
  position: relative;
  width: 100%;
}
.display-file-title[data-v-ef3263ba] {
  color: var(--coredarkcolor);
  font-size: 1.2em;
  padding-left: 4px;
  font-weight: bold;
  max-width: 70%;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
  text-align: left;
}
.display-file-name[data-v-ef3263ba] {
  display: inline-block;
  max-width: 70%;
  /* Adjust the width as needed */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding-left: 4px;
  font-size: 14px;
}
.slick-track[data-v-e4caeaf8]{position:relative;top:0;left:0;display:block;-webkit-transform:translateZ(0);transform:translateZ(0)}.slick-track.slick-center[data-v-e4caeaf8]{margin-left:auto;margin-right:auto}.slick-track[data-v-e4caeaf8]:after,.slick-track[data-v-e4caeaf8]:before{display:table;content:""}.slick-track[data-v-e4caeaf8]:after{clear:both}.slick-loading .slick-track[data-v-e4caeaf8]{visibility:hidden}.slick-slide[data-v-e4caeaf8]{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide[data-v-e4caeaf8]{float:right}.slick-slide img[data-v-e4caeaf8]{display:block}.slick-slide.slick-loading img[data-v-e4caeaf8]{display:none}.slick-slide.dragging img[data-v-e4caeaf8]{pointer-events:none}.slick-initialized .slick-slide[data-v-e4caeaf8]{display:block}.slick-loading .slick-slide[data-v-e4caeaf8]{visibility:hidden}.slick-vertical .slick-slide[data-v-e4caeaf8]{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden[data-v-21137603]{display:none}.slick-slider[data-v-3d1a4f76]{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list[data-v-3d1a4f76]{position:relative;display:block;overflow:hidden;margin:0;padding:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.slick-list[data-v-3d1a4f76]:focus{outline:none}.slick-list.dragging[data-v-3d1a4f76]{cursor:pointer;cursor:hand}
/* Icons */
@font-face {
  font-family: 'slick';
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA0AAAAAB2wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE0AAAABoAAAAcdIcYB0dERUYAAAS0AAAAHAAAAB4AJwANT1MvMgAAAZwAAABRAAAAYFAQ/45jbWFwAAACAAAAAFcAAAFiIhFFt2dhc3AAAASsAAAACAAAAAj//wADZ2x5ZgAAAmgAAAE1AAACLD+btmBoZWFkAAABMAAAAC8AAAA2AAEx+2hoZWEAAAFgAAAAHAAAACQD5QIFaG10eAAAAfAAAAAQAAAAFgZKAEpsb2NhAAACWAAAABAAAAAQATYBoG1heHAAAAF8AAAAHQAAACAASwBHbmFtZQAAA6AAAADcAAABbgUngcJwb3N0AAAEfAAAAC4AAABFOXjBpHjaY2BkYGAA4vMGfuHx/DZfGbiZGEDgfGFFPZxWZVBlvM14G8jlYABLAwAT1QnNAHjaY2BkYGC8zcDAoMfEAAJANiMDKmABADBkAe942mNgZGBgYGdwYWBiAAEQycgAEnMA8xkACcgAkwAAAHjaY2BmYmCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjKAQQNQCZBSYICCgDTXFAYHhkTFSYwP/j9g0GO8/f82A0QNA+NtsBIFBkYANHMN4wAAAHjaY2KAACYIVoVAAALCAJt42mNgYGBmgGAZBkYGEIgB8hjBfBYGByDNw8DBwARkMzAkKigpTlCc9P8/WB0S7/+i+4/uld4rgZoAB4xsDHAhRiYgwcSApoCBcsBMBTNYGGgGAEdEDyUAAAAAAAAAAAAAZgCKANABFnjadZBdToNAEMd3CrtAl5TQLtS0LCoN0A8SGkBI+mAfPET75B1896HppfQcvnII4w3cLYpW6k4ymdn9z8xvBwEKUQg11OgBIXAYWUEQR1uIZoFGpLGxKy3PqrIq8+waXIfJ+5mQSSvkvXwRqqocu1D39QMl2JgvN9zzhsyk1GRDz+OBfzMioCqx0rtdLYo0SiZTZttsOkmidBkveKibFF4Oep9SI46bqk3Twhp4iihUemrMWFPy2NRbthfqKkHi/PxlJLITZdAiSj6ouZ+tn9eZz78DuD9LZYB6bZ8rlCAUVuVdkULjxV4sIEysIc/KSyPmnJDdjhCOdQ0fCTliTX/tjH3ysWao+71qaNjHQjcQwrcuyl+WLZQthCMotJP/h+Xjazz+hfTeRWmG4zOiSyif/q1OtAAAAHjabY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV42mNgYkAGjAzogB0sysTgwtDOyMTIzJlYVJRfnpOaVsIFZhVlpmeUAABuKQkSAAAAAAAB//8AAnjaY2BkYGDgAWIxIGZiYARCNiBmAfMYAAPgADV42mNgYGBkAIKrS9Q5QPT5wop6GA0APf8GGAAA)
    format('woff');
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;

  position: absolute;
  top: 50%;

  display: block;

  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;

  opacity: 0.75;
  color: white;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: '←';
}
[dir='rtl'] .slick-prev:before {
  content: '→';
}

.slick-next {
  right: -25px;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: '→';
}
[dir='rtl'] .slick-next:before {
  content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}
.slick-dots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: '•';
  text-align: center;

  opacity: 0.25;
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

.check-icon[data-v-53f3db58] {
  font-size: 14px;
  margin-left: 5px;
  /* color: #444; */
  color: green;
}
@media (max-width: 480px) {
.btn-desktop-visible[data-v-53f3db58] {
    display: none;
}
}
@media (min-width: 481px) {
.btn-mobile-visible[data-v-53f3db58] {
    display: none;
}
}
.document-section[data-v-53f3db58] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 3px;
  position: relative;
}
.required-section[data-v-53f3db58] {
  border: 1px solid red !important;
}
/*start refactor classes */
.file-container-deck[data-v-53f3db58] {
  outline: thin solid darkgrey;
  height: calc(45vh + 25px);
  overflow: clip;
  width: 100%;
  border-radius: 5px;
  position: relative;
  margin-bottom: 2vh;
}
.grid-container[data-v-53f3db58] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns per row */
  gap: 10px; /* space between squares */
}
.carousel[data-v-53f3db58] {
  overflow: hidden;
  min-width: 100%;
  width: 0;
}
.grid-container--column[data-v-53f3db58] {
  min-width: 0;
}
.file-container-deck-grid[data-v-53f3db58] {
  position: relative;
  outline: thin solid darkgrey;
  height: calc(45vh + 25px);
  overflow: clip;
  width: 98%;
  border-radius: 5px;
  position: relative;
  margin-bottom: 2vh;
}
.heading-icon[data-v-53f3db58] {
  color: var(--coredarkcolor) !important;
}
.subheading-uploaded[data-v-53f3db58] {
  color: #112d46;
  opacity: 60%;
  font-size: 12px;
  font-weight: normal;
}
.slider-section[data-v-53f3db58] {
  min-width: 0;
  min-height: 0;
  width: 100%;
  position: relative;
  height: 32vh;
}
.internal-title[data-v-53f3db58] {
  position: absolute;
  top: 2vh;
  left: 2vh;
  width: 80%;
  overflow: clip;
}
.sub-title-text[data-v-53f3db58] {
  position: absolute;
  top: 4.2vh;
  left: 2vh;
  color: grey;
}
.top-right[data-v-53f3db58] {
  position: absolute;
  top: 2vh;
  right: 2vh;
  color: #7e7e7e;
  cursor: pointer;
}
.menu-container[data-v-53f3db58] {
  position: absolute;
  top: 3vh;
  right: 2vh;
  color: #7e7e7e;
  cursor: pointer;
  border-radius: 3px;
}
.menu-container[data-v-53f3db58]:hover {
  background-color: lightgrey;
}
.dropdown-menu[data-v-53f3db58] {
  display: none;
  top: 3vh;
  right: 2vh;
  cursor: pointer;
  border-radius: 3px;
}
.menu-container:active .dropdown-menu[data-v-53f3db58] {
  display: block;
}
.center-right[data-v-53f3db58] {
  right: 2vh;
  float: right;
  top: 50%;
}
.empty-container-deck[data-v-53f3db58] {
  outline: thin solid darkgrey;
  position: relative;

  height: 20vh;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 2vh;
}
.file-container-card-single[data-v-53f3db58] {
  position: relative;
  outline: thin solid darkgrey;
  height: 28vh;
  width: 40%;
  border-radius: 5px;
  overflow: clip;
  margin-bottom: 2vh;
  margin-right: 1vh;
}
.uploaded-button-container-incard[data-v-53f3db58] {
  position: absolute;
  width: 80%;
  bottom: 2vh;
  left: 10%;
}
.toggle-btn-left[data-v-53f3db58] {
  color: darkgray;
  height: 35px;
  width: 35px;
  outline: thin solid darkgrey;
  border-radius: 3px 0px 0px 3px;
  margin-right: 0px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
}
.toggle-btn-right[data-v-53f3db58] {
  color: darkgray;
  text-align: center;
  outline: thin solid darkgray;
  border-radius: 0px 3px 3px 0px;
  margin-left: 0px;
  height: 35px;
  width: 35px;
  display: inline-block;
  cursor: pointer;
  background-color: transparent;
}
.toggle-btn-left.toggle-btn-active[data-v-53f3db58] {
  background-color: #b5c8e7;
  color: #204f79;
}
.toggle-btn-right.toggle-btn-active[data-v-53f3db58] {
  background-color: #b5c8e7;
  color: #204f79;
}

/* end refactor styles */
.required-star[data-v-53f3db58] {
  color: red;
}
.modal[data-v-53f3db58] {
  z-index: 10000000;
}
.toggle-list-grid-container[data-v-53f3db58] {
  font-size: 0;
}
.view-button[data-v-53f3db58] {
  color: white;
}
.uploaded-button-container[data-v-53f3db58] {
  margin-top: -4px;
}
.view-button-container[data-v-53f3db58] {
  display: inline-block;
  margin-top: 4px;
}
.delete-doc-button[data-v-53f3db58] {
  margin-top: 13px;
}
.view-file-button[data-v-53f3db58] {
  width: 12em;
  margin-top: 1em;
}
.view-info-button[data-v-53f3db58] {
  width: 12em;
  margin-top: 1em;
}
.expiration-info[data-v-53f3db58] {
  margin-top: -0.5rem;
  margin-bottom: 0.8rem;
}
.expiration-info > span[data-v-53f3db58] {
  /* border: solid 1px var(--coredarkercolor); */
  color: var(--coredarkercolor);
  border-radius: 0.4rem;
  padding: 0.3rem;
}
.number-description[data-v-53f3db58] {
  color: #112d46;
  opacity: 0.6;
}
.expiration-info.expired > span[data-v-53f3db58] {
  border: solid 1px red;
  color: red;
}
.uploaded-time[data-v-53f3db58] {
  font-size: 0.8em;
  margin-top: -0.3em;
  margin-bottom: 0.5em;
}
.visibility-scope-container[data-v-53f3db58] {
  top: 0;
  right: 0;
  position: absolute;
}
.scope-public[data-v-53f3db58] {
  color: rgb(177 157 14);
  cursor: pointer;
}
.scope-private[data-v-53f3db58] {
  color: rgb(9 152 152);
  cursor: pointer;
}
.download-blank-template[data-v-53f3db58] {
  top: 0;
  right: 0;
  cursor: pointer;
  position: absolute;
}
.download-blank-template.second-btn[data-v-53f3db58] {
  right: 22px;
}
.background-check-section .background-check[data-v-53f3db58] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 3px;
  width: fit-content;
  padding: 1rem 2rem;
  text-align: center;
  height: 100%;
}
.background-check-section .background-check .image[data-v-53f3db58] {
  width: 200px;
}
.background-check-section .background-check .image img[data-v-53f3db58] {
  width: 100%;
}
.static-dots[data-v-53f3db58] {
  position: static;
}
.background-check-modal-text[data-v-53f3db58] {
  font-size: 1.5rem;
}
.background-modal-buttons[data-v-53f3db58] {
  display: flex;
  justify-content: space-between;
}
.powered-text[data-v-53f3db58] {
  font-size: 12px;
}
@media print {
.no-pagebreak[data-v-53f3db58] {
    break-inside: avoid;
}
}
.expired-info[data-v-53f3db58] {
  font-weight: bold;
  color: red;
}
.multiple-file[data-v-53f3db58] {
  border: 1px solid var(--bootstrapgrey);
  padding-top: 1em;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.field-type-container[data-v-a4a9e180] {
  width: 100%;
}
.field-type[data-v-a4a9e180] {
  flex-direction: column;
}
.multiselect-icon[data-v-a4a9e180] {
  margin-right: 0.5em;
  cursor: pointer;
}

.field-label-container[data-v-63229f8a] {
  width: 100%;
}
.language-container .expand-button[data-v-63229f8a] {
  display: none;
}
.language-container .delete-button[data-v-63229f8a] {
  display: none;
}
.space-left[data-v-63229f8a] {
  position: relative;
}
.other-btn-group > span[data-v-63229f8a] {
  cursor: pointer;
}
.field-required-check[data-v-63229f8a] {
  width: 0;
}
.require-control-container[data-v-63229f8a] {
  display: flex;
  align-items: center;
}

.delete-button-container[data-v-32e3ced0] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-32e3ced0] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-32e3ced0] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.vue__time-picker{display:inline-block;position:relative;font-size:1em;width:10em;font-family:sans-serif;vertical-align:middle}.vue__time-picker *{-webkit-box-sizing:border-box;box-sizing:border-box}.vue__time-picker input.display-time{border:1px solid #d2d2d2;width:10em;height:2.2em;padding:.3em .5em;font-size:1em}.vue__time-picker input.has-custom-icon{padding-left:1.8em}.vue__time-picker input.display-time.invalid:not(.skip-error-style){border-color:#c03;outline-color:#c03}.vue__time-picker input.display-time.disabled,.vue__time-picker input.display-time:disabled{color:#d2d2d2}.vue__time-picker .controls{position:absolute;top:0;bottom:0;right:0;z-index:3;-webkit-box-orient:horizontal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;pointer-events:none}.vue__time-picker .controls,.vue__time-picker .controls>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.vue__time-picker .controls>*{cursor:pointer;width:auto;-webkit-box-orient:vertical;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 .35em;color:#d2d2d2;line-height:100%;font-style:normal;pointer-events:auto;-webkit-transition:color .2s,opacity .2s;transition:color .2s,opacity .2s}.vue__time-picker .controls>:hover{color:#797979}.vue__time-picker .controls>:active,.vue__time-picker .controls>:focus{outline:0}.vue__time-picker .controls .char{font-size:1.1em;line-height:100%;-webkit-margin-before:-.15em}.vue__time-picker .custom-icon{z-index:2;position:absolute;left:0;top:0;bottom:0;width:1.8em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none}.vue__time-picker .controls img,.vue__time-picker .controls svg,.vue__time-picker .custom-icon img,.vue__time-picker .custom-icon svg{display:inline-block;vertical-align:middle;margin:0;border:0;outline:0;max-width:1em;height:auto}.vue__time-picker .time-picker-overlay{z-index:4;position:fixed;top:0;left:0;right:0;bottom:0}.vue__time-picker-dropdown,.vue__time-picker .dropdown{position:absolute;z-index:5;top:calc(2.2em + 2px);left:0;background:#fff;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.15);box-shadow:0 1px 6px rgba(0,0,0,.15);width:10em;height:10em;font-weight:400}.vue__time-picker-dropdown{position:fixed;z-index:100}.vue__time-picker-dropdown.drop-up,.vue__time-picker .dropdown.drop-up{top:auto;bottom:calc(2.2em + 1px)}.vue__time-picker-dropdown .select-list,.vue__time-picker .dropdown .select-list{width:10em;height:10em;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.vue__time-picker-dropdown .select-list:active,.vue__time-picker-dropdown .select-list:focus,.vue__time-picker .dropdown .select-list:active,.vue__time-picker .dropdown .select-list:focus{outline:0}.vue__time-picker-dropdown ul,.vue__time-picker .dropdown ul{padding:0;margin:0;list-style:none;outline:0;-webkit-box-flex:1;-ms-flex:1 1 0.00001px;flex:1 1 0.00001px;overflow-x:hidden;overflow-y:auto}.vue__time-picker-dropdown ul.apms,.vue__time-picker-dropdown ul.minutes,.vue__time-picker-dropdown ul.seconds,.vue__time-picker .dropdown ul.apms,.vue__time-picker .dropdown ul.minutes,.vue__time-picker .dropdown ul.seconds{border-left:1px solid #fff}.vue__time-picker-dropdown ul li,.vue__time-picker .dropdown ul li{list-style:none;text-align:center;padding:.3em 0;color:#161616}.vue__time-picker-dropdown ul li:not(.hint):not([disabled]):focus,.vue__time-picker-dropdown ul li:not(.hint):not([disabled]):hover,.vue__time-picker .dropdown ul li:not(.hint):not([disabled]):focus,.vue__time-picker .dropdown ul li:not(.hint):not([disabled]):hover{background:rgba(0,0,0,.08);color:#161616;cursor:pointer}.vue__time-picker-dropdown ul li:not([disabled]).active,.vue__time-picker-dropdown ul li:not([disabled]).active:focus,.vue__time-picker-dropdown ul li:not([disabled]).active:hover,.vue__time-picker .dropdown ul li:not([disabled]).active,.vue__time-picker .dropdown ul li:not([disabled]).active:focus,.vue__time-picker .dropdown ul li:not([disabled]).active:hover{background:#41b883;color:#fff}.vue__time-picker-dropdown ul li[disabled],.vue__time-picker-dropdown ul li[disabled]:hover,.vue__time-picker .dropdown ul li[disabled],.vue__time-picker .dropdown ul li[disabled]:hover{background:transparent;opacity:.3;cursor:not-allowed}.vue__time-picker-dropdown .hint,.vue__time-picker .dropdown .hint{color:#a5a5a5;cursor:default;font-size:.8em}
.time-label[data-v-490e75e9] {
  display: inline-block;
  width: 3em;
}

.combination-type-label[data-v-c75edcd8] {
  margin-top: 0.5em;
}
.field-group-container[data-v-c75edcd8] {
  display: flex;
}
.left-panel[data-v-c75edcd8] {
  flex-basis: 6em;
  padding-right: 1em;
}
.center-panel[data-v-c75edcd8] {
  flex-grow: 1;
}
.condition-container[data-v-c75edcd8] {
  align-items: baseline;
}
.field-selection[data-v-c75edcd8] {
  flex-basis: 50%;
}
.operator-value[data-v-c75edcd8] {
  flex-basis: 50%;
  display: flex;
}
.operator-value > div[data-v-c75edcd8] {
  flex-grow: 1;
  flex-basis: 0;
  margin-left: 1em;
}
.logic-combination-display[data-v-c75edcd8] {
  margin-left: 0.8em;
}
input.form-control[data-v-c75edcd8]::placeholder {
  font-size: 14px;
  color: #adadad;
}
.condition-container[data-v-c75edcd8] {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.condition-group[data-v-c75edcd8] {
  background-color: #e9e5e5;
  border: solid 1px black;
  width: 100%;
  padding: 1em;
}
.add-field-btn[data-v-c75edcd8] {
  font-size: 0.9em;
}

.edit-section-builder-row[data-v-3e277aa4] {
  margin-top: -1em;
}

.undo-redo-btn[data-v-6991b85b]:not(.disabled) {
  cursor: pointer;
}
.undo-redo-btn.disabled[data-v-6991b85b] {
  opacity: 0.5;
  cursor: context-menu;
}

.template-loader-container[data-v-673a6db8] {
  display: inline-block;
  display: flex;
  align-items: center;
}
.loader-icon.small[data-v-673a6db8] {
  font-size: 18px;
}
th .template-loader-container[data-v-673a6db8] {
  font-weight: normal;
  color: var(--profiletextcolor);
}
th .template-loader-container .loader-icon[data-v-673a6db8] {
  color: var(--corelightcolor);
}
.loader-btn[data-v-673a6db8]{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border: none;
  border-radius: 5px;
  padding: 2px 10px;
}
.loader-btn .loader-icon[data-v-673a6db8] {
  color: var(--corelightcolor);
}


.speech-input[data-v-f226a752] {
  position: absolute;
  right: 0;
  bottom: 0.3em;
}
.ai-input[data-v-f226a752] {
  position: absolute;
  right: 1.8em;
  bottom: 0.8em;
}

.select-month[data-v-589690e3] {
  margin-right: 0.5em;
}
.input-year[data-v-589690e3] {
  margin-left: 0.5em;
}
.month-picker-section[data-v-589690e3] {
  display: flex;
}

.date-time-container[data-v-87bb0398] {
  display: flex;
}
.date-container[data-v-87bb0398] {
  margin-right: 0.5em;
}

.option-container img[data-v-24ea8f7c] {
  width: 80px;
  height: 80px;
  border: 3px solid #b6b6b6;
  border-radius: 16px;
}
.checkbox-container > .checkmark[data-v-24ea8f7c] {
  border-radius: 50%;
  position: absolute;
  top: 63px;
  background-color: white;
  border: 3px solid #b6b6b6;
  height: 28px;
  width: 28px;
  left: 0;
  right: 0;
  margin: auto;
}
.checkbox-container[data-v-24ea8f7c] {
  padding-left: 0;
  text-align: center;
  position: relative;
}
.option-label[data-v-24ea8f7c] {
  font-weight: 700;
  margin-top: 0.5em;
}
.list-options-container[data-v-24ea8f7c] {
  display: flex;
  flex-wrap: wrap;
}
.option-container[data-v-24ea8f7c] {
  flex-basis: 80px;
  flex-grow: 1;
}

.option-container img[data-v-4a59909a] {
  width: 80px;
  height: 80px;
  border: 3px solid #b6b6b6;
  border-radius: 16px;
}
.checkbox-container > .checkmark[data-v-4a59909a] {
  border-radius: 50%;
  position: absolute;
  top: 63px;
  background-color: white;
  border: 3px solid #b6b6b6;
  height: 28px;
  width: 28px;
  left: 0;
  right: 0;
  margin: auto;
}
.checkbox-container[data-v-4a59909a] {
  padding-left: 0;
  text-align: center;
  position: relative;
}
.option-label[data-v-4a59909a] {
  font-weight: 700;
  margin-top: 0.5em;
}
.list-options-container[data-v-4a59909a] {
  display: flex;
  flex-wrap: wrap;
}
.option-container[data-v-4a59909a] {
  flex-basis: 80px;
  flex-grow: 1;
}

.textbox-option[data-v-a4d690e4] {
  display: inline-block;
  width: 100%;
}

.day-checkbox-container[data-v-61707b02] {
  display: flex;
  align-items: center;
}
.placement-time-row[data-v-61707b02] {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.day-checkbox-container .form-check-input[data-v-61707b02] {
  margin-top: 0;
}
.day-checkbox-container > .form-check[data-v-61707b02] {
  height: 18px;
}
.workday-label[data-v-61707b02] {
  margin-top: 0;
  font-weight: normal;
  margin-bottom: 0.5em;
}
.day-hours-selector-header[data-v-61707b02] {
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 768px) {
.time-from-container[data-v-61707b02],
  .time-to-container[data-v-61707b02],
  .total-hours-container[data-v-61707b02],
  .time-off-container[data-v-61707b02],
  .note-container[data-v-61707b02] {
    padding-left: 1em;
}
.total-hours-container[data-v-61707b02] {
    text-align: center;
}
}
@media only screen and (max-width: 767px) {
.time-from-container[data-v-61707b02],
  .time-to-container[data-v-61707b02],
  .total-hours-container[data-v-61707b02],
  .time-off-container[data-v-61707b02],
  .icon-btn-container[data-v-61707b02],
  .note-container[data-v-61707b02] {
    margin-top: 0.5rem; /* spacing between vertically stacked items */
}
.icon-btn-container[data-v-61707b02] {
    margin-left: 1rem !important
}
.placement-time-row[data-v-61707b02] {
    margin-bottom: 1rem; /* space between each day's row */
}
}
.timepicker-from-container[data-v-61707b02] {
  display: flex;
  align-items: center;
}
.from-label[data-v-61707b02] {
  margin-right: 0.5em;
  color: var(--appFormFontColor)
}
.timepicker-to-container[data-v-61707b02] {
  display: flex;
  align-items: center;
}
.to-label[data-v-61707b02] {
  margin-right: 0.5em;
  margin-left: 1.3em;
  color: var(--appFormFontColor)
}
.total-hours-container[data-v-61707b02] {
  display: flex;
  align-items: center;
}
.total-label[data-v-61707b02] {
  margin-right: 0.5em;
  color: var(--appFormFontColor)
}

.salary-range-label[data-v-d3598014] {
  margin-bottom: 0;
}
.day-checkbox-container[data-v-d3598014] {
  display: flex;
  align-items: center;
}
.day-checkbox-container .form-check-input[data-v-d3598014] {
  margin-top: 0;
}
.workday-label[data-v-d3598014] {
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 768px) {
.time-from-container[data-v-d3598014],
  .time-to-container[data-v-d3598014] {
    padding-left: 2em;
}
}

.grade-item-container[data-v-eb2a6da6] {
  display: flex;
  align-items: center;
}
.grade-select > .form-control[data-v-eb2a6da6] {
  width: unset;
}
.grade-select[data-v-eb2a6da6] {
  margin-right: 0.5em;
}

.description[data-v-42243a59] {
  font-size: 80%;
  font-weight: 400;
}
.radio-table-label[data-v-42243a59] {
  min-height: 20px;
}
.space-top[data-v-42243a59] {
  margin-top: 1em;
}
.radio-table-container[data-v-42243a59] {
  margin-top: 0.5em;
  display: flex;
}
.item-label[data-v-42243a59] {
  flex-grow: 1;
}
.item-option[data-v-42243a59] {
  flex-basis: 15%;
  text-align: center;
  flex-shrink: 0;
}
.normal-label[data-v-42243a59] {
  padding-left: 1em;
}
.header-label[data-v-42243a59] {
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.25em;
  font-size: 1.1em;
}
.label-option[data-v-42243a59] {
  display: none;
}
@media (max-width: 600px) {
.radio-table-container[data-v-42243a59] {
    display: block;
}
.item-option[data-v-42243a59] {
    text-align: left;
}
.normal-label[data-v-42243a59] {
    padding-left: 0;
}
.item-header[data-v-42243a59] {
    display: none;
}
.label-option[data-v-42243a59] {
    display: inline-block;
}
}
label[data-v-42243a59]:not(.radio-table-label) {
  margin-top: 0;
}

.description[data-v-aa8b3720] {
  font-size: 80%;
  font-weight: 400;
}
.radio-table-label[data-v-aa8b3720] {
  min-height: 20px;
}
.space-top[data-v-aa8b3720] {
  margin-top: 1em;
}
.radio-table-container[data-v-aa8b3720] {
  display: flex;
}
.item-label[data-v-aa8b3720] {
  flex-grow: 1;
}
.item-option[data-v-aa8b3720] {
  flex-basis: 15%;
  text-align: center;
}
.item-option-checkbox[data-v-aa8b3720] {
  padding-top: 0.3em;
}
.normal-label[data-v-aa8b3720] {
  padding-left: 1em;
}
.header-label[data-v-aa8b3720] {
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.25em;
}
.space-right[data-v-aa8b3720] {
  flex-basis: 2em;
}
.add-item-container[data-v-aa8b3720] {
  display: flex;
  color: rgb(40, 40, 236);
  margin-left: 0.8em;
}
.add-text[data-v-aa8b3720] {
  margin-left: 0.2em;
}
.add-item-container > span[data-v-aa8b3720] {
  cursor: pointer;
}

.description[data-v-607aed8a] {
  font-size: 80%;
  font-weight: 400;
}
.selected-day-section[data-v-607aed8a] {
  display: flex;
}
.selected-day-item[data-v-607aed8a] {
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.product-container[data-v-f4cd1670] {
  display: flex;
}
.icon-container[data-v-f4cd1670] {
  flex-basis: 6em;
  flex-shrink: 0;
}
.product-info[data-v-f4cd1670] {
  flex-grow: 1;
}
.product-summary[data-v-f4cd1670] {
  font-size: 1.2em;
  display: flex;
  font-weight: bold;
  margin-bottom: 0.2em;
}
.product-title[data-v-f4cd1670] {
  flex-grow: 1;
}
.icon-container > img[data-v-f4cd1670] {
  width: 5em;
}
.product-description[data-v-f4cd1670] {
  padding-right: 4em;
}
.selection-container[data-v-f4cd1670] {
  padding: 0.5em;
  margin-top: 4px;
  margin-bottom: 4px;
}
.selection-container .checkmark[data-v-f4cd1670] {
  top: 1.7em;
}
.selection-container[data-v-f4cd1670]:not(.selected-item):hover {
  background-color: #f0f4f5;
}
.selection-container.selected-item[data-v-f4cd1670] {
  background-color: #e4f2f6;
}
.result-container[data-v-f4cd1670] {
  font-weight: bold;
  font-size: 1.2em;
  text-align: right;
  padding: 0.5em;
  color: var(--coredarkcolor);
}
.result-title[data-v-f4cd1670] {
  display: inline-block;
  margin-right: 2em;
}

.selected-item[data-v-1782449f] {
  background-color: grey;
}

.description[data-v-4aa56a34] {
  font-size: 80%;
  font-weight: 400;
}
.space-top[data-v-4aa56a34] {
  margin-top: 1em;
}

.visibility-icon[data-v-7000f5d2] {
  position: absolute;
  bottom: 0;
  right: 18px;
  cursor: pointer;
  color: #0462f3;
}
.password-input[data-v-7000f5d2] {
  padding-right: 30px;
}

.product-container[data-v-43692542] {
  display: flex;
}
.icon-container[data-v-43692542] {
  flex-basis: 6em;
  flex-shrink: 0;
}
.product-info[data-v-43692542] {
  flex-grow: 1;
}
.product-summary[data-v-43692542] {
  font-size: 1.2em;
  display: flex;
  font-weight: bold;
  margin-bottom: 0.2em;
}
.product-title[data-v-43692542] {
  flex-grow: 1;
}
.icon-container > img[data-v-43692542] {
  width: 5em;
}
.product-description[data-v-43692542] {
  padding-right: 4em;
}
.selection-container[data-v-43692542] {
  padding: 0.5em;
  margin-top: 4px;
  margin-bottom: 4px;
}
.selection-container[data-v-43692542]:not(.selected-item):hover {
  background-color: #f0f4f5;
}
.selection-container.selected-item[data-v-43692542] {
  background-color: #e4f2f6;
}
.result-container[data-v-43692542] {
  font-weight: bold;
  font-size: 1.2em;
  text-align: right;
  padding: 0.5em;
  color: var(--coredarkcolor);
}
.result-title[data-v-43692542] {
  display: inline-block;
  margin-right: 2em;
}
.checkmark.radio-checkmark[data-v-43692542] {
  border-radius: 50%;
}
.checkbox-container .checkmark.radio-checkmark[data-v-43692542]:after {
  left: 9px;
  top: 4px;
}

.header-section[data-v-98adea74] {
  margin-bottom: 0;
}
.form-type-label[data-v-98adea74] {
  padding-top: 0.375rem;
}
.list-item[data-v-98adea74] {
  color: var(--coredarkcolor);
}
.list-textbox-container[data-v-98adea74] {
  width: 100%;
}
.display-layout-container[data-v-98adea74] {
  border: solid 2px #cacaca;
  padding: 0.5em;
}
.color-picker-container[data-v-98adea74] {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.color-picker-label > label[data-v-98adea74] {
  margin-top: 0;
  margin-bottom: 0;
}
.color-picker-label[data-v-98adea74] {
  flex-basis: 33em;
}
.edit-field-btn[data-v-98adea74] {
  position: absolute;
  top: 22px;
  right: 16px;
  cursor: pointer;
  color: #007bff;
  font-size: 15px;
}

.button-container[data-v-9acc6bda] {
  display: flex;
}
.booking-item-mobile label[data-v-9acc6bda] {
  font-weight: bold;
}
.filler-info-mobile[data-v-9acc6bda]:not(:last-child)::after {
  content: ",";
}

.button-container[data-v-4ab7c589] {
  padding-bottom: 0.5em;
}

.button-container[data-v-fe376b7a] {
  padding-bottom: 0.5em;
}

.row-container[data-v-009bb052] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-009bb052] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-009bb052] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-009bb052] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.checklist-element[data-v-009bb052] {
  flex-grow: 1;
  flex-basis: 50%;
  padding-right: 0.5em;
}
.condition-element[data-v-009bb052] {
  flex-grow: 1;
  flex-basis: 50%;
  padding-left: 0.5em;
}

.select-property[data-v-1738dae8] {
  display: flex;
  margin-right: 1em;
}
.select-property-label[data-v-1738dae8] {
  margin-top: 0.5em;
  flex-basis: 20em;
}
.select-property-value[data-v-1738dae8] {
  flex-grow: 1;
}
.property-condition[data-v-1738dae8] {
  padding: 1em;
}

.select-property[data-v-88f47364] {
  display: flex;
  margin-right: 1em;
}
.select-property-label[data-v-88f47364] {
  margin-top: 0.5em;
  flex-basis: 20em;
}
.select-property-value[data-v-88f47364] {
  flex-grow: 1;
}
.property-condition[data-v-88f47364] {
  padding: 1em;
}
.select-type[data-v-88f47364] {
  display: flex;
  margin-right: 1em;
}
.select-type-label[data-v-88f47364] {
  margin-top: 0.5em;
  flex-basis: 20em;
}
.select-type-value[data-v-88f47364] {
  flex-grow: 1;
}
.space-right[data-v-88f47364] {
  justify-content: center;
  display: flex;
  align-items: center;
}
.type-condition[data-v-88f47364] {
  padding: 1em;
}

.segment > div[data-v-a010a5c6] {
  display: flex;
  align-items: center;
}
.add-btn[data-v-a010a5c6] {
  cursor: pointer;
}
.delete-segment-btn[data-v-a010a5c6] {
  cursor: pointer;
  color: red;
  margin-top: 1em;
  flex-basis: 1em;
  margin-left: 1em;
}
.segment-container[data-v-a010a5c6] {
  flex-grow: 1;
}

.row-container[data-v-167901ee] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-167901ee] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-167901ee] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-167901ee] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.checklist-element[data-v-167901ee] {
  flex-grow: 1;
  flex-basis: 80%;
  padding-right: 0.5em;
}
.condition-element[data-v-167901ee] {
  flex-grow: 1;
  flex-basis: 20%;
  padding-left: 0.5em;
}

@media (max-width: 768px) {
.tab-container > button[data-v-c33eb520] {
    font-size: 10px;
    min-width: unset;
    padding: 8px 6px;
}
}

.profile-builder-container[data-v-74e75d09] {
  color: black;
}
.profile-builder-container.field-of-fields .description[data-v-74e75d09] {
  white-space: normal;
}
.save-builder-btn[data-v-74e75d09] {
  position: absolute;
  right: 67px;
  bottom: 34px;
}

.property-container[data-v-62d8f980] {
    position: relative;
}
.property-container .description[data-v-62d8f980] {
    white-space: nowrap;
}
.advance-separator[data-v-62d8f980] {
    display: flex;
}
.advance-separator > i[data-v-62d8f980] {
    cursor: pointer;
}

.profile-builder-container[data-v-f24cbb9e] {
  color: black;
}
.reject-condition-header[data-v-f24cbb9e] {
  margin-top: 0;
}
.select-type[data-v-f24cbb9e] {
  display: flex;
  margin-right: 1em;
}
.select-type-label[data-v-f24cbb9e] {
  margin-top: 0.5em;
  flex-basis: 20em;
}
.select-type-value[data-v-f24cbb9e] {
  flex-grow: 1;
}
.type-condition[data-v-f24cbb9e] {
  padding: 1em;
}
.space-right[data-v-f24cbb9e] {
  justify-content: center;
  display: flex;
  align-items: center;
}
.property-container[data-v-f24cbb9e] {
  position: relative;
}
.property-container .description[data-v-f24cbb9e] {
  white-space: nowrap;
}
.color-picker[data-v-f24cbb9e] {
  position: absolute;
  left: 25em;
  top: 0.8em;
}
.tab-container[data-v-f24cbb9e] {
  margin-bottom: 1em;
}
.add-user-container > .add-btn[data-v-f24cbb9e] {
  display: flex;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 7px;
  border-radius: 4px;
  cursor: pointer;
  border: none;
}
.condition-expand[data-v-f24cbb9e] {
  margin-left: -0.5em;
  font-size: 1.4em;
  font-weight: bold;
  color: var(--coredarkcolor);
}
.save-builder-btn[data-v-f24cbb9e] {
  position: absolute;
  right: 67px;
  bottom: 34px;
}

.section-name[data-v-3f66d938] {
  display: flex;
  margin-bottom: 0;
  /* text-transform: none; */
  /* font-weight: 600; */
}
.section-name > .expand-button[data-v-3f66d938] {
  flex-basis: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  opacity: 1;
  z-index: 1000;
  transition: all 0.2s ease;
  padding: 4px;
  border-radius: 4px;
  background-color: rgba(0, 123, 255, 0.1);
  margin-right: 8px;
}
.section-name > .expand-button[data-v-3f66d938]:hover {
  background-color: rgba(0, 123, 255, 0.2);
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}
.small-warning[data-v-3f66d938] {
  color: red;
}
.visibility-icon[data-v-3f66d938] {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  opacity: 1;
  z-index: 1000;
  transition: all 0.2s ease;
  padding: 4px;
  border-radius: 4px;
  background-color: rgba(0, 123, 255, 0.1);
  margin-right: 8px;
}
.visibility-icon[data-v-3f66d938]:hover {
  background-color: rgba(0, 123, 255, 0.2);
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}

/* Only pulse edit buttons for non-agents */
.not-agent.edit-button[data-v-3f66d938] {
  animation: pulse 2s infinite;
}
.ai-offset-left[data-v-3f66d938] {
  right: 44px;
}

.button-containers[data-v-2b105b6f] {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  margin-top: -8px;
}
.left-side-button[data-v-2b105b6f] {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 8px;
}
.right-side-button[data-v-2b105b6f] {
  flex-grow: 1;
  text-align: right;
}
.danger-button[data-v-2b105b6f] {
  margin-left: 0.5em;
}
.hide-btn-container[data-v-2b105b6f] {
  margin-left: 0.5em;
}
.right-side-button > button[data-v-2b105b6f] {
  margin-top: 8px;
}
@media (max-width: 650px) {
.button-containers[data-v-2b105b6f] {
    bottom: 10px;
    display: block;
    text-align: center;
}
.left-side-button[data-v-2b105b6f] {
    display: block;
}
.right-side-button[data-v-2b105b6f] {
    text-align: center;
}
.danger-button[data-v-2b105b6f] {
    margin-left: 0;
    margin-bottom: 8px;
}
}
.edit-object-title[data-v-2b105b6f]::before {
  content: " - ";
}

.btn-container[data-v-b55123d4] {
  text-align: right;
}
.loader-box[data-v-b55123d4]  { 
  text-align:center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.spin[data-v-b55123d4] {
  animation : spin-data-v-b55123d4 0.8s linear infinite;
  font-size : 48px;
  display   : inline-block;
}
@keyframes spin-data-v-b55123d4 {
0%   { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}

.run-refrence-btn {
  background-color: #fff;
  border: 1px solid #85a2a8;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 13px;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  line-height: normal;
  color: #000;
  margin-right: 25px;
  margin-top: -5px;
}
.run-refrence-btn img {
  width: 65px;
  height: auto;
  margin-right: 5px;
}
.run-refrence-btn:hover {
  background-color: rgb(216, 216, 216);
}
.run-refrence:hover {
  background-color: #fff;
}
.ready-to-review-link {
  color: black;
  text-decoration: underline;
}
.capitalize {
  text-transform: capitalize;
}

.section-header[data-v-309f4e90] {
  margin-bottom: 0;
  display: flex;
  padding-right: 1.2em;
}
.section-header > .expand-button[data-v-309f4e90] {
  flex-basis: 1em;
}
.small-warning[data-v-309f4e90] {
  color: red;
}
.object-title[data-v-309f4e90] {
  font-weight: 600;
  margin-bottom: 0;
  display: flex;
}
.object-container[data-v-309f4e90] {
  padding: 0.5em;
}
.hidden-from-client[data-v-309f4e90] {
  background: lightgrey;
}
.hidden-icon[data-v-309f4e90] {
  display: none;
  margin-left: 0.5em;
}
.hidden-from-client .hidden-icon[data-v-309f4e90] {
  display: inline-flex;
  font-size: 18px;
  background: white;
  border-radius: 50%;
  padding: 3px;
  color: black;
}
.button-containers > button[data-v-309f4e90] {
  margin-top: 1em;
}
.summary-count[data-v-309f4e90] {
  font-weight: bold;
}
.sms-button[data-v-309f4e90] {
  position: absolute;
  right: 3.2em;
  cursor: pointer;
  color: rgb(16, 143, 219);
}
.email-button[data-v-309f4e90] {
  position: absolute;
  right: 1.5em;
  cursor: pointer;
  color: rgb(16, 143, 219);
}
.visibility-icon[data-v-309f4e90] {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  opacity: 1;
  z-index: 1000;
  transition: all 0.2s ease;
  padding: 4px;
  border-radius: 4px;
  background-color: rgba(0, 123, 255, 0.1);
  margin-right: 8px;
}
.visibility-icon[data-v-309f4e90]:hover {
  background-color: rgba(0, 123, 255, 0.2);
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}
.reference-badge[data-v-309f4e90] {
  font-size: 20px;
  font-weight: normal;
}
.reference-approved[data-v-309f4e90] {
  color: #92db98;
  display: flex;
}
.reference-requested[data-v-309f4e90] {
  color: #ffc6a5;
  display: flex;
}
.reference-duplicated[data-v-309f4e90] {
  color: red;
  display: flex;
}
.badge-icon[data-v-309f4e90] {
  font-size: 30px !important;
  margin-right: 10px;
}
.actions-section[data-v-309f4e90] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.reference-check-form[data-v-309f4e90] {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
}
.report-icon[data-v-309f4e90] {
  cursor: pointer;
  color: red;
  margin-left: 10px;
  animation: ring-data-v-309f4e90 1s infinite
}
.reference-check-logo[data-v-309f4e90] {
  max-width: 600px;
  max-height: 300px;
  width: auto;
  height: auto;
  object-fit: contain;
  margin: 10px auto;
}
@keyframes ring-data-v-309f4e90 {
0%, 100% {
    transform: rotate(0deg);
}
25% {
    transform: rotate(15deg);
}
50% {
    transform: rotate(-15deg);
}
75% {
    transform: rotate(15deg);
}
}

/* Only pulse edit and add buttons for non-agents */
.not-agent.edit-button[data-v-309f4e90] {
  animation: pulse 2s infinite;
}
.not-agent.add-button[data-v-309f4e90] {
  animation: pulse 2s infinite;
}
.section-header[data-v-309f4e90] {
  position: relative;
}
.edit-button[data-v-309f4e90] {
  position: absolute;
  top: 0; right: 0;
  z-index: 1100;
}
.ai-offset-left[data-v-309f4e90] {
  right: 44px;
}

.header[data-v-e378da40] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.resource-container[data-v-e378da40] {
  position: relative;
}
.new-tab-icon[data-v-e378da40] {
  position: absolute;
  font-size: 20px;
  top: 2px;
  right: 4px;
  color: var(--coredarkercolor);
  cursor: pointer;
}

.button-groups[data-v-4ee9531a] {
  display: flex;
}
.meeting-list-row[data-v-4ee9531a] {
  margin: 10px 0;
}

.cancel-btn[data-v-208d60da] {
  flex-grow: 1;
}

.edit-invitee-button[data-v-a2b32c5a] {
  font-size: 18px;
  cursor: pointer;
  margin-left: 0.5em;
}

.countdown-section[data-v-28673b91] {
  top: 0;
  right: 1em;
  position: absolute;
}
.button-container[data-v-28673b91] {
  display: flex;
}
.left-side[data-v-28673b91] {
  flex-grow: 1;
}

.button-container[data-v-8400063a] {
  text-align: right;
}

.check-circle[data-v-cafbdc9a] {
  font-size: 15px;
  margin-left: 5px;
  color: #444;
}
.evaluation-container[data-v-cafbdc9a] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 3px;
}
.passed-text[data-v-cafbdc9a] {
  color: #007bff;
}
.failed-text[data-v-cafbdc9a] {
  color: red;
}
.small-warning[data-v-cafbdc9a] {
  color: red;
}
.open-evaluation-link[data-v-cafbdc9a] {
  font-size: 14px;
  margin-left: 3px;
  color: var(--coredarkcolor);
}
.uploaded-time[data-v-cafbdc9a] {
  font-size: 0.8em;
  margin-top: -0.3em;
  margin-bottom: 0.5em;
}

.progress-container[data-v-d910ff66] {
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  font-size: 0.85em;
  color: var(--coredarkcolor);
  position: relative;
  margin-top: 0.5rem;
  flex-shrink: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0 0 4px 4px;
  transition: all 0.3s ease;
}
.progress-container[data-v-d910ff66]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #4CAF50, #8BC34A, #CDDC39);
  border-radius: 2px;
  animation: progressGlow-data-v-d910ff66 2s ease-in-out infinite alternate;
}
@keyframes progressGlow-data-v-d910ff66 {
0% {
    opacity: 0.7;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.3);
}
100% {
    opacity: 1;
    box-shadow: 0 0 15px rgba(76, 175, 80, 0.6);
}
}
.progress-text[data-v-d910ff66] {
  font-weight: 600;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  text-align: center;
  font-size: 0.9em;
  letter-spacing: 0.5px;
}
.progress-bar-container[data-v-d910ff66] {
  width: 100%;
  height: 8px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.progress-bar[data-v-d910ff66] {
  height: 100%;
  background: linear-gradient(90deg, #4CAF50, #8BC34A, #CDDC39);
  border-radius: 4px;
  transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.progress-bar[data-v-d910ff66]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: shimmer-data-v-d910ff66 2s infinite;
}
@keyframes shimmer-data-v-d910ff66 {
0% {
    transform: translateX(-100%);
}
100% {
    transform: translateX(100%);
}
}
.status-container[data-v-d910ff66] {
  font-weight: 600;
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  font-size: 0.9em;
  color: #e74c3c;
  background: linear-gradient(135deg, rgba(231, 76, 60, 0.1) 0%, rgba(231, 76, 60, 0.05) 100%);
  border-radius: 8px;
  margin: 0.5rem 0;
  border-left: 3px solid #e74c3c;
  box-shadow: 0 2px 8px rgba(231, 76, 60, 0.1);
}
.status-container-candidate-view[data-v-d910ff66] {
  font-weight: 600;
  padding: 0.75rem 1rem;
  font-size: 0.9em;
  color: #e74c3c;
  background: linear-gradient(135deg, rgba(231, 76, 60, 0.1) 0%, rgba(231, 76, 60, 0.05) 100%);
  border-radius: 8px;
  margin: 0.5rem 0;
  border-left: 3px solid #e74c3c;
  box-shadow: 0 2px 8px rgba(231, 76, 60, 0.1);
}
.nav-container[data-v-d910ff66] {
  position: absolute;
  left: 2em;
  z-index: 9990;
}
.dashboard-container.is-in-profile-tab.is-in-interview-tab
  .list-menu-item-float[data-v-d910ff66] {
  height: 220px;
}
.list-menu-item-float[data-v-d910ff66],
.list-menu-item-not-float[data-v-d910ff66] {
  padding: 0.5rem;
  width: 16em;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 6em);
  overflow: scroll;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
}
.list-menu-item-float.list-item-in-dialog[data-v-d910ff66] {
  display: none;
  max-height: calc(90vh - 6em);
}
.admin-access .list-menu-item-not-float.list-item-in-dialog.dialog-scrolled[data-v-d910ff66] {
  padding-top: 30px;
}
@media (min-width: 993px) {
:not(.admin-access).nav-in-dialog[data-v-d910ff66] {
    height: 100%;
}
:not(.admin-access) .list-menu-item-not-float.list-item-in-dialog[data-v-d910ff66] {
    height: 100%;
}
}
.list-menu-item-float.list-item-in-screen[data-v-d910ff66] {
  display: none;
  max-height: calc(100vh - 6em);
}
.list-menu-item-not-float.list-item-in-dialog[data-v-d910ff66] {
  display: block;
}
.list-menu-item-not-float.list-item-in-screen[data-v-d910ff66] {
  display: block;
  max-height: calc(100vh - 4em);
}
.navigation-items-wrapper[data-v-d910ff66] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  min-height: 0;
}
.navigation-item[data-v-d910ff66] {
  font-weight: 600;
  display: flex;
  align-items: center;
  padding: 0.375rem 0.5rem;
  text-transform: uppercase;
  font-size: 0.8em;
  color: #2c3e50;
  flex-shrink: 0;
  border-radius: 4px;
  margin-bottom: 0.0625rem;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}
.navigation-item[data-v-d910ff66]:hover {
  background: linear-gradient(135deg, rgba(76, 175, 80, 0.1) 0%, rgba(139, 195, 74, 0.05) 100%);
  color: #2c3e50;
  transform: translateX(4px);
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.2);
}
.navigation-item[data-v-d910ff66]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #4CAF50, #8BC34A);
  transform: scaleY(0);
  transition: transform 0.2s ease;
}
.navigation-item[data-v-d910ff66]:hover::before {
  transform: scaleY(1);
}
.check-mark-icon[data-v-d910ff66] {
  margin-right: 0.5em;
}
.check-mark-icon > .material-icons[data-v-d910ff66] {
  font-size: unset;
}
.no-icon[data-v-d910ff66] {
  display: none;
}
.not-completed[data-v-d910ff66] {
  color: #e74c3c !important;
  font-weight: 700;
}
.not-completed[data-v-d910ff66]:hover {
  background: linear-gradient(135deg, rgba(231, 76, 60, 0.1) 0%, rgba(231, 76, 60, 0.05) 100%) !important;
  box-shadow: 0 2px 8px rgba(231, 76, 60, 0.2) !important;
}
.menu-button[data-v-d910ff66] {
  display: none;
  padding: 0.75rem;
  width: 3rem;
  height: 3rem;
  margin-left: 0.7em;
  cursor: pointer;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.2s ease;
  align-items: center;
  justify-content: center;
}
.menu-button[data-v-d910ff66]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}
.menu-button.menu-button-interview-tab[data-v-d910ff66] {
  display: flex;
}
.menu-button > i[data-v-d910ff66] {
  font-size: 24px;
  color: #2c3e50;
}
.navigation-bar-logo[data-v-d910ff66] {
  max-width: 75%;
  padding: 1rem;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.navigation-bar-logo[data-v-d910ff66]:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.dashboard-container.is-in-profile-tab.is-in-interview-tab
  .nav-container.d-print-none[data-v-d910ff66] {
  top: 100px !important;
  z-index: 9999;
}
.dashboard-container.is-in-profile-tab.is-in-interview-tab
  .menu-button.menu-button-interview-tab[data-v-d910ff66] {
  margin-left: 0px;
}
.admin-access.nav-container.nav-in-dialog[data-v-d910ff66] {
  padding-bottom: 2em;
}
@media (max-width: 992px) {
.nav-container.nav-in-dialog[data-v-d910ff66] {
    padding-bottom: 0em;
}
.button-in-screen[data-v-d910ff66] {
    display: flex;
}
.button-in-dialog[data-v-d910ff66] {
    display: flex;
}
.list-menu-item-float.list-item-in-screen[data-v-d910ff66] {
    display: block;
}
.list-menu-item-not-float.list-item-in-screen[data-v-d910ff66] {
    display: none;
}
.list-menu-item-float.list-item-in-dialog[data-v-d910ff66] {
    display: block;
}
.list-menu-item-not-float.list-item-in-dialog[data-v-d910ff66] {
    display: none;
}
}
@media (min-width: 993px) {
.menu-button[data-v-d910ff66] {
    display: none !important;
}
}
.list-menu-item-not-float.list-item-in-dialog[data-v-d910ff66] {
  max-height: calc(90vh - 6em);
  overflow: auto;
}
.profile-builder-btn[data-v-d910ff66] {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 6px;
  background-color: rgba(0, 123, 255, 0.1);
  transition: all 0.2s ease;
  text-decoration: none;
  white-space: nowrap;
}
.profile-builder-btn[data-v-d910ff66]:hover {
  background-color: rgba(0, 123, 255, 0.15);
  border-color: rgba(0, 123, 255, 0.3);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2);
  color: #2c3e50;
}

.section-header[data-v-5ce4a8e7] {
  display: flex;
  /* text-transform: none; */
  /* font-weight: 600; */
}
.section-header > .expand-button[data-v-5ce4a8e7] {
  flex-basis: 1em;
}
.section-body[data-v-5ce4a8e7] {
  padding-top: 1em;
}
.button-container[data-v-5ce4a8e7] {
  text-align: right;
}

.complete-ach-btn[data-v-11db025e] {
  position: absolute;
  left: 0;
  bottom: calc(-2rem - 44px);
}

.button-container[data-v-6f8b4565] {
  display: flex;
}
.powered-by[data-v-6f8b4565] {
  flex-grow: 1;
}
@media (max-width: 600px) {
.button-container[data-v-6f8b4565] {
    flex-direction: column;
    align-items: stretch;
}
.button-container > div[data-v-6f8b4565] {
    width: 100%;
    margin-bottom: 12px;
}
.powered-by[data-v-6f8b4565] {
    display: flex;
    justify-content: right;
    margin-bottom: 0;
}
}

.row[data-v-750d451c] {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  margin: 0 -16px;
}
.col-25[data-v-750d451c] {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
}
.col-50[data-v-750d451c] {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
}
.col-75[data-v-750d451c] {
  -ms-flex: 75%; /* IE10 */
  flex: 75%;
}
.col-25[data-v-750d451c],
.col-50[data-v-750d451c],
.col-75[data-v-750d451c] {
  padding: 0 16px;
}
.container[data-v-750d451c] {
  background-color: #f2f2f2;
  padding: 5px 20px 15px 20px;
  border: 1px solid lightgrey;
  border-radius: 3px;
}
input[type="text"][data-v-750d451c] {
  width: 100%;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
label[data-v-750d451c] {
  margin-bottom: 10px;
  display: block;
}
button[data-v-750d451c] {
  color: #ffffff;
  background-color: #006aff;
  border-radius: 5px;
  cursor: pointer;
  border-style: none;
  user-select: none;
  outline: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 12px;
  width: 100%;
  box-shadow: 1px;
}
button[data-v-750d451c]:active {
  background-color: rgb(0, 85, 204);
}
button[data-v-750d451c]:disabled {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.3);
}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (and change the direction - make the "cart" column go on top) */
@media (max-width: 800px) {
.row[data-v-750d451c] {
    flex-direction: column-reverse;
}
.col-25[data-v-750d451c] {
    margin-bottom: 20px;
}
}

.dialog-title[data-v-31580746] {
  color: #333;
  font-weight: 600;
}
.required-message[data-v-31580746] {
  color: #dc3545;
  font-size: 0.875rem;
  margin: 0;
}
.input-group-text[data-v-31580746] {
  background-color: #f8f9fa;
  border-color: #ced4da;
}
.form-check-label[data-v-31580746] {
  font-size: 0.9rem;
}
.invalid-feedback[data-v-31580746] {
  display: block;
}

.dialog-title[data-v-712069c0] {
  color: #333;
  font-weight: 600;
}
.info-group[data-v-712069c0] {
  margin-bottom: 1rem;
}
.info-group label[data-v-712069c0] {
  font-weight: 600;
  color: #495057;
  margin-bottom: 0.25rem;
  display: block;
}
.info-group p[data-v-712069c0] {
  margin-bottom: 0;
  color: #6c757d;
}
.card-header h6[data-v-712069c0] {
  color: #495057;
  font-weight: 600;
}
.badge-lg[data-v-712069c0] {
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
}
code[data-v-712069c0] {
  font-size: 0.875rem;
  color: #6c757d;
}
.btn-group .btn[data-v-712069c0] {
  margin-right: 0.5rem;
}
.btn-group .btn[data-v-712069c0]:last-child {
  margin-right: 0;
}

.dialog-title[data-v-a2484d84] {
  color: #333;
  font-weight: 600;
}
.table th[data-v-a2484d84] {
  background-color: #f8f9fa;
  border-top: none;
  font-weight: 600;
  font-size: 0.875rem;
}
.table td[data-v-a2484d84] {
  vertical-align: middle;
  font-size: 0.875rem;
}
.badge[data-v-a2484d84] {
  font-size: 0.75rem;
}
.btn-group .btn[data-v-a2484d84] {
  padding: 0.25rem 0.5rem;
}
.card-title[data-v-a2484d84] {
  color: #495057;
  font-weight: 600;
}
.form-control-sm[data-v-a2484d84] {
  font-size: 0.875rem;
}
code[data-v-a2484d84] {
  font-size: 0.75rem;
  color: #6c757d;
}

.recorder-container[data-v-3f1dd780] {
  display: flex;
  justify-content: center;
}

.video-wrapper[data-v-c270d694] {
  position: relative;
}
.delete-video-button[data-v-c270d694] {
  right: 1px;
  top: 1px;
  position: absolute;
}
.delete-video-button > i[data-v-c270d694] {
  border: solid 2px #141a1d;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-left: 3px;
  color: #141a1d;
  background-color: white;
}
.refresh-button[data-v-c270d694] {
  position: absolute;
  right: 0;
  cursor: pointer;
  width: 24px;
  opacity: 0.8;
  z-index: 1000;
}
.video-tag[data-v-c270d694] {
  max-width: 500px;
}

.badges-container .badges-header[data-v-46de3695] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.badges-container .badges-card[data-v-46de3695] {
  border: 1px solid lightgray;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.badges-container h2[data-v-46de3695] {
  font-size: 1.5rem;
  margin-bottom: 0;
  line-height: 1.5rem;
}
.badges-card .badge-img[data-v-46de3695] {
  width: 7rem;
  height: 7rem;
  display: flex;
  justify-content: center;
  margin: 0.8rem 0;
}
.badges-card .badge-img img[data-v-46de3695] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.badges-card .title[data-v-46de3695] {
  font-size: 1.25rem;
  margin-top: 0.5rem;
  width: 100%;
  text-align: center;
}
.delete-badge[data-v-46de3695] {
  margin-left: 100%;
}
.message[data-v-46de3695] {
  margin: 0 auto;
  color: grey;
}
@media (min-width: 768px) and (max-width: 1368px) {
.badges-card .badge-img[data-v-46de3695] {
    height: 4rem;
    width: 4rem;
}
.badges-card p[data-v-46de3695] {
    font-size: 0.8rem;
    font-weight: bold;
}
}
@media (min-width: 992px) and (max-width: 1110px) {
.badges-card p[data-v-46de3695] {
    font-size: 0.6rem;
    font-weight: bold;
}
}

.button-container[data-v-397def6a] {
  text-align: right;
}
.booking-item-mobile label[data-v-397def6a] {
  font-weight: bold;
}
.filler-info-mobile[data-v-397def6a]:not(:last-child)::after {
  content: ",";
}

.rewards-container .rewards-header[data-v-79113d6a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--bootstrapgrey);
  padding-bottom: 1.3rem;
}
.rewards-container .rewards-card[data-v-79113d6a] {
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.rewards-card[data-v-79113d6a]:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.rewards-container h2[data-v-79113d6a] {
  font-size: 1.5rem;
  margin-bottom: 0;
  line-height: 1.5rem;
}
.rewards-card .reward-img[data-v-79113d6a] {
  height: 120px;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.8rem 0;
  padding: 10px;
}
.rewards-card .reward-img img[data-v-79113d6a] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.rewards-card .reward-content[data-v-79113d6a] {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.rewards-card .title[data-v-79113d6a] {
  font-size: 1.1rem;
  margin: 1rem 0 0.5rem;
  color: #2c3e50;
  font-weight: 600;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.rewards-card .reward-actions[data-v-79113d6a] {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding-top: 1rem;
}
.rewards-card .view-description[data-v-79113d6a] {
  color: #3498db;
  text-decoration: none;
  font-size: 0.9rem;
  display: inline-block;
}
.rewards-card .points-badge[data-v-79113d6a] {
  background: #f8f9fa;
  color: #2c3e50;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 600;
  display: inline-block;
  transition: all 0.3s ease;
}
.rewards-card .points-badge.has-enough-points[data-v-79113d6a] {
  background: #e8f5e9;
  color: #2e7d32;
  border: 1px solid #c8e6c9;
}
.rewards-card .redeem-btn[data-v-79113d6a] {
  background: var(--coredarkcolor);
  border: none;
  padding: 0.5rem 1.5rem;
  border-radius: 25px;
  font-weight: 500;
  transition: background-color 0.2s ease;
  width: fit-content;
}
.rewards-card .redeem-btn[data-v-79113d6a]:hover {
  background: #2980b9;
}
.rewards-grid[data-v-79113d6a] {
  margin: 0 -10px;
}
@media (min-width: 768px) and (max-width: 1368px) {
.rewards-card .reward-img[data-v-79113d6a] {
    height: 100px;
    width: 100px;
}
}
@media (min-width: 992px) and (max-width: 1110px) {
.rewards-card .title[data-v-79113d6a] {
    font-size: 1rem;
}
.rewards-card .view-description[data-v-79113d6a] {
    font-size: 0.8rem;
}
}
.point-info[data-v-79113d6a] {
  font-weight: bold;
  font-size: 1.1em;
  color: #2c3e50;
}
@media (min-width: 601px) {
.get-point[data-v-79113d6a] {
    position: absolute;
    right: 0;
    top: 0em;
}
}

.edit-icon[data-v-97e1329a] {
  cursor: pointer;
  color: #007bff;
  font-size: 20px;
}
.admin-only-icon[data-v-97e1329a] {
  color: #0c6dd4;
  font-size: 18px;
}

.row-container[data-v-5d2d5fe6] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-5d2d5fe6] {
  flex-basis: 2em;
  margin-top: 0.2em;
  /* display: flex; */
  align-items: center;
  justify-content: center;
}
.duplicate-button-container[data-v-5d2d5fe6] {
  flex-basis: 2em;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
  margin-top: 0.2em;
}
.delete-button[data-v-5d2d5fe6] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-5d2d5fe6] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.textbox-element[data-v-5d2d5fe6] {
  flex-grow: 1;
  flex-basis: 20%;
}
.multiselect-element[data-v-5d2d5fe6] {
  flex-grow: 1;
  flex-basis: 20%;
  padding-right: 1em;
}
.timepicker-element[data-v-5d2d5fe6] {
  flex-grow: 0;
  flex-basis: 160px;
  padding-left: 1em;
}

.select-property[data-v-09c564ba] {
  display: flex;
  position: relative;
}
.select-property-label[data-v-09c564ba] {
  margin-top: 0.5em;
  margin-right: 2em;
}
.select-property-value[data-v-09c564ba] {
  flex-grow: 1;
}
.property-condition[data-v-09c564ba] {
  padding: 1em;
  padding-left: 2em;
}
.expand-button[data-v-09c564ba] {
  position: absolute;
  top: 8px;
  left: -2.3em;
  cursor: pointer;
}
.duplicate-btn[data-v-09c564ba] {
  position: absolute;
  top: 28px;
  left: -1.3em;
  cursor: pointer;
}
.select-property-label[data-v-09c564ba] {
  width: 128px;
}

.row-container[data-v-56cd2ffa] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-56cd2ffa] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-56cd2ffa] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-56cd2ffa] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}

.label-space[data-v-c0ee92e4] {
  margin-top: 22px;
}
.adjustment-label[data-v-c0ee92e4] {
  margin-bottom: 1em;
}
.display-block[data-v-c0ee92e4] {
  display: block !important;
}
.display-block .form-group[data-v-c0ee92e4] {
  display: block !important;
}
.display-block .row[data-v-c0ee92e4] {
  display: block !important;
}
.display-block .row .form-check[data-v-c0ee92e4] {
  display: block !important;
}
.display-block .list-fields-container[data-v-c0ee92e4] {
  display: block !important;
}
.price-description[data-v-c0ee92e4] {
  display: flex;
  align-items: flex-start;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  padding: 12px 16px;
  margin-top: 3px;
  margin-bottom: 3px;
  color: #495057;
  font-size: 14px;
  line-height: 1.5;
}
.price-description i[data-v-c0ee92e4] {
  font-size: 18px;
  color: #6c757d;
  margin-top: 2px;
}
.price-description span[data-v-c0ee92e4] {
  flex: 1;
}

.button-container[data-v-37cf78d8] {
  text-align: right;
}
.booking-item-mobile label[data-v-37cf78d8] {
  font-weight: bold;
}
.filler-info-mobile[data-v-37cf78d8]:not(:last-child)::after {
  content: ",";
}

.button-container[data-v-d96aac56] {
  text-align: right;
}
.booking-item-mobile label[data-v-d96aac56] {
  font-weight: bold;
}
.filler-info-mobile[data-v-d96aac56]:not(:last-child)::after {
  content: ",";
}

.button-container[data-v-9e44ea8e] {
  text-align: right;
}

.button-container[data-v-71125dd7] {
  text-align: right;
}

.price-builder-header[data-v-275c5d9c] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}
.delete-icon[data-v-275c5d9c] {
  color: red;
  cursor: pointer;
}
.edit-price-icon[data-v-275c5d9c] {
  color: #007bff;
  cursor: pointer;
}
.customInputHeight[data-v-275c5d9c] {
  height: 42px !important;
}
.learn-link[data-v-275c5d9c] {
  margin-top: 0px;
}


.favorite-candidate[data-v-3b069741] {
  color: gold;
}

.description[data-v-33282f26] {
  font-size: 80%;
  font-weight: 400;
  /* margin-top: 10px; */
}

button[data-v-3ca8c0d2]:disabled {
  cursor: not-allowed;
  color: gray;
}

.check-icon[data-v-0f1832ad] {
  font-size: 14px;
  margin-left: 5px;
  /* color: #444; */
  color: green;
}
@media (max-width: 480px) {
.btn-desktop-visible[data-v-0f1832ad] {
    display: none;
}
}
@media (min-width: 481px) {
.btn-mobile-visible[data-v-0f1832ad] {
    display: none;
}
}
.document-section[data-v-0f1832ad] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 3px;
  position: relative;
}
.required-section[data-v-0f1832ad] {
  border: 1px solid red;
}
.required-star[data-v-0f1832ad] {
  color: red;
}
.view-button[data-v-0f1832ad] {
  color: white;
}
.uploaded-button-container[data-v-0f1832ad] {
  margin-top: -4px;
}
.view-button-container[data-v-0f1832ad] {
  display: inline-block;
  margin-top: 4px;
}
.delete-doc-button[data-v-0f1832ad] {
  margin-top: 13px;
}
.view-file-button[data-v-0f1832ad] {
  width: 12em;
  margin-top: 1em;
}
.view-info-button[data-v-0f1832ad] {
  width: 12em;
  margin-top: 1em;
}
.expiration-info[data-v-0f1832ad] {
  margin-top: -0.5rem;
  margin-bottom: 0.8rem;
}
.expiration-info > span[data-v-0f1832ad] {
  /* border: solid 1px var(--coredarkercolor); */
  color: var(--coredarkercolor);
  border-radius: 0.4rem;
  padding: 0.3rem;
}
.expiration-info.expired > span[data-v-0f1832ad] {
  border: solid 1px red;
  color: red;
}
.uploaded-time[data-v-0f1832ad] {
  font-size: 0.8em;
  margin-top: -0.3em;
  margin-bottom: 0.5em;
}
.download-blank-template[data-v-0f1832ad] {
  top: 0;
  right: 0;
  cursor: pointer;
  position: absolute;
}
.download-blank-template.second-btn[data-v-0f1832ad] {
  right: 22px;
}
.background-check-section .background-check[data-v-0f1832ad] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 3px;
  width: fit-content;
  padding: 1rem 2rem;
  text-align: center;
}
.background-check-section .background-check .image[data-v-0f1832ad] {
  width: 200px;
}
.background-check-section .background-check .image img[data-v-0f1832ad] {
  width: 100%;
}
.background-check-modal-text[data-v-0f1832ad] {
  font-size: 1.5rem;
}
.background-modal-buttons[data-v-0f1832ad] {
  display: flex;
  justify-content: space-between;
}
.powered-text[data-v-0f1832ad] {
  font-size: 12px;
}
@media print {
.no-pagebreak[data-v-0f1832ad] {
    break-inside: avoid;
}
}
.expired-info[data-v-0f1832ad] {
  font-weight: bold;
  color: red;
}

.reviewer-info[data-v-0caff3c6] {
  font-weight: bold;
}
.job-info-dialog h2[data-v-0caff3c6] {
  font-size: 1.5rem;
}

.selected-candidate[data-v-fef19fde] {
  background-color: rgb(227 226 226);
}
.button-container[data-v-fef19fde] {
  display: flex;
}
.left-button[data-v-fef19fde] {
  flex-grow: 1;
}

.selected-candidate[data-v-2466a820] {
  background-color: rgb(227 226 226);
}

.button-container[data-v-8182bc6e] {
  display: flex;
}
.content-editable[data-v-8182bc6e] {
  height: 20em;
  width: 100%;
  outline: none;
  padding: 8px 4px;
  overflow: auto;
  resize: vertical;
  background-color: white;
  border: 1px solid #ced4d9;
  border-radius: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.relative-container[data-v-2018a07d] {
  position: relative;
}
.fixed-bottom[data-v-2018a07d] {
  width: 100%;
  background-color: white;
  padding: 5px 0;
  position: sticky;
  bottom: 0;
}
.button-containers[data-v-2018a07d] {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.left-side-button[data-v-2018a07d] {
  display: flex;
  flex-direction: row-reverse;
}
.right-side-button[data-v-2018a07d] {
  flex-grow: 1;
  text-align: right;
}
.danger-button[data-v-2018a07d] {
  margin-left: 0.5em;
}
@media (max-width: 600px) {
.button-containers[data-v-2018a07d] {
    display: block;
    text-align: center;
}
.left-side-button[data-v-2018a07d] {
    margin-top: 8px;
    display: block;
}
.right-side-button[data-v-2018a07d] {
    text-align: center;
}
.danger-button[data-v-2018a07d] {
    margin-left: 0;
    margin-bottom: 8px;
}
}
.selected-candidate[data-v-2018a07d] {
  background-color: rgb(227 226 226);
}
.edit-deposit-amount[data-v-2018a07d] {
  color: #007bff;
  cursor: pointer;
  font-size: 20px;
  margin-left: 0.2em;
}

.chart-legend[data-v-98f04060] {
  display: flex;
  justify-content: center;
}
.legend-item[data-v-98f04060] {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.legend-marker[data-v-98f04060] {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.legend-label[data-v-98f04060] {
  font-size: 14px;
}
/*
**************************************************************
This theme is the default shipping theme, it includes some
decent defaults, but is separate from the calendar component
to make it easier for users to implement their own themes w/o
having to override as much.
**************************************************************
*/

/* Header */

.theme-default .cv-header,
.theme-default .cv-header-day {
	background-color: #f0f0f0;
}

.theme-default .cv-header .periodLabel {
	font-size: 1.5em;
}

.theme-default .cv-header button {
	color: #7f7f7f;
}

.theme-default .cv-header button:disabled {
	color: #ccc;
	background-color: #f7f7f7;
}

/* Grid */

.theme-default .cv-day.past {
	background-color: #fafafa;
}

.theme-default .cv-day.outsideOfMonth {
	background-color: #f7f7f7;
}

.theme-default .cv-day.today {
	background-color: #ffe;
}

/* Events */

.theme-default .cv-event {
	border-color: #e0e0f0;
	border-radius: 0.5em;
	background-color: #e7e7ff;
	text-overflow: ellipsis;
}

.theme-default .cv-event.purple {
	background-color: #f0e0ff;
	border-color: #e7d7f7;
}

.theme-default .cv-event.orange {
	background-color: #ffe7d0;
	border-color: #f7e0c7;
}

.theme-default .cv-event.continued::before,
.theme-default .cv-event.toBeContinued::after {
	content: " \21e2 ";
	color: #999;
}

.theme-default .cv-event.toBeContinued {
	border-right-style: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.theme-default .cv-event.isHovered.hasUrl {
	text-decoration: underline;
}

.theme-default .cv-event.continued {
	border-left-style: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/* Event Times */

.theme-default .cv-event .startTime,
.theme-default .cv-event .endTime {
	font-weight: bold;
	color: #666;
}

/* Drag and drop */

.theme-default .cv-day.draghover {
	box-shadow: inset 0 0 0.2em 0.2em yellow;
}

.calendar-container[data-v-2327c64d] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 400px;
}
.custom-day-content[data-v-2327c64d] {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.3;
}
.custom-day-content.full-available[data-v-2327c64d] {
  background-color: #008000;
}
.custom-day-content.partly-available[data-v-2327c64d] {
  background-color: orange;
}
.custom-day-content.not-available[data-v-2327c64d] {
  background-color: red;
}

.tip-container[data-v-7b5a0dd4] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.tip-container > div[data-v-7b5a0dd4] {
  flex-basis: 150px;
}
.tip-container > div.custom-value-col[data-v-7b5a0dd4] {
  flex-basis: 180px;
}
.custom-value[data-v-7b5a0dd4] {
  width: 60px;
}

.search-btn-container[data-v-8530d67a] {
  text-align: right;
}

.delete-button[data-v-5c9ce6be] {
  color: red;
  cursor: pointer;
}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}
.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}













































































































































































































































































































































































































































































/* Custom marker cluster styles */
.marker-cluster-small {
  background-color: rgba(181, 226, 140, 0.6);
  border: 2px solid rgba(110, 204, 57, 0.8);
}
.marker-cluster-small div {
  background-color: rgba(110, 204, 57, 0.6);
}
.marker-cluster-medium {
  background-color: rgba(241, 211, 87, 0.6);
  border: 2px solid rgba(240, 194, 12, 0.8);
}
.marker-cluster-medium div {
  background-color: rgba(240, 194, 12, 0.6);
}
.marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6);
  border: 2px solid rgba(241, 128, 23, 0.8);
}
.marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6);
}
.marker-cluster {
  border-radius: 20px;
}
.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.marker-cluster span {
  line-height: 30px;
  color: #000;
  font-weight: bold;
}

.left-button[data-v-0197dcbe] {
  flex-grow: 1;
}

.refresh-btn[data-v-39a90685] {
  display: flex;
  padding: 6px;
  border: solid 1px var(--coredarkcolor);
  color: var(--coredarkcolor);
  border-radius: 4px;
  cursor: pointer;
  height: 38px;
}
.refresh-btn > i[data-v-39a90685] {
  color: var(--coredarkcolor);
  cursor: pointer;
}
@media (max-width: 768px) {
.refresh-btn > span[data-v-39a90685] {
    display: none;
}
}

.button-groups[data-v-28f3e744] {
  display: flex;
}
.meeting-list-row[data-v-28f3e744] {
  margin: 10px 0;
}

.attachment-item[data-v-e1632e62] {
  display: flex;
}
.attachment-item > .view-button[data-v-e1632e62] {
  margin: 0 0.5em;
}

.horizontal-space[data-v-be18ede0] {
  gap: 0.5rem;
}
.group-header[data-v-be18ede0] {
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 0.2em;
}
.group-item[data-v-be18ede0] {
  margin-left: 1em;
}
label[data-v-be18ede0]::first-letter {
  text-transform: uppercase;
}
.no-subject-space[data-v-be18ede0] {
  height: 120px;
}
.small-font-size[data-v-be18ede0] {
  font-size: .875em;
}

/* Add styling for tag beans */
.tag-bean[data-v-be18ede0] {
  display: inline-block;
  background-color: #e9f2ff;
  color: #0c6dd4;
  border-radius: 16px;
  padding: 4px 10px;
  margin: 2px 0;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid #b3d4ff;
  transition: all 0.2s ease;
  position: relative;
}
.tag-bean[data-v-be18ede0]:hover {
  background-color: #d1e5ff;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.tag-bean.copied[data-v-be18ede0] {
  background-color: #d0f0d0;
  color: #10893e;
  border-color: #a6e9a6;
}
.copy-indicator[data-v-be18ede0] {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 12px;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 100;
}
.copy-indicator.show[data-v-be18ede0] {
  opacity: 1;
}
.trigger-description-box[data-v-be18ede0] {
  background-color: #f8f9fa;
  border-left: 4px solid #0c6dd4;
  padding: 12px 15px;
  border-radius: 4px;
  font-size: 0.9em;
  color: #495057;
  margin-bottom: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  line-height: 1.5;
}

/* Progress Bar Styles */
.progress-bar-container[data-v-be18ede0] {
  margin: 20px 0;
}
.progress-steps[data-v-be18ede0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.progress-step[data-v-be18ede0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  cursor: pointer;
  opacity: 0.5;
}
.progress-step.active[data-v-be18ede0] {
  opacity: 1;
}
.progress-step.completed .step-number[data-v-be18ede0] {
  background-color: #28a745;
  color: white;
}
.step-number[data-v-be18ede0] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f8f9fa;
  border: 2px solid #dee2e6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  font-weight: bold;
}
.progress-step.active .step-number[data-v-be18ede0] {
  border-color: #007bff;
  background-color: #007bff;
  color: white;
}
.step-label[data-v-be18ede0] {
  font-size: 14px;
  font-weight: 500;
}
.progress-line[data-v-be18ede0] {
  flex-grow: 1;
  height: 2px;
  background-color: #dee2e6;
  margin: 0 15px;
  margin-bottom: 30px;
}
.progress-line.active[data-v-be18ede0] {
  background-color: #007bff;
}
.step-title[data-v-be18ede0] {
  margin-bottom: 1.5rem;
  color: #333;
}

/* Step navigation buttons */
.step-navigation[data-v-be18ede0] {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}
.next-step-button[data-v-be18ede0], .back-step-button[data-v-be18ede0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}
.next-step-button[data-v-be18ede0] {
  background: #007bff;
  color: white;
  margin-left: auto;
}
.next-step-button[data-v-be18ede0]:hover:not(:disabled) {
  background: #0056b3;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
  color: white;
}
.next-step-button[data-v-be18ede0]:disabled {
  background: #6c757d;
  cursor: not-allowed;
  opacity: 0.6;
}
.back-step-button[data-v-be18ede0] {
  background: #6c757d;
  color: white;
}
.back-step-button[data-v-be18ede0]:hover {
  background: #545b62;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3);
  color: white;
}
.button-text[data-v-be18ede0] {
  font-weight: 600;
}
.next-step-button .material-icons[data-v-be18ede0],
.back-step-button .material-icons[data-v-be18ede0] {
  font-size: 18px;
}

/* Progress Bar Styles */
.progress-bar-container[data-v-be18ede0] {
  margin: 20px 0;
}
.progress-steps[data-v-be18ede0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.progress-step[data-v-be18ede0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  cursor: pointer;
  opacity: 0.5;
}
.progress-step.active[data-v-be18ede0] {
  opacity: 1;
}
.progress-step.completed .step-number[data-v-be18ede0] {
  background-color: #28a745;
  color: white;
}
.step-number[data-v-be18ede0] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f8f9fa;
  border: 2px solid #dee2e6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  font-weight: bold;
}
.progress-step.active .step-number[data-v-be18ede0] {
  border-color: #007bff;
  background-color: #007bff;
  color: white;
}
.step-label[data-v-be18ede0] {
  font-size: 14px;
  font-weight: 500;
}
.progress-line[data-v-be18ede0] {
  flex-grow: 1;
  height: 2px;
  background-color: #dee2e6;
  margin: 0 15px;
  margin-bottom: 30px;
}
.progress-line.active[data-v-be18ede0] {
  background-color: #007bff;
}
.step-title[data-v-be18ede0] {
  margin-bottom: 1.5rem;
  color: #333;
}

/* Step navigation buttons */
.step-navigation[data-v-be18ede0] {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}
.next-step-button[data-v-be18ede0], .back-step-button[data-v-be18ede0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}
.next-step-button[data-v-be18ede0] {
  background: #007bff;
  color: white;
  margin-left: auto;
}
.next-step-button[data-v-be18ede0]:hover:not(:disabled) {
  background: #0056b3;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
  color: white;
}
.next-step-button[data-v-be18ede0]:disabled {
  background: #6c757d;
  cursor: not-allowed;
  opacity: 0.6;
}
.back-step-button[data-v-be18ede0] {
  background: #6c757d;
  color: white;
}
.back-step-button[data-v-be18ede0]:hover {
  background: #545b62;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3);
  color: white;
}
.button-text[data-v-be18ede0] {
  font-weight: 600;
}
.next-step-button .material-icons[data-v-be18ede0],
.back-step-button .material-icons[data-v-be18ede0] {
  font-size: 18px;
}
@keyframes pulse-data-v-be18ede0 {
0% {
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
}
70% {
    box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
}
}
.progress-step.pulse .step-number[data-v-be18ede0] {
  animation: pulse-data-v-be18ede0 1.2s infinite;
  border-color: #007bff;
  background-color: #e3f2fd;
  color: #007bff;
}

/* Tags container styling */
.tags-container[data-v-be18ede0] {
  font-size: 13px;
  overflow-y: scroll !important; /* Always show scrollbar */
  scrollbar-width: auto; /* For Firefox */
  -ms-overflow-style: scrollbar; /* For IE/Edge */
}
.tags-container p[data-v-be18ede0] {
  margin-bottom: 8px;
  margin-top: 8px;
}
.tags-container .tag-bean[data-v-be18ede0] {
  background-color: #e3f2fd;
  color: #1976d2;
  padding: 4px 8px;
  border-radius: 4px;
  font-family: 'Courier New', monospace;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid #bbdefb;
}
.tags-container .tag-bean[data-v-be18ede0]:hover {
  background-color: #bbdefb;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.tags-container .group-header[data-v-be18ede0] {
  font-weight: 600;
  color: #333;
  margin-top: 15px;
  margin-bottom: 8px;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 4px;
}
.tags-container .group-item[data-v-be18ede0] {
  margin-bottom: 10px;
}

/* Custom scrollbar styling for better visibility */
.tags-container[data-v-be18ede0]::-webkit-scrollbar {
  width: 8px;
  height: 8px; /* Same width for horizontal scrollbar */
}
.tags-container[data-v-be18ede0]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.tags-container[data-v-be18ede0]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}
.tags-container[data-v-be18ede0]::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* Horizontal scrollbar styling */
.tags-container[data-v-be18ede0]::-webkit-scrollbar:horizontal {
  height: 8px;
}
.tags-container[data-v-be18ede0]::-webkit-scrollbar-corner {
  background: #f1f1f1;
}

.button-container[data-v-50096ac4] {
  text-align: right;
}
.status-block-container[data-v-50096ac4] {
  padding: 20px;
  /* max-width: 400px; */
  margin-left: auto;
  margin-right: auto;
  /* margin-bottom: 40px; */
  border: solid 1px #bdbdbd;
  border-radius: 3px;
  box-sizing: border-box;
}
.template-icon[data-v-50096ac4] {
  font-size: 14px;
}
.edit-template-btn[data-v-50096ac4] {
  font-size: 14px;
  cursor: pointer;
  color: #007bff;
}
.delete-template-btn[data-v-50096ac4] {
  font-size: 14px;
  cursor: pointer;
}
i.drag-icon[data-v-50096ac4] {
  cursor: grab;
  font-size: 16px;
}
.col-lg-6[data-v-50096ac4] {
  display: flex;
  flex-direction: column;
}



.stats-list-container {
  display: flex;
  /* margin-top: 0.5em; */
  margin-bottom: 0.5em;
  flex-wrap: wrap;
  position: relative !important;
  align-items: center;
  gap: 0.5rem;
}
.stats-block-container {
  flex: 0 0 8.31%;
  padding: 4px;
  height: 100%;
  transition: transform 0.2s ease;
}
.stats-block-container:hover {
  transform: translateY(-2px);
}
.stats-block {
  background-color: #f8f9fa;
  padding: 12px 18px;
  border-radius: 8px;
  height: 100%;
  position: relative;
  flex-direction: column;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}
.stats-block:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.carousel-button-right {
  position: absolute;
  right: 0;
  z-index: 1;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.carousel-button-left {
  position: absolute;
  left: 0;
  z-index: 1;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.stats-list-container .arrow {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: none;
  outline: none;
  transition: all 0.2s ease;
}
.stats-list-container .arrow:hover {
  background-color: #f0f0f0;
}
.stats-list-container .arrow i {
  color: #1f4e78;
  font-size: 24px;
}
.stats-header-container {
  flex-grow: 1;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.stats-header {
  font-family: "Lato";
  font-weight: 700;
  overflow-wrap: break-word;
  font-size: 0.85em;
  text-align: center;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 36px;
  color: #2c3e50;
}
.user-stat {
  bottom: 0.25em;
  font-size: 1.1em;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 0;
}
.user-stat > div {
  text-align: center;
}
.stat-count {
  font-size: 1.3em;
  font-weight: 600;
  color: #1f4e78;
  margin-bottom: 4px;
}
.stat-percentage {
  font-size: 0.9em;
  color: #666;
}
.status-carousel {
  width: 100%;
  padding: 0 40px;
}

/* Stats and Stats Count Display Order  */
.order-2-md-1 {
  order: 1;
}
.order-3-md-2 {
  order: 2;
}
.order-1-md-3 {
  order: 3;
}
@media (max-width: 768px) {
.order-2-md-1 {
    order: 2;
}
.order-3-md-2 {
    order: 3;
}
.order-1-md-3 {
    order: 1;
}
}
.status-carousel span {
  cursor: pointer;
}
@media (min-width: 1439px) {
.user-stat {
    font-size: 1.25vw;
}
}
@media (max-width: 1440px) {
.stats-block-container {
    flex: 0 0 9%;
}
}
@media (max-width: 1366px) {
.stats-block-container {
    flex: 0 0 10%;
}
}
@media (max-width: 1024px) {
.stats-block-container {
    flex: 0 0 12.5%;
}
}
@media (max-width: 992px) {
.stats-block-container {
    flex: 0 0 20%;
}
}
@media (max-width: 768px) {
.stats-block-container {
    padding: 6px;
}
.stats-block {
    padding: 10px 15px;
    border-radius: 6px;
    min-height: 110px;
}
.stats-header {
    font-size: 0.8rem;
    height: auto;
    min-height: 32px;
    line-height: 1.2;
    margin-bottom: 4px;
}
.stats-header-container {
    margin-bottom: 4px;
    min-height: 40px;
}
.user-stat {
    padding: 6px 0;
}
.stat-count {
    font-size: 1.2em;
}
.stat-percentage {
    font-size: 0.85em;
}
}
@media (max-width: 600px) {
.stats-block-container {
    flex: 0 0 calc(50% - 12px);
}
.stats-block {
    padding: 8px 12px;
}
}
@media (max-width: 300px) {
.stats-block-container {
    flex: 0 0 100%;
}
}
.carousel-button {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}
.carousel-button:focus {
  outline: none;
}

/* Mobile specific styles */
.mobile-header {
  font-size: 1.1rem;
  font-weight: 600;
  color: #2c3e50;
  padding: 8px 0;
}
.mobile-stats {
  padding: 0.5rem;
  margin: 0;
}
@media (max-width: 768px) {
.stats-block-container {
    padding: 6px;
}
.stats-block {
    padding: 10px 15px;
    border-radius: 6px;
    min-height: 110px;
}
.stats-header {
    font-size: 0.8rem;
    height: auto;
    min-height: 32px;
    line-height: 1.2;
    margin-bottom: 4px;
}
.stats-header-container {
    margin-bottom: 4px;
    min-height: 40px;
}
.user-stat {
    padding: 6px 0;
}
.stat-count {
    font-size: 1.2em;
}
.stat-percentage {
    font-size: 0.85em;
}
}
@media (max-width: 600px) {
.stats-block-container {
    flex: 0 0 calc(50% - 12px);
}
.stats-block {
    padding: 8px 12px;
}
}
@media (max-width: 300px) {
.stats-block-container {
    flex: 0 0 100%;
}
}

/* Total count styling */
.total-count-container {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  background-color: #f8f9fa;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  height: 28px;
  width: auto;
}
.total-count {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.total-label {
  font-size: 0.9rem;
  font-weight: 500;
  color: #64748b;
  line-height: 1;
}
.total-number {
  font-size: 1rem;
  font-weight: 600;
  color: #1f4e78;
  padding: 1px 6px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  line-height: 1.1;
}
.settings-button {
  margin-left: 8px;
}
@media (max-width: 768px) {
.total-count-container {
    padding: 2px 8px;
    height: 26px;
}
.settings-button {
    margin-left: 6px;
}
}
.total-wrapper {
  gap: 6px;
}
.settings-button {
  display: inline-flex;
  align-items: center;
}
@media (max-width: 768px) {
.total-wrapper {
    gap: 4px;
}
}

.icon-btn[data-v-15e56756] {
  display: flex;
  padding: 6px;
  border: solid 1px var(--coredarkcolor);
  color: var(--coredarkcolor);
  border-radius: 4px;
  cursor: pointer;
  align-items: center;
}
.icon-btn > i[data-v-15e56756] {
  color: var(--coredarkcolor);
  cursor: pointer;
}
.icon-btn-secondary[data-v-15e56756] {
  border: none;
  background-color: #EFF3FA;
  color: var(--coredarkcolor);
  align-items: center;
}
@media (max-width: 768px) {
.icon-btn > span[data-v-15e56756] {
    display: none;
}
}
.is-selected[data-v-15e56756]  {
  background-color: var(--coredarkcolor);
  color: white;
}
.is-selected.icon-btn > i[data-v-15e56756] {
  color: white;
}
.icon-btn-container[data-v-15e56756] {
  height: 38px;
}

.more-icon[data-v-592eea38] {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  /* font-size: 15px; */
}
.edit-tab-icon[data-v-592eea38] {
  position: absolute;
  font-size: 16px;
  padding-left: 4px;
}
.tab-container[data-v-592eea38] {
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  background-color: rgb(248, 249, 250);
  padding: 10px;
  border-radius: 4px;
}
.tab-container > button[data-v-592eea38] {
  padding: 6px 16px;
  margin-top: 4px;
  margin-bottom: 4px;
}
.mylisting-button-multi-view[data-v-592eea38] {
  z-index: unset;
}
.icons-container[data-v-592eea38] {
  margin-top: 4px;
  margin-bottom: 4px;
}

/* Dialog Styles */
.dialog-overlay[data-v-592eea38] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  isolation: isolate;
}
.dialog-content[data-v-592eea38] {
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  max-width: 400px;
  width: 90%;
  max-height: 90vh;
  overflow: hidden;
}
.dialog-header[data-v-592eea38] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #e5e7eb;
}
.dialog-header h3[data-v-592eea38] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
}
.close-button[data-v-592eea38] {
  background: none;
  border: none;
  font-size: 24px;
  color: #6b7280;
  cursor: pointer;
  padding: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.close-button[data-v-592eea38]:hover {
  background-color: #f3f4f6;
  color: #374151;
}
.dialog-body[data-v-592eea38] {
  padding: 20px 24px;
}
.dialog-body p[data-v-592eea38] {
  margin: 0 0 16px 0;
  font-size: 14px;
  line-height: 1.5;
  color: #4b5563;
}
.save-icon-demo[data-v-592eea38] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background-color: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  margin-top: 8px;
}
.demo-save-button[data-v-592eea38] {
  pointer-events: none;
  opacity: 0.8;
}
.demo-text[data-v-592eea38] {
  font-size: 13px;
  color: #64748b;
  font-style: italic;
}
.dialog-footer[data-v-592eea38] {
  padding: 16px 24px 20px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  border-top: 1px solid #e5e7eb;
}
.dialog-footer .btn[data-v-592eea38] {
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.dialog-footer .btn-secondary[data-v-592eea38] {
  background-color: #f9fafb;
  color: #374151;
  border: 1px solid #d1d5db;
}
.dialog-footer .btn-secondary[data-v-592eea38]:hover {
  background-color: #f3f4f6;
  border-color: #9ca3af;
}
.dialog-footer .btn-primary[data-v-592eea38] {
  background-color: #3b82f6;
  color: white;
  border: 1px solid #3b82f6;
}
.dialog-footer .btn-primary[data-v-592eea38]:hover {
  background-color: #2563eb;
  border-color: #2563eb;
}

.row-container[data-v-ad68438e] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-ad68438e] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-ad68438e] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-ad68438e] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.checklist-element[data-v-ad68438e] {
  flex-grow: 1;
  flex-basis: 33.33%;
  padding-right: 0.5em;
}
.condition-element[data-v-ad68438e] {
  flex-grow: 1;
  flex-basis: 33.33%;
  padding-left: 0.5em;
}

.row-container[data-v-3e9c9d04] {
  display: flex;
  margin-bottom: 1em;
}
.original-label-column[data-v-3e9c9d04] {
  flex-grow: 1;
  /* flex-basis: 50%; */
  padding-right: 0.5em;
}
.display-label-column[data-v-3e9c9d04] {
  flex-grow: 1;
  /* flex-basis: 50%; */
  padding-left: 0.5em;
}

.btn-container[data-v-776d9921] {
  text-align: right;
  margin-right: 2em;
  margin-top: 1em;
}

.image-upload[data-v-1d449a5c] {
  padding: 30px;
}
.image-upload .uploader[data-v-1d449a5c] {
  display: block;
  clear: both;
  margin: 0 auto;
  width: 100%;
}
.image-upload .image-uploaded-container[data-v-1d449a5c] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-upload .image-uploaded-container label[data-v-1d449a5c] {
  clear: both;
  width: 100%;
  max-width: 450px;
  text-align: center;
  background: #fff;
  border-radius: 7px;
  border: 3px dashed rgb(202, 202, 202);
  transition: all 0.2s ease;
  user-select: none;
  margin-bottom: 0;
  padding: 1.5rem;
  min-height: 188px;
}
.image-upload .image-uploaded-container label #image-file[data-v-1d449a5c] {
  float: left;
  clear: both;
  width: 100%;
}
.image-upload .image-uploaded-container label #image-file h4[data-v-1d449a5c] {
  font-size: 24px;
  opacity: 0.7;
  margin: 15px 0;
}
.image-upload .image-uploaded-container label #image-file i[data-v-1d449a5c] {
  font-size: 60px;
  opacity: 0.7;
}
.image-upload .image-uploaded-container .image-image-uploaded[data-v-1d449a5c] {
  width: fit-content;
  padding: 1.5rem;
  height: 100%;
  max-width: fit-content;
  text-align: center;
  background: #fff;
  border-radius: 7px;
  border: 3px dashed rgb(202, 202, 202);
  transition: all 0.2s ease;
  user-select: none;
  margin-bottom: 0;
  margin: 0 auto;
  position: relative;
}
.image-upload .image-uploaded-container .image-image-uploaded img[data-v-1d449a5c] {
  width: 150px;
  height: 150px;
  object-fit: cover;
}
.image-upload .image-uploaded-container .image-image-uploaded i[data-v-1d449a5c] {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  cursor: pointer;
}
.image-upload input[type="file"][data-v-1d449a5c] {
  display: none;
}
.image-upload .image-title[data-v-1d449a5c] {
  margin-top: 35px;
}
.image-upload .input-field p[data-v-1d449a5c] {
  font-size: 2rem;
  text-align: left;
  margin-bottom: 8px;
  font-weight: bold;
}
.image-upload .input-field input[data-v-1d449a5c] {
  width: 100%;
  border: 1px solid #ced4da;
  font-size: 1.4rem;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  outline: none;
}
.badge-name-container[data-v-1d449a5c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 25px;
}
.badge-name-container p[data-v-1d449a5c] {
  font-size: 1.25rem;
  font-weight: 600;
}
.badge-name-container .d-flex[data-v-1d449a5c] {
  width: 100%;
  max-width: 450px;
}
.generate-icon-outside[data-v-1d449a5c] {
  cursor: pointer;
  margin-left: 12px;
  transition: filter 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.generate-icon-outside i[data-v-1d449a5c] {
  font-size: 2rem;
}
.generate-icon-outside[data-v-1d449a5c]:hover {
  filter: brightness(85%);
  transform: scale(1.15);
}
.uploader-box[data-v-1d449a5c] {
  min-height: 188px;
  width: 100%;
  max-width: 450px;
  background-color: #f8f9fa;
}
.checkbox[data-v-1d449a5c] {
  display: flex;
  align-items: center;
}
.checkbox .info-icon[data-v-1d449a5c] {
  margin-left: 8px;
  cursor: pointer;
  font-size: 18px;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}
.checkbox .info-icon[data-v-1d449a5c]:hover {
  opacity: 1;
}
.generating-text[data-v-1d449a5c] {
  opacity: 0.7;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  margin-top: 1rem;
}
.spinner[data-v-1d449a5c] {
  width: 48px;
  height: 48px;
  border: 5px solid rgba(0, 0, 0, 0.1);
  border-top: 5px solid #1f4e78;
  border-radius: 50%;
  animation: spin-data-v-1d449a5c 1.5s linear infinite;
}
@keyframes spin-data-v-1d449a5c {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

.badges-card[data-v-40d38693] {
  border: 1px solid lightgray;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.badges-card .badge-img[data-v-40d38693] {
  width: 7rem;
  height: 7rem;
  display: flex;
  justify-content: center;
  margin: 0.8rem 0;
}
.badge-label[data-v-40d38693] {
  color: #1f4e78;
  font-weight: 600;
}
.badge-label .badges-container .icons[data-v-40d38693] {
  cursor: pointer;
}
.edit-icon .material-icons[data-v-40d38693] {
  color: #007bff;
}
.badges-card .badge-img img[data-v-40d38693] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.add-field-button[data-v-40d38693] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}

.multiselect-container[data-v-5bd2de7b] {
  width: 100%;
}
.custom-input-text-label[data-v-5bd2de7b] {
  padding: 6px 0px;
  margin: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.rewards-card[data-v-e664c9ea] {
  border: 1px solid lightgray;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rewards-card .reward-img[data-v-e664c9ea] {
  width: 7rem;
  height: 7rem;
  display: flex;
  justify-content: center;
  margin: 0.8rem 0;
}
.reward-label[data-v-e664c9ea] {
  color: #1f4e78;
  font-weight: 600;
}
.reward-label .rewards-container .icons[data-v-e664c9ea] {
  cursor: pointer;
}
.edit-icon .material-icons[data-v-e664c9ea] {
  color: #007bff;
}
.rewards-card .reward-img img[data-v-e664c9ea] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.add-field-button[data-v-e664c9ea] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}

.btn-container[data-v-e0694f52] {
  text-align: right;
  margin-right: 2em;
}
.color-picker-container[data-v-e0694f52] {
  display: flex;
  align-items: center;
  margin-top: 1em;
}
.color-picker-label > label[data-v-e0694f52] {
  margin-top: 0;
  margin-bottom: 0;
}
.color-picker-label[data-v-e0694f52] {
  flex-basis: 33em;
}
.document-scope-textbox[data-v-e0694f52] {
  text-transform: capitalize;
}
.whitespace-normal[data-v-e0694f52] {
  white-space: normal;
}
.column-divider[data-v-e0694f52] {
  border-top: 1px solid #ced4da;
  margin-top: 20px;
}
@media (min-width: 786px) {
.column-divider[data-v-e0694f52] {
    border-top: none;
    border-left: 1px solid #ced4da;
    margin-top: 0px;
}
}
.import-btn-containers > div[data-v-e0694f52] {
  margin-bottom: 2px;
}
.color-picker-container[data-v-e0694f52] {
  display: flex;
  align-items: center;
}
.color-picker-label > label[data-v-e0694f52] {
  margin-top: 0;
  margin-bottom: 0;
}
.color-picker-label[data-v-e0694f52] {
  flex-basis: 33em;
}

.right-group-buttons[data-v-707b1eb6] {
  justify-content: end;
  display: flex;
  align-items: center;
}
.analytics-dashboard-btn[data-v-707b1eb6] {
  cursor: pointer;
}
.advance-search i[data-v-707b1eb6] {
  font-size: 32px;
  cursor: pointer;
}
.advance-search-btn[data-v-707b1eb6] {
  margin-right: 0.5em;
}
.clear-search-btn i[data-v-707b1eb6] {
  font-size: 22px;
  font-weight: bold;
}
.add-icon[data-v-707b1eb6] {
  cursor: pointer;
}
.add-icon > i[data-v-707b1eb6] {
  font-size: 28px;
}
.close-tab-icon[data-v-707b1eb6] {
  position: absolute;
  top: 0;
  right: 0;
  /* font-size: 15px; */
}
.edit-tab-icon[data-v-707b1eb6] {
  position: absolute;
  font-size: 16px;
  padding-left: 4px;
}
.mobile-assigned-candidate-names[data-v-707b1eb6] {
  margin-left: 35px;
}
.multiselect--active[data-v-707b1eb6] {
  z-index: 99;
}
/* .max-content {
  width: max-content;
} */
.view-map-button[data-v-707b1eb6] {
  margin-left: 0.3em;
  margin-right: 0.3em;
}
.search-add-row[data-v-707b1eb6] {
  align-items: center;
}
.search-tool-btn[data-v-707b1eb6] {
  display: flex;
  border-radius: 6px;
  justify-content: left;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-right: 6px;
  border-radius: 4px;
  cursor: pointer;
  border: none;
}
.view-process-flow[data-v-707b1eb6] {
  display: flex;
  padding: 6px;
  border: solid 1px var(--coredarkcolor);
  color: var(--coredarkcolor);
  border-radius: 4px;
  cursor: pointer;
  height: 38px;
}
.form-builder-link > a[data-v-707b1eb6] {
  width: 100%;
  padding: 7px 11px;
  font-size: 16px;
  font-weight: 400;
}
.stats-panel[data-v-707b1eb6] {
  margin-top: 1rem;
}

.enhanced-sms-character-counter[data-v-71a24ac4] {
  min-height: 20px;
}
.counter-info[data-v-71a24ac4] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.character-count[data-v-71a24ac4], .segment-count[data-v-71a24ac4] {
  font-family: "Epilogue", sans-serif !important;
  font-size: 12px;
}
.encoding-indicator[data-v-71a24ac4] {
  font-weight: 600;
  color: #ff6b35;
}
.warning-icon[data-v-71a24ac4] {
  font-size: 14px !important;
  cursor: help;
}
.warning-icon-small[data-v-71a24ac4] {
  font-size: 12px !important;
  vertical-align: middle;
}
.auto-fix-btn[data-v-71a24ac4] {
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  gap: 2px;
}
.auto-fix-btn .material-icons[data-v-71a24ac4] {
  font-size: 14px;
}
.undo-btn[data-v-71a24ac4] {
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  gap: 2px;
}
.undo-btn .material-icons[data-v-71a24ac4] {
  font-size: 14px;
}

/* Counter state colors */
.counter-normal[data-v-71a24ac4] {
  color: #6c757d;
}
.counter-warning[data-v-71a24ac4] {
  color: #ffc107;
}
.counter-ucs2[data-v-71a24ac4] {
  color: #ff6b35;
}
.counter-multipart[data-v-71a24ac4] {
  color: #17a2b8;
}
.encoding-warning[data-v-71a24ac4] {
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 11px;
}
.text-warning[data-v-71a24ac4] {
  color: #856404 !important;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Problematic characters display */
.problematic-chars[data-v-71a24ac4] {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 11px;
}
.problematic-chars-header[data-v-71a24ac4] {
  margin-bottom: 4px;
}
.problematic-chars-list[data-v-71a24ac4] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.problematic-char-item[data-v-71a24ac4] {
  background-color: #fff;
  border: 1px solid #dc3545;
  border-radius: 3px;
  padding: 2px 4px;
  font-size: 10px;
  display: flex;
  align-items: center;
  gap: 2px;
}
.char-display[data-v-71a24ac4] {
  font-weight: bold;
  color: #dc3545;
}
.char-position[data-v-71a24ac4] {
  color: #6c757d;
  font-size: 9px;
}
.char-replacement[data-v-71a24ac4] {
  color: #28a745;
  font-size: 9px;
}

/* Fix dialog styles */
.fix-dialog-overlay[data-v-71a24ac4] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
}
.fix-dialog[data-v-71a24ac4] {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  max-width: 500px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
}
.fix-dialog-header[data-v-71a24ac4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #dee2e6;
}
.fix-dialog-header h5[data-v-71a24ac4] {
  margin: 0;
  font-size: 16px;
}
.fix-dialog-content[data-v-71a24ac4] {
  padding: 16px;
}
.current-issues[data-v-71a24ac4] {
  margin-bottom: 20px;
}
.current-issues h6[data-v-71a24ac4] {
  font-size: 14px;
  margin-bottom: 8px;
  color: #dc3545;
}
.issues-list[data-v-71a24ac4] {
  background-color: #f8f9fa;
  border-radius: 4px;
  padding: 8px;
}
.issue-item[data-v-71a24ac4] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-size: 12px;
}
.issue-char[data-v-71a24ac4] {
  background-color: #dc3545;
  color: white;
  padding: 2px 4px;
  border-radius: 2px;
  font-weight: bold;
  min-width: 20px;
  text-align: center;
}
.issue-position[data-v-71a24ac4] {
  color: #6c757d;
  font-size: 11px;
}
.issue-replacement[data-v-71a24ac4] {
  color: #28a745;
  font-weight: 500;
}
.issue-unknown[data-v-71a24ac4] {
  color: #ffc107;
  font-style: italic;
}
.fix-options h6[data-v-71a24ac4] {
  font-size: 14px;
  margin-bottom: 12px;
}
.fix-option[data-v-71a24ac4] {
  margin-bottom: 12px;
}
.fix-option button[data-v-71a24ac4] {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
}
.fix-option .material-icons[data-v-71a24ac4] {
  font-size: 16px;
}
.fix-preview[data-v-71a24ac4] {
  background-color: #f8f9fa;
  border-radius: 3px;
  padding: 4px 6px;
  margin-top: 4px;
}
.fix-preview small[data-v-71a24ac4] {
  color: #6c757d;
  font-family: monospace;
}

/* Responsive adjustments */
@media (max-width: 576px) {
.counter-info[data-v-71a24ac4] {
    flex-direction: column;
    align-items: flex-end;
}
.segment-count[data-v-71a24ac4] {
    margin-left: 0 !important;
    margin-top: 2px;
}
.auto-fix-btn[data-v-71a24ac4] {
    margin-left: 0 !important;
    margin-top: 4px;
}
.fix-dialog[data-v-71a24ac4] {
    width: 95%;
    margin: 10px;
}
.problematic-chars-list[data-v-71a24ac4] {
    flex-direction: column;
}
}

.highlighted-textarea-container[data-v-521f4adc] {
  position: relative;
  width: 100%;
}
.highlight-layer[data-v-521f4adc] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 8px;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
  background: white;
  color: transparent;
  white-space: pre-wrap;
  word-wrap: break-word;
  box-sizing: border-box;
}
.transparent-textarea[data-v-521f4adc] {
  position: relative;
  z-index: 2;
  background: transparent !important;
  color: inherit;
  resize: vertical;
  box-sizing: border-box;
}
.problematic-char[data-v-521f4adc] {
  background-color: rgba(220, 53, 69, 0.3) !important;
  color: #dc3545 !important;
  border-radius: 2px;
  position: relative;
}
.problematic-char[data-v-521f4adc]::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #dc3545;
  border-radius: 1px;
}

/* Ensure textarea and highlight layer have identical styling */
.highlight-layer[data-v-521f4adc],
.transparent-textarea[data-v-521f4adc] {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  text-indent: inherit;
  text-align: inherit;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px!important;
}
.transparent-textarea[data-v-521f4adc]:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.transparent-textarea[data-v-521f4adc]:disabled {
  background-color: #e9ecef;
  opacity: 1;
}

/* Hide scrollbars on highlight layer */
.highlight-layer[data-v-521f4adc] {
  overflow: hidden;
}

/* Ensure proper scrolling sync */
.transparent-textarea[data-v-521f4adc] {
  overflow: auto;
}

.pagination-container {
  width: fit-content;
}
.pagination-container .pagination {
  list-style-type: none;
}
.pagination-container .pagination-item {
  display: inline-block;
}
.pagination-container .active {
  background-color: var(--coredarkcolor) !important;
  color: #fff;
  opacity: 1 !important;
}
.pagination-container .pagination .pagination-item button {
  font-size: 14px;
  font-family: "Epilogue", sans-serif;
  line-height: normal;
  padding: 10px 15px;
  outline: none;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  margin: 0;
}
.multiselect .multiselect__tags {
    border-radius: 0;
}
.multiselect .multiselect__select {
    border-radius: 0;
}
.multiselect .multiselect__content-wrapper {
    border-radius: 0;
}

.thread-container[data-v-eec610ee] {
  overflow-y: auto;
  max-height: 200px;
}
.attachment-item[data-v-eec610ee] {
  display: flex;
}
.attachment-item > .view-button[data-v-eec610ee] {
  margin: 0 0.5em;
}
.label-color label[data-v-eec610ee] {
  color: var(--coredarkcolor);
  font-weight: 600;
  margin-bottom: 4px;
}

.pagination-container[data-v-6f735b52] {
  display: flex;
  justify-content: center;
}
.pagination .page-item:not(.active) .page-link[data-v-6f735b52] {
  color: var(--coredarkcolor);
  cursor: pointer;
}
.pagination .page-item.active .page-link[data-v-6f735b52] {
  background-color: var(--coredarkcolor);
  border-color: var(--coredarkcolor);
}
.page-info-container[data-v-6f735b52] {
  display: flex;
  align-items: center;
  justify-content: end;
}

.button-containers[data-v-5945c7fb] {
  display: flex;
  flex-direction: row-reverse;
}
.cancel-btn-container[data-v-5945c7fb] {
  flex-grow: 1;
}
.badge-container[data-v-5945c7fb] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background-color: #f8f9fa;
  border-radius: 8px;
  position: relative;
}
.badge-status[data-v-5945c7fb] {
  color: white;
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 500;
}
.badge-with-info[data-v-5945c7fb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
}
.info-icon[data-v-5945c7fb] {
  font-size: 16px;
  margin-left: 5px;
  cursor: pointer;
}
.resend-email-btn[data-v-5945c7fb] {
  cursor: pointer;
  color: #6c757d;
  transition: color 0.2s ease;
}
.resend-email-btn[data-v-5945c7fb]:hover {
  color: #007bff;
}
hr[data-v-5945c7fb] {
  margin: 0;
  padding: 0 0.5rem;
}
@media (max-width: 600px) {
.badge-status[data-v-5945c7fb] {
    position: static !important;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    display: block;
    width: fit-content;
    right: auto;
    left: auto;
}
.badge-container[data-v-5945c7fb] {
    align-items: flex-start !important;
}
}

.email-details[data-v-77beb869] {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
}
.email-header[data-v-77beb869] {
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 1rem;
}
.email-subject[data-v-77beb869] {
  color: #212529;
  font-weight: 600;
  margin-bottom: 1rem;
}
.email-field[data-v-77beb869] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}
.field-label[data-v-77beb869] {
  min-width: 60px;
  color: #495057;
  margin-right: 0.5rem;
  font-weight: 600;
}
.field-value[data-v-77beb869] {
  color: #212529;
  word-break: break-word;
}
.email-status[data-v-77beb869] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.folders[data-v-77beb869] {
  margin-left: auto;
}
.attachments[data-v-77beb869] {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 1rem;
  background-color: #f8f9fa;
}
.attachments-title[data-v-77beb869] {
  color: #495057;
  margin-bottom: 0.75rem;
  font-weight: 600;
}
.attachment-list[data-v-77beb869] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.attachment-item[data-v-77beb869] {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  background-color: white;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
}
.attachment-item i[data-v-77beb869] {
  color: #6c757d;
  margin-right: 0.5rem;
}
.attachment-name[data-v-77beb869] {
  flex-grow: 1;
  color: #212529;
}
.attachment-size[data-v-77beb869] {
  margin-left: auto;
}
.email-body[data-v-77beb869] {
  margin-top: 1rem;
}
.body-title[data-v-77beb869] {
  color: #495057;
  margin-bottom: 0.75rem;
  font-weight: 600;
}
.body-content[data-v-77beb869] {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 1rem;
  background-color: #ffffff;
  min-height: 200px;
  max-height: 400px;
  overflow-y: auto;
  line-height: 1.6;
  color: #212529;
  opacity: 1;
  font-size: 14px;
}
.body-content[data-v-77beb869] * {
  margin-bottom: 0.5rem;
  color: #212529 !important;
}
.body-content[data-v-77beb869] p {
  color: #212529 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.body-content[data-v-77beb869] div {
  color: #212529 !important;
}
.body-content[data-v-77beb869] span {
  color: #212529 !important;
}
.body-content[data-v-77beb869] p:last-child {
  margin-bottom: 0;
}
.body-content[data-v-77beb869] a {
  color: #007bff !important;
  text-decoration: underline;
}
.body-content[data-v-77beb869] a:hover {
  color: #0056b3 !important;
}
.spinner-border[data-v-77beb869] {
  width: 2rem;
  height: 2rem;
}

.nylas-email-log[data-v-435cc5fd] {
  max-height: 70vh;
  overflow-y: auto;
}
.email-sections[data-v-435cc5fd] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.email-section[data-v-435cc5fd] {
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  overflow: hidden;
}
.section-header[data-v-435cc5fd] {
  background-color: #f8f9fa;
  padding: 1rem;
  border-bottom: 1px solid #dee2e6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-title[data-v-435cc5fd] {
  margin: 0;
  color: #495057;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.section-title i[data-v-435cc5fd] {
  color: #007bff;
}
.emails-list[data-v-435cc5fd] {
  max-height: 40vh;
  overflow-y: auto;
  padding: 1rem;
}
.email-item[data-v-435cc5fd] {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 1rem;
  margin-bottom: 0.5rem;
  transition: all 0.2s ease;
  cursor: pointer;
}
.email-item[data-v-435cc5fd]:hover {
  background-color: #f8f9fa;
  border-color: #007bff;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);
}
.email-item.unread[data-v-435cc5fd] {
  background-color: #f8f9fa;
  border-left: 4px solid #007bff;
}
.email-header[data-v-435cc5fd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
.email-from[data-v-435cc5fd] {
  font-weight: 600;
  color: #495057;
}
.email-date[data-v-435cc5fd] {
  font-size: 0.875rem;
  color: #6c757d;
}
.email-to[data-v-435cc5fd] {
  margin-bottom: 0.5rem;
}
.email-subject[data-v-435cc5fd] {
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: #212529;
}
.email-snippet[data-v-435cc5fd] {
  color: #6c757d;
  font-size: 0.875rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.email-attachments[data-v-435cc5fd] {
  font-size: 0.75rem;
  color: #6c757d;
}
.email-attachments i[data-v-435cc5fd] {
  margin-right: 0.25rem;
}
.pagination-wrapper[data-v-435cc5fd] {
  padding: 1rem;
  background-color: #f8f9fa;
  border-top: 1px solid #dee2e6;
}
.pagination[data-v-435cc5fd] {
  margin: 0;
}
.spinner-border[data-v-435cc5fd] {
  width: 2rem;
  height: 2rem;
}
.form-label[data-v-435cc5fd] {
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.email-sections[data-v-435cc5fd] {
    gap: 1rem;
}
.emails-list[data-v-435cc5fd] {
    max-height: 30vh;
    padding: 0.5rem;
}
.email-item[data-v-435cc5fd] {
    padding: 0.75rem;
}
.section-header[data-v-435cc5fd] {
    padding: 0.75rem;
}
.pagination-wrapper[data-v-435cc5fd] {
    padding: 0.75rem;
}
}

.sms-character-counter[data-v-2a935241] {
  min-height: 20px;
}
.counter-info[data-v-2a935241] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.character-count[data-v-2a935241], .segment-count[data-v-2a935241] {
  font-family: "Epilogue", sans-serif !important;
  font-size: 12px;
}
.encoding-indicator[data-v-2a935241] {
  font-weight: 600;
  color: #ff6b35;
}
.warning-icon[data-v-2a935241] {
  font-size: 14px !important;
  cursor: help;
}
.warning-icon-small[data-v-2a935241] {
  font-size: 12px !important;
  vertical-align: middle;
}

/* Counter state colors */
.counter-normal[data-v-2a935241] {
  color: #6c757d;
}
.counter-warning[data-v-2a935241] {
  color: #ffc107;
}
.counter-ucs2[data-v-2a935241] {
  color: #ff6b35;
}
.counter-multipart[data-v-2a935241] {
  color: #17a2b8;
}
.encoding-warning[data-v-2a935241] {
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 11px;
}
.text-warning[data-v-2a935241] {
  color: #856404 !important;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Responsive adjustments */
@media (max-width: 576px) {
.counter-info[data-v-2a935241] {
    flex-direction: column;
    align-items: flex-end;
}
.segment-count[data-v-2a935241] {
    margin-left: 0 !important;
    margin-top: 2px;
}
}

.send_btn[data-v-646a0bc2] {
  border-radius: 0 15px 15px 0 !important;
  background-color: #f0f2f5;
  border: 0 !important;
  color: rgb(0, 132, 255);
  cursor: pointer;
}
.type_msg[data-v-646a0bc2] {
  background-color: #f0f2f5;
  border: 0 !important;
  color: rgb(5, 5, 5);
  height: 60px;
  overflow-y: auto;
}
.sms-message > .type_msg[data-v-646a0bc2] {
  height: 38px;
  border-radius: 6px 0 0 6px;
}
.type_msg[data-v-646a0bc2]:focus {
  box-shadow: none !important;
  outline: 0px !important;
}
.sms-message .input-group-append[data-v-646a0bc2] {
  height: 38px;
}
.sms-message .input-group-append .send_btn[data-v-646a0bc2] {
  border-radius: 0 6px 6px 0 !important;
}
.character-count[data-v-646a0bc2] {
  min-height: 20px;
}
.ai_btn[data-v-646a0bc2] {
  background-color: #f0f2f5;
  color: rgb(0, 132, 255);
  border: 0 !important;
  cursor: pointer;
}
.ai_btn.disabled[data-v-646a0bc2] {
  opacity: 0.6;
  cursor: not-allowed;
}
.spin[data-v-646a0bc2] { animation: spin-data-v-646a0bc2 1s linear infinite;
}
@keyframes spin-data-v-646a0bc2 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}

.top-level-div[data-v-07de2aaf] {
  padding-bottom: 0;
  padding-left: 2em;
  padding-right: 2em;
}
.chat-container[data-v-07de2aaf] {
  display: flex;
  width: 100%;
}
.chat-summary[data-v-07de2aaf] {
  flex-basis: 360px;
  width: 360px;
  flex-shrink: 0;
  padding-right: 4px;
}
.summary-item[data-v-07de2aaf] {
  cursor: pointer;
}
.summary-item[data-v-07de2aaf]:not(.active):hover {
  background-color: #eee;
}
.chat-detail[data-v-07de2aaf] {
  flex-grow: 1;
}
.summary-message[data-v-07de2aaf] {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
.chat-container[data-v-07de2aaf] {
    display: block;
}
.chat-summary[data-v-07de2aaf] {
    width: 100%;
}
}
.card[data-v-07de2aaf] {
  height: calc(100vh - 120px);
  border-radius: 15px !important;
}
.contacts_body[data-v-07de2aaf] {
  padding: 0.75rem 0 !important;
  overflow-y: auto;
  white-space: nowrap;
}
.msg_card_body[data-v-07de2aaf] {
  overflow-y: auto;
}
.card-header[data-v-07de2aaf] {
  border-radius: 15px 15px 0 0 !important;
  background-color: white;
}
.card-footer[data-v-07de2aaf] {
  border-radius: 0 0 15px 15px !important;
  border-top: 0 !important;
  background-color: white;
}
.container[data-v-07de2aaf] {
  align-content: center;
}
.search[data-v-07de2aaf] {
  border-radius: 15px 0 0 15px !important;
  background-color: rgb(240, 242, 245) !important;
  border: 0 !important;
  color: rgb(5, 5, 5) !important;
}
.search[data-v-07de2aaf]:focus {
  box-shadow: none !important;
  outline: 0px !important;
}
.type_msg[data-v-07de2aaf] {
  background-color: #f0f2f5;
  border: 0 !important;
  color: rgb(5, 5, 5);
  height: 60px !important;
  overflow-y: auto;
}
.type_msg[data-v-07de2aaf]:focus {
  box-shadow: none !important;
  outline: 0px !important;
}
.attach_btn[data-v-07de2aaf] {
  border-radius: 15px 0 0 15px !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
  border: 0 !important;
  color: white !important;
  cursor: pointer;
}
.send_btn[data-v-07de2aaf] {
  border-radius: 0 15px 15px 0 !important;
  background-color: #f0f2f5;
  border: 0 !important;
  color: rgb(0, 132, 255);
  cursor: pointer;
}
.search_btn[data-v-07de2aaf] {
  border-radius: 0 15px 15px 0 !important;
  background-color: rgb(240, 242, 245) !important;
  border: 0 !important;
  color: rgba(5, 5, 5, 0.4) !important;
  cursor: pointer;
}
.contacts[data-v-07de2aaf] {
  list-style: none;
  padding: 0;
}
.contacts li[data-v-07de2aaf] {
  width: 100% !important;
  padding: 5px 10px;
  margin-bottom: 15px !important;
}
.active[data-v-07de2aaf] {
  background-color: rgba(45, 136, 255, 0.1);
}
.user_img[data-v-07de2aaf] {
  height: 70px;
  width: 70px;
  border: 1.5px solid #f5f6fa;
  object-fit: cover;
}
.user_img_msg[data-v-07de2aaf] {
  height: 40px;
  width: 40px;
  border: 1.5px solid #f5f6fa;
  object-fit: cover;
}
.img_cont[data-v-07de2aaf] {
  position: relative;
  height: 70px;
  width: 70px;
}
.img_cont_msg[data-v-07de2aaf] {
  height: 40px;
  width: 40px;
}
.online_icon[data-v-07de2aaf] {
  position: absolute;
  height: 15px;
  width: 15px;
  background-color: #4cd137;
  border-radius: 50%;
  bottom: 0.2em;
  right: 0.4em;
  border: 1.5px solid white;
}
.offline[data-v-07de2aaf] {
  background-color: #c23616 !important;
}
.user_info[data-v-07de2aaf] {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.user_info span[data-v-07de2aaf] {
  font-size: 20px;
}
.card-header .user_info span[data-v-07de2aaf] {
  font-weight: 600;
}
.summary-header[data-v-07de2aaf] {
  display: flex;
  align-items: center;
}
.summary-header .summary-name[data-v-07de2aaf] {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgb(5, 5, 5);
}
.summary-header .summary-time[data-v-07de2aaf] {
  flex-shrink: 0;
}
.user_info p[data-v-07de2aaf] {
  font-size: 14px;
  color: rgb(101, 103, 107);
}
.user_info span.summary-time[data-v-07de2aaf] {
  font-size: 14px;
  color: rgb(101, 103, 107);
}
.video_cam[data-v-07de2aaf] {
  margin-left: 50px;
  margin-top: 5px;
}
.video_cam span[data-v-07de2aaf] {
  font-size: 20px;
  cursor: pointer;
  margin-right: 20px;
}
.msg_cotainer[data-v-07de2aaf] {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  border-radius: 25px;
  background-color: rgb(228, 230, 235);
  color: rgb(5, 5, 5);
  padding: 10px;
  position: relative;
}
.msg_cotainer_send[data-v-07de2aaf] {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 10px;
  border-radius: 25px;
  background-color: rgb(0, 132, 255);
  padding: 10px;
  position: relative;
  color: white;
}
.msg-body[data-v-07de2aaf] {
  white-space: pre-wrap;
}
.msg_time[data-v-07de2aaf] {
  position: absolute;
  left: 0;
  bottom: -15px;
  color: rgb(138, 141, 145);
  white-space: nowrap;
  font-size: 10px;
}
.msg_time_send[data-v-07de2aaf] {
  position: absolute;
  right: 0;
  bottom: -15px;
  color: rgb(138, 141, 145);
  white-space: nowrap;
  font-size: 10px;
}
.msg_head[data-v-07de2aaf] {
  position: relative;
}
#action_menu_btn[data-v-07de2aaf] {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  font-size: 20px;
}
.action_menu[data-v-07de2aaf] {
  z-index: 1;
  position: absolute;
  padding: 15px 0;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  top: 30px;
  right: 15px;
  display: none;
}
.action_menu ul[data-v-07de2aaf] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.action_menu ul li[data-v-07de2aaf] {
  width: 100%;
  padding: 10px 15px;
  margin-bottom: 5px;
}
.action_menu ul li i[data-v-07de2aaf] {
  padding-right: 10px;
}
.action_menu ul li[data-v-07de2aaf]:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 576px) {
.contacts_card[data-v-07de2aaf] {
    margin-bottom: 15px !important;
}
}
/* width */
[data-v-07de2aaf]::-webkit-scrollbar {
  width: 10px;
}
/* Track */
[data-v-07de2aaf]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
/* Handle */
[data-v-07de2aaf]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.message-receive[data-v-07de2aaf] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-start;
}
.message-send[data-v-07de2aaf] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-end;
}
.no-conversation-selected[data-v-07de2aaf] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.send-new-user[data-v-07de2aaf] {
  font-size: 38px;
  margin-right: -0.5em;
  cursor: pointer;
}

.document-header[data-v-0ceeb6bc] {
  text-align: center;
}
button[data-v-0ceeb6bc]:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.button-containers[data-v-0ceeb6bc] {
  display: flex;
  flex-direction: row-reverse;
}
.cancel-btn-container[data-v-0ceeb6bc] {
  flex-grow: 1;
}
@media (max-width: 600px) {
.button-containers[data-v-0ceeb6bc] {
    display: block;
    text-align: center;
}
.cancel-btn-container[data-v-0ceeb6bc] {
    margin-top: 8px;
}
}

.more-less-btn[data-v-2f3b7fef] {
  cursor: pointer;
}

.group-header[data-v-3d427eaa] {
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 0.2em;
}
.group-item[data-v-3d427eaa] {
  margin-left: 1em;
}
label[data-v-3d427eaa]::first-letter {
  text-transform: uppercase;
}
.small-font-size[data-v-3d427eaa] {
  font-size: .875em !important;
}
.sms-editor-wrap[data-v-3d427eaa] { position: relative;
}
.sms-editor-wrap > textarea.form-control[data-v-3d427eaa] { padding-right: 44px;
}
.ai-input.ai-inside-textarea[data-v-3d427eaa] {
  position: absolute; right: 10px; bottom: 8px; z-index: 2;
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; background: #fff; border: 1px solid #e5e7eb;
  border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.ai-input.ai-inside-textarea:hover img[data-v-3d427eaa] { opacity: 1;
}

.add-user-container > .add-btn[data-v-78fc9d8a] {
  display: flex;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 7px;
  border-radius: 4px;
  cursor: pointer;
  border: none;
}
.add-user-container > .add-btn > span[data-v-78fc9d8a] {
  margin-left: 0.3em;
}
.button-text[data-v-78fc9d8a] {
  white-space: nowrap;
}
@media (max-width: 768px) {
.add-btn > span[data-v-78fc9d8a] {
    display: none;
}
}

.right-group-buttons[data-v-65525430] {
  justify-content: end;
  display: flex;
  align-items: center;
}
.analytics-dashboard-btn[data-v-65525430] {
  cursor: pointer;
}
.advance-search i[data-v-65525430] {
  font-size: 32px;
  cursor: pointer;
}
.advance-search-btn[data-v-65525430] {
  margin-right: 0.5em;
}
.clear-search-btn i[data-v-65525430] {
  font-size: 22px;
  font-weight: bold;
}
.add-icon[data-v-65525430] {
  cursor: pointer;
}
.add-icon > i[data-v-65525430] {
  font-size: 28px;
}
.close-tab-icon[data-v-65525430] {
  position: absolute;
  top: 0;
  right: 0;
  /* font-size: 15px; */
}
.edit-tab-icon[data-v-65525430] {
  position: absolute;
  font-size: 16px;
  padding-left: 4px;
}
.mobile-assigned-candidate-names[data-v-65525430] {
  margin-left: 35px;
}
.multiselect--active[data-v-65525430] {
  z-index: 99;
}
/* .max-content {
  width: max-content;
} */
.view-map-button[data-v-65525430] {
  margin-left: 0.3em;
  margin-right: 0.3em;
}
.search-add-row[data-v-65525430] {
  align-items: center;
}
.search-tool-btn[data-v-65525430] {
  display: flex;
  border-radius: 6px;
  justify-content: left;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-right: 6px;
  border-radius: 4px;
  cursor: pointer;
  border: none;
}
.view-process-flow[data-v-65525430] {
  display: flex;
  padding: 6px;
  border: solid 1px var(--coredarkcolor);
  color: var(--coredarkcolor);
  border-radius: 4px;
  cursor: pointer;
  height: 38px;
}
.form-builder-link > a[data-v-65525430] {
  width: 100%;
  padding: 7px 11px;
  font-size: 16px;
  font-weight: 400;
}
.bottom-buttons[data-v-65525430] {
  display: flex;
  justify-content: right;
}

.input-dialog-container[data-v-4742a440] {
  text-align: left;
  line-height: 1.5;
}
.label-input-dialog[data-v-4742a440] {
  margin-top: 0;
}
.checkbox-element[data-v-4742a440] {
  margin-left: 20px;
  margin-top: 0.5em;
}
.color-picker-container[data-v-4742a440] {
  display: flex;
  align-items: center;
}
.color-picker-label > label[data-v-4742a440] {
  margin-top: 0;
  margin-bottom: 0;
}
.color-picker-label[data-v-4742a440] {
  flex-basis: 33em;
}
.description[data-v-4742a440] {
  font-size: 1.2em;
}

.button-container[data-v-960b61d0] {
  text-align: right;
}
.booking-item-mobile label[data-v-960b61d0] {
  font-weight: bold;
}
.filler-info-mobile[data-v-960b61d0]:not(:last-child)::after {
  content: ",";
}

.button-container[data-v-90fd7c24] {
  text-align: right;
}
.booking-item-mobile label[data-v-90fd7c24] {
  font-weight: bold;
}
.filler-info-mobile[data-v-90fd7c24]:not(:last-child)::after {
  content: ",";
}

.add-booking[data-v-349050ea] {
  margin-bottom: 0.75em;
}

.message[data-v-18f5c8fc] {
  font-size: 14px;
}
.chat-image[data-v-18f5c8fc] {
  max-width: 150px;
  cursor: pointer;
}
.chat-file[data-v-18f5c8fc] {
  width: 50px
}
.material-icons[data-v-18f5c8fc] {
  cursor: pointer;
}
.sender-name[data-v-18f5c8fc] {
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}

.summary-item[data-v-c1cfd9d6] {
  cursor: pointer;
}
.summary-item[data-v-c1cfd9d6]:not(.active):hover {
  background-color: #eee;
}
.chat-detail[data-v-c1cfd9d6] {
  flex-grow: 1;
}
.summary-message[data-v-c1cfd9d6] {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
.chat-summary[data-v-c1cfd9d6] {
    width: 100%;
}
}
.card[data-v-c1cfd9d6] {
  height: calc(100vh - 120px);
}
.contacts_body[data-v-c1cfd9d6] {
  padding: 0.75rem 0 !important;
  overflow-y: auto;
  white-space: nowrap;
}
.msg_card_body[data-v-c1cfd9d6] {
  overflow-y: auto;
}
.card-header[data-v-c1cfd9d6] {
  background-color: white;
}
.card-footer[data-v-c1cfd9d6] {
  background-color: white;
}
.container[data-v-c1cfd9d6] {
  align-content: center;
}
.search[data-v-c1cfd9d6] {
  border-radius: 15px 0 0 15px !important;
  background-color: rgb(240, 242, 245) !important;
  border: 0 !important;
  color: rgb(5, 5, 5) !important;
}
.search[data-v-c1cfd9d6]:focus {
  box-shadow: none !important;
  outline: 0px !important;
}
.type_msg[data-v-c1cfd9d6] {
  background-color: #f0f2f5;
  border: 0 !important;
  color: rgb(5, 5, 5);
  height: 60px;
  overflow-y: auto;
}
.type_msg[data-v-c1cfd9d6]:focus {
  box-shadow: none !important;
  outline: 0px !important;
}
.attach_btn[data-v-c1cfd9d6] {
  border-radius: 15px 0 0 15px !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
  border: 0 !important;
  color: white !important;
  cursor: pointer;
}
.send_btn[data-v-c1cfd9d6] {
  background-color: #f0f2f5;
  border: 0 !important;
  color: rgb(0, 132, 255);
  cursor: pointer;
}
.btn-border-radius[data-v-c1cfd9d6] {
  border-radius: 0 15px 15px 0 !important;
}
.search_btn[data-v-c1cfd9d6] {
  border-radius: 0 15px 15px 0 !important;
  background-color: rgb(240, 242, 245) !important;
  border: 0 !important;
  color: rgba(5, 5, 5, 0.4) !important;
  cursor: pointer;
}
.contacts[data-v-c1cfd9d6] {
  list-style: none;
  padding: 0;
}
.contacts li[data-v-c1cfd9d6] {
  width: 100% !important;
  padding: 5px 10px;
  margin-bottom: 15px !important;
}
.active[data-v-c1cfd9d6] {
  background-color: rgba(45, 136, 255, 0.1);
}
.user_img[data-v-c1cfd9d6] {
  height: 70px;
  width: 70px;
  border: 1.5px solid #f5f6fa;
  object-fit: cover;
}
.user_img_msg[data-v-c1cfd9d6] {
  height: 40px;
  width: 40px;
  border: 1.5px solid #f5f6fa;
  object-fit: cover;
}
.img_cont[data-v-c1cfd9d6] {
  position: relative;
  height: 70px;
  width: 70px;
}
.img_cont_msg[data-v-c1cfd9d6] {
  height: 40px;
  width: 40px;
}
.user-deleted .img_cont_msg[data-v-c1cfd9d6] {
  opacity: 0.5;
}
.online_icon[data-v-c1cfd9d6] {
  position: absolute;
  height: 15px;
  width: 15px;
  background-color: #4cd137;
  border-radius: 50%;
  bottom: 0.2em;
  right: 0.4em;
  border: 1.5px solid white;
}
.offline[data-v-c1cfd9d6] {
  background-color: #c23616 !important;
}
.user_info[data-v-c1cfd9d6] {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.user_info > span[data-v-c1cfd9d6] {
  font-size: 20px;
}
.card-header .user_info span[data-v-c1cfd9d6] {
  font-weight: 600;
}
.summary-header[data-v-c1cfd9d6] {
  /* display: flex;
  align-items: center; */
}
.summary-header .summary-name[data-v-c1cfd9d6] {
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgb(5, 5, 5);
}
.summary-header .summary-time[data-v-c1cfd9d6] {
  font-size: 0.70em;
}
.user_info p[data-v-c1cfd9d6] {
  font-size: 14px;
  font-weight: 400;
  color: rgb(101, 103, 107);
}
.user_info span.summary-time[data-v-c1cfd9d6] {
  font-size: 14px;
  color: rgb(101, 103, 107);
}
.video_cam[data-v-c1cfd9d6] {
  margin-left: 50px;
  margin-top: 5px;
}
.video_cam span[data-v-c1cfd9d6] {
  font-size: 20px;
  cursor: pointer;
  margin-right: 20px;
}
.msg_cotainer[data-v-c1cfd9d6] {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  border-radius: 10px;
  background-color: rgb(228, 230, 235);
  color: rgb(5, 5, 5);
  padding: 10px;
  position: relative;
}
.msg_cotainer_send[data-v-c1cfd9d6] {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 10px;
  border-radius: 25px;
  background-color: rgb(0, 132, 255);
  padding: 10px;
  position: relative;
  color: white;
}
.msg_sender_name[data-v-c1cfd9d6] {
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}
.msg_time[data-v-c1cfd9d6] {
  position: absolute;
  left: 0;
  bottom: -15px;
  color: rgb(138, 141, 145);
  white-space: nowrap;
  font-size: 10px;
}
.msg_time_send[data-v-c1cfd9d6] {
  position: absolute;
  right: 0;
  bottom: -15px;
  color: rgb(138, 141, 145);
  white-space: nowrap;
  font-size: 10px;
}
.msg_head[data-v-c1cfd9d6] {
  position: relative;
}
#action_menu_btn[data-v-c1cfd9d6] {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  font-size: 20px;
}
.action_menu[data-v-c1cfd9d6] {
  z-index: 1;
  position: absolute;
  padding: 15px 0;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  top: 30px;
  right: 15px;
  display: none;
}
.action_menu ul[data-v-c1cfd9d6] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.action_menu ul li[data-v-c1cfd9d6] {
  width: 100%;
  padding: 10px 15px;
  margin-bottom: 5px;
}
.action_menu ul li i[data-v-c1cfd9d6] {
  padding-right: 10px;
}
.action_menu ul li[data-v-c1cfd9d6]:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 576px) {
.contacts_card[data-v-c1cfd9d6] {
    margin-bottom: 15px !important;
}
}
/* width */
[data-v-c1cfd9d6]::-webkit-scrollbar {
  width: 10px;
}
/* Track */
[data-v-c1cfd9d6]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
/* Handle */
[data-v-c1cfd9d6]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.message-receive[data-v-c1cfd9d6] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-start;
}
.message-send[data-v-c1cfd9d6] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-end;
}
.message-invisible[data-v-c1cfd9d6] {
  visibility: hidden;
}
.new-message-mark[data-v-c1cfd9d6] {
  margin-top: 10px;
  padding: 4px;
  width: 100%;
  color: #4A2C2A;
  text-align: center;
  vertical-align: middle;
  background: rgb(255, 255, 255, 0.3);
  font-size: 12px;
}
.new-message-mark span[data-v-c1cfd9d6] {
  display: inline-block;
  margin: 4px;
  padding: 4px 8px;
  background: #F7DCC7;
}
.no-conversation-selected[data-v-c1cfd9d6] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.send-new-user[data-v-c1cfd9d6] {
  font-size: 38px;
  margin-right: -0.5em;
  cursor: pointer;
}
.badge-container[data-v-c1cfd9d6] {
  position: absolute;
  top: 0;
  right: -5px;
}
.unread-message[data-v-c1cfd9d6] {
  font-weight: bold;
}
.file-upload[data-v-c1cfd9d6] {
  padding-top: 4px;
}
.unassigned-user[data-v-c1cfd9d6] {
  font-style: italic;
  font-weight: bold;
  font-size: 0.9em;
}
.user-search[data-v-c1cfd9d6] {
  flex-grow: 1;
  margin-right: 6px;
}

.chat-container[data-v-a8088a2e] {
  display: flex;
  width: 100%;
}
@media (max-width: 768px) {
.chat-container[data-v-a8088a2e] {
    display: block;
}
}

.mark-share-job-completed[data-v-c1e8aad8] {
  position: absolute;
  top: 4em;
  right: 3em;
}

.mark-share-job-completed[data-v-c7675e0a] {
    position: absolute;
    top: 4em;
    right: 3em;
}

.create-invoice-button[data-v-6eccfb66] {
    cursor: pointer;
}
.create-invoice-button>i[data-v-6eccfb66] {
    font-size: 32px;
    color: var(--coredarkcolor);
}

video[data-v-0146e71c] {
  max-width: 100%;
  max-height: 100%;
}
.scanner-container[data-v-0146e71c] {
  position: relative;
}
.overlay-element[data-v-0146e71c] {
  position: absolute;
  top: 0;
  width: 100%;
  height: 99%;
  background: rgba(30, 30, 30, 0.5);

  -webkit-clip-path: polygon(0% 0%, 0% 100%, 20% 100%, 20% 20%, 80% 20%, 80% 80%, 20% 80%, 20% 100%, 100% 100%, 100% 0%);
  clip-path: polygon(0% 0%, 0% 100%, 20% 100%, 20% 20%, 80% 20%, 80% 80%, 20% 80%, 20% 100%, 100% 100%, 100% 0%);
}
.laser[data-v-0146e71c] {
  width: 60%;
  margin-left: 20%;
  background-color: tomato;
  height: 1px;
  position: absolute;
  top: 40%;
  z-index: 2;
  box-shadow: 0 0 4px red;
  -webkit-animation: scanning-data-v-0146e71c 2s infinite;
  animation: scanning-data-v-0146e71c 2s infinite;
}
@-webkit-keyframes scanning-data-v-0146e71c {
50% {
    -webkit-transform: translateY(75px);
    transform: translateY(75px);
}
}
@keyframes scanning-data-v-0146e71c {
50% {
    -webkit-transform: translateY(75px);
    transform: translateY(75px);
}
}

.create-invoice-button[data-v-701c3cc4] {
    cursor: pointer;
}
.create-invoice-button>i[data-v-701c3cc4] {
    font-size: 32px;
    color: var(--coredarkcolor);
}
.barcode-container[data-v-701c3cc4] {
    display: flex;
    justify-content: center;
}
.barcode-container>div[data-v-701c3cc4] {
    max-width: 500px;
}

.create-invoice-button[data-v-fe3b0ad6] {
  cursor: pointer;
}
.create-invoice-button > i[data-v-fe3b0ad6] {
  font-size: 32px;
  color: var(--coredarkcolor);
}

.button-container[data-v-655e86b6] {
  text-align: right;
}
.booking-item-mobile label[data-v-655e86b6] {
  font-weight: bold;
}
.filler-info-mobile[data-v-655e86b6]:not(:last-child)::after {
  content: ",";
}
.delete-file-btn[data-v-655e86b6] {
  position: absolute;
  top: 0;
  right: 0;
}

.mobile-item-title[data-v-37281d02] {
  font-weight: bold;
}
.job-filler-table[data-v-37281d02] {
  width: 100%;
}
.job-filler-header[data-v-37281d02] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}
.settings-icon[data-v-37281d02] {
  cursor: pointer;
  opacity: 0.8;
}
.settings-icon.small[data-v-37281d02] {
  font-size: 10px;
}
.candidate-tag[data-v-37281d02] {
  font-size: 13px;
  color: white;
  background: var(--coredarkcolor);
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 2px;
  border-radius: 2px;
}
.text-base[data-v-37281d02] {
  font-size: 16px;
}
.select-option-container[data-v-37281d02] {
  flex-grow: 1;
  margin-right: 0.5em;
}
.assign-btn[data-v-37281d02] {
  flex-shrink: 0;
  margin-bottom: 10px;
  margin-left: 0.5em;
}
.update-status-btn[data-v-37281d02] {
  margin-left: 0.5em;
  flex-shrink: 0;
  margin-bottom: 10px;
}
.update-location-btn[data-v-37281d02] {
  margin-left: 0.5em;
  flex-shrink: 0;
  margin-bottom: 10px;
}
.white-space-pre-line[data-v-37281d02] {
  white-space: pre-line;
}
@media (max-width: 600px) {
.assign-candidate-container[data-v-37281d02] {
    flex-wrap: wrap;
}
}
.add-break-btn[data-v-37281d02] {
  cursor: pointer;
  color: #141a1d;
}
.flex-container[data-v-37281d02] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.text-600[data-v-37281d02] {
  font-weight: 600;
}
.odd-row[data-v-37281d02] {
  background-color: rgba(0, 0, 0, 0.03);
}
.field-paddings[data-v-37281d02] {
  padding-bottom: 7px;
  padding-left: 8px;
  padding-top: 7px;
}
.spacing-place[data-v-37281d02] {
  min-width: 1em;
}
.break-line[data-v-37281d02] {
  flex-basis: 100%;
}
.unassign-icon-button[data-v-37281d02] {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: none;
  background-color: #ff6b35;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.unassign-icon-button[data-v-37281d02]:hover {
  background-color: #e55a2b;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.unassign-icon-button .material-icons[data-v-37281d02] {
  font-size: 20px;
}
.timecard-icon-button[data-v-37281d02] {
  height: 40px;
  border-radius: 8px;
  border: none;
  background-color: #007bff;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.timecard-icon-button[data-v-37281d02]:hover {
  background-color: #0056b3;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.timecard-icon-button .material-icons[data-v-37281d02] {
  font-size: 20px;
}
.timecard-modal-body[data-v-37281d02] {
  padding: 20px 0;
}
.timecard-modal-body .form-label[data-v-37281d02] {
  font-weight: 600;
  margin-bottom: 8px;
  color: #333;
}
.timecard-modal-body .form-control[data-v-37281d02] {
  border-radius: 6px;
  border: 1px solid #ddd;
  padding: 10px 12px;
}
.timecard-modal-body .form-control[data-v-37281d02]:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.button-container[data-v-966d3a44] {
  display: flex;
}
.review-description[data-v-966d3a44] {
  font-size: 1.2em;
}

.button-container[data-v-df09576a] {
  display: flex;
  flex-wrap: wrap;
}
.spacing[data-v-df09576a] {
  flex-grow: 1;
}
.accept-btn-container[data-v-df09576a],
.reject-btn-container[data-v-df09576a] {
  text-align: center;
}
@media (max-width: 400px) {
.button-container[data-v-df09576a] {
    display: block;
}
}
.fee-detail > span[data-v-df09576a]:not(:last-child)::after {
  content: "+";
}
.tip-container[data-v-df09576a] {
  display: flex;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
}
.tip-container > div[data-v-df09576a] {
  flex-basis: 150px;
}
.tip-container > div.custom-value-col[data-v-df09576a] {
  flex-basis: 180px;
}
.custom-value[data-v-df09576a] {
  width: 60px;
}
.total-fee[data-v-df09576a] {
  font-weight: bold;
}

.button-container[data-v-b04a94fc] {
  display: flex;
  flex-wrap: wrap;
}
.spacing[data-v-b04a94fc] {
  flex-grow: 1;
}
.accept-btn-container[data-v-b04a94fc],
.reject-btn-container[data-v-b04a94fc] {
  text-align: center;
}
@media (max-width: 400px) {
.button-container[data-v-b04a94fc] {
    display: block;
}
}
.fee-detail > span[data-v-b04a94fc]:not(:last-child)::after {
  content: "+";
}
.tip-container[data-v-b04a94fc] {
  display: flex;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
}
.tip-container > div[data-v-b04a94fc] {
  flex-basis: 150px;
}
.tip-container > div.custom-value-col[data-v-b04a94fc] {
  flex-basis: 180px;
}
.custom-value[data-v-b04a94fc] {
  width: 60px;
}
.total-fee[data-v-b04a94fc] {
  font-weight: bold;
}

.button-container[data-v-e7d2f80c] {
  display: flex;
}

.gap-5px[data-v-3b7722b4] {
  gap: 5px;
}
.cancel-button-container[data-v-3b7722b4] {
  margin-left: 2rem !important;
}
.btn-container[data-v-3b7722b4] {
  display: flex;
}

.add-booking[data-v-481c812e] {
  margin-bottom: 0.75em;
}

.location-icon-container[data-v-416bff3e] {
  display: inline-block;
  width: 14px;
  height: 12px;
}
.google-calendar-icon[data-v-416bff3e] {
  font-size: 15px;
}
.location-icon[data-v-416bff3e] {
  font-size: 15px;
}
.cv-event.google-calendar-event[data-v-416bff3e] {
  white-space: normal;
}
@media (min-width: 992px) {
.cv-event[data-v-416bff3e] {
    padding: 4px;
}
}
.more-icon[data-v-416bff3e] {
  position: absolute;
  top: 0;
  right: 0;
}
.more-icon > i[data-v-416bff3e] {
  top: 0;
  right: 0;
}
@media (max-width: 768px) {
.location-icon[data-v-416bff3e] {
    font-size: 14px;
}
}

.virtual-scroller {
  position: relative;
}
.virtual-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cv-wrapper[data-v-a5a54e42] {
  font-size: 0.85em;
}
.schedule-candidates-container[data-v-a5a54e42] {
  max-height: 100vh;
  overflow: auto;
}
.container-shift-job-calendar .schedule-candidates-container[data-v-a5a54e42] {
  margin-right: -0.9em;
}
.candidate-profile-image[data-v-a5a54e42] {
  width: 35px;
  margin-right: 5px;
  border-radius: 2px;
  height: 35px;
  object-fit: cover;
  border-radius: 50%;
}
.schedule-header-shift-job-calendar[data-v-a5a54e42] {
  min-height: 350px;
}
.scroller[data-v-a5a54e42] {
  height: 100%;
}
.available-header[data-v-a5a54e42] {
  background-color: #90ee90;
}
.scheduler-view-setting[data-v-a5a54e42] {
  position: absolute;
  right: 30px;
  top: 8px;
}

.description[data-v-4a75f3a6] {
  font-size: 80%;
  font-weight: 400;
}
.booking-detail-container[data-v-4a75f3a6] {
  max-height: 440px;
  overflow-y: auto;
}
.booking-detail[data-v-4a75f3a6] {
  width: 100%;
}
.booking-container[data-v-4a75f3a6] {
  display: flex;
}
.icon-containers[data-v-4a75f3a6] {
  padding-top: 0.7em;
}
.hide-past-booking[data-v-4a75f3a6] {
  padding-left: 20px;
}
.hide-past-booking > .form-check-label[data-v-4a75f3a6] {
  margin-top: 0;
}
.hide-past-booking .past-booking-filter[data-v-4a75f3a6] {
  margin-left: -20px;
}
.booking-calendar-container[data-v-4a75f3a6] {
  flex-wrap: wrap-reverse;
}
.add-booking[data-v-4a75f3a6] {
  margin-top: 0.5em;
}
.credit-info[data-v-4a75f3a6] {
  margin-top: 0.4em;
}
.booking-group[data-v-4a75f3a6] {
  display: flex;
}
.booking-group-info[data-v-4a75f3a6] {
  flex-grow: 1;
}
.delete-group[data-v-4a75f3a6] {
  flex-basis: 20px;
}
.booking-buttons-container[data-v-4a75f3a6] {
  margin-top: 5px;
  font-weight: bold;
}
.booking-button[data-v-4a75f3a6] {
  cursor: pointer;
}
.calendar-parent-container[data-v-4a75f3a6] {
  background: white;
  background-clip: content-box, padding-box;
}
.price-info-container[data-v-4a75f3a6] {
  line-height: 1;
}
.relative[data-v-4a75f3a6] {
  position: relative;
}
.top-2[data-v-4a75f3a6] {
  top: 2px;
}
.calendar-btns[data-v-4a75f3a6] {
  display: flex;
  align-items: center;
}
.calendar-btns > button[data-v-4a75f3a6] {
  border: solid 1px var(--coredarkcolor);
}
.nav-button[data-v-4a75f3a6] {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.description[data-v-7430b469] {
  font-size: 80%;
  font-weight: 400;
  /* margin-top: 10px; */
}
.delete-object-btn[data-v-7430b469] {
  position: absolute;
  right: 0;
}
.object-container[data-v-7430b469] {
  padding: 0 1em 1em;
  border: 2px dashed #bbb;
}

.passed-text[data-v-7d5c0aa8] {
  color: #007bff;
}
.failed-text[data-v-7d5c0aa8] {
  color: red;
}

.modify-builder-property[data-v-13436605] {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.calendar-container[data-v-50f2cf8e] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 400px;
}

.product-container[data-v-2d179cb0] {
  display: flex;
}
.icon-container[data-v-2d179cb0] {
  flex-basis: 6em;
  flex-shrink: 0;
}
.product-info[data-v-2d179cb0] {
  flex-grow: 1;
}
.product-summary[data-v-2d179cb0] {
  font-size: 1.2em;
  display: flex;
  font-weight: bold;
  margin-bottom: 0.2em;
}
.product-title[data-v-2d179cb0] {
  flex-grow: 1;
}
.icon-container > img[data-v-2d179cb0] {
  width: 5em;
}
.product-description[data-v-2d179cb0] {
  padding-right: 4em;
}
.selection-container[data-v-2d179cb0] {
  padding: 0.5em;
  margin-top: 4px;
  margin-bottom: 4px;
}
.selection-container[data-v-2d179cb0]:not(.selected-item):hover {
  background-color: #f0f4f5;
}
.selection-container.selected-item[data-v-2d179cb0] {
  background-color: #e4f2f6;
}
.result-container[data-v-2d179cb0] {
  font-weight: bold;
  font-size: 1.2em;
  text-align: right;
  padding: 0.5em;
  color: var(--coredarkcolor);
}
.result-title[data-v-2d179cb0] {
  display: inline-block;
  margin-right: 2em;
}
.checkmark.radio-checkmark[data-v-2d179cb0] {
  border-radius: 50%;
}
.checkbox-container .checkmark.radio-checkmark[data-v-2d179cb0]:after {
  left: 9px;
  top: 4px;
}
.description-item[data-v-2d179cb0] {
  padding-left: 35px;
}

.panel[data-v-3139350b] {
    width: 300px;
    /* border: 1px solid #ccc; */
    border-radius: 6px;
    padding: 25px;
    background: #f9f9f9;
    min-height: 200px;
    position: sticky; /* Keeps the left panel fixed */
    top: 0; /* Sticks to the top when scrolling */
    margin-left: 10px;
    max-height: 100vh;
    overflow:auto;
}
.element[data-v-3139350b] {
    display: flex;
    padding: 5px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
    cursor: grab;
    font-size: 0.9rem;
}

.page-header[data-v-8c28a0be] {
  display: flex;
}
.page-header > small[data-v-8c28a0be] {
  flex-grow: 1;
  margin-right: 1em;
  display: flex;
  align-items: center;
}
.interview-panel-sections[data-v-8c28a0be] {
  margin-top: 2em;
}

.more-less-btn[data-v-368961d3] {
  cursor: pointer;
}

.note-card[data-v-0e6edd0e] {
  background: #ffffff;
  border: 1px solid #e1e5e9;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: all 0.2s ease-in-out;
  position: relative;
}
.note-card[data-v-0e6edd0e]:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  transform: translateY(-1px);
}
.pinned-note[data-v-0e6edd0e] {
  background: linear-gradient(135deg, #fff9c4 0%, #fff59d 100%);
  border-color: #ffd54f;
  box-shadow: 0 4px 16px rgba(255, 193, 7, 0.15);
}
.pinned-note[data-v-0e6edd0e]::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(135deg, #ffd54f, #ffb300);
  border-radius: 14px;
  z-index: -1;
}
.note-layout[data-v-0e6edd0e] {
  display: flex;
  gap: 20px;
}
.note-sidebar[data-v-0e6edd0e] {
  flex: 0 0 300px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-right: 20px;
  border-right: 1px solid #e1e5e9;
}
.note-header-row[data-v-0e6edd0e] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 8px;
}
.pin-icon[data-v-0e6edd0e] {
  flex-shrink: 0;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: all 0.2s ease;
  color: #95a5a6;
}
.pin-icon[data-v-0e6edd0e]:hover {
  background: rgba(149, 165, 166, 0.1);
  color: #7f8c8d;
}
.pin-icon .material-icons[data-v-0e6edd0e] {
  font-size: 20px;
}
.pin-icon .material-icons-outlined[data-v-0e6edd0e] {
  font-size: 20px;
}
.note-info[data-v-0e6edd0e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.note-author[data-v-0e6edd0e] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #2c3e50;
  font-size: 14px;
}
.note-author-icon[data-v-0e6edd0e] {
  font-size: 18px;
  color: #3498db;
}
.note-timestamp[data-v-0e6edd0e] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #7f8c8d;
  font-size: 13px;
  line-height: 1.4;
}
.note-time-icon[data-v-0e6edd0e] {
  font-size: 16px;
  color: #95a5a6;
}
.note-type[data-v-0e6edd0e] {
  display: inline-block;
}
.note-type-badge[data-v-0e6edd0e] {
  background: #e8f5e8;
  color: #27ae60;
  padding: 6px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.note-content[data-v-0e6edd0e] {
  cursor: pointer;
  padding: 16px;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
  transition: background-color 0.2s ease;
  min-height: 60px;
  width: 100%;
  box-sizing: border-box;
}
.note-content[data-v-0e6edd0e]:hover {
  background: #e9ecef;
}
.notify-section[data-v-0e6edd0e] {
  background: #f1f3f4;
  border-radius: 8px;
  padding: 12px;
  border-left: 4px solid #3498db;
}
.notify-header[data-v-0e6edd0e] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-weight: 600;
  color: #2c3e50;
  font-size: 13px;
}
.notify-icon[data-v-0e6edd0e] {
  font-size: 16px;
  color: #3498db;
}
.notify-users[data-v-0e6edd0e] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.notify-user-badge[data-v-0e6edd0e] {
  background: #ffffff;
  color: #34495e;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
  border: 1px solid #d1d8e0;
  white-space: nowrap;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.note-card[data-v-0e6edd0e] {
    padding: 16px;
    margin-bottom: 12px;
}
.note-layout[data-v-0e6edd0e] {
    flex-direction: column;
    gap: 16px;
}
.note-sidebar[data-v-0e6edd0e] {
    flex: none;
    padding-right: 0;
    border-right: none;
    border-bottom: 1px solid #e1e5e9;
    padding-bottom: 16px;
}
.note-main[data-v-0e6edd0e] {
    gap: 12px;
}
.note-actions[data-v-0e6edd0e] {
    margin-top: 0;
    padding-top: 0;
}
.pin-button[data-v-0e6edd0e] {
    width: auto;
    padding: 8px;
}
}
.spin[data-v-0e6edd0e] {
  animation: spin-data-v-0e6edd0e 1s linear infinite;
}
@keyframes spin-data-v-0e6edd0e {
from { transform: rotate(0deg);
}
to   { transform: rotate(360deg);
}
}
.ai-summary-content[data-v-0e6edd0e] {
  white-space: pre-wrap;
  line-height: 1.4;
}
.icon-spin[data-v-0e6edd0e] .material-icons {
  animation: spin-data-v-0e6edd0e 1s linear infinite;
}


.dialog-body-container[data-v-0cd1c07f] {
  display: flex;
}
.left-side[data-v-0cd1c07f] {
  flex-basis: 50%;
  padding-right: 1em;
  max-height: calc(90vh - 175px);
  overflow: auto;
}
.right-side[data-v-0cd1c07f] {
  flex-basis: 50%;
  flex-grow: 1;
  padding-left: 1em;
  max-height: calc(90vh - 175px);
  overflow: auto;
}
.tab-container-mobile[data-v-0cd1c07f] {
  margin-bottom: 0.5em;
}
@media (max-width: 768px) {
.left-side[data-v-0cd1c07f] {
    padding-left: 0;
}
}
@media (min-width: 769px) {
.dialog-body-container[data-v-0cd1c07f] {
    display: flex !important;
}
}
.image-container[data-v-0cd1c07f] {
  position: relative;
  text-align: center;
}
.delete-button[data-v-0cd1c07f] {
  position: absolute;
  right: 1em;
  top: 0;
}
.not-editable.multiselect--disabled[data-v-0cd1c07f] {
  opacity: 1;
}
.header-container[data-v-0cd1c07f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.title-section[data-v-0cd1c07f] {
  display: flex;
  align-items: center;
}
.customize-btn[data-v-0cd1c07f] {
  font-size: 0.9rem;
  padding: 0.375rem 0.75rem;
  margin: 0;
  white-space: nowrap;
}
.ml-2[data-v-0cd1c07f] {
  margin-left: 0.5rem;
}

.expandable-section {
  background: #f8f9fa;
  border-radius: 10px;
}
.expand-section-header {
  width: 100%;
  padding: 10px 10px;
}
@media (max-width: 768px) {
.expand-colapse-icon {
    margin-top: 0 !important;
    font-size: 20px;
}
}

.job-header-container[data-v-19179698] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.job-title[data-v-19179698] {
  margin-bottom: 4px;
}
.job-status[data-v-19179698] {
  display: flex;
  align-items: baseline;
  width: 30%;
}
.job-status-row[data-v-19179698] {
  display: flex;
  align-items: center;
}
.job-status-row > div[data-v-19179698] {
  display: inline-block;
}
.detail-btn[data-v-19179698] {
  cursor: pointer;
}
.job-status-badge[data-v-19179698] {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 16px;
  margin-right: 5px;
  color: white;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.status-active[data-v-19179698] {
  background-color: #4caf50; /* Green */
}
.status-filled[data-v-19179698] {
  background-color: #2196f3; /* Blue */
}
.status-closed[data-v-19179698] {
  background-color: #9e9e9e; /* Grey */
}
.status-pending[data-v-19179698] {
  background-color: #ff9800; /* Orange/Amber */
}
.status-default[data-v-19179698] {
  background-color: #757575; /* Dark Grey */
}
.share-position-badge[data-v-19179698] {
  font-size: 0.9rem;
  margin-left: 8px;
  color: #555;
}
.job-details-container[data-v-19179698] {
  margin-top: 15px;
}
.job-detail-row[data-v-19179698] {
  display: flex;
  padding: 8px 0;
  border-bottom: 1px solid #f1f1f1;
  width: 100%;
}
.job-detail-row[data-v-19179698]:nth-child(odd) {
  background-color: #f9f9f9;
}
.job-detail-label[data-v-19179698] {
  font-weight: 600;
  width: 30%;
  min-width: 180px;
  padding-right: 15px;
  padding-left: 15px;
  color: #333;
}
.job-detail-value[data-v-19179698] {
  flex: 1;
  padding-left: 5px;
}
.description-value[data-v-19179698] {
  white-space: pre-line;
}
.multilines-text[data-v-19179698] {
  white-space: pre-line;
}
@media (max-width: 767px) {
.job-detail-row[data-v-19179698] {
    flex-direction: column;
    padding: 10px 0;
}
.job-detail-label[data-v-19179698] {
    width: 100%;
    margin-bottom: 5px;
}
.job-detail-value[data-v-19179698] {
    padding-left: 0;
}
}

.video-tag[data-v-c7b3034c] {
  max-width: 500px;
}

.guarantee-date[data-v-51b535cf] {
  font-size: 14px;
  padding-top: 10px
}
.video-selection-container[data-v-51b535cf] {
  display: flex;
}
.video-selection-container.selected > *[data-v-51b535cf] {
  background-color: rgb(144, 143, 143);
}
.checkbox-container[data-v-51b535cf] {
  flex-basis: 1em;
}
.checkbox-container > .checkmark[data-v-51b535cf] {
  border: solid 2px var(--coredarkcolor);
  top: 0.5em;
}
.video-tag[data-v-51b535cf] {
  flex-grow: 1;
}
.status-info-container[data-v-51b535cf] {
  margin: 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.status-info-block[data-v-51b535cf] {
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 1rem;
  border-left: 4px solid var(--coredarkcolor);
}
.status-info-header[data-v-51b535cf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  color: var(--coredarkcolor);
  font-weight: 600;
}
.status-info-header .status-icon[data-v-51b535cf] {
  width: 20px;
  height: 20px;
  color: var(--coredarkcolor);
}
.status-info-block p[data-v-51b535cf] {
  margin: 0;
  color: #495057;
  line-height: 1.5;
}
.learn-link[data-v-51b535cf] {
  display: inline-flex;
  align-items: center;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 8px 12px;
  color: #007bff;
  text-decoration: none;
  /* margin-top: 2px; */
  font-size: 14px;
  transition: all 0.2s ease;
}
.learn-link[data-v-51b535cf]:hover {
  background-color: #e9ecef;
  text-decoration: none;
  border-color: #ced4da;
}
.learn-link i[data-v-51b535cf] {
  font-size: 18px;
}

.manual-added[data-v-3bff914c] {
  color: var(--coredarkcolor);
}
.note-container[data-v-3bff914c] {
  position: relative;
  padding-right: 1.3em;
}
.event-container[data-v-3bff914c] {
  position: relative;
}
.event-container > p[data-v-3bff914c]:first-child {
  padding-right: 1.3em;
}
.event-title[data-v-3bff914c] {
  font-weight: bold;
}
.edit-button[data-v-3bff914c] {
  top: 0;
}
.delete-button[data-v-3bff914c] {
  position: absolute;
  top: 1.7em;
  right: 0;
}
.delete-event-button[data-v-3bff914c] {
  position: absolute;
  top: 2em;
  right: 0;
  color: red;
  cursor: pointer;
}
.edit-event-button[data-v-3bff914c] {
  position: absolute;
  top: 0em;
  right: 0em;
  color: #007bff;
  cursor: pointer;
}
.view-applicants-table[data-v-3bff914c] {
  /* max-height: 85vh; */
}
.button-container[data-v-3bff914c] {
  display: flex;
  justify-content: space-between;
}
.edit-button[data-v-3bff914c] {
  margin-right: 2px;
}
.align-center[data-v-3bff914c] {
  text-align: center;
}
.action-buttons-container[data-v-3bff914c] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.delete-icon[data-v-3bff914c] {
  color: #dc3545;
}

.sharing-container[data-v-6676cf60] {
  display: none;
}
.sharing-label[data-v-6676cf60] {
  margin-top: 0.5em;
  font-weight: bold;
}
.sharing-buttons[data-v-6676cf60] {
  margin-top: 0.5em;
}
.fa[data-v-6676cf60] {
  margin-right: 10px;
  padding: 20px;
  font-size: 20px;
  width: 60px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}
.small-icon-containers > .fa[data-v-6676cf60] {
  padding: 15px;
  font-size: 15px;
  width: 45px;
}
.fa[data-v-6676cf60]:hover {
  opacity: 0.7;
}
.fa-facebook[data-v-6676cf60] {
  background: #3b5998;
  color: white;
}
.fa-twitter[data-v-6676cf60] {
  background: #55acee;
  color: white;
}
.fa-google[data-v-6676cf60] {
  background: #dd4b39;
  color: white;
}
.fa-linkedin[data-v-6676cf60] {
  background: #007bb5;
  color: white;
}
.fa-youtube[data-v-6676cf60] {
  background: #bb0000;
  color: white;
}
.fa-instagram[data-v-6676cf60] {
  background: #125688;
  color: white;
}
.fa-pinterest[data-v-6676cf60] {
  background: #cb2027;
  color: white;
}
.fa-snapchat-ghost[data-v-6676cf60] {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.fa-skype[data-v-6676cf60] {
  background: #00aff0;
  color: white;
}
.fa-android[data-v-6676cf60] {
  background: #a4c639;
  color: white;
}
.fa-dribbble[data-v-6676cf60] {
  background: #ea4c89;
  color: white;
}
.fa-vimeo[data-v-6676cf60] {
  background: #45bbff;
  color: white;
}
.fa-tumblr[data-v-6676cf60] {
  background: #2c4762;
  color: white;
}
.fa-vine[data-v-6676cf60] {
  background: #00b489;
  color: white;
}
.fa-foursquare[data-v-6676cf60] {
  background: #45bbff;
  color: white;
}
.fa-stumbleupon[data-v-6676cf60] {
  background: #eb4924;
  color: white;
}
.fa-flickr[data-v-6676cf60] {
  background: #f40083;
  color: white;
}
.fa-yahoo[data-v-6676cf60] {
  background: #430297;
  color: white;
}
.fa-soundcloud[data-v-6676cf60] {
  background: #ff5500;
  color: white;
}
.fa-reddit[data-v-6676cf60] {
  background: #ff5700;
  color: white;
}
.fa-rss[data-v-6676cf60] {
  background: #ff6600;
  color: white;
}

.chart-container[data-v-2ee77ce6] {
  max-height: 500px;
}

.deleteButtonCont {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 1;
}
.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: 1;
}
.hr-text:before {
  content: "";
  background: #c5c4ba;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  color: black;
  padding: 0 0.5em;
  line-height: 1.5em;
  color: #818078;
  background-color: #fcfcfa;
}

.container-min-height[data-v-5bc5f94e] {
  min-height: calc(90vh - 240px);
}
@media (max-width: 1280px) {
.container-min-height[data-v-5bc5f94e] {
    min-height: calc(90vh - 264px);
}
}
@media (max-width: 767px) {
.container-min-height[data-v-5bc5f94e] {
    min-height: calc(90vh - 420px);
}
}
.notes-buttons[data-v-5bc5f94e] {
  position: absolute;
  right: 0;
  top: 0;
}
.edit-button[data-v-5bc5f94e] {
  position: relative;
}
.note-container[data-v-5bc5f94e] {
  position: relative;
}
.additional-buttons > *[data-v-5bc5f94e]:not(:last-child)::after {
  content: " |";
}
.note-card[data-v-5bc5f94e] {
  position: relative;
  background-color: #f9f9f9;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-left: 2px solid var(--coredarkcolor);
}
.note-content[data-v-5bc5f94e] {
  background-color: white;
  border-radius: 4px;
  padding: 12px;
  margin-bottom: 12px;
  border: 1px solid #e0e0e0;
}
.note-content pre[data-v-5bc5f94e] {
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: inherit;
}
.note-footer[data-v-5bc5f94e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  border-top: 1px solid #e0e0e0;
}
.note-meta[data-v-5bc5f94e] {
  display: flex;
  flex-direction: column;
}
.note-author[data-v-5bc5f94e] {
  font-weight: 600;
  color: var(--coredarkcolor);
  margin-right: 5px;
}
.note-date[data-v-5bc5f94e] {
  color: #757575;
}
.note-actions[data-v-5bc5f94e] {
  display: flex;
  gap: 8px;
}
.action-button[data-v-5bc5f94e] {
  background: none;
  border: none;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
  padding: 0;
}
.action-button[data-v-5bc5f94e]:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.action-button i.material-icons[data-v-5bc5f94e] {
  font-size: 16px;
}
.edit-button[data-v-5bc5f94e] {
  color: #2196f3;
}
.delete-button[data-v-5bc5f94e] {
  color: #f44336;
}
.icons-container[data-v-5bc5f94e] {
  margin-bottom: 16px;
}
.action-buttons-container[data-v-5bc5f94e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.buttons-row[data-v-5bc5f94e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
.action-buttons-container[data-v-5bc5f94e] {
    justify-content: center;
    margin-top: 8px;
    width: 100%;
}
.buttons-row[data-v-5bc5f94e] {
    justify-content: center;
}
}
.post_job_button[data-v-5bc5f94e]{
  font-size: 14px;
}

.container-min-height[data-v-22f24ad5] {
  min-height: calc(90vh - 240px);
}
@media (max-width: 1280px) {
.container-min-height[data-v-22f24ad5] {
    min-height: calc(90vh - 264px);
}
}
@media (max-width: 767px) {
.container-min-height[data-v-22f24ad5] {
    min-height: calc(90vh - 420px);
}
}
.notes-buttons[data-v-22f24ad5] {
  position: absolute;
  right: 0;
  top: 0;
}
.edit-button[data-v-22f24ad5] {
  position: relative;
}
.note-container[data-v-22f24ad5] {
  position: relative;
}
.job-item-container[data-v-22f24ad5] {
  display: flex;
}
.job-info-container[data-v-22f24ad5] {
  flex-grow: 1;
}
.space-left[data-v-22f24ad5] {
  flex-basis: 3em;
  display: block;
  margin-top: 1.5em;
}
.collapse-expand-button-container button[data-v-22f24ad5] {
  margin-left: 1em;
}
.page-container[data-v-22f24ad5] {
  position: relative;
}
.job-agency-setting[data-v-22f24ad5] {
  top: -4em;
  right: 0;
  position: absolute;
}
.right-side-btn-group[data-v-22f24ad5] {
  float: right;
}
.analytics-dashboard-btn[data-v-22f24ad5] {
  cursor: pointer;
}
.search-tool-btn[data-v-22f24ad5] {
  display: flex;
  border-radius: 6px;
  justify-content: left;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 6px;
  border-radius: 4px;
  cursor: pointer;
  border: solid 1px var(--coredarkcolor);
  background-color: white;
}

.application-form-container[data-v-747408e6] {
  margin-top: 48px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.embeded-form-container[data-v-747408e6] {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 3em);
}
.agency-owner[data-v-747408e6] {
  text-transform: unset;
}
.result-section[data-v-747408e6] {
  color: var(--coredarkcolor);
  font-weight: 600;
  text-align: center;
}
.instructions-section[data-v-747408e6] {
  /* max-width: 95%; */
}
.checkbox-condition-require[data-v-747408e6] {
  margin-top: 0;
  margin-bottom: 4px;
  margin-left: -1.5rem;
}
.previous-button[data-v-747408e6] {
  margin-right: 1em;
}
.progress-container[data-v-747408e6] {
  border-radius: 20px;
  border: solid 1px #1e7ac4;
  height: 20px;
}
.current-progress[data-v-747408e6] {
  border-radius: 20px;
  height: 100%;
  /* background-color: #1e7ac4; */
  background-color: var(--coredarkcolor);
}
.step-status-text[data-v-747408e6] {
  padding-bottom: 5px;
  padding-left: 7px;
  font-weight: 600;
}
.undo-redo-btn[data-v-747408e6]:not(.disabled) {
  cursor: pointer;
}
.undo-redo-btn.disabled[data-v-747408e6] {
  opacity: 0.5;
  cursor: context-menu;
}
.undo-redo-panel[data-v-747408e6] {
  position: sticky;
  top: 0;
  background: white;
  background-color: white;
  z-index: 100;
}
.undo-redo-panel > div[data-v-747408e6] {
  align-items: center;
}
.modify-builder-property[data-v-747408e6] {
  cursor: pointer;
  font-size: 0.6em;
}
.modify-builder-instruction[data-v-747408e6] {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  font-size: 20px;
}
.instruction-container[data-v-747408e6] {
  position: relative;
}
.builder-setting[data-v-747408e6] {
  color: var(--coredarkcolor);
  cursor: pointer;
}
.application-container.author-agent[data-v-747408e6] {
  display: flex;
  gap: 20px;
}
.admin-view-warning[data-v-747408e6] {
  background-color: #fff3f3;
  border: 1px solid #ffd6d6;
  border-radius: 8px;
  margin: 20px;
  max-width: 225px;
  padding: 15px;
  position: fixed;
  top: 50px;
  right: 20px;
  left: auto;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.admin-view-warning.compressed[data-v-747408e6] {
  max-width: 200px;
}
.warning-header[data-v-747408e6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.compress-toggle[data-v-747408e6] {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #ff4d4d;
  display: flex;
  align-items: center;
}
.compress-toggle i[data-v-747408e6] {
  font-size: 20px;
}
.warning-details[data-v-747408e6] {
  margin-top: 8px;
}
.warning-content[data-v-747408e6] {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
.warning-icon[data-v-747408e6] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-top: 4px;
}
.warning-text h4[data-v-747408e6] {
  color: #ff4d4d;
  margin: 0 0 8px 0;
  font-size: 14px;
}
.warning-text p[data-v-747408e6] {
  color: #666;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}
.learn-more-link[data-v-747408e6] {
  color: #ff4d4d;
  text-decoration: none;
  font-weight: 500;
  font-size: 12px;
  display: inline-block;
  margin-top: 8px;
}
.learn-more-link[data-v-747408e6]:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
.admin-view-warning[data-v-747408e6] {
    margin: 15px;
    right: 15px;
    left: 15px;
    max-width: none;
    border-radius: 8px;
    top: 20px;
}
.admin-view-warning.compressed[data-v-747408e6] {
    max-width: none;
}
}

.candidate-board[data-v-4ce53db2] {
  padding: 4rem 8rem;
  background-color: #d6ddeb80;
}
.candidate-board.in-client-profile[data-v-4ce53db2] {
  padding: 1rem;
}
.candidate-board .filter-container[data-v-4ce53db2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 4rem;
  background-color: #fff;
  padding: 0 2rem;
  box-shadow: 0px 79px 128px rgba(192, 192, 192, 0.09);
}
.candidate-board .filter-container .input[data-v-4ce53db2] {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 2rem 0 0;
}
.candidate-board .filter-container .search-btn[data-v-4ce53db2] {
  padding: 13px 20px;
  font-size: 14px;
  font-weight: bold;
  background-color: #3d556e;
  color: #fff;
  outline: none;
  border: none;
  margin-left: 20px;
  font-family: "Epilogue", sans-serif;
  line-height: normal;
}
.candidate-board .filter-container .line[data-v-4ce53db2] {
  height: 56px;
  width: 1px;
  background-color: #d6ddeb;
  margin: 0 3rem;
}
.candidate-board .filter-container .input input[data-v-4ce53db2] {
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #d6ddeb;
  padding: 4px 0;
  outline: none;
  width: 100%;
  line-height: normal;
  font-family: "Epilogue", sans-serif;
}
.candidate-board .filter-container .input input[data-v-4ce53db2]::placeholder {
  opacity: 0.6;
}
.candidate-board .filter-container .input i[data-v-4ce53db2] {
  font-size: 20px;
  margin-right: 10px;
  color: green;
}
.sidebar-container[data-v-4ce53db2] {
  position: relative;
  height: fit-content;
  background-color: transparent;
}
.candidate-board .side-bar[data-v-4ce53db2] {
  max-width: 320px;
  min-width: 320px;
  padding: 0;
  height: inherit;
}
.candidate-board .sidebar-container .menu-btn[data-v-4ce53db2] {
  position: absolute;
  right: -19px;
  top: 19px;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #1f4e78;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: none;
  outline: none;
}
.candidate-board .sidebar-container .menu-btn i[data-v-4ce53db2] {
  font-size: 20px;
}
.candidate-board .side-bar .collapse-container .btn[data-v-4ce53db2] {
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: fit-content;
  width: 100%;
  font-size: 18px;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  font-weight: bold;
  padding: 0;
  font-family: "Epilogue", sans-serif;
  line-height: normal;
}
.candidate-board .side-bar .collapse-container .btn i[data-v-4ce53db2] {
  line-height: 0;
  font-size: 24px;
}
.candidate-board .side-bar .collapse-container .form-control[data-v-4ce53db2] {
  padding: 0;
  width: fit-content;
  border: none;
  font-size: 16px;
  cursor: pointer;
  height: fit-content;
  display: flex;
  align-items: center;
  margin: 14px 0;
  font-family: "Epilogue", sans-serif;
  background-color: transparent;
}
.candidate-board .side-bar .collapse-container .form-control input[data-v-4ce53db2] {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  font-family: "Epilogue", sans-serif;
}
.candidate-board .candidate-board-content[data-v-4ce53db2] {
  /* margin-left: 3rem; */
  padding: 0;
  width: 100%;
}
.candidate-board .grid-container[data-v-4ce53db2] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(332px, 1fr));
  gap: 2rem;
  padding: 0;
}
.candidate-board .filter-container .input i[data-v-4ce53db2] {
  color: var(--coredarkcolor);
}
/* .slide-enter-active,
.slide-leave-active {
  transition: transform 0.6s ease;
}
.slide-enter,
.slide-leave-to {
  transform: translateX(-100%);
  transition: all 150ms ease-in 0s;
} */
@media screen and (max-width: 768px) {
.candidate-board .grid-container[data-v-4ce53db2] {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
.candidate-board #wrapper[data-v-4ce53db2] {
    flex-direction: column;
}
.candidate-board .side-bar[data-v-4ce53db2] {
    max-width: 100% !important;
    min-width: 100% !important;
}
.candidate-board .candidate-board-content[data-v-4ce53db2] {
    margin-left: 0;
}
.candidate-board[data-v-4ce53db2] {
    padding: 2rem !important;
}
.sidebar-container[data-v-4ce53db2] {
    margin-bottom: 30px;
}
}
@media screen and (max-width: 1092px) {
.candidate-board[data-v-4ce53db2] {
    padding: 4rem;
}
.candidate-board .side-bar[data-v-4ce53db2] {
    max-width: 200px;
    min-width: 200px;
}
}
.selection-filter[data-v-4ce53db2] {
  width: 100%;
  margin: 1rem 0 2rem 0;
}
label.non-field-label.job-detail[data-v-4ce53db2] {
  height: 100%;
  font-weight: unset;
  margin-top: unset;
  margin-bottom: unset;
}
.filter-label[data-v-4ce53db2] {
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #333;
}

.report-content[data-v-606a16d1] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 2px;
}
h3.section-header[data-v-606a16d1] {
  color: var(--coredarkcolor);
}

.report-content[data-v-9de6cad2] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 2px;
}
h3.section-header[data-v-9de6cad2] {
  color: var(--coredarkcolor);
}






























































































































/* Rest of the styles remain unchanged */
.classes-block {
  overflow-y: auto;
}
.day-block {
  background-color: #f1efef;
  margin: 0px 3px;
  height: 200px;
  width: 150px;
  overflow: hidden;
}
.class-item {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  background-color: #2674c8;
  text-align: left;
  color: white;
  font-size: 10px;
  margin: 3px 0px;
  border-radius: 5px;
}
.week-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.week-row div {
  flex: 1;
  text-align: center;
  padding: 8px;
  cursor: pointer;
}
@media (max-width: 600px) {
.week-row div {
    padding: 2px;
}
}
.week-row div.selected {
  background-color: #4184cc;
  color: #fff;
}
.day-of-week.mobile-only {
  font-size: 14px;
  font-weight: bold;
}
.day-of-week {
  font-size: 20px;
  font-weight: bold;
}
.day-of-month {
  font-size: 16px;
}
.month {
  font-size: 12px;
}
.day-of-week-full {
  display: none;
}
.day-of-week-short {
  display: block;
}
@media (max-width: 1366px) {
.week-row > div {
    padding: 2px;
}
}
@media (min-width: 1200px) {
.day-of-week-full {
    display: block;
}
.day-of-week-short {
    display: none;
}
}
.navigate-btn {
  cursor: pointer;
}

.class-container[data-v-d1bbfc6c] {
  margin-top: 1em;
  padding: 1em;
  background: #fff;
  border-bottom: 0;
  border-radius: 5px !important;
}
.instructor-info[data-v-d1bbfc6c]:not(:last-child)::after {
  content: ", ";
}
.class-description[data-v-d1bbfc6c] {
  margin-top: 5px;
  margin-bottom: 0;
  overflow-wrap: break-word;
}

.button-container[data-v-65874807] {
  text-align: right;
}
.booking-item-mobile label[data-v-65874807] {
  font-weight: bold;
}
.filler-info-mobile[data-v-65874807]:not(:last-child)::after {
  content: ",";
}

.icon-button-table i[data-v-18350aae] {
  display: inherit;
}
.edit-aclass-icon[data-v-18350aae] {
  color: #007bff;
  cursor: pointer;
}

@media (max-width: 768px) {
.legend-icon[data-v-1a017d46] {
    font-size: 14px;
}
}

.period-info[data-v-77761cdd] {
  flex-grow: 1;
}
.legend-info[data-v-77761cdd] {
  margin-right: -0.8em;
  color: #007bff;
}

.calendar-header-left[data-v-238f112c] {
  position: absolute;
  left: 2px;
}
.calendar-header-right[data-v-238f112c] {
  position: absolute;
  right: 2px;
}
.calendar-header-right[data-v-238f112c] {
  display: none;
}
@media (max-width: 991px) {
.calendar-header-right[data-v-238f112c] {
    display: block;
}
.calendar-header-left > .number-jobs[data-v-238f112c] {
    display: none;
}
}
@media (max-width: 768px) {
.calendar-header-left[data-v-238f112c] {
    bottom: 0;
}
.calendar-header-right[data-v-238f112c] {
    display: none;
}
.calendar-header-left > .number-jobs[data-v-238f112c] {
    display: inline;
}
}
@media (max-width: 600px) {
.calendar-header-left[data-v-238f112c] {
    font-size: 10px;
}
}

h3.section-header[data-v-d156bf00] {
  color: var(--coredarkcolor);
}

.public-link-section {
  display: flex;
  justify-content: center;
  font-size: 1rem;
  word-break: break-all;
}
.copy-button {
  margin-left: 0.5em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  opacity: 1;
  z-index: 1000;
  transition: all 0.2s ease;
  padding: 4px;
  border-radius: 4px;
  background-color: rgba(0, 123, 255, 0.1);
  line-height: 1;
}
.copy-button:hover {
  background-color: rgba(0, 123, 255, 0.2);
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}
.copy-button:active {
  color: #007bff;
}
.download-pdf-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: var(--bootstrapgrey);
  color: var(--coredarkcolor);
  border: none;
}
.download-pdf-btn:hover {
  background-color: var(--thrivehiregrey);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  color: var(--coredarkcolor);
}
.download-pdf-btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.download-pdf-btn i {
  font-size: 20px;
  margin-right: 8px;
}
.dashboard-container.is-in-profile-tab .page-container {
  margin-left: 17em;
  margin-right: 0px;
}
.dashboard-container.is-in-profile-tab.is-in-interview-tab .page-container {
  margin-left: 0px;
  margin-right: 0px;
}
.badges {
  border-radius: 6px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  padding: 1.5rem;
  margin-top: 40px;
  padding-bottom: 0;
}
@media (max-width: 992px) {
.dashboard-container.is-in-profile-tab .page-container {
    margin-left: 0em;
    margin-right: 0px;
}
}
.warning-expire-doc {
  text-align: center;
  font-size: 1.5em;
  color: red;
  font-weight: bold;
  margin-top: 1.5em;
  padding: 0.5em 0;
  border: solid 1px red;
}
.expiry-info {
  font-size: 0.6em;
  font-weight: normal;
}
.expire-doc-container:not(:last-child)::after {
  content: ", ";
}
.user-point-container {
  font-size: 24px;
  margin-top: 1em;
}
.pulse {
  background: var(--candidateprofilecompletebuttoncolor);
  box-shadow: 0 0 0 0 var(--candidateprofilecompletebuttoncolor);
  -webkit-animation: pulsing 5s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 5s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 5s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 5s infinite cubic-bezier(0.66, 0, 0, 1);
  transition: all 300ms ease-in-out;
  margin-bottom: 10px;
}
.pulse:hover {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
  color: #ffffff;
}

/* Animation */
@-webkit-keyframes pulsing {
to {
    box-shadow: 0 0 0 30px var(--candidateprofilecompletebuttoncolor);
}
}
@-moz-keyframes pulsing {
to {
    box-shadow: 0 0 0 30px var(--candidateprofilecompletebuttoncolor);
}
}
@-ms-keyframes pulsing {
to {
    box-shadow: 0 0 0 30px var(--candidateprofilecompletebuttoncolor);
}
}
@keyframes pulsing {
to {
    box-shadow: 0 0 0 30px transparent;
}
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
}
}

.time-block-container[data-v-90c07cf2] {
  display: flex;
}
.start-time-container[data-v-90c07cf2] {
  flex-grow: 1;
}
.end-time-container[data-v-90c07cf2] {
  flex-grow: 2;
}
.button-container[data-v-90c07cf2] {
  display: flex;
}
.left-button[data-v-90c07cf2] {
  flex-grow: 1;
}
@media (max-width: 400px) {
.button-container[data-v-90c07cf2] {
    display: block;
}
.right-button[data-v-90c07cf2] {
    margin-top: 0.5em;
    text-align: center;
}
.left-button[data-v-90c07cf2] {
    text-align: center;
}
}

.additional-dates-needed[data-v-46d5fc7c] {
  margin-bottom: 20px;
}
.booking-row[data-v-46d5fc7c] {
  display: table-row;
}
.booking-col[data-v-46d5fc7c] {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
}
.booking-col input[type="checkbox"][data-v-46d5fc7c] {
  margin: 0;
}
.booking-col label[data-v-46d5fc7c] {
  margin: 0;
}
.align-center[data-v-46d5fc7c] {
  display: flex;
  align-items: center;
}
.booking-item-mobile span[data-v-46d5fc7c]:first-child {
  font-weight: bold;
}
.show-all-less[data-v-46d5fc7c] {
  margin-top: 10px;
  cursor: pointer;
}
.show-all-less span[data-v-46d5fc7c] {
  margin-right: 10px;
}

.job-photo-container[data-v-ca8e99ce] {
  position: relative;
}
.job-photo-container[data-v-ca8e99ce] {
  width: 100%;
}
.feature-field[data-v-ca8e99ce] {
  position: absolute;
  background-color: white;
  border-radius: 8px;
  padding: 4px 8px;
}
.top-left-field[data-v-ca8e99ce] {
  left: 8px;
}
.top-right-field[data-v-ca8e99ce] {
  right: 8px;
}
.bottom-left-field[data-v-ca8e99ce] {
  left: 8px;
}
.bottom-right-field[data-v-ca8e99ce] {
  right: 8px;
}

@media (max-width: 765px) {
.grouped-buttons[data-v-bda85220] {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}
}
.job-setting[data-v-bda85220] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10000;
}
.copy-place[data-v-bda85220] {
  position: absolute;
  top: 0;
  right: -25px;
  z-index: 1;
}
.location-info > span[data-v-bda85220]:not(:last-child)::after {
  content: ",";
}
.info-item[data-v-bda85220] {
  display: flex;
}
.info-item > label[data-v-bda85220] {
  width: 150px;
  min-width: 150px;
}

.button-containers[data-v-425a077e] {
  display: flex;
  flex-direction: row-reverse;
}
.cancel-btn-container[data-v-425a077e] {
  flex-grow: 1;
}

.button-container[data-v-fc54cf2e] {
  text-align: right;
}

.dialog-title[data-v-096e86a2] {
  font-weight: 600;
  color: #333;
}
.info-box[data-v-096e86a2] {
  display: flex;
  background-color: #f5f9ff;
  border-radius: 6px;
  padding: 12px 16px;
  border-left: 4px solid #4a90e2;
  align-items: flex-start;
}
.info-icon[data-v-096e86a2] {
  color: #4a90e2;
  margin-right: 12px;
  margin-top: 2px;
  font-size: 20px;
}
.info-text[data-v-096e86a2] {
  font-size: 14px;
  line-height: 1.5;
}
.learn-link[data-v-096e86a2] {
  color: #4a90e2;
  text-decoration: underline;
  font-weight: 500;
}
.day-card[data-v-096e86a2] {
  /* border: 1px solid #e0e0e0; */
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
  background-color: #f9f9f9;
}
.day-header[data-v-096e86a2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background-color: #3d556e;
  color: white;
}
.day-title[data-v-096e86a2] {
  font-weight: 600;
  font-size: 16px;
}
.all-day-option[data-v-096e86a2] {
  padding: 0 0 8px 0;
  border-bottom: 1px solid #eaeaea;
}
.all-day-check[data-v-096e86a2] {
  margin-left: 0;
  margin-top: 0 !important;
}

/* Target the specific parts of the checkbox component */
.white-checkbox[data-v-096e86a2] :deep(label),
.white-checkbox[data-v-096e86a2] :deep(span),
.white-checkbox[data-v-096e86a2] :deep(.custom-control-label) {
  color: white !important;
  font-weight: 600 !important;
  text-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}

/* Ensure checkbox itself has good contrast */
.white-checkbox[data-v-096e86a2] :deep(input:checked ~ .custom-control-label::before) {
  background-color: white !important;
  border-color: white !important;
}
.white-checkbox[data-v-096e86a2] :deep(.custom-control-label::after) {
  background-color: #3d556e !important;
}
.day-content[data-v-096e86a2] {
  padding-top: 0px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
.time-block[data-v-096e86a2] {
  background-color: white;
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 16px;
  border: 1px solid #eaeaea;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.time-block[data-v-096e86a2]:last-child {
  margin-bottom: 16px;
}
.time-block-header[data-v-096e86a2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.block-label[data-v-096e86a2] {
  font-size: 14px;
  color: #333;
}
.delete-btn[data-v-096e86a2] {
  background: none;
  border: none;
  color: #d32f2f;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.delete-btn[data-v-096e86a2]:hover {
  background-color: rgba(211, 47, 47, 0.08);
}
.time-container[data-v-096e86a2] {
  display: flex;
  gap: 16px;
  margin-bottom: 12px;
}
.add-block-btn[data-v-096e86a2] {
  background: none;
  border: 1px dashed #3d556e;
  color: #3d556e;
  padding: 10px 16px;
  border-radius: 6px;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
  font-weight: 500;
}
.add-block-btn[data-v-096e86a2]:hover {
  background-color: rgba(61, 85, 110, 0.05);
}
.add-icon[data-v-096e86a2] {
  margin-right: 6px;
  font-size: 18px;
}
.form-section[data-v-096e86a2] {
  background-color: #f9f9f9;
  border-radius: 8px;
  padding-top: 0px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  /* border: 1px solid #eaeaea; */
}
.hours-label[data-v-096e86a2] {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #333;
}
.hours-input[data-v-096e86a2] {
  max-width: 450px;
}
.button-container[data-v-096e86a2] {
  display: flex;
}
.left-button[data-v-096e86a2] {
  flex-grow: 1;
}
@media (max-width: 400px) {
.button-container[data-v-096e86a2] {
    display: block;
}
.right-button[data-v-096e86a2] {
    margin-top: 0.5em;
    text-align: center;
}
.left-button[data-v-096e86a2] {
    text-align: center;
}
.time-container[data-v-096e86a2] {
    flex-direction: column;
    gap: 8px;
}
}

.current-selection[data-v-d919371e] {
  border: solid 2px var(--labelcolor, var(--coredarkcolor));
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.week-availability-section[data-v-d919371e] {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  padding: 20px;
  margin-bottom: 20px;
  transition: all 0.2s ease;
  border: 1px solid #eaeaea;
}
.week-availability-section[data-v-d919371e]:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.availability-days-grid[data-v-d919371e] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px;
  margin-bottom: 24px;
  overflow-x: auto;
}
.day-availability-card[data-v-d919371e] {
  background-color: #f9f9f9;
  border-radius: 6px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #f0f0f0;
  min-width: 140px;
}
.day-header[data-v-d919371e] {
  background-color: #3d556e;
  color: white;
  padding: 10px;
  font-weight: 600;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.day-content[data-v-d919371e] {
  padding: 12px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 80px;
}
.time-block[data-v-d919371e] {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  padding: 6px 10px;
  background-color: #e9f0f7;
  border-radius: 4px;
  font-size: 13px;
}
.time-block[data-v-d919371e]:last-child {
  margin-bottom: 0;
}
.time-block span[data-v-d919371e] {
  display: flex;
  align-items: center;
  line-height: 1.4;
}
.time-icon[data-v-d919371e] {
  font-size: 16px;
  margin-right: 6px;
  margin-top: -2px;
  color: #3d556e;
  display: inline-flex;
  vertical-align: middle;
}
.no-availability[data-v-d919371e] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  color: #888;
  font-style: italic;
  flex-grow: 1;
  text-align: center;
  font-size: 13px;
}
.unavailable-icon[data-v-d919371e] {
  font-size: 16px;
  margin-right: 6px;
  color: #d32f2f;
}
.availability-meta[data-v-d919371e] {
  display: flex;
  flex-wrap: wrap;
  background-color: #f5f7fa;
  border-radius: 6px;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 10px;
  margin-bottom: 16px;
}
.meta-item[data-v-d919371e] {
  margin-right: 40px;
  margin-bottom: 4px;
}
.meta-label[data-v-d919371e] {
  font-size: 12px;
  color: #666;
  margin-bottom: 2px;
  font-weight: 500;
}
.meta-value[data-v-d919371e] {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 0;
}
.availability-actions[data-v-d919371e] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 8px;
}
.delete-button[data-v-d919371e] {
  background: none;
  border: none;
  color: #d32f2f;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 8px 12px;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.delete-button[data-v-d919371e]:hover {
  background-color: rgba(211, 47, 47, 0.08);
}
.delete-icon[data-v-d919371e] {
  font-size: 18px;
  margin-right: 4px;
}
@media (max-width: 991px) {
.availability-days-grid[data-v-d919371e] {
    grid-template-columns: repeat(7, minmax(120px, 1fr));
    gap: 10px;
}
}
@media (max-width: 768px) {
.week-availability-section[data-v-d919371e] {
    padding: 15px;
}
.availability-days-grid[data-v-d919371e] {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 8px;
    padding-bottom: 8px;
}
.day-availability-card[data-v-d919371e] {
    min-width: 120px;
    flex: 0 0 auto;
}
.day-header[data-v-d919371e] {
    padding: 8px;
    font-size: 13px;
}
.day-content[data-v-d919371e] {
    padding: 10px;
    min-height: 60px;
}
.time-block[data-v-d919371e] {
    padding: 5px 8px;
    font-size: 12px;
}
.availability-meta[data-v-d919371e] {
    padding: 12px;
}
.meta-item[data-v-d919371e] {
    margin-right: 20px;
    margin-bottom: 10px;
    min-width: calc(50% - 20px);
}
}

.edit-button[data-v-18e93bc5] {
  position: relative;
  color: #007bff;
  z-index: 0;
}
.current-selection[data-v-18e93bc5] {
  border: solid 1px var(--labelcolor, var(--coredarkcolor));
}
.delete-text[data-v-18e93bc5] {
  margin-top: 0.5em;
}
.start-date-filter[data-v-18e93bc5] {
  padding-right: 0.5em;
  flex-grow: 1;
}
.end-date-filter[data-v-18e93bc5] {
  padding-right: 0.5em;
  flex-grow: 1;
}

/* Mobile-friendly button styles */
@media (max-width: 768px) {
.mylisting-button[data-v-18e93bc5] {
    min-width: auto;
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 0.5rem !important;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 8px;
    touch-action: manipulation;
}

  /* Ensure proper touch target size */
.mylisting-button[data-v-18e93bc5]:active {
    transform: scale(0.98);
    transition: transform 0.1s ease;
}
}
@media (max-width: 480px) {
.mylisting-button[data-v-18e93bc5] {
    padding: 14px 16px;
    font-size: 16px;
    margin-bottom: 0.75rem !important;
}

  /* Stack buttons vertically on very small screens */
.d-flex.flex-wrap[data-v-18e93bc5] {
    flex-direction: column;
    align-items: stretch !important;
}
}

.start-date-filter[data-v-3c470d77] {
  padding-right: 0.5em;
  flex-grow: 1;
}
.end-date-filter[data-v-3c470d77] {
  padding-right: 0.5em;
  flex-grow: 1;
}

.button-container[data-v-b5b65c06] {
  display: flex;
  flex-wrap: wrap;
}
.spacing[data-v-b5b65c06] {
  flex-grow: 1;
}
.accept-btn-container[data-v-b5b65c06],
.reject-btn-container[data-v-b5b65c06] {
  text-align: center;
}
@media (max-width: 400px) {
.button-container[data-v-b5b65c06] {
    display: block;
}
}
.fee-detail>span[data-v-b5b65c06]:not(:last-child)::after {
  content: "+";
}
.tip-container[data-v-b5b65c06] {
  display: flex;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
}
.tip-container>div[data-v-b5b65c06] {
  flex-basis: 150px;
}
.tip-container>div.custom-value-col[data-v-b5b65c06] {
  flex-basis: 180px;
}
.custom-value[data-v-b5b65c06] {
  width: 60px;
}
.total-fee[data-v-b5b65c06] {
  font-weight: bold;
}

.button-container[data-v-215669e2] {
  display: flex;
}
.review-description[data-v-215669e2] {
  font-size: 1.2em;
}

.summarize-info[data-v-5ac75047] {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    /* margin: 1rem 0; */
}
.info-container[data-v-5ac75047] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.info-item[data-v-5ac75047] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
}
.separator[data-v-5ac75047] {
    width: 1px;
    height: 24px;
    background-color: #dee2e6;
}
.label[data-v-5ac75047] {
    font-size: 0.95em;
    color: #6c757d;
}
.value[data-v-5ac75047] {
    font-size: 1.1em;
    font-weight: 600;
    color: #212529;
}
@media (max-width: 768px) {
.info-container[data-v-5ac75047] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
}
.separator[data-v-5ac75047] {
        display: block;
        width: 100%;
        height: 1px;
        margin: 0.25rem 0;
}
.info-item[data-v-5ac75047] {
        width: 100%;
        padding: 0.75rem 0;
}
}

.cancelled-job[data-v-2696e9ec] {
  color: #bbb;
}
.upcoming-job-container[data-v-2696e9ec]:not(:last-child) {
  margin-bottom: 1.1em;
}
.jobs-refresh-button[data-v-2696e9ec] {
  min-width: 40px;
}
.clear-stripe-container[data-v-2696e9ec] {
  flex-grow: 1;
  text-align: right;
}
.customize-button[data-v-2696e9ec] {
  display: flex;
  /* justify-content: center; */
}



.job-listing-tile {
  /* background-color: var(--bootstrapgrey); */
  padding-top: 22px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  /* border: 1px solid var(--gcnorange); */
}
.filled-job {
  background-color: var(--bootstrapgrey);
}
.input-search::placeholder {
  font-size: 14px;
  color: #adadad;
  margin-bottom: 10px;
  padding-top: 2px;
}
.input-search {
  padding: 8px;
  height: unset;
}
.job-type {
  background-color: var(--bootstrapgrey);
}
.types-badges {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-left: auto;
  flex-wrap: wrap;
  max-width: 150px;
  gap: 2px;
}
.gap-5 {
  gap: 5px;
}
.checkbox-container {
  margin-left: -2.5em;
}
.card > .checkbox-container {
  margin-left: -1.5em;
}
label.non-field-label.job-detail {
  height: 100%;
  font-weight: unset;
  margin-top: unset;
  margin-bottom: unset;
}
.job-board {
  font-size: 1.2rem;
}
.types-badges-mobile {
  display: none;
  flex-wrap: wrap;
  max-width: 150px;
  gap: 2px;
  margin-top: 4px;
}
@media (max-width: 576px) {
.full-width-bar-image-wrapper img {
    height: 50px;
    width: 50px;
}
.font-weight-medium {
    font-size: 1.3rem;
}
.types-badges {
    display: none;
}
.types-badges-mobile {
    display: flex;
}
}
.job-container {
  display: flex;
  width: 100%;
  padding: 10px;
}
.job-is-hired {
  opacity: 0.5;
}
.hire-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  pointer-events: none;
}
.hire-badge {
  color: #dd7844;
  border: #dd7844 solid 3px;
  padding-left: 48px;
  padding-right: 48px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  transform: rotateY(0deg) rotate(345deg);
  background: white;
}
.pagination-panel {
  min-height: 56px;
}

.spacing[data-v-6657d49e] {
  flex-grow: 1;
}
.filter-start[data-v-6657d49e] {
  background-color: white !important;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  font-size: 14px;
}
.filter-end[data-v-6657d49e] {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  font-size: 14px;
}

.period-selection[data-v-79efc914] {
  margin-bottom: 0.5em;
}
.distance-warning[data-v-79efc914] {
  font-size: 0.8em;
  margin-bottom: 0.5em;
}
.job-board-description[data-v-79efc914] {
  max-width: 1000px;
  margin: 1.5rem auto;
  padding: 1.5rem;
  background-color: #f8f9fa;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  line-height: 1.6;
  color: #495057;
  font-size: 1rem;
}
.job-board-description[data-v-79efc914]  p {
  margin-bottom: 1rem;
}
.job-board-description[data-v-79efc914]  p:last-child {
  margin-bottom: 0;
}
.job-board-description[data-v-79efc914]  a {
  color: #1976d2;
  text-decoration: none;
  transition: color 0.2s ease;
}
.job-board-description[data-v-79efc914]  a:hover {
  color: #0d47a1;
  text-decoration: underline;
}
.start-date-filter[data-v-79efc914] {
  padding-right: 0.5em;
  flex-grow: 1;
}
.end-date-filter[data-v-79efc914] {
  padding-right: 0.5em;
  flex-grow: 1;
}
@media (min-width: 992px) {
  /* .find-avail-job-btn {
    position: absolute;
    left: 0;
    top: 0;
  } */
}
.customize-button[data-v-79efc914] {
  display: flex;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 20px;
}
.admin-warning-container[data-v-79efc914] {
  margin: 1rem 0;
  margin-top: 2rem;
  padding: 1rem;
  background-color: #fff3f3;
  border: 1px solid #ffcdd2;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.admin-warning-content[data-v-79efc914] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #d32f2f;
  font-size: 0.9rem;
  line-height: 1.5;
}
.warning-icon[data-v-79efc914] {
  color: #d32f2f;
  font-size: 1.2rem;
}

.profile-picture[data-v-58783564] {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.agency-setting[data-v-58783564] {
  position: absolute;
  top: -24px;
  right: 0;
}

.enginehow-content-wrapper[data-v-66bf00b2] {
  position: absolute;
  top: 30px;
  right: 0px;
  z-index: 99;
  width: 450px;
  padding: 15px 15px 27px;
  border-radius: 3px;
  background-color: white;
  box-shadow: 0 0.15rem 0.5rem rgb(0 0 0 / 15%) !important;
}
@media only screen and (max-width: 768px) {
.enginehow-content-wrapper[data-v-66bf00b2] {
    max-width: max-content;
}
.enginehow-content-wrapper .enginehow-list-item[data-v-66bf00b2] {
    font-size: 12px;
}
}
@media only screen and (max-width: 500px) {
.enginehow-content-wrapper[data-v-66bf00b2] {
    max-width: 300px;
}
.enginehow-content-wrapper .enginehow-list-item[data-v-66bf00b2] {
    font-size: 10px;
}
}

.expand-section-margin-top[data-v-212e9ade] {
  margin-top: 110px;
}
.help-section .expandable-section-container[data-v-212e9ade] {
  position: absolute;
  z-index: 1100;
  width: 170px;
}
.help-section[data-v-212e9ade] {
  width: 170px;
  margin: auto;
}
.help-title[data-v-212e9ade] {
  position: relative;
  justify-content: center;
}
.help-title > span[data-v-212e9ade] {
  font-size: 15px;
}
.help-section .help-message .help-message-body[data-v-212e9ade] {
  width: 700px;
  margin-left: -488px;
  background: gainsboro;
  padding-top: 1px;
  border-radius: 5px;
  box-shadow: 0px 2px 7px #a7a7a7;
  margin-top: 3px;
}
.expandable-section[data-v-212e9ade] {
  background: #f8f9fa;
  border-radius: 16px;
}
.expand-section-header[data-v-212e9ade] {
  width: 100%;
  padding: 20px 0;
  border-radius: 16px;
}
.help-message[data-v-212e9ade] {
  border-radius: 4px !important;
}
.help-message .expand-section-header[data-v-212e9ade] {
  padding: 10px 0px !important;
  border-radius: 4px !important;
}
.help-message .expand-section-header > div[data-v-212e9ade] {
  color: #d94926;
}

.referral-section .expandable-section-container[data-v-76669dc8] {
  position: absolute;
  z-index: 1;
  width: 150px;
}
.referral-section[data-v-76669dc8] {
  width: 150px;
  margin: auto;
}
.help-title[data-v-76669dc8] {
  position: relative;
  justify-content: center;
}
.help-title > span[data-v-76669dc8] {
  font-size: 15px;
}
.referral-section .help-message .help-message-body[data-v-76669dc8] {
  width: 700px;
  margin-left: -565px;
  background: gainsboro;
  padding-top: 1px;
  border-radius: 5px;
  box-shadow: 0px 2px 7px #a7a7a7;
  margin-top: 3px;
}
.expandable-section[data-v-76669dc8] {
  background: #f8f9fa;
  border-radius: 16px;
}
.expand-section-header[data-v-76669dc8] {
  width: 100%;
  padding: 20px 0;
  border-radius: 16px;
}
.help-message[data-v-76669dc8] {
  border-radius: 4px !important;
}
.help-message .expand-section-header[data-v-76669dc8] {
  padding: 10px 0px !important;
  border-radius: 4px !important;
}
.help-message .expand-section-header > div[data-v-76669dc8] {
  color: #d94926;
}
@media (max-width: 768px) {
.referral-section .expandable-section-container[data-v-76669dc8] {
    position: relative;
}
.referral-section .help-message .help-message-body[data-v-76669dc8]  {
    margin-left: 10px;
    width: 400px;
}
}

.container[data-v-cca3bc0c] {
  background-color: #f7f7f7;
  border-radius: 8px;
  padding: 10px;
  width: 100%;
  max-width: 630px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

/* Grid container layout */
.grid-container[data-v-cca3bc0c] {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2-column layout for larger screens */
  gap: 10px; /* Space between grid items */
  align-items: center;
}
.text-section[data-v-cca3bc0c] {
  grid-column: 1 / span 1;
}
.button-section[data-v-cca3bc0c] {
  grid-column: 2 / span 1;
  display: flex;
  justify-content: flex-end;
}
.grid-buttons[data-v-cca3bc0c] {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 1024px) {
.grid-container[data-v-cca3bc0c] {
    grid-template-columns: 1fr; /* Stack elements vertically for small laptops */
    text-align: center; /* Center text on small laptops */
}
.text-section[data-v-cca3bc0c] {
    grid-column: 1 / span 1; /* Make text section span full width */
    text-align: center; /* Center text */
}
.button-section[data-v-cca3bc0c] {
    grid-column: 1 / span 1; /* Move button section to the next row */
    justify-content: center; /* Center buttons on small laptops */
    margin-top: 10px; /* Add space between text and buttons */
}
.grid-buttons[data-v-cca3bc0c] {
    flex-direction: column; /* Stack buttons vertically */
    gap: 10px; /* Add space between buttons */
    align-items: center; /* Center buttons */
}
.dropdown[data-v-cca3bc0c] {
    width: 100%; /* Full-width dropdown button on small laptops */
}
}
/* Responsive Layout */
@media screen and (max-width: 768px) {
.grid-container[data-v-cca3bc0c] {
    grid-template-columns: 1fr; /* Stack elements vertically on small screens */
    text-align: center; /* Center text for small screens */
}
.text-section[data-v-cca3bc0c] {
    grid-column: 1 / span 1; /* Make text section span entire width */
    text-align: center; /* Center the text */
}
.button-section[data-v-cca3bc0c] {
    grid-column: 1 / span 1; /* Move button section to the next row */
    justify-content: center; /* Center buttons on small screens */
    margin-top: 10px; /* Add spacing between text and buttons */
}
.grid-buttons[data-v-cca3bc0c] {
    flex-direction: column; /* Stack buttons vertically */
    gap: 10px; /* Space between buttons */
    align-items: center; /* Center buttons */
}
.dropdown[data-v-cca3bc0c] {
    width: 100%; /* Full-width dropdown button on small screens */
}
}
.dropbtn[data-v-cca3bc0c] {
  background-color: #c4dcf6;
  color: #10236c;
  font-size: 12px;
  width: 140px;
  cursor: pointer;
  outline: none;
  font-weight: bold;
}
.teach-me-btn[data-v-cca3bc0c] {
  width: 130px;
}
.dropdown-content[data-v-cca3bc0c] {
  display: block;
  position: absolute;
  background-color: #f1f1f1;
  width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-weight: bold;
}
.dropdown-content a[data-v-cca3bc0c] {
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
  cursor: pointer;
}
.custom-color[data-v-cca3bc0c] {
  color: #022b4c;
}
.dropdown-content a[data-v-cca3bc0c]:hover {
  background-color: #ddd;
}

.navbar-container[data-v-1dee39b6] {
  position: relative;
}
.navbar-container > .navbar[data-v-1dee39b6] {
  padding: 0;
}
.navbar-container > .navbar .nav-item[data-v-1dee39b6] {
  margin-right: 0;
}
.navbar-container > .navbar .nav-item[data-v-1dee39b6]:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.navbar-container > .navbar .nav-item[data-v-1dee39b6]:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.navbar-container > .navbar .nav-link[data-v-1dee39b6] {
  display: inline-block;
  padding: 0;
  width: 100%;
}
.navbar-container > .navbar .dropdown-item[data-v-1dee39b6] {
  display: flex;
  align-items: center;
  padding: 0.5em;
  color: var(--coredarkcolor);
  font-size: 13px;
  cursor: pointer;
}
.navbar-container > .navbar .dropdown-menu[data-v-1dee39b6] {
  padding: 0;
  margin: 0;
}
.navbar-container > .navbar .nav-link[data-v-1dee39b6] {
  color: var(--coredarkcolor);
  font-size: 16px;
  cursor: pointer;
}
.navbar-container > .navbar .nav-item.active[data-v-1dee39b6] {
  color: white;
  font-weight: bold;
}
.navbar-container
  > .navbar
  .nav-item.active
  .submenu-subitem[data-v-1dee39b6]:not(.is_selected) {
  font-weight: normal;
}
.navbar-container
  > .navbar
  .nav-item.active
  > span:not(.dropdown-toggle)
  > span[data-v-1dee39b6] {
  background-color: var(--coredarkcolor);
  padding: 3px 6px;
  border-radius: 4px;
}
.navbar-container > .navbar .nav-item.dropdown[data-v-1dee39b6] {
  padding: 0;
}
.navbar-container > .navbar .nav-item.active > span.dropdown-toggle[data-v-1dee39b6] {
  background-color: var(--coredarkcolor);
  padding: 3px 6px;
  border-radius: 4px;
}
.navbar-container > .navbar .nav-item > span:not(.dropdown-toggle) > span[data-v-1dee39b6] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.login-user[data-v-1dee39b6] {
  color: var(--coredarkcolor);
  font-weight: bold;
  position: absolute;
  right: 25px;
  margin-top: 52px;
}
.navbar-container > .navbar .dropdown-item.active[data-v-1dee39b6] {
  background-color: var(--coredarkcolor);
  color: white;
  font-weight: bold;
}
.navbar-container > .navbar .nav-item.active > .nav-link[data-v-1dee39b6] {
  color: white;
}
.selected-info-bar[data-v-1dee39b6] {
  background-color: var(--coredarkcolor);
  color: white;
  font-weight: bold;
  padding: 0.75em;
}
.enginehow-container[data-v-1dee39b6] {
  position: relative;
  width: 100%;
  top: 85px;
}
.enginehow-container .enginehow-trigger[data-v-1dee39b6] {
  position: absolute;
  right: 0;
  top: 16px;
}
.enginehow-container .enginehow-trigger .material-icons[data-v-1dee39b6] {
  font-size: 34px;
  color: var(--coredarkcolor);
}
.submenu-column[data-v-1dee39b6] {
  min-width: 210px;
  padding: 10px;
}
.badge.badge-pill.badge-danger[data-v-1dee39b6] {
  position: absolute;
  top: 14px;
  left: 49px;
}
@media only screen and (max-width: 768px) {
.enginehow-container .enginehow-trigger .material-icons[data-v-1dee39b6] {
    top: -18px;
    font-size: 28px;
}
.branded-banner[data-v-1dee39b6] {
    margin-left: 50px !important;
    margin-right: 10px !important;
}
.badge.badge-pill.badge-danger[data-v-1dee39b6] {
    left: unset;
}
}
@media (max-width: 1200px) {
.submenu-column[data-v-1dee39b6] {
    min-width: 180px;
}
}
@media (max-width: 991px) {
.float-mobile.show[data-v-1dee39b6] {
    position: absolute;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    top: calc(50% - 20px);
    right: calc(2.5vw + 40px);
    z-index: 1030;
}
.menu-group-panel[data-v-1dee39b6] {
    flex-wrap: wrap;
}
.submenu-column[data-v-1dee39b6] {
    min-width: 170px;
}
}
@media screen and (max-width: 1024px) {
.branded-banner[data-v-1dee39b6] {
    margin-right: 10px !important;
    margin-left: 0px !important;
}
}
@media screen and (max-width: 1440px) {
.branded-banner[data-v-1dee39b6] {
    margin-right: 10px !important;
}
}
@media (max-width: 600px) {
.navbar-toggler[data-v-1dee39b6] {
    padding-left: 4px;
    padding-right: 4px;
}
.branded-banner[data-v-1dee39b6] {
    margin-left: 0px !important;
}
}
.menubar-group[data-v-1dee39b6] {
  display: flex !important;
}
.navbar-container i[data-v-1dee39b6]:not(.big-size) {
  font-size: 18px;
}
.navbar-container span[data-v-1dee39b6] {
  font-size: 14px;
}
.dropdown-toggle[data-v-1dee39b6]::after {
  margin-top: 10px;
}
.submenu-column > h5[data-v-1dee39b6] {
  color: var(--coredarkcolor);
}
.submenu-subitem[data-v-1dee39b6] {
  cursor: pointer;
  padding: 3px 2px;
  font-size: 14px;
  color: var(--coredarkcolor);
  display: flex;
  align-items: center;
}
.submenu-subitem[data-v-1dee39b6]:hover {
  background-color: rgb(246, 246, 248);
}
.multi-level-group[data-v-1dee39b6] {
  padding: 3px 0 !important;
}
.navbar-container > nav[data-v-1dee39b6] {
  border-radius: 4px;
}
.navbar-nav.has-separator li[data-v-1dee39b6] {
  position: relative;
}
.navbar-nav.has-separator li[data-v-1dee39b6]:not(:last-child):not(.active):after {
  content: "";
  position: absolute;
  right: -1px;
  width: 1px;
  height: 60%;
  top: 20%;
  background: var(--coredarkcolor);
}
.question-section[data-v-1dee39b6] {
  margin-top: 11px;
}
.branded-banner[data-v-1dee39b6] {
  margin-left: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.submenu-icon[data-v-1dee39b6] {
  font-size: 18px;
}

.job-listing-tile[data-v-bcea61e4] {
  /* background-color: var(--bootstrapgrey); */
  padding-top: 22px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  /* border: 1px solid var(--gcnorange); */
}
.filled-job[data-v-bcea61e4] {
  background-color: var(--bootstrapgrey);
}
.input-search[data-v-bcea61e4]::placeholder {
  font-size: 14px;
  color: #adadad;
  margin-bottom: 10px;
  padding-top: 2px;
}
.input-search[data-v-bcea61e4] {
  padding: 8px;
  height: unset;
}
.job-type[data-v-bcea61e4] {
  background-color: var(--bootstrapgrey);
}
.types-badges[data-v-bcea61e4] {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  max-width: 150px;
  gap: 2px;
}
.gap-5[data-v-bcea61e4] {
  gap: 5px;
}
label.non-field-label.job-detail[data-v-bcea61e4] {
  height: 100%;
  font-weight: unset;
  margin-top: unset;
  margin-bottom: unset;
}
.job-board[data-v-bcea61e4] {
  font-size: 1.2rem;
}
.full-width-bar-image-wrapper img[data-v-bcea61e4] {
  height: 90px;
}
@media (max-width: 576px) {
.full-width-bar-image-wrapper img[data-v-bcea61e4] {
    height: 50px;
    width: 50px;
}
}

.dialog-heading[data-v-21d9ac25] {
  text-align: center;
}
.app-icons[data-v-21d9ac25] {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: -42px;
  margin-bottom: -42px;
}
.logo[data-v-21d9ac25] {
  width: 150px;
  cursor: pointer;
}
.btn-close[data-v-21d9ac25] {
  text-align: center;
}

.code-container[data-v-3f739dfe] {
  flex-basis: 20em;
}
.verification-box-container[data-v-3f739dfe] {
  display: flex;
  justify-content: center;
}

.goal-calendar[data-v-6ed94a22] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 300px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.disabled[data-v-6ed94a22] {
  color: #aaa;
  pointer-events: none;
  background-color: #f3f3f3;
}

.selectedTab {
  background-color: var(--nannycogreen);
  color: white;
}
.dashboard-container.candidate-dashboard {
  margin-right: 2em;
  margin-left: 2em;
  margin-bottom: 2em;
}
.dashboard-container.candidate-dashboard.is-in-dialog {
  margin-right: -15px;
  margin-left: -15px;
  margin-top: 4em;
}
.dashboard-container.candidate-dashboard.is-in-dialog.is-in-interview-tab {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.dashboard-container.candidate-dashboard.-space-x-15 {
  margin-right: -15px;
  margin-left: -15px;
}
.dashboard-container.candidate-dashboard.space-x-3 {
  margin-right: 3em;
  margin-left: 3em;
}
@media (max-width: 992px) {
.dashboard-container.candidate-dashboard {
    margin-left: 2em;
    margin-right: 2em;
}
.dashboard-container.candidate-dashboard.is-in-dialog {
    margin-left: 0;
}
}
@media (max-width: 768px) {
.dashboard-container.candidate-dashboard {
    margin-left: 1em;
    margin-right: 1em;
}
.dashboard-container .mobile-dashboard-button h6 {
    font-size: 10px;
}
}
@media (max-width: 600px) {
.dashboard-container.candidate-dashboard {
    margin-left: 0.5em;
    margin-right: 0.5em;
}
}
@media (max-width: 500px) {
.dashboard-container.candidate-dashboard.is-in-dialog {
    margin-top: 0em;
}
}
.sticky-summary {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 99;
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
  margin: 0 -15px;
  opacity: 0.85;
  font-size: 0.9em;
  padding: 0 0.4em;
  cursor: pointer;
}

.evaluation-page[data-v-e34b1084] {
  margin-top: 120px;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 120px;
}

.square-v2-card-manager[data-v-0b54bf32] {
  max-width: 800px;
}
.card-section[data-v-0b54bf32] {
  background: white;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
.section-header h4[data-v-0b54bf32] {
  margin: 0;
  color: #333;
  font-weight: 500;
}

/* Square Card Container Styling */
.square-card-container[data-v-0b54bf32] {
  padding: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 20px;
  background: #fafafa;
}
.square-field[data-v-0b54bf32] {
  margin-bottom: 15px;
}
.form-group[data-v-0b54bf32] {
  margin-bottom: 15px;
}
.form-group label[data-v-0b54bf32] {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
  color: #333;
}
.form-group input[data-v-0b54bf32],
.form-group textarea[data-v-0b54bf32] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}
.form-row[data-v-0b54bf32] {
  display: flex;
  gap: 15px;
}
.form-row .form-group[data-v-0b54bf32] {
  flex: 1;
}
.billing-header[data-v-0b54bf32] {
  margin: 20px 0 15px 0;
  color: #333;
  font-weight: 500;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}
.checkbox-group[data-v-0b54bf32] {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.checkbox-group input[data-v-0b54bf32] {
  margin-right: 10px;
}

/* Stored Cards Styling */
.stored-card[data-v-0b54bf32] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 10px;
  background: white;
}
.stored-card.expired[data-v-0b54bf32] {
  opacity: 0.6;
  background: #f8f8f8;
}
.card-info[data-v-0b54bf32] {
  display: flex;
  align-items: center;
  gap: 15px;
}
.card-brand[data-v-0b54bf32] {
  font-weight: bold;
  color: #4285f4;
  text-transform: uppercase;
  font-size: 12px;
  background: #e3f2fd;
  padding: 4px 8px;
  border-radius: 4px;
}
.card-number[data-v-0b54bf32] {
  font-family: monospace;
  font-size: 16px;
}
.expired-badge[data-v-0b54bf32] {
  background: #ff4444;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
}
.card-actions[data-v-0b54bf32] {
  display: flex;
  gap: 8px;
}

/* Payment History Styling */
.payment-item[data-v-0b54bf32] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border-left: 4px solid #ddd;
  margin-bottom: 10px;
  background: white;
  border-radius: 0 4px 4px 0;
}
.payment-item.status-completed[data-v-0b54bf32] {
  border-left-color: #4caf50;
}
.payment-item.status-failed[data-v-0b54bf32] {
  border-left-color: #f44336;
}
.payment-main[data-v-0b54bf32] {
  display: flex;
  align-items: center;
  gap: 20px;
}
.payment-amount[data-v-0b54bf32] {
  font-size: 18px;
  font-weight: bold;
}
.payment-details[data-v-0b54bf32] {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 14px;
  color: #666;
}
.receipt-link[data-v-0b54bf32] {
  color: #4285f4;
  text-decoration: none;
}
.receipt-link[data-v-0b54bf32]:hover {
  text-decoration: underline;
}

/* Modal Styling */
.modal-overlay[data-v-0b54bf32] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.modal-content[data-v-0b54bf32] {
  background: white;
  border-radius: 8px;
  width: 90%;
  max-width: 500px;
  max-height: 90vh;
  overflow-y: auto;
}
.modal-header[data-v-0b54bf32] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #eee;
}
.modal-header h5[data-v-0b54bf32] {
  margin: 0;
}
.close-btn[data-v-0b54bf32] {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #666;
}
.modal-body[data-v-0b54bf32] {
  padding: 20px;
}
.selected-card-info[data-v-0b54bf32] {
  padding: 10px;
  background: #f8f9fa;
  border-radius: 4px;
  font-weight: 500;
}
.modal-footer[data-v-0b54bf32] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 20px;
  border-top: 1px solid #eee;
}

/* Button Styling */
.btn[data-v-0b54bf32] {
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: background-color 0.2s;
}
.btn-primary[data-v-0b54bf32] {
  background: #4285f4;
  color: white;
}
.btn-primary[data-v-0b54bf32]:hover:not(:disabled) {
  background: #3367d6;
}
.btn-secondary[data-v-0b54bf32] {
  background: #6c757d;
  color: white;
}
.btn-secondary[data-v-0b54bf32]:hover {
  background: #5a6268;
}
.btn-success[data-v-0b54bf32] {
  background: #28a745;
  color: white;
}
.btn-success[data-v-0b54bf32]:hover:not(:disabled) {
  background: #218838;
}
.btn-danger[data-v-0b54bf32] {
  background: #dc3545;
  color: white;
}
.btn-danger[data-v-0b54bf32]:hover {
  background: #c82333;
}
.btn-sm[data-v-0b54bf32] {
  padding: 6px 12px;
  font-size: 12px;
}
.btn[data-v-0b54bf32]:disabled {
  background: #ccc;
  cursor: not-allowed;
}

/* Responsive Design */
@media (max-width: 768px) {
.form-row[data-v-0b54bf32] {
    flex-direction: column;
}
.stored-card[data-v-0b54bf32] {
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
}
.card-actions[data-v-0b54bf32] {
    justify-content: space-between;
}
.payment-item[data-v-0b54bf32] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}
.payment-main[data-v-0b54bf32] {
    justify-content: space-between;
}
}

.check-icon[data-v-3b6bae3c] {
  font-size: 14px;
  margin-left: 5px;
  /* color: #444; */
  color: green;
}
.document-section[data-v-3b6bae3c] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 3px;
  position: relative;
}
.view-button[data-v-3b6bae3c] {
  color: white;
}
.uploaded-button-container[data-v-3b6bae3c] {
  margin-top: -4px;
}
.view-button-container[data-v-3b6bae3c] {
  display: inline-block;
  margin-top: 4px;
}
.delete-doc-button[data-v-3b6bae3c] {
  margin-top: 13px;
}
.view-file-button[data-v-3b6bae3c] {
  width: 12em;
  margin-top: 1em;
}
.view-info-button[data-v-3b6bae3c] {
  width: 12em;
  margin-top: 1em;
}
.expiration-info[data-v-3b6bae3c] {
  margin-top: -0.5rem;
  margin-bottom: 0.8rem;
}
.expiration-info > span[data-v-3b6bae3c] {
  /* border: solid 1px var(--coredarkercolor); */
  color: var(--coredarkercolor);
  border-radius: 0.4rem;
  padding: 0.3rem;
}
.expiration-info.expired > span[data-v-3b6bae3c] {
  border: solid 1px red;
  color: red;
}
.download-blank-template[data-v-3b6bae3c] {
  top: 0;
  right: 0;
  cursor: pointer;
  position: absolute;
}
.expired-info[data-v-3b6bae3c] {
  font-weight: bold;
  color: red;
}
.multiple-file[data-v-3b6bae3c] {
  border: 1px solid var(--bootstrapgrey);
  padding-top: 1em;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.required-section[data-v-3b6bae3c] {
  border: 1px solid red;
}
.required-star[data-v-3b6bae3c] {
  color: red;
}

.btn-container[data-v-60b5c6cc] {
  display: flex;
  flex-direction: row-reverse;
}
.cancel-btn-container[data-v-60b5c6cc] {
  flex-grow: 1;
}

/* For mobile screens */
@media (max-width: 768px) {
.btn-container[data-v-60b5c6cc] {
    flex-direction: row-reverse;
}
}
.absolute-right-bottom[data-v-60b5c6cc] {
  position: static;
}

.profile-picture[data-v-5e633a5c] {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.main-btn-container[data-v-5e633a5c] {
  margin-top: 20px;
  margin-bottom: 6px;
}
.main-btn-container > button[data-v-5e633a5c] {
  margin: 0.1em;
}
.main-btn-container-2[data-v-5e633a5c] {
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}
.copy-profile-link[data-v-5e633a5c] {
  text-decoration: none;
}
@media (max-width: 475px) {
.main-btn-container[data-v-5e633a5c] {
    margin-bottom: 1.5px;
}
.main-btn-container-2[data-v-5e633a5c] {
    gap: 2.5px;
}
}
.favorite-icon[data-v-5e633a5c] {
  color: #ffa923;
  position: absolute;
  right: 1.2em;
  top: 0.5em;
}
.candidate-container[data-v-5e633a5c] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 2px;
}

.hws-employee-modal-container[data-v-c45ef04c] {
  padding: 20px;
}
.form-group[data-v-c45ef04c] {
  margin-bottom: 1rem;
}
.form-group label[data-v-c45ef04c] {
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.form-control[data-v-c45ef04c] {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
}
.form-control[data-v-c45ef04c]:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control.is-invalid[data-v-c45ef04c] {
  border-color: #dc3545;
}
.form-control.is-invalid[data-v-c45ef04c]:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.invalid-feedback[data-v-c45ef04c] {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}
.btn[data-v-c45ef04c] {
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid transparent;
  cursor: pointer;
}
.btn-primary[data-v-c45ef04c] {
  background-color: #007bff;
  border-color: #007bff;
  color: white;
}
.btn-primary[data-v-c45ef04c]:hover {
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-primary[data-v-c45ef04c]:disabled {
  background-color: #6c757d;
  border-color: #6c757d;
  cursor: not-allowed;
}
.btn-secondary[data-v-c45ef04c] {
  background-color: #6c757d;
  border-color: #6c757d;
  color: white;
}
.btn-secondary[data-v-c45ef04c]:hover {
  background-color: #5a6268;
  border-color: #545b62;
}

.profile-picture[data-v-784da417] {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.hidden-from-client[data-v-784da417] {
  background: lightgrey;
}
.hidden-icon[data-v-784da417] {
  display: none;
}
.hidden-from-client .hidden-icon[data-v-784da417] {
  display: inline-flex;
  font-size: 18px;
  background: white;
  border-radius: 50%;
  padding: 3px;
  color: black;
  cursor: pointer;
}
.do-not-match[data-v-784da417] {
  background: rgb(184, 20, 20);
}
.badge-success[data-v-784da417] {
  color: #fff;
  background-color: #28a745;
}
.badge[data-v-784da417] {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.profile-picture[data-v-272ce45b] {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.main-btn-container[data-v-272ce45b] {
  margin-top: 20px;
  margin-bottom: 6px;
}
.main-btn-container > button[data-v-272ce45b] {
  margin: 0.1em;
}
.main-btn-container-2[data-v-272ce45b] {
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}
.copy-profile-link[data-v-272ce45b] {
  text-decoration: none;
}
@media (max-width: 475px) {
.main-btn-container[data-v-272ce45b] {
    margin-bottom: 1.5px;
}
.main-btn-container-2[data-v-272ce45b] {
    gap: 2.5px;
}
}
/* component style */
.vue-slider-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* rail style */
.vue-slider-rail {
  background-color: #ccc;
  border-radius: 15px;
}

/* process style */
.vue-slider-process {
  background-color: #3498db;
  border-radius: 15px;
}

/* mark style */
.vue-slider-mark {
  z-index: 4;
}
.vue-slider-mark:first-child .vue-slider-mark-step, .vue-slider-mark:last-child .vue-slider-mark-step {
  display: none;
}
.vue-slider-mark-step {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.16);
}
.vue-slider-mark-label {
  font-size: 14px;
  white-space: nowrap;
}
/* dot style */
.vue-slider-dot-handle {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32);
}
.vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(52, 152, 219, 0.36);
}

.vue-slider-dot-handle-disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.vue-slider-dot-tooltip-inner {
  font-size: 14px;
  white-space: nowrap;
  padding: 2px 5px;
  min-width: 20px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  border-color: #3498db;
  background-color: #3498db;
  box-sizing: content-box;
}
.vue-slider-dot-tooltip-inner::after {
  content: "";
  position: absolute;
}
.vue-slider-dot-tooltip-inner-top::after {
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-top-color: inherit;
}
.vue-slider-dot-tooltip-inner-bottom::after {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-bottom-color: inherit;
}
.vue-slider-dot-tooltip-inner-left::after {
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-left-color: inherit;
}
.vue-slider-dot-tooltip-inner-right::after {
  right: 100%;
  top: 50%;
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-right-color: inherit;
}

.vue-slider-dot-tooltip-wrapper {
  opacity: 0;
  transition: all 0.3s;
}
.vue-slider-dot-tooltip-wrapper-show {
  opacity: 1;
}

/*# sourceMappingURL=default.css.map */

.dialog-body-container[data-v-694f4d44] {
  display: flex;
}
.left-side[data-v-694f4d44] {
  flex-basis: 50%;
  padding-right: 1em;
  max-height: calc(90vh - 175px);
  overflow: auto;
}
.right-side[data-v-694f4d44] {
  flex-basis: 50%;
  flex-grow: 1;
  padding-left: 1em;
  max-height: calc(90vh - 175px);
  overflow: auto;
}
.tab-container-mobile[data-v-694f4d44] {
  margin-bottom: 0.5em;
}
@media (max-width: 768px) {
.left-side[data-v-694f4d44] {
    padding-left: 0;
}
}
@media (min-width: 769px) {
.dialog-body-container[data-v-694f4d44] {
    display: flex !important;
}
}
.image-container[data-v-694f4d44] {
  position: relative;
  text-align: center;
}
.delete-button[data-v-694f4d44] {
  position: absolute;
  right: 1em;
  top: 0;
}
.header-container[data-v-694f4d44] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.title-section[data-v-694f4d44] {
  display: flex;
  align-items: center;
}
.customize-btn[data-v-694f4d44] {
  font-size: 0.9rem;
  padding: 0.375rem 0.75rem;
  margin: 0;
  white-space: nowrap;
}
.ml-2[data-v-694f4d44] {
  margin-left: 0.5rem;
}
.form-empty-note[data-v-694f4d44] {
  color: #dc3545; 
  font-size: 0.875em;
  margin-top: 4px;
}

.chart-container[data-v-58334d57] {
  max-height: 500px;
}

.search-btn-container[data-v-6717d6a0] {
  text-align: right;
}
.chart-container[data-v-6717d6a0] {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.right-group-buttons[data-v-6717d6a0] {
  justify-content: end;
  display: flex;
  align-items: center;
}
.advance-search i[data-v-6717d6a0] {
  font-size: 32px;
  cursor: pointer;
}
.advance-search-btn[data-v-6717d6a0] {
  margin-right: 0.5em;
}
.clear-search-btn i[data-v-6717d6a0] {
  font-size: 22px;
  font-weight: bold;
}

.insight-card-v2[data-v-64c98678]{
  border:1px solid #e7eaf2;border-radius:10px;padding:1rem 1.25rem 1.1rem;
  background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.05);
  transition:transform .15s ease;
}
.insight-card-v2[data-v-64c98678]:hover{ transform:translateY(-3px);
}
.rank-circle[data-v-64c98678]{
  display:flex;width:1.65rem;height:1.65rem;border-radius:50%;
  background:var(--coredarkcolor);color:#fff;font-size:.9rem;
  align-items:center;justify-content:center;font-weight:600;
}
.finding[data-v-64c98678]{ font-size:1rem;font-weight:600;
}
.evidence-chips[data-v-64c98678]{ line-height:1.8;
}
.chip[data-v-64c98678]{
  display:inline-block;margin:.15rem .3rem .15rem 0;padding:.15rem .55rem;
  font-size:.75rem;background:#f1f4ff;border-radius:50px;border:1px solid #dbe1ff;
}
.evidence-dl[data-v-64c98678]{ margin:0;font-size:.845rem;
}
.evidence-dl dt[data-v-64c98678]{ font-weight:600;color:#556;display:inline;margin-right:.3rem;
}
.evidence-dl dd[data-v-64c98678]{ display:inline;margin:0 0 .35rem 0;color:#333;
}
.action[data-v-64c98678]{ font-size:.875rem;font-weight:600;color:var(--coredarkcolor);
}
.action i[data-v-64c98678]{ color:inherit;
}
.evidence-table[data-v-64c98678]        { width:100%; border-collapse:collapse; font-size:.84rem;
}
.evidence-table tr[data-v-64c98678]:nth-child(odd){ background:#f7f9ff;
}
.evidence-table .key-col[data-v-64c98678]{ font-weight:600; padding:.35rem .55rem; white-space:nowrap;
}
.evidence-table .val-col[data-v-64c98678]{ padding:.35rem .55rem; color:#344;
}

.container-min-height[data-v-dc077b26] {
  min-height: calc(90vh - 240px);
}
@media (max-width: 1280px) {
.container-min-height[data-v-dc077b26] {
    min-height: calc(90vh - 264px);
}
}
@media (max-width: 767px) {
.container-min-height[data-v-dc077b26] {
    min-height: calc(90vh - 420px);
}
}
.notes-buttons[data-v-dc077b26] {
  position: absolute;
  right: 0;
  top: 0;
}
.edit-button[data-v-dc077b26] {
  position: relative;
}
.note-container[data-v-dc077b26] {
  position: relative;
}
.job-item-container[data-v-dc077b26] {
  display: flex;
}
.job-info-container[data-v-dc077b26] {
  flex-grow: 1;
}
.space-left[data-v-dc077b26] {
  flex-basis: 3em;
  display: block;
  margin-top: 1.5em;
}
.collapse-expand-button-container button[data-v-dc077b26] {
  margin-left: 1em;
}
.page-container[data-v-dc077b26] {
  position: relative;
}
.job-agency-setting[data-v-dc077b26] {
  top: -4em;
  right: 0;
  position: absolute;
}
.right-side-btn-group[data-v-dc077b26] {
  float: right;
}
.analytics-dashboard-btn[data-v-dc077b26] {
  cursor: pointer;
}
.search-tool-btn[data-v-dc077b26] {
  display: flex;
  border-radius: 6px;
  justify-content: left;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 6px;
  border-radius: 4px;
  cursor: pointer;
  border: solid 1px var(--coredarkcolor);
  background-color: white;
}
.insights-wrapper[data-v-dc077b26]{
  padding:1.75rem 2rem;
  border-radius:12px;
  box-shadow:0 6px 24px rgba(30,40,90,.08);
  overflow-x:hidden;
}
.insights-tabs .nav-link[data-v-dc077b26] {
  border-radius:30px;
  padding:.4rem 1.25rem;
  font-weight:500;
  color:#6c7a91;
  transition:all .2s;
}
.insights-tabs .nav-link.active[data-v-dc077b26] {
  background:var(--coredarkcolor);
  color:#fff;
  box-shadow:0 3px 8px rgba(0,0,0,.12);
}
.total-jobs[data-v-dc077b26] {
  font-size:2rem;
  font-weight:700;
  color:var(--coredarkcolor);
}
.total-jobs small[data-v-dc077b26] { font-size:.75rem; color:#6c757d;
}
.row.g-3[data-v-dc077b26] { margin-right:-1rem; margin-left:-1rem;row-gap: 10px;
}
.row.g-3 > [class*="col"][data-v-dc077b26] { padding-left:1rem; padding-right:1rem;
}
.insights-tabs[data-v-dc077b26] { margin-top: -.5rem;
}
.insights-tabs .nav-link[data-v-dc077b26] { margin-right: .25rem;
}
.total-jobs[data-v-dc077b26]       { margin-left: .1rem;
}
.total-jobs small[data-v-dc077b26] { margin-left: .25rem;
}
.loader-pane[data-v-dc077b26] {
  min-height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: .75rem;
  background: repeating-linear-gradient(
              45deg,
              #f8f9fc,
              #f8f9fc 10px,
              #f3f5fa 10px,
              #f3f5fa 20px);
  border: 1px dashed #d6d9e6;
  border-radius: 10px;
}
.loader-pane i[data-v-dc077b26]      { font-size: 3.2rem; color: var(--coredarkcolor);
}
.loader-pane h5[data-v-dc077b26]     { font-weight: 600; letter-spacing: .02em;
}
.loader-pane p[data-v-dc077b26]      { max-width: 320px;
}
.insights-wrapper[data-v-dc077b26]::-webkit-scrollbar            { height: 6px;
}
.insights-wrapper[data-v-dc077b26]::-webkit-scrollbar-thumb      { background:#c4c7d6; border-radius:3px;
}
.insights-wrapper[data-v-dc077b26]::-webkit-scrollbar-thumb:hover{ background:#9fa3b5;
}
.no-insights-pane[data-v-dc077b26] {
  text-align: center;
  padding: 3rem 1rem;
  background-color: #f8f9fc;
  border: 1px dashed #d6d9e6;
  border-radius: 10px;
  color: #6c757d;
}
.no-insights-pane i[data-v-dc077b26] {
  font-size: 1.75rem;
  color: #a0a8b5;
}
.insights-list[data-v-dc077b26] {
  display: flex;
  flex-direction: column;
  row-gap: .75rem;
}

.open-payment-link[data-v-40799438] {
  cursor: pointer;
}
.open-payment-link > i[data-v-40799438] {
  font-size: 20px;
}

.create-invoice-button[data-v-c88bf648] {
  cursor: pointer;
}
.create-invoice-button > i[data-v-c88bf648] {
  font-size: 32px;
  color: var(--coredarkcolor);
}

.create-invoice-button[data-v-4f82fe52] {
  cursor: pointer;
}
.create-invoice-button > i[data-v-4f82fe52] {
  font-size: 32px;
  color: var(--coredarkcolor);
}

.input-ai-text[data-v-13fafb4e] {
  top: 88vh;
  width: 100%;
  height: 50px;
  padding-left: 10px;
  border-radius: 10px;
  border-color: var(--coredarkcolor);
  border-width: medium;
}
.input-hw-text[data-v-13fafb4e] {
  top: 70vh;
  width: 100%;
  height: 150px;
  padding-left: 10px;
  border-radius: 10px;
  border-color: var(--coredarkcolor);
  border-width: medium;
  word-wrap: break-word;
  word-break: break-all;
}
.chat-send[data-v-13fafb4e] {
  color: var(--coredarkcolor);
  position: absolute;
  right: 0.4vw;
  top: 12px;
  cursor: pointer;
}
.chat-send-disabled[data-v-13fafb4e] {
  color: grey;
  position: absolute;
  right: 0.4vw;
  top: 12px;
  cursor: pointer;
}
.chat-send[data-v-13fafb4e]:hover {
  color: rgb(22, 138, 255);
}
.chat-field[data-v-13fafb4e] {
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  height: 75vh;
  width: 110%;
  right: 2vw;
  top: 1vw;
  padding-left: 1vw;
  display: flex;
  flex-direction: column-reverse;
  padding-bottom: 1vh;
}
.chat-message-field[data-v-13fafb4e] {
  position: fixed;
  top: 85vh;
  height: 10vh;
  width: 41%;
}
.chat-field-hw[data-v-13fafb4e] {
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  height: 65vh;
  width: 110%;
  right: 2vw;
  top: 1vw;
  padding-left: 1vw;
  display: flex;
  flex-direction: column-reverse;
  padding-bottom: 1vh;
}
.selector-button[data-v-13fafb4e] {
  cursor: pointer;
  background-color: white !important;
  color: black !important;
  border: 3px solid black !important;
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}
.selector-button[data-v-13fafb4e]:hover {
  background-color: rgba(128, 128, 128, 0.197) !important;
}
.bubble[data-v-13fafb4e] {
  --r: 1em; /* the radius */
  --t: 1.5em; /* the size of the tail */

  max-width: 75%;
  padding: 0.75em;
  margin-bottom: 1.3vh;
  display: flex;
  border-radius: var(--r);
  background: border-box;
  background-color: rgba(0, 0, 0, 0.51);
  color: #fff;
}
.left[data-v-13fafb4e] {
  --_p: 0;
  place-self: start;
}
.right[data-v-13fafb4e] {
  --_p: 100%;
  place-self: end;
  margin-left: auto;
  margin-right: 2vw;
  background-color: rgba(0, 0, 0, 0.331);
}
.dot-spacing[data-v-13fafb4e] {
  min-width: 70px;
}
.closeBtn[data-v-13fafb4e] {
  cursor: pointer;
}
body[data-v-13fafb4e] {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-content: center;
  gap: 20px;
  font-family: system-ui, sans-serif;
  font-size: 20px;
}
.robot-head[data-v-13fafb4e] {
  position: relative;

  color: rgba(0, 0, 0, 0.564);
}
.robot-head-circle[data-v-13fafb4e] {
  width: 29px;
  height: 29px;
  background: transparent;
  border: solid 3px;
  border-radius: 1em;
  margin-top: 1vh;
  margin-bottom: 1vh;
  margin-left: 1vw;
  margin-right: 0.5vw;
  border-color: rgba(0, 0, 0, 0.564);
}
.input-wrapper[data-v-13fafb4e] {
  position: relative;
  display: inline-block;
  width: 95%;
}
.dot-pulse[data-v-13fafb4e] {
  position: relative;

  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: white;
  color: white;
  box-shadow: 9999px 0 0 -5px;
  animation: dot-pulse-data-v-13fafb4e 1.5s infinite linear;
  animation-delay: 0.25s;
}
.dot-pulse[data-v-13fafb4e]::before,
.dot-pulse[data-v-13fafb4e]::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: white;
  color: white;
}
.dot-pulse[data-v-13fafb4e]::before {
  box-shadow: 9984px 0 0 -5px;
  animation: dot-pulse-before-data-v-13fafb4e 1.5s infinite linear;
  animation-delay: 0s;
}
.dot-pulse[data-v-13fafb4e]::after {
  box-shadow: 10014px 0 0 -5px;
  animation: dot-pulse-after-data-v-13fafb4e 1.5s infinite linear;
  animation-delay: 0.5s;
}
@keyframes dot-pulse-before-data-v-13fafb4e {
0% {
    box-shadow: 9984px 0 0 -5px;
}
30% {
    box-shadow: 9984px 0 0 2px;
}
60%,
  100% {
    box-shadow: 9984px 0 0 -5px;
}
}
@keyframes dot-pulse-data-v-13fafb4e {
0% {
    box-shadow: 9999px 0 0 -5px;
}
30% {
    box-shadow: 9999px 0 0 2px;
}
60%,
  100% {
    box-shadow: 9999px 0 0 -5px;
}
}
@keyframes dot-pulse-after-data-v-13fafb4e {
0% {
    box-shadow: 10014px 0 0 -5px;
}
30% {
    box-shadow: 10014px 0 0 2px;
}
60%,
  100% {
    box-shadow: 10014px 0 0 -5px;
}
}

.input-ai-text[data-v-7fc48b08] {
  top: 88vh;
  width: 100%;
  height: 50px;
  padding-left: 10px;
  border-radius: 10px;
  border-color: var(--coredarkcolor);
  border-width: medium;
}
.input-hw-text[data-v-7fc48b08] {
  top: 70vh;
  width: 100%;
  height: 150px;
  padding-left: 10px;
  border-radius: 10px;
  border-color: var(--coredarkcolor);
  border-width: medium;
  word-wrap: break-word;
  word-break: break-all;
}
.chat-send[data-v-7fc48b08] {
  color: var(--coredarkcolor);
  position: absolute;
  right: 0.4vw;
  top: 12px;
  cursor: pointer;
}
.chat-send-disabled[data-v-7fc48b08] {
  color: grey;
  position: absolute;
  right: 0.4vw;
  top: 12px;
  cursor: pointer;
}
.chat-send[data-v-7fc48b08]:hover {
  color: rgb(22, 138, 255);
}
.chat-field[data-v-7fc48b08] {
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  height: 75vh;
  width: 110%;
  right: 2vw;
  top: 1vw;
  padding-left: 1vw;
  display: flex;
  flex-direction: column-reverse;
  padding-bottom: 1vh;
}
.chat-message-field[data-v-7fc48b08] {
  position: fixed;
  top: 85vh;
  height: 10vh;
  width: 41%;
}
.chat-field-hw[data-v-7fc48b08] {
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  height: 65vh;
  width: 110%;
  right: 2vw;
  top: 1vw;
  padding-left: 1vw;
  display: flex;
  flex-direction: column-reverse;
  padding-bottom: 1vh;
}
.selector-button[data-v-7fc48b08] {
  cursor: pointer;
  background-color: white !important;
  color: black !important;
  border: 3px solid black !important;
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}
.selector-button[data-v-7fc48b08]:hover {
  background-color: rgba(128, 128, 128, 0.197) !important;
}
.bubble[data-v-7fc48b08] {
  --r: 1em; /* the radius */
  --t: 1.5em; /* the size of the tail */

  max-width: 75%;
  padding: 0.75em;
  margin-bottom: 1.3vh;
  display: flex;
  border-radius: var(--r);
  background: border-box;
  background-color: rgba(0, 0, 0, 0.51);
  color: #fff;
}
.left[data-v-7fc48b08] {
  --_p: 0;
  place-self: start;
}
.right[data-v-7fc48b08] {
  --_p: 100%;
  place-self: end;
  margin-left: auto;
  margin-right: 2vw;
  background-color: rgba(0, 0, 0, 0.331);
}
.dot-spacing[data-v-7fc48b08] {
  min-width: 70px;
}
.closeBtn[data-v-7fc48b08] {
  cursor: pointer;
}
body[data-v-7fc48b08] {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-content: center;
  gap: 20px;
  font-family: system-ui, sans-serif;
  font-size: 20px;
}
.robot-head[data-v-7fc48b08] {
  position: relative;

  color: rgba(0, 0, 0, 0.564);
}
.robot-head-circle[data-v-7fc48b08] {
  width: 29px;
  height: 29px;
  background: transparent;
  border: solid 3px;
  border-radius: 1em;
  margin-top: 1vh;
  margin-bottom: 1vh;
  margin-left: 1vw;
  margin-right: 0.5vw;
  border-color: rgba(0, 0, 0, 0.564);
}
.input-wrapper[data-v-7fc48b08] {
  position: relative;
  display: inline-block;
  width: 95%;
}
.dot-pulse[data-v-7fc48b08] {
  position: relative;

  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: white;
  color: white;
  box-shadow: 9999px 0 0 -5px;
  animation: dot-pulse-data-v-7fc48b08 1.5s infinite linear;
  animation-delay: 0.25s;
}
.dot-pulse[data-v-7fc48b08]::before,
.dot-pulse[data-v-7fc48b08]::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: white;
  color: white;
}
.dot-pulse[data-v-7fc48b08]::before {
  box-shadow: 9984px 0 0 -5px;
  animation: dot-pulse-before-data-v-7fc48b08 1.5s infinite linear;
  animation-delay: 0s;
}
.dot-pulse[data-v-7fc48b08]::after {
  box-shadow: 10014px 0 0 -5px;
  animation: dot-pulse-after-data-v-7fc48b08 1.5s infinite linear;
  animation-delay: 0.5s;
}
@keyframes dot-pulse-before-data-v-7fc48b08 {
0% {
    box-shadow: 9984px 0 0 -5px;
}
30% {
    box-shadow: 9984px 0 0 2px;
}
60%,
  100% {
    box-shadow: 9984px 0 0 -5px;
}
}
@keyframes dot-pulse-data-v-7fc48b08 {
0% {
    box-shadow: 9999px 0 0 -5px;
}
30% {
    box-shadow: 9999px 0 0 2px;
}
60%,
  100% {
    box-shadow: 9999px 0 0 -5px;
}
}
@keyframes dot-pulse-after-data-v-7fc48b08 {
0% {
    box-shadow: 10014px 0 0 -5px;
}
30% {
    box-shadow: 10014px 0 0 2px;
}
60%,
  100% {
    box-shadow: 10014px 0 0 -5px;
}
}

.hw-full-ai[data-v-15433a80] {
  color: white;
  text-align: center;
  padding: 5px 10px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  white-space: nowrap;
  border: none;
  border-radius: 5px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.ai_chat_ai-full-btn[data-v-15433a80] {
  color: white;
  text-align: center;
  padding: 5px 10px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  white-space: nowrap;
  border: none;
  border-radius: 5px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

body[data-v-365a2edd] {
  font-family: Arial;
  font-size: 17px;
  padding: 8px;
}
*[data-v-365a2edd] {
  box-sizing: border-box;
}
.row[data-v-365a2edd] {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  margin: 0 -16px;
}
.col-25[data-v-365a2edd] {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
}
.col-50[data-v-365a2edd] {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
}
.col-75[data-v-365a2edd] {
  -ms-flex: 75%; /* IE10 */
  flex: 75%;
}
.col-25[data-v-365a2edd],
.col-50[data-v-365a2edd],
.col-75[data-v-365a2edd] {
  padding: 0 16px;
}
.container[data-v-365a2edd] {
  background-color: #ffffff;
  padding: 5px 20px 15px 20px;
}
input[type="text"][data-v-365a2edd] {
  width: 100%;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
select[data-v-365a2edd] {
  width: 100%;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
label[data-v-365a2edd] {
  margin-bottom: 10px;
  display: block;
}
.icon-container[data-v-365a2edd] {
  margin-bottom: 20px;
  padding: 7px 0;
  font-size: 24px;
}
.btn[data-v-365a2edd] {
  background-color: #04aa6d;
  color: white;
  padding: 12px;
  margin: 10px 0;
  border: none;
  width: 100%;
  border-radius: 3px;
  cursor: pointer;
  font-size: 17px;
}
.btn[data-v-365a2edd]:hover {
  background-color: #45a049;
}
a[data-v-365a2edd] {
  color: #2196f3;
}
hr[data-v-365a2edd] {
  border: 1px solid lightgrey;
}
span.price[data-v-365a2edd] {
  float: right;
  color: grey;
}

.ad[data-v-d177b84e] {
  border-radius: 6px;
  margin: 2.5rem 0;
  cursor: pointer;
}
.shadow[data-v-d177b84e] {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.ad .ad-image[data-v-d177b84e] {
  width: 70%;
  height: 230px;
}
.ad .ad-image img[data-v-d177b84e] {
  width: 100%;
  height: 100%;
}
.ad .ad-details .ad-title[data-v-d177b84e] {
  text-transform: uppercase !important;
  font-weight: bold;
  font-size: 2.1rem;
}
.ad .ad-details .ad-description[data-v-d177b84e] {
  font-size: 1.5rem;
  margin-top: 1rem;
  line-height: 2.2rem;
}
@media screen and (max-width: 768px) {
.ad .ad-image[data-v-d177b84e] {
    margin: auto;
    width: 70%;
    height: 80%;
}
}

.report-content[data-v-2401be5c] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 2px;
}
h3.section-header[data-v-2401be5c] {
  color: var(--coredarkcolor);
}

.candidate-board-card[data-v-7b880f34] {
  background-color: #fff;
  box-shadow: 0px 8px 24px rgba(149, 157, 165, 0.2);
  border-radius: 3%;
}
.candidate-board-card .candidate-board-card-body[data-v-7b880f34] {
  padding: 2rem;
}
.candidate-board-card .candidate-board-card-body .image[data-v-7b880f34] {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin: 0 auto 15px;
}
.candidate-board-card .candidate-board-card-body .badge[data-v-7b880f34] {
  opacity: 0.5;
  margin: 0 auto;
  display: block;
}
.candidate-board-card .candidate-board-card-body .badge p[data-v-7b880f34] {
  font-family: "Epilogue", sans-serif !important;
  font-size: 12px;
  margin: 0 4px 4px;
  font-weight: 400;
}
.candidate-board-card .candidate-board-card-body .image img[data-v-7b880f34] {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  object-fit: cover;
  background-color: rgba(128, 128, 128, 0.519);
}
.candidate-board-card .candidate-board-card-body .name h2[data-v-7b880f34] {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 2px;
  color: #000;
  font-family: "Epilogue", sans-serif !important;
}
.candidate-board-card .candidate-board-card-body .content[data-v-7b880f34] {
  padding: 10px;
  border-bottom: 1px solid #8080802e;
}
.candidate-board-card .candidate-board-card-body .content h4[data-v-7b880f34] {
  font-size: 16px;
  text-align: center;
  margin-bottom: 0;
  font-family: "Epilogue", sans-serif !important;
}
.candidate-board-card .candidate-board-card-footer[data-v-7b880f34] {
  position: relative;
}
.candidate-board-card .candidate-board-card-footer .calendar-container[data-v-7b880f34] {
  position: absolute;
  background-color: #fff;
  z-index: 444;
  width: 100%;
  bottom: 50px;
}
.candidate-board-card
  .candidate-board-card-footer
  .calendar-container
  .cv-wrapper
  .cv-header[data-v-7b880f34] {
  flex-direction: column;
}
.candidate-board-card .candidate-board-card-footer button[data-v-7b880f34] {
  width: 100%;
  border: none;
  padding: 25px;
  background-color: #3d556e;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.candidate-board-card .candidate-board-card-footer button i[data-v-7b880f34] {
  font-size: 25px;
  line-height: 0;
  color: #fff;
}

/* Action Buttons Container */
.action-buttons[data-v-7b880f34] {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}

/* Media query for desktop */
@media (min-width: 1025px) {
.action-buttons[data-v-7b880f34] {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}
.candidate-card-button[data-v-7b880f34] {
    width: 40px !important;
    height: 40px !important;
    margin-top: 0;
    padding: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.button-text[data-v-7b880f34] {
    display: none;
}
.desktop-only[data-v-7b880f34] {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
}

/* Media query for tablet and mobile */
@media (max-width: 1024px) {
.action-buttons[data-v-7b880f34] {
    flex-direction: column;
}
.candidate-card-button[data-v-7b880f34] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    text-align: center;
}
.desktop-only[data-v-7b880f34] {
    display: none !important;
}
.button-text[data-v-7b880f34] {
    display: inline;
}
}

/* Button styles */
.candidate-card-button[data-v-7b880f34] {
  display: block;
  width: 100%;
  margin-top: 12px;
  padding: 10px 15px;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  /* font-family: "Epilogue", sans-serif !important; */
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.book-now-button[data-v-7b880f34] {
  background-color: #007bff;
  color: white;
}
.book-now-button[data-v-7b880f34]:hover {
  background-color: #0069d9;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.view-profile-button[data-v-7b880f34] {
  background-color: #17a2b8;
  color: white;
}
.view-profile-button[data-v-7b880f34]:hover {
  background-color: #138496;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.interested-button[data-v-7b880f34] {
  background-color: #28a745;
  color: white;
}
.interested-button[data-v-7b880f34]:hover {
  background-color: #218838;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.message-button[data-v-7b880f34] {
  background-color: #6c757d;
  color: white;
}
.message-button[data-v-7b880f34]:hover {
  background-color: #5a6268;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Material Icons Styling */
.material-icons[data-v-7b880f34] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.candidate-board[data-v-9832e98a] {
  padding: 4rem 8rem;
  /* background-color: #d6ddeb80; */
}
.candidate-board.in-client-profile[data-v-9832e98a] {
  padding: 1rem;
}
.candidate-board .filter-container[data-v-9832e98a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 4rem;
  background-color: #fff;
  padding: 0 2rem;
  /* box-shadow: 0px 79px 128px rgba(192, 192, 192, 0.09); */
  box-shadow: 0px 8px 24px rgba(149, 157, 165, 0.2);
  /* border-radius: 3%; */
}
.candidate-board .filter-container .input[data-v-9832e98a] {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 2rem 0 0;
}
.candidate-board .filter-container .search-btn[data-v-9832e98a] {
  padding: 13px 20px;
  font-size: 14px;
  font-weight: bold;
  background-color: #3d556e;
  color: #fff;
  outline: none;
  border: none;
  margin-left: 20px;
  font-family: "Epilogue", sans-serif;
  line-height: normal;
}
.candidate-board .filter-container .line[data-v-9832e98a] {
  height: 56px;
  width: 1px;
  background-color: #d6ddeb;
  margin: 0 3rem;
}
.candidate-board .filter-container .input input[data-v-9832e98a] {
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #d6ddeb;
  padding: 4px 0;
  outline: none;
  width: 100%;
  line-height: normal;
  font-family: "Epilogue", sans-serif;
}
.candidate-board .filter-container .input input[data-v-9832e98a]::placeholder {
  opacity: 0.6;
}
.candidate-board .filter-container .input i[data-v-9832e98a] {
  font-size: 20px;
  margin-right: 10px;
  color: green;
}
.sidebar-container[data-v-9832e98a] {
  position: relative;
  height: fit-content;
  background-color: transparent;
}
.candidate-board .side-bar[data-v-9832e98a] {
  max-width: 320px;
  min-width: 320px;
  padding: 0;
  height: inherit;
}
.candidate-board .sidebar-container .menu-btn[data-v-9832e98a] {
  position: absolute;
  right: -19px;
  top: 19px;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #1f4e78;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: none;
  outline: none;
}
.candidate-board .sidebar-container .menu-btn i[data-v-9832e98a] {
  font-size: 20px;
}
.candidate-board .side-bar .collapse-container .btn[data-v-9832e98a] {
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: fit-content;
  width: 100%;
  font-size: 18px;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  font-weight: bold;
  padding: 0;
  font-family: "Epilogue", sans-serif;
  line-height: normal;
}
.candidate-board .side-bar .collapse-container .btn i[data-v-9832e98a] {
  line-height: 0;
  font-size: 24px;
}
.candidate-board .side-bar .collapse-container .form-control[data-v-9832e98a] {
  padding: 0;
  width: fit-content;
  border: none;
  font-size: 16px;
  cursor: pointer;
  height: fit-content;
  display: flex;
  align-items: center;
  margin: 14px 0;
  font-family: "Epilogue", sans-serif;
  background-color: transparent;
}
.candidate-board .side-bar .collapse-container .form-control input[data-v-9832e98a] {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  font-family: "Epilogue", sans-serif;
}
.candidate-board .candidate-board-content[data-v-9832e98a] {
  /* margin-left: 3rem; */
  padding: 0;
  width: 100%;
}
.candidate-board .grid-container[data-v-9832e98a] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(332px, 1fr));
  gap: 2rem;
  padding: 0;
}
.candidate-board .filter-container .input i[data-v-9832e98a] {
  color: var(--coredarkcolor);
}
/* .slide-enter-active,
.slide-leave-active {
  transition: transform 0.6s ease;
}
.slide-enter,
.slide-leave-to {
  transform: translateX(-100%);
  transition: all 150ms ease-in 0s;
} */
@media screen and (max-width: 768px) {
.candidate-board .grid-container[data-v-9832e98a] {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
.candidate-board #wrapper[data-v-9832e98a] {
    flex-direction: column;
}
.candidate-board .side-bar[data-v-9832e98a] {
    max-width: 100% !important;
    min-width: 100% !important;
}
.candidate-board .candidate-board-content[data-v-9832e98a] {
    margin-left: 0;
}
.candidate-board[data-v-9832e98a] {
    padding: 2rem !important;
}
.sidebar-container[data-v-9832e98a] {
    margin-bottom: 30px;
}
}
@media screen and (max-width: 1092px) {
.candidate-board[data-v-9832e98a] {
    padding: 4rem;
}
.candidate-board .side-bar[data-v-9832e98a] {
    max-width: 200px;
    min-width: 200px;
}
}
.selection-filter[data-v-9832e98a] {
  width: 100%;
  margin: 1rem 0 2rem 0;
}

.report-content[data-v-2d700f5c] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 2px;
}
h3.section-header[data-v-2d700f5c] {
  color: var(--coredarkcolor);
}

.button-container[data-v-6c6c02d5] {
  text-align: right;
}
.booking-item-mobile label[data-v-6c6c02d5] {
  font-weight: bold;
}
.filler-info-mobile[data-v-6c6c02d5]:not(:last-child)::after {
  content: ",";
}

.icon-button[data-v-37b8b1ba] {
  cursor: pointer;
}

.candidate-board[data-v-d2b55b8e] {
  padding: 4rem 8rem;
  background-color: #d6ddeb80;
}
.candidate-board.in-client-profile[data-v-d2b55b8e] {
  padding: 1rem;
}
.candidate-board .filter-container[data-v-d2b55b8e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 4rem;
  background-color: #fff;
  padding: 0 2rem;
  box-shadow: 0px 79px 128px rgba(192, 192, 192, 0.09);
}
.candidate-board .filter-container .input[data-v-d2b55b8e] {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 2rem 0 0;
}
.candidate-board .filter-container .search-btn[data-v-d2b55b8e] {
  padding: 13px 20px;
  font-size: 14px;
  font-weight: bold;
  background-color: #3d556e;
  color: #fff;
  outline: none;
  border: none;
  margin-left: 20px;
  font-family: "Epilogue", sans-serif;
  line-height: normal;
}
.candidate-board .filter-container .line[data-v-d2b55b8e] {
  height: 56px;
  width: 1px;
  background-color: #d6ddeb;
  margin: 0 3rem;
}
.candidate-board .filter-container .input input[data-v-d2b55b8e] {
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #d6ddeb;
  padding: 4px 0;
  outline: none;
  width: 100%;
  line-height: normal;
  font-family: "Epilogue", sans-serif;
}
.candidate-board .filter-container .input input[data-v-d2b55b8e]::placeholder {
  opacity: 0.6;
}
.candidate-board .filter-container .input i[data-v-d2b55b8e] {
  font-size: 20px;
  margin-right: 10px;
  color: green;
}
.sidebar-container[data-v-d2b55b8e] {
  position: relative;
  height: fit-content;
  background-color: transparent;
}
.candidate-board .side-bar[data-v-d2b55b8e] {
  max-width: 320px;
  min-width: 320px;
  padding: 0;
  height: inherit;
}
.candidate-board .sidebar-container .menu-btn[data-v-d2b55b8e] {
  position: absolute;
  right: -19px;
  top: 19px;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #1f4e78;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: none;
  outline: none;
}
.candidate-board .sidebar-container .menu-btn i[data-v-d2b55b8e] {
  font-size: 20px;
}
.candidate-board .side-bar .collapse-container .btn[data-v-d2b55b8e] {
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: fit-content;
  width: 100%;
  font-size: 18px;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  font-weight: bold;
  padding: 0;
  font-family: "Epilogue", sans-serif;
  line-height: normal;
}
.candidate-board .side-bar .collapse-container .btn i[data-v-d2b55b8e] {
  line-height: 0;
  font-size: 24px;
}
.candidate-board .side-bar .collapse-container .form-control[data-v-d2b55b8e] {
  padding: 0;
  width: fit-content;
  border: none;
  font-size: 16px;
  cursor: pointer;
  height: fit-content;
  display: flex;
  align-items: center;
  margin: 14px 0;
  font-family: "Epilogue", sans-serif;
  background-color: transparent;
}
.candidate-board .side-bar .collapse-container .form-control input[data-v-d2b55b8e] {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  font-family: "Epilogue", sans-serif;
}
.candidate-board .candidate-board-content[data-v-d2b55b8e] {
  /* margin-left: 3rem; */
  padding: 0;
  width: 100%;
}
.candidate-board .grid-container[data-v-d2b55b8e] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(332px, 1fr));
  gap: 2rem;
  padding: 0;
}
.candidate-board .filter-container .input i[data-v-d2b55b8e] {
  color: var(--coredarkcolor);
}
/* .slide-enter-active,
.slide-leave-active {
  transition: transform 0.6s ease;
}
.slide-enter,
.slide-leave-to {
  transform: translateX(-100%);
  transition: all 150ms ease-in 0s;
} */
@media screen and (max-width: 768px) {
.candidate-board .grid-container[data-v-d2b55b8e] {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
.candidate-board #wrapper[data-v-d2b55b8e] {
    flex-direction: column;
}
.candidate-board .side-bar[data-v-d2b55b8e] {
    max-width: 100% !important;
    min-width: 100% !important;
}
.candidate-board .candidate-board-content[data-v-d2b55b8e] {
    margin-left: 0;
}
.candidate-board[data-v-d2b55b8e] {
    padding: 2rem !important;
}
.sidebar-container[data-v-d2b55b8e] {
    margin-bottom: 30px;
}
}
@media screen and (max-width: 1092px) {
.candidate-board[data-v-d2b55b8e] {
    padding: 4rem;
}
.candidate-board .side-bar[data-v-d2b55b8e] {
    max-width: 200px;
    min-width: 200px;
}
}
.selection-filter[data-v-d2b55b8e] {
  width: 100%;
  margin: 1rem 0 2rem 0;
}
label.non-field-label.job-detail[data-v-d2b55b8e] {
  height: 100%;
  font-weight: unset;
  margin-top: unset;
  margin-bottom: unset;
}

.report-content[data-v-27d7619e] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 2px;
}
h3.section-header[data-v-27d7619e] {
  color: var(--coredarkcolor);
}

.schedule-send-btn[data-v-60fdf648] {
  display: flex;
  align-items: center;
  border: none;
}
.schedule-send-btn > i[data-v-60fdf648] {
  font-size: 30px;
}

.d-flex[data-v-06214a16] {
  display: flex;
  align-items: center;
}
button[data-v-06214a16] {
  padding: 5px 15px;
  font-size: 18px;
  cursor: pointer;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  margin: 0 10px;
}
button[data-v-06214a16]:hover {
  background-color: #ddd;
}
.candidate-board.top-level-div[data-v-06214a16] {
  min-height: calc(100vh - 160px);
}
.candidate-board[data-v-06214a16] {
  padding: 4rem 8rem;
  /* background-color: #d6ddeb80; */
  position: relative;
}
.candidate-board.in-client-profile[data-v-06214a16] {
  padding: 1rem;
}

/* .candidate-board .filter-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 4rem;
  background-color: #fff;
  padding: 0 2rem;
  box-shadow: 0px 79px 128px rgba(192, 192, 192, 0.09);
}
.candidate-board .filter-container .input {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 2rem 0 0;
}
.candidate-board .filter-container .search-btn {
  padding: 13px 20px;
  font-size: 14px;
  font-weight: bold;
  background-color: #3d556e;
  color: #fff;
  outline: none;
  border: none;
  margin-left: 20px;
  font-family: "Epilogue", sans-serif;
  line-height: normal;
}
.candidate-board .filter-container .line {
  height: 56px;
  width: 1px;
  background-color: #d6ddeb;
  margin: 0 3rem;
}
.candidate-board .filter-container .input input {
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #d6ddeb;
  padding: 4px 0;
  outline: none;
  width: 100%;
  line-height: normal;
  font-family: "Epilogue", sans-serif;
}
.candidate-board .filter-container .input input::placeholder {
  opacity: 0.6;
}
.candidate-board .filter-container .input i {
  font-size: 20px;
  margin-right: 10px;
  color: green;
} */
/* .sidebar-container {
  position: relative;
  height: fit-content;
  background-color: transparent;
}
.candidate-board .side-bar {
  max-width: 320px;
  min-width: 320px;
  padding: 0;
  height: inherit;
}
.candidate-board .sidebar-container .menu-btn {
  position: absolute;
  right: -19px;
  top: 19px;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #1f4e78;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: none;
  outline: none;
}
.candidate-board .sidebar-container .menu-btn i {
  font-size: 20px;
}
.candidate-board .side-bar .collapse-container .btn {
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: fit-content;
  width: 100%;
  font-size: 18px;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  font-weight: bold;
  padding: 0;
  font-family: "Epilogue", sans-serif;
  line-height: normal;
}
.candidate-board .side-bar .collapse-container .btn i {
  line-height: 0;
  font-size: 24px;
}
.candidate-board .side-bar .collapse-container .form-control {
  padding: 0;
  width: fit-content;
  border: none;
  font-size: 16px;
  cursor: pointer;
  height: fit-content;
  display: flex;
  align-items: center;
  margin: 14px 0;
  font-family: "Epilogue", sans-serif;
  background-color: transparent;
}
.candidate-board .side-bar .collapse-container .form-control input {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  font-family: "Epilogue", sans-serif;
} */
/* .candidate-board .candidate-board-content {
  padding: 0;
  width: 100%;
}
.candidate-board .grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(332px, 1fr));
  gap: 2rem;
  padding: 0;
}
.candidate-board .filter-container .input i {
  color: var(--coredarkcolor);
} */
/* .slide-enter-active,
.slide-leave-active {
  transition: transform 0.6s ease;
}
.slide-enter,
.slide-leave-to {
  transform: translateX(-100%);
  transition: all 150ms ease-in 0s;
} */
@media screen and (max-width: 768px) {
.candidate-board .grid-container[data-v-06214a16] {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
.candidate-board #wrapper[data-v-06214a16] {
    flex-direction: column;
}
.candidate-board .side-bar[data-v-06214a16] {
    max-width: 100% !important;
    min-width: 100% !important;
}
.candidate-board .candidate-board-content[data-v-06214a16] {
    margin-left: 0;
}
.candidate-board[data-v-06214a16] {
    padding: 2rem !important;
}
.sidebar-container[data-v-06214a16] {
    margin-bottom: 30px;
}
}
@media screen and (max-width: 1092px) {
.candidate-board[data-v-06214a16] {
    padding: 4rem;
}
.candidate-board .side-bar[data-v-06214a16] {
    max-width: 200px;
    min-width: 200px;
}
}
.selection-filter[data-v-06214a16] {
  width: 100%;
  margin: 1rem 0 2rem 0;
}
label.non-field-label.job-detail[data-v-06214a16] {
  height: 100%;
  font-weight: unset;
  margin-top: unset;
  margin-bottom: unset;
}
.embed-button[data-v-06214a16] {
  position: absolute;
  font-size: 30px;
  cursor: pointer;
  top: 10px;
  left: 10px;
}
.card-deck[data-v-06214a16] {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  gap: 2rem;
  padding: 0 1rem;
  justify-content: flex-start;
}
.card-wrapper[data-v-06214a16] {
  flex: 0 0 auto;
  width: 100%;
  max-width: 350px;
}
.gift-card[data-v-06214a16] {
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.gift-card[data-v-06214a16]:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}
.gift-card-image[data-v-06214a16] {
  height: 200px;
  overflow: hidden;
}
.gift-card-image img[data-v-06214a16] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gift-card-body[data-v-06214a16] {
  padding: 1.5rem;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.gift-card-title[data-v-06214a16] {
  font-size: 1.5rem;
  color: #2c3e50;
  margin-bottom: 1rem;
  font-weight: 600;
  line-height: 1.2;
}
.gift-card-content[data-v-06214a16] {
  color: #666;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.gift-card-content p[data-v-06214a16] {
  margin-bottom: 0.75rem;
}
.subscription-info[data-v-06214a16] {
  color: #3498db;
  font-weight: 500;
}
.price-info[data-v-06214a16] {
  color: #2ecc71;
  font-weight: 500;
}
.buy-button[data-v-06214a16] {
  background: var(--coredarkcolor);
  color: white;
  border: none;
  padding: 1rem;
  font-size: 1.125rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
  width: 100%;
  border-radius: 0 0 12px 12px;
  margin: 0;
}
.buy-button[data-v-06214a16]:hover {
  background: #2980b9;
}
@media (min-width: 768px) {
.card-wrapper[data-v-06214a16] {
    width: calc(50% - 1rem);
}
.card-deck[data-v-06214a16] {
    gap: 2rem;
}
}
@media (min-width: 1200px) {
.card-wrapper[data-v-06214a16] {
    width: calc(33.333% - 1.334rem);
}
}

.report-content[data-v-285b966c] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 2px;
}
h3.section-header[data-v-285b966c] {
  color: var(--coredarkcolor);
}
.dialog-container[data-v-285b966c] {
  height: 250px !important;
}

.button-containers[data-v-4f295009] {
  display: flex;
  flex-direction: row-reverse;
}
.cancel-btn-container[data-v-4f295009] {
  flex-grow: 1;
}

/* .horizontal-auto-scroll {
  overflow-x: auto;  // Sticky header does not work if enable this
} */

.candidate-board[data-v-7e6c9c41] {
  padding: 4rem 8rem;
  background-color: #d6ddeb80;
}
.candidate-board.in-client-profile[data-v-7e6c9c41] {
  padding: 1rem;
}
.candidate-board .filter-container[data-v-7e6c9c41] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 4rem;
  background-color: #fff;
  padding: 0 2rem;
  box-shadow: 0px 79px 128px rgba(192, 192, 192, 0.09);
}
.candidate-board .filter-container .input[data-v-7e6c9c41] {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 2rem 0 0;
}
.candidate-board .filter-container .search-btn[data-v-7e6c9c41] {
  padding: 13px 20px;
  font-size: 14px;
  font-weight: bold;
  background-color: #3d556e;
  color: #fff;
  outline: none;
  border: none;
  margin-left: 20px;
  font-family: "Epilogue", sans-serif;
  line-height: normal;
}
.candidate-board .filter-container .line[data-v-7e6c9c41] {
  height: 56px;
  width: 1px;
  background-color: #d6ddeb;
  margin: 0 3rem;
}
.candidate-board .filter-container .input input[data-v-7e6c9c41] {
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #d6ddeb;
  padding: 4px 0;
  outline: none;
  width: 100%;
  line-height: normal;
  font-family: "Epilogue", sans-serif;
}
.candidate-board .filter-container .input input[data-v-7e6c9c41]::placeholder {
  opacity: 0.6;
}
.candidate-board .filter-container .input i[data-v-7e6c9c41] {
  font-size: 20px;
  margin-right: 10px;
  color: green;
}
.sidebar-container[data-v-7e6c9c41] {
  position: relative;
  height: fit-content;
  background-color: transparent;
}
.candidate-board .side-bar[data-v-7e6c9c41] {
  max-width: 320px;
  min-width: 320px;
  padding: 0;
  height: inherit;
}
.candidate-board .sidebar-container .menu-btn[data-v-7e6c9c41] {
  position: absolute;
  right: -19px;
  top: 19px;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #1f4e78;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: none;
  outline: none;
}
.candidate-board .sidebar-container .menu-btn i[data-v-7e6c9c41] {
  font-size: 20px;
}
.candidate-board .side-bar .collapse-container .btn[data-v-7e6c9c41] {
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: fit-content;
  width: 100%;
  font-size: 18px;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  font-weight: bold;
  padding: 0;
  font-family: "Epilogue", sans-serif;
  line-height: normal;
}
.candidate-board .side-bar .collapse-container .btn i[data-v-7e6c9c41] {
  line-height: 0;
  font-size: 24px;
}
.candidate-board .side-bar .collapse-container .form-control[data-v-7e6c9c41] {
  padding: 0;
  width: fit-content;
  border: none;
  font-size: 16px;
  cursor: pointer;
  height: fit-content;
  display: flex;
  align-items: center;
  margin: 14px 0;
  font-family: "Epilogue", sans-serif;
  background-color: transparent;
}
.candidate-board .side-bar .collapse-container .form-control input[data-v-7e6c9c41] {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  font-family: "Epilogue", sans-serif;
}
.candidate-board .candidate-board-content[data-v-7e6c9c41] {
  /* margin-left: 3rem; */
  padding: 0;
  width: 100%;
}
.candidate-board .grid-container[data-v-7e6c9c41] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(332px, 1fr));
  gap: 2rem;
  padding: 0;
}
.candidate-board .filter-container .input i[data-v-7e6c9c41] {
  color: var(--coredarkcolor);
}
/* .slide-enter-active,
  .slide-leave-active {
    transition: transform 0.6s ease;
  }
  .slide-enter,
  .slide-leave-to {
    transform: translateX(-100%);
    transition: all 150ms ease-in 0s;
  } */
@media screen and (max-width: 768px) {
.candidate-board .grid-container[data-v-7e6c9c41] {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
.candidate-board #wrapper[data-v-7e6c9c41] {
    flex-direction: column;
}
.candidate-board .side-bar[data-v-7e6c9c41] {
    max-width: 100% !important;
    min-width: 100% !important;
}
.candidate-board .candidate-board-content[data-v-7e6c9c41] {
    margin-left: 0;
}
.candidate-board[data-v-7e6c9c41] {
    padding: 2rem !important;
}
.sidebar-container[data-v-7e6c9c41] {
    margin-bottom: 30px;
}
}
@media screen and (max-width: 1092px) {
.candidate-board[data-v-7e6c9c41] {
    padding: 4rem;
}
.candidate-board .side-bar[data-v-7e6c9c41] {
    max-width: 200px;
    min-width: 200px;
}
}
.selection-filter[data-v-7e6c9c41] {
  width: 100%;
  margin: 1rem 0 2rem 0;
}
label.non-field-label.job-detail[data-v-7e6c9c41] {
  height: 100%;
  font-weight: unset;
  margin-top: unset;
  margin-bottom: unset;
}

.report-content[data-v-28083e3e] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 2px;
}
h3.section-header[data-v-28083e3e] {
  color: var(--coredarkcolor);
}

.babybot-logo[data-v-063b47e2] {
    height: 1.75em;
}
.babybot-des[data-v-063b47e2] {
    display: flex;
    font-weight: bold;
    align-items: center;
    font-size: 1.25em;
    margin-top: 0.35em;
    margin-bottom: 0.75em;
}
.learnmore-btn[data-v-063b47e2] {
    background-color: var(--coredarkcolor);
    border-radius: 4px;
    padding: 8px 16px;
    color: white;
    font-weight: bold;
}

.section-name[data-v-75154c98] {
  display: flex;
  margin-bottom: 0;
}

.public-link-section[data-v-17781506] {
  display: flex;
  justify-content: center;
  font-size: 1rem;
  word-break: break-all;
}
.copy-button[data-v-17781506] {
  margin-left: 0.5em;
  cursor: pointer;
}
.copy-button[data-v-17781506]:active {
  color: #007bff;
}
@media (max-width: 576px) {
.public-link-section[data-v-17781506] {
    align-items: center;
    text-align: center;
    padding-bottom: 5px;
}
}
.pulse[data-v-17781506] {
  background: var(--clientprofilecompletebuttoncolor);
  box-shadow: 0 0 0 0 var(--clientprofilecompletebuttoncolor);
  -webkit-animation: pulsing-data-v-17781506 5s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing-data-v-17781506 5s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing-data-v-17781506 5s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing-data-v-17781506 5s infinite cubic-bezier(0.66, 0, 0, 1);
  transition: all 300ms ease-in-out;
  margin-bottom: 10px;
}
.pulse[data-v-17781506]:hover {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
  color: #ffffff;
}

/* Animation */
@-webkit-keyframes pulsing-data-v-17781506 {
to {
    box-shadow: 0 0 0 30px var(--clientprofilecompletebuttoncolor);
}
}
@-moz-keyframes pulsing-data-v-17781506 {
to {
    box-shadow: 0 0 0 30px var(--clientprofilecompletebuttoncolor);
}
}
@-ms-keyframes pulsing-data-v-17781506 {
to {
    box-shadow: 0 0 0 30px var(--clientprofilecompletebuttoncolor);
}
}
@keyframes pulsing-data-v-17781506 {
to {
    box-shadow: 0 0 0 30px transparent;
}
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
}
}

.dashboard-button {
  background-color: var(--thrivehiregrey);
  /* background-color: var(--bootstrapgrey); */
  /* background-color: var(--coredarkcolor); */
  color: var(--corelightcolor);
  /* margin-right: 2px; */
  border-right: 2px solid white;
  padding-top: 6px;
  padding-bottom: 6px;
  cursor: pointer;
  font-family: "articulatcf-demibold", "Open Sans", "Lato";
}
.dashboard-button-active {
  background-color: var(--thrivehiregrey);
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
  /* margin-right: 2px; */
  /* padding-top: 6px; */
  /* padding-bottom: 6px; */
}

/* Lecture 299 */
.slide-enter-active {
  animation: slide-in 300ms ease-out forwards;
}
.slide-leave-active {
  animation: slide-out 300ms ease-out forwards;
}
@keyframes slide-in {
from {
    transform: translateY(-30px);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}
@keyframes slide-out {
from {
    transform: translateY(0px);
    opacity: 1;
}
to {
    transform: translateY(-30px);
    opacity: 0;
}
}
.dashboard-container.employer-dashboard {
  margin-right: 2em;
  margin-left: 20em;
  margin-bottom: 2em;
}
.dashboard-container.employer-dashboard.is-in-dialog {
  margin-left: 17em;
  margin-right: 0;
  margin-top: 4em;
}
.dashboard-container.employer-dashboard.is-in-dialog.is-in-interview-tab {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
@media (max-width: 992px) {
.dashboard-container.employer-dashboard {
    margin-left: 2em;
    margin-right: 2em;
}
.dashboard-container.employer-dashboard.is-in-dialog {
    margin-left: 0;
}
}
@media (max-width: 768px) {
.dashboard-container.employer-dashboard {
    margin-left: 1em;
    margin-right: 1em;
}
}
@media (max-width: 600px) {
.dashboard-container.employer-dashboard.is-in-dialog {
    margin-top: 0em;
}
}

.profile-container[data-v-26d1ba8d] {
  margin-right: 2em;
  margin-left: 2em;
  margin-bottom: 2em;
}
.public-profile-container[data-v-26d1ba8d] {
  margin-right: 2em;
  margin-left: 2em;
  margin-top: 0px;
  margin-bottom: 2em;
}

/* .public-nav-bar {
  top: 0px !important;
} */
@media (min-width: 993px) {
.has-nav-bar[data-v-26d1ba8d] {
    margin-left: 20em;
}
}
@media (max-width: 768px) {
.profile-container[data-v-26d1ba8d] {
    margin-left: 1em;
    margin-right: 1em;
}
.public-profile-container[data-v-26d1ba8d] {
    margin-left: 1em;
    margin-right: 1em;
}
}

.button-container[data-v-6d9e9b99] {
  text-align: right;
}

.horizontal-scroll[data-v-136f648a] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}
.sticky-note-icon[data-v-136f648a] {
  font-size: 15px;
  margin-left: 1px;
  color: #444;
}
.table-header[data-v-136f648a] {
  background-color: var(--coredarkcolor);
  color: #fff;
}
.total-row-info[data-v-136f648a] {
  font-weight: bold;
  text-transform: uppercase;
}
.view-file-btn[data-v-136f648a] {
  cursor: pointer;
}
.horizontal-scroll[data-v-136f648a] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.sticky-note-icon[data-v-1fff3978] {
  font-size: 15px;
  margin-left: 1px;
  color: #444;
}
.table-header[data-v-1fff3978] {
  background-color: var(--coredarkcolor);
  color: #fff;
}
.total-row-info[data-v-1fff3978] {
  font-weight: bold;
  text-transform: uppercase;
}
.view-file-btn[data-v-1fff3978] {
  cursor: pointer;
}

.table-header[data-v-5cc25a0a] {
  background-color: var(--coredarkcolor);
  color: #fff;
}
.total-row-info[data-v-5cc25a0a] {
  font-weight: bold;
  text-transform: uppercase;
}
.horizontal-scroll[data-v-5cc25a0a] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}
.email-chip[data-v-5cc25a0a] {
  margin-left: 0.75rem;       
  font-size: 1rem;         
  color: #6c757d;            
  text-decoration: none;      
  white-space: nowrap;         
  line-height: 1; 
  text-transform:lowercase;
}

.public-summary-breakdown-container[data-v-37db3e86] {
  padding: 3rem;
}
@media (max-width: 768px) {
.public-summary-breakdown-container[data-v-37db3e86] {
    padding: 0.5rem;
}
}

.table-header[data-v-2004e5f0] {
  background-color: var(--coredarkcolor);
  color: #fff;
}
.total-row-info[data-v-2004e5f0] {
  font-weight: bold;
  text-transform: uppercase;
}
.day-week-ot > h5[data-v-2004e5f0] {
  display: inline-block;
  margin-right: 0.5em;
}
.day-week-ot > h5[data-v-2004e5f0]:not(:last-child)::after {
  content: ",";
}

.button-container[data-v-e7cdbd8a] {
  display: flex;
}
.powered-by[data-v-e7cdbd8a] {
  flex-grow: 1;
}

.button-container[data-v-2bfff8c8] {
  display: flex;
}
.powered-by[data-v-2bfff8c8] {
  flex-grow: 1;
}

h3.section-header[data-v-10024b8e] {
  color: var(--coredarkcolor);
}
.expand-button[data-v-10024b8e] {
  cursor: pointer;
  margin-left: auto;
}
.expand-button i[data-v-10024b8e] {
  font-size: 20px;
}
.classes-container[data-v-10024b8e] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: 1rem;
  /* max-width: 1200px; */
}
.public-class-card[data-v-10024b8e] {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 1rem;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  height: fit-content;
}
.class-header[data-v-10024b8e] {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.class-title[data-v-10024b8e] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
  margin: 0 0 0.25rem 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.class-meta[data-v-10024b8e] {
  display: flex;
  gap: 0.5rem;
}
.meta-tag[data-v-10024b8e] {
  background: #f0f0f0;
  color: #666;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  font-size: 0.75rem;
}
.class-content[data-v-10024b8e] {
  margin-bottom: 0;
  flex: 1;
}
.class-description[data-v-10024b8e] {
  margin-bottom: 0.5rem;
  color: #555;
  line-height: 1.3;
  font-size: 0.9rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.session-info[data-v-10024b8e] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0.5rem 0;
}
.session-info > div[data-v-10024b8e] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: #555;
  font-size: 0.85rem;
}
.session-info i[data-v-10024b8e] {
  color: #007bff;
  font-size: 0.9rem;
}
.pricing-section[data-v-10024b8e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
  background: #f8f9fa;
  border-radius: 4px;
  margin-bottom: 0.5rem;
}
.price-info[data-v-10024b8e] {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
}
.price-amount[data-v-10024b8e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #28a745;
}
.price-label[data-v-10024b8e] {
  color: #666;
  font-size: 0.75rem;
}
.sessions-count[data-v-10024b8e] {
  color: #666;
  font-size: 0.8rem;
}
.enroll-section[data-v-10024b8e] {
  text-align: center;
  margin-top: auto;
}
.enroll-button[data-v-10024b8e] {
  background: #28a745;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 0.6rem 1.2rem;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  width: 100%;
}
.enroll-button[data-v-10024b8e]:hover {
  background: #218838;
}
.loading-state[data-v-10024b8e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: #6c757d;
}
.spinner[data-v-10024b8e] {
  width: 32px;
  height: 32px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #007bff;
  border-radius: 50%;
  animation: spin-data-v-10024b8e 1s linear infinite;
  margin-bottom: 0.75rem;
}
@keyframes spin-data-v-10024b8e {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
@media (max-width: 1200px) {
.classes-container[data-v-10024b8e] {
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
}
}
@media (max-width: 768px) {
.classes-container[data-v-10024b8e] {
    grid-template-columns: 1fr;
}
.public-class-card[data-v-10024b8e] {
    padding: 0.75rem;
}
}

.button-container[data-v-6b59e6ef] {
  display: flex;
}
.powered-by[data-v-6b59e6ef] {
  flex-grow: 1;
}

.logs-container[data-v-6e321c4f] {
  padding: 10px 40px;
  display: grid;
  grid-template-columns: auto auto auto;
}
@media (max-width: 768px) {
.logs-container[data-v-6e321c4f] {
    grid-template-columns: auto auto;
}
}
@media (max-width: 480px) {
.logs-container[data-v-6e321c4f] {
    grid-template-columns: auto;
}
}
.item[data-v-6e321c4f] {
  width: 90%;
  padding: 30px;
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.item[data-v-6e321c4f]:hover {
  background-color: #f0f0f0;
}
.icon[data-v-6e321c4f] {
  float: left;
  margin-right: 10px;
}
.content[data-v-6e321c4f] {
  overflow: hidden;
}
h4[data-v-6e321c4f] {
  margin: 0;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
}
.selected[data-v-6e321c4f] {
  text-decoration: underline;
}
p[data-v-6e321c4f] {
  margin-top: 5px;
  font-size: 16px;
}


.option-container[data-v-5fa92a56] {
  display: flex;
  align-items: center;
}
.option-input[data-v-5fa92a56] {
  flex-grow: 1;
}
.delete-option[data-v-5fa92a56] {
  flex-basis: 2em;
  text-align: right;
}

.button-container[data-v-617fdbd3] {
  text-align: right;
}
.edit-question-button[data-v-617fdbd3] {
  position: absolute;
  color: #007bff;
  cursor: pointer;
  right: 2em;
  top: 0;
}
.change-position-button[data-v-617fdbd3] {
  position: absolute;
  color: #007bff;
  cursor: pointer;
  right: 4em;
  top: 0;
}
.correct-answer[data-v-617fdbd3] {
  font-weight: 700;
}
.delete-question-button[data-v-617fdbd3] {
  position: absolute;
  cursor: pointer;
  color: red;
  right: 0;
  top: 0;
}
.question-container[data-v-617fdbd3] {
  position: relative;
}
.move-up-button[data-v-617fdbd3]   { 
  position: absolute;
  color: #007bff;
  cursor: pointer;
  right: 4em;
  top: 0;
}
.move-down-button[data-v-617fdbd3] { 
  position: absolute;
  color: #007bff;
  cursor: pointer;
  right: 6em;
  top: 0;
}
.move-question-button.disabled[data-v-617fdbd3] {
  opacity: 0.35;
  pointer-events: none;
}
.move-question-button[data-v-617fdbd3]:hover {
  color: #343a40;
}


.evaluation-builder-header {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}
.delete-icon {
  color: red;
  cursor: pointer;
}
.edit-evaluation-icon {
  color: #007bff;
}
.icon-button-table {
  cursor: pointer;
  margin: 0 0.25em;
}

.search-container[data-v-43de5729] {
  padding: 0 1rem;
}

.icon-button-table i[data-v-4c61062e] {
  display: inherit;
}
.delete-icon[data-v-4c61062e] {
  color: red;
  cursor: pointer;
}
.edit-rental-card-icon[data-v-4c61062e] {
  color: #007bff;
  cursor: pointer;
}

.button-container[data-v-454e602d] {
  text-align: right;
}
.booking-item-mobile label[data-v-454e602d] {
  font-weight: bold;
}
.filler-info-mobile[data-v-454e602d]:not(:last-child)::after {
  content: ",";
}

.button-container[data-v-72931830] {
  text-align: right;
}
.booking-item-mobile label[data-v-72931830] {
  font-weight: bold;
}
.filler-info-mobile[data-v-72931830]:not(:last-child)::after {
  content: ",";
}

.edit-button[data-v-072288a5] {
  top: 0;
  color: #007bff;
}
.note-container[data-v-072288a5] {
  position: relative;
  padding-right: 1.3em;
}
.notes-list > div:first-child > hr[data-v-072288a5] {
  display: none;
}
.notes-list > div[data-v-072288a5]:last-child {
  margin-bottom: 0.5em;
}

.row-container[data-v-4929c247] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-4929c247] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-4929c247] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-4929c247] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.textbox-element[data-v-4929c247] {
  flex-grow: 1;
  flex-basis: 33.33%;
  padding-right: 0.5em;
}
.multiselect-element[data-v-4929c247] {
  flex-grow: 1;
  flex-basis: 33.33%;
  padding-right: 1em;
}

.button-container[data-v-218039bc] {
  display: flex;
}

.button-container[data-v-0a9042ad] {
  text-align: right;
}
.booking-item-mobile label[data-v-0a9042ad] {
  font-weight: bold;
}
.filler-info-mobile[data-v-0a9042ad]:not(:last-child)::after {
  content: ",";
}
.bar-code-container[data-v-0a9042ad] {
  display: inline-flex;
  flex-direction: column;
}
.product-name[data-v-0a9042ad] {
  font-size: 18px;
}
.product-price[data-v-0a9042ad] {
  font-weight: bold;
  font-size: 16px;
  text-align: right;
  margin-top: 0.1em;
}

.button-container[data-v-6d732226] {
  text-align: right;
}

.icon-button-table i[data-v-f1a47e84] {
  display: inherit;
}
.delete-icon[data-v-f1a47e84] {
  color: red;
  cursor: pointer;
}
.edit-rental-equipment-icon[data-v-f1a47e84] {
  color: #007bff;
  cursor: pointer;
}
.edit-aclass-icon[data-v-f1a47e84] {
  color: #007bff;
  cursor: pointer;
}
.total-value[data-v-f1a47e84] {
  font-weight: bold;
}

.button-container[data-v-2f794696] {
  text-align: right;
}
.booking-item-mobile label[data-v-2f794696] {
  font-weight: bold;
}
.filler-info-mobile[data-v-2f794696]:not(:last-child)::after {
  content: ",";
}

.button-container[data-v-456f1f20] {
  text-align: right;
}
.booking-item-mobile label[data-v-456f1f20] {
  font-weight: bold;
}
.filler-info-mobile[data-v-456f1f20]:not(:last-child)::after {
  content: ",";
}

.icon-button-table i[data-v-10c65828] {
  display: inherit;
}
.delete-icon[data-v-10c65828] {
  color: red;
  cursor: pointer;
}
.edit-rental-equipment-icon[data-v-10c65828] {
  color: #007bff;
  cursor: pointer;
}

.aclass-builder-header[data-v-03a0e114] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);

  position: sticky;
  top: 0px;
}
.icon-button-table i[data-v-03a0e114] {
  display: inherit;
}
.delete-icon[data-v-03a0e114] {
  color: red;
  cursor: pointer;
}
.edit-aclass-icon[data-v-03a0e114] {
  color: #007bff;
  cursor: pointer;
}

.admin-builder-header[data-v-12b0a5a8] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}
.delete-icon[data-v-12b0a5a8] {
  color: red;
  cursor: pointer;
}
.edit-admin-icon[data-v-12b0a5a8] {
  color: #007bff;
  cursor: pointer;
}
.change-password-icon[data-v-12b0a5a8] {
  color: #007bff;
  cursor: pointer;
}

.video-recorder-container[data-v-af4007b0] {
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 15px;
  margin: 0 auto;
}
video[data-v-af4007b0] {
  max-height: 320px;
  object-fit: cover;
}
.recording-controls[data-v-af4007b0] {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 15px;
}

.icon-button-table i[data-v-21406c75] {
  display: inherit;
}
.delete-icon[data-v-21406c75] {
  color: red;
  cursor: pointer;
}
.edit-rental-card-icon[data-v-21406c75] {
  color: #007bff;
  cursor: pointer;
}

.logs-container[data-v-38c908bf] {
  padding: 10px 40px;
  display: grid;
  grid-template-columns: auto auto auto;
}
@media (max-width: 768px) {
.logs-container[data-v-38c908bf] {
    grid-template-columns: auto auto;
}
p[data-v-38c908bf] {
    padding-right: 0;
}
}
@media (max-width: 480px) {
.logs-container[data-v-38c908bf] {
    grid-template-columns: auto;
}
p[data-v-38c908bf] {
    padding-right: 0;
}
}
.item[data-v-38c908bf] {
  width: 90%;
  padding: 30px;
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.item[data-v-38c908bf]:hover {
  background-color: #f0f0f0;
}
.icon[data-v-38c908bf] {
  float: left;
  margin-right: 10px;
}
.content[data-v-38c908bf] {
  overflow: hidden;
}
h4[data-v-38c908bf] {
  margin: 0;
  font-weight: bold;
  font-size: 16px;
}
p[data-v-38c908bf] {
  margin-top: 5px;
  padding-right: 20px;
  font-size: 16px;
}

.create-invoice-button[data-v-532ca5c4] {
  cursor: pointer;
}
.create-invoice-button > i[data-v-532ca5c4] {
  font-size: 32px;
  color: var(--coredarkcolor);
}

.form-group[data-v-57c38b34] {
  margin-bottom: 1rem;
}
.mapping-section[data-v-57c38b34] {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #ddd;
}
.mapping-section h4[data-v-57c38b34] {
  margin-bottom: 1.5rem;
}
.required[data-v-57c38b34] {
  color: red;
}
.error-message[data-v-57c38b34] {
  color: red;
  font-size: 0.8rem;
  display: block;
  margin-top: 0.25rem;
}
.document-type-mapping[data-v-57c38b34] {
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.document-type-mapping .row[data-v-57c38b34] {
  margin-bottom: 0.5rem;
}

.label-space[data-v-29298156] {
  margin-top: 22px;
}
.adjustment-label[data-v-29298156] {
  margin-bottom: 1em;
}

.material-icons.edit-icon[data-v-2ffaf850] {
  cursor: pointer;
  font-size: 0.7em;
}

.btn-container[data-v-6dd0a8a6] {
  text-align: right;
  margin-right: 2em;
}
.color-picker-container[data-v-6dd0a8a6] {
  display: flex;
  align-items: center;
  margin-top: 1em;
}
.color-picker-label > label[data-v-6dd0a8a6] {
  margin-top: 0;
  margin-bottom: 0;
}
.color-picker-label[data-v-6dd0a8a6] {
  flex-basis: 33em;
}
.document-scope-textbox[data-v-6dd0a8a6] {
  text-transform: capitalize;
}
.import-btn-containers > div[data-v-6dd0a8a6] {
  margin-bottom: 2px;
}

.right-group-buttons[data-v-f90b7598] {
  justify-content: end;
  display: flex;
  align-items: center;
}
.analytics-dashboard-btn[data-v-f90b7598] {
  cursor: pointer;
}
.advance-search i[data-v-f90b7598] {
  font-size: 32px;
  cursor: pointer;
}
.advance-search-btn[data-v-f90b7598] {
  margin-right: 0.5em;
}
.clear-search-btn i[data-v-f90b7598] {
  font-size: 22px;
  font-weight: bold;
}
.add-icon[data-v-f90b7598] {
  cursor: pointer;
}
.add-icon > i[data-v-f90b7598] {
  font-size: 28px;
}
.close-tab-icon[data-v-f90b7598] {
  position: absolute;
  top: 0;
  right: 0;
}
.search-tool-btn[data-v-f90b7598] {
  display: flex;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-right: 6px;
  border-radius: 4px;
  cursor: pointer;
  border: none;
}
.edit-tab-icon[data-v-f90b7598] {
  position: absolute;
  font-size: 16px;
  padding-left: 4px;
}
.multiselect--active[data-v-f90b7598] {
  z-index: 3;
}
.search-add-row[data-v-f90b7598] {
  align-items: center;
}
.view-process-flow[data-v-f90b7598] {
  display: flex;
  padding: 6px;
  border: solid 1px var(--coredarkcolor);
  color: var(--coredarkcolor);
  border-radius: 4px;
  cursor: pointer;
  height: 38px;
}
.form-builder-link > a[data-v-f90b7598] {
  width: 100%;
  padding: 7px 11px;
  font-size: 16px;
  font-weight: 400;
}
.stats-panel[data-v-f90b7598] {
  margin-top: 1rem;
}

.button-container[data-v-30d222d6] {
  display: flex;
}
.booking-item-mobile label[data-v-30d222d6] {
  font-weight: bold;
}
.filler-info-mobile[data-v-30d222d6]:not(:last-child)::after {
  content: ",";
}

.button-container[data-v-c2b42444] {
  display: flex;
}
.booking-item-mobile label[data-v-c2b42444] {
  font-weight: bold;
}
.filler-info-mobile[data-v-c2b42444]:not(:last-child)::after {
  content: ",";
}

.button-container[data-v-7681f813] {
  display: flex;
}
.booking-item-mobile label[data-v-7681f813] {
  font-weight: bold;
}
.filler-info-mobile[data-v-7681f813]:not(:last-child)::after {
  content: ",";
}

.button-group-containers[data-v-533cc963] {
  display: flex;
}
.button-group-containers > .spacing[data-v-533cc963] {
  flex-grow: 1;
}
.gap-10p[data-v-533cc963] {
  gap: 10px;
}
.flex-shrink-0[data-v-533cc963] {
  flex-shrink: 0;
}
.multiselect--active[data-v-533cc963] {
  z-index: 3;
}
.export-btn[data-v-533cc963]:not(:last-child) {
  margin-right: 0.5em;
}
.stat-expand-icon[data-v-533cc963] {
  cursor: pointer;
}

.button-group-containers[data-v-07937e68] {
  display: flex;
}
.button-group-containers > .spacing[data-v-07937e68] {
  flex-grow: 1;
}
.gap-10p[data-v-07937e68] {
  gap: 10px;
}
.flex-shrink-0[data-v-07937e68] {
  flex-shrink: 0;
}
.multiselect--active[data-v-07937e68] {
  z-index: 99;
}
.export-btn[data-v-07937e68]:not(:last-child) {
  margin-right: 0.5em;
}
.stat-expand-icon[data-v-07937e68] {
  cursor: pointer;
}

.add-column[data-v-0542e4d4] {
  margin-bottom: 20px;
}
.columns[data-v-0542e4d4] {
  display: flex;
  gap: 20px;
}
.column[data-v-0542e4d4] {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 10px;
  width: 300px;
  min-height: 500px;
}
.drag-area[data-v-0542e4d4] {
  min-height: 450px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
}
.drag-item[data-v-0542e4d4] {
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 2px;
  cursor: grab;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.agency-setting-container[data-v-0542e4d4] {
  align-items: flex-start;
}

.prevent-overflow[data-v-8896c79e] {
  overflow: auto;
}

.ClassForSelectedDate {
  background-color: var(--skyblue);
}
.add-todo-button {
  cursor: pointer;
}
.add-todo-button > i {
  font-size: 32px;
  color: var(--coredarkcolor);
}

.chart-container[data-v-389cbebc] {
  max-height: 500px;
}

.stats-col[data-v-d11b56d8] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.shift-stats-block-container[data-v-d11b56d8] {
  flex: 1;
  padding: 2px;
  margin-right: 10px;
  margin-top: 10px;
}
.shift-stats-block[data-v-d11b56d8] {
  background: white;
  padding: 1rem 1.25rem;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  height: 100%;
  position: relative;
  width: auto;
}
.shift-stat-count[data-v-d11b56d8] {
  font-size: 0.875rem;
  color: #6c757d;
  margin-bottom: 0.25rem;
  font-weight: 400;
}
.shift-stats-header[data-v-d11b56d8] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #212529;
  margin: 0;
  line-height: 1.2;
  height: auto;
}
.shift-stats-header.revenue[data-v-d11b56d8] {
  color: #212529;
}
.shift-stats-header.hours[data-v-d11b56d8] {
  color: #212529;
}
.shift-stats-block-container:has(.revenue-positive) .shift-stats-block[data-v-d11b56d8] {
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
}
.shift-stats-block-container:has(.revenue-positive) .shift-stats-header[data-v-d11b56d8],
.shift-stats-block-container:has(.revenue-positive) .shift-stat-count[data-v-d11b56d8] {
  color: white;
}
.shift-stats-block-container:has(.revenue-positive) .shift-stat-count[data-v-d11b56d8] {
  opacity: 0.9;
}
.shift-stats-block-container:has(.revenue-negative) .shift-stats-block[data-v-d11b56d8] {
  background: linear-gradient(135deg, #dc3545 0%, #ff6b6b 100%);
}
.shift-stats-block-container:has(.revenue-negative) .shift-stats-header[data-v-d11b56d8],
.shift-stats-block-container:has(.revenue-negative) .shift-stat-count[data-v-d11b56d8] {
  color: white;
}
.shift-stats-block-container:has(.revenue-negative) .shift-stat-count[data-v-d11b56d8] {
  opacity: 0.9;
}
.colapse-header[data-v-d11b56d8] {
  font-weight: 600;
  font-size: 1.2rem;
  color: #212529;
  margin: 0;
  /* height: auto; */
  height: 26px;
  display: inline-block;
  margin-right: 0.5rem;
  overflow: hidden;
}
.section-container[data-v-d11b56d8] {
  background-color: #f8f9fa;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.section-container[data-v-d11b56d8] :deep(.expandable-header) {
  padding: 0.75rem 1rem;
}
.section-container[data-v-d11b56d8] :deep(.expandable-body) {
  padding: 1rem 1.5rem;
}
h5[data-v-d11b56d8] {
  display: none;
}
.row[data-v-d11b56d8] {
  margin: 0 -0.5rem;
}
.fulfillment-stats-container[data-v-d11b56d8] {
  background: white;
  border-radius: 8px;
  padding: 1.25rem 1.5rem;
  display: flex;
  /* flex: 1; */
  margin-left: -5px;
  align-items: center;
  /* margin-bottom: 10px; */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  width: 100%;
  /* margin-left: -0.5rem; */
}
.fulfillment-rate[data-v-d11b56d8], .unfilled-jobs[data-v-d11b56d8], .total-jobs[data-v-d11b56d8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.divider[data-v-d11b56d8] {
  width: 1px;
  height: 30px;
  background: #dee2e6;
  margin: 0 1.5rem;
}
.job-stats[data-v-d11b56d8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
}
.stat-number[data-v-d11b56d8] {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1;
}
.stat-number.blue[data-v-d11b56d8] {
  color: #0d6efd;
}
.stat-number.red[data-v-d11b56d8] {
  color: #dc3545;
}
.stat-label[data-v-d11b56d8] {
  color: #6c757d;
  font-size: 0.875rem;
  white-space: nowrap;
}
.separator[data-v-d11b56d8] {
  font-size: 1.125rem;
  color: #dee2e6;
  margin: 0 0.75rem;
  line-height: 1;
}
@media (max-width: 768px) {
.hide-on-mobile[data-v-d11b56d8] {
    display: none;
}
.stats-col[data-v-d11b56d8] {
    padding-left: 1rem;
    padding-right: 1rem;
}
.shift-stats-block[data-v-d11b56d8] {
    padding: 0.875rem 1rem;
}
.shift-stat-count[data-v-d11b56d8] {
    font-size: 0.875rem;
}
.shift-stats-header[data-v-d11b56d8] {
    font-size: 1.125rem;
}
.colapse-header[data-v-d11b56d8] {
    font-size: 1rem;
}
.section-container[data-v-d11b56d8] {
    padding: 1rem;
}
}

.table[data-v-3a322189] {
  margin-top: 1rem;
}

.active[data-v-70c75c0f] {
  background-color: var(--coredarkcolor);
  color: white;
}

/* Calendar View Tabs */
.calendar-view-tabs[data-v-70c75c0f] {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.calendar-tab[data-v-70c75c0f] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: none;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  color: #6c757d;
  cursor: pointer;
  transition: all 0.2s ease;
  flex: 1;
  justify-content: center;
  min-width: 0;
}
.calendar-tab[data-v-70c75c0f]:hover {
  background-color: #e9ecef;
  color: #495057;
}
.calendar-tab.active-tab[data-v-70c75c0f] {
  background-color: var(--coredarkcolor, #343a40);
  color: white;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.calendar-tab i[data-v-70c75c0f] {
  font-size: 18px;
}
.table-view[data-v-70c75c0f] {
  min-height: 750px;
}
.badge[data-v-70c75c0f] {
  padding: 0.25em 0.6em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.badge-success[data-v-70c75c0f] {
  color: #fff;
  background-color: #28a745;
}
.badge-warning[data-v-70c75c0f] {
  color: #212529;
  background-color: #ffc107;
}
.badge-danger[data-v-70c75c0f] {
  color: #fff;
  background-color: #dc3545;
}

/* Calendar event spacing */
.calendar[data-v-70c75c0f] :deep(.cv-event) {
  margin: 1px 2px !important;
  border-radius: 4px !important;
}
.calendar[data-v-70c75c0f] :deep(.cv-event-content) {
  padding: 2px 4px !important;
  margin: 0 !important;
}

/* Add spacing between calendar days */
.calendar[data-v-70c75c0f] :deep(.cv-day) {
  border-right: 1px solid #e9ecef !important;
}

/* Week view specific spacing */
.calendar[data-v-70c75c0f] :deep(.cv-weeks .cv-day) {
  padding: 2px !important;
}

.outer-flex[data-v-2736feee] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.outer-flex[data-v-7e5fe5d2] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.input-dialog-container[data-v-42634892] {
  text-align: left;
  line-height: 1.5;
}
.label-input-dialog[data-v-42634892] {
  margin-top: 0;
}
.checkbox-element[data-v-42634892] {
  margin-left: 20px;
  margin-top: 0.5em;
}
.color-picker-container[data-v-42634892] {
  display: flex;
  align-items: center;
}
.color-picker-label > label[data-v-42634892] {
  margin-top: 0;
  margin-bottom: 0;
}
.color-picker-label[data-v-42634892] {
  flex-basis: 33em;
}
.description[data-v-42634892] {
  font-size: 1.2em;
}

.sticky-note-icon[data-v-ba378876] {
  font-size: 15px;
  margin-left: 1px;
  color: #444;
}
.sticky-note-icon.table-view[data-v-ba378876] {
  font-size: 25px;
}
.total-info-row[data-v-ba378876] {
  font-weight: bold;
  text-transform: uppercase;
}
.assign-selected-multiselect[data-v-ba378876] {
  width: 65%;
}
@media only screen and (min-width: 991px) and (max-width: 1700px) {
.assign-selected-multiselect[data-v-ba378876] {
    width: 57%;
}
}
@media only screen and (max-width: 991px) {
.assign-selected-multiselect[data-v-ba378876] {
    width: 100%;
}
}
.action-buttons > button[data-v-ba378876] {
  margin-bottom: 0.5em;
}
.has-more[data-v-ba378876] {
  cursor: pointer;
}

.job-fulfillment-container[data-v-ca6c3c04] {
  padding: 1.5rem;
  background-color: #f8f9fa;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.fulfillment-header[data-v-ca6c3c04] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.lost-revenue[data-v-ca6c3c04] {
  color: #dc3545;
  font-size: 0.9rem;
  margin-top: 0.5rem;
}
.hours-stats[data-v-ca6c3c04] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}
.stat-card[data-v-ca6c3c04] {
  background: white;
  padding: 1rem 1.25rem;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.stat-title[data-v-ca6c3c04] {
  font-size: 0.875rem;
  color: #6c757d;
  margin-bottom: 0.25rem;
  font-weight: 400;
}
.stat-value[data-v-ca6c3c04] {
  font-size: 1.125rem;
  font-weight: 600;
  color: #212529;
}
.stat-subtext[data-v-ca6c3c04] {
  font-size: 0.8rem;
  color: #28a745;
  margin-top: 0.5rem;
}
.fulfillment-percentage[data-v-ca6c3c04] {
  color: #0d6efd;
  font-weight: 500;
}
.settings-button[data-v-ca6c3c04] {
  margin-left: 1rem;
}
.revenue-card[data-v-ca6c3c04] {
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
  color: white;
}
.revenue-card .stat-title[data-v-ca6c3c04],
.revenue-card .stat-value[data-v-ca6c3c04] {
  color: white;
}
.revenue-card .stat-title[data-v-ca6c3c04] {
  opacity: 0.9;
}
.revenue-card .stat-value[data-v-ca6c3c04] {
  font-size: 1.125rem;
}
.lost-revenue-card[data-v-ca6c3c04] {
  background: linear-gradient(135deg, #dc3545 0%, #ff6b6b 100%);
  color: white;
}
.lost-revenue-card .stat-title[data-v-ca6c3c04],
.lost-revenue-card .stat-value[data-v-ca6c3c04] {
  color: white;
}
.lost-revenue-card .stat-title[data-v-ca6c3c04] {
  opacity: 0.9;
}
.lost-revenue-card .stat-value[data-v-ca6c3c04] {
  font-size: 1.125rem;
}
.fulfillment-stats[data-v-ca6c3c04] {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  justify-content: flex-start;
  width: 100%;
}
.fulfillment-progress[data-v-ca6c3c04] {
  display: flex;
  align-items: center;
}
.progress-circle[data-v-ca6c3c04] {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0d6efd 0%, #0dcaf0 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  box-shadow: 0 2px 4px rgba(13, 110, 253, 0.2);
  padding: 1rem;
  text-align: center;
}
.progress-value[data-v-ca6c3c04] {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.25rem;
}
.progress-label[data-v-ca6c3c04] {
  font-size: 0.875rem;
  opacity: 0.9;
  line-height: 1.2;
  white-space: nowrap;
}
.job-counts[data-v-ca6c3c04] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: white;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.count-item[data-v-ca6c3c04] {
  text-align: center;
}
.count-value[data-v-ca6c3c04] {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1;
}
.count-value.unfilled[data-v-ca6c3c04] {
  color: #dc3545;
}
.count-value.total[data-v-ca6c3c04] {
  color: #0d6efd;
}
.count-label[data-v-ca6c3c04] {
  font-size: 0.875rem;
  color: #6c757d;
  margin-left: 0.5rem;
}
.count-divider[data-v-ca6c3c04] {
  font-size: 1.125rem;
  color: #dee2e6;
  margin: 0 1rem;
  line-height: 1;
}
.job-counts-card[data-v-ca6c3c04] {
  display: flex;
  align-items: center;
  background: white;
  padding: 1rem 1.5rem;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  gap: 2rem;
}
.fulfillment-section[data-v-ca6c3c04] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-right: 1rem;
}
.count-value[data-v-ca6c3c04] {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1;
}
.count-value.fulfillment[data-v-ca6c3c04] {
  color: #0d6efd;
}
.count-label[data-v-ca6c3c04] {
  font-size: 0.875rem;
  color: #6c757d;
  margin-left: 0.5rem;
}
.counts-divider[data-v-ca6c3c04] {
  width: 1px;
  height: 40px;
  background: #dee2e6;
}
.counts-section[data-v-ca6c3c04] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.count-divider[data-v-ca6c3c04] {
  font-size: 1.125rem;
  color: #dee2e6;
  margin: 0 1rem;
  line-height: 1;
}
.count-value.unfilled[data-v-ca6c3c04] {
  color: #dc3545;
}
.count-value.total[data-v-ca6c3c04] {
  color: #0d6efd;
}

.outer-flex[data-v-7b0c47fb] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.timesheet-container[data-v-00224c8f] {
  display: flex;
  align-items: center;
  gap: 5px;
}
.space-gap[data-v-00224c8f] {
  flex-grow: 1;
}
.export-btn[data-v-00224c8f]:not(:last-child) {
  margin-right: 0.5em;
}

#g-gantt-chart[data-v-77deee6b] {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 23px;
  width: 100%;
  background: white;
}
#g-gantt-chart[data-v-77deee6b] *:not(.material-icons) {
  font-family: Roboto, Verdana;
}
#g-gantt-rows-container[data-v-77deee6b] {
  position: relative;
}
.g-grid-container[data-v-77deee6b] {
  position: absolute;
  top: 0;
  left: 150px;
  width: calc(100% - 150px);
  height: calc(100% - 23px);
  display: flex;
  justify-content: space-between;
}
.g-grid-line[data-v-77deee6b] {
  width: 1px;
  height: 100%;
  background: #d3d0d0;
  z-index: 2;
}
.g-grid-line-highlighted[data-v-77deee6b] {
  background: #90caf9;
  box-shadow: 0px 0px 0px 1px #90caf9;
}
.g-gantt-row[data-v-77deee6b] {
  display: flex;
  width: 100%;
  height: 70px;
  transition: background-color 0.2s;
}
.g-gantt-row > .g-gantt-row-label[data-v-77deee6b] {
  display: flex;
  justify-content: left;
  align-items: center;
  width: 20%;
  background: #e8e8e8;
  color: #424242;
  font-size: 0.9em;
  z-index: 5;
  overflow: hidden;
  font-weight: bold;
  width: 10%;
  background: rgb(245, 245, 245);
  color: rgb(64, 64, 64);
}
.g-gantt-row > .g-gantt-row-bars-container[data-v-77deee6b] {
  position: relative;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  background: #eaeaea;
}
#g-timeaxis[data-v-77deee6b],
.g-timeaxis-days[data-v-77deee6b],
.g-timeaxis-day[data-v-77deee6b],
.g-timeaxis-day > div[data-v-77deee6b] {
  display: flex;
  overflow: hidden;
}
.g-timeaxis-days[data-v-77deee6b],
.g-gantt-row-bars-container[data-v-77deee6b] {
  width: calc(100% - 150px);
}
#g-timeaxis[data-v-77deee6b] {
  position: sticky;
  top: 0;
  width: 100%;
  height: 8%;
  min-height: 75px;
  background: white;
  z-index: 5;
  box-shadow: 0px 1px 3px 2px rgba(50, 50, 50, 0.5);
}
#g-timeaxis > .g-timeaxis-empty-space[data-v-77deee6b] {
  height: 100%;
  background: #f5f5f5;
  width: 10%;
  background: rgb(224, 224, 224);
}
#g-timeaxis > .g-timeaxis-days[data-v-77deee6b] {
  position: relative;
}
.g-timeaxis-day[data-v-77deee6b] {
  height: 100%;
  flex-direction: column;
  background: #e0e0e0;
  width: 100%;
  background: rgb(238, 238, 238);
  color: rgb(64, 64, 64);
}
.g-timeaxis-day[data-v-77deee6b]:nth-child(odd) {
  background: #e8e8e8;
}
.g-timeaxis-day > div[data-v-77deee6b]:nth-child(1) {
  /* day text */
  height: 50%;
  justify-content: space-around;
  font-weight: bold;
  align-items: center;
}
.g-timeaxis-day > div[data-v-77deee6b]:nth-child(2) {
  /* hours of a day */
  align-items: flex-end;
  height: 50%;
  justify-content: space-between;
  background: #f5f5f5;
  padding-top: 2px;
  color: #212121;
}
.g-timeaxis-hour[data-v-77deee6b] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  opacity: 0.5;
  width: 100%;
}
.g-timeaxis-hour-pin[data-v-77deee6b] {
  width: 1px;
  height: 8px;
}
#g-timeaxis-marker[data-v-77deee6b] {
  position: absolute;
  top: 0;
  height: calc(100% - 23px);
  width: 1px;
  background: black;
  z-index: 4;
}
.now-marker[data-v-77deee6b] {
  position: absolute;
  top: 0;
  /* width: 2px; */
  border-left: 3px dotted black;
  height: 100%;
  z-index: 4;
}
.now-marker.now-marker-label[data-v-77deee6b] {
  width: 70px;
  height: 24px;
  bottom: 0;
  top: unset;
  background-color: #fa5155;
  border: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-gantt-bar[data-v-77deee6b] {
  position: absolute;
  top: 2px;
  left: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  width: 300px;
  height: 34px;
  border-radius: 15px;
  background: #79869c;
  overflow: hidden;
  border-width: 3px;
  height: 66px;
  z-index: 1;
  color: black;
  border-style: solid;
}
.g-gantt-bar-label[data-v-77deee6b] {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 14px 0 14px; /* 14px is the width of the handle */
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: pre-wrap;
}
.g-gantt-bar-label > *[data-v-77deee6b] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g-gantt-bar-label > div.label-content[data-v-77deee6b] {
  white-space: pre-wrap;
}
.g-gantt-bar > .g-gantt-bar-handle-left[data-v-77deee6b],
.g-gantt-bar > .g-gantt-bar-handle-right[data-v-77deee6b] {
  position: absolute;
  width: 10px;
  height: 100%;
  background: white;
  opacity: 0.7;
  border-radius: 40px;
  cursor: w-resize;
}
.g-gantt-bar-handle-left[data-v-77deee6b] {
  left: 0;
}
.g-gantt-bar-handle-right[data-v-77deee6b] {
  right: 0;
}
.g-gantt-bar-label img[data-v-77deee6b] {
  pointer-events: none;
}
.g-gantt-tooltip[data-v-77deee6b] {
  position: absolute;
  background: black;
  color: white;
  z-index: 3;
  font-size: 0.7em;
  padding: 3px;
  border-radius: 3px;
  transition: opacity 0.2s;
  display: flex;
  align-items: center;
}
.g-gantt-tooltip[data-v-77deee6b]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: black;
  border-top: 0;
  margin-left: -5px;
  margin-top: -5px;
}
.g-gantt-tooltip > .color-indicator[data-v-77deee6b] {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin-right: 4px;
}
.fade-enter-active[data-v-77deee6b] {
  animation: fade-in-data-v-77deee6b 0.3s;
}
.fade-leave-active[data-v-77deee6b] {
  animation: fade-in-data-v-77deee6b 0.3s reverse;
}
@keyframes fade-in-data-v-77deee6b {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.view-profile-icon[data-v-77deee6b] {
  cursor: pointer;
  vertical-align: middle;
  font-size: 20px;
}
.user-prop-icon[data-v-77deee6b] {
  font-size: 18px;
}
.timeoff-icon[data-v-77deee6b] {
  margin-left: 3px;
  font-size: 15px;
  vertical-align: middle;
}
.timeaxis-label[data-v-77deee6b] {
  font-size: 13px;
  font-weight: bold;
}
.half-hour-container[data-v-77deee6b] {
  position: absolute;
  display: flex;
  width: 100%;
  bottom: 0;
}
.half-hour-container .timeaxis-label[data-v-77deee6b] {
  font-size: 11px;
  font-weight: bold;
}
.more-icon[data-v-77deee6b] {
  position: absolute;
  top: 0;
  right: 0;
}
.more-icon > i[data-v-77deee6b] {
  top: 0;
  right: 0;
  font-size: 15px;
}
.has-report-btn[data-v-77deee6b] {
  position: absolute;
  top: 18px;
  right: 0px;
  font-size: 15px;
  color: yellow;
}
.has-unsigned-btn[data-v-77deee6b] {
  position: absolute;
  top: 35px;
  right: 0px;
  font-size: 15px;
  color: orange;
}
.calendar-legend[data-v-77deee6b] {
  position: absolute;
  right: 2px;
  top: 8px;
  color: #007bff;
}
@media (max-width: 768px) {
.g-grid-container[data-v-77deee6b] {
    left: 40px;
    width: calc(100% - 40px);
}
.g-timeaxis-days[data-v-77deee6b],
  .g-gantt-row-bars-container[data-v-77deee6b] {
    width: calc(100% - 40px);
}
.left-side-label[data-v-77deee6b] {
    font-size: 0.7em;
    padding-left: 1px !important;
}
#g-gantt-chart[data-v-77deee6b] {
    margin-left: -2%;
    margin-right: -2%;
    width: unset;
}
.left-side-label i[data-v-77deee6b] {
    font-size: 12px;
}
.more-icon > i[data-v-77deee6b] {
    font-size: 12px;
}
.more-icon[data-v-77deee6b] {
    top: -5px;
    right: -4px;
}
.timeaxis-label[data-v-77deee6b] {
    font-size: 11px;
}
.calendar-legend[data-v-77deee6b] {
    right: 0px;
    top: 0px;
}
}

.nav-button-containers > button[data-v-c2498dc6] {
  border: none !important;
}
.nav-button-containers[data-v-c2498dc6] {
  display: flex;
  width: 300px;
}
.cv-header-nav[data-v-c2498dc6] {
  display: flex;
}
.left-side[data-v-c2498dc6],
.right-side[data-v-c2498dc6] {
  flex-basis: 80px;
  flex-grow: 1;
}
.top-bar-actions[data-v-c2498dc6] {
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
.right-side > span[data-v-c2498dc6] {
    font-size: 12px;
}
}

.edit-button[data-v-25ae310d] {
  top: 0;
  color: #007bff;
}
.note-container[data-v-25ae310d] {
  position: relative;
  padding-right: 1.3em;
}

.top-row-container[data-v-6f14bb5d] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-row-container > .search-box[data-v-6f14bb5d] {
  flex-grow: 1;
  margin-right: 4px;
}

.sticky-summary[data-v-69b4e358] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 999;
  /* background-color: var(--coredarkcolor); */
  color: var(--coredarkcolor)!important;
  margin: 0;
  opacity: 1;
  font-size: 0.9em;
  padding: 0;
  flex-wrap: nowrap;
  border-radius: 4px;
}
.sticky-summary > table[data-v-69b4e358] {
  width: 100%;
}
.sticky-summary td[data-v-69b4e358] {
  padding: 0.4em;
  text-align: center;
}
.sticky-summary.user-info[data-v-69b4e358] {
  top: 45px;
}
.web-menu-option[data-v-69b4e358] {
  padding: 8px 0;
  cursor: pointer;
  border-radius: 4px;
  position: relative;
}

/* Add divider line between unselected menu items */
.web-menu-option:not(:last-child):not(.menu-button-active) + .web-menu-option[data-v-69b4e358]:not(.menu-button-active)::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 60%;
  width: 1px;
  background-color: #dee2e6;
}
.menu-button-active[data-v-69b4e358] {
  color: white !important;
  font-weight: bold;
  background-color: var(--coredarkcolor) !important;
}
.sub-menu-button-active[data-v-69b4e358] {
  color: white !important;
  background-color: var(--coredarkcolor) !important;
}
@media (max-width: 768px) {
.sticky-summary > .material-icons[data-v-69b4e358] {
    padding: 10px 0px;
    text-align: center;
    display: block;
}
.sticky-summary[data-v-69b4e358] {
    top: 0px;
}
.mobile-dashboard-button h6[data-v-69b4e358] {
    font-size: 10px;
}
.mobile-dashboard-button.dashboard-button-active[data-v-69b4e358] {
    color: var(--coredarkcolor);
}
.menu-button-active h6[data-v-69b4e358] {
    font-weight: bold;
}
}
.menu-item-container[data-v-69b4e358] {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.menu-item-label[data-v-69b4e358] {
  display: none;
}
@media (min-width: 769px) {
.menu-item-label[data-v-69b4e358] {
    display: inline;
    font-size: 14px;
}
}
.sticky-summary .dashboard-button[data-v-69b4e358] {
  background-image: linear-gradient(var(--coredarkcolor) 0 0);
  background-size: 200% 0.08em;
  background-position: 200% 100%;
  background-repeat: no-repeat;
  transition: background-size 0.1s, background-position 0.3s 0.1s;
}
.sticky-summary .dashboard-button[data-v-69b4e358]:hover {
  transition: background-size 0.3s 0.1s, background-position 0.1s;
  background-size: 200% 100%;
  background-position: 100% 100%;
}
/* Hide the submenu by default */
.sub-menu[data-v-69b4e358] {
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  float: left;
  padding: 0.5rem 0;
  font-size: 1rem;
  color: #212529;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  font-weight: normal !important;
}
.mob-sub-menu-extras[data-v-69b4e358] {
  width: 155%;
  left: -57%;
}
@media (max-width: 768px) {
.mobile-dashboard-button .sub-menu[data-v-69b4e358] {
    display: block; /* Show when toggled via JS */
}
}

/* Show the submenu when the parent is hovered */
.web-menu-option:hover .sub-menu[data-v-69b4e358] {
  display: block;
}

/* Align submenu below the parent menu item */
.web-menu-option[data-v-69b4e358] {
  position: relative;
}
.sub-menu-item[data-v-69b4e358] {
  border-radius: 4px;
  cursor: pointer;
  padding: 3px 2px;
  font-size: 14px;
  color: var(--coredarkcolor);
}
.sub-menu-item .menu-item-container[data-v-69b4e358] {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 10px;
}
.sub-menu-item[data-v-69b4e358]:hover {
  background-color: rgb(246, 246, 248);
}

.arrow-container[data-v-06e05a88] {
  transform: translateY(-100%);
}
.link-line[data-v-06e05a88] {
  height: 100%;
  width: 2px;
  background-color: gray;
}
.arrow-down[data-v-06e05a88] {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid gray;
  margin-left: -9px;
  margin-top: -10px;
}

.group-header[data-v-346acfcc] {
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 0.2em;
}
.group-item[data-v-346acfcc] {
  margin-left: 1em;
}

/* Tags container styling */
.tags-container[data-v-346acfcc] {
  font-size: 13px;
  overflow-y: scroll !important; /* Always show scrollbar */
  scrollbar-width: auto; /* For Firefox */
  -ms-overflow-style: scrollbar; /* For IE/Edge */
}
.tags-container p[data-v-346acfcc] {
  margin-bottom: 8px;
  margin-top: 8px;
}
.tags-container .tag-bean[data-v-346acfcc] {
  background-color: #e3f2fd;
  color: #1976d2;
  padding: 4px 8px;
  border-radius: 4px;
  font-family: 'Courier New', monospace;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid #bbdefb;
}
.tags-container .tag-bean[data-v-346acfcc]:hover {
  background-color: #bbdefb;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.tags-container .group-header[data-v-346acfcc] {
  font-weight: 600;
  color: #333;
  margin-top: 15px;
  margin-bottom: 8px;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 4px;
}
.tags-container .group-item[data-v-346acfcc] {
  margin-bottom: 10px;
}

/* Custom scrollbar styling for better visibility */
.tags-container[data-v-346acfcc]::-webkit-scrollbar {
  width: 8px;
  height: 8px; /* Same width for horizontal scrollbar */
}
.tags-container[data-v-346acfcc]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.tags-container[data-v-346acfcc]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}
.tags-container[data-v-346acfcc]::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* Horizontal scrollbar styling */
.tags-container[data-v-346acfcc]::-webkit-scrollbar:horizontal {
  height: 8px;
}
.tags-container[data-v-346acfcc]::-webkit-scrollbar-corner {
  background: #f1f1f1;
}

.button-container[data-v-07f8fce4] {
  text-align: left;
}
.flow-container[data-v-07f8fce4] {
  display: flex;
  text-align: center;
}
.block-container[data-v-07f8fce4] {
  padding: 6px 0;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  border-bottom: solid 1px rgba(0, 0, 0, 0);
  position: relative;
  border-radius: 10px;
  background-color: #efeded;
}
.template-icon[data-v-07f8fce4] {
  font-size: 14px;
}
.edit-template-btn[data-v-07f8fce4] {
  font-size: 14px;
  cursor: pointer;
  color: #007bff;
}
.delete-template-btn[data-v-07f8fce4] {
  font-size: 14px;
  cursor: pointer;
}
i.drag-icon[data-v-07f8fce4] {
  cursor: grab;
  font-size: 16px;
}
.link-arrow[data-v-07f8fce4] {
  position: absolute;
  top: 0;
  height: 60px;
  left: 50%;
}
.toogle-check[data-v-07f8fce4] {
  cursor: pointer;
  color: #007bff;
  position: absolute;
  top: 7px;
  right: -3px;
}
.edit-setting-icon[data-v-07f8fce4] {
  font-size: 14px;
  cursor: pointer;
  color: #007bff;
  position: absolute;
  top: 7px;
  left: 6px;
}
.settings-icon[data-v-07f8fce4] {
  cursor: pointer;
  color: var(--coredarkcolor);
}
.broadcast-template-icons[data-v-07f8fce4] {
  width: 100%;
}
.broadcast-template-icons>i[data-v-07f8fce4] {
  margin-left: 8px;
  margin-right: 8px;
  color: var(--coredarkcolor);
  cursor: pointer;
}
.section-container[data-v-07f8fce4] {
  margin-bottom: 20px;
  /* border: 1px solid #CECECE; */
  border-radius: 10px;
}
@media (max-width: 1450px) {
.block-container[data-v-07f8fce4] {
    width: 80%;
    position: relative;
}
.toogle-check[data-v-07f8fce4] {
    position: static;
    margin-top: 5px;
}
.edit-setting-icon[data-v-07f8fce4]{
    margin-bottom: 8px;
    position: relative;
    left: 43%;
}
.settings-icon[data-v-07f8fce4]{
    margin-bottom: 8px;
    position: relative;
    right: 43%;
}
}



.quick-action-panel {
  position: fixed;
  background-color: white;
  padding: 1em;
  width: 350px;
  z-index: 1000;
}

.row-container[data-v-e72ca028] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-e72ca028] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-e72ca028] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-e72ca028] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.status-element[data-v-e72ca028] {
  flex-grow: 1;
  padding-right: 0.5em;
}
.color-element[data-v-e72ca028] {
  flex-grow: 0;
  flex-basis: 5em;
  text-align: center;
  margin-left: 0.5em;
}
.location-icon[data-v-e72ca028] {
  font-size: 17px;
}

.btn-container[data-v-26b8989a] {
  text-align: right;
  margin-right: 2em;
}
.color-picker-container[data-v-26b8989a] {
  display: flex;
  align-items: center;
  margin-top: 1em;
}
.color-picker-label > label[data-v-26b8989a] {
  margin-top: 0;
  margin-bottom: 0;
}
.color-picker-label[data-v-26b8989a] {
  flex-basis: 33em;
}
.relative[data-v-26b8989a] {
  position: relative;
}
.delete-image-icon[data-v-26b8989a] {
  position: absolute;
  top: 5px;
  right: 5px;
  color: red;
}
.update-jobs-floating-btn[data-v-26b8989a] {
  position: fixed;
  bottom: 60px;
  right: 45px;
  z-index: 100001;
  background: transparent;
  border: 2px solid var(--coredarkcolor);
  border-radius: 60px;
  height: 50px;
  width: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.update-jobs-floating-btn > i[data-v-26b8989a] {
  font-size: 30px;
  color: var(--coredarkcolor);
}
.shift-image-flex[data-v-26b8989a] {
  display: flex;
  direction: row;
  /* justify-content:center */
}
.shift-image-update-button[data-v-26b8989a] {
  width: auto;
  margin-left: auto;
}
.update-button-container[data-v-26b8989a] {
  text-align: right;
}
.sub-title[data-v-26b8989a] {
  font-size: 1.5rem;
  color: var(--coredarkcolor);
  margin-top: 1.5rem;
}
.sticky-menu-container[data-v-26b8989a] {
  position: sticky;
  top: 0;
  background-color: rgb(248, 249, 250);
  z-index: 1000;
  padding: 2rem 0 1rem 0;
  margin: -1rem 0;
}
.field-of-fields label[data-v-26b8989a],
.margin-class[data-v-26b8989a] {
  margin-top: 22px;
  margin-bottom: 4px;
}

.work-flow-btn[data-v-706f04c7] {
  width: 50%;
}

.setting-container[data-v-1b13c362] {
  display: inline-block;
  display: flex;
  align-items: center;
}
.settings-icon[data-v-1b13c362] {
  cursor: pointer;
  color: var(--coredarkcolor);
}
.light-color .settings-icon[data-v-1b13c362] {
  color: var(--corelightcolor);
}
.settings-icon.small[data-v-1b13c362] {
  font-size: 18px;
}
th .setting-container[data-v-1b13c362] {
  font-weight: normal;
  color: var(--profiletextcolor);
}
th .setting-container .settings-icon[data-v-1b13c362] {
  color: var(--corelightcolor);
}
.setting-btn[data-v-1b13c362] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border: none;
  border-radius: 5px;
  padding: 2px 10px;
}
.setting-btn .settings-icon[data-v-1b13c362] {
  color: var(--corelightcolor);
}

.master-calendar-container[data-v-6a22b26e] {
  position: relative;
}
input[data-v-6a22b26e],
select[data-v-6a22b26e] {
  padding: 0.75em 0.5em;
  font-size: 100%;
  /* border: 3px solid #000000; */
  width: 100%;
}
.form-search[data-v-6a22b26e] {
  padding-left: 8px;
  font-size: 14px;
}
select[data-v-6a22b26e] {
  height: 2.5em;
}
.candidate-calendar .cv-header-days[data-v-6a22b26e] {
  /* display: none; */
}
.candidate-calendar .cv-day-number[data-v-6a22b26e] {
  display: none;
}

/* Overriding some of the boostrap styling for the date selecter filters */
.form-control[readonly][data-v-6a22b26e] {
  /* background-color: #e9ecef; */
  background-color: #fff;
  opacity: 1;
  font-size: 14px;
  padding-left: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.time-edit-button[data-v-6a22b26e] {
  margin-top: 20px;
}
.editorButtons[data-v-6a22b26e] {
  margin-top: 20px;
}
.cv-weeks[data-v-6a22b26e] {
  overflow-y: hidden !important;
}
.cv-wrapper[data-v-6a22b26e] {
  font-size: 0.85em;
}
@media only screen and (max-width: 435px) {
.table-view-btn[data-v-6a22b26e] {
    position: relative;
    top: -7px;
}
.refresh-btn-container[data-v-6a22b26e] {
    position: relative;
    top: 1px;
    left: -3px;
}
}
.start-date-filter[data-v-6a22b26e], .end-date-filter[data-v-6a22b26e] {
  padding-right: 0.5em;
  flex-grow: 1;
}
.start-date-filter .material-icons[data-v-6a22b26e],
.end-date-filter .material-icons[data-v-6a22b26e] {
  margin-left: 4px;
  cursor: pointer;
}

/* Add margin to agency setting icon */
.start-date-filter[data-v-6a22b26e] :deep(.agency-setting),
.end-date-filter[data-v-6a22b26e] :deep(.agency-setting) {
  margin-left: 8px;
}
.run-scraper-btn[data-v-6a22b26e] {
  flex-grow: 1;
}
.schedule-scraper-btn[data-v-6a22b26e] {
  display: flex;
  align-items: center;
}
.schedule-scraper-btn > i[data-v-6a22b26e] {
  font-size: 30px;
}
.view-job-btn[data-v-6a22b26e] {
  display: flex;
  padding: 6px;
  border: solid 1px var(--coredarkcolor);
  color: var(--coredarkcolor);
  border-radius: 4px;
  cursor: pointer;
  background-color: white;
}
.search-tool-btn[data-v-6a22b26e] {
  display: flex;
  border-radius: 6px;
  justify-content: left;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 6px;
  border-radius: 4px;
  cursor: pointer;
  border: solid 1px var(--coredarkcolor);
  background-color: white;
}
.job-calendar-search[data-v-6a22b26e] {
  margin-top: 7px;
}
.view-process-flow[data-v-6a22b26e] {
  display: flex;
  padding: 4px;
  border: solid 1px var(--coredarkcolor);
  color: var(--coredarkcolor);
  border-radius: 4px;
  cursor: pointer;
  height: 38px;
}
.mt-mini[data-v-6a22b26e] {
  margin-top: 2px;
}
.close-tab-icon[data-v-6a22b26e] {
  position: absolute;
  top: 0;
  right: 0;
}
.edit-tab-icon[data-v-6a22b26e] {
  position: absolute;
  font-size: 16px;
  padding-left: 4px;
}
.number-applications[data-v-6a22b26e] {
  padding: 0.2em 0
}
.insights-btn[data-v-6a22b26e] {
  padding: 6px 14px;
  border: 1px solid var(--coredarkcolor, #007bff);
  color: var(--coredarkcolor, #007bff);
  background-color: white;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.9rem;
  height: fit-content;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
}
.insights-btn[data-v-6a22b26e]:hover {
  background-color: var(--coredarkcolor, #007bff);
  color: white;
}
.insights-btn[disabled][data-v-6a22b26e] {
  cursor: not-allowed;
  opacity: 0.6;
}
.insights-wrapper[data-v-6a22b26e]{
  padding:1.75rem 2rem;
  border-radius:12px;
  box-shadow:0 6px 24px rgba(30,40,90,.08);
  overflow-x:hidden;
}
.insights-tabs .nav-link[data-v-6a22b26e] {
  border-radius:30px;
  padding:.4rem 1.25rem;
  font-weight:500;
  color:#6c7a91;
  transition:all .2s;
}
.insights-tabs .nav-link.active[data-v-6a22b26e] {
  background:var(--coredarkcolor);
  color:#fff;
  box-shadow:0 3px 8px rgba(0,0,0,.12);
}
.insights-tabs[data-v-6a22b26e] { margin-top: -.5rem;
}
.insights-tabs .nav-link[data-v-6a22b26e] { margin-right: .25rem;
}
.loader-pane[data-v-6a22b26e] {
  min-height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: .75rem;
  background: repeating-linear-gradient(
              45deg,
              #f8f9fc,
              #f8f9fc 10px,
              #f3f5fa 10px,
              #f3f5fa 20px);
  border: 1px dashed #d6d9e6;
  border-radius: 10px;
}
.loader-pane i[data-v-6a22b26e]      { font-size: 3.2rem; color: var(--coredarkcolor);
}
.loader-pane h5[data-v-6a22b26e]     { font-weight: 600; letter-spacing: .02em;
}
.loader-pane p[data-v-6a22b26e]      { max-width: 320px;
}
.no-insights-pane[data-v-6a22b26e] {
  text-align: center;
  padding: 3rem 1rem;
  background-color: #f8f9fc;
  border: 1px dashed #d6d9e6;
  border-radius: 10px;
  color: #6c757d;
}
.no-insights-pane i[data-v-6a22b26e] {
  font-size: 1.75rem;
  color: #a0a8b5;
}
.insights-list[data-v-6a22b26e] {
  display: flex;
  flex-direction: column;
  row-gap: .75rem;
}
@media (max-width: 768px) {
.number-applications[data-v-6a22b26e] {
    font-size: 10px;
}
.calendar[data-v-6a22b26e] {
    margin-left: -2%;
    margin-right: -2%;
}
}

.template-builder-header[data-v-10d93225] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);

  position: sticky;
  top: 0px;
}
.icon-button-table i[data-v-10d93225] {
  display: inherit;
}
.delete-icon[data-v-10d93225] {
  color: red;
  cursor: pointer;
}
.edit-template-icon[data-v-10d93225] {
  color: #007bff;
  cursor: pointer;
}
.learn-link[data-v-10d93225] {
  display: inline-flex;
  align-items: center;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 8px 12px;
  color: #007bff;
  text-decoration: none;
  margin-top: 12px;
  font-size: 14px;
  transition: all 0.2s ease;
}
.learn-link[data-v-10d93225]:hover {
  background-color: #e9ecef;
  text-decoration: none;
  border-color: #ced4da;
}
.learn-link i[data-v-10d93225] {
  font-size: 18px;
}

.template-builder-header[data-v-fb169e56] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
  position: sticky;
  top: 0px;
}
.icon-button-table i[data-v-fb169e56] {
  display: inherit;
}
.delete-icon[data-v-fb169e56] {
  color: red;
  cursor: pointer;
}
.edit-template-icon[data-v-fb169e56] {
  color: #007bff;
  cursor: pointer;
}

.group-header[data-v-13aa9509] {
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 0.2em;
}
.group-item[data-v-13aa9509] {
  margin-left: 1em;
}

.template-builder-header[data-v-4fdfa0de] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
  position: sticky;
  top: 0px;
}
.icon-button-table i[data-v-4fdfa0de] {
  display: inherit;
}
.delete-icon[data-v-4fdfa0de] {
  color: red;
  cursor: pointer;
}
.edit-template-icon[data-v-4fdfa0de] {
  color: #007bff;
  cursor: pointer;
}

.messaging-accordion[data-v-62f45eb0] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.messaging-title[data-v-62f45eb0] {
  margin-bottom: 15px;
}
.accordion-container[data-v-62f45eb0] {
  border: 1px solid #dee2e6;
  border-radius: 4px;
  overflow: hidden;
}
.accordion-item[data-v-62f45eb0] {
  border-bottom: 1px solid #dee2e6;
}
.accordion-item[data-v-62f45eb0]:last-child {
  border-bottom: none;
}
.accordion-header[data-v-62f45eb0] {
  padding: 12px 15px;
  background-color: #f8f9fa;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.2s;
}
.accordion-header[data-v-62f45eb0]:hover {
  background-color: #e9ecef;
}
.accordion-header.active[data-v-62f45eb0] {
  background-color: #e9ecef;
  font-weight: bold;
}
.accordion-title[data-v-62f45eb0] {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.accordion-title i[data-v-62f45eb0] {
  font-size: 20px;
}
.accordion-icon[data-v-62f45eb0] {
  font-size: 12px;
}
.accordion-content[data-v-62f45eb0] {
  padding: 15px;
  background-color: #fff;
}
.phone-list-container[data-v-62f45eb0] {
  margin-top: 10px;
  margin-bottom: 20px;
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #dee2e6;
  border-radius: 4px;
}
.phone-list-container table[data-v-62f45eb0] {
  margin-bottom: 0;
}

.pagination-panel .pagination .page-item:not(.active) .page-link[data-v-83ed6a86] {
  color: var(--coredarkcolor);
}
.pagination-panel .pagination .page-item.active .page-link[data-v-83ed6a86] {
  background-color: var(--coredarkcolor);
  border-color: var(--coredarkcolor);
}
.pagination-panel[data-v-83ed6a86] {
  display: flex;
  flex-wrap: wrap;
}
.page-info-container[data-v-83ed6a86] {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.item-per-page[data-v-83ed6a86] {
  display: flex;
  align-items: center;
}
.item-per-page-selection[data-v-83ed6a86] {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.pagination-lg .page-link[data-v-83ed6a86] {
  font-size: 16px;
  padding: 8px 16px;
}
.page-item[data-v-83ed6a86]:not(.active) {
  cursor: pointer;
}
.picture-cell[data-v-83ed6a86] {
  text-align: center;
}
.profile-picture[data-v-83ed6a86] {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  object-fit: cover;
}
.multiselect--active[data-v-83ed6a86] {
  z-index: 3;
}
.group-header[data-v-83ed6a86] {
  text-align: left;
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}
.group-header > h4[data-v-83ed6a86] {
  font-weight: bold;
}
.table-sticky-header[data-v-83ed6a86] {
  position: sticky;
  z-index: 1;
}

.right-group-buttons[data-v-156a5c3c] {
  justify-content: end;
  display: flex;
  align-items: center;
}
.analytics-dashboard-btn[data-v-156a5c3c] {
  cursor: pointer;
}
.advance-search i[data-v-156a5c3c] {
  font-size: 32px;
  cursor: pointer;
}
.advance-search-btn[data-v-156a5c3c] {
  margin-right: 0.5em;
}
.clear-search-btn i[data-v-156a5c3c] {
  font-size: 22px;
  font-weight: bold;
}
.add-icon[data-v-156a5c3c] {
  cursor: pointer;
}
.add-icon > i[data-v-156a5c3c] {
  font-size: 28px;
}
.close-tab-icon[data-v-156a5c3c] {
  position: absolute;
  top: 0;
  right: 0;
  /* font-size: 15px; */
}
.edit-tab-icon[data-v-156a5c3c] {
  position: absolute;
  font-size: 16px;
  padding-left: 4px;
}
.mobile-assigned-candidate-names[data-v-156a5c3c] {
  margin-left: 35px;
}
.multiselect--active[data-v-156a5c3c] {
  z-index: 99;
}
/* .max-content {
  width: max-content;
} */
.view-map-button[data-v-156a5c3c] {
  margin-left: 0.3em;
  margin-right: 0.3em;
}
.search-add-row[data-v-156a5c3c] {
  align-items: center;
}
.search-tool-btn[data-v-156a5c3c] {
  display: flex;
  border-radius: 6px;
  justify-content: left;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-right: 6px;
  border-radius: 4px;
  cursor: pointer;
  border: none;
}
.view-process-flow[data-v-156a5c3c] {
  display: flex;
  padding: 6px;
  border: solid 1px var(--coredarkcolor);
  color: var(--coredarkcolor);
  border-radius: 4px;
  cursor: pointer;
  height: 38px;
}
.form-builder-link > a[data-v-156a5c3c] {
  width: 100%;
  padding: 7px 11px;
  font-size: 16px;
  font-weight: 400;
}
.bottom-buttons[data-v-156a5c3c] {
  display: flex;
  justify-content: right;
}

.right-group-buttons[data-v-773992f2] {
  justify-content: end;
  display: flex;
  align-items: center;
}
.analytics-dashboard-btn[data-v-773992f2] {
  cursor: pointer;
}
.advance-search i[data-v-773992f2] {
  font-size: 32px;
  cursor: pointer;
}
.advance-search-btn[data-v-773992f2] {
  margin-right: 0.5em;
}
.clear-search-btn i[data-v-773992f2] {
  font-size: 22px;
  font-weight: bold;
}
.add-icon[data-v-773992f2] {
  cursor: pointer;
}
.add-icon > i[data-v-773992f2] {
  font-size: 28px;
}
.close-tab-icon[data-v-773992f2] {
  position: absolute;
  top: 0;
  right: 0;
  /* font-size: 15px; */
}
.edit-tab-icon[data-v-773992f2] {
  position: absolute;
  font-size: 16px;
  padding-left: 4px;
}
.mobile-assigned-client-names[data-v-773992f2] {
  margin-left: 35px;
}
.multiselect--active[data-v-773992f2] {
  z-index: 99;
}
/* .max-content {
  width: max-content;
} */
.view-map-button[data-v-773992f2] {
  margin-left: 0.3em;
  margin-right: 0.3em;
}
.search-add-row[data-v-773992f2] {
  align-items: center;
}
.search-tool-btn[data-v-773992f2] {
  display: flex;
  border-radius: 6px;
  justify-content: left;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-right: 6px;
  border-radius: 4px;
  cursor: pointer;
  border: none;
}
.view-process-flow[data-v-773992f2] {
  display: flex;
  padding: 6px;
  border: solid 1px var(--coredarkcolor);
  color: var(--coredarkcolor);
  border-radius: 4px;
  cursor: pointer;
  height: 38px;
}
.form-builder-link > a[data-v-773992f2] {
  width: 100%;
  padding: 7px 11px;
  font-size: 16px;
  font-weight: 400;
}
.bottom-buttons[data-v-773992f2] {
  display: flex;
  justify-content: right;
}

.user-type-selection[data-v-428e05e3] {
  flex-grow: 1;
}
.how-blast-work[data-v-428e05e3] {
  font-weight: bold;
  text-align: right;
  margin-top: .5rem;
}
.step-title[data-v-428e05e3] {
  margin-bottom: 1.5rem;
  color: #333;
}
.step-navigation[data-v-428e05e3] {
  display: flex;
  justify-content: flex-start;
}

/* Progress Bar Styles */
.progress-bar-container[data-v-428e05e3] {
  margin: 20px 0;
}
.progress-steps[data-v-428e05e3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.progress-step[data-v-428e05e3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  cursor: pointer;
  opacity: 0.5;
}
.progress-step.active[data-v-428e05e3] {
  opacity: 1;
}
.progress-step.completed .step-number[data-v-428e05e3] {
  background-color: #28a745;
  color: white;
}
.step-number[data-v-428e05e3] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f8f9fa;
  border: 2px solid #dee2e6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  font-weight: bold;
}
.progress-step.active .step-number[data-v-428e05e3] {
  border-color: #007bff;
  background-color: #007bff;
  color: white;
}
.step-label[data-v-428e05e3] {
  font-size: 14px;
  font-weight: 500;
}
.progress-line[data-v-428e05e3] {
  flex-grow: 1;
  height: 2px;
  background-color: #dee2e6;
  margin: 0 15px;
  margin-bottom: 30px;
}
.progress-line.active[data-v-428e05e3] {
  background-color: #007bff;
}
.import-mailing-list[data-v-428e05e3] {
  float: right;
}
.subject-suggestions li[data-v-428e05e3] {
  list-style-type: disc;
  cursor: pointer;
  line-height: 1.6;
}
.subject-suggestions li a[data-v-428e05e3] {
  text-decoration: none;
}
.subject-suggestions li a[data-v-428e05e3]:hover {
  text-decoration: underline;
}
.subject-chip-wrap[data-v-428e05e3] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.subject-chip[data-v-428e05e3] {
  display: inline-block;
  padding: 6px 12px;
  background: #f1f3f5;
  border: 1px solid #d0d3d6;
  border-radius: 20px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  transition: all 0.15s ease;
}
.subject-chip[data-v-428e05e3]:hover {
  background: #007bff;
  border-color: #007bff;
  color: #fff;
}
.mylisting-button[data-v-428e05e3]:disabled,
.mylisting-button[disabled][data-v-428e05e3] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.subject-input-wrapper[data-v-428e05e3] { position: relative;
}
.subject-input-wrapper .form-control[data-v-428e05e3] { padding-right: 20rem;
}
.generate-btn[data-v-428e05e3] {
  position: absolute;
  top: 50%;
  right: .75rem;
  transform: translateY(-50%);
  padding-block: 5px;
  padding-inline: 16px;
}
@media (max-width: 900px) {
.subject-input-wrapper[data-v-428e05e3] {
    display: block;
}
.subject-input-wrapper .form-control[data-v-428e05e3] {
    padding-right: .75rem;
}
.subject-input-wrapper .generate-btn[data-v-428e05e3] {
    position: static;  
    transform: none;            
    width: 100%;                
    margin-top: .5rem;           
    right: auto;              
    top: auto;
}
}



.template-builder-header[data-v-9f059446] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);

  position: sticky;
  top: 0px;
}
.icon-button-table i[data-v-9f059446] {
  display: inherit;
}
.delete-icon[data-v-9f059446] {
  color: red;
  cursor: pointer;
}
.edit-template-icon[data-v-9f059446] {
  color: #007bff;
  cursor: pointer;
}

.template-builder-header[data-v-9508cbb8] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);

  position: sticky;
  top: 0px;
}
.icon-button-table i[data-v-9508cbb8] {
  display: inherit;
}
.delete-icon[data-v-9508cbb8] {
  color: red;
  cursor: pointer;
}
.edit-template-icon[data-v-9508cbb8] {
  color: #007bff;
  cursor: pointer;
}
.icon-button-table[data-v-9508cbb8] {
  cursor: pointer;
  margin: 0.5em;
}

.thread-container[data-v-77019bc2] {
  overflow-y: auto;
  max-height: 200px;
}

.email-group-log[data-v-8bb4bf82] {
  background-color: #f8f9fa;
  min-height: 100vh;
  padding: 20px;
}
.header-section[data-v-8bb4bf82] {
  margin-bottom: 30px;
}
.page-title[data-v-8bb4bf82] {
  color: #2c3e50;
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 28px;
}
.page-subtitle[data-v-8bb4bf82] {
  color: #6c757d;
  margin-bottom: 0;
  font-size: 16px;
}
.filters-card[data-v-8bb4bf82] {
  background: white;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-bottom: 30px;
  border: 1px solid #e9ecef;
}
.filter-label[data-v-8bb4bf82] {
  font-weight: 600;
  color: #495057;
  margin-bottom: 8px;
  display: block;
  font-size: 14px;
}
.custom-datepicker[data-v-8bb4bf82] {
  width: 100%;
}
.custom-datepicker input[data-v-8bb4bf82] {
  background-color: white !important;
  border: 2px solid #e9ecef !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  padding: 12px 16px !important;
  transition: all 0.3s ease;
}
.custom-datepicker input[data-v-8bb4bf82]:focus {
  border-color: #007bff !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}
.campaign-count[data-v-8bb4bf82] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.count-number[data-v-8bb4bf82] {
  font-size: 24px;
  font-weight: 700;
  color: #2c3e50;
  line-height: 1;
}
.count-label[data-v-8bb4bf82] {
  font-size: 12px;
  color: #6c757d;
  font-weight: 500;
}
.filter-actions[data-v-8bb4bf82] {
  gap: 20px;
}
.filter-actions > * + *[data-v-8bb4bf82] {
  margin-left: 20px;
}
.email-groups-container[data-v-8bb4bf82] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.email-group-card[data-v-8bb4bf82] {
  background: white;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid #e9ecef;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
}
.email-group-card[data-v-8bb4bf82]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.card-header[data-v-8bb4bf82] {
  padding: 25px;
  border-bottom: 1px solid #f1f3f4;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.campaign-subject[data-v-8bb4bf82] {
  color: #2c3e50;
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 1.4;
}
.campaign-meta[data-v-8bb4bf82] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.meta-item[data-v-8bb4bf82] {
  display: flex;
  align-items: center;
  color: #6c757d;
  font-size: 14px;
}
.meta-item i[data-v-8bb4bf82] {
  margin-right: 8px;
  color: #007bff;
  font-size: 13px;
}
.meta-item.scheduled[data-v-8bb4bf82] {
  color: #fd7e14;
  font-weight: 500;
}
.meta-item.scheduled i[data-v-8bb4bf82] {
  color: #fd7e14;
}
.schedule-actions[data-v-8bb4bf82] {
  margin-left: 20px;
}
.btn[data-v-8bb4bf82] {
  border-radius: 8px;
  font-weight: 500;
  padding: 8px 16px;
  transition: all 0.3s ease;
}
.btn i[data-v-8bb4bf82] {
  margin-right: 6px;
}
.campaign-stats[data-v-8bb4bf82] {
  padding: 25px;
}
.stats-grid[data-v-8bb4bf82] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}
.stat-item[data-v-8bb4bf82] {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 20px;
  position: relative;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}
.stat-item.clickable[data-v-8bb4bf82] {
  cursor: pointer;
}
.stat-item.clickable[data-v-8bb4bf82]:hover {
  background: #e9ecef;
  transform: translateY(-1px);
  border-color: #dee2e6;
}
.stat-number[data-v-8bb4bf82] {
  font-size: 24px;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 5px;
}
.stat-label[data-v-8bb4bf82] {
  font-size: 14px;
  color: #6c757d;
  font-weight: 500;
  margin-bottom: 8px;
}
.stat-percentage[data-v-8bb4bf82] {
  font-size: 12px;
  font-weight: 600;
  color: #28a745;
  margin-bottom: 10px;
}
.stat-icon[data-v-8bb4bf82] {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: white;
}
.stat-icon.total[data-v-8bb4bf82] {
  background: #6c757d;
}
.stat-icon.delivered[data-v-8bb4bf82] {
  background: #28a745;
}
.stat-icon.opened[data-v-8bb4bf82] {
  background: #17a2b8;
}
.stat-icon.clicked[data-v-8bb4bf82] {
  background: #fd7e14;
}
.progress-bar[data-v-8bb4bf82] {
  height: 6px;
  background: #e9ecef;
  border-radius: 3px;
  overflow: hidden;
}
.progress-fill[data-v-8bb4bf82] {
  height: 100%;
  border-radius: 3px;
  transition: width 0.3s ease;
}
.progress-fill.delivered[data-v-8bb4bf82] {
  background: #28a745;
}
.progress-fill.opened[data-v-8bb4bf82] {
  background: #17a2b8;
}
.progress-fill.clicked[data-v-8bb4bf82] {
  background: #fd7e14;
}
.scheduled-banner[data-v-8bb4bf82] {
  padding: 20px 25px;
  background: linear-gradient(135deg, #ffeaa7, #fdcb6e);
  color: #d63031;
  display: flex;
  align-items: center;
  font-weight: 500;
}
.scheduled-banner i[data-v-8bb4bf82] {
  margin-right: 12px;
  font-size: 16px;
}
@media (max-width: 768px) {
.stats-grid[data-v-8bb4bf82] {
    grid-template-columns: 1fr;
}
.card-header[data-v-8bb4bf82] {
    flex-direction: column;
    align-items: flex-start;
}
.schedule-actions[data-v-8bb4bf82] {
    margin-left: 0;
    margin-top: 15px;
}
.campaign-meta[data-v-8bb4bf82] {
    flex-direction: column;
    gap: 10px;
}
.filter-actions[data-v-8bb4bf82] {
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.filter-actions > * + *[data-v-8bb4bf82] {
    margin-left: 0;
}
.campaign-count[data-v-8bb4bf82] {
    order: 2;
}
}

.button-container[data-v-1a4d9ea3] {
  text-align: right;
}

.alarm-message[data-v-b58a7d46] {
  background: #efefef;
  padding: 20px 30px;
}
.section-title[data-v-b58a7d46] {
  color: #333;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #e9ecef;
}
.unsubscribed-btn[data-v-b58a7d46] {
  display: flex;
  align-items: center;
  border-radius: 8px;
  font-weight: 500;
  padding: 10px 20px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.unsubscribed-btn[data-v-b58a7d46]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  border-color: #dc3545;
  background-color: rgba(220, 53, 69, 0.1);
  color: #dc3545;
}
.unsubscribed-btn .material-icons[data-v-b58a7d46] {
  color: #dc3545;
  vertical-align: middle;
  align-self: center;
  font-size: 28px;
  line-height: 1;
}
.unsubscribed-btn .badge[data-v-b58a7d46] {
  font-size: 0.75rem;
  border-radius: 12px;
  padding: 4px 8px;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
}
.unsubscribed-text[data-v-b58a7d46] {
  margin: 0 20px;
}
.channel-selection-grid[data-v-b58a7d46] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 15px;
  padding: 10px;
}
.channel-card[data-v-b58a7d46] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  background-color: #f9f9f9;
}
.channel-card[data-v-b58a7d46]:hover {
  border-color: #007bff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  background-color: #f0f7ff;
}
.channel-card.active[data-v-b58a7d46] {
  border-color: #007bff;
  background-color: #e6f7ff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.channel-icon[data-v-b58a7d46] {
  font-size: 36px;
  color: #007bff;
  margin-bottom: 10px;
}
.channel-label[data-v-b58a7d46] {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.row-container[data-v-14a70a61] {
  display: flex;
  margin-bottom: 0.5em;
}
.row-header-container[data-v-14a70a61] {
  display: flex;
  margin-top: 0.5em;
}
.delete-button-container[data-v-14a70a61] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-14a70a61] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-14a70a61] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.textbox1-element[data-v-14a70a61] {
  flex-grow: 1;
  flex-basis: 66.66%;
}
.textbox2-element[data-v-14a70a61] {
  flex-grow: 1;
  flex-basis: 33.33%;
  padding-right: 1em;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #1f4e78;
  background-color: #1f4e78;
}














































































































































































































































































































/* Booking Links Styling */
.info-note[data-v-c98a1f06] {
  background-color: #f8f9fa;
  border-left: 4px solid #007bff;
  padding: 12px 16px;
  border-radius: 4px;
}
.info-note a[data-v-c98a1f06] {
  color: #007bff;
  text-decoration: none;
}
.info-note a[data-v-c98a1f06]:hover {
  text-decoration: underline;
}
.booking-links-container[data-v-c98a1f06] {
  display: flex;
  flex-direction: column;
  margin: 12px 0 20px;
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 10px;
}
.booking-link-item[data-v-c98a1f06] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  overflow: hidden;
}
.booking-link-item[data-v-c98a1f06]:last-child {
  margin-bottom: 0;
}
.booking-link[data-v-c98a1f06] {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  color: #3d556e;
  text-decoration: none;
  transition: background-color 0.2s;
  background-color: white;
}
.booking-link[data-v-c98a1f06]:hover {
  background-color: #f0f4f7;
  text-decoration: none;
}
.link-icon[data-v-c98a1f06] {
  margin-right: 8px;
  color: #007bff;
  font-size: 20px;
}
.link-text[data-v-c98a1f06] {
  font-weight: 500;
}
.copy-link-button[data-v-c98a1f06] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  padding: 10px 12px;
  cursor: pointer;
  color: #6c757d;
  transition: background-color 0.2s, color 0.2s;
  border-left: 1px solid #f0f0f0;
}
.copy-link-button[data-v-c98a1f06]:hover {
  background-color: #e9ecef;
  color: #343a40;
}
.copy-link-button i[data-v-c98a1f06] {
  font-size: 18px;
}

.btn-container[data-v-540a40f1] {
  text-align: right;
  margin-top: 1em;
}
.form-check-label[data-v-540a40f1] {
  padding-left: 6px;
}
.sms-counter[data-v-540a40f1] {
  position: absolute;
  right: 10px;
}

.admin-builder-header[data-v-ed4a9eda] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}
.delete-icon[data-v-ed4a9eda] {
  color: red;
  cursor: pointer;
}
.edit-admin-icon[data-v-ed4a9eda] {
  color: #007bff;
  cursor: pointer;
}
.change-password-icon[data-v-ed4a9eda] {
  color: #007bff;
  cursor: pointer;
}
.disabled-admin[data-v-ed4a9eda] {
  opacity: 0.4;
}

.date-filter[data-v-2c635859] {
  padding-right: 1em;
}
.admin-filter[data-v-2c635859] {
}

.row-container[data-v-867e6580] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-867e6580] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-867e6580] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-867e6580] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.holiday-name-element[data-v-867e6580] {
  flex-grow: 1;
  flex-basis: 33%;
  padding-right: 0.5em;
}
.date-element[data-v-867e6580] {
  flex-grow: 1;
  flex-basis: 33%;
  padding-left: 0.5em;
}
.location-element[data-v-867e6580] {
  flex-grow: 1;
  flex-basis: 33%;
  padding-left: 0.5em;
}

.row-container[data-v-50c184aa] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-50c184aa] {
  flex-basis: 2em;
  display: flex;
  padding-top: 3em;
  justify-content: center;
}
.delete-button[data-v-50c184aa] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-50c184aa] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.disabled-delete[data-v-50c184aa] {
  opacity: 0.3;
  pointer-events: none;
}
.content-defined[data-v-50c184aa] {
  flex-grow: 1;
  padding: 0 1em;
}

.row-container[data-v-eef235da] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-eef235da] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-eef235da] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-eef235da] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.checklist-element[data-v-eef235da] {
  flex-grow: 1;
  flex-basis: 50%;
  padding-right: 0.5em;
}
.condition-element[data-v-eef235da] {
  flex-grow: 1;
  flex-basis: 50%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.dialog-backdrop[data-v-4b45fafe] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  backdrop-filter: blur(4px);
}
.dialog-container[data-v-4b45fafe] {
  background-color: #ffffff;
  color: #1a202c;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  width: 90%;
  max-width: 850px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  animation: fadeIn-data-v-4b45fafe 0.3s ease-out;
  border: 1px solid #e2e8f0;
}
.dialog-body[data-v-4b45fafe] {
    overflow-y: auto;
}
@keyframes fadeIn-data-v-4b45fafe {
from { opacity: 0; transform: translateY(-20px) scale(0.98);
}
to { opacity: 1; transform: translateY(0) scale(1);
}
}
.dialog-header[data-v-4b45fafe] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
  border-bottom: 1px solid #e2e8f0;
  position: relative;
  flex-shrink: 0;
}
.dialog-title[data-v-4b45fafe] {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
  text-align: center;
}
.close-button[data-v-4b45fafe] {
  background: none;
  border: none;
  color: #a0aec0;
  cursor: pointer;
  padding: 0;
  transition: color 0.2s;
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
}
.close-button[data-v-4b45fafe]:hover {
  color: #4a5568;
}
.dialog-body[data-v-4b45fafe] {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.upload-area[data-v-4b45fafe] {
  border: 2px dashed #cbd5e0;
  border-radius: 8px;
  background-color: #f7fafc;
  padding: 1rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload-area.has-files[data-v-4b45fafe] {
    padding: 1rem;
}
.upload-area[data-v-4b45fafe]:hover, .upload-area.file-hover[data-v-4b45fafe] {
  border-color: #4299e1;
  background-color: #ebf8ff;
}
.upload-area.is-loading[data-v-4b45fafe],
.upload-area.is-locked[data-v-4b45fafe] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  background-color: #f7fafc;
  border-color: #e2e8f0;
}
.upload-content[data-v-4b45fafe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.upload-icon[data-v-4b45fafe] {
    color: #a0aec0;
    margin-bottom: 1rem;
}
.upload-text[data-v-4b45fafe] {
    margin: 0;
    color: #4a5568;
}
.upload-subtext[data-v-4b45fafe] {
    font-size: 0.875rem;
    color: #718096;
    margin-top: 0.5rem;
}
.file-list-container[data-v-4b45fafe] {
    width: 100%;
    text-align: left;
}
.file-list[data-v-4b45fafe] {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 160px;
    overflow-y: auto;
}
.file-item[data-v-4b45fafe] {
    background-color: #edf2f7;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    color: #2d3748;
}
.file-name[data-v-4b45fafe] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 1rem;
}
.remove-file-button[data-v-4b45fafe] {
    background: none;
    border: none;
    color: #a0aec0;
    cursor: pointer;
    padding: 0.25rem;
    line-height: 1;
}
.remove-file-button[data-v-4b45fafe]:hover {
    color: #f56565;
}
.remove-file-button[data-v-4b45fafe]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.add-more-files-text[data-v-4b45fafe] {
    font-size: 0.875rem;
    color: #718096;
    margin-top: 1rem;
    text-align: center;
}
.analysis-actions[data-v-4b45fafe] {
  display: flex;
  justify-content: center;
}
.analysis-button[data-v-4b45fafe] {
  width: 100%;
  padding: 0.85rem 1.5rem;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.analysis-button[data-v-4b45fafe]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.analysis-button.analyse[data-v-4b45fafe] {
  background: linear-gradient(90deg, #5e72e4 0%, #825ee4 100%);
  color: white;
}
.analysis-button.analyse[data-v-4b45fafe]:hover:not(:disabled) {
  opacity: 0.9;
  box-shadow: 0 4px 15px rgba(94, 114, 228, 0.2);
}
.button-content-loading[data-v-4b45fafe] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}
.button-loader[data-v-4b45fafe] {
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-top: 2px solid #ffffff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: spin-data-v-4b45fafe 1s linear infinite;
    display: inline-block;
}
.results-container[data-v-4b45fafe] {
    background-color: #f7fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    position: relative;
}
.copy-button[data-v-4b45fafe] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 10;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: #718096;
    border: 1px solid #e2e8f0;
    padding: 0;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
}
.copy-button[data-v-4b45fafe]:hover {
    background-color: #f7fafc;
    border-color: #cbd5e0;
    color: #4a5568;
}
.copy-success-icon[data-v-4b45fafe] {
    color: #48bb78;
}
.results-box[data-v-4b45fafe] {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 1.5rem;
  min-height: 250px;
  max-height: 400px;
  overflow-y: auto;
  color: #2d3748;
}
.loader[data-v-4b45fafe] {
    border: 4px solid #e2e8f0;
    border-top: 4px solid #4299e1;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin-data-v-4b45fafe 1s linear infinite;
    margin: 4rem auto;
}
@keyframes spin-data-v-4b45fafe {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
.markdown-content[data-v-4b45fafe] h3,[data-v-4b45fafe]:deep(.markdown-content h3) {
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0 0 0.75rem 0;
  color: #2d3748;
  text-transform: none;
  letter-spacing: 0;
}
.markdown-content[data-v-4b45fafe] p,[data-v-4b45fafe]:deep(.markdown-content p) {
  margin: 0 0 0.5rem 0;
  color: #2d3748;
  line-height: 1.6;
}
.markdown-content[data-v-4b45fafe] ul,[data-v-4b45fafe]:deep(.markdown-content ul) {
  list-style: disc;
  padding-left: 1.25rem;   
  margin: 0 0 1rem 0;
}
.markdown-content[data-v-4b45fafe] li,[data-v-4b45fafe]:deep(.markdown-content li) {
  margin: 0.35rem 0;
  line-height: 1.6;
}
.markdown-content[data-v-4b45fafe] ul ul,[data-v-4b45fafe]:deep(.markdown-content ul ul) {
  list-style: circle;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.markdown-content[data-v-4b45fafe] li > p,[data-v-4b45fafe]:deep(.markdown-content li > p) {
  margin: 0;
}
.markdown-content[data-v-4b45fafe] li > p > strong,[data-v-4b45fafe]:deep(.markdown-content li > p > strong) {
  display: inline-block;
  min-width: 210px;
  color: #4a5568;
  font-weight: 600;
}
@media (max-width: 520px) {
.markdown-content[data-v-4b45fafe] li > p > strong,[data-v-4b45fafe]:deep(.markdown-content li > p > strong) {
    min-width: 0;
}
}
.markdown-content[data-v-4b45fafe] a,[data-v-4b45fafe]:deep(.markdown-content a) {
  text-decoration: underline;
  word-break: break-word;
}


.color-picker-container[data-v-2c9d94a2] {
  display: flex;
  align-items: center;
}
.color-picker-label > label[data-v-2c9d94a2] {
  margin-top: 0;
  margin-bottom: 0;
}
.color-picker-label[data-v-2c9d94a2] {
  flex-basis: 33em;
}
.button-container[data-v-2c9d94a2] {
  text-align: right;
}
.agency-type[data-v-2c9d94a2] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.agency-type-section[data-v-2c9d94a2] {
  margin-top: 4rem;
}
.deactivate-agency[data-v-2c9d94a2] {
  display: flex;
  justify-content: space-between;
}
.btn-container[data-v-2c9d94a2] {
  text-align: right;
  margin-right: 2em;
}
.update-jobs-floating-btn[data-v-2c9d94a2] {
  position: fixed;
  bottom: 60px;
  right: 45px;
  z-index: 100000;
  background: transparent;
  border: 2px solid var(--coredarkcolor);
  border-radius: 60px;
  height: 50px;
  width: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.update-jobs-floating-btn > i[data-v-2c9d94a2] {
  font-size: 30px;
  color: var(--coredarkcolor);
}
.update-button-container[data-v-2c9d94a2] {
  text-align: right;
}

.btn-container[data-v-3a4649d2] {
  text-align: right;
  margin-right: 2em;
}

.row-container[data-v-a61034da] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-a61034da] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-a61034da] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-a61034da] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.field-element[data-v-a61034da] {
  flex-grow: 1;
  padding-right: 0.5em;
}
.color-element[data-v-a61034da] {
  flex-grow: 0;
  flex-basis: 5em;
  text-align: center;
  margin-left: 0.5em;
}

.btn-container[data-v-496379c2] {
  text-align: right;
  margin-right: 2em;
  margin-top: 1em;
}
.section-container[data-v-496379c2] {
  margin-top: 1em;
}
.update-jobs-floating-btn[data-v-496379c2] {
  position: fixed;
  bottom: 60px;
  right: 45px;
  z-index: 100000;
  background: transparent;
  border: 2px solid var(--coredarkcolor);
  border-radius: 60px;
  height: 50px;
  width: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.update-jobs-floating-btn > i[data-v-496379c2] {
  font-size: 30px;
  color: var(--coredarkcolor);
}
.update-button-container[data-v-496379c2] {
  text-align: right;
}

.row-container[data-v-37f5aaa5] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-37f5aaa5] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-37f5aaa5] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-37f5aaa5] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.checklist-element[data-v-37f5aaa5] {
  flex-grow: 1;
  flex-basis: 50%;
  padding-right: 0.5em;
}
.condition-element[data-v-37f5aaa5] {
  flex-grow: 1;
  flex-basis: 50%;
  padding-left: 0.5em;
}

.row-container[data-v-28b6cc17] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-28b6cc17] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-28b6cc17] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-28b6cc17] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.scraper-username[data-v-28b6cc17] {
  flex-grow: 1;
  flex-basis: 33%;
  padding-right: 0.5em;
}
.scraper-password[data-v-28b6cc17] {
  flex-grow: 1;
  flex-basis: 33%;
  padding-left: 0.5em;
}
.scraper-type[data-v-28b6cc17] {
  flex-grow: 1;
  flex-basis: 33%;
  padding-left: 0.5em;
}

.zapier-cont[data-v-382d2c04] {
    display: flex;
    align-items: center;
    vertical-align: middle;
}
.copy-button[data-v-382d2c04] {
    display: flex;
    align-items: center;
}

.confirmation-message[data-v-5e870cb0] {
  margin: 20px 0;
  font-size: 1.1em;
}
.example[data-v-5e870cb0]{
  font-style: italic;
  font-size: 14px;
}

.success-button[data-v-155770b8] {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
  color: white !important;
}
.success-button[data-v-155770b8]:hover {
  background-color: #218838 !important;
  border-color: #1e7e34 !important;
}



.stripe-integration-full[data-v-4915a05d] {
  text-align: left;
  margin: 0;
  padding: 0;
}
.update-btn[data-v-4915a05d] {
  margin-right: 8px;
}
.label-no-margin-top[data-v-4915a05d] {
  margin-top: 0 !important;
}

.source-fields-container[data-v-41b7df8e],
.target-fields-container[data-v-41b7df8e] {
  height: 500px;
  display: flex;
  flex-direction: column;
}
.fields-list[data-v-41b7df8e] {
  flex: 1;
  overflow-y: auto;
  border-top: 1px solid #dee2e6;
}
.field-item[data-v-41b7df8e] {
  padding: 12px 16px;
  border-bottom: 1px solid #f8f9fa;
  cursor: pointer;
  transition: all 0.2s ease;
}
.field-item[data-v-41b7df8e]:hover {
  background-color: #f8f9fa;
}
.field-item.selected[data-v-41b7df8e] {
  background-color: #e3f2fd;
  border-left: 4px solid #2196f3;
}
.field-item.mapped[data-v-41b7df8e] {
  background-color: #f1f8e9;
  border-left: 4px solid #4caf50;
}
.field-item.required[data-v-41b7df8e] {
  border-left: 4px solid #ff9800;
}
.field-item.required.mapped[data-v-41b7df8e] {
  border-left: 4px solid #4caf50;
}
.field-label[data-v-41b7df8e] {
  font-weight: 500;
  color: #333;
  margin-bottom: 4px;
}
.field-key[data-v-41b7df8e],
.field-path[data-v-41b7df8e] {
  font-size: 0.85em;
  color: #666;
  font-family: 'Courier New', monospace;
}
.field-info[data-v-41b7df8e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
}
.field-type[data-v-41b7df8e] {
  font-size: 0.75em;
  background-color: #e9ecef;
  color: #495057;
  padding: 2px 6px;
  border-radius: 3px;
  font-weight: 500;
}
.selected-field[data-v-41b7df8e] {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 12px;
  min-height: 60px;
  display: flex;
  align-items: center;
}
.mapping-arrow[data-v-41b7df8e] {
  color: #6c757d;
  font-size: 24px;
}
.mapped-indicator[data-v-41b7df8e] {
  color: #4caf50;
  margin-left: 8px;
}
.mapped-indicator i[data-v-41b7df8e] {
  font-size: 16px;
}
.nav-tabs .nav-link[data-v-41b7df8e] {
  border: none;
  border-bottom: 2px solid transparent;
  color: #6c757d;
  font-weight: 500;
}
.nav-tabs .nav-link.active[data-v-41b7df8e] {
  border-bottom-color: #2196f3;
  color: #2196f3;
  background-color: transparent;
}
.card[data-v-41b7df8e] {
  border: 1px solid #dee2e6;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.card-header[data-v-41b7df8e] {
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}
.table th[data-v-41b7df8e] {
  border-top: none;
  font-weight: 600;
  color: #495057;
}
.badge[data-v-41b7df8e] {
  font-size: 0.75em;
}
.spinner-border[data-v-41b7df8e] {
  color: #2196f3;
}
@media (max-width: 768px) {
.source-fields-container[data-v-41b7df8e],
  .target-fields-container[data-v-41b7df8e] {
    height: 300px;
}
.field-item[data-v-41b7df8e] {
    padding: 8px 12px;
}
.selected-field[data-v-41b7df8e] {
    min-height: 50px;
    padding: 8px;
}
}

.badge[data-v-2675e11e] {
  padding: 0.4em 0.6em;
  font-size: 85%;
}
.badge-info[data-v-2675e11e] {
  background-color: #17a2b8;
  color: white;
}
.badge-success[data-v-2675e11e] {
  background-color: #28a745;
  color: white;
}
.badge-warning[data-v-2675e11e] {
  background-color: #ffc107;
  color: #212529;
}
.badge-danger[data-v-2675e11e] {
  background-color: #dc3545;
  color: white;
}
.badge-secondary[data-v-2675e11e] {
  background-color: #6c757d;
  color: white;
}
.table-responsive[data-v-2675e11e] {
  max-height: 500px;
  overflow-y: auto;
}

.form-group[data-v-a179539e] {
  margin-bottom: 1rem;
}
.text-danger[data-v-a179539e] {
  color: #dc3545 !important;
}
.alert-info[data-v-a179539e] {
  background-color: #d1ecf1;
  border-color: #bee5eb;
  color: #0c5460;
}
.invalid-feedback[data-v-a179539e] {
  display: block;
}

.info-group[data-v-713b487c] {
  margin-bottom: 1rem;
}
.info-group label[data-v-713b487c] {
  font-weight: 600;
  color: #495057;
  margin-bottom: 0.25rem;
  display: block;
}
.info-group p[data-v-713b487c] {
  margin-bottom: 0;
  color: #212529;
}
.card-header[data-v-713b487c] {
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}
.badge-lg[data-v-713b487c] {
  font-size: 0.875em;
  padding: 0.5em 0.75em;
}
code[data-v-713b487c] {
  font-size: 0.875em;
  color: #e83e8c;
  background-color: #f8f9fa;
  padding: 0.2em 0.4em;
  border-radius: 0.25rem;
}
.table-sm th[data-v-713b487c],
.table-sm td[data-v-713b487c] {
  padding: 0.5rem;
}
.bg-light[data-v-713b487c] {
  background-color: #f8f9fa !important;
}
.text-primary[data-v-713b487c] {
  color: #007bff !important;
}

.table[data-v-111b6fe0] {
  margin-bottom: 0;
}
.table th[data-v-111b6fe0] {
  border-top: none;
  font-weight: 600;
  background-color: #f8f9fa;
}
.table td[data-v-111b6fe0] {
  vertical-align: middle;
}
.badge[data-v-111b6fe0] {
  font-size: 0.75em;
}
.text-truncate[data-v-111b6fe0] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.spinner-border[data-v-111b6fe0] {
  width: 2rem;
  height: 2rem;
}
.btn-sm[data-v-111b6fe0] {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
code[data-v-111b6fe0] {
  font-size: 0.875em;
  color: #e83e8c;
  background-color: #f8f9fa;
  padding: 0.2em 0.4em;
  border-radius: 0.25rem;
}

.card[data-v-64d42f8a] {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
}
.card-body[data-v-64d42f8a] {
  padding: 1rem;
}
.card-title[data-v-64d42f8a] {
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.card-text[data-v-64d42f8a] {
  margin-bottom: 0;
  color: #6c757d;
}

.square-v2-integration[data-v-afbb4658] {
  padding: 0;
}
.onboarding-form[data-v-afbb4658] {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 1.5rem;
}
.form-actions[data-v-afbb4658] {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid #e9ecef;
}
.locations-list[data-v-afbb4658] {
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  background: white;
}
.location-item[data-v-afbb4658] {
  padding: 0.75rem;
  border-bottom: 1px solid #f1f3f4;
  cursor: pointer;
  transition: background-color 0.2s;
}
.location-item[data-v-afbb4658]:hover {
  background-color: #f8f9fa;
}
.location-item.selected[data-v-afbb4658] {
  background-color: #e3f2fd;
  border-left: 4px solid #2196f3;
}
.location-item[data-v-afbb4658]:last-child {
  border-bottom: none;
}
.location-info strong[data-v-afbb4658] {
  color: #333;
}
.disconnect-section[data-v-afbb4658] {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #e9ecef;
}
.danger-button[data-v-afbb4658] {
  background-color: #dc3545;
  border-color: #dc3545;
  color: white;
}
.danger-button[data-v-afbb4658]:hover {
  background-color: #c82333;
  border-color: #bd2130;
}
.danger-button[data-v-afbb4658]:disabled {
  background-color: #6c757d;
  border-color: #6c757d;
}
.invalid-feedback[data-v-afbb4658] {
  display: block;
}
.w-100[data-v-afbb4658] {
  width: 100%;
}
code[data-v-afbb4658] {
  font-size: 0.875rem;
  color: #6c757d;
}

.card[data-v-7b60bd14] {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
}
.card-body[data-v-7b60bd14] {
  padding: 1rem;
}
.card-title[data-v-7b60bd14] {
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.card-text[data-v-7b60bd14] {
  margin-bottom: 0;
  color: #6c757d;
}
.list-group-item[data-v-7b60bd14] {
  border: 1px solid #dee2e6;
  padding: 1rem;
}
.list-group-item[data-v-7b60bd14]:first-child {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.list-group-item[data-v-7b60bd14]:last-child {
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.text-truncate[data-v-7b60bd14] {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.spinner-border[data-v-7b60bd14] {
  width: 2rem;
  height: 2rem;
}

.s3-info-section .alert[data-v-1040e3b1] {
  border-left: 4px solid #17a2b8;
}
.s3-info-section h6[data-v-1040e3b1] {
  color: #0c5460;
  font-weight: 600;
}
.download-info .form-label[data-v-1040e3b1] {
  font-weight: 600;
  color: #495057;
  margin-bottom: 5px;
}
.info-value[data-v-1040e3b1] {
  padding: 8px 12px;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  font-family: 'Courier New', monospace;
  font-size: 14px;
  color: #495057;
}
.download-button-container[data-v-1040e3b1] {
  text-align: center;
  margin: 20px 0;
}
.download-button-container .mylisting-button[data-v-1040e3b1] {
  min-width: 200px;
}
.url-container[data-v-1040e3b1] {
  display: flex;
  align-items: center;
  margin-top: 10px;
  padding: 10px;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
}
.download-url[data-v-1040e3b1] {
  background-color: #e9ecef;
  padding: 8px 12px;
  border-radius: 4px;
  font-family: 'Courier New', monospace;
  font-size: 14px;
  color: #495057;
  flex: 1;
  word-break: break-all;
}
.no-integration-message .alert[data-v-1040e3b1] {
  border-left: 4px solid #ffc107;
}
.no-integration-message h6[data-v-1040e3b1] {
  color: #856404;
  font-weight: 600;
}
.btn[data-v-1040e3b1]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.contain{
  object-fit: contain;
}
.email-provider-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.provider-icon {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 12px;
  color: white;
  margin-bottom: 2px;
}
.provider-icon.large {
  width: 40px;
  height: 40px;
  font-size: 18px;
  margin-bottom: 8px;
}
.exchange-icon {
  background-color: #0078D4;
}
.google-icon {
  background: linear-gradient(45deg, #EA4335, #4285F4, #34A853, #FBBC05);
}
.icloud-icon {
  background-color: #007AFF;
}
.microsoft-icon {
  background-color: #00BCF2;
}
.aol-icon {
  background-color: #FF6600;
  font-size: 8px;
}
.aol-icon.large {
  font-size: 12px;
}
.imap-icon {
  background-color: #666666;
}
.email-integration-content {
  padding: 20px 0;
}
.email-providers-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}
.provider-card {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
  background-color: #f9f9f9;
  transition: box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.provider-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.provider-card.coming-soon {
  background-color: #f5f5f5;
  opacity: 0.7;
  position: relative;
}
.provider-card.coming-soon:hover {
  box-shadow: none;
  cursor: not-allowed;
}
.provider-card.clickable {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #e0e0e0;
}
.provider-card.clickable:hover {
  border-color: #007bff;
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
  transform: translateY(-2px);
}
.connect-button {
  margin-top: auto;
  text-align: center;
  padding-top: 15px;
}
.connect-button .btn {
  background-color: #007bff;
  border-color: #007bff;
  color: white;
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
}
.connect-button .btn:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}
.connect-button .btn-secondary {
  background-color: #6c757d;
  border-color: #6c757d;
  color: white;
}
.connect-button .btn-secondary:hover {
  background-color: #545b62;
  border-color: #4e555b;
}
.coming-soon-badge {
  background-color: #6c757d;
  color: white;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: 8px;
  font-weight: 500;
}
.provider-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  flex-shrink: 0;
}
.provider-header h5 {
  margin: 0 0 0 15px;
  font-weight: 600;
  color: #333;
}
.provider-card p {
  margin: 0 0 15px 0;
  color: #666;
  line-height: 1.5;
  flex-grow: 1;
}
.email-provider-logo small {
  font-size: 10px;
  color: #666;
  margin-top: 2px;
}
.webhook-url-container {
  display: flex;
  align-items: center;
  margin-top: 10px;
  padding: 10px;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
}
.webhook-url {
  background-color: #e9ecef;
  padding: 8px 12px;
  border-radius: 4px;
  font-family: 'Courier New', monospace;
  font-size: 14px;
  color: #495057;
  flex: 1;
  word-break: break-all;
}
.paystack-info-section .alert {
  border-left: 4px solid #17a2b8;
}
.paystack-info-section h6 {
  color: #0c5460;
  font-weight: 600;
}
.paystack-info-section ol {
  padding-left: 20px;
}
.paystack-info-section ol li {
  margin-bottom: 5px;
}



.form-control[data-v-03982ba0] {
  background-color: #fff !important;
}
.update-btn[data-v-03982ba0] {
  display: flex;
  margin-left: auto;
}
.section-container .file[data-v-03982ba0] {
  color: #fff;
  padding: 10px 15px;
  cursor: pointer;
}
.file-upload[data-v-03982ba0] {
  opacity: 0;
  width: 0;
  background-color: transparent;
}
.shareable-link[data-v-03982ba0] {
  display: flex;
  cursor: pointer;
  position: relative;
  font-size: 13px;
  color: #007bff;
}
.shareable-link i[data-v-03982ba0] {
  font-size: 16px;
  margin-left: 0.3rem;
  color: black;
}
.shareable-link .tooltiptext[data-v-03982ba0] {
  width: 100px;
  background-color: #000000c4;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 130%;
  left: 60%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
.shareable-link .tooltiptext[data-v-03982ba0]::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #000000c4 transparent transparent transparent;
}
.link-copied[data-v-03982ba0] {
  color: #007bff;
}

.row-container[data-v-c6c43ef8] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-c6c43ef8] {
  flex-basis: 2em;
  display: flex;
  padding-top: 3em;
  justify-content: center;
}
.delete-button[data-v-c6c43ef8] {
  color: red;
  cursor: pointer;
}
.duplicate-button[data-v-c6c43ef8] {
  cursor: pointer;
}
.add-field-button[data-v-c6c43ef8] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.disabled-delete[data-v-c6c43ef8] {
  opacity: 0.3;
  pointer-events: none;
}
.content-defined[data-v-c6c43ef8] {
  flex-grow: 1;
  padding: 0 1em;
}

.update-button-container[data-v-6b057c6e] {
  text-align: right;
  margin-right: 2em;
}
.button-row[data-v-6b057c6e]{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.button-start[data-v-6b057c6e] {
  display: flex;
  flex-direction: column;
}

.background-check-section .background-check[data-v-3883f690] {
  border: 1px solid var(--bootstrapgrey);
  border-radius: 3px;
  width: fit-content;
  padding: 1rem 2rem;
  text-align: center;
}
.background-check[data-v-3883f690] {
  width: 60%;
  margin: auto;
}
.background-check-section .background-check .image[data-v-3883f690] {
  width: 100%;
}
.background-check-section .background-check .image img[data-v-3883f690] {
  width: 100%;
}
.background-check-modal-text[data-v-3883f690] {
  font-size: 1.5rem;
}
.background-modal-buttons[data-v-3883f690] {
  display: flex;
  justify-content: space-between;
}
.powered-text[data-v-3883f690] {
  font-size: 12px;
}
.image[data-v-3883f690] {
  height: 190px;
  position: relative;
  cursor: pointer;
}
.image img[data-v-3883f690] {
  width: 100%;
  vertical-align: middle;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.button-container[data-v-95983eae] {
  display: flex;
}

.button-container[data-v-7cc3a435] {
  text-align: right;
}

.search-icon[data-v-2b5a6162] {
  top: 9px;
  left: 6px;
}
.search[data-v-2b5a6162] {
  padding-left: 34px;
}
.agency-payment-btn[data-v-2b5a6162] {
  position: absolute;
  right: 160px;
}

/* Search result highlighting */
[data-v-2b5a6162]:deep(.in-search-result) {
  background-color: #fff3cd !important;
  border: 2px solid #ffc107 !important;
  border-radius: 4px;
  padding: 8px;
  margin: 4px 0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
[data-v-2b5a6162]:deep(.in-search-result label) {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-weight: bold;
}
[data-v-2b5a6162]:deep(.in-search-result h3),[data-v-2b5a6162]:deep(.in-search-result h4) {
  background-color: #e3f2fd !important;
  border: 2px solid #2196f3 !important;
  border-radius: 4px;
  padding: 8px;
  margin: 4px 0;
  color: #1976d2 !important;
}
[data-v-2b5a6162]:deep(.in-search-result input),[data-v-2b5a6162]:deep(.in-search-result select),[data-v-2b5a6162]:deep(.in-search-result textarea) {
  background-color: #fff !important;
  border: 2px solid #ffc107 !important;
}

.button-container[data-v-3dc90891] {
  text-align: right;
}
.booking-item-mobile label[data-v-3dc90891] {
  font-weight: bold;
}
.filler-info-mobile[data-v-3dc90891]:not(:last-child)::after {
  content: ",";
}

.button-container[data-v-53734675] {
  text-align: right;
}
.booking-item-mobile label[data-v-53734675] {
  font-weight: bold;
}
.filler-info-mobile[data-v-53734675]:not(:last-child)::after {
  content: ",";
}

.profile-builder-header[data-v-9f614648] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}
.icon-button-table[data-v-9f614648] {
  cursor: pointer;
  margin: 0.5em;
}
.view-detail-icon[data-v-9f614648] {
  color: #007bff;
}
.edit-form-icon[data-v-9f614648] {
  color: #007bff;
}
.delete-icon[data-v-9f614648] {
  color: red;
}
.agency-setting[data-v-9f614648] {
  float: right;
}
.view-form-button[data-v-9f614648] {
  padding: 10px 25px !important;
}
.action-column[data-v-9f614648] {
  white-space: nowrap;
  max-width: 100%;
}

/* New styles for block view */
.block-view[data-v-9f614648] {
  display: block;
}
.profile-block[data-v-9f614648] {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.2s ease-in-out;
}
.profile-block[data-v-9f614648]:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.profile-block-header[data-v-9f614648] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.profile-block-title[data-v-9f614648] {
  display: flex;
  align-items: center;
}
.profile-block-badges[data-v-9f614648] {
  display: flex;
  gap: 0.5rem;
  margin-left: 1rem;
}
.badge-type[data-v-9f614648] {
  background-color: #e0f2f7;
  color: #007bff;
  padding: 0.3rem 0.7rem;
  border-radius: 5px;
  font-size: 0.85rem;
}
.badge-user-type[data-v-9f614648] {
  background-color: #fdf2f2;
  color: #dc3545;
  padding: 0.3rem 0.7rem;
  border-radius: 5px;
  font-size: 0.85rem;
}
.profile-block-id[data-v-9f614648] {
  font-size: 0.9rem;
  color: #6c757d;
}
.profile-block-content[data-v-9f614648] {
  margin-bottom: 1rem;
}
.profile-block-info[data-v-9f614648] {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  color: #555;
}
.info-item[data-v-9f614648] {
  display: flex;
  align-items: center;
}
.info-item i[data-v-9f614648] {
  margin-right: 0.5rem;
  color: #007bff;
}
.profile-block-status[data-v-9f614648] {
  margin-top: 0.5rem;
}
.status-badge[data-v-9f614648] {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.7rem;
  border-radius: 5px;
  font-size: 0.85rem;
  font-weight: bold;
}
.status-warning[data-v-9f614648] {
  background-color: #fffbe6;
  color: #e6a700;
}
.profile-block-actions[data-v-9f614648] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}
.action-buttons-row[data-v-9f614648] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.action-buttons[data-v-9f614648] {
  display: flex;
  gap: 0.5rem;
}
.action-btn[data-v-9f614648] {
  background-color: #e0f2f7;
  color: #007bff;
  border: 1px solid #007bff;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-size: 0.9rem;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.action-btn[data-v-9f614648]:hover {
  background-color: #007bff;
  color: white;
}
.delete-btn[data-v-9f614648] {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}
.delete-btn[data-v-9f614648]:hover {
  background-color: #dc3545;
  color: white;
}
.view-form-button-block[data-v-9f614648] {
  padding: 8px 15px !important;
  font-size: 0.9rem;
  width: 100%;
  text-align: center;
}
.empty-state[data-v-9f614648] {
  text-align: center;
  padding: 3rem 0;
  color: #888;
}
.empty-state-content[data-v-9f614648] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.empty-state-content i[data-v-9f614648] {
  font-size: 4rem;
  margin-bottom: 1rem;
}
.empty-state h4[data-v-9f614648] {
  margin-bottom: 0.5rem;
}
.empty-state p[data-v-9f614648] {
  font-size: 0.9rem;
}
.view-toggle[data-v-9f614648] {
  display: flex;
  gap: 1rem;
  background-color: #e9ecef;
  border-radius: 20px;
  padding: 0.3rem 0.5rem;
  margin-bottom: 1rem;
}
.toggle-button[data-v-9f614648] {
  background-color: transparent;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #555;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.toggle-button[data-v-9f614648]:hover {
  background-color: #dee2e6;
  color: #343a40;
}
.toggle-button.active[data-v-9f614648] {
  background-color: #007bff;
  color: white;
}
.toggle-button.active[data-v-9f614648]:hover {
  background-color: #0056b3;
}

/* Section styles */
.profile-section[data-v-9f614648] {
  margin-bottom: 2rem;
}
.section-header[data-v-9f614648] {
  margin-bottom: 1.5rem;
  border-bottom: 2px solid #e9ecef;
  padding-bottom: 0.5rem;
  position: sticky;
  top: var(--navbar-height, 50px);
  background-color: white;
  z-index: 100;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.clickable-header[data-v-9f614648] {
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.2s ease;
  padding: 1rem;
  border-radius: 5px;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
.clickable-header[data-v-9f614648]:hover {
  background-color: #f8f9fa;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.section-title[data-v-9f614648] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #333;
  font-weight: 600;
  margin: 0;
}
.section-toggle[data-v-9f614648] {
  color: #6c757d;
  transition: color 0.2s ease;
}
.clickable-header:hover .section-toggle[data-v-9f614648] {
  color: #333;
}
.section-count[data-v-9f614648] {
  font-size: 0.9rem;
  color: #6c757d;
  font-weight: normal;
}

/* Hierarchy visual styling */
.hierarchy-badge[data-v-9f614648] {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 12px;
  margin-left: 0.5rem;
  font-weight: 500;
}
.hierarchy-badge[data-v-9f614648] {
  background-color: #e3f2fd;
  color: #1976d2;
}
.component-badge[data-v-9f614648] {
  background-color: #fff3e0;
  color: #f57c00;
}

/* Top-level items styling */
.hierarchy-section .section-header[data-v-9f614648] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 8px;
  margin-bottom: 0;
}
.application-block[data-v-9f614648] {
  border-left: 4px solid #4caf50;
  border-top: 2px solid #4caf50;
}
.application-block[data-v-9f614648]:hover {
  border-left-color: #2e7d32;
  border-top-color: #2e7d32;
}
.profile-block-main[data-v-9f614648] {
  border-left: 4px solid #2196f3;
  border-top: 2px solid #2196f3;
}
.profile-block-main[data-v-9f614648]:hover {
  border-left-color: #1565c0;
  border-top-color: #1565c0;
}

/* User type section styling */
.user-type-section .section-header[data-v-9f614648] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 8px;
}
.user-type-content[data-v-9f614648] {
  background-color: #fafafa;
  padding: 1.5rem;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  margin-top: 1rem;
}

/* Subsection styling */
.hierarchy-subsection[data-v-9f614648] {
  margin-bottom: 2rem;
}
.subsection-header[data-v-9f614648] {
  background-color: white;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  margin-bottom: 1rem;
  padding: 0.75rem;
}
.subsection-title[data-v-9f614648] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #333;
  font-weight: 600;
  margin: 0;
  font-size: 1.1rem;
}
.subsection-content[data-v-9f614648] {
  padding-left: 1rem;
  border-left: 2px solid #e0e0e0;
}

/* Component section styling */
.component-subsection[data-v-9f614648] {
  position: relative;
  margin-left: 1rem;
  border-left: 3px dashed #bdbdbd;
  padding-left: 1.5rem;
}
.component-subsection .subsection-header[data-v-9f614648] {
  background-color: #fff8e1;
  border-color: #ffcc02;
}
.hierarchy-connector[data-v-9f614648] {
  position: absolute;
  top: -1rem;
  left: -3px;
  width: 3px;
  height: 1rem;
  background-color: #bdbdbd;
}
.component-content[data-v-9f614648] {
  background-color: #fafafa;
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}
.component-description[data-v-9f614648] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: #fff8e1;
  border: 1px solid #ffcc02;
  border-radius: 6px;
  margin-bottom: 1rem;
  font-size: 0.9rem;
  color: #e65100;
}
.component-indicator[data-v-9f614648] {
  position: absolute;
  top: -8px;
  right: -8px;
  background-color: #ff9800;
  color: white;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.booking-indicator[data-v-9f614648] {
  background-color: #4caf50 !important;
  box-shadow: 0 2px 6px rgba(76, 175, 80, 0.4) !important;
}
.section-block[data-v-9f614648] {
  border-left: 4px solid #ff9800;
  position: relative;
  background-color: white;
}
.section-block[data-v-9f614648]:hover {
  border-left-color: #f57c00;
}
.other-block[data-v-9f614648] {
  border-left: 4px solid #6c757d;
}
.other-block[data-v-9f614648]:hover {
  border-left-color: #495057;
}

/* Transition animations for collapsible sections */
.section-collapse-enter-active[data-v-9f614648],
.section-collapse-leave-active[data-v-9f614648] {
  transition: all 0.3s ease;
  max-height: 2000px;
  overflow: hidden;
}
.section-collapse-enter[data-v-9f614648],
.section-collapse-leave-to[data-v-9f614648] {
  max-height: 0;
  opacity: 0;
  transform: translateY(-10px);
}
.section-content[data-v-9f614648] {
  overflow: hidden;
}

.table td {
  vertical-align: middle;
}

.form-check-label[data-v-35d36726] {
  display: inline;
}
.second-level[data-v-35d36726] {
  margin-left: 1.2em;
}

.select-option-container[data-v-52a83397] {
  flex-grow: 1;
  padding-right: 4px;
}
.row > .col[data-v-52a83397]:empty {
  display: none;
}

.letter-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 20000000;
}
.animated-mail {
  position: absolute;
  height: 150px;
  width: 200px;
  transition: 0.4s;
  animation: animated-mail-animation 3s forwards;
}
.animated-mail .body {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 100px 200px;
  border-color: transparent transparent #e95f55 transparent;
  z-index: 2;
}
.animated-mail .top-fold {
  position: absolute;
  top: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 100px 0 100px;
  transform-origin: 50% 0%;
  transition: transform 0.4s 0.4s, z-index 0.2s 0.4s;
  border-color: #cf4a43 transparent transparent transparent;
  animation: top-fold-animation 3s forwards;
  z-index: 2;
}
.animated-mail .back-fold {
  position: absolute;
  bottom: 0;
  width: 200px;
  height: 100px;
  background: #cf4a43;
  z-index: 0;
}
.animated-mail .left-fold {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 0 50px 100px;
  border-color: transparent transparent transparent #e15349;
  z-index: 2;
}
.animated-mail .letter {
  left: 20px;
  bottom: 0px;
  position: absolute;
  width: 160px;
  height: 60px;
  background: white;
  z-index: 1;
  overflow: hidden;
  transition: 0.4s 0.2s;
  animation: letter-animation 3s forwards;
}
.animated-mail .letter .letter-border {
  height: 10px;
  width: 100%;
  background: repeating-linear-gradient(
    -45deg,
    #cb5a5e,
    #cb5a5e 8px,
    transparent 8px,
    transparent 18px
  );
}
.animated-mail .letter .letter-title {
  margin-top: 10px;
  margin-left: 5px;
  height: 10px;
  width: 40%;
  background: #cb5a5e;
}
.animated-mail .letter .letter-context {
  margin-top: 10px;
  margin-left: 5px;
  height: 10px;
  width: 20%;
  background: #cb5a5e;
}
.animated-mail .letter .letter-stamp {
  margin-top: 0px;
  margin-left: 120px;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  background: #cb5a5e;
  opacity: 0.3;
}
.email-sent-text {
  font-size: 27px;
  font-family: Brush Script MT;
  text-align: center;
  color: #e15349;
}
@keyframes animated-mail-animation {
0% {
    transform: translateY(0);
}
40% {
    transform: translateY(50px);
}
60% {
    transform: translateY(50px);
}
100% {
    transform: translateY(0);
}
}
@keyframes top-fold-animation {
0% {
    transform: rotateX(0);
    z-index: 0;
}
40% {
    transform: rotateX(180deg);
    z-index: 0;
}
60% {
    transform: rotateX(180deg);
    z-index: 0;
}
100% {
    transform: rotateX(0);
    z-index: 0;
}
}
@keyframes letter-animation {
0% {
    height: 0px;
}
40% {
    height: 180px;
}
60% {
    height: 180px;
}
100% {
    height: 0px;
}
}

.user-point-container[data-v-a31c6bc0] {
  font-size: 20px;
  margin-top: 1em;
}
.edit-point-button[data-v-a31c6bc0] {
  cursor: pointer;
  color: #007bff;
  font-size: 20px;
  margin-left: 0.5em;
}
.number-point-container[data-v-a31c6bc0] {
  display: flex;
  align-items: center;
}

.form-group[data-v-414ae676] {
  margin-bottom: 1rem;
}
.text-danger[data-v-414ae676] {
  color: #dc3545 !important;
}
.alert-info[data-v-414ae676] {
  background-color: #d1ecf1;
  border-color: #bee5eb;
  color: #0c5460;
}
.invalid-feedback[data-v-414ae676] {
  display: block;
}

.yoco-modal[data-v-736bfa0e] {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.425);
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  outline: 0;
  z-index: 9999;
}
.yoco-modal .modal-dialog[data-v-736bfa0e] {
  pointer-events: unset;
}
.modal-header .close[data-v-736bfa0e] {
  outline: none;
}
.invoice-amount-group[data-v-736bfa0e] {
  max-width: 450px;
}
.invoice-amount-group > input[data-v-736bfa0e] {
  min-width: 80px;
}
.send-invoice-btn[data-v-736bfa0e] {
  align-items: center;
  border: none;
}
.send-invoice-btn > i[data-v-736bfa0e] {
  font-size: 30px;
}
.meeting-list-row[data-v-736bfa0e] {
  margin: 24px 0 0 0;
}
.copy-button[data-v-736bfa0e] {
  cursor: pointer;
  color: #007bff;
  margin-left: 8px;
}
.copy-button[data-v-736bfa0e]:hover {
  color: #0056b3;
}
.copy-button i[data-v-736bfa0e] {
  font-size: 18px;
}
.paypal-invoice-clickable[data-v-736bfa0e] {
  cursor: pointer;
  color: #007bff;
  transition: color 0.2s ease;
}
.square-invoice-clickable[data-v-736bfa0e] {
  cursor: pointer;
  color: #007bff;
  transition: color 0.2s ease;
}
.paypal-invoice-clickable[data-v-736bfa0e]:hover {
  color: #0056b3;
  text-decoration: underline;
}
.payment-link-indicator[data-v-736bfa0e] {
  font-style: italic;
  color: #6c757d;
  font-size: 0.9em;
}

.set-password-btn[data-v-3cde4205] {
  cursor: pointer;
}
.password-manager > div input[data-v-3cde4205] {
  min-width: 200px;
}

.hws-employer-modal-container[data-v-24456f58] {
  padding: 20px;
}
.form-group[data-v-24456f58] {
  margin-bottom: 1rem;
}
.form-group label[data-v-24456f58] {
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.form-control[data-v-24456f58] {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
}
.form-control[data-v-24456f58]:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control.is-invalid[data-v-24456f58] {
  border-color: #dc3545;
}
.form-control.is-invalid[data-v-24456f58]:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.invalid-feedback[data-v-24456f58] {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}
.btn[data-v-24456f58] {
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid transparent;
  cursor: pointer;
}
.btn-primary[data-v-24456f58] {
  background-color: #007bff;
  border-color: #007bff;
  color: white;
}
.btn-primary[data-v-24456f58]:hover {
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-primary[data-v-24456f58]:disabled {
  background-color: #6c757d;
  border-color: #6c757d;
  cursor: not-allowed;
}
.btn-secondary[data-v-24456f58] {
  background-color: #6c757d;
  border-color: #6c757d;
  color: white;
}
.btn-secondary[data-v-24456f58]:hover {
  background-color: #5a6268;
  border-color: #545b62;
}

.unsubscribed-warning[data-v-73751978] {
  position: absolute;
  top: 5px;
  display: inline-flex;
  align-items: center;
  z-index: 1;
}
.unsubscribed-warning > i[data-v-73751978] {
  margin-left: 4px;
  cursor: pointer;
}
.undo-toast[data-v-73751978] {
  background: black !important;
}
.notify-section[data-v-73751978] {
  font-size: 0.8em;
}
.directory-url[data-v-73751978] {
  font-size: 0.9rem;
  display: flex;
  align-items: flex-start;
}
.select-option-container[data-v-73751978] {
  flex-grow: 1;
  padding-right: 4px;
}
.shareable-link[data-v-73751978] {
  cursor: pointer;
  position: relative;
  font-size: 13px;
  color: #007bff;
}
.shareable-link i[data-v-73751978] {
  font-size: 15px;
  margin-left: 0.5rem;
  color: rgb(0, 0, 0);
  background-color: #e9ecef;
  padding: 4px;
  border-radius: 100%;
}
.shareable-link .link-icon[data-v-73751978] {
  transform: rotate(138deg);
  opacity: 0.8;
}
.shareable-link .link-icon[data-v-73751978]:hover {
  opacity: 1;
}
.shareable-link .tooltiptext[data-v-73751978] {
  width: 100px;
  background-color: #000000c4;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 130%;
  left: 60%;
  margin-left: -51px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
.shareable-link .tooltiptext[data-v-73751978]::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #000000c4 transparent transparent transparent;
}
.link-copied[data-v-73751978] {
  color: #007bff;
}
.vdp-datepicker__calendar[data-v-73751978] {
  z-index: 99999;
}
.onboarding-text[data-v-73751978] {
  margin-top: -15px;
}
.btn-sm[data-v-73751978] {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.badge-success[data-v-73751978] {
  color: #fff;
  background-color: #28a745;
}
.badge[data-v-73751978] {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.table td {
  vertical-align: middle;
}

.table td {
  vertical-align: middle;
}
.visibility-icon {
  cursor: pointer;
}

.table td {
  vertical-align: middle;
}
.date-selection-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}


.button-containers[data-v-ad1dbc4c] {
  display: flex;
  flex-direction: row-reverse;
}
.cancel-btn-container[data-v-ad1dbc4c] {
  flex-grow: 1;
}

.reference-check-form[data-v-54ac286a] {
  margin-top: 1em;
}
.button-containers[data-v-54ac286a] {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  margin-top: -8px;
}
.left-side-button[data-v-54ac286a] {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 8px;
}
.right-side-button[data-v-54ac286a] {
  flex-grow: 1;
  text-align: right;
}
.danger-button[data-v-54ac286a] {
  margin-left: 0.5em;
}
.right-side-button > button[data-v-54ac286a] {
  margin-top: 8px;
}
@media (max-width: 650px) {
.button-containers[data-v-54ac286a] {
    display: block;
    text-align: center;
}
.left-side-button[data-v-54ac286a] {
    display: block;
}
.right-side-button[data-v-54ac286a] {
    text-align: center;
}
.danger-button[data-v-54ac286a] {
    margin-left: 0;
    margin-bottom: 8px;
}
}
.sms-button[data-v-54ac286a] {
  position: absolute;
  right: 3.2em;
  cursor: pointer;
  color: rgb(16, 143, 219);
}
.email-button[data-v-54ac286a] {
  position: absolute;
  right: 1.5em;
  cursor: pointer;
  color: rgb(16, 143, 219);
}
.cancel-button-container[data-v-54ac286a] {
  margin-right: 0.5em;
}
.hidden-from-client[data-v-54ac286a] {
  background: lightgrey;
}
.hidden-icon[data-v-54ac286a] {
  display: none;
  margin-left: 0.5em;
}
.hidden-from-client .hidden-icon[data-v-54ac286a] {
  display: inline-flex;
  font-size: 24px;
  background: white;
  border-radius: 50%;
  padding: 3px;
  color: black;
}
.dialog-title[data-v-54ac286a] {
  padding: 0.25em 0;
}

.reference-builder-header[data-v-99bbe82a] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}
.search-bar[data-v-99bbe82a] {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.delete-icon[data-v-99bbe82a] {
  color: red;
  cursor: pointer;
}
.edit-reference-icon[data-v-99bbe82a] {
  color: #007bff;
}
.icon-button-table[data-v-99bbe82a] {
  cursor: pointer;
  margin: 0 0.25em;
}
.button-group[data-v-99bbe82a] {
  display: flex;
}
.spacing[data-v-99bbe82a] {
  flex-grow: 1;
}
.filter-start[data-v-99bbe82a] {
  background-color: white !important;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  font-size: 14px;
}
.filter-end[data-v-99bbe82a] {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  font-size: 14px;
}
.hide-check[data-v-99bbe82a] {
  display: flex;
  align-items: center;
}
.group-by-btn[data-v-99bbe82a] {
  height: 24px;
  display: inline-block;
  padding-top: 0.5em;
  cursor: pointer;
}

.button-containers[data-v-4a80eaca] {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  margin-top: -8px;
}
.left-side-button[data-v-4a80eaca] {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 8px;
}
.right-side-button[data-v-4a80eaca] {
  flex-grow: 1;
  text-align: right;
}
.danger-button[data-v-4a80eaca] {
  margin-left: 0.5em;
}
.right-side-button > button[data-v-4a80eaca] {
  margin-top: 8px;
}
@media (max-width: 650px) {
.button-containers[data-v-4a80eaca] {
    display: block;
    text-align: center;
}
.left-side-button[data-v-4a80eaca] {
    display: block;
}
.right-side-button[data-v-4a80eaca] {
    text-align: center;
}
.danger-button[data-v-4a80eaca] {
    margin-left: 0;
    margin-bottom: 8px;
}
}
.sms-button[data-v-4a80eaca] {
  position: absolute;
  right: 3.2em;
  cursor: pointer;
  color: rgb(16, 143, 219);
}
.email-button[data-v-4a80eaca] {
  position: absolute;
  right: 1.5em;
  cursor: pointer;
  color: rgb(16, 143, 219);
}
.cancel-button-container[data-v-4a80eaca] {
  margin-right: 0.5em;
}
.hidden-from-client[data-v-4a80eaca] {
  background: lightgrey;
}
.hidden-icon[data-v-4a80eaca] {
  display: none;
  margin-left: 0.5em;
}
.hidden-from-client .hidden-icon[data-v-4a80eaca] {
  display: inline-flex;
  font-size: 24px;
  background: white;
  border-radius: 50%;
  padding: 3px;
  color: black;
}
.dialog-title[data-v-4a80eaca] {
  padding: 0.25em 0;
}

.button-group[data-v-c9767ab6] {
  display: flex;
}
.spacing[data-v-c9767ab6] {
  flex-grow: 1;
}
.filter-start[data-v-c9767ab6] {
  background-color: white !important;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  font-size: 14px;
}
.filter-end[data-v-c9767ab6] {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  font-size: 14px;
}
.hide-check[data-v-c9767ab6] {
  display: flex;
  align-items: center;
}
.group-by-btn[data-v-c9767ab6] {
  height: 24px;
  display: inline-block;
  padding-top: 0.5em;
  cursor: pointer;
}
.search-bar[data-v-c9767ab6] {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.reference-builder-header[data-v-c93ed746] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}
.search-bar[data-v-c93ed746] {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.delete-icon[data-v-c93ed746] {
  color: red;
  cursor: pointer;
}
.edit-reference-icon[data-v-c93ed746] {
  color: #007bff;
}
.icon-button-table[data-v-c93ed746] {
  cursor: pointer;
  margin: 0 0.25em;
}
.button-group[data-v-c93ed746] {
  display: flex;
}
.spacing[data-v-c93ed746] {
  flex-grow: 1;
}
.filter-start[data-v-c93ed746] {
  background-color: white !important;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  font-size: 14px;
}
.filter-end[data-v-c93ed746] {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  font-size: 14px;
}
.hide-check[data-v-c93ed746] {
  display: flex;
  align-items: center;
}

.reference-builder-header[data-v-07b75820] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}
.search-bar[data-v-07b75820] {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.delete-icon[data-v-07b75820] {
  color: red;
  cursor: pointer;
}
.edit-reference-icon[data-v-07b75820] {
  color: #007bff;
}
.icon-button-table[data-v-07b75820] {
  cursor: pointer;
  margin: 0 0.25em;
}
.button-group[data-v-07b75820] {
  display: flex;
}
.spacing[data-v-07b75820] {
  flex-grow: 1;
}
.filter-start[data-v-07b75820] {
  background-color: white !important;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  font-size: 14px;
}
.filter-end[data-v-07b75820] {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  font-size: 14px;
}
.hide-check[data-v-07b75820] {
  display: flex;
  align-items: center;
}
.edit-aclass-icon[data-v-07b75820] {
  color: #007bff;
  cursor: pointer;
}

.top-level-div[data-v-1d61b874] {
  padding-bottom: 0;
  padding-left: 2em;
  padding-right: 2em;
}
.chat-container[data-v-1d61b874] {
  display: flex;
  width: 100%;
}
.chat-summary[data-v-1d61b874] {
  flex-basis: 360px;
  width: 360px;
  flex-shrink: 0;
  padding-right: 4px;
}
.summary-item[data-v-1d61b874] {
  cursor: pointer;
}
.summary-item[data-v-1d61b874]:not(.active):hover {
  background-color: #eee;
}
.chat-detail[data-v-1d61b874] {
  flex-grow: 1;
}
.summary-message[data-v-1d61b874] {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
.chat-container[data-v-1d61b874] {
    display: block;
}
.chat-summary[data-v-1d61b874] {
    width: 100%;
}
}
.card[data-v-1d61b874] {
  height: calc(100vh - 120px);
  border-radius: 15px !important;
}
.contacts_body[data-v-1d61b874] {
  padding: 0.75rem 0 !important;
  overflow-y: auto;
  white-space: nowrap;
}
.msg_card_body[data-v-1d61b874] {
  overflow-y: auto;
}
.card-header[data-v-1d61b874] {
  border-radius: 15px 15px 0 0 !important;
  background-color: white;
}
.card-footer[data-v-1d61b874] {
  border-radius: 0 0 15px 15px !important;
  border-top: 0 !important;
  background-color: white;
}
.container[data-v-1d61b874] {
  align-content: center;
}
.search[data-v-1d61b874] {
  border-radius: 15px 0 0 15px !important;
  background-color: rgb(240, 242, 245) !important;
  border: 0 !important;
  color: rgb(5, 5, 5) !important;
}
.search[data-v-1d61b874]:focus {
  box-shadow: none !important;
  outline: 0px !important;
}
.type_msg[data-v-1d61b874] {
  background-color: #f0f2f5;
  border: 0 !important;
  color: rgb(5, 5, 5);
  height: 60px !important;
  overflow-y: auto;
}
.type_msg[data-v-1d61b874]:focus {
  box-shadow: none !important;
  outline: 0px !important;
}
.attach_btn[data-v-1d61b874] {
  border-radius: 15px 0 0 15px !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
  border: 0 !important;
  color: white !important;
  cursor: pointer;
}
.send_btn[data-v-1d61b874] {
  border-radius: 0 15px 15px 0 !important;
  background-color: #f0f2f5;
  border: 0 !important;
  color: rgb(0, 132, 255);
  cursor: pointer;
}
.search_btn[data-v-1d61b874] {
  border-radius: 0 15px 15px 0 !important;
  background-color: rgb(240, 242, 245) !important;
  border: 0 !important;
  color: rgba(5, 5, 5, 0.4) !important;
  cursor: pointer;
}
.contacts[data-v-1d61b874] {
  list-style: none;
  padding: 0;
}
.contacts li[data-v-1d61b874] {
  width: 100% !important;
  padding: 5px 10px;
  margin-bottom: 15px !important;
}
.active[data-v-1d61b874] {
  background-color: rgba(45, 136, 255, 0.1);
}
.user_img[data-v-1d61b874] {
  height: 68px;
  width: 68px;
  border: 1.5px solid #f5f6fa;
  object-fit: cover;
}
.user_img_msg[data-v-1d61b874] {
  height: 40px;
  width: 40px;
  border: 1.5px solid #f5f6fa;
  object-fit: cover;
}
.img_cont[data-v-1d61b874] {
  position: relative;
  height: 68px;
  width: 180px;
}
.img_cont_msg[data-v-1d61b874] {
  height: 40px;
  width: 40px;
}
.online_icon[data-v-1d61b874] {
  position: absolute;
  height: 15px;
  width: 15px;
  background-color: #4cd137;
  border-radius: 50%;
  bottom: 0.2em;
  right: 0.4em;
  border: 1.5px solid white;
}
.offline[data-v-1d61b874] {
  background-color: #c23616 !important;
}
.user_info[data-v-1d61b874] {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.user_info span[data-v-1d61b874] {
  font-size: 20px;
}
.card-header .user_info span[data-v-1d61b874] {
  font-weight: 600;
}
.summary-header[data-v-1d61b874] {
  display: flex;
  align-items: center;
}
.summary-header .summary-name[data-v-1d61b874] {
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgb(5, 5, 5);
}
.summary-header .summary-time[data-v-1d61b874] {
  flex-shrink: 0;
}
.user_info p[data-v-1d61b874] {
  font-size: 14px;
  color: rgb(101, 103, 107);
}
.user_info .message-count[data-v-1d61b874] {
  font-size: 14px;
  color: rgb(101, 103, 107);
  margin-right: 1em;
}
.user_info .job-info[data-v-1d61b874] {
  font-size: 16px;
  font-weight: 400;
}
.user_info span.summary-time[data-v-1d61b874] {
  font-size: 14px;
  color: rgb(101, 103, 107);
}
.video_cam[data-v-1d61b874] {
  margin-left: 50px;
  margin-top: 5px;
}
.video_cam span[data-v-1d61b874] {
  font-size: 20px;
  cursor: pointer;
  margin-right: 20px;
}
.msg_cotainer[data-v-1d61b874] {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  border-radius: 25px;
  background-color: rgb(228, 230, 235);
  color: rgb(5, 5, 5);
  padding: 10px;
  position: relative;
}
.msg_cotainer_send[data-v-1d61b874] {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 10px;
  border-radius: 25px;
  background-color: rgb(0, 132, 255);
  padding: 10px;
  position: relative;
  color: white;
}
.msg-body[data-v-1d61b874] {
  white-space: pre-wrap;
}
.msg_time[data-v-1d61b874] {
  position: absolute;
  left: 0;
  bottom: -15px;
  color: rgb(138, 141, 145);
  white-space: nowrap;
  font-size: 10px;
}
.msg_time_send[data-v-1d61b874] {
  position: absolute;
  right: 0;
  bottom: -15px;
  color: rgb(138, 141, 145);
  white-space: nowrap;
  font-size: 10px;
}
.msg_head[data-v-1d61b874] {
  position: relative;
}
#action_menu_btn[data-v-1d61b874] {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  font-size: 20px;
}
.action_menu[data-v-1d61b874] {
  z-index: 1;
  position: absolute;
  padding: 15px 0;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  top: 30px;
  right: 15px;
  display: none;
}
.action_menu ul[data-v-1d61b874] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.action_menu ul li[data-v-1d61b874] {
  width: 100%;
  padding: 10px 15px;
  margin-bottom: 5px;
}
.action_menu ul li i[data-v-1d61b874] {
  padding-right: 10px;
}
.action_menu ul li[data-v-1d61b874]:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 576px) {
.contacts_card[data-v-1d61b874] {
    margin-bottom: 15px !important;
}
}
/* width */
[data-v-1d61b874]::-webkit-scrollbar {
  width: 10px;
}
/* Track */
[data-v-1d61b874]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
/* Handle */
[data-v-1d61b874]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.message-receive[data-v-1d61b874] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-start;
}
.message-send[data-v-1d61b874] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-end;
}
.no-conversation-selected[data-v-1d61b874] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.send-new-user[data-v-1d61b874] {
  font-size: 38px;
  margin-right: -0.5em;
  cursor: pointer;
}
.badge-container[data-v-1d61b874] {
  flex-grow: 2;
}

.top-level-div[data-v-f8b5649e] {
  padding-bottom: 0;
  padding-left: 2em;
  padding-right: 2em;
}
.chat-container[data-v-f8b5649e] {
  display: flex;
  width: 100%;
}
.chat-summary[data-v-f8b5649e] {
  flex-basis: 360px;
  width: 360px;
  flex-shrink: 0;
  padding-right: 4px;
}
.summary-item[data-v-f8b5649e] {
  cursor: pointer;
}
.summary-item[data-v-f8b5649e]:not(.active):hover {
  background-color: #eee;
}
.chat-detail[data-v-f8b5649e] {
  flex-grow: 1;
}
.summary-message[data-v-f8b5649e] {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
.chat-container[data-v-f8b5649e] {
    display: block;
}
.chat-summary[data-v-f8b5649e] {
    width: 100%;
}
}
.card[data-v-f8b5649e] {
  height: calc(100vh - 120px);
  border-radius: 15px !important;
}
.contacts_body[data-v-f8b5649e] {
  padding: 0.75rem 0 !important;
  overflow-y: auto;
  white-space: nowrap;
}
.msg_card_body[data-v-f8b5649e] {
  overflow-y: auto;
}
.card-header[data-v-f8b5649e] {
  border-radius: 15px 15px 0 0 !important;
  background-color: white;
}
.card-footer[data-v-f8b5649e] {
  border-radius: 0 0 15px 15px !important;
  border-top: 0 !important;
  background-color: white;
}
.container[data-v-f8b5649e] {
  align-content: center;
}
.search[data-v-f8b5649e] {
  border-radius: 15px 0 0 15px !important;
  background-color: rgb(240, 242, 245) !important;
  border: 0 !important;
  color: rgb(5, 5, 5) !important;
}
.search[data-v-f8b5649e]:focus {
  box-shadow: none !important;
  outline: 0px !important;
}
.type_msg[data-v-f8b5649e] {
  background-color: #f0f2f5;
  border: 0 !important;
  color: rgb(5, 5, 5);
  height: 60px !important;
  overflow-y: auto;
}
.type_msg[data-v-f8b5649e]:focus {
  box-shadow: none !important;
  outline: 0px !important;
}
.attach_btn[data-v-f8b5649e] {
  border-radius: 15px 0 0 15px !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
  border: 0 !important;
  color: white !important;
  cursor: pointer;
}
.send_btn[data-v-f8b5649e] {
  border-radius: 0 15px 15px 0 !important;
  background-color: #f0f2f5;
  border: 0 !important;
  color: rgb(0, 132, 255);
  cursor: pointer;
}
.search_btn[data-v-f8b5649e] {
  border-radius: 0 15px 15px 0 !important;
  background-color: rgb(240, 242, 245) !important;
  border: 0 !important;
  color: rgba(5, 5, 5, 0.4) !important;
  cursor: pointer;
}
.contacts[data-v-f8b5649e] {
  list-style: none;
  padding: 0;
}
.contacts li[data-v-f8b5649e] {
  width: 100% !important;
  padding: 5px 10px;
  margin-bottom: 15px !important;
}
.active[data-v-f8b5649e] {
  background-color: rgba(45, 136, 255, 0.1);
}
.user_img[data-v-f8b5649e] {
  height: 70px;
  width: 70px;
  border: 1.5px solid #f5f6fa;
  object-fit: cover;
}
.user_img_msg[data-v-f8b5649e] {
  height: 40px;
  width: 40px;
  border: 1.5px solid #f5f6fa;
  object-fit: cover;
}
.img_cont[data-v-f8b5649e] {
  position: relative;
  height: 70px;
  width: 70px;
}
.img_cont_msg[data-v-f8b5649e] {
  height: 40px;
  width: 40px;
}
.online_icon[data-v-f8b5649e] {
  position: absolute;
  height: 15px;
  width: 15px;
  background-color: #4cd137;
  border-radius: 50%;
  bottom: 0.2em;
  right: 0.4em;
  border: 1.5px solid white;
}
.offline[data-v-f8b5649e] {
  background-color: #c23616 !important;
}
.user_info[data-v-f8b5649e] {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.user_info span[data-v-f8b5649e] {
  font-size: 17px;
}
.card-header .user_info span[data-v-f8b5649e] {
  font-weight: 600;
}
.summary-header[data-v-f8b5649e] {
  display: flex;
  align-items: center;
}
.summary-header .summary-name[data-v-f8b5649e] {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgb(5, 5, 5);
}
.summary-header .summary-time[data-v-f8b5649e] {
  flex-shrink: 0;
}
.user_info p[data-v-f8b5649e] {
  font-size: 14px;
  color: rgb(101, 103, 107);
}
.user_info span.summary-time[data-v-f8b5649e] {
  font-size: 14px;
  color: rgb(101, 103, 107);
}
.video_cam[data-v-f8b5649e] {
  margin-left: 50px;
  margin-top: 5px;
}
.video_cam span[data-v-f8b5649e] {
  font-size: 20px;
  cursor: pointer;
  margin-right: 20px;
}
.msg_cotainer[data-v-f8b5649e] {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  border-radius: 10px;
  background-color: rgb(228, 230, 235);
  color: rgb(5, 5, 5);
  padding: 10px;
  position: relative;
}
.msg_cotainer_send[data-v-f8b5649e] {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 10px;
  border-radius: 10px;
  background-color: #b6c8e7;
  padding: 10px;
  position: relative;
  color: black;
}
.msg-body[data-v-f8b5649e] {
  white-space: pre-wrap;
  word-break: break-all; /* Breaks words at any character to avoid overflow */
}
.msg_time[data-v-f8b5649e] {
  position: absolute;
  left: 0;
  bottom: -15px;
  color: rgb(138, 141, 145);
  white-space: nowrap;
  font-size: 10px;
}
.msg_time_send[data-v-f8b5649e] {
  position: absolute;
  right: 0;
  bottom: -15px;
  color: rgb(138, 141, 145);
  white-space: nowrap;
  font-size: 10px;
}
.msg_head[data-v-f8b5649e] {
  position: relative;
}
#action_menu_btn[data-v-f8b5649e] {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  font-size: 20px;
}
.action_menu[data-v-f8b5649e] {
  z-index: 1;
  position: absolute;
  padding: 15px 0;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  top: 30px;
  right: 15px;
  display: none;
}
.action_menu ul[data-v-f8b5649e] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.action_menu ul li[data-v-f8b5649e] {
  width: 100%;
  padding: 10px 15px;
  margin-bottom: 5px;
}
.action_menu ul li i[data-v-f8b5649e] {
  padding-right: 10px;
}
.action_menu ul li[data-v-f8b5649e]:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 576px) {
.contacts_card[data-v-f8b5649e] {
    margin-bottom: 15px !important;
}
}
/* width */
[data-v-f8b5649e]::-webkit-scrollbar {
  width: 10px;
}
/* Track */
[data-v-f8b5649e]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
/* Handle */
[data-v-f8b5649e]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.message-receive[data-v-f8b5649e] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-start;
}
.message-send[data-v-f8b5649e] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-end;
}
.no-conversation-selected[data-v-f8b5649e] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.send-new-user[data-v-f8b5649e] {
  font-size: 38px;
  margin-right: -0.5em;
  cursor: pointer;
}
.attachment-btn[data-v-f8b5649e] {
  padding: 0;
  padding-right: 2px;
  border: none;
  background: transparent;
  height: 50%;
  cursor: pointer;
}
.mms-icon[data-v-f8b5649e] {
  font-size: 1em;
  position: absolute;
  top: 0;
  right: 0;
}
.show-mms-icon[data-v-f8b5649e] {
  position: absolute;
  left: 0;
  top: -1.2em;
}
.receiving-mms-icon[data-v-f8b5649e] {
  position: absolute;
  left: 0;
  top: -1.2em;
}
.unread-message[data-v-f8b5649e] {
  font-weight: bold;
}
.page-link[data-v-f8b5649e] {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.mark-unread-btn[data-v-f8b5649e] {
  position: absolute;
  right: -10px;
  bottom: 14px;
  font-size: 15px;
  color: rgb(101, 103, 107);
}
.reference-user-info[data-v-f8b5649e] {
  margin-top: -4px;
}
.view-mode[data-v-f8b5649e] {
  cursor: pointer;
  margin-right: 4px;
  color: var(--coredarkcolor);
}
.selected-view.view-mode[data-v-f8b5649e] {
  background-color: var(--coredarkcolor);
  color: white;
}
.mark-as-unread[data-v-f8b5649e] {
  cursor: pointer;
  display: none;
}
.msg-body:hover > .mark-as-unread[data-v-f8b5649e] {
  display: inline-block;
}
.unread-msg-separator[data-v-f8b5649e] {
  display: flex;
  align-items: center;
  margin-top: -12px;
}
.unread-msg-separator > span[data-v-f8b5649e] {
  margin-right: 0.5em;
  font-size: 12px;
  color: rgb(138, 141, 145);
}
.unread-msg-separator > hr[data-v-f8b5649e] {
  flex-grow: 1;
}
.agency-number-info[data-v-f8b5649e] {
  line-height: 1.3em;
  text-align: right;
}
.agency-number-info > .agency-number-label[data-v-f8b5649e] {
  font-size: 16px;
}
.agency-number-info > span.agency-number[data-v-f8b5649e] {
  font-weight: bold;
  font-size: 17px;
}
@media (min-width: 769px) {
.chat-info-container[data-v-f8b5649e] {
    display: flex;
    align-items: center;
}
.agency-number-info[data-v-f8b5649e] {
    display: flex;
    flex-direction: column;
}
}
@media (max-width: 768px) {
.card-header.msg_head[data-v-f8b5649e] {
    margin-left: 0;
    margin-right: 0;
    padding-left: 4px;
    padding-right: 4px;
}
.close-conversation-btn[data-v-f8b5649e] {
    display: block;
}
.agency-number-info[data-v-f8b5649e] {
    margin-left: 2px;
}
.chat-info-container > .img_cont[data-v-f8b5649e] {
    height: 40px;
    width: 40px;
    display: inline;
}
.chat-info-container > .img_cont > .user_img[data-v-f8b5649e] {
    height: 40px;
    width: 40px;
}
.chat-info-container .user_info[data-v-f8b5649e] {
    display: inline;
    margin-left: 2px;
}
.msg-chat-container[data-v-f8b5649e] {
    height: calc(100vh - 20px);
}
}

.nav-outside-container[data-v-7bc469ee] {
  height: 100%;
  display: flex;
  align-items: center;
}
.nav-outside-container > i[data-v-7bc469ee] {
  font-size: 36px;
  cursor: pointer;
}
.user_img[data-v-7bc469ee] {
  width: 60px;
  height: 60px;
}
.message-body[data-v-7bc469ee] {
  font-size: 14px;
  color: rgb(101, 103, 107);
}
.unread-message .message-body[data-v-7bc469ee] {
  font-weight: bold;
}
.message-container[data-v-7bc469ee] {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 6px;
  padding-right: 6px;
  margin: 4px;
}
.read-message[data-v-7bc469ee] {
  background-color: rgba(0, 0, 0, 0.125);
}

.search-input-container[data-v-7f6a977e] {
  display: flex;
  align-items: center;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  padding: 5px;
}
.search-icon[data-v-7f6a977e] {
  margin-right: 5px;
  color: #adadad;
}
input[data-v-7f6a977e] {
  border: none;
  outline: none;
  flex: 1;
}
.search-input-container > input[data-v-7f6a977e] {
  font-size: 14px;
  height: 30px;
}
.search-input-container > input[data-v-7f6a977e]::placeholder {
  color: #adadad
}

.top-level-div[data-v-2464ed9e] {
  padding-bottom: 0;
  padding-left: 2em;
  padding-right: 2em;
}
.chat-container[data-v-2464ed9e] {
  display: flex;
  width: 100%;
}
.chat-summary[data-v-2464ed9e] {
  flex-basis: 360px;
  width: 360px;
  flex-shrink: 0;
  padding-right: 4px;
}
.summary-item[data-v-2464ed9e] {
  cursor: pointer;
}
.summary-item[data-v-2464ed9e]:not(.active):hover {
  background-color: #eee;
}
.chat-detail[data-v-2464ed9e] {
  flex-grow: 1;
}
.summary-message[data-v-2464ed9e] {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
.chat-container[data-v-2464ed9e] {
    display: block;
}
.chat-summary[data-v-2464ed9e] {
    width: 100%;
}
}
.card[data-v-2464ed9e] {
  height: calc(100vh - 120px);
  border-radius: 15px !important;
}
.contacts_body[data-v-2464ed9e] {
  padding: 0.75rem 0 !important;
  overflow-y: auto;
  white-space: nowrap;
}
.msg_card_body[data-v-2464ed9e] {
  overflow-y: auto;
}
.card-header[data-v-2464ed9e] {
  border-radius: 15px 15px 0 0 !important;
  background-color: white;
  padding: 0.75rem 0.5rem;
  padding-bottom: 0;
}
.card-footer[data-v-2464ed9e] {
  border-radius: 0 0 15px 15px !important;
  border-top: 0 !important;
  background-color: white;
}
.container[data-v-2464ed9e] {
  align-content: center;
}
.search[data-v-2464ed9e] {
  border-radius: 15px 0 0 15px !important;
  background-color: rgb(240, 242, 245) !important;
  border: 0 !important;
  color: rgb(5, 5, 5) !important;
}
.search[data-v-2464ed9e]:focus {
  box-shadow: none !important;
  outline: 0px !important;
}
.type_msg[data-v-2464ed9e] {
  background-color: #f0f2f5;
  border: 0 !important;
  color: rgb(5, 5, 5);
  height: 60px !important;
  overflow-y: auto;
}
.type_msg[data-v-2464ed9e]:focus {
  box-shadow: none !important;
  outline: 0px !important;
}
.attach_btn[data-v-2464ed9e] {
  border-radius: 15px 0 0 15px !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
  border: 0 !important;
  color: white !important;
  cursor: pointer;
}
.send_btn[data-v-2464ed9e] {
  border-radius: 0 15px 15px 0 !important;
  background-color: #f0f2f5;
  border: 0 !important;
  color: rgb(0, 132, 255);
  cursor: pointer;
}
.search_btn[data-v-2464ed9e] {
  border-radius: 0 15px 15px 0 !important;
  background-color: rgb(240, 242, 245) !important;
  border: 0 !important;
  color: rgba(5, 5, 5, 0.4) !important;
  cursor: pointer;
}
.contacts[data-v-2464ed9e] {
  list-style: none;
  padding: 0;
}
.contacts li[data-v-2464ed9e] {
  width: 100% !important;
  padding: 5px 10px;
  margin-bottom: 15px !important;
}
.active[data-v-2464ed9e] {
  background-color: rgba(45, 136, 255, 0.1);
}
.user_img[data-v-2464ed9e] {
  height: 70px;
  width: 70px;
  border: 1.5px solid #f5f6fa;
  object-fit: cover;
}
.user_img_msg[data-v-2464ed9e] {
  height: 40px;
  width: 40px;
  border: 1.5px solid #f5f6fa;
  object-fit: cover;
}
.img_cont[data-v-2464ed9e] {
  position: relative;
  height: 70px;
  width: 70px;
}
.img_cont_msg[data-v-2464ed9e] {
  height: 40px;
  width: 40px;
}
.online_icon[data-v-2464ed9e] {
  position: absolute;
  height: 15px;
  width: 15px;
  background-color: #4cd137;
  border-radius: 50%;
  bottom: 0.2em;
  right: 0.4em;
  border: 1.5px solid white;
}
.offline[data-v-2464ed9e] {
  background-color: #c23616 !important;
}
.user_info[data-v-2464ed9e] {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.user_info span[data-v-2464ed9e] {
  font-size: 20px;
}
.card-header .user_info span[data-v-2464ed9e] {
  font-weight: 600;
}
.summary-header[data-v-2464ed9e] {
  display: flex;
  align-items: center;
}
.summary-header .summary-name[data-v-2464ed9e] {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgb(5, 5, 5);
}
.summary-candidate-name[data-v-2464ed9e] {
}
.summary-header .summary-time[data-v-2464ed9e] {
  flex-shrink: 0;
}
.user_info p[data-v-2464ed9e] {
  font-size: 14px;
  color: rgb(101, 103, 107);
}
.user_info span.summary-time[data-v-2464ed9e] {
  font-size: 14px;
  color: rgb(101, 103, 107);
}
.video_cam[data-v-2464ed9e] {
  margin-left: 50px;
  margin-top: 5px;
}
.video_cam span[data-v-2464ed9e] {
  font-size: 20px;
  cursor: pointer;
  margin-right: 20px;
}
.msg_cotainer[data-v-2464ed9e] {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  border-radius: 10px;
  background-color: rgb(228, 230, 235);
  color: rgb(5, 5, 5);
  padding: 10px;
  position: relative;
}
.msg_cotainer_send[data-v-2464ed9e] {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 10px;
  border-radius: 10px;
  background-color: #b6c8e7;
  padding: 10px;
  position: relative;
  color: black;
}
.msg-body[data-v-2464ed9e] {
  white-space: pre-wrap;
}
.msg_time[data-v-2464ed9e] {
  position: absolute;
  left: 0;
  bottom: -15px;
  color: rgb(138, 141, 145);
  white-space: nowrap;
  font-size: 10px;
}
.msg_time_send[data-v-2464ed9e] {
  position: absolute;
  right: 0;
  bottom: -15px;
  color: rgb(138, 141, 145);
  white-space: nowrap;
  font-size: 10px;
}
.msg_head[data-v-2464ed9e] {
  position: relative;
}
#action_menu_btn[data-v-2464ed9e] {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  font-size: 20px;
}
.action_menu[data-v-2464ed9e] {
  z-index: 1;
  position: absolute;
  padding: 15px 0;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  top: 30px;
  right: 15px;
  display: none;
}
.action_menu ul[data-v-2464ed9e] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.action_menu ul li[data-v-2464ed9e] {
  width: 100%;
  padding: 10px 15px;
  margin-bottom: 5px;
}
.action_menu ul li i[data-v-2464ed9e] {
  padding-right: 10px;
}
.action_menu ul li[data-v-2464ed9e]:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 576px) {
.contacts_card[data-v-2464ed9e] {
    margin-bottom: 15px !important;
}
}
/* width */
[data-v-2464ed9e]::-webkit-scrollbar {
  width: 10px;
}
/* Track */
[data-v-2464ed9e]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
/* Handle */
[data-v-2464ed9e]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.message-receive[data-v-2464ed9e] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-start;
}
.message-send[data-v-2464ed9e] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-end;
}
.no-conversation-selected[data-v-2464ed9e] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.send-new-user[data-v-2464ed9e] {
  font-size: 38px;
  margin-right: -0.5em;
  cursor: pointer;
}
.attachment-btn[data-v-2464ed9e] {
  padding: 0;
  padding-right: 2px;
  border: none;
  background: transparent;
  height: 50%;
  cursor: pointer;
}
.mms-icon[data-v-2464ed9e] {
  font-size: 2em;
}
.delete-mms-icon[data-v-2464ed9e] {
  font-size: 1em;
  position: absolute;
  top: 0.4em;
  left: 1em;
  background-color: white;
  border-radius: 50%;
  border: solid 1px;
  cursor: pointer;
}
.show-mms-icon[data-v-2464ed9e] {
  position: absolute;
  left: 0;
  top: -1.2em;
}
.receiving-mms-icon[data-v-2464ed9e] {
  position: absolute;
  left: 0;
  top: -1.2em;
}
.unread-message[data-v-2464ed9e] {
  font-weight: bold;
}
.page-link[data-v-2464ed9e] {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.mark-unread-btn[data-v-2464ed9e] {
  position: absolute;
  right: -10px;
  bottom: 14px;
  font-size: 15px;
  color: rgb(101, 103, 107);
}
.reference-user-info[data-v-2464ed9e] {
  margin-top: -4px;
}
.view-mode[data-v-2464ed9e] {
  cursor: pointer;
  margin-right: 4px;
  color: var(--coredarkcolor);
}
.selected-view.view-mode[data-v-2464ed9e] {
  background-color: var(--coredarkcolor);
  color: white;
}
.phone-search[data-v-2464ed9e] {
  flex-grow: 1;
  margin-right: 6px;
}
.message-search[data-v-2464ed9e] {
  flex-grow: 1;
  margin-right: 6px;
}
.filter-container[data-v-2464ed9e] {
  font-size: 13px;
}
.filter-container label[data-v-2464ed9e] {
  margin-bottom: 0;
}
.filter-container > *[data-v-2464ed9e]:not(:last-child) {
  margin-right: 0.5em;
}

.date-filter-container[data-v-1e162234] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-container[data-v-1e162234] {
  text-align: right;
}
.booking-item-mobile label[data-v-1e162234] {
  font-weight: bold;
}
.filler-info-mobile[data-v-1e162234]:not(:last-child)::after {
  content: ",";
}
@media screen and (max-width: 768px) {
.date-filter-container[data-v-1e162234] {
    width: 100%;
    flex-direction: column;
    align-items: start;
}
}

.date-filter-container[data-v-68c1fc23] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-container[data-v-68c1fc23] {
  text-align: right;
}
.booking-item-mobile label[data-v-68c1fc23] {
  font-weight: bold;
}
.filler-info-mobile[data-v-68c1fc23]:not(:last-child)::after {
  content: ",";
}
@media screen and (max-width: 768px) {
.date-filter-container[data-v-68c1fc23] {
    width: 100%;
    flex-direction: column;
    align-items: start;
}
}

.home-container>.row>div[data-v-c5322930] {
    margin-top: 1em;
    margin-bottom: 1em;
}
.home-dashboard-module[data-v-c5322930] {
  box-shadow: 0 .25rem 0.5rem rgba(0, 0, 0, .1) !important;
  padding: 1.1rem;
}
.view-all-btn[data-v-c5322930] {
    min-width: 110px !important;
    padding: 10px 25px !important;
}
.max-content-table[data-v-c5322930] {
    max-height: 300px;
    height: 300px;
    overflow: auto;
    /* background-color: #ededed; */
}
.to-do-max-content-table[data-v-c5322930] {
    height: 200px !important;
}
.max-content-table .data-table .table .max-content[data-v-c5322930] {
    width: max-content !important;
}
.max-content-table .data-table .table[data-v-c5322930] {
    margin: 0 !important;
}
.card[data-v-c5322930] {
    border: none;
    box-shadow: 0 .25rem 0.5rem rgba(0, 0, 0, .1) !important;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
}
.user-table-container[data-v-c5322930] {
    border: none;
}
.user-table-container .status-card-container[data-v-c5322930] {
    height: 125px;
    overflow-y: scroll;
    margin-bottom: 30px;
}
.user-table-container .stats-list-container .stats-block-container[data-v-c5322930] {
    padding: 4px;
}
.user-table-container .stats-list-container .stats-block-container .stats-block[data-v-c5322930] {
    align-items: center;
    justify-content: space-between;
    padding: 9px 10px;
}
.user-table-container .stats-list-container .stats-block-container .stats-block .stats-header-container[data-v-c5322930] {
    flex-grow: 0;
}
.user-table-container .stats-list-container .stats-block-container .stats-block .stats-header-container .stats-header[data-v-c5322930] {
    font-size: 0.6em;
    line-height: 1.2em;
}
.user-table-container .stats-list-container .stats-block-container .stats-block .user-stat[data-v-c5322930] {
    font-size: 0.9em;
}
.user-table-container .stats-list-container .stats-block-container .stats-block .user-stat .stat-count[data-v-c5322930] {
    font-size: inherit;
}

/* width */
[data-v-c5322930]::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

/* Track */
[data-v-c5322930]::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 5px grey; */
    box-shadow: none;
    border-radius: 9px;
}

/* Handle */
[data-v-c5322930]::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 9px;
}
.element-container[data-v-c5322930] {
    max-height: 300px;
    overflow: auto;
}

/* Enhanced Customize Home Screen Button Styling */
.customize-home-section[data-v-c5322930] {
    margin: 1.5rem 0 2rem 0;
    display: flex;
    justify-content: flex-end;
}
.customize-home-btn[data-v-c5322930] {
    transition: all 0.3s ease;
}
.customize-home-btn[data-v-c5322930] :deep(.setting-btn) {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    padding: 12px 24px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.customize-home-btn[data-v-c5322930] :deep(.setting-btn):hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
}
.customize-home-btn[data-v-c5322930] :deep(.setting-btn):active {
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(102, 126, 234, 0.3);
}
.customize-home-btn[data-v-c5322930] :deep(.setting-btn)::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}
.customize-home-btn[data-v-c5322930] :deep(.setting-btn):hover::before {
    left: 100%;
}
.customize-home-btn[data-v-c5322930] :deep(.setting-btn .settings-icon) {
    color: white;
    font-size: 18px;
    margin-left: 8px;
    transition: transform 0.3s ease;
}
.customize-home-btn[data-v-c5322930] :deep(.setting-btn:hover .settings-icon) {
    transform: rotate(15deg);
}

/* Enhanced View All Icon Button Styling */
.view-all-icon-btn[data-v-c5322930] {
    transition: all 0.3s ease;
}
.view-all-icon-btn[data-v-c5322930] :deep(.icon-btn) {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 8px;
    padding: 8px 12px;
    color: white;
    box-shadow: 0 3px 10px rgba(102, 126, 234, 0.25);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.view-all-icon-btn[data-v-c5322930] :deep(.icon-btn):hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.35);
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
}
.view-all-icon-btn[data-v-c5322930] :deep(.icon-btn):active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.25);
}
.view-all-icon-btn[data-v-c5322930] :deep(.icon-btn)::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
    transition: left 0.4s;
}
.view-all-icon-btn[data-v-c5322930] :deep(.icon-btn):hover::before {
    left: 100%;
}
.view-all-icon-btn[data-v-c5322930] :deep(.icon-btn > i) {
    color: white;
    font-size: 18px;
    transition: transform 0.3s ease;
}
.view-all-icon-btn[data-v-c5322930] :deep(.icon-btn:hover > i) {
    transform: scale(1.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
.customize-home-section[data-v-c5322930] {
        justify-content: center;
        margin: 1rem 0 1.5rem 0;
}
.customize-home-btn[data-v-c5322930] :deep(.setting-btn) {
        padding: 10px 20px;
        font-size: 13px;
}
}

.admin-builder-header[data-v-d18b7770] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}
.delete-icon[data-v-d18b7770] {
  color: red;
  cursor: pointer;
}
.edit-admin-icon[data-v-d18b7770] {
  color: #007bff;
  cursor: pointer;
}
.change-password-icon[data-v-d18b7770] {
  color: #007bff;
  cursor: pointer;
}

.admin-builder-header[data-v-67a6ff3c] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}
.delete-icon[data-v-67a6ff3c] {
  color: red;
  cursor: pointer;
}
.edit-admin-icon[data-v-67a6ff3c] {
  color: #007bff;
  cursor: pointer;
}
.change-password-icon[data-v-67a6ff3c] {
  color: #007bff;
  cursor: pointer;
}
.edit-form-icon[data-v-67a6ff3c] {
  color: #007bff;
  cursor: pointer;
}

.admin-builder-header[data-v-cdb5205e] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}
.delete-icon[data-v-cdb5205e] {
  color: red;
  cursor: pointer;
}
.edit-admin-icon[data-v-cdb5205e] {
  color: #007bff;
  cursor: pointer;
}
.change-password-icon[data-v-cdb5205e] {
  color: #007bff;
  cursor: pointer;
}
.edit-form-icon[data-v-cdb5205e] {
  color: #007bff;
  cursor: pointer;
}

.admin-builder-header[data-v-34b97c16] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}
.delete-icon[data-v-34b97c16] {
  color: red;
  cursor: pointer;
}
.edit-admin-icon[data-v-34b97c16] {
  color: #007bff;
  cursor: pointer;
}
.change-password-icon[data-v-34b97c16] {
  color: #007bff;
  cursor: pointer;
}
.edit-form-icon[data-v-34b97c16] {
  color: #007bff;
  cursor: pointer;
}

.image-preview[data-v-b70978d8] {
  max-width: 100%;
  max-height: 225px;
}

.admin-builder-header[data-v-61a68c93] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}
.delete-icon[data-v-61a68c93] {
  color: red;
  cursor: pointer;
}
.edit-form-icon[data-v-61a68c93] {
  color: #007bff;
  cursor: pointer;
}
.change-password-icon[data-v-61a68c93] {
  color: #007bff;
  cursor: pointer;
}
.detail-btn[data-v-61a68c93] {
  cursor: pointer;
  margin-left: 0.5em;
}

.badge-img > img[data-v-05c193c6] {
  height: 1.5em;
}

.all-comments[data-v-d07a4796] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 13px;
}
.all-comments .image[data-v-d07a4796] {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    margin-top: 5px;
}
.all-comments .image img[data-v-d07a4796] {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.all-comments .all-details[data-v-d07a4796] {
    width: 100%;
    /* height: 300px; */
    margin-left: 5px;
    margin-top: 3px;
    background: rgba(227, 227, 227, 0.4);
    border: 1px solid rgba(227, 227, 227, 0.4);
    position: relative;
    padding: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.all-comments .all-details .content-editable[data-v-d07a4796] {
    height: 100% !important;
}
.all-comments .all-details[data-v-d07a4796]:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 16px;
    width: 0;
    height: 0;
    border-top: 2px solid transparent;
    border-right: 13px solid rgba(227, 227, 227, 0.4);
    border-bottom: 14px solid transparent;
}
.all-comments .all-details textarea[data-v-d07a4796] {
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    outline: none;
    font-family: "Lato";
    font-size: 15px;
    line-height: 22px;
    opacity: 0.8;
}
.all-comments .all-details .user-name[data-v-d07a4796] {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}
.all-comments .all-details .user-name .name[data-v-d07a4796] {
    font-family: "Lato";
    font-size: 13px;
    color: var(--coredarkcolor);
}
.all-comments .all-details .user-name .lastseen[data-v-d07a4796] {
    font-family: "Lato";
    font-size: 13px;
    opacity: 0.6;
    margin-left: 10px;
}
.all-comments .all-details .btns[data-v-d07a4796] {
    align-self: flex-end;
    display: flex;
    margin-top: 1rem;
}
.all-comments .all-details .btns .btn[data-v-d07a4796] {
    /* background-color: #1f4e78; */
    border: none;
    /* color: #fff; */
    font-size: 16px;
    padding: 0.5rem 1rem;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.all-comments .all-details .btns .update-btn[data-v-d07a4796] {
    margin-right: 1rem;
}
.all-comments .all-details .user-name .data-manipulation[data-v-d07a4796] {
    margin-left: auto;
}
.all-comments .all-details .user-name .dropdown[data-v-d07a4796] {
    cursor: pointer;
}
.all-comments .all-details .user-name .options[data-v-d07a4796] {
    position: absolute;
    top: 0;
    right: 80%;
    width: 6rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    z-index: 1000;
}
.all-comments .all-details .user-name .option[data-v-d07a4796] {
    padding: 0.5rem;
    text-align: center;
    color: var(--coredarkcolor);
    font-size: 13px;
}
.all-comments .all-details .user-name .option[data-v-d07a4796]:hover {
    text-decoration: none;
    background-color: #f8f9fa;
}
.all-comments .all-details .answer[data-v-d07a4796] {
    font-family: "Lato";
    font-size: 15px;
    opacity: 0.8;
    line-height: 22px;
}
.comment .buttons[data-v-d07a4796] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 12px;
  margin-left: 2.5rem;
  line-height: 1.3;
  border-radius: 0 !important;
}
.comment .buttons .btn[data-v-d07a4796] {
  border: none;
  font-size: 13px;
  padding: 5px 15px;
  font-weight: bold;
  border-radius: 0;
  cursor: pointer;
}
.comment .buttons .btn2[data-v-d07a4796] {
  background-color: #1f4e78;
  color: #fff;
}
.comment .buttons .btn1[data-v-d07a4796] {
  background-color: #a0a0a0;
  color: #fff;
  margin-right: 8px;
}
.btn-comment-disabled[data-v-d07a4796] {
  pointer-events: none;
}
.vote-cta[data-v-d07a4796] {
  font-size: 29px;
  cursor: pointer;
  color: gray;
}
.vote-up.voted[data-v-d07a4796] {
  color: var(--coredarkcolor);
}
.vote-container[data-v-d07a4796] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 12px;
  padding: 8px 4px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(227, 227, 227, 0.6);
  min-width: 40px;
  transition: all 0.2s ease;
}
.vote-container[data-v-d07a4796]:hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(227, 227, 227, 0.8);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.vote-container .vote-up[data-v-d07a4796] {
  font-size: 18px;
  color: #6c757d;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: all 0.2s ease;
  margin-bottom: 2px;
}
.vote-container .vote-up[data-v-d07a4796]:hover {
  color: #495057;
  background: rgba(108, 117, 125, 0.1);
  transform: scale(1.1);
}
.vote-container .vote-up.voted[data-v-d07a4796] {
  color: #28a745;
  background: rgba(40, 167, 69, 0.1);
}
.vote-container .vote-up.voted[data-v-d07a4796]:hover {
  color: #218838;
  background: rgba(40, 167, 69, 0.15);
}
.vote-info[data-v-d07a4796] {
  color: #495057;
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  text-align: center;
  min-width: 20px;
}
.view-vote-container[data-v-d07a4796] {
  display: flex;
  justify-content: center;
  margin-top: 4px;
  margin-left: -10px;
}
.view-vote[data-v-d07a4796] {
  font-size: 16px;
  cursor: pointer;
  color: #6c757d;
  padding: 4px;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.view-vote[data-v-d07a4796]:hover {
  color: #495057;
  background: rgba(108, 117, 125, 0.1);
  transform: scale(1.05);
}
.add-thread-comment[data-v-d07a4796] {
  font-size: 14px;
  margin-left: 5em;
  margin-top: 1em;
}
.add-thread-comment .image[data-v-d07a4796] {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  margin-top: 5px;
}
.add-thread-comment .image img[data-v-d07a4796] {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.add-thread-comment .btn[data-v-d07a4796] {
  border: none;
  font-size: 13px;
  padding: 5px 15px;
  font-weight: bold;
  border-radius: 0;
  cursor: pointer;
}
.add-thread-comment .btn2[data-v-d07a4796] {
  background-color: #1f4e78;
  color: #fff;
}

.comment[data-v-5b10e2af] {
  margin-top: 4px;
  border-top: 1px solid #e5e7eb;
  padding-top: 24px;
}
.comments-toggle[data-v-5b10e2af] {
  margin-bottom: 16px;
}
.btn-toggle-comments[data-v-5b10e2af] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 12px 16px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  justify-content: space-between;
}
.btn-toggle-comments[data-v-5b10e2af]:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.toggle-icon[data-v-5b10e2af] {
  font-size: 12px;
  color: #6b7280;
  transition: transform 0.2s ease;
}
.toggle-icon.expanded[data-v-5b10e2af] {
  transform: rotate(180deg);
}
.comment .all-comments[data-v-5b10e2af] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}
.comment .all-comments .image[data-v-5b10e2af] {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.comment .all-comments .image img[data-v-5b10e2af] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #f3f4f6;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.comment .all-comments .all-details[data-v-5b10e2af] {
  flex: 1;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 16px;
  position: relative;
  transition: all 0.2s ease;
}
.comment .all-comments .all-details[data-v-5b10e2af]:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
}
.comment .all-comments .all-details[data-v-5b10e2af]:before {
  content: "";
  position: absolute;
  left: -8px;
  top: 16px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 8px solid #e2e8f0;
  border-bottom: 8px solid transparent;
}
.comment .all-comments .all-details[data-v-5b10e2af]:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 17px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #f8fafc;
  border-bottom: 7px solid transparent;
}
.comment .all-comments .all-details[data-v-5b10e2af]:hover:after {
  border-right-color: #f1f5f9;
}
.comment .all-comments .all-details .content-editable[data-v-5b10e2af] {
  min-height: 80px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #374151;
}
.comment .all-comments .all-details textarea[data-v-5b10e2af] {
  border: none;
  background-color: transparent;
  width: 100%;
  min-height: 80px;
  outline: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #374151;
  resize: vertical;
}
.comment .all-comments .all-details .user-name[data-v-5b10e2af] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e5e7eb;
}
.comment .all-comments .all-details .user-name .name[data-v-5b10e2af] {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
}
.comment .all-comments .all-details .user-name .lastseen[data-v-5b10e2af] {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  font-size: 12px;
  color: #6b7280;
  margin-left: 8px;
}
.comment .all-comments .all-details .answer[data-v-5b10e2af] {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #374151;
  margin-top: 8px;
}
.comment .all-comments .all-details .btns[data-v-5b10e2af] {
  display: flex;
  gap: 8px;
  margin-top: 12px;
  justify-content: flex-end;
}
.comment .all-comments .all-details .btns .btn[data-v-5b10e2af] {
  border: none;
  font-size: 13px;
  padding: 6px 16px;
  font-weight: 500;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
}
.comment .all-comments .all-details .btns .btn[data-v-5b10e2af]:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.comment .all-comments .all-details .user-name .data-manipulation[data-v-5b10e2af] {
  margin-left: auto;
}
.comment .all-comments .all-details .user-name .dropdown[data-v-5b10e2af] {
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.comment .all-comments .all-details .user-name .dropdown[data-v-5b10e2af]:hover {
  background-color: #e5e7eb;
}
.comment .all-comments .all-details .user-name .options[data-v-5b10e2af] {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 120px;
  font-size: 13px;
  color: #374151;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  z-index: 10;
  overflow: hidden;
}
.comment .all-comments .all-details .user-name .option[data-v-5b10e2af] {
  padding: 8px 12px;
  color: #374151;
  font-size: 13px;
  transition: background-color 0.2s ease;
  cursor: pointer;
}
.comment .all-comments .all-details .user-name .option[data-v-5b10e2af]:hover {
  background-color: #f3f4f6;
  color: #1f2937;
}
.comment .buttons[data-v-5b10e2af] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 16px;
  margin-left: 52px;
  gap: 12px;
}
.comment .buttons .btn[data-v-5b10e2af] {
  border: none;
  font-size: 13px;
  padding: 8px 20px;
  font-weight: 500;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
}
.comment .buttons .btn[data-v-5b10e2af]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.comment .buttons .btn2[data-v-5b10e2af] {
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  color: #ffffff;
  border: none;
}
.comment .buttons .btn2[data-v-5b10e2af]:hover {
  background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
}
.comment .buttons .btn1[data-v-5b10e2af] {
  background-color: #6b7280;
  color: #ffffff;
}
.comment .buttons .btn1[data-v-5b10e2af]:hover {
  background-color: #4b5563;
}
.btn-comment-disabled[data-v-5b10e2af] {
  opacity: 0.5;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}
.vote-cta[data-v-5b10e2af] {
  font-size: 24px;
  cursor: pointer;
  color: #9ca3af;
  transition: color 0.2s ease;
}
.vote-cta[data-v-5b10e2af]:hover {
  color: #6b7280;
}
.vote-up.voted[data-v-5b10e2af] {
  color: #3b82f6;
}
.vote-container[data-v-5b10e2af] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-right: 12px;
}
.vote-container .vote-up[data-v-5b10e2af] {
  font-size: 18px;
  color: #d1d5db;
  transition: color 0.2s ease;
  cursor: pointer;
}
.vote-container .vote-up[data-v-5b10e2af]:hover {
  color: #9ca3af;
}
.vote-info[data-v-5b10e2af] {
  color: #6b7280;
  font-size: 13px;
  font-weight: 500;
}
.view-vote[data-v-5b10e2af] {
  font-size: 16px;
  cursor: pointer;
  color: #9ca3af;
  transition: color 0.2s ease;
}
.view-vote[data-v-5b10e2af]:hover {
  color: #6b7280;
}
.add-thread-comment[data-v-5b10e2af] {
  margin-left: 52px;
  margin-top: 12px;
}
.add-thread-comment a[data-v-5b10e2af] {
  color: #3b82f6;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.2s ease;
  display: inline-block;
}
.add-thread-comment a[data-v-5b10e2af]:hover {
  background-color: #eff6ff;
  text-decoration: none;
}
.add-thread-comment .all-details[data-v-5b10e2af] {
  margin-top: 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 12px;
}
.add-thread-comment .btn[data-v-5b10e2af] {
  border: none;
  font-size: 13px;
  padding: 6px 16px;
  font-weight: 500;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
}
.add-thread-comment .btn2[data-v-5b10e2af] {
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  color: #ffffff;
  margin-top: 8px;
}
.add-thread-comment .btn2[data-v-5b10e2af]:hover {
  background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}
.add-main-comment[data-v-5b10e2af] {
  margin-top: -10px;
  padding: 16px 0;
  padding-bottom: 0;
  text-align: left;
}
.add-main-comment.has-comments[data-v-5b10e2af] {
  margin-top: 20px;
  border-top: 1px solid #e5e7eb;
}
.add-main-comment a[data-v-5b10e2af] {
  color: #3b82f6;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 24px;
  border: 1px solid #3b82f6;
  border-radius: 8px;
  transition: all 0.2s ease;
  display: inline-block;
  background: transparent;
}
.add-main-comment a[data-v-5b10e2af]:hover {
  background-color: #3b82f6;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

/* Thread replies styling */
.ml-5[data-v-5b10e2af] {
  margin-left: 52px;
  border-left: 2px solid #e5e7eb;
  padding-left: 16px;
  margin-top: 12px;
}
.ml-5 .comment .all-comments .image[data-v-5b10e2af] {
  width: 32px;
  height: 32px;
}
.ml-5 .comment .all-comments .all-details[data-v-5b10e2af] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
}
.ml-5 .comment .all-comments .all-details[data-v-5b10e2af]:before {
  border-right-color: #e5e7eb;
}
.ml-5 .comment .all-comments .all-details[data-v-5b10e2af]:after {
  border-right-color: #ffffff;
}

/* Responsive design */
@media (max-width: 768px) {
.comment .all-comments[data-v-5b10e2af] {
    gap: 8px;
}
.comment .all-comments .image[data-v-5b10e2af] {
    width: 32px;
    height: 32px;
}
.comment .buttons[data-v-5b10e2af] {
    margin-left: 40px;
}
.add-thread-comment[data-v-5b10e2af] {
    margin-left: 40px;
}
.ml-5[data-v-5b10e2af] {
    margin-left: 40px;
    padding-left: 12px;
}
}

.cursor[data-v-3b4fe245] {
  cursor: pointer;
}
.community-topic-card[data-v-3b4fe245] {
  background-color: #fff;
  border-radius: 8px;
  margin: 0 auto 20px auto;
  max-width: 1200px;
  position: relative;
  overflow: visible;
}
.community-topic-card[data-v-3b4fe245]:hover {
  z-index: 1;
  position: relative;
  overflow: visible;
}
.action-btn[data-v-3b4fe245] {
  background: none;
  border: 1px solid #babfc4;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
  color: #6a737c;
  text-decoration: none;
  margin-bottom: 8px;
}
.action-btn[data-v-3b4fe245]:hover {
  border-color: #0969da;
  background-color: #f6f8fa;
}
.action-btn.active[data-v-3b4fe245] {
  background-color: #0969da;
  border-color: #0969da;
  color: #fff;
}
.action-btn i[data-v-3b4fe245] {
  font-size: 18px;
}
.topic-header[data-v-3b4fe245] {
  padding: 20px 20px 15px 20px;
  border: 1px solid #e0e0e0;
  border-radius: 8px 8px 0 0;
}
.topic-title[data-v-3b4fe245] {
  font-size: 27px;
  font-weight: 500;
  color: #0f1419;
  margin-bottom: 12px;
  line-height: 1.3;
  word-break: break-word;
}
.topic-author-meta[data-v-3b4fe245] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.author-info-header[data-v-3b4fe245] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.author-avatar-header[data-v-3b4fe245] {
  width: 24px;
  height: 24px;
  border-radius: 3px;
  overflow: hidden;
}
.author-avatar-header img[data-v-3b4fe245] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.author-details-header[data-v-3b4fe245] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.author-name-header[data-v-3b4fe245] {
  font-size: 13px;
  font-weight: 500;
  /* color: #0969da; */
  text-decoration: none;
  /* cursor: pointer; */
}

/* .author-name-header:hover {
  text-decoration: underline;
} */
.author-time[data-v-3b4fe245] {
  font-size: 12px;
  color: #6a737c;
  margin-left: 4px;
}
.topic-meta[data-v-3b4fe245] {
  display: flex;
  gap: 15px;
  font-size: 13px;
  color: #6a737c;
}
.meta-item[data-v-3b4fe245] {
  display: flex;
  align-items: center;
}
.topic-main[data-v-3b4fe245] {
  display: flex;
  padding: 0;
}
.voting-sidebar[data-v-3b4fe245] {
  width: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 8px;
  background-color: #fafafb;
}
.vote-controls[data-v-3b4fe245] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.vote-btn[data-v-3b4fe245] {
  background: none;
  border: 1px solid #babfc4;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
  color: #6a737c;
}
.vote-btn[data-v-3b4fe245]:hover {
  border-color: #0969da;
  background-color: #f6f8fa;
}
.vote-btn.active[data-v-3b4fe245] {
  background-color: #0969da;
  border-color: #0969da;
  color: #fff;
}
.vote-score[data-v-3b4fe245] {
  font-size: 21px;
  font-weight: 500;
  color: #6a737c;
  text-align: center;
  margin: 8px 0;
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.admin-btn[data-v-3b4fe245] {
  background: none;
  border: 1px solid #babfc4;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
  color: #6a737c;
  margin-top: 10px;
}
.admin-btn[data-v-3b4fe245]:hover {
  border-color: #0969da;
  background-color: #f6f8fa;
}
.admin-btn i[data-v-3b4fe245] {
  font-size: 18px;
}
.content-area[data-v-3b4fe245] {
  flex-grow: 1;
  padding: 16px 20px 20px 20px;
}
.topic-content[data-v-3b4fe245] {
  font-size: 15px;
  line-height: 1.7;
  color: #232629;
  margin-bottom: 8px;
  word-break: break-word;
}
.topic-content div[data-v-3b4fe245] {
  font-size: 15px !important;
}
.topic-content img[data-v-3b4fe245] {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  margin: 8px 0;
}
.read-more-btn[data-v-3b4fe245] {
  background: none;
  border: none;
  color: #0969da;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 0;
  margin-top: 8px;
  text-decoration: none;
  transition: color 0.2s ease;
  display: block;
}
.read-more-btn[data-v-3b4fe245]:hover {
  color: #0550ae;
  text-decoration: underline;
}
.read-more-btn[data-v-3b4fe245]:focus {
  outline: 2px solid #0969da;
  outline-offset: 2px;
  border-radius: 4px;
}
.admin-info[data-v-3b4fe245] {
  background-color: #fdf7e2;
  border: 1px solid #e3d6a3;
  border-radius: 4px;
  padding: 12px;
  margin: 8px 0;
}
.info-item[data-v-3b4fe245] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #6a737c;
  margin-bottom: 4px;
}
.info-item[data-v-3b4fe245]:last-child {
  margin-bottom: 0;
}
.info-item strong[data-v-3b4fe245] {
  color: #232629;
  font-weight: 600;
}
.info-link[data-v-3b4fe245] {
  color: #0969da;
  text-decoration: none;
}
.info-link[data-v-3b4fe245]:hover {
  text-decoration: underline;
}
.comments-section[data-v-3b4fe245] {
  margin-top: 12px;
  padding-top: 8px;
}
.topic-footer-slot[data-v-3b4fe245] {
  margin-top: 0px;
  padding-top: 0px;
}
.actions-sidebar[data-v-3b4fe245] {
  width: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 8px;
  background-color: #fafafb;
}
.action-menu[data-v-3b4fe245] {
  position: relative;
}
.menu-dropdown[data-v-3b4fe245] {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  z-index: 100;
}
.menu-dropdown .menu-section[data-v-3b4fe245] {
  display: flex;
  flex-direction: column;
}
.menu-dropdown .menu-item[data-v-3b4fe245] {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #6a737c;
  font-size: 13px;
  background: none;
  border: none;
  border-radius: 4px;
  margin-bottom: 2px;
  white-space: nowrap;
}
.menu-dropdown .menu-item[data-v-3b4fe245]:hover {
  background-color: #f6f8fa;
  color: #24292f;
}
.menu-dropdown .menu-item i[data-v-3b4fe245] {
  margin-right: 8px;
  font-size: 16px;
}
.menu-dropdown .menu-item.completed[data-v-3b4fe245] {
  color: #1f883d;
}
.menu-dropdown .menu-item.completed[data-v-3b4fe245]:hover {
  background-color: #dafbe1;
  color: #1f883d;
}
.menu-dropdown .menu-item.danger[data-v-3b4fe245] {
  color: #d1242f;
}
.menu-dropdown .menu-item.danger[data-v-3b4fe245]:hover {
  background-color: #ffebe9;
  color: #d1242f;
}

/* Responsive Design */
@media (max-width: 1240px) {
.community-topic-card[data-v-3b4fe245] {
    margin-left: 20px;
    margin-right: 20px;
}
}
@media (max-width: 768px) {
.community-topic-card[data-v-3b4fe245] {
    margin-bottom: 16px;
    margin-left: 16px;
    margin-right: 16px;
    border-radius: 6px;
}
.topic-header[data-v-3b4fe245] {
    padding: 16px 16px 12px 16px;
}
.topic-title[data-v-3b4fe245] {
    font-size: 24px;
}
.topic-author-meta[data-v-3b4fe245] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.topic-meta[data-v-3b4fe245] {
    font-size: 12px;
    gap: 12px;
}
.author-avatar-header[data-v-3b4fe245] {
    width: 20px;
    height: 20px;
}
.author-name-header[data-v-3b4fe245] {
    font-size: 12px;
}
.author-time[data-v-3b4fe245] {
    font-size: 11px;
}
.topic-main[data-v-3b4fe245] {
    flex-direction: column;
}
.voting-sidebar[data-v-3b4fe245] {
    width: 100%;
    padding: 12px 16px;
    background-color: #fff;
}
.vote-controls[data-v-3b4fe245] {
    flex-direction: row;
    justify-content: center;
    gap: 16px;
}
.vote-score[data-v-3b4fe245] {
    order: 1;
    margin: 0;
    font-size: 18px;
}
.vote-btn[data-v-3b4fe245] {
    width: 32px;
    height: 32px;
}
.vote-btn i[data-v-3b4fe245] {
    font-size: 18px;
}
.admin-btn[data-v-3b4fe245] {
    margin-top: 0;
}
.content-area[data-v-3b4fe245] {
    padding: 16px;
}
.topic-content[data-v-3b4fe245] {
    font-size: 14px;
}
.actions-sidebar[data-v-3b4fe245] {
    position: absolute;
    top: 16px;
    right: 16px;
    width: auto;
    padding: 0;
    background: none;
    border: none;
}
.action-btn[data-v-3b4fe245] {
    width: 32px;
    height: 32px;
    margin-bottom: 6px;
}
.action-btn i[data-v-3b4fe245] {
    font-size: 16px;
}
.menu-dropdown[data-v-3b4fe245] {
    width: 180px;
    right: 0;
}
}
@media (max-width: 480px) {
.community-topic-card[data-v-3b4fe245] {
    margin-left: 12px;
    margin-right: 12px;
}
.topic-header[data-v-3b4fe245] {
    padding: 12px;
}
.topic-title[data-v-3b4fe245] {
    font-size: 20px;
    line-height: 1.2;
}
.topic-author-meta[data-v-3b4fe245] {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.topic-meta[data-v-3b4fe245] {
    font-size: 11px;
    gap: 8px;
}
.author-avatar-header[data-v-3b4fe245] {
    width: 18px;
    height: 18px;
}
.author-name-header[data-v-3b4fe245] {
    font-size: 11px;
}
.author-time[data-v-3b4fe245] {
    font-size: 10px;
}
.voting-sidebar[data-v-3b4fe245] {
    padding: 8px 12px;
}
.vote-controls[data-v-3b4fe245] {
    gap: 12px;
}
.vote-score[data-v-3b4fe245] {
    font-size: 16px;
}
.vote-btn[data-v-3b4fe245],
  .admin-btn[data-v-3b4fe245] {
    width: 28px;
    height: 28px;
}
.vote-btn i[data-v-3b4fe245],
  .admin-btn i[data-v-3b4fe245] {
    font-size: 16px;
}
.content-area[data-v-3b4fe245] {
    padding: 12px;
}
.topic-content[data-v-3b4fe245] {
    font-size: 13px;
    line-height: 1.6;
}
.read-more-btn[data-v-3b4fe245] {
    font-size: 13px;
}
.actions-sidebar[data-v-3b4fe245] {
    top: 12px;
    right: 12px;
}
.action-btn[data-v-3b4fe245] {
    width: 28px;
    height: 28px;
    margin-bottom: 4px;
}
.action-btn i[data-v-3b4fe245] {
    font-size: 14px;
}
.menu-dropdown[data-v-3b4fe245] {
    width: 160px;
}
.menu-dropdown .menu-item[data-v-3b4fe245] {
    padding: 8px 12px;
    font-size: 12px;
}
.admin-info[data-v-3b4fe245] {
    padding: 8px;
    margin: 6px 0;
}
.info-item[data-v-3b4fe245] {
    font-size: 11px;
}
.comments-section[data-v-3b4fe245] {
    margin-top: 8px;
    padding-top: 6px;
}
}

/* Animation and Transition Enhancements */
.community-topic-card[data-v-3b4fe245] {
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.community-topic-card[data-v-3b4fe245]:hover {
  border-color: #c8c8c8;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.menu-dropdown[data-v-3b4fe245] {
  opacity: 0;
  transform: translateY(-8px);
  animation: slideIn-data-v-3b4fe245 0.15s ease forwards;
}
@keyframes slideIn-data-v-3b4fe245 {
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* Accessibility Improvements */
.vote-btn[data-v-3b4fe245]:focus,
.admin-btn[data-v-3b4fe245]:focus,
.action-btn[data-v-3b4fe245]:focus {
  outline: 2px solid #0969da;
  outline-offset: 2px;
  border-color: #0969da;
}
.menu-dropdown .menu-item[data-v-3b4fe245]:focus {
  background-color: #f1f8ff;
  outline: none;
}

/* Loading States */
.vote-btn.loading[data-v-3b4fe245] {
  pointer-events: none;
  opacity: 0.6;
}
.vote-btn.loading i[data-v-3b4fe245] {
  animation: spin-data-v-3b4fe245 1s linear infinite;
}
@keyframes spin-data-v-3b4fe245 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}

/* Enhanced Visual States */
.community-topic-card.featured[data-v-3b4fe245] {
  border-left: 4px solid #0969da;
}
.community-topic-card.completed[data-v-3b4fe245] {
  background-color: #f6f8fa;
  border-left: 4px solid #1f883d;
}
.community-topic-card.completed .topic-title[data-v-3b4fe245] {
  color: #656d76;
}

/* Better Text Selection */
.topic-title[data-v-3b4fe245],
.topic-content[data-v-3b4fe245],
.author-name-header[data-v-3b4fe245] {
  user-select: text;
}
.vote-btn[data-v-3b4fe245],
.admin-btn[data-v-3b4fe245],
.action-btn[data-v-3b4fe245] {
  user-select: none;
}

.add-new-topic-modal .header[data-v-1a2bd565] {
  padding: 20px 25px !important;
  border-bottom: 2px solid #e8e8e8;
}
.add-new-topic-modal .header h2[data-v-1a2bd565] {
  font-size: 25px;
  margin-bottom: 0;
  font-weight: 800;
}
.add-new-topic-modal .body[data-v-1a2bd565] {
  padding: 25px !important;
}
.add-new-topic-modal .body .title-input p[data-v-1a2bd565] {
  font-size: 16px;
  font-weight: bold;
  color: var(--coredarkcolor);
  margin-bottom: 8px;
}
.add-new-topic-modal .body .title-input[data-v-1a2bd565] {
  margin-bottom: 20px;
}
.add-new-topic-modal .body .title-input input[data-v-1a2bd565] {
  font-size: 15px;
  margin-bottom: 10px;
  width: 100%;
  padding: 8px 10px;
  outline: none;
  border: 1px solid #e8e8e8;
  border-radius: 0;
}
.add-new-topic-modal .body .text-editor[data-v-1a2bd565] {
  font-size: 15px;
  margin-bottom: 10px;
  width: 100%;
  padding: 8px 10px;
  outline: none;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  line-height: 21px;
}
.add-new-topic-modal .body .title-input .selet[data-v-1a2bd565] {
  margin-bottom: 36px;
}
.add-new-topic-modal .body .add-topic-btn[data-v-1a2bd565] {
  border-radius: 0;
  font-size: 15px;
  font-weight: bold;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  float: right;
  margin-bottom: 30px;
}

.chats-container[data-v-1c34a992] {
  position: fixed;
  right: 4rem;
  bottom: 0;
}
.chats-container .all-user-chats-container[data-v-1c34a992] {
  position: relative;
  width: 400px;
}
.chats-container .all-user-chats-container .minimize-users[data-v-1c34a992] {
  position: fixed;
  right: 8px;
  bottom: 5rem;
  cursor: pointer;
}
.chats-container .all-user-chats-container .minimize-users .user-image[data-v-1c34a992] {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin-top: 10px;
}
.chats-container .all-user-chats-container .minimize-users .user-image img[data-v-1c34a992] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 100%;
  background-color: #8080806b;
}
.chats-container .all-user-chats-container .minimize-users .count[data-v-1c34a992] {
  position: absolute;
  right: -2px;
  background-color: #000;
  font-size: 12px;
  line-height: 0;
  height: 22px;
  width: 22px;
  color: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s ease;
}
.chats-container .all-user-chats-container .minimize-users .count[data-v-1c34a992]:hover {
  background-color: var(--coredarkcolor);
}
.chats-container .all-user-chats-container .minimize-users .count p[data-v-1c34a992] {
  display: block;
  font-size: 12px;
  margin-bottom: 0;
}
.chats-container .all-user-chats-container .minimize-users .count:hover p[data-v-1c34a992] {
  display: none;
}
.chats-container .all-user-chats-container .minimize-users .count .show-icon[data-v-1c34a992] {
  display: block !important;
}
.chats-container .all-user-chats-container .minimize-users .count i[data-v-1c34a992] {
  display: none;
  font-size: 14px;
}
.chats-container .all-user-chats-container .minimize-users .tooltip[data-v-1c34a992] {
  opacity: 0;
  transition: 0.5s ease;
  position: absolute;
  right: 67px;
  transform: translateY(-110%);
  background-color: var(--coredarkcolor);
  color: #fff;
  font-family: "Epilogue", sans-serif !important;
  width: max-content;
  padding: 10px;
}
.chats-container .all-user-chats-container .minimize-users .count:hover i[data-v-1c34a992] {
  display: block;
}
.chats-container .all-user-chats-container .btn[data-v-1c34a992] {
  position: absolute;
  right: 0;
  bottom: 12px;
  height: fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  border-radius: 100%;
  background-color: #fff;
  border: 2px solid black;
  outline: none;
}
.chats-container .all-user-chats-container .btn i[data-v-1c34a992] {
  font-size: 18px;
  color: #000;
}
.chats-container .all-user-chats-container .btn p[data-v-1c34a992] {
  position: absolute;
  top: -7px;
  right: -4px;
  background-color: #000;
  font-size: 12px;
  line-height: 0;
  height: 22px;
  width: 22px;
  color: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chats-container .all-user-chats[data-v-1c34a992] {
  position: absolute;
  bottom: 70px;
  right: 0;
  height: fit-content;
  overflow-y: auto;
  max-height: 500px;
  width: 400px;
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
  background-color: #fff;
  border: 2px solid rgba(128, 128, 128, 0.226);
}
.chats-container .all-user-chats[data-v-1c34a992]::-webkit-scrollbar {
  width: 4px;
  background-color: #f5f5f5;
}
.chats-container .all-user-chats[data-v-1c34a992]::-webkit-scrollbar-thumb {
  background-color: var(--coredarkcolor);
  border-radius: 20px;
}
.chats-container .all-user-chats[data-v-1c34a992]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: #ffffff;
  border-radius: 20px;
}
.chats-container .all-user-chats .user[data-v-1c34a992] {
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 12px;
  cursor: pointer;
  border-bottom: 1px solid rgba(128, 128, 128, 0.277);
  width: 100%;
}
.chats-container .all-user-chats .user[data-v-1c34a992]:last-child {
  border-bottom: none;
}
.chats-container .all-user-chats .user[data-v-1c34a992]:hover {
  background-color: rgba(128, 128, 128, 0.084);
}
.chats-container .all-user-chats .user .user-image[data-v-1c34a992] {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.chats-container .all-user-chats .user .user-image img[data-v-1c34a992] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 100%;
  background-color: #8080806b;
}
.chats-container .all-user-chats .user .user-details h2[data-v-1c34a992] {
  font-family: "Epilogue", sans-serif !important;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
  color: #000;
  text-transform: inherit;
}
.chats-container .all-user-chats .user .unread-message[data-v-1c34a992] {
  margin-left: auto;
}
.chats-container .all-user-chats .user .unread-message p[data-v-1c34a992] {
  font-family: "Epilogue", sans-serif !important;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
  color: #000;
  text-transform: inherit;
  margin-left: auto;
}
.chats-container .all-user-chats .user .user-details p[data-v-1c34a992] {
  font-family: "Epilogue", sans-serif !important;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
}
.chats-container .chats-screen[data-v-1c34a992] {
  background-color: red;
  position: absolute;
  right: 22vw;
  bottom: 0;
  width: 95%;
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
  background-color: #fff;
  border: 2px solid rgba(128, 128, 128, 0.226);
}
.chats-container .chats-screen .chats-screen-header h1[data-v-1c34a992] {
  font-size: 16px;
  font-family: "Epilogue", sans-serif !important;
  text-align: left;
  color: #fff;
  margin-bottom: 0;
  line-height: normal;
  width: 100%;
}
.chats-container .chats-screen .chats-screen-header[data-v-1c34a992] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: var(--coredarkcolor);
  padding: 10px;
}
.chats-container .chats-screen .chats-screen-header .icons[data-v-1c34a992] {
  display: flex;
  align-items: center;
  width: fit-content;
}
.chats-container .chats-screen .chats-screen-header .icons i[data-v-1c34a992] {
  font-size: 22px;
  color: #fff;
  line-height: 0;
  margin-left: 5px;
  cursor: pointer;
}
.chats-container .chats-screen .chats-screen-header .icons i[data-v-1c34a992]:first-child {
  display: contents;
}
.chats-container .chats-screen-body[data-v-1c34a992] {
  max-height: 400px;
  min-height: 400px;
  overflow-y: auto;
  padding: 20px 10px;
}
.chats-container .chats-screen .chats-screen-body[data-v-1c34a992]::-webkit-scrollbar {
  width: 4px;
  background-color: #f5f5f5;
}
.chats-container .chats-screen .chats-screen-body[data-v-1c34a992]::-webkit-scrollbar-thumb {
  background-color: var(--coredarkcolor);
  border-radius: 20px;
}
.chats-container .chats-screen .chats-screen-body[data-v-1c34a992]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: #ffffff;
  border-radius: 20px;
}
.chats-container .chats-screen .chats-screen-body .user-message[data-v-1c34a992] {
  display: flex;
  align-items: flex-start;
  width: 80%;
  margin-bottom: 20px;
}
.chats-container .chats-screen .chats-screen-body .user-message[data-v-1c34a992]:last-child {
  margin-bottom: 0px;
}
.chats-container .chats-screen .chats-screen-body .user-message .user-image[data-v-1c34a992] {
  width: 25px;
  height: 23px;
  border-radius: 100%;
}
.chats-container
  .chats-screen
  .chats-screen-body
  .user-message
  .user-image
  img[data-v-1c34a992] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 100%;
  background-color: #8080806b;
}
.chats-container .chats-screen .chats-screen-body .user-message .message[data-v-1c34a992] {
  width: 100%;
  background-color: rgb(128 128 128 / 12%);
  padding: 7px 10px;
  border-radius: 10px;
  margin: 0 5px;
  display: flex;
  align-items: flex-end;
}
.chats-container
  .chats-screen
  .chats-screen-body
  .user-message
  .message
  .message-text[data-v-1c34a992] {
  font-family: "Epilogue", sans-serif !important;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 21px;
  width: 100%;
}
.chats-container .chats-screen .chats-screen-body .user-message .message .icon[data-v-1c34a992] {
  margin-top: 5px;
  line-height: 21px;
}
.chats-container
  .chats-screen
  .chats-screen-body
  .user-message
  .message
  .icon
  i[data-v-1c34a992] {
  font-size: 18px;
  line-height: normal;
  margin-left: auto;
  display: table;
  margin-top: auto;
}
.chats-container .chats-screen .chats-screen-footer[data-v-1c34a992] {
  background-color: #fff;
  padding: 10px;
  border-top: 2px solid rgba(128, 128, 128, 0.226);
  display: flex;
  align-items: center;
  justify-content: center;
}
.chats-container .chats-screen .chats-screen-footer textarea[data-v-1c34a992] {
  border: none;
  outline: none;
  resize: none;
  width: 100%;
  font-family: "Epilogue", sans-serif !important;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 21px;
  padding: 0 2px;
}
.chats-container .chats-screen .chats-screen-footer button[data-v-1c34a992] {
  width: fit-content;
  height: fit-content;
  background-color: var(--coredarkcolor);
  display: flex;
  align-content: center;
  justify-content: center;
  border-radius: 100%;
  padding: 8px;
  border: none;
  outline: none;
}
.chats-container .chats-screen .chats-screen-footer button i[data-v-1c34a992] {
  font-size: 15px;
  color: #fff;
}
.chats-container .user-message-two[data-v-1c34a992] {
  margin-left: auto;
}
.chats-container .user-message-two .user-image[data-v-1c34a992] {
  order: 2;
}
.chats-container .user-message-two .message[data-v-1c34a992] {
  order: 1;
}
.fade-enter-active[data-v-1c34a992],
.fade-leave-active[data-v-1c34a992] {
  transition: opacity 0.5s ease;
}
.fade-enter-from[data-v-1c34a992],
.fade-leave-to[data-v-1c34a992] {
  opacity: 0;
}
.read-color[data-v-1c34a992] {
  color: var(--coredarkcolor);
}
.unread-color[data-v-1c34a992] {
  color: gray;
}
@media screen and (max-width: 768px) {
.chats-container .chats-screen[data-v-1c34a992] {
    right: 0;
    width: 80%;
    bottom: 70px;
}
.all-user-chats[data-v-1c34a992] {
    width: 310px !important;
    right: 0rem !important;
}
}

.search-btn[data-v-63b43d25] {
  display: flex;
  align-items: center;
  padding: 6px;
  border: solid 1px var(--coredarkcolor);
  color: var(--coredarkcolor);
  border-radius: 4px;
  cursor: pointer;
}
.search-btn > i[data-v-63b43d25] {
  color: var(--coredarkcolor);
  cursor: pointer;
}












































































































































































































































































































/* Unified Controls Section */
.unified-controls-section[data-v-6212a2e9] {
  background: white;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  margin-bottom: 0.5rem;
  width: 100%;
  box-sizing: border-box;
}

/* Tabs Header */
.tabs-header[data-v-6212a2e9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  border-bottom: 1px solid #e2e8f0;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}
.main-tabs-wrapper[data-v-6212a2e9] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.main-tab-button[data-v-6212a2e9] {
  background: white;
  border: 2px solid #e2e8f0;
  color: #64748b;
  padding: 0.75rem 1.5rem;
  border-radius: 10px;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.main-tab-button[data-v-6212a2e9]:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #475569;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.main-tab-active[data-v-6212a2e9] {
  background: #667eea !important;
  color: white !important;
  border-color: #667eea !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
}
.main-tab-active[data-v-6212a2e9]:hover {
  background: #5a67d8 !important;
  transform: translateY(-1px);
}
.tab-text[data-v-6212a2e9] {
  position: relative;
  z-index: 1;
}
.settings-button[data-v-6212a2e9] {
  display: inline-flex;
  align-items: center;
}

/* Sub Tabs Section */
.sub-tabs-section[data-v-6212a2e9] {
  padding: 1rem 2rem;
  border-bottom: 1px solid #e2e8f0;
  background: #fafbfc;
}
.sub-tabs-wrapper[data-v-6212a2e9] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.sub-tab-button[data-v-6212a2e9] {
  background: white;
  border: 1px solid #e2e8f0;
  color: #64748b;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-weight: 500;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.sub-tab-button[data-v-6212a2e9]:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #475569;
}
.sub-tab-active[data-v-6212a2e9] {
  background: #667eea !important;
  color: white !important;
  border-color: #667eea !important;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}
.sub-tab-active[data-v-6212a2e9]:hover {
  background: #5a67d8 !important;
}
.sub-tab-text[data-v-6212a2e9] {
  font-weight: inherit;
}

/* Main Component Container */
.community-topic-list-container[data-v-6212a2e9] {
  /* Margin handled by parent Community component */
  width: 100%;
  box-sizing: border-box;
}

/* Content Container */
.content-container[data-v-6212a2e9] {
  min-height: 400px;
  width: 100%;
  box-sizing: border-box;
}

/* Empty State */
.empty-state[data-v-6212a2e9] {
  text-align: center;
  padding: 4rem 2rem;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border-radius: 16px;
  border: 1px solid #e2e8f0;
}
.empty-icon[data-v-6212a2e9] {
  font-size: 4rem;
  margin-bottom: 1rem;
  opacity: 0.6;
}
.empty-title[data-v-6212a2e9] {
  color: #1e293b;
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}
.empty-description[data-v-6212a2e9] {
  color: #64748b;
  font-size: 1rem;
  margin: 0;
}

/* Topics Section */
.topics-section[data-v-6212a2e9] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}

/* Search and Sort Controls */
.search-sort-container[data-v-6212a2e9] {
  display: flex;
  gap: 2rem;
  align-items: center;
  flex-wrap: wrap;
  padding: 1.5rem 2rem;
  background: white;
}
.search-input-wrapper[data-v-6212a2e9] {
  flex: 1;
  min-width: 300px;
}
.search-input[data-v-6212a2e9] {
  width: 100%;
}
.sort-controls[data-v-6212a2e9] {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  align-items: center;
  flex-shrink: 0;
}
.sort-checkbox[data-v-6212a2e9] {
  margin: 0;
  white-space: nowrap;
}

/* Topics List */
.topics-list[data-v-6212a2e9] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.topic-item[data-v-6212a2e9] {
  background: white;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  transition: all 0.2s ease;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
.topic-item[data-v-6212a2e9]:hover {
  border-color: #cbd5e1;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

/* Pagination Section */
.pagination-section[data-v-6212a2e9] {
  display: flex;
  justify-content: center;
  padding: 2rem 0;
  background: white;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  width: 100%;
  box-sizing: border-box;
}

/* Responsive Design */
@media (max-width: 768px) {
.unified-controls-section[data-v-6212a2e9] {
    margin-bottom: 1rem;
}
.tabs-header[data-v-6212a2e9] {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 1.5rem;
}
.main-tabs-wrapper[data-v-6212a2e9] {
    justify-content: center;
}
.main-tab-button[data-v-6212a2e9] {
    padding: 0.6rem 1.2rem;
    font-size: 0.875rem;
}
.sub-tabs-section[data-v-6212a2e9] {
    padding: 0.75rem 1.5rem;
}
.sub-tab-button[data-v-6212a2e9] {
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
}
.search-sort-container[data-v-6212a2e9] {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 1.5rem;
}
.search-input-wrapper[data-v-6212a2e9] {
    min-width: unset;
}
.sort-controls[data-v-6212a2e9] {
    justify-content: flex-start;
    gap: 1rem;
}
}
@media (max-width: 480px) {
.tabs-header[data-v-6212a2e9] {
    padding: 1rem;
}
.main-tab-button[data-v-6212a2e9] {
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
}
.sub-tabs-section[data-v-6212a2e9] {
    padding: 0.75rem 1rem;
}
.search-sort-container[data-v-6212a2e9] {
    padding: 1rem;
}
.empty-state[data-v-6212a2e9] {
    padding: 2rem 1rem;
}
.empty-icon[data-v-6212a2e9] {
    font-size: 3rem;
}
.empty-title[data-v-6212a2e9] {
    font-size: 1.25rem;
}
}

/* Animation keyframes */
@keyframes fadeInUp-data-v-6212a2e9 {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.topics-section[data-v-6212a2e9] {
  animation: fadeInUp-data-v-6212a2e9 0.5s ease-out;
}

/* Focus states for accessibility */
.main-tab-button[data-v-6212a2e9]:focus,
.sub-tab-button[data-v-6212a2e9]:focus {
  outline: 2px solid #667eea;
  outline-offset: 2px;
}

/* Dark mode support (if needed) */
@media (prefers-color-scheme: dark) {
.unified-controls-section[data-v-6212a2e9] {
    background: #1e293b;
    border-color: #334155;
}
.tabs-header[data-v-6212a2e9] {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    border-color: #334155;
}
.sub-tabs-section[data-v-6212a2e9] {
    background: #334155;
    border-color: #475569;
}
.sub-tab-button[data-v-6212a2e9] {
    background: #475569;
    border-color: #64748b;
    color: #cbd5e1;
}
.sub-tab-button[data-v-6212a2e9]:hover {
    background: #64748b;
    color: #e2e8f0;
}
.search-sort-container[data-v-6212a2e9] {
    background: #1e293b;
}
.topic-item[data-v-6212a2e9],
  .pagination-section[data-v-6212a2e9] {
    background: #1e293b;
    border-color: #334155;
}
.empty-state[data-v-6212a2e9] {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    border-color: #334155;
}
.empty-title[data-v-6212a2e9] {
    color: #f1f5f9;
}
.empty-description[data-v-6212a2e9] {
    color: #94a3b8;
}
}

.community-group-container[data-v-68a82c2a] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  position: relative;
}

/* Header Section */
.group-header[data-v-68a82c2a] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.group-info[data-v-68a82c2a] {
  flex: 1;
  min-width: 0;
}
.group-name[data-v-68a82c2a] {
  margin: 0 0 8px 0;
  font-size: 24px;
  font-weight: 600;
  color: white;
  line-height: 1.2;
}
.group-description[data-v-68a82c2a] {
  margin: 0;
  font-size: 14px;
  opacity: 0.9;
  line-height: 1.4;
}
.header-actions[data-v-68a82c2a] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* Action Buttons */
.action-btn[data-v-68a82c2a] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  min-width: max-content;
}
.join-btn[data-v-68a82c2a] {
  background: rgba(255, 255, 255, 0.2);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.join-btn[data-v-68a82c2a]:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-1px);
}
.leave-btn[data-v-68a82c2a] {
  background: rgba(255, 107, 107, 0.2);
  color: white;
  border: 1px solid rgba(255, 107, 107, 0.3);
}
.leave-btn[data-v-68a82c2a]:hover {
  background: rgba(255, 107, 107, 0.3);
  transform: translateY(-1px);
}
.admin-btn[data-v-68a82c2a] {
  background: rgba(255, 255, 255, 0.95);
  color: #667eea;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.admin-btn[data-v-68a82c2a]:hover {
  background: white;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.action-btn i[data-v-68a82c2a] {
  font-size: 18px;
}

/* Messages Container */
.messages-container[data-v-68a82c2a] {
  flex: 1;
  overflow-y: auto;
  background: #ffffff;
  border-top: 1px solid #e2e8f0;
  padding-bottom: 80px; /* Space for bottom fixed input */
}
.messages-list[data-v-68a82c2a] {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Message Styling */
.message-wrapper[data-v-68a82c2a] {
  display: flex;
  flex-direction: column;
}
.message-item[data-v-68a82c2a] {
  background: #f8f9fa;
  border-radius: 6px;
  padding: 12px 16px;
  border: 1px solid #e9ecef;
}
.message-header[data-v-68a82c2a] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.sender-avatar[data-v-68a82c2a] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.sender-name[data-v-68a82c2a] {
  font-weight: 600;
  color: #495057;
  font-size: 14px;
}
.message-time[data-v-68a82c2a] {
  font-size: 12px;
  color: #6c757d;
  margin-left: auto;
}
.message-content[data-v-68a82c2a] {
  color: #495057;
  line-height: 1.5;
  white-space: pre-wrap;
  font-size: 14px;
}
.message-link[data-v-68a82c2a] {
  color: #667eea;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}
.message-link[data-v-68a82c2a]:hover {
  color: #5a67d8;
  border-bottom-color: #5a67d8;
  text-decoration: none;
}
.message-link[data-v-68a82c2a]:visited {
  color: #667eea;
}

/* Message Input Containers */
.message-input-container[data-v-68a82c2a] {
  padding: 12px;
  background: white;
  border-top: 1px solid #e2e8f0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
}
.message-input-top[data-v-68a82c2a] {
  padding: 12px;
  background: white;
  border-bottom: 1px solid #e2e8f0;
  position: sticky;
  top: 0;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Responsive Design */
@media (max-width: 768px) {
.group-header[data-v-68a82c2a] {
    flex-direction: column;
    gap: 16px;
    padding: 20px;
}
.header-actions[data-v-68a82c2a] {
    justify-content: stretch;
    width: 100%;
}
.action-btn[data-v-68a82c2a] {
    flex: 1;
    justify-content: center;
    min-width: 0;
}
.group-name[data-v-68a82c2a] {
    font-size: 20px;
}
.messages-list[data-v-68a82c2a] {
    padding: 10px;
    gap: 6px;
}
.messages-container[data-v-68a82c2a] {
    padding-bottom: 60px; /* Smaller space for mobile bottom input */
}
.message-item[data-v-68a82c2a] {
    padding: 10px 12px;
}
.message-input-container[data-v-68a82c2a] {
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.message-input-top[data-v-68a82c2a] {
    padding: 10px;
}
}
@media (max-width: 480px) {
.header-actions[data-v-68a82c2a] {
    flex-direction: column;
}
.action-btn[data-v-68a82c2a] {
    width: 100%;
}
.sender-info[data-v-68a82c2a] {
    gap: 8px;
}
.sender-avatar[data-v-68a82c2a] {
    width: 24px;
    height: 24px;
}
.message-header[data-v-68a82c2a] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
}

/* Custom Scrollbar */
.messages-container[data-v-68a82c2a]::-webkit-scrollbar {
  width: 6px;
}
.messages-container[data-v-68a82c2a]::-webkit-scrollbar-track {
  background: #f1f5f9;
}
.messages-container[data-v-68a82c2a]::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
.messages-container[data-v-68a82c2a]::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

.top-row-container[data-v-7a32b5b3] {
  display: flex;
  align-items: center;
}
.top-row-container .new-topic[data-v-7a32b5b3] {
  border: none;
  font-size: 16px;
  padding: 10px 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.top-row-container .home[data-v-7a32b5b3] {
  border: none;
  font-size: 12px;
  padding: 10px 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.top-row-container .new-topic .icon[data-v-7a32b5b3] {
  margin-right: 10px;
  font-size: 20px;
  line-height: 0;
}
.spacing[data-v-7a32b5b3] {
  flex-grow: 1;
}
.user-reputation[data-v-7a32b5b3] {
  font-size: 1.6em;
}

/* Modern Top Row Container Styles */
.top-row-container[data-v-7a32b5b3] {
  margin-bottom: 0.5rem;
}
.community-header-card[data-v-7a32b5b3] {
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border: 1px solid #e9ecef;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  transition: all 0.3s ease;
}
.community-header-card[data-v-7a32b5b3]:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

/* User Stats Section */
.user-stats-section[data-v-7a32b5b3] {
  display: flex;
  align-items: center;
}
.user-reputation-card[data-v-7a32b5b3] {
  background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
  border-radius: 12px;
  padding: 16px 20px;
  color: white;
  box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3);
  transition: all 0.3s ease;
}
.user-reputation-card[data-v-7a32b5b3]:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4);
}
.reputation-content[data-v-7a32b5b3] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.reputation-icon[data-v-7a32b5b3] {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reputation-icon .material-icons[data-v-7a32b5b3] {
  font-size: 20px;
  color: #ffd700;
}
.reputation-info[data-v-7a32b5b3] {
  display: flex;
  flex-direction: column;
}
.reputation-label[data-v-7a32b5b3] {
  font-size: 12px;
  opacity: 0.9;
  font-weight: 500;
  margin-bottom: 2px;
}
.reputation-value[data-v-7a32b5b3] {
  font-size: 18px;
  font-weight: bold;
}

/* Action Buttons Section */
.action-buttons-section[data-v-7a32b5b3] {
  display: flex;
  gap: 20px;
  align-items: center;
}
.primary-actions[data-v-7a32b5b3] {
  display: flex;
  gap: 12px;
}
.admin-actions[data-v-7a32b5b3] {
  display: flex;
  gap: 12px;
}
.action-btn[data-v-7a32b5b3] {
  background: white;
  border: 2px solid #e9ecef;
  border-radius: 12px;
  padding: 16px 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 180px;
  text-align: left;
}
.action-btn[data-v-7a32b5b3]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.primary-action[data-v-7a32b5b3] {
  border-color: #4a90e2;
  background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
  color: white;
}
.primary-action[data-v-7a32b5b3]:hover {
  background: linear-gradient(135deg, #357abd 0%, #2c5d8f 100%);
  box-shadow: 0 6px 20px rgba(74, 144, 226, 0.3);
}
.secondary-action[data-v-7a32b5b3] {
  border-color: #28a745;
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
  color: white;
}
.secondary-action[data-v-7a32b5b3]:hover {
  background: linear-gradient(135deg, #20c997 0%, #17a2b8 100%);
  box-shadow: 0 6px 20px rgba(40, 167, 69, 0.3);
}
.danger-action[data-v-7a32b5b3] {
  border-color: #dc3545;
  background: linear-gradient(135deg, #dc3545 0%, #e85d75 100%);
  color: white;
}
.danger-action[data-v-7a32b5b3]:hover {
  background: linear-gradient(135deg, #c82333 0%, #dc3545 100%);
  box-shadow: 0 6px 20px rgba(220, 53, 69, 0.3);
}
.btn-icon[data-v-7a32b5b3] {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-icon .material-icons[data-v-7a32b5b3] {
  font-size: 18px;
}
.btn-content[data-v-7a32b5b3] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.btn-title[data-v-7a32b5b3] {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
.btn-subtitle[data-v-7a32b5b3] {
  font-size: 11px;
  opacity: 0.8;
  font-weight: 400;
}

/* Responsive Design */
@media (max-width: 1024px) {
.community-header-card[data-v-7a32b5b3] {
    flex-direction: column;
    gap: 20px;
    align-items: stretch;
}
.action-buttons-section[data-v-7a32b5b3] {
    justify-content: center;
    flex-wrap: wrap;
}
.action-btn[data-v-7a32b5b3] {
    min-width: 160px;
}
}
@media (max-width: 768px) {
.community-header-card[data-v-7a32b5b3] {
    padding: 20px;
    border-radius: 12px;
}
.user-reputation-card[data-v-7a32b5b3] {
    padding: 12px 16px;
}
.reputation-content[data-v-7a32b5b3] {
    gap: 10px;
}
.reputation-icon[data-v-7a32b5b3] {
    width: 36px;
    height: 36px;
}
.reputation-value[data-v-7a32b5b3] {
    font-size: 16px;
}
.action-buttons-section[data-v-7a32b5b3] {
    gap: 12px;
}
.primary-actions[data-v-7a32b5b3] {
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
.admin-actions[data-v-7a32b5b3] {
    width: 100%;
}
.action-btn[data-v-7a32b5b3] {
    min-width: auto;
    width: 100%;
    padding: 14px 16px;
    gap: 10px;
}
.btn-icon[data-v-7a32b5b3] {
    width: 28px;
    height: 28px;
}
.btn-icon .material-icons[data-v-7a32b5b3] {
    font-size: 16px;
}
.btn-title[data-v-7a32b5b3] {
    font-size: 13px;
}
.btn-subtitle[data-v-7a32b5b3] {
    font-size: 10px;
}
}

/* Return Home Button Styles */
.return-home-btn[data-v-7a32b5b3] {
  background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
  border: none;
  border-radius: 12px;
  padding: 14px 18px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 12px;
  color: white;
  box-shadow: 0 4px 15px rgba(108, 117, 125, 0.2);
  margin-bottom: 20px;
}
.return-home-btn[data-v-7a32b5b3]:hover {
  background: linear-gradient(135deg, #495057 0%, #343a40 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(108, 117, 125, 0.3);
}
.return-home-btn .btn-icon[data-v-7a32b5b3] {
  width: 28px;
  height: 28px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.return-home-btn .btn-icon .material-icons[data-v-7a32b5b3] {
  font-size: 16px;
  color: white;
}
.return-home-btn .btn-content[data-v-7a32b5b3] {
  display: flex;
  flex-direction: column;
  gap: 1px;
  text-align: left;
}
.return-home-btn .btn-title[data-v-7a32b5b3] {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
.return-home-btn .btn-subtitle[data-v-7a32b5b3] {
  font-size: 11px;
  opacity: 0.8;
  font-weight: 400;
}

/* Responsive adjustments for return button */
@media (max-width: 768px) {
.return-home-btn[data-v-7a32b5b3] {
    padding: 12px 16px;
    gap: 10px;
    margin-bottom: 15px;
}
.return-home-btn .btn-icon[data-v-7a32b5b3] {
    width: 24px;
    height: 24px;
}
.return-home-btn .btn-icon .material-icons[data-v-7a32b5b3] {
    font-size: 14px;
}
.return-home-btn .btn-title[data-v-7a32b5b3] {
    font-size: 13px;
}
.return-home-btn .btn-subtitle[data-v-7a32b5b3] {
    font-size: 10px;
}
}
.search-bar-container > input[data-v-7a32b5b3] {
  min-height: 42px;
  border: 1px solid #e8e8e8;
}
.search-bar-container > input[data-v-7a32b5b3]::placeholder {
  color: #adadad;
  font-size: 14px;
}
.filter-category-container[data-v-7a32b5b3] {
  padding-left: 0;
}
@media (min-width: 769px) {
.leader-board[data-v-7a32b5b3] {
    position: sticky;
    top: 41px;
    max-height: calc(100vh - 41px);
    overflow: auto;
}
.side-bar[data-v-7a32b5b3] {
    padding-right: 0;
}
}

/* Updated Sidebar Content Styles */
.sidebar-content[data-v-7a32b5b3] {
  width: 100%;
  height: 100%;
}
@media (min-width: 769px) {
.sidebar-content[data-v-7a32b5b3] {
    position: sticky;
    top: 41px;
    max-height: calc(100vh - 41px);
    overflow: auto;
}
}

/* Ensure TextEditor modals are not clipped by container overflow */
.community-main[data-v-7a32b5b3] {
  /* Allow modals to extend beyond the container boundaries */
  overflow: visible;
}
.community-main .text-editor-component[data-v-7a32b5b3],
.community-main .content-editable-container[data-v-7a32b5b3],
.community-main .content-editable[data-v-7a32b5b3] {
  /* Ensure text editor components don't clip modals */
  overflow: visible;
}

/* Specific fix for text editor modals in community pages */
.community-main .text-editor-component .button-containers[data-v-7a32b5b3] {
  /* Ensure toolbar doesn't interfere with modal positioning */
  overflow: visible;
  z-index: 1;
}

/* Override any overflow hidden on main content areas when modals are active */
.main-content-wrapper[data-v-7a32b5b3] {
  overflow: visible;
}

/* Ensure comments section doesn't clip modals */
.comments-section[data-v-7a32b5b3],
.comments-section .comment[data-v-7a32b5b3],
.comments-section .all-comments[data-v-7a32b5b3],
.comments-section .all-details[data-v-7a32b5b3] {
  overflow: visible;
}

/* Ensure topic content areas don't clip modals */
.content-area[data-v-7a32b5b3],
.topic-content[data-v-7a32b5b3],
.add-main-comment[data-v-7a32b5b3],
.add-thread-comment[data-v-7a32b5b3] {
  overflow: visible;
}

/* Community topic list container adjustments */
.community-topic-list-container[data-v-7a32b5b3],
.topics-section[data-v-7a32b5b3],
.topics-list[data-v-7a32b5b3] {
  overflow: visible;
}

/* Important: Ensure the main row container allows modals to extend beyond boundaries */
.row.mx-0.my-4[data-v-7a32b5b3] {
  overflow: visible !important;
}

/* Additional safety: when InputDialog is active, prevent clipping */
body.modal-open .community-main[data-v-7a32b5b3],
body.modal-open .main-content-wrapper[data-v-7a32b5b3],
body.modal-open .side-bar-wrapper[data-v-7a32b5b3] {
  overflow: visible !important;
}
.left-side-header[data-v-7a32b5b3] {
  font-size: 24px;
  font-weight: bold;
  color: var(--coredarkcolor);
}
.new-message-count[data-v-7a32b5b3] {
  height: 22px;
  line-height: 14px;
}

/* Leader Board Styles */
.leaderboard-container[data-v-7a32b5b3] {
  margin-top: 15px;
}
.leaderboard-item[data-v-7a32b5b3] {
  display: flex;
  align-items: center;
  padding: 12px;
  margin-bottom: 8px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  transition: all 0.3s ease;
}
.leaderboard-item[data-v-7a32b5b3]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: #ddd;
}
.leaderboard-item.top-performer[data-v-7a32b5b3] {
  background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
  border: 2px solid #e8e8e8;
}
.leaderboard-item.first-place[data-v-7a32b5b3] {
  background: linear-gradient(135deg, #fff9e6 0%, #ffffff 100%);
  border: 2px solid #ffd700;
  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.2);
}
.leaderboard-item.second-place[data-v-7a32b5b3] {
  background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);
  border: 2px solid #c0c0c0;
  box-shadow: 0 2px 8px rgba(192, 192, 192, 0.2);
}
.leaderboard-item.third-place[data-v-7a32b5b3] {
  background: linear-gradient(135deg, #fff4e6 0%, #ffffff 100%);
  border: 2px solid #cd7f32;
  box-shadow: 0 2px 8px rgba(205, 127, 50, 0.2);
}
.rank-section[data-v-7a32b5b3] {
  margin-right: 12px;
  min-width: 35px;
  display: flex;
  justify-content: center;
}
.rank-number[data-v-7a32b5b3] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  font-weight: bold;
  font-size: 14px;
}
.crown[data-v-7a32b5b3], .medal[data-v-7a32b5b3] {
  font-size: 20px;
}
.rank-text[data-v-7a32b5b3] {
  color: #666;
  font-size: 12px;
  font-weight: 600;
}
.user-info[data-v-7a32b5b3] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.user-name[data-v-7a32b5b3] {
  font-weight: 600;
  font-size: 14px;
  color: var(--coredarkcolor, #333);
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-points[data-v-7a32b5b3] {
  display: flex;
  align-items: center;
}
.points-badge[data-v-7a32b5b3] {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  background-color: #28a745;
  color: white;
  transition: all 0.3s ease;
}
.points-badge.first-place[data-v-7a32b5b3] {
  background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
  color: #333;
}
.points-badge.second-place[data-v-7a32b5b3] {
  background: linear-gradient(135deg, #c0c0c0 0%, #e8e8e8 100%);
  color: #333;
}
.points-badge.third-place[data-v-7a32b5b3] {
  background: linear-gradient(135deg, #cd7f32 0%, #daa520 100%);
  color: white;
}
.points-icon[data-v-7a32b5b3] {
  font-size: 14px !important;
  margin-right: 4px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.leaderboard-item[data-v-7a32b5b3] {
    padding: 10px;
}
.user-name[data-v-7a32b5b3] {
    font-size: 13px;
}
.rank-number[data-v-7a32b5b3] {
    width: 30px;
    height: 30px;
}
.crown[data-v-7a32b5b3], .medal[data-v-7a32b5b3] {
    font-size: 18px;
}
}

/* Groups Styles */
.groups-container[data-v-7a32b5b3] {
  margin-top: 15px;
  margin-bottom: 20px;
}
.group-item[data-v-7a32b5b3] {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  margin-bottom: 6px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  transition: all 0.3s ease;
  cursor: pointer;
}
.group-item[data-v-7a32b5b3]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: #ddd;
}
.joined-group[data-v-7a32b5b3] {
  background: linear-gradient(135deg, #f0f8ff 0%, #ffffff 100%);
  border: 1px solid #4a90e2;
}
.joined-group[data-v-7a32b5b3]:hover {
  border-color: #357abd;
  box-shadow: 0 4px 12px rgba(74, 144, 226, 0.15);
}
.available-group[data-v-7a32b5b3] {
  background: linear-gradient(135deg, #f9f9f9 0%, #ffffff 100%);
  border: 1px solid #e8e8e8;
}
.available-group[data-v-7a32b5b3]:hover {
  border-color: #28a745;
  box-shadow: 0 4px 12px rgba(40, 167, 69, 0.1);
}
.group-icon[data-v-7a32b5b3] {
  margin-right: 12px;
  min-width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  color: #666;
  flex-shrink: 0;
}
.joined-group .group-icon[data-v-7a32b5b3] {
  background-color: #4a90e2;
  color: white;
}
.available-group .group-icon[data-v-7a32b5b3] {
  background-color: #f8f9fa;
  color: #28a745;
}
.group-info[data-v-7a32b5b3] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 35px;
}
.group-name[data-v-7a32b5b3] {
  font-weight: 600;
  font-size: 14px;
  color: var(--coredarkcolor, #333);
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
}

/* When leaderboard is collapsed, allow group names to wrap */
.side-bar-wrapper.leaderboard-collapsed .group-name[data-v-7a32b5b3] {
  white-space: normal;
  text-overflow: initial;
  overflow: visible;
  line-height: 1.3;
}

/* Adjust group item padding when leaderboard is collapsed for better text display */
.side-bar-wrapper.leaderboard-collapsed .group-item[data-v-7a32b5b3] {
  padding: 10px 16px;
  align-items: center;
}
.side-bar-wrapper.leaderboard-collapsed .group-info[data-v-7a32b5b3] {
  flex: 1;
  min-width: 0;
}
.group-status[data-v-7a32b5b3] {
  display: flex;
  align-items: center;
  line-height: 1;
}
.joined-badge[data-v-7a32b5b3] {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 500;
  background-color: #4a90e2;
  color: white;
}
.joined-badge .material-icons[data-v-7a32b5b3] {
  font-size: 12px !important;
  margin-right: 2px;
}
.available-badge[data-v-7a32b5b3] {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 500;
  background-color: #e8f5e8;
  color: #28a745;
}
.group-actions[data-v-7a32b5b3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-left: 8px;
  min-height: 35px;
}
.notification-icon[data-v-7a32b5b3] {
  font-size: 18px !important;
  color: #4a90e2;
  line-height: 1;
}
.unread-badge[data-v-7a32b5b3] {
  background: linear-gradient(135deg, #dc3545 0%, #e85d75 100%);
  color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  min-width: 20px;
  flex-shrink: 0;
}

/* Responsive adjustments for groups */
@media (max-width: 768px) {
.group-item[data-v-7a32b5b3] {
    padding: 8px 10px;
}
.group-name[data-v-7a32b5b3] {
    font-size: 13px;
}
.group-icon[data-v-7a32b5b3] {
    width: 30px;
    height: 30px;
}
.joined-badge[data-v-7a32b5b3], .available-badge[data-v-7a32b5b3] {
    font-size: 10px;
    padding: 1px 4px;
}
.notification-icon[data-v-7a32b5b3] {
    font-size: 16px !important;
}
.unread-badge[data-v-7a32b5b3] {
    width: 18px;
    height: 18px;
    font-size: 10px;
}
}

/* Section Container Styles */
.section-container[data-v-7a32b5b3] {
  margin-bottom: 15px;
  background: transparent;
  overflow: hidden;
  transition: all 0.3s ease;
}
.section-header[data-v-7a32b5b3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  padding-bottom: 0;
  background: transparent;
  margin-bottom: 5px;
}
.section-toggle-btn[data-v-7a32b5b3] {
  background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
  border: 1px solid #dee2e6;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.section-toggle-btn[data-v-7a32b5b3]:hover {
  background: linear-gradient(135deg, #e9ecef 0%, #f8f9fa 100%);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  transform: scale(1.05);
}
.section-toggle-btn .material-icons[data-v-7a32b5b3] {
  font-size: 16px;
  color: #495057;
  transition: transform 0.3s ease;
}



/* Horizontal Collapse Layout Styles */
.side-bar-wrapper[data-v-7a32b5b3] {
  width: 33.33%;
  transition: all 0.4s ease;
  padding-right: 15px;
  display: flex;
  flex-direction: column;
}
.side-bar-wrapper.leaderboard-collapsed[data-v-7a32b5b3] {
  width: 25%;
}
.side-bar-wrapper.groups-collapsed[data-v-7a32b5b3] {
  width: 16.67%;
}
.side-bar-wrapper.both-collapsed[data-v-7a32b5b3] {
  width: 60px;
}
.sidebar-sections[data-v-7a32b5b3] {
  display: flex;
  gap: 24px;
  height: 100%;
}

/* Reduce gap when sections are collapsed to give more space to expanded content */
.side-bar-wrapper.leaderboard-collapsed .sidebar-sections[data-v-7a32b5b3],
.side-bar-wrapper.groups-collapsed .sidebar-sections[data-v-7a32b5b3] {
  gap: 16px;
}
.section-wrapper[data-v-7a32b5b3] {
  flex: 1;
  transition: all 0.4s ease;
  overflow: hidden;
  min-width: 0;
}
.section-wrapper.collapsed[data-v-7a32b5b3] {
  flex: 0 0 40px;
  min-width: 40px;
}

/* When leaderboard is collapsed, groups should expand */
.side-bar-wrapper.leaderboard-collapsed .groups-section[data-v-7a32b5b3]:not(.collapsed) {
  flex: 1 1 auto;
  flex-grow: 3;
  max-width: calc(100% - 48px); /* Full width minus collapsed section and gap */
}

/* When groups is collapsed, leaderboard should expand */
.side-bar-wrapper.groups-collapsed .leaderboard-section[data-v-7a32b5b3]:not(.collapsed) {
  flex: 1 1 auto;
  flex-grow: 2;
  max-width: calc(100% - 56px);
}

/* Main Content Wrapper Styles */
.main-content-wrapper[data-v-7a32b5b3] {
  width: 66.67%;
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
  padding-left: 1rem;
}
.main-content-wrapper.leaderboard-collapsed[data-v-7a32b5b3] {
  width: 75%;
}
.main-content-wrapper.groups-collapsed[data-v-7a32b5b3] {
  width: 83.33%;
}
.main-content-wrapper.both-collapsed[data-v-7a32b5b3] {
  width: calc(100% - 60px);
}

/* Section Container Updates for Horizontal Collapse */
.section-wrapper.collapsed .section-container[data-v-7a32b5b3] {
  width: 40px;
  min-height: 200px;
}
.section-wrapper.collapsed .section-header[data-v-7a32b5b3] {
  padding: 8px 4px;
  justify-content: center;
  flex-direction: column;
  writing-mode: vertical-lr;
  text-orientation: mixed;
  min-height: 120px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 8px;
  margin-bottom: 0;
}
.section-wrapper.collapsed .left-side-header[data-v-7a32b5b3] {
  font-size: 12px;
  writing-mode: vertical-lr;
  text-orientation: mixed;
  margin-bottom: 10px;
  white-space: nowrap;
}
.section-wrapper.collapsed .section-toggle-btn[data-v-7a32b5b3] {
  margin-top: 10px;
}

/* Hide content when collapsed */
.section-wrapper.collapsed .leaderboard-container[data-v-7a32b5b3],
.section-wrapper.collapsed .groups-container[data-v-7a32b5b3] {
  display: none;
}

/* Row layout adjustments */
.row.mx-0.my-4[data-v-7a32b5b3] {
  display: flex;
  align-items: flex-start;
}

/* Responsive Adjustments for Horizontal Collapse */
@media (max-width: 768px) {
.side-bar-wrapper[data-v-7a32b5b3] {
    width: 100% !important;
    margin-bottom: 20px;
}
.main-content-wrapper[data-v-7a32b5b3] {
    width: 100% !important;
    padding-left: 1rem;
}
.sidebar-sections[data-v-7a32b5b3] {
    flex-direction: column;
    gap: 10px;
}
.section-wrapper.collapsed[data-v-7a32b5b3] {
    flex: 1;
    min-width: auto;
}
.side-bar-wrapper.leaderboard-collapsed .groups-section[data-v-7a32b5b3]:not(.collapsed) {
    flex: 1;
    min-width: auto;
}
.section-wrapper.collapsed .section-container[data-v-7a32b5b3] {
    width: 100%;
    min-height: auto;
}
.section-wrapper.collapsed .section-header[data-v-7a32b5b3] {
    writing-mode: initial;
    text-orientation: initial;
    flex-direction: row;
    justify-content: space-between;
    padding: 8px 12px;
    min-height: auto;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    margin-bottom: 10px;
}
.section-wrapper.collapsed .left-side-header[data-v-7a32b5b3] {
    writing-mode: initial;
    text-orientation: initial;
    font-size: 16px;
    margin-bottom: 0;
}
.section-wrapper.collapsed .section-toggle-btn[data-v-7a32b5b3] {
    margin-top: 0;
}
}
@media (max-width: 480px) {
.main-content-wrapper[data-v-7a32b5b3] {
    padding-left: 0.5rem;
}
}

.systemEvent-builder-header {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}
.delete-icon {
  color: red;
  cursor: pointer;
}
.edit-systemEvent-icon {
  color: #007bff;
}
.icon-button-table {
  cursor: pointer;
  margin: 0 0.25em;
}
.open-event-link {
  color: rgb(0, 123, 255);
  font-size: 21px;
}
.intro-section-wrapper {
  background-color: #f8f9fa;
  border-radius: 8px;
  overflow: hidden;
}
.intro-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  cursor: pointer;
  user-select: none;
  border-bottom: 1px solid #e9ecef;
}
.intro-header:hover {
  background-color: #f0f2f4;
}
.toggle-button {
  background: none;
  border: none;
  padding: 0;
  color: #6c757d;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.toggle-button:hover {
  color: #495057;
}
.intro-content {
  max-height: 2000px; /* Adjust this value based on your content */
  transition: max-height 0.3s ease-in-out;
  overflow: hidden;
}
.intro-content.collapsed {
  max-height: 0;
}
.intro-text {
  padding: 1.5rem;
}
.pricing-section {
  background-color: white;
  border-radius: 6px;
  padding: 1rem 1.5rem;
  margin: 1rem 0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.pricing-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.pricing-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pricing-separator {
  color: #6c757d;
  font-weight: bold;
}
.price {
  font-weight: 600;
  color: #28a745;
}
.highlight-box {
  background-color: #e8f4ff;
  border-left: 4px solid #007bff;
  padding: 1rem 1.25rem;
  border-radius: 0 4px 4px 0;
}
.info-link {
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}
.info-link:hover {
  text-decoration: underline;
  color: #0056b3;
}

.info-icon[data-v-2ebb7715] {
  color: #0c6dd4;
  font-size: 18px;
}
.help-panel-container[data-v-2ebb7715] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
  padding: 0.25em;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 4px;
}
.help-panel-container > .link-container > a[data-v-2ebb7715] {
  color: var(--corelightcolor);
  text-decoration: underline;
  font-weight: bold;
  font-size: 1.2em;
}
.link-container[data-v-2ebb7715] {
  flex-grow: 1;
}
.temp-info-container[data-v-2ebb7715] {
  align-items: center;
}

.button-containers[data-v-5137dcf2] {
  display: flex;
  flex-direction: row-reverse;
}
.cancel-btn-container[data-v-5137dcf2] {
  flex-grow: 1;
}
.view-history[data-v-5137dcf2] {
  color: #007bff;
  cursor: pointer;
}

.button-containers[data-v-4ec9344a] {
  display: flex;
  flex-direction: row-reverse;
}
.cancel-btn-container[data-v-4ec9344a] {
  flex-grow: 1;
}

.phone-mockup-container[data-v-0557c1a4] {
  position: relative;
}
.agency-mobile-container[data-v-0557c1a4] {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}
.agency-mobile-img[data-v-0557c1a4] {
  width: 90%;
  pointer-events: none;
}
.agency-mobile-img-name-container[data-v-0557c1a4] {
  min-height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  justify-items: center;
  color: #404040;
  width: 150px;
  position: absolute;
  top: 16%;
  left: 39%;
}
.agency-mobile-img-subtext[data-v-0557c1a4] {
  font-size: 0.6rem;
}
.agency-name-mobile-img[data-v-0557c1a4] {
  font-weight: bold;
  font-size: 0.9rem;
  pointer-events: none;
}
.agency-devname-container[data-v-0557c1a4] {
  font-family: "Poppins";
  width: 100px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 36%;
  left: 54%;
}
.agency-devname-mobile-img[data-v-0557c1a4] {
  font-weight: 500;
  color: #9e9e9e;
  font-size: 12px;
  pointer-events: none;
}
.agency-logo-mobile-img-container[data-v-0557c1a4] {
  width: 110px;
  height: 110px;
  position: absolute;
  top: 15%;
  left: 19%;
  opacity: 0.9;
  border-radius: 22px;
  border: 1px solid #ccc;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.agency-logo-mobile-img[data-v-0557c1a4] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 22px;
  pointer-events: none;
}
.kw-field[data-v-0557c1a4] {
  position: relative;
  display: inline-block;
  width: 100%;
}
.kw-field > textarea[data-v-0557c1a4] {
  padding-right: 40px !important;
  padding-bottom: 10px;
}
.kw-wand[data-v-0557c1a4] {
  position: absolute;
  right: 10px;
  bottom: 8px;
  z-index: 3;
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  cursor: pointer;
  color: #708ee3
}
.kw-wand[data-v-0557c1a4]:hover { background: rgba(0,0,0,0.06);
}
.kw-wand[disabled][data-v-0557c1a4] { opacity: .4; cursor: not-allowed;
}
.kw-wand .material-icons[data-v-0557c1a4] { font-size: 20px;
}
@media screen and (min-width: 2560px) {
.agency-logo-mobile-img-container[data-v-0557c1a4] {
    width: 150px;
    height: 150px;
    top: 17%;
    left: 20%;
}
.agency-mobile-img-name-container[data-v-0557c1a4] {
    width: 300px;
    top: 18%;
    left: 38%;
}
.agency-name-mobile-img[data-v-0557c1a4] {
    font-weight: bold;
    font-size: 1.5rem;
    pointer-events: none;
}
.agency-devname-container[data-v-0557c1a4] {
    font-family: "Poppins";
    position: absolute;
    top: 36%;
    left: 57%;
}
.agency-devname-mobile-img[data-v-0557c1a4] {
    font-size: 1rem;
    font-weight: 500;
    pointer-events: none;
}
}
@media screen and (max-width: 1440px) {
.agency-logo-mobile-img-container[data-v-0557c1a4] {
    top: 15%;
    left: 15%;
}
}
@media screen and (max-width: 1024px) {
.agency-logo-mobile-img-container[data-v-0557c1a4] {
    width: 70px;
    height: 70px;
    left: 17%;
    border-radius: 17px
}
.agency-mobile-img-name-container[data-v-0557c1a4] {
    width: 100px;
    top: 17%;
    left: 38%;
}
.agency-mobile-img-subtext[data-v-0557c1a4] {
    font-size: 0.4rem;
}
.agency-name-mobile-img[data-v-0557c1a4] {
    font-weight: bold;
    font-size: 0.6rem;
    pointer-events: none;
}
.agency-devname-container[data-v-0557c1a4] {
    top: 36%;
    left: 49%
}
.agency-devname-mobile-img[data-v-0557c1a4] {
    font-size: 0.5rem;
    font-weight: 500;
    pointer-events: none;
}
}
@media screen and (max-width: 768px) {
.col-md-4[data-v-0557c1a4] {
    min-width: 100% !important;
    max-width: 100% !important;
}
.agency-mobile-container[data-v-0557c1a4] {
    margin: 20px 0px;
}
.agency-logo-mobile-img-container[data-v-0557c1a4] {
    width: 110px;
    height: 110px;
    top: 18%;
    left: 19%;
}
.agency-mobile-img-name-container[data-v-0557c1a4] {
    width: 250px;
    top: 19%;
    left: 38%
}
.agency-mobile-img-subtext[data-v-0557c1a4] {
    font-size: 0.8rem;
}
.agency-name-mobile-img[data-v-0557c1a4] {
    font-weight: bold;
    font-size: 1rem;
}
.agency-devname-container[data-v-0557c1a4] {
    left: 55%;
}
.agency-devname-mobile-img[data-v-0557c1a4] {
    font-size: 0.7rem;
    font-weight: 500;
    pointer-events: none;
}
}
@media screen and (max-width: 425px) {
.agency-logo-mobile-img-container[data-v-0557c1a4] {
    width: 70px;
    height: 70px;
    top: 16%;
    left: 17%;
}
.agency-mobile-img-name-container[data-v-0557c1a4] {
    width: 140px;
    top: 17%;
    left: 38%;
}
.agency-mobile-img-subtext[data-v-0557c1a4] {
    font-size: 0.6rem;
}
.agency-name-mobile-img[data-v-0557c1a4] {
    font-weight: bold;
    font-size: 0.8rem;
}
.agency-devname-container[data-v-0557c1a4] {
    top: 36%;
    left: 49%;
}
.agency-devname-mobile-img[data-v-0557c1a4] {
    font-weight: 500;
    font-size: 0.5rem;
}
}
@media screen and (max-width: 375px) {
.agency-logo-mobile-img-container[data-v-0557c1a4] {
    width: 60px;
    height: 60px;
    top: 16%;
    left: 17%;

    border-radius: 9px;
}
.agency-logo-mobile-img[data-v-0557c1a4] {
    border-radius: 10px;
}
.agency-mobile-img-subtext[data-v-0557c1a4] {
    font-size: 0.5rem;
}
.agency-name-mobile-img[data-v-0557c1a4] {
    font-weight: bold;
    font-size: 0.7rem;
}
.agency-devname-container[data-v-0557c1a4] {
    left: 47%;
}
.agency-devname-mobile-img[data-v-0557c1a4] {
    font-weight: 500;
    font-size: 0.4rem;
}
}
@media screen and (max-width: 320px) {
.agency-logo-mobile-img-container[data-v-0557c1a4] {
    width: 55px;
    height: 55px;
    top: 15%;
    left: 16%;
}
.agency-mobile-img-name-container[data-v-0557c1a4] {
    width: 100px;
    top: 15%;
}
.agency-mobile-img-subtext[data-v-0557c1a4] {
    font-size: 0.4rem;
}
.agency-name-mobile-img[data-v-0557c1a4] {
    font-weight: bold;
    font-size: 0.6rem;
}
.agency-devname-container[data-v-0557c1a4] {
    left: 44%;
}
.agency-devname-mobile-img[data-v-0557c1a4] {
    font-size: 0.35rem;
    font-weight: 500;
}
}
.screenshot-container[data-v-0557c1a4] {
  display: block;
  padding: 16px;
  border: 1px solid grey;
  border-radius: 10px;
}
.screenshot-container.selected[data-v-0557c1a4] {
  border-color: var(--coredarkcolor);
  box-shadow: inset 0 0 7px var(--coredarkcolor);
}
.screenshot-container img[data-v-0557c1a4] {
  width: 100%;
  margin: auto;
}
.video-responsive[data-v-0557c1a4] {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
}
.video-responsive iframe[data-v-0557c1a4],
.video-responsive object[data-v-0557c1a4],
.video-responsive embed[data-v-0557c1a4] {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.row-container[data-v-0557c1a4] {
  margin-top: 4rem;
}
.video-heading[data-v-0557c1a4] {
  font-size: 20px;
  font-weight: 600;
}
.video-sub-heading[data-v-0557c1a4] {
  font-size: 20px;
  font-weight: 500;
}
.right-section-item[data-v-0557c1a4] {
  border: 1px solid #dee0e3;
  padding: 15px;
  margin-top: 0.5rem;
}
.item-heading[data-v-0557c1a4] {
  font-size: 14px;
  font-weight: 600;
}
.item-description[data-v-0557c1a4] {
  font-size: 14px;
}
.appstore-container[data-v-0557c1a4] {
  position: relative;
  width: 400px; /* Adjust according to your image size */
  height: 800px;
}
.template-img[data-v-0557c1a4] {
  width: 100%;
  height: 100%;
}
.agency-logo[data-v-0557c1a4] {
  position: absolute;
  top: 40px; /* Adjust to your preferred position */
  left: 20px;
  width: 80px;
  height: 80px;
  object-fit: contain;
}
.agency-name[data-v-0557c1a4] {
  position: absolute;
  top: 70px; /* Adjust to your preferred position */
  left: 120px;
  font-size: 24px;
  font-weight: bold;
  color: black; /* Change text color to fit your design */
}

/* Card Styling */
.demo-card[data-v-0557c1a4], .cta-card[data-v-0557c1a4] {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  height: 100%;
}
.demo-card .card-body[data-v-0557c1a4] {
  padding: 1.5rem;
}
.cta-card .card-body[data-v-0557c1a4] {
  padding: 1.5rem;
}

/* Typography */
.video-heading[data-v-0557c1a4] {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}
.cta-question[data-v-0557c1a4] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
}
.demo-description[data-v-0557c1a4] {
  font-size: 0.9rem;
  color: #666;
  text-align: center;
}

/* Spacing */
.feature-list[data-v-0557c1a4] {
  margin-bottom: 2rem;
}
.mb-4[data-v-0557c1a4] {
  margin-bottom: 1.5rem !important;
}
.bg-highlight[data-v-0557c1a4] {
  background-color: #f5f7fa;
  border-radius: 12px;
}.bg-highlight[data-v-0557c1a4] {
   background-color: #f5f7fa;
   border-radius: 12px;
}

.search-icon[data-v-3b93b85c] {
  top: 9px;
  left: 6px;
}
.search[data-v-3b93b85c] {
  padding-left: 34px;
}

.progress-bar[data-v-abf71df0] {
  width: 100%; /* Full width of its container */
  background-color: #f8f9fa; /* Light grey background */
  border-radius: 4px; /* Rounded corners */
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); /* Slight inner shadow for depth */
}
.progress-done[data-v-abf71df0] {
  height: 40px; /* Height of the progress bar */
  background-color: #419b45; /* Green background for completed portion */
  text-align: center; /* Center the text */
  line-height: 40px; /* Align the text vertically */
  color: white; /* Text color */
  border-radius: 3px; /* Slightly rounded corners on the progress part */
}
.progress-bar-text[data-v-abf71df0] {
  position: absolute;
  width: 100%;
  color: black;
}

.button-container[data-v-0fa5b53e] {
  display: flex;
}
.get-started-embed[data-v-0fa5b53e] {
  border: none;
}
.subtitle-content[data-v-0fa5b53e] {
  color: #6b7280;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.6;
  margin: 1rem 0 1.5rem 0;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-left: 4px solid #3b82f6;
  border-radius: 0 8px 8px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
}
.subtitle-content[data-v-0fa5b53e]:hover {
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
}
.subtitle-content[data-v-0fa5b53e]  a {
  color: #3b82f6;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}
.subtitle-content[data-v-0fa5b53e]  a:hover {
  color: #2563eb;
  text-decoration: underline;
}
.subtitle-content[data-v-0fa5b53e]  strong,
.subtitle-content[data-v-0fa5b53e]  b {
  color: #374151;
  font-weight: 600;
}
.subtitle-content[data-v-0fa5b53e]  em,
.subtitle-content[data-v-0fa5b53e]  i {
  color: #059669;
  font-style: italic;
}

.workflows-dialog[data-v-9a526b64] {
  padding: 2rem;
}
.workflows-header[data-v-9a526b64] {
  margin-bottom: 1.5rem;
}
.workflows-title[data-v-9a526b64] {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2c3e50;
  margin: 0;
}
.workflows-content[data-v-9a526b64] {
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 1.5rem;
}
.workflow-buttons[data-v-9a526b64] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.workflow-button[data-v-9a526b64] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: white;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  color: #2c3e50;
  font-weight: 500;
  transition: all 0.2s ease;
  cursor: pointer;
}
.workflow-button[data-v-9a526b64]:hover {
  background-color: #f1f5f9;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.workflow-button[data-v-9a526b64]:active {
  transform: translateY(0);
}
.button-icon[data-v-9a526b64] {
  font-size: 1.25rem;
}
.button-text[data-v-9a526b64] {
  font-size: 1rem;
}

.job-tour-btn[data-v-4c5802b0] {
  position: fixed;
  bottom: 25px;
  left: 374px;
  z-index: 100000;
  font-size: 27px;
  padding: 5px;
  border-radius: 50%;
  color: white;
  background-color: rgb(0, 123, 255);
  cursor: pointer;
}
.job-tour-btn-onboarding[data-v-4c5802b0] {
  position: relative;
  left: 4px;
  margin-right: 6px;
  margin-left: 4px;
  z-index: 9980;
  font-size: 30px;
  padding: 5px;
  border-radius: 50%;
  color: white;
  background-color: rgb(0, 123, 255);
  cursor: pointer;
}
.job-tour-btn-large[data-v-4c5802b0] {
  font-size: xxx-large;
  margin-bottom: 50px;
}

.item-done[data-v-15bfefa9] {
  text-decoration: line-through;
}
.group-done[data-v-15bfefa9] {
  text-decoration: line-through;
}
.article-list > span:first-child > span[data-v-15bfefa9] {
  display: none;
}
.clickable-hover[data-v-15bfefa9] {
  cursor: pointer;
  color: blue;
}
.check-group-icon[data-v-15bfefa9] {
  font-size: 36px;
  margin-right: 8px;
  color: #419b45;
}
.group-done .check-group-label[data-v-15bfefa9] {
  padding-top: 6px;
}
.group-incomplete .check-group-icon[data-v-15bfefa9] {
  display: none;
}
.group-incomplete .check-group-label[data-v-15bfefa9] {
  color: var(--coredarkcolor);
  margin-left: 4px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.job-tour-btn[data-v-388378f6] {
  position: fixed;
  bottom: 25px;
  left: 417px;
  z-index: 100000;
  font-size: 27px;
  padding: 5px;
  border-radius: 50%;
  color: white;
  background-color: rgb(0, 123, 255);
  cursor: pointer;
}
.job-tour-btn-onboarding[data-v-388378f6] {
  position: relative;
  margin-left: 4px;
  margin-right: 4px;
  z-index: 9980;
  font-size: 30px;
  padding: 5px;
  border-radius: 50%;
  color: white;
  background-color: rgb(0, 123, 255);
  cursor: pointer;
}
.job-tour-btn-large[data-v-388378f6] {
  font-size: xxx-large;
  margin-bottom: 30px;
}

.placement-job-tour-btn[data-v-0fe46dbc] {
  position: fixed;
  bottom: 105px;
  right: 4px;
  z-index: 100000;
  font-size: 27px;
  padding: 5px;
  border-radius: 50%;
  color: white;
  background-color: rgb(0, 123, 255);
  cursor: pointer;
}

.placement-job-tour-btn[data-v-d094212a] {
  position: fixed;
  bottom: 105px;
  right: 4px;
  z-index: 100000;
  font-size: 27px;
  padding: 5px;
  border-radius: 50%;
  color: white;
  background-color: rgb(0, 123, 255);
  cursor: pointer;
}

.placement-job-tour-btn[data-v-9a7d2726] {
  position: fixed;
  bottom: 105px;
  right: 4px;
  z-index: 100000;
  font-size: 27px;
  padding: 5px;
  border-radius: 50%;
  color: white;
  background-color: rgb(0, 123, 255);
  cursor: pointer;
}

.header-section[data-v-5bc1d5c8] {
  text-align: center;
}
.title[data-v-5bc1d5c8] {
  font-size: 24px;
  font-weight: 600;
  color: var(--coredarkcolor);
}
.description-section[data-v-5bc1d5c8] {
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
}
.description[data-v-5bc1d5c8] {
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  text-align: left;
}
.launch-note[data-v-5bc1d5c8] {
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  text-align: left;
}
.help-link[data-v-5bc1d5c8] {
  color: #419b45;
  text-decoration: none;
  font-weight: 500;
}
.help-link[data-v-5bc1d5c8]:hover {
  text-decoration: underline;
}
.flow-header[data-v-5bc1d5c8] {
  padding: 12px 16px;
  background-color: #f8f9fa;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.flow-header[data-v-5bc1d5c8]:hover {
  background-color: #f0f2f5;
}
.check-group-icon[data-v-5bc1d5c8] {
  font-size: 24px;
  margin-right: 12px;
  color: #419b45;
}
.check-group-label[data-v-5bc1d5c8] {
  font-size: 16px;
  font-weight: 500;
  color: var(--coredarkcolor);
}
.group-done .check-group-icon[data-v-5bc1d5c8] {
  color: #419b45;
}
.group-done .check-group-label[data-v-5bc1d5c8] {
  color: #419b45;
}
.group-incomplete .check-group-icon[data-v-5bc1d5c8] {
  color: #6c757d;
}
.group-incomplete .check-group-label[data-v-5bc1d5c8] {
  color: var(--coredarkcolor);
}
.checklist-items[data-v-5bc1d5c8] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.checklist-item[data-v-5bc1d5c8] {
  padding: 12px 16px;
  border-bottom: 1px solid #e9ecef;
  transition: all 0.2s ease;
}
.checklist-item[data-v-5bc1d5c8]:last-child {
  border-bottom: none;
}
.checklist-item[data-v-5bc1d5c8]:hover {
  background-color: #f8f9fa;
}
.item-content[data-v-5bc1d5c8] {
  display: flex;
  align-items: center;
}
.item-label[data-v-5bc1d5c8], .item-link[data-v-5bc1d5c8] {
  font-size: 15px;
  color: var(--coredarkcolor);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.item-link[data-v-5bc1d5c8]:hover {
  color: #419b45;
  text-decoration: underline;
}
.checkbox-icon[data-v-5bc1d5c8] {
  font-size: 20px;
  color: #419b45;
}
.item-done .item-label[data-v-5bc1d5c8],
.item-done .item-link[data-v-5bc1d5c8] {
  color: #6c757d;
}
.item-done .item-label span[data-v-5bc1d5c8] {
  text-decoration: line-through;
}

.item-done[data-v-6d879f0f] {
  position: relative;
}
.checkmark[data-v-6d879f0f] {
  color: #419b45;
  font-weight: bold;
  font-size: 18px;
  margin-right: 0;
  display: flex;
  align-items: baseline;
  background: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  line-height: 1;
  margin-top: 20px;
  margin-left: -10px;
}
.checklist-item[data-v-6d879f0f] {
  padding: 12px 16px;
  border-bottom: 1px solid #e9ecef;
  transition: all 0.2s ease;
  position: relative;
  display: flex;
  align-items: center;
}
.left-align[data-v-6d879f0f] {
  text-align: left;
}
.article-list > span:first-child > span[data-v-6d879f0f] {
  display: none;
}
.flow-header[data-v-6d879f0f] {
  padding: 12px 16px;
  background-color: #f8f9fa;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.flow-header[data-v-6d879f0f]:hover {
  background-color: #f0f2f5;
}
.check-group-icon[data-v-6d879f0f] {
  font-size: 24px;
  margin-right: 12px;
  color: #419b45;
}
.check-group-label[data-v-6d879f0f] {
  font-size: 16px;
  font-weight: 500;
  color: var(--coredarkcolor);
}
.group-done .check-group-icon[data-v-6d879f0f] {
  color: #419b45;
}
.group-done .check-group-label[data-v-6d879f0f] {
  color: #419b45;
}
.group-incomplete .check-group-icon[data-v-6d879f0f] {
  color: #6c757d;
}
.group-incomplete .check-group-label[data-v-6d879f0f] {
  color: var(--coredarkcolor);
}
.launch-checklist-btn[data-v-6d879f0f] {
  padding: 10px 24px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}
.launch-checklist-btn[data-v-6d879f0f]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.launch-checklist-btn i[data-v-6d879f0f] {
  font-size: 20px;
}
.setting-btn[data-v-6d879f0f] {
  padding: 6px 12px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
  background-color: white !important;
  border: 1px solid #dee2e6 !important;
  white-space: nowrap !important;
  height: auto !important;
  line-height: normal !important;
  min-height: unset !important;
}
.customize-btn[data-v-6d879f0f] {
  /* padding: 6px 12px !important; */
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
  background-color: white !important;
  border: 1px solid #dee2e6 !important;
  white-space: nowrap !important;
  height: auto !important;
  line-height: normal !important;
  min-height: unset !important;
}
.customize-btn[data-v-6d879f0f]:hover,
.setting-btn[data-v-6d879f0f]:hover {
  background-color: #f8f9fa !important;
  border-color: #adb5bd !important;
  transform: translateY(-1px);
}
.customize-btn button[data-v-6d879f0f],
.setting-btn button[data-v-6d879f0f] {
  padding: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  height: auto !important;
  line-height: normal !important;
  min-height: unset !important;
}
.item-done .customize-btn[data-v-6d879f0f],
.item-done .setting-btn[data-v-6d879f0f] {
  opacity: 0.7;
}

/* Override any AgencySetting specific styles */
[data-v-6d879f0f]:deep(.customize-btn .secondary-button),[data-v-6d879f0f]:deep(.setting-btn .secondary-button) {
  padding: 0 !important;
  height: auto !important;
  line-height: normal !important;
  min-height: unset !important;
}
.header-section[data-v-6d879f0f] {
  text-align: center;
}
.title[data-v-6d879f0f] {
  font-size: 24px;
  font-weight: 600;
  color: var(--coredarkcolor);
}
.description-section[data-v-6d879f0f] {
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
}
.description[data-v-6d879f0f] {
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  text-align: left;
}
.launch-note[data-v-6d879f0f] {
  font-size: 16px;
  font-weight: 500;
  color: var(--coredarkcolor);
  text-align: left;
}
.launch-button-container[data-v-6d879f0f] {
  margin-top: 16px;
}
.admin-note[data-v-6d879f0f] {
  color: #666;
  font-style: italic;
  margin: 16px 0;
}

/* .checklist-container {
  max-width: 800px;
} */
.checklist-items[data-v-6d879f0f] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.item-content[data-v-6d879f0f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
}
.item-main-content[data-v-6d879f0f] {
  /* display: flex; */
  /* align-items: baseline; */
  /* gap: 8px; */
}
.item-label[data-v-6d879f0f], .item-link[data-v-6d879f0f] {
  font-size: 15px;
  color: var(--coredarkcolor);
  text-decoration: none;
  flex: 1;
}
.item-link[data-v-6d879f0f]:hover {
  color: #419b45;
  text-decoration: underline;
}
.item-done .item-label[data-v-6d879f0f],
.item-done .item-link[data-v-6d879f0f] {
  color: #419b45;
  font-weight: 500;
}
.item-actions[data-v-6d879f0f] {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  margin-left: auto;
}
.setting-btn[data-v-6d879f0f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border: none;
  border-radius: 5px;
  padding: 2px 10px;
}

.agency-checklist[data-v-18e04055] {
  position: fixed;
  bottom: 25px;
  left: 460px;
  z-index: 100000;
  font-size: 27px;
  padding: 5px;
  border-radius: 50%;
  color: white;
  background-color: rgb(0, 123, 255);
  cursor: pointer;
}
.agency-checklist-onboarding[data-v-18e04055] {
  position: relative;
  margin-left: 2px;
  margin-right: 4px;
  z-index: 9980;
  font-size: 30px;
  padding: 5px;
  border-radius: 50%;
  color: white;
  background-color: rgb(0, 123, 255);
  cursor: pointer;
}
.agency-checklist-large[data-v-18e04055] {
  font-size: xxx-large;
  margin-bottom: 20px;
}

.get-started-checklist[data-v-47e9e45a] {
  width: 15.5em;
  position: absolute;
  left: -1.2%;
}
.get-started-item[data-v-47e9e45a] {
  display: flex;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  background-color: #e9eff8;
  border-radius: 4px;
  padding: 8px;
  cursor: pointer;
}
.get-started-item.done-step[data-v-47e9e45a] {
  opacity: 0.6;
  cursor: auto;
}
.enginehire-help[data-v-47e9e45a] {
  position: relative;
  /* margin-left: 6px; */
  z-index: 9980;
  font-size: 30px;
  padding: 5px;
  border-radius: 50%;
  color: white;
  cursor: pointer;
}
.get-started-item.block-step[data-v-47e9e45a] {
  opacity: 0.7;
  cursor: auto;
}
.get-started-item.waiting-step > span[data-v-47e9e45a] {
  opacity: 0.8;
  cursor: auto;
}
.center-actionbtn[data-v-47e9e45a] {
  margin: 0 auto;
}
.get-started-item.waiting-step > i[data-v-47e9e45a]:not(.test-verify-email) {
  opacity: 0.7;
  cursor: auto;
}
.completion-icon[data-v-47e9e45a] {
  color: #40b883;
}
.test-verify-email[data-v-47e9e45a] {
  opacity: 1;
  cursor: pointer;
}
.full-btn[data-v-47e9e45a] {
  /* position: fixed; */
  bottom: 15px;
  /* left: 100px !important; */
  /* width: 120px; */
  z-index: 100000;
  color: white;
  text-align: center;
  padding: 5px 10px;
  /* -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  white-space: nowrap; */
  border: none;
  border-radius: 5px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.button-container[data-v-0882340c] {
  display: flex;
}
.left-align[data-v-0882340c] {
  text-align: left;
}

.get-started-checklist[data-v-03534c75] {
  margin-left: 20vw;
  margin-right: 20vw;
  position: relative;
}
.get-started-item[data-v-03534c75] {
  display: flex;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  background-color: #e9eff8;
  border-radius: 4px;
  padding: 8px;
  text-align: left;
  cursor: pointer;
}
.get-started-item.done-step[data-v-03534c75] {
  opacity: 0.6;
  cursor: auto;
}
.enginehire-help[data-v-03534c75] {
  position: relative;
  margin-left: 6px;
  margin-right: 4px;
  z-index: 9980;
  font-size: 30px;
  padding: 5px;
  border-radius: 50%;
  color: white;
  cursor: pointer;
}
.get-started-item.block-step[data-v-03534c75] {
  opacity: 0.7;
  cursor: auto;
}
.get-started-item.waiting-step > span[data-v-03534c75] {
  opacity: 0.8;
  cursor: auto;
}
.get-started-item.waiting-step > i[data-v-03534c75]:not(.test-verify-email) {
  opacity: 0.7;
  cursor: auto;
}
.completion-icon[data-v-03534c75] {
  color: #40b883;
}
.test-verify-email[data-v-03534c75] {
  opacity: 1;
  cursor: pointer;
}
.full-btn[data-v-03534c75] {
  /* position: fixed; */
  bottom: 15px;
  /* left: 100px !important; */
  /* width: 120px; */
  z-index: 100000;
  color: white;
  text-align: center;
  padding: 5px 10px;
  /* -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  white-space: nowrap; */
  border: none;
  border-radius: 5px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

/* Progress Bar Styles */
.progress-bar-container[data-v-03534c75] {
  margin: 20px 0;
}
.progress-steps[data-v-03534c75] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.progress-step[data-v-03534c75] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  opacity: 0.5;
}
.progress-step.active[data-v-03534c75] {
  opacity: 1;
}
.progress-step.completed .step-number[data-v-03534c75] {
  background-color: #28a745;
  color: white;
}
.step-number[data-v-03534c75] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f8f9fa;
  border: 2px solid #dee2e6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  font-weight: bold;
}
.progress-step.active .step-number[data-v-03534c75] {
  border-color: #007bff;
  background-color: #007bff;
  color: white;
}
.step-label[data-v-03534c75] {
  font-size: 14px;
  font-weight: 500;
}
.progress-line[data-v-03534c75] {
  flex-grow: 1;
  height: 2px;
  background-color: #dee2e6;
  margin: 0 15px;
  margin-bottom: 30px;
}
.progress-line.active[data-v-03534c75] {
  background-color: #007bff;
}
.step-content[data-v-03534c75] {
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 20px;
}
.step-title[data-v-03534c75] {
  margin-bottom: 1.5rem;
  color: #333;
}

/* Development styles */
.form-group[data-v-03534c75] {
  margin-bottom: 20px;
  text-align: left;
}
.form-group label[data-v-03534c75] {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}
.form-control[data-v-03534c75] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}
.form-control[data-v-03534c75]:focus {
  outline: none;
  border-color: #4285f4;
  box-shadow: 0 0 0 2px rgba(66, 133, 244, 0.2);
}
.form-text[data-v-03534c75] {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  color: #666;
}
.app-build[data-v-03534c75] {
  margin-bottom: 20px;
  text-align: left;
}
.app-build h3[data-v-03534c75] {
  margin-bottom: 10px;
}
.status-display[data-v-03534c75] {
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.status-display[data-v-03534c75]:hover {
  background-color: #e9e9e9;
}
.notes-display[data-v-03534c75] {
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 4px;
  white-space: pre-wrap;
}

/* Live styles */
.link-display[data-v-03534c75] {
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 4px;
  word-break: break-all;
}
.link-display a[data-v-03534c75] {
  color: #4285f4;
  text-decoration: none;
}
.link-display a[data-v-03534c75]:hover {
  text-decoration: underline;
}
.empty-link[data-v-03534c75] {
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: #666;
}
.empty-link[data-v-03534c75]:hover {
  background-color: #e9e9e9;
}
.spacing[data-v-03534c75] {
  flex-grow: 1;
}

/* Step Navigation Styles */
.step-navigation[data-v-03534c75] {
  display: flex;
  justify-content: space-between;
}
.step-navigation-left[data-v-03534c75] {
  display: flex;
  align-items: center;
}
.step-navigation-right[data-v-03534c75] {
  display: flex;
  justify-content: flex-end;
}

/* For backward compatibility with the first step */
.step-navigation[data-v-03534c75]:not(.step-navigation-left):not(.step-navigation-right) {
  justify-content: flex-end;
}
.primary-button[data-v-03534c75] {
  background-color: #28a745;
  color: white;
}
.primary-button[data-v-03534c75]:hover {
  background-color: #218838;
}
.mylisting-button[data-v-03534c75] {
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  transition: all 0.3s ease;
}
.dark-button[data-v-03534c75] {
  background-color: #007bff;
  color: white;
}
.dark-button[data-v-03534c75]:hover {
  background-color: #0069d9;
}
.dark-button[data-v-03534c75]:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}
.secondary-button[data-v-03534c75] {
  background-color: #f8f9fa;
  color: #333;
  border: 1px solid #ddd;
}
.secondary-button[data-v-03534c75]:hover {
  background-color: #e9ecef;
}
.mr-2[data-v-03534c75] {
  margin-right: 0.5rem;
}

/* Permission Notice Styles */
.permission-notice[data-v-03534c75] {
  display: flex;
  align-items: center;
  background-color: #fff3cd;
  border: 1px solid #ffeeba;
  border-radius: 4px;
  padding: 10px 15px;
  margin-bottom: 20px;
  color: #856404;
}
.permission-notice .warning-icon[data-v-03534c75] {
  font-size: 24px;
  margin-right: 10px;
  color: #856404;
}
.permission-notice p[data-v-03534c75] {
  margin: 0;
  font-size: 14px;
}

.backup-care-assistant[data-v-92d424a0] {
  padding: 20px;
}
.content[data-v-92d424a0] {
  margin-top: 20px;
}

.logs-container[data-v-e32aa77c] {
  padding: 10px 40px;
  display: grid;
  grid-template-columns: auto auto auto;
}
@media (max-width: 768px) {
.logs-container[data-v-e32aa77c] {
    grid-template-columns: auto auto;
}
p[data-v-e32aa77c] {
    padding-right: 0;
}
}
@media (max-width: 480px) {
.logs-container[data-v-e32aa77c] {
    grid-template-columns: auto;
}
p[data-v-e32aa77c] {
    padding-right: 0;
}
}
.item[data-v-e32aa77c] {
  width: 90%;
  padding: 30px;
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.item[data-v-e32aa77c]:hover {
  background-color: #f0f0f0;
}
.icon[data-v-e32aa77c] {
  float: left;
  margin-right: 10px;
}
.content[data-v-e32aa77c] {
  overflow: hidden;
}
h4[data-v-e32aa77c] {
  margin: 0;
  font-weight: bold;
  font-size: 16px;
}
p[data-v-e32aa77c] {
  margin-top: 5px;
  padding-right: 20px;
  font-size: 16px;
}

.newEntryRow {
  font-weight: 700;
}
.interview-tab-container {
  display: flex;
}
.interview-tab-container > div {
  max-height: calc(100vh - 318px);
  overflow: auto;
}
.interview-profile {
  /* margin-bottom: -125px;
  margin-top: -125px; */
  padding-left: 1rem;
  padding-right: 1rem;
  flex-basis: 50%;
}
.profile-interview-section {
  padding-left: 1rem;
  padding-right: 1rem;
}
.interview-profile ~ .profile-interview-section {
  flex-basis: 50%;
}
.hide-profile {
  display: none;
}
.profile-toggle-btn {
  flex-basis: 9em;
}
.table thead th.table-header {
  vertical-align: middle;
}
.sort-button {
  cursor: pointer;
}
.table-header > span {
  display: flex;
}
button:disabled,
button[disabled] {
  opacity: 0.5;
}
.vld-parent .table-sticky-header {
  top: 40px !important;
}
.vld-parent .home-container .table-sticky-header {
  top: 0 !important;
}
.title-bar-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.chat-box-response {
  position: fixed;
  bottom: 4px;
  right: 4px;
  z-index: 1000000;
}
.additional-live-support {
  color: var(--coredarkcolor);
}
@media (min-width: 769px) {
.section-container.has-get-started {
    margin-left: 16em;
}
}
.vld-shown {
  overflow: hidden;
}

.vld-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  align-items: center;
  display: none;
  justify-content: center;
  overflow: hidden;
  z-index: 9999;
}

.vld-overlay.is-active {
  display: flex;
}

.vld-overlay.is-full-page {
  z-index: 9999;
  position: fixed;
}

.vld-overlay .vld-background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  opacity: 0.5;
}

.vld-overlay .vld-icon, .vld-parent {
  position: relative;
}


.filter-label {
  /* margin-top: 5px; */
  font-weight: 700;
}

.blog .ProseMirror {
  min-height: 250px;
}

/* .menububble__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: transparent;
    border: 0;
    color: #fff;
    padding: .2rem .5rem;
    margin-right: .2rem;
    border-radius: 3px;
    cursor: pointer;
  } */

.ProseMirror {
  height: 4000px;
}

.form-signup input[type="email"] {
  margin-bottom: 10px;
  /* border-bottom-right-radius: 0; */
  /* border-bottom-left-radius: 0; */
}

.form-signup input[type="password"] {
  margin-bottom: 10px;
  /* border-bottom-right-radius: 0; */
  /* border-bottom-left-radius: 0; */
}

.heading[data-v-397daef7] {
    display: flex;
    justify-content: space-evenly;
}

.heading[data-v-6ba8f054] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
}
.meeting-list-row[data-v-6ba8f054] {
  margin: 24px 0 0 0;
  padding: 0 15px;
}
.input-group[data-v-6ba8f054] {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  padding: 10px 0;
}
.buttonCont[data-v-6ba8f054] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 0;
}
.status-desc-text[data-v-6ba8f054] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 0;
  text-align: center;
}
.select-option-container[data-v-6ba8f054] {
  flex-grow: 1;
  padding: 0 8px;
}
.copy-btn[data-v-6ba8f054] {
  padding: 0.25rem 0.5rem;
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.copy-btn i[data-v-6ba8f054] {
  font-size: 16px;
}
.card-text p[data-v-6ba8f054] {
  margin-bottom: 0.75rem;
  word-break: break-word;
  padding: 5px 0;
}
.calendar-container[data-v-6ba8f054] {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #f9f9f9;
}
.calendar-header[data-v-6ba8f054] {
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 15px;
}
.calendar-header h5[data-v-6ba8f054] {
  margin: 0;
  font-weight: 600;
}
.update-btn-container[data-v-6ba8f054] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}
.field-of-fields[data-v-6ba8f054] {
  padding: 0 15px;
}
.card[data-v-6ba8f054] {
  margin-bottom: 20px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.card-body[data-v-6ba8f054] {
  padding: 20px;
}
.card-title[data-v-6ba8f054] {
  margin-bottom: 15px;
}
.dark-button[data-v-6ba8f054] {
  padding: 8px 16px;
  margin: 5px;
}

/* Styles for the initial status setup container */
.row.mt-2[data-v-6ba8f054] {
  background-color: #f9f9f9;
  border-radius: 8px;
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #e0e0e0;
}
.row.mt-2 .col-lg-6[data-v-6ba8f054] {
  padding: 0 15px;
}
.row.mt-2 .input-group[data-v-6ba8f054] {
  background-color: white;
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  margin-bottom: 10px;
}
.row.mt-2 .input-group > div[data-v-6ba8f054]:first-child {
  min-width: 100px;
  font-weight: 500;
}
.row.mt-2 .buttonCont[data-v-6ba8f054] {
  margin-top: 20px;
}
.row.mt-2 .buttonCont .btn[data-v-6ba8f054] {
  min-width: 150px;
}

.paypal-merchant-status[data-v-2be7b244] {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 20px;
  margin-top: 20px;
}
.status-header[data-v-2be7b244] {
  border-bottom: 2px solid #e9ecef;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.status-section[data-v-2be7b244] {
  margin-bottom: 25px;
  padding: 15px;
  background: white;
  border-radius: 6px;
  border: 1px solid #e9ecef;
}
.section-title[data-v-2be7b244] {
  color: #495057;
  font-weight: 600;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.subsection-title[data-v-2be7b244] {
  color: #6c757d;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 0.9rem;
}
.info-item[data-v-2be7b244] {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.info-item strong[data-v-2be7b244] {
  min-width: 140px;
  margin-right: 10px;
  color: #495057;
}
.product-item[data-v-2be7b244] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #f1f3f4;
}
.product-name[data-v-2be7b244] {
  font-weight: 500;
  color: #495057;
}
.capabilities-grid[data-v-2be7b244] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.capability-badge[data-v-2be7b244] {
  font-size: 0.8rem;
  padding: 4px 8px;
}
.scopes-list[data-v-2be7b244] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.scope-badge[data-v-2be7b244] {
  font-size: 0.75rem;
  padding: 3px 6px;
}
.badge[data-v-2be7b244] {
  font-size: 0.75rem;
  padding: 4px 8px;
  border-radius: 4px;
}
.badge-success[data-v-2be7b244] {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
.badge-warning[data-v-2be7b244] {
  background-color: #fff3cd;
  color: #856404;
  border: 1px solid #ffeaa7;
}
.badge-info[data-v-2be7b244] {
  background-color: #d1ecf1;
  color: #0c5460;
  border: 1px solid #bee5eb;
}
.alert[data-v-2be7b244] {
  padding: 12px 16px;
  border-radius: 6px;
  border: 1px solid transparent;
}
.alert-warning[data-v-2be7b244] {
  background-color: #fff3cd;
  border-color: #ffeaa7;
  color: #856404;
}
.alert-info[data-v-2be7b244] {
  background-color: #d1ecf1;
  border-color: #bee5eb;
  color: #0c5460;
}
.material-icons[data-v-2be7b244] {
  font-size: 18px;
  vertical-align: middle;
}
.text-success[data-v-2be7b244] {
  color: #28a745 !important;
}
.text-warning[data-v-2be7b244] {
  color: #ffc107 !important;
}
.text-danger[data-v-2be7b244] {
  color: #dc3545 !important;
}
.text-muted[data-v-2be7b244] {
  color: #6c757d !important;
}

.heading[data-v-1a670270] {
  display: flex;
  justify-content: space-evenly;
}
.input-group[data-v-1a670270] {
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
  align-items: center;
}
.buttonCont[data-v-1a670270] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.status-desc-text[data-v-1a670270] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.select-option-container[data-v-1a670270] {
  flex-grow: 1;
  padding-left: 8px;
}
.invoices-section[data-v-1a670270] {
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.invoices-table-container[data-v-1a670270] {
  margin-top: 20px;
}
.invoices-table[data-v-1a670270] {
  width: 100%;
  border-collapse: collapse;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.invoices-table thead th[data-v-1a670270] {
  background-color: #f8f9fa;
  padding: 15px 20px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #495057;
  border-bottom: 2px solid #dee2e6;
  text-align: left;
}
.invoices-table td[data-v-1a670270] {
  padding: 15px 20px;
  border-bottom: 1px solid #e9ecef;
  vertical-align: middle;
}
.invoices-table tbody tr[data-v-1a670270]:hover {
  background-color: #f8f9fa;
}

/* Header icon alignment */
.header-content[data-v-1a670270] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-content .material-icons[data-v-1a670270] {
  font-size: 18px;
  color: #6c757d;
}

/* Amount cell styling */
.amount-cell[data-v-1a670270] {
  font-weight: 700;
  color: #28a745;
}

/* Status badge styling */
.status-badge[data-v-1a670270] {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.status-badge[data-v-1a670270] {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.status-draft[data-v-1a670270] {
  background-color: #e9ecef;
  color: #6c757d;
}
.status-sent[data-v-1a670270] {
  background-color: #d1ecf1;
  color: #0c5460;
}
.status-paid[data-v-1a670270] {
  background-color: #d4edda;
  color: #155724;
}
.status-cancelled[data-v-1a670270] {
  background-color: #f8d7da;
  color: #721c24;
}
.status-refunded[data-v-1a670270] {
  background-color: #fff3cd;
  color: #856404;
}
.status-partial[data-v-1a670270] {
  background-color: #ffeaa7;
  color: #6c5ce7;
}
.status-unpaid[data-v-1a670270] {
  background-color: #f8d7da;
  color: #721c24;
}
.status-pending[data-v-1a670270] {
  background-color: #fff3cd;
  color: #856404;
}
.status-unknown[data-v-1a670270] {
  background-color: #f8f9fa;
  color: #6c757d;
}
.invoice-actions[data-v-1a670270] {
  display: flex;
  gap: 8px;
}
.action-buttons .btn[data-v-1a670270] {
  padding: 6px 12px;
  font-size: 0.875em;
  white-space: nowrap;
}
@media (max-width: 768px) {
.invoices-table-container[data-v-1a670270] {
    overflow-x: auto;
}
.invoices-table[data-v-1a670270] {
    min-width: 700px;
}
.action-buttons[data-v-1a670270] {
    flex-direction: column;
    gap: 4px;
}
.action-buttons .btn[data-v-1a670270] {
    width: 100%;
    justify-content: center;
}
}
.create-invoice-btn[data-v-1a670270] {
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
  display: inline-flex;
  align-items: center;
}
.create-invoice-btn[data-v-1a670270]:hover {
  background: linear-gradient(135deg, #0056b3 0%, #004085 100%);
  color: white;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
}
.create-invoice-btn[data-v-1a670270]:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}
.empty-state[data-v-1a670270] {
  background-color: #f8f9fa;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.empty-icon[data-v-1a670270] {
  color: #adb5bd;
}
.empty-state h5[data-v-1a670270] {
  color: #6c757d;
}
.empty-state p[data-v-1a670270] {
  color: #868e96;
}

.heading[data-v-2ceeadb8] {
  display: flex;
  justify-content: space-evenly;
}
.meeting-list-row[data-v-2ceeadb8] {
  margin: 24px 0 0 0;
}
.input-group[data-v-2ceeadb8] {
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
  align-items: center;
}
.buttonCont[data-v-2ceeadb8] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.status-desc-text[data-v-2ceeadb8] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.select-option-container[data-v-2ceeadb8] {
  flex-grow: 1;
  padding-left: 8px;
}
.w-80[data-v-2ceeadb8] {
  width: 80%;
}

.heading[data-v-25ee0f1e] {
    display: flex;
    justify-content: space-evenly;
}

.heading[data-v-f8d6c39e] {
    display: flex;
    justify-content: space-evenly;
}
.phone-input[data-v-f8d6c39e] {
    height: 44px;
}

.heading[data-v-5dc96f06] {
    display: flex;
    justify-content: space-evenly;
}

.heading[data-v-45e63c9a] {
  display: flex;
  justify-content: space-evenly;
}

.heading[data-v-2e76f565] {
  display: flex;
  justify-content: space-evenly;
}
.order-list-row[data-v-2e76f565] {
  margin: 24px 0 0 0;
}
.input-group[data-v-2e76f565] {
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
  align-items: center;
}
.buttonCont[data-v-2e76f565] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.status-desc-text[data-v-2e76f565] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.select-option-container[data-v-2e76f565] {
  flex-grow: 1;
  padding-left: 8px;
}

.heading[data-v-448c82f8] {
  display: flex;
  justify-content: space-evenly;
}
.order-list-row[data-v-448c82f8] {
  margin: 24px 0 0 0;
}
.input-group[data-v-448c82f8] {
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
  align-items: center;
}
.buttonCont[data-v-448c82f8] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.status-desc-text[data-v-448c82f8] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.select-option-container[data-v-448c82f8] {
  flex-grow: 1;
  padding-left: 8px;
}
.capitalize[data-v-448c82f8] {
  text-transform: capitalize;
}

.heading[data-v-7dd5178a] {
  display: flex;
  justify-content: space-evenly;
}
.meeting-list-row[data-v-7dd5178a] {
  margin: 24px 0 0 0;
}

.hiring-thing-jobs-container[data-v-d502de44] {
  padding: 20px;
}
.spinner-border[data-v-d502de44] {
  width: 3rem;
  height: 3rem;
}
.modal-overlay[data-v-d502de44] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.modal-content[data-v-d502de44] {
  background-color: white;
  border-radius: 5px;
  width: 90%;
  max-width: 1200px;
  max-height: 90vh;
  overflow-y: auto;
}
.modal-header[data-v-d502de44] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #ddd;
}
.modal-body[data-v-d502de44] {
  padding: 15px;
}
.close-button[data-v-d502de44] {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

.nylas-callback-container[data-v-e0b4941e] {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8f9fa;
}
.spinner-border[data-v-e0b4941e] {
  width: 3rem;
  height: 3rem;
}
.fa-3x[data-v-e0b4941e] {
  font-size: 3rem;
}
.btn[data-v-e0b4941e] {
  padding: 0.75rem 2rem;
  font-size: 1.1rem;
}

.hide-public-view {
  display: none;
}

.profile-container[data-v-34bc78e8] {
  margin-right: 2em;
  margin-left: 2em;
  margin-bottom: 2em;
}
.public-profile-container[data-v-34bc78e8] {
  margin-right: 2em;
  margin-left: 2em;
  margin-top: 0px;
  margin-bottom: 2em;
}
.reference-check-logo[data-v-34bc78e8] {
  max-width: 600px;
  max-height: 300px;
  width: auto;
  height: auto;
  object-fit: contain;
  margin: 10px auto;
}

/* .public-nav-bar {
  top: 0px !important;
} */
@media (min-width: 993px) {
.has-nav-bar[data-v-34bc78e8] {
    margin-left: 20em;
}
}
@media (max-width: 768px) {
.profile-container[data-v-34bc78e8] {
    margin-left: 1em;
    margin-right: 1em;
}
.public-profile-container[data-v-34bc78e8] {
    margin-left: 1em;
    margin-right: 1em;
}
}
@media print {
@page {
    size: 350mm 500mm;
}
.no-pagebreak[data-v-34bc78e8] {
    break-inside: avoid;
}
}
.admin-view-warning[data-v-34bc78e8] {
  background-color: #fff3f3;
  border: 1px solid #ffd6d6;
  border-radius: 8px;
  margin: 20px;
  max-width: 425px;
  padding: 15px;
  padding-right: 20px;
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.admin-view-warning.compressed[data-v-34bc78e8] {
  max-width: 250px;
}
.warning-header[data-v-34bc78e8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.compress-toggle[data-v-34bc78e8] {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #ff4d4d;
  display: flex;
  align-items: center;
}
.compress-toggle i[data-v-34bc78e8] {
  font-size: 20px;
}
.warning-details[data-v-34bc78e8] {
  margin-top: 8px;
}
.warning-content[data-v-34bc78e8] {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
.warning-icon[data-v-34bc78e8] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-top: 4px;
}
.warning-text h4[data-v-34bc78e8] {
  color: #ff4d4d;
  margin: 0 0 8px 0;
  font-size: 16px;
}
.warning-text p[data-v-34bc78e8] {
  color: #666;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
@media (max-width: 768px) {
.admin-view-warning[data-v-34bc78e8] {
    margin: 15px;
    left: 15px;
    right: 15px;
    max-width: none;
    border-radius: 8px;
    top: 20px;
}
.admin-view-warning.compressed[data-v-34bc78e8] {
    max-width: none;
}
}
.learn-more-link[data-v-34bc78e8] {
  color: #ff4d4d;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  margin-top: 8px;
}
.learn-more-link[data-v-34bc78e8]:hover {
  text-decoration: underline;
}

.application-form-container[data-v-7d28fdd8] {
  margin-top: 48px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.agency-owner[data-v-7d28fdd8] {
  text-transform: unset;
}
.result-section[data-v-7d28fdd8] {
  color: var(--coredarkcolor);
  font-weight: 600;
  text-align: center;
}
.instructions-section[data-v-7d28fdd8] {
  /* max-width: 95%; */
}

.application-form-container[data-v-a6a32688] {
  margin-top: 48px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.agency-owner[data-v-a6a32688] {
  text-transform: unset;
}
.result-section[data-v-a6a32688] {
  color: var(--coredarkcolor);
  font-weight: 600;
  text-align: center;
}
.form-submitted[data-v-a6a32688] {
  text-align: center;
}

.application-form-container[data-v-479693f6] {
    margin-top: 48px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.top-level-div[data-v-c2879310] {
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner-border[data-v-c2879310] {
  width: 3rem;
  height: 3rem;
}
.mylisting-button[data-v-c2879310] {
  padding: 0.75rem 1.5rem;
  font-weight: 600;
}
.alert ul[data-v-c2879310] {
  margin-left: 1rem;
}
.fa-check-circle[data-v-c2879310],
.fa-exclamation-triangle[data-v-c2879310] {
  margin-bottom: 1rem;
}
.text-left[data-v-c2879310] {
  text-align: left !important;
}

.top-level-div[data-v-2ce41dea] {
  padding-bottom: 0;
  padding-left: 2em;
  padding-right: 2em;
}
.chat-container[data-v-2ce41dea] {
  display: flex;
  width: 100%;
}
.chat-summary[data-v-2ce41dea] {
  flex-basis: 360px;
  width: 360px;
  flex-shrink: 0;
  padding-right: 4px;
}
.summary-item[data-v-2ce41dea] {
  cursor: pointer;
}
.summary-item[data-v-2ce41dea]:not(.active):hover {
  background-color: #eee;
}
.chat-detail[data-v-2ce41dea] {
  flex-grow: 1;
}
.summary-message[data-v-2ce41dea] {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
.chat-container[data-v-2ce41dea] {
    display: block;
}
.chat-summary[data-v-2ce41dea] {
    width: 100%;
}
}
.card[data-v-2ce41dea] {
  height: calc(100vh - 120px);
  border-radius: 15px !important;
}
.contacts_body[data-v-2ce41dea] {
  padding: 0.75rem 0 !important;
  overflow-y: auto;
  white-space: nowrap;
}
.msg_card_body[data-v-2ce41dea] {
  overflow-y: auto;
}
.card-header[data-v-2ce41dea] {
  border-radius: 15px 15px 0 0 !important;
  background-color: white;
}
.card-footer[data-v-2ce41dea] {
  border-radius: 0 0 15px 15px !important;
  border-top: 0 !important;
  background-color: white;
}
.container[data-v-2ce41dea] {
  align-content: center;
}
.search[data-v-2ce41dea] {
  border-radius: 15px 0 0 15px !important;
  background-color: rgb(240, 242, 245) !important;
  border: 0 !important;
  color: rgb(5, 5, 5) !important;
}
.search[data-v-2ce41dea]:focus {
  box-shadow: none !important;
  outline: 0px !important;
}
.type_msg[data-v-2ce41dea] {
  background-color: #f0f2f5;
  border: 0 !important;
  color: rgb(5, 5, 5);
  height: 60px;
  overflow-y: auto;
}
.type_msg[data-v-2ce41dea]:focus {
  box-shadow: none !important;
  outline: 0px !important;
}
.attach_btn[data-v-2ce41dea] {
  border-radius: 15px 0 0 15px !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
  border: 0 !important;
  color: white !important;
  cursor: pointer;
}
.send_btn[data-v-2ce41dea] {
  background-color: #f0f2f5;
  border: 0 !important;
  color: rgb(0, 132, 255);
  cursor: pointer;
}
.btn-border-radius[data-v-2ce41dea] {
  border-radius: 0 15px 15px 0 !important;
}
.search_btn[data-v-2ce41dea] {
  border-radius: 0 15px 15px 0 !important;
  background-color: rgb(240, 242, 245) !important;
  border: 0 !important;
  color: rgba(5, 5, 5, 0.4) !important;
  cursor: pointer;
}
.contacts[data-v-2ce41dea] {
  list-style: none;
  padding: 0;
}
.contacts li[data-v-2ce41dea] {
  width: 100% !important;
  padding: 5px 10px;
  margin-bottom: 15px !important;
}
.active[data-v-2ce41dea] {
  background-color: rgba(45, 136, 255, 0.1);
}
.user_img[data-v-2ce41dea] {
  height: 70px;
  width: 70px;
  border: 1.5px solid #f5f6fa;
  object-fit: cover;
}
.user_img_msg[data-v-2ce41dea] {
  height: 40px;
  width: 40px;
  border: 1.5px solid #f5f6fa;
  object-fit: cover;
}
.img_cont[data-v-2ce41dea] {
  position: relative;
  height: 70px;
  width: 70px;
}
.img_cont_msg[data-v-2ce41dea] {
  height: 40px;
  width: 40px;
}
.online_icon[data-v-2ce41dea] {
  position: absolute;
  height: 15px;
  width: 15px;
  background-color: #4cd137;
  border-radius: 50%;
  bottom: 0.2em;
  right: 0.4em;
  border: 1.5px solid white;
}
.offline[data-v-2ce41dea] {
  background-color: #c23616 !important;
}
.user_info[data-v-2ce41dea] {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.user_info span[data-v-2ce41dea] {
  font-size: 20px;
}
.card-header .user_info span[data-v-2ce41dea] {
  font-weight: 600;
}
.summary-header[data-v-2ce41dea] {
  display: flex;
  align-items: center;
}
.summary-header .summary-name[data-v-2ce41dea] {
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgb(5, 5, 5);
}
.summary-header .summary-time[data-v-2ce41dea] {
  flex-shrink: 0;
}
.user_info p[data-v-2ce41dea] {
  font-size: 14px;
  color: rgb(101, 103, 107);
}
.user_info .message-count[data-v-2ce41dea] {
  font-size: 14px;
  color: rgb(101, 103, 107);
  margin-right: 1em;
}
.user_info .job-info[data-v-2ce41dea] {
  font-size: 16px;
  font-weight: 400;
}
.user_info span.summary-time[data-v-2ce41dea] {
  font-size: 14px;
  color: rgb(101, 103, 107);
}
.video_cam[data-v-2ce41dea] {
  margin-left: 50px;
  margin-top: 5px;
}
.video_cam span[data-v-2ce41dea] {
  font-size: 20px;
  cursor: pointer;
  margin-right: 20px;
}
.msg_cotainer[data-v-2ce41dea] {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  border-radius: 25px;
  background-color: rgb(228, 230, 235);
  color: rgb(5, 5, 5);
  padding: 10px;
  position: relative;
}
.msg_cotainer_send[data-v-2ce41dea] {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 10px;
  border-radius: 25px;
  background-color: rgb(0, 132, 255);
  padding: 10px;
  position: relative;
  color: white;
}
.msg_time[data-v-2ce41dea] {
  position: absolute;
  left: 0;
  bottom: -15px;
  color: rgb(138, 141, 145);
  white-space: nowrap;
  font-size: 10px;
}
.msg_time_send[data-v-2ce41dea] {
  position: absolute;
  right: 0;
  bottom: -15px;
  color: rgb(138, 141, 145);
  white-space: nowrap;
  font-size: 10px;
}
.msg_head[data-v-2ce41dea] {
  position: relative;
}
#action_menu_btn[data-v-2ce41dea] {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  font-size: 20px;
}
.action_menu[data-v-2ce41dea] {
  z-index: 1;
  position: absolute;
  padding: 15px 0;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  top: 30px;
  right: 15px;
  display: none;
}
.action_menu ul[data-v-2ce41dea] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.action_menu ul li[data-v-2ce41dea] {
  width: 100%;
  padding: 10px 15px;
  margin-bottom: 5px;
}
.action_menu ul li i[data-v-2ce41dea] {
  padding-right: 10px;
}
.action_menu ul li[data-v-2ce41dea]:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 576px) {
.contacts_card[data-v-2ce41dea] {
    margin-bottom: 15px !important;
}
}
/* width */
[data-v-2ce41dea]::-webkit-scrollbar {
  width: 10px;
}
/* Track */
[data-v-2ce41dea]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
/* Handle */
[data-v-2ce41dea]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.message-receive[data-v-2ce41dea] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-start;
}
.message-send[data-v-2ce41dea] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-end;
}
.no-conversation-selected[data-v-2ce41dea] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.send-new-user[data-v-2ce41dea] {
  font-size: 38px;
  margin-right: -0.5em;
  cursor: pointer;
}
.badge-container[data-v-2ce41dea] {
  flex-grow: 2;
}
.unread-message[data-v-2ce41dea] {
  font-weight: bold;
}
.file-upload[data-v-2ce41dea] {
  padding-top: 4px;
}
.unassigned-user[data-v-2ce41dea] {
  font-style: italic;
  font-weight: bold;
  font-size: 0.9em;
}
.unassigned-container[data-v-2ce41dea] {
  opacity: 0.5;
}

.document-header[data-v-488bd2d8] {
  text-align: center;
}
button[data-v-488bd2d8]:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.button-containers[data-v-488bd2d8] {
  display: flex;
  flex-direction: row-reverse;
}
.cancel-btn-container[data-v-488bd2d8] {
  flex-grow: 1;
}
@media (max-width: 600px) {
.button-containers[data-v-488bd2d8] {
    display: block;
    text-align: center;
}
.cancel-btn-container[data-v-488bd2d8] {
    margin-top: 8px;
}
}

.top-level-div[data-v-d9ad405c] {
  padding-bottom: 0;
  padding-left: 2em;
  padding-right: 2em;
}
.chat-container[data-v-d9ad405c] {
  display: flex;
  width: 100%;
}
.chat-summary[data-v-d9ad405c] {
  flex-basis: 360px;
  width: 360px;
  flex-shrink: 0;
  padding-right: 4px;
}
.summary-item[data-v-d9ad405c] {
  cursor: pointer;
}
.summary-item[data-v-d9ad405c]:not(.active):hover {
  background-color: #eee;
}
.chat-detail[data-v-d9ad405c] {
  flex-grow: 1;
}
.summary-message[data-v-d9ad405c] {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
.chat-container[data-v-d9ad405c] {
    display: block;
}
.chat-summary[data-v-d9ad405c] {
    width: 100%;
}
}
.card[data-v-d9ad405c] {
  height: calc(100vh - 120px);
  border-radius: 15px !important;
}
.contacts_body[data-v-d9ad405c] {
  padding: 0.75rem 0 !important;
  overflow-y: auto;
  white-space: nowrap;
}
.msg_card_body[data-v-d9ad405c] {
  overflow-y: auto;
}
.card-header[data-v-d9ad405c] {
  border-radius: 15px 15px 0 0 !important;
  background-color: white;
  padding: 0.75rem 0.5rem;
}
.card-footer[data-v-d9ad405c] {
  border-radius: 0 0 15px 15px !important;
  border-top: 0 !important;
  background-color: white;
}
.container[data-v-d9ad405c] {
  align-content: center;
}
.search[data-v-d9ad405c] {
  border-radius: 15px 0 0 15px !important;
  background-color: rgb(240, 242, 245) !important;
  border: 0 !important;
  color: rgb(5, 5, 5) !important;
}
.search[data-v-d9ad405c]:focus {
  box-shadow: none !important;
  outline: 0px !important;
}
.type_msg[data-v-d9ad405c] {
  background-color: #f0f2f5;
  border: 0 !important;
  color: rgb(5, 5, 5);
  height: 60px;
  overflow-y: auto;
}
.type_msg[data-v-d9ad405c]:focus {
  box-shadow: none !important;
  outline: 0px !important;
}
.attach_btn[data-v-d9ad405c] {
  border-radius: 15px 0 0 15px !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
  border: 0 !important;
  color: white !important;
  cursor: pointer;
}
.send_btn[data-v-d9ad405c] {
  background-color: #f0f2f5;
  border: 0 !important;
  color: rgb(0, 132, 255);
  cursor: pointer;
}
.btn-border-radius[data-v-d9ad405c] {
  border-radius: 0 15px 15px 0 !important;
}
.search_btn[data-v-d9ad405c] {
  border-radius: 0 15px 15px 0 !important;
  background-color: rgb(240, 242, 245) !important;
  border: 0 !important;
  color: rgba(5, 5, 5, 0.4) !important;
  cursor: pointer;
}
.contacts[data-v-d9ad405c] {
  list-style: none;
  padding: 0;
}
.contacts li[data-v-d9ad405c] {
  width: 100% !important;
  padding: 5px 10px;
  margin-bottom: 15px !important;
}
.active[data-v-d9ad405c] {
  background-color: rgba(45, 136, 255, 0.1);
}
.user_img[data-v-d9ad405c] {
  height: 70px;
  width: 70px;
  border: 1.5px solid #f5f6fa;
  object-fit: cover;
}
.user_img_msg[data-v-d9ad405c] {
  height: 40px;
  width: 40px;
  border: 1.5px solid #f5f6fa;
  object-fit: cover;
}
.img_cont[data-v-d9ad405c] {
  position: relative;
  height: 70px;
  width: 70px;
}
.img_cont_msg[data-v-d9ad405c] {
  height: 40px;
  width: 40px;
}
.user-deleted .img_cont_msg[data-v-d9ad405c] {
  opacity: 0.5;
}
.online_icon[data-v-d9ad405c] {
  position: absolute;
  height: 15px;
  width: 15px;
  background-color: #4cd137;
  border-radius: 50%;
  bottom: 0.2em;
  right: 0.4em;
  border: 1.5px solid white;
}
.offline[data-v-d9ad405c] {
  background-color: #c23616 !important;
}
.user_info[data-v-d9ad405c] {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.user_info > span[data-v-d9ad405c] {
  font-size: 20px;
}
.card-header .user_info span[data-v-d9ad405c] {
  font-weight: 600;
}
.summary-header[data-v-d9ad405c] {
  /* display: flex;
  align-items: center; */
}
.summary-header .summary-name[data-v-d9ad405c] {
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgb(5, 5, 5);
}
.summary-header .summary-time[data-v-d9ad405c] {
  font-size: 0.70em;
}
.user_info p[data-v-d9ad405c] {
  font-size: 14px;
  font-weight: 400;
  color: rgb(101, 103, 107);
}
.user_info span.summary-time[data-v-d9ad405c] {
  font-size: 14px;
  color: rgb(101, 103, 107);
}
.video_cam[data-v-d9ad405c] {
  margin-left: 50px;
  margin-top: 5px;
}
.video_cam span[data-v-d9ad405c] {
  font-size: 20px;
  cursor: pointer;
  margin-right: 20px;
}
.msg_cotainer[data-v-d9ad405c] {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  border-radius: 25px;
  background-color: rgb(228, 230, 235);
  color: rgb(5, 5, 5);
  padding: 10px;
  position: relative;
}
.msg_cotainer_send[data-v-d9ad405c] {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 10px;
  border-radius: 25px;
  background-color: rgb(0, 132, 255);
  padding: 10px;
  position: relative;
  color: white;
}
.msg_sender_name[data-v-d9ad405c] {
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}
.msg_time[data-v-d9ad405c] {
  position: absolute;
  left: 0;
  bottom: -15px;
  color: rgb(138, 141, 145);
  white-space: nowrap;
  font-size: 10px;
}
.msg_time_send[data-v-d9ad405c] {
  position: absolute;
  right: 0;
  bottom: -15px;
  color: rgb(138, 141, 145);
  white-space: nowrap;
  font-size: 10px;
}
.msg_head[data-v-d9ad405c] {
  position: relative;
}
#action_menu_btn[data-v-d9ad405c] {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  font-size: 20px;
}
.action_menu[data-v-d9ad405c] {
  z-index: 1;
  position: absolute;
  padding: 15px 0;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  top: 30px;
  right: 15px;
  display: none;
}
.action_menu ul[data-v-d9ad405c] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.action_menu ul li[data-v-d9ad405c] {
  width: 100%;
  padding: 10px 15px;
  margin-bottom: 5px;
}
.action_menu ul li i[data-v-d9ad405c] {
  padding-right: 10px;
}
.action_menu ul li[data-v-d9ad405c]:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 576px) {
.contacts_card[data-v-d9ad405c] {
    margin-bottom: 15px !important;
}
}
/* width */
[data-v-d9ad405c]::-webkit-scrollbar {
  width: 10px;
}
/* Track */
[data-v-d9ad405c]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
/* Handle */
[data-v-d9ad405c]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.message-receive[data-v-d9ad405c] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-start;
}
.message-send[data-v-d9ad405c] {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-end;
}
.message-invisible[data-v-d9ad405c] {
  visibility: hidden;
}
.new-message-mark[data-v-d9ad405c] {
  margin-top: 10px;
  padding: 4px;
  width: 100%;
  color: #4A2C2A;
  text-align: center;
  vertical-align: middle;
  background: rgb(255, 255, 255, 0.3);
  font-size: 12px;
}
.new-message-mark span[data-v-d9ad405c] {
  display: inline-block;
  margin: 4px;
  padding: 4px 8px;
  background: #F7DCC7;
}
.no-conversation-selected[data-v-d9ad405c] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.send-new-user[data-v-d9ad405c] {
  font-size: 38px;
  margin-right: -0.5em;
  cursor: pointer;
}
.badge-container[data-v-d9ad405c] {
  position: absolute;
  top: 0;
  right: -5px;
}
.unread-message[data-v-d9ad405c] {
  font-weight: bold;
}
.file-upload[data-v-d9ad405c] {
  padding-top: 4px;
}
.unassigned-user[data-v-d9ad405c] {
  font-style: italic;
  font-weight: bold;
  font-size: 0.9em;
}
.user-search[data-v-d9ad405c] {
  flex-grow: 1;
  margin-right: 6px;
}

.button-container[data-v-82510262] {
  text-align: right;
}
.video-tag[data-v-82510262] {
  max-width: 500px;
}

.back-to-community-btn[data-v-29106935] {
  min-width: 250px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.top-row-container[data-v-705f5ef0] {
  display: flex;
  align-items: center;
}
.top-row-container .new-topic[data-v-705f5ef0] {
  border: none;
  font-size: 16px;
  padding: 10px 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.top-row-container .new-topic .icon[data-v-705f5ef0] {
  margin-right: 10px;
  font-size: 20px;
  line-height: 0;
}
.spacing[data-v-705f5ef0] {
  flex-grow: 1;
}
.user-reputation[data-v-705f5ef0] {
  font-size: 1.6em;
}
.search-bar-container > input[data-v-705f5ef0] {
  min-height: 42px;
  border: 1px solid #e8e8e8;
}
.search-bar-container > input[data-v-705f5ef0]::placeholder {
  color: #adadad;
  font-size: 14px;
}
.filter-category-container[data-v-705f5ef0] {
  padding-left: 0;
}
@media (min-width: 769px) {
.leader-board[data-v-705f5ef0] {
    position: sticky;
    top: 41px;
    max-height: calc(100vh - 41px);
    overflow: auto;
}
.side-bar[data-v-705f5ef0] {
    padding-right: 0;
}
}
.left-side-header[data-v-705f5ef0] {
  font-size: 24px;
  font-weight: bold;
  color: var(--coredarkcolor);
}
.group-label[data-v-705f5ef0] {
  cursor: pointer;
  display: flex;
}
/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.cropper-container img {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
  }

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
  }

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
  .cropper-center::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
  }

.cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
  }

.cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
  }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
  }

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
  }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
  }

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
  }

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
  }

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
  }

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
  }

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
  }

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
  }

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
  }

@media (min-width: 768px) {

.cropper-point.point-se {
      height: 15px;
      width: 15px;
  }
    }

@media (min-width: 992px) {

.cropper-point.point-se {
      height: 10px;
      width: 10px;
  }
    }

@media (min-width: 1200px) {

.cropper-point.point-se {
      height: 5px;
      opacity: 0.75;
      width: 5px;
  }
    }

.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
  }

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.file-upload-container[data-v-413c6414] {
  margin-bottom: 1em;
}
.file-upload-section[data-v-413c6414] {
  margin-top: 0;
  border: 2px dashed #dfdfdf;
  background: #e9ecef;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1em;
}
.file-upload-icon[data-v-413c6414] {
  font-size: 2em;
}
.file-upload-label[data-v-413c6414] {
  font-size: 1.3em;
  font-weight: 500;
  text-align: center;
}
.notice-label[data-v-413c6414] {
  text-align: center;
}
.file-label[data-v-413c6414] {
  font-weight: 600;
}
.image-preview-container[data-v-413c6414] {
  position: relative;
  text-align: center;
}
.image-preview[data-v-413c6414] {
  padding-top: 8px;
  width: 225px;
  height: 225px;
  border-radius: 50%;
}
.image-preview-square[data-v-413c6414] {
  padding-top: 8px;
  width: 225px;
  height: 225px;
}
.edit-image-button[data-v-413c6414] {
  position: absolute;
  right: 0;
  top: 2px;
  cursor: pointer;
  width: 27px;
  opacity: 0.8;
  z-index: 1000;
  background-color: white;
  border-radius: 50%;
  height: 27px;
  border: solid 1px grey;
  color: var(--profiletextcolor);
}
.btn-container[data-v-413c6414] {
  text-align: left;
}
.description[data-v-413c6414],
.admin-description[data-v-413c6414] {
  word-break: break-all;
}
.download-blank-template[data-v-413c6414] {
  position: absolute;
  right: 15px;
}

.row-container[data-v-c1cbcdd2] {
  display: flex;
}
.date-container[data-v-c1cbcdd2] {
  flex-grow: 1;
  padding-right: 1em;
  flex-basis: 10em;
}
.start-time-picker[data-v-c1cbcdd2],
.end-time-picker[data-v-c1cbcdd2] {
  flex-basis: 10em;
}
.additional-column[data-v-c1cbcdd2] {
  flex-basis: 10em;
  margin-left: 1em;
}
.additional-multiselect .additional-column[data-v-c1cbcdd2] {
  flex-basis: 30%;
}
.additional-column2[data-v-c1cbcdd2] {
  flex-basis: 5em;
  margin-left: 1em;
}
.start-time-picker[data-v-c1cbcdd2] {
  margin-right: 1em;
}
.delete-button-container[data-v-c1cbcdd2] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-c1cbcdd2] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-c1cbcdd2] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
@media (max-width: 500px) {
.date-container[data-v-c1cbcdd2] {
    padding-right: 4px;
}
.start-time-picker[data-v-c1cbcdd2] {
    margin-right: 4px;
}
.delete-button-container[data-v-c1cbcdd2] {
    flex-basis: 1em;
}
}

.btn-container[data-v-0e4e58ec] {
  text-align: right;
}

.row-container[data-v-5298b41c] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-5298b41c] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-5298b41c] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-5298b41c] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.checklist-element[data-v-5298b41c] {
  flex-grow: 1;
  flex-basis: 50%;
  padding-right: 0.5em;
}
.condition-element[data-v-5298b41c] {
  flex-grow: 1;
  flex-basis: 50%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.row-container[data-v-58f42b70] {
  display: flex;
  margin-bottom: 1em;
}
.delete-button-container[data-v-58f42b70] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.drag-icon-container[data-v-58f42b70]{
  flex-basis: 2em;
  display: flex;
  align-items: center;
}
.delete-button[data-v-58f42b70] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-58f42b70] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.multiselect-element[data-v-58f42b70] {
  flex-grow: 1;
  flex-basis: 50%;
  padding-right: 1em;
}
i.drag-icon[data-v-58f42b70] {
  cursor: grab;
  font-size: 16px;
  margin-bottom: 0.5em;
}

.add-new-section-icon {
  font-size: 24px;
  cursor: pointer;
}

.page-container[data-v-090bb7a0] {
  display: flex;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
i.drag-icon[data-v-090bb7a0] {
  cursor: grab;
}

.address-autocomplete-container[data-v-7137e971] {
  position: relative;
  width: 100%;
}
.suggestions-dropdown[data-v-7137e971] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  z-index: 1000;
  max-height: 300px;
  overflow-y: auto;
}
.suggestion-item[data-v-7137e971] {
  padding: 10px 15px;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  transition: background-color 0.2s;
}
.suggestion-item[data-v-7137e971]:hover,
.suggestion-item.active[data-v-7137e971] {
  background-color: #f8f9fa;
}
.suggestion-item[data-v-7137e971]:last-child {
  border-bottom: none;
}
.suggestion-main[data-v-7137e971] {
  font-weight: 500;
  color: #333;
  margin-bottom: 2px;
}
.suggestion-details[data-v-7137e971] {
  font-size: 0.875em;
  color: #666;
}
.input-group-text[data-v-7137e971] {
  background-color: transparent;
  border-left: none;
}
.form-control:focus + .input-group-append .input-group-text[data-v-7137e971] {
  border-color: #80bdff;
}

.header-section[data-v-4bec128c] {
  margin-bottom: 0;
}
.form-type-label[data-v-4bec128c] {
  padding-top: 0.375rem;
}
.list-item[data-v-4bec128c] {
  color: var(--coredarkcolor);
}
.list-textbox-container[data-v-4bec128c] {
  width: 100%;
}
.color-picker-container[data-v-4bec128c] {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.color-picker-label > label[data-v-4bec128c] {
  margin-top: 0;
  margin-bottom: 0;
}
.color-picker-label[data-v-4bec128c] {
  flex-basis: 33em;
}
.col-lg-3[data-v-4bec128c]:empty {
  display: none;
}
.col-lg-4[data-v-4bec128c]:empty {
  display: none;
}
.col-lg-6[data-v-4bec128c]:empty {
  display: none;
}
.col-lg-12[data-v-4bec128c]:empty {
  display: none;
}
.col-lg-2[data-v-4bec128c]:empty {
  display: none;
}
.col-lg[data-v-4bec128c]:empty {
  display: none;
}
.col[data-v-4bec128c]:empty {
  display: none;
}
.builder-setting-header-slot[data-v-4bec128c] {
  position: absolute;
  right: 15px;
  top: 0;
  z-index: 1;
}
.html-field-builder[data-v-4bec128c] {
  position: absolute;
  top: 0;
  right: 1em;
}

.input-dialog-container[data-v-7a404357] {
  text-align: left;
  line-height: 1.5;
}
.checkbox-element[data-v-7a404357] {
  margin-left: 20px;
  margin-top: 0.5em;
}
.description[data-v-7a404357] {
  margin-top: -7px;
  font-size: 1.1rem;
  white-space: normal;
}
.uppercase[data-v-7a404357] {
  text-transform: uppercase;
}

.container[data-v-20823a28] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.container .badge-pic[data-v-20823a28] {
    width: 15rem;
}
.container .badge-pic .image[data-v-20823a28] {
    width: 100%;
}

.agency-directory-navbar[data-v-b45a5c4c] {
  /* padding: 0 1rem; */
  padding: 0 4rem;
}
.agency-directory-navbar .search-bar[data-v-b45a5c4c] {
  display: flex;
  align-items: center;
}
.agency-directory-navbar .links[data-v-b45a5c4c] {
  display: flex;
  align-items: center;
  margin: 1.5rem 0;
}
.agency-directory-navbar .links p[data-v-b45a5c4c] {
  font-size: 1rem;
  color: rgba(116, 116, 116, 0.709);
  line-height: 14px;
}
.agency-directory-navbar .links .applied-filter[data-v-b45a5c4c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 1rem;
  background-color: #1f4e781c;
  padding: 0.2rem 0.7rem;
  border-radius: 0.8rem;
}
.agency-directory-navbar .links .applied-filter p[data-v-b45a5c4c] {
  color: #1f4e78;
  font-size: 0.8rem;
  margin-right: 0.3rem;
  line-height: inherit;
}
.agency-directory-navbar .links .applied-filter .icon[data-v-b45a5c4c] {
  color: #1f4e78;
  font-size: 1rem;
  cursor: pointer;
}
.agency-directory-navbar .nav-logo[data-v-b45a5c4c] {
  width: 5rem;
}
.agency-directory-navbar .search-bar[data-v-b45a5c4c] {
  display: flex;
  width: fit-content;
  align-items: center;
  /* margin-left: 19%; */
  margin-left: auto;
  margin-right: auto;
  border: 1px solid rgba(128, 128, 128, 0.648);
  padding: 0rem 1.5rem;
  border-radius: 0.8rem;
  background-color: #1f4e780a;
  width: 60%;
}
.multiselect__content-wrapper[data-v-b45a5c4c] {
  width: fit-content !important;
}
.agency-directory-navbar .search-bar p[data-v-b45a5c4c] {
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
}
.agency-directory-navbar .search-bar input[data-v-b45a5c4c] {
  width: 100%;
  border: none;
  outline: none;
  border-left: 1px solid rgba(128, 128, 128, 0.648);
  padding: 0 1rem;
  font-size: 1rem;
  background-color: transparent;
}
.agency-directory-navbar .search-bar select[data-v-b45a5c4c] {
  background-color: transparent;
  border: none;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  margin-right: 1rem;
}
.search-icon[data-v-b45a5c4c] {
  width: 22px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1020px) {
.agency-directory-navbar .search-bar[data-v-b45a5c4c] {
    margin-top: 2rem;
    width: 80%;
}
}

/* (300x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 300px) and (max-device-width: 768px) {
.agency-directory-navbar .search-bar[data-v-b45a5c4c] {
    flex-direction: column;
    margin-top: 2rem;
    width: 100%;
}
.agency-directory-navbar .search-bar .search_placeholder[data-v-b45a5c4c] {
    padding: 0 8px;
    border-left: 0;
}
.agency-directory-navbar .search-bar[data-v-b45a5c4c] {
}
}
.search_placeholder[data-v-b45a5c4c] {
  color: #6a6666;
  display: inline-block;
  font-size: 14px !important;
}

.agency-card[data-v-5c8791d0] {
  width: 100%;
  border-radius: 0.8rem;
  height: 100%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 400px;
}
.agency-card-header[data-v-5c8791d0] {
  width: 100%;
  border-radius: 0.8rem;
  height: 200px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.agency-card-body .rating-stars[data-v-5c8791d0] {
  font-size: large;
}
.agency-card-header img[data-v-5c8791d0] {
  width: 100%;
  border-radius: 0.8rem;
  height: auto;
}
.agency-card-body[data-v-5c8791d0] {
  padding: 1rem;
}
.agency-card-body .title[data-v-5c8791d0] {
  font-size: 1rem;
  font-weight: bold;
  color: #1f4e78;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: normal;
  width: 48%;
}
.agency-card-footer[data-v-5c8791d0] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding: 0 1rem;
  padding-bottom: 1rem;
}
.agency-card-footer button[data-v-5c8791d0] {
  padding: 0.6rem 1rem;
  background-color: #1f4e78;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  border: none;
  outline: none;
  border-radius: 0.8rem;
}
.agency-card-footer .link[data-v-5c8791d0] {
  display: flex;
  align-items: center;
  width: fit-content;
  justify-content: flex-end;
  cursor: pointer;
}
.agency-card-footer .link a[data-v-5c8791d0] {
  font-size: 12px;
  width: fit-content;
  text-align: right;
  cursor: pointer;
  color: #000;
  display: flex;
  align-items: center;
}
.agency-card-footer .link a .icon[data-v-5c8791d0] {
  font-size: 14px;
  margin-left: 0.3rem;
}
.agency-card-footer .link img[data-v-5c8791d0] {
  margin-left: 0.2rem;
}
.agency-card-body .desc[data-v-5c8791d0] {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13px;
  color: #000;
  line-height: 18px;
  margin-top: 0.5rem;
}
.agency__services .services[data-v-5c8791d0] {
  background-color: #1f4e78;
  color: white;
  border-radius: 28px;
  padding: 2px 10px;
  margin-right: 8px;
  width: fit-content;
  margin-bottom: 3px;
  font-size: 11px;
  display: inline-block;
}
.agency__locations .location[data-v-5c8791d0] {
  color: #1f4e78;
  border: 1px solid #1f4e78;
  font-weight: 600;
  border-radius: 28px;
  padding: 2px 10px;
  margin-right: 8px;
  width: max-content;
  margin-bottom: 3px;
  font-size: 11px;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  height: 24px;
  max-width: 100%;
}
.max-location[data-v-5c8791d0] {
  width: fit-content !important;
}
.ratings-allstars[data-v-5c8791d0] {
  display: flex;
  width: fit-content;
  align-items: center;
}
.ratings-allstars .no-ratings[data-v-5c8791d0] {
  font-size: 10px;
  line-height: 12px;
}
.vue-star-rating-star[data-v-5c8791d0] {
  width: 20px !important;
}
.card-inner[data-v-5c8791d0] {
  cursor: pointer;
}
.shareable-link[data-v-5c8791d0] {
  display: flex;
  margin-left: auto;
  font-size: 13px;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.shareable-link i[data-v-5c8791d0] {
  font-size: 16px;
  margin-left: 0.3rem;
}
.shareable-link .tooltiptext[data-v-5c8791d0] {
  width: 100px;
  background-color: #000000c4;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 130%;
  left: 60%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
.shareable-link .tooltiptext[data-v-5c8791d0]::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #000000c4 transparent transparent transparent;
}
.link-copied[data-v-5c8791d0]{
  color: #1f4e78;
}
.badge[data-v-5c8791d0]{
  background-color: #1f4e78;
  color: white;
  border-radius: 28px;
  width: fit-content;
}
.agency-badges img[data-v-5c8791d0]{
  width: 50px;
}

.reply-btn[data-v-4a491d60] {
  background-color: #1f4e78;
  color: #fff;
  margin-left: 15px;
}
.reviews-reply .reviews-reply-footer[data-v-4a491d60] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: fit-content;
  margin-left: auto;
}
.reviews-reply .reviews-reply-footer button[data-v-4a491d60] {
  font-size: 14px;
  width: fit-content;
  border: none;
  margin-top: 10px;
  padding: 5px 20px;
  outline: none;
}
.reviews-reply .reviews-reply-body[data-v-4a491d60] {
  display: flex;
}
.reviews-reply .reviews-reply-body .user-icon[data-v-4a491d60] {
  font-size: 30px;
  margin-right: 10px;
}
.reviews-reply .reviews-reply-body .user-image[data-v-4a491d60] {
  width: 30px;
  height: 30px;
  margin-right: 15px;
}
.reviews-reply .reviews-reply-body .user-image img[data-v-4a491d60] {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.reviews-reply .reviews-reply-body textarea[data-v-4a491d60] {
  width: 100%;
  resize: none;
  outline: #1f4e78;
  border: 1px solid rgba(128, 128, 128, 0.514);
  padding: 6px 8px;
  font-size: 14px;
  line-height: 21px;
}
.reply[data-v-4a491d60] {
  background-color: transparent;
  color: #1f4e78;
  border: none;
  outline: none;
  text-align: left;
  padding: 0;
  margin-top: 3px;
  font-size: 12px;
  font-weight: bold;
}

.agency-directory-body .filter .selector[data-v-2f6539a9] {
  background: #1f4e780a;
  border: 1;
  padding: 0;
  border-radius: 0.8rem;
}
.agency-directory-body[data-v-2f6539a9] {
  padding: 0 2.5rem;
}
.agency-directory-body .filter[data-v-2f6539a9] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.agency-directory-body .filter .selector label[data-v-2f6539a9] {
  margin-bottom: 0;
  width: 100%;
  text-align: center;
  padding-right: 1rem;
}
.agency-directory-body .filter .selector[data-v-2f6539a9] {
  display: flex;
  width: fit-content;
  align-items: center;
  border: 1px solid rgba(128, 128, 128, 0.648);
  padding: 0.7rem 1.5rem;
  border-radius: 0.8rem;
  background-color: #1f4e780a;
  width: 25%;
}
.nav-tabs .nav-item.show .nav-link[data-v-2f6539a9],
.nav-tabs .nav-link.active[data-v-2f6539a9] {
  border: 0;
  border-bottom: 3px solid #1f4e78;
  font-weight: bold;
}
.nav-tabs .nav-link.active[data-v-2f6539a9] {
  border: 0;
  border-bottom: 3px solid #1f4e78 !important;
  font-weight: bold;
}
.nav-tabs .nav-item .nav-link[data-v-2f6539a9] {
  outline: none;
  border: none;
}
.nav-tabs .nav-link[data-v-2f6539a9] {
  background: #fff;
}
.nav-tabs .nav-link[data-v-2f6539a9]:hover {
  border: 0;
}
.active[data-v-2f6539a9] {
  color: black !important;
}
.modal-header[data-v-2f6539a9] {
  border-bottom: 0;
}
.modal-header-image[data-v-2f6539a9] {
  display: flex;
}
.modal-header-image .image[data-v-2f6539a9] {
  width: 70px;
  height: 70px;
  margin-right: 20px;
}
.modal-header-image .image img[data-v-2f6539a9] {
  width: 100%;
  object-fit: contain;
  height: 100%;
}
.agency-directory-body .cards-grid[data-v-2f6539a9] {
  display: grid;
  grid-template-columns: auto auto auto auto;
  margin-top: 3rem;
}
.show-more[data-v-2f6539a9] {
  width: 100%;
  text-align: center;
  margin: 3rem 0;
}
.mylisting-button[data-v-2f6539a9] {
  border-radius: 0.8rem;
}
.show-more a[data-v-2f6539a9] {
  color: #1f4e78;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
}
.show-more a img[data-v-2f6539a9] {
  color: #1f4e78;
}
.message[data-v-2f6539a9] {
  font-size: 2rem;
  text-align: center;
  opacity: 0.6;
  margin-top: 6.5vh;
  color: #1f4e78;
}
.refresh-btn[data-v-2f6539a9] {
  display: flex;
  justify-content: flex-end;
}
.agency-modal[data-v-2f6539a9] {
  padding: 2rem;
  background: #ffffff;
  position: relative;
}
.agency-modal .title[data-v-2f6539a9] {
  font-size: 1.6rem;
  color: #1f4e78;
  font-weight: bold;
  margin-bottom: 1rem;
}
.agency-modal .desc[data-v-2f6539a9] {
  font-size: 1rem;
  line-height: 1.5rem;
}
.main-agency-modal[data-v-2f6539a9] {
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.425);
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  outline: 0;
}
.main-agency-modal .modal-dialog[data-v-2f6539a9] {
  pointer-events: unset;
}
.agency-modal .close-button-container[data-v-2f6539a9] {
  position: absolute;
  right: 2rem;
  top: 2rem;
  height: auto;
  cursor: pointer;
  z-index: 2222222;
}
.agency-modal .close-button-container .icon[data-v-2f6539a9] {
  font-size: 2rem;
}
.cards-section[data-v-2f6539a9] {
  height: 246px;
  overflow-x: hidden;
  overflow-y: auto;
}
.resize-none[data-v-2f6539a9] {
  resize: none;
}
.total-reviews[data-v-2f6539a9] {
  display: flex;
  align-items: flex-start;
  width: fit-content;
}
.total-reviews .star-icon[data-v-2f6539a9] {
  font-size: 20px;
  cursor: pointer;
}
.write-review-btn[data-v-2f6539a9] {
  margin: 0 0 1rem auto;
  background-color: transparent;
  border: none;
  outline: none;
  color: #1f4e78;
  font-size: 16px;
  line-height: normal;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.write-review-btn .icon[data-v-2f6539a9] {
  color: #1f4e78;
  font-size: 18px;
  margin-right: 5px;
}
.container-scroll[data-v-2f6539a9] {
  height: 50vh;
  overflow-y: auto;
  padding: 0 20px;
}

/* Reviews Card CSS*/
.reviews-section .no-reviews-found p[data-v-2f6539a9] {
  width: 100%;
  text-align: center;
  font-size: 23px;
  opacity: 0.5;
  font-weight: bold;
  margin-top: 2rem;
}
.reviews-card[data-v-2f6539a9] {
  background-color: #fff;
  width: 100%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 15px;
  margin-bottom: 20px;
}
.reviews-card .reviews-card-header[data-v-2f6539a9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.total-reviews #rating[data-v-2f6539a9] {
  flex: 0 0 auto !important;
  width: fit-content !important;
}
.reviews-card .reviews-card-header .reviews-card-user-details[data-v-2f6539a9] {
  display: flex;
  align-items: center;
}
.reviews-card .reviews-card-header .reviews-card-user-details .user-icon[data-v-2f6539a9] {
  font-size: 30px;
  margin-right: 10px;
}
.reviews-card .reviews-card-header .reviews-card-user-details .user-image[data-v-2f6539a9] {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  margin-right: 10px;
}
.reviews-card .reviews-card-header .reviews-card-user-details .user-image img[data-v-2f6539a9] {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.reviews-card .reviews-card-header .reviews-card-user-details h2[data-v-2f6539a9] {
  font-size: 16px;
  margin: 0;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.reviews-card .reviews-card-header .reviews-card-user-details p[data-v-2f6539a9] {
  font-size: 12px;
  font-weight: bold;
  opacity: 0.4;
  margin-left: 16px;
}
.reviews-card .reviews-card-header .reviews-card-user-review[data-v-2f6539a9] {
  display: flex;
  width: fit-content;
}
.reviews-card .reviews-card-header .reviews-card-user-review .star-icon[data-v-2f6539a9] {
  font-size: 18px;
  cursor: pointer;
}
.reviews-card .reviews-card-body[data-v-2f6539a9] {
  padding-left: 45px;
}
.reviews-card .reviews-card-body .review-desc[data-v-2f6539a9] {
  font-size: 14px;
  line-height: 21px;
}
.reviews-card .reviews-card-body .reply[data-v-2f6539a9] {
  background-color: transparent;
  color: #1f4e78;
  border: none;
  outline: none;
  text-align: left;
  padding: 0;
  margin-top: 3px;
  font-size: 12px;
  font-weight: bold;
}
.filled_stars[data-v-2f6539a9] {
  color: #fdcc0d;
}

/* Reply Card CSS*/
.reply-card[data-v-2f6539a9] {
  padding-left: 45px;
  margin: 15px 0;
}
.reply-card .reply-card-header[data-v-2f6539a9] {
  display: flex;
  align-items: center;
}
.reply-card .reply-card-header .user-icon[data-v-2f6539a9] {
  font-size: 30px;
  margin-right: 10px;
}
.reply-card .reply-card-header .user-image[data-v-2f6539a9] {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  margin-right: 10px;
}
.reply-card .reply-card-header .user-image img[data-v-2f6539a9] {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.reply-card .reply-card-header h2[data-v-2f6539a9] {
  font-size: 16px;
  margin: 0;
  font-weight: bold;
}
.reply-card .reply-card-header p[data-v-2f6539a9] {
  font-size: 12px;
  font-weight: bold;
  opacity: 0.4;
  margin-left: 16px;
}
.reply-card .reply-desc[data-v-2f6539a9] {
  padding-left: 45px;
}
.reply-card .reply-desc[data-v-2f6539a9] {
  font-size: 14px;
  line-height: 21px;
}
.reviews-reply[data-v-2f6539a9] {
  padding-left: 45px;
}
.cancel-btn[data-v-2f6539a9] {
  background-color: rgba(128, 128, 128, 0.158);
}

/* Write Review Modal CSS */
.write-review-modal .modal-body .form-control[data-v-2f6539a9] {
  font-size: 14px;
}
.write-review-modal .modal-body .review-starts[data-v-2f6539a9] {
  width: fit-content;
  cursor: pointer;
}
.write-review-modal .modal-body .review-title[data-v-2f6539a9] {
  font-size: 20px;
  font-weight: bold;
}
.icon-title[data-v-2f6539a9] {
  display: flex;
  align-items: center;
}
.newlink_icon[data-v-2f6539a9] {
  font-size: medium;
}
.agency-badge img[data-v-2f6539a9]{
  width: 150px;
}

/* (300x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 300px) and (max-device-width: 768px) {
.agency-directory-body .filter[data-v-2f6539a9] {
    flex-direction: column;
}
.selector[data-v-2f6539a9]:first-child {
    margin-right: 0;
    margin-bottom: 1rem;
}
.agency-directory-body .cards-grid[data-v-2f6539a9] {
    grid-template-columns: auto;
}
}
.remove-filter[data-v-2f6539a9] {
  cursor: pointer;
  font-size: 20px;
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
.agency-directory-body .cards-grid[data-v-2f6539a9] {
    grid-template-columns: auto auto;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.agency-directory-body .cards-grid[data-v-2f6539a9] {
    grid-template-columns: auto auto auto;
}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.agency-directory-body .cards-grid[data-v-2f6539a9] {
    grid-template-columns: auto auto auto auto;
}
}

/* Extra extra large devices (extra large desktops, 1400px and up) */
@media (min-width: 1400px) {
.agency-directory-body .cards-grid[data-v-2f6539a9] {
    grid-template-columns: auto auto auto auto;
}
}

.user-skeleton {
  display: flex;
  position: relative;
  width: 100%;
  padding: 10px 15px;
}
.circle-skeleton {
  margin-right: 10px;
}
.shape--rect {
  margin: 5px 0 5px;
  margin-right: 10px;
  border-radius: 10px !important;
}
.user-skeleton .loader {
  /* position: absolute !important; */
}

.user-skeleton {
  display: flex;
  position: relative;
  width: 100%;
  padding: 10px 15px;
}
.circle-skeleton {
  margin-right: 10px;
}
.shape--rect {
  margin: 5px 0 5px;
  margin-right: 10px;
  border-radius: 10px !important;
}
.user-skeleton .loader {
  /* position: absolute !important; */
}

.table-container[data-v-469794b7] {
  margin: 40px 0 0;
  background-color: #ffff;
  border: 2px solid #eceef7;
  height: fit-content;
  position: relative;
}
.table-container .table[data-v-469794b7] {
  margin-bottom: 0;
}
.table-container .header[data-v-469794b7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
}
.table-container .body[data-v-469794b7] {
  height: 350px;
  overflow: auto;
  background-color: transparent;
}
.table-container .body[data-v-469794b7]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f9f9f9;
}
.table-container .body[data-v-469794b7]::-webkit-scrollbar-thumb {
  background-color: var(--coredarkcolor);
  border-radius: 20px;
}
.table-container .body[data-v-469794b7]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: #f9f9f9;
  border-radius: 20px;
}
.table-container .header h2[data-v-469794b7] {
  font-size: 20px;
  font-family: "Epilogue", sans-serif !important;
  text-transform: inherit !important;
  font-weight: 700;
  color: #000;
  margin-bottom: 0;
  line-height: normal;
}
.table-container .header .btn[data-v-469794b7] {
  border-radius: 20px;
  border: none;
  outline: none;
  color: var(--coredarkcolor);
  font-size: 12px;
  font-family: "Epilogue", sans-serif !important;
  background-color: #f6f6f6;
  line-height: normal;
  padding: 10px 15px 8px;
  font-weight: 600;
}
.table-container .table thead tr th td[data-v-469794b7] {
  font-size: 14px;
  font-family: "Epilogue", sans-serif !important;
  text-transform: inherit !important;
  font-weight: 400 !important;
  color: #949494;
  padding: 0;
  width: max-content;
  display: inline-block;
}
.table-container .table thead tr[data-v-469794b7] {
  border-bottom: 2px solid #efefef;
}
.table-container .table td[data-v-469794b7],
.table th[data-v-469794b7] {
  border: none;
  font-size: 14px;
  font-family: "Epilogue", sans-serif !important;
  text-transform: inherit !important;
  font-weight: 700;
  color: #000;
  vertical-align: middle;
  padding: 15px;
  line-height: 16px;
  width: auto;
  /* display: inline-block; */
}
.table-container .table td .client[data-v-469794b7] {
  display: flex;
  align-items: center;
}
.table-container .table td .client .image[data-v-469794b7] {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  background-color: gray;
  border-radius: 100%;
}
.table-container .table td .client .image img[data-v-469794b7] {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  object-fit: cover;
}
.table-container .table td .client .details h2[data-v-469794b7] {
  font-size: 14px;
  font-family: "Epilogue", sans-serif !important;
  text-transform: inherit !important;
  font-weight: 700;
  color: #000;
  margin-bottom: 0;
  line-height: normal;
}
.table-container .table td .client .details p[data-v-469794b7] {
  font-size: 10px;
  font-family: "Epilogue", sans-serif !important;
  text-transform: inherit !important;
  font-weight: 400;
  color: #000;
  margin-top: 2px;
  margin-bottom: 0;
  line-height: normal;
}
.limit-text[data-v-469794b7] {
  overflow: hidden;
  max-width: 200px;
  line-clamp: 1;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.table-container .footer[data-v-469794b7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 15px;
  background-color: #f9f9f9;
}
.table-container .footer .multiselect[data-v-469794b7] {
  width: 20%;
  border-radius: 0;
  font-family: "Epilogue", sans-serif !important;
}
.table-container .footer .multiselect__tags[data-v-469794b7] {
  border-radius: 0 !important;
}
.table-container .loading-container[data-v-469794b7] {
  width: 100%;
  position: absolute;
}

.status-card[data-v-2bf754b9] {
  width: 100%;
  /* max-width: 200px; */
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px;
  border: 2px solid #eceef7;
  /* margin: 0 10px; */
  position: relative;
}
.status-card .title[data-v-2bf754b9] {
  text-align: center;
  font-size: 14px;
  font-family: "Epilogue", sans-serif !important;
  text-transform: inherit !important;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #343434;
  margin-bottom: 0;
  line-height: 20px;
  height: 40px;
}
.status-card .numbers[data-v-2bf754b9] {
  text-align: center;
  font-size: 28px;
  font-family: "Epilogue", sans-serif !important;
  text-transform: inherit !important;
  font-weight: 700;
  color: #232323;
}
.status-card .percentage[data-v-2bf754b9] {
  text-align: center;
  font-size: 15px;
  font-family: "Epilogue", sans-serif !important;
  text-transform: inherit !important;
  font-weight: 400;
  color: #000;
}
.status-card .percentage-line[data-v-2bf754b9] {
  background-color: #d9d9d9;
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: 0;
  border: 0.5px solid #eceef7;
  left: 0;
}
.status-card .percentage-line .percentage[data-v-2bf754b9] {
  height: 100%;
  background-color: #2980b9;
}

.status-slider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.status-slider .arrow {
  width: 33px;
  height: 33px;
  background-color: #6f8da633;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: none;
  outline: none;
  color: var(--coredarkcolor);
}
.status-slider .slick-list {
  margin: 0 45px !important;
}
.carousel-button-right {
  position: absolute;
  right: 0;
  z-index: 1;
}
.carousel-button-left {
  position: absolute;
  left: 0;
  z-index: 1;
}
.status-slider .arrow i {
  color: var(--coredarkcolor);
  font-size: 25px;
}
.status-carousel {
  display: flex;
  justify-content: center;
  align-items: center;
}
.status-carousel span {
  cursor: pointer;
}
.status-carousel {
  width: 100%;
}
.status-carousel .owl-carousel .owl-stage-outer .owl-stage {
  display: flex;
  width: inherit !important;
}
.status-carousel .owl-carousel .owl-stage-outer .owl-stage .owl-item {
  min-width: 160px !important;
  width: 160px !important;
  margin-right: 40px !important;
}
.stats-block-container {
  flex: 0 0 8.31%;
  padding: 2px;
  height: 100%;
}
@media (max-width: 1440px) {
.stats-block-container {
    flex: 0 0 9%;
}
}
@media (max-width: 1366px) {
.stats-block-container {
    flex: 0 0 10%;
}
}
@media (max-width: 1024px) {
.stats-block-container {
    flex: 0 0 12.5%;
}
}
@media (max-width: 992px) {
.stats-block-container {
    flex: 0 0 20%;
}
}
@media (max-width: 768px) {
.stats-block-container {
    flex: 0 0 25%;
}
}
@media (max-width: 600px) {
.stats-block-container {
    flex: 0 0 50%;
}
}
@media (max-width: 300px) {
.stats-block-container {
    flex: 0 0 100%;
}
}
.carousel-button {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}
.carousel-button:focus {
  outline: none;
}

.dropdown-container[data-v-648b8c7e] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  position: sticky;
  top: 0;
  z-index: 444;
  margin-bottom: 50px;
}
.dropdown-container .navbar-collapse .navbar-nav[data-v-648b8c7e] {
  flex-direction: row;
}
.dropdown-container .dropdown[data-v-648b8c7e] {
  width: 100%;
  text-align: center;
  margin-right: 0;
  position: relative;
}
.dropdown-container .nav-item[data-v-648b8c7e] {
  width: 100%;
  text-align: center;
  margin-right: 0;
  position: relative;
}
.dropdown-container .dropdown-menu[data-v-648b8c7e] {
  position: absolute;
  width: fit-content;
  border-radius: 0;
  padding: 0;
}
.dropdown-container .dropdown-menu .dropdown-item[data-v-648b8c7e] {
  font-size: 16px;
  font-family: "Epilogue", sans-serif;
  cursor: pointer;
  padding: 10px 15px;
}
.dropdown-container .dropdown-menu .dropdown-item[data-v-648b8c7e]:hover {
  background-color: var(--coredarkcolor);
  color: #fff;
}
.dropdown-container .nav-item .nav-link[data-v-648b8c7e] {
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  border: none !important;
  color: #fff;
  padding: 15px 0;
  font-family: "Epilogue", sans-serif;
  background-color: var(--coredarkcolor);
  font-size: 16px;
  cursor: pointer;
}
.dropdown-container .dropdown .btn[data-v-648b8c7e]:focus {
  box-shadow: none;
}

.dashboard-v2 {
  background-color: #f8fafb;
  height: 100%;
  position: relative;
  padding: 0 0 60px;
}
.dashboard-v2 h1 {
  font-family: "Epilogue", sans-serif;
  font-size: 50px;
  color: #000;
}
.dashboard-v2 .title {
  text-align: center;
  font-size: 32px;
  font-family: "Epilogue", sans-serif !important;
  text-transform: inherit !important;
  font-weight: 700;
  margin-bottom: 10px;
}
.dashboard-v2 .description {
  text-align: center;
  font-size: 16px;
  font-family: "Epilogue", sans-serif !important;
  font-weight: 600;
  white-space: inherit;
  color: #000;
  margin-bottom: 0;
}
.dashboard-v2 .description a {
  color: #007bff;
  cursor: pointer;
  margin: 0 3px;
}
.dashboard-v2 .description a:hover {
  color: #007bff;
}
.dashboard-v2 .sub-description {
  font-size: 14px;
  margin: 7px 0 80px;
  text-align: center;
  font-family: "Epilogue", sans-serif !important;
}
.limit-text {
  overflow: hidden;
  width: 200px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.job-listing-tile[data-v-520c9317] {
  /* background-color: var(--bootstrapgrey); */
  padding-top: 22px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  /* border: 1px solid var(--gcnorange); */
}
.filled-job[data-v-520c9317] {
  background-color: var(--bootstrapgrey);
}
.input-search[data-v-520c9317]::placeholder {
  font-size: 14px;
  color: #adadad;
  margin-bottom: 10px;
  padding-top: 2px;
}
.input-search[data-v-520c9317] {
  padding: 8px;
  height: unset;
}
.job-type[data-v-520c9317] {
  background-color: var(--bootstrapgrey);
}
.types-badges[data-v-520c9317] {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  max-width: 150px;
  gap: 2px;
}
.gap-5[data-v-520c9317] {
  gap: 5px;
}
.checkbox-container[data-v-520c9317] {
  margin-left: -2.5em;
}
.card > .checkbox-container[data-v-520c9317] {
  margin-left: -1.5em;
}
label.non-field-label.job-detail[data-v-520c9317] {
  height: 100%;
  font-weight: unset;
  margin-top: unset;
  margin-bottom: unset;
}
.job-board[data-v-520c9317] {
  font-size: 1.2rem;
}
.full-width-bar-image-wrapper img[data-v-520c9317] {
  height: 90px;
}
@media (max-width: 576px) {
.full-width-bar-image-wrapper img[data-v-520c9317] {
    height: 50px;
    width: 50px;
}
}

.feature-container:first-child > hr[data-v-34c1bc02] {
  display: none;
}
.edit-button[data-v-34c1bc02],
.delete-button[data-v-34c1bc02] {
  position: relative;
  font-size: 16px;
  width: 16px;
}

.job-listing-tile[data-v-fd706a2a] {
  /* background-color: var(--bootstrapgrey); */
  padding-top: 22px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  /* border: 1px solid var(--gcnorange); */
}
.filled-job[data-v-fd706a2a] {
  background-color: var(--bootstrapgrey);
}
.input-search[data-v-fd706a2a]::placeholder {
  font-size: 14px;
  color: #adadad;
  margin-bottom: 10px;
  padding-top: 2px;
}
.input-search[data-v-fd706a2a] {
  padding: 8px;
  height: unset;
}
.job-type[data-v-fd706a2a] {
  background-color: var(--bootstrapgrey);
}
.types-badges[data-v-fd706a2a] {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  max-width: 150px;
  gap: 2px;
}
.gap-5[data-v-fd706a2a] {
  gap: 5px;
}
.checkbox-container[data-v-fd706a2a] {
  margin-left: -2.5em;
}
.card > .checkbox-container[data-v-fd706a2a] {
  margin-left: -1.5em;
}
label.non-field-label.job-detail[data-v-fd706a2a] {
  height: 100%;
  font-weight: unset;
  margin-top: unset;
  margin-bottom: unset;
}
.job-board[data-v-fd706a2a] {
  font-size: 1.2rem;
}
.full-width-bar-image-wrapper img[data-v-fd706a2a] {
  height: 90px;
}
@media (max-width: 576px) {
.full-width-bar-image-wrapper img[data-v-fd706a2a] {
    height: 50px;
    width: 50px;
}
}
.search-container[data-v-fd706a2a] {
  margin: 0 15px;
}
.map-container[data-v-fd706a2a] {
  margin: 15px;
}

.application-form-container[data-v-cb9022f6] {
  margin-top: 48px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.agency-owner[data-v-cb9022f6] {
  text-transform: unset;
}
.result-section[data-v-cb9022f6] {
  color: var(--coredarkcolor);
  font-weight: 600;
  text-align: center;
}
.form-submitted[data-v-cb9022f6] {
  text-align: center;
}
.view-only-padding[data-v-cb9022f6] {
  padding: 0px 50px;
}

.caregiver-btn[data-v-c7797a1c] {
  background-color: transparent;
  outline: none;
  border: none;
}

.button-align-right[data-v-218305c3] {
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
}

.invoice-container[data-v-613b0fc4] {
  max-width: 800px;
  margin: 2rem auto;
  padding: 0 1rem;
}
.invoice[data-v-613b0fc4] {
  background: white;
  padding: 2rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #e0e0e0;
}
.invoice-header[data-v-613b0fc4] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #2c3e50;
}
.agency-logo img[data-v-613b0fc4] {
  max-height: 80px;
  width: auto;
}
.invoice-title[data-v-613b0fc4] {
  text-align: right;
}
.invoice-title h1[data-v-613b0fc4] {
  color: #2c3e50;
  font-size: 2rem;
  margin: 0 0 1rem 0;
  font-weight: 600;
}
.invoice-details p[data-v-613b0fc4] {
  margin: 0.25rem 0;
  color: #666;
}
.invoice-sections[data-v-613b0fc4] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.bill-to[data-v-613b0fc4] {
  flex: 1;
}
.bill-to h2[data-v-613b0fc4] {
  color: #2c3e50;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.client-details p[data-v-613b0fc4] {
  margin: 0.25rem 0;
  color: #666;
}
.invoice-items[data-v-613b0fc4] {
  margin: 2rem 0;
}
[data-v-613b0fc4]:deep(table) {
  width: 100%;
  border-collapse: collapse;
}
[data-v-613b0fc4]:deep(th) {
  background-color: #f8f9fa;
  padding: 1rem;
  text-align: left;
  font-weight: 600;
  color: #2c3e50;
  border-bottom: 2px solid #dee2e6;
}
[data-v-613b0fc4]:deep(td) {
  padding: 1rem;
  border-bottom: 1px solid #e0e0e0;
}
.total-label[data-v-613b0fc4] {
  text-align: left;
  font-weight: 600;
  color: #2c3e50;
}
.total-amount[data-v-613b0fc4] {
  text-align: left;
  font-weight: 600;
  color: #2c3e50;
}
.balance-due[data-v-613b0fc4] {
  color: #2c3e50;
  font-size: 1.1rem;
  text-align: left;
}
.payment-schedule-header[data-v-613b0fc4] {
  background-color: #f8f9fa;
  font-weight: 600;
  color: #2c3e50;
  padding: 1rem;
}
.payment-description[data-v-613b0fc4] {
  color: #666;
}
.payment-due[data-v-613b0fc4] {
  color: #666;
}
.payment-amount[data-v-613b0fc4] {
  text-align: right;
  color: #666;
}
.next-payment-label[data-v-613b0fc4] {
  color: #dc3545;
  font-weight: 600;
}
.next-payment-amount[data-v-613b0fc4] {
  text-align: right;
  color: #dc3545;
  font-weight: 600;
}
.invoice-actions[data-v-613b0fc4] {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #e0e0e0;
}
.invoice-button[data-v-613b0fc4] {
  padding: 0.75rem 1.5rem;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-left: 1rem;
  border: none;
}
.invoice-button.primary[data-v-613b0fc4] {
  background-color: #2c3e50;
  color: white;
}
.invoice-button.primary[data-v-613b0fc4]:hover {
  background-color: #34495e;
}
.invoice-button.secondary[data-v-613b0fc4] {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #495057;
}
.invoice-button.secondary[data-v-613b0fc4]:hover {
  background-color: #e9ecef;
}
.invoice-status[data-v-613b0fc4] {
  text-align: center;
  margin-top: 2rem;
  padding: 1rem;
  background-color: #f8f9fa;
  border-radius: 4px;
}
.paid-status[data-v-613b0fc4] {
  color: #28a745;
  margin: 0;
}
.payment-section[data-v-613b0fc4] {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #e0e0e0;
}
@media print {
.invoice-container[data-v-613b0fc4] {
    margin: 0;
    padding: 0;
}
.invoice[data-v-613b0fc4] {
    box-shadow: none;
    border: none;
}
.invoice-actions[data-v-613b0fc4] {
    display: none;
}
}

.page-container[data-v-e54fb2f4] {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

































































































/* Global styles (not scoped) */
body.hide-top-panel .top-panel {
  display: none !important;
}

.logo-container[data-v-579db5a6] {
  text-align: center;
  margin-bottom: 20px;
}
.logo-image[data-v-579db5a6] {
  max-width: 150px;
  height: auto;
}
.signup-container[data-v-579db5a6] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #f7f9fc;
  padding: 20px;
}
.signup-card[data-v-579db5a6] {
  background: white;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 720px;
  padding: 40px;
}
.signup-header[data-v-579db5a6] {
  text-align: center;
  margin-bottom: 30px;
}
.signup-header h2[data-v-579db5a6] {
  font-size: 28px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 12px;
}
.subtitle[data-v-579db5a6] {
  color: #7f8c9a;
  font-size: 16px;
}
.form-section[data-v-579db5a6] {
  margin-bottom: 30px;
}
.form-section h4[data-v-579db5a6] {
  font-size: 18px;
  font-weight: 500;
  color: #2c3e50;
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eaedf3;
}
.row[data-v-579db5a6] {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
}
.signup-actions[data-v-579db5a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.signup-button[data-v-579db5a6] {
  background: #3498db;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 12px 30px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  width: 100%;
  max-width: 300px;
  transition: background-color 0.2s;
}
.signup-button[data-v-579db5a6]:hover {
  background: #2980b9;
}
.signup-button[data-v-579db5a6]:disabled {
  background: #bdc3c7;
  cursor: not-allowed;
}
.terms-text[data-v-579db5a6] {
  margin-top: 15px;
  font-size: 14px;
  color: #7f8c9a;
  text-align: center;
}
.terms-text a[data-v-579db5a6] {
  color: #3498db;
  text-decoration: none;
}
.terms-text a[data-v-579db5a6]:hover {
  text-decoration: underline;
}

.testimonial-collector[data-v-35883e8a] {
  background-color: #f8f9fa;
  min-height: 100vh;
}
.card[data-v-35883e8a] {
  border: none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.btn-outline-primary[data-v-35883e8a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 120px;
}
.btn-outline-primary i[data-v-35883e8a] {
  font-size: 32px;
  margin-bottom: 8px;
}
.video-recorder-container[data-v-35883e8a] {
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 15px;
  margin: 0 auto;
}
video[data-v-35883e8a] {
  max-height: 320px;
  object-fit: cover;
}
.recording-controls[data-v-35883e8a] {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 15px;
}

.testimonial-board[data-v-6aea225a] {
  padding: 4rem 8rem;
  /* background-color: #d6ddeb80; */
  position: relative;
}
.testimonial-board.top-level-div[data-v-6aea225a] {
  min-height: calc(100vh - 160px);
}
.testimonial-board.in-client-profile[data-v-6aea225a] {
  padding: 1rem;
}
.card-deck[data-v-6aea225a] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 2rem;
}
.card[data-v-6aea225a] {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  height: 400px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.card-body[data-v-6aea225a] {
  display: flex;
  flex-direction: column;
  height: calc(100% - 90px); /* Subtract footer and actions height */
  padding: 1.25rem;
}
.testimonial-header[data-v-6aea225a] {
  flex-shrink: 0;
  margin-bottom: 1rem;
}
.card-content[data-v-6aea225a] {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}
.card-content[data-v-6aea225a]::-webkit-scrollbar {
  width: 4px;
  opacity: 0;
  transition: opacity 0.3s;
}
.card-content[data-v-6aea225a]:hover::-webkit-scrollbar {
  opacity: 1;
}
.card-content[data-v-6aea225a]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 2px;
}
.card-content[data-v-6aea225a]::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 2px;
}
.text-content[data-v-6aea225a] {
  padding-right: 0.5rem;
}
.testimonial-footer[data-v-6aea225a] {
  padding: 0.75rem 1.25rem;
  border-top: 1px solid #eee;
  background: white;
  height: 45px;
}
.card-actions[data-v-6aea225a] {
  border-top: 1px solid #eee;
  background: white;
  height: 45px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.author-image[data-v-6aea225a] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}
.author-info h5[data-v-6aea225a] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
.author-info p[data-v-6aea225a] {
  margin: 0;
  font-size: 14px;
}
.video-container[data-v-6aea225a] {
  border-radius: 4px;
  overflow: hidden;
}
.btn-link[data-v-6aea225a] {
  color: var(--coredarkcolor);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.btn-link[data-v-6aea225a]:hover {
  color: var(--coredarkcolor);
  opacity: 0.8;
}
.embed-button[data-v-6aea225a] {
  position: absolute;
  font-size: 30px;
  cursor: pointer;
  top: 10px;
  left: 10px;
}
.notification-email-setting[data-v-6aea225a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.notification-email-setting input[data-v-6aea225a] {
  width: 250px;
  font-size: 14px;
}
.notification-email-setting i[data-v-6aea225a] {
  color: var(--coredarkcolor);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
.testimonial-board[data-v-6aea225a] {
    padding: 2rem !important;
}
.card-deck[data-v-6aea225a] {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
.notification-email-setting[data-v-6aea225a] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}
.notification-email-setting input[data-v-6aea225a] {
    width: 100%;
}
}
@media screen and (max-width: 1092px) and (min-width: 769px) {
.testimonial-board[data-v-6aea225a] {
    padding: 4rem;
}
.card-deck[data-v-6aea225a] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 480px) {
.testimonial-board[data-v-6aea225a] {
    padding: 0.5rem;
}
.card-deck[data-v-6aea225a] {
    gap: 1rem;
}
.card[data-v-6aea225a] {
    min-height: 300px;
}
}

.error-section[data-v-1637cffe] {
  margin-top: 0.5rem;
}
.error-message[data-v-1637cffe] {
  text-transform: none;
}
.main-message[data-v-1637cffe] {
  white-space: pre-line;
}
@media (max-width: 768px) {
h2[data-v-1637cffe] {
    font-size: 24px;
}
h4[data-v-1637cffe] {
    font-size: 20px;
}
}
.dialog-actions[data-v-1637cffe] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.left-actions[data-v-1637cffe] {
  display: flex;
  gap: 8px;
}
.right-actions[data-v-1637cffe] {
  display: flex;
  gap: 8px;
}

@media (max-width: 768px) {
h2[data-v-76159b88] {
    font-size: 24px;
}
h4[data-v-76159b88] {
    font-size: 20px;
}
}
.button-container[data-v-76159b88] {
  display: flex;
  flex-wrap: wrap;
}
.spacing[data-v-76159b88] {
  flex-grow: 1;
}
.accept-btn-container[data-v-76159b88],
.reject-btn-container[data-v-76159b88] {
  text-align: center;
}
@media (max-width: 400px) {
.button-container[data-v-76159b88] {
    display: block;
}
}

.additional-items[data-v-713db74d] {
  display: inline;
}
.result-message[data-v-713db74d] {
  margin-top: 1em;
  white-space: pre-wrap;
  /* margin-bottom: 1.5em !important; */
}
@media (max-width: 768px) {
h2[data-v-713db74d] {
    font-size: 24px;
}
h4[data-v-713db74d] {
    font-size: 20px;
}
}

@media (max-width: 768px) {
h2[data-v-0bd7d530] {
    font-size: 24px;
}
h4[data-v-0bd7d530] {
    font-size: 20px;
}
}
.button-group[data-v-0bd7d530] {
  text-align: right;
}
.button-group-optional[data-v-0bd7d530] {
  text-align: left;
}
.edit-icon-button[data-v-0bd7d530] {
  position: absolute;
  right: 0;
}
.edit-button-container[data-v-0bd7d530] {
  position: relative;
}
.edit-button-container .edit-button.no-notes[data-v-0bd7d530] {
  top: -14px;
}
.object-title[data-v-0bd7d530] {
  font-weight: 600;
  margin-bottom: 0;
  display: flex;
}
.object-container[data-v-0bd7d530] {
  padding: 0.5em;
}

@media (max-width: 768px) {
h2[data-v-a922feb0] {
    font-size: 24px;
}
h4[data-v-a922feb0] {
    font-size: 20px;
}
}

.undo-toast[data-v-e7f2753a] {
  background: black !important;
}
.settings-icon[data-v-e7f2753a] {
  cursor: pointer;
  opacity: 0.8;
  font-size: 20px;
}

.image-preview-container[data-v-01c21c09] {
  height: calc(90vh - 2rem - 44px);
  overflow: auto;
}
.pdf-preview-container[data-v-01c21c09] {
  height: calc(90vh - 2rem - 44px);
  overflow: auto;
}
.download-button[data-v-01c21c09] {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
}

.btn-container[data-v-494a9ce6] {
  text-align: right;
}


.btn-container[data-v-7fa17d65] {
  text-align: right;
}
.public-user-dialog[data-v-7fa17d65] {
  height: 90vh;
}

.button-containers[data-v-40c64d96] {
  display: flex;
  flex-direction: row-reverse;
}
.cancel-btn-container[data-v-40c64d96] {
  flex-grow: 1;
}

.button-containers[data-v-57e54847] {
  display: flex;
  flex-direction: row-reverse;
}
.cancel-btn-container[data-v-57e54847] {
  flex-grow: 1;
}

.visibility-icon[data-v-0cca8106] {
  cursor: pointer;
}

.log-item-container[data-v-96a92cd0] {
  padding: 1em;
  margin-left: 2em;
  border: solid 1px gray;
  border-radius: 4px;
  position: relative;
  margin-bottom: 1.5em;
}
.item-type[data-v-96a92cd0] {
  position: absolute;
  top: 1em;
  left: -2em;
}

.button-containers[data-v-72b32d20] {
  display: flex;
  flex-direction: row-reverse;
}
.cancel-btn-container[data-v-72b32d20] {
  flex-grow: 1;
}
.view-history[data-v-72b32d20] {
  color: #007bff;
  cursor: pointer;
}

.table td[data-v-079fc372] {
  vertical-align: middle;
}
.percentage[data-v-079fc372] {
  font: normal !important;
  font-size: medium !important;
}
.progress-bar[data-v-079fc372] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  float: right;
  margin-bottom: 10px;
  background-color: lightgreen;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.inner-circle[data-v-079fc372] {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: white;
}
progress[data-v-079fc372] {
  visibility: hidden;
  width: 0;
  height: 0;
}

.assignee-selection[data-v-53b9a2d6] {
  flex-basis: 450px;
  margin-right: 0.5em;
}
.tracking-icon[data-v-53b9a2d6] {
  cursor: pointer;
  color: #007bff;
}
.delete-icon[data-v-53b9a2d6] {
  cursor: pointer;
}

.assignee-selection[data-v-7dcf4c76] {
  flex-basis: 450px;
  margin-right: 0.5em;
}
.tracking-icon[data-v-7dcf4c76] {
  cursor: pointer;
  color: #007bff;
}
.delete-icon[data-v-7dcf4c76] {
  cursor: pointer;
}
.start-date-filter[data-v-7dcf4c76] {
  padding-right: 0.5em;
  flex-grow: 1;
}
.end-date-filter[data-v-7dcf4c76] {
  padding-right: 0.5em;
  flex-grow: 1;
}
.label-no-margin-top[data-v-7dcf4c76] {
  margin-top: 0;
}

.assignee-selection[data-v-a9c5464c] {
  flex-basis: 450px;
  margin-right: 0.5em;
}
.tracking-icon[data-v-a9c5464c] {
  cursor: pointer;
  color: #007bff;
}
.delete-icon[data-v-a9c5464c] {
  cursor: pointer;
}
.average-icon[data-v-a9c5464c] {
  cursor: pointer;
  color: #28a745;
}

.icon-button-table i[data-v-b1045542] {
  display: inherit;
}
.delete-icon[data-v-b1045542] {
  color: red;
  cursor: pointer;
}
.edit-rental-goal-icon[data-v-b1045542] {
  color: #007bff;
  cursor: pointer;
}

.button-containers[data-v-14bce31d] {
  display: flex;
  flex-direction: row-reverse;
}
.cancel-btn-container[data-v-14bce31d] {
  flex-grow: 1;
}
@media (max-width: 600px) {
.button-containers[data-v-14bce31d] {
    display: block;
    text-align: center;
}
.cancel-btn-container[data-v-14bce31d] {
    margin-top: 8px;
}
}
.sticky-summary[data-v-14bce31d] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9999;
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
  margin: 0 -15px;
  opacity: 0.85;
  font-size: 0.9em;
  padding: 0 0.4em;
  border-radius: 4px;
}
.sticky-summary > table[data-v-14bce31d] {
  width: 100%;
}
.sticky-summary td[data-v-14bce31d] {
  padding: 0.4em;
  text-align: center;
}
.sticky-summary.user-info[data-v-14bce31d] {
  top: 45px;
}
@media (max-width: 768px) {
.sticky-summary > .material-icons[data-v-14bce31d] {
    padding: 10px 0px;
    text-align: center;
    display: block;
}
.sticky-summary.row[data-v-14bce31d] {
    top: 0px;
}
.mobile-dashboard-button[data-v-14bce31d] {
    background-color: var(--thrivehiregrey);
}
.mobile-dashboard-button h6[data-v-14bce31d] {
    font-size: 10px;
}
.mobile-dashboard-button.dashboard-button-active[data-v-14bce31d] {
    background-color: var(--thrivehiregrey);
    background-color: var(--coredarkcolor);
    color: var(--corelightcolor);
}
}
.setting-icon-container[data-v-14bce31d] {
  display: flex;
  align-items: center;
}
.setting-icon-container > i[data-v-14bce31d] {
  cursor: pointer;
}
.alarm-message[data-v-14bce31d] {
  background: #efefef;
  padding: 20px 30px;
}
.employer-dialog-container[data-v-14bce31d] {
  padding-top: calc(3em - 15px);
  padding-bottom: calc(3em - 15px);
}
@media (max-width: 768px) {
.employer-dialog-container[data-v-14bce31d] {
    padding-top: 0;
}
}

.button-containers[data-v-1330e64e] {
  display: flex;
  flex-direction: row-reverse;
}
.cancel-btn-container[data-v-1330e64e] {
  flex-grow: 1;
}

.button-containers[data-v-1d6458ce] {
  display: flex;
  flex-direction: row-reverse;
}
.cancel-btn-container[data-v-1d6458ce] {
  flex-grow: 1;
}
@media (max-width: 600px) {
.button-containers[data-v-1d6458ce] {
    display: block;
    text-align: center;
}
.cancel-btn-container[data-v-1d6458ce] {
    margin-top: 8px;
}
}
.sticky-summary[data-v-1d6458ce] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9999;
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
  margin: 0 -15px;
  opacity: 0.85;
  font-size: 0.9em;
  padding: 0 0.4em;
  border-radius: 4px;
}
.sticky-summary > table[data-v-1d6458ce] {
  width: 100%;
}
.sticky-summary td[data-v-1d6458ce] {
  padding: 0.4em;
  text-align: center;
}
.sticky-summary.user-info[data-v-1d6458ce] {
  top: 45px;
}
@media (max-width: 768px) {
.sticky-summary > .material-icons[data-v-1d6458ce] {
    padding: 10px 0px;
    text-align: center;
    display: block;
}
.sticky-summary[data-v-1d6458ce] {
    top: 0px;
}
.mobile-dashboard-button[data-v-1d6458ce] {
    background-color: var(--thrivehiregrey);
}
.mobile-dashboard-button h6[data-v-1d6458ce] {
    font-size: 10px;
}
.mobile-dashboard-button.dashboard-button-active[data-v-1d6458ce] {
    background-color: var(--thrivehiregrey);
    background-color: var(--coredarkcolor);
    color: var(--corelightcolor);
}
}
.setting-icon-container[data-v-1d6458ce] {
  display: flex;
  align-items: center;
}
.setting-icon-container > i[data-v-1d6458ce] {
  cursor: pointer;
}
.candidate-dialog-container[data-v-1d6458ce] {
  padding-top: calc(3em - 15px);
  padding-bottom: calc(3em - 15px);
}
@media (max-width: 768px) {
.candidate-dialog-container[data-v-1d6458ce] {
    padding-top: 0px;
}
}

.btn-container[data-v-ce07e946] {
  text-align: right;
}

.recent-access-btn[data-v-39927a8f] {
  color: white;
  cursor: pointer;
  text-align: center;
  padding: 5px 10px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  white-space: nowrap;
  border: none;
  border-radius: 5px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.recent-access-btn-left-100[data-v-39927a8f] {
  left: 100px;
}
.recent-access-btn > i[data-v-39927a8f] {
  font-size: 40px;
  color: var(--coredarkcolor);
}
.recent-view-panel[data-v-39927a8f] {
  position: fixed;
  bottom: 80px;
  left: 140px;
  width: 20em;
  padding-left: 1em;
  padding-top: 0.7em;
  padding-bottom: 0.3em;
  background-color: white;
  border: solid 1px var(--coredarkcolor);
  z-index: 1000000;
}
.recent-view-panel > h5[data-v-39927a8f] {
  padding-right: 1em;
}
.recent-view-list[data-v-39927a8f] {
  max-height: 20em;
  overflow: auto;
}
.close-button-container[data-v-39927a8f] {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
.recent-log-link[data-v-39927a8f] {
  display: inline-block;
  margin-bottom: 0.3em;
}
.recently-viewed-icon[data-v-39927a8f] {
  position: fixed;
  bottom: 55px;
  right: 4px;
  z-index: 100000;
  font-size: 27px;
  padding: 5px;
  border-radius: 50%;
  color: white;
  background-color: rgb(0, 123, 255);
  cursor: pointer;
}
@media (max-width: 768px) {
.recent-view-panel[data-v-39927a8f] {
    width: 15em;
    right: 0;
    left: unset;
    font-size: 0.8em;
}
}

.navbar-v2 .navbar-collapse {
  width: fit-content;
}
.navbar-v2 .navbar-collapse .navbar-nav .nav-item {
  margin-right: 60px;
}
.navbar-v2 .navbar-collapse .navbar-nav .nav-item .nav-link {
  font-size: 16px;
  font-family: "Epilogue", sans-serif;
  color: #000;
  font-weight: 400;
  cursor: pointer;
}
/* .navbar-v2 .navbar-collapse {
  width: 50vw;
  flex-grow: 0;
} */
.navbar-v2 .navbar-collapse .navbar-nav:last-child {
  margin-left: auto;
}
.navbar-v2 .navbar-collapse .navbar-nav:first-child {
  margin-left: auto;
}
.navbar-v2 .btn {
  margin-left: auto;
}
.mobile-btn {
  display: none;
}
.navbar-v2 .navbar-collapse .navbar-nav .active {
  background-color: var(--coredarkcolor);
  padding: 15px 25px;
  font-family: "Epilogue", sans-serif;
  font-size: 16px;
  font-weight: bold;
  border: none;
  outline: none;
  line-height: normal;
  margin-left: auto;
  margin-right: 0;
  cursor: pointer;
}
.navbar-v2 .navbar-collapse .navbar-nav .active .nav-link {
  color: #fff;
}
@media (max-width: 992px) {
.navbar-v2 .btn {
    display: none;
}
.mobile-btn {
    display: block !important;
}
}

.overlay-panel[data-v-9d0ddff6] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  opacity: 0.5;
  z-index: 100000000;
  display: flex;
  justify-content: center;
  align-items: center;
}
#svg-spinner[data-v-9d0ddff6] {
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1.2s;
  -webkit-animation-name: rotate-data-v-9d0ddff6;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  -moz-transition-property: -moz-transform;
  -moz-animation-name: rotate-data-v-9d0ddff6;
  -moz-animation-duration: 1.2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;

  transition-property: transform;
  animation-name: rotate-data-v-9d0ddff6;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-webkit-keyframes rotate-data-v-9d0ddff6 {
from {
    -webkit-transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate-data-v-9d0ddff6 {
from {
    -moz-transform: rotate(0deg);
}
to {
    -moz-transform: rotate(360deg);
}
}
@keyframes rotate-data-v-9d0ddff6 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}

.toast-countdown-container[data-v-4c5d00ba] {
  touch-action: pan-y;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 1;
  transform: translateY(-35px);
}

.condition-item-container[data-v-9ef7d7ac] {
  align-items: center;
}
.condition-item[data-v-9ef7d7ac] {
  flex-grow: 1;
}
.delete-button-container[data-v-9ef7d7ac] {
  flex-basis: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-button[data-v-9ef7d7ac] {
  color: red;
  cursor: pointer;
}
.add-field-button[data-v-9ef7d7ac] {
  display: flex;
  background: none;
  border: none;
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}

.header-title[data-v-6604c5f4] {
  border-radius: 4px;
  width: 350px;
  background: var(--bootstrapgrey);

  padding: 5px;
}
.closeBtn[data-v-6604c5f4] {
  cursor: pointer;
}
.chatbox-body[data-v-6604c5f4] {
  max-width: 350px;
  background: white;
  padding: 10px;
  max-height: 70%;
  overflow-y: scroll;
}
.material-icons.green[data-v-6604c5f4] {
  color: green;
}
.material-icons.red[data-v-6604c5f4] {
  color: red;
}
.chatbox[data-v-6604c5f4] {
  position: fixed;
  bottom: 10px;
  right: 50px;
  z-index: 1000000;
  border: 1px solid var(--bootstrapgrey);
  border-radius: 4px;
  background: white;
}

.checklist-summary-container[data-v-fcbe1406] {
  padding-left: 2.5%;
  padding-right: 2.5%;
}
.check-group-container[data-v-fcbe1406] {
  margin-top: 8px;
  justify-content: space-between;
  display: flex;
}
.check-group-container > div[data-v-fcbe1406] {
  background-color: var(--bootstrapgrey);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-radius: 4px;
}
.check-group-label[data-v-fcbe1406] {
  cursor: pointer;
}

.webinar-panel[data-v-919cfbce] {
  flex-grow: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}
.webinar-info[data-v-919cfbce] {
  background-color: rgb(248, 249, 250);
  padding: 10px 10px;
  border-radius: 4px;
  position: relative;
  z-index: 10000;
}
.webinar-text[data-v-919cfbce] {
  color: #027bff;
  padding-bottom: 8px;
  display: inline-block;
}
.webinar-link[data-v-919cfbce] {
  font-weight: bold;
  text-decoration: underline;
  padding-bottom: 8px;
  display: inline-block;
}
.webinar-info .webinar-countdown[data-v-919cfbce] {
  display: inline-block;
  width: 151px;
  padding-left: 0;
  padding-right: 0;
}
.webinar-full-info[data-v-919cfbce] {
  position: absolute;
  width: 700px;
  margin-left: -250px;
  background: gainsboro;
  padding-top: 1px;
  border-radius: 5px;
  box-shadow: 0px 2px 7px #a7a7a7;
  margin-top: 3px;
}
.webinar-title-des[data-v-919cfbce] {
  flex-grow: 1;
}
.close-webinar-icon[data-v-919cfbce] {
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
}

.panel-container[data-v-0e50baaa] {
  width: 100%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;

  color: white;
  text-align: center;
  position: relative;
}
.close-btn[data-v-0e50baaa] {
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
}
.alert-panel[data-v-0e50baaa] {
  background-color: red;
}
.announcement-panel[data-v-0e50baaa] {
  background-color: #0076de;
}

.button-container[data-v-96e1e476] {
  text-align: right;
}
.booking-item-mobile label[data-v-96e1e476] {
  font-weight: bold;
}
.filler-info-mobile[data-v-96e1e476]:not(:last-child)::after {
  content: ",";
}
.vue-simple-context-menu {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  display: none;
  list-style: none;
  position: absolute;
  z-index: 1000000;
  background-color: #ecf0f1;
  border-bottom-width: 0px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  box-shadow: 0 3px 6px 0 rgba(51, 51, 51, 0.2);
  border-radius: 4px;
}
.vue-simple-context-menu--active {
  display: block;
}
.vue-simple-context-menu__item {
  display: flex;
  color: #333;
  cursor: pointer;
  padding: 5px 15px;
  align-items: center;
}
.vue-simple-context-menu__item:hover {
  background-color: #007aff;
  color: #fff;
}
.vue-simple-context-menu__divider {
  box-sizing: content-box;
  height: 2px;
  background-color: #c0cdd1;
  padding: 4px 0;
  background-clip: content-box;
  pointer-events: none;
}
.vue-simple-context-menu li:first-of-type {
  margin-top: 4px;
}
.vue-simple-context-menu li:last-of-type {
  margin-bottom: 4px;
}

/*# sourceMappingURL=vue-simple-context-menu.vue.map */
.feedback-panel-container[data-v-5b258134] {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10000;
    background-color: gray;
    padding: 1.5em;
    max-width: 500px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-right: 20px;
}
.close-btn[data-v-5b258134] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.25em;
    cursor: pointer;
}
.feedback-panel-container > *[data-v-5b258134] {
    color: white;
}
.submit-btn[data-v-5b258134] {
    cursor: pointer;
}
#search-result-container .update-button-container:not(.in-search-result) {
    display: none !important;
}
#search-result-container img {
    display: none !important;
}
#search-result-container .delete-image-icon {
    display: none !important;
}
#search-result-container input[type="file"] {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + small {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + small + input {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + input {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + small + textarea {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + small + textarea + .textarea-controls {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + textarea {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + small + .input-container {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + .input-container {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + small + .input-container {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + .input-container {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + small + .list-fields-container {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + .list-fields-container {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + small + .text-editor-component {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + .text-editor-component {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + .text-editor-component + .small {
    display: none !important;
}
#search-result-container hr {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + .day-hour-list {
    display: none !important;
}
#search-result-container .predefined-option-list label:not(.in-search-result):not(.non-search-label) + .list-field-container {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + .font-picker-container {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + .multiselect-container {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + small + .multiselect-container {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + small + small {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + small + small + input {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + small + small + .multiselect-container {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + .multiselect {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + small + .multiselect {
    display: none !important;
}
#search-result-container .form-check:not(.in-search-result) {
    display: none !important;
}
#search-result-container button.mylisting-button:not(.section-button):not(.in-search-result) {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + .badges-container {
    display: none !important;
}
#search-result-container
label:not(.in-search-result):not(.non-search-label)
+ .multiselect-container
+ .list-fields-container {
    display: none !important;
}
#search-result-container
label:not(.in-search-result):not(.non-search-label) + small
+ .multiselect-container
+ .list-fields-container {
    display: none !important;
}
#search-result-container h3:not(.in-search-result):not(.non-search-header) {
    display: none !important;
}
#search-result-container h3:not(.in-search-result):not(.non-search-header) + div {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + .vdp-datepicker {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + .row {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + small + .row {
    display: none !important;
}
#search-result-container h4:not(.in-search-result):not(.non-search-header) {
    display: none !important;
}
#search-result-container h4:not(.in-search-result):not(.non-search-header) + div {
    display: none !important;
}
#search-result-container h5:not(.in-search-result):not(.non-search-header) {
    display: none !important;
}
#search-result-container :not(label):not(small) + small {
    display: none !important;
}
#search-result-container .expandable-section-container .expandable-section {
    display: none !important;
}
#search-result-container .expandable-section-container .non-expand-panel {
    display: block !important;
}
#search-result-container .color-picker-container:not(.in-search-result) {
    display: none !important;
}
#search-result-container .agency-type-section {
    margin-top: 0 !important;
}
#search-result-container br {
    display: none !important;
}
#search-result-container .dialog-container .dialog-content-container h3 {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container hr {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container label {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container button {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container .field-of-fields button {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container small {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container input.form-control {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container textarea {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container .input-container {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container .field-of-fields .input-container {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container .field-of-fields label + small {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container .field-of-fields label + small + .list-fields-container {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container .field-of-fields label + .list-fields-container {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container .field-of-fields label + small + .row {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container .field-of-fields label + .row {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container .field-of-fields label:not(.in-search-result):not(.non-search-label) + .input-container {
    display: block !important;
}
#search-result-container  .dialog-container .dialog-content-container label:not(.in-search-result):not(.non-search-label) + .description + .input-container {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container .text-editor {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container .multiselect {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container .multiselect-container {
    display: block !important;
}
#search-result-container .update-button-container.in-search-result > button.mylisting-button {
    display: inline-block !important;
}
#search-result-container .dialog-container .dialog-content-container .field-of-fields .text-editor {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container .field-of-fields .multiselect {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container .field-of-fields .multiselect-container {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container .field-of-fields .form-check:not(.in-search-result) {
    display: block !important;
}
#search-result-container .dialog-container .dialog-content-container .field-of-fields .description {
    display: block !important;
}
.start-date-filter {
    padding-right: 0.5em;
    flex-grow: 1;
}
.end-date-filter {
    padding-right: 0.5em;
    flex-grow: 1;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + .description {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + .description + .input-container {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + .vld-parent {
    display: none !important;
}
#search-result-container label:not(.in-search-result):not(.non-search-label) + .list-fields-container {
    display: none !important;
}
#search-result-container h6:not(.in-search-result):not(.non-search-header) {
    display: none !important;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8f9fa;
}
table th:first-child {
    /* border-radius = top left, top right, bottom right, bottom left */
    border-radius: 4px 0 0 0;
}
table th:last-child {
    border-radius: 0 4px 0 0;
    /* curves the top right */
}
table.table th {
    border-top: none;
}
.g-gantt-bar-label {
    font-size: 13.6px;
    line-height: 16px;
}
.g-gantt-row-label {
    width: 150px !important;
}
.g-timeaxis-empty-space {
    width: 150px !important;
}
.g-timeaxis-day>div:first-child {
    display: none !important;
}
@media (max-width: 768px) {
.g-gantt-row {
        height: 100px !important;
}
.g-gantt-row-bars-container .g-gantt-bar {
        height: 94px !important;
        border-radius: 4px !important;
}
.g-gantt-bar-label {
        font-size: 12px;
        line-height: 14px;
        padding: 1px !important;
}
.g-gantt-row-label {
        width: 40px !important;
}
.g-timeaxis-empty-space {
        width: 40px !important;
}
.half-hour-container .timeaxis-label {
        display: none;
}
.g-timeaxis-hour:nth-child(3n+1) > .timeaxis-label {
        display: none;
}
.g-timeaxis-hour:nth-child(3n) > .timeaxis-label {
        display: none;
}
}
@media (max-width: 600px) {
.g-gantt-bar-label {
        font-size: 10px;
        line-height: 12px;
}
}
.pin-top-calendar {
    display: block;
    overflow: unset;
    position: relative;
}
.pin-top-calendar>.cv-header {
    position: sticky;
    top: 40px;
    z-index: 1;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.pin-top-calendar>.cv-header-days {
    position: sticky;
    top: 82px;
    z-index: 1;
}
.pin-top-calendar>.cv-weeks {
    position: absolute;
    top: 62px;
    left: 0;
    bottom: 0;
    right: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Level 1: header height: 33px
Header in 1 row, screen size < 768px
*/
.pin-top-calendar.header-level-1>.cv-header-days {
    top: 74px;
}
.pin-top-calendar.header-level-1>.cv-weeks {
    top: 54px;
}

/* Level 2: header height: 41px
Header in 1 row, screen size >= 768px
Menubar can be in multiple lines if screensize betweens 991px and 1239px */
@media (max-width: 1239px) and (min-width: 992px) {
.pin-top-calendar>.cv-header {
        top: 64px;
}
.pin-top-calendar>.cv-header-days {
        top: 106px;
}
}

/* Level 3: Header height: 56px
Header in 2 row, small screen size */
.pin-top-calendar.header-level-3>.cv-header-days {
    top: 96px;
}
.pin-top-calendar.header-level-3>.cv-weeks {
    top: 77px;
}

/* Level 4: header height: 82px
Header in 3 row, small screen size */
.pin-top-calendar.header-level-4>.cv-header-days {
    top: 123px;
}
.pin-top-calendar.header-level-4>.cv-weeks {
    top: 103px;
}

/* Level 5: header height: 96px
Header in 3 row, small screen size */
.pin-top-calendar.header-level-5>.cv-header-days {
    top: 136px;
}
.pin-top-calendar.header-level-5>.cv-weeks {
    top: 117px;
}
.pin-top-calendar.week-view-calendar .cv-day-number {
    display: none;
}
@media (max-width: 768px) {
.pin-top-calendar.week-view-calendar .cv-header-days {
        height: 2.5em;
}
.pin-top-calendar.week-view-calendar .cv-header-day {
        align-items: flex-start;
}
}
.schedule-header-hidden-weeks .cv-weeks {
    display: none;
}
.vdp-datepicker__calendar .today {
    background-color: #1284e7;
    color: white;
}
.custom-day-content {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.3;
}
.custom-day-content.full-available {
    background-color: #008000;
}
.custom-day-content.partly-available {
    background-color: orange;
}
.custom-day-content.not-available {
    background-color: red;
}
.print-only {
    display: none;
}
@media print {
@page {
        size: auto;
        margin: 1.5cm 0;
}
body {
        padding-top: 20px;
        padding-bottom: 20px;
}

    /* Hide header and footer */
header,
    footer {
        display: none;
}
.profile-tile {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact !important;
}
.no-pagebreak {
        break-inside: avoid-page;
}
.no-print,
    .no-print * {
        display: none;
}
.print-only {
        display: block !important;
}
.public-profile-container.has-nav-bar {
        margin-left: 2em !important;
}
.document-page {
        margin-top: 10px !important;
        padding-left: 9% !important;
        padding-right: 9% !important;
        padding-bottom: 20px !important;
}
}
.col-md.dashboard-button:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.col-md.dashboard-button:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.setting-icon-container {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.large-screen {
    display: none;
}
.small-screen {
    display: block;
}
@media (min-width: 992px) {
.large-screen {
        display: block;
}
.small-screen {
        display: none;
}
}
@media (max-width: 768px) {
.doc-field-container .mx-input-wrapper input.mx-input {
        padding: 0;
        height: 15px !important;
        font-size: 9px !important;
}
.doc-field-container .mx-input-wrapper svg {
        font-size: 10px;
}
.signature-container .sign-guide {
        top: 0 !important;
}
.signature-container .sign-guide>span {
        font-size: 8px;
        position: absolute;
        top: 0;
        left: 0;
}
.signature-container .clear-button {
        font-size: 14px;
}
}
.doc-field-container .date-picker .mx-input-wrapper .mx-input {
    padding: 0;
    font-size: 13px;
}
.test-element {
    display: none;
}
.root-agency-2 .test-element {
    display: block;
}
.root-agency-38 .test-element {
    display: block;
}
.webinar-info .flip-card.flip-clock__card {
    font-size: 1.2em;
}
.webinar-info .flip-clock__slot {
    display: none !important;
}
:root {
  --coredarkcolor: #1f4e78;
  --coredarkercolor: #183c5c;
  --corelightcolor: #fff;
  --bootstrapgrey: #e9ecef;
  --applegrey: #f8f9fa;
  --skyblue: #bfe7ff;
  --thrivehiregrey: #d9d9da;
  --nannycogreen: #0c4524;
  --gcnorange: #e79271;
  --gcnteal: #85a2a8;
  --rootfontfamily: "Open Sans";
  --headingsfontfamily: "Open Sans";
  --profiletextcolor: #212529;
  --cancelbuttoncolor: #5f7478;
  --cancelbuttonhovercolor: #85a2a8;
  --candidateprofilecompletebuttoncolor: #1f4e78;
  --clientprofilecompletebuttoncolor: #1f4e78;
  touch-action: pan-x pan-y;
  height: 100%;
}
body {
  /* font-family: 'articulatcf-demibold', 'Montserrat', sans-serif; */
  font-family: var(--rootfontfamily) !important;
  /* font-size: 13px; */
  /* line-height: 1.42857143; */
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: var(--headingsfontfamily) !important;
}
#app {
  /* font-family: 'Avenir', Helvetica, Arial, sans-serif; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-align: center; */
  /* color: #2c3e50; */
  /* margin-top: 60px; */

  /* width: 100vw; */
  /* height: 100vh; */
}
.footer-container__button {
  display: inline-flex;
}
.top-panel {
  padding: 0.5rem 2.5%;
}
.top-level-div {
  /* padding-bottom: 20vh;
  padding-top: 15vh; */
  padding-bottom: 125px;
  padding-left: 12.5%;
  padding-right: 12.5%;
}
.invert-top-level-div {
  margin-bottom: -125px;
}
.center {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* @font-face {
    font-family: "Articulat Demibold";
    src: url("assets/fonts/articulatcf-demiboldoblique-webfont.woff2") format("woff2");
  } */
h1 {
  /* font-family: 'articulatcf-demibold', 'Open Sans', 'Lato'; */
  color: var(--coredarkcolor);
  /* font-weight: 300; */
  text-transform: var(--headingOneCase) !important;
  font-weight: 500;
}
h2 {
  /* font-family: 'articulatcf-demibold', 'Open Sans'; */
  color: var(--coredarkcolor);
  text-transform: var(--headingTwoCase) !important;
  font-weight: 500;
}
h3 {
  /* font-family: 'articulatcf-demibold', 'Open Sans', 'Lato'; */
  /* color: var(--gcnorange); */
  color: var(--coredarkcolor);
  text-transform: var(--headingThreeCase) !important;
}
.heavy-font {
  font-weight: 600;
}
p {
  /* font-family: 'articulatcf-regular', 'Open Sans', 'Lato'; */
  /* font-family: 'Open Sans'; */
  margin-bottom: 0;
}

/* https://stackoverflow.com/questions/10270891/newline-in-models-textfield-not-rendered-in-template
  https://www.w3schools.com/tags/tag_pre.asp */
pre {
  font-size: 100%;
  /* overflow-x: hidden; */
  /* overflow-wrap: break-word; */
  /* Prevent side scrolling of long lines */
  white-space: pre-wrap; /* https://mediatemple.net/blog/tips/considerations-for-styling-the-pre-tag/ */
  margin-bottom: 0;

  font-family: var(--rootfontfamily) !important;
}
pre p {
  margin-bottom: 10px;
}
pre h3 {
  margin-top: 15px;
}
pre h4 {
  margin-top: 15px;
}
pre h5 {
  margin-top: 15px;
}
pre img {
  margin-top: 8px;
  margin-bottom: 8px;
}
ul {
  margin-bottom: 0;
}
a:hover {
  text-decoration: none;
}
.delete-text {
  color: red;
  cursor: pointer;
}
.edit-text {
  color: var(--coredarkcolor);
  cursor: pointer;
}
.warning-text {
  color: red;
  font-weight: 600;
}
.profile-page {
  color: var(--profiletextcolor);
}

/* --------- BUTTONS --------- */
.btn {
  border: none;
}
.btn-lg {
  font-size: 1.1rem;
}
.btn-primary {
  background-color: var(--coredarkcolor);
  font-weight: 600;
}
.btn-primary:hover {
  background-color: var(--thrivehiregrey);
  color: var(--coredarkcolor);
}
.btn-outline-primary {
  /* border: 1px solid #5289B9; */
  color: #5289b9;
}
.btn-secondary {
  /* background-color: #5289B9; */
  /* background-color: var(--corelightcolor); */
  background-color: var(--bootstrapgrey);
  color: var(--coredarkcolor);
  /* text-transform: uppercase; */
  /* font-family: 'Lato'; */
  /* font-weight: 700; */
}
.btn-secondary:hover {
  /* background-color: #49759c; */
  background-color: var(--thrivehiregrey);
  color: var(--coredarkcolor);
  /* font-weight: 700; */
}
.btn-grey {
  background-color: var(--bootstrapgrey);
  color: var(--coredarkcolor);
}
.btn-grey:hover {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
}

/* This is styling copied over from mylisting */
.buttons {
  /* font-size: 13px; */
  /* padding: 14px 40px; */
  /* -webkit-transition: all .2s ease; */

  display: inline-block;
  transition: all 0.2s ease;
  overflow: hidden;
  border-radius: 3px;
  line-height: 16px;
  font-weight: 700;
}

/* The Add an Opportunity button top right */
.header-button {
  align-items: center;
  height: 50px;
  /* padding: 15px 25px; */
}
.header-button button {
  padding: 15px 25px;
}

/* .header-button router-link {
    padding: 15px 25px;
  } */
.button-1 {
  color: var(--coredarkcolor);
  border: none;
  background: #fff;
  font-size: 14px;
  /* font-weight: 700; */
}
.button-1:hover {
  color: #fff;
  cursor: pointer;
  background: var(--coredarkcolor);
}
.button-1-dark {
  color: var(--corelightcolor);
  border: none;
  background: var(--coredarkcolor);
  font-size: 14px;
}
.button-1-dark:hover {
  color: var(--coredarkcolor);
  cursor: pointer;
  background: var(--thrivehiregrey);
}
.landing-button {
  min-width: 165px;
  font-weight: 800;
  margin-top: 20px;
}
.mylisting-button {
  min-width: 135px;
  text-align: center;
  font-weight: 600;
  /* margin-top: 20px; */
  padding: 13px 25px;
  font-size: 12px;
  /* height: 48px; */
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  z-index: 0;
  -webkit-box-pack: center;
  justify-content: center;
  white-space: nowrap;
  border: 2px solid #0c4524;
  border: none;
  border-radius: 10px;
  /* margin-top: 10px; */
  /* background-size: 200% 100%;
    background-position: right bottom;
    transition: all .25s ease-out; */
}

/* This is to get rid of underlining for router links used as buttons */
a.mylisting-button:hover {
  text-decoration: none;
}
a.mylisting-button {
  display: inline-block;
}
.absolute-right-bottom {
  position: absolute;
  right: 67px;
  bottom: 34px;
  z-index: 2;
}
.dark-button {
  color: white;
  /* background-color: white; */
  /* Add a shadow over the search button left to right when you hover over it */
  /* https://codepen.io/kay8/pen/azKbjN */
  /* https://stackoverflow.com/questions/17212094/fill-background-color-left-to-right-css */
  background: linear-gradient(
    to right,
    var(--coredarkercolor) 50%,
    var(--coredarkcolor) 50%
  );
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.25s ease-out;
  /* border-radius: 4px; */
}
.dark-button:hover {
  color: #fff;
  background-position: left bottom;
  /* background-color: #0c4524; */
  /* border-radius: 4px; */
}
.secondary-button {
  color: #fff;
  /* color: var(--coredarkcolor); */
  background: linear-gradient(to right, #5f7478 50%, var(--gcnteal) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.25s ease-out;
}
.secondary-button:hover {
  color: #fff;
  background-position: left bottom;
}
.verifcation-btn {
  font-size: 0.75rem;
}
.notransition * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
.noHover {
  pointer-events: none;
}
.danger-button {
  color: #fff;
  background: linear-gradient(to right, #cc0000 50%, red 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.25s ease-out;
}
.danger-button:hover {
  color: #fff;
  background-position: left bottom;
}
.primary-button {
  color: #fff;
  background: linear-gradient(to right, #007bff 50%, #2f00ff 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.25s ease-out;
}
.primary-button:hover {
  color: #fff;
  background-position: left bottom;
}
.light-button {
  color: var(--coredarkcolor);
  border: 2px solid var(--coredarkcolor);
  /* Add a shadow over the search button left to right when you hover over it */
  /* https://codepen.io/kay8/pen/azKbjN */
  /* https://stackoverflow.com/questions/17212094/fill-background-color-left-to-right-css */
  background: linear-gradient(to right, var(--coredarkcolor) 50%, #fff 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.25s ease-out;
}
.light-button:hover {
  /* color: var(--coredarkcolor); */
  color: #fff;
  background-position: left bottom;
}
.cancel-button {
  background: linear-gradient(
    to right,
    var(--cancelbuttonhovercolor) 50%,
    var(--cancelbuttoncolor) 50%
  );
  background-size: 200% 100%;
  background-position: right bottom;
}
.actions-btn {
  color: #007bff;
  padding: 0 4px;
}

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

/* ------ NAVBAR ------- */
.nav-item {
  margin-right: 15px;
  font-size: 13px;
  color: var(--corelightcolor);
}
.dropleft {
  position: absolute;
  top: 4px;
  right: 0;
  margin-top: 4px;
  z-index: 9999;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
  border: none;
}

/* --------------------- */
.footer p {
  margin-bottom: 0;
}

/* ------ USER PROFILES ------ */
.profile-tile {
  border-radius: 6px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  padding: 1.5rem;
  margin-top: 40px;
}
.is-agent .profile-tile {
  scroll-margin-top: 70px;
}
.profile-tile:empty {
  display: none;
}
.profile-tile > h3 {
  text-transform: none;
  font-size: 1.5rem;
}
.profile-form label {
  /* font-family: 'articulatcf-demibold', 'Lato'; */
  font-weight: 600;
  margin-top: 15px;
}
.profile label {
  /* font-family: 'Lato'; */
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 2px;
}
.profile .top-label {
  margin-top: 0px;
}
.field-of-fields label {
  /* font-family: 'articulatcf-demibold', 'Lato'; */
  color: var(--coredarkcolor);
  /* color: grey; */
  /* font-size: 0.8rem; */
  font-weight: 600;
  margin-top: 22px;
  margin-bottom: 4px;
}
.field-of-fields .form-check .has-tooltip {
  margin-bottom: 4px;
}
.field-of-fields label {
  color: var(--labelcolor, var(--coredarkcolor));
}
.field-of-fields .top-label {
  margin-top: 0px;
}
.small-label-help-text {
  display: block;
  margin-bottom: 3px;
}
.small-clickable-help-text {
  display: block;
  margin-bottom: 3px;
  cursor: pointer;
}

/* This is the styling for each option in a multi select list */
.form-check label {
  font-weight: 400;
  /* margin-bottom: 3px; */
  margin-top: 2px;
  color: var(--coredarkcolor);
}
.feedback-panel-container .form-check label {
  color: white;
}

/* Classes that get attached to form fields that fail vuelidation */
.invalid label {
  color: red;
}
.invalid small {
  color: red;
}
.social-icon {
  /* margin-top: 8px; */
  margin-right: 2px;
  margin-left: 2px;
  height: 25px;
}
.shaded-label {
  background-color: var(--bootstrapgrey);
  width: 100%;
  padding: 10px;
  border-bottom: 7px solid var(--corelightcolor);
  /* margin-bottom: 100px; */
}
.profile-section {
  margin-left: 10px;
  margin-right: 10px;
}

/* The header/title of each profile section/block */
.section-header {
  text-transform: none;
  font-size: 1.5rem;
}

/* ------------- */
.dashboard-button {
  background-color: var(--thrivehiregrey);
  /* background-color: var(--bootstrapgrey); */
  /* background-color: var(--coredarkcolor); */
  color: var(--corelightcolor);
  /* margin-right: 2px; */
  border-right: 2px solid white;
  padding-top: 6px;
  padding-bottom: 6px;
  cursor: pointer;
  /* font-family: 'articulatcf-demibold', 'Open Sans', 'Lato'; */
  font-weight: 700;
}
.dashboard-button-active {
  background-color: var(--thrivehiregrey);
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
  /* margin-right: 2px; */
  /* padding-top: 6px; */
  /* padding-bottom: 6px; */
}

/* -------- RICH TEXT EDITOR --------- */
.editor__content {
  border: 1px solid #ced4da;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  color: #495057;
  font-size: 1rem;
  /* min-height: 100px; */ /* This does not work */
}

/* Get rid of the outline around the text in the tiptap editor */
.ProseMirror:focus {
  outline: none;
}

/* Sets the default minimum height of the rich text editor area */
.ProseMirror {
  min-height: 100px;
}
.editor__content p {
  margin-bottom: 0px;
}

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

/* -- CALENDAR/DATE PICKER -- */
.vdp-datepicker input {
  border-width: 0px;
  width: 100%; /* Make the inner date picking box fill the entire box */
  background-color: white !important;
}
.vdp-datepicker .vdp-datepicker__clear-button .input-group-text {
  background-color: white !important;
  border: white !important;
}
.vdp-datepicker input[type="text"]:focus {
  box-shadow: none;
  border: none;
}

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

/* This is used for candidate registration, employer registration, password reseting */

/* ------- Bootstrap sign up form ------- */

/* https://getbootstrap.com/docs/4.1/examples/sign-in/ - https://getbootstrap.com/docs/4.1/examples/sign-in/signin.css */
.registration-form {
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}
.form-signup {
  width: 100%;
  max-width: 330px;
  /* min-width: 300px; */
  padding: 15px;
  margin: auto;
}
.form-signup .checkbox {
  font-weight: 400;
}
.form-signup .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-control,
.form-control:focus {
  /* font-family: 'articulatcf-regular'; */
  font-size: 16px;
}
.form-control.signing-field {
  display: inline-block;
  width: unset;
  resize: both;
}

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

/* https://laracasts.com/discuss/channels/vue/vue-modal-make-it-scrollable-instead-of-background */

/* Restrict the height of modals so that they are fully visible on mobile */
.v--modal-overlay.scrollable .v--modal-box {
  max-height: 90vh;
  overflow-y: auto;
}
.content-block {
  max-width: 650px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
.content-block img {
  max-width: 100%;
}

/* ------- Styling for informational pages like about us, our team, etc. -------- */
.informational-heading {
  margin-top: 25px;
}
.informational-subheading {
  margin-top: 25px;
}
.informational-text-block {
  margin-bottom: 10px;
}
.informational-list {
  margin-bottom: 10px;
}

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

/* ---- Styling for multiselector ---- */
.multiselect__tag {
  margin-bottom: 0;
  background-color: var(--coredarkcolor);
}

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

/* --------- LISTINGS ---------- */
.listing-tile {
  background-color: var(--bootstrapgrey);
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}

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

/* --------- DOCUMENTS ---------- */
.document {
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 3%;
  padding-bottom: 3%;
}
.document p {
  margin-bottom: 10px;
  /* font-size: 1.2rem; */
}

/* ------------------------------ */
.agency-logo-container {
  text-align: center;
  margin-bottom: 50px;
}
.agency-logo-container > img {
  /* width: 20em; */
  /* max-height: 110px; */
  max-width: 400px; /* for super wide logos like gold coast nannies */
}

/* make process flow icon highlighted */
.process-flow-highlighted {
  border: solid 2px var(--coredarkcolor) !important;
  color: white !important;
  background-color: var(--coredarkcolor) !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  animation: processPulse 15s infinite;
}
.process-flow-highlighted:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  animation-play-state: paused;
}
@keyframes processPulse {
0%, 95% {
    transform: scale(1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: var(--coredarkcolor);
}
96% {
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(255, 193, 7, 0.6);
    background-color: #ffc107;
}
97% {
    transform: scale(1.15);
    box-shadow: 0 0 20px rgba(255, 193, 7, 0.8);
    background-color: #ffb300;
}
98% {
    transform: scale(1.1);
    box-shadow: 0 0 15px rgba(255, 193, 7, 0.6);
    background-color: #ffc107;
}
99% {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    background-color: var(--coredarkcolor);
}
100% {
    transform: scale(1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: var(--coredarkcolor);
}
}

/* make process flow icon highlighted */
.mobile-only {
  display: none;
}

/* ------------------- SMALL -------------------- */
@media (max-width: 768px) {
.mobile-only {
    display: inherit;
}
.web-only {
    display: none !important;
}

  /* ---- NAVBAR ---- */
.landing .dropdown-item {
    color: var(--coredarkcolor);
    /* font-family: 'Open Sans'; */
    font-size: 13px;
}
.navbar {
    padding-left: 0;
    padding-right: 0;
}

  /* ------- */
h1 {
    font-size: 2rem;
    line-height: 1.1;
}

  /* https://laracasts.com/discuss/channels/vue/vue-modal-make-it-scrollable-instead-of-background */
  /* Restrict the height of modals so that they are fully visible on mobile */
.v--modal-overlay.scrollable .v--modal-box {
    max-height: 80vh;
    overflow-y: auto;
}
.grouped-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.table {
    font-size: 13px;
}
.table .multiselect {
    font-size: 13px;
}
.table .multiselect__single {
    font-size: 13px;
}
.absolute-right-bottom {
    position: unset;
    right: auto;
    bottom: auto;
}
}
.required-field {
  color: red !important;
  font-weight: 600 !important;
  margin-top: 2px;
}
.required-message {
  color: red;
  font-weight: 600;
  margin-top: 2px;
}
.vld-overlay.is-full-page {
  z-index: 100000;
}
.submit-button-section {
  margin-top: 30px;
  display: flex;
  justify-content: flex-end;
}
.text-require-notice {
  font-size: 0.8rem;
  color: var(--coredarkcolor);
}
h3,
h4,
h5 {
  position: relative;
}
.edit-button {
  position: absolute;
  right: 0;
  cursor: pointer;
  width: 32px;
  height: 32px;
  opacity: 1;
  z-index: 1000;
  transition: all 0.2s ease;
  padding: 4px;
  border-radius: 4px;
  background-color: rgba(0, 123, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes pulse {
0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.4);
}
70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
}
100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
}
}
.edit-button:hover {
  background-color: rgba(0, 123, 255, 0.2);
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}
.edit-button > i {
  /* color: #007bff; */
  color: var(--coredarkcolor);
  font-size: 18px;
  font-weight: 500;
}
.add-button {
  position: absolute;
  right: 0;
  cursor: pointer;
  width: 32px;
  height: 32px;
  opacity: 1;
  z-index: 1000;
  transition: all 0.2s ease;
  padding: 4px;
  border-radius: 4px;
  background-color: rgba(0, 123, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-button:hover {
  background-color: rgba(0, 123, 255, 0.2);
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}
.add-button > i {
  color: #007bff;
  font-size: 22px;
  font-weight: 500;
}
.form-control-file {
  font-size: 0.8rem;
}
.time-picker > input {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.time-picker {
  padding: 0;
  border: none;
}
.description {
  font-size: 80%;
  font-weight: 400;
  margin-bottom: 5px;
  /* margin-top: 10px; */
  white-space: pre-line;
}
.description > div,
.description > span {
  white-space: normal;
}
.one-line-description {
  font-size: 80%;
  font-weight: 400;
  margin-bottom: 5px;
  margin-top: 3px;
}
.admin-description {
  font-size: 80%;
  font-weight: bold;
  margin-bottom: 5px;
  /* margin-top: 10px; */
  white-space: pre-line;
}
.icon-button {
  cursor: pointer;
}
.container-toast.toasted-container.top-right {
  right: 0;
}
.toasted-container {
  z-index: 1000000;
}
.container-toast > .toasted.success-toast.toasted-primary {
  background-color: #47d78a;
  border-radius: 4px;
  padding: 1em;
}
.success-toast > i {
  background-color: white;
  color: #47d78a;
  border-radius: 100%;
  padding: 0.1em;
  margin: 0.2em;
}
.vue-swatches__trigger {
  border: solid 1px grey;
}
.date-picker {
  padding: 0 !important;
}
.date-picker input {
  height: calc(1.5em + 0.75rem) !important;
  border-radius: 4px !important;
  padding-left: 0.75rem;
}

/* Style for form builder */
.field-container,
.item-container {
  display: flex;
  align-items: center;
  margin: 1em;
  flex-wrap: wrap;
}
.field-title,
.item-title {
  flex-basis: 13em;
  flex-shrink: 0;
}
.field-value,
.item-value {
  flex-grow: 1;
  flex-basis: 20em;
  flex-shrink: 0;
}
.space-left {
  flex-basis: 4em;
  display: flex;
}
.space-right {
  flex-basis: 2em;
  text-align: center;
}
.field-value,
.item-value {
  display: flex;
  align-items: center;
  padding-left: 2em;
}
.expand-button,
.collapse-button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 32px;
  height: 32px;
  opacity: 1;
  z-index: 1000;
  transition: all 0.2s ease;
  padding: 4px;
  border-radius: 4px;
  background-color: rgba(0, 123, 255, 0.1);
  flex-basis: 1.8em;
  margin-right: 8px;
}
.expand-button:hover,
.collapse-button:hover {
  background-color: rgba(0, 123, 255, 0.2);
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}
.delete-button {
  cursor: pointer;
  color: red;
}
.text-red {
  color: red;
}
.option-list-container {
  width: 100%;
}
.option-list-container > .multiselect .multiselect__tag {
  white-space: pre-wrap;
}
.button-group-container {
  display: flex;
}
.cancel-btn {
  flex-grow: 1;
}
.multiselect-option {
  display: flex;
  align-items: center;
}
.multiselect-icon {
  flex-basis: 20px;
}
.multiselect-icon > .material-icons {
  width: 30px;
}
.collapse-expand-button-container {
  display: flex;
}
.expand-btn {
  margin-right: 1em;
  margin-bottom: 1em;
}
.field-type-icon > .material-icons {
  width: 30px;
}
.edit-form-icon {
  cursor: pointer;
}
li .invalid-option {
  color: red;
  opacity: 0.5;
}

/* End of style for form builder */
.drag-drop-item {
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.drag-drop-item *:not(button) {
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.drag-drop-item:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.drag-drop-item *:not(button):active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.booking-detail label {
  margin-top: 2px !important;
}
.booking-detail .description {
  display: none;
}
.booking-detail .admin-description {
  display: none;
}
.calendar .cv-event {
  white-space: pre-wrap;
}
.calendar .cv-event:not(.unclickable) {
  cursor: pointer;
}
.theme-default .cv-event.continued::before,
.theme-default .cv-event.toBeContinued::after {
  color: #000;
}
.theme-default .cv-day.past {
  opacity: 0.8;
}

/* Hide remark in case of public view */
.profile-view-only .description:not(.public-visible) {
  display: none;
}
.info-key {
  font-weight: bold;
  margin-right: 0.5em;
  color: var(--coredarkcolor);
}
.inherit-color-section h3 {
  color: inherit;
}
.inherit-color-section label {
  color: inherit;
}
.inherit-color-section .info-key {
  color: inherit;
}
.inherit-color-section .dialog-container h3 {
  color: var(--coredarkcolor);
}
.inherit-color-section .dialog-container label {
  color: var(--coredarkcolor);
}
.inherit-color-section .dialog-container .info-key {
  color: var(--coredarkcolor);
}
.inherit-color-link {
  color: inherit;
}

/* Things to hide when embedding as an iframe - in particular for application forms */
.in-embed .agency-logo-container {
  display: none;
}
.in-embed .agency-owner {
  display: none;
}
.in-embed nav {
  display: none;
}
.in-embed {
  margin: 0;
}

/* Custom grid layout */
.col-lg-custom-24,
.col-lg-custom-48,
.col-lg-custom-72 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.header-calendar .cv-weeks {
  display: none;
}
@media (min-width: 992px) {
.col-lg-custom-24 {
    flex: 0 0 20%;
    max-width: 20%;
}
.col-lg-custom-48 {
    flex: 0 0 40%;
    max-width: 40%;
}
.col-lg-custom-72 {
    flex: 0 0 60%;
    max-width: 60%;
}
}

/* Style for customize checkbox */

/* The container */
.field-of-fields label.checkbox-container,
label.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  cursor: pointer;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 0;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: solid 2px #2196f3;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #2196f3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 8px;
  top: 3px;
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* End of style for customize checkbox */
.email-textbox > input {
  text-transform: lowercase;
}
.delete-icon {
  color: red;
  cursor: pointer;
}
.label-no-margin-top label {
  margin-top: 0;
}
.label-no-margin-top
  .field-of-fields.input-dialog-container
  label:not(.checkbox-label) {
  margin-top: 22px;
}
.label-small-margin-top label {
  margin-top: 0.5em;
}
.form-check-input:checked + label .highlight-selected {
  font-weight: bold;
}
.vue-tooltip-visible {
  z-index: 20000;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.vdp-datepicker .vdp-datepicker__clear-button {
  font-weight: bold;
  position: absolute;
  right: 8px;
}
.broadcast-dialog .data-table {
  max-height: 500px;
  overflow: auto;
  display: block;
}
.blaster-email-component .data-table {
  max-height: 500px;
  overflow: auto;
  display: block;
}
button:disabled,
button[disabled] {
  opacity: 0.5;
}
.enginehire-admin .obsolete-setting {
  opacity: 0.5;
}
.inline-edit-icon {
  cursor: pointer;
}
.day-month-picker .mx-input-wrapper {
  height: 100%;
}
.day-month-picker .mx-input-wrapper > div {
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 0.5em;
}
.day-month-picker-popup .mx-calendar-header {
  display: none;
}
.day-month-picker-popup .mx-table-date thead {
  display: none;
}
.form-control.mx-datepicker {
  display: block;
  width: 100%;
}
.form-control.mx-datepicker input {
  border: none;
}
.mx-datepicker-popup {
  z-index: 20000;
}
.submit-clicked .is-required:invalid {
  outline: solid red 2px;
}
.login-page {
  background-color: #f5f5f5;
}
.login-page .footer-panel {
  display: none;
}
.application-form-container {
  width: 75%;
}
h3.dialog-title {
  display: flex;
  flex-wrap: wrap;
}
h3.dialog-title span:first-child {
  padding-right: 0.25em;
}
.checkbox-option-profile-builder + div > label:first-child {
  margin-top: 10px;
}
.button-link {
  color: #007bff !important;
  cursor: pointer;
}
.inline-answer {
  display: inline;
}
.inline-answer > p {
  display: inline-flex;
}

/* Enginehow */
.enginehow-list-item {
  margin-top: 4px;
}
.other-buttons > span:not(:last-child)::after {
  content: "|";
  color: var(--coredarkcolor);
}
.view-only-access .edit-access-buttons {
  display: none;
}
.hide-logo .logo {
  display: none;
}
.copy-button {
  margin-left: 0.5em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  opacity: 1;
  z-index: 1000;
  transition: all 0.2s ease;
  padding: 4px;
  border-radius: 4px;
  background-color: rgba(0, 123, 255, 0.1);
  line-height: 1;
}
.copy-button:hover {
  background-color: rgba(0, 123, 255, 0.2);
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}
.copy-button:active {
  color: #007bff;
}
.timepicker-container .vue__time-picker .dropdown {
  height: 27em;
}
.timepicker-container .vue__time-picker .dropdown .select-list {
  height: 27em;
}
.section-template-container ul {
  display: inline-block;
}
@media (max-width: 992px) {
.dialog-container > .p-5 {
    padding: 2em !important;
}
.dialog-content-container > .p-5 {
    padding: 2em !important;
}
.top-level-div {
    padding-left: 2em;
    padding-right: 2em;
}
.calendar .cv-event {
    font-size: 0.9em;
}
.calendar .cv-day-number {
    font-size: 0.9em;
}
.application-form-container {
    width: 80%;
}
}
.form-label-btn {
  display: flex;
}
.form-label-btn > i {
  cursor: pointer;
}
@media (min-width: 769px) {
.col-md-custom-24 {
    flex: 0 0 20%;
    max-width: 20%;
}
}
@media (max-width: 768px) {
.shift-job-calendar h5 {
    font-size: 12px;
}
.dialog-container > .p-5 {
    padding: 1.5em !important;
}
.dialog-content-container > .p-5 {
    padding: 1.5em !important;
}
.top-level-div {
    padding-left: 1em;
    padding-right: 1em;
}
.calendar .cv-event {
    font-size: 0.8em;
}
.calendar .cv-day-number {
    font-size: 0.85em;
}
.calendar .cv-header .periodLabel {
    font-size: 1.2em;
}
.application-form-container {
    width: 85%;
}
h3.dialog-title {
    font-size: 1.5em;
}
.hide-editor-button-mobile .text-editor-component > .button-containers {
    display: none;
}
h4.mobile-smaller {
    font-size: 1.3em;
}
.calendar .cv-event.calendar-cv-event > div {
    padding: 2px !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
    border-radius: 2px !important;
    border-left-width: 2px !important;
}
}
@media (max-width: 600px) {
.dialog-container > .p-5 {
    padding: 1.2em 1em !important;
}
.dialog-content-container > .p-5 {
    padding: 1.2em 1em !important;
}
.top-level-div {
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.row > .calendar {
    padding: 0 4px;
}
.calendar .cv-event {
    font-size: 0.7em;
}
.calendar .cv-day-number {
    font-size: 0.75em;
}
.application-form-container {
    width: 90%;
}
.row .timepicker-container .vue__time-picker {
    width: 9em;
}
.row .timepicker-container .vue__time-picker input.display-time {
    width: 9em;
}
h3.dialog-title {
    font-size: 1.35em;
}
.mylisting-button {
    padding: 12px 15px;
}
}
@media (max-width: 400px) {
.row .timepicker-container .vue__time-picker {
    width: 6em;
}
.row .timepicker-container .vue__time-picker input.display-time {
    width: 6em;
}
h3.dialog-title {
    font-size: 1.2em;
}
h4.description {
    font-size: 1.1em;
}
h5.sub-title {
    font-size: 1.08em;
}
}
.enginehow-tooltip {
  left: -28px !important;
}
.cropper-crop-box,
.cropper-view-box {
  box-shadow: 0 0 0 1px #39f;
  outline: 0;
}
.cursor-pointer {
  cursor: pointer;
}
.section-body .section-template-container .display-content font {
  line-height: 19.2px;
}
#application-form-font-color h2,
#application-form-font-color h3,
#application-form-font-color h4,
#application-form-font-color h5,
#application-form-font-color label,
#application-form-font-color .form-type-label,
#application-form-font-color .item-option,
#application-form-font-color .item-label,
#application-form-font-color .list-item,
#application-form-font-color .description,
#application-form-font-color div b,
#application-form-font-color .step-status-text,
#application-form-font-color .step-status-text {
  color: var(--appFormFontColor) !important;
}
.application-form-font h1,
.application-form-font h2,
.application-form-font h3,
.application-form-font h4,
.application-form-font h5,
.application-form-font label,
.application-form-font .item-option,
.application-form-font .item-label,
.application-form-font .list-item,
.application-form-font .description,
.application-form-font div b,
.application-form-font .step-status-text,
.application-form-font .step-status-text {
  font-family: var(--appFormFont) !important;
}
.enginehire-help {
  border-radius: 50%;
}
.enginehire-help > i {
  font-size: 37px;
  border-radius: 50%;
}
.enginehire-help > i:hover {
  border-radius: 50%;
}
.make-ticket {
  border-radius: 50%;
}
.make-ticket > i {
  font-size: 27px;
  border-radius: 50%;
  padding: 5px;
}
.make-ticket > i:hover {
  border-radius: 50%;
}
.display-flex {
  display: flex;
}
.display-block {
  display: block;
}
.display-none {
  display: none;
}
.clear-button {
  display: block;
  cursor: pointer;
}
.item-label.header-label {
  padding-left: 0.5em;
}
.close-toast-btn {
  color: white !important;
}
.distance-remark {
  font-style: italic;
}
.space-item {
  flex-grow: 1;
}
.button-loading {
  border: 12px solid #f3f3f3; /* Light grey */
  border-top: 12px solid var(--coredarkcolor);
  border-radius: 50%;
  width: 44px;
  height: 44px;
  animation: spin 1.5s linear infinite;
}
@keyframes spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.button-done {
  font-size: 44px;
  color: var(--coredarkcolor);
}
.transparent-btn {
  display: flex;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  background: none;
  outline: none !important;
  cursor: default !important;
}
.broadcast-dialog .data-table .table .table-sticky-header {
  top: -2px !important;
}
.topic-description img {
  max-width: 100%;
}
h2.mobile-smaller {
  font-size: 3em;
}
@media (max-width: 600px) {
h2.mobile-smaller {
    font-size: 2em;
}
.top-agency-logo {
    height: unset;
    max-width: calc(100vw - 80px);
}
.top-logo-link {
    margin-right: 0;
}
}
.refresh-button {
  cursor: pointer;
}
.menu-bar-panel.sticky-summary {
  top: 88px !important;
}
@media (max-width: 768px) {
.menu-bar-panel.sticky-summary {
    top: 66px !important;
}
}
.overflow-x-auto {
  overflow-x: auto;
}
.start-date-filter {
  padding-right: 0.5em;
  flex-grow: 1;
}
.end-date-filter {
  padding-right: 0.5em;
  flex-grow: 1;
}
.spacing {
  flex-grow: 1;
}
.full-width {
  width: 100%;
}
.visible-icon {
  color: #adadad;
  cursor: pointer;
}
.edit-builder-icon {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  opacity: 1;
  z-index: 1000;
  transition: all 0.2s ease;
  padding: 4px;
  border-radius: 4px;
  background-color: rgba(0, 123, 255, 0.1);
  font-size: 18px;
  margin-right: 8px;
}
.edit-builder-icon:hover {
  background-color: rgba(0, 123, 255, 0.2);
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}
.add-option-icon {
  font-size: 12px;
}
.checkbox-column-header.inline-content {
  display: none;
}
.checkbox-column-content.inline-content {
  display: inline;
}
.checkbox-column-header.inline-content:after {
  content: ": ";
}
.checkbox-column-content.inline-content:not(:last-child):after {
  content: ", ";
}
.checkbox-column-content.inline-content:last-child:after {
  content: ".";
}
.document-container.submit-clicked .is-required.StripeElement--empty::after {
  content: "This field is required";
  display: block;
  color: red;
  font-weight: bold;
  margin-top: 0.5rem;
}
img.selectable.resizable {
  max-width: 100%;
}
.agency-setting-header {
  margin-bottom: 0.5rem;
}
.form-search {
  display: block;
  width: 100%;
  min-height: 43px;
  max-height: 50px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: 1px solid #e8e8e8;
  padding: 0.375rem 0.75rem 0.375rem 8px;
  outline: none;
}
.form-search::placeholder {
  color: #adadad;
}
.date-picker-filter > div > input::placeholder {
  color: #adadad;
}
.date-picker-filter > div > input {
  font-size: 14px;
}
.date-picker-filter {
  min-height: 43px;
  padding-top: 8px;
  border: 1px solid #e8e8e8;
}
.multilselect-order-field .multiselect__single {
  font-size: 14px;
  color: #adadad;
}
.multilselect-order-field .multiselect__tags {
  padding-top: 10px;
}
.multilselect-order-field .multiselect__single {
  margin-bottom: 10px;
}
table .multiselect-container .multiselect__content-wrapper {
  width: unset;
}
body.v--modal-block-scroll {
  padding-right: 15px;
}
.settings-icon.medium {
  font-size: 18px;
}
.disabled-row {
  opacity: 0.4;
}
.multiselect--active {
  z-index: 1001;
}
.vue__time-picker-dropdown {
  z-index: 100000;
}
.checkr-dialog-container {
  z-index: 999999999 !important;
  /* This will not be easily overwritten */
}
.checkr-dialog-content {
  z-index: 999999999 !important;
}
.card-img-top {
  height: 250px;
  max-width: 100%;
}
.tooltip {
  display: block !important;
  z-index: 100000;
}
.tooltip .tooltip-inner {
  background: black;
  color: white;
  border-radius: 16px;
  padding: 5px 10px 4px;
}
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: black;
  z-index: 1;
}
.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}
.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="right"] {
  margin-left: 5px;
}
.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip[x-placement^="left"] {
  margin-right: 5px;
}
.center-guide-tours-box {
  width: 1px;
  height: 1px;
  background-color: rgb(0, 0, 0);
  position: fixed;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -100000;
}
.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip.popover .popover-inner {
  background: #f9f9f9;
  color: black;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(black, 0.1);
}
.tooltip.popover .popover-arrow {
  border-color: #f9f9f9;
}
.tooltip[aria-hidden="true"] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
}
.tooltip[aria-hidden="false"] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}
.unlayer-editor > iframe {
  min-height: 500px !important;
}
.property-title {
  font-weight: bold;
  color: var(--coredarkcolor);
  margin-bottom: 0;
}
.v-tour .v-step {
  z-index: 1000000;
}
.gallery-container .lingalleryContainer .lingallery figure img {
  max-height: calc(100vh - 110px) !important;
}
.gallery-container
  .lingalleryContainer
  .lingallery
  div#largeView
  div#largeViewContainer {
  z-index: 99999;
}
.gallery-container
  .lingalleryContainer
  .lingallery
  div#largeView
  div#largeViewContainer
  img {
  max-height: 100%;
}
.edit-button-cell > i {
  font-size: 15px;
  margin-left: 0;
  cursor: pointer;
  /* color: #007bff; */
  color: var(--coredarkcolor);
}
.edit-suggested-charge {
  font-size: 15px;
  cursor: pointer;
  color: #007bff;
}
.calendar .cv-event.calendar-cv-event {
  border-color: transparent;
  background-color: transparent;
  padding: 0;
}
.calendar .cv-event.calendar-cv-event > div {
  padding: 4px;
  margin-left: 2px;
  margin-right: 2px;
  border-radius: 4px;
  border-style: solid;
}
.clickable-text {
  cursor: pointer;
  text-decoration: underline;
  color: #007bff;
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #1f4e78;
  background-color: #1f4e78;
}
.chip {
  color: white;
  background: linear-gradient(
    to right,
    var(--coredarkercolor) 50%,
    var(--coredarkcolor) 50%
  );
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.25s ease-out;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 6px 12px;
  margin: 6px 12px;
}
.ai-btn {
  position: fixed;
  bottom: 155px;
  right: 4px;
  z-index: 100000;
  font-size: 27px;
  padding: 5px;
  border-radius: 50%;
  color: white;
  background-color: rgb(0, 123, 255);
  cursor: pointer;
}
.ai-full-btn {
  position: fixed;
  bottom: 15px;
  right: 190px;
  z-index: 100000;
  color: white;
  text-align: center;
  padding: 5px 10px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  white-space: nowrap;
  border: none;
  border-radius: 5px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.enginehire-help-large {
  font-size: 58px !important;
}
.chat-view .dialog-container {
  height: 90vh !important;
}
.no-transform-text {
  text-transform: none;
}
.vue__time-picker-dropdown {
  z-index: 1000000 !important;
}
.help-section {
  position: relative;
  display: flex;
  align-items: center;
}
.toggle-arrow {
  transition: transform 0.3s ease;
}
.toggle-arrow.open {
  transform: rotate(180deg);
}
.recent-access-btn {
  color: white;
  cursor: pointer;
  text-align: center;
  padding: 5px 10px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  white-space: nowrap;
  border: none;
  border-radius: 5px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.recent-access-btn-left-100 {
  left: 100px;
}
.recent-access-btn > i {
  font-size: 40px;
  color: var(--coredarkcolor);
}
.display-layout-container input {
  pointer-events: none;
}
.display-layout-container textarea {
  pointer-events: none;
}
.multilines-text {
  display: block;
  white-space: pre-wrap;
}
.footer-bottom-container {
  position: fixed;
  bottom: 24px;
  z-index: 9989 !important;
}
.bottom-container-wrapper {
  display: flex;
  gap: 5px;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding-left: 84px;
}
.learn-link {
  display: inline-flex;
  align-items: center;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 8px 12px;
  color: #007bff;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.2s ease;
}
.learn-link:hover {
  background-color: #e9ecef;
  text-decoration: none;
  border-color: #ced4da;
}
.learn-link i {
  font-size: 18px;
}
.action-needed-warning {
  display: flex;
  align-items: center;
  background: #fff8e1;
  border: 1.5px solid #ff9800;
  border-radius: 8px;
  padding: 1rem;
  box-shadow: 0 2px 8px rgba(255, 152, 0, 0.08);
  position: relative;
}
.action-needed-icon {
  color: #ff9800;
  font-size: 32px;
  margin-right: 16px;
  flex-shrink: 0;
}
.action-needed-content {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 18px;
}
.action-needed-text {
  color: #c66900;
  font-weight: 700;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.3;
  display: inline-block;
}
.action-needed-warning b {
  color: #c66900;
}
.action-needed-btn {
  background: #ff9800 !important;
  color: #fff !important;
  font-weight: 600;
  border-radius: 5px;
  box-shadow: 0 2px 6px rgba(255, 152, 0, 0.12);
  transition: background 0.2s;
  margin-bottom: 0;
  margin-top: 0;
  padding: 6px 18px;
  font-size: 0.98rem;
  white-space: nowrap;
}
.action-needed-btn:hover {
  background: #e65100 !important;
  color: #fff !important;
}

/* Modern onboarding message */
.onboarding-message {
  margin-bottom: 1.25rem;
}
.onboarding-card {
  background: #fafbfc;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  color: #4b5563;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-left: 4px solid var(--coredarkcolor);
}
.onboarding-card p {
  margin: 0;
  line-height: 1.5;
  font-size: 14px;
}

/* Responsive design for onboarding */
@media (max-width: 768px) {
.onboarding-card {
    text-align: center;
}
}
.editable-field-container .fillable.mx-datepicker .mx-input {
  background-color: #f0f4ff !important;
}

/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

.detail-info[data-v-bf9f2a5e] {
  white-space: pre-wrap;
}
.sub-header-detail[data-v-bf9f2a5e],
.header-detail[data-v-bf9f2a5e] {
  margin-top: 1.25em;
  margin-bottom: -0.5em;
  padding-left: 15px;
}
.sub-header-detail > h5[data-v-bf9f2a5e] {
  margin-bottom: 0;
}
.label-no-margin-top .sub-header-detail[data-v-bf9f2a5e] {
  margin-bottom: 0.5em;
}
.label-no-margin-top .header-detail[data-v-bf9f2a5e] {
  margin-bottom: 0.5em;
}
.col-lg-12 > .sub-header-detail[data-v-bf9f2a5e] {
  padding-left: 0;
}
.image-display[data-v-bf9f2a5e] {
  max-width: 100%;
  max-height: 10em;
}
.image-at-top[data-v-bf9f2a5e] {
  max-width: 100%;
  max-height: 10em;
  position: absolute;
  top: 0;
  right: 1.5em;
}
.field-of-fields[data-v-bf9f2a5e] {
  position: relative;
}
.space-empty-label[data-v-bf9f2a5e] {
  margin-top: 12px;
}
.display-label[data-v-bf9f2a5e] {
  display: inline-flex;
  align-items: center;
}
.display-label > i.material-icons[data-v-bf9f2a5e] {
  font-size: 18px;
}
.field-of-fields.no-label-margin label[data-v-bf9f2a5e] {
  margin-top: 5px;
}

.info-icon[data-v-c2865344] {
  color: white;
  font-size: 22px;
  margin-top: 0.1em;
}
.help-panel-container[data-v-c2865344] {
  background-color: var(--coredarkcolor);
  color: var(--corelightcolor);
  padding: 1.3em;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, .25);
  box-shadow: -1px 15px 30px -15px rgb(32, 32, 32);
}
.help-panel-container > .link-container > div > p[data-v-c2865344] {
  color: var(--corelightcolor);
  font-weight: 600;
  font-size: 1.15em;
  margin-bottom: 0.5em;
}
.link-container[data-v-c2865344] {
  display: flex;
  gap: 5px;
  flex-grow: 1;
  align-items: flex-start;
}
.temp-info-container[data-v-c2865344] {
  align-items: center;
}
.button-container[data-v-c2865344] {
  display: flex;
  gap: 0.5em;
}
@media (max-width: 576px) {
.button-container[data-v-c2865344] {
    flex-direction: column;
}
}

.setting-container[data-v-c2d815e4] {
  display: inline-block;
  display: flex;
  align-items: center;
}
.setting-container > i[data-v-c2d815e4] {
  cursor: pointer;
  opacity: 0.8;
}
.setting-container > i.drag-icon[data-v-c2d815e4] {
  cursor: grab;
}
.setting-container > i.small[data-v-c2d815e4] {
  font-size: 12px;
}

.setting-container[data-v-7e71d509] {
  display: inline-block;
  display: flex;
  align-items: center;
}
.settings-icon[data-v-7e71d509] {
  cursor: pointer;
  opacity: 0.8;
  color: var(--coredarkcolor);
}
.settings-icon[data-v-7e71d509] {
  font-size: 14px;
}
.settings-icon.small[data-v-7e71d509] {
  font-size: 10px;
}
.mx-icon-left:before,.mx-icon-right:before,.mx-icon-double-left:before,.mx-icon-double-right:before,.mx-icon-double-left:after,.mx-icon-double-right:after{content:"";position:relative;top:-1px;display:inline-block;width:10px;height:10px;vertical-align:middle;border-style:solid;border-color:currentColor;border-width:2px 0 0 2px;border-radius:1px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-45deg) scale(0.7);transform:rotate(-45deg) scale(0.7)}.mx-icon-double-left:after{left:-4px}.mx-icon-double-right:before{left:4px}.mx-icon-right:before,.mx-icon-double-right:before,.mx-icon-double-right:after{-webkit-transform:rotate(135deg) scale(0.7);transform:rotate(135deg) scale(0.7)}.mx-btn{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1;font-size:14px;font-weight:500;padding:7px 15px;margin:0;cursor:pointer;background-color:transparent;outline:none;border:1px solid rgba(0,0,0,.1);border-radius:4px;color:#73879c;white-space:nowrap}.mx-btn:hover{border-color:#1284e7;color:#1284e7}.mx-btn:disabled,.mx-btn.disabled{color:#ccc;cursor:not-allowed}.mx-btn-text{border:0;padding:0 4px;text-align:left;line-height:inherit}.mx-scrollbar{height:100%}.mx-scrollbar:hover .mx-scrollbar-track{opacity:1}.mx-scrollbar-wrap{height:100%;overflow-x:hidden;overflow-y:auto}.mx-scrollbar-track{position:absolute;top:2px;right:2px;bottom:2px;width:6px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity .24s ease-out;transition:opacity .24s ease-out}.mx-scrollbar-track .mx-scrollbar-thumb{position:absolute;width:100%;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:background-color .3s;transition:background-color .3s}.mx-zoom-in-down-enter-active,.mx-zoom-in-down-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1);transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform-origin:center top;transform-origin:center top}.mx-zoom-in-down-enter,.mx-zoom-in-down-enter-from,.mx-zoom-in-down-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.mx-datepicker{position:relative;display:inline-block;width:210px}.mx-datepicker svg{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}.mx-datepicker-range{width:320px}.mx-datepicker-inline{width:auto}.mx-input-wrapper{position:relative}.mx-input{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:34px;padding:6px 30px;padding-left:10px;font-size:14px;line-height:1.4;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.mx-input:hover,.mx-input:focus{border-color:#409aff}.mx-input:disabled,.mx-input.disabled{color:#ccc;background-color:#f3f3f3;border-color:#ccc;cursor:not-allowed}.mx-input:focus{outline:none}.mx-input::-ms-clear{display:none}.mx-icon-calendar,.mx-icon-clear{position:absolute;top:50%;right:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;line-height:1;color:rgba(0,0,0,.5);vertical-align:middle}.mx-icon-clear{cursor:pointer}.mx-icon-clear:hover{color:rgba(0,0,0,.8)}.mx-datepicker-main{font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei",sans-serif;color:#73879c;background-color:#fff;border:1px solid #e8e8e8}.mx-datepicker-popup{position:absolute;margin-top:1px;margin-bottom:1px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);z-index:2001}.mx-datepicker-sidebar{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:100px;padding:6px;overflow:auto}.mx-datepicker-sidebar+.mx-datepicker-content{margin-left:100px;border-left:1px solid #e8e8e8}.mx-datepicker-body{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mx-btn-shortcut{display:block;padding:0 6px;line-height:24px}.mx-range-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width: 750px){.mx-range-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.mx-datepicker-header{padding:6px 8px;border-bottom:1px solid #e8e8e8}.mx-datepicker-footer{padding:6px 8px;text-align:right;border-top:1px solid #e8e8e8}.mx-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;width:248px;padding:6px 12px}.mx-calendar+.mx-calendar{border-left:1px solid #e8e8e8}.mx-calendar-header,.mx-time-header{-webkit-box-sizing:border-box;box-sizing:border-box;height:34px;line-height:34px;text-align:center;overflow:hidden}.mx-btn-icon-left,.mx-btn-icon-double-left{float:left}.mx-btn-icon-right,.mx-btn-icon-double-right{float:right}.mx-calendar-header-label{font-size:14px}.mx-calendar-decade-separator{margin:0 2px}.mx-calendar-decade-separator:after{content:"~"}.mx-calendar-content{position:relative;height:224px;-webkit-box-sizing:border-box;box-sizing:border-box}.mx-calendar-content .cell{cursor:pointer}.mx-calendar-content .cell:hover{color:#73879c;background-color:#f3f9fe}.mx-calendar-content .cell.active{color:#fff;background-color:#1284e7}.mx-calendar-content .cell.in-range,.mx-calendar-content .cell.hover-in-range{color:#73879c;background-color:#dbedfb}.mx-calendar-content .cell.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-calendar-week-mode .mx-date-row{cursor:pointer}.mx-calendar-week-mode .mx-date-row:hover{background-color:#f3f9fe}.mx-calendar-week-mode .mx-date-row.mx-active-week{background-color:#dbedfb}.mx-calendar-week-mode .mx-date-row .cell:hover{color:inherit;background-color:transparent}.mx-calendar-week-mode .mx-date-row .cell.active{color:inherit;background-color:transparent}.mx-week-number{opacity:.5}.mx-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.mx-table th{padding:0;font-weight:500;vertical-align:middle}.mx-table td{padding:0;vertical-align:middle}.mx-table-date td,.mx-table-date th{height:32px;font-size:12px}.mx-table-date .today{color:#2a90e9}.mx-table-date .cell.not-current-month{color:#ccc;background:none}.mx-time{-webkit-box-flex:1;-ms-flex:1;flex:1;width:224px;background:#fff}.mx-time+.mx-time{border-left:1px solid #e8e8e8}.mx-calendar-time{position:absolute;top:0;left:0;width:100%;height:100%}.mx-time-header{border-bottom:1px solid #e8e8e8}.mx-time-content{height:224px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.mx-time-columns{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;overflow:hidden}.mx-time-column{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;border-left:1px solid #e8e8e8;text-align:center}.mx-time-column:first-child{border-left:0}.mx-time-column .mx-time-list{margin:0;padding:0;list-style:none}.mx-time-column .mx-time-list::after{content:"";display:block;height:192px}.mx-time-column .mx-time-item{cursor:pointer;font-size:12px;height:32px;line-height:32px}.mx-time-column .mx-time-item:hover{color:#73879c;background-color:#f3f9fe}.mx-time-column .mx-time-item.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-column .mx-time-item.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-time-option{cursor:pointer;padding:8px 10px;font-size:14px;line-height:20px}.mx-time-option:hover{color:#73879c;background-color:#f3f9fe}.mx-time-option.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-option.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}
body.v-tour--active{pointer-events:none}.v-tour{pointer-events:auto}.v-tour__target--highlighted{-webkit-box-shadow:0 0 0 4px rgba(0,0,0,.4);box-shadow:0 0 0 4px rgba(0,0,0,.4);pointer-events:auto;z-index:9999}.v-tour__target--relative{position:relative}.v-step[data-v-54f9a632]{background:#50596c;color:#fff;max-width:320px;border-radius:3px;-webkit-box-shadow:transparent 0 0 0 0,transparent 0 0 0 0,rgba(0,0,0,.1) 0 4px 6px -1px,rgba(0,0,0,.06) 0 2px 4px -1px;box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:1rem;pointer-events:auto;text-align:center;z-index:10000}.v-step--sticky[data-v-54f9a632]{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.v-step--sticky .v-step__arrow[data-v-54f9a632]{display:none}.v-step__arrow[data-v-54f9a632],.v-step__arrow[data-v-54f9a632]:before{position:absolute;width:10px;height:10px;background:inherit}.v-step__arrow[data-v-54f9a632]{visibility:hidden}.v-step__arrow--dark[data-v-54f9a632]:before{background:#454d5d}.v-step__arrow[data-v-54f9a632]:before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-left:-5px}.v-step[data-popper-placement^=top]>.v-step__arrow[data-v-54f9a632]{bottom:-5px}.v-step[data-popper-placement^=bottom]>.v-step__arrow[data-v-54f9a632]{top:-5px}.v-step[data-popper-placement^=right]>.v-step__arrow[data-v-54f9a632]{left:-5px}.v-step[data-popper-placement^=left]>.v-step__arrow[data-v-54f9a632]{right:-5px}.v-step__header[data-v-54f9a632]{margin:-1rem -1rem .5rem;padding:.5rem;background-color:#454d5d;border-top-left-radius:3px;border-top-right-radius:3px}.v-step__content[data-v-54f9a632]{margin:0 0 1rem 0}.v-step__button[data-v-54f9a632]{background:transparent;border:.05rem solid #fff;border-radius:.1rem;color:#fff;cursor:pointer;display:inline-block;font-size:.8rem;height:1.8rem;line-height:1rem;outline:none;margin:0 .2rem;padding:.35rem .4rem;text-align:center;text-decoration:none;-webkit-transition:all .2s ease;transition:all .2s ease;vertical-align:middle;white-space:nowrap}.v-step__button[data-v-54f9a632]:hover{background-color:hsla(0,0%,100%,.95);color:#50596c}