/* ==========================================================================
   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: #003478;
    --color--site--65: #122446;
    --color--site--10: #E9F9F5;

	--color--buttons: #003478;
	--color--buttons--65: #122446;
	--color--buttons--30: #BDEDE1;
	--color--buttons--15: #DFF6F0;
}

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

.banner {
    background-color: #003478; /* 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: #003478; /* IE fallback for > var(--color--site) */
}

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

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

.nav__item--with-subnav:hover .subnav__item__link:focus {
    color: #122446; /* 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: #003478; /* 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: #003478; /* 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: #003478; /* 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: #003478; /* IE fallback for > var(--color--site) */
}

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

.sort__item--active {
    border-bottom-color: #003478; /* 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: #003478; /* 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: #003478; /* 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: #003478; /* 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: #003478; /* 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: #003478; /* IE fallback for > var(--color--buttons) */
    background-color: #003478; /* 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: #003478; /* IE fallback for > var(--color--buttons) */
    background-color: #122446; /* 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: #122446; /* 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: #003478; /* IE fallback for > var(--color--buttons) */
    color: #003478; /* 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: #003478; /* IE fallback for > var(--color--buttons) */
    background-color: #DFF6F0; /* IE fallback for > var(--color--buttons--15) */
    color: #003478; /* 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: #003478; /* IE fallback for > var(--color--buttons) */
}

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

.button--action-default:hover,
.button--action-default:active {
    border-color: #003478; /* IE fallback for > var(--color--buttons) */
    background-color: #DFF6F0; /* IE fallback for > var(--color--buttons--15) */
    color: #003478; /* 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: #003478; /* IE fallback for > var(--color--buttons) */
}

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

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

.addDatasetRow {
    color: #003478; /* 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: #003478; /* 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: #003478; /* 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: #003478; /* IE fallback for > var(--color--site) */
}

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

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

.popup-on-hover:hover .popup-on-hover__link:hover {
    color: #003478; /* 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: #003478; /* 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: #003478; /* IE fallback for > var(--color--site) */
}

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

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

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

.article--details .article__header__text__title__icon {
    color: #003478; /* 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: #003478; /* IE fallback for > var(--color--site) */
}

.social-login__items__icon:hover{
    color: #003478; /* 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: #003478; /* IE fallback for > var(--color--site) */
}


.grid__item--main .section--wizard {
    border: 1px solid #ffffff;
    background-color: rgba(255, 255, 255, 0.69);
    color: #000;
    padding: 20px !important;
}


.grid__item--sidebar section {
    margin-left: 40px;
}

.article--description * {
    font-family: inherit !important;
    font-size: 25px !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
    text-align:  inherit !important;
    background-color: inherit !important;
    padding: inherit !important;
    margin: inherit !important;
    font-style: inherit !important;
    letter-spacing: inherit !important;
    text-indent: inherit !important;
    text-transform: inherit !important;
    white-space: inherit !important;
    word-spacing: inherit !important;
    -webkit-text-stroke-width: inherit !important;
}

.footer__content {
    position: relative;
}
.footer-social {
    position: absolute;
    right: 0;
    top: 0;
}
.footer-social li {
    display: inline-block;
    margin: 0 10px;
    font-size: 17px;
}
.footer-social li a {}

@media all and (max-width: 1168px) {
    .footer-social {
        position: inherit;
        padding-top: 20px;
    }

}
@media all and (max-width: 768px) {
    .grid__item--main {
        order: 2
    }
    .grid__item--sidebar {
        order: 1
    }
    .grid__item--sidebar section {
        margin-left: 0;
    }
    .grid__item--main,
    .grid__item--sidebar {
        padding: 10px !important;
    }
}