/*==ST Changes the font throughout website==*/
a,
span,
font,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
td,
tr,
table,
tbody,
thead,
tfoot {
  font-family: Sans-Serif, CalciteWebCoreIcons;
}
/*==ST Decreases the font size of the error messages*/
.ACA_Message_Error_FontSize {
    font-size: 1em;
}
.ACA_vertical_align {
    vertical-align: bottom;
    padding: 20px;
}
/*==ST changes width on Terms and Conditions*/
.DisclaimerContainerStyle {
    width: 90%;
    height: 20em;
    overflow-x: hidden;
    overflow-y: scroll;
    border-style: solid;
    border: 2px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 20px;
}
.ACA_ContainerStyle {
    border-top: 2px gray solid;
    border-left: 2px gray solid;
    border-bottom: 1px #ECE9D8 solid;
    border-right: 1px #ECE9D8 solid;
}
/*==ST Continue Application button*/
.ACA_LgButton_FontSize A {
  font-size: 1em;
  /*padding: 10px 10px !important; COMMENTED OUT BY HST, 10/27/2024 SO THAT THE BUTTON DOESN'T GROW WHEN A SERVICE IS SELECTED*/
  display: inline-block;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #057993 !important;
  background-color: #057993;
}
.ACA_LgButton_FontSize:hover{
  color: red;
}
a > span {
  color: #FFFFFF;
}

/*==ST Hide the 'Use map to select work location' button==*/
#ctl00_PlaceHolderMain_WorkLocationEdit_btnShowMap_container {
	background-color: #FFFFFF;
	display: none;
}

/*== Hide the 'Hide Map' button==*/
#ctl00_PlaceHolderMain_WorkLocationEdit_btnHideMap_container {
	background-color: #FFFFFF;
	display: none;
}

/*===ST change the location of the boxes in each corner for the top and bottom version===*/
.actionbar_bottom .ACA_LiLeft {
              float: left;
}
.actionbar_bottom .ACA_FRight {
              float: right;
}
.actionbar_top .ACA_LiLeft {
              float: left;
}
.actionbar_top .ACA_FRight {
              float: right;
}

/*==HST Hide incorrect fee amount on second fees screen==*/
#ctl00_PlaceHolderMain_capFeeList_divNormalTotalfee {
	display: none;
}

/*==HST Hide search bar and search button on Services screen for Onsite and Planning==*/
#ctl00_PlaceHolderMain_serviceControl_divSearchBar {
	display: none;
}

/*==HST Hide Announcements BEFORE Login*/
#ctl00_HeaderNavigation_beforeLogin .ACA_FRight:last-child {
	display: none;
}

/*==HST Hide Announcements AFTER Login*/
#ctl00_HeaderNavigation_afterLogin .ACA_FRight:last-child {
	display: none;
}

/*==HST Hide 'Desired Date' on Inspection Detail screen*/
#ctl00_phPopup_Inspection_divDesiredDate {
	display: none;
}

/*==HST Modify the left margin for service group messages, specifically the homeowner path*/
.ACA_Desc {
    margin-left: 6px;
}

/*==HST Display the ACA_Desc message box above the Service Group name instead of below*/
.ServiceListContainer {display: flex; flex-direction: column;}
.ServiceListGroupName {order: 2}
.ACA_Desc {order: 1}
.ServiceItemList {order: 3}

/*==HST BEGIN DISPLAY CONTENT ON COMPLETION PAGE IN LANDSCAPE==*/
/* table[role=presentation] {
    width: 100%;
} */
div#ctl00_PlaceHolderMain_divContent {
    width: 98%;
}
.ACA_Cap_Completions_TD {
    width: fit-content;
    font-size: 1.5em;
}
span#ctl00_PlaceHolderMain_addressList_ctl00_agenciesList_ctl00_capsList_ctl00_lblCapType {
    font-size: 1.5em;
}
div#divCapFeesContainer {
    width: 100%;
}
/*==END DISPLAY CONTENT ON COMPLETION PAGE IN LANDSCAPE==*/

/* Custom stuff */
/* widens the column on the receipt page where the record number is located, they asked to widen as number wraps */
.ACA_Cap_Completions_TD {
  width: 22%;
}
/* global ACA icon color formatting */
.material-icons {
  font-size: 1em;

}

.ACA_LiLeft li {
    line-height: 1.2em;
}

/*== HIDE GLOBAL SEARCH ==*/
#gsContainer {
	display: none;
}

.ACA_NavBanner {
	min-height: 0px;
	margin-bottom: 0px;
}

.ACA_Continue a {
  padding: 9px 14px !important;
}

/*HEADER*/

.header {
  margin: 0 auto;
  width: auto 0;
  height: auto;
  font-family: "PT Sans", sans-serif !important;
}

.mobile-wrap {
  display: none;
}

.header-wrap,
.footer-wrap {
  width: 100%;
  height: 100%;
}

.header .container {
  display: inline-block;
  position: relative;
  width: 1300px;
}

.header-bottom {
  background-color: #dcecf0;
  min-height: 115px;
  border-top: 12px solid #057993;
}
.header-bottom .container-bottom {
  height: 115px;
  width: 1300px;
  margin: auto;
  padding: 5px 0px 0px 0px
}
.container-bottom h1 {
  float: left;
  text-align: left;
  /* padding: 10px 0 0 100px; */
  width: 40%;
  color: #2e4057;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 42px;
}
.container-bottom p {
  float: left;
  text-align: right;
  /* padding: 10px 0 0 100px; */
  width: 40%;
  color: #2e4057;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 42px;
}

/* mobile header formatting */

#OREGlogoMobile {
  padding: 10px;
  display: block;
  float: left;
}
#OREGlogoMobile img {
  max-width: 120px;
  width: 10vw;
  height: auto;
}
.mobile-help-box {
  float: right;
  padding: 10px;
  margin: 0;
  width: 60%;
  text-align: right;
  /* border: 2px solid red; */
}
.mobile-help-box p {
  text-align: right;
  margin: 0;
  color: #2e4057;
  font-size: 26px;
  font-family: "PT Sans", sans-serif !important;
}
.mobile-help-box a {
  color: #2e4057;
  font-family: "PT Sans", sans-serif !important;
  font-size: 28px;
  font-weight: bold;
  text-decoration: none;
}
.mobile-bar {
  float: left;
  clear: both;
  text-align: center;
  width: 100vw;
  height: auto;
  background-color: #dcecf0;
  border-top: 8px solid #057993;
  color: #2e4057;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  padding: 10px 0px 10px 0px;
  vertical-align: middle;
}
.mobile-bar p {
  color: #2e4057;
}

.footer {
  background-color: #dcecf0;
  height: auto;
}

.footer-menu {
  padding: 1%;
  margin: auto;
  width: 1400px;
  height: 200px;
}

.footerExtended {
  width: 90%;
  height: auto;
  margin: 0 auto;
  /*   padding-left: 100px; */
  position: relative;
}

.footerExtended p {
  color: #2e4057;
  font-family: "PT Sans", sans-serif !important;
  padding: 3px;
}

.footerExtended li {
  margin-left: 0px;
  padding-bottom: 5px;
  font-size: 16px;
  font-family: "PT Sans", sans-serif !important;
}

.footerExtended .column1 {
  width: 24%;
  float: left;
  text-align: left;
  /*   margin-bottom: 50px; */
}

.footerExtended .column2 {
  width: 24%;
  float: left;
  height: 200px;
  border-right: 2px solid #2e4057;
  text-align: left;
  /*   margin-bottom: 50px; */
}
.footerExtended .column2 h3 {
  visibility: hidden;
}

.footerExtended .column3 {
  width: 24%;
  float: left;
  padding: 0 0 0 30px;
  text-align: left;
  /*   margin-bottom: 50px; */
}

.footerExtended .column4 {
  width: 24%;
  float: left;
  text-align: left;
  /*   margin-bottom: 50px; */
}

.footerExtended h3 {
  font-size: 22px;
  font-weight: bold;
  font-family: "PT Sans", sans-serif !important;
  color: #2e4057;
}

.footerExtended a {
  color: #2e4057;
  font-size: 16px;
  font-family: "PT Sans", sans-serif !important;
  padding: 0 0 6px 0;
}

.footerExtended .email {
  color: #2e4057;
  font-size: 16px;
  font-family: "PT Sans", sans-serif !important;
  padding: 0 0 6px 0;
}

.footerExtended .email:hover {
  text-decoration-line: underline;
  color: #057993;
  font-family: "PT Sans", sans-serif !important;
  cursor: pointer;
}

.footerExtended a:hover {
  text-decoration-line: underline;
  color: #057993;
  font-family: "PT Sans", sans-serif !important;
  padding: 0px;
}

/*  tablet format */
.footer-tab-menu {
  display: none;
}

.footer-tab-menu {
  padding: 1%;
  margin: auto;
  max-width: 935px;
  height: 350px;
}

.footer-tab-Extended {
  width: 90%;
  height: auto;
  margin: 0 auto;
  position: relative;
}

.footer-tab-Extended p {
  color: #2e4057;
  font-family: "PT Sans", sans-serif !important;
  padding: 3px;
}

.footer-tab-Extended li {
  padding-bottom: 5px;
  font-size: 16px;
  font-family: "PT Sans", sans-serif !important;
}

.footer-tab-Extended ul {
  list-style-type: none;
}

.footer-tab-Extended .column1 {
  width: 49%;
  height: fit-content;
  float: left;
  text-align: left;
}
.footer-tab-Extended .column2 {
  width: 49%;
  height: fit-content;
  float: right;
  text-align: left;
}

.footer-tab-Extended .tab-bottom {
  width: 100%;
  height: fit-content;
  float: right;
  text-align: center;
}

.footer-tab-Extended .tab-bottom .tab-bottom-left {
  width: 49%;
  height: fit-content;
  float: left;
  text-align: left;
}

.footer-tab-Extended .tab-bottom .tab-bottom-left ul {
  list-style-type: none;
}

.footer-tab-Extended .tab-bottom .tab-bottom-right {
  width: 49%;
  height: fit-content;
  float: right;
  text-align: left;
}

.footer-tab-Extended .tab-bottom .tab-bottom-right ul {
  list-style-type: none;
}

.footer-tab-Extended h3 {
  font-size: 22px;
  font-weight: bold;
  font-family: "PT Sans", sans-serif !important;
  color: #2e4057;
  margin: 9px 0;
}

.footer-tab-Extended a {
  color: #2e4057;
  font-size: 16px;
  font-family: "PT Sans", sans-serif !important;
  padding: 0 0 6px 0;
}

.footer-tab-Extended a:hover {
  text-decoration-line: underline;
  color: #057993;
  font-family: "PT Sans", sans-serif !important;
  padding: 0px;
}

/*  phone format */
.footer-phone-menu {
  display: none;
}

.footer-phone-menu {
  padding: 1%;
  margin: auto;
  max-width: 400px;
  height: 350px;
}

.footer-phone-Extended {
  width: 99%;
  height: auto;
  margin: 0 auto;
}

.footer-phone-Extended p {
  color: #2e4057;
  font-family: "PT Sans", sans-serif !important;
  padding: 3px;
}

.footer-phone-Extended li {
  padding-bottom: 5px;
  font-size: 16px;
  font-family: "PT Sans", sans-serif !important;
}

.footer-phone-Extended ul {
  list-style-type: none;
}

.footer-phone-Extended .column1 {
  width: 99%;
  height: fit-content;
  float: none;
  text-align: left;
  padding: 0 10%;
}

.footer-phone-Extended h3 {
  font-size: 22px;
  font-weight: bold;
  font-family: "PT Sans", sans-serif !important;
  color: #2e4057;
  margin: 9px 0;
}

.footer-phone-Extended a {
  color: #2e4057;
  font-size: 16px;
  font-family: "PT Sans", sans-serif !important;
  padding: 0 0 6px 0;
}

.footer-phone-Extended a:hover {
  text-decoration-line: underline;
  color: #057993;
  font-family: "PT Sans", sans-serif !important;
  padding: 0px;
}

#OREGlogo {
  float: left;
}
.help-box p {
  float: right;
  width: 40%;
}

#OREGlogo {
  float: left;
}

#OREGlogo a,
#OREGhelp a {
  text-decoration: none;
}
#OREGlogo a:hover {
  color: #057993;
}
#OREGnav {
  width: 50%;
  float: left;
  padding: 0 1.6%;
}
#OREGlogo img {
  width: 10vw;
  max-width: 120px;
  height: auto;
}
.header .lightitalic {
  font-style: italic;
  color: #8dceff;
  font-size: 16px;
  font-family: "PT Sans", sans-serif !important;
}
#OREGlogo .back-button {
  margin-left: 20px;
}
#OREGlogo .back-button::before {
  content: "«";
  margin-right: 5px;
}
.help-box .smallheader {
  color: #2e4057;
  font-size: 28px;
  font-family: "PT Sans", sans-serif !important;
  float: right;
  clear: right;
  display: block;
}
.help-box .email {
  color: #2e4057;
  font-size: 24px;
  font-family: "PT Sans", sans-serif !important;
  float: right;
  clear: right;
  display: block;
  cursor: pointer;
}
.mobileheader {
  color: #2e4057;
  font-size: 18px;
  font-family: "PT Sans", sans-serif !important;
  display: block;
}
.mobileEmail {
  color: #2e4057;
  font-size: 14px;
  font-family: "PT Sans", sans-serif !important;
  display: block;
  cursor: pointer;
}
b.email:hover {
  text-decoration: underline;
  color: #057993;
}
b.mobileEmail:hover {
  text-decoration: underline;
  color: #057993;
}
.help-box a {
  color: #2e4057;
  font-family: "PT Sans", sans-serif !important;
  font-size: 28px;
  cursor: pointer;
}

/*CSS ONLY RESPONSIVE MENU*/

/* new css menu */

/* menu group */
#OREGnav {
  width: fit-content;
  float: left;
  padding: 4% 0 0 0;
}
/* Style The Dropdown Button */
.dropbtn1 {
  background-color: #d17e1b;
  color: white;
  padding: 10px 30px;
  font-size: 22px;
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.dropbtnMobile1 {
  background-color: #d17e1b;
  color: white;
  padding: 15px 30px;
  width: 75%;
  font-size: 18px;
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.dropbtn2 {
  background-color: #047992;
  color: white;
  padding: 10px 30px;
  font-size: 22px;
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.dropbtnMobile2 {
  background-color: #047992;
  color: white;
  padding: 15px 30px;
  width: 75%;
  font-size: 18px;
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.dropbtn3 {
  background-color: #2e4057;
  color: white;
  padding: 10px 30px;
  font-size: 22px;
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.dropbtnMobile3 {
  background-color: #2e4057;
  color: white;
  padding: 15px 30px;
  width: 75%;
  font-size: 18px;
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.dropbtn4 {
  background-color: #7a9d5d;
  color: white;
  padding: 10px 30px;
  font-size: 22px;
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.dropbtnMobile4 {
  background-color: #7a9d5d;
  color: white;
  padding: 15px 30px;
  width: 75%;
  font-size: 18px;
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.dropbtn5 {
  background-color: #5d5e98;
  color: white;
  padding: 10px 30px;
  font-size: 22px;
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.dropbtnMobile5 {
  background-color: #5d5e98;
  color: white;
  padding: 15px 30px;
  width: 75%;
  font-size: 18px;
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.dropbtn6 {
  background-color: #DF3199;
  color: white;
  padding: 10px 30px;
  font-size: 22px;
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.dropbtnMobile6 {
  background-color: #DF3199;
  color: white;
  padding: 15px 30px;
  width: 75%;
  font-size: 18px;
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  padding: 0px 10px 0px 0px;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  font-family: "PT Sans", sans-serif !important;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  min-width: 250px;
  border: 1px solid black;
  /* box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); */
  z-index: 1;
}

#OREGnavMobile div > div {
  display: none;
  background-color: white;
  font-family: "PT Sans", sans-serif !important;
  text-align: center;
  margin: auto;
  font-size: 14px;
  font-weight: bold;
  width: 65%;
}
#OREGnavMobile div > a {
  color: #2e4057;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #dbdbdb;
}
#OREGnavMobile div > a:hover {
  background-color: #f1f1f1;
}
#OREGnavMobile div > a:active {
  background-color: #f1f1f1;
}
/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #f1f1f1;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
/* new css menu end */

/* global header and footer settings */

.footer_copyright {
  font-size: 1.5em;
  color: white;
  padding: 30px 0px;
}

/* body formatting */
body {
  background: white;
}

/* wrapper formatting */
.aca_wrapper {
  padding: 3%;
  overflow: hidden;
}

.aca_wrapper .welcome-page.ACA_Content > table {
  width: 100%;
}

.aca_wrapper > div {
  max-width: 1300px;
  /*  background: rgba(255,255,255,.9); */
  background: white;
  margin: 0 auto !important;
}

.aca_wrapper .welcome-page.ACA_Content {
  border: 0;
}

.dsh-shopping-cart {
  width: 100%;
}

.dsh-mycollection {
  width: 100%;
  margin-left: 0px;
}

/* Agency Format Customization Start */

/* ACA login box changes */
.ACA_LoginBox {
  width: auto;
  border-radius: 5px;
  padding: 1.3em;
}

.welcome-page > table > tbody > tr > td:first-child {
  width: 100%;
  float: left;
}
.welcome-page > table > tbody > tr > td:last-child {
  width: 25%;
}

/* sub menu settings */
.ACA_SubMenuList {
  max-height: 50px;
}
#mobileHeaderContainer {
  width: 100vw;
  height: 75px;
  text-align: center;
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold;
  font-size: 2em;
  color: #2e4057;
  vertical-align: middle;
}
#mobileHeaderContainer h1 {
  padding-top: 20px;
  display: inline-block;
  height: auto;
  margin: auto;
  color: #2e4057;
  font-family: "PT Sans", sans-serif !important;
  font-weight: bold;
  --font-size: 2em;
}
.mobile-wrap button.icon {
  color: #2e4057;
  font-size: 7.8em;
  display: inline-block;
  margin: 10px;
  background: none;
  border: none;
  float: right;
  vertical-align: middle;
}
.ACA_NaviTitle .menu {
  display: none;	
}

/* Media size formatting */
@media screen and (max-width: 1440px) { 
  .header .container {
    padding: 0px;
  }
  .header-bottom .container-bottom {
	width: 90vw;
  }
  .dropdown {
    padding: 0 5px;
  }
  .dropbtn1 {
    padding: 10px 15px;
    font-size: 18px;
  }
  .dropbtn2 {
    padding: 10px 15px;
    font-size: 18px;
  }
  .dropbtn3 {
    padding: 10px 15px;
    font-size: 18px;
  }
  .dropbtn4 {
    padding: 10px 15px;
    font-size: 18px;
  }
  .dropbtn5 {
    padding: 10px 15px;
    font-size: 18px;
  }
  .dropbtn6 {
    padding: 10px 15px;
    font-size: 18px;
  }
}
@media screen and (max-width: 1280px) { 
  .header {
	text-align: left;
  }
  .header-bottom .container-bottom {
	width: 97vw;
    margin: 0px;
	padding: 5px 0px 0px 18px;
  }
  .header .container {
    padding: 0px;
	max-width: 100vw;
  }
  .dropdown {
    padding: 0 3px;
  }
  .dropbtn1 {
    padding: 10px 15px;
    font-size: 16px;
  }
  .dropbtn2 {
    padding: 10px 15px;
    font-size: 16px;
  }
  .dropbtn3 {
    padding: 10px 15px;
    font-size: 16px;
  }
  .dropbtn4 {
    padding: 10px 15px;
    font-size: 16px;
  }
  .dropbtn5 {
    padding: 10px 15px;
    font-size: 16px;
  }
  .dropbtn6 {
    padding: 10px 15px;
    font-size: 16px;
  }
  .footer-menu {
    width: 1000px;
  }
  .container-bottom p {
    padding: 10px 0 0 100px;
  }
}

@media screen and (max-width: 1024px) {
	
  .header {
	text-align: left;
  }
  .header-bottom .container-bottom {
	width: 97vw;
    margin: 0px;
	padding: 5px 0px 0px 18px;
  }
  .ACA_RightContent {
    padding-left: 20%;
  }
  .header .container {
    padding: 0px 0px 0px 0px;
	max-width: 100vw;
  }
  .header-bottom .container-bottom p {
    width: 25%;
    padding: 1% 0 0 8%;
    font-size: 28px;
  }
  .header-bottom .container-bottom .help-box p {
    width: 50%;
  }
  .footer-menu {
    width: 900px;
    padding: 0;
  }
  .footerExtended h3 {
    font-size: 16px;
  }
  .footerExtended li {
    padding-bottom: 6px;
    font-size: 12px;
  }
  .footerExtended a {
    font-size: 12px;
  }
  .footerExtended .email {
    font-size: 12px;
  }
  .container-bottom h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 935px) {

  .desktop {
    display: none;
  }
  .mobile-wrap {
    display: contents;
  }
  
.ACA_NaviTitle {
    display: block;
	height: auto;
}

#OREGlogoMobile {
  padding: 1%;
}
#OREGlogoMobile img {
  --width: 75%;
}
#MobileMenuNavContainer {
  display: none;
  position: absolute;
  width: 100vw;
  height: -o-calc(100vh - 75px);
  height: -webkit-calc(100vh - 75px);
  height: -moz-calc(100vh - 75px);
  float: left;
  z-index: 9999;
}
#OREGnavMobile {
  display: block;
  overflow: auto;
  background-color: #FFF;
  width: 100%;
  height: initial;
  text-align: center;
  vertical-align: middle;
  padding-top: 35px;
  border-top: 8px solid #047992;
}
#mobileHeaderContainer {
  width: 100vw;
  height: 75px;
  text-align: center;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 3em;
  color: #2e4057;
  vertical-align: middle;
}
#mobileHeaderContainer h1 {
  padding-top: 20px;
  display: inline-block;
  height: auto;
  margin: auto;
  color: #2e4057;
}
.mobile-wrap button.icon {
  color: #2e4057;
  font-size: 1em;
  display: inline-block;
  margin: 10px;
  background: none;
  border: none;
  float: right;
  vertical-align: middle;
}

.dropdownMobile {
  position: relative;
  padding: 0 0 13px 0;
  display: block;
}

  .header .container {
	max-width: 100vw;
  }
  .footer {
    height: 350px;
  }
  .footer-menu {
    display: none;
  }
  .footer-tab-menu {
    display: contents;
  }
  .container-bottom h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 768px) {
  /* #ctl00_HeaderNavigation_lblNavBanner {
    padding: 0 0 0 40px;
  } */
  
  #ctl00_PlaceHolderMain_WorkLocationEdit_ucAddressList_serviceControl_rptAgency_ctl00_lblGroupCode {
    visibility: visible;
  }
  
  .ACA_RegisterLogin{
	display: block;
	float: right;
	font-size: 1em;
	position: static;
	background: #fff;
	width: auto;
	height: auto;
	padding: 0px;
  }
  .ACA_RegisterLogin .ACA_FRight {
	width: auto;
  }
  .ACA_Title_Color {
	visibility: visible;  
  }
  
  .ACA_RightContent {
    padding-left: 10%;
  }
  #ctl00_PlaceHolderMain_divLogin {
    width: 758px;
  }
  #ctl00_PlaceHolderMain_InspectionList_lblInspectionSchedule {
    visibility: visible;
  }
  .header .container {
	max-width: 100vw;
  }
  #OREGlogoMobile {
  padding: 1%;
}
#OREGlogoMobile img {
  --width: 75%;
}
#MobileMenuNavContainer {
  display: none;
  position: absolute;
  width: 100vw;
  height: -o-calc(100vh - 75px);
  height: -webkit-calc(100vh - 75px);
  height: -moz-calc(100vh - 75px);
  float: left;
  z-index: 9999;
}
#OREGnavMobile {
  display: block;
  overflow: auto;
  background-color: #FFF;
  width: 100%;
  height: initial;
  text-align: center;
  vertical-align: middle;
  padding-top: 35px;
  border-top: 8px solid #047992;
}
#mobileHeaderContainer {
  width: 100vw;
  height: 75px;
  text-align: center;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 2em;
  color: #2e4057;
  vertical-align: middle;
}
#mobileHeaderContainer h1 {
  padding-top: 20px;
  display: inline-block;
  height: auto;
  margin: auto;
  color: #2e4057;
}
.mobile-wrap button.icon {
  color: #2e4057;
  font-size: 1em;
  display: inline-block;
  margin: 10px;
  background: none;
  border: none;
  float: right;
  vertical-align: middle;
}
  .footer-tab-menu {
    display: none;
  }
  .footer-phone-menu {
    display: contents;
  }
  .CSLogoBox img {
    float: left;
    padding: 1% 1% 1% 1%;
  }
  .footer {
    height: 600px;
  }

  /*   .footer {
      width: auto;
    } */
  .footer_copyright {
    font-size: 0.8em;
    padding: 20px 0px;
  }
  .CSLogoBox img {
    height: 10%;
    width: 10%;
  }
  .container-bottom h1 {
    font-size: 36px;
  }
}
.ACA_NaviTitle {
    display: block;
	height: auto;
}
@media screen and (max-width:600px) {
	.ACA_NaviTitle .ACA_Body_Text, .ACA_NaviTitle #ctl00_HeaderNavigation_com_headNav_label_loggedinas, .ACA_NaviTitle #ctl00_HeaderNavigation_lblUserName, .ACA_NaviTitle #ctl00_HeaderNavigation_lblAccessibilityAfter, .ACA_NaviTitle #ctl00_HeaderNavigation_lblAccessibilityBefore, .ACA_NaviTitle a {
		line-height: 16px;
	}
}

  .ACA_RegisterLogin{
	display: block;
	float: right;
	font-size: 1em;
	position: static;
	background: #fff;
	width: auto;
	height: auto;
	padding: 0px;
  }
  .ACA_RegisterLogin .ACA_FRight {
	width: auto;
	--float: right;
  }
.ACA_NaviTitle {
    display: block;
	height: auto;
}
@media screen and (max-width: 480px) {

  div.aca_wrapper {
	padding: 3%;  
  }
  .actionbar_top {
    display: contents;
  }
  .header .container {
	max-width: 100vw;
  }
  .mobile-help-box {
    width: 68%;
    padding: 5px;
  }
  #ctl00_PlaceHolderMain_divLogin {
    width: 370px;
  }
#OREGlogoMobile {
  padding: 1%;
}
#OREGlogoMobile img {
  --width: 75%;
  min-width: 30px;
}
#MobileMenuNavContainer {
  display: none;
  position: absolute;
  width: 100vw;
  height: -o-calc(100vh - 75px);
  height: -webkit-calc(100vh - 75px);
  height: -moz-calc(100vh - 75px);
  float: left;
  z-index: 9999;
}
#OREGnavMobile {
  display: block;
  overflow: auto;
  background-color: #FFF;
  width: 100%;
  height: initial;
  text-align: center;
  vertical-align: middle;
  padding-top: 35px;
  border-top: 8px solid #047992;
}
#mobileHeaderContainer {
  width: 100vw;
  height: 75px;
  text-align: center;
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  font-size: 1.75em;
  color: #2e4057;
  vertical-align: middle;
}
#mobileHeaderContainer h1 {
  padding-top: 1%;
  display: inline-block;
  height: auto;
  margin: auto;
  color: #2e4057;
}
.mobile-wrap button.icon {
  color: #2e4057;
  font-size: 1em;
  display: inline-block;
  margin: 1%;
  background: none;
  border: none;
  float: right;
  vertical-align: middle;
}
  .ACA_Title_Color {
	visibility: visible;  
  }

  .mobile-bar {
    font-size: 30px;
  }
  .footerExtended .column4 {
    width: 24%;
    float: left;
    text-align: left;
    margin-bottom: 50px;
}
  #footer-wrap {
    display: inline-grid;
    padding: 0 0 0 35%;
  }
    .ACA_RegisterLogin{
	display: block;
	float: right;
	font-size: 1em;
	position: static;
	background: #fff;
	width: auto;
	height: auto;
	padding: 0px;
  }
  
  #ACARegisterLoginMenu {
	position: relative;
	border: none;
	width: 100%;
	padding: 0px;
  }
  
  .ACA_NaviTitle>.ACA_RegisterLogin {
	display: block;  
  }
  
  .ACA_RegisterLogin .ACA_FRight {
	width: auto;
  }
  .ACA_NaviTitle {
    display: block;
	height: auto;
	}
	#ctl00_HeaderNavigation_beforeLogin, #ctl00_HeaderNavigation_afterLogin{
	  display: block;	
	}
	#ctl00_HeaderNavigation_beforeLogin>div:nth-child(2), #ctl00_HeaderNavigation_beforeLogin>div:last-child, #ctl00_HeaderNavigation_afterLogin>div:nth-child(2), #ctl00_HeaderNavigation_afterLogin>div:last-child {
	  border: none;	
	}

}

@media screen and (max-width: 320px) {

	#mobileHeaderContainer {
		height: 100px;
	}
	
	div.aca_wrapper {
	padding: 3%;  
    }
	
	#MobileMenuNavContainer {
	  display: none;
	  position: absolute;
	  width: 100vw;
	  height: -o-calc(100vh - 100px);
	  height: -webkit-calc(100vh - 100px);
	  height: -moz-calc(100vh - 100px);
	  float: left;
	  z-index: 9999;
	}
	#OREGnavMobile {
	  display: block;
	  overflow: auto;
	  background-color: #FFF;
	  width: 100%;
	  height: initial;
	  text-align: center;
	  vertical-align: middle;
	  padding-top: 35px;
	  border-top: 8px solid #047992;
	}

}