@media (max-width: 575.98px) {
    /*input {*/
    /*    width: 100%;*/
    /*    margin-top: 0;*/
    /*}*/
    /*.logoMobile {*/
    /*    display: block;*/
    /*}*/


}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

    #content {
        width: auto;
        padding: 1rem;
        margin: 0 !important;
    }

    .app-header {
        margin-left: 0 !important;
    }

    .page-content {
        margin-left: 0 !important;
        width: auto;
    }

    .footer {
        margin-left: 0 !important;
    }

}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {


}


/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {


}

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .form-row {
        display: block;
    }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .container {
        max-width: 98%;
    }

    .form-row {
        flex-wrap: nowrap !important;
    }

    .page-content {
        margin-left: 0 !important;
        width: 50%;
    }
}


.opacity-6 {
    opacity: 0.6;
}

.opacity-8 {
    opacity: 0.8;
}

.opacity-4 {
    opacity: 0.4;
}


.bg-btn {
    background-color: #bbe0d7;
}

.bg-resultat {

    background-color: #8ba6f1
}