.navbar-avatar-name {margin-right:10px;}
.wizard-content #addNewEvent .color-selector {padding-left:15px;}
.overlay-panel .widget-title { text-shadow: 0 0 5px rgba(0, 0, 0, 1);}
.page {background-color:#f8f8f8}
.page-header {padding:5px 30px}
.mycourse-list .popover-content {color:#333333; padding:10px;}
.tabella-orari table tr td, .tabella-orari table tr th {text-align:center} 
.tabella-orari span {width:100%; display:inline-block;}
.tabella-orari a span {text-decoration:none;}
#toolbar-calendar { width: 100%; margin: 10px; padding: 10px;}
#toolbar-calendar .btn-default {width:auto;}
.alert-info .media-body ul, .alert-info .media-body ol {padding-left:15px;}
.individual-phone label {margin-top:0px; margin-left:5px; margin-bottom:0px;}

.tab-excercise .nav-tabs > li > a,
.tab-excercise .nav-tabs > li.active > a,
.tab-excercise .nav-tabs > li.active > a:focus,
.tab-excercise .nav-tabs > li.active > a:hover {overflow:visible;}
.tab-excercise .nav-tabs > li > a > .icon {margin-right:0px;}
.tab-excercise .popover {color:#111111; max-width:100%; min-width:320px; width:100%}

.popover{
    max-width: 100%; // Max Width of the popover (depending on the container!)
}


.span_errore {
color: #d6494b !important; 
font-weight:bold; 
}
.span_correzione {
color: #279566 !important; 
font-weight:bold; 
}
.span_commento {
color: #3583ca !important; 
font-weight:bold; 
}
.span_evidenzia {
color: black; 
background-color: yellow;
font-weight:bold; 
}

.border-grey-400 {border:1px solid #BDBDBD}

@media (max-width:768px){
#toolbar-calendar .btn-default {width:100%;margin-bottom:5px;}

}