/*
 * Plugin styles.
 * 
 * -----------------
 * TABLE OF CONTENTS 
 * -----------------
 * - Blocks
 *      > Block: Webseller Scheduling
 * - Section
 *      > Subsection
 */

/* ------------------------------------------------------------------------------
 * Blocks
 * ----------------------------------------------------------------------------*/

/* === Block: Webseller Scheduling === */
.wsrs .block-scheduling .provider-photo img{
    width: 150px;
    border-radius: 50%;
}

.row.has-location #birs_appointment_form li.birs_form_field.birs_appointment_location, 
.row.has-service #birs_appointment_form li.birs_form_field.birs_appointment_service, 
.row.has-provider #birs_appointment_form li.birs_form_field.birs_appointment_staff,
#birs_appointment_form li.birs_form_field.birs_appointment_notes{
	display: none !important;
}

#birs_appointment_form div{
	margin: 0 auto !important;
}

#birs_appointment_form .birs-back-section{
    width: 50% !important;
    display: inline-block !important;
    text-align: right !important;
    padding-right: 10px !important;
}

#birs_appointment_form .birs_footer{
    width: 50% !important;
    display: inline-block; /* Intentional */
    text-align: left !important;
}

#birs_appointment_form .birs_form_field{
	padding-top: 0 !important;
}

#birs_appointment_form .birs_field_content,
#birs_appointment_form .birs_field_content select{
	max-width:100% !important;
}

#birs_appointment_form .birs_section{
	margin-top: 0 !important;
	text-align: center !important;
}

#birs_appointment_form a.birs_option{
    background-color: #ffffff !important;
    border: solid 1px var(--primary) !important;
	color: var(--primary) !important;
	line-height: 2.75rem !important;
}

#birs_appointment_form a.birs_option:hover{
	text-decoration: none !important;
}

#birs_appointment_form h2.birs_section{
    text-transform: uppercase !important;
    color: var(--primary) !important;
}

#birs_appointment_form .ui-datepicker-header .ui-datepicker-prev:hover,
#birs_appointment_form .ui-datepicker-header .ui-datepicker-next:hover{
    cursor: pointer;
}

div#birs_appointment_timeoptions span{
	width: 32.6% !important;
}

div#birs_appointment_timeoptions span a{
	width: 100% !important;
	text-align: center !important;
}

#birs_appointment_datepicker a.ui-state-default{
    color: var(--primary) !important;
    border-radius: 0 !important;
}

div#birs_appointment_timeoptions a.selected, 
#birs_appointment_datepicker .ui-state-default.ui-state-active{
    color: #fff !important;
    background-color: var(--primary) !important;
}

#birs_next_button,
#birs_back_button,
input#birs_book_appointment{
    text-transform: uppercase !important;
}

body.bb-theme #birs_appointment_form a.birs_option,
body.bb-theme #birs_appointment_form h2.birs_section,
body.bb-theme #birs_appointment_datepicker a.ui-state-default{
    color: var(--bb-color-primary) !important;
}

body.bb-theme div#birs_appointment_timeoptions a.selected, 
body.bb-theme #birs_appointment_datepicker .ui-state-default.ui-state-active{
    color: #fff !important;
    background-color: var(--bb-color-primary) !important;
}

body.bb-theme #birs_appointment_form a.birs_option{
    border: solid 1px var(--bb-color-primary) !important;
}

/* ------------------------------------------------------------------------------
 * Section
 * ----------------------------------------------------------------------------*/

/* Subsection */