﻿a.min-touch-target {
    display: inline-block;
    min-width: 44px;
    min-height: 44px;
    line-height: 44px; /* vertically center text if needed */
    padding: 10px; /* optional: for touch comfort */
    box-sizing: border-box;
}

.titleForFocus {
    border: none !important;
    text-align: center !important;
    color: #046B99 !important;
    line-height: 1.2em !important;
    background: none !important;
    font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif !important;
    width:100% !important;
}
.titleForFocus:focus {
    border: none !important;
    border-color: white !important;
    outline-color: white !important;
    outline: none !important;
}

.ajax__calendar .ajax__calendar_container {
    width: 300px;
}
.ajax__calendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: #ffffff;
    color: #000000;
    width: 200px;
}

.accordionHeader16 {
    font-size: x-large;
    font-weight: bold;
}

.addFocusForADA:focus {
    border-color: #66afe9;
    outline: 0;
}

.addressCity {
    width: 57%;
    float: left;
    margin-right: 0;
    margin: 0;
    padding-top: 10px;
}

.addressState {
    width: 20%;
    float: left;
    margin-left: 4%;
    margin-right: 0;
    padding-top: 10px;
}

.addressZip {
    width: 15%;
    float: left;
    margin-left: 4%;
    margin-right: 0;
    padding-top: 10px;
}

.cbxfix Input {
    float: left;
    margin: .4em 0 0 0 !important;
}

.cbxfix Label {
    width: 95%;
    font-size: 14px;
}

.header1 {
    font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
    font-stretch: condensed;
    font-weight: normal;
    color: #046B99;
    font-size: 2em;
    text-align: center;
}

.header2 {
    font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
    font-stretch: condensed;
    font-weight: normal;
    font-size: 1.3em;
    background: rgb(235, 246, 255);
    text-align: center;
    padding: 6px 0;
    background-color: #025E8D !important;
    border-color: #034867 !important;
    color: white;
}

.header12Bold {
    font-size: medium;
    font-weight: bold;
}

.header12 {
    font-size: medium;
}

.header14Bold {
    font-size: large;
    font-weight: bold;
}

.header14 {
    font-size: large;
}

.header16Bold {
    font-size: x-large;
    font-weight: bold;
}

.header16 {
    font-size: x-large;
}

.header24 {
    font-size: xx-large;
}

.highlightWarning {
    background-color: yellow;
    color: #A80000;
}

.italicBlack {
    color: #333333;
    font-style: italic;
}

.italic {
    font-style: italic;
}

/*.multilineTextboxFocus:focus multilineTextboxFocus:hover {
    color: white;
    background-color: black;
    text-decoration: none;
}*/

.onlineServicesButton {
    font-size: inherit;
}

.radioButtonGroupLegend {
    font-size: 1em !important;
}

.reviewheader3 {
    float: right;
    font-stretch: condensed;
    font-weight: normal;
    font-size: 1.6em;
    border-top: 2px solid #bcbcbc;
    border-bottom: 2px solid #bcbcbc;
    line-height: 1.231;
    width: 92%!important;
}

/*Red text Stuff*/
.bold {
    font-weight: bold;
}
.redText {
    color: #A80000;
}
.redUnderline {
    border-bottom: 1px solid #A80000;
}
.redUnderlineBold {
    border-bottom: 3px solid #A80000;
}

/* CSLB Force validators to display text in red.  Note that this does NOT work if moved to a .css file. */
.redValidator {
    font-weight: bold !important;
    color: #A80000 !important;
}

.resultCorrect {
    font-weight: bold;
    font-style: italic;
}

.resultIncorrect {
    font-weight: bold;
    font-style: italic;
}

td {
    border: solid 1px black;
}

.testingLabel {
    background-color: #ef7c20;
    border-bottom: 5px solid #002c55;
    border-radius: 8px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: .8em;
    padding-bottom: 10px;
    border-bottom: 2px solid #000;
    width: 100%
}

.trEven {
    height: 50px;
    min-width: 30px;
    background-color: #EEEEEE;
}

.trHead {
    height: 50px;
    min-width: 30px;
    font-weight: bold;
    text-align: center;
}

.trOdd {
    height: 50px;
    min-width: 30px;
}

.boldUnderline {
    border-bottom: 2px solid #000;
}

.warningRed {
    font-size: 15px;
    color: #A80000 !important;
}

.centerStartImage {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 50% !important;
}

li.classification-item {
    padding: 1px 10px 1px 10px;
}

table.fee-table {
    border: none;
}
td.fee-desc {
    padding-right: 10px !important;
    border: none;
}
td.fee-amount {
    border: none;
}
tr:hover {
    background-color: yellow;
}

/*ajaxToolkit:ComboBox*/
/*.CustomComboBoxStyle .ajax__combobox_inputcontainer {
}

.CustomComboBoxStyle .ajax__combobox_textboxcontainer {
    height: 100%;
    width: 100%;
}

    .CustomComboBoxStyle .ajax__combobox_textboxcontainer input {
        height: 100%;
        width: 99%;
    }

.CustomComboBoxStyle .ajax__combobox_buttoncontainer {
}

    .CustomComboBoxStyle .ajax__combobox_buttoncontainer button {
        background-color: #ADD8E6;
        background-position: center;
        background-repeat: no-repeat;
        border: solid 1px Blue;
        margin: 0;
    }

.CustomComboBoxStyle .ajax__combobox_itemlist {
    background-color: Window;
    border: groove 1px ButtonShadow;
    border: groove;
    color: WindowText;
    cursor: default;
    font-size: 16px;
    list-style-type: none;
    margin: 0px;
    outline: none;
    padding: 4px 0;
    text-align: left;
}

    .CustomComboBoxStyle .ajax__combobox_itemlist li {
        padding: 0 3px 0 2px;
        white-space: nowrap;
        width: 100%;
    }*/


/* Test button css */
.test-button {
    background: #ffc;
    border-right: Outset;
    border-top: Outset;
    border-left: Outset;
    border-bottom: Outset;
}


/*
    These overrides are used to fix ADA compliance issues.
*/
.tboxLabel {
    color: black !important;
}
input[id$="_chkMailingComplete"] + label {
    color: black !important;
}
input[id$="_chkStreetComplete"] + label {
    color: black !important;
}

/*a[href] {
    min-width: 45px !important;
    min-height: 45px !important;
    text-decoration: underline;
}*/
.color-black {
    color: black !important;
    font-size: 1rem !important;
}

.popular-pages {
    margin-left: -5% !important;
}
.popular-pages li {
    display: inline-block;
    min-width: 45px !important;
    min-height: 45px !important;
    padding-top: 12px;
    padding-bottom: 12px;
    box-sizing: border-box;
}
.list-overstated li::before, .list-understated li::before {
    content: none;
    left:0;
}
.list-indented-bulleted {
    list-style-type: disc !important;
    margin-left: 15px !important;
}
.CaGovBullet {
    color: black;
    font-family: "CaGov";
    flex-shrink: 0;
    font-size: 0.7em;
    margin-right: 0.5em;
    margin-top: 0.2em;
    line-height: 1.5;
}
.liCaGovBullet {
    margin-bottom: 1em;
}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.legend-black-bold-125rem {
    color: black !important;
    font-weight: bold !important;
    font-size: 1.25rem !important;
    margin-bottom: 0 !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.review-section {
    margin-top: 2em; /* or padding-top */
    border-top: 1px solid #ccc; /* optional visual break */
}

.ada-min {
    min-width: 45px !important;
    min-height: 45px !important;
}

.no-margin-left input[type="checkbox"],
.no-margin-left label {
    margin-left: 0 !important;
}

