* {
	margin: 0;
}

html, body {
  height: 100%;
}

body  { 
	background-color:#f7f7f7; 
	color: #444;
	-webkit-font-smoothing: antialiased; 
}

.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -132px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
footer, .page-wrap:after {
  height: 132px; 
}

footer{background-color:#329ba5; color:white; text-align: center}
footer a{color:white;}

.header {
  margin-bottom: 40px
}

.header .logo{padding-top:10px ; text-align:center}
.header .logo .img-responsive{display:inline-block}


.form-control::-moz-placeholder,
.form-group .form-control::-moz-placeholder {
  color: #999;
  font-weight: 400;
}
.form-control:-ms-input-placeholder,
.form-group .form-control:-ms-input-placeholder {
  color: #999;
  font-weight: 400;
}
.form-control::-webkit-input-placeholder,
.form-group .form-control::-webkit-input-placeholder {
  color: #999;
  font-weight: 400;
}

body div.row .earlyBird{background-color: #FFE8F9}


.modal-lg {
  max-width: 900px;}
@media (min-width: 768px) {
   .modal-lg {
    width: 100%;
  } 
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.btn-group-raised .btn.btn-primary, .btn-group-raised .input-group-btn .btn.btn-primary, .btn.btn-fab.btn-primary, .btn.btn-raised.btn-primary, .input-group-btn .btn.btn-fab.btn-primary, .input-group-btn .btn.btn-raised.btn-primary {
    background-color: #007498;
    color: rgba(255,255,255,.84);
}

.btn.btn-raised:not(.btn-link):hover.btn-primary, 
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-primary, 
.btn-group-raised .btn:not(.btn-link):hover.btn-primary, .btn-group-raised 
.input-group-btn .btn:not(.btn-link):hover.btn-primary, .btn.btn-raised:not(.btn-link):focus.btn-primary, 
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-primary, 
.btn-group-raised .btn:not(.btn-link):focus.btn-primary, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-primary, 
.btn.btn-raised:not(.btn-link).active.btn-primary, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-primary, 
.btn-group-raised .btn:not(.btn-link).active.btn-primary, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-primary, 
.btn.btn-raised:not(.btn-link):active.btn-primary, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-primary, 
.btn-group-raised .btn:not(.btn-link):active.btn-primary, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-primary {
  background-color: rgb(235, 95, 94);
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check:before{color:#000}

.semibold18{font-size:18px}
.book12{font-size:12px}

.panel {
  /*background-color: rgba(255, 255, 255, 0.7);*/
background-color: #fff;	
  color: #020202;
  box-shadow: none;
  -webkit-box-shadow:none;
}

body h1{
	font-size: 2em;
	background: #007496;
	color: white;
	padding: 10px 20px;
	text-align:center;
	width: 100%;
	margin: auto;
	margin-top: 50px;
	line-height: 1.6;
}

body h1.title-heading{font-weight:600}

.date-mondial{position: absolute;top: 50px;left:80px;}
.lang {position: absolute;top: 50px;right:80px;}
.lang a {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  text-transform: uppercase;
}
.lang a:hover {color: #eb5f5e}
.lang-slash {
  color: #fff;
  font-size: 26px;
  line-height: 12px;
  padding: 8px 3px 0 3px;
}
.panel-title {
    font-size: 22px;
    font-weight: bold;
    color: white
}

.panel h1.panel-title{
  width: 100%
} 
.panel-body {
  padding: 0 20px;
}
.panel > .panel-heading, 
.panel.panel-default > .panel-heading {
  background-color:initial;
  padding: 20px 15px 0;
}
fieldset {
  margin-top: 15px;
}
legend{font-size: 26px}

.togglebutton label {color:#222}

/* ######## MODAL ######### */
.modal{color:#222; font-size:12px}

.modal-content .btn { margin:0 }

.modal-body{    
    margin : 15px
}

#infos .modal-content .modal-header{
	background-color: #007496;
	color : #fff;
	padding-top: 14px;
}


#infos .modal-content .modal-header .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=100);
    opacity: 1;
}

.modal-content .modal-footer{
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
	text-align: center
}


.modal-content .btn-link, .modal-content .btn-link:active, .modal-content .btn-link:focus, .modal-content .btn-link:hover {
	padding: 0;
	margin: 0;
	color:blue;
	text-decoration: underline
}


.modal-content .uploadImgMember{margin-left:100px}

/* ######## FIN MODAL ######### */


.checkbox.radio-inline, .radio.radio-inline {margin-top: 0px;}
.form-group .checkbox label, .form-group .radio label, .form-group label {color: #222 ; font-size:15px}

.radio input[type=radio]:checked ~ .check {background-color: #222;}
.radio input[type=radio]:checked ~ .circle {border-color: #222;}

#Inline.form-group{margin: 20px 0 40px 0;}
#Inline .col-md-4, #Inline .col-md-8, #Inline .col-md-2, #Inline .col-md-10 {padding-right: 0; padding-left:0}
#Inline .checkbox, .radio {margin-top: 0px;margin-bottom: 0px;}
#Inline .radio {padding-left:0px;}
#Inline label {color: #222}
#Inline .checkbox input[type=checkbox]:checked + .checkbox-material .check {color: #222;border-color: #222;}
#Inline .checkbox .checkbox-material .check {border: 2px solid rgba(0, 0, 0, .54);}

#Block.form-group{margin: 20px 0 20px 0; display:block ; width:100%; height:auto; float:left ; clear:both}
#Block .col-md-4, #Block .col-md-2, #Block .col-md-10 {padding-right: 0; padding-left:0}
#Block .checkbox, .radio {margin-top: 0px;margin-bottom: 8px;}
#Block .radio {padding-left:0px;}
#Block label {color: #222}
#Block .checkbox input[type=checkbox]:checked + .checkbox-material .check {color: #222;border-color: #222;}
#Block .checkbox .checkbox-material .check {border: 2px solid rgba(0, 0, 0, .54);}


.form-group { margin: 20px 0 0 0;}

.form-group .form-control {
  background-image: linear-gradient(#222, #222), linear-gradient(#000, #000);
  background-image: -webkit-linear-gradient(#222, #222), -webkit-linear-gradient(#000, #000);
}
.form-group.is-focused .form-control {
  background-image: linear-gradient(#222, #222), linear-gradient(#000, #000);
  background-image: -webkit-linear-gradient(#222, #222), -webkit-linear-gradient(#000, #000);
}

.form-group label.control-label {color: #222;}
.form-group.is-focused label, .form-group.is-focused label.control-label {  color: #999}
.red{color:#eb5f5e}

@media screen and (min-width: 200px) and (max-width: 640px) {
	.logo{position: relative;top: 25px;left:inherit ; text-align:center;width: 100% }
	.date-mondial {position: relative;top: 10px;left:inherit; width: 100%}
	.lang {position: relative;top: 40px;right:inherit; width: 100%}
	.header {margin-bottom: 60px}
}

/*STEPPER*/
.bs-wizard {margin-top: 20px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #000; font-size: 15px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot {background-color: #359932;}
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #aaa;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }

/*END Form Wizard*/


/* -------------------------------------------------------------------------
  VERTICAL STEPPERS
-------------------------------------------------------------------------- */

/* Steps */
.step {
  position: relative;
  min-height: 1em;
  color: #b3c4ce;
}
.step + .step {
  margin-top: 1.5em
}
.step > div:first-child {
  position: static;
  height: 0;
}
.step > div:not(:first-child) {
  margin-left: 1.5em;
  padding-left: 1em;
}
.step.step-active {
  color: #eb5f5e
}
.step.step-active .circle {
  background-color: #eb5f5e;
}

.step.step-complete {
  color: #6199a7
}
.step.step-complete .circle {
  background-color: #6199a7;
}

/* Circle */
.circle {
  background: #b3c4ce;
  position: relative;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  box-shadow: 0 0 0 3px #fff;
	z-index: 2;
}

/* Vertical Line */
.circle:after {
  content: ' ';
  position: absolute;
  display: block;
  top: 1px;
  right: 50%;
  bottom: 1px;
  left: 50%;
  height: 100%;
  width: 1px;
  transform: scale(1, 2);
  transform-origin: 50% -100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.step:last-child .circle:after {
  display: none
}

/* Stepper Titles */
.title {
  line-height: 1.5em;
  font-weight: bold;
}
.caption {
  font-size: 0.8em;
}



#delegation .section.disabled{
	opacity: 0.5;
	pointer-events: none
}




/*NEW ADD 2018*/


body .navbar.navbar-cfd {
  min-height: 100px;
}

body .navbar.navbar-cfd .navbar-brand {
  padding: 0 15px;
  height: 150px;
  line-height: 150px;
}

body .navbar.navbar-cfd .navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 23px;
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  body .navbar.navbar-cfd .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 26.5px;
    padding-bottom: 26.5px;
    line-height: 27px;
  }
}


body .navbar.navbar-cfd {
  background-color: #fff;
  border-color: #fff;
  margin-bottom: 0px;
}
body .navbar.navbar-cfd .navbar-brand {
  color: #007496;
}
body .navbar.navbar-cfd .navbar-brand:hover,
body .navbar.navbar-cfd .navbar-brand:focus {
  color: #e95f5c;
}
body .navbar.navbar-cfd .navbar-text {
  color: #007496;
}
body .navbar.navbar-cfd .navbar-nav > li > a {
  color: #007496;
}
body .navbar.navbar-cfd .navbar-nav > li > a:hover,
body .navbar.navbar-cfd .navbar-nav > li > a:focus {
  color: #e95f5c;
}
body .navbar.navbar-cfd .navbar-nav > .active > a,
body .navbar.navbar-cfd .navbar-nav > .active > a:hover,
body .navbar.navbar-cfd .navbar-nav > .active > a:focus {
  color: #007496;
  background-color: #ffffff;
}
body .navbar.navbar-cfd .navbar-nav > .open > a,
body .navbar.navbar-cfd .navbar-nav > .open > a:hover,
body .navbar.navbar-cfd .navbar-nav > .open > a:focus {
  color: #007496;
  background-color: #ffffff;
}
body .navbar.navbar-cfd .navbar-toggle {
  border-color: #007496;
}
body .navbar.navbar-cfd .navbar-toggle:hover,
body .navbar.navbar-cfd .navbar-toggle:focus {
  background-color: #007496;
}
body .navbar.navbar-cfd .navbar-toggle .icon-bar {
  background-color: #000000;
}
body .navbar.navbar-cfd .navbar-collapse,
body .navbar.navbar-cfd .navbar-form {
  border-color: #000000;
}
body .navbar.navbar-cfd .navbar-link {
  color: #000000;
}
body .navbar.navbar-cfd .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  body .navbar.navbar-cfd .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
  }
  body .navbar.navbar-cfd .navbar-nav .open .dropdown-menu > li > a:hover,
  body .navbar.navbar-cfd .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  body .navbar.navbar-cfd .navbar-nav .open .dropdown-menu > .active > a,
  body .navbar.navbar-cfd .navbar-nav .open .dropdown-menu > .active > a:hover,
  body .navbar.navbar-cfd .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #97b43d;
  }
}


/* PAGE form */

.upPress::placeholder {
    /* Mozilla Firefox 19+ */
    color: #000;
    opacity: 1;
}

.upPress::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #000;
}
.upPress:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #000;
    opacity: 1;
}
.upPress::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #000;
    opacity: 1;
}
.upPress:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000;
}

body div.row h3{
  padding: 10px; 
  background: #007496; 
  border-bottom: 1px solid #F2F2F2; 
  margin-top: 30px;
  color: white
}

body div.row .form-group textarea.form-control{
	border: 1px solid grey;
	padding-left:10px;
	text-align: left;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 2%, rgba(242,242,242,0.5) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 2%,rgba(242,242,242,0.5) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 2%,rgba(242,242,242,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#80f2f2f2',GradientType=0 );
}

body div.row .form-group textarea.form-control:focus{
  background-color:white !important;
}

.error{color: #eb5f5e}
textarea.error{color: #000}

/* gestion des bouton input group */
.btn, .input-group-btn .btn {
	background: #007496;
}
.btn:not(.btn-raised).btn-primary, .input-group-btn .btn:not(.btn-raised).btn-primary {
    color: #fff;
}

form .form-group input[type=file]{
	opacity:1 ;
	height: 25px;
	line-height: 25px;
	z-index: 1
}


/*@media (min-width: 768px) {*/
  .row.equal {
    display: flex;
    display: -webkit-inline-box;
    flex-wrap: wrap;
    width: 97%;
    margin-left: auto
  }
/*}*/


/* PAGE AGENDA */
.slot{
  border: 1px solid #EFEFEF; padding: 10px; background-color: Snow;}
.Time{
  border: 1px solid #EFEFEF; border-right: 0; padding: 10px; background-color: #FEFEFE;
}

.slotRow .slot{
  background-color: Snow;
}

.slotRow  .slot.active{
  background-color: AliceBlue;
}

.row.equal{
  margin-bottom: 5px
}

.label-btn{
  border: 1px solid #F2F2F2;
  background-color:Ivory;
  padding: 10px;
  width: 100%;
  cursor: pointer;
}

.navbar-brand>img {
   max-height: 100%;
   height: 100%;
   width: auto;
   margin: 0 auto;
   -o-object-fit: contain;
   object-fit: contain; 
}

ul.schedulePublic{ padding-left:20px }

ul.schedulePublic li{ padding-top:0 ; padding-bottom:0  }

table#tableResult tbody td, table#tableResultVehicle tbody td{vertical-align:middle }

.btn.btn-xs, .input-group-btn .btn.btn-xs {
    padding: 4px 5px;
	width:25px;
    font-size: 13px;
}