.jw_admin_wrap{background:#fff; padding:15px; border:1px solid #ddd; border-radius:4px; margin-top:25px; margin-right:25px; color:#3D566E;}
.jw_admin_wrap h2{color:#3D566E; border-bottom:1px solid #e5e5e5;}
.jw_admin_wrap h3{color:#3D566E;line-height:normal;}
.jw_admin_wrap h3 code{padding:5px 20px; border-radius:3px; font-size:14px; font-weight:300;}
.jw_admin_wrap table.front_item_list,
table.jw_easy_pricint_col_list{border-radius:4px; margin-top:15px; overflow:hidden; box-shadow:none; border-bottom:0;}
.jw_admin_wrap table.front_item_list tr:nth-child(1),
table.jw_easy_pricint_col_list tr:nth-child(1){background:#19B698;}
.jw_admin_wrap table.front_item_list tr th{color:#fff; font-weight:bold; padding-top:14px; padding-bottom:12px;}
.jw_admin_wrap table.front_item_list td,
table.jw_easy_pricint_col_list td{border-bottom:1px solid #ddd; padding-top:18px; padding-bottom:16px;}
.jw_admin_wrap table.front_item_list table tr th:last-child,
.jw_admin_wrap table.front_item_list table tr td:last-child{text-align:center;}
.jw_admin_wrap table.tablefront_item_list table tr:last-child{border-bottom:0;}
.jw_admin_wrap .green_btn{border:1px solid #19B698 !important;}
.jw_admin_wrap .green_btn,
.jw_admin_wrap .red_btn{background:#fff !important; color:#3D566E !important; border-radius:3px; padding:5px 15px !important; height:40px !important; cursor:pointer; font-size:14px !important; box-shadow:0 !important;}
.jw_admin_wrap .green_btn:hover,
.jw_admin_wrap .red_btn:hover{background:#19B698 !important; color:#fff !important;  border-color:#19B698 !important;box-shadow:none !important;}
.jw_admin_wrap .red_btn{border:1px solid #fb948b !important;}
.jw_admin_wrap .red_btn:hover{background:#e74c3c !important;  border-color:#e74c3c !important;}
.jw_admin_wrap .green_solid{background:#19B698 !important; color:#fff !important;}
.jw_admin_wrap .green_solid:hover{background:#e74c3c !important; border-color:#e74c3c !important;} table.add_new_pricing_tbl,
table.add_new_pricing_col{border-radius:4px; padding:15px;}
table.add_new_pricing_tbl th,
table.add_new_pricing_col th{ width:160px;}	
.add_new_pricing_tbl input[type="text"],
.add_new_pricing_tbl textarea,
table.add_new_pricing_col input[type="text"],
table.add_new_pricing_col select{box-shadow:none !important; border-radius:3px; padding:5px 10px; height:40px; width:45%;}
.add_new_pricing_tbl textarea{height:150px;}
table.jw_easy_pricint_col_list tr:nth-child(1) th{height:30px; color:#fff !important; font-weight:bold !important}.pricing_table_wrap{background:#34495e; padding:50px 0;}
.pricing_table_wrap h1,
.pricing_table_wrap p{text-align:center; color:#bcc5cd; font-weight:300;}
.pricing_table_wrap p{font-size:20px; margin:20px 0;}
.pricing_table,
.pricing_table:hover,
.pricing_table li,
.pricing_table li:hover{transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s}
.pricing_table:hover{margin-top:-15px;}
.pricing_table h3{background:#283b4d; font-size:28px; color:#bcc5cd; font-weight:300; padding:10px 0; text-align:center; border-radius:4px 4px 0 0}
.pricing_table ul{padding:0; list-style:none; text-align:center; margin-top:-10px; background:#fff; border-radius:0 0 3px 3px;}
.pricing_table li{border-bottom:1px solid #eeeeee; padding:8px 0; font-size:20px; font-weight:300; color:#556472;}
.pricing_table li:hover{background:#f5f5f5;}
.pricing_table li:first-child{height:170px; margin-bottom:5px; padding:30px 0;}
.pricing_table li:last-child{border:0; border-radius:0 0 3px 3px;}
.pricing_table li:last-child a{display:block; margin-top:-8px; margin-bottom:-8px; padding:8px 0; color:#fff;}
.pricing_table li:last-child a:hover{color:#fff !important; background:#FF6C60; border-radius:0 0 3px 3px;}
.pricing_table li span.rounded{border:4px solid #fff; border-radius:50%; height:110px; width:110px; display:block; margin:0 auto; font-size:36px; line-height:36px; color:#fff; padding-top:25px;}
.pricing_table li span.rounded span{display:block; font-size:18px; line-height:18px; font-weight:300;}
.jw_easy_pricing_tbl_col{width:23%; margin-left:1.6%; float:left;}
@media (min-width:600px) and (max-width:980px){	
.jw_easy_pricing_tbl_col{width:47.5%; margin-left:1.6%;}
div.jw_easy_pricing_tbl_col:nth-of-type(3){clear:both}
}
@media (max-width:600px){		
.jw_easy_pricing_tbl_col{width:96%; margin-left:2%;}
}#booking-form-body .form-body-content {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; }
#booking-form-body .form-body-content .form-progress-bar {
margin-top: 30px; }
#booking-form-body .form-body-content .form-progress-bar ul {
display: flex;
padding: 0; }
#booking-form-body .form-body-content .form-progress-bar ul li {
list-style: none;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
color: #dedede; }
#booking-form-body .form-body-content .form-progress-bar ul li span {
background-color: #dedede;
border-radius: 50%;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
color: #ececec; }
#booking-form-body .form-body-content .form-progress-bar ul li .first-step:after {
content: ' ';
width: 100%;
position: absolute;
height: 2px;
background: #FFCB08;
left: 50%;
z-index: -1; }
#booking-form-body .form-body-content .form-progress-bar ul li .second-step:before {
content: ' ';
width: 100%;
position: absolute;
left: 0;
height: 2px;
background-color: #dedede;
z-index: -1; }
#booking-form-body .form-body-content .form-progress-bar ul .second-step-wrap {
flex: 1;
align-items: flex-end; }
#booking-form-body .form-body-content .form-progress-bar ul .active {
color: #FFCB08;
font-weight: 100; }
#booking-form-body .form-body-content .form-progress-bar ul .active span {
background-color: #FFCB08;
color: #333; }
#booking-form-body .form-body-content .form-progress-bar ul .active .first-step:after {
background: #dedede; }
#booking-form-body .form-body-content .form-progress-bar ul .active .second-step:before {
background: #FFCB08; }
#booking-form-body .form-body-content .form-progress-bar ul .connector {
flex: 1; }
#booking-form-body .form-body-content .form-wrapper {
padding: 0;
border: 1px solid #FFCB08;
border-radius: 5px;
margin-top: 20px;
background-color: #3D3D3D;
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); }
#booking-form-body .form-body-content .form-wrapper form #lesson-details {
display: none; }
#booking-form-body .form-body-content .form-wrapper form #special-message-popup {
position: absolute;
display: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
z-index: 2;
background: #000000b3; }
#booking-form-body .form-body-content .form-wrapper form #special-message-popup .content-wrapper {
background: #333;
border: 1px solid #ececec;
border-radius: 5px;
padding: 2%;
display: flex;
flex-direction: column;
align-items: flex-end; }
#booking-form-body .form-body-content .form-wrapper form #special-message-popup .content-wrapper p {
color: #ececec; }
#booking-form-body .form-body-content .form-wrapper form #special-message-popup .content-wrapper .btn {
background: #FFCB08;
border: 1px solid #ececec;
color: #333;
padding: 1% 2%; }
#booking-form-body .form-body-content .form-wrapper form fieldset .fieldset-title {
color: #333;
text-transform: uppercase;
text-align: center;
font-weight: 600;
padding: 20px 30px;
background: #FFCB08;
margin: 0; }
#booking-form-body .form-body-content .form-wrapper form fieldset .lp-form-fields-wrapper {
width: 100%;
margin: 0;
padding: 20px 30px;
display: flex;
flex-wrap: wrap; }
#booking-form-body .form-body-content .form-wrapper form fieldset .lp-form-fields-wrapper .lp-input-label {
color: #ececec; }
#booking-form-body .form-body-content .form-wrapper form fieldset .lp-form-fields-wrapper .lp-input-label .required-star {
color: red; }
#booking-form-body .form-body-content .form-wrapper form fieldset .lp-form-fields-wrapper .lp-input-label .error-field {
color: red;
font-weight: 100;
font-size: 14px; }
#booking-form-body .form-body-content .form-wrapper form fieldset .lp-form-fields-wrapper .lp-input-field {
background: #ececec;
border: 0;
border-bottom: 1.5px solid #ececec;
color: #333; }
#booking-form-body .form-body-content .form-wrapper form fieldset .lp-form-fields-wrapper .error-input-field {
border: 1px solid red; }
#booking-form-body .form-body-content .form-wrapper form fieldset .lp-form-fields-wrapper .lp-dropdown option {
color: #333; }
#booking-form-body .form-body-content .form-wrapper form fieldset .lp-form-fields-wrapper .radio-selector .form-group {
display: flex;
flex-direction: column; }
#booking-form-body .form-body-content .form-wrapper form fieldset .lp-form-fields-wrapper .radio-selector .form-group .radio-inline {
display: flex;
padding: 0;
flex-direction: row;
background-color: transparent;
align-items: center;
justify-content: center;
margin: 0;
border-width: 0.5px;
border-color: #ececec; }
#booking-form-body .form-body-content .form-wrapper form fieldset .lp-form-fields-wrapper .radio-selector .form-group .radio-inline input {
display: none; }
#booking-form-body .form-body-content .form-wrapper form fieldset .lp-form-fields-wrapper .radio-selector .form-group .radio-inline input:checked + label {
background-color: #FFCB08;
color: #333; }
#booking-form-body .form-body-content .form-wrapper form fieldset .lp-form-fields-wrapper .radio-selector .form-group .radio-inline label {
margin: 0;
height: 100%;
border: 0.5px solid #ececec;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
color: #ababab; }
#booking-form-body .form-body-content .form-wrapper form fieldset .lp-form-fields-wrapper #drive-test-details {
border: 1px solid #FFCB08;
padding: 2%;
margin-bottom: 10px;
display: none; }
#booking-form-body .form-body-content .form-wrapper form fieldset .lp-form-fields-wrapper #drive-test-details p {
color: white;
font-size: 17px;
margin-left: 0; }
#booking-form-body .form-body-content .form-wrapper form fieldset .lp-form-fields-wrapper .available-date-selectors {
display: none; }
#booking-form-body .form-body-content .form-wrapper form fieldset .button-wrapper {
width: 100%;
padding: 20px 30px;
display: flex;
justify-content: flex-end; }
#booking-form-body .form-body-content .form-wrapper form fieldset .button-wrapper .btn {
display: flex;
align-items: center; }
#booking-form-body .form-body-content .form-wrapper form fieldset .button-wrapper .booking-form-button {
font-weight: 600;
padding: 1% 5%;
border: 1px solid #ececec; }
#booking-form-body .form-body-content .form-wrapper form fieldset .button-wrapper .next-button {
background-color: #FFCB08;
color: #333; }
#booking-form-body .form-body-content .form-wrapper form fieldset .button-wrapper .next-button i {
margin-left: 10px; }
#booking-form-body .form-body-content .form-wrapper form fieldset .button-wrapper .previous-button {
background-color: #333;
color: #ececec; }
#booking-form-body .form-body-content .form-wrapper form fieldset .button-wrapper .previous-button i {
margin-right: 10px; }
#booking-form-body .form-body-content .form-wrapper form fieldset #submitted-message {
width: 100%;
background: #0000007a;
padding: 2%;
display: none;
position: absolute;
top: 0;
height: 100%;
justify-content: center;
align-items: center; }
#booking-form-body .form-body-content .form-wrapper form fieldset #submitted-message .message-content {
display: flex;
flex-direction: column;
margin-top: 10px;
background: #ffffffab; }
#booking-form-body .form-body-content .form-wrapper form fieldset #submitted-message .message-content p {
text-align: center;
color: white;
margin: 0;
font-size: 17px; }
#loading-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000b3;
display: none;
justify-content: center;
align-items: center; }
#loading-overlay .lds-ellipsis {
display: inline-block;
position: relative;
width: 80px;
height: 80px; }
#loading-overlay .lds-ellipsis div {
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #fff;
animation-timing-function: cubic-bezier(0, 1, 1, 0); }
#loading-overlay .lds-ellipsis div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 0.6s infinite; }
#loading-overlay .lds-ellipsis div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 0.6s infinite; }
#loading-overlay .lds-ellipsis div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 0.6s infinite; }
#loading-overlay .lds-ellipsis div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 0.6s infinite; }
@keyframes lds-ellipsis1 {
0% {
transform: scale(0); }
100% {
transform: scale(1); } }
@keyframes lds-ellipsis3 {
0% {
transform: scale(1); }
100% {
transform: scale(0); } }
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0); }
100% {
transform: translate(24px, 0); } }