
#top-navbar a:hover {text-decoration:none;color:#000}
.navbar .navbar-toggler {
    border-color: #20A5DE!important;
    background-color: #20A5DE!important;
    color:#fff;
}
.navbar-wess {padding:0px;}
#navbar-main .top-nav-link{font-weight:600; padding-left: 15px; padding-right:15px;color:white}
#navbar-main  a{ line-height: 2;}

.border-l{border-left:2px solid #fff;}
.border-r{border-right:2px solid #fff}

#navbar-main .main-link:hover {
    background-color: #002A5C;color:#ffffff
}

#navbar-main .nav-item .dropdown-menu a{font-weight: 500;font-size: 14px;}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
#sidebar .sidebar-header { 
	border-bottom:1px solid silver;	
}
#sidebar {
    background: #16749c;
    box-shadow:0 0 0.25rem rgba(0,0, 0, 0.5) !important;
}
#sidebar .sidebar-header {  
    background:  #16749c;
}
.sidebar-menu li.active a{
  background-color: #16749c;
} 
.sidebar-menu li a{
  border-bottom: 1px solid silver;
 
}

/*---------------------------------------
	STICK OUT BUTTON
---------------------------------------*/
#content .custom-btn .btn.btn-default:after {	
	background: #16749c;		 	
}
/* ----------------------------------------
    BUTTONS $ colours
---------------------------------------------*/
.bg-azure{background-color: #20A5DE!important;color:white}
.bg-green{background-color: #308540; color:white}
.bg-orange{background-color :#F79E1C; color:white}
.bg-primary{background-color :#623F99!important; color:white}

.btn-primary {
    background: #623F99!important;
    color: #FFF;
    border-color: #623F99!important;
}
.btn-primary:hover {
    color: #fff;
    background-color:#51347f!important;
    border-color:#51347f!important;
} 
.btn-warning {
    background: #F79E1C!important;
    color: #FFF;
    border-color: #F79E1C!important;
}
.btn-warning:hover {
    color: #fff;
    background-color:#dd8808!important;
    border-color:#dd8808!important;
} 
.btn-info {
    background: #20A5DE!important;
    color: #FFF;
    border-color: #20A5DE !important;
}
.btn-info:hover {
    color: #fff;
    background-color:#20A5DE!important;
    border-color:#20A5DE!important;
} 
.btn-danger {
    background: #ce2127!important;
    color: #FFF;
    border-color: #ce2127!important;
}
.btn-danger:hover {
    color: #fff;
    background-color:#af1d21!important;
    border-color:#af1d21!important;
} 
.btn-success {
    background: #609f44!important;
    color: #FFF;
    border-color: #609f44 !important;
}
.btn-success:hover {
    color: #fff;
    background-color:#4b7d36!important;
    border-color:#4b7d36!important;
} 

.bg-info {background-color: #20A5DE!important;}
.border-info {border-color: #20A5DE!important;}
.badge-info {
    color: #fff;
    background-color: #20A5DE;
  }
.bg-danger {background-color: #ce2127!important;}
.border-danger {border-color: #ce2127!important;}
.badge-danger {
    color: #fff;
    background-color: #ce2127;
  }
.bg-success {background-color: #609f44!important;}
.border-success {border-color: #609f44!important;}
.badge-success {
    color: #fff;
    background-color: #609f44;
  }

@media (max-width: 576px) {
    .navbar-brand img {
      max-width:80px;
    }
} 
@media (max-width: 800px) {
    .navbar-brand img {
        max-width:100px;
      }
    .navbar-nav .nav-item { border-top: 1px solid silver; }
    #navbar-main a { line-height: 1.4; }
    #top-navbar a { font-size:12px }
    .border-l { border-left-color:transparent; }
    .border-r { border-right-color:transparent }
    #navbar-main .top-nav-link {
        font-weight: 500;
        font-size:14px;
    }
 }  