/*****************************/
/** Wartości custom dla widoku: Odliczanie w kafelkach  **/
/*****************************/

#CountdownTiles {

    .countdown .figure>span,
    .figure>span,
    .count-title,
    .countdown .figure .top,
    .countdown .figure .top-back,
    .countdown .count-title,
    .countdown .figure .bottom-back {
        color: #FFFFFF;
    }

    .countdown {
        .figure {

            &.days .top,
            &.days .bottom-back,
            &.hours .top,
            &.hours .bottom-back,
            &.minutes .top,
            &.minutes .bottom-back,
            &.seconds .top,
            &.seconds .bottom-back {
                background-color: #FFFFFF;
            }

            &.days,
            &.days .bottom,
            &.days .top-back,
            &.hours,
            &.hours .bottom,
            &.hours .top-back,
            &.minutes,
            &.minutes .bottom,
            &.minutes .top-back,
            &.seconds,
            &.seconds .bottom,
            &.seconds .top-back {
                background-color: #FFFFFF;
            }

        }

        .count-title {
            color: #FFFFFF;
            font-size: 20px;
        }
    }

    .timer-title {
        font-size: 32px;
        color: #212529;
        margin-bottom: 16px !important;
    }

    background-color: transparent;
;
}

/*****************************/
/** Wartości custom dla widoku: FAQ  **/
/*****************************/

#FAQBorder {
    .odpowiedz {
        font-size: 1rem;
        color: #000000;
        background-color: #0A2045;
        text-align: left;
    }

    .pytanie {
        font-size: 1rem;
        color: #053378;
        border-width: 0px;
        border-color: #000000;
        background-color: #0A2045;
        text-align: left;
    }

    background-color: transparent;

}

/*****************************/
/** Wartości custom dla widoku: Logowanie za pomocą hasła  **/
/*****************************/

#LoginByPasswordView {
    button {
        background-color: #007BFF00 !important;
        color: #ffffff;
        font-size: 16px;
        border-radius: 4px;
        width: 100%;

        &:focus {
            box-shadow: 0 0 0 .2rem #007BFF0040;
        }

        &:hover {
            background-color: #007BFF00cc !important;
        }
    }

    .form-control {
        color: #000000;
        background-color: transparent;
        font-size: 16px;
        border-radius: 4px;

        &:focus {
            box-shadow: 0 0 0 .2rem transparent40;
        }

        &:hover {
            background-color: transparentcc;
        }
    }

    #header-text {
        color: #6a6a6a;
        font-size: 12px;
    }
}