html {
font-size: 14px;
width: 100%;
padding: 0;
}
body {
margin: 0;
padding: 0;
}
a:hover, a:focus  {
text-decoration: none;
color: white;
}

h3 {
font-size: 16px;
//border: 1px solid black;
width: 70%;
}
h5 {
position: relative;
left: 55%;
top: -2px;
font-size: 14px;
//margin-left: 80px;
//margin-bottom: 2%;
//border: 1px solid black;
width: 20%;
text-align: right;
color: maroon;
cursor: pointer;
}
h6:hover {
color: white;
}
.hide {

background: white;
border: 1px solid maroon;
position: relative;
left: 0px;
top: 0px;
z-index: 1;



width: 210px;
height: 400px;
border-radius: 8px;
box-shadow: 0 0 10px black;
display: none;
}

.mar {
margin-left: 10px;
}

.fontstyle {
font-size: 1rem;
//margin-left: 55px;
//margin-top: -18%;
position: relative;
left: 55px;
top: -15px;
}
.logbank {
height: 50;
width: 50;
position: relative;
left: 0%;
top: 20px;
margin: 0;
//margin-left: 0px;
//margin-top: 12%;
padding-left: 0px;
}
.logbox {
position: relative;
margin: 0;
height: 100px;
width: 210px;
border: 1px solid maroon;
border-radius: 10px;
}
#nbrb1 {
position: relative;
top: -25px;
}

#belrusbank {
color: green;
}
#alfabank {
color: red;
}
#bankreshenie1 {
color: darkred;
//margin-left: 110px;
//margin-top: -19.5%;
position: relative;
left: 55px;
top: -15px;
}
#bankreshenie2 {
color: navy;
position: relative;
left: 95px;
top: -38px;
//margin-left: 55px;
//margin-top: -19.5%;
width: 70px;
}
.hdistance {
position: relative;
//left: 95px;
top: -45px;
text-align: right;
}
.hdistancebbmb {
position: relative;
//left: 95px;
top: -40px;
text-align: right;
}
#bpsbank {
color: green;
}
#bsb {
color: red;
}
#dabrabit {
//margin-left: 55px;
//margin-top: -28%;
color: grey;
}
#ideabank {
color: blue;
}
#bnb {
color: orange;
}
#belagropron {
color: orange;
font-size: 0.8rem;
}
#veb1 {
color: orange;
//margin-left: 55px;
//margin-top: -17%;
}
#veb2 {
color: blue;
position: relative;
left: 80px;
top: -38px;
//margin-left: 83px;
//margin-top: -19%;
}
#belinvest {
color: green;
}
#eurobank {
color: yellow;
}
#absolutbank {
color: red;
}
#statusbank {
color: lime;
}
#rrb {
color: red;
}
#fransabank {
color: navy;
}
#bta {
color: dimgrey;
}
#deltabank {
color: red;
}
#zepter {
margin-left: 55px;
margin-top: 19%;
}
#nbrb {
font-size: 0.8rem;
//margin-top: -30%;
color: gold;
position: relative;
top: -25px;
}
#bbmb1 {
color: darkgreen;
position: relative;
top: -30px;
}
#bbmb2 {
color: navy;
position: relative;
top: -35px;
}
#btk {
font-size: 14px;
position: relative;
top: -25px;
}
#btk1 {
position: relative;
top: -20px;
}


#belrusid {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 8px;
//box-shadow: 0 0 10px black;
//display: none;
}
#alfaid {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 8px;
//box-shadow: 0 0 10px black;
//display: none;
}
#reshid {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#bpsid {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#bsb1id {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#ideaid {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#bnb1id {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#agropromid {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#btkid {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#belvebid {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#priorid {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#vtbid {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#investid {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#mtbid {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#absolutid {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#paritetid {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#statusid {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#rrb1id {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#fransaid {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#bta1id {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}
#deltaid {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 5px;
//box-shadow: 0 0 10px black;
//display: none;
}

//#ibf {
//border: 1px solid black;
//width: 200px;
//height: 400px;
//border-radius: 10px;
//box-shadow: 0 0 10px black;
//}
.closed {
border: 1px solid maroon;
border-radius: 50px;
width: 15px;
height: 15px;
position: relative;
top: 0px;
left: 193px;
cursor: pointer;
font-size: 10pt;
text-align: center;
padding: 0px;
}
.closed:hover {
background: maroon;
}