/*
Created by Hendi
Created date 2021-03-14
Created update 2021-03-22
Titasictech.com
CSS for Admin Panel
*/
a:hover,
a:focus {
  color: #00bcd4;
  text-decoration: none;
}
.sidebar .logo .simple-text {
	color: #00bcd4;
}

.sidebar .nav li a, .sidebar .nav li .dropdown-menu a {
	color: #00bcd4;
}
.sidebar .nav i {
	color: #00bcd4;
}
.navbar .navbar-toggler .navbar-toggler-icon {
    background-color: #00bcd4;
}
.navbar .navbar-brand {
	color: #00bcd4;
}
.navbar .collapse .navbar-nav .nav-item .nav-link {
	color: #00bcd4;
}
.navbar.bg-primary {
	background-color: #00bcd4 !important;
}
.navbar.bg-primary .dropdown-item:hover,
.navbar.bg-primary .dropdown-item:focus {
	background-color: #00bcd4;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu a:hover,
.dropdown-menu a:focus,
.dropdown-menu a:active {
    background-color: #00bcd4;
}
.fixed-plugin {
	background: #00bcd4;
	opacity: .6;
	/*top: 200px;*/
}
.form-control, .is-focused .form-control {
	background-image: linear-gradient(to top, #00bcd4 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}
.btn {
	text-transform: inherit;
}
.btn.btn-hejo {
	color: #fff !important;
	background-color: #00bcd4;
	border-color: #00bcd4;
	/* box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12); */
}
.btn.btn-hejo:hover, .btn.btn-hejo:focus {
	background-color: #44b640;
	border-color: #44b640;
}
.card .card-header-primary .card-icon, .card .card-header-primary .card-text, .card .card-header-primary:not(.card-header-icon):not(.card-header-text), .card.bg-primary, .card.card-rotate.bg-primary .front, .card.card-rotate.bg-primary .back {
    background: linear-gradient(60deg, #4caf50, #44b640);
}
.card .card-header-primary .card-icon, .card .card-header-primary:not(.card-header-icon):not(.card-header-text), .card .card-header-primary .card-text {
    box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(73 178 74 / 51%);
}
.card-stats .card-header .card-category:not([class*="text-"]) {
	font-weight: 500;
}
.card .card-body .form-group {
    margin: 0 0 8px 0;
}
.form-check, label {
	color: #333333;
	font-weight: 500;
}
label {
	margin-bottom: 0 !important;
}
small {
	color: #aaaaaa;
}
/* login */
.loginna ul {
	margin-bottom: 0;
}
.loginna .main-panel {
	float: left;
	width: 100%;
}
.loginna .card-avatar img {
	margin-top: 0;
}
.loginna .card-profile {
	text-align: left;
}
.loginna .login-desc h1 {
	font-weight: 500;
	font-size: 45px;
}
.loginna h1.card-title, a {
	color: #00bcd4;
}
/* halaman utama*/
.sidebar .logo a.logo-mini {
	float: left;
	text-align: center;
	width: 30px;
	margin-left: 25px;
	margin-right: 15px;
}
.sidebar .logo .simple-text {
	text-align: left;
}
.sidebar .nav li a, .sidebar .nav li .dropdown-menu a {
	padding-left: 10px;
	padding-right: 10px;
}
.sidebar .nav p i.arrow, .sidebar .nav span i.arrow {
	float: right;
	margin-right: 0;
	font-size: 15px;
}
.sidebar .nav span i.arrow {
	line-height: 26px !important;
}
.sidebar .sidebar-wrapper .nav .dropdown-menu {
	/*position: fixed;*/
}
.level-2 {
	/*background-color: #eee !important;*/
}
.level-3 {
	/*background-color: #eee !important;*/
}
/* datatables*/
div.dataTables_wrapper div.dataTables_length label {
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
	color: #aaa;
}
div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}
div.dataTables_wrapper div.dataTables_filter label {
    font-weight: 400;
    white-space: nowrap;
    text-align: left;
	color: #aaa;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: .5em;
    display: inline-block;
    width: auto;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before {
	top: 2px;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {
	top: 2px;
}
.page-link {
	color: #00bcd4;
}
.page-link:hover {
	color: #00bcd4;
}
.page-link:focus {
	box-shadow: 0 0 0 0.2rem rgb(76 175 80 / .25);
}
.page-item.active .page-link {
	background-color: #00bcd4;
	border-color: #00bcd4;
}
.bold {
	font-weight:bold;
}
/* form */
.alert ul {
	margin-bottom: 0;
}
/* selectpicker */
.bootstrap-select .dropdown-item.active {
	background-color: #00bcd4;
}
.bootstrap-select .btn.dropdown-toggle.select-with-transition {
	background-image: linear-gradient(0deg,#00bcd4 2px,rgb(2,104,56,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);
}
.bootstrap-select .dropdown-item:hover {
	background: #00bcd4;
}
.bootstrap-select .dropdown-item.active {
	background: #00bcd4;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    max-width: none !important;
}
/* tinymce */
.tox-tinymce-aux, .tox.tox-tinymce.tox-fullscreen {
    z-index: 999999 !important;
}
/*loading*/
.loadingna {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 20px;
	z-index: 99999999;
}
.dipilihna {border: 2px #000 solid !important;}
/* desktop */
@media (min-width: 992px) {
	.loginna .login-form {
		padding: 0 50px;
	}
	.loginna .login-desc {
		top: 50%;
		transform: translate(0, 30%);
		padding-left: 100px;
	}
	.navbar-toggler.desktop {
		display: block;
	}
}
/* mobile */
@media (max-width: 991px) {
	.navbar-toggler.desktop {
		display: none;
	}
}
