/** OVERRIDES **/
#create-account-wrapper .checkbox .checkbox-material .check,
#create-account-wrapper label.checkbox-inline .checkbox-material .check {
	height: 20px;
}
.radio span, label.radio-inline span {
	left: 18px;
}
.radio label, label.radio-inline {
	padding-left: 56px;
}
.checkbox label, .radio label.gray-text,
label, .togglebutton label.gray-text {
	color: #777;
}


/** LOGIN **/
	.card.login-container {
		overflow: hidden;
	}
    .multi-login {
        position: relative;
        top: -150px;
        overflow-x: hidden;
        overflow-y: auto;
    }
	.multi-login .siteLogo {
		height: 100px;
		width: 100px;
	}
    section.login .material-icons {
        font-size: 100px;
        margin: 0;
    }
    #g-btn {
        width: 120px;
        height: 36px;
        margin: 0 auto;
    }
    #g-btn .abcRioButton {
        width: 120px;
        height: 36px;
        opacity: 0;
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0;
    }
    #g-btn .login-text {
        height: 36px;
        line-height: 36px;
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 120px;
        z-index: 1;
    }
    
    #login-wrapper {
        margin: 100px auto;
        
    }
    
    .login-block {
		background: #fff;
		height: 540px;
		width: 100%;
	}
	.login-block .login-footer {
		position: absolute;
		bottom: 10px;
		width: 100%;
		text-align: center;
	}
	.login-back-btn {
		position: absolute;
		top: 0px;
		left: -500px;
		transition: opacity .3s linear;
		opacity: 0;
		padding: 10px;
		font-size: 26px;
	}

	#login-button-wrapper {
		display: block;
		max-width: 100%;
		position: relative;
		overflow: hidden;
		text-align: center;
	}
	#manual-login-wrapper {
		position: absolute;
		z-index: 2;
		right: -100%;
		top: 0;
		-webkit-transition: right linear 0.3s;
	       -moz-transition: right linear 0.3s;
	         -o-transition: right linear 0.3s;
		        transition: right linear 0.3s;
	}
	.login-block .btn {
		border-radius: 10px;
		padding: 15px;
	}
	
	.login-block .btn-block {
		width: auto;
	}

	.login-block a.btn,
	.login-block .classicButton,
	.login-block .createAccountButton,
	.login-block .FeideButton,
	.login-block .GoogleButton,
	.login-block .MicrosoftButton,
	.login-block .SkolonButton {
		background-color: #fff;		
		background-repeat: no-repeat !important;
		background-position: 20px 50% !important;
		background-size: auto 50% !important;
		color: rgba(0,0,0,.8) !important;
		border-radius: 10px;
		padding: 15px;
	}
	.login-block .classicButton i.material-icons {
		color: rgba(27, 107, 181, 1);
		font-size: 24px;
		position: absolute;
		top: 50%;
		left: 20px;
		margin-top: -12px;
	}
	.login-block .FeideButton {
		background-image: url('../img/feide-idp.svg') !important;
		display: block;
	}
	.lang-no .login-block .FeideButton {
		display: block;
	}
	.login-block .GoogleButton {
		background-image: url('../img/google-idp.png') !important;
	}
	.login-block .MicrosoftButton {
		background-image: url('../img/office365-idp.png') !important;
	}
	.login-block .SkolonButton {
		background-image: url('../img/skolon-idp.png') !important;
	}
	
	
/** CREATE ACCOUNT **/
	#create-account-wrapper {
		position: absolute;
		z-index: 2;
		left: 0;
		bottom: -100%;
		-webkit-transition: bottom linear 0.3s;
	       -moz-transition: bottom linear 0.3s;
	         -o-transition: bottom linear 0.3s;
		        transition: bottom linear 0.3s;
	}
	.checkbox-wrapper {
		margin: 0 5px;
		border-radius: 6px;
	}
	.checkbox-wrapper.error {
		box-shadow: 0 0 5px #f00;
	}
	.checkbox-wrapper .checkbox {
		padding: 0 15px;
		position: absolute;
		left: 0px;
	}
	.checkbox-wrapper p.checkbox-content {
		margin-left: 50px;
		line-height: 1;
		padding-bottom: 15px;
		padding-top: 15px;
	}
	.form-group.is-focused.error .form-control {
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#ff0000)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
		background-image: -webkit-linear-gradient(#ff0000, #ff0000), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
		background-image: -o-linear-gradient(#ff0000, #ff0000), -o-linear-gradient(#D2D2D2, #D2D2D2);
		background-image: linear-gradient(#ff0000, #ff0000), linear-gradient(#D2D2D2, #D2D2D2);
		background-size: 100% 2px, 100% 1px;
		-webkit-transition-duration: 0.3s;
    	     -o-transition-duration: 0.3s;
    	        transition-duration: 0.3s;
	}
	.form-group .visible-on-error {
		display: none;
	}
	.form-group.error .visible-on-error {
		display: initial;
	}
	.form-group i.material-icons.visible-on-error {
		bottom: 20px;
		color: #f00;
		position: absolute;
		right: 0;
	}
	.drop-down-wrapper .btn.dropdown-toggle {
        display: block;
        padding: 0;
        margin: 0;
    }
    .drop-down-wrapper p,
    .drop-down-wrapper li a {
        font-weight: 500;
        font-size: 14px;
        text-transform: none;
    }
    .drop-down-wrapper .dropdown-menu {
        border-radius: 0;
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        margin: 0;
        width: 100%;
        top: -3px;
    }
    .btn.dropdown-toggle p {
        height: 44px;
        line-height: 44px;
        margin: 0;
        padding: 0 15px;
    }
    .drop-down-wrapper .btn.dropdown-toggle p .material-icons,
    .drop-down-wrapper li a .material-icons {
        font-size: 24px;
        position: relative;
        top: -1px;
    }
    .drop-down-wrapper .dropdown-toggle .material-icons.right {
		color: #777;
	    position: absolute;
	    top: 50%;
	    right: 0px;
	    margin-top: -15px;
    }
	

/** MEDIA QUERIES BASED ON SCREEN SIZE **/
	@media screen and (max-width: 1200px) {
		.multi-login {
			top: 20px;
		}
	}
	
	@media (max-width: 992px) {
		body {
			background-color: #fff !important;
		}
		.card.login-container {
			box-shadow: none;
			-webkit-box-shadow: none;
		}
	}