/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .bootstrap-wrapper #loginform input[type="text"], 
 .bootstrap-wrapper #loginform input[type="password"]{
    width:100%;
 }

 label.error{
   display:block;
   width:100%;
   background:#F00;
   color:#FFF;
   padding:5px 10px;
   font-size:14px;
}

.bootstrap-wrapper textarea{
   min-height:100px;
}

.dataTables_wrapper{
   margin-bottom:30px;
}

.report-view{
   width:90%;
   margin:auto;
   position: relative;
}


.report-view.accept-request{
   width:40%;
}

.report-view strong, .report-view{
   font-size:20px;
}

.small-logo{
   max-height: 50px;
}
.badge a{
   color:#fff !important;
}

.stp-dashboard-logo img{
   width:auto;
   height:40px;
   background:#fff;
}

.stp-dashboard-logo .site-title{
   color:#fff; 
   margin-left:10px;
}

label#requested_courses-error {
   position: absolute;
   bottom: -40px;
}

.pi-stp-golf-navigation{
   background:#000080 !important;
}

.pi-stp-golf-navigation a.pi-selected-menu,
.pi-stp-golf-navigation a.pi-not-selected-menu {
   border-bottom:6px solid #000080;
}

.pi-stp-golf-navigation a.pi-selected-menu:hover,
.pi-stp-golf-navigation a.pi-not-selected-menu:hover{
   border-bottom:6px solid #fff;
}

.pi-selected-menu{
   border-bottom:6px solid #fff !important;
}

.pi-not-selected-menu{
   background:#000080 !important
}

.page-item.active .page-link{
   background:#000080 !important
}

a.btn{
   text-decoration: none !important;
}

.stp-dashboard-menu{
   flex:1;
}

.stp-dashboard-menu a {
   justify-content: center;
   font-size:1.4rem;
}

.stp-show.d-none{
   display:block !important;
}

.ui-timepicker-container {
   z-index:100000 !important;
}

.table-striped td, .table-striped th{
   vertical-align: middle !important;
}

.stp-request-view td{
   padding:0.1rem 0.75rem;
}

.dataTables_scrollHead .table, .dataTables_scrollBody .table{
   margin-bottom:0px !important;
   margin-top:0 !important;
}

.stp-dashboard-logo{
   background-color: #fff;
   display: flex;
   align-items: center;
}

.select2-selection__clear{
   z-index:10000;
   border:0px;
   margin-top: 4px;
   margin-right: 4px;
}

.select2-selection__rendered {
   line-height: 31px !important;
}
.select2-container .select2-selection--single {
   height: 35px !important;
}
.select2-selection__arrow {
   height: 34px !important;
}

.dataTables_filter input[type="search"]{
   width:400px;
   max-width:100%;
}

.dataTables_filter label{
   max-width:100% !important;
}

.maintenance_date_box{
   background: #fff;
    padding: 10px;
    width: 300px;
    max-width:100%;
    margin: auto !important;
    text-align: center;
    position: relative;
}

@media(max-width:968px){
   .report-view{
      width:100%;
   }

   .report-view.accept-request{
      width:100%;
   }

   .pi-stp-golf-navigation{
      display: block !important;
   }

   .stp-dashboard-logo{
      display:flex;
   }

   .stp-dashboard-logo a{
      width:50%;
   }

   .stp-golf-mobile-menu{
      text-align:center;
      color:#fff;
      font-weight:bold;
      background:#000;
      display: flex !important;
      align-items: center;
      justify-content: center;
      border-radius:2px;
      padding:7px;
   }

   .stp-dashboard-menu{
      display: none !important;
   }

   .stp-dashboard-menu.mobile-menu-container{
      display: block !important;
   }

   .pi-selected-menu, .pi-not-selected-menu{
      border-bottom:0px !important;
      padding:10px;
   }

   .pi-selected-menu{
      background:#ccc;
   }

   .dataTables_length{
      margin-top:15px;
   }
}