.homev2-card-leave{
	padding-left: 0px
}
.button-action-navbar-area{
	display: block;
}
.avatar-icon.rounded{
	background-color: #ececec
}
.app-header .icon-show-menu  .hamburger-inner, .app-header .icon-show-menu  .hamburger-inner:after, .app-header .icon-show-menu  .hamburger-inner:before{
	background-color: #fff !important
}
.icon-show-menu{
	display: none;
}
.navbarmenu-collapse{
	position: fixed;
	background: #203775;
	z-index: 100;
	width: 100%;
	display: none;
	height: 0px;
	transition: 0.5s
}
.navbarmenu-collapse.open{
	display: block;
	height: 100%;
	transition: 0.5s
}
.navbarmenu-collapse ul{
	display: block;
}
.navbarmenu-collapse ul li a{
	color: #8d9bba;
	font-size: 21px
}
.navbarmenu-collapse ul li a.active-link{
	color: #fff;
}
.navbarmenu-collapse .ic-menu-default{
	width: 23px
}
.navbarmenu-collapse .dropdown-container .item-dropdown{
	font-size: 22px !important;
}
.navbarmenu-collapse ul .logo-companie-li{
	padding: 10px;
	padding-bottom: 30px
}
.navbarmenu-collapse ul .logo-companie-li h4{
	color: #fff;
	margin-top: 18px
}
.navbarmenu-collapse ul .logo-companie-li h6{
	color: #fff
}
.navbarmenu-collapse ul .logo-companies{
	position: unset;
	margin-top: 0;
	width: 84px;
	height: 73px;
	margin-right: 15px;
}
.navbarmenu-collapse ul .logo-companies img{
	width: 72px;
	max-height: 60px;
}
.close-navbar-menu-collapse{
	float: right;
}
.close-navbar-menu-collapse .hamburger-inner, .close-navbar-menu-collapse .hamburger-inner:after, .close-navbar-menu-collapse .hamburger-inner:before{
	background-color: #fff !important
}
.scrolled-action-button{
	height: 74px;
	background: #fddd;
	overflow-y: hidden;
	overflow-x: auto;
	margin-right: -31px;
}
.bottom-nav-button{
	margin-top: 54px;
	overflow-y: hidden;
	overflow-x: auto;
	padding: 14px;
	display: none;
}
.button-toogle-action{
	top: 18px;
	display: inline;
	right: 10px;
	position: absolute;
}
.bottom-nav-button ul{
	display: flex;
	list-style: none;
	height: 31px;
	margin-bottom: 32px;
	margin-top: -11px;
	margin-left: -51px
}
.bottom-nav-button ul li{
	padding: 0px 10px 0px 0px;
	margin-top: -11px
}
.bottom-nav-button ul li a,.bottom-nav-button ul li button{
	width: 100%;
	padding-right: 31px;
}
.lis-button{
	margin-top: -23px
}
.pr-0respon{
	padding-right: 0px
}
@media screen and (max-width: 767px) {
	.avatar-perusahaan{
		display: block !important;
		margin-right: -15px;
	}
}

@media screen and (max-width: 767px) {
	.box-login-new{
		margin: 58px 5% !important
	}
}
@media screen and (max-width: 550px) {
	.btn-mulai-blue-blur{
		width: 100%;
	}
	.box-mulai-setup-home .col-sm-7{
		padding-left: 0px
	}
	.homev2-card-leave{
		padding-left: 20px !important;
	}
	.button-action-navbar-area{
		display: none ;
	}
	.app-header-menu .logo-companies{
		display: none;
	}
	.action-navbar-content{
		margin-left: -45px
	}
	.icon-show-menu{
		display: block;
	}
	.v--modal-box.vue-dialog.v--modal{
		left: 0px !important;
		width: 100% !important;
	}
	.area-konten-halaman{
		padding-top: 121px
	}
	.card-list-pegawai-absensi{
		padding: 10px 10px 0 7px;
		position: unset;
	}
	.absensi-rangkuman-users{
		padding-left: 20px !important
	}
	.list-menu-filter-absen li a.active{
		display: inline-table;
	}
	.card-tab-absensi-status{
		overflow: auto;
	}
	.bottom-nav-button{
		display: block;
	}
	.pr-0respon{
		padding-right: 20px
	}
	.sidebar-setting{
		position: initial;
		width: 100%;
		overflow: auto;
	}
	.col-content-setting{
		padding-left: 0px;
		width: 100%;
	}
	.righ-side-header-persetujuan{
		margin-left: -10px
	}
	.righ-side-header-persetujuan button{
		width: 100%;
		margin-bottom: 17px;
	}
	.app-footer div{
		margin-top: -10px
	}
	.col-ontime{
		padding-left: 15px;
	}
}