/* 
    mainColor: #3A3D3F
    secondColor: #C70829
    thirdColor: rgb(71,68,68)
*/

.mainColor {
    color: #3A3D3F; 
}

.secondColor { 
    color: #C70829;
}

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

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

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

.btn, footer.page-footer, .indicator-item.active, .activeMenuBottom {
    background-color: #3A3D3F !important; 
    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: #C70829 !important; 
}

.activeMenuLeft {
    border-color: #3A3D3F;
}

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

.separatorLateralItemMenu {
    background-color: rgba(199,8,41,0.5);
}



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

.input-field input[type=text],
.input-field textarea.materialize-textarea {
    background-color: rgba(199,8,41, 0.1);
}

.input-field input[type=text]:focus,
.input-field textarea.materialize-textarea:focus {
    background-color: rgba(199,8,41, 0.2);
}

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

.dropdown-content li > span, .input-field .prefix.active, .material-tooltip span {
    /*color: #C70829 !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: #C70829 !important;
}

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

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

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

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

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

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

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

.loader  {
    background-color: rgba(255,186,35,0.3);
}

.test {
    color: #3A3D3F;
}

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

i.imgBubble:hover > img {
    background-color: #3A3D3F;
}

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

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

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

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

.followStep > .stepTitle > .stepLabel {
    background-color: #C70829; /*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;
}

.noticeMsg {
    color: #ff0000; 
}