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

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

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

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

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

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

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

body#myaccount-classes #class-schedule{
margin:10px auto;
border:1px solid #eee;
}

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

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

body#myaccount-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;
}

body#myaccount-classes #class-schedule #class-schedule-list .row div{
padding:10px;
border:1px solid #eee;
text-align:center;
margin:0;
}

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

body#myaccount-classes #class-schedule #class-schedule-list .row div .name, 
body#myaccount-classes #class-schedule #class-schedule-list .row div .location, 
body#myaccount-classes #class-schedule #class-schedule-list .row div .address, 
body#myaccount-classes #class-schedule #class-schedule-list .row div .csz, 
body#myaccount-classes #class-schedule #class-schedule-list .row div .map, 
body#myaccount-classes #class-schedule #class-schedule-list .row div .room, 
body#myaccount-classes #class-schedule #class-schedule-list .row div .date, 
body#myaccount-classes #class-schedule #class-schedule-list .row div .time, 
body#myaccount-classes #class-schedule #class-schedule-list .row div .days, 
body#myaccount-classes #class-schedule #class-schedule-list .row div .ages, 
body#myaccount-classes #class-schedule #class-schedule-list .row div .gender, 
body#myaccount-classes #class-schedule #class-schedule-list .row div .tuition{ 
display:block;
margin:5px 0;
}

body#myaccount-classes #class-schedule #class-schedule-list .row div .student,
body#myaccount-classes #class-schedule #class-schedule-list .row div .name{
font-weight:bold !important;
font-size:110%;
}

body#myaccount-classes #class-schedule #class-schedule-list .row div .date{
display:block;
font-size:90%;
}

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

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

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

body#myaccount-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#myaccount-classes a.btn.register-button{
display:block;
margin:10px auto;
max-width:100px;
background-color:#53a451;
color:white !important;
text-decoration:none !important;
font-size:110%;
}

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

body#class-registration #class-info{
margin:20px auto;
text-align:left;
background-color:#F3F8FC;
padding:8px;
line-height:150%;
/*
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#myaccount-gift-certificates #gift-certificates-search-form .form-control{
margin:9px;
}

body#myaccount-gift-certificates #search-results-header [class*="col-"]{
background-color: #f5f5f5;
font-weight:bold;
}

body#myaccount-gift-certificates #search-results{
margin:20px auto;
max-width:98%;
}

body#myaccount-gift-certificates #search-results .row:nth-child(odd) {
background-color: #f5f5f5;
}

body#myaccount-gift-certificates #search-results  [class*="col-"]{
padding:15px 5px;
} 

body#myaccount-gift-certificates #search-results .date{
display:block;
}

@media (max-width: 992px) {
	body#myaccount-gift-certificates #search-results-header {
	display:none; 
	}

	body#myaccount-gift-certificates #search-results  [class*="col-"]{
	padding:10px;
	margin:0;
	}
	body#myaccount-gift-certificates #search-results  .active{
	display:block;
	margin-top:6px;
	}
 
	body#myaccount-gift-certificates #search-results  .amount:before{ 
	content: "Amount: " !important;
	}

	body#myaccount-gift-certificates #search-results  .used:before{ 
	content: "Used: " !important;
	}
	body#myaccount-gift-certificates #search-results  .balance:before{ 
	content: "Balance: " !important;
	}
	
	body#myaccount-gift-certificates #search-results  .balance{
	border:1px solid #ccc;	
	padding:10px;
	}


	body#myaccount-classes #class-schedule #class-schedule-header{
	display:none;
	}
/**	
	body#myaccount-classes #class-schedule #class-schedule-list .row{
	flex-direction:column;
	align-items: top;
	justify-content:center;	
	margin:0;
	padding:0;
	}
**/
	body#myaccount-classes #class-schedule #class-schedule-list .row div{
	border:0;
	margin:0;
	padding:0;
	}
	body#myaccount-classes #class-schedule #class-schedule-list .row div label{
	display:inline;
	}
	body#myaccount-classes #class-schedule #class-schedule-list .row div label:after{
	content: ":" !important;
        }	
	body#myaccount-classes #class-schedule #class-schedule-list [class*="col-"]{
	margin:5px 0 !important;
	padding:0px !important;
	text-align:center !important;
	}

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

} / ** #END MEDIA *********/