html, body {
  height: 100%;
  margin: 0;
}

.auth-row {
	height: 100%;
}

/*LEFT SIDE*/

.auth-app-left {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
    background-image: URL('/img/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.auth-app-form-info {
	width: 90%;
}

.auth-app-welcome {
	font-size: 18px;
	color: #FFB300;
	text-align: left;
}

.auth-app-name {
	font-size: 42px;
	color: #37474F;
	text-shadow: 0.5px 0.5px 2px #37474F;
	text-align: left;
	margin-top: 50px;
}

.auth-app-desc {
	height: 25vh;
	font-size: 12px;
	color: #757575;
	text-align: left;
	line-height: 22px;
}

.auth-app-line {
	margin-top: 20px;
	margin-bottom: 20px;
}

.auth-line-break {
    border-top: 2px solid #BDBDBD;
}

.auth-line-break2 {
    border-top: 2px solid #FFB300;
}

.auth-app-logo {
	padding: 20px;
	text-align: left;
	opacity: 0.8;
}

.auth-logo {
	width: 20%;
	display: inline-block;
}

.auth-app-owner {
	font-size: 12px;
	color: #757575;
}

.auth-app-address {
	font-size: 12px;
	color: #757575;
	margin-top: 5px;
}

.auth-app-phone {
	font-size: 12px;
	color: #757575;
	margin-top: 5px;
}

.auth-app-email {
	font-size: 12px;
	color: #757575;
	margin-top: 5px;
}

.auth-app-version {
	font-size: 12px;
	color: #757575;
}

/*RIGHT SIDE*/

.auth-app-right {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #16325B;
}

.auth-app-form-logo {
	text-align: center;
	margin-bottom: 30px;
	opacity: 0.8;
}

.auth-form-logo {
	width: 45%;
	display: inline-block;
}

.auth-app-form-login {
	width: 70%;
}

.auth-app-form-label {
	font-size: 18px;
	color: #3c8dbc;
	text-align: center;
	padding: 0px;
	font-weight: bolder;
}

.auth-app-form-desc {
	font-size: 12px;
	color: #3c8dbc;
	text-align: center;
	margin-top: 5px;
	padding: 0px;
}

.auth-app-form-foot {
	font-size: 12px;
	color: #3c8dbc;
	text-align: center;
	margin-top: 30px;
	padding: 0px;
}

.auth-app-alert {
	font-size: 12px;
	color: salmon;
	text-align: center;
	margin-top: 10px;
}

.auth-app-form-post {
	margin-top: 50px;
	padding: 0px;
}

.auth-app-remember-label {
	font-size: 12px;
	color: #3c8dbc;
	float: left;
	margin-left: 10px;
	margin-top: 3px;
}

.auth-app-forgot-label {
	font-size: 12px;
	float: right;
	margin-left: 10px;
	margin-top: 3px;
	text-decoration: underline;
}

.auth-app-back-label {
	font-size: 12px;
	float: right;
	margin-top: 3px;
	text-decoration: underline;
}

.auth-app-input {
	margin-bottom: 20px;
}

label {
	color: #3c8dbc;
	font-size: 14px;
	font-weight: normal;
}

.form-select {
	height: 33px;  
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Monospace; 
	color: #424242;
	padding-left: 8px;
	border-radius: 0px;
	background-color: #FFF;
	border:1px solid #E0E0E0;
	border-left: 3px solid #337ab7;
}

.form-text {
	height: 33px;   
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Monospace;
	color: #424242;
	border-radius: 0px;
	background-color: #FFF;
	border:1px solid #E0E0E0;
	border-left: 3px solid #337ab7;
}

.form-checkbox {
	height: 15px !important; 
	width: 15px !important; 
	border-radius: 0px !important;
	float: left;
}

.form-action {
	background: #FFA000;
	color: #FFF;
	padding: 6px 12px 6px 12px;
	margin-left: 5px;
	border-radius: 2px;
	border: 1px solid #FFA000;
	font-size: 14px;
	font-weight: 500;
	text-shadow: 0px 0px 1px gray;
	float: right;
	display: inline-block;
	width: 100%;
	margin-top: 10px;
	border-radius: 20px;
}

.form-action:hover {
	background: #FFA000;
}

.select2 {
    max-width: 100%;
    font-size: 12px !important;
    font-family: Calibri, Arial, Monospace !important;
}

.select2-selection {
    overflow: hidden;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    white-space: normal !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #E0E0E0;
    border-radius: 0!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
    font-family: Calibri, Arial, Monospace !important;
    font-size: 12px !important;
}

.select2-container .select2-selection--single {
    height: 30px!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    padding-left: 12px!important;
    line-height: 30px!important;
}

.select2-search__field:focus {
    border-color: #66afe9!important;
    outline: 0!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 3px!important;
}

.form-group>.select2-container {
    width: 100% !important;
}

.is-invalid .select2-container--default .select2-selection--single {
    border-color: #dc3545;
}

.select2-results__option {
    padding: 1px 12px 1px 12px;
    font-weight: normal;
    font-family: Calibri, Arial, Monospace !important;
    font-size: 12px !important;
}

.select2-search__field {
    padding-left: 8px !important;
    font-weight: normal;
    font-family: Calibri, Arial, Monospace !important;
    font-size: 12px !important;
}

.select2-search__field:focus {
    border:1px solid #FFB300 !important;
    box-shadow: none !important;
}

.select2-selection__rendered {
    text-align: left;
}

.custom-drp-result {
    width: auto !important;
    min-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}