body{
	background: var(--primary_color);
}

a{
	color: var(--text_color);
}

a:hover{
	color: black;
	text-decoration: none;
}

.form-floating{
	font-size: 14px;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #212121;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--action_color);
}


#top-nav{
	background: var(--second_color);
	width: 100%;
	box-shadow: 0px 0px 20px black;
}

#top-nav h1{
	color: var(--text_color);
	font-size: 23px;
	float: left;
}

#top-nav .dropdown{
	float:right;
	margin-left: 5px;
}

#top-nav .dropdown a{
	font-size: 14px;
}


#logo{
	margin: 20px auto 0px auto;
	width: 200px;
}

#project-name{
	text-align: right;
	color:var(--text_color);
	font-size:14px;
	margin: -10px 0px 10px 0px;
}

#logout{
	margin: 20px auto 20px auto;
	width: 20px;
}

.sl-container{
	width: 96%;
	max-width: 1360px;
	margin: auto;
}

#menu-container{
	background: var(--second_color);
	border-radius: 5px;
}

#menu a{
	background: var(--second_color);
	border-left: 0px;
	border-right: 0px;
	color: white;
}

#menu a:hover{
	color: #36f;
}

#menu .active{
	border:0px;
	color: #36f;
}

/* Login */
#login-container{
	background: var(--second_color);
	margin: auto auto;
	width: 50vw;
	margin-top: 100px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px black;
}

#login-container .logo{
	max-width: 300px;
	margin-bottom: 30px;
}

#login-container h1{
	color: var(--text_color);
	text-align: center;
	margin: auto auto;
}

#login-container .btn{
	border-color: var(--primary_color);
	color: var(--text-color);
}

#login-container .btn:hover{
	background-color: var(--primary_color);
	border-color: var(--primary_color);
	color: var(--text_color);
}

#login-container .input-group-text{
	background: var(--primary_color);
	color: var(--text_color);;
}

#login-container .footer{
	margin-top: 30px;
	font-size: 14px;
	text-align: center;
	color: var(--text_color);
}

#login-container .footer a{
	color: var(--text_color);
}

.blink_me {
  animation: blinker 0.8s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25BE" 
}

.filter-btns{
	border-color: var(--text_color);
	color: var(--text_color);
}