/*BASE*/
body{
	background-color:#f9f9f9 !important;
	padding-top:90px;
}
a{
	color:#087021;
}
a:hover{
	color:#0b4c1a;
}
/*inputs*/
.ui.form input:not([type]):focus-within,
.ui.form input[type=date]:focus-within,
.ui.form input[type=datetime-local]:focus-within,
.ui.form input[type=email]:focus-within,
.ui.form input[type=file]:focus-within,
.ui.form input[type=number]:focus-within,
.ui.form input[type=password]:focus-within,
.ui.form input[type=search]:focus-within,
.ui.form input[type=tel]:focus-within,
.ui.form input[type=text]:focus-within,
.ui.form input[type=time]:focus-within,
.ui.form input[type=url]:focus-within,
.ui.input.addon-wrapper:focus-within,
.ui.input:focus-within{
	border-color:#087021 !important;
}
.ui.checkbox input:focus~.box:before,.ui.checkbox input:focus~label:before{
	border-color:#087021 !important;
}
.ui.form .field:last-child, .ui.form .fields:last-child .field{
	margin-bottom:1em;
}
/*buttons*/
.ui.primary.button, .ui.primary.buttons .button{
	background-color: #222222 !important;
	text-transform: uppercase;
}
.ui.primary.button:hover, .ui.primary.buttons .button:hover{
	background-color: #087021 !important;
}
/*HEADER*/
.product-title{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.product-title .product-logo.portal-logo{
	width:95% !important;
	margin-top:1rem !important;
	border-bottom:1px solid #d0d0d0
}
.product-logo img{
	height:auto !important;
	max-width:90%;
}
/*FOOTER*/
footer{
	font-size:12px;
	padding:1rem 0.3rem !important;
}
/*SEGMENT*/
.ui.segment{
	position:relative;
	padding-top:6rem !important;	
}
.ui.header:first-child,
.ui.segment h2:first-child{
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	width:100%;
	max-width:unset;
	background-color: #087021;
	color:white;
	text-transform: uppercase;
	padding:1rem 0.5rem;
}
/*AUTH ENDPOINT*/
/*layout*/
.login-portal.layout.authentication-portal-layout .center-segment>.ui.container.medium{
	max-width: 800px !important;
}
.login-portal.layout.authentication-portal-layout .center-segment>.ui.container.medium .ui.grid{
	margin-left:unset;
}
@media(min-width:768px) {
	.login-portal.layout.authentication-portal-layout .center-segment>.ui.container.medium .two.column.grid .column:first-child{
		padding-right:3rem;
	}
	.login-portal.layout.authentication-portal-layout .center-segment>.ui.container.medium .two.column.grid .column:last-child{
		padding-left:3rem;
	}	
}
/*certificate*/
.certificate-title{
	font-size: .92857143rem;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
.certificate-img{
	max-width: 100%;
	display: block;
	margin:0 auto 1rem;
	cursor: pointer;
}
.certificate-text{
	font-size: .92857143rem;
}
@media (max-width:767px) {
	.certificate-text{
		text-align: center;
	}
}
/*divider*/
.login-portal.layout.authentication-portal-layout .center-segment>.ui.container.medium .ui.divider{
	display: none;
}
@media (max-width:767px) {
	.login-portal.layout.authentication-portal-layout .center-segment>.ui.container.medium .ui.section.divider{
		display:block;
		width:100%;
		margin:1rem 0;
	}
}
@media (min-width:768px) {
	.login-portal.layout.authentication-portal-layout .center-segment>.ui.container.medium .ui.vertical.divider{
		display: block;
		top:15%;
		height:75%;
	}
	.login-portal.layout.authentication-portal-layout .center-segment>.ui.container.medium .ui.vertical.divider:after{
		
	}
	.login-portal.layout.authentication-portal-layout .center-segment>.ui.container.medium .ui.vertical.divider:before{
		display:none;
	}
}