/** Common CSS for all rvSales styles  */
/* This CSS has priority over the Styles/<style name>/Style.css file */

body {
	margin: 0px;
	font-family: Lato, Helvetica;
	font-size: 12px;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden; 
	background: #fafafa;
	color: #072B55;
	font-family: Lato, Helvetica;	
}

#loading-body {
	margin: 0px;
	font-family: Lato, Helvetica;
	font-size: 12px;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden; 
	color: #072B55; 
	background: #fafafa;
}

#loading-mask {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: transparent; 
   z-index: 1;
}

#loading {
	position: absolute;
	left: 0%;
	height: 100px;
	z-index: 2;
	width: 100%;
	text-align: center;
}

#loading SPAN {
	height: 100%;
	font-family: Lato, Helvetica;
	font-size: 40px;
	opacity: 0.5;
}

.loading-image{
	width: 120px;
	height: 120px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -60px;
	margin-left: -60px;
}

.login-container .login-right-device .loading-image-wait {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
    bottom: 10px;
    right: 50%;
	margin-right: auto;
	margin-left: auto;
}
.login-container .login-right .loading-image-wait{
	width: 100px;
	height: 100px;
	display: block;
	margin-top: 145%;
	margin-right: auto;
	margin-left: auto;
}

.mapButtonIE {
	text-align: center;
	color: black; 
	overflow: hidden; 
	padding-top: 1px; 
	padding-right: 6px; 
	padding-bottom: 1px; 
	padding-left: 6px; 
	font-family: Lato, Helvetica; 
	font-size: 13px; 
	font-weight: normal; 
	border-left-color: #717b87;
	border-top-color: #717b87; 
	border-right-color: #717b87;
	border-bottom-color: #717b87; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid; 
	display: inline; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FEFEFE", endColorstr="#F3F3F3"); 
	position: relative; 
	direction: ltr; 
	zoom: 1; 
	background-image: none; 
	background-attachment: scroll; 
	background-repeat: repeat; 
	background-position-x: 0%; 
	background-position-y: 0%; 
	background-color: rgb(248, 248, 248);
	min-width : 40px;
	margin-top : 3px;
	height : 16px;
}

.mapButtonNotIE {
    direction : ltr;
	overflow : hidden;
	text-decoration : none;
	color : black;
	background-color : #fafafa;
	position : relative;
	font-family : Arial,sans-serif;
	font-size : 12px;
	border : 1px solid rgb(103, 138, 199);
	background : -moz-linear-gradient(center top , rgb(254, 254, 254), rgb(243, 243, 243)) repeat scroll 0% 0% transparent;
	line-height : 160%;
	padding : 0pt 6px;
	border-radius : 0pt 2px 2px 0pt;
	box-shadow : 2px 2px 3px rgba(0, 0, 0, 0.35);
	margin : 5px;
	z-index : 0;
	text-align : center;
	cursor : pointer;
	font-weight : normal;
	border-color : rgb(169, 187, 223) rgb(169, 187, 223) rgb(169, 187, 223) rgb(169, 187, 223);
	border-width : 1px 1px 1px 1px; 
	border-style : solid solid solid solid;
}

/* Rotate imagen depending on exif properties */

.rotate90 {
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}

.rotate180 {
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}

.rotate270 {
   -webkit-transform: rotate(270deg);
   -moz-transform: rotate(270deg);
   -o-transform: rotate(270deg);
   -ms-transform: rotate(270deg);
   transform: rotate(270deg);
}

/* Classe DISABLE in sostituzione al DISABLED nel DOM lato js*/

.BFRAME-DISABLE {
	opacity: 0.7;
	pointer-events: none;
}

.ext-strict {
  overflow: hidden !important;
}

/* Login */

input[type="text"]:focus {
  border-bottom: 1px solid #0061AD;
  outline: 0;
}
input[type="number"]:focus {
  border-bottom: 1px solid #0061AD;
  outline: 0;
}
input[type="password"]:focus {
  border-bottom: 1px solid #0061AD;
  outline: 0;
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"] {
  color: #3C3C3C;
  height: 24px;
  padding: 0px 0px 0px 0px;
  border: none;
  border-bottom: 1px solid #E6E6E6;
  background: #fafafa;
  border-radius: 0;
}

.login-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.login-form {
	padding: 0px 4em;
}

.login-container .login-left {
  position: absolute;
  width: 75%;
  height: 100%;
  background-image: url(login-bg-2018.jpg);
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: top center !important;
  background-repeat: no-repeat !important;
}

.login-container .login-left-device {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(login-bg_remote.jpg);
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: top center !important;
  background-repeat: no-repeat !important;
}

.login-container .login-left .login-logo {

  /*position: absolute;
  right: 25px;
  /*top: 45%;*/
  top: 15px;
  background-image: url(banner.png);
  background-repeat: no-repeat;
  /*width: 500px;
  height: 106px;
  background-size: 500px 106px;*/
  width: 477px;
  height: 240px;
  background-size: contain;
  background-position: 25px 50px !important;
  background-repeat: no-repeat !important;
}


.login-container .login-right {
  position: absolute;
  left: 75%;  
  width: 25%;
  height: 100%;
  background-color: #fafafa;
  
  /*añadido por josep*/
  background-image: url(login-logo.png);
  background-repeat: no-repeat;
  background-size: 225px 225px;
  background-size: contain;  
  background-position: top 25px !important;
  background-repeat: no-repeat !important;
 

  
}
.login-container .login-right-device {
  position: relative;
  margin: auto !important;
  width: 50% !important;
  min-height: 300px !important;
  height: auto !important;
  top: 20% !important;
  background-color: rgba(250,250,250,0.9) !important;
}

.login-container .login-right .login-credentials {
  position: absolute;
  left: 0;
  top: 45%;
  width: 100%;
  height: 55%;
}

.login-container .login-right-device .login-credentials-device {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70%;
  padding: 20px;
  margin: auto;
}

.login-container .login-right .login-credentials #singin, 
.login-container .login-right-device .login-credentials-device #singin {
  position: relative;
  width: 85%;  
  margin-bottom: 10px;
  text-align: left; 
  font-size: 20px;
}

.login-container .login-right .login-credentials #usr, 
.login-container .login-right-device .login-credentials-device #usr {
  position: relative;
  width: 99%;
  margin-bottom: 10px;
  font-size: 16px !important;
  padding-left: 5px;
}

.login-container .login-right .login-credentials #mail,
.login-container .login-right-device .login-credentials-device #mail {
  position: relative;
  width: 99%;
  padding-left: 5px;
  margin-bottom: 10px;
  font-size: 16px !important;
}

.login-container .login-right .login-credentials #pwd, 
.login-container .login-right-device .login-credentials-device #pwd {
  position: relative;
  width: 99%;
  padding-left: 5px;
  margin-bottom: 10px;
  font-size: 16px !important;
}

.login-container .login-right .login-credentials #access, .login-container .login-right-device .login-credentials-device #access {
  position: relative;
  background-color: #0061AD;
  color: #fafafa;
  width: 100%;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
}

.login-container .login-right .login-credentials #chkusr,
.login-container .login-right-device .login-credentials-device #chkusr {
  position: relative;
  background-color: #0061AD;
  color: #fafafa;
  width: 100%;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
}

.login-container .login-right .login-credentials #sendmail,
.login-container .login-right-device .login-credentials-device #sendmail {
  position: relative;
  background-color: #0061AD;
  color: #fafafa;
  width: 100%;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
}

.login-container .login-right .login-credentials #forgotpwd,
.login-container .login-right-device .login-credentials-device #forgotpwd {
  position: relative;
  width: 80%;
  margin-right: 10%;
  margin-left: 10%;
  padding: 6px 0px;
  text-align: center;
  cursor: pointer;  
  font-size: 14px;
  font-family: Lato, Helvetica !important;  
}

.login-container .login-right .login-credentials #loginreturn, 
.login-container .login-right-device .login-credentials-device #loginreturn {
  position: relative;
  width: 100%;
  padding: 6px 0px;
  text-align: center;
  cursor: pointer;  
  font-size: 14px;
}

.login-container .login-right .login-credentials #loginback, 
.login-container .login-right-device .login-credentials-device #loginback {
  position: relative;
  width: 100%;
  padding: 5px 0px;
  text-align: center;
  cursor: pointer;  
  font-size: 14px;
}


.login-container .login-right .login-credentials #pwd1, 
.login-container .login-right-device .login-credentials-device #pwd1,
.login-container .login-right .login-credentials #oldPwd,
.login-container .login-right-device .login-credentials-device #oldPwd,
.login-container .login-right .login-credentials #pwd2,
.login-container .login-right-device .login-credentials-device #pwd2 {
  position: relative;
  width: 99%;
  padding-left: 5px;
  margin-bottom: 10px;
  font-family: Lato, Helvetica !important;
  font-size: 16px !important;
}

.login-container .login-right .login-credentials #setpwd,
.login-container .login-right-device .login-credentials-device #setpwd {
  position: relative;
  background-color: #0061AD;
  color: #fafafa;
  width: 100%;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
}

.login-container .login-right .login-credentials #loginres,
.login-container .login-right-device .login-credentials-device #loginres {
  position: relative;
  padding-top: 2em;
  width: 80%;
  margin-right: 10%;
  margin-left: 10%;
  height: 40px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  color: #B40404;
  cursor: default;
}

.login-container .login-right .login-credentials #loginresok,
.login-container .login-right-device .login-credentials-device #loginresok {
  position: relative;
  padding-top: 2em;
  width: 80%;
  margin-right: 10%;
  margin-left: 10%;
  height: 40px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  color: green;
  cursor: default;
}
.loginAcceptCancel {
	padding-top: 0px !important;
	text-align: center;
    font-size: 16px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
	width: auto !important; 
    /* color: green; */
}

#wait, #loginwait {
  position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;  
	background-color: #000000;
	opacity: 0.3;
	z-index: 1000;
	text-align: center;
}

@media (min-width: 700px) {
	.login-container .login-right-device .login-credentials-device {
		padding: 4em;
	}
} 
@media (min-width: 1800px) {
  .login-form-device {
		padding: 0px 3em;
	}
}