@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
.vue-form-wizard::before {
    content: '';
    width: 254px;
    height: 44px;
    background-image: url(https://centroviba.com/wp-content/themes/centroviba/img/logo-centro-viba-oscuro.svg);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    display: block;
    margin-top: 30px;
    margin-bottom: 35px;
}

.vue-form-wizard {
    display: flex;
    flex-direction: column;
}


.vue-form-wizard .wizard-navigation .wizard-progress-with-circle .wizard-progress-bar {
    border-radius: 30px;
}

.vue-form-wizard .wizard-nav-pills {
    margin: 0;
    margin-bottom: 30px;
}

.primary-custom-color {
    padding: 10px 8px;
    font-size: 16px;
    border: 2px solid #00AA80;
    font-weight: bold!important;
    border-radius: 8px!important;
}

.vue-form-wizard .wizard-card-footer {
    padding: 0!important;
    background-color: transparent!important;
    gap: 0!important;
}

.vue-form-wizard .wizard-tab-content .wizard-tab-container {
    background-color: transparent;
    border: 1px solid #00aa80;
}

.vue-form-wizard .wizard-card-footer {
    flex-direction: column;
    gap: 0;
    padding: 0;
    flex-direction: column-reverse;
}


.vue-form-wizard.sm .wizard-icon-circle.checked .wizard-icon-container {background-color: #00aa80 !important;border-radius: 100%;}

.vue-form-wizard .wizard-icon-circle.checked {
    border-color: #00aa80 !important;
    border: 0;
    background-color: #00aa80!important;
    color: #fff!important;
}

.vue-form-wizard.sm .wizard-icon-circle .wizard-icon-container {
}

.vue-form-wizard .wizard-navigation .wizard-progress-with-circle {
    border-radius: 300px;
}

.vue-form-wizard .wizard-nav-pills li a span {
    font-size: 16px;
    margin-top: 6px;
}

body#body-base {
    font-family: Open sans, sans-serif;
}

.vue-form-wizard .wizard-nav-pills {
    margin-bottom: 20px;
}

.vue-form-wizard .wizard-tab-content .wizard-tab-container div {
}

.swal2-popup .swal2-actions button {
    padding: 10px 8px!important;
    font-size: 16px!important;
    border: 2px solid #00AA80!important;
    font-weight: bold !important;
    border-radius: 8px !important;
    background-color: #00AA80!important;
    min-width: 140px;
    box-shadow: none!important;
}

.btn {
    outline: none!important;
    box-shadow: none!important;
}

.stf-select.stf-select_sm.stf-select_has-value {
    margin-top: 15px!important;
    margin-bottom: 15px!important;
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
    border: 1px solid #00aa80!important;
}

.vue-form-wizard .wizard-card-footer .wizard-footer-left {
    margin-top: 5px;
}

.secondary-custom-color {
    padding: 10px 8px;
    font-size: 16px;
    border: 2px solid #00AA80;
    font-weight: bold !important;
    border-radius: 8px !important;
}

.vdp-datepicker__calendar header .next:after {
    border-left: 10px solid #00aa80!important;
}

.vdp-datepicker__calendar .cell.selected {
    background-color: #00aa80!important;
    border-radius: 5px!important;
    color: #fff!important;
}
.bg-sky-100[data-v-0d6b78f0] {
    background-color: #00AA80!important;
    margin-bottom: 25px!important;
    margin-top: 20px!important;
}

.text-sky-700[data-v-0d6b78f0] {
    color: #fff!important;
}

.text-sky-700 {
    color: #00aa80!important;
}
.vue-form-wizard .wizard-nav-pills {
    margin-bottom: 30px!important;
}
.wizard-card-footer {
    width: 100%!important;
}