body{
    background-color: #F9F9F9;
}

.one, .two, .three, .four{
    position:absolute;
	/* margin-top:-10px; */
	z-index:1;
	height:40px;
	width:40px;
	border-radius:25px;
	left: -50px;
}
.one{
	left:25%;
}
.two{
	left:50%;
}
.three{
	left:75%;
}
.four{
	left:100%;
}
.primary-color{
	background-color:#007bff;
}
.success-color{
	background-color:#5cb85c;
}
.danger-color{
	background-color:#d9534f;
}
.warning-color{
	background-color:#f0ad4e;
}
.info-color{
	background-color:#5bc0de;
}
.no-color{
	background-color:inherit;
}

.pull-left {
   float: left;
}

.step-circle {
    font-size: 20px;
    font-weight: bold;
    color: #5e72e4;
    border-radius: 25px;
    /* border: 3px solid #999; */
    padding: 1px 10px;
    background: #f6f9fc;
    margin-left: -10px;
}

.step-text {
    padding: 2px 15px 2px 15px;
    margin-left: -10px;
    background-color: #f6f9fc;
    color: #8898aa;
    font-size: 12px;
    line-height: 13px;
    margin-top: 8px;
}

.step-circle-ok {
    font-size: 20px;
    font-weight: bold;
    color: white;
    border-radius: 25px;
    /* border: 3px solid #999; */
    padding: 1px 10px;
    /* background: #f6f9fc; */
    margin-left: -10px;
}

.step-text-ok {
    padding: 2px 15px 2px 15px;
    margin-left: -10px;
    /* background-color: #f6f9fc; */
    color: white;
    font-size: 12px;
    line-height: 13px;
    margin-top: 8px;
}

.active {
    /* background-color: #5bb75b !important; */
    background-color: #5e72e4 !important;
}

@media (max-width:1014px){
    .pull-left{
        display: none;
    }

    .step-circle{
        display: none;
    }

    .step-text{
        display: none;
    }

    .step-circle-ok{
        display: none;
    }

    .step-text-ok{
        display: none;
    }
}

.bar-min{
    display: none;
}

.box-bar-min{
    display: none;
}

@media (max-width:1014px){
    .bar-min{
        display: inline;
    }

    .box-bar-min{
        display: inline;
    }
}

.calendariohoras{
    margin: 10px auto;
    max-width: 1000px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
}

.div-salto{
    display: none;
}

@media (min-width:769px){

    .calendariohoras .calendario{
        margin: 10px;
        display: flex;
    }

    .calendariohoras .horas {
        margin: 10px;
        display: flex;
    }
}

@media (max-width:768px){

    .calendariohoras .calendario{
        grid-column: 1 / -1;
        margin: 10px;
        display: flex;
        justify-content: center;
    }

    .calendariohoras .horas {
        grid-column: 1 / -1;
        margin: 10px;
        display: flex;
        justify-content: center;
    }

    .td-space{
        display: none;
    }

    .div-salto{
        display: inline;
    }

    /*Se comenta para que aparezca los * para la página Registro cuando Width es menor a 768px*/
    /*.lbl-obligatorio{
        display: none;
    }*/

    .card-hide-mobil{
        display: none;
    }

}