@charset "UTF-8";

.side_menu_focus {
	background-color: #4473c5 !important;
}

.bg-red {
	background-color: #de3345 !important;
}

a.bg-red:hover, a.bg-red:focus,
button.bg-red:hover,
button.bg-red:focus {
	background-color: #c6121d !important;
}

.bg-deep-red {
	background-color: #c6121d !important;
}

.bg-yellow {
	background-color: #ffcc00 !important;
}

a.bg-yellow:hover, a.bg-yellow:focus,
button.bg-yellow:hover,
button.bg-yellow:focus {
	background-color: #ffa300 !important;
}

.bg-deep-yellow {
	background-color: #ffa300 !important;
}

.bg-turquoise {
	background-color: #11aaba !important;
}

a.bg-turquoise:hover, a.bg-turquoise:focus,
button.bg-turquoise:hover,
button.bg-turquoise:focus {
	background-color: #0a8ea3 !important;
}

.bg-deep-turquoise {
	background-color: #0a8ea3 !important;
}

.bg-blue {
	background-color: #4473c5 !important;
}

.bg-green {
	background-color: #00a771 !important;
}

.small-box {
	margin-bottom: 20px;
	border-radius: 0.25rem;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
	display: block;
	position: relative;
}

.small-box .inner {
	padding: 10px;
	color: #ffffff;
}

.small-box a {
	color: #ffffff !important;
}

.lpr_item .card {
	border: 1px solid #97a0cc;
}

.lpr_item .card .card-header .card-title {
	font-size: x-large;
	font-weight: bold;
	color: #37459d;
}

.lpr_item .card .card-body .gate_btn {
	border: 1px solid #97a0cc;
}

/* .lpr_item .card .card-body .gate_btn:hover {
	background-color: #d8dfef;
	box-shadow: none;
	color: #507ac8;
} */

.lpr_item .card .card-body [name="gate_up"] {
	padding-right: 30%;
	background-image: url("../icon/icon_gate_up.png");
	background-size: 35px;
	background-position: 35% 50%;
	background-repeat: no-repeat;
	text-align: right;
}

.lpr_item .card .card-body [name="gate_up"]:hover {
	padding-right: 30%;
	background-color: #d8dfef;
	background-image: url("../icon/icon_gate_up_active.png");
	background-size: 35px;
	background-position: 35% 50%;
	background-repeat: no-repeat;
	text-align: right;
	color: #4472c4;
}

.lpr_item .card .card-body [name="gate_down"] {
	padding-right: 30%;
	background-image: url("../icon/icon_gate_down.png");
	background-size: 35px;
	background-position: 35% 50%;
	background-repeat: no-repeat;
	text-align: right;
}

.lpr_item .card .card-body [name="gate_down"]:hover {
	padding-right: 30%;
	background-color: #d8dfef;
	background-image: url("../icon/icon_gate_down_active.png");
	background-size: 35px;
	background-position: 35% 50%;
	background-repeat: no-repeat;
	text-align: right;
	color: #4472c4;
}

.lpr_item .card .card-body [name="gate_uplock"] {
	padding-right: 30%;
	background-image: url("../icon/icon_lock.png");
	background-size: 25px;
	background-position: 30% 50%;
	background-repeat: no-repeat;
	text-align: right;
}

.lpr_item .card .card-body [name="gate_uplock"]:hover {
	padding-right: 30%;
	background-color: #d8dfef;
	background-image: url("../icon/icon_lock_active.png");
	background-size: 25px;
	background-position: 30% 50%;
	background-repeat: no-repeat;
	text-align: right;
	color: #4472c4;
}

.lpr_item .card .card-body [name="gate_unlock"] {
	padding-right: 25%;
	background-image: url("../icon/icon_unlock.png");
	background-size: 25px;
	background-position: 25% 50%;
	background-repeat: no-repeat;
	text-align: right;
}

.lpr_item .card .card-body [name="gate_unlock"]:hover {
	padding-right: 25%;
	background-color: #d8dfef;
	background-image: url("../icon/icon_unlock_active.png");
	background-size: 25px;
	background-position: 25% 50%;
	background-repeat: no-repeat;
	text-align: right;
	color: #4472c4;
}

.lpr_item .card .card-body .gate_btn_active {
	background-color: #97a0cc;
	background-image: url("../icon/icon_lock_active.png");
	box-shadow: none;
	color: #38469b;
}

.modal-header .modal-title {
	font-size: x-large !important;
	font-weight: bold !important;
}

.modal-body .card-body label {
	font-size: large !important;
}

.search_bar {
	background-color: #f7f8fd;
}

.search_list .table {
	table-layout: fixed;
	text-align: center;
	border-bottom : 1px solid #dee2e6;
}

.search_list .table thead {
	background-color: #4473c5;
	font-size: large;
	color: #ffffff;
}

.search_list .table th {
	border-top: none;
}

.search_list .table td{
	/* border-bottom : 1px solid #dee2e6; */
}

.search_list .table tbody tr:hover {
	background-color: #ecf0f9;
}

.search_list .table tbody .tr_on {
	background-color: #d8dfef;
}

.search_list .table tbody .btn {
	background-color: #de3345;
	border-color: #de3345;
	box-shadow: none;
	color: #ffffff;
}

.page-item .page-link {
	color: #4473c5;
}

.page-item.active .page-link {
	background-color: #4473c5;
	border-color: #4473c5;
	box-shadow: none;
	color: #ffffff;
	z-index: 3;
}

.card-primary.card-outline-tabs>.card-header a.active {
	border-top: 3px solid #4473c5;
}

.search_btn {
	background-color: #11aaba;
	border-color: #11aaba;
	box-shadow: none;
	color: #ffffff;
}

.add_btn {
	background-color: #4473c5;
	border-color: #4473c5;
	box-shadow: none;
	color: #ffffff;
}

.excel_btn {
	background-color: #00a770;
	border-color: #00a770;
	box-shadow: none;
	color: #ffffff;
}

.delete_btn {
	background-color: #de3345;
	border-color: #de3345;
	box-shadow: none;
	color: #ffffff;
}

.save_btn {
	background-color: #4473c5;
	border-color: #4473c5;
	box-shadow: none;
	color: #ffffff;
}

.feeChange_btn {
	background-color: #11aaba;
	border-color: #11aaba;
	box-shadow: none;
	color: #ffffff;
}

.feeChange_btn:hover {
	background-color: #0a8ea3;
	border-color: #0a8ea3;
	box-shadow: none;
	color: #ffffff;
}

.nonpayment_btn {
	background-color: #ffcc00;
	border-color: #ffcc00;
	box-shadow: none;
	color: #000000;
}

.nonpayment_btn:hover {
	background-color: #ffa300;
	border-color: #ffa300;
	box-shadow: none;
	color: #000000;
}

.discount_btn:hover {
	background-color: #ddf2f5;
	border-color: #11aaba;
	box-shadow: none;
	color: #25b2c0;
}

.discount_btn_active {
	background-color: #11aaba;
	border-color: #11aaba;
	box-shadow: none;
	color: #ffffff;
}

.acceptance_btn {
	background-color: #4473c5;
	border-color: #4473c5;
	box-shadow: none;
	color: #ffffff;
}

.acceptance_btn:hover {
	background-color: #2b52ad;
	border-color: #2b52ad;
	box-shadow: none;
	color: #ffffff;
}

.reject_btn {
	background-color: #de3345;
	border-color: #de3345;
	box-shadow: none;
	color: #ffffff;
}

.reject_btn:hover {
	background-color: #c6121d;
	border-color: #c6121d;
	box-shadow: none;
	color: #ffffff;
}





.default_bg-lightturquoise {
	background-color: #ddf2f5 !important;
}

.default_bg-sky {
	background-color: #d8dfef !important;
}

.default_bg-deep-blue {
	background-color: #2b52ad !important;
}

.default_bg-lightgray {
	background-color: #e8ebf0 !important;
}

.default_bg-gray {
	background-color: #353a40 !important;
}

.default_border-purple {
	border-color: #97a0cc;
}

.default_font-white {
	color: #ffffff;
}

.default_font-salmon {
	color: #e87781;
}

.default_font-skyblue {
	color: #7093d3;
}

.default_font-navyblue {
	color: #38469b;
}