/*

* 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/inclusion_powell_river/Inclusion-Powell-River-Wallpaper.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: #8c52fe;
	   font-size: 14px;
	 }
 */
 /* END Sidebar */ 
 
 /* Alternate Colors */
	 .text-primary:before,
	 .text-primary {
	   color: #8c52fe !important;
	 }
	 
	 .report_header_background {
		 background-color: #b495f3 !important;
	 }
	 
	 .checkbox.check-primary input[type=checkbox]:checked + label:before {
	   border-color: #8c52fe;
	 }
	 
	 /* Make the triangle under the active tab the primary color of the system*/
	 .nav-tabs-linetriangle > li.active > a:after {
	   border-top-color: #8c52fe;
	 }
	 
	 .nav-tabs-primary.nav-tabs-simple > li:after {
	   background-color: #8c52fe;
	 }
 
	 /*
	 Alternate buttons
	 --------------------------------------------------
	 */
	 .btn-primary,
	 .btn-primary:focus {
	   color: #fff;
	   background-color: #8c52fe;
	   border-color: #8c52fe;
	 }
	 .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: #ff6699;
	   border-color: #ff6699;
	   color: #fff;
	 }
	 .btn-primary.hover,
	 .btn-primary:hover,
	 .open .dropdown-toggle.btn-primary {
	   background-color: #01aaaf;
	   border-color: #01aaaf;
	   color: #fff;
	 }
	 .btn-primary.active:hover {
	   background: #8c52fe;
	   border-color: #8c52fe;
	 }
	 .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: #8c52fe;
	   border-color: #8c52fe;
	 }
	 .btn-primary .badge {
	   color: #8c52fe;
	   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: #8c52fe;
	   border-color: black;/*#584b8d;*/
	   color: #fff;
	 }
	 .btn-primary-white.hover,
	 .btn-primary-white:hover,
	 .open .dropdown-toggle.btn-primary-white {
	   background-color: #ff6699;
	   border-color: black;/*#8a7dbe;*/
	   color: #fff;
	 }
	 .btn-primary-white.active:hover {
	   background: #01aaaf;
	   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: #8c52fe; -webkit-box-shadow: 0 0 3px #8c52fe; }
	   50% { background-color: #ff6699; -webkit-box-shadow: 0 0 15px #8c52fe; }
	   100% { background-color: #8c52fe; -webkit-box-shadow: 0 0 3px #8c52fe; }
	 }
 
	 @-moz-keyframes glowing {
	   0% { background-color: #8c52fe; -moz-box-shadow: 0 0 3px #8c52fe; }
	   50% { background-color: #ff6699; -moz-box-shadow: 0 0 15px #8c52fe; }
	   100% { background-color: #8c52fe; -moz-box-shadow: 0 0 3px #8c52fe; }
	 }
 
	 @-o-keyframes glowing {
	   0% { background-color: #8c52fe; box-shadow: 0 0 3px #8c52fe; }
	   50% { background-color: #ff6699; box-shadow: 0 0 15px #8c52fe; }
	   100% { background-color: #8c52fe; box-shadow: 0 0 3px #8c52fe; }
	 }
 
	 @keyframes glowing {
	   0% { background-color: #8c52fe; box-shadow: 0 0 3px #8c52fe; }
	   50% { background-color: #ff6699; box-shadow: 0 0 15px #8c52fe; }
	   100% { background-color: #8c52fe; box-shadow: 0 0 3px #8c52fe; }
	 }
 
	 .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: #8c52fe;
		 }
		 
		 .progress-circle-indeterminate.progress-circle-primary {
		   background-image: url('../img/inclusion_powell_river/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:15vw !important;
	 }
	 
	 .client_logo_bigger{
		 width:45vw;
	 }
	 
	 .client_logo_smaller{
		 width:15vw;
	 }
 }
 
 @media (max-width: 999px) {
	 .client_logo_fade {
		 width:50vw;
	 }
	 
	 .client_logo_fade_smaller {
		 width:25vw !important;
	 }
	 
	 .client_logo_bigger{
		 width:55vw;
	 }
	 
	 .client_logo_smaller{
		 width:25vw;
	 }
 
 }
 
 @media (max-width: 768px) {
	 .client_logo_fade {
		 width:60vw;
	 }
	 
	 .client_logo_fade_smaller {
		 width:30vw !important;
	 }
	 
	 .client_logo_bigger{
		 width:65vw;
	 }
	 
	 .client_logo_smaller{
		 width:30vw;
	 }
	 
 }
 
 @media (max-width: 600px) {
	 .client_logo_fade {
		 width:70vw;
	 }
	 
	 .client_logo_fade_smaller {
		 width:40vw !important;
	 }
	 
	 .client_logo_bigger{
		 width:75vw;
	 }
	 
	 .client_logo_smaller{
		 width:40vw;
	 }
 }

 .header .brand {
    width: 80px;
}