.data1 { display:none; }

.data2 { display:none; }

.amount1 { text-align:right; padding-right:5px; }

.amount2 { text-align:center; }

.namastocks { font-family: Papyrus, Copperplate, "Lucida Handrwriting"; margin-right:10px; }

.code2 { text-align:center; width:25px; }

html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}

html,button,input,select,textarea{font-family:sans-serif;}

div.floating-menu {position:fixed; top:0;width:100%;height:40px; padding-top:5px; padding-left:5px; display:inline; background:pink;}
div.floating-menu input, img, h3 {display:inline; }

#q {width:30%; border: none; height: 30px; border-radius:5px; text-align:center;}

div.footer {position:fixed; bottom:0;width:100%;height:45px; padding:5px 5px 5px 5px; display:flex; background:pink; justify-content:space-between; }
div.footer input, img, h3 {display:inline; }

body{font-family:Arial, Helvetica, sans-serif; background:white; margin-left:0px; font-size:10pt; }

.main {margin: 50px 5px 5px 5px; background:white; padding-bottom:50px; padding-top:5px; }

.container1 {text-align:center; margin-top:10px;}

table.port {font-size:8pt; width:100%; background:snow; }

table.port th.stock th.ugl {width:25%; }

table.port th.ugl {width:18%; }

table.port tr.stock2 {height:30px; }

table.port tfoot {font-weight:bold; text-align:center; }

table.port th.pct {width:15%; }

table.port2 {font-size:8pt; width:50%; background:snow; margin-top:10px; }

table.posit {font-size:8pt; width:90%; background:snow; border-radius:5px; border: 1px solid black; margin-top:20px; margin-left:5px; }

table.posit th.stock th.ugl {width:25%; }

table.posit th.ugl {width:18%; }

table.posit tr.stock2 {height:40px; }

table.posit tfoot {font-weight:bold; text-align:center; }

table.posit th.pct {width:15%; }

.buybut {width:100%; display:block; background:blue; color:white; border: none; border-radius:5px; opacity:80%; height:30px; margin-top:20px;}

.sellbut {width:100%; display:block; background:red; color:white; border: none; border-radius:5px; opacity:80%; height:30px; margin-top:15px;}

.order {width:100%;background:Whitesmoke; border-radius:5px; text-align:center;     padding-bottom:5px; margin-top:20px;}

#pin { width:60px; text-align:center; font-size:12pt;}

#chgpin { width:100%; height:50px; padding-top:20px; background:snow; color:black; margin-top: 5px; display:none; }
.icons3 { display:none; }

.but1 {width: 60px; margin-right:10px; height: 30px; border-radius: 5px; border: 1px; }

#order2 {display:none; }

.icons { height:35px; width:35px; border-radius:50%; border:1px solid gray; }

.sector { padding:10px 5px 10px 5px; background:HoneyDew; margin-bottom:10px; border-radius:8px; }

.sector2 {padding:10px 5px 10px 5px; background:#424688; opacity:.9; color:white; margin-bottom:10px; border-radius:8px; }

.sector3 {padding:10px 5px 10px 5px; background:dimgray; opacity:.9; color:white; margin-bottom:10px; border-radius:8px; margin-top:10px; }

.logout {padding:10px 5px 10px 5px; background:red; opacity:.9; color:white; margin-bottom:10px; border-radius:8px; }

.imgcirc {width:200px; height:200px; border-radius:50%; border: 2px solid blue;}

.link1 { color:blue; text-decoration: underline };

.link2 { color:red; text-decoration: underline } 

.red { color:red; }

.blue { color:blue; }

.green { color:green; }

.thumb  { width:50px; height:50px; border-radius:50%; border: 1px solid blue; display:block; margin-bottom:5px; }

.rect1 { padding-left:5px; padding-top:5px; height:70px; background:snow; border-radius:10px; margin-bottom:10px;}

.rect2 { float:left; margin-right:10px; text-align:center; }

.rect3 { padding-top:5px; min-height:45px; }

.rect4 { padding-left:5px; padding-top:5px; min-height:70px; background:snow; border-radius:10px; margin-bottom:10px;}

.rect5 { padding-top:5px; display:none; }

.imgrect { height:180px; width:250px; }

.twit1 { font-weight:bold; margin-bottom:10px;}

.twit2 { font-size:9pt; font-style:italic;}

.twit3 { font-style:italic; float:right; color:gray; font-size:8pt; }

.hdrank { height:35px; width:35px; border-radius:50%; border: 1px solid blue; float:right; margin-right:10px;}

.loginbody { background:pink; padding: 5px 5px 5px 5px; }

#frmpin { display:none; 
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.backarr { height:30px; width:30px; vertical-align:middle; display:none; }

#txtlog { font-size:15pt; font-weight:bold; }

#pin2 { width:100%; text-align:center; font-size:50pt; border-radius:10px; border: 1px solid black; }

.splashlogo { width:280px; height:280px; border:2px solid blue; text-align:center; border-radius:50%; margin-left:auto; margin-right:auto; display:block;}

.splashnama { font-family: Papyrus; Copperplate, "Lucida Handrwriting"; text-align:center; }

.splashtxt1 { font-size:10pt; text-align:center; }

.splashtxt2 { font-size:8pt; text-align:center; }

#users  { display:none; }

#hdrlogin { display:none; }

#splash { 
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.backbut { height:30px; width:30px; vertical-align:middle; display:none; }

.chart1 { width: 300px; height: 170px; margin-left:auto; }

.chart2 { width: 300px; height: 170px; margin-left:auto; }

.chart3 { width: 300px; height: 170px; margin-left:auto; }

.hide { display:none; }

.trans { width:60px; text-align:center; font-size:12pt;}

.trans2 { width:70px; text-align:right; font-size:10pt;}

.trans3 { width:100px; text-align:right; font-size:10pt;}

.orders { margin-bottom: 15px; }

.orders button { width:50px; height:30px; border-radius:5px; border: none; background: lightgray; margin-right:5px; }

.opt1 { margin-left:20px; border-radius:2px; border: none; font-size:8pt; background-color: aliceblue; height:20px; width:50px; color:gray; }

.icon2 { height:20px; width:20px; vertical-align:middle; }

.icon3 { height:10px; width:10px; vertical-align:middle; }

.logo2 { max-width: 300px; }

.input2 { margin-top:5px; margin-bottom:5px; }

.rgl {
  height: 30px;
  font-size: 20px;
  background: blue;
  color: white;
  text-align: center;
  font-weight: bold;
  border-radius: 12px;
  padding-top: 5px;
  margin-bottom: 10px;
}
}