/* This file includes custom Bootstrap helper classes as well as some basic CSS to style the calendar. These could use some cleaning up, but gives the gist of the concept here. The important stuff starts around line 107. */



.language{color:#e0e0e0}

#linguas{margin-top:5px}


@media (max-width: 800px) {

    .navbar-header .navbar-brand{
    font-size:9px
    }
    
    .language{display:none}
    #linguas{margin-left:5px;margin-top:5px
    ;font-size:13px;}
    
    
     .date.future {
width:90%;margin:auto

}
    
}







h1, h2 {
    color: #00245d;
}
.month-selector {
    background-color: #fff;
    border-radius: 4px;
    padding: 8px;
    position: relative;
    margin:5px;
    display:inline-block;
	letter-spacing: 2px;
	border: 1px solid #eee;
}

.month-selector.active {
    background-color: #30a5ff;
    color:#fff
}

.month-selector:hover {
    background-color: #5bc0de;
    color:#fff
}


#calendar {
    padding-top: 10px;
}
#calendar h2 {
    display: inline-block;
    padding: 0 30px;
    margin: 20px 0 25px;
}
#calendar h2 span {
    color: #FFD555;
}
#cal-wrapper {
    font-size: 0;
	
}
 .date {
 overflow:hidden;
 margin-bottom:20px;

}

.date .orario {margin-top:35px}


.date .titcorso {margin-top:35px;font-size:18px}

.logocorso {position:absolute;top:-31px;right:2px;height:120px;width:180px}

.logocorso img
{max-width:100%;max-height:100%}

.buttoncalendar {position:absolute;bottom:140px;right:200px;}



.tooltip {z-index:999999; position: fixed}


.date-header {
    height: 40px;
    background-color: #011a42;
}
.date-header h4 {
    color: #ffffff;
    margin: 10px;
    font-size: 16px;
    padding-top: 10px;
}
.date-item {
 margin-top:0;
 height: 190px;
padding:0;
    margin: 0px;
    font-size: 13px;
    padding:5px;
    position:relative
}

.date-item a{position:absolute;bottom:15px;right:5px}
.date-item .smallfont{position:absolute;bottom:1px;right:5px}
.date-item h1,.date-item h2, .date-item h3, .date-item h4,.date-item h5,.date-item h6{margin:0px;padding:0px;}
.date-item h5 {width: 60%}


.date-item h4{font-size: 15px;margin-bottom:5px;font-weight:600}




.date-item.none {
    text-align: center;
}
.yesterday .date-header {
    background-color: #e0e0e0;
}
.yesterday .date-header h4 {
    color: #2d2d2d;
    font-size: 16px;
}
.today .date-header {
    background-color: #00245d;
}
.today .date-header h4 {
    color: #ffffff;
    font-size: 16px;
}
.no-items {
    color: #cbcbcb;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    font-size: 14px;
}
.show-past {
    color: #2d2d2d;
    font-weight: bold;
    font-size: 130%;
    margin-top: 20px;
    background-color: #ffffff;
    border: 1px solid #2d2d2d;
}
.nextmonth {
    margin-top: 10px;
}
.nextmonth .date-header {
    background-color: #E0E0E0;
    height: auto;
}
.nextmonth .date-header a {
    text-decoration: none;
}
.nextmonth .date-header a:hover span,
.nextmonth .date-header a:hover h4 {
    color: #ffffff;
    text-decoration: none;
}
.nextmonth .date-header a span {
    color: #acacac;
    font-size: 300%;
    padding-top: 15px;
}
.nextmonth .date-header a h4 {
    color: #2d2d2d;
    margin-top: 0px;
    padding-bottom: 10px;
}
.month-header {
    position: relative;
}



@media (min-width: 1220px) {
    .clearfix.clearfix-lg {
        display: block;
    }
    .clearfix.clearfix-md {
        display: none;
    }
    .sevencols.col-lg-2 {
        padding-left: 3px;
        padding-right: 3px;
        width: 14.2857%;
    }
    
   
         .date.future {
width:30%;margin-right:2%;float:left

}
    
    
    
    
}







@media (max-width: 1219px) {
    .clearfix.clearfix-lg {
        display: none;
    }
    

    
}


@media (min-width: 992px) and (max-width: 1219px) {

    .clearfix.clearfix-md {
        display: block;
    }
    
  
    
}



@media (min-width: 992px) {

    .clearfix.clearfix-sm {
        display: none;
    }
    
  
    
    }
    
    
@media (max-width: 991px) {

    .clearfix.clearfix-md {
        display: none;
    }
    .clearfix.clearfix-sm {
        display: block;
    }
    

}