@import url('https://fonts.googleapis.com/css?family=Roboto');
body {
  font-family: Roboto, sans-serif;
  padding: 0;
  margin: 0;

}

img#img_svg {
  height: 50%;
  padding-top: .25rem;
}

#colorline {
//  background: #005b9a;
  background: #006F60;
  height: 1em;
}

#img_right {
  float: right;
}

div.wrapper {
  width: 98%;
  margin: auto;
}

div#rsDiv {
  width: 90%;
  margin: auto;
  border: 2px solid #005b9a;
  border-radius: 5px;
  padding: 2em;
  min-height: 60vh;
}

div#rsDiv div.lg {
  margin-bottom: 1em;
}


div#formDiv{
  width: 90%;
  margin: auto;
  border: 2px solid #005b9a;
  border-radius: 5px;
  padding: 2em;
  min-height: 10em;
}

label {
  display: block;
  margin-bottom: .25em;
  padding-left: .25em;
}


.flex {
  display: flex;
  justify-content: space-around;
}

div.flex div {
  flex: 1 0 33%;
}

.shadow {
  box-shadow: -0px -1px #000080;
}

div.flex div:nth-child(2) {
  padding: 0 1em;
}

select {
  width: 100%;
  padding: .5em;
}


div.divHref {
  display: block;
  width: 70%;
  height: 5em;
  border: 2px solid orange;
  background-color: #fff;
  margin: 5em auto;
  text-align: center;
}

div.divHref a {
  margin: 1em;
  text-decoration: none;
  color: #000;
  font-size: larger;
}


a.close {
  float: left;
  padding: 1em 0 0 1em;
  color: #fff;
}

a#offNet {
  font-size: .75em;
  float: right;
  text-decoration: none;
  color: #800000;
}

a#addOff {
  font-size: .75em;
  float: right;
  text-decoration: none;
  color: #800000;
}


div.wrapper {
  position: relative;
  top: 0;
  left: 0;
}



div.toSee {
  position: absolute;
  top: 10%;
  left: 20%;
  width: 60%;
  margin: auto;
  min-height: 10em;
  background-color: #fff;
  border: 1px solid yellow;
}

div.toSee a {
  padding: 1em;

}

div#overlay {
  visibility: hidden;
  position: absolute;
  top:  0;
  left: 0;
  z-index: 200;
  background-color: rgba(0, 0, 0, .3);
  min-height: 100vh;
  width: 100vw;
}

div.noSee {
  opacity: .2;
  padding: .25em;
}



div#oh {
  position: fixed;
  left: 8%;
  top: 6%;
  width: 80%;
  background-color: #fff;
  border: 2px solid #ffefd5;
  padding: 2%;
  min-height: 12em;
}


div#oh1 {
  float: left;
  width: 50%;
  min-height: 1em;
}

div#oh2 {
  float: left;
  width: 50%;
  min-height: 1em;
}

div#ohc {
  min-height: 5em;
  clear: both;
  padding-top: 3em;
}


div#forOff {
  flex: 1 0 33%;  
}


div#forOff #newOffNet {
  width: 100%;
  border-top: none;
  border-left: none;
  border-bottom: 1px solid #000000;
  border-right: none;
  height: 2em;
}


div#forOff a {
  text-decoration: none;
  color: #800000;
  font-weight: 200;
}

div#msg {
  text-align: center;
  opacity: .3;
  height: 1em;
  padding-top: .25em;
  padding-bottom: .5em;
}

div.flex:nth-child(2) {
  padding-bottom: 1em;
  padding-top: 1em;

}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
  animation-iteration-count: 3;
  animation-duration: 1s;
}


input[type="submit"] {
  border: 1px solid #000;
  padding: .25em 1.5em;
  background-color: #ffefd5;
}



@keyframes fadeInDownBig {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
  animation-duration: 1s;
  animation-fill-mode: both;
}


.rsAbort {
  margin-bottom: .5em;
}

.rsAbort a {
  color: #800000;
}


.withBGP {
  display: block;
  font-size: .6em;
}