/* ---- Global Form Rules ---- */
#applicationHost .form-control,
#applicationHost input[type="text"]
{
  border-radius: 5px!important;
  border-color: #8C8C8C!important;
  border-width: 1px;
}

#applicationHost .form-control:focus,
#applicationHost input[type="text"]:focus,
#applicationHost a:focus {
  border-color: var(--col-pri-01)!important;
  box-shadow: 0 0 0 1px var(--col-pri-01)inset!important;
}

#applicationHost .white-block {
  border-radius: 5px;
}
#applicationHost .panel-heading {
  border-radius: 5px!important;
}

#applicationHost .icon.icon-accordion-expand:before {
  color: var(--col-pri-01)!important;
}

.datetimepicker .datetimepicker-days .day.today {
  background-image: none!important;
  background-color: var(--col-pri-05)!important;
}

.datetimepicker .datetimepicker-days .day.active {
  background-color: var(--col-pri-01)!important;
}

/* ---- Table Rules ---- */
#applicationHost hr {
  border-color: var(--col-pri-01)!important;
}

#applicationHost .table-panel-header .col-xs-12 h3 {
  border-radius: 5px!important;
}

#applicationHost .table-panel button:hover {
  background-color: var(--col-pri-03)!important;
}

#applicationHost .panel-body .btn-primary.pull-right {
  border-radius: 5px!important;
}

#applicationHost .panel-body .btn-primary.pull-right.error {
  border-radius: 5px!important;
  color: white!important;
}

#applicationHost .page-sub-header h2 {
  color: var(--col-pri-03)!important;
}

#applicationHost .table .label-danger {
  background-color: var(--col-alert-err)!important;
}

#applicationHost .ato-reveal-btn button:focus {
  border-color: var(--col-pri-01)!important;
  outline-color: var(--col-pri-01)!important;
}

/* ---- Global Alert Rules ---- */
#applicationHost .alert {
  border: none!important;
  border-radius: 5px!important;
  box-shadow: 0px 1px 2px rgba(112, 144, 176, 0.3)!important;
  color: #333333!important;
}

#applicationHost .alert h4 {
  color: #333333!important;
  font-size: 18px!important;
}
/* ---- Attention Alert ---- */
#applicationHost .alert-attention {
  background-color: var(--col-grey-05)!important;
  border-left: 10px solid var(--col-sec-17)!important;
}

/* ---- Success Alert ---- */
#applicationHost .alert-success {
  background-color: var(--col-tat-05)!important;
  border-left: 10px solid var(--col-alert-suc)!important;
}

#applicationHost .alert-success:before {
  color: var(--col-alert-suc)!important;
}

/* ---- Warning Alert ---- */
#applicationHost .alert-warning {
  background-color: var(--col-tat-03)!important;
  border-left: 10px solid var(--col-alert-war)!important;
}

#applicationHost .alert-warning .alert-heading {
  font-size: 20px!important;
  color: var(--col-pri-02)!important;
}

#applicationHost .alert-warning::before {
  color: var(--col-alert-war)!important;
}

#applicationHost .alert-warning .white-block p[style="color: #c74f23"] { /* Random alert that has inline styling */
  color:#150925!important;
  font-size: 20px!important;
  font-weight: 700!important;
}

/* ---- Error Alert ---- */
#applicationHost .alert-danger {
  background-color: var(--col-tat-01)!important;
  border-left: 10px solid var(--col-alert-err)!important;;
}

#applicationHost .alert h4, #Group1ErrorTitle {
  font-size: 20px!important;
  color: var(--col-pri-02)!important;
}

#applicationHost .alert-danger::before {
  color: var(--col-alert-err)!important;
}

/* ---- Information Alert ---- */
#applicationHost .alert-info {
  background-color: var(--col-pri-06)!important;
  border-left: 10px solid var(--col-pri-01)!important;
}

#applicationHost .alert-info::before {
  color: var(--col-pri-01);
  margin-top: -3px;
}

#applicationHost .alert-info .alert-heading{
  font-size: 20px!important;
  color: var(--col-pri-02)!important;
}

/* ---- Checkbox Input ---- */
#applicationHost .checkbox > label:before {
  position: absolute!important;
  margin-left: .25em;
  top: 50%!important;
  transform: translate(0, -50%);
  border-color: #8C8C8C;
  color: var(--col-pri-01)!important;
  margin-top: 0px;
  top: 0px;
}

#applicationHost .checkbox > input:focus + label:before {
  box-shadow: none!important;
  border-color: #8C8C8C!important;
}

#applicationHost .form-group .checkbox input[type="checkbox"]:checked + label::before {
  border-color: var(--col-pri-01)!important;
  outline: solid 1px var(--col-pri-01)!important;
  background-color: var(--col-pri-06)!important;
}

/* ---- Radio Input ---- */
#applicationHost .radio input[type="radio"]:checked + label::before {
  background-color: var(--col-pri-01)!important;
  outline: solid 2px var(--col-pri-01)!important;
  border-color: var(--col-pri-06)!important;
}

#applicationHost .radio input[type="radio"] + label::before {
  margin-top: -14px;
  outline: 2px solid transparent;
}

#applicationHost .radio input[type="radio"]:checked + label {
  outline: solid 1px var(--col-pri-01); /* Using outline here to stop shifting the element; 1px width combined with the existing border results in 2px combined width as per ZeroHeight specifications */
  border-color: var(--col-pri-01);
}

#applicationHost .radio input[type="radio"]:checked + label::before {
  background-color: var(--col-pri-01)!important;
  outline: solid 2px var(--col-pri-01)!important;
  border-color: var(--col-pri-06)!important;
}

/* ---- Primary Button ---- */
#applicationHost .btn-primary {
  background-color: var(--col-pri-01)!important;
  border-radius: 24px!important;
  border-color: var(--col-pri-01)!important;
}
.calc-modal .btn-primary {
  background-color: var(--col-pri-01)!important;
  border-color: var(--col-pri-01)!important;
}

#applicationHost .btn-primary:focus {
  box-shadow:none!important;
  outline:none!important;
}

#applicationHost .btn-primary:hover {
  background-color: var(--col-pri-03)!important;
}

/* ---- Secondary Button ---- */
#applicationHost .btn-default.btnFull,
#applicationHost .btn-default,
#applicationHost .btn-secondary {
  border-radius: 24px!important;
  border: solid 2px var(--col-pri-01)!important;
  color: var(--col-pri-01)!important;
  font-weight: 700!important;
  background-color: white!important;
}

#applicationHost .btn-default.btnFull:hover,
#applicationHost .btn-default:hover,
#applicationHost .btn-secondary:hover {
  background-color: #f5f5f5!important;
}

#applicationHost .btn-default:focus,
#applicationHost .btn-secondary:focus {
  border: solid 2px var(--col-pri-01)!important;
  box-shadow:none!important;
  outline: none!important;
}

/* ---- Help ---- */
#applicationHost .icon.icon-help {
  color: var(--col-pri-01)!important;
}
#applicationHost .help-sidebar-inner .category {
  color: var(--col-pri-04)!important;
}

#applicationHost .help-sidebar .accordion-info>.panel>.panel-heading>.panel-title.collapsed:after {
  color: var(--col-pri-04)!important;
}


/* ---- Dropdown ---- */
#applicationHost .sel-style .form-control:focus {
  border: solid 2px var(--col-pri-01)!important;
}

#applicationHost .sel-style:after  {
  background-color: var(--col-pri-01)!important;
}

#applicationHost .sel-style:hover:after  {
  background-color: var(--col-pri-03)!important;
}

#applicationHost table.adaptive .expand-cell a {

color: var(--col-pri-01) !important

}

#applicationHost [tabindex]:focus, #applicationHost a:focus {

border: 1px var(--col-pri-01) solid !important;
border-color: var(--col-pri-01) !important;
outline: var(--col-pri-01) !important;
box-shadow: 0 0 0 1px var(--col-pri-01) !important;
}

#applicationHost .table-panel-header button:focus {
background-color: var(--col-pri-03) !important
}

#applicationHost .table-panel-header button {
border-radius: 24px !important;
}

#applicationHost ul.pagination > li.active a {
  background-color: var(--col-pri-05) !important;
  color: var(--col-pri-02);
}

#applicationHost ul.pagination > li:hover a, #applicationHost ul.pagination > li.active:hover a  {
  background-color: var(--col-pri-01) !important;
  color: var(--col-grey-06);
  border-color: var(--col-pri-01);
}

#applicationHost ul.pagination > li a {
  background-color: var(--col-grey-06);
  color: var(--col-pri-01);
  font-weight: var(--font-weight-semibold);
}

#applicationHost ul.pagination :focus {
  outline:none !important;
}

#applicationHost .alert-attention {
background-color: var(--col-pri-05) !important;
border-left: 10px solid var(--col-sec-09) !important;

}

#applicationHost .form_datetime .input-group-addon {
background-color: var(--col-pri-01) !important;
}

#applicationHost :focus {
outline: var(--col-pri-01) !important;
}

#applicationHost .table > tbody > tr.table-info > td {

background-color: var(--col-pri-04) !important;
}

#mainArea .alert-attention, #mainArea .alert-info  {
  border-left: 4px solid #005cd5;
}

#mainArea .alert-attention, #mainArea .alert-info {
  background-color: #ceebf8 !important;
}
  
#mainArea .alert-info::before {
color: #3844ca;
}  

.calculator-print-page h2 {
color: #000 !important;
font-weight: 700 !important;
}

.calculator-print-page #mainArea h3 {
font-weight: 600 !important
}

#applicationHost .help-sidebar-inner .category {
font-size: 1.2em;
margin-bottom: 10px;
margin-top: 20px;
font-weight: bold;
}

#applicationHost .help-sidebar-inner a:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

#applicationHost .table-panel-header button {
	background-color: var(--col-pri-01) !important;
}

@media not print {
	a[target="_blank"]::after {
		background-color: #4466da !important;
}
}