.divbox-dashboard {
	-webkit-box-shadow: 0px 2px 10px 1px rgba(88,103,121,0.36);
	-moz-box-shadow: 0px 2px 10px 1px rgba(88,103,121,0.36);
	box-shadow: 0px 2px 10px 1px rgba(88,103,121,0.36);
}

.divbox-non-dashboard {
    -webkit-box-shadow: 0px 5px 10px 2px rgba(88,103,121,0.36);
    -moz-box-shadow: 0px 5px 10px 2px rgba(88,103,121,0.36);
    box-shadow: 0px 5px 10px 2px rgba(88,103,121,0.36);
}

.input-icon {
	position: absolute;
	right: 3px;
	top: 13px;
}
	.input-icon-jam {
		position: absolute;
		right: 20px;
		top: 13px
	}

.oke {
	color: #28a745;
}
	.oke .form-control {
		border-color: #28a745;
	}

.gagal {
	color: #dc3545;
}
	.gagal .form-control {
		border-color: #dc3545;
	}

.judul-header {
	font-family: Roboto;
}

.form-control.focus,
.form-control:focus {
    border-color: #f7bc19;
    color: #575962;
    background-color: #f4f5f8;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn.btn-default:hover:not(:disabled), .btn.btn-default.active, .btn.btn-default:active, .btn.btn-default:focus, .show>.btn.btn-default.dropdown-toggle, .btn.btn-secondary:hover:not(:disabled), .btn.btn-secondary.active, .btn.btn-secondary:active, .btn.btn-secondary:focus, .show>.btn.btn-secondary.dropdown-toggle {
  border-color: #f7bc19;
}

.page-title-font {
	font-family: Roboto; 
	color: #fffef5; 
	font-weight: bold
}

.m-subheader-non-dashboard {
	padding-left: 30px!important;
	padding: 0;
}

.m-content-non-dashboard {
	padding-top: 24px!important;
	padding-right: 0!important;
	padding-left: 0!important;
}

.m-portlet__body-non-dashboard {
	padding-top: 16px!important;
	padding-bottom: 16px!important;
}

.helper-text {
	display: none!important;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__heading .m-menu__link-text, 
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__heading .m-menu__link-text, 
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__heading .m-menu__link-icon, 
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-text, 
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-icon, 
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__heading .m-menu__link-icon, 
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__heading .m-menu__ver-arrow, 
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded>.m-menu__link .m-menu__ver-arrow,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__ver-arrow, 
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__ver-arrow,
.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link>.m-menu__link-icon {
    color: #b3b6da;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--dot>span, 
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu .m-menu__item>.m-menu__link .m-menu__link-bullet.m-menu__link-bullet--dot>span {
	background: #b3b6da!important;
}



@media (max-width: 768px) {
	.m-subheader-non-dashboard {
		padding-left: 30px!important;
	}
	.m-content-non-dashboard {
		padding-top: 16px!important;
	}
	.m-portlet__head-caption-non-dashboard {
		padding-top: 24px!important;
		padding-bottom: 16px!important
	}
	.m-portlet__head-tools-non-dashboard {
		margin-top: 24px!important;
	}
	.m-portlet__body-non-dashboard {
		margin-top: 32px!important;
	}
	.helper-text {
		display: block!important;
	}
}

.table-date,
.table-date>th,
.table-date>td,
.table-action,
.table-action>th,
.table-action>td {
    background-color: #d4e6f1
}

.table-hover .table-date:hover,
.table-hover .table-action:hover {
    /*background-color: #d4e6f1*/
    background: #ffa!important;
}

.table-hover .table-date:hover>td,
.table-hover .table-date:hover>th,
.table-hover .table-action:hover>td,
.table-hover .table-action:hover>th {
    /*background-color: #d4e6f1*/
    background: #ffa!important;
}

.table-work,
.table-work>th,
.table-work>td {
    background-color: #d1f2eb
}

.table-hover .table-work:hover {
    background-color: #d1f2eb
}

.table-hover .table-work:hover>td,
.table-hover .table-work:hover>th {
    background-color: #d1f2eb
}

.table-eat,
.table-eat>th,
.table-eat>td {
   background: -webkit-linear-gradient(-225deg, #fef9e7 0, #fcf3cf 100%), #0096ff;
   background: -moz-linear-gradient(315deg, #fef9e7 0, #fcf3cf 100%), #0096ff;
   background: linear-gradient(315deg, #fef9e7 0, #fcf3cf 100%), #0096ff;
}

.table-hover .table-eat:hover {
   /*background: -webkit-linear-gradient(-225deg, #fef9e7 0, #fcf3cf 100%), #0096ff;
   background: -moz-linear-gradient(315deg, #fef9e7 0, #fcf3cf 100%), #0096ff;
   background: linear-gradient(315deg, #fef9e7 0, #fcf3cf 100%), #0096ff;*/
   background: #ffa!important;
}

.table-hover .table-eat:hover>td,
.table-hover .table-eat:hover>th {
   /*background: -webkit-linear-gradient(-225deg, #fef9e7 0, #fcf3cf 100%), #0096ff;
   background: -moz-linear-gradient(315deg, #fef9e7 0, #fcf3cf 100%), #0096ff;
   background: linear-gradient(315deg, #fef9e7 0, #fcf3cf 100%), #0096ff;*/
   background: #ffa!important;
}

.table-eat-inside,
.table-eat-inside>th,
.table-eat-inside>td {
    background-color: #fef9e7;
}

.table-hover .table-eat-inside:hover {
    /*background-color: #fef9e7*/
   background: #ffa!important;
}

.table-hover .table-eat-inside:hover>td,
.table-hover .table-eat-inside:hover>th {
    /*background-color: #fef9e7*/
   background: #ffa!important;
}

.table-eat-outside,
.table-eat-outside>th,
.table-eat-outside>td {
    background-color: #fcf3cf
}

.table-hover .table-eat-outside:hover {
    /*background-color: #fcf3cf*/
   background: #ffa!important;
}

.table-hover .table-eat-outside:hover>td,
.table-hover .table-eat-outside:hover>th {
    /*background-color: #fcf3cf*/
   background: #ffa!important;
}

.table-permission,
.table-permission>th,
.table-permission>td {
   background: -webkit-linear-gradient(-225deg, #f8c471 0, #fad7a0 100%), #0096ff;
   background: -moz-linear-gradient(315deg, #f8c471 0, #fad7a0 100%), #0096ff;
   background: linear-gradient(315deg, #f8c471 0, #fad7a0 100%), #0096ff; 
}

.table-hover .table-permission:hover {
   background: -webkit-linear-gradient(-225deg, #f8c471 0, #fad7a0 100%), #0096ff;
   background: -moz-linear-gradient(315deg, #f8c471 0, #fad7a0 100%), #0096ff;
   background: linear-gradient(315deg, #f8c471 0, #fad7a0 100%), #0096ff;     
}

.table-hover .table-permission:hover>td,
.table-hover .table-permission:hover>th {
   background: -webkit-linear-gradient(-225deg, #f8c471 0, #fad7a0 100%), #0096ff;
   background: -moz-linear-gradient(315deg, #f8c471 0, #fad7a0 100%), #0096ff;
   background: linear-gradient(315deg, #f8c471 0, #fad7a0 100%), #0096ff;     
}

.table-permission-personal,
.table-permission-personal>th,
.table-permission-personal>td {
    background-color: #fdebd0
}

.table-hover .table-permission-personal:hover {
    background-color: #fdebd0
}

.table-hover .table-permission-personal:hover>td,
.table-hover .table-permission-personal:hover>th {
    background-color: #fdebd0
}

.table-permission-office,
.table-permission-office>th,
.table-permission-office>td {
    background-color: #fad7a0
}

.table-hover .table-permission-office:hover {
    background-color: #fad7a0
}

.table-hover .table-permission-office:hover>td,
.table-hover .table-permission-office:hover>th {
    background-color: #fad7a0
}