html {
    background-color: white;
}
body {
    font-size: 16px;
    background-color: white;
}
.note{
    padding: 5px;
    border-radius: 5px;
    background: white;
    color: blue;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
}
.messages{
    /*float: left;*/
    font-family: sans-serif;
    display: none;
    margin: 0 auto;
}
.info{
    padding: 10px;
    border-radius: 10px;
    background: blue;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
}
.before{
    padding: 10px;
    border-radius: 10px;
    /*background-image: url('../../images/loading.gif');*/
    background-repeat: no-repeat;
    background-position: right center;
    /*background: blue;*/
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    float: top;
}
.success{
    padding: 10px;
    border-radius: 10px;
    background: green;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
}
.error{
    padding: 10px;
    border-radius: 10px;
    background: red;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
}
.error-txt{
    padding: 5px;
    color: red;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
}
.modal-danger {
    background-color:#d9534f
}
.modal-success {
    background-color:#28a745
}
.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
}
.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - (0.5rem * 2));
    content: "";
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }
    .modal-dialog-centered::before {
        height: calc(100vh - (1.75rem * 2));
    }
    .modal-sm {
        max-width: 300px;
    }
}
.modal1 {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    /*background: rgba( 255, 255, 255, .1 ) url('../../images/hptu-wait-logo.gif') 50% 50% no-repeat;*/
    background: rgba( 255, 255, 255, .1 ) url('../../images/loading.gif') 50% 50% no-repeat;
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal1 {
    display: block;
}

.center{text-align: center;}
.right{text-align: right;}
.left{text-align: left;}

.title-panel {
    font-size: large;
}

.title-inscription {
    color: lightgray;
    font-style: italic;
}


.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.sticky + .content {
    padding-top: 102px;
}

.login100-form-btn {
    font-family: robotoslab-bold;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    background-color: #94162b;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.login100-form-btn:hover {
    background-color: #ca1920;
}