/* ==========================================================================
   CSS Reset - Thank you, Eric Meyer
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   ========================================================================== */
  
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video, select {
    margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); }
  
/* ==========================================================================
   General styles
   ========================================================================== */
  
* { box-sizing: border-box; }
body { background: #508dd6; color: #333; }
body, input, select { font-family: "Helvetica Neue", "Helvetica", "Roboto", "Droid Sans", "Arial", sans-serif; }
h1 { font-size: 1em; line-height: 1.5em; margin: 0; }
h2 { font-size: 2.0736em; line-height: 1.44675925925926em; margin: 0 0 0.72337962962963em; }
h3 { font-size: 1.728em; line-height: 1.73611111111111em; margin: 0 0 0.86805555555556em; }
h4 { font-size: 1.44em; line-height: 1.04166666666667em; margin: 0 0 1.04166666666667em; }
h5 { font-size: 1.2em; line-height: 1.25em; margin: 0 0 1.25em; }
h6, p, main ul, main ol { font-size: 1em; line-height: 1.5em; margin: 0 0 1.5em; }
main ul, main ol { margin: 0 0 1.5em 1.5em; }
main ul { list-style: disc; }
main ol { list-style: decimal; }
blockquote { border-left: 4px solid #ccc; background: #eee; padding: 0.75em; }
.mute { font-size: 0.7em; line-height: 0; }
.light.mute { color: #999; }
p.mute, ul.mute { line-height: 1.5em; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
.clear { clear: both; }
a { text-decoration: none; }
a:link { color: #508dd6; }
a:visited { color: #999; }
a:hover, a:focus { color: #f47735; text-decoration: underline; }
a:active { position: relative; top: 1px; color: #000; }
  
label { display: block; line-height: 1.5em; }
.radio-group label { line-height: 1.5em; padding: 0.5em 0.5em 0.5em 2em; text-indent: -1.5em;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.radio-group label:before { color: #ccc; font-size: 1.2em; line-height: 0 !important; margin: 0 0.25em 0 0; position: relative;
    top: 3px; }
.radio-group label.checked, .radio-img.checked { background-color: rgba(141,198,63,0.33); }
.radio-group label.checked:before { color: #005daa; }
input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="number"],
input[type="password"], textarea { background: #fff; color: #999; padding: 0.25em; margin: 2px 0 0.75em; width: 100%;
    border: 1px solid #ddd; font-size: 1em; line-height: 1.5em;
    -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus,
input[type="password"]:focus, textarea:focus { border: 2px solid #fdb913; color: #000;
    -webkit-box-shadow: 0 0 15px rgba(253,185,19,0.5); -moz-box-shadow: 0 0 15px rgba(253,185,19,0.5);
    -ms-box-shadow: 0 0 15px rgba(253,185,19,0.5); -o-box-shadow: 0 0 15px rgba(253,185,19,0.5);
    box-shadow: 0 0 15px rgba(253,185,19,0.5); }
input.password { margin-bottom: 0; }
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus,
input[type="password"]:focus { margin-top: 0; }
input.disabled { border: none; background: #fff1c1; color: #777; text-align: center; font-size: 1.44em; }
select { width: 100%; font-size: 1em; height: 2em; margin: 0.5em 0; overflow: hidden;
	border: 1px solid #e1e1e1; background: #fff;
	background: -moz-linear-gradient(top,  #fff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(top,  #fff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -o-linear-gradient(top,  #fff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -ms-linear-gradient(top,  #fff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: linear-gradient(to bottom,  #fff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); }
select:focus { border: 2px solid #fdb913; }
textarea { height: 8em; }
.form-row { clear: both; }
.form-col h4 { font-size: 1.2em; line-height: 1.25em; margin: 0; }
.form-col h5 { margin: 1.25em 0 0; }
.form-col p { margin: 1.5em 0; }
.form-col textarea { height: 3.75em; }
.required { color: #c00; }
.radio-img { width: 48%; float: left; margin: 0 2% 2% 0; padding: 0.5em; text-align: center; }
.radio-img span { display: block; width: 100%; padding: 100% 0 0;
    background-size: contain; background-repeat: no-repeat; background-position: center center;
    border-radius: 3px; }
.error { background: #f4e5e5; padding: 0.5em; margin: 0 0 1.5em; }
.error h5 { color: #900; }
.error p { font-size: 0.83333333333333em; line-height: 1.8em; }
.error p:last-child { margin: 0; }
.input-validation-error { border: 2px solid #900 !important; }
.field-validation-error { background: #900; color: #fff; font-size: 0.83333333333333em; line-height: 1.2em;
        margin: -1em 0 0.9em; padding: 0.45em; }
  
/* ==========================================================================
   Button styles
   ========================================================================== */
  
.button { display: inline-block; line-height: 1.2em; font-weight: bold; font-size: 1em; text-align: center;
    color: #fff; text-shadow: 0 0 3px rgba(0,0,0,0.5); margin: 0.75em 0; padding: 0.9em 0.5em; border-style: solid;
    border-width: 1px; }
.button.small { padding: 0.25em 0.5em; margin: 0 0.25em; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;
    -ms-border-radius: 3px; border-radius: 3px; }
.button.expand { display: block; width: 100%; }
.button:visited { color: #fff; }
.primary.button { border-color: #8dc63f; color: #fff; background: #8dc63f;
    background: -moz-linear-gradient(top, rgba(170,212,111,1) 0%, rgba(141,198,63,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,212,111,1)), color-stop(100%,rgba(141,198,63,1)));
    background: -webkit-linear-gradient(top, rgba(170,212,111,1) 0%,rgba(141,198,63,1) 100%);
    background: -o-linear-gradient(top, rgba(170,212,111,1) 0%,rgba(141,198,63,1) 100%);
    background: -ms-linear-gradient(top, rgba(170,212,111,1) 0%,rgba(141,198,63,1) 100%);
    background: linear-gradient(to bottom, rgba(170,212,111,1) 0%,rgba(141,198,63,1) 100%); }
.secondary.button { border-color: #005daa; color: #fff; background: #005daa;
    background: -moz-linear-gradient(top, rgba(0,93,170,0.75) 0%, rgba(0,93,170,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,93,170,0.75)), color-stop(100%,rgba(0,93,170,1)));
    background: -webkit-linear-gradient(top, rgba(0,93,170,0.75) 0%,rgba(0,93,170,1) 100%);
    background: -o-linear-gradient(top, rgba(0,93,170,0.75) 0%,rgba(0,93,170,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,93,170,0.75) 0%,rgba(0,93,170,1) 100%);
    background: linear-gradient(to bottom, rgba(0,93,170,0.75) 0%,rgba(0,93,170,1) 100%); }
.tertiary.button { border-color: #949ca1; text-shadow: none; color: #555; background: #949ca1;
    background: -moz-linear-gradient(top, rgba(148,156,161,0.5) 0%, rgba(148,156,161,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,156,161,0.5)), color-stop(100%,rgba(148,156,161,1)));
    background: -webkit-linear-gradient(top, rgba(148,156,161,0.5) 0%,rgba(148,156,161,1) 100%);
    background: -o-linear-gradient(top, rgba(148,156,161,0.5) 0%,rgba(148,156,161,1) 100%);
    background: -ms-linear-gradient(top, rgba(148,156,161,0.5) 0%,rgba(148,156,161,1) 100%);
    background: linear-gradient(to bottom, rgba(148,156,161,0.5) 0%,rgba(148,156,161,1) 100%); }
.overlay.button { background: rgba(255,255,255,0.25); border: none; margin: 0; }
.button:hover, .button:focus { background: #333; border-color: #333; color: #fff !important; text-decoration: none; cursor: pointer; }
.overlay.button:hover, .overlay.button:focus { background: rgba(255,255,255,0.5); }
.button .icon:before { font-size: 1.4em; line-height: 0 !important; margin: 0 0.25em; position: relative; top: 5px; }
.button.overlay .icon:before { font-size: 1em; position: static; top: 0; margin: 0; }
.message .button { margin: 0; padding: 0.9em 1.5em; color: #fff; }
.message .button:hover, .message .button:focus { color: #fff; }
  
/* ==========================================================================
   Message styles
   ========================================================================== */
  .message { font-size: 0.8333333333333em; line-height: 1.25em; padding: 0.75em; margin: 0 0 1.5em; background: #dfebf7;
	border-width: 1px; border-style: solid;
    border-color: rgba(255,255,255,0.33) rgba(0,0,0,0.05) rgba(0,0,0,0.05) rgba(255,255,255,0.33); }
.success.message { background: #aad46f; color: #fff; text-shadow: 0 0 3px rgba(0,0,0,0.33); }
.error.message { background: #f4e5e5; }
.alert.message { background: #fff0c3; }
.alert.message .icon { color: #f2773e; font-size: 1.6em; display: block; float: left; margin: 0 0.5em 0 0; }
.message:before { display: block; float: right; font-size: 1.2em; margin: -1px -1px 0 0.5em; opacity: 0.67; }
.message:hover, .message:focus { cursor: pointer; }
  
  
/* ==========================================================================
   Layout styles
   ========================================================================== */
  
.va-banner {
    color: #fff; text-shadow: 0 0 2px rgba(0,0,0,0.5); background: #434343;
    background: -moz-linear-gradient(top,  #434343 0%, #020202 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(100%,#020202));
    background: -webkit-linear-gradient(top,  #434343 0%,#020202 100%);
    background: -o-linear-gradient(top,  #434343 0%,#020202 100%);
    background: -ms-linear-gradient(top,  #434343 0%,#020202 100%);
    background: linear-gradient(to bottom,  #434343 0%,#020202 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#020202',GradientType=0 ); }
.va-banner ul { margin: 0; padding: 0; }
.va-banner ul:after { content: ""; display: table; clear: both; }
.va-banner li { display: inline-block; float: left; height: 40px; line-height: 40px; }
.va-banner li:last-child { float: right; }
.va-banner a { display: block; padding: 0 1em; color: #ccc; font-size: 0.8em; }
.va-banner a:hover, .va-banner a:focus { color: #fff; background: rgba(244,119,53,0.75); text-decoration: none; }
.va-banner .va-logo a:hover, .va-banner .va-logo a:focus { background: none; }
  
.account-links { position: relative; z-index: 1000; }
.account-links ul { display: none; padding: 0 0 0.5em; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; box-shadow: 0 0 10px rgba(0,0,0,0.33); }
.account-links .button .icon { display: inline-block; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.account-links.dropped .button .icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg); transform: rotate(180deg); }
.account-links.dropped ul, .account-links.dropped .button { background: rgba(255,255,255,0.9); }
.account-links.dropped .button { color: #333; text-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.account-links.dropped .button:hover, .account-links.dropped .button:focus { color: #508dd6 !important; }
.account-links.dropped li a { display: block; line-height: 1.5em; color: #333; padding: 0.25em 0.5em;
    border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(100,100,100,0.1); }
.account-links.dropped li a:hover, .account-links.dropped li a:focus { text-decoration: none; background: #f47735; color: #fff; }
.account-links.dropped ul { display: block; }
.back-link { display: block; font-size: 0.83333333333333em; line-height: 1.8em; padding: 0.25em; }
.back-link:link, .back-link:visited { color: #fff; }
.back-link:hover, .back-link:focus { text-decoration: none; color: #333; }
.back-link i { position: relative; top: 2px; }
  
header { background: #fff; margin: 0 0 1.5em; }
.header-wrap { background-color: #005daa; }
.logo { padding: 1.5em 0 0; background: #fff; }
header h1 { text-indent: 100%; white-space: nowrap; overflow: hidden; }
header h2 { text-shadow: 0 0 5px rgba(0,0,0,0.5); text-align: center; }
header .site-head { color: #ccc; background-size: contain; background-repeat: no-repeat;
    background-image: url(../img/header-curve-mobile-2.png); background-position: center top; }
.site-head a:link, .site-head a:visited { color: #fff; }
.site-head a:hover, .site-head a:focus { color: rgba(255,255,255,0.75); }
.site-head h2 { font-family: 'Arial Black'; font-size: 30px}
.content { background: #fff; border-bottom: 5px solid #f37736; }

.alert-banner { width:100%; background:#ffe866; color:#3b529b; font-weight: bold; padding: 0.5em 0.5em 0.5em 2em; }
.alert-banner-icon, .alert-banner-text { display: table-cell; vertical-align: middle;}
.alert-banner-icon { width: 50px; color:#f04646; font-size: 2em;}

main h3 img { display: block; float: left; width: 48px; height: auto; margin: 0 10px 0 0; }
main h3:after { visibility: hidden; content: ""; display: block; height: 0; clear: both; }
  
.map-legend { margin: 0 0 0.75em; }
.map-legend i { font-size: 1.8em; color: #f2773e; position: relative; top: 5px; line-height: 0.8; }
#map-canvas { position: absolute; }
#loc-disclaimer i { font-size: 2.25em; display: inline-block; float: left; margin: 0 0.25em 2em 0; color: #005daa; }

  
.sr-lookup { background: rgba(80,141,214,0.15); padding: 0.75em; margin: 0 0 1.5em; }
.sr-lookup .button { margin: 0; }
.sr-lookup .button:before { font-size: 1.4em; line-height: 0 !important; margin: 0 0.25em 0 0; position: relative; top: 5px; }
.traffic-info-plug img, .subscribe-plug img { float: right; margin: 0 0 0 1.5em; width: 5.5em; height: auto; border: 2px solid #fff; }
.links h5 { margin: 0; }
.links ul { line-height: 1.5em; margin: 0 0 1.5em; }
.links ul a { display: block; padding: 0.25em 0.75em 0.25em 0; font-size: 0.83333333333333em; }
#followup { margin: 0 0 1.5em; }
#followup h5 { margin: 1.25em 0 0; }
#account-setup, .status-inline { margin: 0.75em 0 0; padding: 0.75em; background: #dfebf7; }
#account-setup p { margin-top: 0; }
#account-setup a:link, #account-setup a:visited { color: #508dd6; }
#account-setup .togglePass { margin: 0; }
.togglePass { display: inline-block; margin: 0 0 2.25em; }
.togglePass:hover, .togglePass:focus, .account main a:hover, .account main a:focus { color: #000; text-decoration: none; }
.togglePass i, .loginBox a .icon, .account main a .icon { font-size: 1.4em; line-height: 0 !important; position: relative; top: 5px; }
.chat-trythis p { color: #999; }
.chat-trythis a:visited { color: #508dd6; }
.status-inline { margin: 0 0 1.5em; }
.status-inline input { margin: 0; }
.status-inline .button { margin: 0; line-height: 1.5em; padding: 0.25em 0.5em; }
.tabs, .filters { list-style: none; margin: 0.75em 0 1.5em; padding: 0; border-bottom: 1px solid #e8e8e8; }
.tabs a, .filters a { display: block; font-size: 0.83333333333333em; line-height: 1.8em; padding: 0.5em 0.75em; }
.tabs a:link, .tabs a:visited, .filters a:link, .filters a:visited { color: #777; }
.tabs a:hover, .tabs a:focus, .filters a:hover, .filters a:focus { color: #222; text-decoration: none; }
.tabs a.active, .filters a.active { color: #000; font-weight: bold; background: #dfebf7; cursor: default; }
.tabs:after, .filters:after { content: ""; display: table; clear: both; }
.filters a[data-count="0"], .filters a[data-count="0"] strong { color: #bbb !important; }
.filters a[data-count="0"]:hover, .filters a[data-count="0"]:focus { cursor: default; }
.requests { list-style: none; margin: 1.5em 0; padding: 0; }
.requests h4 { margin: 0; color: #508dd6; }
.requests li a { display: block; color: #999; }
.requests li a:hover, .requests li a:focus, .requests li a:hover h4, .requests li a:focus h4 { color: #333;
        text-decoration: none; }
.requests a img { display: block; }
  
.request-location strong { display: block; font-size: 0.83333333333333em; line-height: 1.8em; }
.request-status { font-size: 0.83333333333333em; line-height: 1.8em; text-transform: uppercase; }
  
.dashboard main h3 { color: #777; border-bottom: 1px solid #eee; }
.vdot-tools { list-style: none; margin: 0 0 1.5em; }
.vdot-tools:after { content: " "; display: table; clear: both; }
.vdot-tools li { float: left; width: 33%; }
.vdot-tools a { display: block; padding: 0 1em 1em 0; margin: 0 auto; max-width: 175px; text-align: center; }
.vdot-tools a img { display: block; width: 100%; max-width: 100%; height: auto; border: 4px solid #fff;
	margin: 0 0 0.5em;
	-webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 15px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 15px rgba(0,0,0,0.2);
	box-shadow: 0 0 15px rgba(0,0,0,0.2); }
.subscription-list { list-style: none; margin-left: 0; }
.subscription-list:after { content: ""; display: table; clear: both; }
.subscription-list label { padding: 0.25em 0; }

.loginBox { width: 66%; min-width: 290px; margin: 3em auto; }
.loginBox .forgotPass { display: block; float: right; line-height: 1.8em; }
  
.mobile-only.disclaimer { margin: 0 0 3em; }
.disclaimer h3 { margin: 0; }
  
.statuscheck main { margin-bottom: 3em; }
.statuscheck main h2, .dashboard main h2 { line-height: 1.2; }
.statuscheck main h2, .dashboard main h2, .statuscheck main h3 { margin: 0; }
.request-id { color: #000; }
.request-id h3 { line-height: 1; }
.request-id-tc { color: #000;}
.request-id-tc { line-height: 1;}
.status-details { margin: 3em 0 0; background: #fff1c1; border-bottom: 2px solid #d9cda5; padding: 0.75em; }
.status-details-tc { margin: 5em 0 0; border-bottom: 4px solid #ffffff; background: #FFF1C1; }
.status-map { margin: 0 0 3em; }
.status-map img { width: 100%; max-width: 100%; height: auto; }
.statuscheck .mute, .account .mute { color: #aa9; }
.status-details h4, .status-faq h3 { margin: 0; }
.status-details-tc h4, .status-faq h3 { margin: 0; }
.status-location { margin-top: 1.5em; }
.statuscheck .mute { line-height: 1.5em; }
.status-faq { margin: 1.5em 0; }
.status-faq h5 { color: #f47735; }
#feedbackForm { display: none; }
  
.call-log ul { margin: 0; }
.call-log ul li { font-size: 0.83333333333333em; line-height: 1.8em; }
.call-log ul li:nth-child(odd) { background: rgba(255,255,255,0.5); }
.call-log li i, .call-log li span { display: inline-block; }
.call-log li i { color: #789; margin: 0 0.33em; position: relative; top: 1px; }
.empty-state { background: #eee; padding: 6em 2em; text-align: center; }
.empty-state .button { min-width: 200px; }

.chat-messages { overflow-y: scroll; border: 1px solid #eee; padding: 0.5em; margin: 1.5em 0; }
.chat-messages li { margin: 0.5em 0; line-height: 1.25em; }
.chat-messages li strong { font-size: 0.83333333333333em; opacity: 0.5; }
.chat-messages .you { color: #999; text-align: right; }
.chat-messages .agent { color: #005daa; }
.chat-form input { -webkit-appearance: none; }
.chat-user { background: #fff1c1; border-top: 2px solid #d9cda5; padding: 0.75em; margin: 1.5em 0; }
.chat-user span { display: block; line-height: 1.5em; }
  
footer { background: #2478c0; color: #fff; font-size: 0.75em; }
footer h5, footer h6 { margin: 0; }
footer h5 { font-size: 1.728em; line-height: 1.73611111111111em; }
footer h6 { font-size: 1.44em; line-height: 1.04166666666667em; }
footer a:link, footer a:visited { color: #fff; }
footer a:hover, footer a:focus { color: #333; }
.footer-links ul li { width: 40%; float: left; }
.footer-links ul li:nth-child(odd) { width: 58%; margin-right: 2%; }
.footer-links ul a { display: block; line-height: 1.5em; }
.social li { display: inline-block; }
.social li a { display: inline-block; font-size: 2.5em; }
.social li a:hover, .social li a:focus { text-decoration: none; }
.disclaimer p { margin: 1.5em 0; font-style: italic; }
.line-separator{ height:1px; border-bottom:1px solid #313030; }
  
/*Text Formatting*/
#new-sign-details ul li {
  /*padding-left: 3em;*/
  margin-bottom: 0.75em;
}

#damage-repaired-selector {
  width: 14.75em;
}

#damage-repaired-selector select {
  width: 100%;
}

div.avi-container {
     width: auto;
    height: 2.25em;
    display: inline-block;
}

p.avi-message {
  display:inline-block; width:75%; margin-bottom:0;
}

/*Modal*/
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */  
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 45%;
    text-align: center;
}

.modal-header {
  text-align: left;
}

.modal-header .modal-heading {
  margin-bottom: 0;
}

.modal-body .modal-message {
  text-align: left; 
  margin: 5%; 
  font-size: 1.1em; 
  font-weight: 600;
}

.modal-footer {

}

.modal-footer .modal-footing {
  margin-bottom: 0;
}

/* The Close Button for the Modal*/
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#claimStatus ul li {
	display: block;
	float: left;
	height: 50px;
	background: #3498db;
	text-align: center;
	padding: 30px 40px 0 40px;
	position: relative;
	margin: 0 10px 0 0; 
	
	font-size: 20px;
	text-decoration: none;
	color: #fff;
}

.progress.claimStatus span p{
	margin: 0;
  line-height: 1.5em;
  font-size: 1.0em;
}

#claimStatus ul li.current {
  background: #f47735; 
  color: #fff; 
  font-weight: bold; 
  text-shadow: 0 0 3px rgba(0,0,0,0.5);
}

#claimStatus ul li.current ~ li {
  background: transparent; 
  color: rgba(50,50,50,0.5);
}

#claimStatus ul li:before {
	/*content: '';*/  
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	border-left: 40px solid #d4f2ff;
	position: relative; 
  left: 0; 
  top: 0;
  padding: 30px 40px 0 80px;
}

#claimStatus ul li:after {
	/*content: "";*/  
	border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 40px solid #3498db;
	position: relative; 
  right: -40px; 
  top: 0;
} 

#claimStatus ul li:first-child {
	border-top-left-radius: 10px; border-bottom-left-radius: 10px;
}
#claimStatus ul li:first-child:before {
	display: none; 
}

#claimStatus ul li:last-child {
	padding-right: 80px;
	border-top-right-radius: 10px; border-bottom-right-radius: 10px;
}
#claimStatus ul li:last-child:after {
	display: none; 
}

/*.vdot-info:before, .vdot-exclamation-triangle:before ,.vdot-check-mark-circle:before, .vdot-eye:before, .vdot-mail:before, .vdot-circle-line:before {
  border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	border-left: 40px solid #d4f2ff;
	position: relative; 
  left: 0; 
  top: 0;
  padding: 30px 40px 0 80px;
}*/

.progress.claimStatus span.rfr {
  width: 16.26%; vertical-align: middle; line-height: 1.25; font-size: 1.2em;
}

.progress.claimStatus span.cc {
  width: 24.6%; vertical-align: middle; line-height: 1.25; font-size: 1.2em;
}

.progress.claimStatus span.nccrfr {
  width: 19.6%; vertical-align: middle; line-height: 1.25; font-size: 1.25em;
}

div.form-col-3.file-upload {
  margin-bottom: 1.5em;
  width: 50%;
}

input.file-upload-input {
  margin-top:1em; width:65%;
}

.form-row.file-uploads {
  margin-bottom: 1em;
}

.form-row.file-uploads div.form-col-3 {
  margin-bottom: 1em;
}

.form-col.file-uploads-button {
  width:auto;
  margin: 0;
}

.form-col-3.file-uploads-button {
  width:auto;
  margin-top: -0.5em;
}

div.form-col-3.release-form-field {
  width: 22em; margin:0;
}

.form-col-3.release-form-field input{
  width: 15em;
}

div.doc-select {
  margin-right: 3em;
  width: auto;
}

div.req-icon {
  width: auto;
  display: inline-block;
}

select.req-select {
  width: 87%;
}

/*chevron arrows*/
#claim-status {
  color: #444;
  margin-bottom: 2.25em;
  overflow: hidden;  
}

#claim-status-label {
  background: #f47735;
  color: #fff;
  width: 100%;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.25em;
  text-align:left;
  padding: 0.5em 0 0.5em 0.25em;
  margin-bottom: 1em;
}

#claim-status-label span.icon-display {
    float: right;
    margin: 0.15em 0.5em 0 0;
}

#claim-status ul {
  background-color: #fff1c1;
}

#claim-status ul li.current ~ li div.header {
  background: #fff1c1;
  color: rgba(50,50,50,0.5);
}

#claim-status ul li.current div.header {
  font-weight: bold;
}

#claim-status ul li.current ~ li div.header:after {
  border-left: 25px solid #fff1c1;             
  color: rgba(50,50,50,0.5);
}

#claim-status ul li ~ li div.header:after {
  content: "";
  border-top: 54px solid transparent;
  border-bottom: 54px solid transparent;
  /*border-left: 25px solid transparent;*/
  position: absolute;
  right: -25px;
  top: 0;
  z-index: 1;
  /*background: #fff1c1;*/
  color: rgba(255,255,255,0.5);
}

#claim-status span {
  /*display: inline-block;*/
  text-align: center;
}
			

#claim-status ul li div.header { 
  display: block;
  float: left;
  /*height: 40px;*/
  text-align: center;
  padding: 10px 10px 0 35px;
  position: relative;
  margin: 0 4.75px 0 0; 
  line-height: 4;        
  /*font-size: 10px;*/
  text-decoration: none;
  cursor: pointer;
  background: #fdb913;
  color: #444;
  width: 16.14%;
}

#claim-status ul li.rfr div.header {
  width: 16.16893672943115%; vertical-align: middle; /*line-height: 1.25; font-size: 1.2em;*/
}

#claim-status ul li.cc div.header {
  width: 24.563677787780759942%; vertical-align: middle; /*line-height: 1.25; font-size: 1.2em;*/
}

#claim-status ul li.nccrfr div.header {
  width: 19.5%; vertical-align: middle; /*line-height: 1.25; font-size: 1.25em;*/
}

#claim-status ul li.current div.header {
  background: #f47735; 
  color: #fff;
}

#claim-status ul li:first-child div.header { 
  padding-left: 15px;
}
			
/*#claim-status ul li div.header .name { 
  font-size:14px;
}*/

/*#claim-status ul li.rfr {
  width: 16.26%; vertical-align: middle; line-height: 1.25; font-size: 1.2em;
}

#claim-status ul li.cc {
  width: 24.6%; vertical-align: middle; line-height: 1.25; font-size: 1.2em;
}

#claim-status ul li.nccrfr {
  width: 19.6%; vertical-align: middle; line-height: 1.25; font-size: 1.25em;
}*/

#claim-status ul li div.header p {
  margin: 0 0 0.5em;
  font-size: 0.975em;
}

#claim-status ul {
  list-style: none;
  display: inline-table;
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  width: 100%;
}

#claim-status img {
  top: 10px;
  position: relative;
  top: 5px;
  margin-left: 5px;
}
			
#claim-status ul li { display: inline; }

/*#claim-status ul li:first-child div.header {
  width: 12.92416735%;
}

#claim-status ul li:not(:first-child) div.header{
  width: 17.41516653%;
}*/

#claim-status ul li div.header:after {
  content: "";
  border-top: 54px solid transparent;
  border-bottom: 54px solid transparent;
  border-left: 25px solid #fdb913;
  position: absolute;
  right: -25px;
  top: 0;
  z-index: 1;
}

#claim-status ul li.current div.header:after {
  content: "";
  border-top: 54px solid transparent;
  border-bottom: 54px solid transparent;
  border-left: 25px solid #f47735;
  position: absolute;
  right: -25px;
  top: 0;
  z-index: 1;
}

#claim-status ul::after {
  content: "";
  background-color: #fff1c1;
}
			
#claim-status ul li div.header:before {
  content: "";
  border-top: 54px solid transparent;
  border-bottom: 54px solid transparent;
  border-left: 25px solid #FFFFFF;
  position: absolute;
  left: 0;
  top: 0;
}

#claim-status ul li:first-child div.header:before { display: none; }
		
#claim-status ul li div.header.last {
  padding-right: 20px;
  /*margin-right: -1px;*/
    margin-right: -0.5em;
}

#claim-status ul li div.header.last:after { display: none; }

#claim-details, 
#claim-files{
  text-decoration: underline;
}

div.claim-details {
  margin-top: 2em;
}

.complete-claim-button { margin-top: -1em; float: left; }


/* ==========================================================================
   Media queries
   ========================================================================== */
  
@media screen and (max-width: 639px) {
    .va-banner { display: none; }
    h2 { font-size: 1.728em; line-height: 1.73611111111111em; margin: 0 0 0.86805555555556em; }
    h3 { font-size: 1.44em; line-height: 1.04166666666667em; margin: 0 0 1.04166666666667em; }
    h4 { font-size: 1.2em; line-height: 1.25em; margin: 0 0 1.25em; }
    h5, h6 { font-weight: bold; }
    h5, h6, p { font-size: 1em; line-height: 1.5em; margin: 0 0 1.5em; }
    header h1 { width: 180px; height: 60px; display: block; margin: 0 auto; background-image: url(../img/vdot-logo-sm.png);
        background-position: center center; background-repeat: no-repeat; background-size: contain; }
    main, aside, .disclaimer.mobile-only { padding: 1em; }
    .back-link { padding: 0 1em; }
    main section { margin: 0 0 4em; }
    #actions { margin: -4em 0 6em; }
    .mobile-only { display: block; margin: 1.5em 0; }
    .progress { display: none; }
    .button { display: block; width: 100%; }
    .button.small { display: inline-block; width: auto; }
    #pinpoint { display: none; }
    .map-frame { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); }
	.map-legend { color: #fff; width: 95%; margin: 0 auto; }
	.map-legend h5 { margin: 0; }
	#map-canvas { top: 12.5%; left: 2.5%; /*width: 95%; height: 72.5%;*/ }
    .map-frame .button { position: absolute; bottom: 2.5%; left: 2.5%; width: 95%; margin: 0; }
    .map-frame .button:active { top: auto; }
    .requests a { margin: 0 0 1.5em; padding: 0 0 2.25em; position: relative; border: 1px solid #e3e3e3; }
    .requests li a:hover, .requests li a:focus { border-color: transparent; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
    .request-status { position: absolute; left: 0; bottom: 0; width: 100%; background: #fff1c1;
        border-top: 2px solid #d9cda5; }
    .request-status div { width: 49%; margin-right: 2%; float: left; }
    .request-status .request-date { margin-right: 0; text-align: right; }
    .request-status:after { content: ""; display: table; clear: both; }
    .request-status, .request-info { padding: 0.375em 0.75em; }
    .requests a img { width: 100%; height: auto; max-width: 100%; }
    .requests li[data-type="non-maint"] img { display: none; }
	.chat-form .txt, .chat-form .button { margin: 0; }
    #feedbackForm { display: block; }
    #followUpBtn {display: none; }
  .modal-content {
      background-color: #fefefe;
      margin: 15% auto;
      padding: 20px;
      border: 1px solid #888;
      width: 90%;
      text-align: center;
  }
  .modal-header {
    text-align: left;
  }

  .modal-header .modal-heading {
    margin-bottom: 0;
  }

  .modal-body .modal-message {
    text-align: left; 
    margin: 5%; 
    font-size: 1.1em; 
    font-weight: 600;
  }

  .modal-body .actionCallback1, .modal-body .actionCallback2 {
    margin: 0 10%;
  }

  .modal-footer {

  }

  .modal-footer .modal-footing {
    margin-bottom: 0;
  }

  div.avi-container {
    height: 5.25em;
  }
}
  
@media screen and (min-width: 640px) {
    .va-banner { display: block; }
    header h1 { width: 100%; padding: 20% 0 0; display: block; margin: 0 auto; background-image: url(../img/vdot-logo-lg.png);
        background-position: center center; background-repeat: no-repeat; background-size: contain; }
    main, aside { padding: 1.5em; }
    .back-link { padding-left: 1.5em; }
    .mobile-only { display: none; }
    .progress { margin: 0 0 1.5em; line-height: 2.5em; background: #fff1c1; overflow: hidden; border-radius: 1.25em; font-size: 0.75em; }
    .progress span { display: inline-block; width: 25%; text-align: center; background: #fdb913; color: #444; }
    .progress.claimStatus { margin: 3em 0; }
    .progress.claimStatus span { width: 13.9%; vertical-align: middle; line-height: 1.25; font-size: 1.2em; }
    #claimStatus { margin: 3em 0; }
    #claimStatus ul li { width: 13.9%; vertical-align: middle; line-height: 1.25; font-size: 1.2em; }
    .progress span:before, .continue:after, .reverse:before, #claim-status span:before { font-size: 1.4em; line-height: 0 !important;
        margin: 0 0.25em; position: relative; top: 5px; }
    .continue:after { margin-right: 0; }
    .reverse:before { margin-left: 0; }
    .progress span.current { background: #f47735; color: #fff; font-weight: bold; text-shadow: 0 0 3px rgba(0,0,0,0.5); }
    .progress span.current ~ span { background: transparent; color: rgba(50,50,50,0.5); }
    .map-frame { position: relative; width: 100%; padding: 66.66667% 0 0; }
	.map-legend { position: absolute; bottom: 90%; left: 0; width: 100%; }
	.map-legend h5 { display: none; }
	#map-canvas { bottom: 0; left: 0; /*width: 100%; height: 90%;*/ }
    .sr-lookup, .chat { width: 48%; margin-right: 4%; float: left; clear: left; }
    .links, .call-log { width: 48%; float: right; }
    aside:after { content: ""; display: block; clear: both; height: 0; }
    .request-id { width: 24%; float: right; text-align: right; margin: 0 0 0.75em 3%; }
    .request-id-tc { width: 50%; float: right; text-align: right; margin: 0 0 0.75em 3%; }
    .section-nav .button { min-width: 200px; }
    .requests a { margin: 0; padding: 0.375em; }
    .requests a img { width: 20%; max-width: 150px; height: auto; float: left; margin: 0 0.75em 0 0;
        border: 3px solid transparent; transition: all 250ms ease-in-out; }
    .requests a:hover img, .requests a:focus img { border-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.33);
        -moz-box-shadow: 0 0 10px rgba(0,0,0,0.33); -o-box-shadow: 0 0 10px rgba(0,0,0,0.33);
        -ms-box-shadow: 0 0 10px rgba(0,0,0,0.33); box-shadow: 0 0 10px rgba(0,0,0,0.33); }
    .requests li[data-type="non-maint"] a:hover img, .requests li[data-type="non-maint"] a:focus img {
        border-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;
        -ms-box-shadow: none; box-shadow: none; }
    .requests li:nth-child(odd) { background: #fafafa; }
    .requests li a:after { content: ""; clear: both; display: table; }
    .requests li a:hover, .requests li a:focus { background: #dfebf7; }
    .request-status { width: 35%; float: right; text-align: right; white-space: nowrap; }
	.subscription-list li { width: 49%; float: left; }
	.subscription-list li:nth-child(odd) { margin-right: 2%; }
	.chat-messages { max-height: 400px; }
	.chat-form { padding: 0 0 0em; }
	.chat-form .txt, .chat-form .button { float: left; margin: 0; }
	.chat-form .txt { width: 80%; }
	.chat-form .txt:focus { border-width: 1px; }
	.chat-form .button { width: 20%; line-height: 1.5em; padding: 0.25em; }
	.chat-form:after { content: ""; display: table; clear: both; }
	.chat-user div { width: 48%; float: left; padding: 0 0 0.25em; white-space: nowrap; overflow: hidden;
		text-overflow: ellipsis; }
	.chat-user-name { margin-right: 4%; }
	.chat-user-email { text-align: right; }
	.chat-user:after { content: ""; display: table; clear: both; }
}
  
@media screen and (max-width: 799px) {
    header h1 { max-width: 450px; }
    header h2 { padding: 1em 0 0; margin: 0; }
    .site-head nav { text-align: center; padding: 0.75em 0; }
    #problem .form-col { margin-top: 1.5em; }
    #problem #state.form-col, #problem #zip.form-col { margin-top: 0; }
    aside { margin: 3em 0 0; }
    footer { padding: 1em 1em 3em; }
    .account-links li a { text-align: left; }
    footer h5 { padding-top: 0.75em; }
    footer h6 { padding-top: 1.5em; }
    .footer-contact { clear: left; }
    .tabs li, .filters li { border-top: 1px solid #e8e8e8; }
    .tabs a.active, .filters a.active { border-left: 0.375em solid #508dd6; padding-left: 0.375em; }
    .form-col-3 { margin-top: 1.5em; }
}
  
@media screen and (min-width: 800px) {
    html, body { height: 100%; }
    .page { min-height: 100%; position: relative; }
    header { background-image: url('../img/header-bg.gif'); background-position: center center; background-size: cover;
        -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 25px rgba(0,0,0,0.25);
        -o-box-shadow: 0 0 25px rgba(0,0,0,0.25); -ms-box-shadow: 0 0 25px rgba(0,0,0,0.25); box-shadow: 0 0 25px rgba(0,0,0,0.25); }
    header .logo, header .site-head { float: left; height: 100px; }
    header .logo { width: 30%; padding: 1em 0 0; }
    header .site-head { width: 70%; }
    .va-banner ul, .header-wrap, .content, .footer-wrap, .back-link, .alert-banner { width: 95%; max-width: 1200px; margin: 0 auto; }
    .back-link { padding-left: 0; }
    header h1 { margin-bottom: 1em; max-width: 300px; }
    header h2 { line-height: 100px; margin: 0; text-align: left; }
    header .site-head { padding: 0 0 0 5%; background-image: url(../img/header-curve-large.png);
        background-position: left center; position: relative; }
    .site-head h2 { display: inline-block; font-family: 'Arial Black'; font-size: 30px}
    .site-head nav { position: absolute; right: 0; top: 0.5em; }
    .site-head nav .button.overlay { width: 100%; }
    .container { padding-bottom: 14em; }
    .content { position: relative; z-index: 10; -webkit-box-shadow: 0px 14px 30px -12px rgba(0,0,0,0.33);
        -moz-box-shadow: 0px 14px 30px -12px rgba(0,0,0,0.33); box-shadow: 0px 14px 30px -12px rgba(0,0,0,0.33); }
    .header-wrap:after, .content:after, .form-row:after { content: ""; display: block; clear: both; height: 0; }
    .form-col { float: left; width: 48%; margin-right: 4%; }
    .form-col-3 { float: left; width: 31%; margin-right: 3.5%; }
    .status-details div { float: left; width: 31%; margin-right: 2%; }
    .status-details-tc div { float: left; width: 30%; margin-right: 3.5%; }
    .status-details-tc .status-problem { margin-top: 1em; margin-bottom: 1em; margin-left: 0.75em; }
    .form-col:last-child, .form-col-3:last-child, .status-details div:last-child, .status-details-tc div:last-child  { margin-right: 0; }
    .status-details:after { content: ""; display: block; clear: both; height: 0; }
    .status-details-tc:after { content: ""; display: block; clear: both; height: 0; }
    .status-when { text-align: center; }
    .status-type { text-align: right; }
    .vdot-tools li { width: 25%; }

    footer { position: absolute; bottom: 0; width: 100%; height: 20em; z-index: 9; }
    footer h5 { margin-top: -0.36805555555556em; }
    .footer-wrap { padding: 3em 0 0; }
    .footer-links, .footer-contact, .social, .other-contact { float: left; }
    .footer-links { width: 35%; }
    .footer-contact { width: 63%; margin-left: 2%; }
    .social { width: 39%; margin-right: 2%; }
    .other-contact { width: 59%; }
    .other-contact div { float: left; width: 49%; }
    .address { margin-right: 2%; }
    .disclaimer, .site-meta { clear: left; }
    .disclaimer p { padding-top: 1.5em; }
    .tabs li, .filters li { width: 25%; float: left; }
    .tabs li a, .filters li a { text-align: center; }
    .tabs a.active, .filters a.active { border-bottom: 3px solid #508dd6; }
    .filters.request-count li { width: 20%; }
    .request-count a { color: #999; }
    .request-count a strong { display: block; font-size: 3em; line-height: 0.8; color: #333; }
    .request-count a.active { color: #666; }
    .filters a:hover strong, .filters a:focus strong { color: #f47735; }
    .request-count a.active strong { color: #508dd6; }
}
  
@media screen and (max-width: 1000px) {
    aside { padding-top: 1.5em; background: #dfebf7 url('../img/sidebar-bg-small.gif') top left repeat-x; }
}
  
@media screen and (min-width: 1000px) {
    header .logo { padding: 0.75em 0 0; }
    .content { padding: 1.5em; background-color: #fff; background-image: url('../img/sidebar-bg.gif');
        background-position: top right; background-size: contain; background-repeat: repeat-y; }
    .basic .content { background-image: none; }
    main, aside { float: left; padding: 0; }
    main { width: 66%; margin-right: 4%; }
    .basic main { margin: 0 auto; float: none; }
    aside { width: 30%; }
    main section { min-height: 550px; padding-bottom: 4.5em; position: relative; }
    main section.first { min-height: 550px; padding-bottom: 0; position: relative; }
    .section-nav { position: absolute; bottom: 0; width: 100%; }
    .section-nav.first { position: relative; bottom: 0; width: 100%;
}
    .sr-lookup, .chat, .links, .call-log { float: none; clear: none; width: auto; margin-right: 0; }
}

/*stuff that was not added by ste*/

.radio-group input { visibility: hidden; width: 0; position: absolute; }
.red-border, #manage-contact-info .validation-summary-errors {
  border-style: solid;
  border-color: red;
  border-width: 2px;
}

.more-details .detail-info { display: none;}

.wizard-step { display: none;}
#problem { display: block;}

.phone-input [type="tel"] {
  width: 62%;
}
.phone-input .extension {
  width: 27%;
}
div#divUpdateTypes {
  padding-bottom: 0.5em;
}
div#emailConfirm {
  border: none;
  background: #fff1c1;
  color: #777;
  text-align: center;
  font-size: 1.44em;
  padding: 0.25em;
  margin: 2px 0 0.75em;
  line-height: 1.5em;
  white-space: pre-wrap; /* CSS3 */
  white-space: -moz-pre-wrap; /* Firefox */
  white-space: -pre-wrap; /* Opera <7 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* IE */
}
  /*.section-nav { display: none;}*/
  div.problemTypeSpecificWords { display: none;}

  .no-validate-section .required {
      display: none
  }

/*map styles*/



#map-autocomplete {
    background: #fff;
    color: #999;
    padding: 0.25em;
    margin: 2px 0 0.75em;
    width: 100%;
    border: 2px solid #508dd6;
    font-size: 1em;
    line-height: 1.5em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    width: 300px;
    -webkit-box-shadow: 0 0 15px rgba(80,141,214,0.5);
    -moz-box-shadow: 0 0 15px rgba(80,141,214,0.5);
    -ms-box-shadow: 0 0 15px rgba(80,141,214,0.5);
    -o-box-shadow: 0 0 15px rgba(80,141,214,0.5);
    box-shadow: 0 0 15px rgba(80,141,214,0.5);
}

#map-autocomplete:focus {
    border: 2px solid #fdb913;
    color: #000;
    -webkit-box-shadow: 0 0 15px rgba(253,185,19,0.5);
    -moz-box-shadow: 0 0 15px rgba(253,185,19,0.5);
    -ms-box-shadow: 0 0 15px rgba(253,185,19,0.5);
    -o-box-shadow: 0 0 15px rgba(253,185,19,0.5);
    box-shadow: 0 0 15px rgba(253,185,19,0.5);
}

.traffic-info-plug img 
{
  float: right; 
  margin-right: 5px; 
  margin-left: 30px;
}

.scheduled-maintenance .vdot-traffic-cone 
{   
    color: #f2773e;
}

.statuscheck .success {
    color: #000;
}