:root  {
	--accordian-color: #212529;
	--accordian-text: #ffffff;
	--button-primary: #0d6efd;
	--button-primary-border: #0d6efd;
	--button-primary-text: #ffffff;
	--button-light: #f0f0f0;
	--button-light-border: #e0e0e0;
	--button-light-text: #000000;
	--button-delete: #666666;
	--button-delete-border: #666666;
	--button-delete-text: #ffffff;
	--table-header: #212529;
	--table-header-border: #4a525a;
	--carouselpageheader-height: 200px;
}

header { background-image: linear-gradient(to bottom, #363636, #2a2a2a, #1e1e1e, #121212, #000000); border-bottom: var(--color3) 5px solid; }
header .container { padding-top: 5px; padding-bottom: 10px; }
header .title { color: #fff; font-size: 26px; font-weight: 600; text-transform: uppercase; }
header .navbar { padding: 0 !important; margin: 0 !important; color: #fff !important; }
header .navbar-brand { margin: 0; padding: 0; }
header .navbar-nav { padding: 0 !important; margin: 0 !important; }
header .container-fluid { margin-left: 0 !important; padding-left: 0 !important; }
header .nav-item a { margin: 0 15px 0 0 !important; padding: 0 15px 0 0 !important; }
header .nav-item a { border-right: #666 1px solid; }
header .nav-item:last-child a { border-right: none; }
header .nav-item a, header .nav-item a:active, header .nav-item a:focus { color: #fff; }
header .nav-item a:hover { color: #ddd; }
header .dropdown .nav-item a { color: #000 !important; border: 0; padding: 3px 0 !important; margin: 5px 10px !important; white-space: nowrap; }
header .dropdown .nav-item:hover { background: #f2f2f2; }
header .navbar-toggler { position: absolute; right: 0 !important; top: -21px !important; font-size: 22px; font-weight: 600; line-height: 16px; margin: 0 !important; padding: 0 2px !important; color: #fff !important; border: none; }
header .navbar-toggler:focus, header .navbar-toggler:active, header .navbar-toggler-icon:focus { outline: none; box-shadow: none; }
header .navbar-toggler-icon { height: auto !important; width: auto !important; background: none; margin: 0 !important; padding: 0 !important; }
main .container { margin: 15px auto; min-height: 300px; }
footer .container { border-top: #999 1px solid; padding-top: 15px; margin-top: 45px; }
footer a { color: #000; text-decoration: none; }
label { cursor: pointer; }
h1 { margin: 0 0 25px 0; }

.table td, .table th { border: #ddd 1px solid; padding: 3px 10px; white-space: nowrap; }
.table th, .table tfoot td { background: var(--table-header); border: var(--table-header-border) 1px solid; color: #fff; font-weight: 600; padding: 2px 10px; }
.table .expand { width: 100% !important; }
.table th a { text-decoration: none; color: #fff; }
.table td a { text-decoration: none; color: #000; }
.table .edge { padding-right: 8px; }

.filters { margin: 0 0 25px 0; }
.filters label { display: inline-block !important; margin: 0 5px 0 0; padding: 0; }
.filters .row { margin-top: 5px; }
.filters .row:first-child { margin-top: 0 !important; }

.pagination .page-link { color: #000 !important; }
.pagination .active .page-link { color: #fff !important; }

.alert p { margin: 0; }
.alert ul { padding: 0 !important; margin: 0 !important; }
.alert li { padding: 0 !important; margin: 0 0 0 15px !important; }

.col-form-label { white-space: nowrap; }

.modal .modal-header { border: none !important; text-align: center !important; display: block; }
.modal .modal-footer { border: none !important; text-align: center !important; display: block; padding-top: 0 !important; }

.breadcrumbs { font-size: 16px; margin: 10px 0 0 0; background: #f0f0f0; padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.breadcrumbs a { color: #000; text-decoration: none; }

.form-check-input { vertical-align: middle; margin: 0 5px 0 0; }
.form-check-label { vertical-align: middle; margin: 0 15px 0 0; }

.btn { min-width: 125px; margin-bottom: 5px; }
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus { background: var(--button-primary) !important; border-color: var(--button-primary-border) !important; color: var(--button-primary-text) !important; }
.btn-light, .btn-light:hover, .btn-light:active, .btn-light:focus { background: var(--button-light) !important; border-color: var(--button-light-border) !important; color: var(--button-light-text) !important; }
.btn-delete, .btn-delete:hover, .btn-delete:active, .btn-delete:focus { background: var(--button-delete) !important; border-color: var(--button-delete-border) !important; color: var(--button-delete-text) !important; }

.accordion-item { margin-bottom: 8px; }
.accordion-item:not(:last-child) { border: none !important; }
.accordion-button { background: var(--accordian-color) !important; padding: 10px 15px; color: var(--accordian-text) !important; }
.accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.accordion-button:not(.collapsed)::after { 1px solid; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.accordion-button:focus { box-shadow: none; }

.sortable { list-style-type: none; margin: 0; padding: 0; }
.sortable li { cursor: pointer; margin: 5px 0; padding: 5px 10px; list-style-type: none; border: #ccc 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.validation-required { margin: 0 0 3px 5px; color: #f00; font-size: 11px; vertical-align: bottom; display: inline-block; }
.validation-error { margin: 0 0 2px 5px; color: #f00; font-size: 12px; vertical-align: bottom; display: inline-block; }

.w100 { width: 100px !important; }
.w150 { width: 150px !important; }
.w200 { width: 200px !important; }
.labelwrap { white-space: normal; }
.field2line { padding-top: 12px; }
.captcha { border: #ccc 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 2px; }
.red { color: #f00; }
.green { color: #090; }
.bold { font-weight: bold; }

.carouselpageheader { margin: 1px 0; text-align: center; cursor: pointer; }
.carouselpageheader .carousel-item { position: relative; height: var(--carouselpageheader-height); background: #000; display: table; }
.carouselpageheader .transbox1 { opacity: 0.5; position: absolute; top: 0; left: 0; background-size: cover; background-position: center center; width: 100%; height: var(--carouselpageheader-height); }
.carouselpageheader .transbox2 { position: absolute; top: 0; left: 0; width: 100%; height: var(--carouselpageheader-height); }
.carouselpageheader .transbox2 .transbox2inner { position: absolute; top: 50%; transform: translateY(-50%); text-align: center; width: 100%; }
.carouselpageheader .title { font-size: 28px; font-weight: bold; color: #fff; }
.carouselpageheader .desc { font-size: 16px; color: #fff; max-width: 1000px; margin: 0 auto; }
.carouselpageheader .btn-primary { margin: 10px 0; }

@media (max-width: 1400px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
	header .title { font-size: 16px; }
	header .nav-item a { border: none !important; margin: 5px 0 !important; color: #fff !important; }
	header .nav-item ul{ background: none !important; }
	header .dropdown .nav-item a { color: #fff !important; border: 0; padding: 3px 0 !important; margin: 5px 10px !important; white-space: nowrap; }
	header .dropdown .nav-item:hover { background: none; }
	.hmobile { display: none; }
	.carouselpageheader .transbox2 .transbox2inner { padding: 0 50px; }
	.carouselpageheader .title { font-size: 22px; font-weight: bold; color: #fff; }
	.carouselpageheader .desc { font-size: 14px; line-height: 16px; }
	}

@media (max-width: 576px) {
}