div#school-logo
	{
		
		
			background-color: transparent;
		
		background-image: url(inline-file.cfm?do=parentportal.schoolLogo);
		background-repeat: no-repeat;
		background-position: left top;
	}

	div#school-header
	{
		background-color: #262626;
		
		background-image: url(inline-file.cfm?do=parentportal.schoolBanner);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	.main-toolbar
	{
		
			background: transparent;
		
	}

	.main-toolbar .change-company-icon {
		display: none;
	}

	.main-nav>ul li ul::-webkit-scrollbar {
	   -webkit-appearance: none;
	   width: 7px;
	   background: #3F403F;
	   
	}
	.main-nav>ul li ul::-webkit-scrollbar-thumb {
	   border-radius: 4px;
	   background-color: #f1f1f1;
	   box-shadow: 0 0 1px rgba(255,255,255,0.5);
	}

	.main-nav>ul 
	{
		border-width: 1px 0px 1px 0px;
		border-style: solid;
		border-top-color: #1f1f1f; border-bottom-color: #CCCCCC; 
		background: #F3F3F3;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#E8E8E8)); 
			background: -webkit-linear-gradient(top, #F3F3F3, #E8E8E8); 
			background:    -moz-linear-gradient(top, #F3F3F3, #E8E8E8); 
			background:     -ms-linear-gradient(top, #F3F3F3, #E8E8E8); 
			background:      -o-linear-gradient(top, #F3F3F3, #E8E8E8); 
			background:         linear-gradient(top, #F3F3F3, #E8E8E8);
		
	}
	
	.main-nav>ul li
	{ 
		color: #464646;
		border-style: solid;
		border-width: 0px 1px 0px 1px;
		border-left-color: #f5f5f5; border-right-color: #CCCCCC;
		text-shadow: 0px 1px 0px #fdfdfd;
	}
	
	.main-nav>ul>li.active, .no-js .main-nav>ul>li:hover, .no-js .main-nav>ul>li:active
	{
		background: #2F2F2F;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#2F2F2F), to(#3F403F)); 
			background: -webkit-linear-gradient(top, #2F2F2F, #3F403F); 
			background:    -moz-linear-gradient(top, #2F2F2F, #3F403F); 
			background:     -ms-linear-gradient(top, #2F2F2F, #3F403F); 
			background:      -o-linear-gradient(top, #2F2F2F, #3F403F); 
			background:         linear-gradient(top, #2F2F2F, #3F403F);
		
		border-style: solid;
		border-width: 1px 1px 0px 1px;
		border-top-color: #383838; border-left-color: #1f1f1f; border-right-color: #1f1f1f;
		color: #f1f1f1;
		text-shadow: 0px -1px 0px #222222;
	}

	.main-nav>ul li > div > a { color: #464646; min-width: 1px; padding-right: 13px; }
	.main-nav>ul>li .menu-drilldown-indicator { margin: 0 0 2px 7px; position: static; }
	.main-nav>ul li.active > div > a, .no-js .main-nav>ul li:hover > div > a, .no-js .main-nav>ul li:active > div > a { color: #f1f1f1; }
	.main-nav a.home-nav { background-position: -52px -197px; }
	.main-nav .active a.home-nav { background-position: -8px -198px; }

	.main-nav>ul>li .menu-drilldown-indicator { border-top-color: #464646; }
	.main-nav>ul>li.active .menu-drilldown-indicator, .no-js .main-nav>ul>li:hover .menu-drilldown-indicator, .no-js .main-nav>ul>li:active .menu-drilldown-indicator { border-top-color: #f1f1f1; }

	.main-nav>ul li ul 
	{
		border-style: solid;
		background: #3F403F;
		border-width: 1px 1px 1px 1px;
		border-top-color: #2A2A2A; border-bottom-color: #383838; border-left-color: #2A2A2A; border-right-color: #2A2A2A;
	}
	
	.main-nav>ul li ul li
	{
		background: #3F403F;
		
		border-style: solid;
		border-width: 1px 0px 1px 0px;
		border-top-color: #474747; border-bottom-color: #333333; 
		color: #ffffff;
		text-shadow: 0px 1px 0px #2F302F;
	}
	
	.main-nav>ul li ul li > a { color: #ffffff; text-decoration: none; }
	
	.main-nav>ul li ul li.active, .no-js .main-nav>ul li ul li:hover, .no-js .main-nav>ul li ul li:active
	{
		background: #4b4b4b;
		
		border-style: solid;
		border-width: 1px 0px 1px 0px;
		border-top-color: #474747; border-bottom-color: #333333; 
		color: #f1f1f1;
		text-shadow: 0px -1px 0px #222222;
	}
	
	.main-nav>ul li ul li.last { border-bottom: none; }
	.main-nav>ul li ul li.active a, .no-js .main-nav>ul li ul li:hover a, .no-js .main-nav>ul li ul li:active a { color: #f1f1f1; }

	.paper-grid td { color: #2D2D2D; }
	.paper-grid td.primary, .paper-grid td .primary { color: #006699; }
	.paper-grid td a { color: #006699; }
	
	tr.hover:hover td, .hover:hover, .list-item.active { background: #FFFDCD; }
	
	/* DIALOG CUSTOM */
	.dialog-form .ui-dialog-titlebar { background: #1F466F; /*1F466F*/ }	
	.dialog-form .ui-dialog-title { color: #FFFFFF; text-shadow: 0px 0px 0px #222222; }

	.modal-header { 
		background: #1F466F; 
		border-radius: 4px 4px 0 0;
		border-bottom: none;
		color: #FFFFFF; text-shadow: 0px 0px 0px #222222; 
	}

	.gadget-container { border: 1px solid #1F466F !important; background-color: #FFFFFF; }
	.gadget-header { text-align: center; color: #FFFFFF !important; background-color: #1F466F; text-shadow: 0px 0px 0px #222222; }
	.datepickergadget .ui-datepicker.ui-datepicker-inline .ui-datepicker-header,
	.datepickergadget .datepicker-inline thead tr:first-child th { background: #1F466F; border-color: #1F466F; color: #FFFFFF; }
	.datepickergadget .ui-datepicker.ui-datepicker-inline .ui-datepicker-header .btn-next .icon-white, 
	.datepickergadget .ui-datepicker.ui-datepicker-inline .ui-datepicker-header .btn-prev .icon-white,
	.datepickergadget .datepicker-inline thead tr:first-child th .btn-next .icon-white,
	.datepickergadget .datepicker-inline thead tr:first-child th .btn-prev .icon-white {
		color: #FFFFFF;
	}
	.datepickergadget .ui-datepicker.ui-datepicker-inline .ui-datepicker-title { color: #FFFFFF; text-shadow: 0px 0px 0px #222222; }

	/* GRID CUSTOM */
	.fiber-grid-wrapper { padding: 1px; background-color: #000; }
	.fiber-grid, .fiber-grid-wrapper { border-color: #1F466F; }
	.slick-header.ui-state-default, .fiber-grid-wrapper { background: #1F466F; border-color: #1F466F; }
	.slick-header-column.ui-state-default { color: #FFFFFF; 
		border-color: rgba(0,0,0,0.2); 
		text-shadow: 0px 0px 0px #222222; }

	.slick-sort-indicator-asc { border-top-color: #FFFFFF; }
	.slick-sort-indicator-desc { border-bottom-color: #FFFFFF; }

@media (max-width: 768px) {
	
	.responsive-ui .main-nav a.home-nav { background-position: -8px -198px; }

	.responsive-ui .main-nav>ul>li
	{
		background: #2F2F2F;
		
			background: -webkit-gradient(linear, left top, left bottom, from(#2F2F2F), to(#3F403F)); 
			background: -webkit-linear-gradient(top, #2F2F2F, #3F403F); 
			background:    -moz-linear-gradient(top, #2F2F2F, #3F403F); 
			background:     -ms-linear-gradient(top, #2F2F2F, #3F403F); 
			background:      -o-linear-gradient(top, #2F2F2F, #3F403F); 
			background:         linear-gradient(top, #2F2F2F, #3F403F);
		
		border-style: solid;
		border-width: 1px 1px 0px 1px;
		border-top-color: #383838; border-left-color: #1f1f1f; border-right-color: #1f1f1f;
		color: #f1f1f1;
		text-shadow: 0px -1px 0px #222222;
	}

	.responsive-ui .main-nav>ul li a { color: #f1f1f1; }

	.responsive-ui.header-148 .main-wrapper-offset > .main-body {
	    padding-top: 34px;
	}

	.responsive-ui .main-toolbar .user_company_text {
		display: none;
	}

	.responsive-ui .main-toolbar .change-company-icon {
		display: inline-block;
	}

}
	
		
	/* SIDE NAV */
			
	.custom-sidenav {
	  width: 228px;
	  margin: 0;
	  padding: 0;
	  background-color: #fff;
	          border-radius: 6px;
	  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
	     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
	          box-shadow: 0 1px 4px rgba(0,0,0,.065);
	}
	.custom-sidenav > li > a {
	  display: block;
	  width: 190px \9;
	  margin: 0 0 -1px;
	  padding: 8px 14px;
	  border: 1px solid #e5e5e5;
	}
	.custom-sidenav > li:first-child > a {
	          border-radius: 6px 6px 0 0;
	}
	.custom-sidenav > li:last-child > a {
	          border-radius: 0 0 6px 6px;
	}
	.custom-sidenav > .active > a {
	  position: relative;
	  z-index: 2;
	  padding: 9px 15px;
	  border: 0;
	  text-shadow: 0 1px 0 rgba(0,0,0,.15);
	  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	}
	
	/* SIDE NAV */
	
	.custom-sidenav .icon-chevron-right {
	  float: right;
	  margin-top: 2px;
	  margin-right: -6px;
	  opacity: .25;
	}
	.custom-sidenav > li > a:hover {
	  background-color: #f5f5f5;
	}
	.custom-sidenav a:hover .icon-chevron-right {
	  opacity: .5;
	}
	.custom-sidenav .active .icon-chevron-right,
	.custom-sidenav .active a:hover .icon-chevron-right {
	  background-image: url(../img/glyphicons-halflings-white.png);
	  opacity: 1;
	}
	.custom-sidenav.affix {
	  top: 160px;
	  left: 10px;
	}
	.custom-sidenav.affix-bottom {
	  position: absolute;
	  top: auto;
	  bottom: 270px;
	}
	
	.custom-sidenav.affix.pagecontent-sidenav {
		top: 205px;
	}
	
	.main-sidenav.nav>.active>a, .main-sidenav.nav>.active>a:hover, .main-sidenav.nav>.active>a:focus { background-color: #1F466F; color: #FFFFFF;  }
	.main-sidenav.nav > li > a { color: #1F466F; }
	
	.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus { background-color: #1F466F; color: #FFFFFF;  }
	.custom-sidenav > li > a { color: #1F466F; }
	
	/* Separators (hr) */
	
	.custom-separator { margin: 40px 0 39px; }
	
	/* CAROUSEL */
	
	div.carousel-inner > div.item > img, div.carousel-inner > div.item > a > img { width: 100%; }
	
	/* FORM */
	
	td.form-actions:before { content: none; }
	form.form-horizontal table tr td.form-actions { padding: 8px; }

	

		
	.table.table-legacy, .table.table-legacy, .table.table-legacy
	{
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 0px; 
		padding-top: 0px;
		border: thin;
		border-style: solid;
		width: auto !important;
		text-align:left;
		border-color: #1F466F;
		-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		  border-radius: 3px;
		  margin-bottom: 10px;
		  border-collapse: separate; border-spacing: 0;
		  background: #fff;
	}

	.table.table-legacy td, .table.table-legacy th {
		padding: 3px 6px;
	}

	.table.table-legacy td {
		background-color: #fff;
		color: #333;
	}

	.table.table-legacy .formheader, .table.table-legacy .formheader, .table.table-legacy .formheader,
	.table.table-legacy .formheader td, .table.table-legacy .formheader td, .table.table-legacy .formheader td 
	.table.table-legacy .formheader th, .table.table-legacy .formheader th, .table.table-legacy .formheader th
	{
		font-size: 12px;
		line-height: 27px;
		color: #FFFFFF;
		text-align: left;
		height: 27px;
		background-color: #1F466F
	}

	.table.table-legacy .formfooter td, .table.table-legacy .formfooter td, .table.table-legacy td.formfooter, .table.table-legacy .formfooter td, .table.table-legacy td.formfooter
	{ 
		background-color: #f5f5f5;
	  	border-top: 1px solid #ddd;
		height: 27px;
	}

	.table.table-legacy .gridheader { text-align: center; }
	.table.table-legacy .formheader th, .table.table-legacy .formheader th, .table.table-legacy .formheader th { text-align: left; height: 27px; }
	.table.table-legacy .formheaderhref, .table.table-legacy .formheaderhref, .table.table-legacy .formheaderhref { color: #FFFFFF; }

	.table.table-legacy .formheader div.formtitle, 
	.table.table-legacy .formheader div.formtitle, 
	.table.table-legacy .formheader div.formtitle { float: left; }

	.table.table-legacy .formsubheader,
	.table.table-legacy .formsubheader,
	.table.table-legacy .formsubheader
	{ 
	}

	.table.table-legacy .formsubheader th,
	.table.table-legacy .formsubheader th,
	.table.table-legacy .formsubheader th,
	.table.table-legacy .formsubheader th label,
	.table.table-legacy .formsubheader th label,
	.table.table-legacy .formsubheader th label
	{ 
		text-align: left;
		font-size: 14px;
		height: 25px;
		font-weight: bold;
	}

	

	.table.table-legacy .row1 td, .table.table-legacy .row1 td, .table.table-legacy .row1 td
	{
		border-right: 1px solid #DDD;
		border-top: 1px solid #DDD;
		line-height: 25px;
	}

	.table.table-legacy .row2 td, .table.table-legacy .row2 td, .table.table-legacy .row2 td
	{
		background: #f8f8f8;
		border-right: 1px solid #DDD;
		border-top: 1px solid #DDD;
		line-height: 25px;
	}

	.table.table-legacy td:last-child, .table.table-legacy td:last-child, .table.table-legacy td:last-child
	{
		border-right: none;
	}

	.table.table-legacy.popup-table-filters[width="770"],
	.table.table-legacy.popup-table-results[width="770"] {
		width: 770px !important;
		background: #fff;
		margin: 0;
	}

	.table.table-legacy .sortable { cursor: pointer; }
	.table.table-legacy .sorted { font-style: italic; cursor: pointer; }

	/* ================================================================ */
	/* ======= TIMETABLE HIGHLIGHT 								======= */
	/* ================================================================ */

	.table.table-legacy .highlight, .table.table-legacy .highlight td, .table.table-legacy .highlight, .table.table-legacy .highlight td, .table.table-legacy .highlight, .table.table-legacy .highlight td
	{ 
		background-color: #FFCC33;
		font-weight: bold; 
		color: black;
	}

	.table.table-legacy .warning, .table.table-legacy .warning
	{ 
		FONT-WEIGHT: bold; 
		FONT-SIZE: 12px; 
		COLOR: white; 
		BACKGROUND-COLOR: #AA0000;
	}