body h3{color:#221c4d; font-size: 24px;line-height: 32px;font-weight: 600;}
body strong{font-weight: 500;}
img.bg {height: auto;position: fixed;top: 0;left: 0;height:100%;width: 100%;}
img.header-img{max-height: 80px; width:100%;}
.login-area, .registration-area{padding:30px 0px;}
.login_box, .registration_box{background: rgba(255, 255, 255, .9);box-shadow: 1px 1px 1px #ccc;padding:10px 20px;border-radius: 5px;}
.logoimage{padding: 10px 0px;margin: 0 auto;text-align: center;}
.logoimage img{max-width: 90%;height: auto;}
.login_box h2, .registration_box h2{color:#221c4d; font-size: 32px;line-height: 42px; text-transform: uppercase;letter-spacing: 2px;}
.login_box h6, .registration_box h6{padding-bottom: 10px; text-transform: lowercase;font-size: 14px;line-height: 20px;}
.form-check {margin-left: .5em;}
input, .form-control{background: transparent;border:1px solid #ddd} .form-select{background: transparent;border:1px solid #f1f1f1}
.copy-area{background:#34a900;padding:10px 0px;position: fixed;bottom: 0;left: 0;right: 0;z-index: 9;margin-top:50px}
.copy-right{font-size:12px;line-height: 18px; font-style: italic;text-align: center;font-weight:500;color:#fff;}
.copy-right a{text-decoration: none;color:#ccc}
.header, .login_page, .registration_page{position: relative;z-index: 9;}
.loginform input, .loginform label, .loginform p, .registrationform input, .registrationform label, .registrationform p{font-size:12px;line-height: 18px;}

.profileview_page{background-image: url("../images/sericulture4.jpg");background-attachment: fixed; min-height: 100vh;}
.profileview_page .mask{background-color: rgba(0, 0, 0, 0.8);min-height: 100vh;}
.profileview_box{background: rgba(255, 255, 255, .8);box-shadow: 1px 1px 1px #ccc; padding: 20px;margin: 30px 0px;border-radius: 5px;}

.general-info h3{padding-bottom:25px;}
.general-info img{max-width:90%;border:2px solid #c94402;}
table tr, table td{vertical-align: middle;}

.left-sidebar{margin:30px 0px;}
.sidebar-box{background: rgba(255, 255, 255, .8);box-shadow: 1px 1px 1px #ccc; padding: 20px;margin: 30px 0px;border-radius: 5px;}
.profile{margin: 0 auto; text-align: center;padding-bottom: 5px; border-bottom: 1px solid #e0dddd;margin-bottom:10px;}
.profile img{border:2px solid #c94402;border-radius: 50%;width:80px;height: 80px;}
.profile h6{font-size: 14px; font-style: italic;}
.left-sidebar-menu ul li{list-style: none;padding:5px 0px;}
.left-sidebar-menu ul li a{text-decoration: none; color: #221c4d; font-size: 16px;line-height: 22px;font-weight: 400;}
.left-sidebar-menu ul li a ion-icon {padding-right: 10px;padding-top: 5px;font-size: 18px;line-height:24px;vertical-align: bottom;}
.left-sidebar-menu ul li a:hover{color:#c94402;}