@charset "utf-8";

.entry {
    font-family: Arial, Helvetica, sans-serif;
    margin: 5%;
    font-size: 12pt;
}

.logout {
    float: right;
    margin-right: 10%;
}

.deletebutton {
    width: 70px;
}

.editbutton {
    width: 70px;
}

.currentoption {
    margin-left: 5%;
    margin-right: 5%;
}

.currentoption legend {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;

}

.membersList {
    border: 1px solid #516995;
    width: 500px;

}

.membersType {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    background-color: #516995;
    line-height: 28px;
    width: 450px;
}

.membersState {
    color: #516995;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
}

.optionInternal {
    margin-top: 30px;
    height: 150px;

}

.option {
    padding-left: 6%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin-top: 30px;
    font-size: 14px;
}

.optionlist {
    float: left;
    width: 300px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    padding-left: 30px;
}

.optionlist select {
    padding-left: 5px;
    margin-bottom: 5px;

}

.optionRight {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    width: 300px;
    text-align: right;
    margin-right: 30px;
}

.paybutton {
    margin-left: 52%;
    padding-left: 20px;
    padding-right: 20px;
    width: 150px;
}

.login {
    font-family: Arial, Helvetica, sans-serif;
    background-position: center;
    width: 164px;

}

.login fieldset {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 10px;

}

.login label {
    padding-left: 10%;
}

.login legend {
    font-size: 14pt;
    padding-bottom: 10px;
}

* {
    margin: 0pt;
    padding: 0pt;
}

a {
    color: #0063C7;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

/* WCAG 1.4.1: Add Another Request link - sufficient contrast and non-color differentiation */
a.add-request-link {
    color: #003d82;
    text-decoration: underline;
    font-weight: bold;
}

a.add-request-link:hover {
    color: #0056b3;
    text-decoration: underline;
}

/* WCAG 1.4.1: Tooltip links - sufficient contrast (3:1 minimum) and non-color differentiation */
a[rel="tooltip"] {
    color: #003d82;
    text-decoration: underline;
    font-weight: bold;
    border-bottom: 1px dotted #003d82;
}

a[rel="tooltip"]:hover,
a[rel="tooltip"]:focus {
    color: #001f41;
    text-decoration: underline;
    border-bottom: 1px solid #001f41;
}

body {

    /*background:url(images/-left.jpg) top left repeat-x;*/
    /*background-color:#EFEFEF;*/
    color: #3C3C3C;
    font-family: Tahoma;
    font-size: 11px;
    line-height: 14px;
    height: 100%;
}

h1 {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 3.36em;
    font-weight: bold;
    letter-spacing: -3px;
    line-height: 1.01em;
    text-transform: uppercase;
}

h1 a {
    color: #FFFFFF;
    text-decoration: none;
}

h2 {
    color: #1465A4;
    font-size: 1.01em;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;
    text-transform: uppercase;
}

ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#container {
    background-color: #FFFFFF !important;
    /*background:#FFFFFF;*/
    /*border-left:#CCCCCC 1px solid;
    border-right:#CCCCCC 1px solid;
    border-bottom:#CCCCCC 1px solid;*/
    margin-right: auto !important;
    margin-left: auto !important;
    display: block !important;
    width: 980px !important;
}

#content {
    width: 900px;
    min-height: 500px;
}

#loginbox {
    width: 164px;
    height: 400px;
    border-top: #FFFFFF 20px solid;
    background-color: #FFFFFF;
    float: left;

}

.label {
    width: 168px;
    height: 28px;
    /*background:url(images/label.jpg) top no-repeat;*/
    color: #516995;
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    padding-top: 7px;
    /*padding-left:15px;*/

}

.popout {
    background-color: #FFFFFF;
    min-height: 500px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
}

.popout h3 {
    font-size: 16px;
    font-weight: 700;
}

.popout a {
    color: blue;
    text-decoration: underline;
}

.popout ul {
    padding-left: 20px;
    list-style-image: url('images/arrow.gif');
    list-style-position: outside;
    list-style-type: none;
}

.popout .howitworkscontainer {
    font-size: 80%;
    margin-top: 2px;
}

.popout .boldfont {
    font-weight: bold;
}

.popout .leftcol {
    float: left;
    width: 450px;
}

.popout .rightcol {
    float: left;
    width: 325px;
}

.leftcoltextblock {
    padding: 0 20px 0 40px;
}

.rightcoltextblock {
    padding: 10px 5px 0 5px;
}

#content .mainbody {
    padding: 25px 50px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
}

#content .mainbody .redtext {
    color: #FF0000;
}

#content .mainbody i {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#content .mainbody .clist1 {
    text-align: center;
    padding-top: 25px;
    width: 150px;
    float: left;

}

#content .mainbody .clist2 {
    text-align: center;
    padding-top: 25px;
    width: 550px;
    float: right;

}

#content .mainbody .textclist {
    padding: 5px;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    font-size: 12px;
    padding-top: 10px;
    height: 50px;

}

#content .mainbody .breadcrumb {
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#content .mainbody .confirmation {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

#content .mainbody .confirmationtime {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

#content .mainbody .finalcit {
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

#content .mainbody fieldset {
    padding: 20px;
    width: 70%;
    border: 1px solid #666666;
}

#content .mainbody fieldset .countylist {
    width: 150px;
}

#content .mainbody .citation fieldset {
    padding: 10px;
    width: 25em;
    border: 1px solid #666666;
}

#content .mainbody .citation1 fieldset {
    float: left;
    padding: 5px;
    width: 325px;
    border: 1px solid #666666;
    height: 235px;
}

#content .mainbody .citation2 fieldset {
    float: right;
    padding: 5px;
    width: 325px;
    border: 1px solid #666666;
    height: 235px;
}

#content .mainbody .citation3 fieldset {
    padding: 5px;
    width: 650px;
    border: 1px solid #666666;
    min-height: 190px;
}

#content .mainbody .citation4 fieldset {
    padding: 5px;
}

#content .mainbody .citation1 {
    height: 250px;
    float: left;
    text-align: left;
}

#content .mainbody .citation2 {
    height: 250px;
    text-align: left;
}

#content .mainbody .citation3 {
    margin: auto;
    padding: 13px;
    min-height: 180px;
    text-align: left;
}

#content .mainbody .citation4 {

    margin: auto;

}

#content .mainbody .citation4 td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: auto;
}

#content .mainbody .citation4 .citamount {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

#content .mainbody .citation4 h5 {
    border-bottom: #000000 1px solid;
    color: #143D6B;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 17px;
    height: 20px;

}

#content .mainbody .citation4 .boxes .span {
    padding-bottom: 25px;
}

#content .mainbody .statesdrop {
    width: 50px;
}

#content .mainbody .expdrop {
    width: 55px;
}

#content .mainbody .textzip {
    width: 75px;
}

#content .mainbody .textdob {
    width: 80px;
}

#content .mainbody legend {
    color: #3D3D3D;
    padding: 2px 6px

}

#content .mainbody .boxes {
    padding: 10px 40px;

}

#content .mainbody .statusheader table {
    padding: 10px 0px 10px 0px;

    border-top: 1px solid #CCCCCC;
}

#content .mainbody .statusheader th {
    background-color: #ffae;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 1px solid #999999;
}

#content .mainbody .statusheader tr.row1 {
    background-color: #E8E8E8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#content .mainbody .statusheader td {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;

}

#content .mainbody .citation4 .boxes {
    padding: 0px 40px;

}

#content .mainbody .citation .boxes {
    padding: 10px 20px;

}

#content .mainbody .citation1 .boxes {
    padding: 5px 10px;

}

#content .mainbody .citation2 .boxes {
    padding: 5px 10px;

}

#content .mainbody .citation3 .boxes {
    padding: 5px 10px;

}

#content .mainbody .citation4 td {
    height: 17px;
}

#content .mainbody .citation4 .boxes td {
    text-align: left;
    height: 22px;
    width: 160px;

}

#content .mainbody .citation4 .boxes .citamount {
    text-align: left;
    color: #FF0000;
}

#content .mainbody .boxes p {
    line-height: 17px;

}

#content .mainbody .citation .boxes p {
    padding-bottom: 2px;

}

#content .mainbody .citation1 .boxes p {
    padding-bottom: 2px;

}

#content .mainbody .citation2 .boxes p {
    padding-bottom: 2px;

}

#content .mainbody .citation3 .boxes p {
    padding-bottom: 2px;

}

#content .mainbody .citation4 .boxes p {
    padding-bottom: 2px;

}

#content .mainbody label {
    width: 7em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
}

#content .mainbody .citation label {
    width: 10em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
}

/*#content .mainbody .citation1 select {
width: auto;
}*/

#content .mainbody .citation1 label {
    width: 11em;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: right;
    margin-right: 0.5em;
}

#content .mainbody .citation2 label {
    width: 11em;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: right;
    margin-right: 0.5em;
}

#content .mainbody .citation3 label {
    width: 15em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: right;
    margin-right: 0.5em;
}

#content .mainbody .citation4 label {
    width: 20em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: right;
    margin-right: 0.5em;
}

#content .mainbody .citation2 .payfont {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;

}

#content .mainbody .citation2 .boxes .checkpayment {
    display: block;
}

#content .mainbody .citation2 .boxes .creditpayment {
    display: none;
}

#content .mainbody .citation1 .boxes input.text {
    width: 125px;
}

#content .mainbody .citation2 .boxes input.text {
    width: 125px;
}

#content .mainbody .citation3 .boxes input.text {
    width: 150px;
}

.required {
    background-color: #FEF1D6;
}

.optional {
    background-color: #99DDAA;
}

.readonly {
    background-color: #88CCFF;
}

#content .mainbody .citation2 .boxes input.cvv {
    width: 40px;
}

#content .mainbody .citation2 .boxes .creditpayment .cvvlink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
}

#content .mainbody .citation3 .boxes  .cvvlink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
}

#content .mainbody .citation3 .boxes  .cvvlink1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
}

#content .mainbody .citation3 .boxes select {
    width: 75px;
}

#content .mainbody .citation2 .boxes .creditpayment .select {
    width: 100px;
}

#content .mainbody select {
    width: 125px;
}

#content .mainbody textarea {
    width: 550px;
    height: 350px;
}

#content .mainbody .citation4 textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    width: 200px;
    height: 50px;
    text-align: left;
}

#content .mainbody .submit {
    font-size: 84%;
    font-weight: bold;
    width: 100px;
    height: 25px;
    color: #FFF;
    background: #221a25;

}

#content .mainbody .submitcitation {
    padding-top: 12px;
}

#content .mainbody .submitcitation1 {
    padding-top: 20px;
}

#content .mainbody .submitcitationbutton {
    font-size: 84%;
    font-weight: bold;
    width: 125px;
    height: 25px;
    color: #FFF;
    background: #221a25;

}

#content .mainbody .submitconfirmationbutton {
    font-size: 84%;
    font-weight: bold;
    width: 150px;
    height: 25px;
    color: #FFF;
    background: #221a25;

}

#content .mainbody .editcitationbutton {
    font-size: 84%;
    font-weight: bold;
    width: 125px;
    height: 25px;
    color: #FFF;
    background: #221a25;

}

.nextpage {
    font-size: 84%;
    font-weight: bold;
    width: 125px;
    height: 25px;
    color: #FFF;
    background: #221a25;

}

#content .indent {
    padding: 26px 0px 20px;
}

#header {
    margin: auto;
    padding: 0pt;
    height: 100%;
    vertical-align: top;

}

/*#header .col1head {
background:url(images/-left.jpg) top left repeat-x;
height:200px;
}

#header .col4head {
background:url(images/-right.jpg) top right repeat-x;
height:200px;
width:100%;
}*/

#header .col2head {

    padding: 0px;
    margin: 0px;
    width: 900px;
    height: 183px;
    /*background:url(images/webfeepay.com.header.jpg) no-repeat right top;*/
}

/*
#header .col2head img {
vertical-align:bottom;
}*/

/*
#header .col3head {
background:url(images/header-bottom.jpg) right top;
line-height:17px;
height:53px;
padding:0px;
margin:0px;
float:auto;
width:539px;
text-align:center;
*/
/*background:#6c755a right top;
padding:0px;
margin:0px;
float:right;
width:543px;
} */

#header .col3head .text {
    background: url(images/webfeepay.com.menu.jpg) top repeat-x;
    height: 40px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 9px;
    text-align: center;
    color: #FFF;

}

#header .col3head .text a {

    text-decoration: none;
    color: #FFF;
    text-align: center;
}

#header .col3head .text a:hover {

    text-decoration: underline;
}

/*
#header .col4head {
float:right;
width:543px;
height:16px;
background:url(images/header-bottom3.jpg);
}
#left_column {*/

/*
#left_column .in1 {
background:transparent url(../images/tnclerkimages/css/l_col_tall.gif) repeat-y scroll left top;

}
#left_column .in2 {
background:transparent url(../images/tnclerkimages/css/top.jpg) no-repeat scroll left top;
width:100%;

}
#left_column .in3 {
background:transparent url(../images/tnclerkimages/css/bottom.jpg) no-repeat scroll left bottom;
width:100%;

}
#left_column .in4 {
padding:24px 60px 10px 42px;
}
*/

#center_column {
    float: left;
    width: 60%;

}

#center_column .indent {
    padding: 10px;
}

#countyselect {
    font-family: Tahoma;
    font-size: 13px;
    width: 145px;
    font-weight: 600;
}

#selecter {
    width: 100%;
}

#selecter .sel1 {
    padding-top: 50px;
    padding-right: 12px;

}

#clerkinfo {
    margin: 0px;
    padding-top: 10px;
    width: 100%;
    height: 190px;
}

#clerkinfo .col1 {
    float: left;
    padding-left: 4px;
    padding-top: 40px;
    width: auto;
}

#clerkinfo ul {
    margin: 0pt;
}

#clerkinfo .indentionheader {
    color: #383838;
    line-height: 1.81em;
    padding-left: 5px;
    font-weight: bold;
    font-size: 13px;
}

#clerkinfo .indention {
    color: #383838;
    line-height: 1.81em;
    padding-left: 10px;
    font-size: 12px;
}

#clerkinfo .col2 {
    float: right;
    padding-right: 4px;
    width: auto;
}

#footer {

    margin: auto;
    padding: 0pt;
    height: 31px;
    /*background:#FFFFFF url(images/footer3.jpg) no-repeat center bottom;*/
    color: #FFFFFF;
    width: 900px; /*IE width*/
}

#footer .text {
    color: #000000;
    font-size: 14px;
    padding-top: 1px;
    text-align: left;
}

#footer .copyright {
    color: #000000;
    font-size: 12px;
    padding-top: 1px;
    text-align: center;
    font-weight: bold;
}

#footer a {
    color: #565656;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

/*
#divider {
margin:0px;
background:transparent url(../images/tnclerkimages/css/titleback.gif) repeat-x scroll left bottom;
padding-top:20px;
padding-bottom:20px;
width:100%;
}
*/

#maininfo {
    color: #383838;
    line-height: 1.81em;
    padding-left: 5px;
    font-size: 12px;
    padding-top: 50px;
    padding-bottom: 265px;
    width: 100%;
    margin: auto;
}

#center_column .clerkpic {
    float: right;
    background-position: top;
}

#center_column .clerkwording {
    float: left;

}

#categories {
    vertical-align: top;
}

.widget_style {
    margin-bottom: 15px;
    width: auto;
}

.widget_style ul {
    margin: 0pt;
}

.widget_style li {
    color: #383838;
    line-height: 1.81em;
    padding-left: 11px;
}

.widget_style li a {
    color: #383838;
    text-decoration: underline;
}

.widget_style li a:hover {
    text-decoration: none;
}

#county_box {
    display: none;
}

#option_box {
    display: none;
}

.messageAndOptions {
    text-align: right;
    padding: 300px;
}

.keyTable {
    padding: 5px;
}

.keyTable td {
    padding: 0px 4px;
    font-size: 12px;
}

.keyTable td.required, .keyTable td.optional {
    border: 1px solid black;
}

.wd-900{
	width:900px !important;
}
.title-cls{
	 font-size:13px !important;
	 font-weight:bold !important;
	 text-align: center !important;
}
.fn-size-11{
	font-size:11px !important;
}
.txt-right{
    text-align: right !important;
}

/* ============================================
   WCAG 2.1 SC 1.4.11 - Non-text Contrast
   Form controls must have 3:1 contrast minimum
   ============================================ */

/* Override Bootstrap's low-contrast borders (#cccccc = 1.6:1 FAILS) */
.form-control,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="file"],
select,
textarea {
    border: 2px solid #767676 !important; /* 4.5:1 contrast - WCAG AAA */
}

/* Focus states - must be highly visible */
.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="file"]:focus,
select:focus,
textarea:focus {
    border-color: #005a9c !important;
    outline: 2px solid #005a9c !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(0, 90, 156, 0.25) !important;
}

/* Hover states */
.form-control:hover,
input:hover,
select:hover,
textarea:hover {
    border-color: #595959 !important; /* 7:1 contrast */
}

/* Required fields - ensure border contrasts with yellow background */
.required,
input.required,
select.required,
textarea.required {
    border: 2px solid #8B7355 !important; /* 4.5:1 vs #FEF1D6 */
}

.required:focus,
input.required:focus,
select.required:focus,
textarea.required:focus {
    border-color: #5C4A38 !important;
    outline: 2px solid #5C4A38 !important;
    outline-offset: 2px;
}

/* Optional fields - ensure border contrasts with green background */
.optional,
input.optional,
select.optional,
textarea.optional {
    border: 2px solid #2D6B3D !important; /* 4.5:1 vs #99DDAA */
}

.optional:focus,
input.optional:focus,
select.optional:focus,
textarea.optional:focus {
    border-color: #1F4A2A !important;
    outline: 2px solid #1F4A2A !important;
    outline-offset: 2px;
}

/* Readonly fields - ensure border contrasts with blue background */
.readonly,
input.readonly,
input[readonly],
select.readonly,
select[readonly],
textarea.readonly,
textarea[readonly] {
    border: 2px solid #1565A0 !important; /* 4.5:1 vs #88CCFF */
}

.readonly:focus,
input.readonly:focus,
input[readonly]:focus,
select.readonly:focus,
select[readonly]:focus,
textarea.readonly:focus,
textarea[readonly]:focus {
    border-color: #0D4573 !important;
    outline: 2px solid #0D4573 !important;
    outline-offset: 2px;
}

/* Disabled fields */
.form-control[disabled],
.form-control:disabled,
input[disabled],
input:disabled,
select[disabled],
select:disabled,
textarea[disabled],
textarea:disabled {
    border: 2px solid #767676 !important;
    cursor: not-allowed;
    opacity: 0.7;
}

/* Checkboxes and Radio Buttons - improve visibility */
input[type="checkbox"],
input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #767676 !important;
    background-color: #ffffff;
    cursor: pointer;
    margin: 4px 8px 4px 4px;
    vertical-align: middle;
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
    outline: 2px solid #005a9c !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(0, 90, 156, 0.25) !important;
}

input[type="checkbox"]:hover,
input[type="radio"]:hover {
    border-color: #595959 !important;
}

input[type="checkbox"]:checked {
    background-color: #005a9c !important;
    border-color: #005a9c !important;
}

input[type="radio"]:checked {
    background-color: #ffffff !important;
    border-color: #005a9c !important;
    border-width: 5px !important;
}

/* Buttons - ensure visible borders */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
.submit,
.submitcitationbutton,
.submitconfirmationbutton,
.editcitationbutton,
.nextpage,
.paybutton,
.deletebutton,
.editbutton {
    border: 2px solid #003d5c !important;
    min-height: 44px;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.btn:hover {
    border-color: #005a9c !important;
}

button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
.btn:focus {
    outline: 2px solid #005a9c !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(0, 90, 156, 0.25) !important;
}

button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
.btn:active {
    border-color: #003d5c !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

/* Validation states */
.has-error .form-control,
.has-error input,
.has-error select,
.has-error textarea {
    border-color: #a94442 !important;
    border-width: 2px !important;
}

.has-warning .form-control,
.has-warning input,
.has-warning select,
.has-warning textarea {
    border-color: #8a6d3b !important;
    border-width: 2px !important;
}

.has-success .form-control,
.has-success input,
.has-success select,
.has-success textarea {
    border-color: #3c763d !important;
    border-width: 2px !important;
}

/* Select dropdowns - custom arrow for visibility */
select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"%3E%3Cpath fill="%23333333" d="M6 8L0 0h12z"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
    padding-right: 32px !important;
}

/* Placeholder text contrast */
::-webkit-input-placeholder {
    color: #767676 !important;
    opacity: 1;
}

::-moz-placeholder {
    color: #767676 !important;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #767676 !important;
    opacity: 1;
}

::placeholder {
    color: #767676 !important;
    opacity: 1;
}