/* app css stylesheet */

html{
    font-size:100%;
}

.with-error{
	color: #a94442
}

.menu {
    list-style: none;
    border-bottom: 0.1em solid black;
    margin-bottom: 2em;
    padding: 0 0 0.5em;
}

.form-control{
	height: 32px;
}

.menu:before {
    content: "[";
}

.menu:after {
    content: "]";
}

.menu > li {
    display: inline;
}

.menu > li:before {
    content: "|";
    padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
    content: "";
    padding: 0;
}

.margine_sopra100{
    margin-top: 100px;
}
.margine_sopra50{
    margin-top: 50px;
}

.margine_sopra70{
     margin-top: 70px;
}

.distanza_bordo{
    padding: 10px;
}

.hidden{
    display: none;
}

.bordo_sx{
    border-left: solid 1px #285e8e;
    height:100%;
}

.bordo_dx{
    border-right: solid 1px #285e8e;
    height:100%;
}

.bordo_sotto{
    border-bottom: solid 2px #428bca;
}

.stile-countdown{
    background-color: black;
}

.stile-countdown h4{
    color:white;
    padding: 0 10px 0 10px;
    text-align: center;
}

.centra{
    text-align: center;
}
    
.altezza_fuori{
    height: 597px;
}

.link_white{
    color: white;
}

.single_box .single_box2 .single_box3 .single_box4{
    position:relative;
    display:inline;
}

.evento-icon{
	color: #A9444D;
}

.table {
    margin-bottom: 0px;
}

.table tr th {
    background-color: #7cb0d8;
    color:white;
}
.table>tbody>tr>td {
    padding: 1px 2px 1px 2px;
}

.table{
	background-color: white;
}

input {
    text-align: right;
}
input.login{
    text-align: left;
}

.stretto{
	letter-spacing: -3px;
}


@media screen and (max-width: 1000px)  and (min-width: 768px){
    table.restringi  td {
	    letter-spacing: -1px;
    }
}

@media screen and (min-width: 768px){
    .margine_sotto5{
        margin-bottom: 22px;
    }
}
    
.voce-menu{
	font-size: 18px;
}

.switch-color{
	background-color: white;
}

.ultimiMinuti{
	color: rgb(239, 255, 0) !important;
	font-weight: bold;
}

.navbar-nav > li > a {
	color: #428bca;
}

.active{
	border-bottom: 15px solid #428bca;
}
.navbar-nav > li > a:hover {
	background-color:rgba(255,0,0,0.0);
}

.navbar-nav > li > a:focus {
	background-color:rgba(255,0,0,0.0);
}

h2.descrizione_tempo {
   color:  #428bca;
   text-align: center;
}

.well-nav{
	padding: 4px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.well-countdown{
	padding: 1px !important;
	background: #428bca !important;
	background-color: #428bca !important;
	border: 1px solid #428bca;
	color: white;
	filter: none !important;
}

.countdown{
	font-weight: bold;
}

.nav-periodo{
	background: rgb(24, 166, 24);
	border: 1px solid rgb(24, 166, 24);
	color: white;
	filter: none !important;
}


@media (max-width : 540px) and (min-width : 484px) {
.sizeTell{
    /*width: 200px;*/
    margin: 10px;
    /*float: left;*/
    text-align: center;
}
.sizeA{
    /*width: 110px;*/
    float: left;
} 
}
@media (max-width : 768px) and (min-width : 673px) {
.sizeTell{
    /*width: 250px;*/
    margin: 10px;
    float: left;
    text-align: center;
}
.sizeA{
    /*width: 110px;*/
    float: left;
} 
}
@media (max-width : 673px) and (min-width : 540px) {
.sizeTell{
    /*width: 250px;*/
    margin: 10px;
    /*float: left;*/
    text-align: center;
}
.sizeA{
    /*width: 110px;*/
    float: left;
} 
}
@media (max-width : 484px) {
    .sizeTell{
    /*width: 130px;*/
    margin: 10px;
    /*float: left;*/
    text-align: center;
}
.sizeA{
    /*width: 110px;*/
    float: left;
} 
}

/*Sovrascrittura dei stili di bootstrap*/
.nav>li>a {
    padding: 10px 5px;
}

@media (min-width: 768px){
.navbar-text {
    margin-right: 5px;
    margin-left: 5px;
}
}

@media (max-width: 767px){
.navbar-text {
    margin-top: 5px;
    margin-bottom: 5px;
}
}
/*End*/

@media (min-width: 1200px){
.navbar-right {
     margin-right: 0px; 
}

.affix {
          top: 0;
      z-index: 1023;
    width: 1140px;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.affix {
          top: 0;
      z-index: 1023;
    width: 970px;
}
}
@media (min-width: 768px) and (max-width: 991px){
.affix {
          top: 0;
      z-index: 1023!important;
    width: 750px;
}
}
@media (max-width: 768px){
.navbar-nav {
     margin: 7.5px -0px; 
}
.affix {
    top: 0;
    z-index: 1023;
    width: 100%;
    margin-left: -20px;
    margin-left: 0px;
}
}
.marginRight0 {
    margin-right: 0px!important;
}

/* Fix for the flickering with bootstrap affix and angular
 * https://finiteheap.com/webdev/2014/12/26/bootstrap-affix-flickering.html
 */
.nav-wrapper, .navbar {
  height: 80px;
}


@media (max-width : 672px) {
    .schermoSmallBanco{
        background-color: white;
    }
    
    .marginbottom{
        margin-bottom: 100px;
    }
    .marginMeno15{
            margin-right:-15px;
            margin-left:-15px;
    }
    
}
@media (max-width : 1199px) {
.navbar-text {
    margin-top: 5px;
    margin-bottom: 5px;
}
    
}
@media (max-width : 600px) {
.visible600 {
    visibility: visible;
}
.hidden600 {
    display: none;
}
}
@media (min-width : 601px) {
.hidden601 {
    display: none;
}
}