/* Style the body and outer container */

body{
	font-family: 'Montserrat', sans-serif;

	}
.containerhor input {
    min-width: 47px;
    padding: 5px;
}
.containerhor {
    width: 100%;
    overflow-x: scroll;
    padding: 10px;
}
.containerhor td {
    padding-right: 10px;
}
.containerhorgen td {
    min-width: 70px;
}
.estrailock{
	  width: calc(100% - 22em);
  overflow-x: scroll;
  margin-left: 22em;
  overflow-y: visible;
  padding: 0;
}
.estrailock2{
	  width: calc(100% - 39em);
  overflow-x: scroll;
  margin-left: 39em;
  overflow-y: visible;
  padding: 0;
}
.particolarealtezza td {
	
    height: 42px;
}
.particolarealtezza th {
	    height: 64px;
}
.headcol {
  position: absolute;
  width: 11em;
  left: 0;
  top: auto;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
}
.headcolb {
  position: absolute;
  width: 5em;
  left: 0;
  top: auto;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
}
.headcol2 {
  position: absolute;
  width: 11em;
  left: 11em;
  top: auto;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
}
.headcol2b {
  position: absolute;
  width: 14em;
  left: 5em;
  top: auto;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
	
    overflow: auto;
}
.headcol3 {
  position: absolute;
  width: 7em;
  left: 19em;
  top: auto;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
}
.headcol4 {
  position: absolute;
  width: 7em;
  left: 26em;
  top: auto;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
}
.headcol5 {
  position: absolute;
  width: 6em;
  left: 33em;
  top: auto;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
}


.pulsante {
  font-size: 16px;
  font-weight: 200;
  letter-spacing: 1px;
  padding: 13px 20px 13px;
  outline: 0;
  border: 1px solid black;
  cursor: pointer;
  position: relative;
  background-color: rgba(0, 0, 0, 0);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
	z-index: 1;
	text-decoration: none;
	font-weight: 700;
	color:#000;
    margin-right: 25px;
}

.pulsante:after {
  content: "";
  background-color: #017DD7;
  width: 100%;
  z-index: -1;
  position: absolute;
  height: 100%;
top: 0px;
  left: 0px;
  transition: 0.2s;
}
.pulsanteback:after{
  background-color:#497CAB !important;
}
.pulsantecancella:after{
  background-color:#C38B8C !important;
}

.pulsante:hover{
	color:#fff
}

.pulsante:hover:after {
 
}
.pulsantesmall{
	
    font-size: 12px;
    padding: 5px 10px 5px;
}
.page-item.disabled p {
    padding: 0.375rem 0.75rem;
}

.ms-selection .ms-list .ms-selected span {
    color: #fff;
    font-weight: 500;
}
.ms-selection .ms-list .ms-selected {
    background: cornflowerblue;
    color: #fff;
}
a.homelink {
    font-size: 24px;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    margin: auto;
    display: block;
}
.ms-container .ms-list{
}
.formcolor{
	    background-color: beige;
    border-radius: 20px;
    padding: 10px;
}
h1 {
    padding-bottom: 50px;
    padding-top: 30px;
}
.alternata{background-color:beige}

/* Status and error boxes */

.statusMessage, .errorMessage {
  font-size: .8em;
  padding: .5em;
  margin: 2em 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}
td.calendariomese {
    background: #fff;
    font-weight: 900;
}
.statusMessage {
  background-color: #2b2;
  border: 1px solid #080;
  color: #fff;
}

.errorMessage {
  background-color: #f22;
  border: 1px solid #800;
  color: #fff;
}