/* ==========================================================================
   16_SPECIFICS
   --------------------------------------------------------------------------
   * README
   ========================================================================== */

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

/*!
 * Styles on this stylesheet are the All specific styles.
 * That means they apply to any page that deals with an exception to any
 * default style.

 * If you need to deal with an exception to any default styles, you should
 * manage it by adding a .X--modifier class to the .X element and develop the
 * given exception nested to this .X--modifier class in this stylesheet under
 * the corresponding page subtitle.

 * These .X--modifier classes and its nested styles are grouped by page in which
 * are featured, sorted by HTML depth, and separated in Structure, Behaviour or
 * Appearance styles as appropriate.
 */

/* Login
   ========================================================================== */

/* Structure
   -------------------------------------------------------------------------- */

.fieldSet{
    margin:10px 0 14px;
}

/* Behaviour
   -------------------------------------------------------------------------- */

.body--error .banner{
    display: none;
}

.dNone {
    display: none;
}

/* Appearance
   -------------------------------------------------------------------------- */

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .body--login .article--login::before {
        content: "";
        background-image: url('../images/login--bg.jpg');
        display: block;
        height: 35rem;
        background-size: contain;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--login .article--login::before {
        content: "";
        background-image: url('../images/login--bg.jpg');
        display: block;
        height: 14rem;
        background-size: contain;
    }
}

.article--login .fieldSpec > label {
    font-size: 12px;
    font-weight: 700
}

.article--login span[class*="requiredField"] {
    color:#2D2D2D;
}

.button.button--login {
    background-image: linear-gradient(-180deg, #3373C7 0%, #0051BA 100%);
    box-shadow: 0 8px 10px -9px rgba(0,0,0,0.10);
    border-color: transparent;
}

.button.button--login:hover{
    background-image: linear-gradient(-180deg, #0E7FD5 3%, #0051BA 100%);
    box-shadow: 0 8px 10px -9px rgba(0,0,0,0.10);
    border-color: transparent;
}
.button.button--login:active{
    background-image: linear-gradient(-180deg, #3373C7 0%, #0051BA 100%);
    box-shadow: 0 8px 10px -9px rgba(0,0,0,0.10), inset 2px 2px 2px 0 rgba(202,202,202,0.50);
    border-color: transparent;
}

.fieldSetLabel{
    font-weight: 700;

}
.button-bar .fieldLabel div button:nth-child(2){
    background-color: transparent;
    border:none;
    color:#3399FD;
    background-image: none;
    box-shadow: none;
    margin-top: 20px;
}

.button-bar .fieldLabel div button:nth-child(2):hover,
.button-bar .fieldLabel div button:nth-child(2):active,
.button-bar .fieldLabel div button:nth-child(2):focus{
    background-color: transparent;
    border:none;
    color:#3399FD;
    background-image: none;
    box-shadow: none;
    text-decoration: underline;
}

.article__content iframe {
    width: 100%;
    height: 80vh;
}

.downloadAction {
    margin-top: 30px;
    text-align: center;
}

.downloadAction__button {
    display: inline-block;
}

fieldset.Section p {
    line-height: 1.3em;
}

@media (max-height: 840px) {

    .body--login .footer2 {
        z-index: 9999;
        position: relative;
    }
}

.form--no-social-user button,
.form--no-social-user button:link,
.form--no-social-user button:focus,
.form--no-social-user button:hover,
.form--no-social-user button:active,
.form--no-social-user button:visited {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* cookies overrides */
.cookies {
    border:1px solid #000
}

.cookies__info__copy {
    width:auto;
}

.cookies__info__buttons {
    flex-direction:column;
    display:flex;
}

@media all and (min-width:769px) {
    .cookies__info__buttons {
        min-width:330px;
        flex-direction:row;
        margin-left:30px;
    }
}

.cookiesButton {
    color:#FFF !important;
    background-color: rgb(0, 88, 171) !important;
    line-height: inherit;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    color: #fff;
    padding: 8px 12px;
    margin-bottom:12px;
    border:0 !important;
    text-align:center;
    margin-top:0 !important;
    margin-left:0;
}

.cookiesButton.cookiesButtonAccept {
    order:-1;
    margin-left:0;
}

.cookiesButton.cookiesButtonReject {
    color:rgb(0, 88, 171) !important;
    background-color:#FFF !important;
    border:1px solid rgb(0, 88, 171) !important;
}

.cookiesButton.cookiesButtonReject ~ .cookiesButtonReject {
    /* removing reject all */
    display:none !important;
}

@media all and (min-width:769px) {
    .cookiesButton {
        margin-left:24px;
        margin-bottom:0;
        margin-top:16px !important;
    }
}

.cookiesButton i {
    display:none;
}

.cookiesButton span {
    display:inline;
}

.cookiesButtonSave:hover {
    opacity:0.8;
}

@media all and (max-width:768px) {
    .cookiesButton {
        width:100%;
    }
}

/* Custom styles for Offer views
   -------------------------------------------------------------------------- */

.custom-label--bold .tc_formLabel {
    font-weight: 600;
}