/* Use this file to add Custom CSS to PowerSchool */


.pslogin #branding-powerschool {
	color: white !important;
	text-align: right !important;
	font-weight: bold !important;
	font-size: 24pt !important;
}

.pslogin #branding-district {
	color: red;
	text-align: center;
	font-weight: bold;
	font-size: 24pt;
	line-height: 18pt;
}

#branding-powerschool #environment, .pds-app-header-bar-center #environment {
	color: red;
	text-align: center !important;
	font-weight: bold !important;
	font-size: 24pt !important;
	top: 0px;
	position: absolute;
	z-index: 9999;
	padding-top: 10px;
	padding-bottom: 12px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	line-height: 20pt;
}

.container-fluid #environment {
	color: red;
	text-align: center !important;
	font-weight: bold !important;
	font-size: 18pt !important;
	top: 0px;
	position: absolute;
	z-index: 9999;
	padding-top: 8px;
	padding-bottom: 8px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	line-height: 16pt;
}

#branding-powerschool #environment.pstest {
	background-color: #D20A0A;
	color: white !important;
	width: 20%;
}

#branding-powerschool #environment.psuat {
	background-color: #F49639;
	color: white !important;
	width: 20%;
}

#branding-powerschool #environment.psdev {
	background-color: #7BB560;
	color: white !important;
	width: 20%;
}

#branding-powerschool #environment div {
	background-color: white !important;
	color: red !important;
	line-height: 12pt;
}

.container-fluid #environment.pstest {
	background-color: #D20A0A;
	color: white !important;
	width: 20%;
}

.container-fluid #environment.psuat {
	background-color: #F49639;
	color: white !important;
	width: 20%;
}

.container-fluid #environment.psdev {
	background-color: #7BB560;
	color: white !important;
	width: 20%;
}

.container-fluid #environment div {
	background-color: white !important;
	color: red !important;
	line-height: 12pt;
}

.ui-button:focus { 
	outline:none !important; /* Smile 4178 Remove blue halo on jQuery Popup in Firefox. */
}


.dialogM img{ 
	vertical-align:middle !important;
	margin-bottom: 5px !important;
}

@font-face{font-family:"Karla";src:url("/psimages/scripts/app-switcher/fonts/karla-latin-700.woff") format("woff"),local("Karla")} 

span.sps_alert > a.dialogM > img {width:18px !important; height:18px !important;}