.alert-fill-danger {
    background-color: rgba(var(--danger-rgb), 0.6);
    color: #FFF;
}

.alert-fill-warning {
    background-color: rgba(var(--warning-rgb), 0.6);
}

.alert-fill-success {
    background-color: rgba(var(--success-rgb), 0.6);
}

.small-title {
    font-size: 1.1em;
}

.heading {
    font-size: 1.3em;
}

.form-control.is-invalid {
    border-color: var(--danger) !important;
}

.form-control.is-valid {
    border-color: var(--success) !important;
}

.form-control::placeholder {
    color: #CCDDCC;
}

.card.is-valid {
    color: var(--success) !important;
    border: solid 1px var(--success) !important;
}

.card.is-invalid {
    color: var(--danger) !important;
    border: solid 1px var(--danger) !important;
}

tr.is-valid td.label {
    color: var(--success) !important;
}


tr.is-invalid td.label {
    border-width: 1px;
    color: var(--danger) !important;
    font-weight: bold;
}
tr.is-invalid td.answers {
    background-color: rgba(var(--danger-rgb), 0.05) !important;
}


.answers .form-switch.form-check .form-check-input
{
    margin-left: auto ;
}

.passwordLooker {
    top: 0.8rem !important;
}

:root {
    --bar-score-width: 20px;
    --bar-score-height: 25px;
}

.br-theme-bars-tall .br-widget a {
    width: var(--bar-score-width);
    height: var(--bar-score-height);
}

.card .card-footer {
    padding-top: 0.4rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.card.card-hover {
    border: solid 1px rgba(var(--primary-rgb), 0);
}

.card.card-hover:hover {
    border: solid 1px var(--primary);
    background-color:rgba(var(--primary-rgb), 0.05);
}

.card .img_small{
    min-height:80px;
}

.card .img_small img{
    height:80px;
}

html[data-placement=horizontal] .nav-container .menu-container .menu > li > a {
    height: auto !important;
}

.text-justify{
    text-align: justify !important;
}


.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
}

.bg-primary-opacity-10 {
    background-color: rgb(var(--primary-rgb), 0.1);
}

.bg-opacity-25 {
    background-color: rgb(var(--primary-rgb), 0.25);
}

.bg-opacity-50 {
    background-color: rgb(var(--primary-rgb), 0.5);
}

.bg-opacity-75 {
    background-color: rgb(var(--primary-rgb), 0.75);
}

.bg-opacity-100 {
    background-color: rgb(var(--primary-rgb), 1);
}

.wh-youtube{
    width: 300px;
    height: 200px;
}

@media (min-width: 480px) {
    /** XS **/
    .wh-youtube{
        width: 300px;
        height: 200px;
    }
}

@media (min-width: 576px) {
    /** SM **/
    .wh-youtube{
        width: 300px;
        height: 200px;
    }
}
@media (min-width: 768px) {
    /** MD **/
    .wh-youtube{
        width: 500px;
        height: 400px;
    }
}
@media (min-width: 992px) {
    /** LG **/
    .wh-youtube{
        width: 700px;
        height: 550px;
    }

}
@media (min-width: 1200px) {
    /** XL **/
    .wh-youtube{
        width: 800px;
        height: 600px;
    }

}
@media (min-width: 1400px) {
    /** XXL **/
    .wh-youtube{
        width: 800px;
        height: 600px;
    }
    .table th.nowrap, .table td.nowrap {
        white-space: nowrap;
    }

}