/*

* This CSS is for the alternative UBC style

*/

.image_background {
   /* padding-top: 70px;  Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	background: url(../img/sd73_kamloops_thompson_school_district/light-sea-blue.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.header_background{
	background-color: rgba(255,255,255,0.95);
}

.header .brand {
    vertical-align: middle;
    width: 140px;
    text-align: left;
}

.header .brand .inline {
    vertical-align: middle;
    text-align: center !important; 
}

.client_logo_smaller{
	padding-top: 80px;
}

/* Sidebar */
	/*When the screen is not in mobile view, have the header extend all the way to the left by having the sidebar 60px below usual place, When in mobile view, have the sidebar the normal height*/
	
	@media (min-width: 992px) {
		.page-sidebar {
		  margin-top: 60px;
		  width: 280px;
		  background-color: #22262e;
		  z-index: 1000;
		  left: -210px;
		  position: fixed;
		  bottom: 0;
		  top: 0;
		  right: auto;
		  overflow: hidden;
		  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
		  -moz-transition: -moz-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
		  -o-transition: -o-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
		  transition: transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
		  -webkit-backface-visibility: hidden;
		  -webkit-perspective: 1000;
		}
		
		.page-sidebar .sidebar-header {
		  /* Side-bar header */
		  display: block;
		  height: 0px;
		  line-height: 60px;
		  background-color: rgba(255,255,255,0);
		  color: rgba(255,255,255,0);
		  width: 100%;
		  padding: 0 20px;
		  padding-left: 30px;
		  clear: both;
		  z-index: 10;
		  position: relative;
		}
		
		.page-sidebar .sidebar-menu {
			height: 100%;
			position: relative;
			width: 100%;
		}
	}
	
	
	
/*
	.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li .icon-thumbnail {
	  width: 30px;
	  height: 30px;
	  line-height: 30px;
	  margin: 0;
	  background-color: #053d7b;
	  font-size: 14px;
	}
*/
/* END Sidebar */ 

/* Alternate Colors */
	.text-primary:before,
	.text-primary {
	  color: #053d7b !important;
	}
	
	.report_header_background {
		background-color: #63c0f3 !important;
	}
	
	.checkbox.check-primary input[type=checkbox]:checked + label:before {
	  border-color: #053d7b;
	}
	
	/* Make the triangle under the active tab the primary color of the system*/
	.nav-tabs-linetriangle > li.active > a:after {
	  border-top-color: #053d7b;
	}
	
	.nav-tabs-primary.nav-tabs-simple > li:after {
	  background-color: #053d7b;
	}

	/*
	Alternate buttons
	--------------------------------------------------
	*/
	.btn-primary,
	.btn-primary:focus {
	  color: #fff;
	  background-color: #053d7b;
	  border-color: #053d7b;
	}
	.btn-primary.active,
	.btn-primary:active,
	.btn-primary.active:focus,
	.btn-primary:active:focus,
	.btn-primary:active:hover,
	.open .dropdown-toggle.btn-primary {
	  background-color: #00A7E1;
	  border-color: #00A7E1;
	  color: #fff;
	}
	.btn-primary.hover,
	.btn-primary:hover,
	.open .dropdown-toggle.btn-primary {
	  background-color: #008cbf;
	  border-color: #008cbf;
	  color: #fff;
	}
	.btn-primary.active:hover {
	  background: #053d7b;
	  border-color: #053d7b;
	}
	.btn-primary.disabled,
	.btn-primary[disabled],
	fieldset[disabled] .btn-primary,
	.btn-primary.disabled:hover,
	.btn-primary[disabled]:hover,
	fieldset[disabled] .btn-primary:hover,
	.btn-primary.disabled:focus,
	.btn-primary[disabled]:focus,
	fieldset[disabled] .btn-primary:focus,
	.btn-primary.disabled:active,
	.btn-primary[disabled]:active,
	fieldset[disabled] .btn-primary:active,
	.btn-primary.disabled.active,
	.btn-primary[disabled].active,
	fieldset[disabled] .btn-primary.active {
	  background-color: #053d7b;
	  border-color: #053d7b;
	}
	.btn-primary .badge {
	  color: #053d7b;
	  background-color: #fff;
	}
	
	.btn-primary-white,
	.btn-primary-white:focus {
	  color: black;
	  background-color: #fff;
	  border-color: black;
	}
	.btn-primary-white.active,
	.btn-primary-white:active,
	.btn-primary-white.active:focus,
	.btn-primary-white:active:focus,
	.btn-primary-white:active:hover,
	.open .dropdown-toggle.btn-primary-white {
	  background-color: #053d7b;
	  border-color: black;/*#584b8d;*/
	  color: #fff;
	}
	.btn-primary-white.hover,
	.btn-primary-white:hover,
	.open .dropdown-toggle.btn-primary-white {
	  background-color: #00A7E1;
	  border-color: black;/*#8a7dbe;*/
	  color: #fff;
	}
	.btn-primary-white.active:hover {
	  background: #008cbf;
	  border-color: black;/*#5e4f96;*/
	}
	.btn-primary-white.disabled,
	.btn-primary-white[disabled],
	fieldset[disabled] .btn-primary-white,
	.btn-primary-white.disabled:hover,
	.btn-primary-white[disabled]:hover,
	fieldset[disabled] .btn-primary-white:hover,
	.btn-primary-white.disabled:focus,
	.btn-primary-white[disabled]:focus,
	fieldset[disabled] .btn-primary-white:focus,
	.btn-primary-white.disabled:active,
	.btn-primary-white[disabled]:active,
	fieldset[disabled] .btn-primary-white:active,
	.btn-primary-white.disabled.active,
	.btn-primary-white[disabled].active,
	fieldset[disabled] .btn-primary-white.active {
	  background-color: #4c3f7f;
	  border-color: black;/*#4c3f7f;*/
	}
	.btn-primary-white .badge {
	  color: #4c3f7f;
	  background-color: #fff;
	}
	
	
	
	/*Glowing Buttons*/
	@-webkit-keyframes glowing {
	  0% { background-color: #053d7b; -webkit-box-shadow: 0 0 3px #053d7b; }
	  50% { background-color: #00A7E1; -webkit-box-shadow: 0 0 15px #053d7b; }
	  100% { background-color: #053d7b; -webkit-box-shadow: 0 0 3px #053d7b; }
	}

	@-moz-keyframes glowing {
	  0% { background-color: #053d7b; -moz-box-shadow: 0 0 3px #053d7b; }
	  50% { background-color: #00A7E1; -moz-box-shadow: 0 0 15px #053d7b; }
	  100% { background-color: #053d7b; -moz-box-shadow: 0 0 3px #053d7b; }
	}

	@-o-keyframes glowing {
	  0% { background-color: #053d7b; box-shadow: 0 0 3px #053d7b; }
	  50% { background-color: #00A7E1; box-shadow: 0 0 15px #053d7b; }
	  100% { background-color: #053d7b; box-shadow: 0 0 3px #053d7b; }
	}

	@keyframes glowing {
	  0% { background-color: #053d7b; box-shadow: 0 0 3px #053d7b; }
	  50% { background-color: #00A7E1; box-shadow: 0 0 15px #053d7b; }
	  100% { background-color: #053d7b; box-shadow: 0 0 3px #053d7b; }
	}

	.glowing_button {
	  -webkit-animation: glowing 3000ms infinite;
	  -moz-animation: glowing 3000ms infinite;
	  -o-animation: glowing 3000ms infinite;
	  animation: glowing 3000ms infinite;
	}
	/* End Glowing Buttons*/
	
	/* Progress Circle*/
		.progress-circle.progress-circle-primary .pie .half-circle {
			border-color: #053d7b;
		}
		
		.progress-circle-indeterminate.progress-circle-primary {
		  background-image: url('../img/sd73_kamloops_thompson_school_district/progress/progress-circle-primary.svg');
		}
	/* END Progress Circle */
	
	
/* End alternate colors */


@media (min-width: 1000px) {
	.client_logo_fade {
		width:40vw;
	}
	
	.client_logo_fade_smaller {
		width:30vw !important;
	}
	
	.client_logo_bigger{
		width:45vw;
	}
	
	.client_logo_smaller{
		width:30vw;
	}
}

@media (max-width: 999px) {
	.client_logo_fade {
		width:50vw;
	}
	
	.client_logo_fade_smaller {
		width:40vw !important;
	}
	
	.client_logo_bigger{
		width:55vw;
	}
	
	.client_logo_smaller{
		width:40vw;
	}

}

@media (max-width: 768px) {
	.client_logo_fade {
		width:60vw;
	}
	
	.client_logo_fade_smaller {
		width:50vw !important;
	}
	
	.client_logo_bigger{
		width:65vw;
	}
	
	.client_logo_smaller{
		width:50vw;
	}
	
}

@media (max-width: 600px) {
	.client_logo_fade {
		width:70vw;
	}
	
	.client_logo_fade_smaller {
		width:60vw !important;
	}
	
	.client_logo_bigger{
		width:75vw;
	}
	
	.client_logo_smaller{
		width:60vw;
	}
}