.icon-lainnya{
	background-image: url('../img/icon/Menu-Lainnya.png'); background-size: cover; background-position: center; width: 25px; height: 25px;
}
.icon-lainnya-selected{
	background-image: url('../img/icon/Lainnya.png') !important; background-size: cover; background-position: center; width: 25px; height: 25px;
}
.menu-lainnya:hover > a > .icon-w > .icon-lainnya{
	background-image: url('../img/icon/Lainnya.png') !important;
}

.icon-kepatuhan{
	background-image: url('../img/icon/Menu-Kepatuhan-Peraturan.png'); background-size: cover; background-position: center; width: 25px; height: 25px;
}
.icon-kepatuhan-selected{
	background-image: url('../img/icon/Kepatuhan-Peraturan.png') !important; background-size: cover; background-position: center; width: 25px; height: 25px;
}
.menu-kepatuhan:hover > a > .icon-w > .icon-kepatuhan{
	background-image: url('../img/icon/Kepatuhan-Peraturan.png') !important;
}

.icon-medical{
	background-image: url('../img/icon/Menu-E-Medical-Record.png'); background-size: cover; background-position: center; width: 25px; height: 25px;
}
.icon-medical-selected{
	background-image: url('../img/icon/E-Medical-Record.png') !important; background-size: cover; background-position: center; width: 25px; height: 25px;
}
.menu-medical:hover > a > .icon-w > .i

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #047bf8;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}con-medical{
	background-image: url('../img/icon/E-Medical-Record.png') !important;
}

.icon-environment{
	background-image: url('../img/icon/Menu-Environment.png'); background-size: cover; background-position: center; width: 25px; height: 25px;
}
.icon-environment-selected{
	background-image: url('../img/icon/Environment.png') !important; background-size: cover; background-position: center; width: 25px; height: 25px;
}
.menu-environment:hover > a > .icon-w > .icon-environment{
	background-image: url('../img/icon/Environment.png') !important;
}

.icon-security{
	background-image: url('../img/icon/Menu-Security.png'); background-size: cover; background-position: center; width: 25px; height: 25px;
}
.icon-security-selected{
	background-image: url('../img/icon/Security.png') !important; background-size: cover; background-position: center; width: 25px; height: 25px;
}
.menu-security:hover > a > .icon-w > .icon-security{
	background-image: url('../img/icon/Security.png') !important;
}

.icon-safety{
	background-image: url('../img/icon/Menu-Safety.png'); background-size: cover; background-position: center; width: 25px; height: 25px;
}
.icon-safety-selected{
	background-image: url('../img/icon/Safety.png') !important; background-size: cover; background-position: center; width: 25px; height: 25px;
}
.menu-safety:hover > a > .icon-w > .icon-safety{
	background-image: url('../img/icon/Safety.png') !important;
}

.icon-health{
	background-image: url('../img/icon/Menu-Health.png'); background-size: cover; background-position: center; width: 25px; height: 25px;
}
.icon-health-selected{
	background-image: url('../img/icon/Health.png') !important; background-size: cover; background-position: center; width: 25px; height: 25px;
}
.menu-health:hover > a > .icon-w > .icon-health{
	background-image: url('../img/icon/Health.png') !important;
}

.icon-home{
	background-image: url('../img/icon/Menu-Home.png'); background-size: cover; background-position: center; width: 25px; height: 25px;
}
.icon-home-selected{
	background-image: url('../img/icon/Home.png') !important; background-size: cover; background-position: center; width: 25px; height: 25px;
}
.menu-home:hover > a > .icon-w > .icon-home{
	background-image: url('../img/icon/Home.png') !important;
}
.icon-home:before{
	content: none !important;
}

.all-wrapper.with-pattern{
	background-image: none !important;
}

.auth-box-w .auth-header:after{
	background-color: #e32028 !important;
}

.auth-box-w form .form-group .pre-icon{
	color: #e32028 !important;
}

.element-wrapper .element-header:after{
	background-color: #e32028 !important;
}

.menu-position-top.menu-w.selected-menu-color-light ul.main-menu > li.selected > a{
	height: 70px;
}

.menu-w.color-scheme-dark ul.main-menu > li > a{
	height: 70px;
}

.menu-w .logged-user-menu.color-style-bright{
	background-color: white !important;
}
.menu-w .logged-user-menu .logged-user-info-w .logged-user-name{
	color: black;
}
.menu-w.color-scheme-dark .logged-user-w .logged-user-role{
	color: grey !important;
}
.menu-w .logged-user-menu ul li a{
	color: #212121 !important;
}
.auth-box-w{
	max-width: 330px !important;
}

.auth-box-w form{
	padding-left: 60px !important;
	padding-right: 30px !important;
}

.centeralign {
    position:relative;
    display:table;
    width:100%;
    height:100%;
}

.centeralign-2 {
    position:relative;
    display:table-cell;
    vertical-align:middle;
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 4px;
}

.paginate_button > a {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #047bf8;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.paginate_button:first-child > a {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.paginate_button > a:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.paginate_button.active > a {
    z-index: 1;
    color: #fff;
    background-color: #047bf8;
    border-color: #047bf8;
}

.width-90px { width: 90px!important; }
.width-130px { width: 130px; }
.width-200px { width: 200px!important; }
.width-250px { width: 250px; }
.width-150px { width: 150px; }
.width-300px { width: 350px; }

.height-100vh { height: 100vh }
.height-300px { height: 300px }
.height-400px { height: 400px }
.hidden { display: none; }
.float-left { float: left; }

@media (max-width: 768px) {
  .sm-float-left { float: left; }
  .sm-width-50 { width: 50%!important; }
  .sm-width-100 { width: 100%!important; }
  .sm-height-200px { height: 200px!important; }
  .sm-height-300px { height: 300px!important; }
  .sm-height-400px { height: 400px!important; }
  .sm-margin-10px-top { margin-top: 10px!important; }
  .sm-margin-10px-bottom { margin-bottom: 10px!important; }
  body .daterangepicker { min-width: 300px!important; }
}


