body#classes #search-form{
display:block;
margin:20px auto;
background-color:#F3F8FC;
padding:8px;
text-align:center;
}

body#classes #search-form #search-btn{
background-color:#ccc;
font-size:110%;
}

body#classes #search-results{
margin:10px auto;text-align:center;
width: 90%;
}

body#classes #search-results b{
display:block;
margin-bottom:0px;
font-size:105%;
}

body#classes #search-results ul.list-inline {
margin:10px auto 0 auto;
text-align:center;
}

body#classes #search-results ul.list-inline li{
margin:0 10px;
}

body#classes #search-form .list-inline{
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
margin:10px auto 0 auto;
text-align:center;
}

body#classes .list-inline li{
margin-bottom:12px;
}


body#classes #class-schedule{
margin:10px auto;
border:0px solid red;
}

body#classes #class-schedule #class-schedule-header {
margin:0 auto 10px auto;
background-color:#eee;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items: center;
padding:10px;
}

body#classes #class-schedule #class-schedule-header div{
font-weight:bold;
text-align:center;
}

body#classes #class-schedule #class-schedule-list .row{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items: stretch;
width:100%;
margin:0 auto;
border:0px solid blue; 
}

body#classes #class-schedule #class-schedule-list .row div{
padding:10px 6px;
border:0px solid red;
text-align:center;
}

body#classes #class-schedule #class-schedule-list .row div .category, 
body#classes #class-schedule #class-schedule-list .row div .category2, 
body#classes #class-schedule #class-schedule-list .row div .category3{ 
display:inline;
margin-right:6px;
}

body#classes #class-schedule #class-schedule-list .row div .code, 
body#classes #class-schedule #class-schedule-list .row div .name, 
body#classes #class-schedule #class-schedule-list .row div .session, 
body#classes #class-schedule #class-schedule-list .row div .location, 
body#classes #class-schedule #class-schedule-list .row div .address, 
body#classes #class-schedule #class-schedule-list .row div .csz, 
body#classes #class-schedule #class-schedule-list .row div .map, 
body#classes #class-schedule #class-schedule-list .row div .room, 
body#classes #class-schedule #class-schedule-list .row div .date, 
body#classes #class-schedule #class-schedule-list .row div .ages, 
body#classes #class-schedule #class-schedule-list .row div .gender, 
body#classes #class-schedule #class-schedule-list .row div .billing_cycle,
body#classes #class-schedule #class-schedule-list .row div .enrolled,
body#classes #class-schedule #class-schedule-list .row div .class-pass,
body#classes #class-schedule #class-schedule-list .row div .tuition{ 
display:block;
margin:3px 0;
}

body#classes #class-schedule #class-schedule-list .row div .max_capacity{
display:inline;
}

body#classes #class-schedule #class-schedule-list .row div .time, 
body#classes #class-schedule #class-schedule-list .row div .days {
display:inline;
padding-right:8px;
}

body#classes #class-schedule #class-schedule-list .row div div[id^="div_location"]{
margin:0px;
padding:0px;
border:0px solid red !important;
} 

body#classes #class-schedule #class-schedule-list .row div .billing_cycle, 
body#classes #class-schedule #class-schedule-list .row div .code{
font-weight:normal;
font-size:85%;
}

body#classes #class-schedule #class-schedule-list .row div .tuition,
body#classes #class-schedule #class-schedule-list .row div .name{
font-weight:bold;
font-size:105%;
}

body#classes #class-schedule #class-schedule-list .row div .registration_fee{
font-size:85%;
}

body#classes #class-schedule #class-schedule-list .row div label{
margin-right:5px;
padding:0;
display:none;
font-weight:normal;
}

body#classes #class-schedule #class-schedule-list .row div label.max_capacity{
display:inline;
}

body#classes #class-schedule #class-schedule-list .row .col-md-4{ 
text-align:left;
}

body#classes #class-schedule #class-schedule-list .row:nth-child(even) {
background: #f5f5f5;
}

body#classes #class-schedule #class-schedule-list [id*="div_location_"] { 
text-align:left !important;
margin:0px 0 !important;
padding:0;
border:0px solid red !important;
}

body#classes #class-schedule #class-schedule-list .registration-notice {
border:0px solid red !important;
padding:0 !important;
margin:0 !important;
}

body#classes #class-schedule #class-schedule-list a.btn.register-button{
display:block;
margin:0 auto 10px auto;
max-width:100px;
background-color:#53a451;
color:white !important;
text-decoration:none !important;
font-size:110%;
}

body#classes #class-schedule #class-schedule-list a.btn.register-button:hover{
color:#eee;
}

body#classes #class-pass-notice-bottom{
background-color:#eee !important;
padding:10px !important;
margin:20px auto;
text-align:center;
font-size:150%;
}

body#class-registration #class-info{
margin:20px auto;
text-align:left;
background-color:#F3F8FC;
padding:8px;
line-height:130%;
//border:1px solid red;
}

body#class-registration form#registration-form{
margin:20px auto;
max-width:700px !important;
}

body#class-registration form#registration-form fieldset {
border:1px solid #e1e1e1;
padding:20px;
}

body#class-registration form#registration-form fieldset legend{
 background: #e1e1e1;
    padding: 5px 10px ;
    font-size: 125%;
  font-weight:bold;
    margin: 8px 0 0 0px;
}

body#class-registration form#registration-form #div-registration-policy{
margin:20px 0;
border:1px solid #eee;
max-height:300px;
overflow:auto;
}

body#classes-class-pass #class-pass-info{
margin:20px auto;
text-align:left;
background-color:#F3F8FC;
padding:13px;
line-height:130%;
font-size:125%;
}

body#classes-class-pass #class-pass-payment-form{
margin:20px auto;
max-width:800px;
}

body#classes-class-pass #class-pass-payment-form fieldset {
margin-bottom:20px;
padding:20px;
border: 1px solid #ccc;
}

body#classes-class-pass #class-pass-payment-form  legend{
 background: #e1e1e1;
    padding: 5px 10px ;
    font-size: 125%;
  font-weight:bold;
    margin: 8px 0 0 0px;
border:0px solid red;
border-radius:6px;
}


body#classes-class-pass-completed .padding p{
margin:20px 0;
}

@media (max-width: 992px) {

	body#classes #class-schedule #class-schedule-header{
	display:none;
	}
	
	body#classes #class-schedule #class-schedule-list .row{
	flex-direction:column;
	align-items: top;
	justify-content:center;	
	margin:0;
	padding:0;
	}

	body#classes #class-schedule #class-schedule-list .row div label{
	display:inline;
	}
	body#classes #class-schedule #class-schedule-list .row div label:after{
	content: ":" !important;
        }	
	body#classes #class-schedule #class-schedule-list [class*="col-"]{
	margin:5px 0 !important;
	padding:0px !important;
	text-align:center !important;
	}

	body#classes #class-schedule #class-schedule-list [id*="div_location_"] {
	text-align:center !important;
	margin:1px 0 !important;
	}

} // #END