html {font-size: 16px;}

body.slot-demo {background-color: rgba(51,141,255, 0.1);}
body.slot-development {background-color: rgba(255, 141, 51, 0.2);}
body.slot-staging {background-color: white;}
body.slot-production {background-color: white;}

h1 {font-size: 30px; font-style: italic; text-align: center;}

a.link-white,
a.link-white:focus,
a.link-white:active,
a.link-white:hover,
a.link-white:visited {
    color: white;
}

.color-red {color: #d8020c;}
.color-darkred {color: #580105;}
.color-lightgray {color: #e3e3e3;}
.color-darkgray {color: #5c5c5c;}
.color-lightblue {color: #487291;}
.color-darkblue {color: #223645;}
.color-green {color: green;}

.Approved {color: green;}
.Canceled {color: purple;}
.Cart {color: black;}
.Declined {color: purple;}
.Draft {color: black;}
.Payment {color: red;}
.Pending {color: blue;}
.Refunded {color: purple;}
.Returned {color: orange;}
.Verify {color: orange;}
.Approved-bg {background-color: #eeffee;}
.Canceled-bg {background-color: #ffeeff;}
.Cart-bg {background-color: #eeeeee;}
.DateChangeReq-bg {background-color: #ffeeee;}
.Declined-bg {background-color: #ffeeff;}
.Draft-bg {background-color: #f2f2f2;}
.Payment-bg {background-color: #ffeeee;}
.Pending-bg {background-color: #eeeeff;}
.Refunded-bg {background-color: #ffeeff;}
.RefundReq-bg {background-color: #ffeeee;}
.Returned-bg {background-color: #ffeeee;}
.Verify-bg {background-color: #ffeeee;}
.Approved-border {border-color: green;}
.Canceled-border {border-color: purple;}
.Cart-border {border-color: black;}
.DateChangeReq-border {border-color: red;}
.Declined-border {border-color: purple;}
.Draft-border {border-color: black;}
.Payment-border {border-color: red;}
.Pending-border {border-color: blue;}
.Refunded-border {border-color: purple;}
.RefundReq-border {border-color: red;}
.Returned-border {border-color: orange;}
.Verify-border {border-color: orange;}
/*.Payment-label:before {content: "Awaiting ";}
.Returned-label:after {content: " to Company";}
.Verify-label:before {content: "Returned for ";}
*/
.Accepted {color: green;}
.Suggested {color: orange;}
.Valid {color: black;}
.Accepted-bg {background-color: #bbffbb;}
.Suggested-bg {background-color: #ffeeee;}
.Valid-bg {background-color: #eeeeee;}
.Accepted-border {border-color: green;}
.Suggested-border {border-color: orange;}
.Valid-border {border-color: black;}

.Active {color: green;}
.Active-bg {background-color: #eeffee;}
.Inactive {color: purple;}
.Inactive-bg {background-color: #ffeeff;}

.PermitNumber::first-letter {text-transform: uppercase; font-size: 80%; font-weight: bold; letter-spacing: 6px; text-decoration: none;}

.tabborder {
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: white;
    padding: 20px 10px;
}

.btn-naked {border: none; background: none;}
.btn-menu { font-size: larger; color: black;}
.btn-spacebottom {margin-bottom: 30px;}

.btn-group > a:first-child {border-radius: 12px 0 0 12px;}
.btn-group > a:last-child {border-radius: 0 12px 12px 0;}
.btn-group .notActive{color: #222222; background-color: white;}
.btn-group .notActive.default{color: #222222; background-color: white;}
.btn-group .active.default{color: #222222; background-color: #dddddd;}
.btn-group .active.approve{color: white; background-color: green;}
.btn-group .active.decline{color: white; background-color: red;}

.PermitListTable {width: 100%; max-width: 100%; height: 100%; border-collapse: separate; border-spacing: 0 6px;}
.PermitListTable,
.PermitListTable tbody,
.PermitListTable tbody tr,
.PermitListTable tbody tr td {height: 100%;}
.PermitListTable tbody tr td {border-spacing: 0;}
.PermitListTable tbody {vertical-align: top;}
.PermitListTable tbody tr td div .Column {padding-top: 4px; padding-bottom: 4px;}
.PermitListTable tbody tr.Approved td {border-top: 1px solid green !important; border-bottom: 1px solid green;}
.PermitListTable tbody tr.Approved td:first-child {border-left: 1px solid green;}
.PermitListTable tbody tr.Approved td:last-child {border-right: 1px solid green;}
.PermitListTable tbody tr.Canceled td,
.PermitListTable tbody tr.Declined td,
.PermitListTable tbody tr.Refunded td {border-top: 1px solid purple !important; border-bottom: 1px solid purple;}
.PermitListTable tbody tr.Canceled td:first-child,
.PermitListTable tbody tr.Declined td:first-child,
.PermitListTable tbody tr.Refunded td:first-child {border-left: 1px solid purple;}
.PermitListTable tbody tr.Canceled td:last-child,
.PermitListTable tbody tr.Declined td:last-child,
.PermitListTable tbody tr.Refunded td:last-child {border-right: 1px solid purple;}
.PermitListTable tbody tr.Cart td,
.PermitListTable tbody tr.Draft td {border-top: 1px solid black !important; border-bottom: 1px solid black;}
.PermitListTable tbody tr.Cart td:first-child,
.PermitListTable tbody tr.Draft td:first-child {border-left: 1px solid black;}
.PermitListTable tbody tr.Cart td:last-child,
.PermitListTable tbody tr.Draft td:last-child {border-right: 1px solid black;}
.PermitListTable tbody tr.Payment td {border-top: 1px solid red !important; border-bottom: 1px solid red;}
.PermitListTable tbody tr.Payment td:first-child {border-left: 1px solid red;}
.PermitListTable tbody tr.Payment td:last-child {border-right: 1px solid red;}
.PermitListTable tbody tr.Pending td {border-top: 1px solid blue !important; border-bottom: 1px solid blue;}
.PermitListTable tbody tr.Pending td:first-child {border-left: 1px solid blue;}
.PermitListTable tbody tr.Pending td:last-child {border-right: 1px solid blue;}
.PermitListTable tbody tr.RefundReq td {border-top: 1px solid red !important; border-bottom: 1px solid red;}
.PermitListTable tbody tr.RefundReq td:first-child {border-left: 1px solid red;}
.PermitListTable tbody tr.RefundReq td:last-child {border-right: 1px solid red;}
.PermitListTable tbody tr.Returned td { border-top: 1px solid orange !important; border-bottom: 1px solid orange; }
.PermitListTable tbody tr.Returned td:first-child {border-left: 1px solid orange;}
.PermitListTable tbody tr.Returned td:last-child {border-right: 1px solid orange;}
.PermitListTable tbody tr.Verify td { border-top: 1px solid orange !important; border-bottom: 1px solid orange; }
.PermitListTable tbody tr.Verify td:first-child {border-left: 1px solid orange;}
.PermitListTable tbody tr.Verify td:last-child {border-right: 1px solid orange;}
.PermitListTable tbody tr.Record .Info {background-color: rgba(0, 0, 0, 0.03); height: 100%;}
.PermitListTable tbody tr.PagerRow td {border-top: none !important;}
.PermitListTable tbody tr.PagerRow .Active {color: red; padding: 4px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 2px solid red;}
.PermitListTable tbody tr.PagerRow .Click {color: blue; padding: 2px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 2px solid blue;}
.PermitListTable tbody tr.EmptyRow td {font-style: italic; font-size: larger; text-align: center;}

.ListStyle {border-collapse: separate; border-spacing: 0 6px;}
.ListStyleHeader {background-color: #e0e0e0;}
.ListStyleHeader th {color: #555555; border-top: 1px solid black !important; border-bottom: 1px solid black;}
.ListStyleHeader th a {color: black; text-decoration: underline;}
.ListStyleHeader th a:hover {text-decoration: none;}
.ListStyleHeader th:first-child {border-left: 1px solid green;}
.ListStyleHeader th:last-child {border-right: 1px solid green;}
.ListStyleRow {}
.ListStyleRow.Approved td {border-top: 1px solid green !important; border-bottom: 1px solid green;}
.ListStyleRow.Approved td:first-child {border-left: 1px solid green;}
.ListStyleRow.Approved td:last-child {border-right: 1px solid green;}
.ListStyleRow.Canceled td,
.ListStyleRow.Declined td,
.ListStyleRow.Refunded td {border-top: 1px solid purple !important; border-bottom: 1px solid purple;}
.ListStyleRow.Canceled td:first-child,
.ListStyleRow.Declined td:first-child,
.ListStyleRow.Refunded td:first-child {border-left: 1px solid purple;}
.ListStyleRow.Canceled td:last-child,
.ListStyleRow.Declined td:last-child,
.ListStyleRow.Refunded td:last-child {border-right: 1px solid purple;}
.ListStyleRow.Cart td,
.ListStyleRow.Draft td {border-top: 1px solid black !important; border-bottom: 1px solid black;}
.ListStyleRow.Cart td:first-child,
.ListStyleRow.Draft td:first-child {border-left: 1px solid black;}
.ListStyleRow.Cart td:last-child,
.ListStyleRow.Draft td:last-child {border-right: 1px solid black;}
.ListStyleRow.Payment td {border-top: 1px solid red !important; border-bottom: 1px solid red;}
.ListStyleRow.Payment td:first-child {border-left: 1px solid red;}
.ListStyleRow.Payment td:last-child {border-right: 1px solid red;}
.ListStyleRow.Pending td {border-top: 1px solid blue !important; border-bottom: 1px solid blue;}
.ListStyleRow.Pending td:first-child {border-left: 1px solid blue;}
.ListStyleRow.Pending td:last-child {border-right: 1px solid blue;}
.ListStyleRow.RefundReq td {border-top: 1px solid red !important; border-bottom: 1px solid red;}
.ListStyleRow.RefundReq td:first-child {border-left: 1px solid red;}
.ListStyleRow.RefundReq td:last-child {border-right: 1px solid red;}
.ListStyleRow.Returned td { border-top: 1px solid orange !important; border-bottom: 1px solid orange; }
.ListStyleRow.Returned td:first-child {border-left: 1px solid orange;}
.ListStyleRow.Returned td:last-child {border-right: 1px solid orange;}
.ListStyleRow.Verify td { border-top: 1px solid orange !important; border-bottom: 1px solid orange; }
.ListStyleRow.Verify td:first-child {border-left: 1px solid orange;}
.ListStyleRow.Verify td:last-child {border-right: 1px solid orange;}

/*.ListStyleRow.Modified td {border-top: 1px solid red !important; border-bottom: 1px solid red;}
.ListStyleRow.Modified td:first-child {border-left: 1px solid red;}
.ListStyleRow.Modified td:last-child {border-right: 1px solid red;}
.ListStyleRow.Modified span.field-changed {border-bottom: 1px solid red;}
.ListStyleRow.Modified {border: 1px solid red !important;}*/
.ListStyleRow.Modified div.field-changed-col {background-color: rgba(255, 215, 0, 0.3);}
.ListStyleRow.Modified span.field-changed {border-bottom: 1px solid red;}
.ListStyleRow.Modified span.tag {background-color: rgba(255, 215, 0, 0.3); padding: 4px 0;}

.ListStyleRow div.brackets {white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.ListStylePager td {border-top: none !important;}
.ListStylePager .Active {color: red; padding: 4px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 2px solid red;}
.ListStylePager .Click {color: blue; padding: 2px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 2px solid blue;}

.message {font-size: 90%; padding: 6px; border-width: 1px; border-style: solid;}
.notice {font-size: 90%; color: green;}
.lowercase {text-transform: lowercase;}

.color-invert {color: #f3f3f3; background-color: #800080;}
.clickable {cursor: pointer;}
.spacer {margin-bottom: 6px;}
.input-sm {padding: 4px 8px; font-size: 14px;}


.dropdown-submenu {position:relative;}
.dropdown-submenu > .dropdown-menu {top:0; left:100%; margin-top:-6px; margin-left:-1px; -webkit-border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover > .dropdown-menu {display:block;}
.dropdown-submenu>a:after {display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#cccccc; margin-top:5px; margin-right:-10px;}
.dropdown-submenu:hover > a:after {border-left-color:#ffffff;}
.dropdown-submenu.pull-left {float:none;}
.dropdown-submenu.pull-left > .dropdown-menu {left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px;}

.dropdown option:disabled {background-color: #dddddd;}
.checkbox-label label {display: inline;}
.input-group .checkbox-label label {display: table-cell;}
.radio-button-list label {margin: 0 20px 0 4px;}
.radio-button-list.alone label:last-child { margin: 0 8px 0 4px;}
.radio-button-list.last tr td:first-child label { margin: 0 10px 0 4px;}
.radio-button-list.last tr td:last-child label { margin: 0 0 0 4px;}

.radiolist td {padding: 0 12px 0 4px;}
.radiolist input {margin-left: 8px; margin-right: 4px;}
.radiolist label {font-weight: normal !important;}

.ErrorMsg {border: 1px solid red; background-color: #ff9999; padding: 4px 10px;}
.ErrorMsg span {color: black;}
.SuccessMsg {border: 1px solid green; background-color: #99ff99; padding: 4px 10px;}
.SuccessMsg span {color: black;}

.NavButton {position: relative;}
.NavButton .Complete {position: absolute; top: 3px; right: 3px;}

.ListDetails .details {padding-left: 20px;}
@media (min-width: 768px) {
    .ListDetails .details {padding-left: 0;}
}

.About .PageTitle {margin-bottom: 20px; border-bottom: 2px solid; text-align: center;}

.Admin .PageTitle {margin-bottom: 20px; border-bottom: 2px solid; text-align: center;}
.Admin .SubTitle {font-size: larger; font-weight: bold;}
.Admin .Form td {padding: 4px;}
.Admin .Permits .Tabs { }
.Admin .Permits .Content {border-width: 0 1px 1px 1px; border-color: #dddddd; border-style: none solid solid solid; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: white; padding: 15px;}
.Admin .Permits .Content .Approved {color: green;}
.Admin .Permits .Content .Pending {color: blue;}
.Admin .Permits .Content .Returned {color: red;}
.Admin .Permits .Content .Verify {color: red;}
.Admin .Permits .Content .Declined {color: black;}
.Admin .Permit .permitPayment .payment.nonactive.noshow {display: none;}
.Admin .Permit .permitPayment .payment.nonactive.show {display: block;}
.Admin .PopupCalendar .ajax__calendar_container {width: 200px; z-index: 1000;}
.Admin .PopupCalendar .ajax__calendar_body {width: 200px;}
.Admin .PopupCalendar .ajax__calendar_days {width: 200px;}
.Admin .PopupCalendar td { padding: 2px; }

.Company .PageTitle {margin-bottom: 20px; border-bottom: 2px solid; text-align: center;}
.Company .SubTitle {font-size: larger; font-weight: bold;}
.Company .Form td {padding: 4px;}
.Company .Permits .Tabs { }
.Company .Permits .Content {border-width: 0 1px 1px 1px; border-color: #dddddd; border-style: none solid solid solid; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: white; padding: 15px;}
.Company .Permits .Content .Approved {color: green;}
.Company .Permits .Content .Pending {color: blue;}
.Company .Permits .Content .RequireChanges {color: red;}
.Company .Permits .Content .Declined {color: black;}

.Company .PopupCalendar .ajax__calendar_container {width: 200px; z-index: 1000;}
.Company .PopupCalendar .ajax__calendar_body {width: 200px;}
.Company .PopupCalendar .ajax__calendar_days {width: 200px;}
.Company .PopupCalendar td { padding: 2px; }

.County .PageTitle {margin-bottom: 20px; border-bottom: 2px solid; text-align: center;}
.County .SubTitle {font-size: larger; font-weight: bold;}
.County .Form td {padding: 4px;}
.County .Permits .Tabs { }
.County .Permits .Content {border-width: 0 1px 1px 1px; border-color: #dddddd; border-style: none solid solid solid; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: white; padding: 15px;}
.County .Permits .Content .Approved {color: green;}
.County .Permits .Content .Pending {color: blue;}
.County .Permits .Content .Non-Participating {color: black; font-size: smaller; font-style: italic; white-space: nowrap;}
.County .Permits .Content .RequireChanges {color: red;}
.County .Permits .Content .Declined {color: black;}
.County .PopupCalendar .ajax__calendar_container {width: 200px; z-index: 1000;}
.County .PopupCalendar .ajax__calendar_body {width: 200px;}
.County .PopupCalendar .ajax__calendar_days {width: 200px;}
.County .PopupCalendar td { padding: 2px; }

.Notification .Restrictions {border-top: 2px solid black; border-bottom: 2px solid black; border-left: 1px solid black; border-right: 1px solid black;}
.Notification .Restrictions th {color:#b7050c; background-color: #a5a5a5; height:23px; text-align:left; border-bottom: 1px solid black;}
.Notification .Restrictions tbody tr.county.noshow {display: none;}
.Notification .Restrictions tbody tr.notfound.noshow {display: none;}
.Notification .Restrictions th,
.Notification .Restrictions td {padding: 4px;}
.Notification .Restrictions td.Fields {background-color: #cccccc; border-bottom: 1px solid black; font-weight: bold;}
.Notification .Restrictions td.Restriction {background-color: White; padding-bottom: 20px;}
.Notification .Restrictions td.Removal {background-color: #e4f6ea; color: Black; padding-bottom: 20px;}
.Notification .SignUp .collapsePanel a .glyphicon-chevron-down {display: none;}
.Notification .SignUp .collapsePanel a .glyphicon-chevron-up {display: inline;}
.Notification .SignUp .collapsePanel a.collapsed .glyphicon-chevron-down {display: inline;}
.Notification .SignUp .collapsePanel a.collapsed .glyphicon-chevron-up {display: none;}

.Notification .Content {border-width: 0 1px 1px 1px; border-color: #dddddd; border-style: none solid solid solid; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: white; padding: 15px;}
.Notification .Content .preview {display: block; max-height: 44px; overflow: hidden; position: relative;}
.Notification .Content .preview.in {display: block; max-height: inherit; overflow: visible;}
.Notification .Content .preview + .more {display: block; font-style: italic;}
.Notification .Content .preview.in + .more {display: none;}

.Notification .Content .RowAlternate .Alternate:nth-child(even) {background-color: rgba(0, 0, 0, 0.05);}

/* Progress Navigation*/
.Notification .Content .ProgressNavBar {color: Black; font-size: 0;}
.Notification .Content .ProgressNavBar .ProgressNavItem {width: 100%; display: block; font-size: 16px; height: 34px; vertical-align: top;}

.Notification .Content .ProgressNavBar .clickDiv {padding: 4px 2px 4px 2px; text-align: center;}
.Notification .Content .ProgressNavBar .clickDiv .future {padding-top: 8px;}

.Notification .Content .ProgressNavNow {color: Green; font-weight: bold; padding: 0 10px 0 10px; border: 2px solid Green; margin-bottom: 10px;}
.Notification .Content .ProgressNavNow a {color: Green; text-decoration: none; display: inline;}
.Notification .Content .ProgressNavNow .future {color: Green; text-decoration: none; display: none;}
.Notification .Content .ProgressNavNow a:hover {font-style: italic;}

.Notification .Content .ProgressNavPst {color: Blue; font-weight: bold; padding: 0 10px 0 10px; border: 2px solid Blue; margin-bottom: 10px;}
.Notification .Content .ProgressNavPst a {color: Blue; text-decoration: none; display: inline;}
.Notification .Content .ProgressNavPst .future {color: Blue; text-decoration: none; display: none;}
.Notification .Content .ProgressNavPst a:hover {font-style: italic;}

.Notification .Content .ProgressNavFtr {color: Gray; font-weight: bold; padding: 0 10px 0 10px; border: 2px solid Gray; margin-bottom: 10px;}
.Notification .Content .ProgressNavFtr a {color: Gray; text-decoration: none; display: none;}
.Notification .Content .ProgressNavFtr .future {color: Gray; text-decoration: none; display: block;}
@media (min-width: 768px) {
    .Notification .Content .ProgressNavBar .ProgressNavItem {width: 20%; display: inline-block;}
    .Notification .Content .ProgressNavNow {border: none; border-bottom: 3px solid Green; border-top: 1px solid Green;}
    .Notification .Content .ProgressNavPst {border: none; border-bottom: 3px solid Blue; border-top: 1px solid transparent;}
    .Notification .Content .ProgressNavFtr {border: none; border-bottom: 3px solid Gray; border-top: 1px solid transparent;}
}

.Notification .Content .Restrictions {border-top: 2px solid black; border-bottom: 2px solid black; border-left: 1px solid black; border-right: 1px solid black;}
.Notification .Content .Restrictions th {color:#b7050c; background-color: #a5a5a5; height:23px; text-align:left; border-bottom: 1px solid black;}
.Notification .Content .Restrictions td.Fields {background-color: #cccccc; border-bottom: 1px solid black; font-weight: bold;}
.Notification .Content .Restrictions td.Restriction {background-color: White; padding-bottom: 20px;}
.Notification .Content .Restrictions td.Removal {background-color: #e4f6ea; color: Black; padding-bottom: 20px;}

.FormTable {width: 100%;}
.FormTable td {padding: 6px;}
.FormTable .Label {text-align: right; padding-left: 0; white-space: nowrap;}
.FormTable .Field {text-align: left; padding-right: 0; width: 100%;}

.leftright {text-align: left;}
.rightleft {text-align: right;}
@media (min-width: 768px) {
    .leftright {text-align: right;}
    .rightleft {text-align: left;}
}
  
.small-well {padding: 0;}
@media (min-width: 768px) {
    .small-well {padding: 9px;}
}

.townshipList .striped:nth-child(odd) {background-color: #eeeeee;}

.DivForm {}
.DivForm .Label {text-align: left;}
.DivForm .Label label {margin-bottom: 0;}
.DivForm .Field {text-align: left; margin-bottom: 6px;}
@media (min-width: 768px) {
    .DivForm .Label {text-align: right;}
    .DivForm .Label label {margin-bottom: 5px;}
    .DivForm .Field {text-align: left; margin-bottom: 0;}
}

.DivTable { }
.DivTable .Header {border: 1px solid black; background-color: #dff0d8; padding: 4px;}
.DivTable .Record {padding-top: 4px; padding-bottom: 4px;}
.DivTable .Record .GroupSpacer {background-color: #dddddd; margin-bottom: 2px;}
.DivTable th {border-top: none !important; padding: 5px 0 !important;}
.DivTable td {border-top: none !important; border-bottom: 1px solid #dddddd;}

.DivTable .Record .spacingMissing {border: 1px solid red; background-color: rgba(255, 0, 0, 0.3);}

.DivPermitList { }
.DivPermitList .Header {border: 1px solid black; background-color: #dff0d8; padding: 4px;}
.DivPermitList .Record {margin-bottom: 4px;}
.DivPermitList th {border-top: none !important; padding: 5px 0 !important;}
.DivPermitList td {border-top: none !important;}
.DivPermitList .Record.Approved {border: 1px solid green;}
.DivPermitList .Record.Canceled,
.DivPermitList .Record.Declined,
.DivPermitList .Record.Refunded {border: 1px solid purple;}
.DivPermitList .Record.Cart,
.DivPermitList .Record.Draft {border: 1px solid black;}
.DivPermitList .Record.Payment {border: 1px solid red;}
.DivPermitList .Record.Pending {border: 1px solid blue;}
.DivPermitList .Record.RefundReq {border: 1px solid red;}
.DivPermitList .Record.Returned { border: 1px solid orange;}
.DivPermitList .Record.Verify { border: 1px solid orange;}

.DivActiveList { }
.DivActiveList .Header {border: 1px solid black; background-color: #dff0d8; padding: 4px;}
.DivActiveList .Record {margin-bottom: 4px;}
.DivActiveList th {border-top: none !important; padding: 5px 0 !important;}
.DivActiveList td {border-top: none !important;}
.DivActiveList .ListPadding {padding: 4px 0;}
.DivActiveList .Record.Active {border: 1px solid green;}
.DivActiveList .Record.Inactive {border: 1px solid purple;}

.DisplayTable td {padding: 2px 6px;}
.DisplayTable .Label {text-align: right; padding-left: 0; white-space: nowrap;}
.DisplayTable .Field {text-align: left; padding-right: 0;}

.Pager .Active {color: red; padding: 4px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 2px solid red;}
.Pager .Click {color: blue; padding: 2px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 2px solid blue;}

.Form .GroupHeader {border-bottom: 1px solid black; font-size: 120%; font-weight: bold; margin: 10px 0 10px 0;}
.Form .FieldHeader {text-align: left; font-weight: bold;}
@media (min-width: 768px)  {
    .Form .FieldHeader {text-align: right;}
}

.thick-well {padding: 40px;}
.thin-well {padding: 6px;}

.contractedroad {border: 1px solid rgb(105, 155, 105); background-color: rgba(105, 155, 105, 0.1);}
.nonparticipating {border: 1px solid #bbbbbb; background-color: #dddddd;}
.hasDimensionLimits {border: 1px solid rgb(255, 191, 0); background-color: rgba(255, 191, 0, 0.1);}
.exceedsDimensionLimits {border: 1px solid rgb(255, 0, 0); background-color: rgba(255, 0, 0, 0.1);}
.missingInvalidRestriction {border: 1px solid rgb(255, 0, 191); background-color: rgba(255, 0, 191, 0.1);}

.Directions {color: Green; font-size: 90%;}

.PermitForm .PageTitle {margin-bottom: 20px; border-bottom: 2px solid; text-align: center;}
.PermitForm .Disclosure {color: Red; font-size: 110%;}
.PermitForm .Disclosure .Title {font-size: 120%; font-weight: bold;}
.PermitForm .Disclosure .WarningBox {max-height: 260px; overflow-y: scroll;}
.PermitForm .divider {height: 1px; background-color: #2a2a2a;}
.PermitForm .well-title {background-color: #dddddd; padding: 4px 10px; margin-bottom: 6px;}
.PermitForm .well-title .Title {font-size: larger;}
.PermitForm .route-title {border-bottom: 1px solid black; padding: 0; margin-bottom: 6px;}
.PermitForm .route-title .Title {font-size: larger; font-style: italic;}
.PermitForm .routeGis .panel-body {border: 2px solid #4fbfa8; background-color: rgba(79, 191, 168, 0.1);}
.PermitForm .routeGis .panel-body.panel-noEdit {border: 2px solid #dddddd; background-color: #f5f5f5;}
.PermitForm .routeManual .panel-body {border: 2px solid #006e64; background-color: rgba(0, 110, 100, 0.1);}
.PermitForm .routeManual .panel-body.panel-noEdit {border: 2px solid #dddddd; background-color: #f5f5f5;}
.PermitForm .missing {border: 1px solid red; background-color: #ffcccc;}
.PermitForm .gaprow {color: green; background-color: #ddffdd;}
.PermitForm .TownshipComments {font-size: smaller; color: blue; padding-left: 40px;}
.PermitForm .SelectedRoute {border: 1px solid black; padding: 10px;}
.PermitForm .comments-div {background-color: rgba(0, 0, 255, 0.05);}
.PermitForm #routeSelector.side {
    -webkit-transition: width .35s ease;
    -moz-transition: width .35s ease;
    -o-transition: width .35s ease;
    transition: width .35s ease;
    
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    width: 0;
}
.PermitForm #routeSelector.side.in {width: auto;}

.btn-manualroute {color: #fff; background-color: #006e64; border-color: #006e64;}
.btn-manualroute:focus,
.btn-manualroute.focus {color: #fff; background-color: #003d4f; border-color: #003d4f;}
.btn-manualroute:hover {color: #fff; background-color: #003d4f; border-color: #003d4f;}
.btn-manualroute:active,
.btn-manualroute.active,
.open > .dropdown-toggle.btn-manualroute {color: #fff; background-color: #006e64; border-color: #006e64;}
.btn-manualroute:active:hover,
.btn-manualroute.active:hover,
.open > .dropdown-toggle.btn-manualroute:hover,
.btn-manualroute:active:focus,
.btn-manualroute.active:focus,
.open > .dropdown-toggle.btn-manualroute:focus,
.btn-manualroute:active.focus,
.btn-manualroute.active.focus,
.open > .dropdown-toggle.btn-manualroute.focus {color: #fff; background-color: #003d4f; border-color: #003d4f;}
.btn-manualroute:active,
.btn-manualroute.active,
.open > .dropdown-toggle.btn-manualroute {background-image: none;}

.btn-gisroute {color: #fff; background-color: #4fbfa8; border-color: #4fbfa8;}
.btn-gisroute:focus,
.btn-gisroute.focus {color: #fff; background-color: #3faf88; border-color: #3faf88;}
.btn-gisroute:hover {color: #fff; background-color: #3faf88; border-color: #3faf88;}
.btn-gisroute:active,
.btn-gisroute.active,
.open > .dropdown-toggle.btn-gisroute {color: #fff; background-color: #4fbfa8; border-color: #4fbfa8;}
.btn-gisroute:active:hover,
.btn-gisroute.active:hover,
.open > .dropdown-toggle.btn-gisroute:hover,
.btn-gisroute:active:focus,
.btn-gisroute.active:focus,
.open > .dropdown-toggle.btn-gisroute:focus,
.btn-gisroute:active.focus,
.btn-gisroute.active.focus,
.open > .dropdown-toggle.btn-gisroute.focus {color: #fff; background-color: #3faf88; border-color: #3faf88;}
.btn-gisroute:active,
.btn-gisroute.active,
.open > .dropdown-toggle.btn-gisroute {background-image: none;}


.Cart .Item {border: 1px solid black; padding: 4px; margin-bottom: 10px;}
.Cart .Item .TitleBar {background: #eaeaea; padding: 4px 20px; margin-bottom: 10px;}
.Cart .Item .Title {font-weight: bold; font-style: italic; font-size: larger;}
.Cart .Item .SubTitle {font-weight: bold;}

.Cart .divider {height: 1px; background-color: #2a2a2a;}
.Cart .wide-divider {height: 3px; background-color: #2a2a2a;}

.Cart .ACHdata {display: none;}
.Cart .ACHdata.ACHshow {display: inline;}

.CheckOut .PageTitle {margin-bottom: 20px; border-bottom: 2px solid; text-align: center;}
.CheckOut .Receipt .PermitList {border: 1px solid black;}
.CheckOut .Receipt .PermitList tr:first-child td {border-top: 1px solid black !important;}
.CheckOut .Receipt .PermitList td:first-child {width: 25%;}
.CheckOut .Receipt .PermitList td:nth-child(2) {width: 25%;}
.CheckOut .Receipt .PermitList td:last-child {width: 50%;}
.CheckOut .Receipt .PermitList tr:nth-of-type(odd) {background-color: #eeeeee;}
.CheckOut .Receipt .PaymentList {border: 1px solid black;}
.CheckOut .Receipt .PaymentList tr:first-child td {border-top: 1px solid black !important;}
.CheckOut .Receipt .PaymentList td:first-child {width: 50%;}
.CheckOut .Receipt .PaymentList td:last-child {width: 50%;}
.CheckOut .Receipt .PaymentList tr:nth-of-type(odd) {background-color: #eeeeee;}

.Permit .Status {font-size: 200%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px 20px 10px 20px; border-width: 2px; border-style: solid;}

.Permit .PageTitle {margin-bottom: 20px; border-bottom: 2px solid; text-align: center;}
.Permit .Comments .Header {border-top: 1px solid black; background: #dddddd; padding: 2px 10px;}
.Permit .Comments .Text {margin-bottom: 12px; padding: 0 10px 0 30px;}
.Permit .well-title {background-color: #dddddd; padding: 4px 10px; margin-bottom: 6px;}
.Permit .well-title .Title {font-size: larger;}

.Route .route-title {border: 1px solid black; padding: 0 10px; border-radius: 15px;}
.Route .route-title .Title {font-size: larger;}

.unit-diagram { table-layout: fixed; }
.unit-diagram td { vertical-align: top; }
    .unit-diagram .diagram-axle {
        position: relative;
    }
    .unit-diagram .diagram-axle .image {
        height: 138px;
        position: relative;
        width: 100%;
    }
        .unit-diagram .diagram-axle .image .img-left {
            position: absolute;
            left: 0;
            top: 0;
        }
        .unit-diagram .diagram-axle .image .img-right {
            position: absolute;
            right: 0;
            top: 0;
        }
        .unit-diagram .diagram-axle .image.tall {
            background: url('https://loadpasspermits.blob.core.windows.net/images/ConnectorTall2.png') top left repeat-x;
        }
        .unit-diagram .diagram-axle .image.short {
            background: url('https://loadpasspermits.blob.core.windows.net/images/ConnectorShort2.png') top left repeat-x;
        }
    .unit-diagram .diagram-bridge .spacing,
    .unit-diagram .diagram-axle .spacing {
        border-left: 2px dashed black;
        border-bottom: 2px dashed black;
        height: 16px;
        text-align: center;
        padding: 6px 6px;
    }

        .unit-diagram .diagram-bridge .spacing.first,
        .unit-diagram .diagram-axle .spacing.first {
            border: none;
            padding: 0;
        }
        .unit-diagram .diagram-bridge .spacing.last,
        .unit-diagram .diagram-axle .spacing.last {
            border-bottom: none;
        }
        .unit-diagram .diagram-bridge .width,
        .unit-diagram .diagram-axle .width {
            text-align: center;
            padding: 6px 6px;
        }
        .unit-diagram .diagram-axle .axleCount {
            text-align: left;
            font-weight: bold;
            padding: 0;
            position: relative;
            left: -.25em;
        }
    .unit-diagram .diagram-axle .groupCount {
        font-weight: bold;
        padding: 0;
        position: absolute;
        left: 10px;
        top: 40px;
    }

.FormLink {color: #337ab7;}
.ActionLink {color: green;}

.affix {position: fixed; top: 20px; width: 255px;}
.affix-top {}
.affix-bottom {width: 255px;}

.panel-condensed .panel-heading,
.panel-condensed .panel-body,
.panel-condensed .panel-footer {padding: 5px;}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {background-color: #c4e3f3;}

.input-group-addon {background-color: #e4e4e4;}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {background-color: #e4e4e4;}

dl.dl-summary { width: 100%; }
dl.dl-summary dt { width: 35%;margin-left: 10%; text-align: left; float: left; clear: left;white-space: nowrap; }
dl.dl-summary dd { width: 50%; margin-left: 50%; text-align: right; }

.lp-toolTip:active,
.lp-toolTip:focus,
.lp-toolTip:hover,
.lp-toolTip:visited {
    text-decoration: none;
}


.spinner {
    display: none;
    -webkit-animation: spinner 2s infinite linear;
    -moz-animation: spinner 2s infinite linear;
    -o-animation: spinner 2s infinite linear;
    animation: spinner 2s infinite linear;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}@keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}