ul 
{
    margin: 0px;
    padding: 0px;              
}
            

.tabs
{
    display: inline-block;
    width: 100%;
}

.tab-links:after
{
    clear: both;
    content: '';
    display: block;
    padding: 0px; 
}

.tab-links li
{
    float: left;
    list-style: none;
    margin-right: 6px;
    margin-bottom: 0px;
}

.tab-links a
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    background: #009ed0;                
    color: #ffffff;
    display: inline-block;    
    font-weight: 600;
    padding: 9px 35px;
    transition: all linear 0.15s;
}

.tab-links a:hover
{
    background: #1EC9FF;
    text-decoration: none;
}
li.active a,li.active a:hover
{
    background: #05396B;   
}
.tab-content
{
    background: #05396B;               
    /*box-shadow: -1px 1px 1px rgba(0,0,0,0.15);*/
    padding: 15px 15px 0px 15px;
}
.tab
{
    display: none;
}

.tab div.search-box-container
{
    display: inline-block; 
    width: 90%;
}

.tab.active
{
    display: block;
}

.search-box {
  margin-bottom: 0px;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  width: 100%;
  font-size: 17px;
}

.search-button
{
    height: 40px; 
    padding-left: 20px;
    width: 2%;
    color: #ffffff; 
    margin-left: 5px; 
    display: inline-block;    
    cursor: pointer;
}

#facet-container-left
{
    display:inline-block; 
    width: 90%;
}

#facet-container-right
{
    vertical-align: top; 
    display:inline-block; 
    width: 8%;
}

@media screen and (max-width: 680px) {   

    .tab div.search-box-container
    {       
        width: 90%;
    }

    .search-button
    {       
        padding-left: 2px;        
    }
}

@media screen and (max-width: 480px) { 
    .tab-links a
    {
        margin-left: 10px;
        margin-right: 0px;
        font-size: 14px;       
        padding: 9px 12px;
        transition: all linear 0.15s;
    }
   
    
    #facet-container-left
    {  
        width: 82%;
    }

    #facet-container-right
    {
        width: 15%;
    }
}