/* CSS Document */
.alert-warning {
	color: #664d03;
	background-color: #fff3cd;
	border-color: #ffecb5;
}

.back-to-top {
	display: none;
}

.color-red {
	color: #FF0004;
}

.bg-sjc{
	background-color: #808080!important;
}

.bg-sjc, .bg-sjc>a {
	color: #fff!important;
}

.bg-fsc{
	background-color: #5cb85c!important;
}

.bg-fsc, .bg-fsc>a {
	color: #fff!important;
}

.bg-wc{
	background-color: #17a2b8!important;
}

.bg-wc, .bg-wc>a {
	color: #fff!important;
}

.bg-tc{
	background-color: #ffc107!important;
}

.bg-tc, .bg-tc>a {
	color: #fff!important;
}

.card-btn {
	cursor: pointer;
}

[class*=icheck-]>input:first-child+input[type=hidden]+label::before, [class*=icheck-]>input:first-child+label::before {
	border: 1px solid #676767;
}

.nav-treeview .nav-link {
	/*padding-left: 30px;*/
}

/* Datatable */
.dataTables_length {
	display: inline-block;
	margin-right: 15px;
}

.dataTables_filter {
	display: inline-block;
	margin-left: 15px;
	float: right;
}

@media screen and (max-width: 767px){
	.dataTables_filter {
		display:block;
		float: inherit;
	}

	.phone_show {
	display: block !important;
	}

	.phone_hide {
		display: none !important;
	}

	.custom_login {
		width: 100%;
	}
}

/* Permission table */
#tablePermissionList th{
	text-align: center;
	min-width: 80px;
}

.custom_login {
  -ms-flex-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  width: 99%;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.custom_center {
	align-items: center;
	-webkit-align-items: center;
}

.phone_show {
	display: none;
}

/* minor ammend to navbar*/
[class*="sidebar-dark-"] .nav-sidebar > li.nav-item.menu-open > ul.nav.nav-treeview {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff; 
}

 [class*="sidebar-dark-"] .nav-sidebar > li.nav-item.menu-open > ul.nav.nav-treeview > .nav-item > .nav-link {
  color: #fff;
} 

 [class*="sidebar-dark-"] .nav-sidebar > li.nav-item.menu-open > ul.nav.nav-treeview >.nav-item > .nav-link.active{
  background-color: rgba(255, 255, 255, 0.9);
  color: #343a40;
}