/* 
    mainColor: #424242
    secondColor: #7fcbd6
    thirdColor: rgb(71,68,68)
*/

.mainColor {
    color: #424242; 
}

.secondColor { 
    color: #424242;
}

.thirdColor{ 
    color:#FAB900; /*rgb(71,68,68)*/
}

.nav1 {
    background-image:linear-gradient(to right, #ed1c24, #ed1c24);
}

main, .nav2 ul a, .slider .slides li .caption, .dropdown-content li, .picker__close, .picker__today, .subTitle a {
    color: #424242 !important;
}

.btn, footer.page-footer, .indicator-item.active, .activeMenuBottom {
    background-color: #7fcbd6;
    color: white;
}

.btn:hover, .picker__date-display, .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected, .picker__nav--prev:hover, .picker__nav--next:hover { 
    background-color: #424242; 
}

.activeMenuLeft {
    border-color: #424242;
}

.lateralItemMenuIcon, .picker__weekday-display {
    background-color: #ED1C24;
    /*color: white;*/
}

.separatorLateralItemMenu {
    background-color: #ED1C24;
}

.lateralItemMenu {
    color: #ED1C24;
}



/* Champ input sans focus*/
/*input:not([type]),*/ 
/*input[type="text"],*/ 
/*input[type="password"],*/ 
textarea.materialize-textarea, 
.input-field label, 
.select-wrapper, 
.select-dropdown {
    color: #424242 !important;
}

.input-field input[type=text],
.input-field textarea.materialize-textarea {
    background-color: rgba(127,203,214, 0.3);
}

.input-field input[type=text]:focus,
.input-field textarea.materialize-textarea:focus {
    background-color: rgba(127,203,214, 0.4);
}

.dropdown-content li, .input-field.suffix > i {
    /*background-color: rgb(71,68,68) !important;*/
    background-color: #7fcbd6 !important;
}

.dropdown-content li > span, .input-field .prefix.active, .material-tooltip span {
    /*color: #424242 !important;*/
    color: white !important;
}

.dropdown-content li.active > span {
    font-weight: bold;
}

.dropdown-content li.active, .dropdown-content li:hover, .material-tooltip div {
    /*background-color: #424242 !important;*/
    background-color: rgb(71,68,68) !important;
}

.lolliclock-popover {
    background-color: #424242 !important;
    color: white !important;
}

.lolliclock-header {
    background-color: rgb(71,68,68) !important;
}

.lolliclock-plate {
    background-color: #424242 !important;
}

.lolliclock-tick {
    color: white !important;
}

.lolliclock-canvas-bg, .lolliclock-tick:hover {
    fill: #424242 !important;
    background-color: #424242 !important;
    color: white !important;
}

.lolliclock-canvas-fg {
    fill: #424242 !important;
}

.lolliclock-canvas line {
    stroke: #424242 !important;
}

.loader  {
    background-color: rgba(93,7,73,0.3);
}

.test {
    color: #424242;
}

.subTitle, .subTitleLeft, .subTitleWithIcon, .secondIcon::before {
    background-color: #424242;
}

i.imgBubble:hover > img {
    background-color: #7fcbd6;
}

.infoBlock:hover {
    border-left-color: #424242;
    animation: leftBorderColor 1.5s ease;
}
@keyframes leftBorderColor {
    0% { border-left-color: white; }
    100% { border-left-color: #424242; }
}

/*Position spécifique*/
@media screen and (min-width: 992px) {
    .logo {
        padding-top: 25px;
    }
}

/*Custom couleur du module de Suivi*/
.followStep.statusOk > .stepTitle {
    background-color: #424242 !important;
}

.followStep > .stepTitle {
    background-color: #424242 !important; /*main color*/
    border-bottom: 1px solid #bdbdbd !important;
}

.followStep > .stepTitle > .stepTitleLabel {
    color: white !important;
}

.followStep > .stepTitle > .stepLabel {
    background-color: #424242; /*Second color*/
    color: white;
    border-bottom: 1px solid #bdbdbd !important;
    border-right: 1px solid #bdbdbd !important;
}

.followStep {
    border: 1px solid #bdbdbd !important;
}

.followSubStep {
    background-color: rgba(90,163,206,0.05);
}

.statusWaitingCustomer .icon svg path {
    color: orange !important;
}