.login-box-msg{
    font-size: 16px;
    color: grey;
}
.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 2.25rem;
}
.login-logo, .register-logo {
	background-image: url("../images/logo_login.svg");
    height: 120px;
    background-repeat: no-repeat;
    background-position: center; 
    background-size: 100% 100%;
}
[id^="fd_"] > .input-group{
	width: 16.3% !important;
}
textarea.form-control {
	max-width: 500px;
}
.content-header h1 {
  font-size: 0px;
}
.main-header {
	width: -moz-available;          /* For Mozzila */
  	width: -webkit-fill-available;  /* For Chrome */
	position:fixed;
	z-index:3;
	background-color: #DC353500;
	background-size: cover;
	background-image: url("../images/banner.jpg");
}
.mt-2, .my-2 {
  margin-left: -1rem !important;
}
.nav-sidebar.nav-child-indent .nav-treeview {
  padding-left: 0.5rem;
}
.nav-sidebar .nav-treeview > .nav-item > .nav-link > .nav-icon {
  width: 1rem;
}
.select2-container { min-width: 12em !important }
.select2-container--bootstrap4 .select2-selection--single { height: calc(1.5em + .75rem + 2px) !important }
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered, .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder { line-height: 1.77rem }

.spinner-border { animation:none !important }
#ew-page-spinner {
	position:fixed;
	z-index:999;
	overflow:show;
	margin:auto;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:50px;
	height:50px
}
#ew-page-spinner:before {
	content:'';
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:linear-gradient(rgba(0, 0, 0, 0.45), rgba(2, 2, 2, 0.45))
}
#ew-page-spinner:not(:required) {
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0
}
#ew-page-spinner:not(:required):after {
	content:'';
	display:block;
	font-size:10px;
	width:50px;
	height:50px;
	margin-top:-0.5em; 
	border:5px solid rgba(33, 150, 243, 1.0);
	border-radius:100%;
	border-bottom-color:transparent;
	-webkit-animation:spinner 1s linear 0s infinite;
	animation:spinner 1s linear 0s infinite
}  
@-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);
	}
}

@media screen and (max-width:860px) {
	.navbar-expand #ew-navbar-right .nav-item {
		top: 3.47rem
	}
	.content-header .breadcrumb {
		padding-right: 2rem
	}
}
.navbar-expand .navbar-nav .nav-link {
	color: gray;
	border: solid;
	border-width: thin;
	border-radius: 5px;
	padding-top: 0.45rem;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: blue;
}
.content-wrapper{
	padding-top:2rem;
	margin-bottom:3rem;
}
.main-footer{
    padding: 5px;
	height:2rem;
	position:fixed;
	bottom:0rem;
	width:100%;
	z-index:2;
	color: blue;
	background-color: #e0e0e0;
	border-top: 1px dotted gray;
	border-bottom: 3px solid red;
}

.os-size-auto-observer{
    height: 0 !important;
}
.ew-ext-search-form{
    width: 100% !important;
}
.ew-extended-search{
	display: ruby;
}
.ew-add-form{
    width: 100% !important;
	margin-bottom: 4rem;
}
.ew-edit-form{
    width: 100% !important;
	margin-bottom: 4rem;
}
.ew-view-form{
    width: 100% !important;
	margin-bottom: 4rem;
}
.ew-user-priv-form{
	width: 100% !important;
	margin-bottom: 4rem;
}
.ew-report{
	margin-bottom: 4rem;	
}
.form-group{
	margin-bottom: 0.1rem;
}
#btn-action{
	margin-top: 2rem;
}
#btn-cancel{
	margin-top: 2rem;
}
.input-group > .form-control.ew-lookup-text {
    min-width: 12em;
}
.modal-warning {
	background-color: var(--warning)
}
/*#r_TransPulangDate{
    margin-top: -32px;
    margin-left: 250px;
    display: block;
}*/
#el_viewpengajuanijinmst_TransPulangDate{
    margin-left: 212px;
    margin-top: -32px;
    display: block;
}
#el_viewappvpengajuanijinmst_TransPulangDate{
    margin-left: 212px;
    margin-top: -32px;
    display: block;
}