body {font-family: 'Work Sans', sans-serif !important; font-size: 13px;}
/* Admin Login page */
.admin-login-hding {color: #333; font-size: 36px; font-weight: 700; margin: 0; padding-top: 25px; display: block; }
.login-leftside { background:#fff; padding:49px 50px; height: 100% }
.login-leftside-logo { width: 200px; margin-bottom: 20px; }
.admin-login-logo { width: 230px; margin: 0 auto 20px; display: block; }
.login-lftac {font-size: 14px; color: #333; font-weight: 400; padding-top: 5px;}
.login-lftac > a {color: #ea5a24; text-decoration: none;}
.admin-login-field {width: 100%; border-radius: 6px; border: 1px solid rgb(221 221 221 / 100%); background: #fff; padding: 10px 15px; font-size: 14px; color: #000; }
.admin-login-btn { color: #fff; border: none; outline: none; font-weight: 400; text-align: center; background: #ea5a24; font-size: 16px; padding: 10px 40px; border-radius: 40px; margin-top: 15px; margin-bottom: 10px; text-decoration: none;}
.inputicon-right {position: absolute; right: 15px; color: #dadada;font-size: 14px; margin-top: 11px;}
.admin-login-lbl {font-size: 14px; color: #333; font-weight: 500 !important;}
.rememberme {display: none;}
.rememberme + label {font-size: 14px; font-weight: 300 !important; position: relative; padding-left: 25px; cursor: pointer;}
.rememberme + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; border-radius: 3px; border: 1px solid #999;}
.rememberme:checked + label:before {content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 10px; display: flex; justify-content: center; align-items: center; background: #ea5a24; color: #fff; border: 1px solid #ea5a24;}
.forgotxt {font-size: 14px; font-weight: 400; color: #369; display: block;}
.login-rightside { width: 100%; background-color: #542d5e; background-image: url(../img/dot-bg2.png); padding:80px 50px; height: 100%; overflow: hidden; position: absolute;}
.login-right-circlbg {position: absolute; top: -200px; left: -200px; border: 120px solid #ccc; border-radius: 50%; width: 600px; height: 600px; filter: opacity(0.1);}
.login-rightbot-circlbg {position: absolute; bottom: -235px; right: -250px; border: 120px solid #ccc; border-radius: 50%; width: 500px; height: 500px; filter: opacity(0.1);}
.posrel {position: relative;}
.login-ritetxt-area {position: absolute; padding: 80px 80px; }
.admin-lr-hding {color: #fff; font-size: 44px; font-weight: 700; padding-top: 40px;}
.admin-lr-prgh {font-size: 16px; font-weight: 400; color: #fff; padding-top: 20px;}
.admin-powered-by { position: fixed; right:20px; bottom: 0px; font-size: 13px; color:#fff; }
.admin-powered-by > a {color: #fff;}
.admin-powered-by > a:hover {color: #ea5a24}
.login-box {width: 100% !important; background: rgb(255 255 255 / 70%); box-shadow: 0px 2px 30px #ccc; margin-top: 10px; border-radius: 20px;}
.admin-login-bg { display:flex; justify-content: center; align-items: center; height: 100%; background: #fbfbfb; }
.remember + label {font-weight: 400 !important; font-size: 14px;}
.loginbothding { text-align:center; display:block; padding:40px 0 0; font-size:18px; font-weight:600; margin:0;}
.loginbotprgh {text-align:center; display:block; padding:10px; font-size:14px; margin:0;}
.login-copyright {font-size:12px; text-align:center; display:block; /*background: #fff; position:fixed;*/ bottom:0px; left:0; right:0; padding:30px 0; margin:0;}
.login-copyright > a {color: #0062cc;}
.login-bg {background: #e9ecef;}
.login-header-logo { display: inline-block}
.login-logo-text { color:#000; display: inline-block; }

/* Sidebar */
.dashboard-card {height:98px !important;}
.dashboard-subtitle-pos { font-weight: 400 !important;}
.profile-list-w {/*width: 75%;*/ text-align: right;}
.sidebar-dark-primary {background-color: #fff !important;}
.layout-fixed .brand-link {width:180px !important;}
.brand-link .brand-image {margin-left:0px !important;}
/*.nav-sidebar li a {font-size: 14px; }*/
.nav-sidebar li a > i {font-size: 13px !important;}
.admin-logoname {width: 100px; height: auto;}
[class*=sidebar-dark-] .sidebar a {color: #343a40;}
[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link.active {color: #000;}
[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-treeview>.nav-item:hover>.nav-link {color: #f05323;}
.sidbarmenu-svg {width: 25px; height: 25px; fill: #000; margin-right: 5px; position: relative; top: -2px;}

/* Admin LTE changes */
.main-sidebar, .main-sidebar::before {width: 180px;}
.content-wrapper.white-bg  {background-color: #ffffff !important;}
.sidebar-mini .main-sidebar .nav-link, .sidebar-mini-md .main-sidebar .nav-link, .sidebar-mini-xs .main-sidebar .nav-link {width: 100%; border-radius: 0px; border-right: 2px solid transparent;}
.elevation-4 {box-shadow: rgb(218 218 218) 1px 0px 0px !important; }
[class*=sidebar-dark] .brand-link { border-bottom: 1px solid #dadada;}
.brand-link .brand-image  {margin-top: 0px;}
.sidebar {padding-left: 0px; padding-right: 0px; }
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active { background-color: #ffd2c5; border-right: 2px solid #f1663c; color: #000;}
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link.active {box-shadow: none;}
[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link {color: #f05323;}
.card {box-shadow: 0px 0px 2px #ccc; /*border: 1px solid #dadada;*/ border-radius: 6px;}
.card-body {padding: 15px 15px;}
.card-body .card-text {font-weight: 600;}
.content-header {padding: 0px 0px; box-shadow: 0px 0px 12px rgb(204 204 204 / 50%); margin-bottom: 15px; position: relative;}
.allpage-content-header {padding: 10px 0 !important;}
.box-shadow-none {box-shadow: none !important;}
.dashboard-header {box-shadow: none !important; padding: 10px 8px;}
.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link {width: 4.6rem;}
.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-link {width: 100%;}

/* Wrapper */
.dashboard-icon {width: 40px; height: 40px; background: #fff2ef; border-radius: 50%; display:flex; justify-content: center; align-items: center;}
.dashboard-icon > i {font-size: 18px;}
.dashboard-icon > svg {width: 20px; height: 20px; fill: #000;}
.dashboard-title {font-size: 22px !important; font-weight: 700;}
.admin-title {font-size: 18px !important; font-weight: 600;}
.card-hding {font-size: 16px; font-weight: 600;  padding-bottom: 15px;}
.bottom-border {border-bottom: 1px solid #ddd;}
.dashboard-number {font-size: 28px; font-weight: 700; color: #f1663c; margin: 0; line-height: 1;}
.present-team {font-size: 12px; font-weight: 500; color:#000; margin:0; padding-top: 10px; }
.dashboard-addbtn {padding: 6px 15px; margin-top: -5px; font-size: 12px; line-height: 1.5; border-radius: 4px; border: none; background: #f15e33; color: #fff; text-align: center; float: right;}
.dashboard-addbtn:hover {color: #fff; background: #e6572e;}

/* Breadcrump */
.breadcrump-bg { background:#fff; padding: 10px 20px;}
.breadcrump-addbtn {padding: 6px 15px; margin-top: 0px; font-size: 12px; line-height: 1.5; border-radius: 4px; border: none; background: #f15e33; color: #fff; text-align: center; float: right;}
.breadcrump-addbtn:hover {color: #fff; background: #e6572e;}
.breadcrump-addbtn > i {font-size: 10px; padding-right: 5px;}

/* fix pagination */
.fix-pagination {width: 100%; height: 52px; padding: 10px 12px; box-shadow: 0px -12px 12px rgb(204 204 204 / 50%); background: #fff; }
.pagination {margin-bottom: 15px; display: flex; justify-content: end;}

/* Content header */
.header-icon {display: flex; margin: 10px 0 0 50px; padding: 0;}
.header-icon li { list-style: none; margin-right: 15px; font-size: 14px; color: #b1b1b1; cursor: pointer; position: relative;}
.header-icon li a {color: #b1b1b1; text-decoration: none; user-select: none;}
.header-icon li > svg {width: 25px; height: 25px; fill: #b1b1b1;}
.header-icon li > a:hover:before { content: attr(title); white-space: nowrap; position: absolute; top: -40px; left: 50%; padding: 6px 10px; display: flex; background: #000; color: #fff; font-size: 12px; z-index: 9999; font-weight: 500; letter-spacing: 0.5px; transform: translateX(-50%) scale(1); box-shadow: 0px 3px 10px rgb(204 204 204 / 80%); animation: filteratr-anim 0.2s;}
.header-icon li > a:hover:after {content: ''; position: absolute;  top: -10px; left:50%; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #000; margin: auto; display: block; animation: filteratr-animarrow 0.2s; transform: translateX(-50%) scale(1);}
.header-icon li .sortby {display: none;}
.header-icon li:hover .sortby {display: block; width: 200px; transform: translateX(-50px); position: absolute; box-shadow: 0px 8px 12px rgb(204 204 204 / 30%); background: #fff; padding: 20px; z-index: 99;}
.header-icon .sortby li {list-style: none;}
.header-icon .sortby li a {font-size: 14px; text-decoration: none; padding: 5px; display: block;}
.header-icon .sortby li a:hover {color: #f15e33;}
.header-icon .sortby li a:hover:before, .header-icon .sortby li a:hover:after {display: none;}

@keyframes filteratr-anim {
    0% {opacity: 0; transform: translateX(-50%) scale(0.5);}
    50% { opacity: 50%; transform: translateX(-50%) scale(0.8);}
    100% { opacity: 100%; transform: translateX(-50%) scale(1);}
}
@keyframes filteratr-animarrow {
    0% {opacity: 0; transform: scale(0.5);}
    50% { opacity: 50%; transform: scale(0.8);}
    100% { opacity: 100%; transform: scale(1);}
}
.admin-table-design thead tr th, .table-design tbody tr td, .table-design thead tr th { font-size:12px !important; }
.table-design thead tr th, .table-design tbody tr td { border:none !important; }
.table-design thead tr th {color: #000; padding-bottom: 10px; font-weight:600;}
.table-design tbody tr td {color: #000; padding: 8px 12px;}
.table-design tbody tr:not(:last-of-type) {border-bottom: 1px solid #efeeee;}
.vr-midtbl thead tr th {vertical-align:middle;}
.table-design tbody tr td i.fa-rupee-sign {font-size:10px;}
.table-chk {display: none;}
.table-chk + label {font-size: 14px; font-weight: 300 !important; position: relative; padding-left: 25px; cursor: pointer; user-select: none;}
.table-chk + label:before { content: ''; position: absolute; left: 0; right: 0; top: 0px; margin: auto; width: 14px; height: 14px; border-radius: 3px; border: 1px solid #d4d4d4;}
.table-chk:checked + label:before {content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 10px; display: flex; justify-content: center; align-items: center; background: #ea5a24; color: #fff; border: 1px solid #ea5a24;}
.action-view, .action-edit, .action-del {font-size: 12px; padding: 5px;}
.action-view {color: #369;}
.action-edit {color: #0056b3;}
.action-del {color: #e30b0b;}

/* Search Modal */
.filter-modal { display: none; width: 100%; position: absolute; left: 0; top: 0; padding: 10px 15px; background: #fff;}
.filter-modal-close {position: absolute; right: 15px; margin-top: 12px; font-size: 30px; font-weight: 300; line-height: 0; border: none; outline: none; background: none; cursor: pointer; z-index: 9;}
.filter-modal-title {font-size: 14px; font-weight: 600; padding-top: 6px; margin: 0;}
.filter-field {width: 100%; height:auto !important; font-size: 12px; font-weight: 400; border: 1px solid rgb(221 221 221 / 30%); background: #fff1ff; border-radius: 4px; padding: 6px 10px; color: #000;}
.filter-field:focus-visible {border: 1px solid rgb(221 221 221 / 30%); outline: none;}
.filter-field::placeholder {color: #999;}
.filter-search-btn {font-size: 12px; font-weight: 400; background: #f15e33; border: 1px solid #f15e33; border: none; border-radius: 4px; padding: 6px 10px; color: #fff;}
.filter-pr { padding-right: 40px; }
.form-control:disabled, .form-control[readonly] {background: #fff1ff !important;}
/* Modal Design Delete Modal */
.delete-modal .modal-content {border-radius: 6px; border: none; box-shadow: 0px 0px 13px #999;}
/*.delete-modal .close-modal { position: absolute; right: -25px; top: -30px; font-size: 35px; color: #fff; background: none; border: none; padding: 0; }*/
.delete-modal .close-modal { position: absolute; right: 15px; top: 0px; font-weight:200; font-size: 35px; color: #999; background: none; border: none; padding: 0; }
.delete-modal .del-hding {font-size: 18px; font-weight: 700; text-align: center; display: block; padding: 0px 30px;}
.delete-modal .del-prgh {font-size: 13px; text-align: center; display: block; line-height: 1.5; padding: 10px 30px;}
.delete-modal .canel-modal-btn { padding: 6px 15px; margin-top: 0px; font-size: 12px; line-height: 1.5; border-radius: 4px; border: none; color: #fff; background: #999; text-align: center; margin: 0 6px;}
.delete-modal .delete-modal-btn { padding: 6px 15px; margin-top: 0px; font-size: 12px; line-height: 1.5; border-radius: 4px; border: none; color: #fff; background: #e12e3a; text-align: center; margin: 0 6px;}

/* .modal-design .modal-content {border-radius: 6px; border: none; box-shadow: 0px 0px 13px #999;}
.modal-design .close-modal { position: absolute; right: 15px; top: 0px; font-weight:200; font-size: 35px; color: #999; background: none; border: none; padding: 0; }
.modal-design .del-hding {font-size: 22px; font-weight: 700; text-align: center; display: block;}
.modal-design .del-prgh {font-size: 14px; text-align: center; display: block; line-height: 1.5; padding: 10px 30px;}
.modal-design .canel-modal-btn { padding: 6px 15px; margin-top: 0px; font-size: 12px; line-height: 1.5; border-radius: 4px; border: none; color: #fff; background: #999; text-align: center; margin: 0 6px;}
.modal-design .modal-design-btn { padding: 6px 15px; margin-top: 0px; font-size: 12px; line-height: 1.5; border-radius: 4px; border: none; color: #fff; background: #e12e3a; text-align: center; margin: 0 6px;} */


/* Add Client */
.form-box { background: #fff; padding:20px; border-radius: 4px; margin-bottom: 15px; }
.form-title {font-size: 16px; font-weight: 500; padding-bottom: 8px; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.form-lbl {font-size: 14px; text-transform: capitalize; font-weight: 400 !important; padding-bottom: 5px; display: block; margin: 0;  margin-top: 10px;}
.form-field {width: 100% !important; height:auto !important; font-size: 12px; font-weight: 400; border: 1px solid rgb(221 221 221 / 30%); background: #fff1ff; border-radius: 4px; padding: 10px 10px; color: #000;}
.form-field:focus-visible {border: 1px solid rgb(221 221 221 / 30%); outline: none;}
.form-field::placeholder {color: #999;}
select.form-field {padding: 7px 10px;}
input[type="file"].form-field {padding: 7px 10px !important;}
.form-submit-btn { padding: 6px 15px; margin-top: 0px; margin-bottom:15px; font-size: 12px; line-height: 1.5; border-radius: 4px; border: none; background: #5e295f; color: #fff; text-align: center;  }
.form-submit-btn:hover {color:#fff; text-decoration:none;}
.gj-datepicker-bootstrap span[role=right-icon].input-group-addon { position:absolute !important; right:15px; top:10px; width:auto !important;}
 .gj-timepicker-bootstrap .input-group-addon { position:absolute !important; right:0px; top:0px; width:100% !important; height:100%; padding:10px; text-align:right;}
.timepicker_time:focus {z-index:0 !important; background:#fff1ff !important;}
.datepicker_date, .timepicker_time {border-radius: 4px !important;}
/* Client details */
.all-client-tbl {width: 100%;}
.all-client-tbl tbody tr td {padding: 0;}
.all-client-tbl tbody tr {padding: 10px 0; display: block;}
.all-client-tbl tbody tr:not(:last-child) {border-bottom: 1px solid #ddd;}
.user-thumbnail {width: 40px;height: 40px; border-radius: 50%; background: #fff1ff; position: relative;}
.user-thumbnail > img {border-radius: 50%; width: 100%; height: 100%; object-fit: contain;}
.client-name-tbl {font-size: 11px; font-weight: 500; text-transform: uppercase; margin: 0; padding: 0;}
.client-id-tbl {font-size: 11px; font-weight: 400; display: block;}
.active-user,.inactive-user { width: 10px; height: 10px; border-radius: 50%;  position: absolute; bottom: 0; right: 0; border:1px solid #fff }
.active-user {background: #70e11a;}
.inactive-user {background: #f30;}
.tbl-link {text-decoration: none; color: #000;}
.userprofile { width: 150px; height: 150px; background: #fff; border-radius: 50%; padding: 5px; box-shadow: 0px 0px 12px #ddd; position: relative; z-index: 9;}
.userprofile > img {width: 100%; height: 100%; border-radius: 50%;}
.userprofile > .active-user, .userprofile > .inactive-user {width: 20px; height: 20px; bottom: 10px; right: 15px; border: 3px solid #fff;}
.userdetail-textarea { padding:20px 20px 20px 60px; width: 90%; background: #fff9f7; margin:  0px 0 15px 10% ;  position: relative; top: 13px;}
.userdetail-textarea .username {font-size: 20px; font-weight: 600; text-transform: uppercase;}
.userdetail-textarea .userdetail-text {font-size: 14px; color: #333; margin: 0; padding: 0 0 5px;}
.userdetail-textarea .userdetail-text > i {width: 20px; margin-right: 8px; display: inline-flex; justify-content: center;}

.dashbord-title {font-size: 14px !important; float: inherit !important;}
.dashbord-subtitle {font-size: 12px; display: block; margin: 0; padding:7px 0 0; font-weight: 600;}

.is-invalid {border-color: red;}
.help-block {color: red; font-size:12px;}

.stepflow { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin: 0 0 0px; padding: 0; }
.stepflow li { list-style: none; font-size: 14px;  flex-grow: 1; display: flex; justify-content: center; position: relative; }
.stepflow li:last-child:after {display: none;}
.stepflow li:after { content: ''; z-index: 2; position: absolute; bottom: 8px; right: 0%; margin:auto; width:48%; height: 1px;  background: #ddd; transform: translateX(50%);}
.stepflow li.active:after { background: #fbb03b;}
.stepflow li.active {color: #fbb03b;}
.text-success {color: #47b875 !important; background: #f6ffed; padding:2px 5px; margin: 0; font-weight: 500; cursor: pointer; display: inline-block;}
.text-danger {color: #f5222d !important;background: #fff1f0;padding:2px 5px;margin: 0;font-weight: 500;cursor: pointer;display: inline-block;}
.text-warning{ background: #fff8e1;  padding:2px 5px; margin: 0; font-weight: 500; cursor: pointer; display: inline-block;}

.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: #f15e33!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;}
.pagination-dynamic > nav > div.flex {display:none !important;}
.error {
    font-size: 12px !important;
    color:#f30 !important;
    font-weight:500 !important;
}

.gj-textbox-md {width: 100% !important; border-radius: 3px !important; border: 1px solid rgb(221 221 221 / 30%)!important; background: #fff1ff !important; padding: 10px 20px !important; font-size: 12px !important; color: #000 !important; font-family: 'Poppins', sans-serif !important; line-height: inherit !important;}
.gj-textbox-md::placeholder {color: #999 !important;}
.equal-wd strong {width:140px; display: inline-block;}

.userdetail-group {margin-bottom: 25px;}
.userdetail-lbl {font-size: 13px; color: #999; display: block; margin: 0; padding-bottom: 5px; font-weight: 400;}
.userdetail-lbl > b {font-weight:400;}
.userdetail-highligt {font-size: 13px; color: #000; margin: 0; display: block; font-weight: 400;}
.userdetail-highligt > .fa-rupee-sign {font-size:10px;}
.terms-checkbox {margin-top:3px;}
.terms-txt {font-weight:400 !important; padding-left:10px;}

.alert {padding:10px 15px !important; margin-bottom:0px !important;}
.alert-danger {background-color:transparent !important; border-color:transparent !important; color:#dc3545 !important;}
.alert-success {background-color:transparent !important; border-color:transparent !important; color:#28a745 !important;}
.alert .close {position:relative; top:3px; float:unset !important;}

.input-icon-prepend { position:absolute; left:0; top:0; border-radius:4px 0 0 4px; background:#f7f7f7; padding:5px 10px; user-select:none; margin-left: 1px; margin-top: 1px;}
.input-icon-apend {position:absolute; right:0; top:0; border-radius:0 4px 4px 0; background:#f7f7f7; padding:5px 10px; user-select:none; margin-right: 1px; margin-top: 1px;}
.input-icon-prepend + input {padding-left:35px;}
.input-icon-apend + input {padding-right:35px;}

.wrap-btn {padding: 6px 15px; margin-top: 0px; font-size: 12px; line-height: 1.5; border-radius: 4px; border: none; background: #f15e33; color: #fff; text-align: center; }
.wrap-btn:hover {color: #fff; background: #e6572e;}

/* Link bank account */
.ac-hding { width: 100%; text-align: left; text-decoration: none; color: #000; font-size: 18px; font-weight: 500; background: none; border: none; border-bottom: 1px solid #000; margin-top: 15px; margin-bottom: 25px;} 
.ac-step {padding: 2px 5px; font-size: 12px; background-color: #fff8e1; margin-right: 0px; margin-bottom: 0;}
.ac-title {font-size: 16px; font-weight: 400; padding-bottom: 0;  margin: 0 0 5px;}
.ac-title > .ac-name { text-transform: uppercase; font-weight: 600; }
.ac-verify-pro {font-size: 10px; padding: 2px 5px; background-color: #fff8e1; font-weight: 400 !important;}
.ac-process-pending {font-size: 10px; padding: 2px 5px; color:#ffc107; background-color: #fff8e1; font-weight: 400 !important;}
.ac-process-approve {font-size: 10px; padding: 2px 5px; color:#47b875; background-color: #f6ffed; font-weight: 400 !important;}
.ac-process-reject {font-size: 10px; padding: 2px 5px; color:#f5222d; background-color: #fff1f0; font-weight: 400 !important;}
.ac-subtitle {font-size: 12px; color: #999;}
.ac-bankname {font-size: 14px; font-weight: 600; margin: 0; padding-bottom: 0; font-weight: 400; margin: 0;}
.ac-branch {text-transform: uppercase; font-size: 12px; color: #999;}
.ac-bankdetail {font-size: 12px; color: #999; margin: 0;}
.ac-bankdetail > span {width: 120px; display: inline-block; color:#000; }
.ac-btn {color: #fff; font-weight: 400; text-align: center; background: #ea5a24; font-size: 12px; padding: 5px 5px; border-radius: 4px; text-decoration: none; margin-top: 0px; margin-bottom: 0px;display: inline-block; }
.ac-icon {font-size: 22px; line-height: 0; margin-right: 10px;}
.myact-boxarea {background: #fff; border-radius: 15px; box-shadow: 0px 0 10px #ccc; margin: 15px 0 0; padding: 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; }

.nav.nav-pills li a {font-weight:400;}
.list-group .list-group-item {display: flex; justify-content: space-between; font-size: 12px;}
.list-group-item > b {font-weight:600; white-space: nowrap;}

/* LOS Download Design */
.download-report { background: #fff; box-shadow: 0px 0px 12px #e9e9e9; border-radius:10px; padding: 18px 15px 0; position:relative; margin-bottom:25px; height:100px; transition:0.3s all ease-in; }
.dr-hding { font-size:18px; color:#142f53;font-weight: 600; text-transform:capitalize; text-align:left; margin:0; position:relative; z-index:9;}
.dr-yr {font-size:14px; color:#bbb8b8; padding-top:5px; margin-bottom:5px;}
.report-download-icon { font-size:12px; color:#f15e33; width:25px; height:25px; border:1px solid #f15e33; border-radius:50%; display:flex; align-items:center; justify-content:center; position: absolute; bottom:0; margin-top:5px; margin-bottom:10px;}
.dr-pdficon {font-size:55px;color:#f15e33; position:absolute; left:0; bottom:-15px; opacity:0.1;}
a:hover  {text-decoration:none !important;}
a:hover .download-report { background:#5e295f; transition:0.3s all ease-in;}
a:hover .dr-hding {color:#fff;}
a:hover .dr-yr {color:#fafafa;}
a:hover .report-download-icon {color:#fff; border-color:#fff;}
a:hover .dr-pdficon {color:#fff; opacity:0.2;}

.circle-icon {font-size: 10px; color: #369;margin-right: 10px;}
.popup-hding {font-size: 22px; font-weight: 700;  display: block;}
.popup-prgh {font-size: 14px; display: block; line-height: 1.5; padding: 10px 30px;}

/* Select Dropdown Effect */
.icon_select_mate {position: absolute; top: 7px; right: 0px; transition: all 275ms; }
.select_mate {position: relative; width: 100%;padding:0px !important; transition: all 375ms ease-in-out; }
.select_mate select {position: absolute; overflow: hidden; height: 0px; opacity: 0; z-index: -1; }
.cont_list_select_mate {position: relative; width: 100%; }
.cont_select_int {position: absolute; left: 0px; top: 0px; z-index: 999; overflow: hidden; height: 0px; width: 100%; background-color: #fff; padding: 0px; margin-bottom: 0px; margin-top: 0px; border-radius: 0px 0px 4px 4px; box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2); transition: all 375ms ease-in-out; }
.cont_select_int li {position: relative;  width: 100%; border-bottom: 1px solid #ddd; list-style-type: none; padding: 6px 10px; margin: 0px; transition: all 275ms ease-in-out; display: block; cursor: pointer; }
.cont_select_int li:last-child {border-radius: 3px; border-bottom: 0px; }
.cont_select_int li:hover, .cont_select_int .active {background-color: #f9f9f9; }
.selecionado_opcion {width: 96%; display: block; margin: 0px; padding:6px 10px; cursor: pointer; }

.addmore-btn {width:30px; height:30px; font-size: 18px; font-weight: 500; margin:0; user-select:none; cursor:pointer;  background: #3bdd38; border:none; border-radius: 50%; color: #fff; display:flex; align-items:center; justify-content:center;}
.remoefiel-btn {width:30px; height:30px; font-size: 18px; font-weight: 500; margin:0; user-select:none; cursor:pointer;  background: #f30; border:none;  border-radius: 50%; color: #fff; display:flex; align-items:center; justify-content:center;}
.tbleauto-amtlbl {padding:6px 10px; font-size:13px; font-weight:600; margin:0; float:right;}
.tbleauto-amt {border:none; padding:6px 10px; font-size:13px; font-weight:600; background:transparent;  }
.tbleauto-amt:focus {border:none; outline:none; user-select:none;}
.tblftr-detail > tr {line-height:0;}
.tblftr-detail .firstrow-pt {padding-top:30px;}
.tblftr-detail > tr > td {border-top:none;}
.tblftr-detail-bg { background:#f7f7f7; border-bottom:1px solid #ddd;}
.dynamic-data-value {border:none; padding:0px; font-size:12px; font-weight:400; background:transparent;}
.dynamic-data-value:focus {border:none; outline:none; user-select:none;}
.fetch-table tr > td { font-size:12px !important; padding:6px 10px !important; vertical-align: middle;}
.disable-div {position:absolute; left:0; top:0; padding:6px; width:100%; height:100%; background:transparent; user-select:none;}
.tblmt {margin-top:40px;} 
.total-amtpr {padding-right:20px;}
@media only screen and (max-width: 767px) {
.stepflow li:after {display: none;}
}

@media (max-width: 575px) {    
    .admin-login-bg {padding:40px 20px;}
    .login-copyright {position: relative;}
}
@media (max-width: 767px) {
    .admin-powered-by {position: inherit; text-align: center; display: block; color: #000;}
    .admin-powered-by > a {color: #000;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .login-ritetxt-area {padding: 0px 40px 0 0;}
}  

@media (min-width: 768px) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {margin-left: 180px;  }
}
@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused, .sidebar-mini.sidebar-collapse .main-sidebar:hover {
    width: 180px;
    }
    
}
.profile-tab-bg li a {background-color: #fafafa !important;}
.profile-tab li a.active { background-color: #f15e33 !important; }
.doc-thumbnail {width: 50px;height: 50px; position: relative;}
.doc-thumbnail > img { width: 100%; height: 100%; object-fit: contain;}
.doclist, .doclist-header {margin: 0px; padding: 0; display: flex; flex-wrap: wrap;}
.doclist {margin-bottom: 15px;}
.doclist li, .doclist-header li  {list-style: none; width: 25%; flex-grow: 1;}
[class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link, [class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus {color: #000 !important;}
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus {color: #f1663c !important; }
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link {color: #000 !important;}
[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-treeview {background-color: #f5eeebc7 !important;}

.anchor-card {text-decoration: none; color:#000 }
.anchor-card:hover {text-decoration: none; color:#000 }

.tooltip-sec {cursor: pointer; position: relative;}
.tooltip-sec:hover:before { content: attr(data-title); white-space: nowrap; position: absolute; top: -40px; left: 50%; padding: 6px 10px; display: flex; justify-content: center; background: #000; color: #fff; font-size: 12px; z-index: 9999; font-weight: 500; letter-spacing: 0.5px; transform: translateX(-50%) scale(1); box-shadow: 0px 3px 10px rgb(204 204 204 / 80%); animation: filteratr-anim 0.2s;}
.tooltip-sec:hover:after {content: ''; position: absolute;  transform: scale(1); top: -11px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #000; margin: auto; display: block; transform: translateX(-50%) scale(1); left: 50%; animation: filteratr-animarrow 0.2s;}

.tooltip-right-pos:hover:before {left:unset !important; top:-7px !important; transform: translateX(50%) scale(1) !important; animation: filteratr-anim-right-pos 0.2s;}
.tooltip-right-pos:hover:after {border-left: none !important; border-bottom: 6px  solid transparent !important; border-right: 6px solid #000 !important; border-top: 6px solid transparent !important; transform: translateX(50%) scale(1) !important; top:2px !important; left:unset !important; right:-9px; animation: filteratr-animarrow-right-pos 0.2s; }

.tooltip-left-pos:hover:before {left:unset !important; top:-20px !important; right: -15px; animation: filteratr-anim-left-pos 0.2s;}
.tooltip-left-pos:hover:after {border-left:6px solid #000 !important; border-top: 6px  solid transparent; border-bottom: 6px  solid transparent !important;  top:-5px !important; left:unset !important; right: 96%; transform: translateX(-100%) scale(1) !important; animation: filteratr-animarrow-left-pos 0.2s;}

.tooltip-bottom-pos:hover:before { top:unset !important; bottom:-40px; }
.tooltip-bottom-pos:hover:after { border-top: none !important; border-bottom: 6px solid #000; top: unset !important; bottom:-10px; }

.tooltip-width:hover:before {white-space: break-spaces !important; width:250px;}


@keyframes filteratr-anim {
    0% {opacity: 0; transform: translateX(-50%) scale(0.5);}
    50% { opacity: 50%; transform: translateX(-50%) scale(0.8);}
    100% { opacity: 100%; transform: translateX(-50%) scale(1);}
}
@keyframes filteratr-animarrow {
   0% {opacity: 0; transform: translateX(-50%) scale(0.5);}
    50% { opacity: 50%; transform: translateX(-50%) scale(0.8);}
    100% { opacity: 100%; transform: translateX(-50%) scale(1);}
}
@keyframes filteratr-anim-right-pos {
    0% {opacity: 0; transform: translateX(50%) scale(1);}
    50% { opacity: 50%; transform: translateX(50%) scale(1);}
    100% { opacity: 100%; transform: translateX(50%) scale(1);}
}
@keyframes filteratr-animarrow-right-pos {
   0% {opacity: 0; transform: translateX(50%) scale(1);}
    50% { opacity: 50%; transform: translateX(50%) scale(1);}
    100% { opacity: 100%; transform: translateX(50%) scale(1);}
}

@keyframes filteratr-anim-left-pos {
    0% {opacity: 0; transform: translateX(-50%) scale(1);}
    50% { opacity: 50%; transform: translateX(-50%) scale(1);}
    100% { opacity: 100%; transform: translateX(-50%) scale(1);}
}
@keyframes filteratr-animarrow-left-pos {
   0% {opacity: 0; transform: translateX(-100%) scale(1);}
    50% { opacity: 50%; transform: translateX(-100%) scale(1);}
    100% { opacity: 100%; transform: translateX(-100%) scale(1);}
}

/* Modal */
.modaldesign .modal-content { border:none; border-radius: 15px; }
.modaldesign .modal-content .modal-body .modal-hding { font-size: 18px; font-weight: 700; color: #000; padding-bottom: 5px; margin: 0; padding-top:50px; }
.modaldesign .modal-content .modal-body .modal-prgh { font-size: 14px; font-weight: 400; color:#999; padding-bottom: 10px; margin: 0; }
.modaldesign .modal-content .modal-body .modal-prgh > span { display: block; font-weight: 500; color:#e04d16; }
.modaldesign .modal-content .modal-body .modal-prgh > a { display: block;  font-weight: 500; color:#e04d16; text-decoration: none; }
.modaldesign .modal-content .modal-body .otp-field { width: 22%; border-radius: 4px; padding: 7px; text-align: center; border:1px solid #ddd; display: inline-flex; margin:0 5px; }
.modaldesign .modal-content .modal-body .submit-btn {font-size: 16px; outline: none; padding: 6px 30px; margin: auto; font-weight: 400; border:2px solid #5e295f; background: #5e295f; border-radius:30px; color:#fff; text-align: center; display: table; margin-top: 15px;}
.modaldesign .modal-content .modal-body .submit-btn:hover { background: #fff; color:#5e295f;  }
.modaldesign .modal-content .modal-body .close { float: right; border: none; outline: none; background: none; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5;}

.empcode {color: #999; font-weight: 400;}

header {box-shadow: 0px 0px 8px #ccc; background: #fff;}
.header-logo {width: 100%; margin: 0px 0;}
.ws-bg {background: url(../images/visitor/bg1.webp) no-repeat; background-size: cover;}
.welcome-screen {width: 100%; min-height: 250px; border-radius: 6px; background: rgb(255 255 255 / 80%); padding:50px 30px; box-shadow: 0px 0px 12px #cccc; margin: auto; display: block; position: relative;}
.ws-hding {font-size: 36px; color: #060707; font-weight: 700; margin: 0; padding: 0; display: block; text-align: center;}
.ws-hding > span {color: #ecb813;}
.ws-subhding {font-size: 24px; color: #060707; font-weight: 700; margin: 0; padding: 0; display: block; text-align: center;}
.ws-title {font-size: 22px; font-weight: 600; text-align: center; color:#0e365a; }
.ws-otpprgh {font-size: 13px; font-weight: 400; padding: 10px 0; display: block;}
.ws-otpprgh > a { margin-left: 10px; }
.ws-logo {width: 100%; margin: 80px auto 20px; display: block;}
.ws-btn, .ws-btn-outline {padding: 6px 15px; font-size: 14px; height: 44px; border-radius: 4px; border-style: solid; border-width: 1px; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: center;}
.ws-btn {background: #ecb813; color: #fff; border-color: transparent; }
.ws-btn-outline {color:#ecb813; border-color: #ecb813;; }
.ws-btn:hover {color:#fff; background:#000; transition: all 0.3s ease-in-out;}
.ws-btn-outline:hover {background: #ecb813; color: #fff; transition: all 0.3s ease-in-out;}
.ws-btn > i, .ws-btn-outline > i {margin: 0 8px;}
.ichr-field {width: 100%; border-radius: 4px; border: 1px solid #ccc; padding: 0px 12px; height: 44px; font-size: 12px; display: flex; align-items: center;}
.ichr-field:focus, .ichr-field:focus-visible {outline: none;}
.ichr-label {font-size: 10px; font-weight: 600 !important; position: absolute; left: 7px; top:-7px; color: #666; background: rgb(255 255 255 / 50%); padding: 0 6px;}
input[type="radio"].ichr-field, input[type="checkbox"].ichr-field { height: 22px; width: 22px; margin-right: 5px; cursor: pointer; }
textarea.ichr-field {padding-top: 13px; height: auto;}
.chklbel {font-size: 12px; margin: 0px; margin-right: 10px; font-weight: 400 !important; cursor: pointer;}
.form-group {position: relative;}
.photo-area {width: 70px; height: 70px; background: #f7f7f7; margin-right: 10px; position: relative;}
.photo-area > span { width: 100%; height: 100%; object-fit: cover; }
.take-pictxt {width: 26px; height: 26px; background: #fff; color: #ecb813; border-radius: 50%; margin: 0; font-weight: 600; position: absolute; bottom: -10px; right: -12px; display: flex; justify-content: center; align-items: center;}
.ws-thanks-icon {width: 80px; font-size: 80px; color: #ecb813; display: block; margin: 10px auto 0;}
.file-upload {display: none;}
.ichr-other-logo {display: flex; flex-wrap: wrap;}
.ichr-other-logo > img { height: 60px; margin-left: 15px;}
footer {background-color: #f7f7f7; padding: 10px; }
.fix-botpos {position: fixed; left: 0; bottom: 0; right: 0;}
.footer-copyright {font-size: 12px; text-align: center; display: block; margin: 0; padding: 0;}
.bg-lightgray {background: #f1f1f1;}

/* Take selfie */
.selfie-area {border: 1px dashed #ccc; padding: 10px 20px; border-radius: 5px; display: flex; justify-content: space-between; cursor: pointer; position: relative;}
.selfie-img-border {width: 50px; height: 50px; padding: 6px; background:
    linear-gradient(to right, #ccc 1px, transparent 1px) 0 0,
    linear-gradient(to right, #ccc 1px, transparent 1px) 0 100%,
    linear-gradient(to left, #ccc 1px, transparent 1px) 100% 0,
    linear-gradient(to left, #ccc 1px, transparent 1px) 100% 100%,
    linear-gradient(to bottom, #ccc 1px, transparent 1px) 0 0,
    linear-gradient(to bottom, #ccc 1px, transparent 1px) 100% 0,
    linear-gradient(to top, #ccc 1px, transparent 1px) 0 100%,
    linear-gradient(to top, #ccc 1px, transparent 1px) 100% 100%;
  background-repeat: no-repeat;  background-size: 20px 20px; position: relative;}
.selfie-img-border > img {width: 100% !important; height: 100% !important; object-fit: fill;}
.ts-title {font-size: 16px; font-weight: 600; margin: 0; padding: 0;}
.ts-title > i {font-size: 14px;}
.ts-prgh {font-size: 13px; color: #9d9494; margin: 0; padding: 0;}
.click-upload {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;}
#my_camera, #my_camera video {width: 100% !important; height: 100% !important; border-radius: 10px;}
#my_camera {padding: 15px; /*box-shadow: 0px 0px 10px #ccc;*/ 
    background:
    linear-gradient(to right, #ccc 2px, transparent 2px) 0 0,
    linear-gradient(to right, #ccc 2px, transparent 2px) 0 100%,
    linear-gradient(to left, #ccc 2px, transparent 2px) 100% 0,
    linear-gradient(to left, #ccc 2px, transparent 2px) 100% 100%,
    linear-gradient(to bottom, #ccc 2px, transparent 2px) 0 0,
    linear-gradient(to bottom, #ccc 2px, transparent 2px) 100% 0,
    linear-gradient(to top, #ccc 2px, transparent 2px) 0 100%,
    linear-gradient(to top, #ccc 2px, transparent 2px) 100% 100%;
  background-repeat: no-repeat;  background-size: 100px 100px; }
/* Step flow */
.stepflow2 { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin: 15px 0 30px; padding: 0; }
.stepflow2 li { list-style: none; font-size: 13px; color:#8d8d8d; letter-spacing: 1px; flex-grow: 1; display: flex; justify-content: center; position: relative; padding-bottom: 20px; }
.stepflow2 li:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin:auto; width:22px; height: 22px;  border-radius: 50%; background: #fff; border: 1px solid #999; }
.stepflow2 li.highlight:before {border-color: #fbb03b;}
.stepflow2 li.active:before {content: '\f00c'; color: #fff; font-size: 7px; display: flex; justify-content: center; align-items: center; background: #ecb813; padding-left: 2px; padding-top: 2px; font-family: 'Font Awesome 5 Free'; font-weight: 900;  }
.stepflow2 li:last-child:after {display: none;}
.stepflow2 li:after { content: ''; z-index: -1; position: absolute; bottom: 9px; left: 50%; right: 0; margin:auto; width:100%; height: 2px;  background: #ddd; }
.stepflow2 li.active:after { background: #ecb813;}
#camera_wrapper, #show_saved_img{float:left; width: 650px;}
.netcrow-logo {width: 100px; margin: 15px auto; display: block;}
.netcrow-logo-botpos  {position: absolute; left: 0; right: 0; bottom: 20px;}

@media (max-width: 480px) {
	.ichr-other-logo > img {margin-left: 5px;}
}

@media (max-width: 767px) {
	.ichr-other-logo > img {height: 30px;}
}

@media (min-width: 768px) and (max-width: 992px) {
	.ichr-other-logo > img {height: 45px;}
    /*.visitor-ichr-logo {width: 400px;}*/
    .mob-md-vht {height:85vh ;}
    .mob-md-ht {height:85% ;}
    .h-md-100 {height: 100%;}
    .ws-title {font-size: 42px;}
    .ws-subhding {font-size: 34px;}
    .ws-otpprgh {font-size: 16px;}
    /*.netcrow-logo {width: 80px;}*/
    .tab-mt {margin-top: 250px !important;}
    .vr-md-center {display: flex; align-items: center; height: 100%;}
    .ichr-field, .ws-btn, .ws-btn-outline {height: 52px;}
}

nav svg.w-5 {width:25px !important;; height:25px !important;}
nav > div.flex-1 {display:none !important;}
@media (max-width: 768px){
    .mob-vht {height:90vh;}
}    

.gj-datepicker input + .gj-icon {display: none;}


/*kuldeep 23-10  */
.invoice-tbl {margin-top:40px; width:100%;}
.invoice-tbl thead th {font-size: 12px; font-weight:500; background: #efefef; padding: 8px 0px 8px 20px;   text-transform:uppercase;}
.invoice-tbl tbody td {margin:0; padding:5px 10px; font-size: 12px; }
.invoice-tbl-field {border:none; border-bottom:1px solid #ddd; padding:8px 10px;  display:inline-block; font-size:12px; color:#000; width:100%; transition:all 0.3s ease-in-out;}
.invoice-tbl-field:focus {outline:none; border-bottom-color:#333; transition:all 0.3s ease-in-out;}
.invoice-tbl tfoot table tbody tr td {font-size:14px; font-weight:700;}
.invoice-tbl-field {border:none; border-bottom:1px solid #ddd; padding:8px 10px;  display:inline-block; font-size:12px; color:#000; width:100%; transition:all 0.3s ease-in-out;}
.invoice-tbl-field:focus {outline:none; border-bottom-color:#333; transition:all 0.3s ease-in-out;}
.invoice-add-btn {background: #22c120; cursor:pointer; color: #fff;  border-radius:4px; font-size: 12px; font-weight:500; border:none;  display:inline-block; padding:5px 10px; margin-top:20px;}
.invoice-remove-btn {background: #ee1239; color: #fff;  border-radius:50%; font-size: 10px; font-weight:700; border:none; width: 30px;height: 30px;}
.sidebar-collapse .admin-logoname {visibility:hidden;}
/*kuldeep 23-10  */

/*kuldeep 02-11  */

.form-title {font-weight: 700; margin-bottom: 10px !important;}
.form-group  label {font-weight: 400 !important;}
/* Step flow */

.new-stepflow { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin: -30px 0 30px; padding: 0;  /*counter-reset: section -1;*/ }
.new-stepflow li { flex-grow: 1; list-style: none; font-size: 13px; color:#8d8d8d; letter-spacing: 1px; flex-grow: 1; display: flex; justify-content: center; position: relative; padding-bottom: 20px; transition: width .6s ease; }
.new-stepflow li a {text-decoration: none; color:#8d8d8d;}
.new-stepflow li.circle-active:before { content: '';/*content: counter(section); counter-increment: section;*/ position: absolute; bottom: 0; left: 0; right: 0; bottom: 0px; margin:auto; width:16px; height: 16px;  border-radius: 50%; background: #fff; box-shadow: 0px 0px 8px #ddd; display: flex; align-items: center; justify-content: center; font-weight: 500; z-index: 1;  color: #fff; background: #fff; border: 2px solid #e63a27;}
.new-stepflow li:last-child:after {display: none;}
.new-stepflow li:after { content: ''; z-index: 0; position: absolute; bottom: 0px; left: 0; right: 0; transform: translate(50%, -7px); margin:auto; width:100%; height: 2px;  background: #eee;  transition: width .6s ease; }
.new-stepflow li.active:after { background: #ea5a24;}
.new-stepflow li span {width: 150px; display: block; transform: translate(0%, 60px); text-align: center;}
.new-stepflow li > span {margin-bottom: 10px;}


@media (max-width: 767px){
  .new-stepflow li span {display: none;}
}
/*kuldeep 02-11  */

 
.doc-img {height: 70px;}
.breadcrumb-list {margin:0px; padding:0px; display: flex;}
.breadcrumb-list li {list-style: none; color:#333333; display:flex; align-items: center;}
.breadcrumb-list li a {padding:4px 0px; font-size: 12px; color:#3ba1f3; display:block; } 
.breadcrumb-list li > i {font-size: 10px; padding:0px 10px; }
.breadcrumb-list li:first-child a {padding-left: 0px;;}

/*kuldeep 09-11  */
.upload-docbtn {padding:7px 10px; border-radius:0px 4px 4px 0; background-color: #0b5885; color:#fff; font-size: 12px; display: block; position: absolute; right:0; top:0; }
.preview-img {width:35px; height:35px; object-fit: cover; background-size:cover; border-radius: 4px 0 0 4px;}
.file-select-name {display: none;}
.edutxt {font-size:15px; }
.form-group label.edutxt {font-weight: 600 !important; }
/*kuldeep 09-11  */


.brand-link {padding: 5px 0.5rem !important;}
p, h1,h2,h3,h4,h5,h6, .list-group li, table thead tr th, table tbody tr td {text-transform: capitalize; }

.hide-aadhaar, .hide-pan, .hide-document, .hide-edu-certificate, .edu-certificate .tenth-certificate, .twelve-certificate, .graduate,  .post-graduate {display: none;}

.filter-search-btn {padding: 9px 10px; line-height: 1;}

.add-doc-btnpos {position:absolute; right:0; top:-8px;}

.fix-bottom-btn {width: 100%; position: fixed; bottom: 20px; box-shadow: 0px 0px 10px #ccc; padding: 8px 0px; }
.table-scrollable {height: 400px; overflow: auto;}
.table-scrollable thead {position: sticky; top: 0; background: #fff;}
@media (min-width:1600px) {
    .table-scrollable {height: 480px;}
}



/* ///kuldeep 12-12--2023 */
.table-dashboard-scrollable {height: 258px; overflow: auto;}
.table-dashboard-scrollable  table thead {position:sticky; top:0px; background-color: #fff;}
.dashboard-design .card-hding-pl {padding-left:10px;}
.dashboard-design .card-same-ht {min-height: 143px;;}


/* Login Page design */
.login-bg {background: url('../images/bg2.png');background-size: auto 100%;}
.border-left {border-left: 1px solid #ddd;}
.login-area {/*border-left: 1px solid #ddd;*/ padding: 30px 40px}
.login-hding {font-size: 22px; text-align: center; font-weight: 600; margin-bottom: 20px;}
.login-prgh {font-size: 14px; font-weight: 400; text-align: center; color: #968e8e !important; padding-bottom: 0px;}
.login-form-control {width: 100%; border-radius: 4px; padding: 12px 20px; font-size: 14px; border: 1px solid #f3f1f1; background: #fafafa;}
.login-form-control::placeholder {color: #999;}
.forget-password {text-align: center; display: block; font-size: 15px; padding-top: 20px;}
.login-form-button {width: 100%; border-radius: 4px; padding: 12px 20px; font-size: 14px; border: 1px solid #0062cc; background: #0062cc; color: #fff;}
.login-textarea { padding:20px 30px 30px 30px; border-radius: 20px 0 0 20px; height: 100%; display: flex; align-items: center; background: transparent; border-right: 1px solid #ddd; position: relative; }
.login-textarea .login-title {font-size: 16px; line-height: 1.5; font-weight: 600; margin-top: 20px;}
.login-textarea .loginarea-img { width:100%; margin:0px auto 10px; display: block; }
.login-mid-icon {width: 100px; height: 100px; border-radius: 50%; background: #a5ddff; box-shadow: 0px 0px 12px #ddd; color: #fff; font-size: 24px; position: absolute; right: -50px; top: 0; bottom: 0px; margin: auto; display: flex; justify-content: center; align-items: center;}

@media (max-width: 767px) {
    .login-area {padding: 30px 20px;}
}