.booking_review{
background: #808080;
border: 3px dotted;
border-radius: 35px;
padding: 18px;
text-align: left;
color: white;
height:300px;
margin-top: 25px;
}
.alert_message_tech{
margin-top: 10px;
position: fixed;
bottom: 0;
z-index: 6;
width: 68%;
font-size: 20px;
}
.step-inner-content {
margin-bottom: 80px;
}
.booking_review h2{
font-size: 26px;
color: #f6c654;
}
.booking_review p{
color: white;
line-height:44px;
}
.timing_booked:after{
display:none;
}
.timing_booked{
background-color: #ffbfbf!important;
padding-left: 25px!important;
}
.timing-options h2{
margin-top: -45px;
font-size: 22px;
}
.timing-options .alert{
font-size: 18px;
}
.toast-top-right {
bottom: 12px;
right: 12px!important;
top:unset!important;
}
.yui3-u{
margin:0 auto!important;
}
.yui3-skin-sam .yui3-calendar-day, .yui3-skin-sam .yui3-calendar-prevmonth-day, .yui3-skin-sam .yui3-calendar-nextmonth-day{
font-size: 24px!important;
}
.yui3-skin-sam .yui3-calendar-header-label {
font-size: 28px!important;
margin-bottom: 25px!important;
color: white!important;
}
.yui3-skin-sam .yui3-calendar-weekday {
font-weight: bold!important;
font-size: 20px!important;
color: white!important;
}
.yui3-skin-sam .yui3-calendar-content{
background: #f6c654!important;
border: none!important;
box-shadow: 2px 2px 14px lightblue!important;
}
.yui3-skin-sam .yui3-calendarnav-nextmonth {
border: 20px solid transparent!important;
border-left-color: #fff!important;
}
.yui3-skin-sam .yui3-calendarnav-prevmonth {
border: 20px solid transparent!important;
border-right-color: #fff!important;
}
.timing-options h2{
padding-top: 0!important;
font-size: 26px;
}
.services-select-option {
margin-top: 0;
}
.actions li:first-child span {
background: #ccc;
color: #fff;
}
.timing-options li label{
color: black;
font-size: 20px;
margin-left: -15px;
}
.timing-options li:before{
color: black;
}
.timing-options li.active{
background-color: #f6c654!important;
}
.timing-options li.active:before{
color: #ffffff!important;
}
.timing-options li.active label{
color: #ffffff!important;
}
.timing-options li.active:after{
border-color: #ffffff !important;
border: 4px solid #ffffff!important;
}
.timing-options li label{
cursor:pointer!important;
}
.form-content h2 {
padding: 14px 0px 20px 0px;
}
.logo{
position: absolute;
top: 10px;
width: 220px;
left: 15px;
}
.steps-area .steps{
top: 150px;
left: 35px;
right: unset;
}
.steps-area .steps li span{
top:-5px;
}
.steps-area .steps li p{
margin-left:22px;
margin-top: -10px;
}
.steps-area-fixed {
position: fixed;
width: 22% !important;
}
.steps-area-fixed + .multisteps-form__form {
margin-left: 22%;
width: 78%;
margin-top:40px;
}
.boxed-version .form-content {
padding-right: 60px;
padding-left: 60px;
width: 100%;
}
.image-holder {
background: #262222;
width: 100%;
height: 100vh;
}
.btn-primary {
color: #fff!important;
background-color: #f6c654;
border-color: #f6c654;
font-size: 24px;
padding: 10px 45px;
margin-top: 35px;
}
.btn-primary:hover {
background-color: #000;
border-color: #000;
}
.step-box {
padding-top: 35px;
}
.header{
width: 78%;
position: fixed;
top: 0;
right: 0;
background: #f6c654;
color: #000000;
padding: 15px;
font-size: 18px;
box-shadow: 2px 2px 14px #c2c2c2;
z-index: 3;
}
.btn-success,.btn-success:hover {
color: #ffffff!important;
background-color: #262222;
border-color: #262222;
margin-top: -7px;
margin-bottom: -8px;
float: right;
margin-left: 8px;
}
.header p span{
font-weight:bold;
}
.container {
max-width: initial;
}
.boxed-version {
max-width: initial;
}
.location-box .step-box-text{
font-size: 18px;
margin-bottom: 7px;
text-align: left;
}
.location-box .step-box-text span{
display: inline;
margin-left: 9px;
font-size: 18px;
color: #996b00;
}
.btn-sm{
padding: 3px 15px;
font-size: 18px;
margin-top: 0;
color: white!important;
}
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
margin-right: 22%;
}
.modal-dialog .btn-primary {
font-size: 20px;
padding: 6px 45px;
margin-top: 0;
}
.yui3-skin-sam .yui3-calendar-day-selected {
background-color: #000!important;
color: #fff!important;
}
.form-inner-area .form-group {
margin-bottom: 1rem;
text-align: left;
margin-bottom: 33px;
font-size: 22px;
}
.form-inner-area {
margin-top: 45px;
width: 50%;
margin: 0 auto;
}
textarea{
height: 120px!important;
}
.steps-area .steps li.current span:after {
height: 120px;
}
.table{
background: white;
}
.table .highlight{
background: #939393;
color: white;
}
.step-box-icon img{
width:100px;
}
.auth .panel-login .form-control{
border: 1px solid lightgray;
padding: 15px;
}
.auth .brand-logo {
margin: 13px auto;
}
.auth .brand-logo img{
width:90px;
}
.auth .authfy-login .authfy-panel {
padding: 20px 40px;
}
.auth .btn{
margin-top: 0px!important;
}
.auth .authfy-login{
height: 365px;
margin: 125px auto;
}
.artitle_p{
font-size: 32px!important;
}
@media screen and (max-width: 767px) {
.auth .authfy-login .authfy-panel {
padding: 20px 10px;
}
.steps-area-fixed{
display:none;
}
.steps-area-fixed + .multisteps-form__form {
margin-left: 0;
width: 100%;
margin-top: 40px;
}
.header{
width: 100%;
}
.header a{
display:none;
}
.form-content .step-no {
margin-bottom: 0;
}
.modal-dialog {
margin: 0 auto;
margin-right: 0;
}
.services-select-option {
margin-top: 70px;
}
.boxed-version .form-content {
padding-right: 10px;
padding-left: 10px;
}
.services_sec .col-md-4{
width:50%;
}
.services_sec .step-box-content{
min-height: 200px;
}
.services_sec .step-box-icon img {
width: 65px;
}
.services_sec .step-box-content .step-box-text {
font-size: 18px;
}
.yui3-widget.yui3-calendarbase.yui3-calendar{
width:auto!important;
}
.yui3-skin-sam .yui3-calendar-day, .yui3-skin-sam .yui3-calendar-prevmonth-day, .yui3-skin-sam .yui3-calendar-nextmonth-day {
font-size: 20px!important;
}
.header p{
font-size:14px;
}
.header a.bookings_btn{
display:block;
position: absolute;
font-size: 14px;
right: 42px;
top: -20px;
padding: 5px 9px;
}
.header a.bookings_btn span{
display:none;
}
.header a.logout_btn{
display:block;
position: absolute;
font-size: 14px;
right: 0;
top: -20px;
padding: 5px 9px;
}
.header a.logout_btn span{
display:none;
}
}