body, html {
    height: 100vh !important;
}

.navMachineFamilly li:not(.active) a {
    background-color: #3c3c3b;
    color: #fff;
}

.navMachineFamilly li.active a, .navMachineFamilly li.active a:focus {
    background-color: #f7b33c;
    color: #3c3c3b;
}

div.bloc_principale {
    height: 100vh !important;
}

/* SELECT */

/* CHECKBOX */

label.container {
    display: inline-block;
    width: 10%;
}

.container {
    display: inline;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*---------PAGE D'ACCUEIL----------*/
/*Fond Accueil*/
body.home {
    background-image: url("../images/home-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
}

.panel-home {
    border-radius: 20px;
    border-color: #ebeff6;
    background: -moz-linear-gradient(top, #4d4d4d 0%, #000000 100%);
    background: -webkit-linear-gradient(top, #4d4d4d 0%,#000000 100%);
    */ background: linear-gradient(to bottom, #4d4d4d 0%,#000000 100%);
    */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#000000',GradientType=0 );
    margin-top: 50vh;
    transform: translateY(-50%);
    border-style: solid;
    text-align: center;
    color: #fff;
}


i.glyphicon.glyphicon-calendar.active {
    color: #f7b33c;
}

.bg-dark .nav li.active {
    color: #f7b33c;
    text-align: center;
}

/*logo Accueil*/
img.logo {
    width: 30%;
}

/*btn valider*/
.btn-valider {
    color: #3c3c3b !important;
    background-color: #f7b33c;
    border-color: #f7b33c;
}

.btn-valider-home {
    color: #3c3c3b !important;
    background-color: #f7b33c;
    border-color: #f7b33c;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.btn-valider-blanc {
    color: #3c3c3b !important;
    background-color: #fff;
    border-color: #fff;
}


.btn-gris {
    color: #fff !important;
    background-color: #3c3c3b;
    border-color: #3c3c3b;
}

a.white {
    color: #f7b33c;
}

.boutons {
    margin: 10px;
    padding: 20px;
}

footer#footer {
    background-color: #f7b33c;
    padding: 3px;
    color: #000;
}

footer#footerHome {
    background-color: #f7b33c;
    padding: 3px;
    color: #000;
    position:fixed;
    bottom:0px;
    width:100%;
}

/*------------- PAGE CALENDAR----------*/

.entete-calendar {
    margin-top: 0;
    width: 100%;
}

form.entete-calendar-form {
    width: 100%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding: 0 50px 10px 50px;
}

li.White {
    list-style: none;
    padding-top: 10px;
}

div#calendar {
    background-color: #fff;
}

.form-check-inline {
    display: inline;
    font-weight: bold;
    padding-right: 30px;
}


.panel-planning {
    background-color: #f7b33c;
    width: 100%;
    //margin-top: 20px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
}


#inputjour {
    background-color: #c6c6c6;
    color: #3c3c3b;
    font-weight: 800;
    text-align: center;
}

.dates-label {
    background-color: #dddcdb;
    margin: 0;
    padding: 1px;
    color: #000;
    text-align: center;
}

nav.menu-jour {
    background-color: #c6c6c6;
    display: inline-block;
    color: #3c3c3b;
    font-weight: 800;
    width: 100%;
    height: 50px;
    padding: 13px 0 3px;
    text-align: center;
}

nav.nav-primary.hidden-xs {
    background-color: #3c3c3b;
}

i.glyphicon.glyphicon-chevron-left {
    text-align: left;
    background-color: #575757;
    padding: 10px;
    font-size: 20px;
    display: inline;
    /*float: left;*/
}

i.glyphicon.glyphicon-chevron-right {
    text-align: right;
    background-color: #575757;
    padding: 10px;
    font-size: 20px;
    display: inline;
    /*float: right;*/
}

.glyphicon-chevron-left:before {
    content: "\e079";
    color: #c6c6c6;
}


.glyphicon-chevron-right:before {
    content: "\e080";
    color: #c6c6c6;
}

.jour {
    display: inline;
    text-align: center;
    display: inline;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
}

.form-control-1 {
    /*width: 100%;*/
    height: 50px;
    padding: 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border-radius: 30px !important;
    background-image: none;
    border-color: #fff;
}


/* MENU BAS */

img.navbar-brand {
    width: 90px;
    height: 60px;
}

/* PAGE 3 */

.inputVT {
    text-transform: none;
    padding: 10px;
    border: none;
    width: 100%;
    float: right;
}


.icon-meteo {
    width: 30px;
    display: inline;
    margin: 3px;
}

.menu-engin {
    padding: 20px;
}

th.jaune {
    background-color: #f7b33c;
}

tr.selected {
    background-color: #F7C138;
}


.icones {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* TABLEAU */
.tableau.col-sm-3 {
    padding: 20px;
}

.fc .fc-toolbar > * > :first-child {
    padding: 5px;
}