html {
    scroll-behavior: smooth;
}
.navbar-default {
    background-color: #ffffff !important; /* #15224C !important; */
    border-bottom: 2px solid #D3D3D3; /* #B17E09; #fd4148; */
   
}

/* Title */
.navbar-default .navbar-brand {
    color: #B17E09;
}

/* Link */
.navbar-default .navbar-nav > li > a {
    color: #3897F0;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #3897F0;
}
/* Link */
.navbar-default .navbar-nav > li > a {
    color: #3897F0;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #3897F0;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #3897F0;
    background-color: #B17E09;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
   /* color: #2f2339;
    background-color: #B17E09;*/

     color: #000000;
    background-color: transparent;
}

/* Caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #3897F0;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #3897F0;
    border-bottom-color: #333;

}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
   /* border-top-color: #2f2339;
    border-bottom-color: #555;*/
    
}

.dropdown-menu .divider {

    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #3897F0;

}


@media (max-width: 800px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a 
   {
    color: #000000;    
   }
  
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus 
   {
    color: #000000;   
   
   }

  .navbar-default .navbar-toggle .icon-bar
   {     
    background-color: #8bc440;
   } 

  .navbar-collapse 
   {
    background-color: #ffffff;
    color: #000000 !important;   
    z-index: 10000 !important;
    position: relative;      
   }


  .navbar-default .navbar-nav > .dropdown > a .caret
   {
    border-top-color: #000;
    border-bottom-color: #777;
    margin-top:15px;
    margin-bottom:15px;
    float:right;
   }

  .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret
   {
    border-top-color: #000;
    border-bottom-color: #333;
    margin-top:15px;
    margin-bottom:15px;
    float:right;
   }
  
 }


 #login-dp{
    min-width: 250px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:rgba(255,255,255,.8);
}
#login-dp .help-block{
    font-size:12px    
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0    
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc 
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}
@media screen and (max-width:768px) {
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
}

[data-toggle="collapse"] .fa:before {   
    content: "\f107";
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f105";
}

#sidebar-nav [data-toggle="collapse"].collapsing{
    height: unset;
    transition: unset;
    position: unset;
}
@media screen and (max-width:768px) {
    .dynamic_content nav{
        position: fixed;
        bottom: 0;
        background: #fff;
        width: 100%;
        left: 0;
        z-index: 1;
    }
    .dynamic_content nav ul.pagination{
        margin-bottom: 0;
        margin: auto;
        justify-content: center;
    }
    #get_search_results .dataTables_paginate {
        position: fixed;
        bottom: 0;
        display: flex;
        background: #fff!important;
        width: 100%;
        left: 0;
        z-index: 1;
        border-top: 1px solid grey;
        justify-content: center;
    }
    
    #get_search_results .dataTables_paginate  .paginate_button {
        padding: 5px 8px;
    }
}