/* body {
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
} */
body { -webkit-text-size-adjust: none; }
#navbg {
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
    background-color: #222222;
}
#navtainer {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background-color: #222222
}
#navhdr {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#navlogo {
    margin-left: 10px;
    margin-top: 3px;
}
a#navlogourl:focus {
    outline:0;
}
#navmenu {
    display: flex;
    align-items: center;
    flex-direction: row;
    background-color: #222222;
}
#srchbtn {
    height: 49px;
    width: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#srchbtn:hover {
    cursor: pointer;
    background-color: #F1F1F1;
    transition: 200ms;
    -webkit-transition: 200ms;
}
#srchbtn:hover svg#srch path {
  fill: #222222;
    transition: 200ms;
    -webkit-transition: 200ms;
}
#logmeout {
    color: grey;
    font-size: 12px;
    margin: 0 10px 0 6px;
    cursor: pointer;
}
#logmeout:hover {
    color: #fff;
}
#navbtn {
    padding: 14px;
    font-size: 18px;
    background-color: #f1f1f1;
    color: #222222;
    cursor: pointer;
    min-height: 49px;
}
#navmenu > a {
    padding: 14px 18px;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    transition: 200ms;
    -webkit-transition: 200ms;
    font-variant: small-caps;
    letter-spacing: 1.25px;
    min-height: 49px;
}
#navmenu > a:hover {
    background-color: #f1f1f1;
    color: #222222 !important;
}
a.actv {
  background-color: #f1f1f1;
  color: #222222 !important;
  font-weight: bold;
}
.actv > a {
    padding: 14px 18px;
    font-size: 18px;
    text-decoration: none;
    transition: 200ms;
    -webkit-transition: 200ms;
    font-variant: small-caps;
    letter-spacing: 1.25px;
    min-height: 49px;

    background-color: #f1f1f1;
    color: #222222 !important;
    font-weight: bold;
}

#navmenu > a > span {
    font-size: 12px;
    margin-left:4px;
}
/* DELETE */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}
/* DELETE */
#modalNav {
    display: none;
    position: fixed;
    z-index: 12;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
    background-color: rgba(241,241,241,0.9);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    flex-direction: column;
    align-items: center;
}
/* nav search */
#searchwrap {
    height: 49px;
    width: 100%;
    background-color: #222222;
    display: flex;
    justify-content: center;
}
#searchclose {
    height: 49px;
    width: 53px;
    font-size: 29px;
    color: #fff;
    background-color: #222222;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
input#searchBar {
    width: calc(100% - 53px);
    max-width: 907px;
    background-color: #222;
    color: #fff;
    padding: 14px 18px;
    outline: none;
    box-shadow: none;
    border:none;
    font-size: 18px;
    border-radius: 0;
}
input#searchBar:focus {
    outline: none;
    border: none;
}
input#searchBar:focus:hover {
    outline: none;
    border: none;
    border-radius:0;
}
#srchRslts {
    width: 100%;
    max-height: calc(100% - 49px);
    max-width: 960px;
    display: flex;
    flex-direction: column;
    -webkit-box-shadow: 3px 3px 3px -3px #999, 3px 3px 3px -3px #999, -3px 3px 3px -3px #999;
    -moz-box-shadow: 3px 3px 3px -3px #999, 3px 3px 3px -3px #999, -3px 3px 3px -3px #999;
    box-shadow: 3px 3px 3px -3px #999, 3px 3px 3px -3px #999, -3px 3px 3px -3px #999;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
.rslt {
    background-color: #f1f1f1;
    transition: 150ms;
    -webkit-transition: 150ms;
    font-size: 18px;
    line-height: 28px;
}
.rslt:hover {
    background-color: #222;
    color: #fff;
    cursor: pointer;
}
.rslt:focus {
    background-color: #f1f1f1;
    color: #222222;
}
#srchRslts > .rslt.slctd {
    background-color: #222;
    color: #fff;
}
/* end nav search */
/* new proposal modal */
#modalNew {
    display: none;
    position: fixed;
    z-index: 12;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #f1f1f1;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    flex-direction: column;
    align-items: center;
    -webkit-overflow-scrolling: touch;
}
#newwrap {
    height: 49px;
    width: 100%;
    background-color: #222222;
}
#newtop {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
#newclose {
    height: 49px;
    width: 53px;
    font-size: 29px;
    color: #fff;
    background-color: #222222;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
#newForm {
    display: flex;
    flex-direction: column;
    width: calc(100% - 20px);
    max-width: 960px;
    padding: 10px !important;
}
#newForm textarea {
    width: 100%;
    padding: 10px 12px;
    color: #222222;
    outline: none;
    box-shadow: none;
    border:none;
    font-size: 18px;
    border-radius: 0;
    min-height: 104px;
}
#newForm input {
    width: 100%;
    padding: 10px 12px;
    color: #222222;
    outline: none;
    box-shadow: none;
    border:none;
    font-size: 18px;
    border-radius: 0;
}
#newForm h2 {
    font-size: 20px;
    font-weight: bold;
}
#newForm h4 {
    font-size: 14px;
    color: red;
    margin: 10px 0px;
}
#newbtnrow {
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* height: 32px; */
}
#newbtnupdate {
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    visibility: hidden;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    height: 24px;
    
}
#newbtnupdate:hover {
    background-color: #e6e6e6;
}
#newbtnupdate.showUpdateBtn {
    visibility: visible;
}
#newbtnclose {    
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-right: 10px;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
}
#newbtnclose:hover {
    background-color: #e6e6e6;
}
#newbtnsave {
    color: #fff;
    background-color: #337ab7;
    border: 1px solid #2e6da4;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
}
#newbtnsave:hover {
    background-color: #2b618e;
}
#newProfInfoWrap {
    display: flex;
    flex-wrap: wrap;
}
#newProfInfoWrap > div {
    width: 50%;
    margin: 10px 0px;
}
#newProfInfoNestWrap {
    display: flex;
}
#newProfInfoWrap #newProfAddy {
    width: calc(50% - 10px);
    margin-right: 10px;
}
#newProfCity {
    width: calc( 100% - 155px );
    margin-right: 10px;
}
#newProfState {
    width: 50px;
    margin-right: 10px;
    text-align: center;
}
#newProfZip {
    width: 85px;
    text-align: center;
}
#newProfInfoWrap #newProfPhone {
    width: calc(50% - 10px);
    margin-right: 10px;
}
#newProfInfoWrap #newProfRegMgr {
    width: calc(50% - 10px);
    margin-right: 10px;
}
@media screen and (max-width: 800px) {
  #newProfInfoWrap > div {
    margin: 6px 0px;
  }
}
@media screen and (max-width: 600px) {

  #newProfInfoWrap #newProfAddy {
    width: 100%;
    margin-right: 0px;
  }
  #newProfInfoWrap #newProfInfoNestWrap {
    width: 100%;
  }
  #newProfState {
    width: 120px;
    text-align: left;
  }
  #newProfCity {
    width: calc( 100% - 225px );
  }
}
@media screen and (max-width: 440px) {
  #newProfInfoWrap #newProfPhone,
  #newProfInfoWrap #newProfWeb,
  #newProfInfoWrap #newProfRegMgr,
  #newProfInfoWrap #newProfCoMgr {
    width: 100%;
    margin-right: 0px;
  }
  #newProfInfoNestWrap {
      flex-wrap: wrap;
  }
  #newProfState {
      width: calc(100% - 95px);
  }
  #newProfCity {
      width: 100%;
      margin-right: 0px;
  }
}
#newProfInfoWrap div#newbtnrow {
    width: 100%;
}
/* new proposal modal */

#navmenutop > a {
    padding: 14px 18px;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    transition: 200ms;
    -webkit-transition: 200ms;
    font-variant: small-caps;
    letter-spacing: 1.25px;
    min-height: 49px;
    display: block;
    font-size: 24px;
    cursor: pointer;
    transition: 200ms;
    -webkit-transition: 200ms;
}
#navmenutop > a > span {
    font-size: 8px;
    margin-left:4px;
}
#navsubmenu {
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #f1f1f1;
}
#navsubmenu > a,
#navsubsubmenu > a {
    padding: 6px 0px;
    font-size: 16px;
    text-decoration: none;
    color: #222222;
    background-color: #f1f1f1;
    transition: 200ms;
    -webkit-transition: 200ms;
    font-variant: small-caps;
    letter-spacing: 1.25px;
    display: block;
}
#navmenubottrig {
    color: #222222 !important;
}
#navmenubot > a {
    padding: 14px 18px;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    transition: 200ms;
    -webkit-transition: 200ms;
    font-variant: small-caps;
    letter-spacing: 1.25px;
    min-height: 49px;
    display: block;
    font-size: 24px;
    cursor: pointer;
}
#navmenubot > a > span {
    font-size: 8px;
    margin-left:4px;
}
#navsubsubmenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#navsubsubmenu > a:hover {
    background-color: #222222;
    color: #f1f1f1 !important;
}
#newbtn {
    cursor: pointer;
}
.shownav {
    display: flex !important;
}


@media screen and (max-width: 700px) {  
  #navtainer {
    flex-direction: column;
    text-align: center;
  }
  #navmenu {
    flex-direction: column;
  }
  .hidenav {
    display: none !important;
  }
  #navmenu > a {
    color: #fff;
    padding: 12px 0px;
    width: 100%;
    font-size: 24px;
  }
  #srchbtn {
    width: 100%;
  }
  #logmeout {
    margin: 10px 0;
    color: #fff;
  }
  #logmeout:hover {
    color: grey;
  }
  #logmeout:before {
    content: "LOGOUT ";
  }
  #logmeout span {
      display: none;
  }
  .rslt {
    flex-direction: column;
    padding: 8px 14px;
  }
  #navmenutop,
  #navsubmenu,
  #navmenubot,
  #navsubsubmenu {
    width: 100%;
  }
  #navsubmenu > a,
  #navsubsubmenu > a {
    width: calc(100% / 3);
  }
  #navmenubottrig {
    background-color: #222222;
    color: #fff !important;
  }

}
@media screen and (min-width: 701px) {
  #navbtn {
    display: none;
  }
  #navmenu {
    display: flex;
  }
  .rslt {
    padding: 10px 14px;
  }
  #navsubmenu {
      position: absolute;
      width: 144px;
  }
  #navmenutop:hover #navsubmenu {
      /* display: flex !important; */
  } 
  #navmenutop:hover #navmenutoptrig {
      background-color: #e9e9e9;
      color: #222222;
  }  
  #navsubsubmenu {
      position: absolute;
      display: none;
      margin-left: 144px;
      margin-top: -49px;
      width: 144px;
  }
  #navmenubot:hover #navsubsubmenu {
      /*display: flex !important;*/
  }
  #navsubmenu > a,
  #navsubsubmenu > a {
    padding: 6px 0px 6px 14px !important;
  }
  #navsubmenu > a:hover {
    background-color: #222222;
    color: #fff;
  }
  #navmenutop > a:hover,
  #navmenubot > a:hover {
    background-color: #f1f1f1;
    color: #222222 !important;
  }
  #navmenubottrig {
      font-size: 16px !important;
      background-color: #e9e9e9;
      color: #222222 !important;
      letter-spacing: 1px;
      padding: 12px 0px 12px 6px;
  }



  #navmenutop > a {
    font-size: 18px;
  }
  #navsubmenu {
    justify-content: flex-start;
  }
  #navsubmenu > a {
    text-align: left;
    width: 100%;
  }
  #navsubsubmenu {
    flex-direction: column;
  }
  #navsubsubmenu > a {
    text-align: left;
  }
}