/*Google Fonts*/
/* open-sans-300 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-800.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin_latin-ext_vietnamese-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}



@font-face {
    font-family: "Arsenal";
    src: url("../fonts/Arsenal-BoldItalic.eot");
    src: local("Arsenal Bold Italic"), local("Arsenal-BoldItalic"), url("../fonts/Arsenal-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Arsenal-BoldItalic.woff2") format("woff2"), url("../fonts/Arsenal-BoldItalic.woff") format("woff"), url("../fonts/Arsenal-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Arsenal";
    src: url("../fonts/Arsenal-Italic.eot");
    src: local("Arsenal Italic"), local("Arsenal-Italic"), url("../fonts/Arsenal-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Arsenal-Italic.woff2") format("woff2"), url("../fonts/Arsenal-Italic.woff") format("woff"), url("../fonts/Arsenal-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Arsenal";
    src: url("../fonts/Arsenal-Bold.eot");
    src: local("Arsenal Bold"), local("Arsenal-Bold"), url("../fonts/Arsenal-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Arsenal-Bold.woff2") format("woff2"), url("../fonts/Arsenal-Bold.woff") format("woff"), url("../fonts/Arsenal-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Arsenal";
    src: url("../fonts/Arsenal-Regular.eot");
    src: local("Arsenal"), local("Arsenal-Regular"), url("../fonts/Arsenal-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Arsenal-Regular.woff2") format("woff2"), url("../fonts/Arsenal-Regular.woff") format("woff"), url("../fonts/Arsenal-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}


/*Font Awesome Fonts*/
@import url('custom.css');
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.ttf') format('truetype');
}


.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
.u-secondary-navigation .active a {
  color: #339900;
}
.u-block-hover:hover .g-color-primary--hover,
.g-color-primary--hover:hover {
  color: #339900 !important;
}
/*------------------------------------
  Custom BG
------------------------------------*/
[class*="g-bgi-v"] {
  background-position: center;
  background-attachment: fixed;
}
.g-bgi-v1,
.g-bgi-v1 .u-outer-spaces-helper::after {
  background-image: url(https://htmlstream.com/preview/unify-v2.6.2/assets/img-temp/1920x1080/img1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.g-bgi-v2,
.g-bgi-v2 .u-outer-spaces-helper::after {
  background-image: url(https://htmlstream.com/preview/unify-v2.6.2/assets/img-temp/1920x1080/img2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.g-bgi-v3,
.g-bgi-v3 .u-outer-spaces-helper::after {
  background-image: url(https://htmlstream.com/preview/unify-v2.6.2/assets/img-temp/1920x1080/img3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.g-bgi-v4,
.g-bgi-v4 .u-outer-spaces-helper::after {
  background-image: url(https://htmlstream.com/preview/unify-v2.6.2/assets/img-temp/1920x1080/img4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.g-bgi-v5,
.g-bgi-v5 .u-outer-spaces-helper::after {
  background-image: url(https://htmlstream.com/preview/unify-v2.6.2/assets/img-temp/1920x1080/img5.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.g-bgi-v6,
.g-bgi-v6 .u-outer-spaces-helper::after {
  background-image: url(https://htmlstream.com/preview/unify-v2.6.2/assets/img-temp/1920x1080/img6.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.g-bgi-v7,
.g-bgi-v7 .u-outer-spaces-helper::after {
  background-image: url(https://htmlstream.com/preview/unify-v2.6.2/assets/img-temp/1920x1080/img7.jpg);
}
.g-bgi-v8,
.g-bgi-v8 .u-outer-spaces-helper::after {
  background-image: url(https://htmlstream.com/preview/unify-v2.6.2/assets/img/bg/pattern/bricks-white.png);
}
.g-bgi-v9,
.g-bgi-v9 .u-outer-spaces-helper::after {
  background-image: url(https://htmlstream.com/preview/unify-v2.6.2/assets/img/bg/pattern/math-dark.png);
}
.g-bgi-v10,
.g-bgi-v10 .u-outer-spaces-helper::after {
  background-image: url(https://htmlstream.com/preview/unify-v2.6.2/assets/img/bg/pattern/figures-light.png);
}
.g-bgi-v11,
.g-bgi-v11 .u-outer-spaces-helper::after {
  background-image: url(https://htmlstream.com/preview/unify-v2.6.2/assets/img/bg/pattern/footer-lodyas.png);
}
.g-bgi-v12,
.g-bgi-v12 .u-outer-spaces-helper::after {
  background-image: url(https://htmlstream.com/preview/unify-v2.6.2/assets/img/bg/pattern/doodles.png);
}
.g-bgi-v13,
.g-bgi-v13 .u-outer-spaces-helper::after {
  background-image: url(https://htmlstream.com/preview/unify-v2.6.2/assets/img/bg/pattern/darkness.png);
}
.g-bgi-v14,
.g-bgi-v14 .u-outer-spaces-helper::after {
  background-image: url(https://htmlstream.com/preview/unify-v2.6.2/assets/img/bg/pattern/memphis-colorful.png);
}
/*------------------------------------
  Boxed layout
------------------------------------*/
.g-layout-boxed,
.g-layout-semiboxed {
  background-color: #f7f7f7;
}
.u-outer-space-v1 .g-layout-boxed::after,
.u-outer-space-v2 .g-layout-boxed::after,
.u-outer-space-v1 .g-layout-semiboxed::after,
.u-outer-space-v2 .g-layout-semiboxed::after {
  border-bottom-color: #f7f7f7;
}
.g-layout-boxed main,
.g-layout-semiboxed main {
  position: relative;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) {
  .g-layout-boxed main {
    width: 1140px;
  }
}
@media (min-width: 1400px) {
  .g-layout-semiboxed main {
    width: 1340px;
  }
}
@media (min-width: 768px) {
  .u-outer-space-v1 {
    margin: 20px;
  }
}
@media (min-width: 768px) {
  .u-outer-space-v1 body {
    height: calc(100% - 40px);
    min-height: calc(100% - 40px);
  }
}
@media (min-width: 768px) {
  .u-outer-space-v2 {
    margin: 40px;
  }
}
@media (min-width: 768px) {
  .u-outer-space-v2 body {
    height: calc(100% - 80px);
    min-height: calc(100% - 80px);
  }
}
/*------------------------------------
  Dark Theme
------------------------------------*/
.g-dark-theme {
  background-color: #000;
  color: #fff;
}
.g-dark-theme main {
  background-color: #222;
}
.g-dark-theme .u-header__section {
  background-color: #222;
}
.g-dark-theme .u-header__section:not([class*="g-bg-white"]) .toolbar-item .toolbar-link {
  color: #fff;
}
.g-dark-theme .u-header__section:not([class*="g-bg-white"]) .navbar-nav .active > .nav-link {
  color: rgba(255, 255, 255, 0.7);
}
.g-dark-theme .u-btn-inset::before {
  border-color: #222;
}
/*------------------------------------
  Fonts
------------------------------------*/
body {
  font-family: Open Sans, Helvetica, Arial, sans-serif;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: Open Sans, Helvetica, Arial, sans-serif;
}
a {
  color: #339900;
  outline: none;
}
a:focus,
a:hover {
  color: #2b8000;
}
/*------------------------------------
  Bootstrap
------------------------------------*/
.page-link,
.page-link:hover,
.page-link:focus,
.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
  color: #339900;
}
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover,
.btn-primary,
.btn-primary:disabled,
.btn-primary.disabled {
  --bs-btn-color: #fff;
  --bs-btn-bg: #339900;
  --bs-btn-border-color: #2f8d00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #308f00;
  --bs-btn-hover-border-color: #308f00;
  --bs-btn-focus-shadow-rgb: 51, 153, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2b7307;
  --bs-btn-active-border-color: #2b7307;
  --bs-btn-active-shadow: none;
  border-color: #2f8d00;
  background-color: #339900;
}
.btn-outline-primary {
  color: #339900;
  border-color: #339900;
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: #308f00;
  border-color: #308f00;
}
.nav-pills .nav-item.show .nav-link,
.nav-pills .nav-link.active,
.progress-bar {
  background-color: #339900;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #308f00;
  border-color: #308f00;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 2px rgba(51, 153, 0, 0.5);
}
/*------------------------------------
  Background colors
------------------------------------*/
.g-bg-primary,
.g-bg-primary--hover:hover,
.g-parent:hover .g-bg-primary--parent-hover,
.g-bg-primary--active.active,
.active .g-bg-primary--active,
.g-parent.active .g-bg-primary--parent-active {
  background-color: #339900 !important;
}
.g-bg-primary--before::before,
.g-bg-primary--after::after {
  background-color: #339900 !important;
}
.g-bg-primary-opacity-0_1 {
  background-color: rgba(51, 153, 0, 0.1) !important;
}
.g-bg-primary-opacity-0_2,
.g-bg-primary-opacity-0_2--hover:hover,
.g-bg-primary-opacity-0_2--hover--after:hover::after,
.g-bg-primary-opacity-0_2--before::before,
.g-bg-primary-opacity-0_2--after::after {
  background-color: rgba(51, 153, 0, 0.2) !important;
}
.active .g-bg-primary-opacity-0_2--active {
  background-color: rgba(51, 153, 0, 0.2) !important;
}
.g-bg-primary-opacity-0_4,
.g-bg-primary-opacity-0_4--hover:hover,
.g-bg-primary-opacity-0_4--hover--after:hover::after,
.g-bg-primary-opacity-0_4--after::after {
  background-color: rgba(51, 153, 0, 0.4) !important;
}
.g-bg-primary-opacity-0_6,
.g-bg-primary-opacity-0_6--hover:hover,
.g-bg-primary-opacity-0_6--hover--after:hover::after,
.g-bg-primary-opacity-0_6--after::after {
  background-color: rgba(51, 153, 0, 0.6) !important;
}
.g-bg-primary-opacity-0_8,
.g-bg-primary-opacity-0_8--hover:hover,
.g-bg-primary-opacity-0_8--hover--after:hover::after,
.g-bg-primary-opacity-0_8--before::after,
.g-bg-primary-opacity-0_8--after::after,
.g-bg-primary-opacity-0_8--before--hover:hover::after,
.g-bg-primary-opacity-0_8--after--hover:hover::after {
  background-color: rgba(51, 153, 0, 0.8) !important;
}
.g-bg-primary-opacity-0_9,
.g-bg-primary-opacity-0_9--hover:hover,
.g-bg-primary-opacity-0_9--hover--after:hover::after,
.g-bg-primary-opacity-0_9--before::after,
.g-bg-primary-opacity-0_9--after::after,
.g-bg-primary-opacity-0_9--before--hover:hover::after,
.g-bg-primary-opacity-0_9--after--hover:hover::after {
  background-color: rgba(51, 153, 0, 0.9) !important;
}
.g-bg-primary-dark-v1 {
  background-color: #308f00 !important;
}
.g-bg-primary-dark-v2 {
  background-color: #2b8000 !important;
}
.g-bg-primary-dark-v3 {
  background-color: #226600 !important;
}
/*.g-bg-primary-gradient-opacity-v1,
.g-bg-primary-gradient-opacity-v1--after::after {
  background: linear-gradient(to bottom, rgba(red(@customColor), green(@customColor), blue(@customColor), .5), rgba(red(@customColor), green(@customColor), blue(@customColor), 1));
}*/
/*------------------------------------
  Border colors
------------------------------------*/
.g-brd-primary,
.g-brd-primary--before::before,
.g-brd-primary--before--active.active::before,
.slick-active .g-brd-primary--before--active::before,
.g-brd-primary--hover:hover,
.g-brd-primary--active.active,
.g-brd-primary--active.cbp-filter-item-active,
.slick-active .g-brd-primary--active,
*:hover > .g-brd-primary--hover-parent {
  border-color: #339900 !important;
}
.g-brd-primary-opacity-0_3,
.g-brd-primary-opacity-0_3--hover:hover,
.g-brd-primary-opacity-0_3--active.active,
.g-brd-primary-opacity-0_3--active.cbp-filter-item-active,
*:hover > .g-brd-primary-opacity-0_3--hover-parent {
  border-color: rgba(51, 153, 0, 0.3) !important;
}
.g-brd-primary-top,
.g-brd-primary-top--before::before,
.g-brd-primary-top--hover:hover,
.g-brd-primary-top--hover:hover::after,
.g-brd-primary-top--active.active,
.g-brd-primary-top--active.active::after {
  border-top-color: #339900 !important;
}
.g-brd-primary-bottom,
.g-brd-primary-bottom--before::before,
.g-brd-primary-bottom--hover:hover,
.g-brd-primary-bottom--hover:hover::after,
.g-brd-primary-bottom--active.active,
.g-brd-primary-bottom--active.active::after {
  border-bottom-color: #339900 !important;
}
.g-brd-primary-left,
.g-brd-primary-left--before::before {
  border-left-color: #339900 !important;
}
.g-brd-primary-right,
.g-brd-primary-right--before::before {
  border-right-color: #339900 !important;
}
.g-brd-primary-opacity-0_3-top {
  border-top-color: rgba(51, 153, 0, 0.3) !important;
}
.g-brd-primary-opacity-0_3-bottom {
  border-bottom-color: rgba(51, 153, 0, 0.3) !important;
}
.g-brd-primary-opacity-0_3-left {
  border-left-color: rgba(51, 153, 0, 0.3) !important;
}
.g-brd-primary-opacity-0_3-right {
  border-right-color: rgba(51, 153, 0, 0.3) !important;
}
.g-brd-primary-dark-dark-v1,
.g-brd-primary-dark-dark-v1--hover:hover,
.g-brd-primary-dark-dark-v1--active.active,
.g-brd-primary-dark-dark-v1--active.cbp-filter-item-active,
*:hover > .g-brd-primary-dark-dark-v1--hover-parent {
  border-color: #308f00 !important;
}
.g-brd-primary-dark-dark-v2,
.g-brd-primary-dark-dark-v2--hover:hover,
.g-brd-primary-dark-dark-v2--active.active,
.g-brd-primary-dark-dark-v2--active.cbp-filter-item-active,
*:hover > .g-brd-primary-dark-dark-v2--hover-parent {
  border-color: #2b8000 !important;
}
.g-brd-primary-dark-dark-v3,
.g-brd-primary-dark-dark-v3--hover:hover,
.g-brd-primary-dark-dark-v3--active.active,
.g-brd-primary-dark-dark-v3--active.cbp-filter-item-active,
*:hover > .g-brd-primary-dark-dark-v3--hover-parent {
  border-color: #226600 !important;
}
.g-brd-primary-dark-dark-v1-top {
  border-top-color: #308f00 !important;
}
.g-brd-primary-dark-dark-v1-bottom {
  border-bottom-color: #308f00 !important;
}
.g-brd-primary-dark-dark-v1-left {
  border-left-color: #308f00 !important;
}
.g-brd-primary-dark-dark-v1-right {
  border-right-color: #308f00 !important;
}
.g-brd-primary-dark-dark-v2-top {
  border-top-color: #2b8000 !important;
}
.g-brd-primary-dark-dark-v2-bottom {
  border-bottom-color: #2b8000 !important;
}
.g-brd-primary-dark-dark-v2-left {
  border-left-color: #2b8000 !important;
}
.g-brd-primary-dark-dark-v2-right {
  border-right-color: #2b8000 !important;
}
.g-brd-primary-dark-dark-v3-top {
  border-top-color: #226600 !important;
}
.g-brd-primary-dark-dark-v3-bottom {
  border-bottom-color: #226600 !important;
}
.g-brd-primary-dark-dark-v3-left {
  border-left-color: #226600 !important;
}
.g-brd-primary-dark-dark-v3-right {
  border-right-color: #226600 !important;
}
/*------------------------------------
  Colors
------------------------------------*/
.g-color-primary,
.g-color-primary--hover:hover,
.g-color-primary--active.cbp-filter-item-active {
  color: #339900 !important;
}
.g-color-primary-opacity-0_3 {
  color: rgba(51, 153, 0, 0.3) !important;
}
.g-color-primary-opacity-0_4 {
  color: rgba(51, 153, 0, 0.4) !important;
}
.g-color-primary--before::before,
.g-color-primary--after::after {
  color: #339900;
}
/*------------------------------------
  Box-shadows
------------------------------------*/
.u-shadow-v13 {
  box-shadow: inset 2px 2px 2px 0 #339900;
}
/*------------------------------------
  Fill colors
------------------------------------*/
.g-fill-primary,
.g-fill-primary path,
.g-fill-primary polygon,
.g-fill-primary--hover:hover path,
.g-fill-primary--hover:hover polygon,
*:hover > * > .g-fill-primary--hover-parent svg path,
*:hover > * > .g-fill-primary--hover-parent svg polygon {
  fill: #339900 !important;
}
/*------------------------------------
  Highlight Color
------------------------------------*/
::-moz-selection {
  background-color: #339900;
}
::selection {
  background-color: #339900;
}
.g-bg-primary ::-moz-selection {
  color: #339900;
}
.g-bg-primary ::selection {
  color: #339900;
}
/*------------------------------------
  Buttons
------------------------------------*/
.u-btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #339900;
  --bs-btn-border-color: #339900;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #297a00;
  --bs-btn-hover-border-color: #297a00;
  --bs-btn-focus-shadow-rgb: 51, 153, 0;
  --bs-btn-focus-box-shadow: none;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #297a00;
  --bs-btn-active-border-color: #297a00;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #339900;
  --bs-btn-disabled-border-color: #339900;
  --bs-btn-disabled-opacity: 0.45;
  background-color: #339900;
  border: 1px solid #339900;
}

.u-btn-primary:hover,
.u-btn-primary.active,
.u-btn-primary.cbp-filter-item-active {
  border-color: #297a00;
  background-color: #297a00;
}
.u-btn-primary.u-btn-hover-v1-1::after,
.u-btn-primary.u-btn-hover-v1-1:hover::after,
.u-btn-primary.u-btn-hover-v1-2::after,
.u-btn-primary.u-btn-hover-v1-2:hover::after,
.u-btn-primary.u-btn-hover-v1-3::after,
.u-btn-primary.u-btn-hover-v1-3:hover::after,
.u-btn-primary.u-btn-hover-v1-4::after,
.u-btn-primary.u-btn-hover-v1-4:hover::after,
.u-btn-primary.u-btn-hover-v2-1::after,
.u-btn-primary.u-btn-hover-v2-1:hover::after,
.u-btn-primary.u-btn-hover-v2-2::after,
.u-btn-primary.u-btn-hover-v2-2:hover::after {
  background-color: #3cb300;
}
.u-btn-primary.u-btn-hover-v1-1:hover,
.u-btn-primary.u-btn-hover-v1-2:hover,
.u-btn-primary.u-btn-hover-v1-3:hover,
.u-btn-primary.u-btn-hover-v1-4:hover,
.u-btn-primary.u-btn-hover-v2-1:hover,
.u-btn-primary.u-btn-hover-v2-2:hover {
  background-color: #339900;
}
.u-btn-outline-primary {
  --bs-btn-color: #339900;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #339900;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #339900;
  --bs-btn-hover-border-color: #339900;
  --bs-btn-focus-shadow-rgb: 51, 153, 0;
  --bs-btn-focus-box-shadow: none;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #339900;
  --bs-btn-active-border-color: #339900;
  --bs-btn-active-shadow: none;
  color: #339900;
  border-color: #339900;
}
.u-btn-outline-primary:hover,
.u-btn-outline-primary:focus,
.u-btn-outline-primary:focus-visible,
.u-btn-outline-primary:active,
.u-btn-outline-primary.active,
.u-btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .u-btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #339900;
  border-color: #339900;
  box-shadow: none;
  outline: none;
}

.u-btn-red {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f00;
  --bs-btn-border-color: #f00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ff3333;
  --bs-btn-hover-border-color: #ff3333;
  --bs-btn-focus-shadow-rgb: 255, 0, 0;
  --bs-btn-focus-box-shadow: none;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ff3333;
  --bs-btn-active-border-color: #ff3333;
  --bs-btn-active-shadow: none;
}

.u-btn-red:hover,
.u-btn-red:focus,
.u-btn-red:focus-visible,
.u-btn-red:active,
.u-btn-red.active,
.u-btn-red:not(:disabled):not(.disabled):active,
.show > .u-btn-red.dropdown-toggle {
  color: #fff;
  background-color: #ff3333;
  border-color: #ff3333;
  box-shadow: none;
  outline: none;
}

.u-btn-blue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #3398dc;
  --bs-btn-border-color: #3398dc;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5faee3;
  --bs-btn-hover-border-color: #5faee3;
  --bs-btn-focus-box-shadow: none;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5faee3;
  --bs-btn-active-border-color: #5faee3;
  --bs-btn-active-shadow: none;
}

.u-btn-blue:hover,
.u-btn-blue:focus,
.u-btn-blue:focus-visible,
.u-btn-blue:active,
.u-btn-blue.active,
.u-btn-blue:not(:disabled):not(.disabled):active,
.show > .u-btn-blue.dropdown-toggle {
  color: #fff;
  background-color: #5faee3;
  border-color: #5faee3;
  box-shadow: none !important;
  outline: none !important;
}

.u-btn-white {
  --bs-btn-color: #555;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #555;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #fff;
  --bs-btn-focus-box-shadow: none;
  --bs-btn-active-color: #555;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #fff;
  --bs-btn-active-shadow: none;
}

.u-btn-white:hover,
.u-btn-white:focus,
.u-btn-white:focus-visible,
.u-btn-white:active,
.u-btn-white.active,
.u-btn-white:not(:disabled):not(.disabled):active,
.show > .u-btn-white.dropdown-toggle {
  color: #555;
  background-color: #fff;
  border-color: #fff;
  box-shadow: none;
  outline: none;
}

.u-btn-outline-white {
  --bs-btn-color: #fff;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #555;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #fff;
  --bs-btn-focus-box-shadow: none;
  --bs-btn-active-color: #555;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #fff;
  --bs-btn-active-shadow: none;
}

.u-btn-outline-white:hover,
.u-btn-outline-white:focus,
.u-btn-outline-white:focus-visible,
.u-btn-outline-white:active,
.u-btn-outline-white.active,
.u-btn-outline-white:not(:disabled):not(.disabled):active,
.show > .u-btn-outline-white.dropdown-toggle {
  color: #555;
  background-color: #fff;
  border-color: #fff;
  box-shadow: none;
  outline: none;
}

.u-btn-outline-darkgray {
  --bs-btn-color: #333;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #333;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #333;
  --bs-btn-hover-border-color: #333;
  --bs-btn-focus-box-shadow: none;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #333;
  --bs-btn-active-border-color: #333;
  --bs-btn-active-shadow: none;
}

.u-btn-outline-darkgray:hover,
.u-btn-outline-darkgray:focus,
.u-btn-outline-darkgray:focus-visible,
.u-btn-outline-darkgray:active,
.u-btn-outline-darkgray.active,
.u-btn-outline-darkgray:not(:disabled):not(.disabled):active,
.show > .u-btn-outline-darkgray.dropdown-toggle {
  color: #fff;
  background-color: #333;
  border-color: #333;
  box-shadow: none;
  outline: none;
}

.u-btn-outline-lightgray {
  --bs-btn-color: #555;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #eee;
  --bs-btn-hover-color: #555;
  --bs-btn-hover-bg: #eee;
  --bs-btn-hover-border-color: #eee;
  --bs-btn-focus-box-shadow: none;
  --bs-btn-active-color: #555;
  --bs-btn-active-bg: #eee;
  --bs-btn-active-border-color: #eee;
  --bs-btn-active-shadow: none;
}

.u-btn-outline-lightgray:hover,
.u-btn-outline-lightgray:focus,
.u-btn-outline-lightgray:focus-visible,
.u-btn-outline-lightgray:active,
.u-btn-outline-lightgray.active,
.u-btn-outline-lightgray:not(:disabled):not(.disabled):active,
.show > .u-btn-outline-lightgray.dropdown-toggle {
  color: #555;
  background-color: #eee;
  border-color: #eee;
  box-shadow: none;
  outline: none;
}

.u-btn-outline-primary.u-btn-hover-v1-1::after,
.u-btn-outline-primary.u-btn-hover-v1-1:hover::after,
.u-btn-outline-primary.u-btn-hover-v1-2::after,
.u-btn-outline-primary.u-btn-hover-v1-2:hover::after,
.u-btn-outline-primary.u-btn-hover-v1-3::after,
.u-btn-outline-primary.u-btn-hover-v1-3:hover::after,
.u-btn-outline-primary.u-btn-hover-v1-4::after,
.u-btn-outline-primary.u-btn-hover-v1-4:hover::after,
.u-btn-outline-primary.u-btn-hover-v2-1::after,
.u-btn-outline-primary.u-btn-hover-v2-1:hover::after,
.u-btn-outline-primary.u-btn-hover-v2-2::after,
.u-btn-outline-primary.u-btn-hover-v2-2:hover::after,
.u-btn-outline-primary.u-btn-hover-v3-1::after,
.u-btn-outline-primary.u-btn-hover-v3-1:hover::after {
  background-color: rgba(51, 153, 0, 0.95);
}
/*------------------------------------
  Checkboxes & Radio Buttons
------------------------------------*/
.u-check input[type="checkbox"]:checked + .u-check-icon-font i,
.u-check input[type="radio"]:checked + .u-check-icon-font i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-font i,
.u-check input[type="radio"]:checked + * .u-check-icon-font i {
  color: #339900;
}
.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v1,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v1,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v1,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v1,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v1,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v1,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v1,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v1,
.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v7,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v7,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v7,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v7,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v7,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v7,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v7,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v7 {
    background-color: #fff;
    border-color: #339900;
}
.u-check-icon-checkbox-v2,
.u-check-icon-radio-v2,
.u-check-icon-checkbox-v3,
.u-check-icon-radio-v3 {
  border-color: #339900;
}
.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v4,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v4,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v4,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v4,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v4,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v4,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v4,
.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v8,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 {
  color: #339900;
  border-color: #339900;
}
.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v5 i,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v5 i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v5 i,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v5 i,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v5 i,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v5 i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v5 i,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v5 i {
  border-color: #339900;
}
.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 i,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v6 i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v6 i,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v6 i,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v6 i,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v6 i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v6 i,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v6 i {
  background-color: #339900;
  border-color: #339900;
}
.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8 i::after,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8 i::after,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8 i::after,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8 i::after,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8 i::after,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v8 i::after,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8 i::after,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 i::after {
  background-color: #339900;
}
.u-checkbox-v1--checked-color-primary:checked + label {
  color: #339900 !important;
}
.u-checkbox-v1--checked-brd-primary:checked + label {
  border-color: #339900 !important;
}
/*------------------------------------
  Selects
------------------------------------*/
.u-select-v1 .chosen-results > li.highlighted,
.u-select-v1 .chosen-results > li.result-selected {
  background-color: rgba(51, 153, 0, 0.2);
  border-bottom-color: rgba(51, 153, 0, 0.2);
}
/*------------------------------------
  Arrows
------------------------------------*/
.u-arrow-v3:hover .u-arrow-icon-before,
.u-arrow-v3:hover .u-arrow-icon-after {
  background-color: #339900;
}
.u-arrow-v4:hover .u-arrow-icon,
.u-arrow-v7:hover .u-arrow-icon,
.u-arrow-v8:hover .u-arrow-icon {
  color: #339900;
}
.u-arrow-v14 .u-arrow-icon::before,
.u-arrow-v14 .u-arrow-icon::after {
  background: #339900;
}
/*------------------------------------
  Badges
------------------------------------*/
.u-badge-bg-primary::after {
  background-color: #339900;
}
/*------------------------------------
  Badges v2
------------------------------------*/
[class*="u-badge-v2"] {
  background-color: #339900;
}
/*------------------------------------
  Triangles
------------------------------------*/
.u-triangle-v1.u-triangle-top.g-bg-primary::before,
.u-triangle-v1.u-triangle-left.g-bg-primary::before,
.u-triangle-v1-2.u-triangle-top.g-bg-primary::before,
.u-triangle-v1-2.u-triangle-left.g-bg-primary::before,
.u-triangle-v2.u-triangle-top.g-bg-primary::before,
.u-triangle-v2.u-triangle-left.g-bg-primary::before,
.u-triangle-v5.u-triangle-top.g-bg-primary::before,
.u-triangle-v5.u-triangle-left.g-bg-primary::before,
.u-triangle-v6.u-triangle-top.g-bg-primary::before,
.u-triangle-v6.u-triangle-left.g-bg-primary::before {
  border-bottom-color: #339900;
}
.u-triangle-v1.u-triangle-bottom.g-bg-primary::before,
.u-triangle-v1.u-triangle-right.g-bg-primary::before,
.u-triangle-v1-2.u-triangle-bottom.g-bg-primary::before,
.u-triangle-v1-2.u-triangle-right.g-bg-primary::before,
.u-triangle-v2.u-triangle-bottom.g-bg-primary::before,
.u-triangle-v2.u-triangle-right.g-bg-primary::before,
.u-triangle-v5.u-triangle-bottom.g-bg-primary::before,
.u-triangle-v5.u-triangle-right.g-bg-primary::before,
.u-triangle-v6.u-triangle-bottom.g-bg-primary::before,
.u-triangle-v6.u-triangle-right.g-bg-primary::before {
  border-top-color: #339900;
}
.u-triangle-v1-2.u-triangle-left.g-bg-primary::before {
  border-right-color: #339900;
}
.u-triangle-v1-2.u-triangle-right.g-bg-primary::before {
  border-left-color: #339900;
}
.u-triangle-v3.u-triangle-top.g-bg-primary::before,
.u-triangle-v3.u-triangle-left.g-bg-primary::before {
  background-image: linear-gradient(to bottom right, transparent 49.6%, #339900 50%);
}
.u-triangle-v3.u-triangle-bottom.g-bg-primary::before,
.u-triangle-v3.u-triangle-right.g-bg-primary::before {
  background-image: linear-gradient(to top right, transparent 49.6%, #339900 50%);
}
.u-triangle-v4.u-triangle-top.g-bg-primary::before,
.u-triangle-v4.u-triangle-left.g-bg-primary::before {
  background-image: linear-gradient(to bottom right, transparent 49.6%, #339900 50%), linear-gradient(to bottom left, transparent 49.6%, #339900 50%);
}
.u-triangle-v4.u-triangle-bottom.g-bg-primary::before,
.u-triangle-v4.u-triangle-right.g-bg-primary::before {
  background-image: linear-gradient(to top right, transparent 49.6%, #339900 50%), linear-gradient(to top left, transparent 49.6%, #339900 50%);
}
.u-semicircle-v1.g-bg-primary::before {
  background: #339900;
}
.u-zigzag-top-primary::before {
  background: -webkit-linear-gradient(-225deg, #339900 10px, transparent 0) 0 10px, -webkit-linear-gradient(-315deg, #339900 10px, transparent 0) 0 10px;
}
@media (min-width: 768px) {
  .u-triangle-v1.u-triangle-left.g-bg-primary::before {
    border-right-color: #339900;
  }
  .u-triangle-v1.u-triangle-right.g-bg-primary::before {
    border-left-color: #339900;
  }
  .u-triangle-v3.u-triangle-left.g-bg-primary::before {
    background-image: linear-gradient(to bottom right, transparent 49.6%, #339900 50%);
  }
  .u-triangle-v3.u-triangle-right.g-bg-primary::before {
    background-image: linear-gradient(to bottom left, transparent 49.6%, #339900 50%);
  }
  .u-triangle-v4.u-triangle-left.g-bg-primary::before {
    background-image: linear-gradient(to bottom right, transparent 49.6%, #339900 50%), linear-gradient(to top right, transparent 49.6%, #339900 50%);
  }
  .u-triangle-v4.u-triangle-right.g-bg-primary::before {
    background-image: linear-gradient(to bottom left, transparent 49.6%, #339900 50%), linear-gradient(to top left, transparent 49.6%, #339900 50%);
  }
}
/*------------------------------------
  Block Hovers
------------------------------------*/
.u-block-hover:hover .u-block-hover__prop-bg-primary {
  background-color: #339900;
}
.u-block-hover:hover .u-block-hover__prop-bg-primary-opacity-0_9 {
  background-color: rgba(51, 153, 0, 0.9);
}
/*------------------------------------
  Blockquotes
------------------------------------*/
.u-blockquote-v3::before {
  color: #339900;
}
.u-blockquote-v7::before {
  background: #339900;
}
/*------------------------------------
  Carousel indicators
------------------------------------*/
.u-carousel-indicators-v1 li.slick-active span,
.u-carousel-indicators-v1--white li.slick-active span,
.u-carousel-indicators-v4 li.slick-active span,
.u-carousel-indicators-v8 li.slick-active span {
  background-color: #339900;
}
.u-carousel-indicators-v6 li.slick-active {
  color: #339900;
}
.u-carousel-indicators-v6 li.slick-active span {
  border-color: #339900;
}
.u-carousel-indicators-v9 li.slick-active,
.u-carousel-indicators-v10 li.slick-active {
  background-color: #339900;
}
.u-carousel-indicators-v18--white li span {
  background-color: #339900;
}
.u-carousel-indicators-v20 li span:hover,
.u-carousel-indicators-v20 li span:focus,
.u-carousel-indicators-v20--white li span:hover,
.u-carousel-indicators-v20--white li span:focus,
.u-carousel-indicators-v20 li.slick-active span,
.u-carousel-indicators-v20 li.slick-active span,
.u-carousel-indicators-v20--white li.slick-active span,
.u-carousel-indicators-v20--white li.slick-active span {
  border-color: #339900;
}
.u-carousel-indicators-v20--white li span::before {
  background: #339900;
  box-shadow: 0 0 1px #339900;
}
.u-carousel-indicators-v21--white li span::after {
  background-color: #339900;
}
.u-carousel-indicators-v22--white li span {
  background-color: #339900;
}
.u-carousel-indicators-v22--white li span::before {
  border-top-color: #339900;
}
.u-carousel-indicators-v22--white li.slick-active {
  border-color: #339900;
}
.u-carousel-indicators-v23--white .u-dots-helper::before {
  background: #339900;
}
.u-carousel-indicators-v24--white li span {
  border-color: #339900;
}
.u-carousel-indicators-v25--white li::before {
  background-color: #339900;
}
.u-carousel-indicators-v25--white li span:focus {
  background-color: #339900;
}
.u-carousel-indicators-v25--white li span::before {
  background-color: #339900;
}
.u-carousel-indicators-v25--white li.slick-active span {
  background-color: #339900;
}
.u-carousel-indicators-v26--white li::before,
.u-carousel-indicators-v26--white li::after,
.u-carousel-indicators-v26--vertical--white li::before,
.u-carousel-indicators-v26--vertical--white li::after {
  border-color: #339900;
}
.u-carousel-indicators-v27--white li span::before,
.u-carousel-indicators-v27--vertical--white li span::before {
  background: #339900;
}
.u-carousel-indicators-v28 li.slick-active span {
  background-color: #339900;
}
/*------------------------------------
  Paginations
------------------------------------*/
.u-pagination-v1-1--active,
.u-pagination-v1-1:hover,
.u-pagination-v1-1:focus {
  background-color: #339900;
  border-color: #339900;
}
.u-pagination-v1-2:hover,
.u-pagination-v1-2:focus {
  color: #339900;
  border-color: #339900;
}
.u-pagination-v1-2--active,
.u-pagination-v1-2--nav {
  background-color: #339900;
  border-color: #339900;
}
.u-pagination-v1-2--nav:hover {
  background-color: rgba(51, 153, 0, 0.8);
}
.u-pagination-v1-4:hover,
.u-pagination-v1-4:focus {
  color: #339900;
  border-color: #339900;
}
.u-pagination-v1-4--active {
  background-color: #339900;
  border-color: #339900;
}
/*------------------------------------
  Ribbons
------------------------------------*/
.u-ribbon-bookmark.g-bg-primary::after {
  border-color: #339900;
}
.u-ribbon-clip-v4__inner.g-bg-primary {
  box-shadow: 0 0 0 3px #339900, 0 21px 5px -18px rgba(0, 0, 0, 0.6);
}
/*------------------------------------
  Accordions
------------------------------------*/
.u-accordion-color-primary__header [aria-expanded="true"] {
  color: #339900 !important;
}
.u-accordion-bg-primary__header [aria-expanded="true"] {
  background-color: #339900 !important;
  border-color: #339900 !important;
}
.u-accordion-brd-primary__header [aria-expanded="true"] {
  border-color: #339900 !important;
}
.u-accordion-v2:nth-child(odd) {
  background-color: #2b8000;
}

/*------------------------------------
  Sliders
------------------------------------*/
.u-slider-v1.ui-slider .ui-slider-range {
  background: #339900;
}
.u-slider-v1.ui-slider .ui-slider-handle {
  border-color: #339900;
}
/*------------------------------------
  Headers
------------------------------------*/
.js-header-change-moment.g-bg-primary--shift {
  background-color: #339900;
}
.js-header-change-moment.g-bg-primary-semi-transparent--shift {
  background-color: rgba(51, 153, 0, 0.9);
}
/*------------------------------------
  Heading
------------------------------------*/
.u-heading-v5-color-primary .u-heading-v5__title::before {
  background: #339900;
}
.u-heading-massive-underline::before {
  background-color: #339900;
}
/*------------------------------------
  Effects
------------------------------------*/
.u-icon-effect-v1-1--hover::after,
.u-icon-effect-v1-2--hover::after {
  box-shadow: 0 0 0 1px #339900;
}
.u-icon-effect-v1-1--hover:hover,
.u-icon-effect-v1-2--hover:hover,
.u-icon-v4.u-icon-effect-v1-1--hover:hover .u-icon-v4-inner,
.u-icon-v4.u-icon-effect-v1-2--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-effect-v1-1--hover,
.u-icon-block--hover:hover .u-icon-effect-v1-2--hover,
.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-1--hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-2--hover .u-icon-v4-inner {
  border-color: #339900;
  background: #339900 !important;
}
.u-icon-effect-v2--hover:hover,
.u-icon-effect-v2--hover:hover::after {
  background: #339900;
}
.u-icon-effect-v5--hover.g-bg-primary:hover,
.u-icon-block--hover:hover .u-icon-effect-v5--hover.g-bg-primary,
.u-icon-effect-v5--hover.g-color-primary:hover,
.u-icon-block--hover:hover .u-icon-effect-v5--hover.g-color-primary {
  box-shadow: 0 0 10px 10px #339900;
}
.u-icon-v4-bg-primary {
  border-color: #339900;
}
.u-icon-v4-bg-primary .u-icon-v4-inner {
  background: #339900;
}
.u-icon-v4-bg-primary--hover:hover,
.u-icon-block--hover:hover .u-icon-v4-bg-primary--hover {
  border-color: #339900;
}
.u-icon-v4-bg-primary--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4-bg-primary--hover .u-icon-v4-inner {
  background: #339900;
}
.u-icon-v5.g-bg-primary::after {
  background-color: #339900;
}
.u-icon-block--hover:hover .g-color-primary--hover {
  color: #339900;
}
.u-icon-block--hover:hover .g-brd-primary--hover {
  border-color: #339900;
}
.u-icon-block--hover:hover .g-bg-primary--hover {
  background: #339900;
}
/*------------------------------------
  Navigation Dropdown
------------------------------------*/
.navbar .u-sub-menu-v1 .hs-sub-menu,
.navbar .u-sub-menu-v1 .hs-mega-menu,
.navbar .u-sub-menu-v1 .dropdown-menu {
  border-color: #339900;
}
.navbar .u-sub-menu-v2 .hs-sub-menu,
.navbar .u-sub-menu-v2 .hs-mega-menu,
.navbar .u-sub-menu-v2 .dropdown-menu,
.navbar .u-sub-menu-v3 .hs-sub-menu,
.navbar .u-sub-menu-v3 .hs-mega-menu,
.navbar .u-sub-menu-v3 .dropdown-menu {
  border-top-color: #339900;
}
.navbar .u-main-nav-v1 .nav-item.active > .nav-link,
.navbar .u-main-nav-v1 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v1 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v1 .nav-item.show > .nav-link,
.navbar .u-main-nav-v1 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v1 .nav-item .nav-link:focus,
.navbar .u-main-nav-v8 .nav-item.active > .nav-link,
.navbar .u-main-nav-v8 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v8 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v8 .nav-item.show > .nav-link,
.navbar .u-main-nav-v8 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v8 .nav-item .nav-link:focus {
  background-color: #339900;
}
.navbar .u-main-nav-v2 .nav-item.active > .nav-link,
.navbar .u-main-nav-v2 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v2 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v2 .nav-item.show > .nav-link,
.navbar .u-main-nav-v2 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v2 .nav-item .nav-link:focus,
.navbar .u-main-nav-v3 .nav-item.active > .nav-link,
.navbar .u-main-nav-v3 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v3 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v3 .nav-item.show > .nav-link,
.navbar .u-main-nav-v3 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v3 .nav-item .nav-link:focus,
.navbar .u-main-nav-v4 .nav-item.active > .nav-link,
.navbar .u-main-nav-v4 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v4 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v4 .nav-item.show > .nav-link,
.navbar .u-main-nav-v4 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v4 .nav-item .nav-link:focus,
.navbar .u-main-nav-v5 .nav-item.active > .nav-link,
.navbar .u-main-nav-v5 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v5 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v5 .nav-item.show > .nav-link,
.navbar .u-main-nav-v5 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v5 .nav-item .nav-link:focus,
.navbar .u-main-nav-v6 .nav-item.active > .nav-link,
.navbar .u-main-nav-v6 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v6 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v6 .nav-item.show > .nav-link,
.navbar .u-main-nav-v6 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v6 .nav-item .nav-link:focus,
.navbar .u-main-nav-v7 .nav-item.active > .nav-link,
.navbar .u-main-nav-v7 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v7 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v7 .nav-item.show > .nav-link,
.navbar .u-main-nav-v7 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v7 .nav-item .nav-link:focus {
  border-color: #339900;
}
.navbar .u-main-nav-v9 .nav-item.active > .nav-link::after,
.navbar .u-main-nav-v9 .nav-item:hover > .nav-link::after,
.navbar .u-main-nav-v9 .nav-item:focus > .nav-link::after,
.navbar .u-main-nav-v9 .nav-item .nav-link:focus::after {
  color: #339900;
}
/*------------------------------------
  Nonstandard Background
------------------------------------*/
.u-ns-bg-v1-top.g-bg-primary::before,
.u-ns-bg-v2-top.g-bg-primary::before,
.u-ns-bg-v2-2-top.g-bg-primary::before,
.u-ns-bg-v6-top.g-bg-primary .u-ns-bg-before::before {
  border-bottom-color: #339900;
}
.u-ns-bg-v1-bottom.g-bg-primary::before,
.u-ns-bg-v2-bottom.g-bg-primary::before,
.u-ns-bg-v2-2-bottom.g-bg-primary::before,
.u-ns-bg-v6-bottom.g-bg-primary .u-ns-bg-before::before {
  border-top-color: #339900;
}
.u-ns-bg-v1-left.g-bg-primary::before,
.u-ns-bg-v2-left.g-bg-primary::before,
.u-ns-bg-v2-2-left.g-bg-primary::before,
.u-ns-bg-v6-left.g-bg-primary .u-ns-bg-before::before {
  border-right-color: #339900;
}
.u-ns-bg-v1-right.g-bg-primary::before,
.u-ns-bg-v2-right.g-bg-primary::before,
.u-ns-bg-v2-2-right.g-bg-primary::before,
.u-ns-bg-v6-right.g-bg-primary .u-ns-bg-before::before {
  border-left-color: #339900;
}
.u-ns-bg-v3-top.g-bg-primary::before,
.u-ns-bg-v3-left.g-bg-primary::before,
.u-ns-bg-v4-top.g-bg-primary::before,
.u-ns-bg-v4-left.g-bg-primary::before {
  border-bottom-color: #339900;
}
.u-ns-bg-v3-bottom.g-bg-primary::before,
.u-ns-bg-v3-right.g-bg-primary::before,
.u-ns-bg-v4-bottom.g-bg-primary::before,
.u-ns-bg-v4-right.g-bg-primary::before {
  border-top-color: #339900;
}
[class*="u-ns-bg-v5"].g-bg-primary svg path,
[class*="u-ns-bg-v5"].g-bg-primary svg polygon {
  fill: #339900;
}
@media (min-width: 768px) {
  .u-ns-bg-v1-top--md.g-bg-primary::before,
  .u-ns-bg-v2-top--md.g-bg-primary::before,
  .u-ns-bg-v2-2-top--md.g-bg-primary::before,
  .u-ns-bg-v6-top.g-bg-primary .u-ns-bg-before::before {
    border-bottom-color: #339900;
  }
  .u-ns-bg-v1-bottom--md.g-bg-primary::before,
  .u-ns-bg-v2-bottom--md.g-bg-primary::before,
  .u-ns-bg-v2-2-bottom--md.g-bg-primary::before,
  .u-ns-bg-v6-bottom.g-bg-primary .u-ns-bg-before::before {
    border-top-color: #339900;
  }
  .u-ns-bg-v1-left--md.g-bg-primary::before,
  .u-ns-bg-v2-left--md.g-bg-primary::before,
  .u-ns-bg-v2-2-left--md.g-bg-primary::before,
  .u-ns-bg-v6-left.g-bg-primary .u-ns-bg-before::before {
    border-right-color: #339900;
  }
  .u-ns-bg-v1-right--md.g-bg-primary::before,
  .u-ns-bg-v2-right--md.g-bg-primary::before,
  .u-ns-bg-v2-2-right--md.g-bg-primary::before,
  .u-ns-bg-v6-right.g-bg-primary .u-ns-bg-before::before {
    border-left-color: #339900;
  }
}
/*------------------------------------
  Progress Bars
------------------------------------*/
.u-progress::-ms-fill,
.u-progress::-webkit-progress-value,
.u-progress::-moz-progress-bar {
  background-color: #339900;
}
.u-progress__pointer-v2::after,
.u-progress__pointer-v3::after {
  border-color: #339900;
}
/*------------------------------------
  Steps
------------------------------------*/
@media (min-width: 768px) {
  .u-steps-v1__item a,
  .u-steps-v1__item a::before,
  .u-steps-v1__item.active a,
  .u-steps-v1__item.active span {
    background-color: #339900;
  }
  .u-steps-v2__indicator,
  .u-steps-v2__item a::before,
  .u-steps-v2__item a .u-steps-v2__indicator,
  .u-steps-v3__indicator,
  .u-steps-v3__item a::before,
  .u-steps-v3__item a .u-steps-v3__indicator {
    background-color: #339900;
  }
  .u-steps-v2__item:hover a,
  .u-steps-v3__item:hover a {
    color: #339900;
  }
  .u-steps-v2__item:hover a .u-steps-v2__indicator,
  .u-steps-v3__item:hover a .u-steps-v3__indicator {
    box-shadow: 0 0 0 3px rgba(51, 153, 0, 0.3);
  }
  .u-steps-v2__item:hover a .u-steps-v2__indicator,
  .u-steps-v2__item:hover span .u-steps-v2__indicator,
  .u-steps-v3__item:hover a .u-steps-v3__indicator,
  .u-steps-v3__item:hover span .u-steps-v3__indicator {
    background-color: #339900;
  }
}
/*------------------------------------
  Tabs
------------------------------------*/
.g-color-primary--active.active {
  color: #339900;
}
[class*="u-nav-v8"] .nav-link.active,
[class*="u-nav-v8"] .nav-link.active .u-nav-v8__icon,
[class*="u-nav-v8"].u-nav-light .nav-link.active .u-nav-v8__icon {
  background-color: #339900;
}

  .u-nav-v1-1.u-nav-primary .nav-link.active,
  .u-nav-v2-1.u-nav-primary .nav-link.active,
  [class*="u-nav-v8"].u-nav-light .nav-link.active {
    background-color: #339900;
  }
  .u-nav-v1-2.u-nav-primary .nav-link.active,
  [class*="u-nav-v2"].u-nav-primary .nav-link,
  [class*="u-nav-v2"].u-nav-primary .nav-link.active,
  .u-nav-v3-2 .nav-link.active,
  [class*="u-nav-v5"].u-nav-primary .nav-link.active,
  [class*="u-nav-v6"] .nav-link.active,
  [class*="u-nav-v6"].flex-column .nav-link.active {
    border-color: #339900;
  }
  .u-nav-v2-2 .nav-link.active,
  [class*="u-nav-v3"] .nav-link.active,
  [class*="u-nav-v3"].u-nav-light .nav-link.active,
  [class*="u-nav-v5"].u-nav-primary .nav-link.active,
  [class*="u-nav-v7"] .nav-link.active {
    color: #339900;
  }
  .u-nav-v4-1.u-nav-primary .nav-link.active,
  [class*="u-nav-v6"] .nav-link.active::before {
    border-top-color: #339900;
  }
  .u-nav-v4-1-column .u-nav-v4-1.u-nav-primary .nav-link.active,
  [class*="u-nav-v6"].flex-column .nav-link.active::before {
    border-left-color: #339900;
  }
  [class*="u-nav-v8"].u-nav-light .nav-link.active::before {
    background-image: linear-gradient(to bottom left, transparent 49.6%, #339900 50%), linear-gradient(to top left, transparent 49.6%, #339900 50%);
  }
  [class*="u-nav-v8"].justify-content-end .nav-link.active::before,
  [class*="u-nav-v8"].text-end .nav-link.active::before {
    background-image: linear-gradient(to bottom right, transparent 49.6%, #339900 50%), linear-gradient(to top right, transparent 49.6%, #339900 50%);
  }
  .u-nav-v8-2 .nav-link.active::before {
    background-image: linear-gradient(to bottom left, transparent 49.6%, #339900 50%), linear-gradient(to top left, transparent 49.6%, #339900 50%);
  }



/*--------------------------------------------------
  Info Blocks
----------------------------------------------------*/
.u-info-v1-2:hover .u-info-v1-2__item::after,
.u-info-v7-1:hover .u-info-v7-1__item-child-v2 {
  background: #339900;
}
.u-info-v1-5__item::after {
  border-bottom-color: #339900;
}
.info-v4-3:hover::after {
  border-color: #339900;
}
.info-v5-3:hover .info-v5-3__info {
  background-color: rgba(51, 153, 0, 0.9);
}
.u-info-v6-1__item::after,
.u-info-v6-1:hover .u-info-v6-1__item::after {
  background-image: linear-gradient(to right, #339900 0, transparent 100%);
}
/*------------------------------------
  Checked state background
------------------------------------*/
input[type="checkbox"]:checked + .g-bg-primary--checked,
input[type="radio"]:checked + .g-bg-primary--checked,
input[type="checkbox"]:checked + * .g-bg-primary--checked,
input[type="radio"]:checked + * .g-bg-primary--checked,
.g-checked .g-bg-primary--checked,
.g-bg-primary--checked.g-checked {
  background-color: #339900 !important;
}
/*------------------------------------
  Checked state border
------------------------------------*/
input[type="checkbox"]:checked + .g-brd-primary--checked,
input[type="radio"]:checked + .g-brd-primary--checked,
input[type="checkbox"]:checked + * .g-brd-primary--checked,
input[type="radio"]:checked + * .g-brd-primary--checked,
.g-checked .g-brd-primary--checked,
.g-brd-primary--checked.g-checked {
  border-color: #339900 !important;
}
/*------------------------------------
  Focus state border
------------------------------------*/
.g-brd-primary--focus:focus,
.g-brd-primary--focus.g-state-focus *,
.g-brd-primary--focus.g-state-focus *:focus {
  border-color: #339900 !important;
}
/*------------------------------------
  Focus state color
------------------------------------*/
.g-color-primary:focus {
  color: #339900;
}
/*------------------------------------
  Checked state overlay
------------------------------------*/
input[type="checkbox"]:checked + .g-overlay-primary-0_5--checked::after,
input[type="radio"]:checked + .g-overlay-primary-0_5--checked::after,
input[type="checkbox"]:checked + * .g-overlay-primary-0_5--checked::after,
input[type="radio"]:checked + * .g-overlay-primary-0_5--checked::after,
.g-overlay-primary-0_5--checked.g-checked::after,
.g-checked .g-overlay-primary-0_5--checked::after {
  background-color: rgba(51, 153, 0, 0.5);
}
input[type="checkbox"]:checked + .g-overlay-primary-0_9--checked::after,
input[type="radio"]:checked + .g-overlay-primary-0_9--checked::after,
input[type="checkbox"]:checked + * .g-overlay-primary-0_9--checked::after,
input[type="radio"]:checked + * .g-overlay-primary-0_9--checked::after,
.g-overlay-primary-0_9--checked.g-checked::after,
.g-checked .g-overlay-primary-0_9--checked::after {
  background-color: rgba(51, 153, 0, 0.9);
}
/*------------------------------------
  Success state
------------------------------------*/
.u-has-success-v1 .form-control-feedback,
.u-has-success-v1-2 .form-control-feedback,
.u-has-success-v1-3 .form-control-feedback {
  color: #339900;
}
.u-has-success-v1-2 .form-control,
.u-has-success-v1-2 .input-group-addon,
.u-has-success-v1-2 [class*="u-select"],
.u-has-success-v1-3 .form-control,
.u-has-success-v1-3 .input-group-addon,
.u-has-success-v1-3 [class*="u-select"] {
  border-color: #339900;
}
.u-has-success-v1-2 .input-group-addon:last-child,
.u-has-success-v1-2 .chosen-single div b,
.u-has-success-v1-3 .input-group-addon:last-child,
.u-has-success-v1-3 .chosen-single div b {
  color: #339900;
}
.u-has-success-v1-3 .input-group-addon,
.u-has-success-v1-3 .input-group-addon:last-child {
  background-color: #339900;
}
.u-has-success-v1-3 .form-control-feedback::before {
  border-color: #339900 transparent transparent transparent;
}
.u-has-success-v2::after {
  color: #339900;
}
/*------------------------------------
  jQuery UI
------------------------------------*/
.ui-autocomplete .ui-menu-item:hover {
  background-color: #339900;
}
/*------------------------------------
  Pin Map
------------------------------------*/
.point::before {
  background: #339900;
}
/*------------------------------------
  Go To
------------------------------------*/
.u-go-to-v1:hover,
.u-go-to-v1:focus:hover {
  background-color: #339900;
}
/*------------------------------------
  List Group
------------------------------------*/
.list-group-item.active {
  background-color: #339900;
  border-color: #339900;
}
/*------------------------------------
  Accordions
------------------------------------*/
.u-accordion-color-primary .u-accordion__header [aria-expanded="true"] {
  color: #339900 !important;
}
/*------------------------------------
  Blockquotes
------------------------------------*/
.u-blockquote-v1::before {
  color: #339900;
}
/*------------------------------------
  Form Controls
------------------------------------*/
.form-control:focus,
.form-select:focus {
  border-color: #339900;
  box-shadow: none;
}

/* Bootstrap 5 no longer greys readonly controls like BS4 did. */
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

/* BS5 file input: improve button border and spacing */
.form-control[type="file"] {
  padding: .5rem .75rem;
}

.form-control[type="file"]::file-selector-button,
.form-control[type="file"]::-webkit-file-upload-button {
  margin: 0 .75rem 0 .25rem;
  padding: .35rem .75rem;
  border: 1px solid #adb5bd;
  border-radius: .25rem;
  background-color: #f8f9fa;
}
/*------------------------------------
  Cubeportfolio
------------------------------------*/
.u-filter-v1 > li:hover,
.u-filter-v1 [class*="active"] {
  color: #339900;
}
/*------------------------------------
  Pagination
------------------------------------*/
.u-pagination-v1-5--active,
.u-pagination-v1-5:hover,
.u-pagination-v1-5:focus {
  background-color: #339900;
  border-color: #339900;
}
/*------------------------------------
  Keyframes
------------------------------------*/
@keyframes sonarEffect-primary {
  0% {
    opacity: .3;
  }
  40% {
    opacity: .5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #339900, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #339900, 0 0 0 10px rgba(255, 255, 255, 0.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

.fc-bootstrap h2,
.fc-bootstrap4 h2 {
	font-size: 1.5rem;
	color:#339900;
}



/*------------------------------------
  CDS Styles
------------------------------------*/

/* ----- v CAN BE DELETED v ----- */
body {
	background-color: #f5f5f5;
}


.fc-event {
  border: none;

}

.fc-day-grid-event {
    padding: 4px 4px;
}

.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
    padding: 4px 4px;
}


.fc-event,
.fc-event-dot {
  background-color: #339900;
  /* default BACKGROUND color */
  }

  .alert-info {
    color: #fff;
    background-color: #6bb0e4;
    border-color: #6bb0e4;

  }

  .alert-warning {
    color: #fff;
    background-color: #e4ab69;
    border-color: #e4ab69;
  }


  .btn.disabled {
    cursor:not-allowed;
    opacity:0.4;

 }

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(51,153,0,.5);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2b7307;
    border-color: #2b7307;
}


.calendar-container:not(.is-loading) .fc-list-table .fc-list-item td,
.vert_calendar-container:not(.is-loading) .fc-list-table .fc-list-item td,
.verr_calendar-container:not(.is-loading) .fc-list-table .fc-list-item td {

     cursor:pointer;
}

.calendar-container:not(.is-loading) .fc-list-table .fc-list-item:hover td,
.vert_calendar-container:not(.is-loading) .fc-list-table .fc-list-item:hover td,
.verr_calendar-container:not(.is-loading) .fc-list-table .fc-list-item:hover td {
    background-color: #f4f9f0 !important;
}

.calendar-container:not(.is-loading) .fc-list-table .fc-list-item:hover,
.vert_calendar-container:not(.is-loading) .fc-list-table .fc-list-item:hover,
.verr_calendar-container:not(.is-loading) .fc-list-table .fc-list-item:hover {
 -webkit-box-shadow: 0px 3px 5px 0px rgba(217,217,217,1);
-moz-box-shadow: 0px 3px 5px 0px rgba(217,217,217,1);
box-shadow: 0px 3px 5px 0px rgba(217,217,217,1);
}

.fc-time-grid .fc-event, .fc-day-grid .fc-event {
    cursor:pointer;
}

.calendar-container:not(.is-loading) .fc-time-grid .fc-event:hover,
.calendar-container:not(.is-loading) .fc-day-grid .fc-event:hover,
.vert_calendar-container:not(.is-loading) .fc-time-grid .fc-event:hover,
.vert_calendar-container:not(.is-loading) .fc-day-grid .fc-event:hover,
.verr_calendar-container:not(.is-loading) .fc-time-grid .fc-event:hover,
.verr_calendar-container:not(.is-loading) .fc-day-grid .fc-event:hover {
     -webkit-box-shadow: 0px 0px 12px 2px rgba(186,186,186,1);
-moz-box-shadow: 0px 0px 12px 2px rgba(186,186,186,1);
box-shadow: 0px 0px 12px 2px rgba(186,186,186,1);

}

/* FullCalendar v4 bootstrap theme expects BS4-style table borders.
   Scope a small BS4 compatibility layer to the calendar only. */
.calendar-container .fc.fc-bootstrap th,
.calendar-container .fc.fc-bootstrap td,
.vert_calendar-container .fc.fc-bootstrap th,
.vert_calendar-container .fc.fc-bootstrap td,
.verr_calendar-container .fc.fc-bootstrap th,
.verr_calendar-container .fc.fc-bootstrap td {
    border-color: #dee2e6;
}

.fc-view-container a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

.fc-list-table {
    --bs-table-color: #414141;
}

.fc-list-heading .fc-list-heading-main,
.fc-list-heading .fc-list-heading-alt {
    color: #414141 !important;
  }


.listTerminItem {
    display:none;
}

.listTerminTableExtended .listTerminItem {
    display:block;
}



.listTerminTableExtended .fc-list-item-title span {
    font-weight:600;
}

.mainsection #calendar {
    webkit-box-shadow: 0px 0px 5px 1px rgb(58, 58, 58, 0.1);
    box-shadow: 0px 0px 5px 1px rgb(58, 58, 58, 0.1);
}

#calendar, #calendar2 {
    clear:both;
}

.toggleInfoContainer {

   min-height:4rem;
}

.toggleInfoContainer .toogleInfoLabel {
    position: relative;
    top: 5px;
    font-weight: 600;
    font-size: 11px;
    color:#fff;
    margin-right:1rem;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v7 i::after,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v7 i::after,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v7 i::after,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v7 i::after,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v7 i::after,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v7 i::after,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v7 i::after,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v7 i::after {
    background-color: #339900 !important;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v7 i:before, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v7 i:before, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v7 i:before, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v7 i:before, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v7 i:before, .u-check input[type="radio"]:checked + .u-check-icon-radio-v7 i:before, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v7 i:before, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v7 i:before {
    color: #339900;
}



.fc-toolbar {
    background: #ffffff;
    padding: 1em;
    margin-bottom: 0px !important;
    border-right: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-top: 2px solid #339900;
}

.fc-toolbar .fc-center h2{
        color: #555;
    font-weight: 700;
     font-size: 1.2em;
}

.fc-toolbar .btn-primary {
    color: #339900;
  border-color: #339900;
  background-color: transparent;
  font-size: 0.8em;
}

.fc-toolbar .btn-primary:focus, .fc-toolbar .btn-primary.active {
   color: #fff !important;
  background-color: #339900 !important;
  border:1px solid #339900 !important;
   box-shadow: none !important;
}

.fc-toolbar .btn-primary:hover {
  color: #fff;
  background-color: #339900;
}

.sidebarContainer {
    background-color: transparent;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 15px;
}

.sidebarContainer a:not(.dropdown-item) {
    white-space:nowrap;
    color:white;
    background-color:transparent;
    border:none;

}

.listTerminItem b {
   border-bottom: 1px dotted #9c9c9c;
}

/* Landscape */
@media only screen and (max-width: 767px) {

    .fc-toolbar {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

   .fc-left {
       order:2;
   }

    .fc-left .btn-group {
        float:left;
    }

    .fc-center {
        order: -1;
        flex: 1 0 100%;
        margin-bottom: 10px;
        text-align:center;
    }

    .fc-center h2 {
      font-size:1.2em !important;

   }

     .fc-right {
       order:3;
   }


    .vafunctionContainer .btn {
        display: block;
     width: 100%;
    }

.navbar .collapse {
    padding-top:10px;
}

.h1, h1 {
    font-size: 1.7rem !important;
}


}


/* Landscape */
@media only screen and (max-width: 321px) {
     .fc-right {
display:none;

    }

}

.navbar-light {
    background: #fff;
    border-radius:.25em;
    border: 1px solid rgba(99, 106, 113, 0.4);
    padding:5px;
}





.paTable {
   border: 1px solid #dee2e6;

}






.paTable .flex-header-row {
    font-weight:bold;
    border-bottom: 2px solid #dee2e6;
}

.paTable .flex-row {
    background-color:#f7f7f7;
}

.paTable .flex-row-disabled {
   opacity:0.6;
   cursor: not-allowed !important;
}

.paTable .flex-row-disabled input, .paTable .flex-row-disabled select, .paTable .flex-row-disabled button {
   cursor: not-allowed !important;
}

.paTable .flex-group-row {
    background-color: rgba(51, 152, 220, 0.65);
    color:white;
    font-weight:bold;
    height: 2em !important;
    font-size:11px;

}

.paTable .flex-row .form-check-inline{
    top:-4px;
}

.paTable .alleTeilnehmerContainer {
    display:none;
}

.paTable .alleTeilnehmerContainer.active {
    display:block;
}


.paTable .flex-header-row, .paTable .flex-row, .paTable .flex-group-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 3.5em;
  justify-content: center;
}

.paTable .flex-row .flex-cell,  .paTable .flex-header-row .flex-cell {
   flex:2;
   padding:0 10px;
}

.paTable .flex-row .flex-cell:last-child, .paTable .flex-header-row .flex-cell:last-child {
    flex:1;
}

.paTable .flex-row:nth-of-type(2n+1) {
        background-color: white;
    }


.cds-requires-higher-zindex .select2-container {
    z-index: 10000;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
width:100% !important;
}



.toggleInfoContainer.disabled .toogleInfoLabel {
  color:#ddd;
}




.toggleInfoContainer.disabled .u-check-icon-checkbox-v7, .toggleInfoContainer.disabled .u-check-icon-radio-v7 {
      color: #ddd;
  border: solid 1px #ddd;
}

.toggleInfoContainer.disabled .u-check-icon-checkbox-v7 i::after, .toggleInfoContainer.disabled .u-check-icon-radio-v7 i::after{
       background-color: #ddd;
}


.meineKurseContainer article:hover {
    border: 1px solid #339900 !important;
    cursor:pointer;
}

.meineKurseContainer article:hover .u-link-v5 {
    color:#339900 !important;
}


.paSidebar .card-header {
    background-color: #8f969e!important;
    border: 1px solid #777b7f !important;
    color: #ffffff !important;
    border-radius: 0.25em;
}



.sidebarMainContainer {
    background-color: #737272;
    padding-left: 0;
    padding-right: 0;
    border-right: 1px solid #474b50;
}

.sidebarMainContainer .list-group-item {
        padding: .90rem 1.25rem;
        border-left:5px solid #8f969e;
}



.sidebar-nachrichten {
    background-color: rgba(143, 150, 158, 0.16);
        border-right: 1px solid #cdd2d8;
}

.sidebar-nachrichten-header {
  border-bottom: 1px solid rgba(143, 150, 158, 0.22);
    color: #555;
    padding-bottom: 20px;
    padding-top: 16px;
}



.sidebar-nachrichten-body {
    border-bottom: 1px solid rgba(143, 150, 158, 0.2);
}

.sidebar-nachrichten-body .subtext {
    font-size:12px;
}

.sidebar-nachrichten .list-group-item {
      color: #555;
}


.sidebar-nachrichten .offeneaufgabeitem
 {
        background-color: #f3f6f8 !important;
}

.sidebar-nachrichten .offeneaufgabeitem.active
 {
        background-color: white !important;
}

.sidebar-nachrichten .offeneaufgabeitem.active .u-link-v5
 {
    color: #339900 !important;
}

.g-rounded-10px {
    border-radius:10px;
}



.g-height-800 {
    height:800px;
}



.list-group-item-action:hover {
    background-color:#8b929a  !important;
}

.list-group-item-action.active {
    background-color:#727a82  !important;
    border-left:5px solid #339900 !important;
}

.sidebarContainer h4, .mobilemenu h4 {
    font-size: 0.9em;
    color: white;
    font-weight: 700;
    opacity: 0.7;
    padding-left: 15px;
    margin-bottom:1em;
    margin-top:3.2em;
}



.sidebarContainer .u-label {
    font-size:0.8em;
}

.maincontainer {
    background-color: #f5f5f5;
    padding-top: 9.28571rem !important;
    min-height: 1017px;
    
   
}

.maincontainer.vadetail {

    padding-top: 6.28571rem !important;
    position: relative;
 
}

.vadetail-bg {
    background-image: url(/assets/img/bg/va-background.jpg);
    background-position: 0px -300px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 5;
    width: 100%;
    height: 364px;
    border-bottom: 1px solid #fff;
    background-size: cover;
}


@media (min-width: 992px) {

    .maincontainer {
        padding-right: 2.5rem;
    }
}


    @media (max-width: 1199px) {
        .maincontainer {
            padding-top: 11.8rem !important;
        
        }

            .maincontainer.vadetail {
                padding-top: 8.28571rem !important;
            }

        .vadetail-bg {
            height: 380px;
        }
    }

    @media (max-width: 767px) {
        .maincontainer {
            padding-top: 10.8rem !important;
        }

            .maincontainer.vadetail {
                padding-top: 6.28571rem !important;
            }

        .vadetail-bg {
            height: 400px;
        }
    }

    body {
        color: #414141;
    }


    .nav-link:focus,
    .nav-link:hover {
        color: #414141;
    }

    [class*="u-heading-v3-"] {
        border-bottom: 1px dotted #979797;
    }

    .profilcontainer img {
        border: 2px solid #339900;
        padding: 3px;
        cursor: pointer;
    }

    .popover {
        min-width: 200px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2);
        box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2);
        border-radius: 0.5rem;
    }

    .popover .popover-header {
        background-color: #339801;
        color: #ffffff;
        font-size: 1em;
    }


    .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
        border: none;
    }

    .bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after, .bs-popover-bottom .popover-arrow::after {
        border-bottom-color: #339900;
    }

    .popover-body {
        padding: 0px;
    }

    .popover-body a {
        display: block;
        color: #414141 !important;
        text-decoration: none;
    }

    .popover-body a:hover {
        background-color: #ecedef !important;
    }

    .popover-body .list-group {
        margin-bottom: 0;
    }

    .popover-body .list-group-item {
        border-left: 0;
        border-right: 0;
        background-color: #fff;
        border-radius: 0.5rem;
    }

    .popover-body .list-group-item:last-child {
        border-bottom: 0;
    }



    .breadcrumblist a, .breadcrumblist span {
        font-size: 0.75em !important;
    }

    .vaHeaderData {
        border: 1px solid #ced4da;
        background-color: white;
        border-radius: 0.25em;
    }



    .navbar-navNotificationMobile {
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 18px;
    }

        .navbar-navNotificationMobile .nav-item:first-child {
            margin-right: 10px;
        }





    @media only screen and (max-width: 767px) {
        .navbar-brand img {
            position: relative;
            top: -10px;
            left: -4px;
            width: 186px !important;
        }

        .navbar-brand {
            height: 37px;
        }
    }



    .container-full {
        margin: 0 auto;
        width: 100%;
    }

    #helpButton {
        /*display: inline-block;*/
        display: none !important;
        position: fixed;
        bottom: 15px;
        right: 15px;
        font-size: 2.4em;
        width: 3.57143rem;
        height: 3.57143rem;
        display: block;
        background-color: #339900;
        color: #fff;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
        -webkit-transition: .3s ease-out;
        -o-transition: .3s ease-out;
        transition: .3s ease-out;
        z-index: 11;
        opacity: 0.7;
        cursor: pointer;
    }

        #helpButton:hover {
            opacity: 1;
        }

        #helpButton i {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            padding-right: 2px;
        }

    .card {
        background-color: transparent;
    }

    #calendar {
        background-color: white;
    }

    /* Color Teal */
    .g-bg-teal {
        background-color: #eec108 !important;
    }

    /* Color Teal */
    .g-color-teal {
        color: #eec108 !important;
    }

    .faqbox {
        display: none;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        min-height: 500px;
    }

        .faqbox.active {
            display: block;
        }

    .faqtab a.active {
        color: #339900 !important;
    }

    .faqtab a:hover {
        color: #339900 !important;
    }

    .bigCloseButton {
        margin-right: 0.6em !important;
        margin-top: 0.5em !important;
        color: #7f7f7f;
        background-color: transparent;
        border: none;
    }

    .bigCloseButton:hover {
        color: #404040 !important;
    }

    .pano2vrCloseButton {
        font-size: 1.45rem !important;
        margin-right: 1.25em !important;
        margin-top: 1em !important;
        color: #7f7f7f;
        background-color: transparent;
        border: none;
    }

    .pano2vrCloseButton:hover {
        color: #404040 !important;
    }

    .pa-modal-body {
        background-color: #f5f5f5;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

        .pa-modal-body .pa-termin-infolist li {
            display: block;
        }

    .pa-termin-shortlinks li {
        display: block;
        margin-bottom: 8px;
    }

    .pa-termin-shortlinks a {
        white-space: nowrap;
    }


    .btnAnwesenheit {
        position: relative;
        -webkit-transition: .2s ease;
        -o-transition: .2s ease;
        transition: .2s ease;
        cursor: pointer;
        border: 1px solid;
        display: inline-block;
        padding-left: 0.95rem;
        padding-right: 0.95rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: .25rem;
        text-align: center;
        vertical-align: middle;
    }

        .btnAnwesenheit.btyes {
            color: #339900;
            border-color: #339900;
        }

        .btnAnwesenheit.btno {
            color: #e64b3b;
            border-color: #e64b3b;
        }

        .btnAnwesenheit.btyes.active, .btnAnwesenheit.btyes:hover {
            color: #fff;
            background-color: #339900;
        }


        .btnAnwesenheit.btno.active, .btnAnwesenheit.btno:hover {
            color: #fff;
            background-color: #e64b3b;
        }

    .btn-group > .btn-group:not(:last-child) > .btnAnwesenheit, .btn-group > .btnAnwesenheit:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }


    .btn-group-vertical > .btnAnwesenheit, .btn-group > .btnAnwesenheit {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

        .btn-group > .btn-group:not(:first-child), .btn-group > .btnAnwesenheit:not(:first-child) {
            margin-left: -1px;
        }

            .btn-group > .btn-group:not(:first-child) > .btnAnwesenheit, .btn-group > .btnAnwesenheit:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }


    #screensaver {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        display: none;
        z-index: 10500;
        background: rgba(0,0,0,0.7);
        color: white !important;
    }



    .fc-list-empty {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1.2px;
    }

    .fc-view-container {
        border: 1px solid #ced4da;
        border-bottom-left-radius: 0.25em;
        border-bottom-right-radius: 0.25em;
        background-color: #fcfcfc !important;
    }

    .fc-view {
        border: none !important;
        min-height: 500px;
    }

    .wvrow .list-inline-item {
        display: block;
    }

    .divLetzteAbrechnung {
        min-height: 64px;
        background-color: #f6f9fb;
    }

    .g-min-height-280 {
        min-height: 280px;
    }


    .g-min-height-250 {
        min-height: 250px;
    }

    .g-min-height-50 {
        min-height: 50px;
    }



.wvkategorielabel {
    width: 50px;
    background-color: #737272 !important;
    position: absolute;
    top: -26px;
    border-top-left-radius: .25em;
    border-top-right-radius: .25em;
    left: -1px;
}


    .u-heading-v3-1 .u-line-icon-pro {
        position: relative !important;
        top: 4px;
    }


    .u-btn-primary .u-line-icon-pro, .u-btn-outline-primary .u-line-icon-pro {
        position: relative;
        top: 2px;
    }


    .paTable.padetailtable {
        border-top-left-radius: 0.25em;
        border-top-right-radius: 0.25em;
    }

        .paTable.padetailtable .flex-header-row {
            background-color: #8f969e !important;
            border-bottom: 0px;
            border-top-left-radius: 0.25em;
            border-top-right-radius: 0.25em;
        }

            .paTable.padetailtable .flex-header-row .flex-cell {
                color: white;
            }

        .paTable.padetailtable .flex-group-row {
            justify-content: flex-start;
            height: 2.5em !important;
            padding-left: 10px;
        }

    .navbar-brand img {
        width: 205px;
    }

    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #555 !important;
        opacity: 1 !important;
    }

    :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #555 !important;
        opacity: 1 !important;
    }

    ::-ms-input-placeholder { /* Microsoft Edge */
        color: #555 !important;
        opacity: 1 !important;
    }




    .wvitem:hover .wvkategorielabel {
        box-shadow: 0 0 13px 0 rgba(62,44,90,.15);
    }

    .wvitem h2 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-bottom: 5px !important;
    }


.wvitem {
    position: relative;
    border-color: #ced4da !important;
    border-top-left-radius: 0 !important;
    webkit-box-shadow: 0px 0px 5px 1px rgb(58, 58, 58, 0.1);
    box-shadow: 0px 0px 5px 1px rgb(58, 58, 58, 0.1);
    border: 1px solid rgba(206, 212, 218, 0.9) !important;
    border-top: 2px solid #737272 !important;
    transition: all 0.3s;
}


    .g-color-kurs-activ {
        color: #339900 !important;
    }

.g-color-kurs-default {
    color: #666 !important;

}


.wvrow.active .wvitem {
    border-top: 2px solid #339900 !important;
}

.wvrow.active .wvkategorielabel {
    background-color: #339900 !important;
}



        .wvrow.noconfirm .wvitem {
            border-top:2px solid #e64b3b !important;
        }


            .wvrow.noconfirm .wvkategorielabel {
                background-color: #e64b3b !important;
            }


        .wvitem:not(.nohover):hover {
            box-shadow: 0 0 13px 0 rgba(62,44,90,.3);
            cursor: pointer;
            background-color: #fcfcfc !important;
        }

    .tooltip_templates {
        display: none;
    }

    .wvampel {
        display: inline;
    }


    .tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
        color: #555;
    }

    .tooltipster-sidetip .tooltipster-content {
        padding: 0px;
    }

    .tooltip-header {
        background-color: #efefef;
        border-bottom: 1px solid #e0e0e0;
        /* color: white; */
        border-top-left-radius: 0.25em;
        border-top-right-radius: 0.25em;
    }

    .ampelicon {
        position: relative;
        top: 5px;
    }

    .zusatzWV1 {
        display: none;
    }

    .zusatzWV2 {
        display: none;
    }


    .zusatzWV3 {
        display: none;
    }

    .boardshadow {
        /* box-shadow: 0 0 13px 0 rgba(62, 44, 90, 0.07);*/
    }


    .teasercontainer {
        border: 1px solid rgba(206, 212, 218, 0.9);
    }

    .paSidebar .teasercontainer {
        webkit-box-shadow: 0px 0px 5px 1px rgb(58, 58, 58, 0.1);
        box-shadow: 0px 0px 5px 1px rgb(58, 58, 58, 0.1);
    }

    .wvrow .table-responsive {
        webkit-box-shadow: 0px 0px 5px 1px rgb(58, 58, 58, 0.1);
        box-shadow: 0px 0px 5px 1px rgb(58, 58, 58, 0.1);
    }

        .wvrow .table-responsive table {
            margin-top: 0px !important;
            margin-bottom: 0px !important;
        }

    .teasercontainer .teaserheadline {
        border-top: 2px solid #339900;
        border-bottom: 1px solid rgba(206, 212, 218, 0.75);
        -webkit-box-shadow: 0px 2px 2px 0px rgb(165, 165, 165, 0.2);
        box-shadow: 0px 2px 2px 0px rgb(165, 165, 165, 0.2);
        z-index: 10;
        position: relative;
    }

        .teasercontainer .teaserheadline h6 {
            margin-bottom: 0px;
            color: #555;
        }




    .teasercontainer .teaserbody {
        background-color: #fff !important;
    }

    .offeneaufgabeitem {
        border-bottom: 1px solid #e3e3e3;
        margin-bottom: 0px;
        padding-top: 15px;
        padding-bottom: 10px;
        background-color: #fcfcfc !important;
    }




        .offeneaufgabeitem .u-icon-v3 {
            position: relative;
            top: 5px;
        }


    .teaserbody .d-flex.align-items-start > .flex-grow-1 {
        color: #555;
    }

        .teaserbody .d-flex.align-items-start > .flex-grow-1 strong {
            font-weight: 600;
        }

    .offeneaufgabeitem:not(.pa-table-group):hover {
        background-color: #f4f9f0 !important
    }

    .ankuendigungtextcontainer .subtext {
        font-size: 12px;
    }

    .ankuendigungtextcontainer .small {
        margin-bottom: 5px;
    }

.ank-item {
    margin-left: 0px;
    margin-right: 0px;
    background-color: #f5f5f5 !important;
    border-bottom: 1px solid #e3e3e3;
}

        .ank-item:hover {
            background-color: #f4f9f0 !important;
            cursor: pointer;
        }

    .offeneaufgabeitem .g-font-size-12 {
        color: #8f969e;
    }

    .tabscontainer .nav-link {
        border-style: solid;
        border-width: 2px 1px 1px;
        border-color: transparent;
        font-size: 13px;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 15px;
        padding-bottom: 15px;
        /* text-transform: uppercase; */
        font-weight: 600;
        color: #606060;
    }

    .tabscontainer .u-nav-v4-1.u-nav-primary .nav-link.active, [class*="u-nav-v6"] .tabscontainer .nav-link.active::before {
        border-top-color: #339900;
        background-color: #fcfcfc;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 15px;
        padding-bottom: 15px;
        color: #339900;
        border-top-left-radius: 0,25em;
        border-top-right-radius: 0.25em;
        position: relative;
        top: 1px;
        border-left: 1px solid rgba(206, 212, 218, 0.75);
        border-right: 1px solid rgba(206, 212, 218, 0.75);
    }

    @media (min-width: 768px) {
        .tabscontainer .u-nav-v4-1 .nav-item {
            margin-bottom: -1px;
        }
    }

    .tabscontainer .tab-content {
        background-color: #fcfcfc;
        min-height: 569px;
        /* border-top: 1px solid #e5e5e5; */
        /* box-shadow: 0 0 13px 0 rgba(62, 44, 90, 0.01); */
        border: 1px solid rgba(206, 212, 218, 0.75);
    }

    .teaseroption .btn {
        opacity: 0.5;
        color: #339900;
        padding: 0px;
    }

        .teaseroption .btn:hover {
            opacity: 1;
        }


    .u-btn-outline-bluegray:hover {
        color: #fff !important;
        background-color: #585f69;
    }

    .u-btn-outline-bluegray {
        --bs-btn-color: #585f69;
        --bs-btn-bg: transparent;
        --bs-btn-border-color: #585f69;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #585f69;
        --bs-btn-hover-border-color: #585f69;
        --bs-btn-focus-box-shadow: none;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #585f69;
        --bs-btn-active-border-color: #585f69;
        --bs-btn-active-shadow: none;
    }

    .u-btn-outline-bluegray:focus,
    .u-btn-outline-bluegray:focus-visible,
    .u-btn-outline-bluegray:active,
    .u-btn-outline-bluegray:not(:disabled):not(.disabled):active,
    .u-btn-outline-bluegray.active,
    .show > .u-btn-outline-bluegray.dropdown-toggle {
        color: #fff !important;
        background-color: #585f69 !important;
        border-color: #585f69 !important;
        opacity: 1 !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .elipseText {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .display-5 {
        font-size: 2.8rem;
        font-weight: 300;
        line-height: 1.1;
    }

    .palink {
        text-decoration: underline;
    }

        .palink:hover {
            font-weight: bold;
        }

    .arbeitsberichtcontent p {
        color: #787878;
    }

    .arbeitsberichtcontent span {
        font-style: italic;
    }

    .arbactive {
        border: 2px solid #339900 !important;
    }

    #arbcounter {
        position: relative;
        top: -2px;
        background-color: #339900;
        -webkit-transition: background-color 300ms linear;
        -ms-transition: background-color 300ms linear;
        transition: background-color 300ms linear;
    }

    .teaserfooter {
        background-color: #ededed;
        border-top: 1px solid rgba(206, 212, 218, 0.75);
    }


    .arbitemdisabled {
        cursor: not-allowed !important;
        opacity: 0.5;
    }


    .arbitemabgerechnet {
        cursor: not-allowed !important;
        background-color: #ececec !important;
        opacity: 0.5;
    }

    .wvasscontainer {
        min-height: 600px;
    }




    @media (min-width: 769px) {
        .wvbigdialog {
            min-width: 1000px;
        }
    }

    .u-btn-bluegray {
        --bs-btn-color: #fff;
        --bs-btn-bg: #737272;
        --bs-btn-border-color: #565555;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #686767;
        --bs-btn-hover-border-color: #565555;
        --bs-btn-focus-shadow-rgb: 0, 0, 0;
        --bs-btn-focus-box-shadow: none;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #686767;
        --bs-btn-active-border-color: #565555;
        --bs-btn-active-shadow: none;
        color: #fff;
        background-color: #737272;
        border-color: #565555;
        transition: all 0.3s;
    }

        .u-btn-bluegray:hover,
        .u-btn-bluegray:focus,
        .u-btn-bluegray:focus-visible,
        .u-btn-bluegray:active,
        .u-btn-bluegray.active,
        .u-btn-bluegray:not(:disabled):not(.disabled):active,
        .show > .u-btn-bluegray.dropdown-toggle {
            color: #fff;
            border-color: #565555;
            background-color: #686767;
            box-shadow: none;
            outline: none;
        }

    .wvteilheaderitem {
        cursor: pointer;
    }

    .wvteilitem .flex-row {
        border-top: 1px solid rgba(206, 212, 218, 0.75) !important;
        background-color: #f7f7f7 !important;
    }



.wvuebersichtcontainer {
    box-shadow: 0 0 13px 0 rgba(62,44,90,.15);
    background-color: white;
}

.wvuebersichtheader {
    -webkit-box-shadow: 0px 2px 2px 0px rgb(165, 165, 165, 0.2);
    box-shadow: 0px 2px 2px 0px rgb(165, 165, 165, 0.2);
}
.wvuebersichtbody {
  
    background-color: #fcfcfc;
}

.wvabr-summary-container-loader {
    min-height:400px;
}

.wvuebersichtfooter {
    border-top: 1px solid rgba(206, 212, 218, 0.9);
  
}

.wvuebersichtbody.empty {
    color: #8a8a8a;
    font-weight: bold;
    text-transform: uppercase;
}

    .wvsidebar {
        position: fixed;
    }


    .wvuebersicht-arbeitsbericht .flex-row.active {
        display: flex;
    }

    .wvUebersichtSmallButton {
        border-radius: 50px;
        width: 25px;
        height: 25px;
        background-color: #ccc;
        border: none;
    }

        .wvUebersichtSmallButton:hover {
            background-color: #585f69;
            border: none;
        }



    .wvuebersicht-honorare .wvteilitem.active {
        display: block;
    }


    .fadeInLeft {
        animation-iteration-count: 1;
    }



    .wvuebersicht-fahrtkosten.active, .wvuebersicht-honorare.active, .wvuebersicht-arbeitsbericht.active {
        display: block;
    }

    .g-height-370 {
        height: 370px;
    }

.g-height-470 {
    height: 470px;
}



    .wvuebersichtSUMItem.active {
        display: block;
    }

body.modal-open .btwvuebersicht {
    display: none;
}


.btwvuebersicht {
    position: fixed;
    bottom: 0;
    border-radius: 0;
    z-index: 9999;
    display:none;
}


    @media (max-width: 1200px) {
        .btwvuebersicht {
            display: block;
        }

        .wvuebersichtcontainer {
            display: none;
        }

        .wvarbscrollbar {
            height:100%;
        }

        .wvuebersichtfooter {
            position: sticky;
            bottom: 0px;
            background-color: #fff;
            border-top: 1px solid rgba(206, 212, 218, 0.9);
            -webkit-box-shadow: 0px -3px 6px 0px rgb(165, 165, 165, 0.2);
            box-shadow: 0px -3px 6px 0px rgb(165, 165, 165, 0.2);
        }

            .wvuebersichtfooter form {
                padding-bottom:100px;
 
            }

            .wvuebersichtheader {
                box-shadow: none;
                -webkit-box-shadow: none;
            }


        .modal-wvassistent .container {
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
            width: 100%;
            max-width: 100%;
        }

        .g-height-470 {
            height: 100% !important;
            min-height: 280px;
        }

    }




    .flexwrapper {
        padding: .375rem .75rem;
    }

    html, body {
        width: 100%;
        height: 100%;
    }

    main {
        min-height: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .mainsection {
        flex-grow: 1;
    }

    header, .mainsection, footer {
        flex-shrink: 0;
    }


    .overflow-hidden {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .w-100-percent {
        width: 100%;
    }

    .modal-boxshadow {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 11px 15px -7px, rgba(0, 0, 0, 0.24) 0px 24px 38px 3px, rgba(0, 0, 0, 0.24) 0px 0px;
    }

    .cds-min-height-100 {
        min-height: 100%;
    }



    .cds-header .dropdown-menu {
        min-width: 30rem;
        padding: 0;
        margin-top: 0px;
        border: 0px solid #ccc;
        -webkit-box-shadow: 0 0 15px 1px rgba(31, 46, 64, 0.2) !important;
        box-shadow: 0 0 15px 1px rgba(31, 46, 64, 0.2) !important;
    }

    @media (max-width: 767px) {

        .cds-header .dropdown-menu {
            min-width: 19em
        }
    }




    .userpamenu {
        border: 0px solid #ccc;
        -webkit-box-shadow: 0 0 15px 1px rgba(31, 46, 64, 0.2) !important;
        box-shadow: 0 0 15px 1px rgba(31, 46, 64, 0.2) !important;
    }

.userpamenutext {
    background-color: #f5f5f5 !important;
    color: #555;
    border-bottom: 1px solid #ced4da;
    font-weight: bold;
    padding-left: 1.3rem;
    padding-right: 0.75rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.cds-usermenu li:last-child {
    border-top: 1px solid #ced4da;
}

.userpamenutext i {
    font-size: 32px;
}


    .userpamenu .list-group-item {
        color: #555 !important;
    }

        .userpamenu .list-group-item i {
            color: #339900;
            font-size: 17px;
            padding-left: 5px;
            width:40px;
        }

        .userpamenu .list-group-item:hover {
            background-color: #f5f5f5;
        }



    .cds-header-small .dropdown-menu {
        min-width: 25rem;
        padding: 0;
        margin-top: 0px;
    }

    .cds-bg-light-gray {
        background-color: #fbfbfb !important;
    }

    .terminDetailBody h3, .terminDetailBody h5 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .modal-backdrop-transparent {
        background: 0 0;
    }

    .modal {
        --bs-modal-color: #414141;
    }

    .modal-content {
        border: none;
    }

    .modal-BorderShadow {
        box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
    }

    .g-color-lightred {
        color: #ec554d !important;
    }

    .alert-danger {
        background-color: #ec554d !important;
        color: white;
        border: none;
    }

        .alert-danger ul {
            margin-left: 0px;
            padding-left: 18px;
            margin-top: 5px;
            margin-bottom: 0px;
        }

    /*------------------------------------
  Error state v1
------------------------------------*/
    .u-has-error-v1 .form-control,
    .u-has-error-v1 [class*="input-group-"],
    .u-has-error-v1 [class*="u-select"] {
        background-color: rgba(255, 240, 240, 0.3);
        border: 1px solid rgba(236, 85, 77, 0.7);
    }

        .u-has-error-v1 .form-control[readonly],
        .u-has-error-v1 [class*="input-group-"][readonly],
        .u-has-error-v1 [class*="u-select"][readonly] {
            background-color: #fff0f0;
        }

    .u-has-error-v1 .form-control-feedback {
        color: #f00;
    }

    .u-has-error-v1 [class*="u-check-icon"] {
        background-color: #fff0f0;
    }

    .filter-label {
        border: 1px solid;
    }



    .vadetail-teaser .g-line-height-1 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .textelipsecontainer {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }



    .tabcontainervadetail {
        background-color: #fff;
        min-height: 569px;
        /* border-top: 1px solid #e5e5e5; */
        /* box-shadow: 0 0 13px 0 rgba(62, 44, 90, 0.01); */
        border: 1px solid rgba(206, 212, 218, 0.75);
        padding-top: 2.14286rem !important;
        padding-bottom: 2.14286rem !important;
        padding-left: 2.85714rem !important;
        padding-right: 2.85714rem !important;
        webkit-box-shadow: 0px 0px 5px 1px rgb(58, 58, 58, 0.1);
        box-shadow: 0px 0px 5px 1px rgb(58, 58, 58, 0.1);
    }

    .tab-list-dropdown, .tab-list-navigator {
        display: none;
    }



    .tab-list-wrapper {
        position: relative;
        width: 100%;
    }

    @media (min-width: 992px) {
        .tab-list-wrapper {
            height: 39px;
        }
    }

    @media (max-width: 991px) {
        .tab-list-wrapper {
            height: 39px;
        }
    }

    .tab-list-wrapper.tab-list--scroll {
        overflow: hidden;
    }

    .tab-list--view .tab-list-scroller {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 10600;
        box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);
        transform: translate(0, 0) !important;
    }

    .tab-list--scroll .tab-list-scroller {
        position: absolute;
        padding-right: 80px;
        z-index: 1;
        width: auto;
        height: 100%;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -o-text-size-adjust: none;
        text-size-adjust: none;
        will-change: transform;
        cursor: pointer;
    }

    /*------------------------------------
  Tabs v5
------------------------------------*/
    [class*="u-nav-v5"] .nav-item {
        margin-bottom: -1px;
    }

    [class*="u-nav-v5"] .nav-link {
        border-bottom-style: solid;
        border-bottom-width: 3px;
        border-bottom-color: transparent;
        padding-left: 20px;
        padding-right: 20px;
        font-weight: 600;
        color: #555;
    }

        [class*="u-nav-v5"] .nav-link.active {
            border-color: #390;
            color: #339900 !important;
            font-weight: 700;
        }

    [class*="u-nav-v5"].u-nav-primary .nav-link.active {
        border-color: #72c02c;
        color: #72c02c;
    }

    [class*="u-nav-v5"].u-nav-dark .nav-link.active {
        border-color: #333;
        color: #333;
    }

    [class*="u-nav-v5"].u-nav-light .nav-link {
        color: #fff;
    }

        [class*="u-nav-v5"].u-nav-light .nav-link.active {
            color: #fff;
            border-color: #fff;
        }

    .u-nav-v5-2 .nav-link {
        border-bottom-width: 3px;
    }

    .u-nav-v5-3 .nav-link {
        border-bottom-width: 5px;
    }

    .tab-list-wrapper .nav {
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        list-style: none;
        white-space: nowrap;
        display: block;
    }



    .tab-list-dropdown {
        outline: 0;
        border: 0;
        padding: 0;
        background: 0 0;
    }


    .tab-list-gradient {
        width: 80px;
        height: 100%;
        content: '';
        position: absolute;
        z-index: 3;
        top: 0;
        right: 0;
        text-align: center;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f5f5f5 50%, #f5f5f5 100%);
        transform: translate3d(0, 0, 0);
    }


    .tab-list-dropdown {
        width: 50px;
        height: 100%;
        right: 10px;
        position: absolute;
        cursor: pointer;
        z-index: 10;
    }

        .tab-list-dropdown::before {
            font-family: FontAwesome;
            content: '\f078';
        }



    .tab-dropdown--open::before {
        font-family: "FontAwesome";
        content: '\f077;';
    }

    .tab-list {
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        list-style: none;
        white-space: nowrap;
    }

    .tab-list--default {
        margin: 0;
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .tab-list--default {
            padding-left: 0;
        }
    }

    .tab-list--view .nav-item {
        width: 100%;
        float: left;
        border-bottom: 1px solid #d5d5d5;
    }

    .tab-list--scroll .nav-item {
        display: inline-block;
        vertical-align: bottom;
        width: auto;
    }

    .tab-item--default {
        margin-right: 5px;
    }

        .tab-item--default.active .tab-list-link {
            border-bottom-color: #390;
            color: #390;
        }

    .tab-list-link {
        display: block;
        text-decoration: none;
    }

    .tab-link--default {
        border-radius: 0;
        border-bottom: 5px solid transparent;
        color: #444;
        line-height: 20px;
        position: relative;
        float: left;
        width: 100%;
        display: block;
    }

        .tab-link--default:hover, .tab-link--default:focus {
            border-bottom-color: #390;
            color: #390;
        }

        .tab-link--default [class^="wifi-"] {
            margin-right: 5px;
            float: left;
            line-height: 20px;
        }

    @media (min-width: 992px) {
        .tab-link--default {
            height: 50px;
            padding: 17px 20px 0 20px;
            font-size: 16px;
        }
    }

    @media (max-width: 991px) {
        .tab-link--default {
            height: 55px;
            padding: 20px 20px 0 20px;
            font-size: 18px;
        }
    }

    .tab-list--view .nav-link {
        border: 0;
        color: #555;
    }


    .notificationcontainer {
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        flex-grow: 1;
        height: 55px;
    }


    .notifactionText {
        display: inline;
    }

    @media (max-width: 767px) {

        .notifactionText {
            display: none;
        }
    }

    /*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
    .modal.left .modal-dialog,
    .modal.right .modal-dialog {
        position: fixed;
        margin: auto;
        width: 320px;
        height: 100%;
        -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

    .modal.left .modal-content,
    .modal.right .modal-content {
        height: 100%;
        overflow-y: auto;
    }

    .modal.left .modal-body,
    .modal.right .modal-body {
        padding: 15px 15px 80px;
    }

    /*Left*/
    .modal.left.fade .modal-dialog {
        left: -320px;
        -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
        -o-transition: opacity 0.3s linear, left 0.3s ease-out;
        transition: opacity 0.3s linear, left 0.3s ease-out;
    }

    .modal.left.fade.show .modal-dialog {
        left: 0;
    }

    /*Right*/
    .modal.right.fade .modal-dialog {
        right: -320px;
        -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
        -o-transition: opacity 0.3s linear, right 0.3s ease-out;
        transition: opacity 0.3s linear, right 0.3s ease-out;
    }

    .modal.right.fade.show .modal-dialog {
        right: 0;
    }

    /* ----- MODAL STYLE ----- */
    .modal-content {
        border-radius: 0;
        border: none;
    }

    .modal-header {
        display: flex;
        align-items: flex-start;
        border-bottom-color: #EEEEEE;
        background-color: #fff;
    }

    .modal .modal-header .btn-close {
        margin-left: auto;
        margin-right: 0;
        width: 1.6rem;
        height: 2.5rem;
        padding: 0;
        --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'%3e%3cpath d='M2 2l12 12M14 2L2 14'/%3e%3c/svg%3e");
        background: transparent var(--bs-btn-close-bg) center / 1.6rem 1.6rem no-repeat;
    }

    .btn-close:focus {
        outline: none;
        box-shadow: none;
    }

    .pamobilemenu {
        background-color: #f5f5f5;
        border-bottom: 1px solid #d6d7da;
        margin-bottom: 10px;
    }


    .toolbar-item .toolbar-link {
        font-weight: 500;
    }

        .toolbar-item .toolbar-link.disabled {
            opacity: 0.4;
        }

    .pamobilemenu .nav-link {
        font-weight: 700 !important
    }


    .pamobileusermenu {
        background-color: #339900;
        padding-left: 20px;
        padding-right: 20px;
        opacity: 0.9;
    }

        .pamobileusermenu a {
            color: white;
            font-size: 18px;
            width: 100%;
            height: 50px;
            display: block;
        }

            .pamobileusermenu a:active {
                background-color: #66b340;
                text-decoration: none;
            }


    .patoolbar-light:not(.nostyle) {
        background: #737272;
        border-radius: .25em;
        border: 1px solid #565555;
        -webkit-box-shadow: 0px 0px 5px 1px rgb(58, 58, 58, 0.15);
        box-shadow: 0px 0px 5px 1px rgb(58, 58, 58, 0.15);
        margin-bottom: 1.2rem !important;
    }

        .patoolbar-light:not(.nostyle) .label {
            color:#fff;
        }

        .tab-content .patoolbar-light, .tab-content .teasercontainer {
            box-shadow: none;
            -webkit-box-shadow: none;
        }

    .tab-content .cds-calendar {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }


    .patoolbar-light .js-tab-scroll {
        height: 70px !important;
    }

    .patoolbar-light.nostyle .js-tab-scroll {
        height: 90px !important;
    }


.patoolbar-light .toggleInfoContainer input[type='text'] {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 8px;
    padding-left: 14px;
}


    .patoolbar-light .toolbar-item .toolbar-link {
        color: #fff;
        font-size: 11px;
        white-space: nowrap;
    }

    .patoolbar-light .toolbar-item:hover .toolbar-link {
        text-decoration: none;
    }

    .patoolbar-light .toolbar-item {
        transition: 0.3s;
    }



        .patoolbar-light .toolbar-item:hover {
            background-color: #9c9c9c;
        }



        .patoolbar-light .toolbar-item .toolbar-link > .fa {
            position: relative;
            width: 36px;
            font-size: 27px;
        }

            .patoolbar-light .toolbar-item .toolbar-link > .fa > .badge {
                font-size: 0.75rem;
                position: absolute;
                right: 0;
                font-family: sans-serif;
            }

        .patoolbar-light .toolbar-item .toolbar-link > .fa {
            top: 3px;
            line-height: 12px;
        }

            .patoolbar-light .toolbar-item .toolbar-link > .fa > .badge {
                top: -10px;
            }

    .patoolbar-light.navbar-expand-lg .toolbar-item .toolbar-link:focus {
        outline: 0;
    }

    .patoolbar-light.navbar-expand-lg .toolbar-item .toolbar-link {
        text-align: center;
        display: table-cell;
        height: 70px;
        vertical-align: middle;
        padding-top: 0;
        padding-bottom: 0;
        cursor: pointer;
        border: none;
        background: none;
    }

        .patoolbar-light.navbar-expand-lg .toolbar-item .toolbar-link > .fa {
            display: block;
            width: 48px;
            margin: 2px auto 4px auto;
            top: 0;
            line-height: 24px;
        }

            .patoolbar-light.navbar-expand-lg .toolbar-item .toolbar-link > .fa > .badge {
                top: -7px;
            }


    .tab-list-navigator {
        width: 40px;
        height: 100%;
        content: '';
        position: absolute;
        z-index: 3;
        text-align: center;
        display: none;
    }

        .tab-list-navigator button {
            outline: 0;
            border: 0;
            padding: 0;
            background: 0 0;
            color: #fff;
            cursor: pointer;
            opacity:0.8;
        }

            .tab-list-navigator button:hover {
                color: #fff;
                opacity:1;
            }


.tab-list-navigatorcontainer-right {
    top: 0;
    right: 0;
    background: rgb(115,114,114);
    background: linear-gradient(90deg, rgba(72,124,66,0) 0%, rgba(115,114,114,1) 100%);
}

.tab-list-navigatorcontainer-left {
    background: rgb(115,114,114);
    background: linear-gradient(275deg, rgba(72,124,66,0) 0%, rgba(115,114,114,1) 100%);
}



    @media (max-width: 767px) {
        .patoolbar-light.navigator-sm .tab-list-navigator {
            display: block;
        }
    }

    @media (max-width: 991px) {
        .patoolbar-light.navigator-md .tab-list-navigator {
            display: block;
        }
    }

    .patoolbar-light.navigator-lg .tab-list-navigator {
        display: block;
    }




    .tab-list-navigator-left {
        width: 20px;
        height: 100%;
        right: 20px;
        position: absolute;
        z-index: 10;
    }

        .tab-list-navigator-left::before {
            font-family: FontAwesome;
            content: '\f053';
        }

    .tab-list-navigator-right {
        width: 20px;
        height: 100%;
        position: absolute;
        z-index: 10;
    }

        .tab-list-navigator-right::before {
            font-family: FontAwesome;
            content: '\f054';
        }


    .pa-table > tbody > tr > td {
        vertical-align: middle;
    }


    .pa-table > thead, .pa-article-container .table-striped > thead {
        border-left: 1px solid #ced4da;
        border-right: 1px solid #ced4da;
    }

    .pa-table > tbody, .pa-article-container .table-striped > tbody {
        border: 1px solid #ced4da;
    }

    .g-color-primary small {
        font-size: 1rem;
        margin-top: 1rem;
        display: block;
    }

    .pa-table th, .pa-article-container .table-striped th {
        border-top: 2px solid #339900;
        text-transform: uppercase;
        color: #555;
        background-color: #fff;
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: none !important;
        white-space: nowrap;
    }


    .pa-table td:first-child {
        white-space: nowrap;
    }

    .pa-table .pa-table-group {
        color: white;
        font-size: 11px;
        text-transform: uppercase;
        text-align: center;
    }

    .pa-table .pa-table-group:not(.pa-table-nogroup) > * {
        --bs-table-bg: rgba(51, 152, 220, 0.65);
        --bs-table-accent-bg: rgba(51, 152, 220, 0.65);
        background-color: rgba(51, 152, 220, 0.65) !important;
    }

    .pa-table .pa-table-group td {
        padding: .40rem;
    }



    .pa-table-nogroup > * {
        --bs-table-bg: rgba(230, 75, 59, 0.78);
        --bs-table-accent-bg: rgba(230, 75, 59, 0.78);
        background-color: rgba(230, 75, 59, 0.78) !important;
    }

    .swal2-styled.swal2-confirm {
        background-color: #339900 !important;
    }

    .swal2-popup {
        border-radius: 0 !important;
    }

    .swal2-content {
        font-size: 1em !important;
    }

    .swal2-title {
        font-size: 1.575em !important;
    }

    .swal2-container {
        z-index: 10500 !important;
    }

    .select2-container--bootstrap .select2-selection {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .select2-container--bootstrap .select2-selection--multiple {
        min-height: 46px !important;
    }

        .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
            line-height: 2.2857143 !important;
        }

        .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
            height: 46px !important;
        }




        .mobilemenu .nav-link {
            color: white;
            font-weight: 300;
        }

        .mobilemenu .nav-item {
            border-bottom: 1px solid #72777c;
        }

            .mobilemenu .nav-item:first-child {
                border-top: 1px solid #72777c;
            }

            .mobilemenu .nav-item:active {
                background-color: #63676b;
            }

    .pa-table.selectable td {
        cursor: pointer;
    }

    .pa-table.selectable tr:hover > * {
        --bs-table-accent-bg: #f4f9f0;
        background-color: #f4f9f0 !important;
    }

    .pa-table.selectable tr:hover {
        -webkit-box-shadow: 0px 3px 5px 0px rgba(217,217,217,1);
        -moz-box-shadow: 0px 3px 5px 0px rgba(217,217,217,1);
        box-shadow: 0px 3px 5px 0px rgba(217,217,217,1);
        clip-path: inset(0 0 -8px 0);
    }


    .pa-table tr.disabled {
        cursor: not-allowed !important;
    }


    .pa-table tr.doublette {
        opacity: 0.3;
        cursor: not-allowed !important;
    }


    .pa-table tr.storno {
        color: red !important;
        opacity: 0.6;
        cursor: not-allowed !important;
    }


    /*modal fullscreen */

    .modal.modal-fullscreen {
        /* Maximize the main wrappers on the screen */
        /* Make the parent wrapper of the modal box a full-width block */
        /* Remove borders and effects on the content */
        /**
	 * /!\ By using this feature, you force the header and footer to be placed
	 * in an absolute position. You must handle by yourself the margin of the
	 * content.
	 */
    }

        .modal.modal-fullscreen .modal-dialog,
        .modal.modal-fullscreen .modal-content {
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
        }

        .modal.modal-fullscreen .modal-dialog {
            margin: 0;
            width: 100%;
            animation-duration: 0.6s;
            max-width: 100%;
        }

        .modal.modal-fullscreen .modal-content {
            border: none;
            -moz-border-radius: 0;
            border-radius: 0;
            -webkit-box-shadow: inherit;
            -moz-box-shadow: inherit;
            -o-box-shadow: inherit;
            box-shadow: inherit;
            /* change bg color below */
            /* background:#1abc9c; */
        }

        .modal.modal-fullscreen.force-fullscreen {
            /* Remove the padding inside the body */
        }

            .modal.modal-fullscreen.force-fullscreen .modal-body {
                padding: 0;
            }

            .modal.modal-fullscreen.force-fullscreen .modal-header,
            .modal.modal-fullscreen.force-fullscreen .modal-footer {
                left: 0;
                position: absolute;
                right: 0;
            }

            .modal.modal-fullscreen.force-fullscreen .modal-header {
                top: 0;
            }

            .modal.modal-fullscreen.force-fullscreen .modal-footer {
                bottom: 0;
            }

    .pa-termindialog-header {
        border-bottom: 1px solid rgba(141, 143, 146, 0.25);
        margin-bottom: 0px;
        padding-top: 15px;
       
    }

    .modal.modal-fullscreen .modal-header {
        flex-wrap: wrap;
    }

    .modal.modal-fullscreen .modal-header > section {
        flex: 0 0 100%;
        width: 100%;
    }

    .pa-termindialog-body {
        background-color: #f5f5f5;
        padding-top: 50px
    }

    .modal {
        overflow: auto !important;
    }

    body.modal-open {
        height: 100vh;
        overflow-y: hidden;
    }


    .swal2-container {
        z-index: 10600;
    }

    .js-tab-scroll-vadetail {
        height: 65px !important;
    }

    .pa-table tr.hasError > * {
        --bs-table-bg: rgba(255, 240, 240, 0.3);
        --bs-table-accent-bg: rgba(255, 240, 240, 0.3);
        background-color: rgba(255, 240, 240, 0.3) !important;
    }

    .calendar-container.is-loading .fc-view-container,
    .calendar-container.is-loading #VAFilterkriterien,
    .vert_calendar-container.is-loading .fc-view-container,
    .verr_calendar-container.is-loading .fc-view-container {
        opacity: 0.4;
    }


    .calendar-container .toggleInfoContainer.disabled {
        opacity: 0.4;
    }


    .calendar-container.is-working .fc-list-empty,
    .vert_calendar-container.is-working .fc-list-empty,
    .verr_calendar-container.is-working .fc-list-empty {
        visibility: hidden;
    }

    .calendar-container.is-working .fc-center h2,
    .vert_calendar-container.is-working .fc-center h2,
    .verr_calendar-container.is-working .fc-center h2 {
        display: none;
    }

    .calendar-container.is-working .fc-center .loadingplaceholder,
    .vert_calendar-container.is-working .fc-center .loadingplaceholder,
    .verr_calendar-container.is-working .fc-center .loadingplaceholder {
        color: white;
        font-weight: 700;
        font-size: 1em;
    }

    @media (max-width: 767px) {
        .modal-dialog .h2 {
            font-size: 1.6em;
        }
    }

    .u-nav-v4-1.u-nav-primary .nav-link.active {
        border-color: #72c02c #eee #fff;
    }

    .u-nav-v4-1 .nav-link {
        border-color: #ccc #eee #fff;
    }

    .u-nav-v4-1 .nav-link {
        border-style: solid;
        border-width: 2px 1px 1px;
        border-color: transparent;
    }

    .u-nav-v4-1 .nav-item {
        margin-bottom: -1px;
    }

    .u-nav-v4-1 {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #eee;
    }

    .toolbar-content .select2-container--bootstrap .select2-selection {
        border: 1px solid #565555 !important;
    }


    .hinweis-container {
        background-color: #fcfcfc;
        padding: 1.2rem;
        border: 1px solid #339900;
        border-radius: 5px;
        margin-bottom: 2rem;
        margin-top: 0.5rem;
        position:relative;
    }

        .hinweis-container .h4 {
            font-weight: 600 !important;
        }

        .hinweis-container p {
            margin-bottom: 0 !important;
        }

        .hinweis-container i {
            color: #339900;
            font-size: 2.5rem;
            position: absolute;
            top: -16px;
            left: -13px;
            background: #ffffff;
            border-radius: 50%;
            width: 2rem;
            height: 2rem;
        }

    .g-opacity-0_5 {
        pointer-events: none;
    }

    .btn.disabled, .btn:disabled {
        pointer-events: none;
    }

    .hinweis-container.warning {
        border: 1px solid #eaa24d;
    }

        .hinweis-container.warning i {
            color: #eaa24d;
        }


    @media (max-width: 767px) {
        .tabcontainervadetail {
            padding-top: 1.4rem !important;
            padding-bottom: 1.4rem !important;
            padding-left: 1.4rem !important;
            padding-right: 1.4rem !important;
            min-height: 400px !important;
        }

        .hinweis-container:not(.warning) {
            display: none;
        }


    }

    @media (max-width: 767px) {
        .pageHeader h2 {
            font-size: 1.4em;
        }
    }

    .abrechnungsschritt h3 {
        white-space: nowrap;
    }

    .abrechnungsschritt {
        padding-left: 0px;
        padding-right: 0px;
        cursor: pointer;
    }

        .abrechnungsschritt .abrechnungspoints {
            position: absolute;
            margin-top: 35px;
            width: 100%;
            border-top: 1px dotted #b5c3ae;
            content: " ";
            z-index: 10;
        }

        .abrechnungsschritt:first-child .abrechnungspoints {
            width: 50%;
            left: 50%;
        }

        .abrechnungsschritt:last-child .abrechnungspoints {
            width: 50%;
            right: 50%;
        }


    .abrechnungsschritt-item {
        z-index: 11;
    }


    .paginationHeader .abrechnungsschritt.pactive h3 {
        font-weight: 600;
    }

    .paginationHeader .abrechnungsschritt.pactive .u-icon-v2 {
        color: white !important;
        background-color: #339900 !important;
    }


    .paginationHeader .abrechnungsschritt:hover .u-icon-v2 {
        color: white !important;
        background-color: #339900 !important;
    }



    @media (min-width: 768px) {
        .u-info-v9-1::before {
            position: absolute;
            top: 19px;
            left: 17%;
            width: 66%;
            border-top: 1px dotted #b5c3ae;
            content: " ";
        }
    }


    @media (max-width: 991px) {
        .abrechnungsschritt {
            display: none;
        }

            .abrechnungsschritt.pactive {
                display: block;
            }

            .abrechnungsschritt .abrechnungspoints {
                display: none;
            }
    }

    .g-height-500 {
        min-height: 500px;
    }

    .kursbox-item {
        cursor: pointer;
        border-radius: 5px;
        padding: 15px;
    }


        .kursbox-item .kursbox-icon i {
            font-size: 20px;
        }

        .kursbox-item .kursbox-icon.kursbox-folder i {
            color: #FFE9A2;
        }

        .kursbox-item .kursbox-icon.kursbox-datei i {
            color: #868b8f;
        }

        .kursbox-item .kursbox-icon.kursbox-up i {
            color: #339900;
        }

        .kursbox-item .kursbox-title {
            max-width: 270px;
        }

            .kursbox-item .kursbox-title a:hover {
                text-decoration: none;
                color: #339900;
            }

    .kursbox-item-container {
        cursor: pointer;
    }

    .brStringRow {
        background-color: #e8f2fb !important;
    }

        .brStringRow > * {
            --bs-table-bg: #e8f2fb;
            --bs-table-accent-bg: #e8f2fb;
            background-color: #e8f2fb !important;
            box-shadow: none !important;
        }

        .brStringRow td {
            font-style: italic;
            color: #555;
            font-size: 11px;
            white-space: normal !important;
        }

        .brStringRow.inactive {
            display: none;
        }

    .table-striped > tbody > tr:nth-of-type(2n+1) > * {
        --bs-table-bg-type: #f7f7f7;
        --bs-table-accent-bg: #f7f7f7;
        background-color: #f7f7f7 !important;
        box-shadow: none !important;
    }

    .br-table > tbody > tr.brStringRow > * {
        --bs-table-bg: #e8f2fb;
        --bs-table-accent-bg: #e8f2fb;
        --bs-table-bg-type: #e8f2fb;
        --bs-table-bg-state: #e8f2fb;
        --bs-table-striped-bg: #e8f2fb;
        --bs-table-hover-bg: #e8f2fb;
        background-color: #e8f2fb !important;
        box-shadow: none !important;
    }


    table.dataTable {
        border-collapse: collapse !important;
    }


    table.dataTable.pa-datatable > thead > tr > th,
    table.dataTable.pa-datatable > thead > tr > td {
        position: relative;
        padding-right: 3rem;
    }

    table.dataTable.pa-datatable > thead > tr > th .dt-column-title,
    table.dataTable.pa-datatable > thead > tr > td .dt-column-title {
        display: inline-block;
    }

    table.dataTable.pa-datatable > thead > tr > th .dt-column-order,
    table.dataTable.pa-datatable > thead > tr > td .dt-column-order {
        position: absolute;
        top: 50%;
        right: 0.65rem;
        width: 1.15rem;
        height: 1rem;
        margin-top: -0.7rem;
    }

    table.dataTable.pa-datatable > thead > tr > th .dt-column-order::before,
    table.dataTable.pa-datatable > thead > tr > th .dt-column-order::after,
    table.dataTable.pa-datatable > thead > tr > td .dt-column-order::before,
    table.dataTable.pa-datatable > thead > tr > td .dt-column-order::after {
        position: absolute;
        left: auto;
        right: 0;
        bottom: auto;
        display: block;
        font-size: 16px;
        line-height: 1;
        color: #555;
        opacity: 0.3;
        transform: none;
    }

    table.dataTable.pa-datatable > thead > tr > th .dt-column-order::before,
    table.dataTable.pa-datatable > thead > tr > td .dt-column-order::before {
        top: 0;
        left: 0;
        right: auto;
        content: "\2191";
    }

    table.dataTable.pa-datatable > thead > tr > th .dt-column-order::after,
    table.dataTable.pa-datatable > thead > tr > td .dt-column-order::after {
        top: 0;
        right: 0;
        content: "\2193";
    }

    table.dataTable.pa-datatable > thead > tr > th.dt-ordering-asc .dt-column-order::before,
    table.dataTable.pa-datatable > thead > tr > td.dt-ordering-asc .dt-column-order::before,
    table.dataTable.pa-datatable > thead > tr > th.dt-ordering-desc .dt-column-order::after,
    table.dataTable.pa-datatable > thead > tr > td.dt-ordering-desc .dt-column-order::after {
        opacity: 1;
    }


    .pa-table {
        --bs-table-bg: #fff;
        --bs-table-color: #414141;
        --bs-table-striped-color: #414141;
        --bs-table-striped-bg: #f7f7f7;
        --bs-table-hover-bg: #ececec;
        color: #414141;
    }

    .br-table > tbody > tr:not(.pa-table-group):not(.brZwischensumme):not(.brAntwortenToggleRow):not(.brStringRow) > * {
        border-top-width: 0;
        border-bottom-width: 0;
    }

    .br-table > tbody > tr.brAntwortenToggleRow > * {
        --bs-table-bg: #f7f7f7;
        --bs-table-accent-bg: #f7f7f7;
        --bs-table-bg-type: #f7f7f7;
        --bs-table-bg-state: #f7f7f7;
        --bs-table-striped-bg: #f7f7f7;
        --bs-table-hover-bg: #f7f7f7;
        background-color: #f7f7f7 !important;
        border-top: 1px solid #d6d6d6 !important;
        border-bottom: 1px solid #d6d6d6 !important;
        box-shadow: none !important;
    }

    .br-table .pa-table-group > * {
        border-top-width: 0 !important;
        border-bottom-width: 0 !important;
        box-shadow: none !important;
        color: #fff !important;
    }

    .pa-table.br-table .pa-table-group.br-table-subgroup > * {
        --bs-table-bg: #d1d1d1;
        --bs-table-accent-bg: #d1d1d1;
        --bs-table-bg-type: #d1d1d1;
        --bs-table-bg-state: #d1d1d1;
        --bs-table-striped-bg: #d1d1d1;
        --bs-table-hover-bg: #d1d1d1;
        background-color: #d1d1d1 !important;
        color: #fff !important;
        padding: .20rem;
        border-top-width: 0 !important;
        border-bottom-width: 0 !important;
        box-shadow: none !important;
    }

    .pa-table > tbody > tr > *,
    .pa-table > tfoot > tr > * {
        border-bottom-width: 0;
    }

    .pa-table > tbody > tr:not(.pa-table-group) > *,
    .pa-table > tfoot > tr > *,
    .pa-article-container .table-striped > tbody > tr > *,
    .pa-article-container .table-striped > tfoot > tr > * {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }

    table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
        --bs-table-bg-type: #f7f7f7;
        --bs-table-accent-bg: #f7f7f7;
        background-color: #f7f7f7 !important;
        box-shadow: none !important;
        color: #414141;
    }

    .dataTables_filter {
        display: none;
    }

    .br-table > tbody > tr.brZwischensumme > * {
        border-top: 1px solid #d6d6d6 !important;
        border-bottom: 3px solid #999 !important;
        --bs-table-bg: #fcfdf0;
        --bs-table-accent-bg: #fcfdf0;
        --bs-table-bg-type: #fcfdf0;
        --bs-table-bg-state: #fcfdf0;
        --bs-table-striped-bg: #fcfdf0;
        --bs-table-hover-bg: #fcfdf0;
        background-color: #fcfdf0 !important;
        box-shadow: none !important;
    }

        .brZwischensumme td {
            color: #555;
        }

        .br-table > tbody > tr.brZwischensumme.big > * {
            border-top: 3px solid #999 !important;
            border-bottom: 3px solid #999 !important;
            --bs-table-bg: #fafadf;
            --bs-table-accent-bg: #fafadf;
            --bs-table-bg-type: #fafadf;
            --bs-table-bg-state: #fafadf;
            --bs-table-striped-bg: #fafadf;
            --bs-table-hover-bg: #fafadf;
            background-color: #fafadf !important;
            box-shadow: none !important;
        }

            .brZwischensumme.big td {
                color: #333;
            }

    .brGesamtsumme > * {
        font-weight: bold;
        text-transform: uppercase;
        background-color: transparent !important;
        border-top: 2px solid #999 !important;
        border-bottom-width: 0 !important;
        color: #414141;
        box-shadow: none !important;
    }

    .terminsperreBem {
        font-size: 11px;
        font-style: italic;
        color: #999;
    }

    .pa-table > tbody > tr > td:first-of-type {
        padding-left: 1.1rem;
    }

    .pa-table > tbody > tr > td:last-of-type {
        padding-right: 1.1rem;
    }


    .pa-table > thead > tr > th:first-of-type {
        padding-left: 1.1rem;
    }

    .pa-table > thead > tr > th:last-of-type {
        padding-right: 1.1rem;
    }

    .pa-table > tfoot > tr > td:first-of-type {
        padding-left: 1.1rem;
    }

    .pa-table > tfoot > tr > td:last-of-type {
        padding-right: 1.1rem;
    }

    .pa-table tr.boldlinebefore > * {
        font-weight: bold;
        border-top: 2px solid black;
    }


    .table-hover > tbody > tr:hover > * {
        --bs-table-hover-bg: #ececec;
        --bs-table-accent-bg: #ececec;
        background-color: #ececec !important;
        color: inherit;
    }

    .pa-table.selectable.pa-datatable > thead > tr:hover > * {
        --bs-table-hover-bg: transparent;
        --bs-table-bg-state: transparent;
        background-color: #fff !important;
        box-shadow: none !important;
    }

    .pa-table.selectable.pa-datatable > thead > tr:hover {
        box-shadow: none !important;
        clip-path: none;
    }

    .pa-table.selectable.pa-datatable > tbody > tr:hover {
        position: relative;
        z-index: 2;
        cursor: pointer;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(217,217,217,1);
        -moz-box-shadow: 0px 3px 5px 0px rgba(217,217,217,1);
        box-shadow: 0px 3px 5px 0px rgba(217,217,217,1);
        clip-path: inset(0 0 -8px 0);
    }

    .pa-table.selectable.pa-datatable > tbody > tr:hover > * {
        --bs-table-bg: #f4f9f0;
        --bs-table-accent-bg: #f4f9f0;
        --bs-table-bg-type: #f4f9f0;
        --bs-table-bg-state: #f4f9f0;
        --bs-table-striped-bg: #f4f9f0;
        --bs-table-hover-bg: #f4f9f0;
        background-color: #f4f9f0 !important;
        box-shadow: none !important;
        color: inherit;
    }

    table.table.dataTable.table-hover.pa-table.selectable.pa-datatable > tbody > tr:hover > * {
        --bs-table-bg: #f4f9f0;
        --bs-table-accent-bg: #f4f9f0;
        --bs-table-bg-type: #f4f9f0;
        --bs-table-bg-state: #f4f9f0;
        --bs-table-striped-bg: #f4f9f0;
        --bs-table-hover-bg: #f4f9f0;
        background-color: #f4f9f0 !important;
        box-shadow: none !important;
        color: inherit;
    }

    table.table.dataTable.table-hover.pa-table.selectable.pa-datatable > tbody > tr:hover > td:first-child {
        border-left: 1px solid #ced4da !important;
    }

    table.table.dataTable.table-hover.pa-table.selectable.pa-datatable > tbody > tr:hover > td:last-child {
        border-right: 1px solid #ced4da !important;
    }

    .kursbox-upload-icon {
        font-size: 160px !important;
        color: #e5e6e7;
    }

        .kursbox-upload-icon:hover {
            color: #339900;
        }

    #aUpload:hover > .kursbox-upload-icon {
        color: #339900;
    }

    .webcallLink {
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        white-space: nowrap;
        font-weight: bold;
    }

    .embed-container {
        margin: 10px;
    }


    .h1, h1 {
        font-size: 2rem;
    }

    .col-half-offset {
        margin-left: 4.166666667%
    }

    .va-header-icon {
        display: none;
    }



.vadetail-teaser .teasercontainer {
    margin-top: 10px;
    webkit-box-shadow: 0px 0px 5px 1px rgb(58, 58, 58, 0.1);
    box-shadow: 0px 0px 5px 1px rgb(58, 58, 58, 0.1);
    
}

.vadetail-teaser {
    overflow: hidden;
    padding-bottom: 2px;
}

.vadetail-teaser .va-teaser-carousel {
    display: flex;
    gap: 10px;
    cursor: auto;
    touch-action: pan-y;
    user-select: none;
    will-change: transform;
}

.vadetail-teaser .va-teaser-carousel.is-dragging {
    cursor: grab;
}

.vadetail-teaser .va-teaser-item {
    flex: 0 0 100%;
    min-width: 0;
}

@media (min-width: 700px) {
    .vadetail-teaser .va-teaser-item {
        flex-basis: calc((100% - 30px) / 4);
    }
}

@media (min-width: 1350px) {
    .vadetail-teaser .va-teaser-item {
        flex-basis: calc((100% - 50px) / 6);
    }
}


.vadetail-teaser.transparent .teasercontainer {
    color: white !IMPORTANT;
    background-color: #04040412 !important;
    border: 1px solid #fff;
   
}

.vadetail-teaser.transparent .teasercontainer.g-color-primary {
    background-color: #3399004a !important;
    border: 1px solid #339900;
}

    .vadetail-teaser.transparent .teasercontainer.g-color-lightred {
        background-color: #ec554d3d !important;
        border: 1px solid #ec554d;
    }




    @media (min-width: 1800px) {
        .va-header-icon {
            display: block
        }
    }


    .cds-active-filter-wrapper a:hover {
        opacity: 0.7;
    }


    .cds-tab-rdo {
        opacity: 0.6;
    }

    .tab-content-inner {
        position: relative;
    }

    .tab-content-overlay {
        z-index: 9999;
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .cds-rdo-alert {
        margin-bottom: 10px;
    }

    .ve-pa-content h1, .ve-pa-content h2, .ve-pa-content h3, .ve-pa-content h4 {
        margin-bottom: 0px;
    }

    /* Bootstrap 4 responsive embed compatibility (for legacy CMS content) */
    .embed-responsive {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden;
    }

    .embed-responsive::before {
        display: block;
        content: "";
    }

    .embed-responsive--16by9,
    .embed-responsive.embed-responsive-16by9::before {
        padding-bottom: 56.25%;
    }

    .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    .pa-article-container {
        color: #414141;
    }

    .pa-article-container .table {
        --bs-table-color: #414141;
        --bs-table-bg: #f5f5f5;
        --bs-table-border-color: #ced4da;
        --bs-table-striped-color: #414141;
        --bs-table-striped-bg: #ededed;
        color: #414141;
        border-color: #ced4da;
    }

    .pa-article-container .table-striped > tbody > tr:nth-of-type(odd) > * {
        --bs-table-bg-type: #ededed;
        --bs-table-accent-bg: #ededed;
        background-color: #ededed !important;
        color: #414141;
        box-shadow: none !important;
    }

    .pa-article-container .table-striped > tbody > tr:nth-of-type(even) > * {
        --bs-table-bg-type: #f5f5f5;
        --bs-table-accent-bg: #f5f5f5;
        background-color: #f5f5f5 !important;
        color: #414141;
        box-shadow: none !important;
    }

    .pa-article-container .table > :not(caption) > * > * {
        padding: .75rem;
        border-bottom-width: 0;
    }

    .pa-article-container .img-responsive {
        max-width: 100%;
        height: auto;
    }

    .pa-article-container .row > .btn {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }



    .yesSU {
        display: none;
    }

    .freq-sicherheitsunterweisung-container.hasSU .noSU {
        display: none;
    }

    .freq-sicherheitsunterweisung-container.hasSU .yesSU {
        display: inline-block;
    }

    .freq-sicherheitsunterweisung-container .dropdown-toggle {
        padding: 0.47143rem 1.0rem;
    }

        .freq-sicherheitsunterweisung-container .dropdown-toggle::after {
            display: none;
        }

    h4, .h4 {
        font-size: 1.3rem;
    }

    .u-label-primary {
        background-color: #339900;
    }


    .pa-article-container h3, .pa-article-container .h3,
    .pa-article-container h4, .pa-article-container .h4 {
        margin-top: .5rem;
    }


    .pa-article-container ol,
    .pa-article-container ul {
        margin: 15px 20px;
    }

    .pa-article-container ol {
        padding-left: 1.25rem;
    }

    .pa-article-container ul {
        list-style: none;
        padding: 0;
        margin-left: .25rem;
    }

        .pa-article-container ul li:before {
            font-family: WIFI-Icons;
            content: '\e92d';
            color: #390;
            font-size: 9px;
            position: absolute;
            left: 0;
            top: .45em;
        }

        .pa-article-container ul li {
            position: relative;
            padding-left: 1.25rem;
            line-height: 1.5;
        }

    .pad-top-20 {
        padding-top: 20px;
    }

    .dashboard-teaser-wrapper.fullsize-teaser #teaser-ankuendigung .js-scrollbar {
        height: 620px;
    }

    .disable {
        background-color: inherit !important;
        color: inherit !important;
        opacity: 0.4;
    }

        .disable:hover {
            background-color: inherit !important;
            color: inherit !important;
            opacity: 0.4;
            cursor: not-allowed !important;
        }




    .ringing-bell {
        position: absolute;
        right: 10px;
        top: 15px;
        transition: translate(-50%, -50%);
    }

    .faa-ring {
        color: #339900;
    }

    @-webkit-keyframes ring {
        0% {
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }

        2% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
        }

        4% {
            -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
        }

        6% {
            -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
        }

        8% {
            -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg);
        }

        10% {
            -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
        }

        12% {
            -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
        }

        14% {
            -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
        }

        16% {
            -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
        }

        18% {
            -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
        }

        20% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    @keyframes ring {
        0% {
            -webkit-transform: rotate(-15deg);
            -ms-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }

        2% {
            -webkit-transform: rotate(15deg);
            -ms-transform: rotate(15deg);
            transform: rotate(15deg);
        }

        4% {
            -webkit-transform: rotate(-18deg);
            -ms-transform: rotate(-18deg);
            transform: rotate(-18deg);
        }

        6% {
            -webkit-transform: rotate(18deg);
            -ms-transform: rotate(18deg);
            transform: rotate(18deg);
        }

        8% {
            -webkit-transform: rotate(-22deg);
            -ms-transform: rotate(-22deg);
            transform: rotate(-22deg);
        }

        10% {
            -webkit-transform: rotate(22deg);
            -ms-transform: rotate(22deg);
            transform: rotate(22deg);
        }

        12% {
            -webkit-transform: rotate(-18deg);
            -ms-transform: rotate(-18deg);
            transform: rotate(-18deg);
        }

        14% {
            -webkit-transform: rotate(18deg);
            -ms-transform: rotate(18deg);
            transform: rotate(18deg);
        }

        16% {
            -webkit-transform: rotate(-12deg);
            -ms-transform: rotate(-12deg);
            transform: rotate(-12deg);
        }

        18% {
            -webkit-transform: rotate(12deg);
            -ms-transform: rotate(12deg);
            transform: rotate(12deg);
        }

        20% {
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    .faa-ring.animated,
    .faa-ring.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-ring {
        -webkit-animation: ring 2s ease infinite;
        animation: ring 2s ease infinite;
        transform-origin-x: 50%;
        transform-origin-y: 0px;
        transform-origin-z: initial;
    }


    .fa-12x {
        font-size: 1.5em;
    }

    .fa-15x {
        font-size: 1.5em;
    }

    .teaser-expander {
        text-align: center;
        width: 100%;
        padding: 10px;
        border-top: 1px solid rgba(206, 212, 218, 0.75);
    }

    /*Workaround für Calendar, damit Popover einen Hintergrund haben*/
    .fc-more-popover {
        background-color: white;
    }


    #verfuegbarkeit_raum_calendar .fc-content, #verfuegbarkeit_trainer_calendar .fc-content {
        cursor: pointer;
    }

    .vert_calendar-container .select2-container, .verr_calendar-container .select2-container {
        max-height: 200px;
        overflow-y: auto;
    }

    .carousel-termine a {
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 0px;
        margin-bottom: 0.5rem;
    }

    .carousel-termine .btn,
    .carousel-termine .btn:hover,
    .carousel-termine .btn:focus,
    .carousel-termine .btn:focus-visible,
    .carousel-termine .btn:active,
    .carousel-termine .btn.active,
    .carousel-termine .btn.disabled,
    .carousel-termine .btn:disabled {
        border-color: transparent;
        box-shadow: none;
        outline: none;
    }


    @media (max-width: 991px) {
        .flex-buttons-fs {
            padding-top: 10px !important;
        }

     

        .u-header--search .input-group {
            transition: width 0.1s ease-in;
            z-index: 9999;
        }

            .u-header--search .input-group.maximum {
                width: calc(100vw - 2rem);
            }
    }

    .mobile-toolbar-open-button {
        display: none;
        width: 100%;
        justify-content: center;
        align-items: center;
        padding-top: 0.85rem;
        padding-bottom: 0.4rem;
        font-weight: 900;
    }



    .filterkriterien-container .cds-filter-show-all {
        display: none;
    }



    .vadetail-header-buttons {
        position: absolute;
        right: 0rem;
        top: 1rem;
    }

    @media (max-width: 767px) {
        .pa-termindialog-header {
            padding-bottom: 0px !important;
        }

        .vadetail-header {
            min-height:300px;
        }

        .row-no-padding--sm {
            padding-left: 0px;
            padding-right: 0px;
        }

        .pageHeader h5 {
            display: none
        }

        .row-no-padding-right--sm {
            padding-right: 0px;
        }

        .notificationcontainer {
            padding-right: 0.75rem;
        }

        .mobile-toolbar-open-button {
            display: flex;
        }

        .toolbar-content {
            display: none;
        }

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

        .filterkriterien-container .cds-active-filter-wrapper {
            display: none;
        }

            .filterkriterien-container .cds-active-filter-wrapper.first-filter {
                display: inline-block;
            }

        .filterkriterien-container.show-all .cds-active-filter-wrapper {
            display: inline-block;
        }

        .filterkriterien-container .cds-filter-show-all {
            display: inline-block;
            font-size: 12px;
            text-decoration: none;
            color: #555;
        }

            .filterkriterien-container .cds-filter-show-all:hover {
                text-decoration: underline;
            }

        .filterkriterien-container.show-all .cds-filter-show-all {
            display: none;
        }



        .pa-termin-infolist {
            display: none;
        }

        .pa-termin-infobuttons {
            display: none;
        }

        .pa-termindialog-header .flex-buttons-fs.pa-termin-infobuttons {
            display: none;
        }


        .vadetail-header-buttons {
            top: 1rem;
            right: 0rem;
        }
    }

    @media (max-width: 1199px) {
        .breadcrumb-container {
            display: none;
        }
    }

    .cds-header .u-badge-v1--sm {
        position: absolute;
        top: 8px !important;
        left: -14px;
        width: 16px;
    }


.u-header {
    -webkit-box-shadow: 2px 0px 5px 2px rgb(0,0,0,0.15);
    box-shadow: 2px 0px 5px 2px rgb(0,0,0,0.15);
}

    .navbar {
        padding-bottom: 0px;
        padding-top: 4px;
    }


    .fc-terminuebersicht14Tage-button.active:after {
        content: 'erminansicht';
    }

    .fc-monat-button.active:after {
        content: 'onatsansicht'
    }

    .fc-woche-button.active:after {
        content: 'ochenansicht'
    }

    .cds-active-filter-label {
        font-weight: 700;
    }

    @media (min-width: 768px) {

        .fc-terminuebersicht14Tage-button:after {
            content: 'erminansicht';
        }

        .fc-monat-button:after {
            content: 'onatsansicht'
        }

        .fc-woche-button:after {
            content: 'ochenansicht'
        }

        .btn-mobile-termin-detailinfos {
            display: none;
        }

        .vadetail-header h1 {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }

    .pa-termindialog-header.show-all .pa-termin-infolist, .pa-termindialog-header.show-all .pa-termin-infobuttons {
        display: block;
    }

    .pa-termindialog-header.show-all .flex-buttons-fs.pa-termin-infobuttons {
        display: flex;
    }

    .pa-termindialog-header.show-all .btn-mobile-termin-detailinfos {
        display: none;
    }



    .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
        background: #fcfcfc;
        position: relative;
        top: 2px;
    }



    .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #000;
    }



    .vadetail-header {
        z-index: 6;
        padding-top: 3rem;
        color: #fff;
        position: relative;
    }

        .vadetail-header h1 {
            text-shadow: 0px 0px 9px rgb(0 0 0 / 38%);
            font-size: 2.6rem;
        }


    .breadcrumb-container {
        margin-bottom: 5px;
        position: relative;
        top: -15px;
    }

    .vadetail-header .breadcrumb-container {
        padding: 1rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        top: -41px;
        left: -45px;
        width: 50%;
    }

    @media (max-width: 1500px) {

        .vadetail-bg {
            background-position: 0px -15px;
        }

        .vadetail-header .breadcrumb-container {
            width: 100%;
        }

        .vadetail-header-buttons {
            top: 3rem;
        }

        .vadetail-header h1 {
            font-size: 2rem;
        }
    }

@media (max-width: 767px) {

    .vadetail-bg {
        background-position: 0px 47px;
    }

}


@media (max-width: 767px) {

    .vadetail-bg {
        background-position: 0px 47px;
    }

    .modal-body .teasercontainer {
        border:none;
    }

    .modal-body .float-end {
        margin-top:20px;
    }
}


@media (max-width: 1550px) {

    .g-height-470 {
       height:250px;
    }
}

    .vadetail-header .breadcrumb-container .g-color-primary {
        font-weight: 600;
    }

    .vadetail-header .breadcrumb-container .list-inline-item, .vadetail-header .breadcrumb-container .u-link-v5 {
        color: #f5f5f5 !important;
        transition: all 0.3s;
    }


        .vadetail-header .breadcrumb-container .list-inline-item:hover, .vadetail-header .breadcrumb-container .u-link-v5:hover {
            color: #fff !important;
        }


    /* White v1 */
    .g-bg-white-gradient-v1--after::after {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(249, 249, 249, 0.1)), to(rgba(249, 249, 249, 1)));
        background: -webkit-linear-gradient(top, rgba(249, 249, 249, 0.1), rgba(249, 249, 249, 1));
        background: -o-linear-gradient(top, rgba(249, 249, 249, 0.1), rgba(249, 249, 249, 1));
        background: linear-gradient(to bottom, rgba(249, 249, 249, 0.1), rgba(249, 249, 249, 1));
    }

.g-bg-gray-dark-v1 {
    background-color: #666 !important;
}

.g-brd-gray-light-v4 {
    border-color: #d3d3d3 !important;
}

.g-min-height-90 {
    min-height:90px;
}

.btn.disabled, .btn:disabled {
    opacity:0.45;
}

.teilnehmer-teasercontainer .pa-table-group {
    background-color: rgba(51, 152, 220, 0.65) !important;
    color: white;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    padding: 0.5em;
}



/*------------------------------------
  WKIS
------------------------------------*/


.cds-profile-circle{
    width:25px;
    height:25px;
    border-radius:12px;
    font-size:10px;
    color:#fff;
    line-height:25px;
    text-align:center;
    background:#339900
    
}


.cds-profile-circle-15x{
    width:40px;
    height:40px;
    border-radius:20px;
    font-size:15px;
    color:#fff;
    line-height:40px;
    text-align:center;
    background:#339900
    
}

.cds-usermenu-role .list-group-item {
    padding-top:1.4rem;
    padding-bottom:1.4rem;
    font-weight:bold;
}

.cds-usermenu-role i {
    color: #555 !important;
    font-size: 28px !important;
    width: 42px !important;
    padding-left: 0px !important;
}

.cds-usermenu-role.active .d-flex {
    position:relative;
    left:-4px;
}


.cds-usermenu-role.active {
    cursor: default;
    border-left: 5px solid #339900;
}

.cds-usermenu-role.active:after {
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    background-color: #390;
    border-radius: 50%;
    top: 50%;
    right: 20px;
    position: absolute;
    transform: translate(0,-50%);
	z-index:99999;
}

.cds-usermenu-role{
	cursor:pointer;
	position:relative;

}

.cds-autoellipsis
{
		white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .u-accordion__body .wko-user {
        padding-bottom: 16px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 16px;
        padding-top: 10px;
    }

        .u-accordion__body .wko-user:last-child {
            border-bottom: none;
            margin-bottom: 0px;
            padding-bottom: 0px;
        }

.cds-usermenu .list-group-item
{
	border:none;
}


@media (max-width: 767px) {

	.xs-hidden
	{
		display:none;
	}
	 .xs-mt-10
	 {
		 margin-top:10px;
	 }

    .btn-xs-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-xs-block,
    input[type="reset"].btn-xs-block,
    input[type="button"].btn-xs-block {
        width: 100%;
    }
    .btn-xs-block + .btn-xs-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-sm-block,
    input[type="reset"].btn-sm-block,
    input[type="button"].btn-sm-block {
        width: 100%;
    }
    .btn-sm-block + .btn-sm-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-md-block,
    input[type="reset"].btn-md-block,
    input[type="button"].btn-md-block {
        width: 100%;
    }
    .btn-md-block + .btn-md-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 1200px) {
	.btn-lg-block {
		display: block;
		width: 100%;
	}

	input[type="submit"].btn-lg-block,
	input[type="reset"].btn-lg-block,
	input[type="button"].btn-lg-block {
		width: 100%;
	}

	.btn-lg-block + .btn-lg-block {
		margin-top: 0.5rem;
	}
}

.bt-mobile-menu {
    color:#fff;
}

@media (max-width: 1199px) {
    .bt-mobile-menu .fa {
        font-size: 36px;
    }
}

   


#leftMobileMenu .userpamenu {
    min-width: 22rem !important;
}


.toggleInfoContainer {
    flex-flow: nowrap;
}


.wv-searchtextbox.wv-filterkritierum, .va-searchtextbox.va-filterkritierum {
    width: 330px;
}


/*-------------------------------------------------------
    lightgalery
-------------------------------------------------------*/
.gallery-wrapper {
    font-size: 0;
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .gallery-wrapper {
        margin: 0;
    }
}

.gallery-item {
    position: relative;
    display: inline-block;
    padding: 10px;
    flex: 0 1 25%;
    max-width: 25%;
}

@media (max-width: 767px) {
    .gallery-item {
        flex: 0 1 50%;
        max-width: 50%;
        padding: 5px;
    }
}

@media (max-width: 480px) {
    .gallery-item {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 0 0 10px;
    }
}

.gallery-item-link {
    display: inline-block;
    width: 100%;
    position: relative;
    text-decoration: none;
    height: 100%;
    background: #f0f0f0;
    border: 1px solid #ddd;
}

.gallery-item-link:after {
    position: absolute;
    right: 5px;
    bottom: 5px;
    border: 1px solid #ddd;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    text-align: center;
    font-family: "WIFI-Icons";
    content: "\e92e";
    line-height: 28px;
    background-color: #fff;
    color: #444;
    font-size: 16px;
}

.image-gallery-play-button {
    position: absolute;
    top: 50%;
    left: 50px;
    margin-left: 15px;
    margin-top: -15px;
    width: 40px;
    height: 40px;
    background-color: #f5f5f5;
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
}

.gallery-item-count {
    font-size: 50px;
    color: #444;
    font-family: "Arsenal", Arial, sans-serif;
    font-weight: bold;
}

@media (min-width: 481px) {
    .gallery-item-count {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media (max-width: 480px) {
    .gallery-item-count {
        padding: 30px 15px;
        text-align: center;
        display: block;
    }
}

.cds-hidden-item {
    display: none;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.native-lazy {
    background-color: #f5f5f5;
    opacity: 0;
    transition: opacity 250ms ease-in;
}

.native-lazy.native-lazy-loaded {
    opacity: 1;
}
/*-----------------------------------------------------*/

/*-------------------------------------------------------
    panorama
-------------------------------------------------------*/
.cds-panorama-opener {
    cursor: pointer !important;
}
/*-----------------------------------------------------
 
 WIFI GRÜN SKINNING

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

.u-header__section {
    background-color: #339900 !important;
    min-height: 90px;
    padding-top: 0.71429rem !important;
    padding-bottom: 0.71429rem !important;
}

.u-header--search {
    padding-left:25px;
}

.dropdown.cds-header .notifactionText, .dropdown.cds-header i, .dropdown.cds-header .dropdown-toggle::after {
    color: #fff !important;
}

.user-action-link {
    color:#fff !important;
}

.sidebarMainContainer {
    background-color: #fff;
    border-right: 1px solid rgba(206, 212, 218, 0.5);

}

.sidebarContainer h4, .mobilemenu h4 {
    color: #339900;
}

.sidebar-nav .metismenu a {
    color:#414141;
}

.sidebar-nav .metismenu > li:hover, .sidebar-nav .metismenu > li:focus, .sidebar-nav .metismenu > li:active, .sidebar-nav .metismenu > .mm-active {
    background-color: #f5f5f5 !important;
    border-left: 5px solid #339900 !important;
    transition: 0.3s;
    webkit-box-shadow: none;
    box-shadow: none;
    width:calc(100% + 1px)
}

.patoolbar-light:not(.nostyle) {
    background-color: #fff;
    border-radius:12px;
    border: 1px solid rgba(206, 212, 218, 0.9) !important;
    webkit-box-shadow: 0px 0px 5px 1px rgb(58, 58, 58, 0.1) !important;
    box-shadow: 0px 0px 5px 1px rgb(58, 58, 58, 0.1) !important;
}

.patoolbar-light .toolbar-item .toolbar-link {
    color:#414141;
    text-decoration: none;
}

.patoolbar-light .toolbar-item .toolbar-link:hover,
.patoolbar-light .toolbar-item .toolbar-link:focus,
.patoolbar-light .toolbar-item .toolbar-link:active {
    text-decoration: none;
}

.patoolbar-light.navbar-expand-lg .toolbar-item .toolbar-link, .patoolbar-light .js-tab-scroll {
    height: 75px !important;
}

.patoolbar-light .toggleInfoContainer {
    flex-wrap: nowrap !important;
}

.patoolbar-light .toggleInfoContainer input.form-control.bt-datepicker {
    flex: 1 1 0;
    width: 1%;
    min-width: 0;
}

.patoolbar-light .toolbar-item:hover {
    background-color: #f5f5f5 !important;
}

.toggleInfoContainer .toogleInfoLabel {
    color: #414141;
}

.tab-content .patoolbar-light:not(.nostyle) {
    webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.patoolbar-light .toolbar-item:first-child:hover {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}


.sidebar-nav .metismenu a, .sidebarContainer h4, .mobilemenu h4 {
    padding-left: 20px;
}

.navbar-brand  {
    position: absolute;
    display:flex;
    padding-top:0px !important;
}

.navbar-brand .svg-holder {
    background-color: #fff;
    padding: 6px;
    padding-right:5px;
}

    .navbar-brand span {
        font-family: "Arsenal", Arial, sans-serif;
        font-weight: bold;
        color: #fff;
        font-size: 34px;
        margin-left: 18px;
        position: relative;
        top: 6px;
    }

.u-header .form-control {
    border-radius: 100px !important;
    border: none !important;
    height: 43px !important;
    padding: 0px;
    padding-left: 18px;
}



.u-header .u-btn-outline-primary:hover {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    background-color:#f5f5f5;
    color:#339900;
}

.u-header .contact, .u-header .contact a {
    color: #fff;
}


@media (max-width: 1199px) {
    .navbar-brand .svg-holder {
        display:none;
    }

    .navbar-brand span {
        font-size: 30px;
        margin-left: 3px;
        position: relative;
        top: -6px;
    }

    .u-header .form-control {
        height: 36px !important;
    }

    .u-header--search {
        padding-left:3px;
    }

}


h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h6,
.h6 {
    font-family: "Arsenal", Arial, sans-serif;
}

.hinweis-container h6, .hinweis-container .h4, .wvitem h2, .vadetail-teaser .h6,
.pa-termindialog-header .h3, .pa-termindialog-header .h4,
.modal-dialog .h4, .modal-dialog h6 {
    font-family: Open Sans, Helvetica, Arial, sans-serif;
}

.modal-header .h4 {
    font-weight:bold;
}


.sidebar-nav .metismenu li:hover > a::before,
.sidebar-nav .metismenu li:focus > a::before,
.sidebar-nav .metismenu li:active > a::before,
.sidebar-nav .metismenu .mm-active > a::before,
.sidebar-nav .metismenu li:hover > a::after,
.sidebar-nav .metismenu li:focus > a::after,
.sidebar-nav .metismenu li:active > a::after,
.sidebar-nav .metismenu .mm-active > a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e3e3e3;
}

.sidebar-nav .metismenu li:hover > a::before,
.sidebar-nav .metismenu li:focus > a::before,
.sidebar-nav .metismenu li:active > a::before,
.sidebar-nav .metismenu .mm-active > a::before {
    top: 0; /* Positioniert den oberen Rahmen */
}

.sidebar-nav .metismenu li:hover > a::after,
.sidebar-nav .metismenu li:focus > a::after,
.sidebar-nav .metismenu li:active > a::after,
.sidebar-nav .metismenu .mm-active > a::after {
    bottom: 0; /* Positioniert den unteren Rahmen */
}

.sidebar-nav .metismenu a {
    text-decoration: none;
    position: relative; /* Erforderlich für die Pseudo-Elemente */
    box-sizing: border-box;

}



@media (max-width: 1750px) {
    .navbar-brand span {
        font-size:28px;
    }
}


@media (max-width: 1470px) {
    .u-header--search {
        padding-left: 75px;
    }
}

@media (max-width: 1199px) {
    .u-header--search {
        padding-left: 3px;
    }
}

.teasercontainer .pa-table {
    margin-bottom:0px;
    font-size:0.8rem;
}

#previewimage {
    width: 100%; /* Inherit the width of the parent container */
    height: 100%; /* Inherit the height of the parent container */
    object-fit: contain; /* Ensure the image fits within the container without distortion */
}

.partnernet-black{
    color: #414141 !important;
}


.cds-sender .logo-img {
    display: block;
    height: 40px;
    width:36px;
    margin-bottom: 5px;
}

.flipbook-iframe {
    height: 100vh;
}

.dataTables_filter,
div.dt-container div.dt-search {
    display: none;
}

div.dt-container {
    width: 100%;
}

.pa-table-container div.dt-container > .row {
    --bs-gutter-x: 0;
}

.pa-table-container div.dt-container > .row.mt-2 {
    margin-top: 0 !important;
}

/* Bootstrap 5 Anpassungen */
.list-group-item {
    padding: 0.75rem 1.25rem;
}

.btn-default {
    color: #212529;
    background-color: #fff;
    border-color: #ced4da;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.show > .btn-default.dropdown-toggle {
    color: #212529;
    background-color: #e9ecef;
    border-color: #ced4da;
}

.cds-header .btn-outline-secondary {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

.cds-header .btn-outline-secondary:hover,
.cds-header .btn-outline-secondary:focus,
.cds-header .btn-outline-secondary:focus-visible,
.cds-header .btn-outline-secondary:active,
.cds-header .btn-outline-secondary:not(:disabled):not(.disabled):active,
.cds-header .btn-check:focus + .btn-outline-secondary,
.cds-header .btn-outline-secondary.dropdown-toggle:focus,
.cds-header .btn-outline-secondary.active,
.cds-header .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    outline: none;
}

.form-select.form-control-md {
    padding: .8rem 2.75rem .6rem 1rem;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.u-has-error-v1 .form-select {
    background-color: rgba(255, 240, 240, 0.3);
    border: 1px solid rgba(236, 85, 77, 0.7);
}

.u-has-error-v1 .form-select[readonly],
.u-has-error-v1 .form-select:disabled {
    background-color: #fff0f0;
}

body.cds-flipbook-open {
    overflow: hidden;
}

.cds-flipbook-shell[hidden] {
    display: none !important;
}

.cds-flipbook-overlay {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.65);
}

.cds-flipbook-stage {
    position: relative;
    width: min(1400px, 100%);
    max-height: 100%;
    background: #fff;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.25);
}

.cds-flipbook-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.9);
}

.cds-flipbook-host {
    min-height: min(85vh, 900px);
}

.cds-flipbook-frame {
    display: block;
    width: 100%;
    min-height: min(85vh, 900px);
    border: 0;
}

.flex-buttons-fs {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.fc-woche-view tr {
  border-style: dotted;
}

.flex-buttons-fs hr {
    border-color: #d3d3d3 !important;
}

@media (min-width: 1400px) {
    .container {
        max-width: 1140px;
    }
}

form label {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.select2-container--bootstrap-5.select2-container--open .select2-dropdown {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* Optgroup headings closer to BS4 look */
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
    font-weight: 700;
    font-size: 0.875rem;
    color: #6c757d;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
    box-shadow: none !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    padding-right: 25px;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear {
    right: 2.55rem;
    width: 0.95rem;
    height: .95rem;
    padding: .5em;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
    color: #6c757d;
}

/* BS5 select2: keep old visual style without breaking multiple input layout */
.select2-container--bootstrap-5 .select2-selection {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.toolbar-content .select2-container--bootstrap-5 .select2-selection {
    border: 1px solid #565555 !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple {
    display: flex;
    align-items: center;
    min-height: 46px !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    gap: 0.25rem;
    width: 100%;
    min-height: 1.5rem;
    line-height: normal !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice {
    background: #fcfcfc;
    top: 0;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove {
    cursor: pointer;
    margin-right: 0.5rem !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    margin-bottom: .1875rem !important;
    margin-top: .1875rem !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #000;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-search--inline {
    display: inline-flex;
    align-items: center;
    flex: 1 1 12rem;
    min-width: 0;
    margin: 0;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered > .select2-search--inline:only-child {
    width: 100%;
    flex-basis: 100%;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-search--inline .select2-search__field {
    width: 100% !important;
    height: auto !important;
    min-width: 8ch;
    padding: 0;
    margin-top: 0 !important;
    line-height: 1.5 !important;
}

a {
    text-decoration: none;
}

a[href]:not([class]):hover {
    text-decoration: underline;
}

small, .small {
    font-weight: 400;
}

.sidebar-nav .metismenu > li > ul > li > a:hover, .sidebar-nav .metismenu > li > ul > li > a:focus, .sidebar-nav .metismenu > li > ul > li > a:active {
color:#fff;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}