/*
Module Name: MSD (Mobile CSS)
Author: Prosoft Phils
Author URL: http://prosoft-phils.com/
*/
/*--------------------------------------------------------------
Login Form
--------------------------------------------------------------*/

.page-title{
	display: flex;
	flex-direction:row-reverse;
}

.page-title #login_admin a, .page-title #login_admin a:hover, .page-title #login_admin a:visited{
	color: #333333;
}

.page-title #login_admin{
	font-size: 1em;
	font-weight: bold;
}

.page-title #login_admin a{
	margin:  0 1em;
}

.page-title #login_admin a.active{
	color: #279FD1
}

.page-title #login_admin .tab-login-roles:hover, .page-title #login_admin .tab-login-roles:active {
	color: #279FD1 !important;
}

.welcome-tag{
	text-align: center;
	color: #00678E;
}

div.employee{
	display:flex;
	justify-content:center;
}

#frmLogin{
	display:flex;
	justify-content:center;
}

#solve-login-section{
	display: flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
	margin:1em 0;
	min-width:20em;
	max-width:20em;
}

#solve-login-section .input-group{
	width:20em;
	font-size: 1em;
}

#solve-login-section .input-group .input-group-prepend .input-group-text{
	background-color: white;
}

#solve-login-section .input-group .form-control{
	border-left: none;
}

#copyright_agreement, #user_agreement{
	width: 20rem;
	font-size: 0.65em;
	line-height:1.5em;
	margin-top: 1rem;
	text-align:justify;
}

.btnLogin {
	background-color: var(--color-blue);
	color:white;
	min-width: 250px;
	font-size: 1em;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(230,230,230,1);
	-moz-box-shadow: 0px 10px 10px 0px rgba(230,230,230,1);
	box-shadow: 0px 10px 10px 0px rgba(230,230,230,1);
}

.confidential-warning{
	font-size: 0.85em;
	line-height:1.5em;
}

.confidential-warning .alert{
	background-color: #f2f2f2;
}

.forgot-password{
	text-align:right;
	align-self:flex-end;
}

.view-input{
	border: 1px solid #dddddd;
}

.f-pt75rem{
	font-size: 0.75em
}

.form-section{
	display: flex;
	flex-direction:column;
	align-items:center;
}

#forgot_password_modal{
	transform: translate(0%, 25%);
	-webkit-transform: translate(0%, 25%);
}

@media (max-width: 767px) {
	.page-title{
		justify-content: center;
		flex-direction:unset;
	}
} /* END of @media 767px and below*/

.btnSetup {
    background-color: #42b72a;
}

.red-color{
	color:red;
}

.popover{
	left:35px !important;
}