body {
  padding-top: 120px;
  padding-bottom: 30px;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.form-signin {
  max-width: 350px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#form_message { 
	visibility: hidden; 
	position: fixed;
	top: 30%;
	left: 50%;
	z-index: 9999;
	width: 320px;
	transform: translate(-50%, -50%);
	border: 2px solid orange;
	padding: 25px;
}
				
footer {
	margin-top: 30px;
	padding-top: 15px;
	border-top: 1px solid #eee;
	color: #595959;
	font-size: 9pt;
}

.copy a {color: #595959;}
.pt25 {padding-top: 25px;}

ul.gc > li {
	padding-left: 20px;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}
div.student-tabs {
	margin-top: 25px;
}
button.select-class {
	width: 80px;
}
div.tab-content h3 {
	margin-bottom: 30px !important;
}
div.tab-content h4 {
	margin: 15px 0 !important;
}
div.tab-content span {
	font-weight: 400;
}

#loading {
	position: fixed;
	top: 30%;
	right: 47%;
	z-index: 9999;
	display: none;
}

#calendar {
	width: 100%;
	margin: 0 auto;
	}
.fc-row, .fc-view-container {
	background: #fff !important;
}	
.fc th {
	background: #f9f9f9 !important;
}
div.schedule {
	margin: 4px;
	padding: 10px 30px;
	border: 1px;
	border-bottom: 1px solid silver;
}
div.schedule h3 {
	margin-bottom: 20px !important;		
}
div.schedule h4 {
	color: gray;
}
.ctitle {
	padding-left: 65px !important;
}
#oc-logo {
	height: 50px;
}
iframe.hosted {
	width: 100%;
	min-height: 360px;
	border: 0;
}
#cl_login, #cl_password {
	width: 100%;
	max-width: 320px;
}
img.captcha {
	border: 1px solid #C1C7D0;  
	border-radius: 4px;	
}
/* Full Calendar */
.fc-header-toolbar div.fc-center {
	padding-top: 40px !important;
}
/* Navbar */
ul.navbar-nav>li a.highlight {
    font-size: medium;
    color: #fff;
}
ul.navbar-nav>li a.highlight:hover {
    font-size: medium;
    background-color: #222;
}
.navbar-nav li a, #m-dd li a {
    line-height: 50px;
    height: 50px;
    padding-top: 0;
}	
.navbar-collapse.in {
    overflow: hidden;
    max-height: none !important;
    height: auto !important;
}
#main-menu-tabs .fa,
#main-menu-tabs .glyphicon {
	width: 20px;
	text-align: center;
}		
@media only screen and (max-width:768px){
    #main-menu-tabs .dropdown-menu{
        display: block;
        position: static;
        background-color: transparent;
        border: 0 none;
        box-shadow: none;
        margin-top: 0;
        width: 100%;
    }
    #main-menu-tabs a:hover,
    #main-menu-tabs .dropdown-menu > li.active,
    #main-menu-tabs .dropdown-menu > li.active > a {
		background: #222;
		background-color: #222;
		color: #aaa;
    }
    #main-menu-tabs li a {
		color: #aaa;
		padding-left: 15px;
		font-size: larger;				
	}   
	.dropdown a.dropdown-toggle{
		display: none;
	}
	.divider {
		border-bottom: 1px solid #555;
	}
	ul.navbar-nav {
		overflow-y: auto;
	}	
}

/* Signature Pad */
.signature {
	margin-top: 10px !important;
}
.signature canvas {
	border: 1px solid #ccc;
	border-radius: 4px;
}
.signature-pad--body {
	margin-top: 10px;
}
.signature-pad--footer {
	margin-left: 30%;
	margin-bottom: 5px;
}
.signature-checkbox {
	display: inline;
	margin-top: 5px;
	font-size: small;
}
.signature-checkbox label {
	max-width: 580px;
}
.submit-button {
	margin-left: 28%;
	margin-bottom: 5px;
}
/* End Signature Pad */

.sales-item-quantity {
	text-align: center;
	width: 60px !important;
}