* {
    margin: 0;
    padding: 0;
    list-style: none;
}

a:link, a:hover, a:visited, a:active {
    color: inherit;
    text-decoration: none;
}

.separatore {
  display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
}

body,html {
    height: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
}

header {
    position: fixed;
    height: 100%;
    width: 220px;
    background-color: #26373a;
    float: left;
}

#logo {
    float: left;
    clear: both;
    width: 100%;
    height: 50px;
    background-color: #288292;
    text-align: center;
}

#logo span {
    line-height: 50px;
    color: white;
    font-size: 1.2rem;
}

#big {
    font-weight: 400;
}

#small {
    font-weight: 300;
}

#wrap {
    float: right;
    width: calc(100% - 220px);
}

#start-menu {
    text-align: center;
    height: 60px;
    line-height: 60px;
    color: grey;
    background-color: #141d1f;
    width: 100%;
    float: left;
    font-size: 0.9rem;
}

header nav {
    float: left;
    color: white;
    font-size: 0.85rem;
    width: 100%;
}

header nav ul li {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

header nav ul li i {
    width: 20px;
    display: block;
    float: left;
    margin-right: 20px;
    margin-left: 15px;
}

i img {
    width: 100%;
    display: block;
}

.current-page {
    background-color: #171c1e;
}

#strumenti {
    height: 50px;
    width: 100%;
    background-color: #2e9db0;
    text-align: center;
}

#strumenti nav {
    display: inline-block;
    margin-top: 10.5px;
}

#strumenti nav ul li {
    display: inline-block;
    color: white;
    font-size: 1.1rem;
    margin-left: 40px;
    margin-right: 40px;
    font-weight: 300;
    cursor: pointer;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.current {
    border: 2px solid white;
}

#strumenti-due {
    width: 100%;
    background-color: #2e9db0;
    height: 50px;
    text-align: left;
	padding-right: 40px;
    color: white;
	z-index: 1;
}

#strumenti-due form {
    display: inline-block;
    line-height: 50px;
}

#strumenti-due form {
    color: white;
}

#strumenti-due form select {
    display: inline-block;
    margin-left: 10px;
    margin-right: 20px;
    font-size: 1.15rem;
	width: auto;
}

#strumenti-due form input {
    display: inline-block;
    margin-left: 10px;
    margin-right: 20px;
    font-size: 1.15rem;
    outline: none;
}

.table-liga { 
    background-color: #EEEEEE; 
    color: #000; 
    display: inline-block;
}

.table-liga th, td {
    width:auto;
    padding-left: 17px;
    padding-right: 17px;
    height: 50px;
    font-size: 0.9rem;
}

.table-liga thead {
    background-color: #141d1f;
    color: #fff;
    font-weight: 300;
}

.table-liga th {
    font-weight: 300;
}

.half {
    color: #000;
}

#tabellone {
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 50px;
}

#mobile-header {
    width: 100%;
    height: 50px;
    background-color: #288292;
    display: none;
}

#nav-collapse {
    position: absolute;
    width: 30px;
    top: 11px;
    left: 11px;
}

#nav-collapse img {
    width: 100%;
    display: block;
}

#logo-mobile {
    float: right;
    color: white;
    line-height: 50px;
    margin-right: 12px;
    font-size: 1.6rem;
}

#strumenti-due form div {
    display: inline-block;
}

.more {
    width: 20px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.more img {
    width: 100%;
    display: block;
}


.match-more {
    width: 100%;
    background-color: white;
    height: 0;
    transition: all 0.7s;
}

#info {
    padding-left: 0;
    padding-right: 0;
    height: 0;
    overflow: hidden;
}

.altezzaMore {
	height: 200px;
    border-bottom: 1px dashed black;
}

.titolo {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 2rem;
    font-weight: 400;
}

.testo {
    text-align: left;
    padding-left: 20px;
    padding-right: 35px;
    margin-bottom: 20px;
}

.two-column {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(50% - 43px);
    display: inline-block;
    background-color: #d9d9d9;
    vertical-align: text-top;
}

.two-column form input[type="text" i] {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 10px;
    font-size: 1.15rem;
    outline: none;
}

.two-column form input[type="checkbox" i] {
    margin-right: 10px;
}

.two-column form textarea {
        display: block;
        margin-left: 10px;
    outline: none;
    margin-right: 20px;
    font-size: 1.15rem;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid gainsboro;
    padding: 10px;
}

.two-column form input[type="submit" i] {
    
    border-radius: 0;
    border: none;
    cursor: pointer;
    background-color: #2e9db0;
    color: white;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.15rem;
    outline: none;
    display: block;
    margin-left: 10px;
}

.two-column form input[type="text" i] {
    padding: 10px;
}

.radio-button {
    display: block;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
}

.check-box {
    display: block;
    text-align: left;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 20px;
}
.select {
    display: block;
    text-align: left;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 20px;
}

.two-column form select {
    outline: none;
    font-size: 1.15rem;
    border: none;
}

.two-column form input[type="radio" i] {
    margin-right: 12px;
}

.stato {
    width: 5px;
    display: inline-block;
    padding: 0;
}

.verde {
    background-color: green;
}

.rosso {
    background-color: darkred;
}

.arancione {
    background-color: orange;
}

#thStato {
    padding: 0;
}

.button {
    display: inline-block;
    padding: 10px;
    background-color: #2e9db0;
    color: white;
    margin-top: 10px;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

.button form {
    display: inline-block;
}

#ris form input[type="text" i] {
    padding: 2px;
    max-width: 30px;
    font-size: 1rem;
    margin-left: 3px;
    margin-right: 3px;
}

#note form input[type="text" i] {
    padding: 2px;
    max-width: 170px;
    font-size: 1rem;
    margin-left: 3px;
    margin-right: 3px;
}

@media only screen  
  and (max-device-width: 1024px) {
      
      
      th,td {
          font-size: 0.65rem;
          padding-left: 7px;
          padding-right: 7px;
          text-align: left;
      }
      
      .two-column {
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 43px);
        display: inline-block;
    }
      
      #wrap {
          float: none;
          width: 100%;
            position: relative;
            top: 100px;
      }
      
      header {
          left: -220px;
      }
      
      #strumenti-due form {
          font-size: 0.7rem;
      }
      
      #strumenti-due form select {
          margin-right: 0;
          font-size: 0.7rem;
          border-radius: 0;
          margin-left: 5px;
      }
      
      #strumenti-due form input {
          border-radius: 0;
          font-size: 0.8rem;
          margin-left: 5px;
      }
      
      #mobile-header {
          display: block;
          position: fixed;
          top: 0;
          left: 0;
          z-index: 1000;
      }
      
      #strumenti-due {
          display: none;
      }
      
      #tabellone {
          margin-top: 0px;
      }
      
      .form-name {
          display: none;
      }
      
      #thAllenatore {
          display: none;
      }
      
      #tdAllenatore {
          display: none;
      }
      
      #thId {
          display: none;
      }
      
      #tdId {
          display: none;
      }

      #thFlagCartellino {
        display: none;
      }

      #tdFlagCartellino {
        display: none;
      }

      #thCampo {
        display: none;
      }

      #tdCampo {
        display: none;
      }

      #thOra {
        display: none;
      }

      #tdOra {
        display: none;
      }

}

/* Buttons tabella */

.plus-img {
    width: 20px;
    height: 20px;
	}

.plus-black {
	content: url(img/plus-black.png);
}

.less-black {
		content: url(img/less-black.png);
}

.plus-azure {
		content: url(img/plus-azure.png);
}

.less-azure {
		content: url(img/less-azure.png);
}

.plus-green {
		content: url(img/plus-green.png);
}

.less-green {
		content: url(img/less-green.png);
}

.plus-red {
		content: url(img/plus-red.png);
}

.less-red {
		content: url(img/less-red.png);
}

.plus-orange {
		content: url(img/plus-orange.png);
}

.less-orange {
		content: url(img/less-orange.png);
}

.status {
	width: 18px;
	height: 18px;
	margin-top: 15px;
	margin-left: 7px;
	border-radius: 100%;
}
 
.form-container {
	padding-bottom: 40px;
}

.form-items {
	display:inline-block;
	margin-top: 5px;
    margin-bottom: 5px;
}

.form-items-edit {
		display:inline-block;
		padding-bottom: 30px;
}
 
 .form-opzioni {
	 width: auto;
	 display: inline-block;
	 text-align-last: center;
 }
 
 .form-label {
	 width: auto;
	 display: inline-block;
	 padding-left: 10px;
 }
 
  .form-button {
	 width: auto;
	 display: inline-flex;
	 padding-left: 10px;
 }
 
  .highlight {
	 background-color: #fff!important;
 }
 
 .tr-odd {
	 background-color: #eee;
 }
 
 .tr-even {
	 background-color: #c9c9c9;	 
 }
 
 .input-risultato {
	 width: 50px;
 }
 
 .input-note {
	 text-align-last: left;
	 width: 512px;
 }
 
 .form-alert-container {
	 padding-left: 15px;
	 padding-right: 15px;
 }
 
  /* Sovrascrittura regole Bootstrap */
  
.row {
	margin-top: 50px;
}


 
.container {
}

.navbar {
	border: none;
	margin-bottom: 0px;
}

.navbar-notifica {
	padding-top: 14px;
    padding-left: 10px;
	display: inline-block;
}

.nav>li {
	display: inline-block;
}

.nav>li>a:focus, .nav>li>a:hover {
	background-color: #2e9db0;
	color: #141d1f;
}

.panel-green>.panel-heading {
	color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.panel-green {
   border-color: #4cae4c;
}
 
 @media only screen  
  and (max-device-width: 1366px) {
	  
	.status {
		width: 6px;
		height: 18px;
		margin-top: 15px;
		margin-left: 1px;
		border-radius: 10%;
	}
	  
	.altezzaMore {
		height: auto;
	}

	.form-label {
		padding: 5px;
		text-align: center;
		display: block;
	 }
	 
	.form-items {
		display:inline-block;
		padding-bottom: 10px;
	}
	
	.form-items-edit {
		display:inherit;
		padding-bottom: 5px;
	}

	.form-container {
		padding-bottom: 5px;
	}
	
	 .input-note {
		 text-align-last: left;
		 width: 80%;
	 }
	 
	.navbar-notifica {
		padding-top: 5px;
		max-width: 100%;
		overflow: hidden;
	}
	
	.navbar-nav {
		padding-left: 10px;
	}
	  
  }
  
 /* LOADER DigitaLiga */
/* Center the loader */
#digitaliga_loader {
  position: fixed;
  left: 58%;
  top: 50%;
  z-index: 999;
  margin: -75px 0 0 -75px;
  /* colorful */
   border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid blue;
  border-right: 16px solid green;
  border-bottom: 16px solid red;
  border-left: 16px solid white;
  width: 95px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#digitaliga_div_loader {
  display: none;
  text-align: center;
}