.nav-bar{
    background-color: #012E64;
}
.btn-def{
    background-color: #012E64;
    color: #fff;
    border-radius: 0;
}
.form-control{
    background: #F8FBFD;
    border: 2px solid #DFE6EC;
    color: #F8FBFD;
}
.nav-tabs {
    border-bottom: none;
}
.nav-link{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    color: #657889;
}
.nav-tabs .nav-link.active{
    color: #EDA900 !important;
    background-color: #fff;
    border-color:none;   
}
.admin-pill{
    background-color:#012E64 !important;
    border-radius: none !important;
}
.serve-pill{
    background-color:#DFE6EC !important;
    border-radius: none !important;
}
.board-wrapper{
    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.05);
}
.board-wrapper .form-control, .board-wrapper .form-control:focus{
    border: 0;
    background-color: #F8FBFD;
    border-color: none !important;
    outline: 0;
    box-shadow: none;
}
p, span{
    font-size: 14px;
}
h6{
    color: #012E64;
}
.search-input{
    border: 2px solid #DFE6EC;
    width:400px; 
    background-color: #F8FBFD
}
.btn-search{
    width:150px;
    background-color: #EDA900;
    color: #fff;
    height: 50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.lil-input{
    width:55px;
}
.lil-input input{
    color: #101010 !important;
}

@media screen and (max-width: 815px)
{
   .btn-search{
       width: 100px;
   }
}


@media screen and (max-width: 563px)
{
   a{
       font-size: 14px;
   }
   .btn-search, .btn-holder, .search-input{
       width: 100%;
   }
   .btn-holder{
       padding-top: 1rem !important;
   }
}