.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}

body {
    font-family: 'Roboto', sans-serif;
	padding-top: 80px;
	padding-bottom: 40px;
	background-color: #f5f5f5;
}

.form-signin {
	width: 100%;
	max-width: 420px;
	padding: 15px;
	margin: auto;
}

.form-label-group {
	position: relative;
	margin-bottom: 1rem;
}

.form-label-group>input,
.form-label-group>label {
	height: 3.125rem;
	padding: .75rem;
}

.form-label-group>label {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	margin-bottom: 0;
	/* Override default `<label>` margin */
	line-height: 1.5;
	color: #495057;
	pointer-events: none;
	cursor: text;
	/* Match the input under the label */
	border: 1px solid transparent;
	border-radius: .25rem;
	transition: all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
	color: transparent;
}

.form-label-group input:-ms-input-placeholder {
	color: transparent;
}

.form-label-group input::-ms-input-placeholder {
	color: transparent;
}

.form-label-group input::-moz-placeholder {
	color: transparent;
}

.form-label-group input::placeholder {
	color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
	padding-top: 1.25rem;
	padding-bottom: .25rem;
}

.form-label-group input:not(:placeholder-shown)~label {
	padding-top: .25rem;
	padding-bottom: .25rem;
	font-size: 12px;
	color: #777;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
	.form-label-group>label {
		display: none;
	}

	.form-label-group input::-ms-input-placeholder {
		color: #777;
	}
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.form-label-group>label {
		display: none;
	}

	.form-label-group input:-ms-input-placeholder {
		color: #777;
	}
}

/*
 * Responsive
 */

@media (max-width: 750px) {
    .container {
        min-width: 100%;
    }
}

/*
 * Select 2
 */

.select2-selection.select2-selection--single {
	height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 37px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 37px;
}

/*
 * Navbar
 */
.navbar {
    background: rgba(241,147,32,1);
    background: -moz-linear-gradient(left, rgba(241,147,32,1) 0%, rgba(160,53,133,1) 35%, rgba(37,108,175,1) 65%, rgba(53,154,72,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(241,147,32,1)), color-stop(35%, rgba(160,53,133,1)), color-stop(65%, rgba(37,108,175,1)), color-stop(100%, rgba(53,154,72,1)));
    background: -webkit-linear-gradient(left, rgba(241,147,32,1) 0%, rgba(160,53,133,1) 35%, rgba(37,108,175,1) 65%, rgba(53,154,72,1) 100%);
    background: -o-linear-gradient(left, rgba(241,147,32,1) 0%, rgba(160,53,133,1) 35%, rgba(37,108,175,1) 65%, rgba(53,154,72,1) 100%);
    background: -ms-linear-gradient(left, rgba(241,147,32,1) 0%, rgba(160,53,133,1) 35%, rgba(37,108,175,1) 65%, rgba(53,154,72,1) 100%);
    background: linear-gradient(to right, rgba(241,147,32,1) 0%, rgba(160,53,133,1) 35%, rgba(37,108,175,1) 65%, rgba(53,154,72,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f19320', endColorstr='#359a48', GradientType=1 );
}
.navbar .navbar-brand {
    padding: 0;
}
.navbar .navbar-brand > img {
    height: 38px;
}
.navbar-dark .navbar-nav .nav-link:focus, 
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link {
    color: #FFF;
}
.nav-item > .nav-link > .badge-notify {
	background:rgba(53,154,72,1);
	position:relative;
	top: 10px;
	right: 8px;
}
.nav-pills .nav-link.active, 
.nav-pills .show>.nav-link 
{
	background-color: rgba(160,53,133,1);
}
@media (max-width: 750px) {
	.nav-icon-mobile
	{
		color: #FFF;
	}
	.nav-icon-mobile > .badge-notify 
	{
		background:rgba(53,154,72,1);
		position:relative;
		top: 10px;
		right: 8px;
	}
    .navbar-collapse {
		padding-top: 20px;
	}
}


/*
 * Alert
 */
.alert-danger > form > .btn
{
	margin: 0 0 0 auto;
	display: block;
	width: fit-content;
}

/*
 * Holerite
 */
@media (max-width: 750px) {
	.modal-dialog
	{
		max-width: 98%;
	}
	.embed-responsive
	{
		height: 280px;
	}
}


/*
 * Datatable
 */
#datatable .btn {
    padding: 0 10px
}
#datatable .btn > i {
    font-size: 12px;
}