body {
  font-family: 'Poppins', sans-serif !important; }

.menuItemWidth {
  width: 25px !important; }

.equal {
  display: -webkit-flex;
  display: flex; }

/*override di w3*/
.w3-bar-block .w3-bar-item {
  padding: 12px;
  font-weight: 400; }

.w3-theme {
  color: #03577A !important;
  background-color: #FFF !important; }

.w3-theme-menu {
  color: #FFF !important;
  background-color: #ef5400 !important; }

.w3-text-theme {
  color: #009688 !important; }

.w3-border-theme {
  border-color: #009688 !important; }

.w3-hover-theme:hover {
  color: #fff !important;
  background-color: #009688 !important; }

.w3-hover-text-theme:hover {
  color: #009688 !important; }

.w3-hover-border-theme:hover {
  border-color: #009688 !important; }

.activeTab {
  color: #FFF !important;
  background-color: #03577A !important;
  font-weight: bold; }

.activeTabStudente {
    border-left: 3px solid #002B49 !important;
    background: rgba(183, 225, 255, 0.50) !important;
    color: #002B49 !important;
}

.w3-border-bottom {
  border-bottom: 3px solid #ef5400 !important; }

.w3-container, .w3-panel {
  padding: 0px; }

.w3-bar-item-menu {
  padding: 16px;
  font-weight: bold; }

.w3-margin-2 {
  margin: 0px !important; }

.w3-padding-5 {
  padding: 5px !important; }

.w3-blue, .w3-hover-teal:hover {
  color: #fff !important;
  background-color: #03577A !important;
  font-weight: bold; }


.w3-teal, .w3-hover-teal:hover {
color: #fff !important;
background-color: #03577A !important;
font-weight: bold; }  

.w3-badge {
  background-color: #ef5400 !important;
  left: -10px;
  top: -12px;
  position: relative;
  border-radius: 10px !important;
  font-size: 12px;
  font-weight: bold; }

.w3-button-alert {
  border: none;
  background-color: inherit;
  overflow: unset !important; }

.w3-modal {
  z-index: 66666666; }

.w3-overlay {
  z-index: 1000 !important; }

.w3-card {
  box-shadow: 10px 0 5px -5px #cecece !important; }

/*media queries*/
@media (min-width: 1400px) {
  .w3-sidebar.w3-collapse {
    display: none !important; } }

@media screen and (min-width: 1620px) {
  .logoSize {
    max-height: 130px;
    width: 250px; } }

@media screen and (max-width: 1199px) {
  .headerHeight {
    height: 65px; }
  .fotina_height {
    height: 44px; }
  .w3-card {
    box-shadow: 0px 0px 0px 0px !important; }
  .contentArea {
    width: 100%; }
  .menuSidebar {
    width: 400px; } }

@media screen and (max-width: 373px) {
  .hideXs {
    display: none; }
  .showXs {
    display: block; }
  .menuSidebar {
    width: 100%; } }

@media screen and (max-width: 601px) {
  .headerHeight {
    height: inherit; }
  .fotina_height {
    height: 44px; }
  .contentArea {
    width: 100%; } }

/*foto e logo */
.fotina {
  border: 0px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.fotina_height {
  height: 44px; }

.logoSize {
  max-height: 120px;
  max-width: 85% !important; }

.headerHeightLogo {
  height: 130px; }

/*typography*/

@media (max-width:1399px){
    .titolone {
        font-weight: 600;
        color: #04264c;
        font-size: 28px !important;  
        margin: 18px 0 0 5px !important; }

}
@media (min-width:1400px){

    .titolone {
        font-weight: 600;
        color: #04264c;
        font-size: 28px !important;
        margin: 18px 0 0 28px !important; }

}



.titolino {
  font-weight: 600;
  color: #04264c; }

.MarginLeft5 {
  margin-left: 5px; }

h1 {
  font-size: 20px !important; }

h2 {
  font-size: 18px !important; }

h3 {
  font-size: 16px !important; }

h4 {
  font-size: 14px !important; }

/* sidebar */
.sidebarItem {
  width: 12%; }

.sidebarPadding {
  padding-left: 30px !important; }

.shadowMenu {
  box-shadow: 10px 0 5px -5px #cecece !important; }

hr {
  background-color: #cecece;
  height: 2px !important;
  margin: 0 0 1rem 0;
  border: 0;
  opacity: .25; }

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: .25rem;
  opacity: .5; }

.showXs {
  display: none; }

.breadcrumb {
  padding: 0.25rem 1rem !important; }


  
.has-tooltip {
    /*position: relative;*/
    display: inline;
  }
  .tooltip-wrapper {
    position: absolute;
    margin-left: 100px;
    z-index:1000 !important;
    visibility: hidden;
  }
  .has-tooltip:hover .tooltip-wrapper {
    visibility: visible;
    opacity: 1;
    /*top: 30px;*/
    /*left: 50%;*/
    /*margin-left: -76px;*/
    /* z-index: 999; defined above with value of 5 */
  }
  .tooltippo {
    display: block;
    position: relative;
    top: 2em;
    left: -140px;
    right: 100%;
    min-width: 140px;
    height: 30px;
    color: #000000;
    background: #FFFFFF;
    line-height: 30px;
    text-align: center;
    border-radius: 8px;

    box-shadow: 4px 3px 10px #777;
  }
  .tooltippo:after {
    content: '';
    position: absolute;
      bottom: 100%;
      left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #FFF;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
  }