body {
    background-color:#e7ebee;
}
body.bodyIndex {
    background: url('/images/index_background.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.bloc-footer {
    min-height: 3rem;
    background-color:rgb(0, 0, 0);
    text-align: center;
}
.bloc-footer span {
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
}
.bloc-login {
    padding: 2rem;
    background-color:rgba(0, 0, 0, 0.5);
    text-align: center;
    max-width: 300px;
    float: none;
    margin: 0 auto;
    transform: translateY(20%);
}
.lien-mdp-oublie {
    text-decoration: none;
    color: white;
}
.lien-mdp-oublie:hover {
    color: white;
    text-decoration: underline;
}
.titre-login {
    color: white;
    font-size: 2rem;
    font-weight: 600;
}
.navbar-brand {
	height: 70px;
	color:#fff;
	text-align:center;
	
}
.navbar-brand a {
color:#fff;
text-align:center;

}
.navbar-default {
background-color:#4b667b;
color:#fff;
z-index: 100;
}
.navbar-default .navbar-brand {
  color: #fff;
  text-align:center;
  font-size:12px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color:#fff;
font-weight:bolder;
  text-decoration:underline;}

.logo {
margin-left:auto;
margin-right:auto;
}
.navbar-default .navbar-nav > li {
border-right-color:white;
border-right-style:solid;
border-right-width:1px;
}
.navbar-header{
border-right-color:white;
border-right-style:solid;
border-right-width:1px;

}
.navbar-collapse {
    background-color: #4b667b;
}
.navbar-right >li {
border-left-color:white;
border-left-style:solid;
border-left-width:1px;
}
.navbar-default .navbar-nav > li > a {
color:#fff;
}
.navbar-default .navbar-nav > li > a:hover {
color:#fff;
text-decoration:underline;
}
.navbar-default .navbar-nav > .open > a {
background-color:black;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color:white;
font-weight:bolder;
}
.dropdownsub {
color: grey !important;;
}
.ui-datepicker-month {
color:black;
}
 .ui-datepicker-year {
 color:black;
 }
 .ui-widget-header {
 background:#4b667b  50% 50% repeat-x;
 border-color:#4b667b ;
 }
 hr {
 border-top: 1px solid #4b667b;
 }
th {
background-color:#4b667b;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
color:#fff;
text-align:center;

}
table.calendar {
    border-spacing: 0;
    border-collapse: collapse;
	font-size:medium;

	color:#0B263B;
}
.calendar th {
    min-width: 2.0em;
    text-align: center;
    font-weight: normal;
    background-color: transparent;
    color: #0B263B;
	padding-left:10px;
}
.calendar td {
    text-align: center;
    font-size: smaller;
}
.calendar a {
    text-decoration: none;
    font-weight: bold;
color:#4b667b;	
}
table.calendar2 {
    border-spacing: 0;
    border-collapse: collapse;
	font-size:medium;

	color:#0B263B;
}
.calendar2 th {
    min-width: 2.0em;
    text-align: center;
    font-weight: normal;
    background-color: transparent;
    color: #0B263B;
	padding-left:10px;
}
.calendar2 td {
    text-align: center;
    font-size: 14px;
}
.calendar2 a {
    text-decoration: none;
    font-weight: bold;
color:#4b667b;	
}
.titre_jour{
min-width: 2.0em;
    text-align: center;
    font-weight: normal;
    background-color: transparent;
    color: #0B263B;
	padding-left:10px;
}
.titre_jour2{
min-width: 2.0em;
    text-align: center;
    font-weight: normal;
    background-color: transparent;
    color: #0B263B;
	padding-left:10px;
	font-size:16px;
}
.celldiv a {
color: #0B263B;
text-decoration: none;
font-weight: bold;
font-size:small;
outline: none;
}


div.slots1 {
    min-height: 17px;
    max-height: 17px;
    height: 17px;
}
div.divnew {
    max-width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.celldiv {
	border-radius:5px;
  height: 20px;
z-index: 500;

top: 0px;
left: 0px;
	
max-height: 20px;
    overflow: hidden;
    margin: 0;
	margin-left:5px;
	margin-right:5px;
    padding-left: 5;
}
.planning td {
	padding: 0;
border-top: 1px solid #ffffff;
border-left: 1px solid #e7ebee;
border-bottom: 0;
border-right: 0;

}

tr.odd_row td.titre_room  {
background-color: #4b667b;
white-space: nowrap;
font-size:small;
color:#fff;
text-align:center;
height:21px;
}
tr.even_row td.titre_room  {
background-color: #4b667b;
white-space: nowrap;
font-size:small;
color:#fff;
text-align:center;
height:21px;
}

table.planning {
	clear: both;
width: 100%;
border-spacing: 0;
border-collapse: separate;
border-color: #e7ebee;
border-width: 0px;
border-style: solid;
}
tr.odd_row td.new {
    background-color: #f2f4f6;
}
tr.even_row td {
background-color: #ffffff;
}
tr.even_row td.new {
    background-color: #ffffff;
}


td.new a, a.new_booking {
    display: block;
    font-size: medium;
    text-align: center;
}
a.divnew {
display: block;
    font-size: medium;
    text-align: center;
	text-decoration:none;
}
.divnew a:hover {
background-color:#cccccc;
}
input[type="radio"]{
	
display:inline-block;width:auto;margin-left:10px;vertical-align: bottom;
margin-bottom: 8px;
margin-right:10px;

}
.index {
text-align: center;
font-size: 24px;
font-weight: bold;
margin-top:8px;
margin-bottom:8px;
}
.navbar-header{
height:80px;
}

tfoot th {
border-top-color:#FFF;
border-top-style:solid;
border-top-width:1px;
}
#dialog_form label{
width:150px;
}
.tablesorter-bootstrap thead th {
background-color:#4b667b;
}
.ts-pager{
color:black;
}
.glyphicon-step-backward {
top:0;
}
.glyphicon-backward{
top:0;
}
.glyphicon-forward{
top:0;
}
.glyphicon-step-forward{
top:0;
}
.form-control::-moz-placeholder {
  color: #333;
  opacity: 1;
  font-size:14px;
}
.form-control{
color:#333;
font-size:14px;
}
.ui-widget input{
font-size:14px;
}
fieldset.scheduler-border {
	border: 1px groove #7D7D7D !important;
	padding: 0 1.4em 1.4em 1.4em !important;
	margin: 0 0 1.5em 0 !important;
	-webkit-box-shadow: 0px 0px 0px 0px #000;
	box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
	  width:inherit; /* Or auto */
    padding:0 0px; /* To give a bit of padding on the left and right */
    border-bottom:none;
	padding-top:15px

}

.bootstrap-select.btn-group .dropdown-menu{
z-index:3999;
}
.eye{
padding-top:2px;
padding-right:4px;
padding-bottom:6px;
padding-left:4px;

}