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

#LoginByPasswordView {
    button {
        background-color: #064B4C !important;
        color: #ffffff;
        font-size: 16px;
        border-radius: 0px;
        width: 100%;

        &:focus {
            box-shadow: 0 0 0 .2rem #064B4C40;
        }

        &:hover {
            background-color: #064B4Ccc !important;
        }
    }

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

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

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

    #header-text {
        color: #2B3235;
        font-size: 12px;
    }
}

/*****************************/
/** Wartości custom dla widoku: Formularz zadawania pytań  **/
/*****************************/

section:has(#AskedQuestionsView) {
    background-color: rgba(232,223,204,1);
;
}

.AskedQuestionsButton {
    color: #ffffff !important;
    background-color: #064B4C !important;
    border-color: #064B4C !important;

    &:hover {
        background-color: #064B4Ccc !important;
        border-color: #064B4Ccc !important;
    }
}

#AskedQuestionsView {

    #AskedQuestionsSubmitButton,
    #AskedQuestionsSpinButton {
        width: 100%;
        color: #ffffff;
        background-color: #064B4C;
        border-color: #064B4C;
        font-size: 16px;
        border-radius: 0px;

        &:focus {
            box-shadow: 0 0 0 .2rem #064B4C40;
        }

        &:hover {
            background-color: #064B4Ccc;
            border-color: #064B4Ccc;
        }
    }

    .form-control {
        font-size: 16px;
        color: #064B4C;
        border-radius: 0px;

        &:focus {
            border-color: #064B4C;
            box-shadow: 0 0 0 .2rem #064B4C40;
        }
    }

    div.row:has(button) {
        justify-content: right;
    }


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