/**
 *
 * You can write your CSS code here, DO NOT touch the default JavaScript file
 * because it will make it harder for you to update.
 * 
 */

/*# sourceMappingURL=custom.css.map */
:root {
	--input-padding-x: 1.5rem;
	--input-padding-y: 0.75rem;
}

.top {
	margin-top: 150px;
}

.btn-login {
	font-size: 0.9rem;
	letter-spacing: 0.05rem;
	padding: 0.75rem 1rem;
	border-radius: 2rem;
}

.form-label-group {
	position: relative;
	margin-bottom: 1rem;
}
.form-label-group > input,
.form-label-group > label {
	padding: var(--input-padding-y) var(--input-padding-x);
	height: auto;
	border-radius: 2rem;
}
.form-label-group > label {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	margin-bottom: 0;
	line-height: 1.5;
	color: #495057;
	cursor: text;
	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: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
	padding-bottom: calc(var(--input-padding-y) / 3);
}
.form-label-group input:not(:placeholder-shown)~label {
	padding-top: calc(var(--input-padding-y) / 3);
	padding-bottom: calc(var(--input-padding-y) / 3);
	font-size: 10px;
	color: #888;
}
@supports (-ms-ime-align: auto) {
	.form-label-group > label {
		display: none;
	}
	.form-label-group input::-ms-input-placeholder {
		color: #888;
	}
}
@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: #888;
	}
}

.login, .image {
	min-height: 100vh;
}

.bg-login {
	background-image: url(../assets/img/bg.jpg);
	background-size: cover;
	background-position: center;
}

.login-heading {
	color: #035956;
	font-size: 2.3rem;
	font-weight: bold;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 2rem;
    font-size: 18px;
    font-weight: 700;
    line-height: inherit;
    white-space: nowrap;
    color: #c9b717 !important;
}

.table-ico, .table-delete {
	border-radius: 3px;
	font-size: 11px;
	margin-right: 4px;
	padding: 4px 6px;
}

.table-ico:hover {
	color: #fff;
	text-decoration: none;
}

.table-ico-edit {
	background: peru;
	color: #fff;
}

.table-ico-edit:hover {
	background: chocolate;
}

.table-ico-status {
	background: steelblue;
	color: #fff;
}

.table-ico-status:hover {
	background: midnightblue;
}

.table-ico-delete,
.table-delete {
	background: indianred;
	color: #fff;
}

.table-ico-delete:hover,
.table-delete:hover {
	background: crimson;
	color: white;
	text-decoration: none;
}

.table-ico-cancel,
.table-cancel {
	background: indianred;
	color: #fff;
}

.table-ico-cancel:hover,
.table-cancel:hover {
	background: crimson;
	color: white;
	text-decoration: none;
}

.table-ico-success,
.table-success {
	background: #2ca505;
	color: #fff;
}

.table-ico-success:hover,
.table-success:hover {
	background: #258207;
	color: white;
	text-decoration: none;
}

.table-ico-midnightblue,
.table-midnightblue {
	background: dodgerblue;
	color: #fff;
}

.table-ico-midnightblue:hover,
.table-midnightblue:hover {
	background: midnightblue;
	color: white;
	text-decoration: none;
}

.table-ico-orange,
.table-orange {
	background: orange;
	color: #fff;
}

.table-ico-orange:hover,
.table-orange:hover {
	background: #FFC300;
	color: white;
	text-decoration: none;
}

.table-ico-ungu,
.table-ungu {
	background: #d134db;
	color: #fff;
}

.table-ico-ungu:hover,
.table-ungu:hover {
	background: #7d1e83;
	color: white;
	text-decoration: none;
}

.table-ico-birmud,
.table-birmud {
	background: #34dbcc;
	color: #fff;
}

.table-ico-birmud:hover,
.table-birmud:hover {
	background: #28afa3;
	color: white;
	text-decoration: none;
}

.br-hidden {
	border-right-style: hidden !important;
}

.bb-hidden {
	border-bottom-style: hidden !important;
}

.bl-hidden {
	border-left-style: hidden !important;
}

fieldset {
	border-top: 1px solid #c4cdd3;
	margin-bottom: .75rem;
	padding-top: .75rem;
}

fieldset.border {
	border: 1px solid #c4cdd3!important;
	border-radius: 5px;
	padding: .5rem!important;
}

legend {
	color: #064acb;
	font-size: 11px;
	letter-spacing: 1px;
	padding-right: 5px;
	text-transform: uppercase;
	width: auto;
}

.table tbody tr td,
.table tfoot tr td {
	padding: 7px 8px;
}

.table.table-sm thead tr th {
	background: rgba(0, 0, 0, 0.03);
	border-bottom-width: 1px;
}

.table.table-sm thead tr th,
.table.table-sm tbody tr td,
.table.table-sm tfoot tr td {
	border-color: #c4cdd3;
	padding: 6px 10px;
}

.table.table-font-sm thead tr th,
.table.table-font-sm tbody tr td,
.table.table-font-sm tfoot tr td {
	font-size: 11px;
}

.input-cell-form {
	background: #ffc;
	border: 1px solid #cc9;
	width: 100%;
}

.input-cell-form-readonly {
	background: #d0d0c46e;
	border: 1px solid #cc9;
	width: 100%;
}

.bg-total {
	background: rgba(0, 0, 0, 0.03);
}

.btn-ico {
	border-radius: 3px;
	font-size: 12px;
	margin-right: 4px;
	padding: 4px 6px;
}

.btn-ico:hover {
	color: #fff;
	text-decoration: none;
}

.btn-ico-success {
	background: #28a745;
	color: #fff;
}

.btn-ico-success:hover {
	background: #1d7d33
	;
}

.btn-ico-secondary {
	background: #999b9c;
	color: #fff;
}

.btn-ico-secondary:hover {
	background: #646769
	;
}

.btn-ico-info {
	background: #17a2b8;
	color: #fff;
}

.btn-ico-info:hover {
	background: #128294;
}

.button-custom {
	background: linear-gradient(to bottom, #7dc278 5%, #509e47 100%);
    background-color: #87c278;
    border-radius: 3px;
    border: 1px solid #4e9650;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    padding: 3px 37px;
    text-decoration: none;
}

.button-custom:hover {
	background:linear-gradient(to bottom, #509e47 5%, #7dc278 100%);
	background-color:#c1c0c0;
}

label:not(.form-check-label):not(.custom-file-label).error {
	font-size: 12px;
    font-weight: 600;
    color: red;
}

.new-option {
	background: #eee;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top: 1px solid #ddd;
	color: IndianRed;
	display: block;
	height: 30px;
	padding: 2px 0 0 7px;
	width: 100%;
}
.new-option:hover {
	background: #cef;
	color: IndianRed;
	text-decoration: none;
}

.err {
    color: IndianRed;
    font-size: 12px;
    margin-left: 8px;
    margin-top: 3px;
}