:root {
  --body-color: #5d5d5d;
  --base-font-size: 13px;
  --h1-font-size: 13px;
  --scrollbar-track-bg: #e0e0e0;
  --scrollbar-thumb-bg: #888888;
  --scrollbar-thumb-hover-bg: #555555;
  --header-bg: transparent;
  --header-filter-logo: none;
  --main-wrapper-bg: #f9f9f9;
  --page-header-color: #017366;
  --main-box-bg: #ffffff;
  --main-box-border-color: #d4d8dc;
  --main-header-border-top-color: #c5c5c5;
  --main-box-title-color: #017366;
  --main-box-view-all-btn-color: #017366;
  --main-box-view-all-btn-hover-color: #51b659;
  --custom-button-bg: #017366;
  --custom-button-color: #ffffff;
  --custom-button-hover-bg: #015a50;
  --custom-button-border-color: #dddddd;
  --header-menu-item-color: #017366;
  --header-menu-item-bg-hover-color: #76c045;
  --dropdown-menu-bg: #ffffff;
  --dropdown-menu-border-color: #dcdcdc;
  --dropdown-item-color: #017366;
  --dropdown-box-shadow: 0px 0px 4px 0px #cccccc;
  --user-info-name-color: #707070;
  --user-info-email-color: #707070;
  --input-bg: #ffffff;
  --input-focus-bg: #ffffff;
  --input-border-color: #ced4da;
  --input-focus-border-color: #80bdff;
  --form-label-color: #017366;
  --input-focus-color: #495057;
  --selectize-option-color: #495c68;
  --selectize-option-hover-bg: #f5fafd;
  --selectize-option-selected-color: #495c68;
  --jfiler-bg: #ffffff;
  --jfiler-border-color: #ececec;
  --jfiler-color: #8f8f8f;
  --jfiler-trash-icon-color: #494949;
  --jfiler-file-name-color: #494949;
  --jfiler-file-size-color: #8f8f8f;
  --jfiler-item-thumb-bg: #ffffff;
  --jfiler-item-thumb-border-color: #ececec;
  --ber-row-bg: #ffffff;
  --ber-row-border-color: #d6d6d6;
  --ber-col-bg: #f5f5f5;
  --ber-col-border-color: #d6d6d6;
  --ber-col-text-color-span: #555555;
  --ber-col-text-color-strong: #231b1b;
}
html[data-theme="dark"] {
  --body-color: #bbb5ae;
  --scrollbar-track-bg: #1e1e1e;
  --scrollbar-thumb-bg: #666;
  --scrollbar-thumb-hover-bg: #999;
  --header-bg: #121211;
  --header-filter-logo: brightness(100);
  --main-wrapper-bg: #1a1918;
  --page-header-color: #ffffff;
  --main-box-bg: #242321;
  --main-box-border-color: #ffffff24;
  --main-header-border-top-color: #ffffff24;
  --main-box-title-color: #ffffff;
  --main-box-view-all-btn-color: #bbb5ae;
  --main-box-view-all-btn-hover-color: #ffffff;
  --custom-button-bg: #1a1918;
  --custom-button-color: #fff;
  --custom-button-hover-bg: #ffffff1a;
  --custom-button-border-color: #ffffff24;
  --header-menu-item-color: #bbb5ae;
  --header-menu-item-bg-hover-color: #2d2b29;
  --dropdown-menu-bg: #2d2b29;
  --dropdown-menu-border-color: #ffffff24;
  --dropdown-item-color: #bbb5ae;
  --dropdown-box-shadow: 0px 0px 4px 0px #444;
  --user-info-name-color: #fff;
  --user-info-email-color: #bbb5ae;
  --input-bg: #1a1918;
  --input-focus-bg: #242321;
  --input-border-color: #ffffff24;
  --input-focus-border-color: #ffffff24;
  --form-label-color: #fff;
  --input-focus-color: #fff;
  --selectize-option-color: #8f8f8f;
  --selectize-option-hover-bg: #f5fafd;
  --selectize-option-selected-color: #495c68;
  --jfiler-bg: #1a1918;
  --jfiler-border-color: #ffffff24;
  --jfiler-color: #8f8f8f;
  --jfiler-trash-icon-color: #bbb5ae;
  --jfiler-file-name-color: #bbb5ae;
  --jfiler-file-size-color: #8f8f8f;
  --jfiler-item-thumb-bg: #242321;
  --jfiler-item-thumb-border-color: #ffffff24;
  --ber-row-bg: #121211;
  --ber-row-border-color: #ffffff24;
  --ber-col-bg: #2d2b29;
  --ber-col-border-color: #ffffff24;
  --ber-col-text-color-span: #fff;
  --ber-col-text-color-strong: #bbb5ae;
}
html {
  font-size: var(--base-font-size) !important;
}
body {
  font-family: "SourceSansPro", "Cairo", sans-serif;
}
.error-sec {
  font-size: 20px;
}
.error-sec p {
  font-size: 18px;
}
.error-sec .title span {
  font-size: 1rem;
  text-transform: uppercase;
  display: block;
  font-weight: normal;
  letter-spacing: 0.2rem;
  color: #076EAB;
}
.error-sec .container .title {
  font-size: 5rem;
  text-transform: uppercase;
  color: #E94039;
  font-weight: 700;
  letter-spacing: 2px;
  margin-top: 70px;
}
.error-sec .container img {
  width: 100%;
}
.error-sec .btn-secondary {
  color: #fff;
  font-size: 0.9rem;
  text-transform: uppercase;
  border-radius: 5px;
  padding: 10px 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  background-color: #98CD6E;
  border-color: #98CD6E;
}
html[dir="rtl"] body {
  font-family: "Cairo", sans-serif;
}
html[dir="rtl"] .error-sec .title span {
  letter-spacing: unset;
}
html[dir="rtl"] .error-sec .container .title {
  letter-spacing: unset;
}
/*
 * Source Sans Pro (English) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'SourceSansPro';
  src: url('../fonts/SourceSansPro/Black/SourceSansPro-Black.woff2') format('woff2'), url('../fonts/SourceSansPro/Black/SourceSansPro-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('../fonts/SourceSansPro/Bold/SourceSansPro-Bold.woff2') format('woff2'), url('../fonts/SourceSansPro/Bold/SourceSansPro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('../fonts/SourceSansPro/SemiBold/SourceSansPro-SemiBold.woff2') format('woff2'), url('../fonts/SourceSansPro/SemiBold/SourceSansPro-SemiBold.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('../fonts/SourceSansPro/Regular/SourceSansPro-Regular.woff2') format('woff2'), url('../fonts/SourceSansPro/Regular/SourceSansPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceSansPro';
  src: url('../fonts/SourceSansPro/Light/SourceSansPro-Light.woff2') format('woff2'), url('../fonts/SourceSansPro/Light/SourceSansPro-Light.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
/* arabic font */
@font-face {
  font-family: 'Cairo';
  font-weight: bold;
  font-style: normal;
  src: url('../fonts/Cairo/Cairo-Bold.woff') format('woff');
}
@font-face {
  font-family: 'Cairo';
  font-weight: 900;
  font-style: normal;
  src: url('../fonts/Cairo/Cairo-Black.woff') format('woff');
}
@font-face {
  font-family: 'Cairo';
  font-weight: 500;
  font-style: normal;
  src: url('../fonts/Cairo/Cairo-SemiBold.woff') format('woff');
}
@font-face {
  font-family: 'Cairo';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Cairo/Cairo-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Cairo';
  font-weight: 200;
  font-style: normal;
  src: url('../fonts/Cairo/Cairo-Light.woff') format('woff');
}