.pull-right { float: right; }
.pull-left { float: left; }
.clear-fix, .cl { clear: both; }
.bold { font-weight: bold; }
.app-logo { font-size: 23px; letter-spacing: 1px}
.header-navbar .navbar-wrapper .navbar-logo .mobile-menu { left: -150px }
.btn-menu { padding: 2px 8px 5px 8px; border-radius: 3px }
.aksi .btn-light { padding: 2px 5px; border: 1px solid #ccc;}
.aksi { width: 60px; }
.width-50 { width: 50px; }
.width-100 { width: 100px; }
.width-200 { width: 200px; }
.width-250 { width: 250px; }
.width-300 { width: 300px; }
.width-360 { width: 360px; }
.form-error { border-color: #864444; }

.pcoded .pcoded-navbar .pcoded-item > li > a { padding: 5px 25px 0 5px; }
.pcoded .pcoded-navbar .pcoded-item > li > a.single { padding-top: 2px }

.table th { text-align: center; }
.btn-filter .btn { padding: 7px 18px 8px !important; border-radius: 3px }
.btn-inverse:hover { color: #fff !important; background-color: #565f6a;}
.input-group-addon { background: #fff !important; font-size: 13px}
.flatpickr-input { background: #fff !important}
.input-group input { background: #fff !important; }
.pcoded .pcoded-navbar .pcoded-item > li > a > .pcoded-micon { margin-right: 2px !important; }

.border-bottom { border-bottom: 1px solid #eee !important; padding-top: 0; padding-bottom: 0; }
.card-footer { border-top: 1px solid #eee !important; padding-top: 10px; }

@font-face {
	font-family: 'Quicksand';
	src:url('../fonts/GitLabSans.woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src:url('../fonts/GitLabSans.woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway';
	src:url('../fonts/raleway-regular.woff');
	font-weight: normal;
	font-style: normal; }
@font-face {
	font-family: 'Raleway Bold';
	src:url('../fonts/raleway-bold.woff');
	font-weight: normal;
	font-style: normal; }

.pcoded .pcoded-header[header-theme="theme6"] { background: #365171; }

.flex-end { display: flex; justify-content: flex-end;}
.flex-around { display: flex; justify-content: space-around;}
.flex-between { display: flex; justify-content: space-between;}

.modal-content { box-shadow: none;}
.tgl { font-family: 'Arial'}

.mobile-link { display: none; }

@media (max-width: 600px) {
.mobile-link { 
	display: block;
}
}