@charset "UTF-8";
@import url(/documents/d/guest/bootstrap-min);
@import url(/documents/d/guest/sharp-light);
@import url(/documents/d/guest/sharp-regular);
@import url(/documents/d/guest/sharp-solid);
@import url(/documents/d/guest/all-min);

.modal-backdrop.show {
  opacity: 0 !important;
  z-index: 1040 !important;
}

.icon-header {
  cursor: pointer;
  margin: 0;
  background-color: white;
  padding: 10px;
  border-radius: 12px;
}

.input-with-icon {
  position: relative;
}

.input-with-icon svg {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.input-with-icon .form-control {
  padding-left: 30px; /* Adjust this value based on the width of the SVG icon */
}

.custom-header {
  background: linear-gradient(110.1deg, #6960EC -46.76%, #DD6D53 78.41%) !important;
  color: white !important;
}

.table thead th, .table thead td {
  color: white !important;
  text-align: center;
  font-size: 16px;
}

.custom-header th {
  background: none !important; /* Ensure no overriding background */
}

.table tbody th, .table tbody td {
  background-color: unset;
  text-align: center;
}

.action-btn{
  background: linear-gradient(110.1deg, #6960EC -46.76%, #DD6D53 78.41%) !important;
  border: none;
  margin: 8px;
  border-radius: 10px;
  max-height: 40px;
}
.bg {
  background-color: #eef4f9;
}

.bg-table {
  background-color: white;
}

.gray-background {
  background-color: #dbe9f0;
  border-radius: 30px;
  padding: 3px 3px 3px 3px;
}

.nav-tabs + .tab-content .tab-pane {
  background-color: transparent !important;
}

.nav-tabs .nav-link.active {
  background-color: #0e0926 !important;
  color: white !important;
}

.card-dash {
  border-radius: 15px;
  background-color: #FFFFFF;
  border: none;
  cursor: pointer;
}

.card-icon-only img {
  margin-right: 10px;
  margin-top: 4px;
}

p {
  font-size: 16px;
}

.para {
  margin-top: -10px;
}

.card-text {
  line-height: 2px;
}

.card {
  padding: 15px;
  border: none;
  border-radius: 15px;
}

th {
  color: #62769d !important;
  font-weight: normal;
}

h2 {
  font-weight: 700;
  font-size: 25px;
}

h1 {
  font-weight: 500;
  font-size: 27px;
}

.input-icon-loc {
  position: relative;
}

.input-icon-loc i, .input-icon-loc img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 23px;
  cursor: pointer;
}

.navbar-light .navbar-nav .nav-link {
  color: #6b6c7e;
  margin: 0 15px 0 15px;
  font-size: 17px;
  font-weight: 700;
}

rtl.primary-btn {
  border-radius: 15px;
  background-color: #DD6D53;
  color: white;
  border: none;
  font-size: 20px;
}

.primary-btn {
  border-radius: 15px;
  background-color: #DD6D53;
  color: white;
  border: none;
  font-size: 20px;
}

.sec-btn {
  border-radius: 60px;
  background-color: #f0f4f8;
  color: #0e0926;
  padding: 1px 20px 1px 20px;
  border: none;
}

input {
  border-radius: 30px;
  border: none;
  background-color: #eff3f7;
  padding: 10px;
}

input::placeholder {
  color: #909fba;
}

.selected-card {
  border: 1px solid #DD6D53 !important;
}

.badge {
  border-radius: 60px;
  color: white;
  padding: 8px 20px 8px 20px;
  border: none;
  font-size: 0.825rem;
  width: fit-content;
}

.badge.review {
  background-color: rgba(255, 196, 12, 1);
}

.badge.send {
  background-color: #26988d;
}

.badge.complete {
  background-color: #DD6D53;
}

.badge.reject {
  background-color: rgba(200, 0, 0, 1);
}

.badge.assign {
  background-color: rgb(115 183 192);
}

.badge.approve {
  background-color: rgb(3, 199, 34);
}

.badge.waiting {
  background-color: rgb(3, 11, 199);
}

.badge.completed {
  background-color: rgba(156, 194, 227, 1);
}

.badge.new {
  background-color: rgba(16, 166, 116, 1);
}
.modal.show .modal-dialog {
  min-width: 166vh;
  display: flex;
  justify-content: center;
}
@font-face {
  font-family: 'dubai';
  font-display: swap;
  src: url("/documents/d/guest/dubai") format("woff2");
}

:root {
  --dl-black: #000;
  --dl-lightBlack: #0e0926;
  --dl-white: #fff;
  --dl-default: #0E0926;
  --dl-orange: #fd8809;
  --dl-red: #e52d42;
  --dl-gray: #4c5256;
  --dl-lightgray: #62769d;
  --dl-transparent: transparent;
}

body, .tooltip, .popover, p, h1, h2, h3, h4, h5, h6 {
  font-family: "dubai" !important;
}

a {
/ / color: var(--dl-black) !important;
  font-size: 17px;
  font-weight: 600;
}

body {
  overflow-x: hidden;
  color: #0D0C4E;
  background: #F9F1EF !important;
}

body #wrapper {
  background-color: transparent !important;
}

body::-webkit-scrollbar-track, .dl-s-select .select2-results__options::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track, .dl-aside .aside-container::-webkit-scrollbar-track, .iti .iti__flag-container .dropdown-menu .iti__country-list::-webkit-scrollbar-track {
  background-color: var(--dl-white);
}

body::-webkit-scrollbar, .dl-s-select .select2-results__options::-webkit-scrollbar, .table-responsive::-webkit-scrollbar, .dl-aside .aside-container::-webkit-scrollbar, .iti .iti__flag-container .dropdown-menu .iti__country-list::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: var(--dl-white);
}

body::-webkit-scrollbar-thumb, .dl-s-select .select2-results__options::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb, .dl-aside .aside-container::-webkit-scrollbar-thumb, .iti .iti__flag-container .dropdown-menu .iti__country-list::-webkit-scrollbar-thumb {
  background-color: var(--dl-default);
  border-radius: 5px;
}

.table-responsive::-webkit-scrollbar-track {
  background-color: rgba(98, 118, 157, 0.1);
}

.table-responsive::-webkit-scrollbar {
  background-color: rgba(98, 118, 157, 0.1);
}

.table-responsive::-webkit-scrollbar-thumb {
  background-color: rgba(98, 118, 157, 0.4);
}

button, a {
  transition: all 0.15s;
  cursor: pointer;
  box-shadow: none !important;
}

button:hover, a:hover {
  text-decoration: none;
}

#wrapper section.bg-white {
  box-shadow: 0 0 5px rgba(136, 165, 191, 0.2);
}

#wrapper .bg-transparent {
  background-color: transparent !important;
}

#wrapper .bg-default {
  background-color: #048e8a;
}

#wrapper .bg-white {
  background-color: var(--dl-white);
}

#wrapper .bg-gray {
  background-color: #f1f5fa;
}

#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6 {
  font-weight: bold;
}

#wrapper .text-default {
  color: #048e8a !important;
}

#wrapper .text-white {
  color: #fff !important;
}

#wrapper .text-black {
  color: #000 !important;
}

#wrapper .mx-height-30 {
  max-height: 30px;
}

#wrapper .icon-xl i {
  font-size: 2em;
}

#wrapper .radius-10 {
  border-radius: 10px !important;
}

#wrapper .radius-12 {
  border-radius: 12px !important;
}

#wrapper .radius-15 {
  border-radius: 15px !important;
}

#wrapper .radius-20 {
  border-radius: 20px !important;
}

#wrapper .radius-100 {
  border-radius: 100% !important;
}

#wrapper .radius-15-first-child {
  border-radius: 0 0 15px 15px !important;
}

#wrapper .radius-15-top, #wrapper .card-header:first-child {
  border-radius: 15px 15px 0 0 !important;
}

#wrapper .max-lines-2, #wrapper .max-lines-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

#wrapper .max-lines-2 {
  -webkit-line-clamp: 2;
}

#wrapper .max-lines-3 {
  -webkit-line-clamp: 3;
}

.page-wrapper {
  position: relative;
  top: 25px;
}

.page-wrapper .page-container {
  padding: 40px 60px 0 330px;
  transition: all 0.1s ease-out;
}

.page-wrapper.account {
  top: 0;
}

.page-wrapper.account video {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index: -1;
}

.page-wrapper.account::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: radial-gradient(circle, #fff, #f9f1ef, #f9f1ef);
}

.sidebar-closed.page-wrapper .page-container {
  padding: 40px 60px 0 115px;
}

.header {
  background-color: var(--dl-white) !important;
  box-shadow: 0 0 5px 0 rgba(136, 165, 191, 0.2);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}

.header .navbar .top-menu .navbar-nav .nav-item .nav-link img {
  max-height: 20px;
}

.header .navbar .top-menu .navbar-nav .nav-item .dropdown .nav-link::after {
  display: none;
}

.header .navbar .top-menu .navbar-nav .nav-item .dropdown .dropdown-menu {
  left: unset;
  right: 0;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-culture .nav-link {
  border-radius: 15px;
  border: 1px solid var(--Mid-Blue-Grey, #909fba);
  padding: 9px 21px;
  color: var(--dl-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  text-transform: capitalize;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-culture .portlet-language .portlet .portlet-content .portlet-content-container .portlet-body .language-entry-short-text {
  border-radius: 12px;
  border: none;
  padding: 9px 9px;
  color: var(--dl-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: white;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-search form .form-group {
  margin: 0;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-search form .form-group .input-icon .form-control {
  border-radius: 15px;
  min-height: unset;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .nav-link img {
  max-height: 40px;
  border-radius: 15px;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .nav-link {
  background: transparent;
  height: unset;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .nav-link img {
  max-height: 50px;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu {
  min-width: 360px;
  padding: 25px 10px 15px;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .menu-item {
  padding: 0 15px 15px;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .menu-item .user-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .menu-item .user-item img {
  background: #d9d9d9;
  border-radius: 15px;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .menu-item .user-item .content .user-name {
  font-weight: 600;
  font-size: 18px;
  color: #0e0926;
  margin: 0;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .menu-item .user-item .content .user-desc {
  font-size: 16px;
  color: #909fba;
  margin: 0;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .menu-item .btn {
  background: var(--dl-default);
  border-radius: 16px;
  font-weight: 700;
  font-size: 14px;
  color: var(--dl-white) !important;
  margin: 18px 0 0;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .dropdown-item {
  text-align: start;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .dropdown-item img {
  background: #f0f3fd;
  border-radius: 16px;
  max-height: 40px;
  padding: 10px 12px;
  filter: none;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: transparent;
  color: var(--dl-default);
}

.header .navbar .top-menu .navbar-nav .nav-item .nav-link img {
  max-height: 20px;
}

.header .navbar .top-menu .navbar-nav .nav-item .dropdown .nav-link::after {
  display: none;
}

.header .navbar .top-menu .navbar-nav .nav-item .dropdown .dropdown-menu {
  left: unset;
  right: 0;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-culture .nav-link {
  border-radius: 15px;
  border: 1px solid var(--Mid-Blue-Grey, #909fba);
  padding: 9px 21px;
  color: var(--dl-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  text-transform: capitalize;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-culture .portlet-language .portlet .portlet-content .portlet-content-container .portlet-body .language-entry-long-text {
  border-radius: 15px;
  border: none;
  padding: 9px 21px;
  color: var(--dl-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  text-transform: capitalize;
  background-color: white;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-search form .form-group {
  margin: 0;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-search form .form-group .input-icon .form-control {
  border-radius: 15px;
  min-height: unset;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .nav-link img {
  max-height: 40px;
  border-radius: 15px;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .nav-link {
  background: transparent;
  height: unset;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .nav-link img {
  max-height: 50px;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu {
  min-width: 360px;
  padding: 25px 10px 15px;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .menu-item {
  padding: 0 15px 15px;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .menu-item .user-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .menu-item .user-item img {
  background: #d9d9d9;
  border-radius: 15px;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .menu-item .user-item .content .user-name {
  font-weight: 600;
  font-size: 18px;
  color: #000;
  margin: 0;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .menu-item .user-item .content .user-desc {
  font-size: 16px;
  color: #909fba;
  margin: 0;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .menu-item .btn {
  background: var(--dl-default);
  border-radius: 16px;
  font-weight: 700;
  font-size: 14px;
  color: var(--dl-white);
  margin: 18px 0 0;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .dropdown-item {
  text-align: start;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .dropdown-item img {
  background: #f0f3fd;
  border-radius: 16px;
  max-height: 40px;
  padding: 10px 12px;
  filter: none;
}

.header .navbar .top-menu .navbar-nav .nav-item.nav-user .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: transparent;
  color: var(--dl-default);
}

.page-logo a .logo {
  max-height: 65px;
}



.dl-sidebar {
  position: fixed;
  top: 88px;
  left: 0;
  z-index: 8;
  background-color: var(--dl-white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 38px 15px 15px;
  width: 285px;
  min-height: 100%;
  transition: all 0.1s ease-out;
}

.dl-sidebar .sidebar-toggle {
  position: absolute;
  top: 20px;
  right: -10px;
  background-color: var(--dl-white);
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 100%;
}

.dl-sidebar .site-menu {
  flex-grow: 1;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

.dl-sidebar .site-menu .nav-item {
  margin: 0 0 5px;
  display: unset;
}

.dl-sidebar .site-menu .nav-item:last-child {
  margin: 0;
}

.dl-sidebar .site-menu .nav-item .nav-link {
  border-radius: 16px;
  color: var(--dl-black);
  padding: 15px 12px;
  font-size: 16px;
  font-weight: 400;
  min-width: 195px;
  display: block;
  transition: all 0.1s ease-out;
}

.dl-sidebar .site-menu .nav-item .nav-link:hover, .dl-sidebar .site-menu .nav-item .nav-link.active {
  background-color: #DD6D53;
  color: var(--dl-white);
}

.dl-sidebar .site-menu .nav-item .nav-link:hover img, .dl-sidebar .site-menu .nav-item .nav-link.active img {
  filter: brightness(0) invert(1);
}

.dl-sidebar .site-menu .nav-item .nav-link.active {
  font-weight: 700;
}

.dl-sidebar .site-menu .nav-item .nav-link img {
  margin-right: 1rem;
  max-height: 20px;
}

.dl-sidebar .site-menu .nav-item .nav-link .text {
  min-width: 100px !important;
}

.dl-sidebar.sticky-active {
  padding-top: 60px;
}

.dl-sidebar.sticky-active .sidebar-toggle {
  top: 65px;
}

.sidebar-closed .dl-sidebar {
  width: 75px;
  align-items: start;
}

.sidebar-closed .dl-sidebar .sidebar-toggle {
  transform: rotate(180deg);
}

.sidebar-closed .dl-sidebar .site-menu .nav-item .nav-link {
  padding: 0;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  min-width: unset;
}

.sidebar-closed .dl-sidebar .site-menu .nav-item .nav-link img {
  margin-right: 0;
  max-height: 20px;
}

.sidebar-closed .dl-sidebar .site-menu .nav-item .nav-link .text {
  display: none;
}


.dl-aside {
  position: fixed;
  width: 21%;
  height: calc(100% - 88px);
  top: 88px;
  right: 0 !important;
  z-index: 1;
  padding: 40px 30px 20px;
  background: var(--dl-white);
  transition: all 0.1s ease-out;
}

.dl-aside .aside-toggle {
  position: absolute;
  top: 20px;
  left: -10px;
  background-color: var(--dl-white);
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 100%;
  transform: rotate(180deg);
}

.dl-aside .aside-container {
  padding: 0;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
}

.dl-aside .dropdown-calendar .btn {
  color: var(--dl-default);
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  padding: 0;
  border: none;
}

.dl-aside .dropdown-calendar .dropdown-menu ngb-datepicker {
  border: none;
}

.dl-aside .tab-content .tab-pane .list-group .list-group-item {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #d2dae7;
  padding: 1rem 0;
}

.dl-aside .tab-content .tab-pane .list-group .list-group-item:last-child {
  border: none;
}

.dl-aside .tab-content .tab-pane .list-group .list-group-item .content {
  display: inline-block;
}

.dl-aside .tab-content .tab-pane .list-group .list-group-item .content .title {
  color: var(--dl-black);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}

.dl-aside .tab-content .tab-pane .list-group .list-group-item .content .desc {
  color: #62769d;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

.dl-aside .tab-content .tab-pane .list-group .list-group-item .btn-link {
  text-decoration: underline;
  padding: 0;
}

.dl-aside .tab-content .tab-pane .list-group .list-group-item .form-check-input {
  border-radius: 100%;
  border-color: #62769d;
  width: 1.2rem;
  height: 1.2rem;
}

.dl-aside .tab-content .tab-pane .list-group .list-group-item .form-check-input:checked {
  background-color: var(--dl-default);
  border-color: var(--dl-default);
}

.dl-aside .tab-content .tab-pane .list-group .list-group-item .form-check-input:checked + .content .title {
  text-decoration: line-through;
}

.dl-aside .tab-content .tab-pane .list-group .list-group-item .form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(4, 142, 138, 0.25);
}

.aside-page-container {
  transition: all 0.1s ease-out;
}

.has-control-menu .dl-aside {
  top: calc(88px + 56px);
  height: calc(100% - (88px + 56px));
}

.aside-closed .dl-aside {
  right: -21.5% !important;
}

.aside-closed .dl-aside .aside-toggle {
  transform: rotate(0deg);
}

.aside-closed .aside-page-container {
  width: 100%;
}

.sidebar-closed .dl-aside {
  width: 23%;
}

.footer {
  position: fixed;
  width: 100%;
  bottom: 0;
}

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

.footer .copyright p {
  color: var(--dl-white);
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.sticky-action-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  background: #fff;
  z-index: 2;
  border-top: 1px solid #ddd;
}

.page-title {
  margin: 0 -25px 6px !important;
  padding: 0 25px;
  position: sticky;
  z-index: 1;
  top: 88px;
  background-color: #f1f5fa;
}

.page-title::after {
  content: "";
  background: linear-gradient(to bottom, #f1f5f9, transparent);
  bottom: -20px;
  width: 102%;
  height: 20px;
  left: -1%;
  z-index: 1;
  position: absolute;
}

.page-title .dl-breadcrumb nav .breadcrumb {
  background-color: transparent;
  margin: 0;
  padding: 0;
  --bs-breadcrumb-divider: '\f054';
}

.page-title .dl-breadcrumb nav .breadcrumb .breadcrumb-item {
  color: #62769d;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.page-title .dl-breadcrumb nav .breadcrumb .breadcrumb-item::before {
  font-family: "Font Awesome 6 Pro";
  color: #62769d;
  font-size: 0.7em;
  background: none;
  margin: 0;
  top: unset;
}

.page-title .dl-breadcrumb nav .breadcrumb .breadcrumb-item a {
  color: #62769d;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.page-title .dl-breadcrumb nav .breadcrumb .breadcrumb-item a:hover {
  color: var(--dl-default);
  font-weight: 700;
}

.page-title .dl-breadcrumb nav .breadcrumb .breadcrumb-item.active {
  color: var(--dl-default);
  font-weight: 700;
}

.page-title .dl-breadcrumb nav .breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 1em;
}

.page-title .title-content .page-heading {
  color: var(--dl-black);
  font-size: 42px;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}

.page-title .title-content .page-heading span {
  font-size: 24px;
  font-weight: 500;
  line-height: 68px;
  text-transform: capitalize;
}

.page-title.sticky-title.sticky {
  position: fixed;
  width: 100%;
  top: 155px;
  left: 0;
  z-index: 9;
  margin: 0 !important;
  background-color: #fff;
}

.has-control-menu .page-title {
  top: calc(88px + 56px);
}

.title {
  margin: 0 0 1rem;
  padding: 0 0 20px;
  clear: both;
}

.title.center {
  text-align: center;
}

.title .text-title {
  color: var(--dl-black);
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
}

.title.title-sm .text-title {
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}

.title.title-lg .text-title {
  font-size: 42px;
  font-weight: 700;
  line-height: normal;
}

.title.title-sticky {
  position: sticky !important;
  z-index: 1;
  margin: 0 -24px;
  padding: 0 20px 10px;
  top: 88px !important;
  background-color: var(--dl-white);
}

.title-sticky {
  transition: all 0.7s;
}

.title-sticky.sticky {
  position: fixed;
  top: 88px;
  background-color: #fff;
  width: 100%;
  left: 0;
  padding: 20px 15px;
  z-index: 8;
}

.has-control-menu .title.title-sticky {
  top: calc(88px + 56px);
}

.has-control-menu .title-sticky.sticky {
  top: calc(88px + 56px);
}

.scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  border: 0.796px solid rgba(0, 0, 0, 0.26);
  padding: 0;
  width: 53px;
  height: 53px;
  text-align: center;
  line-height: 40px;
  border-radius: 100% !important;
  display: none;
  cursor: pointer;
}

.scroll-to-top.active {
  display: block;
}

.scroll-to-top i {
  position: relative;
  color: #212529;
  font-size: 1.3em;
  animation: scroll-top 1.2s linear infinite;
  transform: unset !important;
}

.scroll-to-top:hover {
  background-color: #048e8a;
}

.scroll-to-top:hover i {
  color: #fff;
}

@keyframes scroll-top {
  0% {
    bottom: -7px;
  }
  100% {
    bottom: 5px;
  }
}

.dl-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dl-loading .draw-hammer {
  width: 150px;
  stroke: #000;
  stroke-width: 0.8311;
  stroke-dasharray: 175px;
  stroke-dashoffset: 175px;
  animation-name: draw;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

.dl-loading .hammer-fill {
  stroke: #000;
  animation-name: stand;
  stroke-dasharray: 125px;
  stroke-dashoffset: 125px;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

.sub-title-form {
  font-size: 22px;
  font-weight: 500;
  color: var(--dl-lightBlack);
}

@keyframes stand {
  50% {
    fill: transparent;
  }
  65% {
    fill: #000;
  }
  100% {
    stroke-dashoffset: 0;
    fill: #000;
  }
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

.select-loader {
  position: relative;
  display: block !important;
}

.select-loader::before {
  position: absolute;
  top: calc(50% - 7px);
  animation: spin 1s linear infinite;
  right: 30px;
}

.has-edit-mode-menu .dl-loading {
  display: none !important;
}

.dl-btn {
  border-radius: 15px;
  padding: 8px 16px;
  position: relative;
}

.dl-btn[disabled], .dl-btn.disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: not-allowed !important;
}

.dl-btn .dl-badge {
  position: absolute;
  top: -9px;
  left: -7px;
  padding: 3px 6px;
  border-radius: 100%;
}

.dl-btn + .dl-btn {
  margin-left: 1rem !important;
}

.dl-btn.dl-bordered {
  background-color: #ffffff;
  border-radius: 15px !important;
  border: 2px solid #D9D9FF;
}

.dl-btn.dl-bordered.bordered-lightgray {
  border: 1px solid #D9D9FF;
  color: #DD6D53 !important;

}

.dl-btn.dl-bordered.bordered-lightgray-without-border {
  color: #0e0926 !important;
  font-weight: 400 !important;
  border: 1px solid #D9D9FF;
}

.create-form-btn {
  margin: 0 6px 3px 0;
}

.rtl .create-form-btn {
  margin: 0 0 0 3px !important;
}

.dl-btn.dl-bordered.bordered-lightgray:hover {
  background-color: #DD6D53;
  color: var(--dl-white) !important;
}

.dl-btn.dl-bordered.bordered-gray {
  border: 1px solid var(--dl-gray);
  color: var(--dl-black);
  font-weight: 700;
}

.dl-btn.dl-bordered.bordered-gray:hover {
  background-color: var(--dl-gray);
  color: var(--dl-white) !important;
}

.dl-btn.dl-bordered.bordered-default {
  border: 1px solid #048e8a;
}

.dl-btn.dl-bordered.bordered-default:hover {
  background-color: #048e8a;
  color: #fff;
}

.dl-btn-default {
  background-color: #DD6D53 !important;
  color: #fff !important;
}

.btn-white {
  background-color: #fff;
  color: #000;
}

.btn-white:hover {
  background-color: #fff;
  color: #000;
}

.btn-black {
  background-color: #000;
  color: #fff;
}

.btn-black img {
  filter: brightness(0) invert(1);
}

.btn-black:hover {
  background-color: #000;
  color: #fff;
}

.btn-orange {
  background-color: var(--dl-orange) !important;
  color: var(--dl-white) !important;
}

.btn-edit {
  border-radius: 15px;
  padding: 10px 16px;
  border: 1px solid #909fba;
  color: var(--dl-black);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.btn-edit:hover, .btn-edit:focus {
  border: 1px solid #909fba;
}

.btn-back {
  border-radius: 15px;
  padding: 7px 17px;
  border: 1px solid var(--dl-black);
  color: var(--dl-black);
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.btn-back:hover, .btn-back:focus {
  border: 1px solid #909fba;
}

.btn-delete i {
  color: var(--dl-red);
}

.btn-link {
  color: var(--dl-default);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  text-decoration: underline;
}

.btn-link:hover {
  color: var(--dl-default);
}

.dropdown-calendar .text {
  color: #828fa4;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.dropdown-calendar .btn {
  color: var(--dl-black);
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  padding: 0;
  border: none;
}

.dropdown-calendar .dropdown-menu {
  min-width: 340px;
  padding: 0;
  border: none;
  border-radius: 20px;
  overflow: hidden;
}

.dropdown-action .btn {
  border: none;
}

.dropdown-action .btn::after {
  display: none;
}

.dropdown-action .btn i {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  color: #62769d;
}

.dropdown-action .btn i::after {
  content: '\f142';
}

.dropdown-action .btn:focus {
  border: none;
}

.dropdown-action .btn.show i {
  color: var(--dl-default);
}

.dropdown-action .dropdown-menu {
  border-radius: 15px;
  border: none;
  min-width: 300px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5);
}

.dropdown-action .dropdown-menu li .dropdown-item {
  text-align: start;
  border-bottom: 1px solid #D9D9FF;
}

.dropdown-action .dropdown-menu li .dropdown-item:active, .dropdown-action .dropdown-menu li .dropdown-item:focus {
  background-color: transparent;
}

.dl-dropdown .dropdown-toggle::after {
  font-family: "Font Awesome 6 Pro";
  content: '\f078';
  border: none;
  vertical-align: unset;
}

.dl-dropdown .dropdown-menu li .dropdown-item {
  text-align: start;
}

.dl-dropdown .dropdown-menu li .dropdown-item:active, .dl-dropdown .dropdown-menu li .dropdown-item:focus, .dl-dropdown .dropdown-menu li .dropdown-item:hover {
  background-color: var(--dl-default) !important;
  color: var(--dl-white) !important;
}

.dl-btn-group .btn {
  border-radius: 15px !important;
  color: var(--dl-black);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}

.dl-form .form-group {
  margin-bottom: 30px;
}

.dl-form .form-group .control-label {
  color: #0D0C4E;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  display: block;
}

.dl-form .form-group .control-label.isRequired::after {
  content: '*';
  color: var(--dl-red);
}

.table th {
  vertical-align: middle !important;
}
.dl-form .form-group .form-control {
  border-radius: 15px !important;
  border: 1px solid #D9D9FF;
  padding: 10px 11px;
  min-height: 48px;
  color: var(--dl-black);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.dl-form-search .form-group .form-control {
  border-radius: 15px !important;
  border: 1px solid #D9D9FF;
  padding: 10px 11px;
  min-height: 48px;
  color: var(--dl-black);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.form-control {
  background-color: #fff !important;
}

.form-control-search {
  background-color: #ffffff !important;
}

.dl-form .form-group .form-control::placeholder {
  color: #0e0926;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.dl-form .form-group .form-control:focus {
  box-shadow: none;
  border-color: var(--dl-default) !important;
}

.dl-form .form-group select.form-control::after {
  content: '';
}

.dl-form .form-group .text-danger {
  margin-top: 0.25rem;
  color: var(--dl-red) !important;
  font-weight: 600;
}

.dl-form .form-group .iti .iti--allow-dropdown {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  border-radius: 15px !important;
  border: 1px solid #62769d;
}

.dl-form .form-group .iti .iti--allow-dropdown .iti__flag-container {
  font-weight: 600;
}

.dl-form .form-group .iti .iti--allow-dropdown .iti__flag-container .iti__selected-flag {
  background: #eef3fe;
  border-radius: 15px 0 0 15px;
}

.dl-form .form-group .iti .iti--allow-dropdown .iti__flag-container .dropdown-menu .search-container .ng-pristine {
  border: 1px solid #62769d;
  padding: 10px 11px;
  color: var(--dl-black);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.dl-form .form-group .iti .iti--allow-dropdown .iti__flag-container .dropdown-menu .iti__country-list {
  padding: 0;
  list-style-type: none;
  overflow-x: hidden;
}

.dl-form .form-group .iti .iti--allow-dropdown .iti__flag-container .dropdown-menu .iti__country-list .iti__country {
  cursor: pointer;
}

.dl-form .form-group .iti .iti--allow-dropdown .iti__flag-container .dropdown-menu .iti__country-list .iti__country:hover {
  background-color: var(--dl-default);
  color: var(--dl-white);
}

.dl-form .form-group .iti .iti--allow-dropdown .form-control {
  position: relative;
  flex: 1 1 auto;
  width: 1% !important;
  min-width: 0;
  border: none;
  padding: 0 5px;
}

.dl-floating-nav {
  background: #ffffff !important;
  box-shadow: unset !important;
}

.dl-floating-nav .btn {
  min-width: 175px;
  align-items: center;
  justify-content: center;
}

.dl-floating-nav .btn.btn-back, .dl-floating-nav .btn.btn-link {
  min-width: unset !important;
}

.sticky-footer {
  position: sticky;
  bottom: 0;
  right: 10%;
  margin-bottom: 0rem;
  z-index: 5;
}

.rtl .sticky-footer {
  left: 10%;
  right: unset;
}

.sticky-footer.sticky {
  width: 100%;
}

.ng-touched.ng-invalid.form-control {
  border-color: var(--dl-red) !important;
}

ngx-intl-tel-input {
  direction: ltr !important;
}

ngx-intl-tel-input .intl-tel-input {
  width: 100%;
}

.rtl #wrapper .custom-file-label::after {
  content: 'تحميل';
  left: 5px;
  right: unset;
}

.login-container .sign-in-form {
  border-radius: 15px;
  margin: 12% auto 0;
  background: transparent;
  box-shadow: 0 0 5px 0 #88a5bf 33;
  width: 50%;
}

.login-container .sign-in-form .input-container fieldset .sr-only {
  color: var(--dl-black);
  text-align: center;
  font-size: 42px;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 30px;
  width: 100%;
  height: unset;
  position: unset;
}

.login-container .sign-in-form .input-container fieldset .panel-body {
  padding: 0;
}

.login-container .sign-in-form .input-container fieldset .panel-body .form-group {
  margin: 0 0 20px;
}

.login-container .sign-in-form .input-container fieldset .panel-body .form-group .control-label {
  color: var(--dl-black);
  font-size: 16px;
  margin: 0 0 4px;
}

.login-container .sign-in-form .input-container fieldset .panel-body .form-group .form-control {
  border-radius: 12px;
  border: 1px solid #cbd5ea;
  padding: 10px 11px;
  min-height: 48px;
  color: var(--dl-black);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.login-container .sign-in-form .input-container fieldset .panel-body .form-group .form-control::placeholder {
  color: var(--dl-black);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.login-container .sign-in-form .input-container fieldset .panel-body .form-group .form-control:focus {
  box-shadow: none;
  border-color: var(--dl-default) !important;
}

.login-container .sign-in-form .input-container fieldset .panel-body .form-group.input-checkbox-wrapper label [type=checkbox] {
  width: 1rem;
  height: 1rem;
  border: 2px solid #415466 !important;
  background-color: transparent;
  appearance: none;
  border-radius: 5px;
}

.login-container .sign-in-form .input-container fieldset .panel-body .form-group.input-checkbox-wrapper label [type=checkbox]:checked {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23048E8A' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(--dl-default) !important;
}

.login-container .sign-in-form .input-container fieldset .panel-body .form-group.input-checkbox-wrapper label [type=checkbox]:focus {
  box-shadow: 0 0 0 0.25rem rgba(4, 142, 138, 0.25);
}

.login-container .sign-in-form .input-container .button-holder .btn {
  background-color: #0e0926 !important;
  border-radius: 15px;
  color: var(--dl-white) !important;
  display: block;
  width: 100%;
  border: none;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 700;
}

.login-container .navigation {
  display: none;
}

.dl-form-check {
  text-align: start;
}

.dl-form-check .form-check-input {
  width: 1rem;
  height: 1rem;
  border: 2px solid #415466 !important;
  margin-top: 0.25em;
  background-color: transparent;
}

.dl-form-check .form-check-input.form-check-inline {
  margin-right: 1rem;
}

.dl-form-check .form-check-input[type=checkbox]:checked {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23048E8A' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(--dl-default) !important;
}

.dl-form-check .form-check-input[type=radio] {
  border-radius: 100%;
  border-color: #415466 !important;
}

.dl-form-check .form-check-input[type=radio]:checked {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23048E8A'/%3e%3c/svg%3e");
  border-color: var(--dl-default) !important;
}

.dl-form-check .form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(4, 142, 138, 0.25);
}

.dl-form-check .form-check-label {
  color: var(--dl-black);
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}

.dl-form-check.form-switch {
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: start;
}

.dl-form-check.form-switch .form-check-input {
  width: 56px;
  height: 28px;
  margin-left: 0;
  background-color: #909fba !important;
  border: 1px solid #909fba !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3.5 -3.5 7 7'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  background-position: left center;
  background-repeat: no-repeat;
}

.dl-form-check.form-switch .form-check-input:checked {
  background-color: var(--dl-default) !important;
  border-color: var(--dl-default) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3.5 -3.5 7 7'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  background-position: right center;
  background-repeat: no-repeat;
}

.dl-form-check.form-switch .form-check-label {
  color: var(--dl-black);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-left: 15px;
}

.dl-s-select {
  display: block;
  width: 100% !important;
}

.dl-s-select .selection .select2-selection {
  border-radius: 15px;
  border: 1px solid #62769d;
  padding: 14px 11px;
  height: unset;
  min-height: 48px;
}

.dl-s-select .selection .select2-selection .select2-selection__rendered {
  color: var(--dl-black);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.dl-s-select .selection .select2-selection .select2-selection__arrow {
  font-family: "Font Awesome 6 Pro";
  top: 12px;
  right: 10px;
  transition: all 0.7s;
}

.dl-s-select .selection .select2-selection .select2-selection__arrow::before {
  content: '\f078';
}

.dl-s-select .selection .select2-selection .select2-selection__arrow b {
  display: none;
}

.dl-s-select.select2-container--open .selection .select2-selection {
  border-color: var(--dl-default);
}

.dl-s-select.select2-container--open .selection .select2-selection .select2-selection__arrow {
  transform: rotate(180deg);
}

.dl-s-select .select2-dropdown .select2-search .select2-search__field {
  border-radius: 15px;
  border: 1px solid #62769d;
  padding: 10px;
  color: var(--dl-black);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.dl-s-select .select2-dropdown .select2-search .select2-search__field:focus {
  outline: none;
}

.dl-s-select .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected, .dl-s-select .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: var(--dl-default);
  color: var(--dl-white);
}

.input-icon {
  position: relative;
}

.input-icon .form-control {
  padding: 0.5rem 0.8rem 0.5rem 2.5rem !important;
  min-height: unset !important;
}

.input-icon i, .input-icon img {
  position: absolute;
  color: #dee2e6;
  top: 8px;
  left: 13px;
}

.dl-input-group .form-control {
  border-left: 0 !important;
}

.dl-input-group .input-group-append {
  background-color: #eef3fe;
  padding: 0 5px;
  border-radius: 15px 0 0 15px;
  border: 1px solid #62769d;
  border-right: 0;
}

.dl-input-group .input-group-append .input-group-text {
  border: none;
  background-color: transparent;
  color: var(--dl-black);
  font-size: 14px;
  font-weight: 700;
  line-height: 29px;
}

.custom-file label.custom-file-label {
  border-radius: 15px;
  height: 48px;
  background: #fff;
  border-color: #D9D9FF;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.custom-file label.custom-file-label::after {
  content: 'Upload';
  height: 80%;
  top: 10%;
  right: 5px;
  line-height: 24px;
  padding: 5px 30px;
  font-weight: 600;
  background: #eef3fe;
  border: none;
  border-radius: 15px;
}

ngb-datepicker {
  min-width: 340px !important;
  overflow-x: hidden !important;
}

ngb-datepicker .ngb-dp-header {
  background-color: var(--dl-default);
}

ngb-datepicker .ngb-dp-header .ngb-dp-arrow .ngb-dp-arrow-btn {
  color: var(--dl-white);
}

ngb-datepicker .ngb-dp-header .ngb-dp-navigation-select .form-select {
  margin: 0 5px;
}

ngb-datepicker .ngb-dp-content .ngb-dp-month .ngb-dp-week.ngb-dp-weekdays {
  background-color: var(--dl-default);
}

ngb-datepicker .ngb-dp-content .ngb-dp-month .ngb-dp-week.ngb-dp-weekdays .ngb-dp-weekday {
  color: var(--dl-white);
  width: 3rem;
}

ngb-datepicker .ngb-dp-content .ngb-dp-month .ngb-dp-week .ngb-dp-day {
  width: 3rem;
}

ngb-datepicker .ngb-dp-content .ngb-dp-month .ngb-dp-week .ngb-dp-day .btn-light:hover {
  background-color: var(--dl-default);
  color: var(--dl-white);
}

ngb-datepicker .ngb-dp-content .ngb-dp-month .ngb-dp-week .ngb-dp-day .btn-light.outside {
  background-color: transparent;
  outline: none;
}

ngb-datepicker .ngb-dp-content .ngb-dp-month .ngb-dp-week .ngb-dp-day[tabindex="0"] .btn-light {
  background-color: var(--dl-default) !important;
  color: var(--dl-white) !important;
}

ngb-timepicker .ngb-tp-meridian button {
  border-color: var(--dl-default);
  color: var(--dl-default);
}

ngb-timepicker .ngb-tp-meridian button:hover {
  background-color: var(--dl-default);
  border-color: var(--dl-default);
}

.dl-tags .btn-group {
  border-radius: 15px;
  background-color: #909fba;
  padding: 6px 12px;
  align-items: center;
}

.dl-tags .btn-group .btn {
  color: var(--dl-white);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  padding: 0;
}

.dl-tags .btn-group .btn-close {
  border-radius: 100%;
  background-color: #62769d !important;
  padding: 1px 3px 5px;
  background: none;
  opacity: 1;
}

.dl-tags .btn-group .btn-close i {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  color: #fff;
}

.dl-tags .btn-group .btn-close i::after {
  content: '\f00d';
}

.dl-tags .dropdown-toggle {
  float: left;
}

.dl-tags .dropdown-toggle::after {
  display: none;
}

.dl-tags .dropdown-toggle i {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  color: #62769d;
}

.dl-tags .dropdown-toggle i::after {
  content: '\f078';
}

.dl-tags .dropdown-menu {
  min-width: 100%;
  padding: 0px;
  float: unset;
}

.dl-tags .dropdown-menu .accordion .accordion-item .accordion-header .accordion-button {
  padding: 15px 40px;
  right: 10px;
}

.dl-tags .dropdown-menu .accordion .accordion-item .accordion-header .accordion-button::after {
  position: absolute;
}

.dl-table {
  border: none;
  border-collapse: unset;
  margin-bottom: 2rem;
}

.dl-table thead tr {
  border: none;
}

.dl-table thead tr th {
  background-color: var(--dl-default);
  color: var(--dl-white);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 5px 15px;
  border-bottom: none;
}

.dl-table thead tr th:first-child {
  border-radius: 15px 0 0 0;
  border-right: none;
}

.dl-table thead tr th:last-child {
  border-radius: 0 15px 0 0;
  border-left: none;
}

.dl-table tbody tr {
  border-top: none;
}

.dl-table tbody tr td {
  background-color: #f1f5fa;
  color: var(--dl-black);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  padding: 12px 15px;
  vertical-align: middle;
  border-bottom: 1px solid #d2dae7 !important;
  white-space: nowrap;
}

.dl-table tbody tr td:first-child, .dl-table tbody tr td:last-child {
  border: none;
}

.dl-table tbody tr td .user {
  border-radius: 15px;
  max-height: 40px;
}

.dl-table tbody tr td.btn-action .btn-table {
  border: none;
}

.dl-table tbody tr td.btn-action .btn-table::after {
  display: none;
}

.dl-table tbody tr td.btn-action .btn-table i {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  color: #62769d;
}

.dl-table tbody tr td.btn-action .btn-table i::after {
  content: '\f142';
}

.dl-table tbody tr td.btn-action .btn-table:focus {
  border: none;
}

.dl-table tbody tr td.btn-action .btn-table.show i {
  color: var(--dl-default);
}

.dl-table tbody tr td.btn-action .dropdown .dropdown-menu {
  border-radius: 15px;
  border: none;
  left: 0 !important;
  right: -100px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.04);
}

.dl-table tbody tr td.btn-action .dropdown .dropdown-menu li .dropdown-item {
  text-align: start;
}

.dl-table tbody tr td.btn-action .dropdown .dropdown-menu li .dropdown-item:active, .dl-table tbody tr td.btn-action .dropdown .dropdown-menu li .dropdown-item:focus {
  background-color: transparent;
  color: var(--dl-black);
}

.dl-table tbody tr td.btn-action .dropdown .dropdown-menu li .dropdown-item .fa-trash {
  color: var(--dl-red);
}

.dl-table tbody tr:last-child {
  border-bottom: none;
}

.dl-table tbody tr:last-child td {
  border-bottom: none !important;
}

.dl-table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 15px;
}

.dl-table tbody tr:last-child td:last-child {
  border-radius: 0 0 15px 0;
}

.table-responsive .dl-table thead tr th .dropdown-action .dropdown-menu, .table-responsive .dl-table thead tr td .dropdown-action .dropdown-menu, .table-responsive .dl-table tbody tr th .dropdown-action .dropdown-menu, .table-responsive .dl-table tbody tr td .dropdown-action .dropdown-menu {
  float: left;
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
}

.dl-tabs .nav {
  margin: 0 0 20px;
  padding: 0;
}

.dl-tabs .nav .nav-item {
  padding: 0.5rem 1rem;
}

.dl-tabs .nav .nav-item:first-child {
  padding-left: 0;
}

.dl-tabs .nav .nav-item .nav-link {
  border: none;
  background-color: transparent;
  color: var(--dl-black);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.14px;
  position: relative;
  margin: 0;
  padding: 0;
}

.dl-tabs .nav .nav-item .nav-link::after {
  content: '';
  border-radius: 40px;
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: var(--dl-transparent);
}

.dl-tabs .nav .nav-item .nav-link.active {
  font-weight: 700;
}

.dl-tabs .nav .nav-item .nav-link.active::after {
  background-color: var(--dl-black);
}

.dl-tabs .nav.sticky {
  position: fixed;
  width: 100%;
  top: 89px;
  left: 0;
  z-index: 9;
  margin: 0 !important;
  background-color: #fff;
}

.dl-tabs .tab-content .tab-pane {
  padding: 0;
  background-color: transparent;
}

.dl-pagination {
  align-items: center;
}

.dl-pagination .btn-group .btn {
  padding: 6px 0;
  color: #909fba;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.dl-pagination nav {
  align-items: center;
}

.dl-pagination nav p {
  color: #909fba;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.dl-pagination .pagination {
  margin: 12px 0 12px;
  padding: 3px 0;
}

.dl-pagination .pagination .page-item.disabled .page-link {
  background-color: #eef3fe !important;
  color: #000 !important;
}

.dl-pagination .pagination .page-item:hover .page-link, .dl-pagination .pagination .page-item.active .page-link {
  background-color: #DD6D53;
  color: var(--dl-white) !important;
}

.dl-pagination .pagination .page-item.active .page-link::before {
  display: none !important;
}

.dl-pagination .pagination .page-item .page-link {
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0;
  text-align: center;
  background-color: #eef3fe;
  border-radius: 100%;
  border: none;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.7s;
}

.dl-pagination .pagination .page-item .page-link[aria-label="Previous"]::before, .dl-pagination .pagination .page-item .page-link[aria-label="Next"]::before, .dl-pagination .pagination .page-item .page-link[aria-label="First"]::before, .dl-pagination .pagination .page-item .page-link[aria-label="Last"]::before {
  content: '';
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-style: normal;
}

.dl-pagination .pagination .page-item .page-link[aria-label="Previous"]::before {
  content: '\f053';
}

.dl-pagination .pagination .page-item .page-link[aria-label="Next"]::before {
  content: '\f054';
}

.dl-pagination .pagination .page-item .page-link[aria-label="First"]::before {
  content: '\f323';
}

.dl-pagination .pagination .page-item .page-link[aria-label="Last"]::before {
  content: '\f324';
}

.dl-pagination .pagination .page-item .page-link::before {
  display: none !important;
}

.dl-list-group.expert-profile {
  border-radius: 0;
}

.dl-list-group.expert-profile .list-group-item {
  color: var(--dl-black);
  line-height: 29px;
  border: none;
  border-top: 1px solid #d2dae7;
  padding: 2rem 0;
}

.dl-list-group.expert-profile .list-group-item i {
  color: var(--dl-default);
  font-size: 2em;
}

.dl-list-group.expert-profile .list-group-item .content .title {
  font-size: 14px;
  font-weight: 700;
  padding: 0;
  margin: 0;
}

.dl-list-group.expert-profile .list-group-item .content .desc {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.list-steps {
  padding-left: 18px;
  /*position: fixed;*/
  top: 171px;
}

.list-steps::before {
  content: '';
  position: absolute;
  top: 15px;
  left: 18px;
  width: 1px;
  height: calc(100% - 35px);
  background-color: #b9cce2;
}

.list-steps .list-group-item {
  background-color: transparent;
  border: none;
  border-radius: 15px;
  color: #2F2E82;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-transform: capitalize;
  padding: 9px 7px 9px 12px;
  margin: 0 0 12px;
}

.list-steps .list-group-item:last-child {
  margin: 0;
}

.list-steps .list-group-item::before {
  content: '';
  position: absolute;
  left: -29px;
  width: 20px;
  height: 20px;
  background-color: #A8A3C3;
  border: 1px solid #A8A3C3;
  border-radius: 100%;
}

.list-steps .list-group-item.isCompleted, .list-steps .list-group-item.isActive {
  cursor: pointer;
  pointer-events: unset;
}

.list-steps .list-group-item.isCompleted::before {
  background-color: #0D0C4E;
  border-color: #0D0C4E;
}

.list-steps .list-group-item.isCompleted::after {
  content: '\f00c';
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  left: -27px;
  width: 16px;
  height: 16px;
  line-height: 19px;
  text-align: center;
  color: var(--dl-white);
  font-size: 0.7em;
}

.list-steps .list-group-item.isActive {
  background-color: #0D0C4E;
  color: var(--dl-white);
}

.list-steps .list-group-item.isActive::before {
  border-color: #0D0C4E;
  width: 20px;
  height: 20px;
}

.list-steps .list-group-item.isActive::after {
  content: '';
  position: absolute;
  left: -21px;
  top: 17px;
  width: 5px;
  height: 5px;
  background-color: #0D0C4E;
  border-radius: 100%;
}

.list-steps.sticky {
  position: fixed;
  width: 20%;
}

.has-control-menu .list-steps {
  top: calc(115px + 153px);
}

.form-control[readonly] {
  background-color: #F1F5FA !important;
  border-color: #D9D9FF !important;
  opacity: 0.5;
}

select.form-control:disabled, select.form-control.disabled {
  background-color: #fff !important;
  border-color: #a9a9b5 !important;
  opacity: 0.5;
}

.form-control:disabled, .form-control.disabled {
  background-color: #fff !important;
  border-color: #a9a9b5 !important;
  opacity: 0.5;
}

ngb-modal-window.modal .modal-dialog .modal-content, .dl-modal.modal .modal-dialog .modal-content {
  border-radius: 15px;
  padding: 25px 15px 30px;
  overflow: unset;
  background: var(--dl-white);
  max-height: unset;
  /*width: max-content !important;*/
}

ngb-modal-window.modal .modal-dialog .modal-content .modal-header, .dl-modal.modal .modal-dialog .modal-content .modal-header {
  border: none;
  align-items: flex-start;
  color: #000;
  font-size: 30px;
  font-weight: 500;
  text-transform: capitalize;
  height: unset;
}

ngb-modal-window.modal .modal-dialog .modal-content .modal-header .modal-title, .dl-modal.modal .modal-dialog .modal-content .modal-header .modal-title {
  color: #000;
  font-size: 38px;
  font-weight: 500;
  text-transform: capitalize;
}

ngb-modal-window.modal .modal-dialog .modal-content .modal-header .btn-close, .dl-modal.modal .modal-dialog .modal-content .modal-header .btn-close {
  background-size: 13px;
}

ngb-modal-window.modal .modal-dialog .modal-content .modal-body, .dl-modal.modal .modal-dialog .modal-content .modal-body {
  border: none;
  overflow: unset;
}

ngb-modal-window.modal .modal-dialog .modal-content .modal-footer, .dl-modal.modal .modal-dialog .modal-content .modal-footer {
  border: none;
}

ngb-modal-window.modal .modal-dialog .modal-content .modal-footer .dl-btn, .dl-modal.modal .modal-dialog .modal-content .modal-footer .dl-btn {
  border-radius: 15px;
  padding: 13px 76px;
}

ngb-modal-window.modal .modal-dialog .modal-content .confirmation-modal, .dl-modal.modal .modal-dialog .modal-content .confirmation-modal {
  padding: 0 0 2rem;
}

ngb-modal-window.modal .modal-dialog .modal-content .confirmation-modal .modal-header, .dl-modal.modal .modal-dialog .modal-content .confirmation-modal .modal-header {
  height: unset;
  padding: 3rem 1rem 0;
}

ngb-modal-window.modal .modal-dialog .modal-content .confirmation-modal .modal-header .modal-title, .dl-modal.modal .modal-dialog .modal-content .confirmation-modal .modal-header .modal-title {
  color: var(--dl-black);
  font-size: 34px;
  font-weight: 700;
  text-align: center;
}

ngb-modal-window.modal .modal-dialog .modal-content .confirmation-modal .modal-header .modal-title img, .dl-modal.modal .modal-dialog .modal-content .confirmation-modal .modal-header .modal-title img {
  display: block;
  margin: 0 auto;
}

ngb-modal-window.modal .modal-dialog .modal-content .confirmation-modal .modal-header .btn-close, .dl-modal.modal .modal-dialog .modal-content .confirmation-modal .modal-header .btn-close {
  opacity: 1;
  margin-top: -2rem;
}

ngb-modal-window.modal .modal-dialog .modal-content .confirmation-modal .modal-footer, .dl-modal.modal .modal-dialog .modal-content .confirmation-modal .modal-footer {
  justify-content: center;
}

ngb-modal-window.modal .modal-dialog .modal-content .confirmation-modal .modal-footer .dl-btn, .dl-modal.modal .modal-dialog .modal-content .confirmation-modal .modal-footer .dl-btn {
  padding: 10px 35px;
}

.modal-backdrop.show + .dl-s-select {
  z-index: 99999;
}

.dl-chart {
  background-color: var(--dl-white);
  border-radius: 15px;
  padding: 2rem;
  box-shadow: 0px 0px 5px rgba(136, 165, 191, 0.2);
}

.dl-chart .chart {
  width: 100%;
  height: 350px;
  direction: ltr;
}

.dl-cards .card {
  border: 0;
  box-shadow: none;
}

.dl-cards .card .card-image.icon {
  text-align: center;
}

.dl-cards .card .card-image.icon .card-img {
  max-height: 87px;
  max-width: 87px;
  border-radius: 28px;
}

.dl-cards .card .card-body .card-title {
  color: var(--dl-black);
  font-size: 24px;
  font-weight: 700;
  line-height: 18.795px;
}

.dl-cards .card .card-body .card-text {
  color: var(--dl-black);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.dl-cards .card .card-footer {
  border: none;
  background-color: transparent;
}

.dl-cards.dashboard .card {
  border-radius: 15px;
  background: var(--dl-white);
  box-shadow: 0 0 5px 0 rgba(136, 165, 191, 0.2);
  padding: 20px 20px 10px;
  border: 0;
}

.dl-cards.dashboard .card .card-body {
  padding: 0 16px;
}

.dl-cards.dashboard .card .card-body .card-title {
  color: var(--dl-black);
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.dl-cards.dashboard .card .card-body .card-text {
  color: #62769d;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  min-height: 32px;
}

.dl-cards.card-alert .card {
  padding: 6rem 0;
}

.dl-cards.card-alert .card .card-image {
  margin: 0 0 20px;
}

.dl-cards.card-alert .card .card-image.icon .card-img {
  border-radius: unset;
}

.dl-cards.card-alert .card .card-body .card-title {
  color: #62769d;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 10px;
}

.dl-cards.card-alert .card .card-body .card-text {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.dl-cards.card-alert .card.warning .card-body .card-text {
  color: #fd8809;
}

.dl-cards.card-action .card {
  background-color: #f1f5fa;
  border-radius: 15px;
  padding: 20px;
}

.dl-cards.card-action .card .card-body {
  display: flex;
  padding: 0 0 16px;
}

.dl-cards.card-action .card .card-body .card-title.date {
  color: #333;
  text-align: center;
  font-size: 34px;
  font-weight: 900;
  line-height: 32px;
  margin-right: 32px;
}

.dl-cards.card-action .card .card-body .card-title.date sub {
  display: block;
  color: #333;
  font-size: 16px;
  font-weight: 500;
}

.dl-cards.card-action .card .card-body .card-title {
  color: #172038;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.36px;
}

.dl-cards.card-action .card .card-body .card-text {
  color: #909fba;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.28px;
}

.dl-cards.card-action .card .card-footer {
  padding: 0;
}

.dl-cards.card-action .card .card-footer .btn-edit {
  padding: 8px 7px !important;
}

.dl-cards.card-minutes-meeting .card .card-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dl-cards.card-minutes-meeting .card .card-image .card-img {
  height: 165px;
  width: unset;
  border-radius: 10px;
  border: 2px solid transparent;
  background: #f5f5f5;
  padding: 12px;
}

.dl-cards.card-minutes-meeting .card .card-body .card-title {
  color: #333;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.dl-cards.card-minutes-meeting .card .card-footer {
  display: flex;
  justify-content: center;
}

.dl-cards.card-minutes-meeting .card .card-footer .btn {
  padding: 4px 34px;
  color: var(--dl-default);
  font-size: 14px;
  font-weight: 700;
}

.dl-cards.card-minutes-meeting .card .card-footer .btn:hover {
  color: var(--dl-white);
}

.dl-cards.card-minutes-meeting .card.active .card-image .card-img {
  border-color: #048e8a;
}

.dl-cards.card-financial .section {
  padding: 10px;
  border-radius: 15px;
  border: 1px solid #d9d9d9;
}

.dl-cards.card-financial .card {
  border: none;
  box-shadow: none;
  border-radius: 15px;
  background-color: #f1f5fa;
  margin: 0;
  height: 100%;
  text-decoration: none;
}

.dl-cards.card-financial .card::before {
  content: '';
  position: absolute;
  right: -17px;
  top: 35%;
  color: #68bbb9;
  font-size: 20px;
}

.dl-cards.card-financial .card:hover {
  color: var(--dl-black);
}

.dl-cards.card-financial .card .card-body {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dl-cards.card-financial .card .card-body .card-title {
  color: var(--dl-black);
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
}

.dl-cards.card-financial .card .card-body .card-text {
  color: var(--dl-black);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.dl-cards.card-financial .card .card-body .card-text.fs-lg {
  font-size: 27px;
}

.dl-cards.card-financial .card .card-body i {
  transition: all 0.7s;
}

.dl-cards.card-financial .card.active {
  border: 2px solid #048e8a;
}

.dl-cards.card-financial .card.active .card-body i {
  transform: rotate(180deg);
}

.dl-cards.card-financial .card.total {
  background-color: #cce7e6;
}

.dl-cards.card-financial .card.is-brackets::after {
  content: '';
  background: url(/documents/d/guest/brackets);
  width: 10px;
  height: 100%;
  background-repeat: no-repeat;
  top: 25%;
  position: absolute;
}

.dl-cards.card-financial .card.is-brackets.open-brackets {
  margin: 0 0 0 15px;
}

.dl-cards.card-financial .card.is-brackets.open-brackets::after {
  left: -15px;
  top: -30px;
  transform: rotate(180deg);
}

.dl-cards.card-financial .card.is-brackets.closed-brackets {
  margin: 0 15px 0 0;
}

.dl-cards.card-financial .card.is-brackets.closed-brackets::after {
  right: -15px;
}

.dl-cards.card-financial .card.is-brackets.closed-brackets::before {
  right: -30px;
}

.dl-cards.card-financial .card.is-minus::before {
  content: '-';
}

.dl-cards.card-financial .card.is-plus::before {
  content: '+';
}

.dl-cards.card-financial .card.is-equil::before {
  content: '=';
}


.dl-calendar table {
  width: 100%;
  background: var(--dl-white);
  border: 0 !important;
  box-shadow: unset !important;
  margin: 0;
}

.dl-calendar thead .jsCalendar-week-days th, .dl-calendar thead .jsCalendar-week-days td, .dl-calendar thead tr th, .dl-calendar thead tr td, .dl-calendar tbody .jsCalendar-week-days th, .dl-calendar tbody .jsCalendar-week-days td, .dl-calendar tbody tr th, .dl-calendar tbody tr td {
  width: 49px !important;
}

.dl-calendar thead .jsCalendar-title-row .jsCalendar-title .jsCalendar-title-name {
  margin: 10px 0 0;
  color: var(--dl-black);
  font-size: 18px;
  font-weight: 700;
}

.dl-calendar thead .jsCalendar-title-row .jsCalendar-title .jsCalendar-title-right .jsCalendar-nav-left, .dl-calendar thead .jsCalendar-title-row .jsCalendar-title .jsCalendar-title-right .jsCalendar-nav-right {
  font-family: "Font Awesome 6 Pro";
  color: var(--dl-black);
  border-radius: 15px;
  border: 1px solid #909fba;
  width: 38px;
  height: 38px;
  line-height: 38px;
}

.dl-calendar thead .jsCalendar-title-row .jsCalendar-title .jsCalendar-title-right .jsCalendar-nav-left::after {
  content: '\f053';
}

.dl-calendar thead .jsCalendar-title-row .jsCalendar-title .jsCalendar-title-right .jsCalendar-nav-right::after {
  content: '\f054';
}

.dl-calendar thead .jsCalendar-week-days th {
  font-weight: 300 !important;
  font-size: 12px !important;
  text-align: center !important;
  text-transform: uppercase;
  color: #8a93a8;
}

.dl-calendar tbody tr td {
  font-weight: 300;
  font-size: 14px;
  text-align: center;
  color: #0d0e0e;
  border-radius: 12px !important;
}

.dl-calendar tbody tr td.jsCalendar-current {
  background-color: #048e8a;
}

.dl-alert {
  padding-right: 1rem;
  padding-left: 3rem;
  border-radius: 15px;
  border: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.dl-alert img {
  max-height: 30px;
}

.dl-alert .btn-close {
  left: 0;
  right: unset;
}

.dl-alert.alert-success {
  background: #cce7e6;
  color: #048e8a;
}

.dl-badge.badge-black {
  background-color: var(--dl-black);
}

.dl-badge.badge-lightgray {
  background-color: #e5ecf8;
  color: var(--dl-black);
  font-size: 14px;
}

.nav-link:focus, .nav-link:hover {
  color: var(--dl-white) !important;
  background: var(--dl-black);
}

.rating {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-family: Times;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--dl-black);
  font-size: 14px;
  font-weight: 700;
  line-height: 29px;
}

.rating::before {
  content: '★★★★★';
  letter-spacing: 0;
  font-size: 35px;
  margin: 0 9px;
  background: linear-gradient(90deg, var(--dl-default) var(--percent), #909fba var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.toast-container {
  position: fixed;
  bottom: 20px;
  left: 20px;
}

.toast-container .dl-toast {
  z-index: 9;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0.5rem;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 700;
  border: none;
}

.ngx-dropdown-container[_ngcontent-ng-c4081865319] .ngx-dropdown-button[_ngcontent-ng-c4081865319] {
  width: 100% !important;
  background-color: #fff !important;
  border-radius: 15px !important;
  border: 1px solid #D9D9FF !important;
  padding: 10px 11px !important;
  min-height: 48px !important;
  color: var(--dl-black) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}

.toast-container .dl-toast.show {
  display: flex;
}

.toast-container .dl-toast .toast-body {
  padding: 0;
}

.toast-container .dl-toast.toast-success {
  background: #cce7e6;
  color: #048e8a;
}

.toast-container .dl-toast.toast-danger {
  background: #ebcbd1;
  color: #e4002b;
}

.toast-container .dl-toast.toast-warning {
  background: #ebdbca;
  color: #fd8809;
}

.tooltip .tooltip-arrow {
  display: none;
}

.tooltip .tooltip-inner {
  padding: 6px 13px;
  font-size: 17px;
  font-weight: 600;
  background-color: var(--dl-default);
}

.disabled-tooltip .tooltip {
  display: none !important;
}

.rtl .page-wrapper .page-container {
  padding: 40px 330px 0 60px;
}

.rtl .sidebar-closed.page-wrapper .page-container {
  padding: 40px 115px 0 60px;
}

.rtl .header .navbar .top-menu .navbar-nav .nav-item .dropdown .dropdown-menu {
  left: 0;
  right: unset;
}

.rtl .dl-sidebar {
  left: unset;
  right: 0;
}

.rtl .dl-sidebar .sidebar-toggle {
  right: unset;
  left: -10px;
  transform: rotate(180deg);
}

.rtl .dl-sidebar .site-menu .nav-item .nav-link img {
  margin-right: unset;
  margin-left: 1rem;
}

.rtl .sidebar-closed .dl-sidebar .sidebar-toggle {
  transform: rotate(0deg);
}

.rtl .sidebar-closed .dl-sidebar .site-menu .nav-item .nav-link img {
  margin-left: 0 !important;
}

.rtl .dl-aside {
  right: unset !important;
  left: 0 !important;
}

.rtl .dl-aside .aside-toggle {
  left: unset;
  right: -10px;
  transform: rotate(0deg);
}

.rtl .aside-closed .dl-aside {
  left: -21.5% !important;
}

.rtl .aside-closed .dl-aside .aside-toggle {
  transform: rotate(180deg);
}

.rtl .page-title .dl-breadcrumb nav .breadcrumb .breadcrumb-item::before {
  transform: rotate(180deg);
  width: unset;
  height: unset;
}

.rtl .page-title .dl-breadcrumb nav .breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-right: 1em;
  padding-left: unset;
}

.rtl .scroll-to-top {
  right: 20px;
}

.rtl .select-loader::before {
  right: unset !important;
  left: 30px;
}

.rtl .dl-btn .dl-badge {
  left: unset;
  right: -7px;
}

.rtl .dl-btn + .dl-btn {
  margin-left: unset !important;
  margin-right: 1rem !important;
}

.rtl .dl-btn-group .btn.btn-icon i {
  transform: rotate(180deg);
}

.rtl .dl-form-check {
  padding-left: unset !important;
  padding-right: 1.5em;
}

.rtl .dl-form-check.form-check-inline {
  margin-right: unset;
  margin-left: 1rem;
}

.rtl .dl-form-check .form-check-input {
  float: right !important;
  margin-left: 0 !important;
  margin-right: -1.5em;
}

.rtl .dl-form-check.form-switch {
  padding-left: 0;
}

.rtl .dl-form-check.form-switch .form-check-input {
  margin-left: 0;
}

.rtl .dl-form-check.form-switch .form-check-label {
  margin-left: unset !important;
  margin-right: 15px;
}

.rtl .dl-s-select .selection .select2-selection .select2-selection__arrow {
  right: unset;
  left: 10px;
}

.rtl .input-icon .form-control {
  padding: 0.5rem 2.5rem 0.5rem 0.8rem !important;
}

.rtl .input-icon i, .rtl .input-icon img {
  right: 9px;
  left: unset;
}

.rtl .dl-input-group .form-control {
  border-right: 1px solid;
  border-left: 0;
}

.rtl .dl-input-group .input-group-append {
  border-radius: 15px 0 0 15px;
  border-left: 1px solid;
  border-right: 0;
}

.rtl .custom-file label.custom-file-label::after {
  content: 'تحميل';
  left: 5px;
  right: unset;
}

.rtl ngb-datepicker .ngb-dp-header .ngb-dp-arrow .ngb-dp-arrow-btn .ngb-dp-navigation-chevron {
  transform: rotate(45deg);
}

.rtl ngb-datepicker .ngb-dp-header .ngb-dp-arrow.right .ngb-dp-navigation-chevron {
  transform: rotate(-135deg);
}

.rtl ngb-datepicker .ngb-dp-header .ngb-dp-navigation-select .form-select {
  background-position: left 0.25rem center;
}

.rtl .dl-table thead tr th:first-child {
  border-radius: 0 15px 0 0;
}

.rtl .dl-table thead tr th:last-child {
  border-radius: 15px 0 0 0;
}

.rtl .dl-table tbody tr td.btn-action .btn-table .dropdown .dropdown-menu {
  left: auto !important;
  right: 0 !important;
}

.rtl .dl-table tbody tr:last-child td:first-child {
  border-radius: 0 0 15px 0;
}

.rtl .dl-table tbody tr:last-child td:last-child {
  border-radius: 0 0 0 15px;
}

.rtl .dl-pagination .pagination .page-item .page-link[aria-label="Previous"]::before {
  content: '\f054';
}

.rtl .dl-pagination .pagination .page-item .page-link[aria-label="Next"]::before {
  content: '\f053';
}

.rtl .dl-pagination .pagination .page-item .page-link[aria-label="First"]::before {
  content: '\f324';
}

.rtl .dl-pagination .pagination .page-item .page-link[aria-label="Last"]::before {
  content: '\f323';
}

.rtl .dl-tabs .nav .nav-item:first-child {
  padding-left: 1rem;
  padding-right: 0;
}

.rtl .dl-list-group.list-steps {
  padding-left: unset;
  padding-right: 18px;
}

.rtl .dl-list-group.list-steps::before {
  left: unset;
  right: 19px;
}

.rtl .dl-list-group.list-steps .list-group-item::before {
  left: unset;
  right: -28px;
}

.rtl .dl-list-group.list-steps .list-group-item.isCompleted::after {
  left: unset;
  right: -27px;
}

.rtl .dl-list-group.list-steps .list-group-item.isActive::after {
  left: unset;
  right: -21px;
}

.rtl .dl-chart {
  direction: rtl;
}

.rtl .dl-cards.card-action .card .card-body .card-title.date {
  margin-right: unset;
  margin-left: 32px;
}

.rtl .dl-cards.card-financial .card::before {
  right: unset;
  left: -17px;
}

.rtl .dl-cards.card-financial .card.is-brackets.open-brackets {
  margin: 0 15px 0 0;
}

.rtl .dl-cards.card-financial .card.is-brackets.open-brackets::after {
  left: unset;
  right: -15px;
  top: 25%;
  transform: unset;
}

.rtl .dl-cards.card-financial .card.is-brackets.closed-brackets {
  margin: 0 0 0 15px;
}

.rtl .dl-cards.card-financial .card.is-brackets.closed-brackets::after {
  right: unset;
  left: -15px;
  top: -30px;
  transform: rotate(180deg);
}

.rtl .dl-cards.card-financial .card.is-brackets.closed-brackets::before {
  right: unset;
  left: -30px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #DD6D53;
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--dl-lightBlack);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #6b6c7e;
  display: block;
  float: left;
  background-image: none !important;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 0.6em;
  left: 0;
  margin-top: calc(-0.6em / 2);
  padding: 0;
  position: absolute;
  top: 50%;
  width: 0.6em;
}

[type=radio] {
  cursor: pointer;
  height: 15px;
  width: 14px;
  margin: 8%;
}

.back-btn {
  background: white;
  border: none;
  border-radius: 15px;
  padding: 8px 20px 8px 20px;
  box-shadow: 0 0 5px 0 rgb(47 50 53 / 20%) !important;
  font-weight: 700;
  width: fit-content;
}

.back-icon {
  transform: rotate(0deg);
  padding: 8px 0px 8px 5px;
  margin-top: -5px;
}

.basic-title {
  color: #0D0C4E !important;
}

.rtl .back-icon {
  transform: rotate(180deg);
}

.rtl .ngx-dropdown-container .ngx-dropdown-button {
  text-align: right !important;
}

.rtl .ngx-dropdown-container .ngx-dropdown-button .nsdicon-angle-down[_ngcontent-ng-c4081865319] {
  float: left !important;
}

.ngx-dropdown-container .ngx-dropdown-list-container[_ngcontent-ng-c4081865319] .available-items.selected-items[_ngcontent-ng-c4081865319] .selected-item[_ngcontent-ng-c4081865319], .ngx-dropdown-container[_ngcontent-ng-c4081865319] .ngx-dropdown-list-container[_ngcontent-ng-c4081865319] .selected-items.selected-items[_ngcontent-ng-c4081865319] .selected-item[_ngcontent-ng-c4081865319] {
  background-color: #0d0c4e !important;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* for smooth scrolling on touch devices */
}

.main-col {
  max-height: calc(100vh - 14.7rem);
}
.main-col-view {
  max-height: calc(100vh - 8.7rem);
}
.card-field {
  color: rgba(98, 118, 157, 1);
  font-size: 14px;
  font-weight: 400;
}
.custom-scrollbar {
  overflow: auto;

  &::-webkit-scrollbar {
    z-index: 100;
    width: 7px;
    height: 7px;
    padding: 3px;
    background-color: transparent;
  }


  &::-webkit-scrollbar-thumb {
    background-color: var(--dl-lightgray);
    border-radius: 10px;
    cursor: pointer;

    &:hover {
      background-color: var(--dl-default);
    }
  }
}