/*DEFAULT*/
html, body {
  height: 100%;
}
.loading {
  max-width: 120px;
}
.body-content {
	background-color:#fff;
	padding-top:8px
}
.row {
    display: -ms-flexbox;
    display: flex;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.justify-content-center {
	-ms-flex-pack: center!important;
    justify-content: center!important;
}
.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}
.justify-content-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
}
.container-left {
	padding:32px;
	min-height:100%;
	background-color:#fff;
}

.label {
	margin-bottom:.2rem;
	font-weight: bold;
}
.form-item-login {
	border: 1px solid #d0d0d0;
}
.form-item-login:focus {
  border: 1px solid #73edff;
}
.is-form-error > .input-content > .form-item-login:focus {
	border: 1px solid #fcb1b1;
}
.input-content {
  position: relative;
  width:100%;
}
.input-group-flex {
  display: -moz-flex!important;
  display: -webkit-flex!important;
  display: -ms-flex!important;
  display: flex!important;
}
.btn-input-group {
  height: 100%;
}

/* GEF 3375 add input type password*/
.is-form-error input[type="password"] + .icon {
  position: absolute;
  right: -4px;
  bottom: 6px;
  top: auto;
  font-size: 33px;
}

.w-100 { width:100%!important; }
.h-100 { height:100%!important; }

.m-0 { margin:0; }
.mt-0 { margin-top:0; }
.mr-0 { margin-right:0; }
.mb-0 { margin-bottom:0; }
.ml-0 { margin-left:0; }
.m-1 { margin:8px; }
.mt-1 { margin-top:8px; }
.mr-1 { margin-right:8px; }
.mb-1 { margin-bottom:8px; }
.ml-1 { margin-left:8px; }
.m-2 { margin:16px; }
.mt-2 { margin-top:16px; }
.mr-2 { margin-right:16px; }
.mb-2 { margin-bottom:16px; }
.ml-2 { margin-left:16px; }
.m-3 { margin:24px; }
.mt-3 { margin-top:24px; }
.mr-3 { margin-right:24px; }
.mb-3 { margin-bottom:24px; }
.ml-3 { margin-left:24px; }
.m-4 { margin:32px; }
.mt-4 { margin-top:32px; }
.mr-4 { margin-right:32px; }
.mb-4 { margin-bottom:32px; }
.ml-4 { margin-left:32px; }

.p-0 { padding:0; }
.pt-0 { padding-top:0; }
.pr-0 { padding-right:0; }
.pb-0 { padding-bottom:0; }
.pl-0 { padding-left:0; }
.p-1 { padding:8px; }
.pt-1 { padding-top:8px; }
.pr-1 { padding-right:8px; }
.pb-1 { padding-bottom:8px; }
.pl-1 { padding-left:8px; }
.p-2 { padding:16px; }
.pt-2 { padding-top:16px; }
.pr-2 { padding-right:16px; }
.pb-2 { padding-bottom:16px; }
.pl-2 { padding-left:16px; }
.p-3 { padding:24px; }
.pt-3 { padding-top:24px; }
.pr-3 { padding-right:24px; }
.pb-3 { padding-bottom:24px; }
.pl-3 { padding-left:24px; }
.p-4 { padding:32px; }
.pt-4 { padding-top:32px; }
.pr-4 { padding-right:32px; }
.pb-4 { padding-bottom:32px; }
.pl-4 { padding-left:32px; }

.di { display:initial; }

h1.app-title {
	font-size: 1.75rem;
    line-height: 1;
    margin-top: 16px;
    margin-bottom: 16px;
}
a.collapse__trigger, a.collapse__trigger:hover {
    text-decoration: underline;
}
.collapse__trigger {
	border-top:0;
}
.collapse__wrapper {
	padding:0;
}
.collapse__trigger.is-trigger-active + .collapse__content {
	margin-top:0px;
}
.language-drop-down .close {
    width: 100%;
    text-align: right;
}
.language-drop-down .btn {
    font-size: 0.9375rem;
    padding: 1px 0 0;
    min-height: 0;
    line-height: 0;
    outline: none;
}
.language-drop-down .btn--primary {
    background: none;
    color: #000078;
}
.language-drop-down .dropdown__content.dropdown__list {
    padding: 7px 7px 7px;
}
.language-drop-down .btn .icon {
    font-size: 0.9375rem;
    position: relative;
    top: -2px;
    left: -2px;
}

.card-login {
	margin-bottom:0;
}
.card-auto {
	min-height: inherit;
}
.error { color:#ff0000; }
.error-light { color:#ffd4d4; }
.success { color:#73EDFF; }
.success-light { color:#D5FAFF; }
.success-green{ color:#00ff00; }
.success-green-light { color:#4dff4d; }
.success-green-dark { color:#00b300; }

.ruler--error { border-color:#ff0000; }
.ruler--error-light { border-color:#ffd4d4; }
.ruler--success { border-color:#73EDFF; }
.ruler--success-light { border-color:#D5FAFF; }
.ruler--success-green { border-color:#00ff00; }
.ruler--success-green-light { border-color:#4dff4d; }
.ruler--success-green-dark { border-color:#00b300; }

/*XS*/
@media (max-width:543.9px) {
	 .top-lang {
		height:42px;
	}
	.row {
	    margin-left: -0.25rem;
	    margin-right: -0.25rem;
	}
	.container-left {
		padding:16px;
	}
	.row-container {
    	margin-right: -15px;
    	margin-left: -15px;
	}
	.background-image {
		background-color:#fff;
  }
  .g-recaptcha-scale {
    transform:scale(0.97);transform-origin:0;
  }
}
/*SM*/
@media (min-width:544px) {
	.top-lang {
		height:42px;
	}
	.justify-content-sm-center {
	    -ms-flex-pack: center!important;
	    justify-content: center!important;
	}
	.background-image {
		background: url("../img/img--opt--04.jpg") center center / cover no-repeat; width: 100%;
		-webkit-background-size: cover;
		background-size: cover;
		background-attachment:fixed;
  }
  .g-recaptcha-scale {
    transform:scale(0.78);transform-origin:0;
  }
}
/*MD*/
@media (min-width:768px) {
	.top-lang {
		height:68px;
	}
	.justify-content-md-center {
	    -ms-flex-pack: center!important;
	    justify-content: center!important;
  }
  .g-recaptcha-scale {
    transform:scale(1.0);transform-origin:0;
  }
}
/*LG*/
@media (min-width:992px) {
}
/*XL*/
@media (min-width:1200px) {

}
/* Custom */
@media (max-width: 47.99em) {
	.h1, h1 {
	    font-size: 2.5rem;
	}
}