/*
 Theme Name:     Orbinn Child
 Theme URI:      https://www.orbinn.com/
 Description:    Orbinn Child
 Author:         Jose Bueno
 Author URI:     https://www.orbinn.com/
 Template:       Divi
 Version:        1.0.0
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	CSS Header
	2. 	CSS Fonts
	3.	

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/*	0. CSS Reset
/* -------------------------------------------------------------------------- */

body .et_pb_section {
    padding: 0;
}
body .et_pb_row {
    padding: 0;
}
body .et_pb_gutters3 .et_pb_column_1_4, body .et_pb_gutters3.et_pb_row .et_pb_column_1_4 {
    width: 25%;
}
body .et_pb_gutters3 .et_pb_column, body .et_pb_gutters3.et_pb_row .et_pb_column {
    margin-right: 0;
}
body .et_pb_gutters3 .et_pb_column_1_2, body .et_pb_gutters3.et_pb_row .et_pb_column_1_2 {
    width: 50%;
}
body .et_pb_gutters3 .et_pb_column_1_4 .et_pb_module, body .et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_module {
    margin-bottom: 0;
}
body .et_pb_gutters3 .et_pb_column_3_5 .et_pb_module, body .et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_module {
    margin-bottom: 0;
}
body .et_pb_gutters3 .et_pb_column_2_5 .et_pb_module, body .et_pb_gutters3.et_pb_row .et_pb_column_2_5 .et_pb_module {
    margin-bottom: 0;
}
body .et_pb_column_2_5 .et_pb_blog_grid .column.size-1of1 .et_pb_post, body .et_pb_gutters3 .et_pb_column_2_5 .et_pb_grid_item, body .et_pb_gutters3 .et_pb_column_2_5 .et_pb_shop_grid .woocommerce ul.products li.product, body .et_pb_gutters3 .et_pb_column_2_5 .et_pb_widget, body .et_pb_gutters3.et_pb_row .et_pb_column_2_5 .et_pb_blog_grid .column.size-1of1 .et_pb_post, body .et_pb_gutters3.et_pb_row .et_pb_column_2_5 .et_pb_grid_item, body .et_pb_gutters3.et_pb_row .et_pb_column_2_5 .et_pb_shop_grid .woocommerce ul.products li.product, body .et_pb_gutters3.et_pb_row .et_pb_column_2_5 .et_pb_widget {
    margin-bottom: 0;
}
body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
    padding-top: 0;
}
body #left-area {
    padding-bottom: 0;
}
body.single .et_pb_post {
    margin-bottom: 0;
}
body.single .post {
    padding-bottom: 0;
}
body .et_pb_gutters3 .et_pb_column_4_4 .et_pb_module, body .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module {
    margin-bottom: 0;
}
body .et_pb_widget_area_left {
    border-right: 0;
    padding-right: 0;
}
body .et_pb_gutters3 .et_pb_column_3_5 .et_pb_grid_item, body .et_pb_gutters3 .et_pb_column_3_5 .et_pb_shop_grid .woocommerce ul.products li.product, body .et_pb_gutters3 .et_pb_column_3_5 .et_pb_widget, body .et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_grid_item, body .et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_shop_grid .woocommerce ul.products li.product, body .et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_widget {
    margin-right: 0;
    margin-bottom: 0;
}
body .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item, body .et_pb_gutters3 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, body .et_pb_gutters3 .et_pb_column_4_4 .et_pb_widget, body .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, body .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, body .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_widget{
	margin-right: 0;
    margin-bottom: 0;
}
body .et_pb_row {
    width: 85%;
}

/* -------------------------------------------------------------------------- */
/*	1. CSS General
/* -------------------------------------------------------------------------- */
body.et_cover_background {
    background: #ffffff;
}
body #main-content, body .et_pb_section {
    background: #EFF2F7;
}
div#page-container {
    max-width: 600px;
    margin: 0 auto;
    background: #EFF2F7;
    padding-bottom: 30px;
}

/* -------------------------------------------------------------------------- */
/*	2. CSS Colores
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/*	3. CSS Header
/* -------------------------------------------------------------------------- */
body .section_header_principal {
    background: rgb(0,100,205);
    background: linear-gradient(90deg, rgba(0,100,205,1) 0%, rgba(0,64,147,1) 100%);
    padding: 25px 0;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}
body .section_header_principal .et_pb_text_inner {
    text-align: center;
}

/* -------------------------------------------------------------------------- */
/*	4. CSS Login
/* -------------------------------------------------------------------------- */
.section_login {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-flow: nowrap row;
  align-items: center;
}
.section_login .et_pb_image_wrap {
    text-align: center;
    margin: 0 auto 40px;
    max-width: 280px;
    width: 75%;
}
.pc_rf_field input, .pc_rf_field select, .pc_rf_field textarea, .pc_rf_field .ms-choice, .pc_rf_field .ms-drop, .pc_login_row input, .pcma_psw_username, .pc_rf_recaptcha #recaptcha_response_field {
    border: 1px solid #B2CBF8;
    border-radius: 30px !important;
    padding: 15px !important;
}
.section_login .pc_login_form label, .section_login .pc_form_flist, .section_login .pc_form_flist label {
    color: #333;
    font-size: 16px;
    text-align: center;
    padding: 0 0 8px;
}
.section_login h1.entry-title.main_title {
  display: none;
}
.section_login .pc_registration_form, .section_login .pc_login_form, .section_login .pc_custom_form, .section_login .pc_error_mess, .section_login .pc_success_mess {
  background-color: transparent;
  border: 0;

}
body .pc_login_form input[type="button"], body .pc_login_form button, body .pc_login_form input[type="button"]:focus, body .pc_registration_form input[type="button"], body .pc_registration_form input[type="button"]:focus, body .pc_registration_form button:not(.ms-choice), body .pc_registration_form button:not(.ms-choice):focus, body .pc_custom_form input[type="button"], .pc_custom_form button:not(.ms-choice), body .pc_custom_form input[type="button"]:focus, body .pc_custom_form button:not(.ms-choice):focus, body .pc_logout_btn, body .pc_logout_btn:focus, body .pc_warn_box_btn {
    border: 0 !important;
    background: none !important;
    background-color: #0064CD !important;
    color: #ffffff !important;
    padding: 15px 15px;
    display: block !important;
    width: 100%;
    text-align: center;
    border-radius: 40px;
    font-size: 16px;
}
body .pc_rf_field input, body .pc_rf_field select, body .pc_rf_field textarea, body .pc_rf_field .ms-choice, body .pc_rf_field .ms-drop, body .pc_login_row input, body .pcma_psw_username, body .pc_rf_recaptcha #recaptcha_response_field {
    background: #fefefe;
    border: 1px solid #B2CBF8;
    box-shadow: none;
    color: #333333;
    padding: 15px !important;
    border-radius: 40px !important;
}
body .pc_rf_field input:hover, body .pc_rf_field textarea:hover, body .pc_rf_field input:active, body .pc_rf_field textarea:active, body .pc_rf_field input:focus, body .pc_rf_field textarea:focus, body .pc_rf_field .ms-choice:hover, body .pc_rf_field .ms-choice:active, body .pc_rf_field .ms-choice:focus, .pc_login_row input:hover, body .pcma_psw_username:hover, body .pc_login_row input:active, .pcma_psw_username:active, body .pc_login_row input:focus, body .pcma_psw_username:focus, body .pc_rf_recaptcha #recaptcha_response_field:focus {
    background: #fff;
    border: 1px solid #B2CBF8;
    color: #333;
    box-shadow: none;
}
body .pc_login_form input[type="button"]:hover, body .pc_login_form input[type="button"]:active, body .pc_login_form button:hover, body .pc_login_form button:active, body .pc_login_form button:focus, body .pc_registration_form input[type="button"]:hover, body .pc_registration_form input[type="button"]:active, body .pc_registration_form button:not(.ms-choice):hover, body .pc_registration_form button:not(.ms-choice):active, body .pc_custom_form input[type="button"]:hover, body .pc_custom_form input[type="button"]:active, body .pc_custom_form button:not(.ms-choice):hover, body .pc_custom_form button:not(.ms-choice):active, body .pc_logout_btn:hover, body .pc_logout_btn:active, body .pc_loading_btn:hover, body .pc_loading_btn:active, body .pc_loading_btn:focus, body .pc_warn_box_btn:hover{
    border: 0 !important;
    background: none !important;
    background-color: #0064CD !important;
    color: #ffffff !important;
    padding: 15px 15px;
    display: block !important;
    width: 100%;
    text-align: center;
    border-radius: 40px;
    font-size: 16px;
}

/* -------------------------------------------------------------------------- */
/*	4. CSS Mensaje
/* -------------------------------------------------------------------------- */
.section_mensaje h1 {
    font-size: 18px;
    font-weight: 700;
    color: #003674;
    line-height: 1.3;
}
.section_mensaje h2 {
    font-size: 14px;
    font-weight: 400;
    color: #003674;
    line-height: 1.4;
}
body .et_pb_section.section_mensaje {
    padding: 40px 0;
}

/* -------------------------------------------------------------------------- */
/*	5. CSS Actividades
/* -------------------------------------------------------------------------- */
.section_actividad {
    display: flex;
    flex-flow: nowrap row;
    align-items: stretch;   
    margin-bottom: 15px;
}
.section_actividad .et_pb_column_2_5 {
    width: 40% !important;
    margin-bottom: 0;
    overflow: hidden;
}
.section_actividad .et_pb_column_3_5 {
    width: 60% !important;
    margin-bottom: 0;
    background: #ffffff;
    padding: 20px 25px;
}
.section_actividad .et_pb_column_2_5 .et_pb_module {
    position: absolute;
    width: 128%;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    left: -15%;
}
.section_actividad h3 {
    font-size: 18px;
    font-weight: 700;
    color: #003674;
    line-height: 1.3;
}
.section_actividad p{
    padding-bottom: 0;
    color: #003674;
    font-size: 13px;
    font-weight: 400;
}
.section_actividad a.et_pb_button {
    background: #0064CD;
    color: #ffffff;
    border-radius: 40px;
    font-size: 16px;
    padding: 6px 30px;
    font-weight: 700;
    margin-top: 20px;
    border: 0;
}
.section_actividad a.et_pb_button:hover{
    background-color: #003674 !important;
    border: 0 !important;
    padding: 8px 30px !important;
}
.section_actividad a.et_pb_button::after{
    display: none !important;
}
.section_actividad .bookly-form {
    margin: 0 auto;
    padding: 25px;
    background: #ffffff;
}
.section_actividad .bookly-form-group {
    display: flex;
    flex-flow: row;
    align-items: center;
}
body .bookly-form input[type="text"], body .bookly-form input[type="number"], body .bookly-form input[type="password"], body .bookly-form select, body .bookly-form textarea {
    font-size: 14px !important;
    line-height: normal !important;
    border: 1px solid #B2CBF8 !important;
    border-radius: 40px !important;
    width: 100% !important;
    padding: 15px 20px !important;
}
body .bookly-table .bookly-form-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
body .bookly-form .bookly-form-group > label, body .bookly-form .bookly-label-error, body .bookly-form .bookly-progress-tracker > .active, body .bookly-form .picker__nav--next, body .bookly-form .pickadate__nav--prev, body .bookly-form .picker__day:hover, body .bookly-form .picker__day--selected:hover, body .bookly-form .picker--opened .picker__day--selected, body .bookly-form .picker__button--clear, body .bookly-form .picker__button--today, body .bookly-form .bookly-columnizer .bookly-hour span.bookly-waiting-list {
    color: #003674!important;
    font-size: 16px;
}
body .bookly-form .bookly-form-group > label span {
    font-size: 14px;
    font-weight: 400;
    display: block;
}
body .bookly-nav-steps {
    border: 0 !important;
}
body .bookly-form .bookly-progress-tracker > .active .step, body .bookly-form .bookly-service-step .bookly-week-days label, body .bookly-form .bookly-repeat-step .bookly-week-days label, body .bookly-form .bookly-columnizer .bookly-hour:hover .bookly-hour-icon span, body .bookly-form .bookly-btn, body .bookly-form .bookly-btn:active, body .bookly-form .bookly-btn:focus, body .bookly-form .bookly-btn:hover, body .bookly-form .bookly-btn-submit, body .bookly-form .bookly-round, body .bookly-form .bookly-square {
    background: #0064CD !important;
    color: #ffffff !important;
    border-radius: 40px !important;
    font-size: 18px !important;
    padding: 17px 30px !important;
    font-weight: 700 !important;
    margin-top: 20px !important;
}
body .bookly-slot-calendar {
    margin: 0;
    float: left;
    width: 100%;
}
body  .bookly-form .picker__holder {
    width: 100% !important;
    background: transparent;
    border: 0;
    box-shadow: none;
    margin-bottom: 20px;
    max-width: 100%;
}
body .bookly-form .picker__frame {
    background: #ffffff !important;
}
body .bookly-form .picker__frame * {
    font-size: 16px!important;
    font-weight: bold!important;
    border: 0!important;
    color: #003674 !important;
}
body .bookly-form .picker__day--outfocus, body .bookly-form .picker__day--disabled {
    opacity: .5;
    background: none!important;
    font-weight: 400 !important;
}
body .bookly-form .picker__header {
    border-bottom: 0 !important;
    text-transform: uppercase;
    margin: 0;
    background: #B2CBF8!important;
    border: 1px solid #B2CBF8!important;
    color: #003674 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    height: auto;
    padding: 14px 20px;
}
body .picker__year {
    font-style: normal;
}
body .bookly-form .picker__weekday {
    font-weight: 700 !important;
}
body .bookly-form .picker__nav--next:before {
    border-left: 6px solid #003674 !important;
}
body .bookly-form .picker__nav--prev:before {
    border-right: 6px solid #003674 !important;
}
body .bookly-time-step {
    width: 100% !important;
}
body .bookly-columnizer .bookly-column.bookly-column-wide {
    width: 100% !important;
    padding: 0;
    display: block;
}
body .bookly-form .bookly-pagination > li.active, body .bookly-form .bookly-columnizer .bookly-day, body .bookly-form .bookly-schedule-date {
    background: #B2CBF8!important;
    border: 1px solid #B2CBF8!important;
    color: #003674 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    height: auto;
    padding: 14px 20px;
}
body .bookly-columnizer .bookly-time-screen {
    display: block;
    min-height: .01%;
}
body .bookly-columnizer .bookly-day, body .bookly-columnizer .bookly-hour {
    height: auto;
    padding: 14px 25px;
}
body .bookly-columnizer .bookly-hour .bookly-hour-icon {
    display: none;
}
body .picker__box {
    padding: 0;
}
body .bookly-form .picker__nav--prev, body .bookly-form .picker__nav--next {
    box-sizing: content-box;
    background: transparent !important;
    border: 1px solid #003674 !important;
    border-radius: 50%;
    padding: 6px;
    top: 10px;
}
body .bookly-form .picker__nav--next {
    right: 12px;
}
body .bookly-form .picker__nav--prev {
    left: 12px;
}
body .bookly-columnizer .bookly-day, body .bookly-columnizer .bookly-hour {
    border: 1px solid #B2CBF8 !important;
}
body .bookly-columnizer .bookly-hour span {
    font-weight: normal;
    color: #003674!important;
}
body .bookly-form .bookly-columnizer .bookly-hour:hover {
    border: 1px solid #003674!important;
    color: #003674!important;
}
.bookly-form h1 {
    padding: 40px 0 0;
    font-size: 18px;
    font-weight: 700;
    color: #003674;
    line-height: 1.3;
}
.bookly-form h2 {
    padding: 10px 0 40px;
    font-size: 14px;
    font-weight: 400;
    color: #003674;
    line-height: 1.3;
}
.bookly-form h3 {
    padding: 40px 0 10px;
    font-size: 18px;
    font-weight: 700;
    color: #003674;
    line-height: 1.3;
}
.bookly-form h4 {
    font-size: 18px;
    font-weight: 700;
    color: #003674;
    line-height: 1.3;
    margin: 0;
    padding: 0 0 10px;
}
.bookly-form h4 b {
    font-size: 16px;
    font-weight: 700;
    color: #003674;
    line-height: 1.3;
}
.bookly-form p {
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 5px;
    color: #003674;
}
a.gotoMisReservas {
    background: #004093 !important;
    color: #ffffff !important;
    border-radius: 40px !important;
    font-size: 16px !important;
    padding: 13px 30px !important;
    font-weight: 700 !important;
    margin-top: 10px !important;
    display: inline-block;
    position: relative;
}
a.gotoPrincipal {
    background: #0064CD !important;
    color: #ffffff !important;
    border-radius: 40px !important;
    font-size: 16px !important;
    padding: 13px 30px !important;
    font-weight: 700 !important;
    margin-top: 10px !important;
    display: inline-block;
    position: relative;
}
.section_menuPrincipal .et_pb_text_inner {
    display: flex;
    justify-content: space-between;
    flex-flow: nowrap row;
    padding: 10px 0;
}
.section_menuPrincipal .et_pb_text_inner p, .section_menuPrincipal .et_pb_text_inner p a {
    color: #003674;
    font-size: 14px;
    margin: 0;
    padding: 10px 0;
}

/* -------------------------------------------------------------------------- */
/*	6. CSS Nuevos Usuarios
/* -------------------------------------------------------------------------- */
.section_nuevoUsuario{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-flow: nowrap row;
    align-items: center;
}
.pc_registration_form, .pc_login_form, .pc_custom_form, .pc_error_mess, .pc_success_mess {
    background: transparent;
    border: 0;
}
.pc_form_flist>section {
    margin: 0 0 10px 0!important;
    background: 0 0!important;
    vertical-align: top;
}
body:not(.pc_nolabel) .section_nuevoUsuario .pc_one_col_form .pc_form_flist>section>label {
    display: none !important;
}
body .pc_rf_field input::placeholder, body .pc_rf_field select::placeholder, body .pc_rf_field textarea::placeholder, body .pc_rf_field .ms-choice::placeholder, body .pc_rf_field .ms-drop::placeholder, body .pc_login_row input::placeholder, body .pcma_psw_username::placeholder, body .pc_rf_recaptcha #recaptcha_response_field::placeholder {
    text-align: center;
}
body .pc_one_col_form.pc_custom_form, body .pc_one_col_form.pc_registration_form {
    max-width: 335px;
    padding: 15px 24px 23px;
    border: 0;
    background: transparent;
}
.section_nuevoUsuario .et_pb_image_wrap {
    text-align: center;
    margin: 0 auto 40px;
    max-width: 280px;
    width: 75%;
}
body .pc_rf_field input:hover, body .pc_rf_field textarea:hover, body .pc_rf_field input:active, body .pc_rf_field textarea:active, body .pc_rf_field input:focus, body .pc_rf_field textarea:focus, body .pc_rf_field .ms-choice:hover, body .pc_rf_field .ms-choice:active, body .pc_rf_field .ms-choice:focus, .pc_login_row input:hover, body .pcma_psw_username:hover, body .pc_login_row input:active, body .pcma_psw_username:active, body .pc_login_row input:focus, body .pcma_psw_username:focus, body .pc_rf_recaptcha #recaptcha_response_field:focus {
    background: #fff;
    border: 1px solid #B2CBF8;
    color: #333333;
    box-shadow: none;
}
.gotoNuevaCuenta p, .gotoNuevaCuenta p a {
    color: #003674;
    text-align: center;
    font-size: 14px;
}
.gotoNuevaCuenta p{
    padding: 10px;
}
.gotoLogin p, .gotoNuevaCuenta p a {
    color: #003674;
    text-align: center;
    font-size: 14px;
}
.gotoLogin p{
    padding: 10px;
}

/* -------------------------------------------------------------------------- */
/*	6. CSS Mis reservas
/* -------------------------------------------------------------------------- */
body .bookly-customer-appointment-list h2 {
    display: none;
}
body .bookly-customer-appointment-list table.bookly-appointments-table td {
    font-size: 14px;
    padding: 5px !important;
    background: #ffffff;
    text-align: left !important;
    vertical-align: top !important;
    border: 0;
}
body .bookly-appointments-table tr {
    display: flex;
    flex-flow: wrap row;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    margin-bottom: 10px;
    padding: 20px;
}
body .bookly-customer-appointment-list table.bookly-appointments-table td {
    width: 33.33%;
    color: #003674;
    text-align: center;
    font-size: 14px;
}
body .bookly-customer-appointment-list table.bookly-appointments-table td:nth-child(2){
    width: 43.33%;
}
body .bookly-customer-appointment-list table.bookly-appointments-table td:nth-child(3){
    width: 23.33%;
}
body .bookly-customer-appointment-list table.bookly-appointments-table td:last-child {
    width: 100%;
}
body .bookly-btn-default {
    background: #0064CD !important;
    color: #ffffff !important;
    border-radius: 40px !important;
    font-size: 14px !important;
    padding: 11px 30px !important;
    font-weight: 700 !important;
    margin-top: 10px !important;
    display: block;
    position: relative;
}

/* -------------------------------------------------------------------------- */
/*	6. CSS Verificador
/* -------------------------------------------------------------------------- */
.confirmation-row input[type="text"] {
    border-radius: 40px;
    padding: 13px 30px;
    margin-top: 10px;
	text-align: center;
	border: 1px solid #B2CBF8;
}
.entry-content .confirmation-row tr th {
    padding: 10px 0 0;
    color: #003674;
    font-size: 12px;
    text-align: left;
	font-weight: 400;
}
.entry-content .confirmation-row tr td {
    padding: 0 0 10px;
    color: #003674;
    font-size: 16px;
    text-align: left;
    font-weight: 700;
}
.confirmation-row h3 {
    color: #003674;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
}
.confirmation-row button {
    border-radius: 40px;
    padding: 13px 30px;
    margin-top: 10px;
    text-align: center;
    border: 1px solid #B2CBF8;
    background: #004093;
    color: #ffffff;
    margin-right: 10px;
}
.confirmation-row p {
    color: #003674;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 1.4;
}
@media only screen and (max-width: 480px){
.entry-content .confirmation-row tbody {
    display: flex;
}
	.entry-content .confirmation-row tr {
    display: flex;
    flex-flow: column;
}
	.entry-content .confirmation-row tr th {
    padding: 10px 0 0;
    color: #003674;
    font-size: 13px;
    text-align: left;
    font-weight: 400;
}
	.entry-content .confirmation-row tr td {
    padding: 10px 0 0 5px;
    color: #003674;
    font-size: 13px;
    text-align: left;
    font-weight: 700;
		border: 0;
}
	.confirmation-row h3 {
    color: #003674;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}
}