/* CSS Document */

/* Fonts */
@font-face {
  font-family: 'Karbon-Regular';
  src: url('./assets/fonts/Karbon/Karbon-Regular.eot');
  src: url('./assets/fonts/Karbon/Karbon-Regular.eot?#iefix') format('embedded-opentype'),
  url('./assets/fonts/Karbon/Karbon-Regular.woff2') format('woff2'),
  url('./assets/fonts/Karbon/Karbon-Regular.woff') format('woff'),
  url('./assets/fonts/Karbon/Karbon-Regular.ttf') format('truetype'),
  url('./assets/fonts/Karbon/Karbon-Regular.svg#Karbon-Regular') format('svg');
}

@font-face {
  font-family: 'Karbon-Semibold';
  src: url('./assets/fonts/Karbon/Karbon-Semibold.eot');
  src: url('./assets/fonts/Karbon/Karbon-Semibold.eot?#iefix') format('embedded-opentype'),
  url('./assets/fonts/Karbon/Karbon-Semibold.woff2') format('woff2'),
  url('./assets/fonts/Karbon/Karbon-Semibold.woff') format('woff'),
  url('./assets/fonts/Karbon/Karbon-Semibold.ttf') format('truetype'),
  url('./assets/fonts/Karbon/Karbon-Semibold.svg#Karbon-Semibold') format('svg');
}

@font-face {
  font-family: 'Karbon-Light';
  src: url('./assets/fonts/Karbon/Karbon-Light.eot');
  src: url('./assets/fonts/Karbon/Karbon-Light.eot?#iefix') format('embedded-opentype'),
  url('./assets/fonts/Karbon/Karbon-Light.woff2') format('woff2'),
  url('./assets/fonts/Karbon/Karbon-Light.woff') format('woff'),
  url('./assets/fonts/Karbon/Karbon-Light.ttf') format('truetype'),
  url('./assets/fonts/Karbon/Karbon-Light.svg#Karbon-Light') format('svg');
}

/*menu aiuto-contatti*/
#topMenu {
	background: #074B88;
	color: #fff;
	text-align: right;
	margin: 4px auto;
	padding:  0;
}
#topMenu a {
	background: #074B88;
	color: #fff;
	font: 1.1em Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0;
	padding: 0 5px;
}
#topMenu a:hover {
	background: #fff;
	color: #000;
}
/*fine menu aiuto-contatti*/

/*----------PAGINA DI ACCESSO----------*/
#pubblica #hd {
  width: 746px;
  margin: 0 auto;
}

/*logo perseo*/
#pubblica h1 {
  background: #fff url("./assets/images/logo1Large.jpg") no-repeat;
  color: #333;
  width: 219px;
  height: 55px;
  float: left;
  margin: 30px 0 0;
  padding: 0 0 10px;
}

#pubblica h1 span {
  visibility: hidden;
}

/*logo cim*/
#pubblica h2 {
  background: #fff url("./assets/images/logo2.gif") no-repeat;
  color: #333;
  width: 366px;
  height: 49px;
  float: right;
  margin: 20px 0 0;
  padding: 0 5px;
}

#pubblica h2 span {
  visibility: hidden;
}

/*titolo accesso*/
#pubblica h3 {
  background: #fff;
  color: #BF980A;
  font: 2.4em Arial, Helvetica, sans-serif;
  text-align: left;
  margin: 0;
  padding: 0;
}

/*titolo accesso 2*/
#pubblica h3 span {
  background: #fff;
  color: #947407;
  font: 0.9em Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0 0 0 20px;
}

#pubblica #lg1 img {
  position: absolute;
  top: 50px;
  left: 250px;
  width: 219px;
  height: 55px;
  border: 0;
}

/*per posizionare un logo a destra immagine trasparente*/
#lg2 img {
  position: absolute;
  top: 43px;
  right: 275px;
  width: 70px;
  height: 45px;
  border: 0;
}

/*---------home content--------*/

#pubblica #content {
  background: #fff;
  clear: both;
  color: #333;
  margin: 0 auto;
  padding: 0;
  width: 765px;
}

/*-------------shared------------*/

.nexi-button:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
}

.nexi-button:active {
  background-color: #282d99;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}

.nexi-button--white:active {
  background-color: #ffffff;
}

.nexi-link:hover,
.nexi-link:active {
  border-bottom: 2px solid;
}

/*-------------leftSide------------*/

.leftSide {
  float: left;
  width: 518px;
}

.leftSide p {
  color: #626262;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
}

.leftSide p strong {
  font-weight: bold;
}

.leftSide__hero {
  background: url("./assets/images/new/top-bg.jpg") no-repeat center;
  background-size: cover;
  height: 143px;
  text-align: left;
  width: 518px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .leftSide__hero {
    background-image: url("./assets/images/new/top-bg@2x.jpg");
  }
}

.leftSide__hero__title {
  color: #ffffff;
  font-family: 'Karbon-Light', sans-serif;
  font-size: 26px;
  padding-left: 15px;
  padding-top: 20px;
  text-align: left;
}

.leftSide__hero__title strong {
  font-family: 'Karbon-Regular', sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
}

.leftSide__hero .leftSide__button--register {
  margin-left: 15px;
  margin-top: 20px;
}

.leftSide__summary {
  margin-top: 15px;
  text-align: left;
}

.leftSide__description {
  background-color: #f5f5f5;
  margin-top: 25px;
  padding: 20px 20px 20px 15px;
}

.leftSide__description__item {
  display: inline-block;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}

.leftSide__description__sub-item {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
  text-align: center;
}

.leftSide__description__item__icon--vision {
  background: url("./assets/images/new/ico-vision.png") no-repeat center;
  height: 24px;
  width: 21px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .leftSide__description__item__icon--vision {
    background: url("./assets/images/new/ico-vision@2x.png") no-repeat center;
    background-size: cover;
  }
}

.leftSide__description__item__icon--cal {
  background: url("./assets/images/new/ico-cal.png") no-repeat center;
  height: 19px;
  width: 20px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .leftSide__description__item__icon--cal {
    background: url("./assets/images/new/ico-cal@2x.png") no-repeat center;
    background-size: cover;
  }
}

.leftSide__description__item__icon--graph {
  background: url("./assets/images/new/ico-graph.png") no-repeat center;
  height: 17px;
  width: 19px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .leftSide__description__item__icon--graph {
    background: url("./assets/images/new/ico-graph@2x.png") no-repeat center;
    background-size: cover;
  }
}

.leftSide__description__item__icon--docs {
  background: url("./assets/images/new/ico-docs.png") no-repeat center;
  height: 22px;
  width: 20px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .leftSide__description__item__icon--docs {
    background: url("./assets/images/new/ico-docs@2x.png") no-repeat center;
    background-size: cover;
  }
}

.leftSide__description__item__icon--arrows {
  background: url("./assets/images/new/ico-arrows.png") no-repeat center;
  height: 21px;
  width: 24px;
  margin-right: -5px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .leftSide__description__item__icon--arrows {
    background: url("./assets/images/new/ico-arrows@2x.png") no-repeat center;
    background-size: cover;
  }
}

.leftSide__description__item__text {
  margin-left: 15px;
}

.leftSide__actions {
  margin-bottom: 30px;
  margin-top: 30px;
  text-align: left;
}

.leftSide__button--register {
  background-color: #2d32aa;
  border-radius: 4px;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Karbon-Regular', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  padding: 8px 20px;
  text-align: center;
  width: 260px;
}

.leftSide__button--register:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
}

/*-----------rightSide------------*/

.rightSide {
  width: 215px;
  float: right;
  margin: 0;
  padding: 0;
}

.rightSide__login-container {
  background-color: #f5f5f5;
  border-radius: 8px;
  padding: 5px 10px;
}

.rightSide__login-container__title {
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  text-align: left;
}

.rightSide__login-container__form {
  margin-top: 20px;
}

.rightSide__login-container__form__input {
  height: 17px;
  margin-top: 5px;
}

.rightSide__login-container__form__input__label {
  color: #000000;
  display: inline-block;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: right;
  width: 60px;
}

.rightSide__login-container__form__input__value {
  display: inline-block;
  float: left;
  margin-left: 6px;
  width: 120px;
}

.rightSide__login-container__form__submit {
  background-color: #ffffff;
  border-radius: 4px;
  border: none;
  color: #000000;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin-top: 5px;
  padding: 0 20px;
  text-align: center;
}

.rightSide__login-container__actions {
  margin-top: 15px;
}

.rightSide__login-container__action {
  color: #2d32aa;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding: 6px 0;
  text-align: left;
}

.rightSide__login-container__action--border {
  border-top: solid 1px #979797;
}

.rightSide__error-container{
  background-color: #f9423a;
  border-radius: 8px;
  margin-top: 30px;
  padding: 10px 15px;
}

.rightSide__error-container__message {
  color: #ffffff;
  font-family: 'Karbon-Regular', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  text-align: left;
}

.rightSide__app-container {
  background-color: #4147ae;
  background-image: linear-gradient(to top, #4147ae, #1f2276);
  border-radius: 8px;
  margin-top: 30px;
  width: 100%;
}

.rightSide__app-container__title-container {
  background-image: linear-gradient(to top, #4147ae, #1f2276);
  border-radius: 8px;
  padding: 10px 15px;
}

.rightSide__app-container__title {
  color: #ffffff;
  font-family: 'Karbon-Light', sans-serif;
  font-size: 20px;
  line-height: 1.1;
  text-align: left;
}

.rightSide__app-container__title strong {
  font-family: 'Karbon-Semibold', sans-serif;
}

.rightSide__app-container__links {
  padding: 10px 15px;
}

.rightSide__app-container__link {
  cursor: pointer;
  display: inline-block;
  object-fit: contain;
}

.rightSide__app-container__link--apple {
  background-size: cover;
  background-image: url("./assets/images/new/apple-store.png");
  background-position: center;
  background-repeat: no-repeat;
  height: 26px;
  width: 89px;
  float: left;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .rightSide__app-container__link--apple {
    background: url("./assets/images/new/apple-store@2x.png") no-repeat center;
    background-size: cover;
  }
}

.rightSide__app-container__link--android {
  background-size: cover;
  background-image: url("./assets/images/new/google-play.png");
  background-position: center;
  background-repeat: no-repeat;
  height: 26px;
  width: 89px;
  float: right;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .rightSide__app-container__link--android {
    background: url("./assets/images/new/google-play@2x.png") no-repeat center;
    background-size: cover;
  }
}

.center__hero {
  background: url("./assets/images/new/main-bg.png") no-repeat center;
  background-size: cover;

  height: 382px;
  text-align: left;
  width: 746px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .center__hero {
    background-image: url("./assets/images/new/main-bg@2x.png");
  }
}

.center__hero__title {
  color: #ffffff;
  font-family: 'Karbon-Light', sans-serif;
  font-size: 40px;
  letter-spacing: 1px;
  text-align: left;
  padding-left: 55px;
  padding-top: 45px;
}

.center__hero__title strong {
  font-family: 'Karbon-Regular', sans-serif;
  font-weight: bold;
}

.center__hero__description {
  color: #ffffff;
  font-family: 'Karbon-Light', sans-serif;
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 1.1;
  margin-left: 55px;
  padding-top: 15px;
  text-align: left;
}

.center__hero__button {
  background-color: #ffffff;
  border-radius: 2px;
  color: #000000;
  cursor: pointer;
  font-family: 'Karbon-Semibold', sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-left: 55px;
  margin-top: 40px;
  padding: 10px 0;
  text-align: center;
  width: 270px;
  display: inline-block;
}

.center__hero__button:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
}

.center__hero__link {
  margin-left: 55px;
  margin-top: 25px;
  text-align: left;
}

.center__hero__link a {
  color: #ffffff;
  font-family: 'Karbon-Regular', sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
}

/*---------------footer-------------*/

#pubblica #footer {
  width: 746px;
  margin: 25px auto;
}

#pubblica #footer .leftFooter {
  clear: both;
  float: left;
  margin: 0;
  padding: 5px 0 10px;
}

/*----------FINE PAGINA ACCESSO----------*/

/*----------PER TUTTE LE PAGINE----------*/
html {
  background: #fff;
}

body {
  background: #fff url("./assets/images/hdBg.gif") repeat-x;
  color: #333;
  width: 100%;
  font: 62.5% Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

p {
  font-size: 1.1em;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

img {
  border: 0;
}

.clear {
  clear: both;
}

/*---------------- HEADER ------------------*/

#hd {
  /*width: 746px;*/
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

/*logo perseo*/
h1 {
  background: url("./assets/images/logo1Small.jpg") no-repeat;
  color: #333;
  width: 198px;
  height: 49px;
  float: left;
  margin: 20px 2px 15px;
  padding: 0;
}

html > body h1 {
  margin: 20px 10px 15px;
}

h1 span {
  visibility: hidden;
}

/*fine perseo*/

/*scritta CIM*/
h2 {
  background: transparent;
  color: #BF980A;
  font: 2.2em Arial, sans-serif;
  text-align: left;
  margin: 0;
  padding: 20px 22px 15px;
}

#default #hd h2, #welcome #hd h2 {
  background: #fff url("./assets/images/logo3.gif") no-repeat;
  color: #333;
  width: 366px;
  height: 49px;
  float: right;
  margin: 20px 10px 0 0;
  padding: 0 5px 0px 5px;
}

#default #hd h2 span, #welcome #hd h2 span {
  visibility: hidden;
}

/*menu aiuto-contatti*/
#topMenu {
  background: #074B88;
  color: #fff;
  text-align: right;
  margin: 4px auto;
  padding: 0;
}

#topMenu a {
  background: #074B88;
  color: #fff;
  font: 1.1em Tahoma, Arial, Helvetica, sans-serif;
  text-decoration: none;
  margin: 0;
  padding: 0 5px;
}

#topMenu a:hover {
  background: #fff;
  color: #000;
}

/*fine menu aiuto-contatti*/

/*immagine square.gif trasparente per posionare un logo*/
#lg1 img {
  position: absolute;
  top: 38px;
  left: 0;
  /*left: 255px;*/
  width: 198px;
  height: 49px;
  border: 0;
}

/*---logo banca---*/
#hd a#logo {
  background: url("./assets/images/logo3.gif") no-repeat;
  width: 171px;
  height: 31px;
  float: right;
  margin: 20px 30px 0 0;
  padding: 0 5px;
}

#hd a#logo span {
  visibility: hidden;
}

/*---fine logo banca---*/

/*----menu header---*/
#menu {
  background: #fff;
  color: #333;
  clear: both;
  text-align: left;
  margin: 0 0 0 20px;
  padding: 0 0 5px;
}

#menu ul {
  clear: both;
  margin: 0;
  padding: 0;
}

#menu li {
  display: inline;
  margin: 0 -1px 0 0;
  padding: 0;
}

#menu a {
  background: #E9E9E9 url("./assets/images/roundLeft.gif") top left no-repeat;
  color: #074B88;
  font: 11px Tahoma, Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 0px 0 3px 8px;
}

html > /**/ body #menu a {
  padding: 6px 0 6px 8px;
}

#menu a span {
  background: #E9E9E9 url("./assets/images/roundRight.gif") top right no-repeat;
  color: #074B88;
  margin: 0;
  padding: 6px 8px 3px 0;
}

#menu a:hover {
  background: #074B88 url("./assets/images/roundLeftH.gif") top left no-repeat;
  color: #fff;
}

#menu a:hover span {
  background: #074B88 url("./assets/images/roundRightH.gif") top right no-repeat;
  color: #fff;
}

/*----fine menu header---*/
/*---------------- FINE HEADER ------------------*/

/*---------------- CONTENT ------------------*/

/*tre colonne*/
#default #content {
  background: #fff url("./assets/images/line.jpg") top repeat-x;
  color: #333;
  width: 83%;
  margin: 2px 0 0 0;
  padding: 0;
  float: left;
  overflow: auto;

  height: 420px;
}

/*no IE*/
html > body #default #content {
  min-height: 420px;
}

/*due Colonne*/
#welcome #content {
  background: #fff url("./assets/images/line.jpg") top repeat-x;
  color: #333;
  width: 100%;
  margin: 2px 0 0 0;
  padding: 0;
  float: left;
  overflow: auto;

  height: 420px;
}

/*no IE*/
html > body #welcome #content {
  min-height: 420px;
}

#title {
  margin: 0;
  padding: 0;
}

#title p {
  background: #fff;
  color: #626262;
  font-size: 1.2em;
  text-align: left;
  margin: 0;
  padding: 0 0 0 27px;
}

/*-----menu left---*/
#MenuLeft {
  width: 15%;
  float: left;

  padding: 0;
  margin: 2px 0 0 0;
  text-align: left;
}

#left {
  width: 100%;
  height: 420px;
  background: #fff url("./assets/images/line.jpg") top repeat-x;
  padding: 0;
  margin: 0;
}

#MenuLeft ul {
  font-size: 1.1em;
  margin: 0;
  padding-top: 30px;
}

#MenuLeft li {
  display: block;
  list-style-type: none;
  text-align: right;
  margin: 0 15px 15px 1px;
  border-bottom: 1px solid #BBC7CE;
  padding: 0;

}

#MenuLeft a {
  text-decoration: none;
  border-bottom: 3px solid #BBC7CE;
  font: 1em Tahoma, Arial, Helvetica, sans-serif;
  background: transparent;
  color: #37434D;
  margin: 0;
  padding: 0;
}

#MenuLeft a:hover {
  background: transparent;
  color: #37434D;
  border-bottom-color: #00498C;
}

/*--fine menu left--*/

/*--contenitore dati centro pagina--*/
/*tre colonne*/
#indexCenter {
  background: transparent; /* url("/assets./images/leftCorLine.gif") top left no-repeat;*/
  width: 65%;
  float: left;
  margin: 0;
  padding: 0;

  text-align: left;
}

/*due colonne*/
#welcomeCenter {
  background: transparent; /* url("/assets./images/leftCorLine.gif") top left no-repeat;*/
  width: 65%;
  float: left;
  margin: 0;
  padding: 0;

  text-align: left;
}

/*--END contenitore dati centro pagina--*/

/*-- tabMenu (non presenti)--*/
#tabMenu {
  background: transparent;
  width: 100%;
  margin: 10px 0px 10px 30px;
  font: 1.1em Tahoma, Arial, Helvetica, sans-serif;
  line-height: normal;
  height: 21px;
  border-bottom: solid 5px #F2F3F4;
  font-weight: bold;
}

#tabMenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabMenu li {
  display: inline;
  margin: 0;
  padding: 0;
}

#tabMenu a {
  float: left;
  background: #D0D6D9 url("./assets/images/tab.png") no-repeat left top;
  padding: 0 0 0 4px;
  text-decoration: none;
  color: #000;
  border-bottom: solid 1px #fff;
}

#tabMenu a span {
  float: left;
  display: block;
  background: #D0D6D9 url("./assets/images/tab.png") no-repeat right top;
  padding: 4px 10px 3px 6px;
  border-bottom-color: #fff;
}

#tabMenu a:hover, #tabMenu a:hover span {
  background-color: #074B88;
  color: #fff;
  border-bottom-color: #fff;
}

#tabMenu #current a span {
  padding-bottom: 3px;
}

#tabMenu #current a span #tabMenu #current a {
  background-color: #F2F3F4;
  color: #333;
  border-bottom-color: #F2F3F4;
}

/*--fine tab menu--*/

/*----bannerSide----*/

#bannerSide {
  background: transparent url("./assets/images/rightCorLine.jpg") top right no-repeat;
  color: #333;
  width: 20%;
  float: right;
  margin: 0;
  padding: 27px 14px 0 0;

}

#bannerSide img {
  background: #fff;
  display: block;
  margin: 0;
  padding: 4px 0 4px 0;
}

/*----fine bannerSide----*/

/*----dataTable----*/

#data {
  background: #fff;
  color: #333;
  width: 50%;
  clear: left;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 0 0 0;
}

html > body #data {
  padding: 15px 0 30px;
}

#data table {
  width: auto;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}

#data th {
  background: transparent;
  color: #4578A6;
  border-bottom: 1px solid #E2E2E2;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  width: 9em;
  white-space: nowrap;
  font-size: 1em;
  vertical-align: top;
  font-weight: bold;
  text-align: right;
  margin: 0;
  padding: 3px 25px 3px 0;
}

#data tr {
  border-bottom: 1px solid #E2E2E2;
  font-size: 1.1em;
  text-align: left;
  margin: 0 5px 0 0;
  padding: 3px 5px 3px 0;
}

#data td {
  border-bottom: 1px solid #E2E2E2;
  margin: 0;
  padding: 3px 0;
}

#data th.last, #data td.last {
  border-bottom: 1px solid #fff;
}

table {
  font: 100% Arial, Helvetica, sans-serif;
  empty-cells: show; /*mosta bordi celle vuote senza uso di  */
  border-collapse: collapse;
}

.dataTable {
  width: 100%;
  clear: both;
  text-align: left;
  margin: 0 10px;
  padding: 0;
  border: 1px #CECFCE solid;
}

html > body .dataTable {
  margin: 0 20px;
}

.dataTable td, th {
  font-size: 1.1em;
  margin: 0;
  padding: 5px 5px;
  border: 1px #CECFCE solid;
}

.dataTable .row1 th {
  background: #4578A6;
  color: #fff;
  font-weight: bold;
  padding-right: 20px;
  border: 0px;
}

.dataTable .rigaDisp td {
  background: #F2F2F2;
  color: #333;
  font-weight: normal;
  padding-right: 10px;
}

.dataTable .rigaDisp td a {
  color: #333;
}

.dataTable .rigaDisp td a:hover {
  color: #333;
}

.dataTable .rigaDisp th {
  background: #F2F2F2;
}

.sopra {
  background: orange;
}

.dataTable .rigaPari td {
  background: #FCFCFC;
  color: #333;
  font-weight: normal;
  padding-right: 10px;
}

.dataTable .rigaPari td a {
  color: #333;
}

.dataTable .rigaPari td a:hover {
  color: #333;
}

.dataTable .rigaPari th {
  background: #FCFCFC;
}

.dataCenter {
  text-align: center;
}

.dataLeft {
  text-align: left;
}

.dataRight {
  text-align: right;
}

.filterSelect {
  float: right;
  clear: left;
  background: #4578A6;
  color: #fff;
  font-weight: bold;
  padding: 5px;
}

/*movimentoOnlineCompagnia*/
.linkIterateBianco {
  font-weight: bold;
  text-align: center;
}

/*movimentoOnlineDetail*/
#separatore td, #separatore th {
  border-bottom: 3px #CECFCE solid;
}

/*-------form------*/

#formBox {
  background: #eee;
  border: solid 1px #ccc;
  margin: 10px 0px 10px 30px;
  text-align: left;
  width: 58%;
  padding: 10px;
}

#formBox p {
  margin: 0 0 5px;
}

#formBox label {
  display: block;
}

#formBox select {
  width: 220px;
  margin-bottom: 5px;
}

#formBox .checkBox {
  padding: 5px 0 5px 30px;
}

fieldset {
  border: none;
}

/*--titolo delle pagine--*/
#default h3 {
  color: #074B88;
  text-align: left;
  font: 1.6em Arial, Helvetica, sans-serif;
  background: transparent;
  font-weight: bold;
  padding: 0 0 0 10px;
  margin-top: 10px;
  border-bottom: 3px solid #CECFCE;
}

#default #formBox h3 {
  border: 0;
}

/*manuali POS*/
#manualiPos {
  text-align: left;
  background: transparent;
}

#manualiPos p {
  padding-left: 40px;
  font-weight: bold;
  color: #074B88;
  font: 1.2em Arial, Helvetica, sans-serif;
}

#manualiPos ul {
  clear: both;
  margin: 0;
  padding: 0;
  text-align: left;
}

#manualiPos li {
  display: inline;
  margin: 0 -1px 0 0;
  padding: 0;
  text-align: left;
}

/*---------------FINE CONTENT -------------------*/

/*--------------- FOOTER ---------------*/

#footer {
  width: 100%;
  text-align: left;
  border-top: 1px solid #E2E2E2;
  margin: 0 auto;
  padding: 10px 0;
  background: #fff;
  clear: both;

}

#logoFooter img {
  float: left;
  margin: 0;
  padding: 0 10px;
}

.leftFooter {
  float: left;
  margin: 0;
  padding: 10px 10px 0;
}

.rightFooter {
  float: right;
  display: block;
  text-align: right;
  margin: 0;
  padding: 0 10px;
}

.rightFooter a {
  background: #fff;
  color: #069;
  text-decoration: underline;
  margin: 0 3px;
  padding: 0;
}

#footer a:hover {
  background: #4696CD;
  color: #fff;
}

.rightFooter img {
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

/*------------ FINE FOOTER -------------*/

/*---------- STILI ERRORE / NOTE  ----------*/

p.titBigErrore {
  font-family: Verdana;
  font-size: 13px;
  color: #535353;
  letter-spacing: 1pt;
  font-weight: bolder;
  text-align: left;
  padding: 10px 0 0 0;
}

.titErrore {
  font-family: Verdana;
  font-size: 11px;
  color: red;
  letter-spacing: 1pt;
  font-weight: bolder;
  height: 20px;
  text-transform: uppercase;
}

.errore {
  font-size: 10px;
  font-family: verdana;
  color: #134D8C;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  border: 1px solid #535353;
  margin: 10px 0px;
}

.errore span {
  line-height: 2em;
}

.errorHR {
  height: 1px;
  color: #535353;
}

/* schermata di errore */
#pageError {
  width: 70%;
  padding: 20px 0px 40px 20px;
  margin: auto;
}

.avvertenze {
  padding-top: 15px;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: red;
}

.note {
  text-align: justify;
  width: 100%;
}

#noRecords {
  clear: both;
  font-weight: bold;
  color: #535353;
  font: 1.4em Arial, Helvetica, sans-serif;
  padding: 20px 0 0 30px;
}

/*---------- FINE STILI ERRORE / NOTE ----------*/

/*-------- HELP --------*/
#help {
  text-align: right;
  margin-bottom: 2px;
}

.help {

}

/*----------------BOTTONI -----------------*/

#bottoniFiltro {
  padding-left: 1px;
  padding-top: 2px;
  clear: both;
  margin-bottom: 1px;
}

/*NON IE*/
html > body #bottoniFiltro {
  padding-left: 10px;
  clear: both;
  margin-bottom: 1px
}

#bottoniSopra {
  padding-top: 10px;
  clear: both;
}

#bottoniSotto {
  padding-left: 10px;
  padding-top: 10px;
  clear: both;
  margin-bottom: 10px;
}

/*NON IE*/
html > body #bottoniSotto {
  padding-left: 19px;
  clear: both;
  margin-bottom: 10px;
}

/* se ci sono pi� pagine*/
#bottoniNavigator {
  padding-left: 10px;
  padding-top: 10px;
  clear: both;
  margin-bottom: 10px;
}

html > body #bottoniNavigator {
  padding-left: 19px;
  clear: both;
  margin-bottom: 10px;
}

.funzioni-pagina-sotto {

}

.funzioni-numero-pagina {

}

.funzioni-pagina-sotto1 {

}

a.funzioni-link {
  background-color: #546574 !important;
  color: #fff !important;
  padding: 1px 4px;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 20px;
}

a.funzioni-link:hover, a.funzioni-link:focus, a.funzioni-link:active {
  background-color: #074B88 !important;
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
}

a.funzioni-link-indietro {
  background-color: #848484 !important;
  color: #fff !important;
  padding: 1px 4px;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 20px;
}

a.funzioni-link-indietro:hover, a.funzioni-link-indietro:focus, a.funzioni-link-indietro:active {
  background-color: #BFBFBF !important;
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
}

a.funzioni-link-inattivo {
  background-color: #EEEFF1 !important;
  color: #fff !important;
  padding: 1px 4px;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 20px;
}

a.funzioni-link-inattivo:hover, a.funzioni-link-inattivo:focus, a.funzioni-link-inattivo:active {
  background-color: #EEEFF1 !important;
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
}

a.button {
  background-color: #546574 !important;
  color: #fff !important;
  padding: 1px 4px;
  text-decoration: none;
  font-weight: bold;
}

a.button:hover, a.button:focus, a.button:active {
  background-color: #00498C !important;
  color: #fff !important;
  padding: 1px 4px;
  text-decoration: none;
  font-weight: bold;
}

/*------------------ FINE BOTTONI --------------------*/

/*------------------CALENDARIO--------------------*/
#calendar body {
  font-size: 8pt;
  color: #000000;
  font-family: verdana;
  scrollbar-face-color: #ffffff;
  scrollbar-shadow-color: #074B88;
  scrollbar-highlight-color: #074B88;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-track-color: #ffffff;
  scrollbar-arrow-color: rgb(0, 0, 0);
  margin-TOP: 7px;
  margin-LEFT: 10px;
}

#calendar table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

#calendar a {
  text-decoration: none;
  font-size: 12px;
  color: #000000;
  font-family: verdana;
}

#calendar a:hover {
  text-decoration: underline;
}

#calendar .bgCalendario {
  background-color: #074B88;
  align: center;
}

#calendar .frecceCalendario {
  position: absolute;
  top: 150px;
  left: 12px;
}

#calendar .fontdata {
  color: #000000;
  font-type: verdana;
  font-size: 12px
}

#calendar .fontmese {
  color: #ffffff;
  font-type: verdana;
  font-size: 12px;
}

#calendar .giorniCalendario {
  font-family: Verdana;
  font-size: 11px;
  color: #074B88;
  background-color: #F1F4ED;
}

#calendar .numeriCalendario {
  font-family: Verdana;
  font-size: 11px;
  color: black;
  background-color: #FFFFFF;
  font-weight: bolder;
  text-align: center;
}

#calendar .giornoSelezCalendario {
  font-family: Verdana;
  font-size: 11px;
  color: black;
  background-color: #F07B7B;
  font-weight: bolder;
  text-align: center;
}

#calendar .festiviCalendario {
  font-family: Verdana;
  font-size: 11px;
  color: black;
  background-color: #F5F9FC;
  font-weight: bolder;
  text-align: center;
}

#calendar .puntiniSeparatori {
  text-decoration: none;
  font-size: 1px;
  color: #ffffff;
  font-family: verdana;
}

/*------------------FINE CALENDARIO----------------*/

/* SEPARATORE LINKS PER VALIDAZIONE ACCESSIBILITA INIZIO */
.sep {
  display: none;
}

/* SEPARATORE LINKS PER VALIDAZIONE ACCESSIBILITA FINE */
/*pagina di filtro volume transato*/
label#annoDaLabel {
  width: 110px;
}

/*pagina di filtro volume transato*/
label#annoALabel {
  display: inline;
  width: 110px;
}

label#meseDaLabel {
  width: 110px;
}

label#meseALabel {
  display: inline;
  width: 110px;
}

select#annoDa, select#annoA {
  display: inline;
  width: 110px;
}

select#meseDa, select#meseA {
  display: inline;
  width: 110px;
}