::placeholder {color: gray;opacity:.40;font-size:12px} .tdname {height:25px;color:#1e74d0;} .tdhead {color:white;border: thin solid white;background-color:#1e74d0;text-align:center;padding:0px;height:25px} .tddata {border:solid thin #1e74d0;text-align:center;height:25px;} .tdheadp {color:white;bor1der: thin solid white;background-color:#679ed9;text-align:center;padding:0px;height:25px} .tddatap {border:solid thin #1e74d0;text-align:center;height:45px;} .button2:hover { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19); } .button { width:120px; background-color: #085ccd; /* Green */ border: none; color: white; padding: 8px 17px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; margin: 4px 2px; cursor: pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } /*======================================================================================================POPUP ICON*/ .tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { visibility: hidden; width: 120px; color: #1e74d0; text-align: center; border-radius: 6px; /*padding: -15px 15px -10px ;*/ margin-left:-130px; margin-top:-7px; font-size:14px; /* Position the tooltip */ position: absolute; z-index: 1; } .tooltip:hover .tooltiptext { visibility: visible; } /*=======================================*/ /* Style the links inside the navigation bar */ .topnav a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; } .topnav { background-color: #4f4e4e ; overflow: hidden; top:12%; width:80%; left:10%; } /* Change the color of links on hover */ .topnav a:hover { background-color: #808080; color: black; } /* Add an active class to highlight the current page */ .active { background-color: #7bbcfc; color: white; } /* Hide the link that should open and close the topnav on small screens */ .topnav .icon { display: none; } /*==============================*/ .clsfeesrcpt { width:40px;height:55px; } .clsfeesrcpt:hover { cursor:pointer; } /*============================================*/ .tooltip11 { /*position: relative; display: inline-block;*/ font-size: 20px; /*border-bottom: 1px dotted black;*/ /*position: absolute;*/ /*display: block;*/ top:-200px; margin-left:7%; visibility:visible; display:inline-block; } .tooltip11 .tooltiptext1 { visibility: hidden; display:none; /*background-color: black;*/ color: black; /*text-align: right;*/ margin-left: 7%; /*border-radius: 6px;*/ /*padding: -55px -10px;*/ /* Position the tooltip */ /*position: absolute;*/ z-index: 1; font-size1: 16px; } .tooltip11:hover .tooltiptext1 { position:absolute; visibility: visible; display:inline-block; cursor: pointer; margin-top:-80px; font-size:15px; margin-left:-30px; margin-right:0px; } .tooltip11:hover { cursor: pointer; } /*=============================*/