/* Set padding to keep content from hitting the edges */
body {
    background: linear-gradient(#e3e3e3, #ccd4c1) fixed;
    padding-top: 40px;
}

.body-content {
    padding-left: 0;
    padding-right: 0;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/


.header {
    height: 250px;
    width: 100%;
}

.cardAcceuil {
    padding: 5px;
}

.imgCentered{
margin: auto;
}

.margin10 {
    margin:10px;
}

.centered {
    display: flex;
    align-items: center;
    justify-content: center;
}

.faIcon {
    height: 100%;
    width: 40px;
    text-align: center;
}

.login{
    width:50%;
}

.inputLogin{
    margin-top:5px;
    margin-bottom: 5px;
}

html,
body {
    height: 100%;
}

#wrap {
    min-height: 100%;
}

#main {
    overflow: auto;
    padding-bottom: 90;
    /* must be same height as the footer */
}

#footer {
    position: relative;
    margin-top: -90px;
    /* negative value of footer height */
    height: 90px;
/*    clear: both;
    background-color: red;*/
}

#wrapLogin {
    min-height: 100%;
    padding-bottom: 90px;
}

#mainLogin {
    overflow: auto;
    padding-bottom: 146px;
    /* must be same height as the footer */
}

#footerLogin {
    position: relative;
    margin-top: -146px;
    /* negative value of footer height */
    height: 90px;
    /*    clear: both;
    background-color: red;*/
}


/* Opera Fix thanks to Maleika (Kohoutec) */

body:before {
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px;
    /* thank you Erik J - negate effect of float*/
}

.imgCustom {
    max-width: 100%;
    height: auto;
    max-height: 200px;
}


.file .icon {
    padding: 15px 10px;
    display: table;
    width: 100%;
    text-align: center;
    max-height: 180px;
    overflow: hidden;
    background-size: cover;
    background-position: top
}

.file .icon i {
    display: table-cell;
    font-size: 60px;
    vertical-align: middle;
    color: #777;
    line-height: 100px
}

.file .file-name {
    padding: 10px;
    border-top: 1px solid #f7f7f7;
    text-decoration: none;
}

.card {
    background: #fff;
    transition: .5s;
    border: 0;
    margin-bottom: 30px;
    border-radius: .55rem;
    position: relative;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
}

.file {
    padding: 0 !important;
    position: relative;
    border-radius: .55rem;
    overflow: hidden;
}

a {
    text-decoration: none;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

nav {
    background-color: rgba(33, 37, 41, 1);
}

.dispo{
    border-radius: 15px;
    background-color: green;
    color:white;

}