body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

@media only screen and (max-width: 600px) {
    .mobilestyle {
        height: 1000px !important;
    }
}

.blue-background {
    background-color: #217346 !important;
}

.oas-text {
    color: #217346 !important;
}

.quotecolor {
    border-left: 5px solid #217346!important;
}

.tutonav{
    margin-left:25px;
}

.linknav {
    margin-left: 5px;
}

    .linknav:hover {
        background-color: #6CB98C;
        color: white;
        text-decoration: none;
    }

    .linknav:focus {
        background-color: #6CB98C;
        color: white;
        text-decoration: none;
    }

.link-sidenav {
    color: white !important;
}

    .link-sidenav:hover {
        background-color: #6CB98C !important;
        color: white;
        text-decoration: none;
    }

    .link-sidenav:focus {
        background-color: #6CB98C;
        color: white;
        text-decoration: none;
    }

.link-contrat {
    color: white !important;
}

    .link-contrat:hover {
        background-color: #6CB98C !important;
        color: white !important;
    }

.page-footer {
    background-color: #217346 !important;
}

.card-ad {
    height: 210px;
}

.parallax-container-size {
    height: 550px !important;
}

.parallax-opacity {
    opacity: 0.8;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: grey;
}

::-moz-placeholder { /* Firefox 19+ */
    color: grey;
}

:-ms-input-placeholder { /* IE 10+ */
    color: grey;
}

:-moz-placeholder { /* Firefox 18- */
    color: grey;
}

.oas-blue {
    background-color: #217346 !important;
}

.btn:hover {
    background: #6CB98C;
    color: white;
}

.btn:focus {
    background: #F5B661;
    color: white;
}

.mid-hr {
    width: 50%
}

.noborder {
    border: none !important;
    background-color: transparent !important;
    color: white !important;
}

.mg-top {
    margin-top: 100px;
}

.caret {
    border-color: transparent !important;
}

.module-name-background {
    background-color: #217346;
}

.module-name {
    color: white;
    font-size: 22px;
}

label {
    font-size: 14px;
    color: #625A49;
}

/*Lancer Comparaison CSS*/
.btn-help {
    background-color: #9AB10B;
}

    .btn-help:hover {
        background: #EF8E00;
        color: white;
    }

    .btn-help:focus {
        background: #9AB10B;
        color: white;
    }

.compatible {
    background-color: green;
}

.tocheck {
    background-color: orange;
}

.notcompatible {
    background-color: red;
}

.a-grid:hover {
    color: #EF8E00;
}

.k-grid {
    font-family: 'Century Gothic';
    font-size: 11px;
    margin: 0px;
    padding: 0px;
}

.customClassOK {
    background-image: url(../../Content/Images/OK_tick.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    color: transparent;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}

.customClassKO {
    background-image: url(../../Content/Images/KO_cross.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    color: transparent;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}

.customClassVerif {
    background-image: url(../../Content/Images/verif.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    color: transparent;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}

.hiddenClass {
    text-indent: -9999px;
    background-color: white;
}

.slidingDiv {
    height: 100%;
    background-color: white;
    padding: 20px;
    margin-top: 10px;
}

.show_hide {
    display: none;
}