/*fonts*/
@font-face {
  font-family: 'Tahoma';
  src: url('../fonts/Tahoma.eot');
  src: url('../fonts/Tahoma.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Tahoma.woff2') format('woff2'),
      url('../fonts/Tahoma.woff') format('woff'),
      url('../fonts/Tahoma.ttf') format('truetype'),
      url('../fonts/Tahoma.svg#Tahoma') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'bignoodletitlingregular';
  src: url('../fonts/big_noodle_titling-webfont.eot');
  src: url('../fonts/big_noodle_titling-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/big_noodle_titling-webfont.woff2') format('woff2'),
       url('../fonts/big_noodle_titling-webfont.woff') format('woff'),
       url('../fonts/big_noodle_titling-webfont.ttf') format('truetype'),
       url('../fonts/big_noodle_titling-webfont.svg#bignoodletitlingregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap

}
@font-face {
  font-family: 'Tahoma-Bold';
  src: url('../fonts/Tahoma-Bold.eot');
  src: url('../fonts/Tahoma-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Tahoma-Bold.woff2') format('woff2'),
      url('../fonts/Tahoma-Bold.woff') format('woff'),
      url('../fonts/Tahoma-Bold.ttf') format('truetype'),
      url('../fonts/Tahoma-Bold.svg#Tahoma-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap
}
* { scrollbar-width: thin; scrollbar-color: #986727 #f6f7f9;}
/* Chrome, Safari, Edge */
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: #986727;}
*::-webkit-scrollbar-thumb {background: #986727; border-radius: 10px;}
*::-webkit-scrollbar-thumb:hover { background: #fff; }
.text-right{ text-align:right;}
.border-right {  border-right: 1px solid #e5e5e5; padding-right: 20px;  height: 100% !important;}
.border-btm { border-bottom: 1px dashed #e5e5e5; padding-bottom: 20px;}
.mw-auto{ max-width: fit-content !important;}
body{background: #fbfaff;font-family: 'Tahoma', sans-serif !important;}
body, html{height: 100%;}
select{outline:0;}
.button-group .btn{margin-right: 10px;}
.btn{font-family: 'Tahoma';}
.rounded-10{border-radius:9px !important;}
.btn-primary-custom{font-size: 13px; background: #212121;border-color: #212121;}
.btn-primary-custom:hover {background: #000000;border-color: #000000;}
.btn-primary-custom:focus, .btn-primary-custom:active {background: #212121;border-color: #212121; box-shadow: none !important;}

.btn-success-custom{font-size: 13px; background: #986727;border-color: #986727;}
.btn-success-custom:hover {background: #744c18;border-color: #744c18;}
.btn-success-custom:focus, .btn-success-custom:active {background: #986727;border-color: #986727; box-shadow: none !important;}

.btn-secondary-custom{font-size: 13px; background: #6c6c6c;border-color: #6c6c6c;}
.btn-secondary-custom:hover {  background: #575757;  border-color: #575757;  }
.btn-secondary-custom:focus, .btn-secondary-custom:active {    background: #575757;  border-color: #575757; box-shadow: none !important;}

.btn-deactivate-custom{font-size: 13px; background: #373738;border-color: #373738;}
.btn-deactivate-custom:hover {background: #222225;border-color: #222225;}
.btn-deactivate-custom:focus, .btn-deactivate-custom:active {background: #222225;border-color: #222225; box-shadow: none !important;}

.border-light-custom{border-color: #eceff6 !important;}
.bor-btm1{border-bottom: 1px solid #eaedf5;}
.min-h-100{min-height: 100%;}
.form-label,.invalid-feedback {font-size: 14px;}
.level-validation .form-control.is-invalid {  border-color: #eaedf5;  background-position: right calc(2.5em + .1875rem) center;  outline: 0;}
.discription-validation + .invalid-feedback, .note-validation + .invalid-feedback {  display: block;}
.errors {  width: 100%;  margin-top: 0.25rem;  font-size: .875em;  color: #dc3545;}
p{font-size: 15px; color: #6c6c6c;}
.me-40{margin-right: 40px;}
.fs-18 {  font-size: 18px !important;}
.fs-15{font-size: 15px !important;}
.fs-14{font-size: 14px !important;}
.fs-13{font-size: 13px !important;}
.fs-12{font-size: 12px !important;}
input::-ms-reveal,  input::-ms-clear { display: none; }
/*color*/
.purple-bg{background: #000000;}
.orange-bg{background: #986727;}
.gray-bg{background: #c3c5cf;}

.text-gray{color:#c3c5cf !important;}
.black-text {color: #212529 !important;}
.purple-text{color: #000000;}
.orange-text{color: #986727;}
a.orange-text{text-decoration: none;}
a.orange-text:hover{color: #744c18;}
.text-success{color:#61c14b !important;}
.form-group input::-webkit-input-placeholder { /* Edge */ color: #bdbdbd !important;}
.form-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */  color: #bdbdbd !important;}
.form-group input::placeholder { color: #bdbdbd !important;}
.form-group textarea::-webkit-input-placeholder { /* Edge */ color: #bdbdbd !important;}
.form-group textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */  color: #bdbdbd !important;}
.form-group textarea::placeholder { color: #bdbdbd !important;}
.form-control.editable,.editable-sel {background: #f9f3e2 !important;}
/*login*/
.login .info-col {
  background: url(../images/login-image.jpg) no-repeat top left;
  background-size: cover; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 31%);
  position: relative;  z-index: 9;  background-position: center;}
.login{background-color: #090909;  width: calc(100% + 30px);}
.login .form-col{background-color: #fff; padding-bottom: 62px;}
.login .form-col h4{font-family: 'bignoodletitlingregular'; font-size: 38px;}
.info-cont{color: #fff;height: 100%; position: relative; width: 100%;}
.info-cont h1 { font-family: 'bignoodletitlingregular'; font-size: 56px; position: absolute; top: 8vh;padding-left: 5vw; text-shadow: 4px 4px #000000;
}
.info-cont p {font-weight: 300;  color: #fff;  position: absolute;  bottom: 8vh;  background: rgba(0, 0, 0, 0.4);
  right: -12px;  left: -12px;  height: 57px;  padding-right: 5vw;  font-size: 27px;  text-align: right;  line-height: 57px;
  text-shadow: 2px 2px #000000;}
.register-form-col{overflow-y: auto; max-height:100vh; padding-bottom: 0 !important; align-items: normal !important;}
.register-form-col .login-footer{position: relative; margin-top: 30px; min-height: 56px;}
.btn-orange{color: #fff; background: #986727;}
.btn-orange:hover{color: #fff; background: #744c18;}
.download-btn {width: 90%; height: 50px; display: flex; margin: auto; /* line-height: 40px; */ align-items: center; justify-content: center; white-space: nowrap;}
.btn{border-radius: 8px;}
.separator-line{position: relative; text-align: center; margin:20px 0;}
.body-div{height:100%;}
.separator-line::before{border-bottom: 1px solid #e7e7e7; position: absolute; left: 0; right: 0; content: ''; top:15px;}
.separator-line span {background: #fff;	position: relative;	font-size: 18px;padding: 5px; color: #6d6e72;}
.login .form-col label{ margin-bottom: 0;font-size: 0.9rem;}
.login .form-col input{border-radius: 0; border-top:0; border-left: 0; border-right: 0; padding-left: 0;font-size: 16px;font-weight: 500;color: #4c4c4c;}
.login .form-col input::-webkit-input-placeholder { /* Edge */ color: #bdbdbd !important;}
.login .form-col input:-ms-input-placeholder { /* Internet Explorer 10-11 */  color: #bdbdbd !important;}
.login .form-col input::placeholder { color: #bdbdbd !important;}
.login .form-check-label{font-size: 14px; position: relative; top: 0px;}
.view-password {position: absolute;	top: 13px;right:7px;color: #6d6e72;}
.login-password{padding-right: 40px;}
.forgot-link {	float: right;	font-size: 14px;text-decoration: none;color: #595a5e;	margin-top: 13px;}
.forgot-link:hover,.view-password:hover{color: #000000;}
.login .btn-primary-custom, .login .btn-success-custom { padding: 11px 31px !important;}
.login-footer {	position: absolute;	bottom: 11px;	left: 0; right: 0; text-align: center;}
.login-footer p, .login-footer a,.inner-footer p, .inner-footer a{color: #6d6e72;	font-size: 11px;}
.login .form-width{width:80%;}
.login .form-col .custom-select-d select {height: 46px;padding:11px 26px 11px 10px;font-size: 16px;box-shadow: none;	border-radius: 0;border: solid 1px #eaedf5;
color: #000;border-width: 0 0 1px;font-weight: 500;color: #4c4c4c;	line-height: 1.5; width: 100%;background: #fff;-webkit-appearance: none;
-moz-appearance:none;appearance:none; margin-left: -10px;}
.login .form-col .custom-select-d::after {	font-size: 14px;}
.login .form-col .custom-select-d{overflow-x: hidden;}
.social-media-log a{color: #986727; font-size: 16px; margin: 0 0.3rem;}
/**Modal**/
.modal{z-index: 9999;}
.modal-footer,.modal-header{border:0;}
.modal .modal-header .mdi {	color: #212121;	font-size: 50px;line-height: 43px;}
.modal .btn-close,.figure-popover .btn-close{cursor: pointer;	position: absolute;	right: -7px;background:#986727;opacity: 1;	border-radius: 50%;	color: #fff;top: -7px;	z-index: 9;	width: 22px;
height: 22px;	box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.48);	-webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.28);	-moz-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.48);
font-size: 14px;}
.modal-content {border: 0;border-radius:12px;outline: 0;box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.48);	-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.48);}
.modal-body { font-size: 18px;  font-weight: 300;   text-align: center;  width: 80%; display: table; margin: 0 auto;  color: #9e9e9e; }
.modal-xl .modal-body{width: 100%; text-align: left; color: #000;}
.modal-dialog-scrollable .modal-content { overflow: visible;}

.detail-popup .top-icons a{ height: 40px; line-height: 40px; width: 40px; border-radius: 8px; color: #fff; font-size: 20px; text-align: center;box-shadow: 8px 8px 5px 0px rgba(0,0,0,0.07);
  -webkit-box-shadow: 8px 8px 5px 0px rgba(0,0,0,0.07);  -moz-box-shadow: 8px 8px 5px 0px rgba(0,0,0,0.07); margin: 0 5px;}
.detail-popup  .keywords,.detail-popup .tags{display: block; font-size: 14px; color: #6c6c6c;width: 100%; margin:0px 0 7px;}
.detail-popup  .keywords span,.detail-popup .tags span{color: #000; font-weight:500;}
.detail-popup .article-content p,.detail-popup .article-card label, .contact-details .article-card h5,.contact-details .article-card a
{font-size: 14px; color: #6c6c6c; text-decoration: none;}
.detail-popup .article-card,.contact-details .article-card{background: #fff; border-radius:8px; border:1px solid #ebeef6; padding:15px; height: 100%;box-shadow: 8px 8px 14px 2px rgba(0,0,0,0.04);
  -webkit-box-shadow: 8px 8px 14px 2px rgba(0,0,0,0.04);-moz-box-shadow: 8px 8px 14px 2px rgba(0,0,0,0.04);}
  .contact-details .article-card label{ color: #000; font-weight: 600; margin-bottom: 8px;}
  .contact-details .article-card i{font-size:35px; color: #986727; margin-right: 1rem;}
  .contact-details .article-card{padding: 28px 15px;}
  /*** Main Header ***/
header.main-header { padding: 14px; border-bottom: solid 1px #eaedf5;}
header.main-header .user-image img {box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.19);-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.19);-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.19);border-radius: 50%;}
.admin-heading h4 { margin: 0; font-size: 18px; font-weight: 400;}
.admin-heading h4 span { color: #986727;}
.admin-view {  position: relative; padding-left: 110px;  transition:all .3s;}
.admin-view.collapse{display: block;}
.main-header .header-search-list .fas.fa-search { margin: 0 7px 0 0; font-size: 16px;}
.main-header .header-search-list a{color:#000000}
.header-search-list .Total-Searches { color: #6c6c6c; font-size: 16px;}
.header-search-list .search-number {min-width: 86px; margin: 0 0 0 15px; overflow: hidden; border-radius: 50px; position: relative; display: flex;}
.header-search-list .search-number .item {width:50%; display: inline-block; padding: 4px 0; text-align:center; background:#986727; margin: 0; font-size: 14px;}
.header-search-list .search-number .item i { font-style: normal; position: relative; z-index: 1; font-weight: 600; color: #fff;}
.header-search-list .search-number .item.orange::after { content: ''; position: absolute;  left: 0; top: 0; width: 50%; height: 100%; 
  background: #212121;transform: skewX(-15deg);}
.header-right .user-name,.usr-email-drop li a {  margin: 0 10px;  color: #6c6c6c !important; font-size: 15px;max-width: 150px;}
.usr-email-drop li a {text-decoration: none; font-size: 13px;}
.header-right .far { color: #343436;  font-size: 16px;}
.usr-email-drop .mdi{  position: absolute;  right: -12px;  font-size: 23px; top: 0;  bottom: 0;
  height: 28px;line-height: 28px;}

/**grid**/
.table{font-size: 14px;}
.table > tbody {border-top: 0 !important;}
.table tbody, .table td, .table tfoot, .table th, .table thead, .table tr {border-color: #eaedf5;}
.table th{border-top:1px solid #eaedf5; font-weight: 600;white-space: nowrap;}
.table td{font-weight: 400; color:#6c6c6c}
.table th, .table td{padding: .8rem .5rem; vertical-align: middle;}
.status,.status:before{height: 10px;display: inline-block;border-radius: 40px;}
.status{background: #e1e2e7;width: 139px; position: relative;}
.status:before{position: absolute;content: '';}

.green-status::before{background: #61c14b;width:100%;}
.GreenYellow-status::before{background:#d9e650; width:80%;}
.yellow-status::before {background: #ffe647;width: 60%;}
.YellowOrange-status::before{background:#ffa646; width:40%;}
.orange-status::before{background:#ff8100; width:20%;}
.red-status::before{background:#ff0903; width:10%;}


.darkgreen-status::before{background:#1b680a;width:100%;}


.grid-action a{color:#6c6c6c; font-size: 18px; margin: 0 .1rem; width: 30px; height: 30px; border-radius: 50%; display: inline-block; line-height: 30px;}
.grid-action a:hover{ background:#000000; color: #fff !important;}
.grid-action a i.mdi-download {font-size: 20px;}
.grid-pagination .custom-select-d select {background: #f3f3f5; box-shadow: none; width: auto; display: inline-block; font-size: 14px; border-radius: 50px;
height: 35px; border: 0; line-height: 35px;  padding: 0 38px 0 20px;}
.grid-pagination .custom-select-d::after {top: 8px; font-size: 13px;}
.ngx-pagination .current { background: #986727 !important;}
.ngx-pagination {   margin-bottom: 0 !important;}
.ngx-pagination li {font-size: 14px !important;}
.grid-pagination .custom-select .selected-item::after {  top: 1px; font-size: 7px;}
.page-number{list-style-type: none; margin: 0; padding: 0; display: flex; font-size: 14px;}
.page-number li{padding: 0 5px;}
.grid-pagination .custom-select .all-items .item {font-size: 13px;}
.grid-action a i.fa-edit {position: relative;right: -2px;top: -1px;}
/**tooltip*/
.tooltip .tooltip-inner{ background:#000000; border-color: #000000; color: #fff !important; font-size: 12px;}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: #000000;}
.note-text{font-size: 13px;}
.note-text a:hover{color:#986727}
/*.popover-body {
  height: 250px;
  overflow-y: auto;
}*/
/*.popover {
  max-width:80%;
}*/
.search-info-icon{position: static;}
.search-info-icon img{position: relative;}
.pop-searches-info{background: #fff; position: absolute; left: 10%; right: 10%;border: 1px solid rgba(0,0,0,.2);
border-radius: .6rem; box-shadow: 1px 8px 10px 1px rgba(0,0,0,0.33);  -webkit-box-shadow: 1px 8px 10px 1px rgba(0,0,0,0.33);
-moz-box-shadow: 1px 8px 10px 1px rgba(0,0,0,0.33);  padding: 1rem; z-index: 99; max-height:100vh;  margin-top: 20px; display: none;}
.search-info-overlay{content:''; display: none; z-index: 9; background: rgba(0, 0, 0, 0.7); position: fixed; top:0; bottom:0; left: 0; right: 0;}
.searchinfobody .pop-searches-info, .searchinfobody .search-info-overlay{ display: block;}
.searchinfobody {overflow: hidden;}
.searchinfobody .search-info-icon img{ z-index: 99;}
.active-info-icon{display: none;}
.searchinfobody .active-info-icon{display: block; position: relative;}
.searchinfobody .default-info-icon{display: none;}
.pop-searches-info strong{color:#000; font-size: 14px;}
.searchinfobody .search-info-icon::before{display:inline-block;     margin-top: 33px;
background: url(../images/info-btm-arrow2.png);  width: 29px; height: 20px; content: ''; position: absolute; z-index: 999; color: #fff;}
.pop-searches-info p { font-size: 14px; margin-bottom: 0.4rem; word-break: break-word;}

/*** Left Sidebar ***/
.admin-view .left-sidebar { position: fixed; z-index: 9;  left: 0;  top: 0;  height: 100%; width: 100px; border-right: solid 2px #eaedf5; display: flex;flex-wrap: wrap;	/*align-content: space-between;*/
justify-content: center;padding: 25px 0;   background: #fff;}
.admin-view .left-sidebar .sub-menu,.admin-view .left-sidebar .sub-sub-menu{position: relative; transition: 1s all;}
.admin-view .left-sidebar .sub-menu > ul.nav-item1,.admin-view .left-sidebar .sub-sub-menu > ul.nav-item2{ display: none; margin-top: -3px; opacity: 0; position: absolute; top:calc(50% - 24px);left: 100%;background: #fff; border: solid 2px #eaedf5;}
.admin-view .left-sidebar .sub-menu .dropdown-toggle::after{display: none;}
.admin-view .left-sidebar .sub-menu ul li a,.admin-view .left-sidebar .sub-sub-menu ul li a{margin: 0; width: 122px;}
.admin-view .left-sidebar .sub-menu ul li,.admin-view .left-sidebar .sub-sub-menu ul li {border-bottom: solid 1px #eaedf5; padding:0 20px 0 30px; text-align: left;    position: relative;}
.admin-view .left-sidebar .mdi-menu-right { font-size: 22px; position: absolute; right: 0px;}
/*.admin-view .left-sidebar .sub-menu ul li:hover > a:before, .admin-view .left-sidebar .sub-sub-menu ul li:hover > a:before {
  content: "\F0055"; font: normal normal normal 24px/1 "Material Design Icons"; display: inline-block; font-size: 12px; position: absolute; margin: auto; top: 0; bottom: 0; height: 10px; left: 11px;}
*/
.admin-view .left-sidebar nav{width:100%}
.admin-view .left-sidebar nav ul {text-align: center; list-style: none; padding: 0; margin: 0;}
.admin-view .left-sidebar nav ul {text-align: center;}
.admin-view .left-sidebar nav ul li a {font-size: 14px; color: #c3c5cf; text-decoration: none;display: block; padding: 10px 0; width: 95px; box-shadow: inset 0px 0px 0px 0px transparent;
  line-height: 30px; margin: 10px 0; transition: all .3s;}
  .admin-view .left-sidebar nav ul li a:hover{color: #000;}
.admin-view .left-sidebar nav ul li a.current { box-shadow: inset 5px 0px 0px 0px #986727; color: #000; }
.admin-view .left-sidebar nav ul li a i { display: block; font-size: 22px;}
.admin-view .left-sidebar nav ul li a i.mdi,.logout a i.mdi{font-size: 30px;}
.logout a{color: #c3c5cf !important; text-decoration: none; font-size: 14px;display: block; padding: 10px 0; width: 95px; box-shadow: inset 5px 0px 0px 0px transparent; line-height: 30px; text-align: center;}
.logout a:hover{color: #000000 !important;}
.logout a i { display: block; font-size: 22px;}


/*** main content ***/
.card .section-heading{font-weight: 900; font-size: 15px !important;}
.main-content {  padding: 20px 15px 20px;  height: calc(100vh - 73px);  overflow: auto; display: flex;
  flex-wrap: wrap;}
.inner-footer-row { position: relative; left: 0; right: 0; bottom: 0px; margin: auto auto 0;}
.page-heading h2 { font-size:38px; margin: 0; font-family: 'bignoodletitlingregular';}
.custom-select-d select { width: 100%; height: 54px; background: #fff; padding:.375rem 2rem .375rem .75rem; font-size: 17px; box-shadow:none; border-radius: 10px; border: solid 2px #f1f2f9;
  cursor: pointer; color: #212529;-webkit-appearance:none;  -moz-appearance:none;   appearance:none;}
/*.custom-select select {display: none;}*/
.custom-select .all-items.all-items-hide {display: none;}
.custom-select .all-items {background: #fff; box-shadow: 0px 0px 15px #00000012; border-radius: 10px; border: solid 2px #f1f2f9; cursor: pointer; color: #6c6c6c;
  overflow: hidden; position: absolute;width: 100%;top: 53px; z-index: 99;}
.custom-select .all-items .item {padding: 9px 16px;}
.custom-select .all-items .item:hover {background: #51459e; color: #fff;}
.custom-select-d,.search-form .selected-item {position: relative;}
.custom-select-d::after {content: '\f078'; font-family: 'Font Awesome 5 Free'; font-weight: bold; position: absolute; right: 16px; top: 15px; font-size: 17px; pointer-events: none;
}
.custom-select-d select { box-shadow: none; border-width: 1px;border-color: #eaedf5; height: 46px; border-radius: 7px; font-size: 14px; font-weight: 300;}
.custom-select-d::after { top: 13px; font-size: 15px;}
.under-form .all-items {top: 46px;}
input.form-control,textarea.form-control { box-shadow: none !important; border-width: 1px; border-color: #eaedf5 !important; height: 46px; border-radius: 7px; font-size: 14px; font-weight: 300;}
.custom-checkbox { position: relative;padding-left: 28px; display: flex;}
.custom-checkbox input.form-check-input { opacity: 0; cursor: pointer; position: absolute; left: 0; top:1px; margin: 0; width: 18px; height: 18px;  z-index: 9;}
.custom-checkbox input.form-check-input+span.C-check {width: 18px;  height: 18px;  border: solid 2px #e2e0ee;  position: absolute; left: 0; top: 2px;}
@-moz-keyframes dothabottomcheck{0%{height:0}
100%{height:8px}
}@-webkit-keyframes dothabottomcheck{0%{height:0}
100%{height:8px}
}@keyframes dothabottomcheck{0%{height:0}
100%{height:8px}
}@keyframes dothatopcheck{0%{height:0}
50%{height:0}
100%{height:18px}
}@-webkit-keyframes dothatopcheck{0%{height:0}
50%{height:0}
100%{height:18px}
}@-moz-keyframes dothatopcheck{0%{height:0}
50%{height:0}
100%{height:18px}
}
.custom-checkbox input.form-check-input+span.C-check:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;height:0;width:2px;background-color:#986727;display:inline-block;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;border-radius:5px;content:' ';-webkit-transition:opacity ease .5;-moz-transition:opacity ease .5;transition:opacity ease .5}
.custom-checkbox input.form-check-input+span.C-check:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;height:0;width:2px;background-color:#986727;display:inline-block;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;border-radius:5px;content:' ';-webkit-transition:opacity ease .5;-moz-transition:opacity ease .5;transition:opacity ease .5}
.custom-checkbox input.form-check-input+span.C-check:before{top:10px;left:7px;-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
.custom-checkbox input.form-check-input+span.C-check:after{top:4px;left:1px;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.custom-checkbox input.form-check-input:checked+span.C-check{border-color:#986727}
.custom-checkbox input.form-check-input:checked+span.C-check::after{height:8px;-moz-animation:dothabottomcheck .2s ease 0s forwards;-o-animation:dothabottomcheck .2s ease 0s forwards;-webkit-animation:dothabottomcheck .2s ease 0s forwards;animation:dothabottomcheck .2s ease 0s forwards}
.custom-checkbox input.form-check-input:checked+span.C-check::before{height:18px;-moz-animation:dothatopcheck .4s ease 0s forwards;-o-animation:dothatopcheck .4s ease 0s forwards;-webkit-animation:dothatopcheck .4s ease 0s forwards;animation:dothatopcheck .4s ease 0s forwards}
.custom-radio.form-check {   position: relative;   padding: 0 0 0 25px;}
.custom-radio.form-check input.form-check-input+label:before {content: '';    position: absolute;    left: 2px;    top: 3px;    width: 18px;    height: 18px;    border: solid 2px #e2e0ee;    border-radius: 25px;transition: all .2s;}
.custom-radio.form-check input.form-check-input+label:after {    content: '';    position: absolute;    left: 6px;    top: 7px;    width: 10px;    height: 10px;    border-radius: 25px;    background:#986727;transition: all .2s; transform: scale(0);}
.custom-radio.form-check input.form-check-input {    opacity: 0;    position: absolute;    left: 2px;    top: 3px;    margin: 0;    width: 18px;   height: 18px;    cursor: pointer;z-index: 9;}
.custom-radio.form-check input.form-check-input:checked+label:before {    border-color: #986727;}
.custom-radio.form-check input.form-check-input:checked+label:after {transform: scale(1);}
/*profile*/
.alert-list .row .view-btn {color: #212121; font-size: 19px; display: inline-block;}
.alert-list .row .view-btn:hover{text-decoration: none;}
.alert-list .row:nth-child(odd) .view-btn{border-color: #986727; color:#986727;}
.overflow-alert-list{max-height: 325px;}
.custom-select.w-100.shadow-none .selected-item{box-shadow:none;border-width:1px;border-color:#eaedf5!important;height:46px;font-size:14px}
.custom-select.w-100.shadow-none .selected-item::after{top:11px}
.Change-Password-btn{float:right}
.Change-Password-btn a{color:#986727;border:1px solid #986727;border-radius:50px;text-decoration:none;font-size:13px;padding:8px 16px;min-width:71px;display:inline-block}
.Change-Password-btn a:hover{background:#986727;color:#fff}
.alert-list a.close-link {float: right;width: auto;margin-right: 0px;text-align: center;color:#6c6c6c; font-size: 20px; cursor: pointer;}
#TermsConditionModal .modal-body p, #NoDocumentModal .modal-body p, #DocumentAlertModal .modal-body p{font-size: 18px;}
.table-search i.fa-search {position: absolute;right: 15px; top: 15px; font-size: 17px;color: #444;}
.table-search input.form-control {padding-right: 40px;}
.table-search {position: relative; width: 320px;}
.divider {display: block; height: 1px;background: #e5e5e5;margin: 10px -25px 30px -25px;}
.profile-card.card {justify-content: center;align-items: center;text-align: center;box-shadow: 10px 10px 10px rgb(0 0 0 / 2%);}
.profile-box a.email {display: block; font-size: 14px; color:#986727; text-decoration: none;margin: 0 0 16px 0px;}
.profile-box span.user-type {color: #999999; font-size: 14px;}
.profile-box span.user-type i {font-style: normal;}
.profile-box .p-img {display: inline-block; box-shadow: 10px 6px 14px rgb(0 0 0 / 11%); border-radius: 500px;}
.profile-box h4 { font-size: 18px; margin: 20px 0 7px 0; font-family: Tahoma-Bold;}
.mCustomScrollBox.mCS-dark #mCSB_1_dragger_vertical .mCSB_dragger_bar {width: 6px;background: #212121;}
.mCustomScrollBox.mCS-dark #mCSB_1_dragger_vertical .mCSB_draggerRail {display: none;}
.mCustomScrollBox.mCS-dark .mCSB_draggerContainer { width: 6px;  right: 0; left: revert; background: #dbdce2;border-radius: 50px;}
.mCSB_inside > .mCSB_container {margin-right: 15px;}
.form-check-label {	font-size: 14px;}
.form-control:disabled, .form-control[readonly],.custom-select-d select:disabled {background-color: #f2f2f4;opacity: 1; cursor: text;}
/*.document-row{margin-top:30px;}*/
.document-row .form-label{min-width: 80px;}
.number-input {	max-width: 92px;display: inline-block;text-align: center;}
.number-col{max-width: 130px;}
.document-row .mdi-video-outline{font-size: 1.1rem !important;}
.document-row .btn{min-width: 180px;}
/*setting*/
.Drag-upload .ngx-file-drop__drop-zone {  border: 2px dashed #d0d0d0 !important;  border-radius: 10px !important;
height:160px !important;  margin: auto !important;  background: #f7eed9;  position: relative;  display: flex;
align-items: center;  justify-content: center;}
.Drag-upload .ngx-file-drop__content {  align-items: center !important;  color: #1b1b1c !important;  display: flex !important;
height: calc(100px - 4px) !important;  justify-content: center !important;  background: #f7eed9;  position: relative;  top: 0px;flex-direction: column;}
.Drag-upload a{margin: 0 10px; text-decoration: underline !important; color:#51459e !important}  
.Drag-upload p{padding:0; margin: 0 0 5px;}
.Drag-upload .drag-txt{font-weight: bold; font-size: 16px;}
.Drag-upload i{  font-size:37px;  color: #986727;  line-height:37px;}
.file-input__input {  width: 100%;  height: 100%;  opacity: 0;  overflow: hidden;  position: absolute;  cursor: pointer;}
.file-input {  position: relative;  cursor: pointer;  display: flex;  align-items: center;}
.file-input__label {  cursor: pointer;  display: inline-flex;  align-items: center;  border-radius: 9px !important;  color: #fff;  font-size: 13px;  background: #986727;  border-color: #986727;  width: 121px;  padding:7px;  text-align: center;}
.file-input__label span{ margin:auto;}
.download-info-message { color: red; padding: 15px 25px !important; background: #fbeded; border-radius: 15px;  text-align: center;  width: auto;  display: inline-block;  }
.download-info-message a { background: red;color: #fff !important; padding: 5px; text-align: center; border-radius: 5px; margin: 0 3px; font-size: 14px;  }
.phone-col .iti{width:100%}
.search-chart canvas {  width: 100% !important;  height: 100% !important;  
background: #fff3cb;  padding: 10px;  border-radius: 100%;}
.search-chart { display: flex;  align-items: center;  width: 100%;  height: 100%;}
.search-chart .legend{font-size: 14px; min-width:134px;}
.search-chart .legend ul{padding-left: 15px;}
.search-chart .legend li{list-style-type: none; padding-bottom: 15px; display: flex; align-items: center;}
.search-chart .legend li i.brown,.search-chart .legend li i.black,.search-chart .legend li i.light-gray{width:10px; height: 10px; margin-right: 10px; background:#986727; border-radius: 50%; display: inline-block;}
.search-chart .legend li i.black{background: #000;}
.search-chart .legend li i.light-gray{background:#c3c5cf;}
.search-form.search-error .invalid-feedback{  margin-bottom: 10px;}
.search-form.search-error .invalid-feedback{position: absolute;}
.phone-row .flag-input{border-bottom: 1px solid #eaedf5 !important;height: 46px;width: 72px;}
.phone-row .flag-input input[type=tel]{width:0;}
.phone-row{display: flex; flex-wrap: wrap;}
.phone-row input{height:49px;}
.iti.separate-dial-code .iti__selected-flag, .iti.separate-dial-code.iti--allow-dropdown.iti-sdc-2 .iti__selected-flag, .iti.separate-dial-code.iti--allow-dropdown.iti-sdc-3   .iti__selected-flag, .iti.separate-dial-code.iti--allow-dropdown.iti-sdc-4   .iti__selected-flag {
width: 72px !important;}
.iti{width: 100%;}
.phone-row .input-tel{ width: calc(100% - 72px); position: relative; border-left: 0;}
.terms-and-conditions b{color:#986727;}
.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {color: inherit;}
.terms-and-conditions .invalid-feedback { width: 100%; margin-top: 6px; padding-left: 0;}
.cookie-row {	position: fixed;	bottom: 0;	width: 100%;	padding: 10px;	color: #fff;	background: #151515;
	z-index: 999;	left: 0;	right: 0;	display: flex;	align-items: center;	justify-content: center;	font-size: 14px;}
.cookie-row a{color:#fff}

.cookie-close{position: absolute;right: 19px;top: 0;font-size: 20px;bottom: 0;
margin: auto;height: 23px;line-height: 23px;}
.edit-phone .iti__selected-flag.dropdown-toggle{background: #f2f2f4;pointer-events: none;cursor: none;}
.edit-phone input[type=tel]{pointer-events: none; cursor: none;}
/*.p-scrollpanel-bar {height: 100% !important; transition: none !important; background: #986727 !important; border-radius: 20px !important;  opacity: 1 !important; transition: opacity .25s linear;  z-index: 2;}
.p-scrollpanel-bar-y { width: 7px !important;}*/
.p-scrollpanel.custombar1 .p-scrollpanel-wrapper {border-right: 8px solid #ffffff;}
.p-scrollpanel.custombar1  .p-scrollpanel-bar { background-color:#c3c5cf; opacity: 1;transition: background-color .2s; width:8px; border-radius: 30px;}
.p-scrollpanel.custombar1  .p-scrollpanel-bar:hover {background-color: #000;}
.p-tooltip{ z-index:9999 !important; pointer-events: none; }
.infoDoc-tooltip.p-tooltip .p-tooltip-text { background:#f2f1f7; color:#6c6c6c; border:1px solid #d9dbdf}

.infoDoc-tooltip.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {border-bottom-color:#f2f1f7;}
.infoDoc-tooltip.p-tooltip-bottom .p-tooltip-arrow { top: -4px; border-width: 0 0.5em 0.5rem;}
.infoDoc-tooltip.p-tooltip {  max-width: 600px;}
.infoDoc-tooltip.p-tooltip.p-tooltip .p-tooltip-text {  padding: 15px;}
.infoDoc-tooltip .p-tooltip-arrow { position: absolute; width: 21px; height: 9px; border-color: transparent;  border-style: solid;  background: transparent;
  border: 0;  display: inline-block;  overflow-y: hidden;}
.infoDoc-tooltip.p-tooltip.p-tooltip-bottom .p-tooltip-arrow:before {
  content: '';  background: #f2f1f7;  width: 14px;  height: 14px;  display: inline-block;  border:1px solid #d9dbdf;  transform: rotate(45deg);  position: relative;
  left: 2px;  right: 0;  margin: 0 auto;}
.table tr:hover,.table td:hover{background: #fbfaff;}
.table {
	--bs-table-bg: transparent;	--bs-table-accent-bg: transparent;	--bs-table-striped-color: #000; --bs-table-striped-bg: #fbfaff;	--bs-table-active-color:#000; --bs-table-active-bg: #fbfaff;
	--bs-table-hover-color:#000; --bs-table-hover-bg: #fbfaff;	color: #212529;}
.p-tooltip .p-tooltip-text { background: #000000; color: #ffffff; padding: 5px 10px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px; font-size: 13px !important; word-wrap: break-word;  word-break: break-word;}
.p-tooltip.p-tooltip-right .p-tooltip-arrow { border-right-color: #000000;}
.p-tooltip.p-tooltip-left .p-tooltip-arrow { border-left-color: #000000;}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {border-top-color: #000000;}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {border-bottom-color: #000000;}
.p-scrollpanel.custombar1  .p-scrollpanel-content { box-sizing: border-box; height: calc(100% + 10px); overflow: auto;
padding: 0 10px 18px 0; position: relative; width: calc(100% + 18px);}
.no-data{ display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center;}
.no-data i{color: #986727; font-size: 45px;}
.no-data h2{font-size: 19px;}
.doc-btm h6{margin-bottom: 0; font-size: 13px;}
.doc-btm {  border-top: 1px solid #eaedf5;  padding:3px 20px 3px 0;  width: 100%;}
.overflow-alert-list .row .list-row-alert{border-left:18px solid #986727;}
.overflow-alert-list .row:nth-child(odd) .list-row-alert{border-left:18px solid #212121;}
.modal.show .modal-dialog {width: 90%;    margin-left: auto; margin-right: auto;}
td.text-center.grid-action {min-width: 185px;}
.password-icon input[type=text] + .view-password .fa-eye::before{content: "\f070";}
.login-logo{max-width:130px;}
.page-item.active .page-link { background-color: #986727; border-color: #986727; color:#ffffff !important;}
.page-link:hover { color: #6c6c6c;  background-color: #c3c5cf;  border-color: #c3c5cf;}
.page-link{color: #6c6c6c !important;font-size: 14px;}
.page-link:focus{outline:none;box-shadow: none;}
.header-right .fa-user{font-size: 15px;}
.user-email{position: relative;}
.steps-offset .form-group:nth-child(2){margin-left:1vw;}
.steps-offset .form-group:nth-child(3){margin-left:2vw;}
.steps-offset .form-group:nth-child(4){margin-left:3vw;}
.document-tbl.table tr td:nth-child(2){max-width: 288px;}
.search-result-info{font-size: 13px;}
.search-result-info ul{list-style-type:none;padding:0;}
.search-result-info li{position: relative; margin-bottom: 5px;}
.search-result-info li:first-child{padding-left:0;}
/*.search-result-info li:after { content: '/';font-size: 16px;color: #c3c5cf;position: absolute;right: -5px;
  top: 1px; line-height: 1;}*/
/*.search-result-info li:last-child::after{display: none;}*/
.category-lbl{color:#986727;}
.modal-footer {  padding-bottom: 1.5rem !important;}
.video-btn{padding: 0.7rem !important;}
.pdfViewer .canvasWrapper,.pdfViewer .textLayer {  width: 100% !important;  height: 100% !important; margin-left: -12px;}
.pdfViewer .page{overflow-x: hidden !important;}
.annotationLayer .buttonWidgetAnnotation.pushButton>a:hover, .annotationLayer .linkAnnotation>a:hover {
  background: transparent !important;  box-shadow: none !important;}
/*.ng2-pdf-viewer-container{overflow: inherit !important; }*/
/*.pdf-col-h {  height: calc(100vh + 20vh);  margin-bottom: 20px;}
.pdf-panel-h{max-height: 80vh;}
.pdf-row-h{height: 100vh;}*/
.Drag-upload .upload-name-style strong{word-break: break-all;}
.modal-content .btn-primary-custom,.modal-content .btn-success-custom{min-width:80px;}
.pagination{flex-wrap: wrap; justify-content: center; margin-bottom: 0;}
.input-qr img { width: 43px; position: absolute; right: 4px; top: 2px;}
.input-qr input { padding-right:54px !important;}
.checkbox-list.row { padding-left: 15px; padding-right: 15px; max-height: 85px; overflow-y: auto;}
.checkbox-img.row { padding-left: 15px; padding-right: 15px; }
.checkbox-img.row .img-check-col{display: inline-block; width: 18px;  height: 18px; position: relative;}
.checkbox-single-list.row{padding-left: 15px; padding-right: 15px; flex-direction: column;}
input[type=color] { padding: 4px; height: 40px; width:60px;}
.custom-select-d.heading-sel-style { max-width: 293px;  margin-top: 20px;}
.custom-select-d.headingedit-sel-style { max-width: 293px;}
.style-title{font-weight: 600;  margin-bottom: 20px;font-size: 18px;}
.custom-file-input{width: 108px;height: 50px;opacity: 0;overflow: hidden;position: absolute;}
.custom-file-input + label,.add-figure-btn { display: inline-block; background: #fbfaff; border: 0; border-radius: 8px; padding: 8px 18px;
  font-weight: normal; color: #212529;  font-size: 13px;  border: 1px solid #dcdce0;}
.inpt-textarea{width: 100%; height:94px !important;}
.popup-textarea{width: 100%; height:83px !important;}
.multiselect-dropdown .dropdown-btn  .selected-item-container .selected-item {
  border: 1px solid #b98464 !important;  background: #b98464 !important;  padding:5px 5px !important;  font-size: 12px; max-width: 100% !important;
  width: 100%;  height: 100%;  display: flex;  justify-content: space-between;}
  .multiselect-dropdown   .dropdown-btn  .selected-item-container { display: initial !important; float: none !important;  width: 100% !important;}
.multiselect-item-checkbox  input[type=checkbox] + div {font-size: 13px;}
.multiselect-item-checkbox input[type=checkbox]:checked + div:before { background: #212529 !important; border: 2px solid #212529 !important;}
.multiselect-dropdown .dropdown-btn {overflow-x: hidden; border: 1px solid #eaedf5 !important; padding: 12px 35px 12px 20px !important; position: relative;
font-size: 14px; border-radius: 7px !important; display: grid !important; gap: 5px; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); grid-template-rows: 1fr;
max-height: 300px;overflow-y: auto;}
.multiselect-item-checkbox   input[type=checkbox] + div:before {border: 2px solid #212529 !important;}
.multiselect-item-checkbox:hover { background-color: #fbfaff !important;}
.multiselect-dropdown .dropdown-list { border: 1px solid #eaedf5 !important; margin-top: -1px !important; box-shadow: none !important;}
.multiselect-dropdown   .dropdown-btn   .dropdown-multiselect__caret:before {
 top: 11px !important; color: #000 !important; border-width: 0 !important; content: '\f078' !important; font-family: 'Font Awesome 5 Free';
  font-weight: bold;  font-size: 15px;}
.style-circle-icons{width: 40px; height: 40px; padding: 0; display: inline-block; line-height: 40px; text-align: center;}
.modal-body .form-label{color:#212529;}
.add-figure-btn:hover,.add-figure-btn.active-btn{background:#986727; border-color:#986727; color:#fff;}
.add-figure-btn{ min-width: 104px;}
a.figure-des-popup{text-decoration: none; color:#212529;}
a.figure-des-popup:after{content:','}
.fig-links-col a:last-child::after{display:none;}
a.figure-des-popup:hover{text-decoration: none; color:#000;}
.figure-popover.pop-searches-info { width: 600px; left: 0; text-align: left;right: 0;margin: auto;position: fixed;top: 0;display: flex;height: 100vh; z-index: 99;
  align-items: center; display: none; max-height: 100%; background: transparent; box-shadow: none; border: 0; padding: 0;}
.searchinfobody .figure-popover.pop-searches-info{display: flex;}
.pop-searches-info .info-content-pop { background: #fff; position: absolute; left: 0; right: 0; border: 1px solid rgba(0,0,0,.2); border-radius: .6rem;
  box-shadow: 1px 8px 10px 1px rgba(0,0,0,0.33); -webkit-box-shadow: 1px 8px 10px 1px rgba(0,0,0,0.33); -moz-box-shadow: 1px 8px 10px 1px rgba(0,0,0,0.33);
  padding: 1rem; z-index: 999999;  width: 100%;}
.figure-popover.pop-searches-info img.fig-img{ object-fit: contain; height: auto; width: 100%;max-height: 300px;}
.video-add-row .vfrm-col,.list-edit {width: calc(100% - 40px);margin-right: 0;}
.video-add-row .trash-col,.list-edit + .trash-col {width: 40px;}
.video-add-row .trash-col a,.list-edit + .trash-col a {color: #986727; top: 41px; position: relative; display: inline-block;}
.style-lbl-color {border-radius: 100%;width:20px;height:20px;padding: 0;overflow: hidden;border: 0;outline: 0;display: inline-block;position: absolute;top: 9px; right: 9px;}
.style-lbl-color input[type=color] {width: 60px !important;height: 60px !important; padding: 0 !important; border: 0; outline: 0; position: relative; top: -15px; left: -15px;}
.card.style-card{padding-bottom:64px !important;}
.style-card-btns{position: absolute;  bottom: 20px;}
.style-card .fa-edit{position: relative; right: -1px;}
.style-card:hover{-webkit-box-shadow: 9px 9px 10px 3px rgba(0,0,0,0.05); -moz-box-shadow: 9px 9px 10px 3px rgba(0,0,0,0.05); box-shadow: 9px 9px 10px 3px rgba(0,0,0,0.05);}
.style-chkbox label{color:#212529;}
input[type="color"] { -webkit-appearance: none; border-radius:0;}
.date-input i.mdi { position: absolute;  right: 14px;  top: 6px;  font-size: 24px;  color: #212529;}
.date-input input { background-color: #fff !important;}
.date-input { position: relative;}
.multiselect-dropdown   .dropdown-btn  .dropdown-multiselect__caret {right:17px!important; width: 0!important;}
.multiselect-dropdown  .dropdown-btn .dropdown-multiselect--active .dropdown-multiselect__caret { right:2px !important;}
.theme-green .bs-datepicker-head { background-color: #212529;}
.theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span, .theme-green .bs-datepicker-body table td span[class*=select-]:after, .theme-green .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #986727;}
.theme-green .bs-datepicker-body table td.week span {color: #986727;}
.page-heading .orange-text{min-width: 83px; text-align: right;}
.angular-editor-toolbar .angular-editor-toolbar-set .angular-editor-button{color: #212529 !important;}
.button-group .btn { margin-right: 10px; flex: 1; max-width: 125px; padding: 9px !important;}
.button-group {display: flex;align-items: center;}
.angular-editor-textarea { margin-top: -1px !important;}
.dropdown-list li.no-data { align-items: start; justify-content: flex-end; font-size: 14px;}
.dropdown-list li.no-data h5{font-size: 14px;}
bs-datepicker-container, bs-daterangepicker-container {  z-index: 1080;  transform: none !important;  right: 0 !important;  margin: auto;
  display: flex !important;  bottom: 0;  width: 100%;  height: 509px; max-width: 365px;  position: fixed !important;  left: 0 !important;  top:0 !important;  background: rgba(0, 0, 0, 0.4);
  align-items: center;  justify-content: center;}
.bs-datepicker-container {  padding: 0;}
.bs-datepicker-head {  min-width: 365px;  height: 113px;}
.bs-datepicker-body {  min-height: 315px;  min-width: 278px;}
.bs-datepicker-head button { font-size: 24px;}
.bs-datepicker-body table th,.bs-datepicker-body table td{height: 55px;}
.bs-datepicker-head bs-datepicker-navigation-view { display: table; margin: auto; transform: translate(0px, 28px);  width: 100%;  text-align: center;}
.bs-datepicker-head button.current {  padding: 0;}
.bs-datepicker {  border-radius: 10px;  overflow: hidden;}
.bs-datepicker-head .next,.bs-datepicker-head .previous{position: absolute;}
.bs-datepicker-head .next{right:10px}
.bs-datepicker-head .previous{left:10px;}
.date-input input[type=text]{background-color: transparent !important; position: relative; z-index: 1; cursor: pointer;}
.Drag-upload .ngx-file-drop__drop-zone--over{background-color:#f7eed9 !important;}
.password-icon input[type=password] { padding-right: 32px;}
.cust-tooltip + span.tooltip{display: none; position: absolute;}
.cust-tooltip + span.tooltip:before { content: ''; position: absolute; left: 0; right: 0; margin: auto; top: -5px; width: 10px;  height: 0;  border-left: 5px solid transparent;
border-right: 5px solid transparent;  border-bottom: 5px solid black;}
.cust-tooltip:hover + span.tooltip {  opacity: 1;  display: block;  background: #000000;  border-color: #000000;  color: #fff !important;  font-size: 12px;
padding: 5px 10px;  border-radius: 5px; }
.delete-figicn{    position: absolute; top: 0;right: 0;color: #242424;background: #fff;width: 27px;height: 27px;text-align: center;font-size: 15px; line-height: 27px; font-weight: 700;}
.delete-figicn:before{font-weight: 700;}
.modal-edit-btns button{min-width: 117px !important;}
.grid-checkbox{display: inline-block; width: 20px;}

/*.captcha-container {	width:100% !important;	box-shadow: none !important;}
.captcha-container canvas{width:100%;}
.captcha-actions {display: flex;border-bottom: 1px solid #ccc;}
.captcha-actions input[type="text"] {padding: 5px;border: 0 !important;	border-radius: 5px 0 0 5px;outline: none;	width: 80%;}
.captcha-actions .cpt-btn{display: none;}
.captcha-actions .cpt-btn.reload{display: block;}
.captcha-actions input[type="button"] {	outline: none;	padding: 6px;border: none;	background: #fff !important;	border-radius: 0 !important;
	font-size: 14px;	color: #99692a;}*/

.searchin-input { width: calc(100% - 40px);}
.term-listing{font-size: 15px; list-style-type: lower-latin;  color: #6c6c6c;}
.roman-list{list-style-type: upper-roman;}
.captcha-text{background: url(../images/captcha-bg.jpg) no-repeat;height: 50px;
text-align: center;  border: 0;  font-size:35px !important;  width: calc(100% - 30px);  background-size: 100%;  font-family: times roman;}
.captcha-img button {position: absolute; right: 0; top: 0;  background: 0; border: 0;  width: 30px; height: 30px; font-size: 30px;
margin: auto; color: #986727;  }
.captcha-number { height: 50px; margin-top: 5px; border-color: #eaedf5 !important;width:calc(100% - 30px);  }
.captcha-number:focus,.captcha-number:focus-visible{outline:none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#bdbdbd  !important; opacity: 1 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #bdbdbd  !important; opacity: 1 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#bdbdbd  !important; opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color:#bdbdbd  !important; opacity: 1 !important;
}
.timepicker__header{  padding: 15px 30px;  background-color: #212529 !important;  border-radius: 10px 10px 0 0;}
.clock-face__number > span.active {  background-color: #986727 !important;}
.timepicker-button{ color: #ffffff !important;  background: #212529 !important;  margin: 0 3px;  border-radius: 5px !important;  padding: 0px 5px!important;
  height: 40px;  line-height: 40px;}
.timepicker-button > span { text-transform: none !important; font-weight: normal !important;}
.timepicker {  border-radius: 10px !important;}
.timepicker__actions{  justify-content: center !important;     border-radius: 0 0 10px 10px;}
.timepicker__actions .ng-tns-c165-0:nth-child(2) .timepicker-button{ background: #986727 !important;}
.clock-face__clock-hand { background-color: #986727 !important;}
.checkbox-img .custom-checkbox{padding-left: 0;}
.author-info{margin-top:40px; position: relative;}
.author-info::before {  content: '';  border-top: 1px solid #e5e5e5;  display: inline-block;  width: calc(100% + 48px);
  position: absolute;  left: -35px; top: -10px;}
.author-info .vfrm-col {padding-top: 0px;}
.video-add-div .author-info:first-child:before{display:none;}
.video-add-div .author-info:first-child{margin-top: 0;}
.video-add-div .author-info:first-child .vfrm-col {padding-top:0px;}
.dbl-text a{line-height: 10px;}
.dbl-text a span{line-height: 19px; margin-top:5px; display: block;}
.video-add-div {  list-style-type: none;  counter-reset: css-counter 0; padding-left: 35px;}
.video-add-div .author-info {  counter-increment: css-counter 1; /* Increase the counter by 1. */padding-left: 27px;}
.video-add-div .author-info::after {	content: counter(css-counter) "";	position: absolute;	top: 17px;	background: #986727;	width: 25px;	height: 25px;	text-align: center;
	color: #fff;	font-size: 13px;	font-weight: bold;	line-height: 25px;	left: 5px;}
.author-headinglbl{color: #986727;  margin-bottom: 11px !important;}
.date-control.form-control.is-invalid {  background-position: right calc(2.5em + 0.1875rem) center;}
.grid-more, .grid-less { color: #986727; cursor: pointer;  text-transform: uppercase;  font-size: 13px;  font-weight: 600;  display: block;}
.grid-more:before, .grid-less:before { content: '+';  margin-right: 5px; }
.grid-less:before { content: '-'; }
a.uploded-file-name { margin: 0 6px 0 10px; font-size: 14px; text-decoration: none; color: #000;}
a.uploded-file-name+.remove-file { color: #666;cursor: pointer;width: 20px;display: inline-block;text-align: center;}
.view-page.video-add-div .author-info::after {top: 7px; left: 1px;}
.view-page .author-info::before {top: -24px;}
.view-research-info p{font-size:13px; margin-bottom:0;}
.back-btn{min-width:72px;}
.input-icn{ position:relative;}
.investigation-row .trash-col {  width: 50px; padding: 0;  text-align: center;}
  .investigation-row .trash-col a{ top: 41px; margin: 0 7px;  }
  .investigation-row .trash-col .margin-icons{margin:0 -7px;}
  .investigation-row .vfrm-col {  width: calc(100% - 55px);  margin-right: 0;  }
.title-text-info {  width: calc(100% - 110px);}
.input-icn i {  font-size: 14px !important;  font-weight: 600 !important;}
.input-icn a { color: #212529;position: absolute; top: 17px; right: 14px; height: 12px; bottom: 0;  /* margin: auto; */ line-height: 0; }
.input-reset input:placeholder-shown + .times-link { display: none;}
.number-textbox {  max-width: 110px;}
  .number-textbox .form-control { text-align: right;padding-right: 8px; }
.input-icn .form-control.is-invalid { background-image: none;  }
.multiselect-scroll .dropdown-list { overflow: hidden;}
.multiselect-scroll .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret::before {border:1px solid red;  right: 3px !important;}
.category-ul { margin-left: 0 !important; padding-left: 0; border-bottom: 1px solid #c3c6cf; margin-top: 10px !important; padding-bottom: 0px !important;}
  .category-ul li > div{padding-bottom:10px;}
  .category-ul .fas, .category-ul .far { font-size: 15px}
.category-ul .all-actions a {margin:0 5px;}
  .category-ul ul li {  padding: 10px 0 0; }
.axis-uls ul:last-child{border:0;}
.bulk-icon {  position: relative; width: 15px;  display: inline-block;}
.bulk-icon:before{font-size:16px; position:absolute; left:0; top:-16px;}

.cdk-drop-list.custom-draganddrop ul, .cdk-drop-list.custom-draganddrop ol { list-style: none;}
.cdk-drop-list.custom-draganddrop li > div { display: flex; align-items: center; gap: 6px; font-size: 14px;}
.cdk-drop-list.custom-draganddrop ul .all-actions input[type="checkbox"] { width: 17px; height: 17px;  margin: 2px 0 0 5px;  display: block;  cursor: pointer;}
.cdk-drop-list.custom-draganddrop.xaxis-list { height: auto; padding: 0 15px 0 0;}
/* Scrollable content */
.cdk-drop-list.custom-draganddrop { width: 100%; max-height: 400px;  overflow: auto;}
/* Style the scrollbar thumb */
.cdk-drop-list.custom-draganddrop::-webkit-scrollbar {  width: 8px;  }
.cdk-drop-list.custom-draganddrop::-webkit-scrollbar-thumb {  background-color: darkgray;  border-radius: 6px; }
.cdk-drop-list.custom-draganddrop::-webkit-scrollbar-thumb:hover { background-color: gray; }
.cdk-drop-list.custom-draganddrop::-webkit-scrollbar-track {  background-color: lightgray;  border-radius: 6px;}

/* Style the scrollbar thumb for Firefox */
.cdk-drop-list.custom-draganddrop { scrollbar-width: thin;scrollbar-color: darkgray lightgray;border-radius: 6px;}
.cdk-drop-list.custom-draganddrop:hover {  scrollbar-color: gray lightgray; }
.cdk-drop-list + .errors { padding: 5px 0 0 15px !important;}
.cdk-drop-list.custom-draganddrop ul .all-actions{  position:relative;}
.cdk-drop-list.custom-draganddrop ul .all-actions input[type="checkbox"] { position: absolute; right: 0;top: 0; opacity: 0; z-index: 2; }
.cdk-drop-list.custom-draganddrop ul .all-actions input[type="checkbox"] + span.C-check { width: 18px; height: 18px; border: solid 2px #e2e0ee; display: block;  position: relative; }
.cdk-drop-list.custom-draganddrop ul .all-actions input[type="checkbox"]:checked + span.C-check {border-color: #986727;}
.cdk-drop-list.custom-draganddrop ul .all-actions input[type="checkbox"] + span.C-check:before { top: 10px; left: 7px; -moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.cdk-drop-list.custom-draganddrop ul .all-actions input[type="checkbox"] + span.C-check:before { -moz-box-sizing: border-box;-webkit-box-sizing: border-box;
box-sizing: border-box;  position: absolute; height: 0; width: 2px; background-color: #986727; display: inline-block; -moz-transform-origin: left top;  -ms-transform-origin: left top;
-o-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 5px; content: ' ';  -webkit-transition: opacity ease .5;
-moz-transition: opacity ease .5; transition: opacity ease .5;}
.cdk-drop-list.custom-draganddrop ul .all-actions input[type="checkbox"] + span.C-check:after { top: 5px; left: 1px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.cdk-drop-list.custom-draganddrop ul .all-actions input[type="checkbox"] + span.C-check:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box;
position: absolute; height: 0; width: 2px; background-color: #986727; display: inline-block; -moz-transform-origin: left top; -ms-transform-origin: left top;    -o-transform-origin: left top;
-webkit-transform-origin: left top;transform-origin: left top; border-radius: 5px; content: ' '; -webkit-transition: opacity ease .5;  -moz-transition: opacity ease .5;  transition: opacity ease .5; }
.cdk-drop-list.custom-draganddrop ul .all-actions input[type="checkbox"]:checked + span.C-check:before {
height: 18px;  -moz-animation: dothatopcheck .4s ease 0s forwards;  -o-animation: dothatopcheck .4s ease 0s forwards;  -webkit-animation: dothatopcheck .4s ease 0s forwards;
animation: dothatopcheck .4s ease 0s forwards; }
.cdk-drop-list.custom-draganddrop ul .all-actions input[type="checkbox"]:checked + span.C-check:after { height: 8px; -moz-animation: dothabottomcheck .2s ease 0s forwards;
-o-animation: dothabottomcheck .2s ease 0s forwards; -webkit-animation: dothabottomcheck .2s ease 0s forwards;  animation: dothabottomcheck .2s ease 0s forwards;}

.listGridSearch { width: 640px; display: flex}

.fab.fa-twitter::before {content: url('../images/twitter-icon.svg'); width: 14px; display: inline-block; top: 1px; position: relative;}
.characters-counter { font-size: small; font-weight: 500;}
.Stairs-steps {  display: grid;  grid-template-columns: repeat(10, 1fr);  gap: 10px;}
.level { position: relative; margin-bottom: 70px;  max-height: 73px;}
.level .level-box { cursor:pointer;  width: 75%; height: 70px; border: 1px solid #eaedf5;  border-radius: 15px; display: flex; justify-content: start; align-items: center; padding: 10px; background: #fff; position: relative;  z-index: 1; left: 10%;    font-size: 100%;
    box-shadow: 0px 15px 10px -15px #111; padding-right: 30px; }
.level-box a.info-icn{   background: #000; width: 18px; height: 18px; border-radius: 50px; top: 5px; position: absolute; right: 5px;  color: #fff;  text-align: center;}
  .level-box a.info-icn:after {content: url('../images/info-icn.png'); position: absolute; left:-1px; right: 0; margin: auto; top: -3px; transform: scale(0.99);}
.level .level-box:hover {background: #212529;border-color: #212529;color: #fff;}
.level .level-box.active {background: #41ab5d;border-color: #41ab5d;color: #fff;}
.level .level-box:hover a.info-icn{background:#986727;}
.level .level-box.active a.info-icn{background:#237b3a;}
.level p{ position: absolute; z-index: 2; text-transform: uppercase; font-size: 0.8em; font-weight: bold; color: #000; left: 0; right: 0; margin: auto;  text-align: center;  bottom: -32px;  }
.level::before {content: url('../images/Step.svg'); width: 100%; position: absolute; bottom: -36px; z-index: 1;  /* max-width: 315px; */ left: 0;    right: 0;  bottom: -43px;  }
.level h2 { font-size: 0.8em;margin: 0;}
.Level1 {  margin-top: 270px;}
.Level2 { margin-top: 240px;}
.Level3 {  margin-top: 210px;}
.Level4 {  margin-top: 180px;}
.Level5 {  margin-top: 150px;}
.Level6 {  margin-top: 120px;}
.Level7 {  margin-top: 90px;}
.Level8 {  margin-top: 60px;}
.Level9 {  margin-top: 30px;}
.level-lbl-info h2{font-size:20px;}
.level-lbl-info {  max-width:650px;  position: absolute; top:20px;}
.level-col{padding-top:50px;}
.user-dual-list .dual-list .btn-primary {  border-color: #575757;  background-color: #575757;}
.user-dual-list .filter::after { top: -45px !important; left: calc(100% - 26px) !important;}
.user-dual-list .record-picker li.selected { background-color: #f7eed9 !important;}
.user-dual-list .btn.btn-default {  border: 1px solid #a7a7a7 !important;}
.user-dual-list .button-bar { display: flex;  justify-content: space-around;}
.Expiry-tbl {  border: 1px solid #dddddd;  border-radius: 10px;  display: inline-block;  width: 50%;}
.Expiry-tbl-head,.Expiry-tbl-row {  font-size: 14px;  font-weight: bold;  border-bottom: 1px solid #dddddd;  padding-left: 15px;  margin: 0;  padding-top: 10px;  padding-bottom: 10px;}
.Expiry-tbl-row {font-weight: normal; display: flex; flex-wrap: nowrap;}
.Expiry-tbl-row  .date-input input[type=text] { border: 0;  height: 20px;  padding-left: 0;}
.Expiry-tbl-row .date-input i.mdi { top: -4px;}
.Expiry-tbl .ng-star-inserted{ width:100%; display:table;}
.Expiry-tbl .ng-star-inserted:last-child .Expiry-tbl-row { border: 0;}
.Expiry-tbl-row  .date-input{width:80%; min-width:143px;}
.Expiry-tbl-scroll {  max-height: 210px;  overflow-y: auto; padding-bottom:5px;}
.expiry-srch {  width: 50%;  margin: 0;  align-items: center;  margin-bottom: 10px;}
.expiry-srch .table-search {  position: relative;  width: 80%;   right: -11px;  }
.bulk-row {  background: #fbfaff;  margin: -16px -24px;  padding: 20px;}
a.template-link { color: #986727;  margin-left: 20px;  font-size: 15px;}
 a.template-link i {   margin-right: 5px; }
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {  border-width: 5px;  border-style: solid;  border-color: transparent transparent black transparent !important;  margin-top: -12px;  margin-left: -5px;}
.table tr:hover .grid-action a {color:#000;}
.p-tooltip .p-tooltip-text{max-width:600px;}
.c-box-center {  display: flex;  justify-content: flex-start;  gap: 10px;  align-items: center;}
.c-box-center-2 {  display: flex;  justify-content: flex-start;  align-items: center;}
.c-pos-rel {    position:relative!important; right:-3px!important;}
.c-box-pad { padding:0.25rem 0rem;}
.c-box-center-2 > img {  margin: 0;  height: fit-content;}
a.dropdown-item.text-danger.c-box-center.c-box-pad:hover, a.dropdown-item.text-danger.c-box-center.c-box-pad:focus, a.dropdown-item.text-danger.c-box-center.c-box-pad:active {  background: none;}
a.dropdown-item.text-danger.c-box-center.c-box-pad {  font-size: .875rem;  font-weight: 700;}
.desktop-only {  display: none;}
.cdk-overlay-pane{background:#fff;}
.pdf-search .mat-mdc-form-field-infix {  padding:0px 0 !important;  min-height: 44px; line-height:44px;}
.pdf-search .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--filled.mdc-text-field--no-label {  border: 1px solid #eaedf5;  border-radius: 8px;}
.pdf-search .mdc-line-ripple{  display: none !important;}
.pdf-search  .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {  display: none;}
.levelsearch {  width: 325px;}
.pdf-search {  position: relative;  width: calc(100% - 360px);}
.pdf-search i.fas.fa-search {  position: absolute;  right:7px;  top: 0;  bottom: 0;  margin: auto;  height: 18px;}
.pdf-listGridSearch{width:100%;}
.pdf-btn-col{min-width:250px;}
#document-filter .pdf-btn-col button {  width: 100% !important; max-width:100% !important;}
td.text-center.grid-action.c-f-start.ng-star-inserted { display: flex; justify-content: flex-start;}
td.text-center.grid-action.c-f-center.ng-star-inserted {}
.c-btn-arrows{display:flex;}
a.c-arrow-left, a.c-arrow-right { height: 30px; width: 30px; text-decoration: none;}
a.c-arrow-left i:hover, a.c-arrow-right i:hover { background: #000000; color: #fff; border-radius: 48px; height:30px; width: 30px; display: flex; cursor: pointer;  align-items: center;  justify-content: center;}
/*a.c-arrow-left:hover, a.c-arrow-right:hover {
  background: #ffffff00;
  color: #000 !important;
  cursor: revert;
}*/
#document-filter .mdc-evolution-chip button { min-width: auto;max-width: auto; min-height:auto;}
div.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-hidden{display:none;}
div.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-visible { display:block;}
#document-filter .mdc-text-field {  padding: 0 18px;}
.btns-btm-fixed { margin-bottom: -63px; margin-top:20px;}
.cnter-content-overflow { height: 100vh;}
.display-nxt {  padding: 0.8rem !important;}
.display-nxt .mdi-menu-down:before {  font-size: 45px; line-height: 0; top: 9px; position: relative; left: -10px;}
.display-nxt .mdi-menu-up:before {  font-size: 45px; line-height: 0; top: 9px; position: relative; left: -10px;}
.date-result-col{min-width:195px; text-align:right;}
.compact-table .date-result-col { min-width: 100px;}
.act-col{padding-right: 40px !important;}
.compact-table[_ngcontent-ng-c3015487114] th[_ngcontent-ng-c3015487114].act-col{  padding-right:40px !important;}
/******media Query*****/
/*@media (max-width:1600px){
  .overflow-alert-list { max-height: auto;}
}*/
@media (min-width:1600px) {
  .lg-file-col {  min-width: 580px; max-width: 580px;  }
  }
@media (max-width:1600px) {
  .date-result-col {  min-width: 150px;}
}
  @media (max-width:1560px) {
    .level h2, .level p{font-size:0.7em;}
  .Stairs-steps { gap: 0px;}
  .level .level-box { width: 85%;  }
  .level::before {   bottom: -37px;  }
  .level p {  bottom: -27px;  }
  .level-box a.info-icn:after { top: -5px;  transform: scale(0.8); }
  .level-box a.info-icn {  width: 15px; height: 15px;}
    .date-result-col { min-width: 150px;}
}
@media (max-width:1500px) {
  /*.listGridSearch { width: 680px; display: flex;}*/
#document-filter button { display: flex; align-items: center; justify-content: center; text-align: left;  gap: 12px; min-width: 150px;  max-width: 150px; min-height: 57px; }
#document-filter button .bulk-icon {  top: 4px; }
  .pdf-btn-col {  min-width: 304px; }
}
@media (max-width:1400px) {
  .date-result-col {
    min-width: 100px;
  }
}
@media (max-width:1326px) {
.listGridSearch {  width: 100%; margin-bottom: 15px; }
.listGridSearch + .w-md-auto {  width: 100% !important }
#document-filter.flex-xl-row { flex-direction: column !important;  }
#document-filter button {  min-width: auto;  max-width: 100%;  gap:5px; min-height: auto;}

}
  @media (max-width:1200px) {
/*.listGridSearch {   width: 100%; margin-bottom: 15px; }
.listGridSearch + .w-md-auto{width:100% !important}*/
.login .form-width { width: 85%;  }
.login  .info-cont { color: #fff; padding: 20px 30px;}
.login .info-cont p { font-weight: 300; font-size: 18px;}
.login .info-cont  h1{font-size: 34px;}
.alert-list .row .view-btn { margin-left: 15px; margin-bottom: 5px;}
.download-btn{width: 100%;}
.Expiry-tbl,.expiry-srch {width: 100%;}
.download-info-message { margin-top: 30px !important;  width: 100%; }
.file-colrow{min-width:590px;}
}
@media (max-width: 1000px){
  .level-box a.info-icn:after { top: -3px; transform: none;}
  .level-box a.info-icn {  width: 20px; height: 20px;}
  .level .level-box { left: 5%;  width: 85%;  padding: 30px; height:100px;}
  .level h2, .level p { font-size: 1.1em; }
  .level::before { bottom: -73px;  }
  .level { margin-top: 0 !important;  }
  .Stairs-steps {  gap: 10px;  grid-template-columns: repeat(1, 1fr);  max-width: 350px; margin: auto; margin-bottom:20px;}
  .level-lbl-info { max-width: 100%; position: relative; margin-bottom: 30px;}
  .level p {  bottom: -50px;}
}



@media (max-width:991px) {
.listGridSearch + .w-md-auto { flex-wrap: wrap; flex-direction: column; }
#document-filter button { width: 100% !important; }
.login .info-col,.header-search-list .Total-Searches{display: none !important;}
.login .form-col{width: 100%; padding: 25px; padding-bottom: 62px !important;}
.download-btn {  width: 100%;  font-size: 14px; line-height: normal; height: inherit; padding:20px 10px; white-space: normal;}
.login .form-col h1{text-align: center;}
.admin-heading h4 {	font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.header-search-list .search-number {margin: 0 0 0 0px;}
.header-search-list .search-number .item {	padding: 6px 0px;}
.header-search-list .search-number .item.orange::before {left: -38px;}
.header-search-list .search-number .item i {font-size: 14px;}
.form-label,.form-check-label,.invalid-feedback {	font-size: 0.9rem !important;}
.admin-view { padding-left: 100px;}
.register-form-col h1 {  padding-top: 0;}
.register-form-col {  max-height: 100%;}
.searchinfobody {overflow: auto;}
.page-heading .orange-text{min-width: 100%; text-align: left;}
#document-filter.tbl-search .table-search { width: 100%; margin-bottom: 10px;}
.infoDoc-tooltip.p-tooltip {  max-width: 400px;}
.border-right { border-right: 0px solid #e5e5e5; padding-right: 0px; height: 100% !important; }
.border-btm {  padding-bottom: 0px;  }
.level-view .form-group {  border-bottom: 1px dashed #e5e5e5; margin-bottom: 15px; }
.level-view .form-group:last-child{border-bottom:0;}
  .view-research-info p, .level-view p { margin-bottom: 20px;}
.na-para{margin-top:-20px;}
.view-page .video-add-row {border-top: 0 !important;}
.listGridSearch { width: 100%;  flex-direction:column; margin-bottom:0px; }
 .file-colrow {    flex-direction: column;    width: 100%;    gap: 10px !important;    min-width: auto;  }
 .file-input, .file-input__label { text-align: center; width: 100%; flex-direction: column; gap: 5px;}
 .uploadBtn{width:100%}
 .pdf-search { width: calc(100% - 0px); margin-bottom:10px; }
 .login .cnter-content-overflow {  height: auto;  padding-bottom: 20px; }
}
@media (max-height:700px) {
  .searchinfobody {overflow: auto;}
}
@media (min-width:768px){
.admin-view .left-sidebar .sub-menu:hover > ul.nav-item1,.admin-view .left-sidebar .sub-sub-menu:hover > ul.nav-item2{display: block; opacity: 1;}
.admin-view .left-sidebar .sub-menu > ul.nav-item1, .admin-view .left-sidebar .sub-sub-menu > ul.nav-item2 {
display: none; margin-top: -3px !important; opacity: 0; position: absolute; top: calc(50% - 24px) !important; left: 100% !important;background: #fff;
border: solid 2px #eaedf5; transform: none !important;}
.w-md-auto{width:auto !important;}

}
@media (max-width:767px){
.bulkDoc-head{flex-direction:column; align-items:center;}
.admin-view .left-sidebar{overflow-y: auto;}
.admin-view .left-sidebar .sub-menu ul.nav-item1.show { width: 100%;  position: relative !important;
transform: none !important; border: 0; border-top: 1px solid #eaedf5;}
.admin-view .left-sidebar .sub-sub-menu {  background: #fbfbfb;}
.admin-view .left-sidebar .sub-sub-menu > ul.nav-item2 {
  display: block;  opacity: 1;  position: relative;  left: 0;  /* margin-left: -20px; */
  /* margin-right: -20px; */  border: 0;  background: transparent;}
.sub-sub-menu-item {  background: white;margin-left: -20px !important; margin-right: -20px !important; width: calc(100% + 40px) !important;
  padding-left: 50px;  border-bottom: solid 1px #eaedf5;}
/*.pdf-col-h { height: calc(550px + 23vh); margin-bottom: 20px;}
.pdf-panel-h{max-height: 500px;}
.pdf-row-h{height: 400px;}*/
.user-image{-webkit-appearance: none;}
.pagination li{margin-bottom: 8px;}
.inner-footer,.login-footer{flex-wrap: wrap; text-align: center;}
.inner-footer p{width:100%;}
.pop-searches-info{left:10px; right: 10px; max-height: calc(100vh - 35vh); overflow-y: auto;} 
.admin-heading,.sm-none,.admin-view.show .main-header .mdi-menu,.admin-view .main-header .mdi-close{display: none !important;}
.sm-show{display: block !important;}
.header-search-list .search-number .item i {  font-size: 12px;}
.admin-view{padding-left: 0;}
.admin-view.show{padding-left: 0;}
.admin-view .left-sidebar{position: fixed;  left: -80%;}
.admin-view .left-sidebar.show{left: 0; z-index: 999;}
.admin-view .logo{padding-left:36px;margin-top: -4px;}
.admin-view .left-sidebar .logo{padding-left:0;}
.admin-view .logo img {	position: relative;	top: 0;	max-width: 35px;max-height: 34px;}
.navbar-toggler{padding: 0;margin-top: -4px;}
.role-email{position: relative;  bottom: -1px;}
.header-right .fa-user {  font-size: 13.2px !important;  position: relative;  top: -1px;}
.navbar-toggler-icon{width:1em; color:#000000; height: auto;}
.navbar-toggler {font-size:1.5rem;}
header.main-header {padding: 14px 1px;}
.user-image img{max-width: 28px; margin-right: 7px;}
.header-right .user-name {/*margin: 0 5px;*/font-size: 13px;/*max-width: 115px;margin-top: -2px;*/}
.header-right .far {font-size: 14px;}
.col-md-4.text-end.sm-viewgrid {text-align: left !important;margin-top: 20px;}
.navbar-toggler:focus { border: 0; outline: none; box-shadow: none;}
.admin-view.show:before { content: ''; background: rgba(0, 0, 0, 0.6); left: 0; right: 0; display: inline-block; position: fixed;  height: 100%;  z-index: 99;}
.admin-view.show .navbar-toggler { z-index: 999; left: auto; color: #fff; right: 47px;}
.admin-view.show .main-header .mdi-close{display: block !important; font-size: 32px; color: #fff;}
.login .btn-primary-custom, .login .btn-success-custom {padding: 11px 29px !important;}
.login .form-width {width: 95%;}
.grid-pagination .custom-select,.grid-pagination .custom-select .selected-item{width: 100%;}
.grid-pagination{flex-wrap: wrap; justify-content: center !important; flex-direction: column;}
.ngx-pagination {  padding-left: 0 !important; margin-top: 20px;text-align: center;}
.grid-pagination pagination-controls{width: 100%;}
.grid-pagination .custom-select{margin-bottom: 10px;}
.main-content {padding: 30px 10px;}
.tbl-search{flex-wrap: wrap;}
.tbl-search .table-search{width:100%; margin-bottom: 10px;}
.sm-viewgrid .btn{width: 100%; margin-top: 15px;}
.grid-pagination .custom-select-d{margin-bottom: 20px;}
.sm-figure-links{flex-direction: column; align-items: end !important;}
.modal-open .modal{ display: flex !important; align-items: center;}
.modal form{width: 100%;}
.video-add-row .vfrm-col,.list-edit { width: calc(100% - 0px) ; margin-right: 0;}
.video-add-row .trash-col,.list-edit + .trash-col { width: 100%; text-align: center;}
.video-add-row .trash-col a,.list-edit + .trash-col a { right: 0; top: 0;}
.video-add-row .trash-col a,.video-add-row .trash-col a i,.list-edit + .trash-col a,.list-edit + .trash-col a i{ font-size: 14px !important;}
.video-add-row .trash-col a:after{content:'Delete QR'; margin-left: 5px;}
.list-edit + .trash-col a::after{ content:'Delete'; margin-left: 5px;}
.list-edit + .trash-col a.times-link {  text-decoration: none;  }
.list-edit + .trash-col a.times-link::after { content: 'Reset';  }
.list-edit + .trash-col {  margin-top: 24px; border-top: 1px solid #e5e5e5;  padding-top: 10px;}
.video-add-row{  border-top: 1px solid #e5e5e5;}
.video-add-div .video-add-row:nth-child(1){border:0;}
.more-qr{margin:0; }
.custom-select-d.headingedit-sel-style { max-width: 100%;}
.admin-view .left-sidebar .sub-sub-menu:hover > ul{    position: relative; left: 0;  border: 0;}
.admin-view .left-sidebar .sub-menu ul li{ padding: 0 20px;}
.admin-view .left-sidebar{width: 80%;}
.admin-view .left-sidebar .mdi-menu-right {  transform: rotate(90deg);}
.admin-view .left-sidebar .sub-menu ul li a, .admin-view .left-sidebar .sub-sub-menu ul li a {  margin: 0;  width: 100%;}
.admin-view .left-sidebar .sub-sub-menu ul li { border: 0; padding: 0;}
.admin-view .left-sidebar nav ul li a ,.admin-view .logout a{ width: 100%; display: flex;  padding: 5px 0;  padding-left: 30px;}
.admin-view .left-sidebar .sub-menu:hover > ul {  position: relative;  left: 0;  border: 0;  border-top: solid 1px #eaedf5;}
.admin-view .left-sidebar nav ul li a span,.admin-view .logout a span{margin-left: 20px;}
.admin-view .logout{width: 100%;}
.admin-view .left-sidebar .mdi-menu-right { right: 9px;}
.admin-view .left-sidebar .sub-sub-menu ul{  margin-top:30px;}
.admin-view .left-sidebar .sub-menu ul li:hover > a:before, .admin-view .left-sidebar .sub-sub-menu ul li:hover > a:before {display: none;}
.admin-view.show .main-header .mdi-close:after { content: ''; background: transparent; display: inline-block; width: 100%; height: 100%; position: fixed; left: 0; top: 0;}
.admin-view .left-sidebar .sub-sub-menu ul.nav-item2.show,.admin-view .left-sidebar .sub-menu ul.nav-item1.show{display: block; opacity: 1;}
.pop-searches-info .info-content-pop { width: 90%; margin: auto;}
.infoDoc-tooltip.p-tooltip {  max-width: 310px;}
.level .level-box {  left: 5%; width: 80%; height: 84px; }
.level h2, .level p { font-size: 1em; }
.level::before {bottom: -65px;}
.Stairs-steps {margin-bottom: 20px;}
.level p { bottom: -50px;}
.NAICS-field { width: 100% !important;}
.user-dual-list .button-bar { flex-direction: column; gap: 10px; }
.user-dual-list .dual-list .button-bar button { width: 100% !important; }
.user-dual-list .filter::after{visibility:hidden;}
.Expiry-tbl-row .date-input {  width: 100%; }
.Expiry-tbl .ng-star-inserted{width:500px;}
  .expiry-srch .table-search {  width: calc(100% + 20px);  right: 0;  left: -12px; }
}

@media (max-width:576px) {
.custom-select-d select{padding:.375rem 1.5rem .375rem .75rem;}
.custom-select-d::after { right: 8px;}
.card{padding: 1rem !important;}
.sm-search{margin: 10px 0 !important; padding: 0 !important; }
.under-form .selected-item{height: auto;}
.alert-list a.view-btn { margin: 0 0 7px 13px;}
.login .form-col{padding: 10px;}
.terms-and-conditions {text-align: justify;}
.divider{margin: 10px -15px 30px -15px;}
.document-row span, .document-row a, .document-row label {width: 100%;display: inline-block;padding: 0 !important;}
.login .form-col h4 {font-size: 30px;}
.button-group {display: flex; justify-content: center; flex-wrap: wrap;}
.button-group .btn { margin-bottom: 8px; flex: 1; padding:8px 5px !important;}
.button-group .btn:last-child{margin-right: 0 !important;}
.sm-perform{padding-left: 12px !important;}
.overflow-alert-list { max-height: 393px;}
.doc-btm {padding: 3px 0px;}
.sm-heading-btn{flex-direction: column; align-items: flex-start !important;}
.sm-heading-btn .btn{margin-top: 13px;}
.modal-edit-btns button {  min-width: auto !important;}
.publish-col { flex-wrap: wrap; gap: 3px !important; margin: 0 !important; }
  a.template-link {  margin-left: 0; width: 100%;  display: block;  }
}

@media (max-width:414px) {
  /*.Change-Password-btn{width: 100%; margin: 12px 0 0 0px;}*/
  .pdf-btn-col {
    min-width: 100%;
  }
}
@media (max-height:700px) {
  .admin-view .left-sidebar { padding: 25px 0 0;  }
  .admin-view .left-sidebar nav ul li a { padding: 5px 0; margin: 0px 0;}
  .login .cnter-content-overflow {
    height: auto;
    padding-bottom: 20px;
  }
}
@media (min-width:1024px) and (max-height:1310px){
  .admin-view .left-sidebar nav ul li a i.mdi, .logout a i.mdi {
    font-size: 20px;
  }
  .admin-view .left-sidebar nav ul li a {
   
    padding: 4px 0;
   
  }
}
@media (min-width: 992px) {
  .desktop-only {
    display: inline; /* or block works too */
  }
}