/**
css para el sistema
 */

.notice.is-dismissible {

    padding-right: 38px;
    position: relative;

}

.notice, div.error, div.updated, div.mensaje_ok {
    background: #fff;
    border-left: 4px solid #fff;
    border-left-color: rgb(255, 255, 255);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    margin: 5px 15px 2px;
    padding: 1px 12px;
    padding-right: 12px;
}

.notice-error, div.error {
    border-left-color: #dc3232;
}
div.mensaje_ok {
    border-left-color: #80AB4E;
}
.formularios{
    margin-top: 10px;
    font-weight: bold;
}
.formularios span.requerido{
   color: #c12300;
    margin-left: 5px;
}

.ajaxloading{
    display: block;
    float: right;
}

.bs-wizard {
    /*margin-top: 40px; */
    display: flex;
}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #8eb92a; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #9ecb2d; border-radius: 50px; position: absolute; top: 8px; left: 8px; }
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #8eb92a;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/


.porcentajes, .precios{
    font-size: 20px;
    font-weight: bold;
}


.savittar-reservas{
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border-top: 10px solid rgb(255, 152, 0);
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-radius: 20px;
}
.savittar-reservas-heading{
    /*background-color: rgb(255, 152, 0);*/
    color: rgba(0, 0, 0, 1);
}

.savittar-reservas p br {
    margin-bottom: 5px;
}

.savittar-reservas .btn {
    padding: 3px 2px !important;
}

.boxsavittardesc{
    border: 1px solid rgb(155, 166, 0) !important;
    box-shadow: 2px 2px 5px 0px rgb(155, 166, 0);
    -webkit-box-shadow: 2px 2px 5px 0px rgb(155, 166, 0);
    -moz-box-shadow: 2px 2px 5px 0px rgb(155, 166, 0);
    text-align: center !important;
}

.boxsavittar{
    border: 1px solid rgb(255, 152, 0) !important;
    box-shadow: 2px 2px 5px 0px rgba(229, 115, 37, 1);
    -webkit-box-shadow: 2px 2px 5px 0px rgba(229, 115, 37, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(229, 115, 37, 1);
    text-align: center !important;
}
.boxsavittardesc .card-header{
    background-color: rgba(155, 166, 0, 0.89) !important;
    color: #FFFFFF;
    border-bottom: 1px solid rgb(155, 166, 0);
}

.boxsavittar .card-header{
    background-color: rgb(255, 152, 0) !important;
    color: #FFFFFF;
    border-bottom: 1px solid rgba(229, 115, 37, 1);
}

.boxsavittar .card-title, .boxsavittardesc .card-title {
    color: #9FA100;
}

.planes{
    margin-bottom: 15px;
}

#cat_otros .row, .categories_all .row, .formularios .row{
    display: flex !important;
}

.btn-store{
    color: #fff;
    background-color: rgba(229, 115, 37, 1);
    border-color: rgba(229, 115, 37, 1);
}

#ingresaatuclase ul > li::before{
    content: none !important;
}
#ingresaatuclase div.col-spacing{
    margin-bottom: 10px;
    margin-top: 10px;
}

#ingresaatuclase .text-reserva, td span.text-reserva{
    color: rgba(229, 115, 37, 1) !important;
}
#ingresaatuclase div.form-check .text-reserva {
    margin-left: 20px;
}
td span.text-reserva{
    font-weight: bold;
    font-size: 30px;
}
.img-question{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #8AB50C;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
    mask-size: 24px 24px !important;
    -webkit-mask: url(../img/question.svg);
    mask-image: url(../img/question.svg);
}

.border-strong-input-append{
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #c1c1c1 !important;
    padding: 0 !important;
}

@media only screen and (max-width: 600px) {
    /* Force table to not be like tables anymore */
    table.responsive-tables,
    table.responsive-tables thead,
    table.responsive-tables tbody,
    table.responsive-tables th,
    table.responsive-tables td,
    table.responsive-tables tr {
        display: block !important;
        width: 100% !important;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table.responsive-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    table.responsive-tables tr { border: 1px solid #ccc; }


    table.responsive-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left !important;
    }

    table.responsive-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left !important;
        font-weight: bold;
        font-size: 13px !important;
    }

    /*
    Label the data
    */
    table.responsive-tables td:before { content: attr(data-title); }
    table.responsive-tables td{
        font-size: 13px !important;
    }
    td span.text-reserva{
        font-size: 15px;
    }
    table.responsive-tables td> a.button-ing{
        margin-left: -100px;
    }

    table.responsive-tables>tbody>tr:nth-child(odd)>td,
    table.responsive-tables>tbody>tr:nth-child(odd)>th {
        background-color: #FFFFFF;
    }
    table.responsive-tables>tbody>tr:nth-child(even)>td,
    table.responsive-tables>tbody>tr:nth-child(even)>th {
        background-color: #E1F5ED ;
    }
}

.ico-users{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #cc6602;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    -webkit-mask-size: 18px 18px !important;
    -webkit-mask: url(../img/users-solid.svg);
    mask-image: url(../img/users-solid.svg);
}
.text-muted{
    vertical-align: baseline;
}

/**css modals**/
.modal-dialog > .modal-content
{
    background-color: #CA661B;
    color: #FFFFFF;
}
.modal-dialog > .modal-content .modal-header .modal-title {
    color: #FFFFFF;
}

.modal-dialog > .modal-content .modal-body a{
    color: #FFFFFF !important;
    text-decoration: underline;
}
.modal-dialog > .modal-content .modal-header button {
    color: #FFFFFF;
}

.modal-dialog > .modal-content .modal-footer button {
    color: #CA661B;
    border: none;
    border-radius: 10px;
    padding: 5px 20px;
}