@import "/css/cas-a90aca7e2afb259734284377211db332.css";


/*
 Pearson Blue = #007fa3 - Only used for Logo
 Chalk White = #ffffff
 Ink Black = #000000
 Mist Grey = #dfe1e1
 Graphite Grey = #505759
 Grass Green = #008638
 ATP Green = #38b39a
*/

body {
	background-color: black; 
	background-image: url('/themes/qi/images/login-qinteractive_background-dce2d52879952fe81416672627f7072d.png');
	background-repeat: no-repeat;
	background-position: center -60px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", Tahoma, sans-serif;
	overflow:auto;
}

div#content {
    box-shadow: none;
}
 .mdc-top-app-bar__section { 
 	padding: 0px;
 }

.mdc-top-app-bar__row {
	height: 28px;
}

.mdc-top-app-bar {
    background-image: linear-gradient(to top, #505759, #505759)
}

.mdc-button {
	text-transform: none;
    background: #38b39a linear-gradient(to bottom, #38b39a 5%, #339b86 100%) repeat scroll 0 0;
}

.mdc-button--raised:not(:disabled) {
    margin-right: 4px;
    border-radius: 4px 4px;
    background-color: var(--cas-theme-primary, #153E50);
}

.cas-footer {
    background-image: linear-gradient(to top, #505759, #505759);
    font-size: 14px;
    font-weight: normal;
}
.cas-footer a {
    color: #38b39a;
    text-decoration: none;
}

.cas-logo1 {
	padding-left: 10px;
	height: 30px;
}

.login-section {
	padding: 0rem 2.5rem 2rem 2.5rem !important;
}
.ssoButton {
    width: 100%;
    color: black;
    font-size: 14px;
    text-align: center;
}
.ssoButton a {
	display: inline-block;
}
.ssoButton button {
	width:210px;height:48px;padding-left:50px; border: 1px solid #E4E4E4;
	background-color:white;background-size:35px;background-position:5px;background-repeat:no-repeat
}
.ssoClever {
	background-size:25px !important;background-position:8px !important;background-image:url('/images/clever-signin-ba2d929e2c3b087aeb8ac4b6272cf774.png')
}
.ssoClassLink {
	background-image:url('/images/classlink-signin-8a26afc0a985b39f6be9ecf98cab368a.png')
}
.ssoGoogle {
	background-image:url('/images/google-signin-e0e61f8a756845102c18fc9d4b569ea5.png')
}
.ssoMicrosoft {
	background-image:url('/images/microsoft-signin-0c29638c7558632a1a5f053d344405ba.png')
}
.ssomyCloud {
	background-image:url('/images/mycloud-signin-336a95413c4591154c37a9389f276532.png')
}
.ssoOther {
	background-image:none;
}	

.work-panel{
    width: 1000px;
    margin: 0;
    position: relative;
    padding-left: 45px;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
}


.hide{
	display:none;
}

.text-align-pmlinks{
    text-align: left;
}
.otherlogin{
	margin-top: 19.5rem!important;
    margin-bottom: .5rem!important;
    text-align: left;
}
.loginwork-panel{
	width: 1000px;
    margin: 0;
    position: relative;
    padding-left: 45px;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
}

.lablecolor{
	color: black;
}

.sectioncss{
	width: 240px;
    
}
.fontcolor{
	text-align: left;
    color: white;
    font-size: 15px;
    margin-block-end: 8px;
}

.mdc-button:not(:disabled) {
	color: white;
}

.btncss {
	border-radius: 5px;
    border: none;
    width: auto;
    line-height: 0 !important;
    color: white;
    -webkit-box-shadow: 2px 1px 5px rgb(0 0 0 / 20%);
    filter: none;
    background: -webkit-linear-gradient(top, #686868 0%, #000000 100%);
    height: 30px;
    text-transform: unset !important;
}
.hello_label {
	color: #ffffff;
    font-size: 40px;
    font-weight: lighter;
    
	
}
.inputfield{
	height: 35px;
    line-height: 30px;
	width: 240px;
	border-radius: 8px;
    background-color: white;
    font-size: 15px;
	box-sizing: border-box;
    padding-right: 8px;
    padding-left: 8px;
    
}
#providerHeading > p > span {
	color: white;
}
.nextbtndiv{
	float: left;
    margin: 10px;
    margin-left: auto;
}
.submitbtndiv{
	margin-top: 30px;
    float: left;
    margin: 29px;
    margin-left: auto;
}
#username:focus , #password:focus{
   background-color:#bce4f4;
}

.errordiv{
	width:305px;
	color:white;
}

.btncss:active {     
   background: #000000;   
}
.banner-warning {
    border-color: #ff8c00;
    color: #000000;
}