.center-xs {
    margin-left: auto;
    margin-right: auto;
    width: 280px;
}

.outerbox{
    height: 150px;
    display: inline-block; 
    position: relative;
    width: 180px;
    height: 180px;
    background-color: #fff;
    /*height: 44px;*/
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
    padding: 5px;
    margin: 5px;
}

 .innerbox {
    position: absolute;
    top: 130px;
    right: 0;
    width: 180px;
    height: 60px;
  }

  span.glyphicon-user {
    font-size: 3.2em;
}
span.glyphicon-edit {
    font-size: 3.2em;
}
span.glyphicon-file {
    font-size: 3.2em;
}
span.glyphicon-globe {
    font-size: 3.2em;
}
.ui-datepicker-calendar {
    display: none;
    }

    .modal {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0;
    }

    .modal-content {
        position: relative;
        background-color: #fdffeb;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #999;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 6px;
        outline: 0;
        -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
        box-shadow: 0 3px 9px rgba(0,0,0,.5);
        /*height: 200px;*/
        margin-top: 150px;
        margin-left: 200px;
        
    }

    /* Important part */
    .modal-dialog{
        overflow-y: initial !important
    }
    .modal-body{
        height: 250px;
        overflow-y: auto;
    }
    .center-logos{
      margin-left: 20px;
    }

    @media (max-width: 1080px) {
      
      .hide-sidebar{
            display: none;
        }
        .cards-margin-top{
            margin-top:20px;
        }
        .cards-margin-left{
            margin-left: 45px;
        }
        .center-pagination-top{
            padding-bottom: 10px; 
            padding-left: 45px;
        }
        .center-pagination-bottom{
            padding-top: 20px; 
            padding-left: 35px;
        }
    }
    @media (min-width: 640px) {
      #top-menu-financeiro {
        display: none !important;
      }
        #top-menu-inscricao {
          display: none !important;
        }
        #top-menu-material {
          display: none !important;
        }
        #top-menu-senha {
          display: none !important;
        }
        #top-menu-report {
            display: none !important;
          }
          #top-menu-aluno {
            display: none !important;
          }
          #top-menu-area {
            display: none !important;
          }
          #top-menu-professor {
            display: none !important;
          }
          #top-menu-agenda {
            display: none !important;
          }
          #top-menu-sala {
            display: none !important;
          }
          #top-menu-link {
            display: none !important;
          }
          #top-menu-categoria {
            display: none !important;
          }
          #top-menu-espera {
            display: none !important;
          }
          
      }
    
      .alert-secondary {
        color: #383d41;
        background-color: #e2e3e5;
        border-color: #d6d8db;
    }

    .msg {
        position: relative; 
        text-align: center; 
        margin-bottom: -20px;
    }

    .footer {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: black;
      color: white;
      text-align: center;
    }

@media (min-width: 992px){
   .my-col-md-offset-4 {
     margin-left: 35%;
   }
}