root{
    display:block
}
body,html{
    height:100%
}
body {
    background-image: url(https://booking.expertise.cl/es-CL/assets/img/wall.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
#main{
    min-height:100%
}
#book-appointment-wizard{
    background:#fff;
    min-height:480px;
    padding:0;
    margin:auto
}
#book-appointment-wizard #header{
    overflow:auto;
    height:auto;
    padding:20px 15px;
    background:#5b1c76
}
#book-appointment-wizard #company-name{
    float:none;
    display:block;
    text-align:center;
    font-size:24px;
    font-weight:lighter;
    color:#fff;
    margin:20px 0
}
#book-appointment-wizard #steps{
    float:none;
    display:block;
    overflow:auto;
    margin:15px auto;
    width:190px
}
#book-appointment-wizard #book-appointment-form #book-appointment-submit{
    width:100%;
    margin-right:0
}
#book-appointment-wizard #form-message{
    text-align:center;
    margin-bottom:30px
}
#book-appointment-wizard .wizard-frame{
    height:auto;
    padding:15px
}
#book-appointment-wizard .wizard-frame .frame-container{
    height:auto;
    min-height:500px;
    padding:15px 0
}
#book-appointment-wizard .frame-container .frame-title{
    font-weight:lighter;
    text-align:center;
    margin-bottom:30px;
    color:#666
}
#book-appointment-wizard .frame-container .frame-content{
    float:none
}
#book-appointment-wizard .wizard-frame .command-buttons{
    float:none;
    margin:15px auto;
    text-align:center
}
#book-appointment-wizard .wizard-frame .command-buttons .btn{
    min-width:120px;
    margin-right:10px
}
#book-appointment-wizard .wizard-frame .command-buttons .btn:last-child{
    margin-right:0
}
#book-appointment-wizard .wizard-frame #select-date{
    max-width:288px;
    margin:auto;
    padding:15px 0
}
#book-appointment-wizard .wizard-frame #select-date>.ui-datepicker{
    margin:auto
}
#book-appointment-wizard .wizard-frame #select-time{
    max-width:288px;
    margin:auto;
    padding:15px 0
}
#book-appointment-wizard .book-step{
    display:inline-block;
    height:35px;
    width:35px;
    float:left;
    background:#2d0b3c;
    padding:8px;
    margin-right:12px;
    margin-top:6px;
    border-radius:.25rem;
    transition:all .3s linear
}
#book-appointment-wizard .book-step:last-child{
    margin-right:0
}
#book-appointment-wizard .book-step strong{
    font-size:12px;
    display:block;
    text-align:center;
    color:##ffffff;
    transition:all .3s linear;
    cursor:default
}
#book-appointment-wizard .active-step{
    display:inline-block;
    height:45px;
    width:45px;
    float:left;
    background:#fff;
    padding:7px;
    margin-right:13px;
    margin-top:0
}
#book-appointment-wizard .active-step strong{
    color:#2d0b3c;
    font-size:21px
}
#book-appointment-wizard #frame-footer{
    padding:15px;
    text-align:center;
    border-top:1px solid #ebeef1
}
#book-appointment-wizard #available-hours{
    overflow:auto;
    margin:15px 0;
    padding-right:10px;
    width:auto;
    max-height:255px
}
#book-appointment-wizard #available-hours div{
    margin-right:30px
}
#book-appointment-wizard #available-hours .available-hour{
    margin-bottom:10px
}
#book-appointment-wizard #available-hours .selected-hour{
    background-color:#439a82;
    border-color:#439a82;
    color:#fff
}
#book-appointment-wizard .span3{
    min-width:270px
}
#book-appointment-wizard #select-timezone{
    margin-bottom:15px
}
#book-appointment-wizard #appointment-details p,#book-appointment-wizard #customer-details p{
    font-size:16px;
    line-height:28px
}
#book-appointment-wizard #wizard-frame-1 label{
    font-size:19px;
    margin-bottom:12px
}
#book-appointment-wizard #wizard-frame-1 select{
    margin-bottom:25px
}
#book-appointment-wizard .captcha-title{
    float:left;
    margin:7px 0 10px 0
}
#book-appointment-wizard .captcha-title .fa-sync-alt{
    cursor:pointer;
    transition:all .3s linear
}
#book-appointment-wizard .captcha-title .fa-sync-alt:hover{
    color:#1a865f
}
#book-appointment-wizard .captcha-image{
    float:left;
    margin-bottom:20px;
    border-radius:3px;
    box-shadow:1px 1px 4px rgba(0,0,0,.4)
}
#book-appointment-wizard .captcha-text{
    width:100%;
    margin-bottom:20px
}
#book-appointment-wizard #service-description{
    overflow-y:auto;
    clear:both;
    max-height:153px;
    box-shadow:none
}
#book-appointment-wizard #select-language,#book-appointment-wizard .backend-link{
    display:block;
    min-width:120px;
    margin:15px auto;
    padding:5px
}
.popover .popover-title{
    text-align:center
}
.popover .popover-content #language-list .language{
    margin:15px 0
}
@media (min-width:768px){
    .wrapper{
        min-height:100vh
    }
    #book-appointment-wizard{
        border-radius:.25rem;
        overflow:hidden;
        box-shadow:rgba(45,62,80,.12) 0 1px 5px 0
    }
    #book-appointment-wizard #company-name{
        display:inline-block;
        float:left;
        margin:10px auto
    }
    #book-appointment-wizard #steps{
        display:inline-block;
        float:right;
        margin:5px auto
    }
    #book-appointment-wizard .wizard-frame{
        padding:10px 20px
    }
    #book-appointment-wizard .wizard-frame .command-buttons{
        display:flex;
        justify-content:space-between
    }
    #book-appointment-wizard .captcha-title{
        margin-right:20px;
        margin-top:7px
    }
    #book-appointment-wizard .captcha-image{
        float:right
    }
    #book-appointment-wizard #select-language{
        width:100px;
        padding:5px;
        margin:5px auto
    }
    #book-appointment-wizard #frame-footer small{
        display:flex
    }
    #book-appointment-wizard .footer-options,#book-appointment-wizard .footer-powered-by{
        width:50%
    }
    #book-appointment-wizard .footer-powered-by{
        text-align:left;
        padding:5px 5px 5px 0
    }
    #book-appointment-wizard .footer-options{
        text-align:right
    }
    #book-appointment-wizard #select-language{
        display:inline-block;
        margin-right:15px
    }
    #book-appointment-wizard .backend-link{
        display:inline-block;
        min-width:120px;
        padding:5px;
        margin:5px auto
    }
}
#message-frame,#success-frame{
    background:#fff;
    border:1px solid #dddada;
    padding:70px
}
#message-frame #message-icon,#success-frame #success-icon{
    margin-top:20px;
    margin-right:20px
}
#message-frame .alert,#success-frame .alert{
    margin-top:20px
}
#message-frame,#success-frame{
    text-align:center;
    height:auto;
    border:none;
    padding:35px
}
#message-frame #message-icon,#success-frame #success-icon{
    width:64px;
    display:block;
    margin:auto;
    float:none!important
}
#success-frame .btn{
    margin-bottom:10px;
    width:80%;
    max-width:300px
}
@media (min-width:768px){
    #message-frame,#success-frame{
        height:100%
    }
}
.booking-header-bar{
    padding:15px 0;
    margin:0;
    background:#f3f2e7;
    border-bottom:1px solid #e4e1c9;
    text-align:center
}
.ui-dialog .ui-dialog-title{
    font-size:1.2em
}
@media (min-width:768px){
    .booking-header-bar{
        padding:15px 0;
        margin:0;
        background:#f3f2e7;
        border-bottom:1px solid #e4e1c9;
        text-align:left
    }
}