.mainbox {width:100%;}
.mainbox.reduce {float:left;margin-right:15px;width:100%;}
.infobox {position:absolute;display:none;box-shadow:0px 3px 28px #999;z-index: 96}
.infobox.open {top:90px;right:20px;position:absolute;display:block;}
.infobox .framebox {margin-top:0};
.off {display:none!important;}
.wrapper {overflow:hidden;width:auto;}

.mainbox .modal, .infobox .modal {position:absolute;left:0;width:100%;top:0;margin:auto;}
.header {border-bottom:2px solid #CFE4EF;}
.school.name {font-size:14px;font-weight:bold;}

.framebox {
	margin-top:10px;
}
.header {height:50px;}
.header-right{height:40px;}
.header .logo {margin:5px 0 0 8px;}
address {margin-bottom:2px;}
.panel-title {line-height:6px;font-size:16px;}
.userbox .profile-info {margin: 0 25px 0 20px;}


.framebox .header {
	padding:6px;
	border-bottom:1px solid #EEEEEE;
	margin-bottom:10px; 
	background-color: #0074CC;
    background-image: -moz-linear-gradient(center top , #0088CC, #0055CC);
    background-repeat: repeat-x;
    border-radius:5px 5px 0 0;
    color:#FFFFFF;
    text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.20);
}

.pad_details
{
	padding-left: 10px; 
}

.pointer{cursor:pointer}

html.sidebar-left-xs.sidebar-left-collapsed .sidebar-left {
    width: 50px;
}

.sidebar-left .sidebar-header .sidebar-toggle { width:50px;}

.thumb-info img {margin-bottom:36px;}

.thumb-info .thumb-info-title {bottom:-10%;padding:5px 10px;}

html.fixed .inner-wrapper {padding-top:15px;}



.content-body{padding-right:20px;}

ul.nav-main > li > a {
    padding: 12px 14px;
}

ul.nav-main li .nav-children li a {
   padding: 6px 15px 6px 17px!important;
}

html.sidebar-left-xs .sidebar-left ul.nav-main li a {
    font-size: 1.3em;
}

ul.nav-main li.nav-parent > a:after {padding-right:15px;}

.ztop {z-index: 96}

.body-sign {
	display:block;
	max-width:525px;
}

.body-sign .center-sign {
	display:block;
}

.body-sign .panel-body {
	padding : 33px 23px 15px!important;
}

.small_custom {
	max-height: 300px;
	overflow-y: auto;
}

.medium_custom {
	max-height: 500px;
	overflow-y: auto;
}

.large_custom {
	max-height: 700px;
	overflow-y: auto;
}

.custom_color {
	color: #000000;
}

select {
	color: #000000;
}

.panel-actions {
    /*right: 12px;
    top: 8px;*/
   	margin-top:-5px;
    float:right;
}

.header .toggle-sidebar-left {cursor:pointer;}
.header .toggle-user-options {cursor:pointer;}

@media only screen and (max-width: 767px)
{
	html.no-mobile-device .inner-wrapper {padding-top:17px;}
	.infobox {min-width: 90%}
	.panel-actions {margin-top:-9px;}
}


@media only screen and (min-width : 768px)
{
	html.sidebar-left-xs .sidebar-left {width:175px;}
	html.fixed .sidebar-left {top:50px;}
	html.fixed.sidebar-left-xs .content-body { margin-left: 155px;}
	.with_buttons .dataTables_wrapper {margin-top:-50px;}
	html.fixed.sidebar-left-xs.sidebar-left-collapsed .content-body{margin-left:60px;}
	.datatables-header .col-md-6 {width: 50%;}
	.infobox {max-width: 60%}
}

#json-overlay {
	background: rgba(128, 128, 128, 0.2);
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
	width: 100%;
	display: none;
}

#middle {
    display: table-cell;
    vertical-align: middle;
}
#inner {
	width: 150px;
    margin: 0pc auto;
    border: 1px solid black;
    background-color: #333;
    text-align: center;
    border-radius: 15px;
    color: white;
}

.panel-dark {
	margin-bottom: 0px;
}

.square {
	border-radius: 0px;
}

.leaf {
	 border-radius: 0px 10px;
}