* {
  font-size: 98% !important;
}
.dark .bg-dark-primary {
  background-color: #0B0D0E !important;
}
.dark {
  --falcon-card-bg: #15181C!important;
  --falcon-input-bg: #0B0D0E !important;
}
.dark .form-control:disabled, .form-control[readonly] {
  background-color: #111111 !important;
}
.dark .input-group-text {
  background-color: #222 !important;
}
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: rgb(var(--falcon-300-rgb));
    border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgb(var(--falcon-500-rgb));
    border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgb(var(--falcon-700-rgb));
}
.bg-warning { background-color: #f7e015 !important;}
.text-warning { color: #fff429 !important;}

.bg-0{ background-color: #fbfcff!important; }
.text-0{ color: #fbfcff!important; }
html.dark .bg-0{ background-color: #0e1116!important; }
html.dark .text-0{ color: #0e1116!important; }

.ratio-8x11{
  --falcon-aspect-ratio: 137.5%;
}

.h-10px{ height: 10px!important; }
.h-25px{ height: 25px!important; }
.h-50px{ height: 50px!important; }
.h-100px{ height: 100px!important; }
.h-150px{ height: 150px!important; }
.h-200px{ height: 200px!important; }
.h-250px{ height: 250px!important; }
.h-300px{ height: 300px!important; }
.h-350px{ height: 350px!important; }
.h-400px{ height: 400px!important; }
.h-450px{ height: 450px!important; }
.h-500px{ height: 500px!important; }

.w-10px{ width: 10px!important; }
.w-25px{ width: 25px!important; }
.w-50px{ width: 50px!important; }
.w-100px{ width: 100px!important; }
.w-150px{ width: 150px!important; }
.w-200px{ width: 200px!important; }
.w-250px{ width: 250px!important; }
.w-300px{ width: 300px!important; }
.w-350px{ width: 350px!important; }
.w-400px{ width: 400px!important; }
.w-450px{ width: 450px!important; }
.w-500px{ width: 500px!important; }

.min-h-10px{ min-height: 10px!important; }
.min-h-25px{ min-height: 25px!important; }
.min-h-50px{ min-height: 50px!important; }
.min-h-100px{ min-height: 100px!important; }
.min-h-150px{ min-height: 150px!important; }
.min-h-200px{ min-height: 200px!important; }
.min-h-250px{ min-height: 250px!important; }
.min-h-300px{ min-height: 300px!important; }
.min-h-350px{ min-height: 350px!important; }
.min-h-400px{ min-height: 400px!important; }
.min-h-450px{ min-height: 450px!important; }
.min-h-500px{ min-height: 500px!important; }

.min-w-10px{ min-width: 10px!important; }
.min-w-25px{ min-width: 25px!important; }
.min-w-50px{ min-width: 50px!important; }
.min-w-100px{ min-width: 100px!important; }
.min-w-150px{ min-width: 150px!important; }
.min-w-200px{ min-width: 200px!important; }
.min-w-250px{ min-width: 250px!important; }
.min-w-300px{ min-width: 300px!important; }
.min-w-350px{ min-width: 350px!important; }
.min-w-400px{ min-width: 400px!important; }
.min-w-450px{ min-width: 450px!important; }
.min-w-500px{ min-width: 500px!important; }

.max-h-10px{ max-height: 10px!important; }
.max-h-25px{ max-height: 25px!important; }
.max-h-50px{ max-height: 50px!important; }
.max-h-100px{ max-height: 100px!important; }
.max-h-150px{ max-height: 150px!important; }
.max-h-200px{ max-height: 200px!important; }
.max-h-250px{ max-height: 250px!important; }
.max-h-300px{ max-height: 300px!important; }
.max-h-350px{ max-height: 350px!important; }
.max-h-400px{ max-height: 400px!important; }
.max-h-450px{ max-height: 450px!important; }
.max-h-500px{ max-height: 500px!important; }

.max-w-10px{ max-width: 10px!important; }
.max-w-25px{ max-width: 25px!important; }
.max-w-50px{ max-width: 50px!important; }
.max-w-100px{ max-width: 100px!important; }
.max-w-150px{ max-width: 150px!important; }
.max-w-200px{ max-width: 200px!important; }
.max-w-250px{ max-width: 250px!important; }
.max-w-300px{ max-width: 300px!important; }
.max-w-350px{ max-width: 350px!important; }
.max-w-400px{ max-width: 400px!important; }
.max-w-450px{ max-width: 450px!important; }
.max-w-500px{ max-width: 500px!important; }

.mb--50px{ margin-bottom: -50px!important; }

.text-ellipsis{
  width: calc(100%);
  display: inline-block;
  text-overflow: ellipsis!important;
  overflow: hidden!important;
  white-space: nowrap!important;
}

.overflow-x-auto{ overflow-x: auto !important; }
.overflow-y-auto{ overflow-y: auto !important; }
.overflow-x-hidden{ overflow-x: hidden !important; }
.overflow-y-hidden{ overflow-y: hidden !important; }
.overflow-x-scroll{ overflow-x: scroll !important; }
.overflow-y-scroll{ overflow-y: scroll !important; }



.read-more-collapse {
  font-size: 1rem;
  line-height: 1.5;
}
.read-more-collapse .collapseExample.collapse:not(.show) {
  display: block;
  height: 2.4rem;
  overflow: hidden;
}
.read-more-collapse .collapseExample.collapsing {
  height: 2.4rem;
}
.read-more-collapse a[role="button"].collapsed::after {
  content: 'المزيد';
}
.read-more-collapse a[role="button"]:not(.collapsed)::after {
  content: 'اقل';
}

@media only screen and (max-width: 776px) {
  .read-more-collapse .collapseExample.collapse:not(.show) {
    display: block;
    height: 6rem;
    overflow: hidden;
  }
  .read-more-collapse .collapseExample.collapsing {
    height: 6rem;
  }
  .read-more-collapse a[role="button"].collapsed::after {
    content: 'المزيد';
  }
  .read-more-collapse a[role="button"]:not(.collapsed)::after {
    content: 'اقل';
  }
}
