/* ==========================================================================
   16_LIBRARY THEME: GREEN
   --------------------------------------------------------------------------
   * README

   * CSS VARIABLES

   * VARIABLES FALLBACKS FOR: 03_GENERALS: SITE
   * VARIABLES FALLBACKS FOR: 04_NAVIGATION: MAIN
   * VARIABLES FALLBACKS FOR: 05_NAVIGATION: INTERNAL
   * VARIABLES FALLBACKS FOR: 07_GENERALS: SECTION
   * VARIABLES FALLBACKS FOR: 10_INFO ORGANIZATION
   * VARIABLES FALLBACKS FOR: 11_FORM ELEMENTS
   * VARIABLES FALLBACKS FOR: 12_FORM LAYOUT
   * VARIABLES FALLBACKS FOR: 13_SNIPPETS AND HELPER CLASSES
   * VARIABLES FALLBACKS FOR: 15_COMMON PAGETYPES

   * BACKGROUND IMAGE OVERRIDES
   ========================================================================== */

/* README
   ========================================================================== */

/*!
 * X
 */

/* CSS VARIABLES
   ========================================================================== */

:root {
    --color--borders: #8F98A7;

    --color--site: #26C59A;
    --color--site--65: #72D9BD;
    --color--site--10: #E9F9F5;

	--color--buttons: #26C59A;
	--color--buttons--65: #72D9BD;
	--color--buttons--30: #BDEDE1;
	--color--buttons--15: #DFF6F0;
}

/* VARIABLES FALLBACKS FOR: 03_GENERALS: SITE
   ========================================================================== */

.banner {
    background-color: #26C59A; /* IE fallback for > var(--color--site) */
}

.footer:before {
    border-top-color: #8F98A7; /* IE fallback for > var(--color--borders) */
}

/* VARIABLES FALLBACKS FOR: 04_NAVIGATION: MAIN
   ========================================================================== */

.nav__item__link:hover {
    color: #26C59A; /* IE fallback for > var(--color--site) */
}

.nav__item__link:focus {
    color: #72D9BD; /* IE fallback for > var(--color--site--65) */
}

.nav__item--with-subnav:hover .subnav__item__link:hover {
    color: #26C59A; /* IE fallback for > var(--color--site) */
}

.nav__item--with-subnav:hover .subnav__item__link:focus {
    color: #72D9BD; /* IE fallback for > var(--color--site--65) */
}

@media all and (min-width:769px) {
    .nav__list--user {
        border-left-color: #8F98A7; /* IE fallback for > var(--color--borders) */
    }

    .nav__item--active .nav__item__link {
        color: #26C59A; /* IE fallback for > var(--color--site) */
    }

    .subnav__item+.subnav__item {
        border-top-color: #8F98A7; /* IE fallback for > var(--color--borders) */
    }

    .subnav__item--active .subnav__item__link {
        color: #26C59A; /* IE fallback for > var(--color--site) */
    }

}

@media all and (max-width:768px) {
    .nav__item + .nav__item {
        border-top-color: #8F98A7; /* IE fallback for > var(--color--borders) */
    }

    .nav__list--user .subnav__item + .subnav__item {
        border-top-color: #8F98A7; /* IE fallback for > var(--color--borders) */
    }

}

/* VARIABLES FALLBACKS FOR: 05_NAVIGATION: INTERNAL
   ========================================================================== */

.breadcrumbs__item {
    color: #26C59A; /* IE fallback for > var(--color--site) */
}

.tabs {
    border-bottom-color: #8F98A7; /* IE fallback for > var(--color--borders) */
}

.tabs__item {
    border-left-color: #8F98A7; /* IE fallback for > var(--color--borders) */
    border-top-color: #8F98A7; /* IE fallback for > var(--color--borders) */
    border-right-color: #8F98A7; /* IE fallback for > var(--color--borders) */
}

.tabs__item:not(.tabs__item--active) {
    border-bottom-color: #8F98A7; /* IE fallback for > var(--color--borders) */
    color: #26C59A; /* IE fallback for > var(--color--site) */
}

.currentPageLink,
.currentPageLink:hover,
.currentPageLink:active,
.currentPageLink:visited {
    border-bottom-color: #26C59A; /* IE fallback for > var(--color--site) */
}

.sort__item--active {
    border-bottom-color: #26C59A; /* IE fallback for > var(--color--site) */
}

.sort__item:hover .fa-sort-asc,
.sort__item:focus .fa-sort-asc,
.sort__item:active .fa-sort-asc,
.sort__item--ASC .fa-sort-asc {
    color: #26C59A; /* IE fallback for > var(--color--site) */
}

.sort__item--ASC:hover .fa-sort-desc,
.sort__item--ASC:focus .fa-sort-desc,
.sort__item--ASC:active .fa-sort-desc,
.sort__item--DESC .fa-sort-desc {
    color: #26C59A; /* IE fallback for > var(--color--site) */
}

/* VARIABLES FALLBACKS FOR: 07_GENERALS: SECTION
   ========================================================================== */

@media all and (max-width:768px) {
    .section__content+.section__content {
        border-top-color: #8F98A7; /* IE fallback for > var(--color--borders) */
    }

}

/* VARIABLES FALLBACKS FOR: 10_INFO ORGANIZATION
   ========================================================================== */

.table--default {
    border-color: #8F98A7; /* IE fallback for > var(--color--borders) */
}

.table--default thead th {
    border-bottom-color: #8F98A7; /* IE fallback for > var(--color--borders) */
}

.table--default tbody tr+tr td {
    border-top-color: #8F98A7; /* IE fallback for > var(--color--borders) */
}

@media all and (max-width:768px) {
    .table--default tbody tr {
        border-color: #8F98A7; /* IE fallback for > var(--color--borders) */
    }

}

@media all and (max-width:768px) {
    .table--accordion tbody tr .table--accordion__toggle {
        border-left-color: #8F98A7; /* IE fallback for > var(--color--borders) */
    }

    .table--accordion tbody tr .table--accordion__toggle:before {
        color: #26C59A; /* IE fallback for > var(--color--site) */
    }

    .table--accordion tbody tr.table--accordion__open td.table--accordion__separator {
        border-top-color: #8F98A7; /* IE fallback for > var(--color--borders) */
    }

}

/* VARIABLES FALLBACKS FOR: 11_FORM ELEMENTS
   ========================================================================== */

.form input,
.form select,
.form textarea {
    border-color: #8F98A7; /* IE fallback for > var(--color--borders) */
}

.form input:focus,
.form select:focus,
.form textarea:focus {
    border-color: #26C59A; /* IE fallback for > var(--color--site) */
}

button,
button:link,
button:visited,
.genericButton,
.genericButton:link,
.genericButton:visited,
.saveButton,
.saveButton:link,
.saveButton:visited,
.nextButton,
.nextButton:link,
.nextButton:visited,
.gotoButton,
.gotoButton:link,
.gotoButton:visited,
.redirectUrlButton,
.redirectUrlButton:link,
.redirectUrlButton:visited,
.button--default,
.button--default:link,
.button--default:visited {
    border-color: #26C59A; /* IE fallback for > var(--color--buttons) */
    background-color: #26C59A; /* IE fallback for > var(--color--buttons) */
}

button:hover,
button:active,
.genericButton:hover,
.genericButton:active,
.saveButton:hover,
.saveButton:active,
.nextButton:hover,
.nextButton:active,
.gotoButton:hover,
.gotoButton:active,
.redirectUrlButton:hover,
.redirectUrlButton:active,
.button--default:hover,
.button--default:active {
    border-color: #26C59A; /* IE fallback for > var(--color--buttons) */
    background-color: #72D9BD; /* IE fallback for > var(--color--buttons--65) */
}

button:focus,
.genericButton:focus,
.saveButton:focus,
.nextButton:focus,
.gotoButton:focus,
.redirectUrlButton:focus,
.button--default:focus {
    border-color: #BDEDE1; /* IE fallback for > var(--color--buttons--30) */
    background-color: #72D9BD; /* IE fallback for > var(--color--buttons--65) */
}

.previousButton,
.previousButton:link,
.previousButton:visited,
.homeButton,
.homeButton:link,
.homeButton:visited,
.clearButton,
.clearButton:link,
.clearButton:visited,
.cancelButton,
.cancelButton:link,
.cancelButton:visited,
.button--cancel,
.button--cancel:link,
.button--cancel:visited {
    border-color: #26C59A; /* IE fallback for > var(--color--buttons) */
    color: #26C59A; /* IE fallback for > var(--color--buttons) */
}

.previousButton:hover,
.previousButton:active,
.homeButton:hover,
.homeButton:active,
.clearButton:hover,
.clearButton:active,
.cancelButton:hover,
.cancelButton:active,
.button--cancel:hover,
.button--cancel:active {
    border-color: #26C59A; /* IE fallback for > var(--color--buttons) */
    background-color: #DFF6F0; /* IE fallback for > var(--color--buttons--15) */
    color: #26C59A; /* IE fallback for > var(--color--buttons) */
}

.previousButton:focus,
.homeButton:focus,
.clearButton:focus,
.cancelButton:focus,
.button--cancel:focus {
    border-color: #BDEDE1; /* IE fallback for > var(--color--buttons--30) */
    background-color: #DFF6F0; /* IE fallback for > var(--color--buttons--15) */
    color: #26C59A; /* IE fallback for > var(--color--buttons) */
}

.button--action-default,
.button--action-default:link,
.button--action-default:visited {
    color: #26C59A; /* IE fallback for > var(--color--buttons) */
}

.button--action-default:hover,
.button--action-default:active {
    border-color: #26C59A; /* IE fallback for > var(--color--buttons) */
    background-color: #DFF6F0; /* IE fallback for > var(--color--buttons--15) */
    color: #26C59A; /* IE fallback for > var(--color--buttons) */
}

.button--action-default:focus {
    border-color: #BDEDE1; /* IE fallback for > var(--color--buttons--30) */
    background-color: #DFF6F0; /* IE fallback for > var(--color--buttons--15) */
    color: #26C59A; /* IE fallback for > var(--color--buttons) */
}

/* VARIABLES FALLBACKS FOR: 12_FORM LAYOUT
   ========================================================================== */

.CheckBoxListFormField_more {
    color: #26C59A; /* IE fallback for > var(--color--site) */
}

.addDatasetRow {
    color: #26C59A; /* IE fallback for > var(--color--site) */
}

div[class*="fieldSpec"].FileField.form__item--upload-with-dropbox-and-drive div[id*="fileInput_"] a {
    border-color: #8F98A7; /* IE fallback for > var(--color--borders) */
}

.RadioButtonListFormField_more {
    color: #26C59A; /* IE fallback for > var(--color--site) */
}

.datepicker-skin-scheduling .ui-datepicker .ui-datepicker-current-day,
.datepicker-skin-scheduling .ui-datepicker .ui-datepicker-current-day a,
.datepicker-skin-scheduling .ui-datepicker .ui-datepicker-current-day a.ui-state-hover {
    background-color: #26C59A; /* IE fallback for > var(--color--site) */
}

.schedulerWidget--with-borders .schedulerWidget {
    border-color: #8F98A7; /* IE fallback for > var(--color--borders) */
}

.schedulerWidget--with-borders .results {
    border-top-color: #8F98A7; /* IE fallback for > var(--color--borders) */
}

@media all and (min-width:769px) {
    .schedulerWidget--with-borders .results {
        border-left-color: #8F98A7; /* IE fallback for > var(--color--borders) */
    }

}

/* VARIABLES FALLBACKS FOR: 13_SNIPPETS AND HELPER CLASSES
   ========================================================================== */

[class*="--boxed"] {
    border-color: #8F98A7; /* IE fallback for > var(--color--borders) */
}

[class*="--hr-top"] {
    border-top-color: #8F98A7; /* IE fallback for > var(--color--borders) */
}

[class*="--hr-bottom"] {
    border-bottom-color: #8F98A7; /* IE fallback for > var(--color--borders) */
}

.link {
    color: #26C59A; /* IE fallback for > var(--color--site) */
}

.count {
    background-color: #26C59A; /* IE fallback for > var(--color--site) */
}

.popup-on-hover .popup-on-hover__link {
    color: #26C59A; /* IE fallback for > var(--color--site) */
}

.popup-on-hover:hover .popup-on-hover__link:hover {
    color: #26C59A; /* IE fallback for > var(--color--site) */
}

/* VARIABLES FALLBACKS FOR: 15_COMMON PAGETYPES
   ========================================================================== */

.body--login .main {
    border-color: #8F98A7; /* IE fallback for > var(--color--borders) */
}

.section--login .section__footer {
    background-color: #E9F9F5;/* IE fallback for > var(--color--site--10) */
}

.article--dashlet .article__header {
    border-bottom-color: #26C59A; /* IE fallback for > var(--color--site) */
}

.article--dashlet .article__footer {
    background-color: #E9F9F5;/* IE fallback for > var(--color--site--10) */
}

@media all and (max-width:768px) {
    .article--dashlet .article__header {
        background-color: #E9F9F5;/* IE fallback for > var(--color--site--10) */
    }

}

.list--jobs .list__item__text__title a:hover {
    color: #26C59A; /* IE fallback for > var(--color--site) */
}

.list--steps .list__item:before {
    border-bottom-color: #26C59A; /* IE fallback for > var(--color--site) */
}

.list--steps .list__item--current:after {
    background-color: #26C59A; /* IE fallback for > var(--color--site) */
}

.list--steps .list__item--filled:after {
    background-color: #26C59A; /* IE fallback for > var(--color--site) */
}

.article--details .article__header__text__title__icon {
    color: #26C59A; /* IE fallback for > var(--color--site) */
}

.attachement-preview.attachement-preview--show {
    border-color: #8F98A7; /* IE fallback for > var(--color--borders) */
}

.list--view-more-aside .list__item:hover .list__item__text__title {
    color: #26C59A; /* IE fallback for > var(--color--site) */
}

.social-login__items__icon:hover{
    color: #26C59A; /* IE fallback for > var(--color--site) */
}

.section .social-share__popup {
    border-color: #8F98A7; /* IE fallback for > var(--color--borders) */
}

.social-share__popup__icon:hover {
    color: #26C59A; /* IE fallback for > var(--color--site) */
}

/* BACKGROUND IMAGE OVERRIDES
   ========================================================================== */

.header__logo {
    background-image: url('../images/logo--default.svg');
}

.banner--main {
    background-image: url('../images/banner--main.jpg');
}

.body--login {
    background-image: url(../images/login--bg.jpg);
}

.section--login .section__header {
    background-image: url(../images/logo--login.svg);
}