/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
.navbar-light .navbar-nav .nav-link {
    color: darkslategrey;
    font-weight: bold;
}

/*label[RequiredLabel]::after {
    content: "*";
    color: red;
}*/

/*.form-check-input.is-invalid ~ .form-check-label.week-grid-lable::after {
    content: "**";
    color: transparent;
    margin-left: -3px;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    border-style: solid;
    border-radius:25px 25px;
    font-size:small;
}*/

.form-check-input.is-invalid ~ .form-check-label.horizontal-question-mode::after {
    content: "*";
    color: transparent;
    color: #dc3545;
}

.form-check-input.is-invalid ~ .form-check-label.vertical-question-mode::after {
    content: "*";
    color: transparent;
    color: #dc3545;
}

.text-transparent {
    color: transparent;
}


/* As per mobile first design, by defualt the font size should be normal and only on bigger devices it should be larger*/
.field-validation-error.week-grid-errormessage {
    color: #d44950;
    background: transparent;
    font-weight: 900;
}

/* only on bigger devices font-size should be larger*/
@media (min-width: 768px) {
    .field-validation-error.week-grid-errormessage {
        font-size: larger;
    }
}


.field-validation-error.question-errormessage {
    color: #d44950;
    background: transparent;
    font-weight: 900;
    font-size: larger;
}

input[type='radio'] {
    transform: scale(1.25);
}

.week-grid-errormessage.field-validation-valid, .question-errormessage.field-validation-valid {
    display: none;}

noscript {
    color: #721c24;
    border-color: #ffeeba;
    background: #fff3cd;
    padding: 12px 20px 20px 20px;
}

/*common css*/