body, button, input, optgroup, select, textarea, .popover {
    font-family: Lato,Roboto,sans-serif;
}

.btn-primary {
    background: #126db7 !important;
    border-color: #126db7 !important;
}
.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(18 109 183 / 50%) !important;
}
.propform a, #cs-box-login-form-footer a {
    color: #126db7 !important;
}
.propform a:hover, #cs-box-login-form-footer a:hover {
    color: #3f96df !important;
}

#cs-box-login-form-footer {
    position: absolute;
    left: 0px;
    bottom: 15px;
    width: 100%;
}


#cs-footer-login {
    position: absolute;
    bottom: 0px;
    width: 100%;
    display: block;
    background-color: #3f96df;
    color: #fff;
}

#cs-footer-login a,
#cs-footer-login a:visited {
    color: #fff;
}


#cs-footer-login .cs-links {
    float: left;
	width: 50%;
	height: 50%;
	text-align: left;
	padding-left: 1em;
}

#cs-footer-login .cs-copyright {
    float: right;
	width: 50%;
	height: 50%;
	text-align: right;
	padding-right: 1em;
}

#cs-box-login-contaner {
	position: absolute;
    text-align: center;
    width: 100%;
	min-height: 400px;
}

#cs-box-login {
    position: relative;
    text-align: center;
    width: 768px;
    height: 576px;
	top: 5vh;
    background-color: #fff;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(179, 179, 179,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(179, 179, 179,0.75);
	box-shadow: 10px 10px 5px 0px rgba(179, 179, 179,0.75);
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
    border: 1px solid #c6c6c6;
}

.cs-box-login-picture {
	position: absolute;
    width: 385px;
    height: 100%;
	max-height: 800px;
	overflow: hidden;
    left: 0px;
    top: 0px;
	background-image: url('/skins/elastic-caber/images/login-background-small.jpg');
	background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
	border-radius: 25px 0px 0px 25px;
    border: 1px solid #fff;
}

#cs-box-login-form {
	position: absolute;
    width: 50%;
    height: 100%;
    right: 0px;
    top: 0px;
}

#cs-box-login-form-logo {
	position: absolute;
    width: 100%;
	height: 280px;
    left: 0px;
}

.cs-box-login-form-logo-container {
	position: absolute;
    width: 330px;
    height: 110px;
    left: 20px;
    top: 161px;
}

#cs-box-login-form-logo #logo {
	width: 85px;
    left: 0px;
    top: 0px;
    position: absolute;
	max-height: none;
}

#cs-box-login-form-logo .cs-box-login-form-logo-title {
	text-align: left;
    width: 70%;
    left: 90px;
    position: absolute;
    top: 24px;
    font-weight: bold;
    font-size: 36px;
	color: #585858;
	line-height: 0.8em;
}

#cs-box-login-form #login-form {
    top: 290px !important;
}

.cs-title-01 {
	color: #585858;
	font-weight: bold;
    background-color: #ffffffbf;
    display: block;
    padding: 20px;
    font-size: 24px;
}

.cs-box-login-picture .cs-title-01 {
	margin-top: 167px;
	text-align: right;
}

/* ************************************************ */
/* PHONE */
/* ************************************************ */
html.cs-mobile body {
	overflow: unset;
}

html.cs-mobile #layout {
	display: block;
	overflow: unset;
	height: auto;
}

html.cs-mobile #cs-box-login-contaner {
	position: relative;
	display: block;
	width: 100%;
    top: 0px;
	left: 0px;
	min-height: unset;
}

html.cs-mobile #cs-box-login {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
    top: 0px;
	left: 0px;

	-webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
	box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    border: 0px none transparent;

}

html.cs-mobile .cs-box-login-form-logo-container {
	position: relative;
    display: block;
	width: 100%;
	height: 125px;
    top: 0px;
	left: 0px;
	max-width: 320px;
}

html.cs-mobile #cs-box-login-form-logo {
    position: relative;
    display: block;
	width: 100%;
	height: 125px;
    top: 0px;
	left: 0px;
}

html.cs-mobile #cs-box-login-form-logo #logo {
    left: 50px;
    top: 0px;
    
}


html.cs-mobile #cs-box-login-form-logo .cs-box-login-form-logo-title {
    left: 140px;
    top: 26px;
}


html.cs-mobile #cs-box-login-form #login-form {
	left: 0px;
    top: 0px !important;
	position: relative;
    display: block;
	width: 100%;
	height: unset;
}

html.cs-mobile #cs-box-login-form {
	position: relative;
	display: block;
	width: 100%;
    top: 0px;
	left: 0px;
}

    	
html.cs-mobile #cs-footer-login {
	position: relative;
	display: block;
   	background-color: #ffffff;
    color: #585858;
	padding: 0.5em 0.5em 0.5em 0.5em;
}
html.cs-mobile #cs-footer-login a {
   	color: #585858;
}


html.cs-mobile #cs-footer-login .cs-links,
html.cs-mobile #cs-footer-login .cs-copyright {
	display: block;
    float: none;
    width: unset;
    height: unset;
    text-align: center;
    padding: 0px;
}

html.cs-mobile #cs-footer-login .cs-links {
	font-size: 1em;
	padding-bottom: 0.5em;
}

html.cs-mobile .cs-box-login-picture {
	position: relative;
	display: block;
    width: 100%;
    height: 330px;
	background-position: top right;
    background-repeat: no-repeat;
	border-radius: 0px 0px 0px 0px;
    border: 0px none transparent;
	margin-top: 2em;
}

html.cs-mobile #cs-box-login-picture2 {
	height: 200px;
	max-width: 320px;
}

html.cs-mobile .cs-box-login-picture .cs-title-01 {
    margin-top: 50px;
}

/* ************************************************ */
/* Condizioni di visilbilità per device */
/* ************************************************ */

html.cs-mobile .no-mobile {
	display: none !important;
}

html:not(.cs-mobile) .only-mobile {
	display: none !important;
}

/* ************************************************ */
/* Fix Visibilita x2fa */
/* ************************************************ */
.x2fa-login .options-container {
	background-color: #ffffff;
	z-index: 2;
	position: absolute;
	border: 1px solid #91919175;
}

/*
@media only screen and (orientation:landscape){
  body {
    height: 100vw;
    transform: rotate(90deg);
  }
}
*/