.custom-border-top{border-top: 14px solid #b51783}
.custom-border-bottom{border-bottom: 14px solid #b51783}

#navbar-main .top-nav-link {
    color: #332a86;
    font-weight: 800;
    font-size: 20px;
}
#navbar-main .top-nav-link:hover {
    color: #b51783;
}
#top-navbar a{ color:#b51783;font-weight: 600;}
#top-navbar a:hover {text-decoration:none;color:#871262}
.navbar .navbar-toggler {
    border-color: #b51783;
    background-color: #b51783;
}
#navbar-main .nav-item .dropdown-menu a{font-weight: 500;font-size: 14px;}

footer { background-color:#000 ; color: #fff;}
footer .footer-links {font-size: 18px;}
footer a{color:#fff}
.wex{color: #b51783;}
footer a:hover, .footer .wex a:hover{color: #ffffff;text-decoration:underline}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
#sidebar {
    background: #000;
    color: #fff;
}

#sidebar .sidebar-header {
  background: #b51783;
	border-bottom:1px solid #b51783;
}
#sidebar ul li a {
	border-bottom: 1px solid silver;
	color: #fff;
}
.sidebar-menu li.active a{
  border-left: 5px solid #b51783;
  background-color: #2e3b46;
}
#sidebar ul li a:hover {
    color: #fff;
    background: #4d5866;
}

/* .sidebar-menu li a{
  border-left: 5px solid #2e353d;
  border-bottom: 1px solid silver;
} */

.sidebar-menu li a:hover {
  border-left:5px solid #b51783;
  background-color: #4f5b69;
}

ul .sub-menu li a{
	color:#fff;
  background: #4f5b65;
	border-left:5px solid #2e353d
}

.sidebar-menu li.group a{
  background-color: #2e353d;
}

.sidebar-menu li.create a{
  background-color: #616264;
}


/*---------------------------------------
	STICK OUT BUTTON
---------------------------------------*/
#content .custom-btn .btn.btn-default:after {
	background: #b51783;		 
  }
/* ----------------------------------------
    BUTTONS
---------------------------------------------*/
.btn-info {
    color: #fff;
    background-color:#332a86!important;
    border-color: #332a86!important;
}
.btn-info:hover {
    color: #fff;
    background-color: #4a3dc2!important;
    border-color: #4a3dc2!important;
}

.btn-primary {
    background: #b51783!important;
    color: #FFF;
    border-color: #b51783!important;
}
.btn-primary:hover {
    color: #fff;
    background-color:#871262!important;
    border-color:#871262!important;
} 

.bg-info {background-color: #332a86!important;}
.border-info {border-color: #332a86!important;}
.badge-info {
    color: #fff;
    background-color: #332a86;
  }

  @media (max-width: 576px) {
    .navbar-brand img {
      max-width:200px;
  
    }
    body, footer .footer-links, footer p{font-size:.825rem}
  } 


 @media (max-width: 800px) {
    .navbar-brand img {
        max-width:200px;
      }

       #nav-sccb{
        display: block;     
      }
      #navbar-main .top-nav-link {
        font-weight: 500;
        font-size:14px;
    }
   .navbar-nav .nav-item {
    border-top: 1px solid silver;
   }
 }