#myhours-screen .reminder .map, .header {
    background-color: #8F0A7C;
}

.chat .header {
    font-family: Muli-Light;
}

span.bold {
    font-family: Muli-SemiBold;
}

span.light {
    font-family: Muli-Light;
    text-transform: capitalize;
}

.boton.small {
    font-family: Muli-SemiBold;
    font-size: 12px;
}

input[type=text], input[type=password], input[type=number] {
    font-family: Muli-Light;
}

#myhours-screen .reminder .next-vists-details li p.doctor-spec {
    top: 0;
}

input {
    border-radius: 10px !important;
}

.doctor-name, .doctor-spec, .doctor-center {
    text-transform: none;
}

#btn-sgte {
    text-align: center;
}

#btn-login, #btn-login-horas {
    background-color: #FF3E46;
    width: 50%;
    border-radius: 10px !important;
}

#btn-reserve {
    width: 50%;
}

#btn-agenda {
    width: 80%;
    border-radius: 10px !important;
    background-color: #00A19A;
}

#calendar-screen .action {
    text-align: center;
}

#btn-enviar, #btn-login-horas {
    width: 50%;
}

#rut-screen-horas .action {
    text-align: center;
}

#validate-data {
    text-align: center;
}

#validate-data a {
    position: relative;
    right: 0px;
}

#result-hours .hour button {
    border-radius: 10px !important;
    background-color: #FF3E46;
}

/*#content li .btn-group button*/

.boton.default {
    background-color: #FF3E46;
    border-radius: 10px !important;
}

.tags .contain .card, button {
    border-radius: 0 !important
}

.reminder .date, .reminder .hour {
    color: #E4002B
}

/*.boton.default:hover {*/
/*    background-color: #cb0026*/
/*}*/

.boton.load {
    background-color: #c81d3d
}

.boton.timeout-refresh {
    background-color: #E4002B;
    color: #fff
}

.content .search .search-results {
    border: 1px solid #E4002B;
    border-top: 0
}

.calendar .header .date span, .calendar .header a:hover {
    color: #E4002B
}

.calendar .header .date-selected {
    color: #fff;
    background-color: #FF3E46;
}

#resumen .voucher-msg, .hours ul.day > li .available-hours .detail > ul li input[type=radio]:checked ~ label, .hours ul.day > li .available-hours .detail > ul li:hover label {
    color: #FF3E46;
}

.calendar .header .date-selected span.year {
    background-color: #FF3E46;
}

.calendar #datepicker .ui-datepicker td a {
    color: #00A19A;
}

.calendar #datepicker .ui-datepicker td.ui-datepicker-current-day {
    background: #E4002B
}

.calendar #datepicker .ui-datepicker td.ui-datepicker-current-day:hover {
    background-color: #cb0026
}

.calendar #datepicker .ui-datepicker td.con-hora a:before {
    background-color: #00A19A;
}

.hours ul.day > li .available-hours .detail > ul li input[type=radio]:checked ~ .check, .hours ul.day > li .available-hours .detail > ul li:hover .check {
    border: 3px solid #FF3E46;
}

.hours ul.day > li .available-hours .detail > ul li input[type=radio]:checked ~ .check::before {
    background: #FF3E46;
}

.bootbox .modal-footer button[data-bb-handler="ok"] {
    width: 50%;
}

.bootbox .modal-footer button[data-bb-handler="confirm"] {
    background-color: #E4002B;
    border-color: #E4002B
}

.bootbox .modal-footer button[data-bb-handler="confirm"]:hover {
    background-color: #cb0026;
    border-color: #cb0026
}

.bootbox .modal-footer button[data-bb-handler="cancel"] {
   color: #6c6c6c !important;
   background-color: #c7c7c7 !important;
}

.bootbox .modal-footer button[data-bb-handler="cancel"]:hover {
    color: #35416d;
 }

#resumen .voucher-msg {
    color: #35416d;
}



@media (max-width: 768px) {
    .keyboard {
        height: 34vh !important
    }

    .keyboard.mini > ul li {
        height: 6vh
    }

    .keyboard.mini > ul li button {
        font-size: 1.2em;
        line-height: 2;
        font-weight: 400
    }
}

#review-screen .content {
    margin-top: 10px;
    padding: 5px 15px 0
}

#review-screen .content #validate-data {
    background: #fff;
    padding: 15px;
    margin: 10px 0;
    box-shadow: 0 0 10px 2px grey
}

#review-screen .content #validate-data .input-tel {
    /*margin-bottom: 10px;*/
    height: 30px
}

#review-screen .content #validate-data p {
    margin: 0 0 25px
}

#review-screen .content #validate-data input, #review-screen .content #validate-data select {
    height: 30px;
    font-size: 14px;
    margin-bottom: 10px !important
}

#review-screen .content #validate-data .action {
    padding: 15px
}

#review-screen .action {
    padding: 0 15px
}

#summary .row {
    padding: 10px 0
}

#summary .summary-left {
    background: #fff;
    border-right: 2px solid #f2f2f2;
    height: 165px
}

#summary .summary-left .row {
    padding: 10px;
    height: 195px
}

#summary .summary-right {
    background: #fff;
    padding: 8px;
    border-left: 2px solid #f2f2f2;
    height: 165px
}

#summary .summary-right .row {
    padding: 5px 10px !important
}

#summary .summary-right .row .summary-title {
    color: #E4002B !important;
    font-size: 14px !important
}

#summary .summary-right .row .summary-info p {
    color: #5e6872;
    font-family: 'Muli-Light';
    font-size: 14px;
    line-height: 1
}

#summary .summary-right .row .summary-info #p-date, #summary .summary-right .row .summary-info #p-doc {
    margin-bottom: 2px
}

#summary .summary-right .row .summary-info #p-spec {
    color: #9799a1
}

#summary .summary-right .row .summary-info #p-hour {
    font-weight: 800
}

.info-resume {
    padding: 15px
}

.info-resume #validate-info {
    background: #fff;
    padding: 10px;
    margin-top: 30px
}

.info-resume #validate-info h4 {
    color: #797b86;
    font-weight: 700;
    font-family: 'Muli-Light';
}

.info-resume #validate-info .sending-info {
    margin-top: 30px;
    padding-left: 15px;
    color: #8f8686
}

.info-resume #validate-info #warning-info {
    font-family: 'Muli-Light';
    background: #fff;
    margin: 44px 5px 20px;
    padding: 5px
}

#successful {
    background: #fff;
    padding: 15px;
    margin-bottom: 10px
}

#review-summary .row div {
    background: #fff
}

#review-summary .row div .row {
    padding: 10px
}

#review-summary .row div .row .data-agenda-div {
    height: 70px;
    color: #929191
}

#review-summary .row div .row .data-agenda-div .font-davila {
    color: #E4002B;
    font-size: 16px;
    font-weight: 700
}

#review-summary .row div .row .data-agenda-div .data-agenda-p {
    color: #5e6872;
    font-family: 'Muli-Light';
    font-size: 14px;
    margin-top: 8px
}

#info-clinic {
    background: #f2f2f2;
    padding: 0;
    /*margin-top: 20px*/
}

#info-clinic .info-send {
    background: #fff;
    /*padding: 15px;*/
    margin: 0
}

#info-clinic .info-send p {
    display: inline-block;
    font-family: 'Muli-Light';
    margin-bottom: 5px
}

#info-clinic .info-send a {
    text-decoration: underline
}

#info-clinic .form-check {
    background: #fff;
    padding: 25px;
    margin: 9px 0
}

#info-clinic .form-check #exampleCheck {
    margin-top: 6px
}

#info-clinic .form-check label {
    font-size: 14px;
    font-weight: 400;
    margin-left: 30px;
    margin-top: -30px;
    position: absolute;
    top: 46px
}

#info-clinic .row button {
    background: grey;
    padding-left: 20px;
    font-size: 14px;
    margin-top: 20px;
    position: relative;
    top: -33px
}

#rut-screen .content .search, #rut-screen-horas .content .search {
    width: calc(100% - 30px)
}

.content .title img {
    top: -22px;
}

.modal-header {
    background-color: #8F0A7C;
}

.modal-header button {
    position: relative;
    left: 90px;
    color: white;
}

.modal-title {
    position: relative;
    right: 270px;
    color: white;
}

.modal-footer {
    text-align: center;
    display: block;
}

.modal-header .close {
    margin-top: -14;
}

#phone {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.input-tel:before {
    border-bottom-left-radius: 10px !important;
    border-top-left-radius: 10px !important;
}

.conversation {
    font-family: Muli-Light;
}

#resumen p {
    font-family: Muli-Light;
}

button {
    text-transform: capitalize !important;
    font-family: Muli-Light;
}

html, body {
    font-family: Muli-Light;
}

.loading > p {
    font-family: Muli-SemiBold;
    text-transform: lowercase;
}

.speciality-alert {
    padding: 15px;
    background-color: lightgreen;
    text-align: center;
}

.alert-inmediata{
    margin-bottom: 0px;
    color: #084f08;
    background-color: white;
    font-size: 12.5px;
}

/* las 2 reglas siguientes evitan solapamiento de elementos en versión móvil de la agenda */
#rut-screen.keyboard-open .content {
    height: 270px !important
}

.content.content-app {
    height: 270px !important
}

/* se agrega clase específica para el mensaje de login, y evitar errores en functions.js */
.card-login-message {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: 0.5rem!important;
    /*margin-top: 1rem!important;*/
}

.modal-numero-documento .modal-dialog .modal-content .modal-header .modal-title{
    height: 1px;
}

.bootbox .modal-footer button.btn.btn-verde {
    background-color: #00c851 !important;
    color: #fff !important;
    border-color: #E4002B !important;
}