/* tab */

.nav-tabs>li{
    width: calc(100% / 3);
}
.nav-tabs>li.active>a{
    background-color: #331f44;
    border: 0 !important;
}
.nav-tabs>li>a{
   background: none;
  
}

.nav-tabs>li>a:hover{
    background-color: #331f44;
    color: #fff;
}

.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus{
    background-color: #331f44;
    border: 0 !important;
    color: #fff;
}

.head-search{
    margin-top: 16px;
}

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

    .nav-tabs>li>a{
    
       padding-top: 16px;
       padding-bottom: 16px;
     }
}


 .ebscowrapper { display:flex; flex-flow:row wrap; text-align:center; box-sizing:border-box; padding:12px; }
 .ebscowrapper .header { font-size:24px; background: none; padding-top: 8px;}
 .ebscowrapper>* { padding:12px; flex:1 100%; }
 .ebscowrapper .searchTerm { box-sizing:border-box; font-size:20px; width:100%; border:1px solid #cccccc; border-bottom:none; padding:8px; padding-left:16px; height:56px; border-radius:0 0; outline:none; box-shadow:0 2px 4px 0 rgba(0, 0, 0, .15); }
 .ebscowrapper .searchTerm:focus { color:#333; }
 .ebscowrapper .searchButton { box-sizing:border-box; width:100%; height:56px; border:1px solid #331f44; background:#331f44; text-align:center; color: #FFFFFF; border-radius:0 0 6px 6px; cursor:pointer; font-size:24px; white-space:nowrap; padding:0 16px; box-shadow:0 2px 4px 0 rgba(0, 0, 0, .15); border-radius:0 26px 26px 0;}
 .ebscowrapper .searchButton .text { max-width:18ch; overflow:hidden; display:inline-flex; }
 .ebscowrapper .aside-1 { text-align:left; }
 .ebscowrapper .aside-1 label { align-items:center; display:inline-flex; white-space:nowrap; }
 .ebscowrapper .aside-1 label:not(:last-child) { padding-right:8px; }
 .ebscowrapper .aside-2 { text-align:left; padding-left:16px; white-space:nowrap; }
 .ebscowrapper select { height:56px; font-size:20px; margin-bottom:10px; width:100%; box-shadow:0 2px 4px 0 rgba(0, 0, 0, .15); padding-left:16px; border-radius:26px 0 0 26px; -webkit-border-radius:26px 0 0 26px;border: 1px solid #ccc;}
 @media all and (min-width:800px) {
   .ebscowrapper .main { display:flex; }
   .ebscowrapper .aside-1 { flex:5; }
   .ebscowrapper .aside-2 { flex:1; text-align:right; padding-right:16px; }
   .ebscowrapper select { flex:1; margin-right:10px; font-size:25px; margin-bottom:0; min-width:130px; padding-left:16px; }
   .ebscowrapper .searchTerm { flex:5; padding-left:16px; font-size:25px;}
   .ebscowrapper .searchButton { flex:1;  font-size:24px; }
   .ebscowrapper .searchButton .text { max-width:none; }
 }