@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-Regular.woff2') format('woff2'),
      url('fonts/Inter-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-SemiBold.woff2') format('woff2'),
      url('fonts/Inter-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-Bold.woff2') format('woff2'),
      url('fonts/Inter-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/OpenSans-Regular.woff2') format('woff2'),
      url('fonts/OpenSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/OpenSans-SemiBold.woff2') format('woff2'),
      url('fonts/OpenSans-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/OpenSans-Bold.woff2') format('woff2'),
      url('fonts/OpenSans-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('fonts/poppins-regular-webfont.woff2') format('woff2'),
      url('fonts/poppins-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('fonts/poppins-semibold-webfont.woff2') format('woff2'),
      url('fonts/poppins-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('fonts/poppins-bold-webfont.woff2') format('woff2'),
      url('fonts/poppins-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

*, html, body, button, input, optgroup, select, textarea { font-family: "OpenSans", sans-serif }

* { 
  ::-webkit-scrollbar, &.nb-theme-default nb-layout .scrollable-container::-webkit-scrollbar, &.nb-theme-dark nb-layout .scrollable-container::-webkit-scrollbar {
		width: 10px;
		height: 10px;
		cursor: default;
	}
	::-webkit-scrollbar-track, &.nb-theme-default nb-layout .scrollable-container::-webkit-scrollbar-track, &.nb-theme-dark nb-layout .scrollable-container::-webkit-scrollbar-track {
		border-radius: 10px;
	}
	::-webkit-scrollbar-thumb, &.nb-theme-default nb-layout .scrollable-container::-webkit-scrollbar-thumb, &.nb-theme-dark nb-layout .scrollable-container::-webkit-scrollbar-thumb {
		border-radius: 10px;
		box-shadow: inset 0 0 0 12px rgba(142, 142, 142, 0.37);
		cursor: default;
	}
	::-webkit-scrollbar-thumb:active, &.nb-theme-default nb-layout .scrollable-container::-webkit-scrollbar-thumb:active, &.nb-theme-dark nb-layout .scrollable-container::-webkit-scrollbar-thumb:active {
		box-shadow: inset 0 0 0 12px rgba(142, 142, 142, 0.54);
		cursor: default;
	}
	scrollbar-color: #d5d5d5 #fff;
	scrollbar-width: thick;
	scrollbar-face-color: #d5d5d5;
	scrollbar-arrow-color: transparent;
	scrollbar-track-color: #fff;
	outline: none;
}

body { padding-bottom: 0; }

h6 {
  margin: 40px 0; 
} 

h6.custom-h6 { margin: 35px 0 !important; line-height: .1em !important; }

@media (max-width: 1199px) {
  h6.custom-h6 { margin: 20px 0 !important; }
  h4.title-login { font-size: 18px; } 
}

h6 span { 
  background-color: #fff !important;
   padding:0 10px;
} 

.btn.btn-primary, .btn-check:checked + .btn.btn-primary, .btn-check:active + .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary, .dx-button-mode-contained.dx-button-success[aria-label="Save"], .dx-button-mode-contained.dx-button-success, div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm, .btn.btn-primary:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) { background-color: #283164 !important; border: 1px solid #283164; font-weight: 500; border-radius: 4px; }
.btn.btn-secondary, .btn-check:checked + .btn.btn-secondary, .btn-check:active + .btn.btn-secondary, .btn.btn-secondary:focus:not(.btn-active), .btn.btn-secondary:hover:not(.btn-active), .btn.btn-secondary:active:not(.btn-active), .btn.btn-secondary.active, .btn.btn-secondary.show, .show > .btn.btn-secondary, .dx-button-mode-contained.dx-button-danger[aria-label="Cancel"], .dx-button-mode-contained.dx-button-danger.dx-state-active[aria-label="Cancel"], .btn.btn-secondary:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) { background-color: transparent !important; border: 1px solid #283164 !important; color: #283164; font-weight: 500; border-radius: 4px; }
.btn.btn-danger, .btn-check:checked + .btn.btn-danger, .btn-check:active + .btn.btn-danger, .btn.btn-danger:focus:not(.btn-active), .btn.btn-danger:hover:not(.btn-active), .btn.btn-danger:active:not(.btn-active), .btn.btn-danger.active, .btn.btn-danger.show, .show > .btn.btn-danger, .btn.btn-danger:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) { background-color: #ab4b52 !important; border: 1px solid #ab4b52 !important; color: #fff !important; font-weight: 500; border-radius: 4px; }
.height-login { height: 100vh; overflow: auto; background-color: #EDF3FF; }
.bg-image { width: 478px; height: 481px; max-width: 100%; background-image: url("../images/DND.png"); }
.navbar-brand.py-2px { padding: 2px 0; }
.font-14 { font-size: 14px; }
.font-13 { font-size: 13px; }
.font-12 { font-size: 12px; }
.fw-500 { font-weight: 500; }
a.link-style { color: #283164; text-decoration: underline; }
.fw-semibold { font-weight: 600 !important; }
.fw-bold { font-weight: 700 !important; }
.form-control, .btn, .dx-texteditor-container, .dx-dropdowneditor-input-wrapper { border-radius: 4px !important; }
.form-control, .btn { padding: 9px 0.75rem; height: auto; }
.dx-widget.dx-button-mode-contained.dx-button-normal.dx-dropdowneditor-button { border-radius: 0 4px 4px 0; }
input.form-control:focus, .btn:focus { box-shadow: none !important; -webkit-box-shadow: none !important; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px #fff inset !important; box-shadow: 0 0 0 30px #fff inset !important; }
@media (min-width: 1200px) {
  .card-auth { width: 700px; max-width: 700px; margin-right: 50px; min-height: calc(100% - 50px); }
}
@media (min-width: 1400px) {
  .card-auth { width: 800px; max-width: 800px; margin-right: 150px; }
}
@media (max-width: 1199px) {
  .card-auth { width: 700px; max-width: 100%; border: 0 !important; }
  .card-auth .card-body { padding: 0; }
  .height-login { background-color: #fff; }
}
@media (max-width: 575px) {
  .alert-mobile { font-size: 13px; }
}
.phone-number-control .iti--separate-dial-code { width: 100%; }
.px-12px { padding: 0 12px; }