html {
    background-color: #F37F36;
    height: 100%;
}

body {
    margin: auto;
    height: inherit;
}

.fabrique-color {
    color: #77777b;
}

.ng-scope {
    height: inherit;
}

.row {
    height: inherit;
}

.col {
    height: inherit;
}

.card#panel {
    min-height: 100%;
    width: 100%;
}

#panel {
    margin: 0px;
}

.row#jour {
    margin: 0px;
}

.card-content {
    width: 100%;
}

.card .card-content {
    padding-top: 0px;
}

/* The starting CSS styles for the enter animation */
/* .fade.ng-enter {
    transition:0.2s linear all;
    opacity:0;
    transform:translateY(-50%);
    transform: scaleY(0);
} */

/* The finishing CSS styles for the enter animation */
/* .fade.ng-enter.ng-enter-active {
    opacity:1;
    transform:translateY(0%);
    transform: scaleY(1);
} */

/* now the element will fade out before it is removed from the DOM */
/* .fade.ng-leave {
    transition:0.2s linear all;
    opacity:1;
    transform:translateY(0%);
}
.fade.ng-leave.ng-leave-active {
    opacity:0;
    transform:translateY(-50%);
} */

.title-f {
    margin-top: 4%;
    margin-bottom: 5%;
}

[type="checkbox"]:checked+span:not(.lever):before {

    border-right: 2px solid #f27f36;
    border-bottom: 2px solid #f27f36;
}

[type="checkbox"]+span:not(.lever) {
    padding-left: 25px;
    margin-right: 10px;
}

[type="checkbox"]+span:not(.lever):before, [type="checkbox"]:not(.filled-in)+span:not(.lever):after {

    border: 2px solid #f27f36;
}