html,body {height:100%;}

.hidfield {
    display:none;
}

div.alert {
    line-height:normal;
    padding:10px;
}

.disabled-input {
    text-decoration: line-through;
}

a.navbar-brand {
    padding:8px;
}
.navbar-brand img {
    height:40px;
}

label.error {
    font-weight:bold;
    color:red;
}

#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}
/* Set the fixed height of the footer here */
#footer {
text-align:center;
  height: 60px;
  background-color: #f5f5f5;
}
.jumbotrone h1{
    font-size:40px;
}
.jumbotrone h3{
margin-top:30px;
}
.jumbotrone {
    box-sizing: border-box;
    margin-top:60px;
    padding : 15px 15px;
    font-size:14px;
    background-color:rgb(245 ,245 ,245 );
}

.list-group-item {
    padding : 2px 15px;
}
.list-group-item.active a {
    color:white;
}

textarea.nobootstrap {
    width:100%;
}

.unmsg {
    margin: 25px 15px 10px 15px;
    background-color: #fff;
    padding: 10px 10px;

}

p.msgcorps {
    font-style:italic;
    padding-left:10px;
    border-left : dashed 1px;
}

.rougras {
    color : red;
    font-weight:bold;
}
#tabool a.rougras {
    color : red;
}
#tabool a.rougras:visited {
    color : red;
}

#tabool a.purplegras{
	font-weight:bold;
	color : purple;
}

#tabool a.purplegras:visited {
    color : purple;
}


#tabool a.vergras , .vergras {
	font-weight:bold;
	color : green;
}

.form-group.vmiddle {
    vertical-align:bottom;
}

th.tdnbr , td.tdnbr {
    text-align:right;
}

/* Calendar Vacances */

span.changemonth {
    cursor: pointer;
}

td.calendar {
    text-align:center;
}

table#calendar {
    margin:0 auto;
}
table#calendar th {
    color:#004494;
    padding: 4px 4px;
}
table#calendar td {
    padding: 4px 4px;
}
table#calendar td.grey {
    color:grey;
    font-style:italic;
}
table#calendar td.reserved {
    color:red;
    font-weight:bold;
}
#formContact select , #formContact button {
    float:right;
}

/* FAQ */
.panel-info > .panel-heading + .panel-collapse .panel-body {
    line-height: 18px;
    }

#faqchat img {
    width:50px;
}
#faqchat .row {
    margin-bottom:15px;
}
#faqchat .faqperso button {
    height:50px;
    color:green;
}

#faqchat .faqperso {
    margin-top:10px;
}
#faqchat .bubblebot {
    padding-top : 10px;
    text-align:center;
    background-color:#fff;
    border : dashed 1px;
    border-radius: 10px;
}
    
/* SURVEY */
legend {
    font-size:18px;
}
.send {
    margin-top:20px;
}

.blueimo {
    color:#004494;
}
.notif{
    color:red;
}
input#commune {
    width:310px;
}
.oneaccount {
    margin-bottom:50px;
}
.oneaccount a{
    text-decoration:underline;
}
.champsfocus{
    background: #4e5967;color: white;border-left: #4db3a5 3px solid;border-left-width: 10px;padding-bottom: 18px;
}
.champsfocus #ident{
    color: #47a89b;margin-top: 20px;margin-bottom: 28px;
}
.errorchampsfocus{
    background: #4e5967 !important;color: white !important;border-left: #f36a5a 3px solid !important;border-left-width: 10px !important;padding-bottom: 18px;
}
.errorchampsfocus #ident{
    color: #f36a5a !important ;margin-top: 20px;margin-bottom: 28px;
}
.notchampsfocus{
    background: #eff3f8;color: black;border-left: #4db3a5 0px solid;border-left-width: 0px;padding-bottom: 18px;
}

.notchampsfocus #ident{
    color: #a9b3bc;margin-top: 20px;margin-bottom: 28px;
}
.backeff3f8 section{
    background: #eff3f8 !important;
    font-family: 'OpenSans';
    font-size: 16px;
    line-height: 1.5;
    color: #555;
}
.backeff3f8 h3{
    font-family: 'Montserrat';
    font-size: 35px;
    font-weight: 300;
    font-style: normal;
    color: #444;
}
.hoverbut:hover {
    background-color: #009ee0 !important;
}
.container{
    padding-top:30px;
}

/*** PASSEPORT ***/
div.passeport .btn-success {
    color: #fff;
    background-color: #4eb3a5;
    border-color: #4eb3a5;
}
div.passeport {
    background-color:#fff;
}

.pubbanner {
	width : 100%;
}

#passeportupload input {
    display: none;
}
#passeportupload h4 {
    margin:30px;
}
div.container.passeport h5 {
    margin:30px;
    color:#00aeed;
}
.green-doc {
    color : #4eb3a5;
}
.red-doc {
    color : #f16c59
}
.custom-file-upload {
    /*border: 1px solid #ccc;*/
    display: block;
    padding: 6px 12px;
    cursor: pointer;
    text-align:center;
}
.custom-file-upload i {
    font-size:48px;
}
.custom-file-upload.green-upload i{
    color:#4DB3A5;
}
.custom-file-upload.red-upload i{
    color:#E3001B;
}
.custom-file-upload span {
    display:block;
    width:100%;
    color:#fff;
    padding: 3px 10px;
    margin-top: 15px;
}
.custom-file-upload.green-upload span{
    background-color:#4DB3A5;
}
.custom-file-upload.red-upload span{
    background-color:#E3001B;
}

.califrame {
    width:100%;
    height:450px;
}
.datepicker td, .vacdatepicker th {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.85rem;
}

hr.scissors {
    border-top: 1px dashed #8c8b8b;
}
hr.scissors::after {
    content: '\002702';
    display: inline-block;
    position: relative;
    top: -12px;
    left: 40px;
    padding: 0 3px;
    background: #f0f0f0;
    color: #8c8b8b;
    font-size: 18px;
}

#rgpdModal h1 {
    color:red;
    font-size: 1.5rem;
}

#formContact #username {
    visibility:hidden;
}