html {
	height: 100% !important;
}

html body {
	height: 100% !important;
	color: #737373 !important;
	background-color: #fff !important;
}

body {
	font-family: "Muli", Roboto Neue, Roboto, Arial, sans-serif !important;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    color: #354359 !important;
}
.clearfix {
	clear: both;
}
.float-left {
	float:left !important;
}
.float-right {
	float:right !important;
}
.no-padding {
	padding:0px !important;
}
.no-padding-bt {
	padding:0px 10px 0px 10px !important
}
.no-margin {
	margin:0px !important;
}
.no-margin-bottom {
	margin-bottom:0px  !important;
}
.margin-t10 {
	margin:10px 0px 0px 0px;
}
.margin-t20 {
	margin:20px 0px 0px 0px;
}
.margin-b10 {
	margin:0px 0px 10px 0px;
}
.margin-b20 {
	margin:0px 0px 20px 0px;
}
.padding-t50 {
	padding:50px 0px 0px 0px;
}
.padding-t20 {
	padding:20px 0px 0px 0px !important;
}
.padding-lr20 {
	padding:0px 20px 0px 20px !important;
}
.padding-25 {
	padding:25px 25px 25px 25px !important;
}
.padding-tb25 {
	padding:25px 0px 25px 0px !important;
}
.padding-t47 {
	padding:47px 0px 0px 0px;
}
.padding-l10{
	padding:0px 0px 0px 10px !important;
}
.padding-r10{
	padding:0px 0px 10px 0px !important;
}
.padding-r40 {
	padding:0px 40px 0px 0px !important;
}
.padding-r55 {
	padding:0px 55px 0px 0px !important;
}
.position-relative {
	position: relative;
	z-index:1;
}
.card {
    border: 1px solid #ddd;
    /* border-radius: 5px; */
    padding: 0px;
}
.card-footer {
    padding: 20px;
    border-top: 1px solid #ddd;
}
.card-footer-border-bottom {
	padding: 20px;
    border-bottom: 1px solid #ddd;
}
.card-footer-border-top {
	padding: 20px;
    border-top: 1px solid #ddd;
}
.tab-wrapper ul li.active a {
	color:#30C670 !important;
	font-weight:bold;
}
.tab-wrapper ul li a {
	font-size:14px;
}
.border-bottom-gray {
	border-bottom:1px solid #eee;
}
body .navigation > li > ul li:first-child {
	padding-top:0px
}
body .navigation > li > ul li:last-child {
	padding-bottom:0px
}
body .modal-header .close {
	top:auto
}
/* .content > .row > div > div {
	margin: 0 0 20px !important;
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
} */
.total-number {
}
.circle-green {
	background:#30C670;
	color:#fff;
	padding:8px 9px;
	border-radius:50px;;
}
.total-number h5 {
	text-align: center;
	padding: 20px 0px;
	color:#fff;
	font-size:25px !important;
}
a.disabled {
	cursor: default;
	pointer-events: none;
	color: #d5d5d5;
}

.page-container {
	height: calc(100% - 47px)
}

.btn-white {
	background-color: #fff;
	color: #9B9B9B !important;
	border: 1px solid #ddd !important;
}

.btn-white img {
    user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.btn-white-2 {
	border-right: 1px solid #DDD !important;
}

.va-mid {
	vertical-align: middle !important;
}

.login-page h2{
	margin-bottom: 12px !important;
}

.login-container .login-page .btn {
	height: 50px;
	font-size: 15px;
	font-weight: 500;
}

.login-container .login-page {
  width: 100%;
  margin: 0 auto;
}

.login-container .login-page .content-wrapper {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: #f2f2f2;
}

.login-page .content {
  width: 100%;
  background: #fff;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-direction: row-reverse;
}

.login-page .panel-body{
	padding: 0 82px !important;
}

.font-med {
	font-weight: 500 !important;
}

.color-1 {
	color: #758494;
}

.vh-100 {
	min-height: 100vh;
}

.no-padding {
	padding: 0;
}

/* .logo-wrapper img {
    position: absolute;
    left: 24px;
    top: 22px;
    user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
} */
.logo-wrapper {
	width:150px;
	display:block;
	margin:0px auto 30px auto;
}
.logo-wrapper img {
	width:100%;
}
.login100 {
	width: calc(100% - 498px);
	text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
}

.login100 h1 {
	font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 46px;
}

.login-image-container {
    padding: 0 72px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.login-image-container img {
	width: 100%;
    user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.spc-top {
	margin-top: 32px !important;
}

.hamburger-menu > li > a {
	padding: 0 !important;
	margin: 13px 13px 13px 0 !important;
}

.hamburger-menu > li > a:hover {
	background-color: unset !important;
}

.right-item {
	right: 0;
}

.thumb-img {
	object-fit: cover;
	max-height: 36px;
}

.profile-thumb {
	background-image: url(../images/user-1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 0 !important;
	vertical-align: middle;
	height: 30px;
	width: 30px;
	max-height: 30px;
    margin-top: -2.5px;
    border-radius: 50%;
}

.search-wrapper .has-feedback-left {
	position: relative !important;
}

.search-form {
	width: 277px !important;
	margin: 4px 0 !important;
	height: 28px !important;
	background-color: #EFF0F3 !important;
    border: 1px solid #EFF0F3 !important;
    border-radius: 3px !important;
}

.search-wrapper .form-control-feedback {
	margin: 4px 0 !important;
	height: 28px !important;
}

.search-wrapper i {
	left: 0;
	padding: 7px;
	position: absolute;
	margin: 2px 6px;
}

.menu-clean {
	border: unset !important;
}

.header-subtitle {
	color: #AAB7C6;
	font-weight: 300;
}

.icons-list-has-box {
	margin-top: 4px !important;
}

.depviewbox {
	border-radius: 4px !important;
	min-height: 30px !important;
    border: 1px solid #D5D5D5 !important;
    padding: 6px 4px !important;
    vertical-align: middle !important;
}

.depview {
    margin: 0 8px;
    vertical-align: middle;
}

button.depviewbox > span {
	margin: 0 8px;
}

.dropdown > a > .depview {
	font-weight: 600 !important;
}

.has-scroll {
	padding-bottom: 20px;
}

.has-scroll .panel-body {
	max-height: 272px;
    overflow-y: scroll;
    padding-bottom: 0;
}

.panel .panel-heading.dash-status{
	padding: 20px !important;
}

.status-on {
	background-color: #FFDE7D;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    text-align: center;
    display: block;
    margin-left: 10px;
}

.no-border {
	border: unset !important;
}

.vmore {
	padding: 8px 0;
}

.vmore a{
	padding: 7px 0;
}

.d-flex {
	display: flex;
}

.label-wrapper {
	width: 200px;
	/*font-size: 12px;*/
}

.control-wrapper {
	width: fit-content;
	padding-left: 20px;
	display: inline-block;
	/* height: 32px; */
	/*font-size: 12px;*/
}

.control-group {
	margin-bottom: 7px;
}

.marbot20 {
	margin-bottom: 20px;
}

.no-pad {
	padding: 0 !important;
}

.no-padbot {
	padding-bottom: 0 !important;
}

.tab-in label {
	padding-left: 40px;
}

.profile-photo .thumbnail {
	box-shadow: unset;
	border: unset;
}

.profile-photo .thumb {
	border-radius: 10px !important;
	width: 90%;
	max-width: 400px;
    margin: 20px auto 0;
    height: 180px;
}

.profile-photo .thumb img {
	top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.caption h6 {
	color: #54B8F3;
}

.caption h6 small{
	color: #9F9F9F;
}

.has-border {
	border: 1px solid #ddd;
}

.label-right {
	display: inline-block;
	float: right;
}

.label-right ul{
	list-style: none;
}

.btn.btn-cancel {
	background-color: #F3F3F3;
	color: #737373;
	min-width: 90px;
}
	.btn.btn-cancel:hover, .btn.btn-cancel:focus, .btn.btn-cancel:active {
		background-color: #F3F3F3;
		color: #737373;
		box-shadow: unset;
	}

.btn.btn-save {
	background-color: #F6AB38;
	color: #fff;
	min-width: 90px;
	margin-left: 8px;
}
	.btn.btn-save:hover{
		/*background-color: #DE911B;*/
		color: #986A24;
		box-shadow: unset;
	}
	.btn.btn-save:focus, .btn.btn-save:active {
		/*background-color: #DE911B;*/
		color: #fff;
		box-shadow: unset;
	}

.btn.btn-submit {
	background-color: #30C670;
	color: #fff;
	min-width: 90px;
	margin-left: 8px;
}
	.btn.btn-submit:hover{
		/*background-color: #DE911B;*/
		color: #168947;
		box-shadow: unset;
	}
	.btn.btn-submit:focus, .btn.btn-submit:active {
		/*background-color: #DE911B;*/
		color: #fff;
		box-shadow: unset;
	}

.dropdown a.notif-btn {
	padding: 12px 15px 11px !important;
}

.navbar-nav > .dropdown-user img {
	margin-top: 1px !important;
}

.avatar-wrap > img {
	vertical-align: sub;
}

.avatar-wrap > span {
	line-height: 12px;
    font-size: 13px;
    font-weight: 600;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.avatar-wrap > span > small {
	font-size: 80% !important;
	font-weight: 400;
}

td.overview {
	width: 25%;
	display: inline-block !important;
	vertical-align: top !important;
	padding: 20px 10px !important;
	border: unset !important;
	margin-bottom: 0 !important;
}

td.overview.st-sehat {
	color: #66C771;
}

td.overview.st-sakit {
	color: #EF9133;
}

td.overview.st-indikasi {
	color: #E7322F;
}

td.overview.st-belum {
	color: #2266B3;
}

td.overview > span {
	height: 100vh;
	width: 100vw;
	max-width: 90px;
	max-height: 90px;
	margin-bottom: 6px;
	padding: 6px;
	display: inline-block;
	position: relative;
	border-radius: 50%;
}

td.overview > span > div {
	position: absolute;
    top: 10px;
    right: 0;
    bottom: 0;
    left: 0;
}

td.overview.st-sehat > span {
	background-color: #DAFFEA;
}

td.overview.st-sakit > span {
	background-color: #FDEFC7;
}

td.overview.st-indikasi > span {
	background-color: #F9E0E2;
}

td.overview.st-belum > span {
	background-color: #C2F6FD;
}

td.overview span > div >  h1{
	margin: 0 !important;
	font-weight: 700;
}

td.overview h6{
	color: #737373 !important;
	line-height: 1em;
}

.height100 .panel {
	overflow: hidden;
}

.height100 {
	height: 100% !important;
}

.height80 {
	height: 80% !important;
}

.duoheader {
	padding: 20px 0 0 !important;
}

.duoheader div {
	margin: 0 !important;
}

.input-group-addon-2 {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 99;
    line-height: 0;
}

.date-to {
	align-self: center;
	margin: 0 10px;
}

.date-to-picker .input-group {
    max-width: 150px;
}

.date-to-picker .input-group input {
    border-radius: 4px !important;
    max-height: 30px;
}

.track-history tbody tr:nth-child(even) {
	background-color: #f5f5f5;
}

.track-history tbody tr td {
	border: none !important;
}

.move-history tbody tr.wfh {
	background-color: #EBFFF3;
}

.move-history tbody tr.wfo {
	background-color: #E6F5FF;
}

.move-history tbody tr.moveLoc {
	background-color: #FFE5E6;
}

.move-historys tbody tr.wfh {
	background-color: #EBFFF3;
}

.move-historys tbody tr.wfo {
	background-color: #E6F5FF;
}

.move-historys tbody tr.moveLoc {
	background-color: #FFE5E6;
}

.datatable-footer.border-top {
	border-top: 1px solid #ddd !important;
}

.status-dropdown {
	max-width: 70px !important;
}

.news-table tr td:first-child {
	font-weight: 600;
}

.panel-right > .panel-heading {
	padding-top: 0 !important;
	padding-left: 0;
    padding-right: 0;
}

.panel-right > .panel-body {
	padding-left: 0;
    padding-right: 0;
}

.panel-right > .datatable-footer {
	padding-left: 0;
    padding-right: 0;
}

.notif-content{
	display: flex;
}

.notif-top-right {
	position: absolute !important;
	width: 412px !important;
	top: 0;
	right: 0;
	z-index: 9999;
	box-shadow: 0 0 11px rgba(236, 28, 36, 0.66);
	display: inline-block;
}

.notif-img {
	position: relative;
	display: block;
    width: 54px;
    min-width: 54px;
    height: 54px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    align-self: center;
}

.notif-img > img {
	margin: auto;
    padding-bottom: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.notif-text {
	margin-left: 12px;
}

.notif-text > .jGrowl-header {
	margin-bottom: 4px !important;
	font-weight: 700;
}

.notif-text > .jGrowl-message {
	margin-bottom: 4px !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1em;
}

.time-notif {
	color: #A1080E;
	font-size: 12px;
}

.content > .row > div > div.no-border {
	border: none !important;
}

.heading-elements.full-heading {
	max-height: 30px;
	margin-top: 0 !important;
	top: 0;
	right: 0;
}

.heading-elements.full-heading div {
	margin: 0 !important
}

.heading-elements.full-heading .dataTables_filter {
	float: left !important;
}

.heading-elements.full-heading div label span {
	margin: 5px 15px !important;
}

.heading-elements.full-heading div label select {
	padding: 5px 10px !important;
    max-height: 30px;
}

.panel-heading h6 {
	display: inline-block;
}

#wfh, #moveLoc, #wfo {
	padding: 0;
}

#wfh span {
	height: 20px;
	width: 100%;
	display: flex;
	background-color: #EBFFF3;
}

#moveLoc span {
	height: 20px;
	width: 100%;
	display: flex;
	background-color: #FFE5E6;
}

#wfo span {
	height: 20px;
	width: 100%;
	display: flex;
	background-color: #E6F5FF;
}

.index-table {
	display: flex;
	border-bottom: 1px solid #ddd !important;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.index-table p {
	margin-right: 20px;
}

.index-table p > span {
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	margin-right: 10px;
	border-radius: 4px;
}

.index-table p > span.index-green {
	background-color: #EBFFF3;
	border: 1px solid #2DE075 !important;
}

.index-table p > span.index-blue {
	background-color: #E6F5FF;
	border: 1px solid #42A2E3 !important;
}

.index-table p > span.index-red {
	background-color: #FFE5E6;
	border: 1px solid #E9888C !important;
}

.no-padbot {
	padding-bottom: 0 !important;
}

.i-sehat {
	background-color: #DAFFEA;
}

.i-sehat > td:last-child {
	color: #30C670;
	font-weight: 700;
}

.i-sakit {
	background-color: #FFEFC7;
}

.i-sakit > td:last-child {
	color: #F79100;
	font-weight: 700;
}

.i-belum {
	background-color: #C2F6FF;
}

.i-belum > td:last-child {
	color: #0066B3;
	font-weight: 700;
}

.i-terindikasi {
	background-color: #FFE1E2;
}

.i-terindikasi > td:last-child {
	color: #EC1C24;
	font-weight: 700;
}

/*Separate*/

.login-page form {
	background-color: #fff;
	height: 100vh;
}

.login-page form .form-group {
	margin-bottom: 12px !important;
}

.login-page form .form-control {
	height: 50px !important;
}

.login-page form .form-control-feedback {
	width: 50px !important;
	height: 50px !important;
}

.login-page form .has-feedback-left .form-control {
	padding-left: 62px !important;
	border: 1px solid #ddd;
}

.login-container .login-page .login-form {
  width: 498px;
}
.login-container .login-page .login-form .thumb {
  margin: 0 auto 20px auto;
}
.login-container .login-page .login-form,
.login-container .login-page .registration-form {
  margin: auto 0;
  top: 50%;
  transform: translate(0, -50%);
}
.login-container .login-page .login-form .content-divider.text-muted > span{
	background-color: #e6f1eb;
	color:#758494;
}
.login-container .login-page .login-form .login-options a{
	color:#354359
}
.login-container .login-page .login100{
	background-color: #fff;
}

/*Override Classes*/

.media-heading {
	font-size: 15px !important;
	margin: auto 0 !important;
}

.sidebar-default {
	color: #354359 !important;
}

.sidebar-default .navigation > li.active > a, .sidebar-default .navigation > li.active > a:hover, .sidebar-default .navigation > li.active > a:focus {
    background-color: #30C670 !important;
}

.page-title {
  padding: 11px 36px 11px 0 !important;
}

.page-header-default {
	box-shadow: unset !important;
}

.navbar-nav > li > a > .label, .navbar-nav > li > a > .badge {
    top: unset !important;
    bottom: 6px;
}
.breadcrumb > li i.icon-ss-dashboard {
	font-size:22px;
}
body .navigation li a > i {
	font-size:26px;
	margin-top: -2px;
	width: 25px;
	text-align: center;
	color: #8a8a8a;
}
body .navigation li ul li a i {
	color: #fff;
}
body .navigation li a > i.fa {
	font-size:20px !important;
}
.panel {
	color: #737373 !important;
	border: unset !important;
	box-shadow: unset !important;
}

.icons-list li {
	margin-left: 12px !important;
}

.dataTables_info {
	color: #758494 !important;
}

.dropdown .position-right {
	margin-left: 14px !important;
}

.datatable-header {
	border-bottom: unset !important;
}

.dataTables_filter {
    float: right !important;
    margin: 0 20px 20px 0 !important;
}

.dataTables_length {
    float: left !important;
    margin: 0 0 20px 20px !important;
}

.panel-body .datatable-header {
	padding-top: 0 !important;
}

.dataTables_filter > label:after {
	display: none !important;
}

.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover, .dataTables_paginate .paginate_button.current:focus {
	background-color: #30c66f !important;
}
body .nav-tabs.nav-tabs-bottom > li.active > a:after {
    background-color: #30c66f !important;
}
.modal-dialog {
	min-width: 300px;
	position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
}

.modal-open {
	overflow-y: auto !important
}

.table-responsive {
	width: 100%;
}

.text-semibold {
    font-weight: 600 !important;
}

/*.table-responsive {
    padding-right: 20px;
    padding-left: 20px;
    border-top: unset !important;
}*/

.navbar-nav > li > a > i > .badge {
	position: absolute;
	top: 0 !important;
	bottom: unset !important;
	right: 0 !important;
	padding: 0 !important;
	width: 10px;
	height: 10px;
}

.bg-warning-400 {
    background-color: red !important;
    border-color: red !important;
}

.avatar-wrap > .caret {
	display: inline-block !important;
	vertical-align: super !important;
	padding-left: 7px !important;
}

.btn-link {
    color: #737373 !important;
    line-height: 0 !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td.active:focus {
    background-color: #30C670 !important;
}

.bg-warning {
	background-color: #FFE1E2 !important;
    border-color: #EC1C24 !important;
    color: #EC1C24 !important;
}

.jGrowl-close {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: #EC1C24 !important;
}

.alert {
	padding: 12px !important;
}

.col-md-12 {
	margin-bottom: 20px;
}

/*Override end*/

/*Colors*/

.bg-blue {
	background-color: #1273EB !important;
	border-color: #1273EB !important;
	color: #fff !important;
}

.bg-lightblue {
	background-color: #bcf9d5 !important;
}

.bg-darkgrey {
	background-color: #646464 !important;
	color: #fff !important;
}

.bg-lightblue th {
	border-bottom: unset !important;
}

img.img-input{
	width: 200px;
	height: 200px;
	object-fit: contain;
	border: 2px dashed #efefef;
	padding: 5px;
}
/* Icons CSS */

.ic-user-custom {
	background: url("../images/Icon-feather-user.png");
	background-repeat: no-repeat;
    height: 15px;
    width: 13px;
    display: block;
    margin: 18px auto;
}
.ic-lock-custom {
	background: url("../images/Icon-feather-lock.png");
	background-repeat: no-repeat;
    height: 15px;
    width: 13px;
    display: block;
    margin: 18px auto;
}
.ic-eye-off{
	background: url("../images/Icon-feather-eye-off.png");
	background-color: transparent;
	background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    margin: 13px;
    cursor: pointer;
}
.ic-eye-off:hover{
	opacity: 0.8;
	transition: 0.5s;
}
.ic-eye{
	background: url("../images/Icon-feather-eye.png");
	background-color: transparent;
	background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    position: absolute;
    display: block;
    top: 4px;
    right: 0;
    margin: 13px;
    cursor: pointer;
}
.ic-eye:hover{
	opacity: 0.8;
	transition: 0.5s;
}
.ic-menu {
	background: url("../images/Icon-feather-menu.png");
	background-repeat: no-repeat;
    height: 12px;
    width: 18px;
    display: inline-block;
    vertical-align: middle;
}
.ic-add {
	background: url("../images/ic_add.png");
	background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}
.ic-dashboard-head {
	background: url("../images/ic_dashboard.png");
	background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-bottom: 2px;
    vertical-align: middle;
}
.ic-project-head {
	background: url("../images/ic_project-9.png");
	background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-bottom: 2px;
    vertical-align: middle;
}
.ic-team-head {
	background: url("../images/ic_team-1.png");
	background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-bottom: 2px;
    vertical-align: middle;
}
.ic-profile-head {
	background: url("../images/ic_profile.png");
	background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-bottom: 2px;
    vertical-align: middle;
}
.ic-notif {
	background: url("../images/ico-notification.svg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 20px;
    height: 23px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.ic-view-profile {
	background: url("../images/ic_profile.png");
	background-repeat: no-repeat;
	width: 19px;
    height: 16px;
	margin-right: 12px;
    float: left;
    margin-top: 2px;
    top: 0;
}
.ic-logout {
	background: url("../images/ic_logout.png");
	background-repeat: no-repeat;
	width: 16px;
    height: 16px;
	margin-right: 12px;
    float: left;
    margin-top: 2px;
    top: 0;
}
.ic-dashboard {
	background: url("../images/ic_dashboard_gray.svg");
	background-repeat: no-repeat;
	width: 16px;
    height: 16px;
}
	.menu-dashboard:hover .ic-dashboard {
		background: url("../images/ic_dashboard_green.svg");
		background-repeat: no-repeat;
	}
	.active .ic-dashboard {
		background: url("../images/ic_dashboard_white.svg");
		background-repeat: no-repeat;
	}
	.active:hover .ic-dashboard {
		background: url("../images/ic_dashboard_white.svg");
		background-repeat: no-repeat;
	}
	.ic-projects {
		background: url("../images/ic_project-2.png");
		background-repeat: no-repeat;
		width: 16px;
		height: 16px;
	}
	.menu-news:hover .ic-projects {
		background: url("../images/ic_project-10.png");
		background-repeat: no-repeat;
	}
	.active .ic-projects {
		background: url("../images/ic_project-10.png");
		background-repeat: no-repeat;
	}

	.ic-news {
		background: url("../images/ic_news_gray.svg");
		background-repeat: no-repeat;
		width: 16px;
		height: 16px;
	}
	.menu-news:hover .ic-news {
		background: url("../images/ic_news_green.svg");
		background-repeat: no-repeat;
	}
	.active .ic-news {
		background: url("../images/ic_news_white.svg");
		background-repeat: no-repeat;
	}
	.active:hover .ic-news {
		background: url("../images/ic_news_white.svg");
		background-repeat: no-repeat;
	}

	.ic-team {
		background: url("../images/ic_member_gray.svg");
		background-repeat: no-repeat;
		width: 16px;
		height: 16px;
	}
	.menu-team:hover .ic-team {
		background: url("../images/ic_member_green.svg");
		background-repeat: no-repeat;
	}
	.active .ic-team {
		background: url("../images/ic_member_white.svg");
		background-repeat: no-repeat;
	}
	.active:hover .ic-team {
		background: url("../images/ic_member_white.svg");
		background-repeat: no-repeat;
	}

	.ic-tracking {
		background: url("../images/ic_tracking_gray.svg");
		background-repeat: no-repeat;
		width: 16px;
		height: 16px;
	}
	.menu-tracking:hover .ic-tracking {
		background: url("../images/ic_tracking_green.svg");
		background-repeat: no-repeat;
	}
	.active .ic-tracking {
		background: url("../images/ic_tracking_white.svg");
		background-repeat: no-repeat;
	}
	.active:hover .ic-tracking {
		background: url("../images/ic_tracking_white.svg");
		background-repeat: no-repeat;
	}

	.ic-department {
		background: url("../images/ic_department.png");
		background-repeat: no-repeat;
		width: 16px;
		height: 16px;
	}
	.menu-department:hover .ic-department {
		background: url("../images/ic_department-2.png");
		background-repeat: no-repeat;
	}
	.active .ic-department {
		background: url("../images/ic_department-2.png");
		background-repeat: no-repeat;
	}

	.ic-movement {
		background: url("../images/ic_movement_gray.svg");
		background-repeat: no-repeat;
		width: 16px;
		height: 16px;
	}
	.menu-movement:hover .ic-movement {
		background: url("../images/ic_movement_green.svg");
		background-repeat: no-repeat;
	}
	.active .ic-movement {
		background: url("../images/ic_movement_white.svg");
		background-repeat: no-repeat;
	}
	.active:hover .ic-movement {
		background: url("../images/ic_movement_white.svg");
		background-repeat: no-repeat;
	}
.ic-user {
	background: url("../images/ic_user.png");
	background-repeat: no-repeat;
    display: inline-block;
	width: 14px;
    height: 14px;
    vertical-align: middle;
    margin: auto 10px 1px 0;
}
.ic-edit {
	background: url("../images/ic_edit-1.png");
	background-repeat: no-repeat;
    display: inline-block;
	width: 19px;
    height: 17px;
    vertical-align: middle;
    margin: auto 10px 1px 0;
}
.ic-edit2 {
	background: url("../images/ic_edit.png");
	background-repeat: no-repeat;
    display: inline-block;
	width: 24px;
    height: 24px;
    vertical-align: middle;
}
.ic-edit3 {
	background: url("../images/Icon-material-mode-edit.png");
	background-repeat: no-repeat;
    display: inline-block;
	width: 13px;
    height: 13px;
    vertical-align: middle;
    margin: auto 0 1px 10px;
}
.ic-edit-news {
	background: url("../images/ic-edit.png");
	background-repeat: no-repeat;
    display: inline-block;
	width: 17px;
    height: 17px;
    vertical-align: middle;
}
.ic-delete {
	background: url("../images/ic_delete.png");
	background-repeat: no-repeat;
    display: inline-block;
	width: 24px;
    height: 24px;
    vertical-align: middle;
}
.ic-calendar {
	background: url("../images/ic-calendar.svg");
	background-repeat: no-repeat;
	background-size: cover;
    display: inline-block;
	width: 15px;
    height: 15px;
    vertical-align: sub;
    margin-right: 8px;
}
.ic-edit-green {
	background: url("../images/ic-edit-green.svg");
	background-repeat: no-repeat;
	background-size: cover;
    display: inline-block;
	width: 17px;
    height: 17px;
    vertical-align: sub;
}

.dataTables_processing{
	display: none !important;
}
.navbar-brand > img {
	height: 30px !important;
	margin: auto;
}
.navbar-brand {
	width: 100%;
	padding: 6px 20px !important;
}
.sidebar-default .navigation > li.active > a, .sidebar-default .navigation > li.active > a:hover, .sidebar-default .navigation > li.active > a:focus {
	color:#fff !important;
}

.navbar-default {
    border-bottom: 1px solid #e8e8ea !important;
}

.navigation {
    padding: 0px 0 !important;
}

.sidebar-default {
    border-right: 1px solid #ddd !important;
}

/*table style*/
table{
	margin-bottom: 20px !important;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 12px 20px !important;
    border-top: 1px solid #dfdfdf !important;
    border-bottom: 1px solid #c2c2c2 !important;
    color: #565656;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 12px 20px !important;
}
table.dataTable tbody td i{
    font-size:14px;
}
table.dataTable.no-footer{
	border-bottom: 1px solid #dfdfdf !important;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.current, body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #30c66f !important;
    background: #30c66f !important;
    border-radius:3px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #565656 !important;
	background-color:#EC1C24  !important;
	background:#EC1C24  !important;
	border-color:#EC1C24  !important;
	color:#fff !important;
    border-radius:3px !important;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc{
    background-image:none !important;
}
table.table > tbody > tr:nth-of-type(2n+1){
	background-color: #F5F5F5 !important;
}
.dataTable thead .sorting:before,
.dataTable thead .sorting:after,
.dataTable thead .sorting_asc:after,
.dataTable thead .sorting_desc:after,
.dataTable thead .sorting_asc_disabled:after,
.dataTable thead .sorting_desc_disabled:after {
    right: 5px !important;
}
.dataTables_length {
    margin-left: 0 !important;
}
.dataTables_filter {
    margin-right: 0 !important;
}
.datatable-footer, .datatable-header{
	padding:0px !important;
	border:none !important;
}
.has-scroll .dataTables_length,
.has-scroll .dataTables_info,
.has-scroll .dataTables_paginate {
	padding: 15px !important;
}
.report-filter{
    border: 1px solid #dedede;
    padding: 15px 10px;
    margin: 0px 0px 30px !important;
    border-radius: 5px;
    position: relative;
}
.report-filter button{
	margin-top:26px;
}
.report-filter button.nomargin{
	margin-top:0px;
}
.icon-pencil {
	color: #30C670;
}
.icon-trash {
	color: #EC1C24;
}
.icon-eye{
	color: #F79100;
}
.btn-google {
	padding:15px 0px !important;
	height:auto !important;
}
.btn-green {
	background-color:#30C670;
	border-color:#30C670;
	color:#fff;
}

.btn-green:hover, .btn-green:focus, .btn-green.focus {
	background-color:#EC1C24;
	border-color:#EC1C24;
	color:#fff !important;
}



.modal-body{
	overflow-y: auto;
	max-height: 500px;
    height: auto;
}

.input-file-upload{
	position: relative;
}
.input-file-upload input[type="file"]{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity:0;
	background-color:transparent;
	color:transparent;
}

/* Absolute Center Spinner */
.fix_loading {
  position: fixed;
  z-index: 9999999999999999999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.fix_loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.fix_loading:not(:required) {
  /* hide "fix_loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.fix_loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.input-role-shift{
	margin-bottom: 10px;
}

.glyphicon.glyphicon-tree-conifer{
	color: #F79100;
}

.vis-item.WFH {
	color: black;
	background-color: #ECFFF3;
	border-color: #9BF2BE;
  }
  .vis-item.WFH a {
	  color:#30C670
  }
.vis-item.WF0 {
	color: black;
	background-color: #E6F5FF;
	border-color: #B0D9F5
  }
.vis-item.WF0 a {

	color:#53ace7
}
.vis-item.WFC {
	color: black;
	background-color: #F7E8FB;
	border-color: #E5A2F2
  }
.vis-item.WFC a {
	color:#c879d8
}
.vis-item.OTHER {
	color: black;
	background-color: #FFE5E6;
	border-color: #FFC5C8;
}

.vis-item.OTHER a {
	color:red
}
.vis-saturday, .vis-sunday{
background-color: rgb(254, 255, 196);
}

  .vis-saturday, .vis-sunday{
	background-color: rgb(254, 255, 196);
  }


.has-scroll .panel-body::-webkit-scrollbar, .modal-body::-webkit-scrollbar {
    display: inherit;
}

.has-scroll .panel-body::-webkit-scrollbar, .modal-body::-webkit-scrollbar {
    width: 5px;
}

.has-scroll .panel-body::-webkit-scrollbar-track, .modal-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #30C670;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

.has-scroll .panel-body::-webkit-scrollbar-thumb, .modal-body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #30C670;
}
.vis-time-axis .vis-text.vis-major {
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
	border-bottom: 1px solid #bfbfbf;
	font-weight: bold;
}
.vis-time-axis .vis-text.vis-minor {
	text-align: center;
}

.qr-style{
	margin-bottom: 20px;
}

.qr-style div{
  width: 80% !important;
  text-align: center !important;
  margin: auto;
}
.qr-style div svg{
	width: 100%;
	height: auto;
	box-shadow: 0px 0px 8px 2px #ddd;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 10px;
}
.qr-style p{
  text-align: center;
}

.brand-img-cntn img{
	width: 100px;
	margin: 10px;
}

.chart-style{
	height: 200px;
	min-height: 200px;
}

.member-pack{
	margin: 41px;
	border: 1px solid #ddd !important;
}
.member-list {
	border-bottom:1px solid #ddd;
	padding:10px 0px !important;
}

.panel-charts {
	height:350px;
}
.circle-wrap span {
	background:#30C670 ;
	color: #fff;
    padding: 5px 10px;
    border-radius: 50px;
}
.color-black {
	color:#000 !important;
}

.visualization-style{
	min-height: 200px;
}


.bg-primary2 {
    background-color: #7395ff;
    border-color: #7395ff;
    color: #fff;
}
.dataTables_filter input {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-color: #fff;
	background-size: 27px;
	background-position: 0px 3px !important;
	padding-left:30px !important;
}
/* Custom Scrollbar Datatable */
body .dataTables_scroll {
    clear: both !important;
    margin-bottom: 10px !important;
}
body ::-webkit-scrollbar-track {
	background-color:  #eee !important;
	border-radius: 10px !important;
	border:none !important;
}
body ::-webkit-scrollbar {
    height:6px !important;
	background-color: #F5F5F5 !important;
	margin-bottom:20px !important;
}

body ::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.3) !important;
    border-radius: 10px !important;
}
body ::-webkit-scrollbar-thumb:hover  {
	background: #00A00C !important;
}
.form-group i.fa {
    font-size: 24px;
    margin-top: 13px;
}
.toggle-password  {
	position: absolute;
	top:15px;
	right:10px;
}
.toggle-password.fa {
	font-size:20px;
	color:#a9a9a9
}
.padding-lr10 {
	padding:0px 10px 0px 10px !important;
}
.btn-overlay {
	position:absolute !important;
	right: 0 !important;
    z-index: 3 !important;
}
body .uploader input[type=file] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bg-light-gray {
	background:#eee;
}
/*
.upload-wrap .input-group {
	display:block;
} */

#image-certificate {
	border: 1px dotted #ddd;
	margin:20px auto;
	padding:10px;
}
#image-certificate  img {
	margin:auto;
	width:auto;
}
/*  Print QR Code  */
.dataTables_paginate .paginate_button:hover {
	background-color:#EC1C24 ;
	color:#fff;
}

.breadcrumb > li i {
    font-size: 26px !important;
    position: relative;
}
.breadcrumb > li i.ico-ss-dashboard:before {
    margin-top: -18px;
    position: absolute;
}
.breadcrumb > li i.position-left{
	margin-right: 24px;
}
#surat-dokter-table_wrapper {
	border:none
}

.word-wrap{
	white-space: normal !important;
}

.margin-button{
	margin-right: 5px;
}

@media screen and (max-width: 600px) {
	.margin-button{
		margin-top: 5px;
		margin-bottom: 5px;
		margin-right: 0px;
	}
  }