.login-row {
	display: flow-root;
	text-align: center;
}

.login-row img {
	width: 190px;
	margin-top: -10px;
}

.app-header {
	left: 0px !important;
	background-color: #fff;
}

.dropdown.open .dropdown-menu {
	visibility: visible;
	opacity: 100;
}
.form-config .mx-input-wrapper{
	display: block !important;
}
.popover-body {
	padding: 0px !important;
}

.hader-apps {
	position: fixed;
	width: 100%;
	z-index: 100;
}

.app-header {
	position: relative;
}

.app-header-menu {
	background: #1F3775 !important;
	color: #fff;
	height: 60px;
}

.app-action-header {
	height: 55px;
	position: fixed;
	z-index: 99;
}

.logo-companies a img {
	width: 90px;
	margin: 7px 9px;
	/*max-height: 80px;*/
}

.logo-companies {
	width: 110px;
	height: 102px;
	align-content: center;
	display: grid;
	background-color: #ececec;
	margin-top: 100px;
	border-radius: 5px;
	background-position: center;
	background-size: cover;
	position: absolute;
}

.users-dropdown-profil {
	color: #fff !important;
}

.ic-notif-setting-top-menu {
	/*margin-right: -10px;*/
}

.ic-notif-setting-top-menu button {
	width: 27px !important;
	height: 27px !important;
}

.ic-notif-setting-top-menu .ic-icon {
	margin-left: 2px;
	font-size: 14px;
	display: flow-root;
}

.ic-notif-setting-top-menu .ic-icon-gear {
	font-size: 15px;
	margin-left: 0;
	display: flow-root;
}

.menu-navigation-default {
	margin-left: 116px
}

.menu-navigation-default ul li a {
	color: #879CBA;
	font-size: 12px;
}

.menu-navigation-default ul li a.active-link {
	color: #fff;
}

.avatar-perusahaan {
	display: none !important;
}

.ic-menu-default {
	width: 16px;
	margin-right: 6px;
	margin-top: -2px;
}

.menu-navigation-default ul li a.active-link .hr-active {
	display: block;
}

.hr-active {
	break-before: recto;
	display: none;
	position: absolute;
	margin-left: 26px;
	margin-top: 0px;
	background: #fff;
	height: 2px;
	width: 23px;
	border-radius: 8px;
}

.dropdown .fa-angle-down {
	margin-left: 4px;
	font-size: 11px;
}

.dropdown-container {
	padding: 8px;
}

.dropdown-container .item-dropdown {
	padding: 3px 45px 3px 11px !important;
	margin-left: 0px !important;
	font-size: 13px;
}

.ic-users-panel-menu-top {
	margin-top: -23px;
	width: 16px;
}

.menu-current-title {
	margin-top: 24px;
	margin-left: 37px;
	font-weight: 600;
	font-size: 20px;
	/*width: 190px;*/
	color: #1F3775;
	margin-right: 45px;
}

.batas-current-judul {
	margin-top: 17px;
	width: 1px;
	height: 39px;
	background: #ddd;
	margin-right: 10px;
}

.jeda-navbar {
	padding: 30px
}

.app-footer {
	position: fixed;
	background: #1F3775;
	bottom: 0;
	width: 100%;
	color: #fff !important;
	min-height: 25px;
	height: 25px;
	font-size: 11px;
	z-index: 10;
}

.logo-footer {
	width: 63px;
	margin-top: -5px;
	margin-left: 5px;
}

.area-konten-halaman {
	padding-top: 80px;
	padding-bottom: 50px;
	margin: 0px 15px;
}

.btn-action-menu {
	padding: 2px 15px;
	height: 34px;
	margin-top: 20px;
	margin-left: 7px;
	border-radius: 8px;
	font-size: 12px;
}

.btn-action-menu i {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	float: left;
	margin-right: 10px;
}

.action-navbar-content {
	margin-left: 96px;
	margin-top: -16px;
}

.dropdown-item-icon {
	margin-right: 5px;
	width: 13px;
}

.tooltip .tooltip-inner {
	padding: 5px 13px;
	background: #717070;
	font-size: 11px;
	box-shadow: none;
}

.tooltip .arrow:before {
	border-bottom-color: #717070 !important;
	border-top-color: #717070 !important;
}

.pd-0 {
	padding: 0px !important;
}

.table-element tr th {
	border: none;
	padding: 9px 27px;
	font-size: 14px;
	font-weight: 700;
	text-transform: capitalize;
	background: transparent;
	color: #1F3775;
	vertical-align: middle;
	white-space: nowrap;
}

.pd-checkbox-table {
	padding: 0px 0px 6px 0px !important
}

.custom-control-label:after, .custom-control-label:before {
	width: 17px !important;
	height: 17px !important;
	margin-top: 1px;
}

.pd-td-checkbox-table {
	padding: 0 10px 0 0px !important;
}

.table-element tr td {
	font-size: 12px;
	padding: 9px 27px;
	color: #1F3775;
	text-transform: capitalize;
	white-space : nowrap;
}

.ic-img-table {
	width: 20px;
}

.ic-back-form {
	width: 10px;
	width: 23px;
	margin-right: 10px;
}

.card-header-form {
	padding: 20px;
}

.card-header-form b {
	color: #1F3775;
	margin-top: -1px;
	float: right;
	font-size: 18px;
}

.box-form-custom {
	top: 50px;
	position: absolute;
}

.loading-animate {
	color: transparent !important;
	min-height: 15px;
	width: 100%;
	border-radius: 10px;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	background: #f6f7f8;
	background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	background-size: 1000px 104px;
	position: relative;
}

@keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0
	}
	100% {
		background-position: 468px 0
	}
}

.table .loading-table td {
	padding: 13px 27px;
}

.loading-animate-th span {
	color: transparent;
	border-radius: 8px;
	padding: 0 10px;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	background: #f6f7f8;
	background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	background-size: 800px 104px;
	position: relative;
}

.footer-main-table {
	padding: 10px 0px 35px 0;
}

.btn-pagination {
	width: 31px;
	height: 30px;
	padding: 7px 13px;
}

.btn-pagination img {
	width: 18px;
	margin-top: -12px;
	margin-left: -9px;
}

.ptop-5 {
	padding-top: 5px;
}

.paginate-button {
	margin-right: 30px;
}

.form-input-paginate {
	padding: 9px !important;
	display: initial;
	height: 31px !important;
	width: 39px;
	text-align: center;
}

.required {
	color: red;
}

.card-body-form {
	padding: 35px 44px;
	text-align: left;
}

.form-control {
	height: 35px;
	border: 1px solid #ddd;
	/*border-radius: 8px;*/
	padding: 0px 15px;
}

.form-control:focus {
	box-shadow: none !important;
	border: 1px solid #F2F2F2 !important;
}

.label-form {
	font-size: 13px;
	color: #1F3775;
}

.vs--searchable .vs__dropdown-toggle {
	height: 35px;
	border: 1px solid #e8e9ef82;
	/*border-radius: 8px;*/
}

.card-form-component input:focus {
	box-shadow: none;
}

.vs__search::-webkit-input-placeholder {
	color: #E6DBDB;
}

.multiselect__tags {
	min-height: 34px !important;
	height: 35px !important;
	border: 1px solid #e8e9ef82 !important;
	/*border-radius: 8px !important;*/
	padding: 8px 40px 0 15px !important;
}

.multiselect__placeholder {
	color: #D1D2E2 !important;
	margin-top: -2px !important;
	display: flex !important;
	font-size: 15px !important;
	padding-top: 0px !important;
}

.multiselect__select {
	top: -2px !important;
}

.form-control.is-invalid, .was-validated .form-control:invalid, .form-control.is-valid, .was-validated .form-control:valid {
	background-size: calc(0.75em + 0.53rem) calc(0.7em + .2rem) !important;
}

.multiselect--above .multiselect__content-wrapper {
	/*border-radius: 9px !important;*/
}

.img-profil-pegawai {
	width: 39px;
	height: 39px;
	float: left;
	background-color: #ddd;
	width: 50px;
	height: 50px;
	float: left;
	background-color: #ddd;
	margin-right: 10px;
	border-radius: 4px;
	background-position: center;
	background-size: cover;
}

.mt-8 {
	margin-top: 8px;
}

.bg-form {
	background-color: #F4F5FD;
}

.mx-datepicker-popup {
	border-radius: 6px;
	border: none !important;
}

.mx-datepicker {
	width: 100% !important;
}

.multiselect__option {
	font-size: 14px !important;
	padding: 7px !important;
	min-height: 10px !important;
}

.multiselect__option:after {
	line-height: 30px !important;
	background-color: #0F3875 !important;
	font-size: 10px !important;
	/*display: none !important;*/
}

.multiselect__option--selected:after {
	background-color: transparent !important;
	font-size: 10px;
	font-weight: initial;
}

.multiselect__option--highlight {
	background-color: #0F3875 !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #0F3875 !important;
}

.custom-control-label {
	cursor: pointer !important;
}

.btn-info-form, .btn-info-form:hover {
	color: #136dab;
	background-color: #D5EEFF;
	font-weight: 600;
	padding: 8px 39px;
	border-radius: 7px !important;
	text-transform: uppercase;
	margin-right: 10px;
	border-color: #D5EEFF !important;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.btn-save-form {
	background-color: #0082FE;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
	border-radius: 7px;
	padding: 10px 41px;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.btn-save-form img {
	width: 24px;
	margin-top: -7px;
	margin-right: -12px;
	margin-bottom: -1px;
}

.card-footer-form {
	padding: 20px 45px;
}

.multiselect__single {
	font-size: 14px !important;
}

.mx-calendar-content .cell.today {
	background-color: #66a9e294 !important;
	color: #fff !important;
}

.mx-calendar-content .cell {
	border-radius: 7px;
}

.multiselect__content-wrapper {
	margin-top: 4px !important;
	box-shadow: 0 0.46875rem 2.1875rem rgba(0, 0, 0, .03), 0 0.9375rem 1.40625rem rgba(0, 0, 0, .03), 0 0.25rem 0.53125rem rgba(0, 0, 0, .05), 0 0.125rem 0.1875rem rgba(0, 0, 0, .03) !important;
	border-radius: 4px !important;
}

.multiselect--above .multiselect__content-wrapper {
	margin-bottom: 4px !important;
}

.text-transform-none {
	text-transform: none !important;
}

.modal-vue-wrapper {
	z-index: 100 !important;
}

.modal-vue-overlay {
	background-color: #F4F5FD !important;
}

.modal-vue--content {
	background-color: #fff !important;
}

.c-pointer {
	cursor: pointer !important;
}

.v--modal-overlay .v--modal-box {
	border-radius: 9px;
	padding: 15px;
}

.img-profil-desain {
	background-color: #5d56565e;
	height: 153px;
	width: 100%;
	border-radius: 4px;
	background-position: center;
	background-size: cover;
	margin-bottom: 5px;
}

.ic-menu-name {
	width: 23px;
	margin-top: -6px;
	margin-right: 3px;
}

.ic-menu-small {
	width: 13px;
}

.table-detail-profil {
	font-size: 12px;
	width: 100%;
	margin-top: 10px;
}

.table-detail-profil tr th {
	padding: 10px 0px;
}

.ic-close-modal {
	margin-top: -16px;
	margin-right: -6px;
	cursor: pointer;
}

.dp-block {
	display: block;
}

.tabs .card-header {
	padding: 0;
	border: none;
	margin-bottom: 20px;
}

.tabs .card-header .nav-pills.justify-content-center {
	width: 100% !important;
}

.bordered-table {
	border: 1px solid #f8f7f7;
	border-radius: 11px;
}

.nice-select {
	width: 100%;
	height: 36px;
	line-height: 36px;
}

.layout-enter-active, .layout-leave-active {
	transition: opacity .1s
}

.layout-enter, .layout-leave-active {
	opacity: 0;
}

.ic-setting-menu img {
	margin-top: -6px;
}

.margin-0 {
	margin: 0px !important;
}

body {
	background: #f5f5f545;
}

.list-sidebar-menu h6 {
	font-size: 15px;
	font-weight: bold;
	color: #1F3775;
	margin: 17px;
}

.list-sidebar-menu ul {
	padding-left: 0px;
	list-style: none;
	direction: ltr;
}

.list-sidebar-menu ul li {
	margin-bottom: 5px;
}

.list-sidebar-menu ul li a {
	font-size: 13px;
	color: #1F3775;
	display: block;
	padding: 8px 15px;
}

.list-sidebar-menu ul li a img {
	width: 18px;
	margin-right: 11px;
}

.list-sidebar-menu ul li a.active-link {
	border-right: 6px solid #0082FE;
	background: #F4F5F8;
}

.list-sidebar-menu {
	padding-bottom: 1px;
}

.sidebar-setting:hover {
	overflow: auto;
}

.sidebar-setting {
	max-height: 72vh;
	overflow: hidden;
	direction: rtl;
	position: fixed;
	width: 225px
}

.sidebar-setting::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	border-radius: 20px;
}

.sidebar-setting::-webkit-scrollbar-track {;
	background: #ddd;
	border-radius: 20px;
}

.sidebar-setting::-webkit-scrollbar-thumb {
	background: #A3A3A3;
	border-radius: 20px;
}

.card-setting {
	padding: 15px 25px !important;
}

.nice-margin .nice-select .current {
	margin-top: -1px !important;
	display: block;
}

.box-logo-perusahaan {
	border: 1px dashed #ddd;
	border-radius: 7px;
	height: 96px;
	width: 100%;
	align-content: center;
	display: grid;
	cursor: pointer;
}

.logo-kotak img {
	width: 80px;
	margin: 7px 9px;
	max-height: 80px
}

.logo-kotak {
	float: left;
	width: 100px;
	margin-right: 10px
}

.logo-lands img {
	width: 201px;
	max-height: 80px;
	margin: 8px 17px;
}

.logo-lands {
	width: 235px;
	display: flex;
}

.card-box .card-footer {
	border-top: 1px solid #f5f4f4b0
}

.card-box .card-header {
	border-bottom: 1px solid #f5f4f4b0
}

.hidden-v {
	visibility: hidden;
}

.col-content-setting {
	padding-right: 0px;
}

.table-responsive::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	border-radius: 20px;
}

.table-responsive::-webkit-scrollbar-track {;
	background: #ddd;
	border-radius: 20px;
}

.table-responsive::-webkit-scrollbar-thumb {
	background: #A3A3A3;
	border-radius: 20px;
}

.paginate-button button {
	box-shadow: none !important;
}

.modal-no-padding {
	background-color: #fff;
	padding: 0px !important
}

.input-group-text {
	height: 35px
}

.vue-dialog {
	color: #6b7c93;
	padding: 0px !important;
}

.dialog-c-title {
	font-size: 16px
}

.vue-dialog-button {
	font-size: 13px !important
}

.vdp-datepicker__calendar {
	border-radius: 4px;
	padding: 2px;
	margin-bottom: 11px;
	border: none;
}

.datepicker .cell:not(.day-header).selected, .datepicker .cell:not(.day-header):hover {
	background-color: #4482fe !important
}

.vdp-datepicker__calendar header span:hover {
	background-color: #4482fe !important
}

.datepicker header .next, .datepicker header .prev {
	font: normal normal normal 14px/1 FontAwesome;
	padding: 5px
}

.vdp-datepicker__calendar header {
	line-height: 24px !important;
	margin-top: 5px
}

.mx-input-append {
	display: none;
}

.vue__time-picker {
	width: 100% !important
}

.vue__time-picker input.display-time {
	width: 100% !important;
	background-color: #fff !important;
	border: 1px solid #e8e9ef82 !important;
	padding: .3em 16px !important
}

.vue__time-picker .clear-btn {
	margin-top: 2px;
	margin-right: 5px;
}

.vue__time-picker .dropdown ul::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	border-radius: 20px;
}

.vue__time-picker .dropdown ul::-webkit-scrollbar-track {;
	background: #ddd;
	border-radius: 20px;
}

.vue__time-picker .dropdown ul::-webkit-scrollbar-thumb {
	background: #A3A3A3;
	border-radius: 20px;
}

.vue__time-picker .dropdown ul li:not([disabled]).active, .vue__time-picker .dropdown ul li:not([disabled]).active:hover {
	background: #4482fe !important;
	border-radius: 3px;
}

.vue__time-picker .dropdown ul li {
	padding: 2px !important;
	margin: 7px;
	font-size: 12px;
}

.row-no-margin {
	margin-left: 0px;
	margin-right: 0px
}

.vue__time-picker .dropdown .select-list {
	margin-bottom: 40px;
}

.vue-dialog .dialog-content {
	text-align: center;
}

.first-padding-no {
	padding: 0px
}

.dp-none {
	display: none;
}

.title-empty-state {
	text-transform: capitalize;
	color: #d2d4d8;
	margin-top: 16px;
	/*font-weight: bold;*/
	margin-bottom: 33px;
	font-size: 13px;
}

.row-margin-min {
	margin-left: -15px;
	margin-right: -15px;
}

.card-list-pegawai-absensi {
	padding: 0px;
	position: fixed;
	z-index: 2;
}

.card-list-pegawai-absensi .form-search-pegawai-absen {
	margin-right: 11px;
	width: 79%;
}

.rd-0 {
	border-radius: 0px;
}

.card-box-hover-rise:hover {
	/*margin-top: unset !important;*/
	transform: none;
	-webkit-transform: none;
}

.bg-loading {
	background-color: #ddd;
}

.text-lower {
	text-transform: lowercase;
}

.tr_table_absensi_Late .badge {
	background-color: #FE002F !important;
}

.tr_table_absensi_Ontime .badge {
	background-color: #00CC51 !important;
}

.tr_table_absensi_Early .badge {
	background-color: #0091FC !important;
}

.over-flow-maps {
	max-height: 500px;
	overflow: auto;
}

.over-flow-maps::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	border-radius: 20px;
}

.over-flow-maps::-webkit-scrollbar-track {;
	background: #ddd;
	border-radius: 20px;
}

.over-flow-maps::-webkit-scrollbar-thumb {
	background: #A3A3A3;
	border-radius: 20px;
}

.ck.ck-editor__main > .ck-editor__editable {
	min-height: 300px !important;
}

.tutor-draw-maps {
	width: 300px;
	background: #fff;
	height: 175px;
	overflow: hidden;
	border: 1px solid #F0F0F0;
	border-radius: 7px;
	padding: 7px;
	position: absolute;
	bottom: 7px;
	left: 7px;
}

.box-area-offices-hours {
	border: 1px solid #F0F0F0;
	margin: 10px 20px;
	padding: 15px;
	border-radius: 11px;
}

.header-schedule .tabs .card-box .card-header {
	border-bottom: none !important;
}

.dropdown-filter-kecil {
	min-width: 70px;
}

.dropdown-filter-kecil a {
	padding: 4px 10px;
	cursor: pointer;
}

.datepicker table tr td span {
	height: 40px !important;
	line-height: 40px !important;
	font-size: 12px
}

.table thead th {
	background-color: transparent !important;
}

.v--modal-overlay .v--modal-box {
	overflow: unset !important;
}

.mdrp__activator .activator-wrapper .text-field:focus ~ label, .mdrp__activator .activator-wrapper .text-field__filled ~ label {
	display: none;
}

.mdrp__activator .activator-wrapper .text-field {
	border-bottom: none !important;
	border: 1px solid #F3F4F7 !important;
	border-radius: 7px !important;
	padding: 6px 11px 5px 13px !important;
	color: #0F3875 !important;
	font-size: 15px !important;
}

.mdrp__activator .activator-wrapper .bar {
	display: none !important;
}

.list-notification-dropdown {
	border-radius: 0px !important;
	width: 275px;
	border: none;
}

.popover {
	border: none !important;
}

.popover-notif .header-notif {
	padding: 9px 18px;
	font-size: 13px;
	border-bottom: 1px solid #F9F9F9;
}

.popover-notif .nama_users {
	font-size: 12px;
	font-weight: bold;
}

.popover-notif .footer-notif {
	border-top: 1px solid #F9F9F9;
	margin-top: 1px;
	padding: 5px;
	font-size: 13px;
	color: red;
	font-weight: bold;
	cursor: pointer;
}

.list-group-flush .list-group-item:hover {
	background-color: #FAFAFA;
	cursor: pointer;
}

.img-notif-users {
	height: 41px;
	width: 42px;
	border-radius: 3px;
	background-position: center;
	background-size: cover;
}

.list-notifications-scrol {
	max-height: 200px;
	overflow: auto;
	overflow-x: hidden;
}

.list-notifications-scrol::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	border-radius: 20px;
}

.list-notifications-scrol::-webkit-scrollbar-track {;
	background: #ddd;
	border-radius: 20px;
}

.list-notifications-scrol::-webkit-scrollbar-thumb {
	background: #A3A3A3;
	border-radius: 20px;
}

.count-jumlah-notif-all {
	line-height: 8px;
	left: -5px !important;
	top: -23px !important;
	border-radius: 10px;
	font-size: 9px;
	font-weight: normal;
	padding: 6px 6px 5px 5px;
	height: 16px;
}

.box-home-info {
	padding: 15px 30px;
	border-radius: 10px;
	box-shadow: 0 0.46875rem 2.1875rem rgba(0, 0, 0, .03), 0 0.9375rem 1.40625rem rgba(0, 0, 0, .03), 0 0.25rem 0.53125rem rgba(0, 0, 0, .05), 0 0.125rem 0.1875rem rgba(0, 0, 0, .03);
	color: #fff;
}

.box-home-info.bg-blue {
	background-color: #0082FE;
	background-color: #0082FE;
}

.ic-info-menu {
	margin-top: 13px;
}

.box-home-info .judul {
	letter-spacing: 2px;
	font-weight: 500 !important;
}

.box-home-info .jumlah {
	font-weight: 300;
}

.box-home-info .bg-ic-info-menu {
	right: 21px;
	width: 116px;
	position: absolute;
	top: 2px;
}

.box-home-info.bg-green {
	background-color: #39D87A;
}

.box-home-info.bg-orange {
	background-color: #F9C000;
}

.box-home-info.bg-red {
	background-color: #FF2A1D;
}

.header-top-menu-home {
	border-bottom: 1px solid #F9F9F9;
}

.header-top-menu-home .title h4 {
	margin: 16px 10px;
	font-size: 20px;
	color: #243C78;
}

.sideleft-menu-name .title {
	transform: rotate(268deg);
	position: absolute;
	left: -15px;
	top: 45%;
}

.konten-home.after-sideleft {
	margin-left: 15px;
}

.konten-home {
	padding: 10px;
}

.table-info-prosentase-kehadiran {
	width: 100%;
}

.table-info-prosentase-kehadiran span {
	width: 23px;
	height: 20px;
	display: block;
	float: left;
	margin-right: 10px;
	border-radius: 2px;
}

.table-info-prosentase-kehadiran span.bg-green {
	background-color: #0ED8B2;
}

.table-info-prosentase-kehadiran span.bg-blue {
	background-color: #0080FE;
}

.table-info-prosentase-kehadiran span.bg-orange {
	background-color: #F0C400;
}

.table-info-prosentase-kehadiran span.bg-red {
	background-color: #F6423A;
}

.img-maps-users-absen {
	float: left;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	margin: 0px 13px 60px 0;
}

.navbar-nav.navbar-center {
	position: absolute;
	left: 50%;
	transform: translatex(-50%);
}

.img-detail-visit-box {
	display: flex;
	float: left;
	padding: 0 15px;
}

.avatar-cuti-image .avatar-icon {
	width: 55px;
	height: 55px;
	border-radius: 5px;
	box-shadow: none !important;
}

.avatar-cuti-image .avatar-icon .image-users-absensi-table {
	width: 55px !important;
	height: 55px !important;
}

.hidden {
	display: none !important;
}

.show {
	display: block !important;
}

.btn-dropdown-status button {
	height: 17px;
	line-height: 2px;
}

.badge-status-pegawai {
	padding: 0px 13px;
	border-radius: 10px;
	font-size: 11px;
}

.pageSpecialLogin {
	border: 1px solid #ddd;
	width: 600px;
	margin: 26px auto;
	border-radius: 5px;
	box-shadow: 0 0.46875rem 2.1875rem rgba(0, 0, 0, .03), 0 0.9375rem 1.40625rem rgba(0, 0, 0, .03), 0 0.25rem 0.53125rem rgba(0, 0, 0, .05), 0 0.125rem 0.1875rem rgba(0, 0, 0, .03) !important;
	text-align: center;
	padding: 15px;
}

.pageSpecialLogin img {
	width: 200px;
	margin-bottom: 20px;
}

.pageSpecialLogin .Body {
	text-align: left;
}

.pageSpecialLogin .Body table {
	width: 100%;
}

.headerPaggingTable {
	padding: 10px 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 22px;
	margin-bottom: -8px;
}

.headerPaggingTable h4 {
	margin-bottom: -12px;
	font-size: 18px;
	font-weight: bold;
}

.headerPaggingTable h4 img {
	width: 18px;
	margin-top: -4px;
	margin-right: 12px;
}

.btn-editData {
	background: #0080FE;
	padding: 4px 12px;
	font-size: 12px;
	color: #fff !important;
	border-radius: 4px;
	box-shadow: 0 8px 16px 0 rgba(160, 160, 160, 0.5);
}

.btn-editData img {
	width: 11px;
	margin-right: 7px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.ic-filter-form-event-number {
	display: none
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
	-moz-appearance: textfield; /* Firefox */
}

.tanggalGajianModalTanggalArea img {
	float: left;
	position: absolute;
	width: 25px;
	margin-top: 32px;
}

.tanggalGajianModalTanggalArea .form-group {
	margin-left: 39px;
}

.ModalTanggalGajian .form-control[readonly] {
	background-color: #fff;
}

.boxParameterHitungan {
	padding: 0px;
}

.boxParameterHitungan .headerPaggingTable {
	padding: 20px;
	padding-bottom: 32px;
}

.boxParameterHitungan .headerPaggingTable .btn-editData {
	padding: 8px 20px;
	font-size: 13px;
}

.boxParameterHitungan .headerPaggingTable .btn-editData img {
	width: 15px;
}

.headerModalParameter {
	border-bottom: 1px solid #F2F2F2;
}

.modalParameter .area {
	padding: 20px 15px;
}

.modalParameter {
	margin: -15px;
	color: #0F3875 !important;
}

.headerModalParameter h4 {
	margin-bottom: 0px;
	font-size: 19px;
	font-weight: bold;
}

.headerModalParameter h3 {
	margin-bottom: 0px;
	font-size: 23px;
	font-weight: bold;
	margin-top: 10px;
}

.modalParameter .area2 {
	border-left: 1px solid #F2F2F2;
	padding: 20px 15px;
}

.modalParameter .row {
	margin: 0px;
}

.modalParameter small {
	line-height: 16px;
	display: block;
	font-size: 11px;
}

.bodyParameter .form-group label {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: -1px;
}

.bodyParameter .form-group input {
	margin-top: 10px;
}

.modalParameter .operator {
	background-color: #F7F8FA;
	border: 1px solid #eee;
	color: #00A2FD;
	font-weight: bold;
	font-size: 17px;
	padding: 2px 11px;
	margin-top: 8px;
	display: inline-block;
	border-radius: 6px;
	cursor: pointer;
}

.bodyParameter .form-group ul {
	padding-left: 17px;
	margin-top: 9px;
	font-size: 11px;
	color: #99A8B9;
	line-height: 16px;
}

.icNumber {
	float: right;
	margin-top: -23px;
	margin-right: 12px;
}

.modalParameter .card-footer {
	border-top: 1px solid #F7F8FA;
	margin: -15px;
	margin-top: 70px
}

.listParameter a.active, .listParameter a:hover {
	background-color: #0082FE;
	color: #fff;
}

.listParameter a {
	border: 1px solid #EEEEEE;
	display: block;
	margin-bottom: 10px;
	padding: 6px 13px;
	font-size: 12px;
	border-radius: 5px;
}

.listParameter {
	margin-top: 14px;
	max-height: 480px;
	overflow: hidden;
}

.listParameter:hover {
	overflow: auto;
}

.listParameter::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	border-radius: 20px;
	transition: 0.5s
}

.listParameter::-webkit-scrollbar-track {
	background: #fff;
	border-radius: 20px;
	transition: 0.5s
}

.listParameter::-webkit-scrollbar-thumb {
	background: #0082FE;
	border-radius: 20px;
	transition: 0.5s
}

.btnBlueSlipSend {
	background: #0082FE;
	color: #fff;
	border-radius: 10px;
	padding: 7px 18px;
	font-size: 11px;
}

.btnAddNewPeriode {
	padding-top: 6px;
	font-weight: bold;
	font-size: 12px;
	margin-top: 0px;
}

.form-control-select {
	display: block;
	width: 100%;
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 8px 10px;
	font-size: 13px;
	color: #393E66;
	font-weight: bold;
	box-shadow: none;
	outline: none;
	/* for Firefox */
	-moz-appearance: none;
	/* for Chrome */
	-webkit-appearance: none;
}

/* For IE10 */
.form-control-select::-ms-expand {
	display: none;
}

.icSelectDrop {
	float: right;
	margin-top: -21px;
	margin-right: 8px;
	width: 7px;
}

.idBackPayrolDetail {
	padding: 8px;
	display: block;
	font-size: 13px;
	color: #375689;
	margin-bottom: 10px;
}

.idBackPayrolDetail img {
	margin-right: 7px;
	width: 11px;
	margin-top: -2px;
}

.payrolDetailPage {
	margin-bottom: 0px !important;
}

.payrolDetailPage .header {
	font-size: 19px;
	display: flow-root;
	padding: 11px;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}

.payrolDetailPage .header b {
	margin-right: 15px;
	margin-top: 4px;
	display: block;
	float: left;
}

.payrolDetailPage .row {
	margin: 0px !important;
}

.payrolDetailPage .body .headerBody {
	padding: 4px;
	border-bottom: 1px solid #eee;
	font-weight: bold;
	background: #F3F6FC;
	font-size: 17px;
	color: #345488;
}

.payrolDetailPage .body .slip .left {
	border-right: 1px solid #eee;
}

.payrolDetailPage .body .slip .headerSlip {
	font-weight: bold;
	background: #F3F6FC;
	font-size: 15px;
	padding: 4px 23px;
}

.payrolDetailPage .body .slip .headerSlip i {
	margin-right: 15px;
	font-size: 18px;
	margin-top: 2px;
	display: block;
	float: left;
}

.pendapatanIcon {
	color: #00A576;
}

.potonganIcon {
	color: #F90000;
}

.table-slipgaji {
	width: 100%;
}

.areaSlip {
	padding: 2px 51px;
	min-height: 450px;
	overflow: auto;
	max-height: 450px;
}

.table-slipgaji tr td {
	width: 150px;
	padding: 13px 0 10px;
	font-size: 13px;
}

.table-slipgaji tr {
	border-bottom: 2px solid #eee;
}

.bottomSlip {
	background: #F3F6FC;
	margin-top: -2px;
	padding: 10px 51px;
	font-size: 19px;
	color: #375689;
}

.bottomSlip table {
	width: 100%;
}

.areaSlip::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	border-radius: 20px;
}

.areaSlip::-webkit-scrollbar-track {;
	background: #ddd;
	border-radius: 20px;
}

.areaSlip::-webkit-scrollbar-thumb {
	background: #A3A3A3;
	border-radius: 20px;
}

.bottomSlipTakeHome {
	background-color: #B0C5E6;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.bottomSlipTakeHome .bottomSlip {
	background-color: transparent;
	padding: 10px 29px;
}

.table-element tr td h5 {
	font-size: 14px;
}

.cardModalQuickSetup {
	background: #1F3775;
	color: #fff;
	padding: 50px 70px !important;
	border-radius: 12px !important;
}

.cardModalQuickSetup .headerArea .tittle {
	font-size: 27px;
	font-weight: bold;
	font-family: Arial;
	margin-bottom: 20px;
}

.cardModalQuickSetup .headerArea .tittle span.br {
	display: block;
	background: #fff;
	width: 47px;
	height: 2px;
	margin-top: 13px;
}

.cardModalQuickSetup .body .titleNameUsers {
	font-size: 16px;
	margin-bottom: 2px;
}

.cardModalQuickSetup .body .infoIntroBody {
	font-size: 14px;
	color: #e2dede;
}

.cardModalQuickSetup .listImgStepBig {
	list-style: none;
	display: flex;
	padding-left: 0px;
	margin-top: 35px;
}

.cardModalQuickSetup .listImgStepBig li {
	text-align: center;
	padding: 0 21px;
}

.cardModalQuickSetup .listImgStepBig li img {
	width: 130px;
	height: 112px;
}

.cardModalQuickSetup .listImgStepBig li span {
	font-size: 12px;
	color: #e2dede;
	font-weight: normal;
	display: block;
	margin-top: 18px;
}

.btnBlueConfigMulai {
	background: #0080FE;
	border: none;
	color: #fff;
	border-radius: 6px;
	padding: 8px 96px;
	margin-top: 51px;
}

.btnBlueConfigMulai:hover {
	box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.23);;
}

.cardModalQuickSetupStep .card {
}

.cardModalQuickSetupStep .headerArea {
	padding: 40px !important;
	background: #1F3775;
	border-radius: 10px;
	color: #fff;
}

.cardModalQuickSetupStep .headerArea .tittle {
	font-size: 27px;
	font-weight: bold;
	margin-bottom: 0px;
	font-family: Arial;
}

.cardModalQuickSetupStep .listStepCurrentStep ul {
	list-style: none;
	display: flex;
	padding-left: 0px;
	margin-top: 35px;
}

.cardModalQuickSetupStep .listStepCurrentStep {
	margin-top: -31px;
	margin-bottom: -15px;
}

.cardModalQuickSetupStep .listStepCurrentStep ul li a {
	background: #A3B0CF;
	font-family: Arial;
	border-radius: 100%;
	padding: 6px 10px 5px;
	font-weight: bold;
	font-size: 12px;
}

.cardModalQuickSetupStep .listStepCurrentStep ul li .jedaList {
	background: #8792B0;
	height: 2px;
	width: 20px;
	display: block;
	margin-top: 11px;
}

.cardModalQuickSetupStep .listStepCurrentStep ul li a.active {
	background: #0079F0 !important;
}

.cardModalQuickSetupStep .body {
	padding: 25px 40px;
}

.cardModalQuickSetupStep .body .titleBody {
	color: #1F3775;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
}

.cardModalQuickSetupStep .body .label-form {
	margin-left: 10px;
	font-weight: bold;
}

.cardModalQuickSetupStep .imageInfoInStep {
	margin-top: 23px;
}

.cardModalQuickSetupStep .imageInfoInStep img {
	width: 93px;
	margin-right: 11px;
}

.cardModalQuickSetupStep .imageInfoInStep span {
	font-size: 16px;
	font-family: Tahoma;
	color: #f1f1f1;
}

.cardModalQuickSetupStep .body .titleMerah {
	font-size: 15px;
	font-family: Arial;
	font-weight: bold;
	color: #d60a0a;
}

.cardModalQuickSetupStep .body .listGuideDrawOffice {
	padding-left: 14px;
	font-size: 13px;
	color: #252424;
}

.cardModalQuickSetupStep .body .listGuideDrawOffice img {
	margin-top: 7px;
}

.btNone {
	border-top: none;
}

.cardModalQuickSetupStep {
	margin-top: 50px;
	top: 0px !important;
}

.boxOfficeHour {
	border: 1px solid #F2F2F2;
	padding: 13px 12px 5px;
	border-radius: 7px;
}

.btn-ijo, .btn-ijo:hover {
	border-color: #76D20E !important;
	background: #76D20E !important;
	color: #fff !important;
	border-radius: 5px;
}

.tableListPgwConfig {
	width: 100%;
}

.tableListPgwConfig tr {

}

.tableListPgwConfig tr th {
	text-align: left;
	color: #203775;
	border-right: 1px solid #ddd;
	padding: 6px;
	padding-left: 13px;
	font-size: 12px;
	font-weight: normal;
}

.areaChatWa {
	margin-left: 99px;
	margin-top: 29px;
	position: absolute;
}

.areaChatWa img {
	width: 52px !important;
	position: relative;
	margin-top: -11px;
}

.areaChatWa .infoWaNo {
	background: #fff;
	color: #000;
	padding: 0px 12px 3px;
	border-radius: 7px;
	display: inline-block;
	margin-left: -37px;
	padding-left: 23px;
}

.areaChatWa .infoWaNo span {
	color: #878787;
	font-size: 12px;
	font-weight: normal;
}

.areaChatWa .infoWaNo b {
	font-size: 13px;
	margin-top: -5px;
	display: block;
	color: #000;
}

.areaChatWa .infoWaNo b a {
	color: #000;
}

.titleSmallConfig {
	font-size: 13px;
	margin-bottom: 15px;
	display: block;
}

.leftSideDoneConfig {
	border-right: 1px solid #fff;
}

.infoToDownloadAppsConfig {
	background: #EEEEEE;
	color: #000;
	border-radius: 7px;
	padding: 5px 5px 2px;
	box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.23);
}

.infoToDownloadAppsConfig span {
	display: block;
	font-size: 12px;
}

.infoToDownloadAppsConfig b {
	font-size: 18px;
}

.icHandOnConfigDone {
	margin-bottom: -40px;
	margin-left: -40px;
	margin-top: 29px;
	width: 255px;
}

.tableAccessUserConfigDone {
	width: 100%;
	background: #fff;
	color: #000;
	margin-bottom: 120px;
}

.tableAccessUserConfigDone tr th.header {
	background: #0090FF;
	padding: 5px 14px;
	font-size: 14px;
	font-family: Arial;
	color: #fff !important;
}

.tableAccessUserConfigDone tr th {
	font-size: 13px;
	padding: 5px 15px;
}

.tableAccessUserConfigDone tr td {
	padding: 10px 15px;
}

.btnKirimEmailConfig {
	background: #FDC800;
	color: #000;
	font-size: 10px;
	border-radius: 10px;
	padding: 5px 10px;
	box-shadow: 0 0.46875rem 2.1875rem rgba(0, 0, 0, .03), 0 0.9375rem 1.40625rem rgba(0, 0, 0, .03), 0 0.25rem 0.53125rem rgba(0, 0, 0, .05), 0 0.125rem 0.1875rem rgba(0, 0, 0, .03) !important;

}

.btnKirimEmailConfigAll {
	background: #27a052;
	color: #fff;
	font-size: 10px;
	border-radius: 10px;
	padding: 5px 10px;
	box-shadow: 0 0.46875rem 2.1875rem rgba(0, 0, 0, .03), 0 0.9375rem 1.40625rem rgba(0, 0, 0, .03), 0 0.25rem 0.53125rem rgba(0, 0, 0, .05), 0 0.125rem 0.1875rem rgba(0, 0, 0, .03) !important;
}

.areaBottomConfigDone {
	text-align: center;
	bottom: 0;
	position: absolute;
	right: 0;
}

.areaBottomConfigDone span {
	display: block;
	font-size: 16px;
	margin-bottom: 9px;
	font-family: Arial;
}

.areaBottomConfigDone .btnBlueConfigMulai {
	margin-top: 0px;
}

.icSudahKirimEmail {
	font-size: 24px;
	margin: -15px;
	display: block;
	color: #2b8a34;
}

.homenew .titleHeaderCard {
	padding: 15px 25px;
	border-bottom: 1px solid #e2dfdfba;
}

.homenew .titleHeaderCard h3 {
	margin: 0;
	font-size: 19px;
	font-weight: bold;
	color: #0E3875;
	margin-top: 9px
}

.homenew .cardPerformanceBodyOne {
	padding: 10px 15px;
	border-bottom: 1px solid #e2dfdfba;
}

.homenew .filterArea {
	background: #e4e5e69e;
	padding: 6px 15px;
	border-radius: 8px;
	margin-right: 12px;
}

.homenew .filterArea img {
	width: 22px;
	margin-right: 10px;
	margin-top: 3px;
}

.homenew .filterArea .span {
	font-weight: bold;
	font-size: 11px;
	display: block;
}
.homenew .filterArea .areaBox:hover{
	box-shadow: 0 0.46875rem 2.1875rem rgba(0,0,0,.03), 0 0.9375rem 1.40625rem rgba(0,0,0,.03), 0 0.25rem 0.53125rem rgba(0,0,0,.05), 0 0.125rem 0.1875rem rgba(0,0,0,.03);
	border-radius: 5px;
	margin-left: -7px;
	padding-left: 10px;
	cursor: pointer;
	transition: 0.5s;
}

.homenew .filterArea small {
	font-size: 11px;
	margin-top: -2px;
	display: block;
}

.homenew .boxInfoPerformance {
	box-shadow: 2px 12px 17px -13px rgb(196, 208, 201);
	display: flex;
	padding: 10px 13px
}

.homenew .bgInfoPerformance {
	transform: rotate(-89deg);
	margin-right: -43px;
	margin-top: -10px;
}

.homenew .boxInfoPerformance .leftIconPerformance {
	padding: 14px;
}

.homenew .boxInfoPerformance h1 {
	font-weight: bold;
	margin: 0px;
	margin-bottom: 0;
	float: left;
	padding: 12px 0 5px 0px;
}

.homenew .boxInfoPerformance span {
	font-weight: normal;
	font-size: 14px;
	margin-left: 25px;
	margin-top: 23px;
}

.homenew .textGood {
	color: #42DD85;
	margin-left: 19px;
	margin-top: 6px;
	margin-top: 58px !important;
	margin-bottom: 0px;
}
.homenew .textBad{
	color: #FF0E11;
	margin-left: 20px;
	margin-bottom: 0px;
	margin-top: 58px !important;
}

.homenew .cardPerformaceBodyTwo {
	padding: 3px 15px 15px 10px;
	max-height: 283px;
	overflow: hidden;
}

.homenew .cardPerformaceBodyTwo table {
	width: 100%;
}

.homenew .cardPerformaceBodyTwo table tr th span {
	color: #0082FE;
}

.homenew .cardPerformaceBodyTwo table tr th {
	font-size: 12px;
	color: #252525e6;
	padding: 7px;
}
.homenew .cardPerformaceBodyTwo table tr.merah td,.homenew .cardPerformaceBodyTwo table tr.merah td span{
	color: #FF0E11 !important
}
.homenew .cardPerformaceBodyTwo table tr td .imageUsers {
	width: 35px;
	height: 35px;
	background-position: center;
	background-size: cover;
	float: left;
	border-radius: 6px;
	margin-right: 10px;
	background-color: #ddd
}

.homenew .cardPerformaceBodyTwo table tr td {
	font-size: 12px;
	color: #636a71;
	font-weight: bold;
	padding: 7px;
}

.homenew .cardPerformaceBodyTwo table tr td span {
	margin-top: 8px;
	display: block;
	color: #1A407B;
	font-weight: 510;
}

.chartWaktuKehiran {
	padding: 20px 15px;
}

.headerInfoWarna .biru {
	background-color: #0082FE;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 10px;
}

.headerInfoWarna {
	margin-left: 80px;
}

.headerInfoWarna .merah {
	background-color: #F90000;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 10px;
}
.headerInfoWarna .hijau {
	background-color: #00DBB7;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 10px;
}
.headerInfoWarna .kuning {
	background-color: #FBC200;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 10px;
}

.headerInfoWarna table {
	width: 100%;
}

.headerInfoWarna span {
	font-size: 12px;
	margin-top: 1px;
	color: #08316d;
	display: block;
}

.filterAreaChartKehadiran {
	padding: 0px !important;
	border: none !important;
	margin-top: -10px;
}

.titleBottomChart {
	margin: 0px;
	margin-bottom: -16px;
	margin-top: 10px;
	font-size: 15px;
	font-weight: normal;
	color: #0E3875;
}

.homenew .sideleft-menu-name .title{
	top: 50%;
	transform: rotate(270deg);
	font-size: 15px;
	font-weight: normal;
}
.mb-25{
	margin-bottom: 25px;
}
.dateFilterHomeNew .mdrp__activator{
	display: none;
}
.imgPerformanceStatus{
	float: left;
	margin-top: 0px;
	margin-right: 22px;
	margin-left: 25px;
	width: 56px;
}
.textPerformanceStatus{
	font-size: 24px !important;
	margin-top: 27px !important;
	font-weight: bold !important;
}
.btnFIlterChart{
	background-color: #eaeaeaad;
	color: #0F3875;
	font-weight: bold;
	padding: 7px 17px;
	font-size: 14px;
	margin-top: 2px;
	display: inline-block;
	border-radius: 6px;
}
.btnFIlterChart.active,.btnFIlterChart:hover{
	color: #fff;
	background-color: #0F3875;
}
.boxItemPerformanceKehadiran{
	border: 1px solid #eae8e8;
	border-radius: 8px;
}
.boxItemPerformanceKehadiran .headerTitle{
	border-bottom: 2px solid #dddddd94;
	padding: 10px;
}
.boxItemPerformanceKehadiran .headerTitle h3{
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #0E3875;
}
.boxItemPerformanceKehadiran .headerTitle span{
	font-weight: 410;
	font-size: 14px;
	color: #252525e6;
}
.boxItemPerformanceKehadiran .cardPerformaceBodyTwo{
	padding: 3px 3px 11px 3px;
	min-height: 353px;
}
.LinkViewAllOnBottom{
	font-weight: bold;
	color: #0082FE;
	font-size: 13px;
	position: absolute;
	bottom: 1px;
	width: 84%;
	padding: 12px;
	display: block;
	margin-left: 2px;
}
.LinkViewAllOnBottom:hover{
	color: #0082FE;
}
.highcharts-text-outline{
	display: none;
}
.textPersenPerformanceKehadiran{
	color: #fff !important
}
.homenew .mx-input-wrapper,.homenew .mx-input-wrapper input{
	height: 0px;
	width: 0px
}
.homenew .mx-datepicker{
	display: unset;
}
.cardPerformaceBodyTwo::-webkit-scrollbar {
	width: 10px;
	height: 8px;
	border-radius: 20px;
}

.cardPerformaceBodyTwo::-webkit-scrollbar-track {;
	background: #ddd;
	border-radius: 20px;
}

.cardPerformaceBodyTwo::-webkit-scrollbar-thumb {
	background: #A3A3A3;
	border-radius: 20px;
}
.preload {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #000000c7;
	margin-top: 0px;
}
.preload .spinner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font: 14px arial;
	width: 50px;
	height: 40px;
}

.preload .spinner > div {
	background-color: #288cec;
	height: 100%;
	width: 6px;
	display: inline-block;

	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.preload .spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.preload .spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.preload .spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.preload .spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% {
		-webkit-transform: scaleY(0.4)
	}
	20% {
		-webkit-transform: scaleY(1.0)
	}
}

@keyframes sk-stretchdelay {
	0%, 40%, 100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}
	20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}
.box-home-info.bg-grey{
	background-color: #AFB4BA
}
textarea.form-control{
	padding-top: 8px;
}
.quick-setup-two .label-form{
	margin-left: 0px
}
.table .tbody .td{
	background-color: #f9fafe;
	border: 1px solid #ddd;
	border-left: none;
	border-right: none;
	padding: 4px;
}
.table .tbody .td th{
	border: 1px solid #ddd
}
.table .text-total{
	background-color: #ddd !important;
	border: 1px solid #203775;
	border-left: none;
}
#dropdownExpired{
	color: #000 !important
}
.dpExpiredDp{
	float: right;
	position: absolute;
	right: 45px;
	margin-top: 12px;
}
#dropdownExpired .sm{
	font-size: 13px;
}
#dropdownExpired div span{
	font-size: 14px;
}
#dropdownExpired  .fa-angle-down{
	float: right;
	margin-left: 0;
	margin-right: -29px;
	margin-top: 10px;
	display: block;
}
#dropdownExpired img{
	float: left;
	margin-left: -37px;
	margin-top: 9px;
}
.popoverDropdownExpiredTrial{
	border-radius: 11px;
	background: #0080FE;
	padding: 15px 20px;
}
.popoverDropdownExpiredTrial .arrow:after{
	border-bottom-color: #4480ff;
}
.popoverDropdownExpiredTrial .arrow:before{
	border-bottom-color: #4480ff;
}
.popoverDropdownExpiredTrial .popover-body span{
	color: #fff;
	font-size: 15px;
}
.popoverDropdownExpiredTrial .popover-body a{
	display: block;
	background: #fff;
	border-radius: 6px;
	padding: 8px 20px;
	font-weight: bold;
	color: #4480ff;
	margin-top: 11px
}
.popoverDropdownExpiredTrial .popover-body a img{
	margin-right: 11px
}
.popoverDropdownExpiredTrial .popover-body a img.pegawai{
	margin-right: 0px
}
.modalPembayaran{
	max-width:950px !important;
	padding: 0px !important;
}
.modalPembayaran .close-modal {
	display: none !important;
}
.modalPembayaran .left{
	background-color: #3B8FFF;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.modalPembayaran table{
	width: 100%;
}
.modalPembayaran .header{
	padding: 30px;
	border-bottom: 1px solid #eee;
}
.modalPembayaran .header h1{
	font-size: 18px;
	color: #3c3c3c;
	margin-bottom: 0px;
}
.modalPembayaran .header img{
	width: 150px;
}
.modalPembayaran  table tr.big th{
	font-size: 18px;
}
.modalPembayaran  table tr th{
	font-size: 16px;
	padding: 6px 0;
}
.modalPembayaran  table tr td{
	text-align: right;
}
.modalPembayaran  table tr td span{
	font-size: 16px;
	color: #1f3775;
}
.modalPembayaran .konten{
	padding: 48px 30px;
}
.a-salin{
	/*font-family: 'Light';*/
	font-weight: normal;
	font-size: 13px;
}
.a-salin:hover{
	text-decoration: none !important;
}
.modalPembayaran .konten .t-sub{
	display: block;
	font-size: 17px;
	color: #292929;
	margin-bottom: 21px;
}
.modalPembayaran .konten .logo-m{
	width: 150px;
	margin-bottom: 16px;
}
.modalPembayaran .footer-ku{
	border-top: 1px solid #eee;
	padding: 20px 30px;
}
.modalPembayaran .konten h1{
	font-size: 21px;
	color: #29457F;
	margin-top: -5px;
	margin-bottom: 16px;
	font-weight: normal;
}
.modalPembayaran .konten h1 b{
	color: #1f3775;
}
.modalPembayaran .footer-ku h1{
	font-size: 21px;
	color: #1f3775;
	margin-top: 6px;
	margin-bottom: 40px;
}
.modalPembayaran .row{
	margin: 0px
}
.btn-submit{
	background: #3C8FFF 0% 0% no-repeat padding-box;
	border-radius: 32px;
	opacity: 1;
	font-size: 18px;
	color: #fff;
	border: none;
	height: 54px;
	margin: 20px 0px;
	padding-left: 40px;
	padding-right: 40px;
}
.btn-submit:focus{
	outline: none;
	box-shadow: none;
}
.btn-submit:hover{
	box-shadow: 0px 6px 5px #0000001F;
}
.left-area-modal-bayar a{
	margin-top: 13px;
	display: block;
}
.close-modal-custom{
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==)
}
@keyframes glowingNotid {
	0% { background-color: #F9CA43; box-shadow: 0 0 5px #F9CA43; }
	50% { background-color: #FEA381; box-shadow: 0 0 20px #FEA381; }
	100% { background-color: #F9CA43; box-shadow: 0 0 5px #F9CA43; }
}
.btnNotif {
	animation: glowingNotid 1300ms infinite;
}

.dpExpiredDp#Dashboard{
	margin-top: -13px;
}
.nav-link img{
	opacity: 0.4
}
.nav-link.active-link img{
	opacity: 100
}
#dropdownExpired .pegawai img{
	margin-left: 0px
}
.box-mulai-setup-home{
	background: #0068FF;
	margin-bottom: 15px;
	color: #fff;
	border-radius: 9px;
	padding: 11px 0;
	box-shadow: 0 0.46875rem 2.1875rem rgba(0,0,0,.03), 0 0.9375rem 1.40625rem rgba(0,0,0,.03), 0 0.25rem 0.53125rem rgba(0,0,0,.05), 0 0.125rem 0.1875rem rgba(0,0,0,.03)
}
.box-mulai-setup-home h3{
	font-size: 19px;
	margin-bottom: 6px;
	font-weight: normal;
}
.box-mulai-setup-home  span{
	font-weight: 300;
	font-size: 13px;
}
.box-mulai-setup-home .btn-mulai-blue-blur{
	background-color: #F5F6F8;
	border-radius: 10px;
	color: #25304E;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 15px;
	margin-left: 9px;
	margin-top: 4px;
}
.v-step{
	color: #000 !important;
	background: #fff !important;
	text-align: left !important;
	border: none !important;
	font-size: 13px !important;
	border-radius: 10px !important;
	box-shadow: 0 0.46875rem 2.1875rem rgba(0,0,0,.03), 0 0.9375rem 1.40625rem rgba(0,0,0,.03), 0 0.25rem 0.53125rem rgba(0,0,0,.05), 0 0.125rem 0.1875rem rgba(0,0,0,.03)
}
.v-tour .v-step .v-step__arrow{
	border-color: #ffffff
}
.v-step__buttons .v-step__button-skip,.v-step__buttons .v-step__button-stop{
	color: #0365FF !important;
	border: 1px solid #0365FF !important;
	border-radius: 5px !important;
	padding: 6px 10px !important;
}
.v-step__buttons .v-step__button-next,.v-step__buttons .v-step__button-previous{
	background: #0365FF !important;
	border-radius: 5px !important;
	padding: 6px 10px !important;
	border: 1px solid  #0365FF !important;;
}
.v-step__buttons .v-step__button-next:hover{
	color: #fff !important;
	border: none;
	box-shadow: 0 0.46875rem 2.1875rem rgba(0,0,0,.03), 0 0.9375rem 1.40625rem rgba(0,0,0,.03), 0 0.25rem 0.53125rem rgba(0,0,0,.05), 0 0.125rem 0.1875rem rgba(0,0,0,.03)
}
.v-step__buttons .v-step__button-previous:hover{
	color: #fff !important;
	border: none;
	box-shadow: 0 0.46875rem 2.1875rem rgba(0,0,0,.03), 0 0.9375rem 1.40625rem rgba(0,0,0,.03), 0 0.25rem 0.53125rem rgba(0,0,0,.05), 0 0.125rem 0.1875rem rgba(0,0,0,.03)
}
.v-step__buttons .v-step__button-skip:hover{
	box-shadow: 0 0.46875rem 2.1875rem rgba(0,0,0,.03), 0 0.9375rem 1.40625rem rgba(0,0,0,.03), 0 0.25rem 0.53125rem rgba(0,0,0,.05), 0 0.125rem 0.1875rem rgba(0,0,0,.03)
}
.v-step__buttons .v-step__button-stop:hover{
	box-shadow: 0 0.46875rem 2.1875rem rgba(0,0,0,.03), 0 0.9375rem 1.40625rem rgba(0,0,0,.03), 0 0.25rem 0.53125rem rgba(0,0,0,.05), 0 0.125rem 0.1875rem rgba(0,0,0,.03)
}
#btnAddHideTourOffices{
	margin-top: -30px;
	position: absolute;
	margin-left: 154px;
}
#btnAddHideJamKerja{
	margin-top: -30px;
	position: absolute;
	margin-left: 272px;
}
.box-mulai-setup-home .btn-mulai-blue-blur img{
	margin-right: 8px
}
.boxmulaigunakanreprimefixed{
	width: 250px;
	background: #fff;
	box-shadow: 7px 15px 20px #00000029;
	border-radius: 10px;
	padding: 30px 10px;
	position: fixed;
	z-index: 999;
	bottom: 30px;
	left: 19px;
	text-align: center;
	border: 1px solid #d8d0d0;
}
.boxmulaigunakanreprimefixed img{
	margin: 16px 0 34px 0;
}
.boxmulaigunakanreprimefixed h3{
	font-size: 17px;
	color: #000;
	font-weight: bold;
	margin-bottom: 20px;
}
.boxmulaigunakanreprimefixed .btnMulai{
	background: #0365FF !important;
	border-radius: 5px !important;
	padding: 2px 23px !important;
	border: 1px solid #0365FF !important;
	color: #fff;
	font-size: 14px;
	margin-bottom: 22px;
	margin-left: 10px;
}
.boxmulaigunakanreprimefixed .btnSkip{
	color: #0365FF !important;
	border: 1px solid #0365FF !important;
	border-radius: 5px !important;
	padding: 2px 23px !important;
	background: #fff;
}
.tour-hide-pegawai{
	width: 100%;
	margin-top: -42px;
	margin-bottom: 18px;
}
.tour-hide-pegawai div{
	margin-right: 34px;float: left;
}
.tour-hide-pegawai .sp{
	margin-right: 10px
}
.tour-hide-pegawai span{
	color: transparent;
}
.col-ontime{
	padding-left: 0px
}
@keyframes glowingTwo {
	0% { background-color: #1F3775; box-shadow: 0 0 5px #1F3775;border:1px solid #1F3775; }
	50% { background-color: #006ACB; box-shadow: 0 0 20px #006ACB;border:1px solid #006ACB }
	100% { background-color: #1F3775; box-shadow: 0 0 5px #1F3775;border:1px solid #1F3775; }
}
.btnMulaiBantuan {
	animation: glowingTwo 1300ms infinite;
}

.mx-calendar-content .cell{
	color: #000;
}

.mx-panel-date th{
	color: #000;
}
.mx-calendar-header{
	color: #000;
}
.mx-panel-date td.last-month, .mx-panel-date td.next-month{
	color: #0000008c;
}

.header-card-coach{
	margin: 0 10%;
}
.header-card-coach .body{
	background: #0068FF;
	text-align: center;
	padding: 35px 0 0 0;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.modalCoach .card{
	padding: 0px 21px;
}
.modalCoach .hr-stip{
	background: #1E5689;
	width: 30px;
	display: block;
	height: 5px;
	margin: 22px 0;
	border-radius: 10px;
}
.modalCoach  h3{
	color: #222B4A;
	font-weight: bold;
	font-size: 21px;
	margin-bottom: 20px;
}
.modalCoach span.text{
	display: block;
	color: #222B4A;
	font-size: 16px;
}
.modalCoach .btnCoachNext{
	background: #0B65FA;
	text-align: center;
	padding: 9px 21px;
	color: #fff;
	margin-top: 25px;
	display: inline-block;
	margin-bottom: 20px;
	border-radius: 7px;
	font-size: 15px;
}
.modalCoach .btnCoachNext:hover{
	box-shadow: 0 0.46875rem 2.1875rem rgba(0, 0, 0, .03), 0 0.9375rem 1.40625rem rgba(0, 0, 0, .03), 0 0.25rem 0.53125rem rgba(0, 0, 0, .05), 0 0.125rem 0.1875rem rgba(0, 0, 0, .03) !important;
}
.blox-no-hp{
	background: #98C7FD;
	padding: 6px 6px;
	border-radius: 7px;
}
.blox-no-hp span{
	font-weight: bold;
	font-size: 10px;
	color: #09245f;
}
.modalCoach .btnCoachWhite{
	background: #fff;
	text-align: center;
	padding: 9px 21px;
	color: #0B65FA;
	margin-top: 25px;
	display: inline-block;
	margin-bottom: 20px;
	border-radius: 7px;
	font-size: 15px;
	border: 1px solid #0B65FA
}
.modalCoach .btnCoachWhite:hover{
	box-shadow: 0 0.46875rem 2.1875rem rgba(0, 0, 0, .03), 0 0.9375rem 1.40625rem rgba(0, 0, 0, .03), 0 0.25rem 0.53125rem rgba(0, 0, 0, .05), 0 0.125rem 0.1875rem rgba(0, 0, 0, .03) !important;
}
.boxmulaigunakanreprimefixedBulat{
	background: #fff;
	display: inline-block;
	position: fixed;
	bottom: 30px;
	z-index: 100;
	box-shadow: 7px 15px 20px #00000029;
	left: 23px;
	border-radius: 100%;
	padding: 14px;
	cursor: pointer;
	border: 1px solid #d8d0d0;
}
.boxmulaigunakanreprimefixedBulat img{
	width: 40px;
}
.boxmulaigunakanreprimefixed .aMin{
	float: right;
	margin-top: -20px;
	margin-right: 10px;
	display: flex;
}
.detail-users-info span.users-info{
	width: 48%;
}
.detail-users-info .pl-2{
	width: 100%;
}

.area-form-mulai-langganan .form-group .form-control-langanan{
	background: #EEEEEE 0% 0% no-repeat padding-box;
	width: 100%;
	height: 50px;
	color: #193776;
	font-size: 18px;
	border: none;
	border-radius: 5px;
	padding: 0px 17px;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
}
.area-form-mulai-langganan .form-group .form-control-langanan:focus{
	outline: none;
	box-shadow: none;
}
.area-form-mulai-langganan .form-group .form-control-langanan::-webkit-input-placeholder { /* Edge */
	color: #1937769e;
}

.area-form-mulai-langganan .form-group .form-control-langanan:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #1937769e;
	font-weight: 300
}

.area-form-mulai-langganan .form-group .form-control-langanan::placeholder {
	color: #1937769e;
	font-weight: 300
}
.area-form-mulai-langganan .form-group .form-control-langanan::-webkit-outer-spin-button,
.area-form-mulai-langganan .form-group .form-control-langanan::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.modalPembayaran .area-form-mulai-langganan .form-group .form-control-langanan{
	height: 41px;
	font-size: 16px;
}

.modalPembayaran .area-form-mulai-langganan .form-group .label {
	font-size: 15px;
	margin-bottom: 4px;
}

.area-form-mulai-langganan .form-group .label {
	display: block;
	color: #193776;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 9px;
}

.modalPembayaran .left-col {
	padding-left: 0px;
}
.modalPembayaran .right-col {
	padding-right: 0px;
}
.btn-upload-file {
	background: #eeeeee;
	font-size: 14px;
	padding: 9px 36px;
	margin-top: 4px;
	display: block;
	color: #4a8fff;
	border-radius: 8px;
}
.left-area-modal-bayar .info h1 {
	color: #fff;
	margin-bottom: 40px;
}
#area-btn-bulk-action{
	display: flex;
}
.imgUsersSpA{
	border: 1px solid #ddd;
}
.modalDialogPaggingNol .v--modal-box{
	padding: 0px !important
}
.imgsUsersListHomeSpA{
	width: 50px;
	height: 50px;
	border: 1px solid #ddd;
	background: #ddd;
	float: left;
	border-radius: 5px;
	background-position: center;
	background-size: cover;
	margin-right: 10px;
}


/* Transparent Overlay */
.loading {
	position: fixed;
	z-index: 99999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(rgba(20, 20, 20,.3), rgba(0, 0, 0, .3));
	background: -webkit-radial-gradient(rgba(20, 20, 20,.3), rgba(0, 0, 0,.3));
}

.loading:not(:required) {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.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);
	}
}

.list-pegawai-ploting-tim{
	max-height: 400px;
	overflow: auto;
}
.list-pegawai-ploting-tim::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	border-radius: 20px;
}

.list-pegawai-ploting-tim::-webkit-scrollbar-track {;
	background: #ddd;
	border-radius: 20px;
}

.list-pegawai-ploting-tim::-webkit-scrollbar-thumb {
	background: #A3A3A3;
	border-radius: 20px;
}
.nav-laporan-penjualan div a{
	width: 50%;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
.nav-laporan-penjualan div a.active{
	border-bottom: 2px solid;
}
.ul-select-filter{
	list-style: none;
	display: flex;
	padding-left: 27px;
	margin-top: 20px;
}
.ul-select-filter .butn{
	width: 43%;
	background-color: #f7f8fa;
	margin-right: 13px;
	padding: 8px;
	text-align: center;
	margin-top: -8px;
	border-radius: 7px;
	font-size: 14px;
	cursor: pointer;
}
.ul-select-filter .butn.active,.ul-select-filter .butn:hover{
	background: #bab9baaa
}
.grafik-laporan-tim{
	height: 300px;
}
.ul-filter-area{
	list-style: none;
	display: flex;
	padding-left: 29px;
}
.ul-filter-area .one{
	width: 83%;
}
.ul-filter-area .two button{
	margin-top: 30px;
	padding: 6px 21px;
	margin-left: 10px;
	font-size: 12px;
}
.filter_arealaporanpenjualan,
.filter_arealaporanpenjualan:focus{
	background: #f7f8fa;
    border: none !important;
    color: #29417c;
    font-weight: bold;
    height: 39px;
    border-radius: 7px;
}
.btnFilterLaporanPenjualan{
	padding: 7px 11px;
    font-size: 12px;
    margin-top: 1px;
}