body {
	background: #f5f5f5;
}
legend {
  font-size: inherit;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  color: #970808!important;
}

#ler-header .container .nav-link, .dropdown-item {
	color: #2c63ae;
	font-family: 'lato', arial;
	font-size: 14px;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #fff;
	text-decoration: none;
	background-color: #2c63ae;
}

#ler-footer .footer {
	padding: 10px;
	background: #555;
	color: #fff;
}
.ler-main-menu-container .nav li a.active {
	background: #f5f5f5;
}
.session-accordion .ui-accordion-header {
	color: #555555;
}
h1 {
	color: #2c63ae;
}
h2 {
	color: #b50c57;
}
h2.marked {
	color: #888;
}
h2.marked strong {
	color: #000;
}
h3 {
	color: #000;
}
h4 {
	color: #622;
}
h5 {
	color: #ff9933;
}
.answer {
	color: #2c63ae;
	padding-top: 5px;
}
.exam h3 {
	color: #000000 !important;
	border-bottom: 1px solid #EBEBEB;
	border-top: 1px solid #EBEBEB;
	background-color: #DDE5F6;
}
.exam ul.answers {
	border: 0 solid #000000;
}
.exam .answers .correct, .exam .correct {
	background-color: #D7EDD9;
	border-color: #C3E4C5;
}
.exam .answers .incorrect, .exam .incorrect {
	background-color: #F6DDDD;
	border-color: #F2CCCC;
}

.exam ul.answers li label:hover {
	background-color: #FFFFE8;
	border: 1px solid #FFFFCC;
}
.exam .exam-button-div {
	border-top: 1px solid #EBEBEB;
}

.btn-primary {
    color: #fff;
    background-color: #2c63ae;
    border-color: #1d689f;
}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	color: #fff;
    background-color: #1d689f;
    border-color: #1d689f;
}

.btn-info {
	background-color: #333F48;
	border-color: #333F48;
}
.btn-info:hover {
	background-color: #000;
	border-color: #000;
}
.form-group .req, .form-group .require, .form-group .required {
	color: #6c0b09;
}

#homepage-tabbed-nav .nav-link, #tabs  .nav-link {
	border-color: #ddd #ddd #fff;
	background-color: #ddd;
	color: #000;
}
#homepage-tabbed-nav .nav-tabs .nav-item.show .nav-link, #homepage-tabbed-nav .nav-tabs .nav-link.active, #tabs .nav-tabs .nav-item.show .nav-link, #tabs .nav-tabs .nav-link.active {
	border-color: #ddd #ddd #fff;
	background-color: #2c63ae;
	color: #fff;
}
.ler-page .ler-lcol .about-box {
	border: 1px solid #d5d2d2;
}
.ler-page .ler-lcol .about-box .heading {
	background: #2c63ae;
}
#ceStatement h1 {
	background-color: #2c63ae;
}
a, a:focus, a:hover {
	color: #2c63ae;
}
.login-header {  background: #464646;}
.login-header h1 {color: #fff;  margin: 0;  padding: 0;  border: none;}
.login-form legend {
  text-align: center;
  font-size: 1rem;
  margin: 1rem 0;
  font-weight: 600;
}
#reset-password-form legend {
  font-size: 14px;
}


/* Grid Header */
.form-field .grid-header {
    display: grid;
    grid-template-columns: 1fr 150px 150px;
    gap: 20px;
    padding: 15px 20px;
    background: #f9f9f9;
    border-bottom: 2px solid #e0e0e0;
    font-weight: 600;
    color: #333;
}

/* Grid Row */
.form-field .grid-row {
    display: grid;
    grid-template-columns: 1fr 150px 150px;
    gap: 20px;
    padding: 15px 20px;
    border-bottom: 1px solid #e0e0e0;
    align-items: center;
}

.form-field .grid-row:hover {
    background: #fafafa;
}

/* Subtotal Row */
.subtotal-row {
    /*display: grid;*/
    grid-template-columns: 1fr 150px 150px;
    gap: 20px;
    padding: 15px 20px;
    background: #f9f9f9;
    font-weight: 600;
    align-items: center;
}

.subtotal-row .label {
    text-align: right;
    color: #333;
}

.subtotal-row .amount {
    text-align: right;
    color: #000;
    font-size: 16px;
}

/* Column Styles */
.session-col {
    color: #333;
}

.ce-hours-col {
    text-align: center;
    color: #666;
}

.fee-col {
    text-align: right;
    color: #333;
}

/* Responsive */
@media (max-width: 768px) {
    .form-field .grid-header,
    .form-field .grid-row,
    .subtotal-row {
        grid-template-columns: 1fr 100px 100px;
        gap: 10px;
        padding: 12px 15px;
        font-size: 14px;
    }
}
.btn.btn-success {
	background:#01660c!important;
	border-color:#01660c!important;
}
.btn-success.focus, .btn-success:focus {
	background:#000!important;
	border-color:#000!important;
	box-shadow:none!important;
}