body{
    background-color: #fff;
}

#wizard {
	border: initial;
}

.wizard-header{
	background-color: #1b0088;
	color: #5d5d66;
}

.wizard-card[data-color="purple"] .moving-tab {
    background-color: #ff004b;
}

.logo{
	height: 70px;
}

.cl-fucsia {
    color: #ff004b !important;
}

.btn-fucsia {
    background-color: #ff004b !important;
}

th {
    color: #ff004b!important;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-left, .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-right {
    background-color: #1b0088!Important;
}

.btn-azul-claro {
    background-color: #1b0088!important;
}

.bloque-gente-espera h5{
	margin-bottom: 10px;
	width: 100%;
}

.bloque-tiempo-espera h5{
	margin-bottom: 10px;
	width: 100%;
}

.bloque-gente-espera{
	background-color: #1b0088;
	color: white;
	height: 80px;
}

.bloque-tiempo-espera{
	background-color: #ff004b;
	color: white;
	height: 80px;
}

.progress{
	height: 5px;
}

.progress .indeterminate{
	background-color: #ff004b;
}

.containerNombreCalendario{
	background-color: #211f46 !important;
}

.containerTiempoCita .btn-hora:hover {
	background-color: #211f46 !important;
}

.containerTiempoCita .btn-hora{
	color: #211f46 !important;
	border: 1px solid  #211f46 !important;
}

.btn-hora:hover {
	color: #ffffff !important;
	background-color: #211f46 !important;
}

.containerTiempoCita .btn-fucsia {
	color: #ffffff !important;
	background-color: #211f46 !important;
}

/* CUSTOMIZACION DE ESTILO DATEPICKER */
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-left {
    background-color: #211f46 !important;
    color: white !important;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-right {
    background-color: #211f46 !important;
    color: white !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    background: #E94379!Important;
    color: #fff!Important;
}

.ui-widget-header {
    background-image: initial;
    background-color: #211f46;
    color: #444;
}

.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-active {
	background: #211f46!Important;
	color: #ffffff;
	border-color: #211f46;
}

.ui-datepicker table{
	background-color: #211f46 !important;
}

.datepickerTurnoDiaHora .ui-datepicker-inline {
	background-color: #211f46 !important;
}
/* CUSTOMIZACION DE ESTILO DATEPICKER */

.badgeWizard {
    padding: 8px 11px 6px 11px;
}

@media screen and (max-width: 440px) {
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
		top: -5px;
	}

	/*.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
		opacity: 1;
	}*/

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
		background-color: transparent!important;
        color: white;
        border: none;
	}

    .ui-state-disabled .ui-state-default{
        background-color: transparent !important;
        color: white !important;
    }
	
    .ui-widget.ui-widget-content{
        border: none !important;
        padding: 0;
    }

    .ui-datepicker .ui-datepicker-header{
        border: none;
    }

    .zona-horaria-container{
        bottom: 48px;
        left: 42px;
        width: 60%;
    }

    .ui-datepicker .ui-datepicker-title{
        font-size: 20px !important;
    }

    .wizard-card .tab-content{
        padding: 35px 15px;
    }
}

.banner-common{
    height: unset !important;
    object-fit: contain !important;
}

.containerBanners{
    margin: 0 auto !important;
    max-width: 1500px !important;
}