/*Signin Page*/
.signinpage .portal-form{
    background-color: rgba(255, 255, 255, .9);
    padding: 25px;
    border-radius: 25px;
}

body:has(.signinpage){
    background-image: url(bck.jpg);
    background-position: center;
    background-size: cover;
}

.signinpage a.nav-link[role="tab"]:not(.active) {
    color: #000000 !important;
    background-color: rgba(155, 155, 155, 0.8);
}

/**
.signinpage .nav-tabs{
    display: none;
}
    */



.custom-form-header{
    font-weight: 600;
    font-size: 1.5em;
    margin:10px;
}


input#bcn_answer{
    visibility:hidden;
}


/*Question form*/

.question-form{
    max-width: none;

    textarea#bcn_questionstatement{
        font-weight: 500;
        font-size: 1.1em;
    }

    .form-control:focus{
        box-shadow: none !important;
        outline: none !important;
    }

    tr:has([for="bcn_markforreview"]){
        float:right !important;
        font-size: 1.2em !important;
        margin-top: 10px;
    }
    
    tr:has(input#bcn_questionid){
        float:right !important;
        font-size: 1.2em !important;
        margin-top: 5px;
        input{
            font-style: italic !important;
        }
    ;
        margin-top: 5px;
    }
    
    tr:has(input#bcn_answer){
        display: none !important;
    }
    
}

.selected-choice{
    border: 2px solid black;
    padding: 5px !important;
    border-radius: 5px;
    background-color: #e5e5e5;

    label{
        background-color: #e5e5e5 !important;
    }
    
    textarea{
        background-color: #e5e5e5 !important;
    }
}

.link-button {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #aa8d56;
    color: #aa8d56;
    outline: medium none;
    padding: 5px 10px;
   text-decoration: none !important;
}

.link-button:hover {
    Background-color:  #aa8d56;
    Color: #ffffff;
    text-decoration: none !important;
}

/*Form Question to answer*/
textarea#bcn_questionstatement{
    margin-bottom:25px;
}


/*MODAL DIALOG*/
@media (min-width: 992px) {
    .modal-lg {
        --bs-modal-width: 80%;
    }
}

.entitylist table th {
    border-bottom: 1px solid black;

    a{
        font-weight: 600;
    }
}

.text-area-bigger{
    min-height:calc(2em + 3rem + 2px) !important;
}
