body{margin: 0; padding: 0;font-family: 'Roboto', sans-serif!important; background-color: #f1f4f9!important; }
header{background-color: #0181c8;height: 60px;}
h1 {font-size: 10px;}

.w-35px{width: 35px;}
.w-40px{width: 40px;}
.w-60px{width: 60px;}
.w-80px{width: 80px;}
.mt-80{margin-top: 80px;}
.min-height-150px{min-height: 150px;}

.cursor-p{cursor:pointer}
.logo-header{width: 120px; padding-top: 10px;}
.fs-13px { font-size: 13px;}

.card:hover{background-color: #cfdbe9;}
.bg-title{background-color: #0b4b6f; color: #fff;}
.card-borderBottom {border-bottom: solid 2px #0181c8!important;}
.text-blue {color:#0181c8;}

/*CONTENEDOR HORAS Y SACAR TURNO*/
.flechaMes { background-color: #0181C8!important;; color: white!important; }
#container-Hours .dHour{background-color: #e7effa; color:#084361; padding: 10px;  border-radius: 5px; margin:5px; cursor: pointer; text-decoration: none;}
#container-Hours .dHour.selected{background-color: #005292; color:#fff; padding: 10px;  border-radius: 5px;cursor: pointer;text-decoration: none;}

/*DETALLE DEL TURNO*/
.timeline {list-style-type: none;position: relative;}
.timeline:before {content: " ";background: #6A6A6A;display: inline-block;position: absolute;left: 9px;width: 2px;height: 100%;z-index: 1;}
.timeline-item {margin:25px 5px;}
.timeline-item:before {content: " ";background: #0181C8;display: inline-block;position: absolute;border-radius: 50%;border: 3px solid #0181C8;left: 0;width: 20px;height: 20px;z-index: 1;}

/*HILO DE ARIADNA*/
#progressbar {overflow: hidden;color: #6a6a6a; margin-bottom: 20px!important;}
#progressbar .active, #progressbar .complete {color: #000}
#progressbar li {list-style-type: none;font-size: 15px;width: 33%;float: left;position: relative;font-weight: 400}
#progressbar li span{color:#000;}
#progressbar #step1:before {content: "1"}
#progressbar #step2:before {content: "2"}
#progressbar #step3:before {content: "3"}
#progressbar li:before {width: 50px;height: 50px;line-height: 45px;display: block;font-size: 20px;color: #6a6a6a;border:solid 2px #6a6a6a; background: #fff;border-radius: 50%;margin: 0 auto 10px auto;padding: 2px}
#progressbar li:after {content: '';width: 100%;height: 3px;background: #6a6a6a;position: absolute;left: 0;top: 25px;z-index: -1}
#progressbar li.active:before,#progressbar li.active:after {color:#6a6a6a;border:solid 1px #0181c8;}
#progressbar li.complete:before,#progressbar li.complete:after {background: #0181c8; color:#fff;border:solid 1px #0181c8;}
.progress {height: 20px}
.progress-bar {background-color: #0181c8}

@media (max-width: 576px) {
    /*HILO DE ARIADNA*/
    #progressbar { margin-bottom: 0px!important;}
    #progressbar li span{ font-size:13px;}
}