html,body {scroll-behavior: smooth; font-family: 'Noto Sans Devanagari', sans-serif !important;}

.ichr-toptitle {background: #060707; color: #fec214; padding: 5px 20px; font-size: 14px; margin: 0;}

.table-field { width: 100%; border: 1px solid #ccc; color: #333;  padding:4px 10px; border-radius: 4px; font-size: 13px;}

.table-field:focus {outline: none;}

.table-submit-btn {border: none; background-color: #ff8a00; border-radius: 4px; padding: 6px 20px; font-size: 13px; text-align: center; color: #fff;}

.ichr-checkbox {position: relative; top: 2px; cursor: pointer;}

.ichr-checkbox + label {margin-right: 10px; cursor: pointer;} 

.fw-normal {font-weight: 400;}

.float-right {float: right;}

.passport-size {width: 132.28px; height: 170.08px; border: 1px solid #000; margin:auto; display: flex; justify-content: center; text-align: center; align-items: center; font-size: 10px;}

.passport-size > img {width: 100%; height: 100%; object-fit: fill;}

.sign {font-size: 13px; text-align: right; display: block; margin: 0;}

.top-highlighted {background: #000033; padding: 4px 10px; font-size: 11px; text-align: center; border-radius: 4px; color: #fff; margin: 5px;}

a.top-highlighted:hover {color: #e5b513;}

.hightlighted {background: #000033; padding: 4px 20px; font-size: 12px; text-align: center; border-radius: 3px; color: #fff;}

.hightlighted > span {display: block;}

.hightlighted-txt {font-size: 15px; padding: 8px 20px; font-weight: 700; text-transform: uppercase;}

.ichr-txt {font-size: 13px; margin: 0; padding: 8px 0;}

.border-bot {border-bottom: 2px solid #000033;}

.border-top-ichr {border-top: 2px solid #000033;}

.table-pading tbody tr td, .table-pading tbody tr th {padding: 6px 0.75rem !important;}

.text-green {color: green;}

.ichr-list  {margin: 10px 0 10px 25px; padding: 0;}

.ichr-list li {margin-bottom: 10px;}

.ichr-btn { height: 40px; background: #000033; font-size: 16px; text-align: center; padding:10px 30px; color:#fff; border-radius: 6px; margin:5px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; }

.ichr-btn:hover {color: #fff;}

.captcha-img {width: 120px; margin-bottom: 10px;}

.text-red {color: red;}

.text-blred {color: #000; /*color: #9d0716;*/}

.font-small {font-size:11px;}

.gov-logos {display: flex; flex-wrap: wrap; justify-content: flex-end;}
.gov-logos > img {height: 60px; margin-left: 10px;}
.ftr-border {border-top: 2px solid #000033;}
.footer-list {margin: 10px 0 30px; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;}
.footer-list li {list-style: none; border-right: 1px solid #000;}
.footer-list li:last-child {border-right: none;}
.footer-list li a {font-size: 13px; color: #000; padding: 0 10px; display: block; line-height: 1;}
.footer-address {font-size: 15px; font-weight: 400; margin: 10px 0 ; padding-bottom: 0;}
.footer-address > span {font-weight: 700; font-size: 18px; display: block;}
.signature-imgsize {width: 132.28px; height: 56.7px; border: 1px solid #000; margin:auto; display: flex; justify-content: center; text-align: center; align-items: center; font-size: 10px;}
.signature-imgsize > img {width: 100%; height: 100%; object-fit: contain;}
.tbl-hding {font-size: 12px;}
.tbl-hdsml {font-size: 10px;}
.breadcrumb-list {margin: 0; padding:10px 0; display: flex; flex-wrap: wrap;}
.breadcrumb-list li {list-style: none; color: #999; padding: 0 5px; gap: 10px; line-height: 1; display: flex;}
.breadcrumb-list li a {font-size: 12px; padding: 0px 10px; color: #000;}
.breadcrumb-list li:first-child, .breadcrumb-list li:first-child a {padding-left: 0px;}
.breadcrumb-list li:first-child a {padding-right: 0px;}
.breadcrumb-list li > i {font-size: 10px; color: #000;} 
.pdf-ion {color: #e73656 !important; font-size: 16px; margin-left: 2px;}
a.pdf-ion {color: #e73656 !important;}

/* ichr inner page css */

.ichr-btn2 { background: #ae8011; border: none; font-size: 16px; text-align: center; padding:10px 30px; color:#fff; border-radius: 6px; margin:5px; }

.ichr-btn2:hover {color: #fff;}

.ichr-logo {display: block; margin: 0 auto 15px ; }

.ichr-toptitle2 {background: #060707; color: #fff; padding: 5px 20px; font-size: 14px; margin: 0;}

.hightlighted2 {background: #ae8011; border-radius: 3px; color: #fff;}

.hightlighted2 > span {display: block;}

.hightlighted-txt2 {font-size: 14px; padding: 8px 20px; font-weight: 700; text-transform: uppercase;}

.pdffrm{font-size:10px; font-style: italic;}

.ichrsbtns{margin: 0 auto; text-align: center;}

.requitmntphpto{margin-top:28px;}

.bg-themcolor {background: #ae8011; color: #fff;}*/ {width: 100%; height: 100%; object-fit: cover;}



/* User Dashboard */

.sidebar-menu { margin:0 0 0px; padding: 10px 0; height: 100%; /*background: rgb(238 238 238 / 50%);*/ background: #060707; box-shadow: 0px 0px 9px rgb(221 221 221 / 100%); min-height: 400px; }

.sidebar-menu > li { list-style: none; float: none; border-bottom: 1px solid #ddd; position: relative;}

.sidebar-menu > li:last-child {border-bottom: none;}

.sidebar-menu > li > a {font-size: 14px; color:rgba(255, 255, 255, 0.70); padding: 10px 20px; display: block; text-decoration: none;}

.sidebar-menu > li > a > i {padding-right: 8px; width: 30px;}
.sidebar-menu > li > span {position: absolute; right: 15px; top: 10px; color:rgba(255, 255, 255, 0.70);}
.sidebar-menu > li.active > a, .sidebar-menu > li:hover > a  {color: #d6a313; }

.sidebar-menu > li > .sidebar-dropdown {margin: 0; padding: 0; display: none; flex-direction: column; background: #202020; position: relative;}

.sidebar-menu > li > .sidebar-dropdown > li { list-style: none; }

.sidebar-menu > li > .sidebar-dropdown > li > a {font-size: 13px; color:rgba(255, 255, 255, 0.70); padding: 10px 21px; display: block;}

.sidebar-menu > li > .sidebar-dropdown > li > a > i {padding-right: 8px; width: 30px;}

.sidebar-menu > li > .sidebar-dropdown > li:hover a, .sidebar-menu > li > .sidebar-dropdown > li.active a {color: #d5c084;}



.userprofile {width: 150px; height: 150px; border-radius: 50%; margin-right: 30px; position: relative; box-shadow: 0px 0px 8px #ccc;}

.userprofile > img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }

.userprofile .userimg-editicon { cursor: pointer; position: absolute; bottom: 7px; right: 10px; font-size: 16px; color: #ffffff; background: #d8a912; padding: 6px; margin: 0; line-height: 0; border-radius: 50%; }

.profile-details { margin:10px 0 0; padding: 0; }

.profile-details li { list-style: none; font-size: 13px; line-height: 2; display: flex;}

.profile-details li > span {font-weight: 600; width: 120px; display: inline-block;}

.profile-details li > address {width: 85%; display: inline-block;}



.view-btn, .edit-btn, .delete-btn {

	font-size: 12px; padding: 6px 10px; margin: 0 1px; color: #fff; border-radius: 4px;

}
.view-btn:hover, .edit-btn:hover, .delete-btn:hover {color: #fff;}
.view-btn {background: #2b90f5;}

.edit-btn {background: #bd8a11;}

.delete-btn {background: #d90303;}



.myact-boxarea {background: #fff; border-radius: 8px; box-shadow: 0px 0 10px #ccc; margin: 15px 0 0; padding: 10px 20px;position: relative;}

.myact-title {font-size: 16px; font-weight: 500; padding-bottom:0px; margin-bottom: 0;}

.myact-group {margin-bottom: 10px ; }

.myact-lbl {font-size: 13px; color: #999; display: block; margin: 0; padding-bottom: 5px ; font-weight: 500; }

.myact-highligt {font-size: 13px; color: #000; margin: 0; display: block; font-weight: 500; }

.myact-highligt .fa-rupee-sign {font-size: 10px;}

.row-botbrd {border-bottom: 1px solid #ddd;  margin-bottom: 15px;}

.myact-status {display: flex; justify-content: end; align-items: center; margin-bottom: 0.5rem;}

.form-title {font-size: 16px; font-weight: 500; padding-bottom: 8px; border-bottom: 1px solid #ddd; margin-bottom:15px; }



/*//thank you */

.tkbg {background: #e5e5e5; padding: 20px 0; height: 100vh; display: flex; align-items: center; justify-content: center;}	

.centerdiv { width: 400px;  background: #fff; /*box-shadow: 0px 0px 10px 0px #f1f1f1;*/  margin: 20px auto ; padding: 30px 20px;  }

.coreticon { color: #bb8d11; text-align: center; display: block; padding: 0px 0; font-size: 50px; }

.thanks-hding { text-align: center; color: #635d5d; font-size: 48px; }

.thanks-prgh { text-align: center; color:#635d5d; font-size: 18px; }

.backtohome { font-size: 16px; text-align: center; color: #bb8d11; margin: 20px auto; display:table; text-decoration: none; }

.backtohome:hover { text-decoration: none; color: #197dd2; }

.backtohome > i {  position: relative; top: 1px; }

.thankslogo { width: 335px; margin: 20px auto 10px; display: block; }

@media only screen and (max-width:767px) {

	.centerdiv {width: 90%;}

}	

.error {font-size: 10px !important; color: #ff0a0a!important;}
.upload-doc { margin-left: 10px;}
.upload-doc > img {width: 40px; height: 40px; object-fit: contain;}
.upload-doc > iframe {width: 40px; height: 40px;}
.upload-doc > iframe html body img {width: 100%; height: 100%; object-fit: contain;}

/*.table-field[readonly=""] {border: none !important; color:#000 !important; padding-left: 0px; }*/
.admin-title {font-size: 16px; font-weight: 600; padding-top: 15px; display: block;}

/* Active and inactive */
.switch {position: relative; display: inline-block; width: 70px; height: 30px; margin:0 2px; !important; }
.switch input {   opacity: 0; width: 0; height: 0; }
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #c12020; color: #fff; -webkit-transition: .4s; transition: .4s; border-radius: 4px; }
.slider:before {position: absolute; content: ""; height: 28px; width: 8px; border-radius: 3px; left: 1px; bottom: 1px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.switch input:checked + .slider {background-color: #00a65a; }
.switch input:focus + .slider {box-shadow: 0 0 1px #2196F3; }
.switch input:checked + .slider:before {content: ''; -webkit-transform: translateX(60px); -ms-transform: translateX(60px); transform: translateX(60px); }
.slider:after {content: 'Inactive'; font-size: 12px; padding: 0 0 0 16px; font-weight: 400 !important; display: flex; align-items: center; height: 100%; }
.switch input:checked + .slider:after {content: 'Active'; }


.table-font thead tr th, .table-font tbody tr td {font-size: 12px !important;}
.welcome-name {font-size: 20px; font-weight: 700; display: block; margin: 0;}
.regid {font-size: 13px; color: #999; display: block; margin-bottom: 5px;}

.dob-wd {width: 100px;}
.abstract {color: #ff001a;}

.payment-list {display: flex; justify-content:flex-start; flex-direction: column; flex-wrap:wrap; padding: 0; margin: 15px 0;}
.payment-list li {list-style: none; float: none; margin-bottom: 10px;}
.payment-list li input {display: none;}
.payment-list li input + label {font-size: 14px; font-weight: 400 !important; padding-left: 28px; position: relative; cursor: pointer; user-select: none;}
.payment-list li input + label:before {content: ''; position: absolute; left: 0; top: 1px; width: 18px; height: 18px; border: 1px solid #000; background: #fff; border-radius: 50%;}
.payment-list li input:checked + label:after { content: ''; position: absolute; left: 3px; top: 4px; background: #000; width: 12px; height: 12px; border: 1px solid #000; border-radius: 50%;} 
.payment-list li input + label > .paytitle {font-size: 16px; font-weight: 700; margin: 0; padding: 0 0 8px 0px; display: block;} 
.view-btn {font-size: 10px; padding: 2px 8px 2px; gap: 5px; display: inline-flex; align-items: center; font-weight: 500; background: #f6c114; color: #000;}
a.view-btn:hover {background: #d7a70b;}

.dashboard-menu {display: flex; flex-wrap: wrap; margin: 0; padding: 0; border: 1px solid #000;}
.dashboard-menu li {list-style: none; border-right: 1px solid #000; flex-grow: 1;}
.dashboard-menu li:last-child {border-right: none;}
.dashboard-menu li a {display: block; font-size: 14px; padding: 10px 20px; text-align: center; color: #000; font-weight: 600;}
.dashboard-menu li a > span  {display: block; color: #e7bb0d;}
.dashboard-menu li.active a, .dashboard-menu li:hover a { background: #e7bb0d; }
.dashboard-menu li.active a > span, .dashboard-menu li:hover a > span {color: #fff}

.nav-list {margin: 0px 0; padding: 40px 0; display: flex; flex-wrap: wrap; justify-content: center; border-bottom: 2px solid #d0d0d3;}
.nav-list li {list-style: none; border-right: 1px solid #007bff;}
.nav-list li:last-child {border-right: none;}
.nav-list li a {font-size: 14px; font-weight: 600; color: #007bff; padding: 0 10px; display: block; line-height: 1;}
.redtxt {color:#cc1024; font-size: 12px;}

tr.bg-light > th {font-size: 15px;}

@media only screen and (max-width: 575px) {
	.dashboard-menu li {border-right: none;}
}
@media only screen and (max-width: 575px) {
	.gov-logos {justify-content: flex-start;}
	.gov-logos > img {height: 56px;}
}

.pagination-dynamic {padding:15px;}
.pagination-dynamic > nav > div > div > p {font-size:13px !important;}
.pagination-dynamic > nav > div > div > span {display: inline-flex;}
.pagination-dynamic nav > div >div > span > a {padding: 8px 16px !important;}
.pagination-dynamic nav > div >div > span > a > svg {width: 20px; height: 20px;}
.pagination-dynamic nav > div >div > span > span[aria-current="page"] > span {display: inline-flex; padding: 8px 16px !important; background-color: #060707!important; color: #fff !important;}
.pagination-dynamic nav > div >div > span > span[aria-disabled="true"] > span {display: inline-flex;}
.pagination-dynamic nav > div >div > span > span[aria-disabled="true"] > span > svg {width: 20px; height: 20px;}


/*Form Step flow */
.step-flow { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin: 15px 0px; padding: 0 0 20px; }
.step-flow li { list-style: none; flex-grow: 1; display: flex; justify-content: center; position: relative; padding-bottom: 20px; }
.step-flow li:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin:auto; width:15px; height: 15px;  border-radius: 50%; background: #fff; border:2px solid #000033; z-index:2; }
.step-flow li.active:before { background: #d9a913; }
.step-flow li:last-child:after {display: none;}
.step-flow li:after { content: ''; z-index: 1; position: absolute; bottom: 5px; left: 100%; right: 0; transform: translateX(-50%); margin:auto; width:100%; height: 3px;  background: #000033; }
.step-flow li.active:after { background: #d9a913;}
.step-flow li > span {position: absolute; top: 26px; left: 0; right: 0; text-align: center; font-size: 12px; line-height: 1;}
.step-flow li.active > span {color: #d9a913;}