/********************************************************************************
*                             BEM Methodology                                   *
*  [$] Block = block                                                            *
*  [$] Element = block__element                                                 *
*  [$] Modifier = block__element--modifier                                      *
*                                                                               *
*                            Database Component                                 *
*                                                                               *
*  [^]                                                                          *                                                             
*  [^]                                                                          *    
*  [^]                                                                          *
*                                                                               *
*                                                                               *
*                                                                               *
*                                                                               *
********************************************************************************/


/* [$] Element *****************************************/
   
    .database__filter--form-control, .database__total-pages--form-control{
        height: 50px !important;
        border-radius: 4px !important;
        border: 1px solid #f26522 !important;
    }
    
    .multiselect-native-select .btn-group{
        width:100% !important;
    }
    
    .multiselect-native-select .multiselect{
        height: 50 px !important;
        border-radius: 4px;
        border: 1px solid #f26522 !important;
        width: 100%;
    }
    
    
    .multiselect-native-select .multiselect span{
        float:left!important;
    }
    
    .multiselect-native-select .multiselect i{
        float:right!important;
    }
  
    .database__filter-by{
        margin: 10px 0;  
        text-align:right;
    }

    .database__total-pages--form-group{
        float:right;
        margin-bottom:0;
    }

   .database__entries {
        text-align: right;
        font-size:18px;
    }
    
    .database__bottom-right {
        padding-top: 4px;
    }

    .database__total-pages {
        margin-top: -10px;
    }

   .database__filter .btn-default {
        height: 50px;
    }
    
    .database__results .table.table-hover>tbody>tr td{
        transition: all 0.15s ease-in-out 0.1s;
        transform:scale(0.95);
        color:#333;
        text-transform: capitalize;
    }
    
    .form-control option{
        text-transform: capitalize;
    }
    
    .database__results .table.table-hover>tbody>tr:hover td{
        cursor: pointer;
        overflow:visible;
        transform:scale(1.05);
        color:#000; 
    }
    
    .database__results .table-hover>tbody>tr a {
        color: #000;
    }
       
    .database__results .table-hover>tbody>tr:hover a {
        cursor: pointer;
        text-decoration:none;
    }

    .database__results .table-hover>tbody>tr:hover {
        background-color:inherit;
    }
    
    
    .database__results table thead th.table--sort.table--sort--asc:after{
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f160";
    }
    
    .database__results table thead th.table--sort.table--sort--desc:after{
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f161";
    }


/* [$] Modifier ****************************************/

    .pager--jaspers{
        text-align:right;
        margin: 0;
    }
    .pager--jaspers a{
        color:black;
    }
    .pager--jaspers li>a {
        display: inherit;
        border: inherit;
    }
    
     
    .pager--jaspers li>a:focus, .pager--jaspers li>a:hover,
    .pager--jaspers li.pager--jaspers--item--selected>a{
       background-color: initial;
       color: black;
       font-weight: 700;
       text-decoration: underline;
    }

    .pager--jaspers li.pager--jaspers--item--selected>a{
          text-decoration: none;
    }
    
    .database__filter--input-group[class*=col-]{
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .pager--jaspers li.pager--jaspers--item--disabled a,
    .pager--jaspers li.pager--jaspers--item--disabled a:focus,
    .pager--jaspers li.pager--jaspers--item--disabled a:hover{
        background-color: inherit;
        color: #ddd;
        cursor: not-allowed;
        text-decoration: none;
    }

 @media (max-width:767px){

/* [$] Element *****************************************/  
    .database__total-pages .form-group{
        float:left;
    }
      
    .database__filter-by{
        text-align:left;
    }

  
    .database__bottom-right {
        padding-top: 30px;
    }


/* [$] Modifier ****************************************/   

    .pager--jaspers{
        text-align:center;   
    }  
     
}

 @media (min-width: 768px) and (max-width: 991px) {


/* [$] Element *****************************************/  
    .database__filter-by{
        text-align:left;
    }
  
    .database__total-pages .form-group{
        float:left;
    } 

/* [$] Modifier ****************************************/    
    .pager--jaspers{
        text-align:center;   
    }
    
}


  /* [#] md screen */
@media (min-width: 992px) and (max-width: 1199px) {
    
/* [$] Element *****************************************/  

    .database__entries {
        font-size:15px;
    } 
        
}

.form-control option:first-child, .form-group .multiselect-container>li:first-child{
    display:none !important;
}