
/* 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;
 }

 .logout{
 font-size: 5.0em!important;
 padding-top: 60px!important;
 color: grey!important;

 }

 .logout :hover {
   font-size: 1.6em!important;
   opacity: 0.5;
   padding-left:0.2em!important;
   padding-right:0.2em!important;
   padding-bottom:0.2em!important;
   background-color: red;
   color:yellow;
   box-shadow: 1px 1px #fff;
   border-color: blue;
 }

 .logoutText {
   position: relative;
   font-size: 0.2em!important;
    color: white;
    top:90px;
    display: block;
    z-index: -1;
 }


 .upreload {
 font-size: 2.0em!important;
 padding-top: -1.0em!important;

 }

 .upreload :hover {
   opacity: 1.0;
   right:0.25em!important;
   padding-left:0.05em!important;
   padding-right:0.1em!important;
   padding-bottom:0.15em!important;
   background-color: white;
   font-size: 62px;
   color:blue;
   box-shadow: 1px 1px #fff;
   border-color: blue;
 }

.sendplane {
font-size: 2.0em!important;
padding-top: -1.0em!important;

}

.sendplane :hover {
  opacity: 1.0;
  padding-left:0.05em!important;
  padding-right:0.1em!important;
  padding-bottom:0.15em!important;
  background-color: white;
  font-size: 62px;
  color:blue;
  box-shadow: 1px 1px #fff;
  border-color: blue;
}

.backarrow {
font-size: 1.5em!important;
padding-top: -1.0em!important;

}

.backarrow :hover {
  opacity: 1.0;
  padding-left:0.05em!important;
  padding-right:0.1em!important;
  padding-bottom:0.15em!important;
  background-color: white;
  font-size: 62px;
  color:blue;
  box-shadow: 1px 1px #fff;
  border-color: blue;
}

.plussign {
font-size: 1.5em!important;
padding-top: -1.0em!important;

}

.plussign :hover {
  opacity: 1.0;
  padding-left:0.1em!important;
  padding-bottom:0.15em!important;
  background-color: white;
  font-size: 62px;
  color:blue;
  box-shadow: 1px 1px #fff;
  border-color: blue;
}


.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: 80px;
height:80px;
font-size: 52px;
border-style: solid;
border-width: 1px;
border-width:2%;
border-color: grey;
border-radius: 10px;
margin:1%;
margin-top:5px;
box-shadow: 6px 6px #2b6bd9;
background-color: grey;
opacity: 0.6;
transition: 0.0s;
}

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


.dbutton {
width: 105px;
height:50px;
font-size: 24px;
border-style: solid;
border-width: 2px;
border-width:2%;
border-color: red;
border-radius: 10px;
margin-left:2%;
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: 200px;
  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: 100px;
  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;
}


#myBtnC {
  display: block;
  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;
}

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


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

  .topset {
    margin-top:2em;
  }

}
