/* 
    mainColor: #104E9D rgb(16,78,157)
    secondColor: #5AA3CE rgb(90,163,206)
    thirdColor: rgb(71,68,68)
*/

.mainColor {
    color: #104E9D; /*rgb(16,78,157)*/
}

.secondColor { 
    color: #5AA3CE; /*rgb(90,163,206)*/
}

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

.nav1 {
    background-image:linear-gradient(to right, #104E9D, #53ab47);
}

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

.btn, footer.page-footer, .indicator-item.active, .activeMenuBottom {
    background-color: #104E9D ; 
    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: #5AA3CE !important; 
}

.logo {
    padding-top: 15px;
    max-height: 80px;
    max-width: 300px;
}

.activeMenuLeft {
    border-color: #104E9D;
}

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

.separatorLateralItemMenu {
    background-color: rgba(16,78,157, 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: #104E9D !important;
}

.input-field input[type=text],
.input-field textarea.materialize-textarea {
    background-color: rgba(90,163,206, 0.2);
}

.input-field input[type=text]:focus,
.input-field textarea.materialize-textarea:focus {
    background-color: rgba(90,163,206, 0.3);
}

 [type="checkbox"]:not(:checked),[type="checkbox"]:checked{
    position : initial; 
	opacity : 0;
	pointer-events : auto; 
	height: 20px;
    width: 20px;
    
}  
div > form > div > label {
	font-size: 20px;
	text-align: left;
}


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

.dropdown-content li > span, .material-tooltip span {
    /*color: #5AA3CE !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: #104E9D !important;*/
    background-color: rgb(71,68,68) !important;
}

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

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

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

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

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

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

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

.loader  {
    background-color: rgba(90,163,206,0.4);
}

.test {
    color: #104E9D;
}

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

i.imgBubble:hover > img {
    background-color: #104E9D;
}

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

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

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

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

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