body{
    background: linear-gradient(to bottom, #D9E2E6, #B6CBD4);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

h4{
    font: normal normal normal 1.5rem/1.5rem 'Roboto', sans-serif;
    color: black;
}

.container{
    display:flex;
    align-items: center;
}

/* Pour mettre le footer en bas */
.main{
    flex-grow: 1;
}

.container{
    background-color: rgba(222, 242, 248, 0);
}

.footer-depot{
    background-color: #333B74 !important;
    color: white !important;
    margin-top: 10%;
}

.logo{
    width: 350px;
    height: auto;
}

@media (max-width: 1200px)
{
    .logo{
        width: 50%;
    }


}


@media (max-width: 600px)
{
    .logo{
        width: 100%;
    }

}

@media(max-width: 1000px)
{
    .card{
        margin-bottom: 15px;
    }

}

@media (min-width: 400px){

    .navbar {
        border-bottom: 1px solid whitesmoke;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
    }

}

.main-menu{
    margin-top: 7%
}
/* Liseré sur les pages */
.custom-navbar-entreprise{
    height: 10px;
    background-color:#fbba00;
}

.custom-navbar-index{
    height: 10px;
    background-color: #333B74;
}

.custom-navbar-insured{
    height: 10px;
    background-color: #005CA9;
}

.custom-navbar-partner {
    height: 10px;
    background-color: #E83182;
}

.custom-navbar-health_professional{
    height: 10px;
    background-color: #6bb869;
}

.jumbotron{
    background-color: #f6f6f6;
    margin-top: 7%;
    border: solid 1px grey;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
}

.alert{
    border: solid 1px grey;
}

label{
    color: #000000;
}

legend{
    color: #000000;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: 'Charger';
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
}

.form_depot{
    margin-top: 30px;
}

.bg-light {
    background-color: #ffffff !important;
}

.jumb-entreprise{
    background-color: rgba(222, 242, 248, 0);
    padding: 4rem 2rem;
    margin-bottom: 2rem;
    border-radius: .3rem;
}

.employer-board{
    padding: 0;
    max-width: 1000px;

}

.menu-card{
    width: 100%;
    margin: 1%;
    transition: .5s ease-in-out;
    background-color: blue;
}

.menu-card:hover {
    opacity: .5;
}



.border{
    margin: 10px;
    padding: 10px;
    border: solid 2px white;
    border-radius: 10px;
}


.border-date{

    color: black;
    margin: 10px;
    padding: 10px;
    border-top: dashed 1px grey;

}

.card-img{
    box-shadow: 10px 5px 5px black;

}

.entreprise
{
    background-color: white;
    box-shadow: 5px 5px 5px black;
    border: solid 1px grey;

}

.required{
    color: black;
}

/* Boutons des confirmations */

.btn-insured{
    background-color: #004E8F;
    border: solid 1px #005195;
    color: white;
    margin-top: 10px;
}

.btn-hp{
    background-color: #6bb869;
    border: solid 1px #6bb869;
    color: white;
    margin-top: 10px;
}

.btn-enterprise{
    background-color: #DEA400;
    border: solid 1px #DEA400;
    color: black;
    margin-top: 10px;
}

.btn-partner{
    background-color: #e83182;
    border: solid 1px #e83182;
    color: white;
    margin-top: 10px;
}

/* CSS pour le script fichiers */
.file-drop-zone-title
{
    color: #000000;
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}


#enterprise_deposit_save{
    background-color: #fbba00;
    border-color: #fbba00;
    color: #696969;
}

#enterprise_deposit_save:hover{
    background-color: rgba(251, 186, 0, 0.62);
    border-color: rgba(251, 186, 0, 0.63);
    color: #696969;
}


#control_save{
    background-color: #fbba00;
    border-color: #fbba00;
    color: #696969;
}

#control_save:hover{
    background-color: rgba(251, 186, 0, 0.62);
    border-color: rgba(251, 186, 0, 0.63);
    color: #696969;
}

#complaint_save{
    background-color: #fbba00;
    border-color: #fbba00;
    color: #696969;
}

#complaint_save:hover{
    background-color: rgba(251, 186, 0, 0.62);
    border-color: rgba(251, 186, 0, 0.63);
    color: #696969;
}


#support_save{
    background-color: #fbba00;
    border-color: #fbba00;
    color: #696969;
}

#support_save:hover{
    background-color: rgba(251, 186, 0, 0.62);
    border-color: rgba(251, 186, 0, 0.63);
    color: #696969;
}


.card-header-enterprise{
    text-align: center;
    width: 100%;
    background-color: #F3B308;
    color: white;
    border-radius: 15px !important;
    margin-bottom: 5%;
}



.card-portal-enterprise{
    width: 18rem;
    border-radius: 15px;
    box-shadow: 6px 6px 10px -4px rgba(0,0,0,.2);
    border: 1px solid #F3B308;
}

.card-header-insured{
    text-align: center;
    width: 100%;
    background-color: #005ca9;
    color: white;
    border-radius: 15px !important;
    margin-bottom: 5%;
}

.card-portal-insured{
    width: 18rem;
    border-radius: 15px;
    box-shadow: 6px 6px 10px -4px rgba(0,0,0,.2);
    border: 1px solid #005ca9;
}

.custom-file-input{
	cursor: default;
}

.hiden-xs{
    cursor: default;
}

.btn-file input[type="file"] {
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	text-align: right;
	opacity: 0;
	background: none;
	cursor: default;
	display: block;
}

button.close:nth-child(1){
	display:none;
}
.btn-file{

    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    background: none;
    cursor: default;
    display: block;
}

.btn-warning {
    color: #ffffff;
    background-color: #005CA9;
    border: 1px solid #005CA9;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15) !important;
}

.btn-warning:hover {
    color: #ffffff;
    background-color: rgba(0, 92, 169, 0.88);
    border-color: #005CA9;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15) !important;
}


/*Fin du css pour le script fichier*/


.jumbotron-alerte{
    padding: 10px;
    margin-top: 10px;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.75);
    border: solid 1px red;
    margin-bottom: 3px;
    border-radius: .25rem;
    color:red;
}

footer{
    background-color: #0C419A;
    max-width: 100%;
    color:white;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
    margin-top: auto;
}

footer .mb-5, .my-5 {
    margin-bottom: 0 !important;
    margin-left : 0 !important;
    margin-right: 0 !important;

}
html body nav ol.breadcrumb li.breadcrumb-item a
{
    color: #0b617e !important ;
}

html body nav ol.breadcrumb li.breadcrumb-item a:hover
{
    color: #62aec7 !important ;
}

button.list-group-item a{
    color: #0b617e !important ;
}

.customLink{
    text-decoration: underline;
    color: #1d2426;
}

.customLink:hover{
    text-decoration: underline;
    color: #4a646b;
}

.text-reset {
    color: white;
    background-color: transparent;
}

.text-reset:hover{
    color: #ccc0c0;
    text-decoration: none;

}

.employer-portal{
    margin-top: 5%;
}

.boxportal{
    padding: 2%;
}


button:hover{
    -webkit-transition:all 0.5s ease-in;
    box-shadow: 6px 6px 10px -4px rgba(0,0,0,.2);
}




.list-group-item{

    border-radius: 10px;
    margin: 5% !important;
    padding: 5% !important;

}




.bg-custom{
    opacity: 0;
    background-color:#130f40;
    border-radius: 10px;
    transition: opacity 1s ease-in;
    margin-bottom: 10px;
    z-index: 99;
}

.bg-custom.load{
    opacity :10;
}

.bg-custom.close{
    opacity : 0;}
.button-fixed{
    top: 10px;
    position: fixed;
    right: 0;
    border-radius: 4px;
}
.fas{
    cursor: pointer;
    font-size: 24px;
}
p{
    font-size: 14px;
}


.mentions{
    border: solid 1px gainsboro;
    text-align: center;
    box-shadow: 6px 6px 10px -4px rgba(0,0,0,.2);
    padding: 1%;
    margin: 3%;
    border-radius: 10px;
    background-color: white;
}


.footer-logo{
    width: 100%;
}

.custom-file-label::after{
    cursor: pointer;
}

.alertAss{
    display:none;
}