/* #Media
================================================== */

/* #Primary
================================================== */
body.dark{
	color: #fff;
	background-color: #1f2029;
}
body.dark .dropdown-menu {
	color: #fff;
	background-color: #1f2029;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}
body.dark .navbar-light .navbar-toggler-icon:after, 
body.dark .navbar-light .navbar-toggler-icon:before{
	background-color: black;
}
::selection {
	color: rgb(29, 26, 26);
	background-color: #8167a9;
}
::-moz-selection {
	color: rgb(29, 26, 26);
	background-color: #8167a9;
}
/* #Navigation
================================================== */
.navbar-light{
  background-color: black !important;
  border-bottom: 1px solid #000;
}
.navbar-text-color{
  color: white !important;
}
.dropdown-toggle-nav::after {
    display: none;
  }
.text-decoration-none{
  text-decoration: none!important;
}
/* Font Awesome Icons have variable width. Added fixed width to fix that.*/
.icon-width { width: 2rem;}
.navbar-toggler-icon{
	color: black !important;
}
.dropdown-icon-style{
	margin-right: 0.8rem;
}
.nav-link{
	color: #212121 !important;
	font-weight: 500;
    transition: all 200ms linear;
}
.nav-item:hover .nav-link{
	color: #176ddd !important;
}
.nav-item.active .nav-link{
	color: #777 !important;
}
.dropdown-item:hover{
  color: white;
	background-color: black !important;
} 
.dropdown-item:focus {
	color: black;
	background-color: black;
}

li::marker {
  display: none;
}
.navbar a:hover {
  text-decoration: underline;
  text-decoration-color: white;
}
.login-text-color{
    color: black;
}
.forms-black-text{
	color: #000;
}
.datepicker-cell-content {
	color: black !important;
}
.datepicker-day-heading {
	color: black !important;
}
.timepicker-tips-element {
	color: black !important;
}