#html, body
{
top: 0px;
right: 0px;
bottom: 0px;
left: 0px; /*width:520px;*/ /*matches #wrapper & header width property in main CSS file */ /*height: 100%;#04-25-2014 kumar: Avoid scorll bar*/
margin: auto;
}
.form-label-remaining
{
font-size: 62.5%; /*12px;*/
font-style: italic;
font-family: 'Roboto', sans-serif;
font-weight:bold;
color: black; /*display: block;*/ /*make it appear on line by itself*/
}
.form-text:focus
{
background-color: #fff;
}
/*08-26-2016 WCAG 2.0 AA Compliance */
/*========== Vehicle Media styles ==========*/
#ServiceCheck-Iframe {
height: 1300px; /* static height for testing */
}
.form-text {
font-family: 'Roboto', sans-serif;
padding: 0;
}
.intro_header {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 15px;
}
h1.intro_header::after {
content: '*Indicates Required Field';
display: block;
font-family: 'Roboto', sans-serif;
font-style: italic;
font-weight: 300;
font-size: 13px;
line-height: 125%;
margin: 5px 0 35px;
}
.accordionContent {
background-color: none;
border: none;
padding: 0;
padding-top: 20px;
overflow-x: hidden !important;
}
.accordionContent table {
border-collapse: collapse;
}
.accordionHeader,
.accordionHeaderSelected {
border: none;
color: black;
background-color: #FFF200;
font-family: 'Roboto', sans-serif;
font-size: 13px;
padding: 11px 13px;
margin-top: 5px;
font-weight: 400;
cursor: initial;
}
#AccordionPane_ContactInformation_content_MainTable {
border-collapse: collapse;
}
#AccordionPane_ContactInformation_content_Label56 {
display: none;
}
#AccordionPane_ContactInformation_content_TableRow_FirstName + tr td,
#AccordionPane_ContactInformation_content_TableRow_LastName + tr td,
#AccordionPane_ContactInformation_content_TableRow_EmailAddress + tr td,
#AccordionPane_ContactInformation_content_TableRow_EmailAddress_ReEnter + tr td,
#AccordionPane_ContactInformation_content_TableRow_PhoneNumber + tr td,
#AccordionPane_ContactInformation_content_TableRow_Google_FullAddress_Search_Label + tr td,
#AccordionPane_ContactInformation_content_TableRow_Cust_Address_Line2_Label + tr td,
#AccordionPane_ContactInformation_content_TableRow_Cust_City_State_Zip_Label + tr td {
position: relative;
}
#wrapper input,
#wrapper button,
#wrapper textarea,
#wrapper select {
-o-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: 1px solid black;
border-radius: 0;
color: black;
font-family: 'Roboto', sans-serif;
font-size: 13px;
}
#wrapper input::-webkit-input-placeholder,
#wrapper button::-webkit-input-placeholder,
#wrapper textarea::-webkit-input-placeholder,
#wrapper select::-webkit-input-placeholder {
opacity: 1;
color: black;
}
#wrapper input:-moz-placeholder,
#wrapper button:-moz-placeholder,
#wrapper textarea:-moz-placeholder,
#wrapper select:-moz-placeholder {
opacity: 1;
color: black;
}
#wrapper input::-moz-placeholder,
#wrapper button::-moz-placeholder,
#wrapper textarea::-moz-placeholder,
#wrapper select::-moz-placeholder {
opacity: 1;
color: black;
}
#wrapper input:-ms-input-placeholder,
#wrapper button:-ms-input-placeholder,
#wrapper textarea:-ms-input-placeholder,
#wrapper select:-ms-input-placeholder {
opacity: 1;
color: black;
}
#wrapper input,
#wrapper textarea,
#wrapper select {
height: 40px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
#wrapper textarea {
padding-top: 10px;
padding-bottom: 10px;
}
#wrapper select {
background-color: transparent;
background-image: url('../assets/icons/down-arrow.svg');
background-position: 95% center;
background-repeat: no-repeat;
}
#wrapper input[type="radio"],
#wrapper input[type="checkbox"] {
border-radius: 50%;
flex: 0 0 20px;
max-width: 20px;
width: 20px;
height: 20px;
padding: 0;
margin: 0 10px 0 0;
}
#wrapper input[type="radio"]:checked,
#wrapper input[type="checkbox"]:checked {
background: #FFF200;
}
#wrapper td {
padding: 0;
}
#AccordionPane_ContactInformation_content_TableRow_Cust_City_State_Zip table {
margin-top: -3px;
table-layout: fixed;
}
#AccordionPane_ContactInformation_content_TableRow_Cust_City_State_Zip table td:nth-of-type(2) {
text-align: left;
padding-left: 32px;
padding-right: 16px;
}
#AccordionPane_ContactInformation_content_TableRow_Cust_City_State_Zip table td:nth-of-type(3) {
text-align: left;
padding-left: 16px;
}
#AccordionPane_ContactInformation_content_MainTable .form-label-Required {
position: absolute;
left: 0;
top: 40px;
}
.form-business-segment-prompt {
font-size: 13px;
font-family: 'Roboto', sans-serif;
color: black;
border: none;
font-weight: 300;
padding: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.form-contact-question,
.form-general-report,
.radiobutton-text {
/*ADA*/
font-size: 13px;
font-family: 'Roboto', sans-serif;
background-color: transparent !important;
font-weight: 400;
font-style: normal;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex !important;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-right: 30px;
margin-top: 15px;
color: black;
}
.form-contact-question label,
.form-contact-question input,
.form-general-report label,
.form-general-report input,
.radiobutton-text label,
.radiobutton-text input {
cursor: pointer;
font-style: normal;
font-weight: 400;
}
.form-label {
font-size: 13px;
font-family: 'Roboto', sans-serif;
color: black;
font-style: normal;
}
#AccordionPane_ContactInformation_content table:last-of-type tr:last-of-type td,
#AccordionPane_BusinessSegment_content table:last-of-type tr:last-of-type td,
#AccordionPanel_Categories_1_content table:last-of-type tr:last-of-type td,
#AccordionPanel_Categories_2_content table:last-of-type tr:last-of-type td {
text-align: left !important;
}
#AccordionPanel_Categories_1_content tr,
#AccordionPanel_Categories_2_content tr,
#AccordionPanel_Details_content_FileUpload_UpdatePanel div,
#UpdatePanelSubmit {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#AccordionPanel_Categories_1_content tr td,
#AccordionPanel_Categories_2_content tr td,
#AccordionPanel_Details_content_FileUpload_UpdatePanel span,
#UpdatePanelSubmit span {
width: 100%;
}
#AccordionPanel_Details_content_FileUpload_UpdatePanel div {
margin-top: 15px;
}
#UpdatePanelSubmit span {
order: -1;
}
#wrapper .continue-button,
#wrapper #submit_button,
#wrapper .Button_LocationSearch {
background: black;
color: white;
font-size: 15px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0;
width: 260px !important;
height: 40px;
text-align: left;
padding: 5px 15px;
margin-top: 25px;
float: none;
margin-bottom: 30px;
cursor: pointer;
}
#wrapper .continue-button:hover,
#wrapper #submit_button:hover,
#wrapper .Button_LocationSearch:hover {
color: #FFF200;
}
#wrapper .continue-button:active,
#wrapper #submit_button:active,
#wrapper .Button_LocationSearch:active {
background: #808080;
}
#wrapper .continue-button i,
#wrapper #submit_button i,
#wrapper .Button_LocationSearch i {
float: right;
}
#AccordionPanel_Details_content_btnFileUpload {
margin-top: 10px;
}
#wrapper .intro_footer {
font-family: 'Roboto', sans-serif;
font-style: italic;
font-weight: 300;
font-size: 11px;
margin-top: 20px;
display: block;
}
.dropdown-text {
width: 100%;
margin-bottom: 0 !important;
}
.form-label-Save-Error {
margin-top: 5px;
}
/* Step 3 dropdowns have multiple "required" validation alerts */
/* This hides one of those */
#AccordionPanel_Categories_1_content table tr:last-of-type span,
#AccordionPanel_Categories_2_content table tr:last-of-type span,
#AccordionPanel_Categories_3_content table tr:last-of-type span,
#AccordionPanel_Categories_4_content table tr:last-of-type span,
#AccordionPanel_Categories_5_content table tr:last-of-type span {
bottom: -15px !important;
}
#AccordionPanel_Details_content_Comment {
width: 100% !important;
box-sizing: border-box;
resize: none;
margin-bottom: 0 !important;
}
#AccordionPanel_Details_content_CommentTable tr {
border: none !important;
}
#AccordionPanel_Details_content_Validate_Comment,
#AccordionPanel_Details_content_CommentTable tr:nth-of-type(2) br {
display: none;
}
#AccordionPane_BusinessSegment_content hr {
margin: 20px 0 15px;
}
#AccordionPane_BusinessSegment_content fieldset {
padding: 0;
border: none;
}
#AccordionPane_BusinessSegment_content legend,
#AccordionPane_BusinessSegment_content_lblVisitDatePrompt {
position: relative;
padding-left: 10px;
}
#AccordionPane_BusinessSegment_content legend span,
#AccordionPane_BusinessSegment_content_lblVisitDatePrompt span {
position: absolute;
left: 0;
}
#AccordionPane_BusinessSegment_content_TableRow_Visit label {
margin-top: 10px;
display: block;
}
#AccordionPane_BusinessSegment_content_VisitDate {
margin-top: 10px;
margin-right: 15px;
}
#AccordionPane_BusinessSegment_content_Calendar_ImageButton {
border: none !important;
}
.radiobutton-business-segment {
font-size: 13px;
font-family: 'Roboto', sans-serif;
}
.radiobutton-business-segment td {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 5px 0;
}
#AccordionPane_BusinessSegment_content_lblVisitTime {
display: block;
margin-top: -30px;
}
#HourPick,
#MinPick {
background-position: 85% center !important;
}
#AccordionPane_BusinessSegment_content_AMPMPick {
width: 90px !important;
background-position: 85% center !important;
}
#AccordionPane_BusinessSegment_content_Table_LocationSearch td:first-of-type {
padding-right: 15px;
}
#AccordionPane_BusinessSegment_content_Table_LocationSearch td:last-of-type {
padding-left: 15px;
}
@media all and (max-width: 567px) {
#AccordionPane_ContactInformation_content_TableRow_Cust_City_State_Zip table td {
width: 100% !important;
display: block;
}
#AccordionPane_ContactInformation_content_TableRow_Cust_City_State_Zip table input,
#AccordionPane_ContactInformation_content_TableRow_Cust_City_State_Zip table select {
width: 100% !important;
}
#AccordionPane_BusinessSegment_content_Table_LocationSearch td {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
display: block;
position: relative;
}
#AccordionPane_BusinessSegment_content_lblLocationSearchState,
#AccordionPane_BusinessSegment_content_lblLocationSearchLocCode {
position: absolute;
z-index: 100;
top: 42px;
}
#AccordionPane_ContactInformation_content_TableRow_Cust_City_State_Zip table td {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
#AccordionPane_BusinessSegment_content_RadioButtonListSearchResults {
height: auto !important;
}