/* LogOn master page */
body { background-color:#9ac45b; }
.a-link { text-decoration: none; color: white; }
.g-link { text-decoration: none; color: #9ac45b; }
.b-link { text-decoration: underline; color: black; font-weight:bold; }
a:hover { text-decoration: none; }
#login-div { width:1000px; height:600px; }
#circle-big-tbl { width:1120px; height:620px; }
#circle-big { background-image:url('login/big-circle.png'); background-repeat:no-repeat; }
#circle-small-tbl { width:1220px; height:680px; }
#circle-small { background-image:url('login/small-circle.png'); background-repeat:no-repeat; background-position:right bottom; }
#login-left { background-color: white; }
#login-right { background-color: #f7f7f7; }
.login-inner-div { height: 100%; width:50%; float:left; text-align:left; }
.placeholder-div { height: 100%; margin: 25px; }
#bell-icon { background-image:url('login/bell-icon.png'); background-repeat:no-repeat; height:50px; }
#bell-head { color: #9ac45b; margin-top: 10px; font-size:18px; font-weight:bold; }
#address { color: white; margin-left: 200px; width: 700px; height:50px; }
#address td { height:50px; text-align:center; font-size:14px; font-weight:bold; }
.news-head { font-size:14px; font-weight:bold; margin-top:50px; }
.news-text { font-size:12px; text-align: justify; margin-top:20px; line-height: 20px; }
#navidoc-logo { background-image:url('images/logo.png'); background-repeat:no-repeat; background-position:center bottom; height:70px; }
/* LogOn page */
.btn-green input { width: 350px; height: 40px; background-color: #bcd87e; color: white; border: none; }
.font-b14 { font-size: 14px; font-weight:bold; }
.font-b16 { font-size: 16px; font-weight:bold; }
.icon-field { position: relative; font-size: 18px; font-weight: bold; }
.icon-field input { width: 350px; height: 40px; background: #f7f7f7; text-indent: 60px; font-size: 14px; font-weight:bold; border: none; }
.icon-field span:first-child { position: absolute; top: 6px; left: 20px; width: 30px; height: 30px; }
.icon-field span:last-child { position: absolute; top: 6px; right: 40px; width: 30px; height: 30px; }
.user-icon { background-image:url('login/profile-icon.png'); background-repeat:no-repeat; }
.pass-icon { background-image:url('login/lock-icon.png'); background-repeat:no-repeat; }
.microsoft-Icon { display: inline-block; width: 17px;  height: 17px; background-image: url('icons/microsoft.png'); background-size: cover; vertical-align: middle; margin-right: 8px; }
.eye-icon { background-image:url('login/eye-icon.png'); background-repeat:no-repeat; }
.span-icon { width:22px; height:22px; display:inline-block; vertical-align: middle; }
.email-icon { background-image:url('login/mail-icon.png'); background-repeat:no-repeat; }
.address-icon { background-image:url('login/pin-icon.png'); background-repeat:no-repeat; }
.phone-icon { background-image:url('login/phone-icon.png'); background-repeat:no-repeat; }
.jul2018 { background-image:url('images/Jul2018.png'); background-repeat: no-repeat; height:380px; width:630px; margin:5px 15px 0 10px; }
.login-button {display: block; text-align: center; background: transparent; color: #9ac45b; border: 2px solid #9ac45b; padding: 10px; border-radius: 4px; font-size: 14px; text-decoration: none; transition: all 0.3s; cursor: pointer;  }
.login-button:hover {background: #9ac45b; color: white; }