﻿@charset "UTF-8";
/* CSS Document */
body {
	/*background-image: linear-gradient( 45deg, #036, #0074bc ); */
	font-family: Roboto, san-serif;
	color: #fff;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.login-bg {
	background: linear-gradient(90deg, #1559ab 0%, rgba(0,51,102,1) 48%);
}

.auth {
	background: #fff;
	/*(background: linear-gradient(90deg, #ffffff 0%, #e7f1f9 95%);*/
	color: #1f2d3d;
}

@media screen and (max-width: 767px) {
	.row.main {
		padding-right: 16px;
		padding-left: 16px;
	}
}

.container-fluid {
	/*height: 100vh;*/
}

.ident {
	color: /*#919191*/ rgba(256,256,256,.5);
	font-size: 14px;
}

.auth .ident {
	color: #919191;
}

.sign .hint {
	color: rgba(256,256,256,.6);
}

.text-success {
	color: #94c11c !important;
}

a {
	color: rgba(256,256,256,.7);
	text-decoration: underline;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

a.btn {
	text-decoration: none;
}

.auth a {
	color: #2776bd;
	font-weight: 500;
}

.auth a:hover {
	color: #000;
}

a.media-ident {
	text-decoration: none;
}

.sign h2 {
	font-size: 22px;
	color: /*#3e3e3e*/ #fff;
}

.sign h3 {
	font-size: 18px;
}

.sign h4 {
	font-size: 16px;
	font-weight: 500;
}

.sign p {
	color: rgba(256,256,256,.7);
}

p.strong {
	font-weight: 500;
}

.sign small {
	font-size: 12px;
}

.sign hr {
	border-color: rgba(256,256,256,.3);
}

.auth .sign h2 {
	font-size: 22px;
	color: #3e3e3e;
}

.auth .sign h3 {
	font-size: 18px;
	color: #3e3e3e;
}

.auth .sign p {
	color: #1f2d3d;
}

.auth .sign hr {
	border-color: #d3d9e6;
}

.md-16 {
	font-size: 16px;
}

.md-30 {
	font-size: 30px;
}
.md-50 {
	font-size: 50px;
}

.md-40 {
	font-size: 40px;
}

.md-60 {
	font-size: 60px;
}

label {
	color: /*#6d7682*/ #fff;
	font-size: 12pt;
	margin-bottom: 5px;
	line-height: 12pt;
}

input[type="text"], input[type="email"], input[type="numeric"], input[type="search"], input[type="password"], .input-group-text, textarea {
	border-radius: 2px !important;
	/*background: #f9fbfd;*/
	background: #fff;
	border-color: #c0ccda;
	/*
	--webkit-box-shadow: 0 4px 16px 0 #036;
	-moz-box-shadow: 0 4px 16px 0 #036;
	box-shadow: 0 4px 16px 0 #036;
	*/
}

input[type="search"], input[type="password"] {
	border-right: none;
}

.form-check-input {
	width: 20px;
	height: 20px;
}

.auth input {
	background: #f9fbfd;
}

/*.material-icons { color: #8492a6; }*/

a.media-ident {
	display: block;
	margin-bottom: 16px;
	border: 1px solid rgba(256,256,256,.3);
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
}

.auth label {
	color: #1f2d3d;
}

a.media-ident:hover {
	color: rgba(256,256,256,.6);
	border: 1px solid rgba(256,256,256,1);
	text-decoration: none;
}

.external-provider.ms {
	background-image: url("../img/logo-ms.png");
}

.external-provider.goog {
	background-image: url("../img/logo-google.png");
}

.external-provider.idsrv {
	background-image: url("../img/logo-idsrv.png");
}

.external-provider.adfs {
	background-image: url("../img/logo-adfs.jfif");
}

.external-provider.ad {
	background-image: url("../img/logo-ad.png");
}

.external-provider.ad-circle {
	background-image: url("../img/logo-ad-circle.png");
}

.external-provider.aad {
	background-image: url("../img/logo-aad.png");
}

.external-provider.cgm {
	background-image: url("../img/logo-cgm.png");
}

.external-provider {
	background-size: 24px 24px;
	background-position: 7px center;
	background-repeat: no-repeat;
}

.linked-external-provider {
	border: 1px solid rgba(256,256,256,.3);
	margin-left: 0;
	margin-right: 0;
}

.linked-external-provider .external-provider {
	padding-left: 45px;
}

.browser.brave {
	background-image: url("../img/Browser-Brave-24x24.png");
}

.browser.chrome {
	background-image: url("../img/Browser-Chrome-24x24.png");
}

.browser.duckduckgo {
	background-image: url("../img/Browser-DuckDuckGo-24x24.png");
}

.browser.edge {
	background-image: url("../img/Browser-Edge-24x24.png");
}

.browser.firefox {
	background-image: url("../img/Browser-FireFox-24x24.png");
}

.browser.opera {
	background-image: url("../img/Browser-Opera-24x24.png");
}

.browser.vivaldi {
	background-image: url("../img/Browser-Vivaldi-24x24.png");
}

.browser.safari {
	background-image: url("../img/Browser-Safari-24x24.png");
}

.browser.unknown {
	background-image: url("../img/Browser-Unknown1-24x24.png");
}

.browser.unknown2 {
	background-image: url("../img/Browser-Unknown2-24x24.png");
}

.browser.unknown3 {
	background-image: url("../img/Browser-Unknown3-24x24.png");
}

.browser {
	background-size: 24px 24px;
	background-position: 7px center;
	background-repeat: no-repeat;
	padding-left: 40px;
}

.btn {
	padding: 0 16px;
	min-width: 64px;
	max-width: 200px;
	height: 36px !important;
	line-height: 36px !important;
	border-radius: 2px !important;
	font-size: 14px;
	letter-spacing: .01em;
	font-weight: 500;
	border: none;
}

.btn-primary {
	color: #fff !important;
	background: #94c11c !important;
	text-transform: none;
}

.btn-primary:hover:not(:disabled) {
	background: #b4d360 !important;
	border: none;
	color: #000 !important;
}

.btn-primary:focus {
	background: #b4d360;
}

.btn-primary.disabled {
	opacity: 0.3;
}

.btn-light {
	color: #1f2d3d;
	background: transparent;
	border: 1px solid #9ac4e5;
	text-transform: none;
}

.btn-light:hover:not(:disabled) {
	color: #1f2d3d;
	background: #f8f8f9;
	border: 1px solid #e0e6ed;
}

.btn-light:focus {
	background: #e8e9eb;
}

.btn-secondary {
	background: #e5e9f2;
	color: #3c4858;
	border: none;
}

.btn-secondary:hover:not(:disabled) {
	color: #3c4858;
	background: #e5e9f2;
	opacity: .8;
}

.btn-secondary:focus {
	background: #eff2f7;
}

.btn-text {
	background: transparent;
	color: #3489ca;
}

.btn-text:hover:not(:disabled) {
	background: #f8f8f9;
}

.btn-text:focus {
	background: #e8e9e8;
}

.btn-disabled, .btn:disabled {
	opacity: .3;
	/*cursor: none;*/
}


.codebox {
	border: 1px solid #c2dcef;
	background: #e7f1f9;
	color: #1f2d3d;
	padding: 16px;
	margin-bottom: 15px;
	border-radius: 4px;
}

.codebox span {
	margin-top: 6px;
	display: inline-block;
}

@media screen and (max-width: 522px) {
	.codebox {
		font-size: 12px;
	}
}

@media screen and (max-width: 364px) {
	.codebox {
		font-size: 10px;
	}
}

.cursor-default {
	cursor: default;
}

.cursor-pointer {
	cursor: pointer;
}

/* VALIDATION STYLES --------------------------------------- */
/* THESE STYLES ARE ONLY FOR PAGES WITH THE BLUE-GRADIENT BACKGHROUND. OTHERWISE, USE THE STOCK BOOTSTRAP STYLES */
.login-bg .form-control.is-invalid .login-bg .was-validated .form-control:invalid,
.login-bg .form-control.input-validation-error {
	border-color: #dc3545;
	background-color: #fbe5e5;
}

.login-bg .invalid-feedback {
	color: #faa5c2;
}

.login-bg .invalid-feedback.field-validation-error {
	display: block;
}

.login-bg .modal {
	color: #1f2d3d;
}

.login-bg .modal a {
	color: #2f81c5;
}

.img-fluid {
	margin-right: 20px;
	margin-bottom: 15px;
}

.navbar-brand-link {
	text-decoration: none;
}

.navbar-brand-link:hover {
	text-decoration: underline;
}

input[type=text].obfuscate {
	/*-webkit-text-security: none;*/
	/*-webkit-text-security: circle;*/
	-webkit-text-security: square;
	/*-webkit-text-security: disc;*/
}

a.footer-link {
	text-decoration: none;
}

a.footer-link:hover {
	text-decoration: underline;
}

.launch-icon {
	font-size: 80% !important;
	margin-left: 3px !important;
	vertical-align: text-top !important;
}

.text-footer {
	color: #ffffffb3 !important;
	font-size: 80% !important;
}