<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/****** colour template ******/

/* white */
.tilewrp .tlimg, .tilewrp .tlfot * { color: #fff; }

/* green */
.green, .heading.green { color: #83ce66; }
.tilewrp.on { border-color: #83ce66; }
.tilewrp.on .tickselect { color: #83ce66; font-size: 1em; line-height: normal; }
.tilewrp.on .tlfot { background-color: #83ce66; }
.tilewrp.on .tlfot .tickselect { color: #fff; }

/* ccc */
.selected .tilewrp { border-color: #ccc; }
.selected tr { border-bottom: 1px solid #ccc; }

/* aaa */

.review_paging_number_two,  .review_paging_number_one{ font-weight: bold; }

#booking_soselection_form #assets .tilewrp{max-height: 190px;}

/* dialog() popup specifics*/
.ui-dialog.ui-widget.ui-widget-content { padding: 0; }
.ui-dialog-titlebar.ui-widget-header.ui-corner-all { -webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0px;border-bottom-left-radius:0px; background: #fff; }
.ui-dialog-titlebar .ui-state-default, .ui-dialog-titlebar .ui-widget-content .ui-state-default, .ui-dialog-titlebar .ui-widget-header .ui-state-default, .ui-dialog-titlebar .ui-state-hover, .ui-dialog-titlebar .ui-widget-content .ui-state-hover, .ui-dialog-titlebar .ui-widget-header .ui-state-hover, .ui-dialog-titlebar .ui-widget.ui-button-icon-only.ui-dialog-titlebar-close { font-size: 23px; line-height: 20px; background: none; border: 0; }
.ui-dialog-titlebar .ui-button-icon-primary.ui-icon.ui-icon-closethick, .ui-dialog-titlebar .ui-button-text, .ui-button-icon.ui-icon.ui-icon-closethick, .ui-dialog-titlebar .ui-button-icon-space {

    /*display: none;*/ /* commented out for new skin */
}
.ui-dialog-titlebar .ui-button.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close::before, .admin .mce-window-head .mce-close { content: "\d7"; color: #858585; font-size: 23px; font-weight: bold; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.ui-dialog-titlebar .ui-button, .ui-dialog-titlebar .ui-button.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close, .ui-dialog-titlebar .ui-button.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:hover, .ui-dialog-titlebar .ui-button.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:focus { outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.ui-dialog-titlebar .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close.ui-state-hover::before { color: #09c; }
.ui-dialog .ui-dialog-titlebar-close { right: 20px; }
.ui-widget-header { border: 0; border-bottom: 1px solid #c5c5c5; }
.ui-dialog-titlebar.ui-widget-header, .admin .mce-window-head .mce-title { font-size: 17px; line-height: 24px; font-weight: bold; padding: 15px 20px; color: #333; }
.ui-dialog-content.ui-widget-content, .admin.iframe { background: #f7f7f7; }
.ui-dialog .ui-dialog-buttonpane { margin: 0; border: 0; border-top: 1px solid #c5c5c5; clear:both; background-color: #fff;}
.ui-dialog-content .fwrp, .ui-dialog-content .fwrp.fgrp, .admin.iframe .fwrp, .admin.iframe .fwrp.fgrp, .ui-dialog-content .fwrp.fhed:nth-child(2n), .ui-dialog-content .fwrp.fhed:nth-child(2n+1) { padding: 14px 0; background: none; }
.ui-dialog-content.ui-widget-content, .admin.iframe { padding: 20px; }
.ui-dialog-content.ui-widget-content .custom_fields_advanced_opts.wrp.bg_white { background: none; padding: 0; }

.ui-dialog.ui-widget.ui-widget-content.ui-front { border: 1px solid #c5c5c5; }
.ui-dialog-titlebar .ui-widget.ui-button-icon-only.ui-dialog-titlebar-close { background: url(../img/_ui/jquery-ui-close.jpg) left top no-repeat; }

/*.ui-datepicker.ui-widget-content a.ui-state-default { background: #82ea75; }
.ui-datepicker.ui-widget-content .ui-state-disabled span { background: #f6f6f6; }
.ui-datepicker.ui-widget-content a.ui-state-default.ui-state-active { background: #007fff; }*/

.ui-dialog-content.ui-widget-content .heading, .admin.iframe .heading, .admin.iframe .fom .heading, .admin.iframe table .toolbox { background: none; border: 0; color: #777; padding: 14px 0; }
.ui-dialog.ui-widget.ui-widget-content table, .ui-dialog.ui-widget.ui-widget-content table .toolbox { background: none; }
.ui-dialog.ui-widget.ui-widget-content table { /*background-color: #fff;*/ }
.ui-dialog.ui-widget.ui-widget-content table.fom.filter_con, .toolbox, .ui-dialog.ui-widget.ui-widget-content table .toolbox { border: 0; }
.ui-dialog.ui-widget.ui-widget-content table .toolbox { padding-left: 0; padding-right: 0; padding-bottom: 20px; }
.ui-dialog-content.ui-widget-content .fom {  }
.ui-dialog-content.ui-widget-content .fwrp, .admin.iframe .fwrp { border: 0; }
.ui-dialog-content.ui-widget-content .fwrp.fgrp, .ui-dialog-content.ui-widget-content .fwrp.fgrp .fwrp.split, .admin.iframe .fwrp.fgrp, .admin.iframe .fwrp.fgrp .fwrp.split { width: auto; }
.ui-dialog-content.ui-widget-content .fwrp, .ui-dialog-content.ui-widget-content .fwrp.fgrp, .admin.iframe .fwrp, .admin.iframe .fwrp.fgrp { padding: 5px 0; }
.ui-dialog-content.ui-widget-content .fwrp textarea { width: 90%; }





/*** sessionkeeper ***/

.splitl { float: left;  width: 70%; }
.splitr { float: right; width: 28%; }

.selected tr { vertical-align: top; }
.selected td { border: 0; padding-top: 20px; padding-bottom: 20px; }

.selected .heading { text-align: center; }



.tilewrp { width: 250px; margin: 0 8px 8px 0; float: left; border: 1px solid #ddd; position: relative; z-index: 1; cursor: pointer; }
.tilewrp.dapoint { cursor: default; }
.tilewrp .tlcon { padding: 14px; }
.tilewrp .tlimg { float: left; width: 70px; height: 70px; text-align: center; border-radius: 50%; border-radius: 50% !important; overflow: hidden; }
.tilewrp .tlimg, .fom .tilewrp .tlimg .fa { font-size: 70px; } .fom .tilewrp .tlimg .fa { line-height: 70px; }
.tilewrp .tlinfo { float: right; width: 140px; height: 85px; padding-top: 10px; word-break: break-word; }
.tilewrp .tlinfo span { display: block; }
.tilewrp .tlfot { padding: 14px; text-align: center; font-weight: bold; box-sizing: border-box; max-height: 49px; }
.tilewrp .tlfot span { margin: 0 3px; cursor: pointer; }
.tilewrp .tlfot span a { cursor: pointer; }
.tilewrp .tickselect, .tilewrp.on .textselect { display: none; }
.tilewrp.on .tickselect { display: inline-block; }
.tilewrp .remove { position: absolute; top: 4px; right: 4px; font-size: 18px; line-height: 21px; }
.tilewrp .tlinfo span.tickselect { display: none; }
.tilewrp.on .tlinfo span.tickselect { display: inline-block; }

.selected .tilewrp { width: auto; float: none; margin: 0 auto 10px auto; padding: 10px 15px 10px 25px; border-width: 0 0 1px 0; }
.selected .tilewrp p span { display: block; }

















.studenttable .stimes span.disabled { cursor: default; }
a.btn.sessiontimes.selected, a.btn.sessiontimes.selected:hover { color: #444 !important; border-color: #cadb2a !important; background-color: #fafce6 !important; cursor: default; }
a.btn.sessiontimes.disabled, a.btn.sessiontimes.disabled:hover { color: #aaa; background-color: #ccc !important; cursor: default; }
input.btn.sessiontimes.disabled, input.btn.sessiontimes.disabled:hover { color: #aaa; background-color: #ccc !important; cursor: default; }


.time-header-name{display: inline-block; position: relative;}
.time-header-desc{display: inline-block; position: absolute;top:15px; font-weight: normal; font-size: 12px; min-width: 150px;}
.time-header-name.has-desc{bottom:5px;}


.studentwrp { border: 1px solid #cbcbcb; }
.studentwrp .heading { text-align: center; padding: 7px; background: #e4e4e4; }
.studentwrp table { border-collapse: separate !important; }
.studentwrp table th { background: #868686; }
.studentwrp table th, .studentwrp table td { padding: 12px 16px; border: 1px solid #cbcbcb; border-width: 1px 0; }
.studentwrp table td.noborder-top { border-top: 0; }
.studentwrp table td.noborder-bottom { border-bottom: 0; }
.studentwrp table th .fa, .studentwrp table th a .fa {  margin: 0 2px; font-size: 18px; color: #fff; cursor: pointer; }
.studentwrp table td .fa, .studentwrp table td a .fa {  margin: 0 2px; font-size: 16px; color: #9f9f9f; cursor: pointer; }
.studentwrp table td .fa.disabled, .studentwrp table td a .fa.disabled { color: #ddd; }

.studentwrp .calendar_session_keeper { width: 82%; margin: 0 20px; }
.studentwrp a.btn.swarning, #Offline .studentwrp a.btn.swarning { color: #fff; margin: 0; padding: 0 20px; height: 38px; line-height: 38px; }
.studentwrp a.btn.swarning:hover, #Offline .studentwrp a.btn.swarning:hover { text-decoration: none; }

.studenttable .sinterval { width: 14%; float: left; padding-top: 3px; }
.studenttable .stimes { /*width: 84%; float: right;*/ }

.studenttable .stimes span { background: #9f9f9f; color: #fff; float: left; display: block; margin: 0 10px 10px 0; padding: 14px 18px 14px 34px; font-size: 1em; font-weight: bold; cursor: pointer; width: 64px; text-align: right; position: relative; }
.studenttable .stimes span:hover { border-color: #ccc; }
.studenttable .stimes span.selected { background-color: #84cd65; }
.studenttable .stimes span.invalid { color: #d4222f; background-color: #fff4f4; cursor: default; }
.studenttable .stimes span.potential { color: #9f9f9f; background-color: #fff4f4; cursor: default; }
.studenttable .stimes span.disable { background-color: #ccc; }
.studenttable .stimes span.disabled { color: #9f9f9f; background-color: #eee; }
.studenttable .stimes span .interval { position: absolute; top: 0; left: 0; padding: 0 5px; font-size: 0.8em; font-weight: normal; color: #fff; background-color: #093f79; }
.studenttable .stimes span.disabled .interval{background-color: #c6c6c6;}

#selected_times_panel .selected_time_header .selected_booking_date { background-color: #9f9f9f; padding: 10px; color: #fff; font-weight: bold; }
#selected_times_panel .line { border-top: 2px solid #000; width: 33%; margin: -10px auto 10px; }
#selected_times_panel .selected_time_header .selected_booking_time { position: relative; }
#selected_times_panel .selected_time_header .selected_booking_time .tickselect { display: block; margin-top: 10px; }

#sessionkeeper .review_content .inner { padding: 0 15%; }
#sessionkeeper .review_content .fom input, #sessionkeeper .review_content .fom select, #sessionkeeper .review_content .fom textarea { width: 92%; }
#sessionkeeper .review_content .fom .radiof input { width: auto; }

#sessionkeeper .form_wrap{max-width: 400px; margin: auto;}
#sessionkeeper .form_wrap .fom input{box-shadow: none; -webkit-box-shadow: none;}

.booking-stage-wrapper{  margin-bottom: 10px;  width: 100%;  }

.booking-stage-wrapper .booking-stage{ width: 33%; display: inline-block; text-align: center; position: relative; }
.booking-stage-wrapper .booking-stage:first-child, .booking-stage-wrapper .booking-stage.first { text-align: left; width: 17%; }
.booking-stage-wrapper .booking-stage:first-child .booking-stage-line, .booking-stage-wrapper .booking-stage.first .booking-stage-line { left: 1px; }
.booking-stage-wrapper .booking-stage:last-child, .booking-stage-wrapper .booking-stage.last { text-align: right; width: 17%; }
.booking-stage-wrapper .booking-stage:last-child .booking-stage-line, .booking-stage-wrapper .booking-stage.last .booking-stage-line { left: -1px; }

.booking-stage-wrapper.student .booking-stage { width: 20%; }
.booking-stage-wrapper.student .booking-stage:first-child, .booking-stage-wrapper.student .booking-stage.first, .booking-stage-wrapper.student .booking-stage:last-child, .booking-stage-wrapper.student .booking-stage.last { width:12.5%; }
.booking-stage-wrapper.student .booking-stage:first-child{width: 20%;}
.booking-stage-wrapper .booking-stage .fa-circle { font-size: 50px; padding-bottom: 5px; z-index: 2; position: relative; color: #ccc; cursor: pointer; }
.booking-stage-wrapper .booking-stage.active .fa-circle { color: #093f79; }
.booking-stage-wrapper .booking-stage.complete .fa-circle { color: #83ce66; }
.booking-stage-wrapper .booking-stage:last-child .fa-circle, .booking-stage-wrapper .booking-stage.last .fa-circle { right: -10px; }
.booking-stage-wrapper .booking-stage:last-child.complete .fa-circle, .booking-stage-wrapper .booking-stage.last.complete .fa-circle { right: -20px; }

.booking-stage-wrapper .booking-stage .booking-wording { text-overflow: clip; display: inline-block; height: 50px; }
.booking-stage-wrapper .booking-stage.active .booking-wording { font-weight: bold; }

.booking-stage-wrapper .booking-stage .fa-check { display: none; z-index: 3; cursor: pointer; }
.booking-stage-wrapper .booking-stage.complete .fa-check { display: inline; color: white !important; font-size: 18px; position: relative; left: -30px; bottom: 11px; }
.booking-stage-wrapper .booking-stage.complete:last-child .fa-check, .booking-stage-wrapper .booking-stage.last .fa-check { left: -10px; }

.booking-stage-wrapper .booking-stage .booking-numbering { position: relative; right: 25px; bottom: 14px; color: white; z-index: 3; font-weight: bold; cursor: pointer; }
.booking-stage-wrapper .booking-stage.complete .booking-numbering { display: none; }
.booking-stage-wrapper .booking-stage:last-child .booking-numbering, .booking-stage-wrapper .booking-stage.last .booking-numbering { right: 15px; }

.booking-stage-wrapper .booking-stage.complete.active { color: #9f9f9f; }
.booking-stage-wrapper .booking-stage .booking-stage-line { position: absolute; height: 20px; width: 100%; border-bottom: 10px solid #ccc; }
.booking-stage-wrapper .booking-stage-line-one, .booking-stage-wrapper .booking-stage-line-two { position: absolute; height: 22px; width: 100%; }

.session-info { text-align: left; padding:20px 0; }
.session-info p { padding: 10px 0 !important; }
.session-title{ font-weight: bold; }
.session-desc {  }


.review_content #selected_times_panel{ margin: auto; }


.session-list-wrapper .session-list-item:nth-child(even){background-color: #F2F2F2}
.session-list-item{margin: 10px 0; padding: 20px; border: 1px solid #cccccc;}
.session-list-item-left{display: inline-block; width: 23%;}
.session-list-item-left strong{display: inline-block; padding-bottom: 8px;}
.session-list-item-right{display: inline-block;   vertical-align: top; width: 75%;}
.session-list-item-desc{display: inline-block; width: auto; max-width: 80%; }

.selected-times-image-wrapper .profile-photo{width:30px; height: 30px; border-radius: 50%; overflow: hidden;}
.selected-times-details-wrapper{display: inline-block; padding-left: 10px;}
.selected-times-details-wrapper p{padding-top: 5px; padding-bottom: 5px;}
.selected-times-image-wrapper{vertical-align: top; display: inline-block; width: 25px; height: 25px;}
.selected-times-image-wrapper i{font-size: 30px;}
.selected .tilewrp.selected_booking_time{ padding-left: 10px;}
.selected-times-details-wrapper .selected-time-teacher {padding-top: 0; font-weight: bold;}
.selected-times-image-wrapper.photo {border-radius: 50% !important; overflow: hidden; background: none; }

.my-details-wrapper .name{font-weight: bold;padding-bottom: 10px;}
.my-details-wrapper p{padding-top: 5px; padding-bottom: 5px;}
.profile-picture-wrapper{display: inline-block; margin-right: 60px; height: 120px; width: 120px; background: #F2F2F2; vertical-align: top; text-align: center; }
.profile-details-left{display: inline-block; padding-right: 60px; vertical-align: middle; padding-top: 10px; }
.profile-details-right{display: inline-block; padding-right: 60px; vertical-align: middle; padding-left: 20px; border-left: 1px solid #ebebeb; padding-top: 10px;}
.profile-picture-wrapper .edit-details{ float: right; margin-left: 50px; }
.profile-picture-wrapper i {font-size: 70px; margin-top: 25px;}
.profile-picture-wrapper.photo{background: none;}
.review-session-tile .tlcon{display: table; width: 100%;}
.review-session-tile .tlimg{display: table-cell; }
.review-session-tile .tlinfo{display: table-cell;  float: none; width: 100%;}
.review-session-tile .tlinfo .title{padding-left: 13px; }
.review-session-tile.tilewrp .tlimg{width: 70px; height: 70px; margin-right: 20px; float:left;}
.review-session-tile.tilewrp .tlimg i{font-size: 49px; color: #9f9f9f;}
.review-session-tile .tlaction{display: table-cell; vertical-align: middle;}

.lote_form_main .form_buttons button{ font: 400 13.3333px Arial; display: none; }

.btn[disabled]{
    background-color: #eee !important;
}
.my-bookings-wrapper .tlimg.bg_ccc,.my-booking-item .tlimg.bg_ccc{ width: 70px; height: 70px; margin-right: 20px; float:left; border-radius: 50px; overflow: hidden; }

#sessionkeeper .review_content { position: relative; }
#sessionkeeper .review_content .form_h2_name{display: none;}
#sessionkeeper .review_content .lote_form_main{margin-top: 125px;}
#sessionkeeper .review_content .submit_button{float: right;}
#sessionkeeper .review_content .selected_booking_time{border: 0; display: none;}
#sessionkeeper .review_content .selected_booking_time.active{display: block;}
#sessionkeeper .review_content .selected_time_header{display: none;}
#sessionkeeper .review_content .selected_time_header.active{display: block;}

.my-bookings-wrapper .my-booking-item { box-sizing: border-box; border: none; border-bottom: 1px solid #cccccc; padding: 20px 0; width: 40%; color: #6c6c6c; margin: 0 20px; cursor: inherit; }
#sessionkeeper .review_content .my-bookings-wrapper .my-booking-item { width: auto; }
.my-bookings-wrapper .my-booking-item .booking-item-detail { padding-left: 12px; margin-top: 10px; line-height: 26px; }
.my-bookings-wrapper .my-booking-item .booking-item-detail img, .my-bookings-wrapper .my-booking-item .booking-item-detail .fa { margin-right: 10px; }
.my-booking-item-left{display: inline-block; vertical-align: top; }
.my-booking-item-left img{ width: 40px;}
.my-booking-item-left i{ font-size: 35px;}
.my-booking-item-right{display: inline-block; padding-left: 15px; }
.my-booking-item-right p{padding-top: 5px; padding-bottom: 5px;}
.my-booking-item-right .name{ padding-top: 0; padding-bottom: 0; font-weight: bold;}
.my-booking-item-right .name-desc{ padding-top: 0; padding-bottom: 0;}

.profile-header{background: #F2F2F2; border-bottom: 1px solid #cdcdcd;}
.profile-header a{border-top: 3px solid #D9ADC6; padding: 20px 10px; text-align: center; }

.review-btn{background: #dcdcdc; padding: 5px 10px; cursor: pointer;}
.prev-review{display: inline-block; position: absolute; top: 50%; left: 0;}
.next-review{display: inline-block; position: absolute; top: 50%; right: 0;}
.review-btn .fa-chevron-circle-right{position: relative; bottom: 9px; padding-left: 7px;}
.review-btn .fa-chevron-circle-left{position: relative; bottom: 9px;  padding-right: 7px;}

@media only screen and (max-width: 500px) {
    #sessionkeeper .review_content .inner {
        padding: 0 5%;
    }
}

.complete_confirm .my-bookings-wrapper .my-booking-item { width: 30%; text-align: left; float: left; }





#booking_list_container .tlimg i {  color: #9f9f9f;}




#session_booking_form i.fa.details{  color:#1987a2; font-size: 18px; width: 18px; text-align: center; margin-right: 5px; }

.heading, .bod .fwrp.fhed { margin-bottom: 10px; padding: 10px 0 16px 0;  background: none; border-width: 0 0 1px 0; clear: both; }
.heading.sub, .fwrp.fhed { font-size: 16px; text-transform: uppercase; }
.heading.sub { padding: 12px 0; }

/* green */
.bod .green, .bod .tilewrp .tickselect { color: #48b427; }
.bod .green:hover{}
.bod .green_bg, .bod .bg_green, .bod .btn.green, .bod .toolbox .btn.green, .bod span.btn.green:hover, .bod .toolbox span.btn.green:hover, .bod a[href="javascript:;"].btn.green:hover { background-color: #48b427; }
.bod .btn.green, .bod .tilewrp.on, .bod span.btn.green:hover, .bod a[href="javascript:;"].btn.green:hover { border-color: #48b427; }

/* 22a8cb */
.bod .bg_blue, .bod table.details tr.bg_blue, .bod table.details tr.bg_blue:hover { background-color: #22a8cb; }

/* d7823f */
.bod .btn.brown { background-color: #d7823f; }
.bod .btn.brown { border-color: #d7823f; }

/* fff */
.bod #mbnav .fa, .bod #utility .rutil a, .bod #utility .rutil a .fa, .bod input.btn, .bod a.btn, .bod span.btn, .bod button, .bod input[type="button"], .bod .ui-button, .bod .fom *.btn:focus, .bod input[type="button"].ui-state-focus, .bod .webpollprev .btn-copy, .bod input.btn:focus, .bod .toolbox .btn.blue, .bod .toolbox .btn.blue_bg, /*.bod .heading .toolbox .btn,*/ .bod .mce-container.mce-panel.mce-foot .mce-widget.mce-btn button, .bod .mce-container.mce-panel.mce-foot .mce-widget .mce-primary, .bod .toolbox .btn.green, .bod .toolbox .btn.red, .bod .btn.trans:hover, .bod .btn.trans.onwhite:hover, .bod h3.heading.relative .rightinfo, .bod .btn.bluegreen, .notewrp .noteunread, .notewrp .noteunread a, .bod button.fc-button.fc-state-active, .bod table.details tr.bg_darkblue, .bod table.details tr.bg_darkblue td b { color: #fff; }

.bod table.sesAvailTable tr:nth-child(even) { background:#f3f3f3; }
.bod table.sesAvailTable span.btn.dahand.bg_blue{cursor:default;}
.bod #sessionsWrap {background:none; padding:0;}
.bod #sessionsWrap section#sessionDetails{padding:0; background:none;}
.bod #sessionsWrap section.tblcon {padding: 14px 20px;}
.bod #sessionDetails .rr .tblwrp.bcc-all .tblcon {padding:0;}

#session_booking_form #booking_target_name {margin-right:10px;}
#session_booking_form .btn.blue.noBg.booking_add_new_student{ border: 1px solid #1987a2; }
#session_booking_form .btn.blue.noBg.booking_add_new_student:hover{ background:#1987a2; color:#fff; }
#session_booking_form .btn.blue.noBg.booking_add_new_student:hover i.fa {color:#fff;}
#session_booking_form #booking_user_selected{padding:10px 0;}







/* resp */
@media only screen and (max-width: 2560px) {



}
@media only screen and (max-width: 1920px) {



}
@media only screen and (max-width: 1680px) {



}
@media only screen and (max-width: 1600px) { /*google+material*/



}
@media only screen and (max-width: 1440px) { /*google+material*/



}
@media only screen and (max-width: 1400px) {



}
@media only screen and (max-width: 1366px) {



}
@media only screen and (max-width: 1280px) { /*google+material*/



}
@media only screen and (max-width: 1200px) {



}
@media only screen and (max-width: 1097px) {

.studentwrp .calendar_session_keeper { margin: 0 10px; width: 80%; }
#booking_list_container.my-bookings-wrapper .my-booking-item { width: 45%; }
.complete_confirm .my-bookings-wrapper .tilewrp, .complete_confirm .my-bookings-wrapper .tilewrp .tlimg, .complete_confirm .my-bookings-wrapper .my-booking-item-right { float: none; display: block; }

}
@media only screen and (max-width: 1024px) { /*google+material*/

.complete_confirm .my-bookings-wrapper .my-booking-item { width: 28%; }

}
@media only screen and (max-width: 1023px) {



}
@media only screen and (max-width: 991px) { /* bootstrap */



}
@media only screen and (max-width: 960px) { /*google+material*/



}
@media only screen and (max-width: 900px) {

.studentwrp .calendar_session_keeper { width: 78%; }

}
@media only screen and (max-width: 840px) { /*google+material*/

.studentwrp .calendar_session_keeper { width: 76%; }
.complete_confirm .my-bookings-wrapper .my-booking-item { width: 260px; float: none; display: block; margin: 0 auto; }

}
@media only screen and (max-width: 800px) {



}
@media only screen and (max-width: 768px) {

.splitl, .splitr { float: none; clear: both; display: block; width: 100%; }
.tilewrp { display: inline-block; width: 230px; margin: 3px; }
.tilewrp .tlimg { display: none; }
.tilewrp .tlinfo { float: none; width: 100%; }
.studentwrp input.calendar_session_keeper { margin: 0 10px 10px 10px; width: 82%; display: inline-block; }

.ui-dialog.ui-widget.ui-widget-content { width: auto !important; left: 10px !important; right: 10px !important; }

}
@media only screen and (max-width: 767px) {



}
@media only screen and (max-width: 736px) {



}
@media only screen and (max-width: 720px) { /*google+material*/

.tilewrp { width: 32%; }
.studentwrp input.calendar_session_keeper { width: 80%; }

}
@media only screen and (max-width: 667px) {

#booking_list_container.my-bookings-wrapper .my-booking-item { width: 44%; }

}
@media only screen and (max-width: 640px) { /*640x360androids*/

.tilewrp { width: 48%; }
.studentwrp input.calendar_session_keeper { width: 78%; }

}
@media only screen and (max-width: 600px) { /*google+material*/

.studentwrp input.calendar_session_keeper { width: 76%; }
    .session-list-item-left {
        width: 100%;
    }
    .session-list-item-right {
        width: 100%;
    }
    .session-list-item-right a.btn {
        margin-top: 10px;
    }
}
@media only screen and (max-width: 480px) { /*google+material*/

.tilewrp { width: 98%; margin: 7px auto; }
.booking-stage-wrapper .booking-stage { display: block; float: left; }
.studentwrp input.calendar_session_keeper { width: 70%; }
.selected .tilewrp.selected_booking_time { margin: 0 auto 10px auto; padding: 0; display: block; }
#booking_list_container.my-bookings-wrapper .my-booking-item { width: 260px; float: none; display: block; margin: 0 auto 10px auto; }
.my-bookings-wrapper .my-booking-item { width: auto; }

}
@media only screen and (max-width: 414px) {

.studentwrp input.calendar_session_keeper { width: 66%; }
.booking-stage-wrapper .booking-stage.complete i { display: inline; }

}
@media only screen and (max-width: 375px) {

.studentwrp input.calendar_session_keeper { width: 62%; }

}
@media only screen and (max-width: 374px) {


}
@media only screen and (max-width: 360px) { /*google+material*/

.studentwrp input.calendar_session_keeper { width: 60%; }

}
@media only screen and (max-width: 320px) {

.studentwrp input.calendar_session_keeper { width: 54%; }

}

</pre></body></html>