@font-face {
	font-family: "Right Signature"; 
	src: url("/assets/css/font/right-signature/right-signature.eot"); 
	src: url("/assets/css/font/right-signature/right-signature.eot?#iefix") format("embedded-opentype"), 
	url("/assets/css/font/right-signature/right-signature.woff2") format("woff2"), 
	url("/assets/css/font/right-signature/right-signature.woff") format("woff"), 
	url("/assets/css/font/right-signature/right-signature.ttf") format("truetype"), 
	url("/assets/css/font/right-signature/right-signature.svg#right-signature") format("svg"); 
}

@media (min-width: 1200px){
	.sidenav.fixed-start+.main-content {
		margin-left: 17.125rem !important;
	}
}

.personal_details_form .multisteps-form__panel .multisteps-form__content .btn i,
#form .multisteps-form__panel .multisteps-form__content .btn i {
    font-size: 1rem;
    margin-right: 4px;
}

.personal_details_form .spinner-border, .spinner-border{
	--bs-spinner-width: 1rem !important; 
	--bs-spinner-height: 1rem !important; 
}

.personal_details_form .toast,  #form .toast{
	position: absolute; 
	z-index: 20000 !important; 
	--bs-toast-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.personal_details_form p, .personal_details_form li {
    text-align: justify;
}


/* Signature scripts */
.kbw-signature { 
	width: 100%; 
	height: 150px; 
}

.label-select{
	margin-left: 0rem;
}

.input-group .form-label.label-select{
	position: relative !important;
}

.input-group.required .form-label:after, .input-group.required p:after, label.required:after, .input-group-static.required label:after {
  content:"*";
  color:red;
  margin-left: 0.25rem;
}

em.ml{
	padding-left: 30px;
}

.sub-list{
	padding-left: 30px;
}

.input-group-text.currency-symbol{
	position: relative;
	padding: 0px 5px 0px 0px;
}

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
  font-size: 0.9rem;
}

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

li ol > li {
  margin: 0;
}

li ol > li:before {
  content: counters(item, ".") ".";
}

.numbered-list ol > li {
    font-size: 0.875rem;
    font-weight: 400;
    color: #7b809a;
}

.dropzone {
    min-height: 30px !important;
    padding: 0px 0px !important;
	border: 1px solid rgba(0, 0, 0, 0.2) !important;
	border-radius: 0.375rem;
}

.dropzone .dz-message {
    margin: 1em 0 !important;
}

.dz-preview .dz-image img{
   width: 100% !important;
   height: 100% !important;
   object-fit: cover;
}

.wrapper {
	position: relative;
	width: 100% !important; 
	height: 150px !important;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.signature-pad {
	position: absolute;
	left: 0;
	top: 0;
	height: 150px !important;
	border: 1px solid grey !important;
}

.signature-text {
	font-family: 'Right Signature';
	font-size: 3em;
	text-indent: 50px;
    text-transform: capitalize;
}

/* DataTables */
select.form-select {
	border: 1px solid #f0f2f5 !important;
	border-radius: 0.375rem !important;
	padding: 4px 15px !important;
}

[type="search"] {
	font-size: 0.875rem;
	color: #495057;
	border: 1px solid #f0f2f5;
	border-radius: 0.375rem;
}

.dataTables_wrapper{
	padding: 1.5rem;
}

table.dataTable{
	width: 100% !important;
}

table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after {
	opacity: 1;
}

.dataTables_length{
	padding-left: 0.5rem;
}

.dataTables_length label {
    display: flex;
}

.dataTables_wrapper .dataTables_length select {
    margin-left: 10px;
	margin-right: 10px;
	padding: 0px 15px !important;
	font-size: 0.875rem !important;
}

.table> :not(caption)>*>* {
	padding: 0.5rem 1.5rem;
	font-size: 0.875rem !important;
}

div.dataTables_wrapper div.dataTables_info {
	color: #7b809a;
	font-size: 0.875rem;
	padding-left: 1.5rem;
}

.page-item.active .page-link{
	color: #FFF;
}

table.table .badge{
	cursor: pointer;
}

table.table .btn-sm{
	padding: 0.55em 0.9em !important;
	font-size: 0.75em !important;
	font-weight: 700;
	border-radius: 0.45rem;
	margin-bottom: 0rem;
	--bs-btn-padding-y: 0.55em !important;
	--bs-btn-padding-x: 0.9em !important;
}

.toggle-vis-style{
	color: #fb8c00 !important;
    border-color: #fb8c00 !important;
}

.toggle-column-heading{
	font-size: 0.875rem;
	font-weight: 700;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: unset !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: unset !important;
    background-color: unset !important;
    background: unset !important;
}
/* DataTables */


/* Swal Modal */

.swal-modal {
	border-radius: 0.75rem
  }

  .swal-title {
	color: #595959;
  }

  .swal-text {
	color: #545454;
	text-align: center;
  }

  .swal-button {
	font-weight: 700;
    line-height: 1.45;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 0px solid transparent;
    padding: 0.625rem 1.5rem;
    font-size: .75rem;
    border-radius: 0.5rem;
    transition: all .15s ease-in;
	text-transform: uppercase;
  }

  .swal-button:active, .swal-button:active:focus, .swal-button:active:hover {
    transform: none;
    opacity: .85;
}

.swal-button:focus:not(:focus-visible) {
    outline: 0 !important;
}

  .swal-button--confirm {
	background-color: #4caf50;
    border-color: #4caf50;
    box-shadow: 0 14px 26px -12px rgb(76 175 80 / 40%), 0 4px 23px 0 rgb(76 175 80 / 15%), 0 8px 10px -5px rgb(76 175 80 / 20%);
  }

  .swal-button--cancel {
	background-color: #f44335;
    border-color: #f44335;
    box-shadow: 0 14px 26px -12px rgb(244 67 53 / 40%), 0 4px 23px 0 rgb(244 67 53 / 15%), 0 8px 10px -5px rgb(244 67 53 / 20%);

  }

	.swal-button--confirm:not([disabled]):hover {
	background-color: #4caf50;
	border-color: #4caf50;
    box-shadow: 0 14px 26px -12px rgb(76 175 80 / 40%), 0 4px 23px 0 rgb(76 175 80 / 15%), 0 8px 10px -5px rgb(76 175 80 / 20%);
  }

  .swal-button--cancel:not([disabled]):hover{
	background-color: #f44335;
    border-color: #f44335;
    box-shadow: 0 14px 26px -12px rgb(244 67 53 / 40%), 0 4px 23px 0 rgb(244 67 53 / 15%), 0 8px 10px -5px rgb(244 67 53 / 20%);

  }

  .swal-footer {
    text-align: center; 
}

.swal-overlay {
    z-index: 50000 !important;
}

.swal-icon--success__ring {
    border: 4px solid #4caf50;
}

.swal-icon--success__line {
    background-color: #4caf50;
}

.swal-icon--warning__body, .swal-icon--warning__dot {
    background-color: #fb8c00;
}

@keyframes pulseWarning {
	from {border-color: #fb8a00cc;}
	to {border-color: #fb8c00;}
}

/* Swal Modal Ends*/

/* Radio Button */

.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked, .form-check:not(.form-switch) .form-check-input[type="radio"]:checked {
    border-color: #1A73E8;
}

.form-check:not(.form-switch) .form-check-input[type="radio"]:after {
    background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%);
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked {
    background: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%);
}

/* Radio Button Ends*/

.input-group.input-group-dynamic .form-control, .input-group.input-group-dynamic .form-control:focus, .input-group.input-group-static .form-control, .input-group.input-group-static .form-control:focus {
    background-image: linear-gradient(0deg, #1a73e8 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0);
}

.choices .choices__list.choices__list--single, .choices .choices__list.choices__list--single:focus {
    background-image: linear-gradient(0deg, #1a73e8 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0);
}

.choices .choices__input {
    background-image: linear-gradient(0deg, #1a73e8 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0);
}

.form-switch .form-check-input:checked {
    background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%);
}

/*Input*/
.input-inline{
    border-width: 0px 0px 1px 0px;
    border-color: #d2d6da;
	padding: 0px 10px;
	font-size: 0.875rem;
    font-weight: 400;
    color: #000; /* #7b809a */
	display: inline !important;
    width: auto !important;
}

input.input-inline:focus {
	border-width: 0px 0px 1px 0px;
	border-color: #1a73e8;
	background: no-repeat bottom, 50% calc(100% - 1px);
    background-size: 0 100%, 100% 100%;
    transition: 0.2s ease
}

.p-inline p{
	font-size: 0.875rem;
    font-weight: 400;
    color: #7b809a; /* # */
}

.p-inline div.choices{
    max-width: 100px;
    display: inline-flex;
	padding: 0px 10px;
}

.select-inline{
    border-width: 0px 0px 1px 0px;
    border-color: #d2d6da;
	padding: 0px 10px;
	font-size: 0.875rem;
    font-weight: 400;
    color: #000; /* #7b809a */
	display: inline !important;
    width: 100px !important;
	text-align: center;
}

/* Modal */
@media (min-width: 576px){
	.modal-dialog-900 {
		max-width: 900px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.modal-dialog-1600 {
		max-width: 1600px;
		margin-right: auto;
		margin-left: auto;
	}
}

.modal {
    --bs-modal-zindex: 20000 !important;
}

.modal-dialog{
      overflow-y: initial !important
}
.modal-body{
  /*height: 100vh;
  overflow-y: auto;*/
}

.material-symbols-outlined {
    vertical-align: sub !important;
	font-size: 19px !important;
}

.choices .choices__list.choices__list--single, .choices .choices__list.choices__list--single:focus {
    background-image: linear-gradient(0deg, #1a73e8 1px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0) !important;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.form-control.remove-bottom-line{
	background-image: unset !important;
}

.otp-form li ol > li {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #495057;
}


@media (min-width: 576px){
	.long-input{
		width: 50% !important;
	}
}

@media (max-width: 576px){
	.long-input{
		width: 100% !important;
	}
}

label.price-words, input.otp-view-data, label.otp-view-data{
	font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #495057;
	font-weight: bold;
}

.otp-view .bb-1{
    border-bottom: 1px solid #d2d2d2;
}

.fix-choice .choices{
	margin-bottom: 0px !important;
}

.fix-choice .choices .choices__list.choices__list--single .choices__item--selectable {
    margin-bottom: 0rem !important;
}

.card-wizard .card {
    box-shadow: unset !important; 
	--bs-card-bg: #fff0 !important;
}

.card-wizard .card .card-body {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    padding: unset;
}

.card-wizard .multisteps-form__content{
	padding: 1.5rem;
}

/*Data Tables*/
.active>.page-link {
    background-color: #1A73E8;
    border-color: #1A73E8;
}

.page-link:hover {
    color: 1A73E8;
}

.multisteps-form__progress-btn {
  pointer-events: none !important;
}

#btn-otp-settings{
	cursor: pointer;
}

ol > li.remove-numbering:before {
    content: unset !important;
}

.toolbar {
    font-size: 0.875rem !important;
}

a.btn-viewotp:hover{
	color: white;
}

.otp-view label, body .otp-view{
	color: #495057;
}

.otp-view p, .otp-view li b{
    font-size: 0.9rem;
}

.display-contents{
   display: contents;
}

.otp-draft p, .otp-draft li b, .otp-draft li ol > li{
	font-size: 0.9rem;
}

ol > li.fix-li:before {
	display: contents;
}

.otp-draft textarea{
	background-image: linear-gradient(0deg, #1a73e8 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0) !important;
	border-radius: 0 !important;
	background: no-repeat bottom, 50% calc(100% - 1px);
    background-size: 0 100%, 100% 100%;
    transition: 0.2s ease;
	border-width: 0px 0px 1px 0px !important;
    border-color: #d2d6da !important;
}

/* Custom Scrollbar*/
::-webkit-scrollbar {
  width: 15px !important;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%);
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%); 
}

/* Custom ScrollbarEnds*/
.bg-grey{
	background-color: #dee2e6 !important;
}

.input-group .input-group-text {
  left: 0 !important;
}

.table-responsive {
    overflow-x: auto;
    overflow-y: clip;
}

.dropzone .dz-preview .dz-error-message {
    top: 40px !important;
}

.otp-overview input.form-control{
	text-transform: uppercase !important;
    font-weight: bold !important;
}

.loader{
	display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    transform: translate(0, -50%);
}


.fa.fa-solid.fa-bars.text-lg{
	font-size: 1.5rem !important;
}

.dropdown-item-bars{
	padding-right: 1.5em;
}

table.table .btn-sm {
    box-shadow: inset 0 2px 4px rgb(165 165 165 / 10%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0px;
    margin-left: 0px;
}
.page-item.active .page-link, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    box-shadow: unset;
}

.dropdown-menu{
	box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px;
}

.form-check {
    padding-left: 0em;
}

.btn-close{
	float: right;
}

#import .table tbody tr td {
    text-transform: uppercase;
	font-size: 0.75rem !important;
}

tr.group, tr.group:hover {
    background-color: #eee !important;
}

.btn-close {
	color: var(--bs-heading-color) !important;
    margin-top: -10px;
    font-size: xx-large !important;
    background: #fff;
    border-radius: 50%;
    line-height: 10px;
    box-shadow: 1px 2px 12px -1px rgba(0,0,0,.16);
    cursor: pointer;
	opacity: 1 !important;
}

.nav.nav-pills .nav-link{
	width: unset !important;
}

.nav.nav-pills .nav-link.active{
	color: unset !important;
    font-weight: unset !important;
    box-shadow: unset !important;
    animation: unset !important;
    background: unset !important;
}

.moving-tab.position-absolute.nav-link{
	display: none !important;
}

.nav.nav-pills {
    background: unset !important;
}

.nav.nav-pills .nav-item {
    background: #f8f9fa;
	padding: 0.25rem !important;
	border-radius: 0.75rem;
	margin-right: 6px;
}

table.dataTable tbody tr {
    cursor: pointer;
}

/* Styles for larger screens */
nav.navbar {
    display: none; /* Hide the navbar by default */
}

/* Media query for screens with a maximum width of 768px (typical for mobile devices) */
@media (max-width: 768px) {
    nav.navbar {
        display: block; /* Show the navbar on mobile devices */
    }
}

.material-icons-round.vf{
	vertical-align: sub !important;
    font-size: 19px !important;
}

table tbody tr:hover {
    background-color: #f5f5f5; /* Light grey */
    cursor: pointer; /* Optional: Indicates interactivity */
}