
/* SH SMS index.html formatting */
/* whh 2019.11.24               */
/* whh 2020.01.08   some is in buttons.css            */

body {
   background-color: #000 !important;
}

 hr {
   border-color:white;
 }

.glyphicon-remove-sign {
  color: grey !important;
  font-size: 2.5em !important;

}


 .topset {
   padding-left:1.5em;
   padding-right:1.5em;
   margin-bottom:-2em;
   margin-top:3em;
 }


.fbutton {
width: 50px;
height:50px;
font-size: 24px;
border-style: solid;
border-width: 1px;
border-width:2%;
border-color: grey;
border-radius: 10px;
margin-top:5px;
box-shadow: 3px 3px #aba4a4;
background-color: grey;
opacity: 0.6;
transition: 0.0s;
}

.fbutton:hover {
  opacity: 1.0;
  background-color: white;
  font-size: 24px;
  box-shadow: 1px 1px #fff;
  border-color: white;
}

.dbutton {
width: 105px;
height:50px;
font-size: 24px;
border-style: solid;
border-width: 2px;
border-width:2%;
border-color: red;
border-radius: 10px;
box-shadow: 2px 2px #aba4a4;
background-color: #7a7474;
opacity: 0.6;
transition: 0.0s;
}
.dbutton:hover {
  opacity: 0.6;
  background-color: red;
  font-size: 24px;
  box-shadow: 1px 1px #fff;
  border-color: white;
}

#myBtn {
  display: none;
  position: fixed;
  top: 95px;
  right: 10px;
  width: 50px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: blue;
  color: white;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
  z-index: 9999;
}

#myBtn:hover {
  background-color: #555;
}

#myBtnB {
  display: none;
  position: fixed;
  top: 15px;
  right: 10px;
  width: 50px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: blue;
  color: white;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
  z-index: 9999;
}

#myBtnB:hover {
  background-color: #555;
}

/* formatting for smaller screens */
@media (max-width: 600px) {

  .topset {
    margin-top:2em;
  }

}
