/* ==========================================================================
   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--brand--1: #0f4b90;
    --color--brand--2: #4678bc;
    --color--font: #333333;
    --color--clickeable: #1063ba;
    --color--error: #da3535;
    --color--disable: #e8e8e8;

    --color--borders: #dadada;

    --color--site: #1063ba;
    --color--site--65: #1063ba;
    --color--site--10: #E9EAEC;

	--color--buttons: #0a0a0a;
	--color--buttons--65: #FFFFFF;
	--color--buttons--30: #BDEDE1;
	--color--buttons--15: #DFF6F0;

    --color--buttons--primary: #0a0a0a;
    --color--buttons--primary-hover: #a5a5a5;
    --color--buttons--primary-focus: #333333;

    --color--buttons--secondary: #0f4b90;
    --color--buttons--secondary-hover: #4678bc;
    --color--buttons--secondary-focus: #cedcee;

    --color--white: #FFFFFF;
}

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

.tabs__item:not(.tabs__item--active) {
    border-bottom-color: #dadada; /* IE fallback for > var(--color--borders) */
    color: #1063ba; /* IE fallback for > var(--color--site) */
}

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

.sort__item--active {
    border-bottom-color: #1063ba; /* 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: #1063ba; /* 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: #1063ba; /* 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: #DDDDDD; /* IE fallback for > var(--color--borders) */
    }

}

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

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

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

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

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

}

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

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

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

}

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

.body--login .main {
    border-color: #dadada; /* 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: #1063ba; /* 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: #1063ba; /* IE fallback for > var(--color--site) */
}

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

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

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

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

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

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

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

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

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

/* Footer */
.footer__grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
    align-items: center;
}

.footer__grid__item.footer__terms{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.footer__social .fa-stack{
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}

.footer__social .fa-stack-2x {
    font-size: 24px;
}

.footer__social .fa-inverse {
    color: #0a0a0a;
}
.footer__terms {
  text-align: center;
}
.footer__copyright {
    font-size: 12px;
    display: none;
}
/* Media query to target only mobile */
@media all and (max-width:750px) {

    .footer__grid__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

     .footer__grid__item + .footer__grid__item {
        margin-top: 20px;
    }

    .footer__social {
        margin: auto;
     }
}

@media all and (max-width:375px) {
    .footer__copyright {
      display: block;
      margin-bottom: 20px;
    }
    .footer__content__logo {
        display: none;
    }
}

