:root {
	--rails-blue-color: #103168;
	--item-total-color: #f2f2f2;
	--bg-dark-gray: #bfbfbf;
	--total-color: #A9B4D5;
}

body { font-size: 14px !important; }

body.is-dev:after {
	content: "DEV";
	position: fixed;
	z-index: 2;
	width: 80px;
	height: 25px;
	background: #FFFF00;
	top: 7px;
	left: -20px;
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
	font-family: sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
	line-height: 27px;
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

/*select { height: 2rem !important; line-height: 2em; } */
input { background-color: #ccc; }
input, textarea, select { border-radius: 0.5em; }
select { padding-left: 0.35em; }

input:not([type=checkbox]):not([type=radio]), select { padding-left: 0.25rem !important; margin: 1px; vertical-align: middle; height: 2.15em; }

.main-header>.container-xl { max-width: 85%; }
.main-header>container-md, .main-header>container-sm  { max-width: 75% !important; }
.main-header>container-lg { max-width: 80% !important; }
.main-header>container-xl,  { max-width: 85% !important; }
.main-header>container-xxl { max-width: 98% !important; }

.container-md, div.container-sm  { max-width: 75% !important; }
.container-lg { max-width: 80% !important; }
.container-xl,  { max-width: 85% !important; }
.container-xxl { max-width: 98% !important; }

.text-red { color: #FF0000; }

.preloader { display: none; }

.border-radius, .b-radius { border-radius: 0.5em; }
.border-1-black, .b-1-black { border: 1px solid #000; }
.border-1-gray, .b-1-gray { border: 1px solid #ccc; }

.navbar-brand { padding-left: 0.5em; padding-right: 0.5em;}
.navbar-brand:hover { border-radius: 0.5em;  }

ul.navbar-nav > li > a { font-size: 1.143em; }

.modal .modal-xxl { min-width: 90%; }
.modal .modal-xl { min-width: 80%; }
.modal .modal-lg { min-width: 65%; }
/*.modal .modal-md { min-width: 50%; }
.modal .modal-sm { min-width: 40%; }
.modal .modal-xs { min-width: 30%; } */

.footnote { font-size: 0.9em; text-decoration: italic;  margin-bottom: 1em;}

.alert a { color: black; }

.agreement-item:last-child, .building-item:last-child { padding-bottom: 1em; }

.popover { min-width: 400px; }
.text-underline { text-decoration: underline; }
.border-none { border: none !important; }

.upload-area { height: 50px; border: 2px solid black; border-radius: 3px; margin: 0 auto; text-align: center; }
.upload-area:hover { cursor: pointer; }
.upload-area .span-upload-text { text-align: center; font-family: sans-serif; line-height: 2em; color: darkslategray; }
.input-file, .input-email-attachment-file { position: absolute; top:-10000px; }

.breadcrumb-item { margin: 2px;  }
.rounded-square-help { background-color: #dcdcdc !important; border: 1px solid #000 !important; padding-left: 0.5em; border-radius: 5px;}
.help-box { position: fixed; bottom: 10px; right: 10px; padding: 5px; top: auto; left: auto; overflow: visible; height: 39px; width: 40px; }

.navbar-brand { margin-right: 0.25em !important;, padding-right: 0.25em; }

.help-icon { margin-top: -5px; margin-left: -10px; color: #104C23; }
.bold { font-weight: bold; }

#modal-help .modal-content .card .panel-body { padding: 10px; }
.modal-help-dialog { left: 41%; right: 0%; margin-top: 10px !important; }
#modal-help { overflow-y: scroll; padding-right: 1em; }
#modal-help ul, #modal-help ol { padding-left: 25px; margin-bottom: 0px; }

.card { margin-bottom: 1.5px; }

.main-footer { padding-top: 1em; padding-bottom: 0.25em;  min-height: 3.5em;}
.dropdown-menu { min-width: 14rem; }

.token, .token-add, .token-edit { border-radius: 10px; background-color: #cff4fc; border: 1px solid #b6effb; color: #000; margin-left: 0; margin-right: 0; text-align: center; margin-bottom: 2.5px; }
.fa-2-5em { font-size: 2.5em;}
.fa-2-75em { font-size: 2.75em;}

.btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.inline { display: inline !important;}
/*.nav li.active.dropdown { background-color: #5D88FF; border-radius: 0.5em;} */

.nav.nav-tabs { border-bottom: none; }
.dropdown-menu li.active { background-color: #314B90; margin-left: 0.15em; margin-right: 0.15em; border-radius: 0.25em; }
.nav-link:hover, li.active.nav-item { border-radius: 0.5em; }
.navbar .dropdown-submenu a:hover {margin-left: 0.15em; margin-right: 0.15em; border-radius: 0.25em; }
.dropdown-menu li { margin-right: 0.25em;}
.dropdown-menu li a:hover { margin-right: 0.25em; }
.dropdown-menu li.active a:hover { margin-left: 0 !important; padding-left: 1em; }
.dropdown-menu li:not(.active) a:hover { margin-left: 2px !important; margin-right: 0.15em; border-radius: 0.25em; }

.drop-highlight { background-color: #ccc; }

a.paginate_button.previous.disabled { background-color: #none !important; }
a.paginate_button.previous:not(.disabled) { background-color: #ccc !important; border-radius: 0.5rem; }
a.paginate_button.previous:not(.disabled):before { content: "\003C" !important; margin-right: 0.25rem;  }

a.paginate_button.next.disabled { background-color: #none !important; }
a.paginate_button.next:not(.disabled):after { content: "\003E" !important; margin-left: 0.25rem;  }
a.paginate_button.next:not(.disabled) { background-color: #ccc !important; border-radius: 0.5rem; }

.alert.alert-info { background-color: #d1ecf1 !important; border-color: #bee5eb !important; color: #0c5460 !important; } /* alert-info */
.alert.alert-warning { background-color: #fff3cd !important; border-color: #ffeeba !important; color: #856404 !important; } /* alert-warning */
.alert.alert-dark { background-color: #d6d8d9 !important; border-color: #c6c8ca !important; color: #1b1e21 !important; } /* alert-dark */
.alert.alert-danger { background-color: #f8d7da !important; border-color: #f5c6cb !important; color: #721c24 !important; } /* alert-danger */
.alert.alert-success { background-color: #d4edda !important; border-color: #c3e6cb !important; color: #155724 !important; } /* alert-success */
.alert.alert-primary { background-color: #cfe2ff !important; border-color: #b6d4fe !important; color: #084298 !important; } /* alert-primary */

button.btn-info, button.btn-info.active { color: #000 !important; background-color: #0dcaf0; !important; border-color: #0dcaf0 !important; } /* btn-info */
button.btn-warning, button.btn-warning.active { color: #212529 !important; background-color: #ffc107 !important; border-color: #ffc107 !important; } /* btn-warning */
button.btn-dark, button.btn-dark.active { color: #ffffff !important; background-color: #343a40 !important; border-color: #343a40 !important; } /* btn-dark */
button.btn-danger, button.btn-danger.active { color: #ffffff !important; background-color: #A91E2C !important; border-color: #B21F2E !important; } /* btn-danger */
button.btn-success, button.btn-success.active { color: #ffffff !important; background-color: #16663A !important; border-color: #197643 !important; } /* btn-success */
button.btn-primary, button.btn-primary.active { color: #ffffff !important; background-color: #0250C5 !important; border-color: #0250C5 !important; } /* btn-primary */

.btn-black { background-color: #000000; border: 1px solid #696969; color: #FFFFFF; }
.btn-black:hover { background-color: #bcbebf; border: 1px solid #000000; color: #000; }

.btn-outline-black { border-color: #000; }
.btn-outline-black:hover { background-color: #000000; border: 1px solid #cccccc; color: #FFFFFF; }

.btn-purple, .btn-purple.active { background-color: #6A43AA; border-color: #7349B6; color: #FFFFFF; }
.btn-purple:hover { background-color: #5E5374; border-color: #494059; color: #FFFFFF;}
.btn-purple:focus, .btn-purple:active { background-color: #6A43AA !important; color: #FFFFFF !important; }

.btn-outline-purple { color: #997ccd; border-color: #997ccd; }
.btn-outline-purple:hover { background-color: #997ccd; border-color: #9C8ABF; color: #FFFFFF; }

.alert.alert-dark-green { background-color: #013220; color: #fff; }
.alert.alert-light-gray { background-color: #D3D3D3; color: #000; }

.btn-dark-green, .btn-dark-green.active { background-color: #D9D69C; border-color: #BFBB64;	 color: #000000; }
.btn-dark-green:hover { background-color: #BFBB64; border-color: #D9D69C; color: #000000; }
.btn-dark-green:focus { color: #000000; }

.btn-orange, .btn-orange.active { background-color: #FD7E14;  border-color: #E37112; color: #000;}
.btn-orange:hover { background-color: #EE6C02; border-color: #D64709; color: #000; }
.btn-orange:focus, .btn-orange:active { background-color: #FD8C30 !important; color: #000000 !important; }

.btn-plum, .btn-plum.active { background-color: #772953; border-color: #862e5d; color: #FFFFFF; }
.btn-plum:hover { background-color: #943367; border-color: #772953; color: #FFFFFF; }
.btn-plum:focus { color: #F6E4EE; }

.btn-outline-plum { border-color: #772953; color: #772953; }
.btn-outline-plum:hover { background-color: #772953; border-color: #943367; color: #FFFFFF; }

.btn-dark-blue, .btn-dark-blue.active { background-color: #003366; border-color: #000080; color: #FFFFFF; }
.btn-dark-blue:hover { background-color: #00008B; border-color: #003366; color: #FFFFFF; }
.btn-dark-blue:focus { color: #F6E4EE; }

.btn-outline-dark-blue { border-color: #003366; color: #003366; }
.btn-outline-dark-blue:hover { background-color: #003366; border-color: #245AAE; color: #FFF; }

.btn-outline-orange { border-color: #FD7E14; color: #D64709;  }
.btn-outline-orange:hover { background-color: #FD7E14; border-color: #E37112; color: #FFF;}

.btn-outline-peach { border-color: #FFEFD5; color: #FFC0CB;  }
.btn-outline-peach:hover { background-color: #FFDAB9; border-color: #FFEFD5; color: #000;}

/* Mint */
.btn-mint, .btn-mint.active { background-color: #56cc9d; border-color: #56cc9d; }
.btn-mint:hover {background-color: #49ad85; border-color: #45a37e; }
.btn-outline-mint { color: #56cc9d; border-color: #56cc9d; }
.btn-outline-mint:hover { background-color: #56cc9d; border-color: #56cc9d;}
.alert-mint { color: #013220; background-color: #80CFB8; border-color: #d7ede6; }
.text-mint { color: #9ADBBA; }

/* Maroon - 9e2614 */
.btn-maroon, .btn-maroon.active { color: #fff; background-color: #9E2614; border-color: #5E170C; }
.btn-maroon:hover { background-color: #AB2A16; border-color: #852111; }
.btn-outline-maroon { color: #9E2614; border-color: #AB2A16; }
.btn-outline-maroon:hover { background-color: #9E2614; border-color: #5E170C; }
.alert-maroon { background-color: #e3cbbf; border-color: #d4ada6; color: #212529; }

/* Azure */
.btn-azure, .btn-azure.active { background-color: #87B7E3; border-color: #8BB9E4; color: #000; }
.btn-azure:hover { background-color: #205F7E; border-color: #205F7E; color: #FFF; }
.btn-outline-azure { color: #3498db; border-color: #3498db; }
.btn-outline-azure:hover { color: #fff; background-color: #3498db; border-color: #3498db; }
.alert-azure { color: #004D81; background-color: #DDF4FD; border-color: #d7ede6; }
.text-azure { color: #004D81; }

.text-gray { color: #666; }

.list-no-style { list-style: none; margin-left: 0; padding-left: 0; margin-bottom: 0; }
.list-no-style-sort li { height: 0.5em; }

.height-075em, .h-075em { height: 0.75em !important; }
.height-1em, .h-1em { height: 1em !important; }

/* Light Gray */
.btn-light-gray, .btn-light-gray.active { background-color: #95a5a6; border-color: #95a5a6; }
.btn-light-gray:hover { color: #fff; background-color: #7f8c8d; border-color: #778485; }
.btn-outline-light-gray { color: #95a5a6; border-color: #95a5a6; }
.btn-outline-light-gray:hover { color: #fff; background-color: #95a5a6; border-color: #95a5a6; }

.btn-teal, .btn-teal.active { background-color: #8CC1D0; color: #000; } /* #37565D */ /* 140, 193, 208 */
.btn-teal:hover { background-color: #4F6C74; color: #FFF; } /* 79, 108, 116 */
.btn-outline-teal { color: #008080; border-color: #008080; }
.btn-outline-teal:hover { color: #fff; background-color: #008080;}
.alert-teal { color: #4F6C74; background-color: #b2d8d8; border-color: #92D5D7; }
.text-teal { color: #008080; }

.btn-cornflower, .btn-cornflower.active { background-color: #6495ed; border-color: #ADC4F0; color: #FFF; }
.btn-cornflower:hover, .btn-cornflower:active, .btn-cornflower:focus-visible { color: #000; background-color: #89ADF0 !important; }
.alert-cornflower { background-color: rgb(176, 202, 255); /*rgb(164, 189, 239); */ border-color: rgb(140, 177, 207); /* #4E74BA; */ }
.text-cornflowre { color: #6495ed; }

.btn-pink, .btn-pink.active { background-color: #e75480; border-color: rgb(199, 89,121); color: #FFF; }
.btn-pink:hover { background-color: #DE507A; border-color: rgb(199, 89,121); color: #FFF; }
.alert-pink { background-color: #FFCBD2; border-color: #FFAD9E; /* #C789A4; */ /* #4E74BA; */ }
.text-pink { color: #E75480; }

.no-bold { font-weight: normal !important; }

ul.pagination { margin-bottom: 0; }

button.btn-l2, button.btn-l2:active { background-color: #8067A2 !important; color: #FFF !important; }
button.btn-l2:hover { background-color: #56426C; color: #fff; }

#div-login .card-header { font-size: 1.25em; font-weight: bold; }
#search-accordion .accordion-header button { font-weight: bold; }

/* Begin Generic classes */
.alert-purple { background-color: #E2D9F4; border: 1px solid #D6C8F0; color: #6244AA; }
.alert-orange { background-color: #FED9BA; border: 1px solid #FECBA0; color: #7D3F0A; }
.alert-black { background-color: #000000; border: 1px solid #cccccc; color: #FFFFFF; }
.alert-plum { background-color: #E7B8D1; border: 1px solid #ECC7DB; color: #772953; }
.alert-dark-blue { background-color: #245AAE; border: 1px solid #003366; color: #FFFFFF; }
.alert-peach { background-color: #FFEFD5; border: 1px solid #FFDAB9; color: #000; }

.btn-peach { background-color: #FFDAB9; border: 1px solid #FFEFD5; }
.btn-peach:hover { background-color: #FFE4B5; border: 1px solid #FFDAB9; }

.bg-purple { background-color: #CBC3DB; }
.bg-plum { background-color: #E7B8D1; color: #772953; }

.text-purple { color: #6244AA; }
.text-orange { color: #FED9BA; }
.text-plum { color: #772953; }
.text-dark-blue { color: #245AAE;  }
.text-peach { color: #FFEFD5; }

.btn-close { color: #fff !important; }
.alert-dismissible button.btn-close { font-size: 0.75em; }

.container, .container-fluid { padding-left: 0; padding-right: 0; }
.paginate_button.current { background-color: #D1D1D1 !important; color: #000 !important;  }
a.paginate_button.current { color: #000 !important; }
td.total, td.totals, .total, .totals { background-color: #dff0d8 !important; font-weight: bold;}
tr.total > td , tr.totals > td { background-color: #dff0d8 !important; font-weight: bold;}
td.average, td.averages, .average, .averages { background-color: #DAEEF3 !important; font-weight: bold;}
td.diff { background-color: #eee !important; }
.table th { background-color: #F2DEDE; color: #000; }
.even	{ background-color: #FFFFFF; }
.odd	{ background-color: #feffe2; }

td.even	{ background-color: #FFFFFF; }
td.odd	{ background-color: #feffe2; }

tr.even	{ background-color: #FFFFFF !important; }
tr.odd	{ background-color: #feffe2 !important; }
tr.even > td { background-color: #FFFFFF !important; }
tr.odd > td { background-color: #feffe2 !important; }

.table.th-center > th, .table.td-center > td { text-align: center; }
.table th, .table td { vertical-align: middle; }
.table-width-100 { width: 100% !important; }
.table td, .table th { border: 1px solid #000 !important; }
.footer { width: 50%; margin-left: auto; margin-right: auto;  margin-top: 24px; margin-bottom: 24px; }

div.dataTables_wrapper div.dataTables_length select { min-width: 6em !important;  }
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting { padding-right: 0px !important; }

.dataTables_wrapper .dataTables_filter input { background-color: #ccc !important; color: #000;  margin-left: 1em !important;}

table.dataTable { border-collapse: collapse !important; }

.table { border: 1px solid #000; min-width: 250px; }
.table td, .table th { border: 1px solid #000 }
.table th { text-align: center !important; }

.navbar-nav li:hover > ul.dropdown-menu { display: block; }
.breadcrumb { background-color: #123456; padding: 1em; border-radius: 0.5em; margin-top: 0.5em; }
.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; }
.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; }

.ui-autocomplete { position: absolute; z-index: 99999 !important; cursor: default; padding: 0; margin-top: 2px; list-style: none; background-color: #ffffff; border: 1px solid #ccc -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.main-header .navbar-nav[class*="-right"] .dropdown-menu {
  left: auto;   margin-top: -3px;   right: 0; }

.no-underline { text-decoration: none !important; }
.wrapper { max-width: 85%; margin: auto; }
.wrapper-xl { max-width: 95%; margin: auto; }
.wrapper-xxl { max-width: 98%; margin: auto; }

.min-width-175 { min-width: 175px !important; }
.me-neg-1 { margin-right: -0.25rem !important; }
.ms-neg-1 { margin-left: -0.25rem !important; }
.fa-1-5em { font-size: 1.5em; }

.dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; }
.dropdown-menu a:after { transform: rotate(-90deg); position: absolute; right: 6px; top: 1em; }
.dropdown-hover .dropdown-submenu:hover>.dropdown-menu, .dropdown-hover.dropdown-submenu:hover>.dropdown-menu, .dropdown-hover.nav-item.dropdown:hover>.dropdown-menu, .dropdown-hover:hover>.dropdown-menu { display: block; }
.dropdown-submenu >.dropdown-menu { left: 100%; margin-left: 0; margin-top: 0; }
.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu { top: -0.6em; left: 99%; }

.navbar img { max-height: 2em;}
.dataTables_filter { margin-bottom: 0.5em;}

.text-rails-blue { color: var(--rails-blue-color); }
.bg-rails-blue { background-color: var(--rails-blue-color); color: #FFF; }
.bg-total { background-color: var(--total-color); color: #000; }

/*.wrapper .content-wrapper { min-height: calc(100vh - calc(4.5rem - 1px) - calc(4.5rem - 1px)); } */
.wrapper .content-wrapper { min-height: calc(100vh - calc(8.5rem + 3px)); }
.wrapper-xxl { min-height: calc(100vh - calc(9.0rem + 0px)); }

.w-85 { width: 85%; }
.w-95 { width: 95%; }
.w-7 { width: 7em; }

.table thead th {
  position: sticky;
  z-index: 1;
}

table thead th:first-child {
  position: sticky;
  z-index: 2;
}
table tbody th {
  position: sticky;
  z-index: 1;
}

.table-striped tbody tr:nth-of-type(odd) td { background-color: #FEFFE2; }
.table-hover tbody tr:nth-of-type(even) td { background-color: #FFF; }

.btn-block { width: 100%; }

.breadcrumb-item.active { color: #ccc; }
.breadcrumb-item+.breadcrumb-item::before { color: #fff; }

label:not(.form-check-label):not(.custom-file-label) { font-weight: 700; }
label { margin-bottom: 0.5em; }

/* PHP Info styling */
#php-info {}
#php-info pre {margin: 0; font-family: monospace;}
#php-info a:hover {text-decoration: underline;}
#php-info table {border-collapse: collapse; border: 0; /* width: 934px; */ width: 99%; box-shadow: 1px 2px 3px #ccc;}
#php-info table.tf { table-layout: fixed !important; }
#php-info .center {text-align: center;}
#php-info .center table {margin: 1em auto; text-align: left;}
#php-info .center th {text-align: center !important;}
#php-info td, th {border: 1px solid #666; /* font-size: 75%; */ vertical-align: baseline; padding: 4px 5px;}
/* #php-info h1 {font-size: 150%;}
#php-info h2 {font-size: 125%;}
*/
#php-info .p {text-align: left;}
#php-info .e {background-color: #ccf; /* width: 300px; */ width: 30%; font-weight: bold;}
#php-info .h {background-color: #99c; font-weight: bold;}
#php-info .v {background-color: #ddd; /* max-width: 300px; */ overflow-x: auto; word-wrap: break-word;}
#php-info .v i {color: #999;}
#php-info img {float: right; border: 0;}
#php-info hr {width: 934px; background-color: #ccc; border: 0; height: 1px;}

@media (max-width: 575.98px) {
  .main-header .navbar-nav[class*="-right"] .dropdown-menu {
	left: 0;
	right: auto;
  }
}