﻿.btn-sign-in {
    margin-top: 10px;
}
.login-captcha-class {
    padding: 0;
    margin-bottom: 10px;
}

.login-box-body .client-logo {
    max-width: 100% !important;
    max-height: 75px !important;
}

.badge-login-counter-timer {
    background-color: #d73925 !important;
    padding: 6px 10px !important;
    font-size: 15px !important;
    border-radius: 13px !important;
}

.show-hide-password {
    position: absolute;
    top: 10px;
    right: 5px;
    font-size: 15px;
    color: #c8c8c8;
    cursor:pointer;
}

.change-password-form .show-hide-password {
    right: 40px !important;
}


.login-box-msg {
    font-size: 25px;
    font-family: Roboto;
    color: #59595c;
    font-weight: 600;
}

.login-box-body {
    border-radius: 15px;
    padding: 40px 30px;
    min-height: 370px
}

.login-box-body>div, .rememberMeForgotPasswordClass>div{
	padding:0 !important;
}
.login-page, .register-page {
    background: #ffffff;
}

.login-box .form-control {
    display: inline-block;
    color: #454545;
    padding: 5px;
    border: 1px solid #e8e8e8;
    font-family: Roboto;
    font-size: 13px !important;
    width: 100% !important;
}

.login-box-body .form-control-feedback, .register-box-body .form-control-feedback {
    color: #c8c8c8;
}

.login-box .btn.btn-flat {
    margin-top: 10px;
    background-color: #f5b300;
    border: none;
    font-size: 15px;
    font-family: Roboto;
    margin: 20px 0px 30px 0px;
    border-radius: 5px;
	transition: background-color 1s;
}
.login-box .btn.btn-flat:hover {
    background-color: #eb8125;
}

.login-box .text-right > a {
    font-size: 14px;
    font-family: Roboto;
    color: #f5b300;
}

    .login-box .text-right > a:hover {
        font-size: 14px;
        font-family: Roboto;
        color: #59595c;
    }
.usernameIcon, .passwordIcon{
	position: absolute;
    right: 10px;
    bottom: 10px;
    color: #c8c8c8;
}

.disabledLoginForm {
    pointer-events: none;
    opacity: 0.4;
}

@media (max-width: 768px){
.login-box, .register-box {
    width: 360px;
    margin: 7% auto;
}
}


@media (min-width:250px) and (max-width: 450px) {
.login-box, .register-box {
    width: 100% !important;
    margin-top: 50px;
	padding: 20px;
}
}

.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body{
    background-color: #ffffff !important;
    border-color: #d73925;
    color: #d73925 !important;
    font-size: 15px;
    font-family: Roboto;
    text-align: center;
    margin-bottom: 10px !important;
}

.ErrorMessageDivisionClass{
text-align: center;
    margin-bottom: 15px;
}
.ForceSignInClass{
	font-size: 15px;
    font-family: Roboto;
	transition: .5s ease;
}

.ForceSignInClass:hover{
background-color: #981100;
    border-color: #981100;
    font-size: 15px;
    font-family: Roboto;
transition: .5s ease-out;
}

@media only screen and (orientation: landscape) and (min-width:400px) and (max-width: 767px) {
.login-box, .register-box{
    width: 90% !important;
    margin: 2% auto !important;
}

}

/*Single Sign On */
.CommonSingleSignOnItem {
    padding: 5px;
    border: 1px solid #dadada;
    text-align: center;
    font-size: 15px;
    font-family: Roboto;
    border-radius: 5px;
    margin-bottom: 15px;
    cursor: pointer;
    transition: background-color 1s
}
.CommonSingleSignOnItem:hover{
    background-color: #8f8f8f;
    color: #fff;
}

.CommonSingleSignOnItem img{
    height: 25px;
    margin-right: 5px;
}
.SsoProviderName {
    font-weight:700;
}
