font{
 font-family:verdana;
}

p{
 font-family:verdana;
}

a.link{
 cursor:pointer;
 font-color:#FC7708;
}

h2{
 font-family:verdana;
}

a{
 font-family:verdana;
}

div.BackgroundImage{
 top:0;
 left:0;
 right:0;
 bottom:0;
 background-image:url("../images/background.png");
 width:100%;
 height:auto;
 opacity:0.3;
 filter:alpha(opacity=30);
 position:absolute;
 z-index:-1;
}

div.LoginBox{
 background-color:#f4f4f4;
 margin-top:15%;
 margin-left:auto;
 margin-right:auto;
 width:30%;
 min-width:400px;
 padding:20;
 border-radius:5px;
 border-width:thin;
 border-style:solid;
 border-color:#FC7708;
 opacity:1;
 filter:alpha(opacity=100);
}

div.tfa{
 background-color:#f4f4f4;
 margin-top:15%;
 margin-left:35%;
 width:30%;
 padding:20;
 border-radius:5px;
 border-width:thin;
 border-style:solid;
 border-color:#FC7708;
}

input.tfainput{
 width:25px;
 height:40px;
 text-align:center;
 border:1px solid rgba(0, 0, 0, 0.15);
 border-radius:0.25rem;
 line-height:1.25;
 color:#464a4c;
 transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

div.menu{
 width:260px;
 background-color:#c9c9c9;
 height:100%;
 top:0;
 left:0;
 z-index:5;
 position:absolute;
 overflow-y:scroll;
 overflow-x:hidden;
}

div.CollapseMenu{
 top:50%;
 position:absolute;
 color:#ffffff;
 left:230px;
 cursor:pointer;
 font-weight:bold;
}

div.CollapseMenu:hover{
 color:#FC7708;
}

p.MenuTitle{
 padding:0 0 0 10;
 color:#FC7708;
 font-size:15px;
}

p.MenuItem{
 color:#ffffff;
 padding:0 0 0 10;
 font-size:15px;
 cursor:pointer;
}

p.MenuItem:hover{
 font-weight:bold;
 color:#FC7708;
}

p.MenuItemHome{
 color:#ffffff;
 padding:0 0 0 10;
 cursor:pointer;
 font-size:15px;
}

p.MenuSubItem{
 color:#ffffff;
 padding:0 0 0 10;
 cursor:pointer;
 font-size:15px;
 visibility:hidden;
 display:block;
 position:absolute;
 width:90%;
}

p.MenuSubItem:hover{
 font-weight:bold;
 color:#FC7708;
}

center.MenuProgramVersion{
 bottom:0px;
 position:relative;
 color:#ffffff;
 padding:0 0 0 10;
 font-family: verdana;
}

div.map-responsive{
 left:0;
 top:0;
 z-index:4;
 position:absolute;
 width:100%;
 min-height:100%;
}

div.GrayScreen{
 left:0;
 top:0;
 z-index:98;
 cursor:not-allowed;
 background-color:#000000;
 width:100%;
 height:100%;
 visibility:hidden;
 position:absolute;
 filter: alpha(opacity=75); /* internet explorer */
 -khtml-opacity: 0.75;      /* khtml, old safari */
 -moz-opacity: 0.75;       /* mozilla, netscape */
 opacity: 0.75;           /* fx, safari, opera */
}

div.LoadingDataMessage{
 z-index:99;
}

div.Message{
 left:40%;
 margin-left:auto;
 margin-right:auto;
 top:25%;
 padding:25px;
 visibility:hidden;
 position:absolute;
 border-radius:25px;
 width:450px;
 border:1px solid #ffb53f;
 background-color:#fff;
 z-index:99;
}

div.RPCData{
 z-index:5;
 left:265px;
 position:absolute;
 overflow-x:hidden;
 width: -webkit-calc(100% - 265px);
 width:    -moz-calc(100% - 265px);
 width:         calc(100% - 265px);
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

div.calimity{
 position:fixed;
 top:5;
 right:5;
 width:350px;
 height:150px;
 background-color:red;
 visibility:hidden;
 border-radius:5px;
 padding:5px;
 border-color:#fff;
 border-style: solid;
 color:#fff;
 font-family:verdana;
}