:root {
    --background-color-dark: #121212;
    --text-color-dark: #e0e0e0;
    --background-color-light: #ffffff;
    --text-color-light: #000000;
    --container-background-dark: #282828;
    --container-background-light: #f7f7f7;
    --upload-background-dark: #1e1e1e;
    --upload-background-light: #e9e9e9;
    /*--svg-color-dark : invert(18%) sepia(29%) saturate(7093%) hue-rotate(342deg) brightness(79%) contrast(86%);*/
    --svg-color-dark : invert(52%) sepia(72%) saturate(7067%) hue-rotate(364deg) brightness(160%) contrast(100%);
}

body {
    background-color: var(--background-color-dark);
    color: var(--text-color-dark);
    height: 100vh;
    display: flow;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, color 0.3s;
    margin: 0 auto;
    padding: 0;
    text-align: right;
    font-family: "IBM Plex Sans Arabic", sans-serif;

}
a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    color:#938593
}
.ibm-plex-sans-arabic-thin {
    font-family: "IBM Plex Sans Arabic", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.ibm-plex-sans-arabic-extralight {
    font-family: "IBM Plex Sans Arabic", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.ibm-plex-sans-arabic-light {
    font-family: "IBM Plex Sans Arabic", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.ibm-plex-sans-arabic-regular {
    font-family: "IBM Plex Sans Arabic", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.ibm-plex-sans-arabic-medium {
    font-family: "IBM Plex Sans Arabic", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.ibm-plex-sans-arabic-semibold {
    font-family: "IBM Plex Sans Arabic", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.ibm-plex-sans-arabic-bold {
    font-family: "IBM Plex Sans Arabic", sans-serif;
    font-weight: 700;
    font-style: normal;
}


.logo-container {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: nowrap;
    align-content: center;
    flex-direction: column;
}

.logo-container img {
    height: 63px;
    margin: 8px 0 0 0;
}

.logo-container h1 {
    font-size: 24px;
    margin: 0;
}

.stats-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    width: 100%;
}

.stat-box {
    background-color: var(--container-background-dark);
    padding: 20px;
    border-radius: 10px;
    flex: 1;
    text-align: center;
    margin: 0 10px;
    transition: background-color 0.3s;
}

.stats-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.stats-value {
    font-size: 22px;
    font-weight: bold;
}

.stats-chart {
    width: 100%;
    height: 150px;
    background-color: #3e3e3e;
    border-radius: 10px;
    transition: background-color 0.3s;
}

.tabs-container {
    width: 100%;
    background-color: var(--container-background-dark);
    border-radius: 10px;
    padding: 20px;
    /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);*/
    transition: background-color 0.3s;
    border: 1px solid #505050
}

.upload-section {
    background-color: var(--upload-background-dark);
    border: 2px dashed #444;
    padding: 40px;
    text-align: center;
    border-radius: 10px;
    color: #aaa;
    transition: background-color 0.3s, color 0.3s;
}

.upload-section:hover {
    background-color: #2a2a2a;
    color: #fff;
    cursor: pointer;
}

.advanced-options {
    display: none;
    margin-top: 20px;
}
.nav.nav-tabs {
    border-bottom: 1px solid #5a5a5a;
}
.light-mode {
    background-color: var(--background-color-light) !important;
    color: var(--text-color-light) !important;
}

.light-mode .tabs-container {
    background-color: var(--container-background-light) !important;
    border: 1px solid #e3e1e1
}

.light-mode .upload-section {
    background-color: var(--upload-background-light) !important;
    color: #333 !important;
}

.light-mode .upload-section:hover {
    background-color: #ddd !important;
    color: #000 !important;
}
.logo-container {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.logo-container h1 {
    font-size: 24px;
    margin: 0;
}

.menu-container {
    display: flex;
    justify-content: center;
    /*background-color: var(--container-background-dark);*/
    padding: 0;
    border-radius: 0 0 10px 10px;
    transition: background-color 0.3s;
}

.menu-container a {
    /* display: flex; */
    align-items: center;
    text-decoration: none;
    color: var(--text-color-dark);
    margin: 0 5px;
    transition: color 0.3s;
    padding: 10px;
}

.menu-container a:hover {
    color: #f39c12;
}

.menu-container .logo-container a {
    background-image: url('../../assets/logo/png/logo_wh.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 220px;
    height: 70px;
}
.footer p {
    margin: 0;
}
.footer .copyright a {
    background-image: url('../../assets/img/MixMedia-Logo-White.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 45px;
    height: 50px;
    vertical-align: middle;
}
.light-mode .footer .copyright a {
    background-image: url('../../assets/img/MixMedia-Logo-Black.png');
}
.apexcharts-yaxis .apexcharts-yaxis-texts-g {
    display: none;
}
span.svg-icon.svg-icon-2x.svg-icon-white svg {
    fill: #fff;
}
.menu-icon {
    width: 24px;
    height: 24px;
    margin: 0 auto;
    filter: var(--svg-color-dark);
    /* text-align: center; */
    /* vertical-align: middle; */
    display: flex;
}
.breadcrumb ul li:hover a {
    color: #fe9200;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active,
button.btn.btn-primary:hover {
    background-color: #eb5e28;
    border-color: #f57a4b;
}
.wrapper-notfound img {
    width: 50%;
}
/*.container-fluid.default-bg {*/
/*    background: #282828;*/
/*}*/
.menu-container .menu-items a:hover, .menu-container .menu-items a.active {
    color: #eb5e28;
    background: #222 !important;
}
.light-mode .menu-container .menu-items a:hover, .light-mode .menu-container .menu-items a.active {
    color: #eb5e28;
    background: #fff !important;
}
.light-mode {
    background-color: var(--background-color-light) !important;
    color: var(--text-color-light) !important;
}
/*.light-mode .container-fluid.default-bg {*/
/*    background: #e3e3e3;*/
/*}*/
.light-mode section#page-content {
    color:#333
}
.light-mode .page-title {
    border-bottom: 1px solid #c9c4c4;
}
.light-mode .contact-form h2, .light-mode .contact-form label {
    color:#333
}
.light-mode .form-control {
    border:1px solid #dfdfdf
}
.light-mode .form-control:focus {
    border:1px solid #9a9a9a
}
.light-mode .mensat h5 {
    color: #333;
    border-bottom: 1px solid #d3d3d3
}
.light-mode .footer {
    border-top: 1px solid #d3d3d3
}
.light-mode .footer p {
    color: #333
}
/*.light-mode .menu-container {*/
/*    background-color: #e3e3e3 !important;*/
/*}*/

.light-mode .menu-container a {
    color: var(--text-color-light) !important;
    transition: all .3s ease-in-out
}
.light-mode .heading-text {
    color: #333;
}
.light-mode a.button-style-2 {
    color: #ffffff;
}
.light-mode .menu-container .menu-items a:hover, .light-mode .menu-container .menu-items a.active {
    color: #e67e22 !important;
    background: #fff;
}

.light-mode .breadcrumb li.active {
    color: #858585;
}
.light-mode .text-bg-danger {
    background-color: #7e7e7e !important;
}
.light-mode .card {
    border: 1px solid #e5e5e5!important;
}
.light-mode .main_content p {
    color: #333;
}
@media screen and (max-width: 800px) {
    .body {
        width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
    }
}

.breadcrumb {
    padding: 0 .5rem;
    direction: rtl;
}

.breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumb li:not(:last-child)::after {
    display: inline-block;
    margin: 0 .25rem;
    content: "←";
}

.main_content p {
    font-family: "IBM Plex Sans Arabic";
    font-size: 15px;
}
.main_content {
    /*border: 1px dotted #282828;*/
    padding: 13px 0;
}
div#searchTabsContent {
    margin-top: 22px;
}
.card {
    /*background-color: #1F1F1F!important;*/
}
.card-header {
    padding: 0 0 5px 0;
}
.footer {
    margin: 30px 0 10px 0;
    border-top: 1px solid #212020;
    padding: 15px 0;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.grid {
    border-bottom: 1px solid #2e2d2d;
    text-align: right;
    padding: 40px 0;
    overflow: hidden;
    display: flex;
    /*margin: 1em;*/
    box-sizing: border-box;
    max-height: 100%;
    flex-direction: row;
    place-content: flex-start;
    align-items: flex-start;
    column-gap: 28px;
}
.img-holder {
    display: flex;
    flex: 1 1 128px;
    background-size: cover;
    background-position: center;
    width: 100%;
    border-radius: 50%;
    border: 1px solid #424242
}

.img-cart {
    flex: 1 1 128px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-width: 128px;
    min-width: 128px;
}

.img-holder img {
    background-size: cover;
    background-position: center;
    width: 100%;
    border-radius: 50%;
}
.cart-details ul li {
    padding: 0 0 0 13px;
}
.cart-details ul li:hover a {
    color: #101010;
}
.cart-details ul {
    list-style: none;
    display: flex;
    margin-top: 5px;
    margin-bottom: 0;
    /* flex: auto; */
}
a.category {
    background: #645c64;
    border-radius: 5px;
    padding: 3px 5px;
    color: #fff;
    width: auto;
    display: inline-block;
    margin-bottom: 12px;
}
ul.pg-pagination {
    display: inline-flex;
    list-style: none;
    margin: 1rem 0;
}

ul.pg-pagination li {
    border: 1px solid #252424;
    padding: 3px 14px;
    margin: 3px;
}
a#toggleModeBtn {
    display: flex;
}
.cart-details ul li a svg {
    height: 12px;
    margin-left: 0;
}
.cart-details ul li a:hover,
.cart-details ul li a:focus {
    color: #eb5e28;
}
.cart-details ul li a svg path {
    fill: #af99af;
}
.tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 4px;
    column-gap: 4px;
    width: 18%;
    align-self: center;
}
.tags .text-muted {
    color: #c5c5c5 !important;
    border: 1px solid #323131;
    transition: all .3s ease-in-out;
}
.tags .text-muted:hover {
    background-color: #1e1e1e;
}
.grid .details {
    width: 80%;
}
.grid .details h4 a {
    color: #eb5e28;
}
.grid .details h4:hover a {
    color: #fd7440;
}
ul.pg-pagination li {
    transition: all .3s ease-in-out;
}
ul.pg-pagination li:hover {
    background: #eb5e28;
}
ul.pg-pagination li:hover a {
    color: #fff;
}
ul.pg-pagination li.active a {
    color: #fff;
}
ul.pg-pagination li.active {
    background: #eb5e28;
}



.logo-container {
    margin-left: auto; /* Pushes the logo to the right */
    position: relative;
    display: inline-block;
}

.menu-items {
    display: flex;
    align-items:center

}

.menu-items a {
    transition: color 0.3s ease;
}


.menu-icon {

    margin-bottom: 8px;
    transition: transform 0.3s ease, filter 0.3s ease;
}

.menu-items a:hover .menu-icon {
    transform: translateY(5px);
    filter: invert(1) sepia(100%) saturate(100%) hue-rotate(100deg) brightness(101%) contrast(101%);
}




.form-control {
    display: block;
    width: 100%;
    padding: .5rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1e2022;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e4e6ef;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .42rem;
    box-shadow: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        -webkit-transition: none;
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #1e2022;
    background-color: #fff;
    border-color: #91a8fe;
    outline: 0;
    box-shadow: none,
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::-webkit-input-placeholder {
    color: #9aa0a6;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #9aa0a6;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #9aa0a6;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #9aa0a6;
    opacity: 1
}

.form-control::placeholder {
    color: #9aa0a6;
    opacity: 1
}

.form-control:disabled,.form-control[readonly] {
    background-color: #fbfbfb;
    border-color: none;
    opacity: 1
}

ع.form-control::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem;color: #1e2022;
    background-color: #f9f9fa;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::file-selector-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #ededee
}

.form-control::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem;color: #1e2022;
    background-color: #f9f9fa;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #ededee
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .5rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: rgba(60,64,67,.8);
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + (.7rem + 2px));
    padding: .35rem .8rem;
    font-size: .875rem;
    border-radius: .375rem
}

.form-control-sm::file-selector-button {
    padding: .35rem .8rem;
    margin: -.35rem -.8rem;
    -webkit-margin-end: .8rem;
    margin-inline-end:.8rem}

.form-control-sm::-webkit-file-upload-button {
    padding: .35rem .8rem;
    margin: -.35rem -.8rem;
    -webkit-margin-end: .8rem;
    margin-inline-end:.8rem}

.form-control-lg {
    min-height: calc(1.5em + (1rem + 2px));
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .42rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem}

textarea.form-control {
    min-height: calc(1.5em + (1rem + 2px))
}

textarea.form-control-sm {
    min-height: calc(1.5em + (.7rem + 2px))
}

textarea.form-control-lg {
    min-height: calc(1.5em + (1rem + 2px))
}

.form-control-color {
    max-width: 3rem;
    height: auto;
    padding: .5rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: .42rem
}

.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: .42rem
}

.form-select {
    display: block;
    width: 100%;
    padding: .5rem 1rem .5rem 1rem;
    -moz-padding-start: calc(1rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1e2022;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232e2e2e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: 1px solid #e4e6ef;
    border-radius: .28rem;
    box-shadow: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        -webkit-transition: none;
        transition: none
    }
}

.form-select:focus {
    border-color: #91a8fe;
    outline: 0;
    box-shadow: none;
}

.form-select[multiple],.form-select[size]:not([size="1"]) {
    padding-right: 1rem;
    background-image: none
}

.form-select:disabled {
    color: #9aa0a6;
    background-color: #e4e6ef;
    border-color: none
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #1e2022
}

.form-select-sm {
    padding-top: .35rem;
    padding-bottom: .35rem;
    padding-left: .8rem;
    font-size: .875rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.8em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.8em
}

.form-check-input {
    width: 1.3em;
    height: 1.3em;
    margin-top: .1em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    -webkit-transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-check-input {
        -webkit-transition: none;
        transition: none
    }
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #91a8fe;
    outline: 0;
    box-shadow: 0 0 0 .2rem none
}

.form-check-input:checked {
    background-color: #2250fc;
    border-color: #2250fc
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #2250fc;
    border-color: #2250fc;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    -webkit-filter: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
    opacity: .5
}

.form-check-label {
    cursor: pointer
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280,0,0,0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    -webkit-transition: background-position .15s ease-in-out;
    transition: background-position .15s ease-in-out
}
[type=email], [type=number], [type=tel], [type=url] {
    direction: rtl;
}
.contact-form h2 {
    margin: 35px 0;
    font-size: 22px;
    font-weight: bold;
}

.contact-form .form-group {
    margin-bottom: 1rem;
}

.contact-form label {
    margin-bottom: .5rem;
}

button#send_contactus:hover {
    background: #f56c37;
}
button#send_contactus {
    background: #fe9200;
    border: 1px solid #eb8907;
}

.form-label {
    margin-bottom: .5rem;
    font-size: .875rem;
    font-weight: 500;
    color: #fff
}

.col-form-label {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    font-weight: 500;
    line-height: 1.5;
    color: #2e2e2e
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.35rem + 1px);
    padding-bottom: calc(.35rem + 1px);
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875rem;
    color: #9aa0a6
}

.form-control {
    display: block;
    width: 100%;
    padding: .5rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1e2022;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e4e6ef;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .42rem;
    box-shadow: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        -webkit-transition: none;
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #1e2022;
    background-color: #fff;
    border-color: #91a8fe;
    outline: 0;
    box-shadow: none;
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::-webkit-input-placeholder {
    color: #9aa0a6;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #9aa0a6;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #9aa0a6;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #9aa0a6;
    opacity: 1
}

.form-control::placeholder {
    color: #9aa0a6;
    opacity: 1
}

.form-control:disabled,.form-control[readonly] {
    background-color: #fbfbfb;
    border-color: none;
    opacity: 1
}

.form-control::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem;color: #1e2022;
    background-color: #f9f9fa;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::file-selector-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #ededee
}

.form-control::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem;color: #1e2022;
    background-color: #f9f9fa;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #ededee
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .5rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: rgba(60,64,67,.8);
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + (.7rem + 2px));
    padding: .35rem .8rem;
    font-size: .875rem;
    border-radius: .375rem
}

.form-control-sm::file-selector-button {
    padding: .35rem .8rem;
    margin: -.35rem -.8rem;
    -webkit-margin-end: .8rem;
    margin-inline-end:.8rem}

.form-control-sm::-webkit-file-upload-button {
    padding: .35rem .8rem;
    margin: -.35rem -.8rem;
    -webkit-margin-end: .8rem;
    margin-inline-end:.8rem}

.form-control-lg {
    min-height: calc(1.5em + (1rem + 2px));
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .42rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end:1rem}

textarea.form-control {
    min-height: calc(1.5em + (1rem + 2px))
}

textarea.form-control-sm {
    min-height: calc(1.5em + (.7rem + 2px))
}

textarea.form-control-lg {
    min-height: calc(1.5em + (1rem + 2px))
}

.form-control-color {
    max-width: 3rem;
    height: auto;
    padding: .5rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: .42rem
}

.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: .42rem
}

.form-select {
    display: block;
    width: 100%;
    padding: .5rem 1rem .5rem 1rem;
    -moz-padding-start: calc(1rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1e2022;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232e2e2e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: 1px solid #e4e6ef;
    border-radius: .28rem;
    box-shadow: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        -webkit-transition: none;
        transition: none
    }
}

.form-select:focus {
    border-color: #91a8fe;
    outline: 0;
    box-shadow: none;
}

.form-select[multiple],.form-select[size]:not([size="1"]) {
    padding-right: 1rem;
    background-image: none
}

.form-select:disabled {
    color: #9aa0a6;
    background-color: #e4e6ef;
    border-color: none
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #1e2022
}

.form-select-sm {
    padding-top: .35rem;
    padding-bottom: .35rem;
    padding-left: .8rem;
    font-size: .875rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.8em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.8em
}

.form-check-input {
    width: 1.3em;
    height: 1.3em;
    margin-top: .1em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    -webkit-transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-check-input {
        -webkit-transition: none;
        transition: none
    }
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #91a8fe;
    outline: 0;
    box-shadow: 0 0 0 .2rem none
}

.form-check-input:checked {
    background-color: #2250fc;
    border-color: #2250fc
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #2250fc;
    border-color: #2250fc;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    -webkit-filter: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
    opacity: .5
}

.form-check-label {
    cursor: pointer
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280,0,0,0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    -webkit-transition: background-position .15s ease-in-out;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        -webkit-transition: none;
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2391a8fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.btn-check:disabled+.btn,.btn-check[disabled]+.btn {
    pointer-events: none;
    -webkit-filter: none;
    filter: none;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem none
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem none
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #2250fc;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .1rem .25rem rgba(0,0,0,.1);
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #bdcbfe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #e4e6ef;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: none
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #2250fc;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .1rem .25rem rgba(0,0,0,.1);
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #bdcbfe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #e4e6ef;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: none
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #c1c3ce
}

.form-range:disabled::-moz-range-thumb {
    background-color: #c1c3ce
}

.form-floating {
    position: relative
}

.form-floating>.form-control,.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 1rem;
    pointer-events: none;
    border: 1px solid transparent;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;
    transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-floating>label {
        -webkit-transition: none;
        transition: none
    }
}

.form-floating>.form-control {
    padding: 1rem 1rem
}

.form-floating>.form-control::-webkit-input-placeholder {
    color: transparent
}

.form-floating>.form-control::-moz-placeholder {
    color: transparent
}

.form-floating>.form-control:-ms-input-placeholder {
    color: transparent
}

.form-floating>.form-control::-ms-input-placeholder {
    color: transparent
}

.form-floating>.form-control::placeholder {
    color: transparent
}

.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:not(:-ms-input-placeholder) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:not(:-ms-input-placeholder)~label {
    opacity: .65;
    -ms-transform: scale(.85) translateY(-.5rem) translateX(.15rem);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label {
    opacity: .65;
    -webkit-transform: scale(.85) translateY(-.5rem) translateX(.15rem);
    -ms-transform: scale(.85) translateY(-.5rem) translateX(.15rem);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    -webkit-transform: scale(.85) translateY(-.5rem) translateX(.15rem);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,.input-group>.form-select {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,.input-group>.form-select:focus {
    z-index: 3
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 3
}

.input-group-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1e2022;
    text-align: center;
    white-space: nowrap;
    background-color: #f9f9fa;
    border: 1px solid #e4e6ef;
    border-radius: .42rem
}

.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .42rem
}

.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text {
    padding: .35rem .8rem;
    font-size: .875rem;
    border-radius: .375rem
}

.input-group-lg>.form-select,.input-group-sm>.form-select {
    padding-right: 2rem
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875rem;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(40,167,69,.9);
    border-radius: .42rem
}

.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,.was-validated .form-control:valid {
    border-color: #28a745
}

.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.form-select.is-valid,.was-validated .form-select:valid {
    border-color: #28a745
}

.form-select.is-valid:focus,.was-validated .form-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.form-check-input.is-valid,.was-validated .form-check-input:valid {
    border-color: #28a745
}

.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {
    background-color: #28a745
}

.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid {
    z-index: 1
}

.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875rem;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(220,53,69,.9);
    border-radius: .42rem
}

.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,.was-validated .form-control:invalid {
    border-color: #dc3545
}

.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-select.is-invalid,.was-validated .form-select:invalid {
    border-color: #dc3545
}

.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-check-input.is-invalid,.was-validated .form-check-input:invalid {
    border-color: #dc3545
}

.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked {
    background-color: #dc3545
}

.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid {
    z-index: 2
}

.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus {
    z-index: 3
}
fv-plugins-message-container .fv-help-block {
    color: #f64e60;
    font-size: .9rem;
    font-weight: 400;
}
.fv-plugins-bootstrap .fv-help-block {
    color: #dc3545;
    font-size: 80%;
    margin-top: .25rem;
}
.fv-plugins-message-container {
    margin-top: .25rem;
}
.row.contact-form {
    text-align: right;
}
.sources_data img {
    filter: grayscale(1);
    width: 195px;
    margin: 5px 0;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}
.nav-link {
    color: #fff;
}
.nav-link:focus, .nav-link:hover {
    color: #eb5e28;
}
.nav-item {
    margin-left: 5px;
}
.sources_data img:hover {
    filter: none;
}
.form-select {
    background-position: left 1rem center;
}
button.btn.btn-primary {
    background: #eb5e28;
    border: 1px solid #f86f3b
}

.mensat h5 {
    text-align: right;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #282828;
}
/*.mensat {*/
/*    padding: 30px 0;*/
/*}*/
.sources_data {
    margin: 30px 0 0 0;
    text-align: justify;
}
.sources_data ul li {
    margin-bottom: 1.5rem;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #5a5a5a;
}
.nav-tabs .nav-link {
    margin-bottom: -1px;
}
/* Ensure that the carousel behaves correctly in RTL mode */
.owl-carousel {
    direction: rtl;
}

/* Optional: Customize the navigation arrows if needed */
.owl-nav .owl-prev {
    right: -25px; /* Positioning adjustment */
}

.owl-nav .owl-next {
    left: -25px; /* Positioning adjustment */
}
.sources_data .owl-prev, .sources_data .owl-next {
    position: absolute;
    top: 40%;
}
.sources_data .owl-nav .owl-prev .custom-prev-icon svg, .sources_data .owl-nav .owl-next .custom-next-icon svg {
    width: 24px;
    height: 24px;
    fill: #ffffff;

}

.sources_data .owl-nav .owl-prev .custom-prev-icon, .sources_data .owl-nav .owl-next .custom-next-icon {
    background:#eb5e28;
    border-radius:50%;
    padding:10px;
    transition: all .3s ease-in-out;
}
.sources_data .owl-nav .owl-prev .custom-prev-icon:hover, .sources_data .owl-nav .owl-next .custom-next-icon:hover {
    background: #f36f3d;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}
.sources_data li {
    margin-bottom: 1.5rem;
}
section#page-content p, section#page-content li {
    line-height: 2em;
}
.page-title h1 {
    font-size: 1.8rem;
}
.breadcrumb ul li a svg {
    font-size: 13px;
    vertical-align: inherit;
    margin-left: 4px;
}
.breadcrumb li:not(:last-child)::after {
    content: "\f104";
    color: #8b8b8b;
    font-family: 'FontAwesome';
    font-size: 10px;
    margin: 0 8px;
}
.breadcrumb li.active  {
    color: #c5c5c5;
}
.text-bg-danger {
    color: #fff !important;
    background-color: #3F3F3F!important;
}
.page-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #424242;
    padding-bottom: 10px;
}
h3.card-title {
    font-size: 18px;
}
.card-header {
    background: transparent;
    border-bottom: 1px solid #3e3e3e
}
.page-title h5, .breadcrumb {
    margin-bottom: 0;
}
section#page-content {
    padding-top: 25px;
}
.wrapper-notfound {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
header.crumina-module.crumina-heading.heading--h2.heading--with-decoration {
    margin: 30px auto;
    width: 50%;
}
header.crumina-module.crumina-heading.heading--h2.heading--with-decoration h2 {
    font-size: 28px;
    font-weight: 600;
    color: #ff4b00;
    margin-bottom: 20px;
}
.button-style-2 {
    position: relative;
    background-color: #ff4b00;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px 20px 10px;
    line-height: 1.4;
    overflow: hidden;
    transform: perspective(1px) translateZ(0);
    z-index: 1;
}
.button-style-2:before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    border-radius: 4px;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition-property: transform;
    transition-duration: 0.5s;
    transition: all 0.3s;
    transition-timing-function: ease-out;
    z-index: -1;
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1280px;
    }
}

/* Menu Mobile Style */
.menu-container {
    position: relative;
}

.menu-items {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    transition: max-height 0.3s ease-in-out; /* Animation for menu */
}

/* Hide the hamburger button by default */
.hamburger {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 25px;
    flex-direction: column;
    justify-content: space-between;
}

.bar {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #fff;
    transition: transform 0.3s ease, opacity 0.3s ease; /* Animation for bars */
}

.stats {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}



/* For large screens */
@media (max-width: 991px) {
    .stats {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* For medium screens */
@media (max-width: 768px) {
    .stats {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* For small screens */
@media (max-width: 576px) {
    .stats {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* Responsive Styles */

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    color:#000
}
.apexcharts-tooltip-marker {
    margin-left: 10px;
}
.apexcharts-tooltip-series-group {
    color:#000
}
.apexcharts-text tspan {
    fill: #fff;
}
.apexcharts-legend-text {
    padding-right: 15px;
    margin-left: 0;
    padding-left: 0;
    color: #fff !important;
    font-family: "IBM Plex Sans Arabic", sans-serif !important;
}
.apexcharts-menu-item {
    color: #000;
    text-align: left;
}
.dashboard {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    margin-top: 30px;
}
.card {
    /*background-color: #1F1F1F;*/
    background-color: #2b2b2b!important;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #4a4a4a;
    /*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);*/
    color: #FFFFFF;
}
.card-body {
    padding: 0;
}
span.card-title {
    margin-top: 1.5rem;
    font-size: 1.75rem !important;
    font-weight: bold;
}
.card h2 {
    margin: 0;
    font-size: 18px;
    margin-bottom: 15px;
}
.accent {
    background: #FE9200;
}

button.btn.btn-outline-light {
    background: #FE9200;
    border: 1px solid #db8004;
}
.chart-container {
    height: 200px;
}
span.svg-icon.svg-icon-2x.svg-icon-white {
    display: block;
    float: left;
}
.breadcrumb ul li span {
    color: #fe9200;
    font-weight: 500;
}
/********** Light Mode **************/
.light-mode body {
    background-color: #ffffff;
}
.light-mode a.category {
    color:#fff
}
.light-mode .nav-link {
    color: #333;
}
.light-mode span.price {
    color: #7a7a7a;
}
.light-mode a {
    color:#4e4e4e
}
.light-mode h1 {
    color: #333;
}
.light-mode .breadcrumb li:not(:last-child)::after {
    color: #767676;
}
.light-mode .tags .text-muted {
    color: #666666 !important;
    border: 1px solid #dbdbdb
}
.light-mode .tags .text-muted:hover {
    color: #ffffff !important;
    background: #b7b7b7;
}
.light-mode ul.pg-pagination li {
    border: 1px solid #d5d5d5;
}
.light-mode ul.pg-pagination li a {
    color: #646464;
}
.light-mode ul.pg-pagination li:hover a, .light-mode ul.pg-pagination li.active a {
    color: #fff;
}
.light-mode ul.pg-pagination li a svg path {
    fill: #919191;
}
.light-mode ul.pg-pagination li:hover a svg path {
    fill: #fff;
}
.light-mode .menu-container .logo-container a {
    background-image: url('../../assets/logo/png/logo_bk.png');
}
.light-mode .form-label {
    color: #2e2e2e
}
.light-mode .page-title h5 {
    color: #333;
}
.light-mode .menu-items a:hover .menu-icon {
    transform: translateY(5px);
    filter: invert(0) sepia(100%) saturate(100%) hue-rotate(100deg) brightness(101%) contrast(101%);
}
.light-mode .grid {
    border-bottom: 1px solid #b9b9b9;
    background-color: transparent;
}
.light-mode .card.card-custom.bg-warning {
    background-color: #D6E4F0 !important;
}
.light-mode .card.card-custom.bg-danger {
    background-color: #FDE4CF !important;
}
.light-mode .card.card-custom.bg-info {
    background-color: #DFF2D8 !important;
}
.light-mode .card.card-custom.bg-dark {
    background-color: #EAE3F1 !important;
}
.light-mode .card-title, .light-mode .card.card-custom .text-white{
    color:#000!important;
}
.light-mode .card.card-custom svg path {
    fill: #2c2c2c;
}
.light-mode .card.card-custom.bg-danger svg g rect:not(:first-child) {
    fill: #2c2c2c;
}
.light-mode .card.card-custom svg line, .light-mode .card.card-custom svg rect, .light-mode .card.card-custom svg polyline {
    stroke: #2c2c2c;
}
.light-mode .card.card-custom svg g g path {
    fill: #2c2c2c!important;
}
.light-mode .card.card-custom svg g {
    stroke-width: 0;
}
.light-mode .card {
    /* background-color: #1F1F1F; */
    background-color: #f7f7f7 !important;
}
.light-mode .card-header {
    border-bottom: 1px solid #bbbaba;
}
.light-mode .nav.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
.light-mode .apexcharts-legend-text {

    color: #000 !important;
}
.light-mode .apexcharts-text tspan {
    fill: #000;
}
.light-mode .apexcharts-data-labels text {
    fill:#000
}
.light-mode .bar {
    background-color:#333
}
.light-mode span.svg-icon.svg-icon-2x.svg-icon-white svg {
    fill: #000;
}
.light-mode .nav-tabs .nav-link:focus, .light-mode .nav-tabs .nav-link:hover {
    border-color: #dee2e6;
}
.img_compare_view ul li {
    color: #cdcdcd;
    font-size: 14px;
    line-height: 1.2em;
}
.img_compare_view ul li svg path {
    stroke: #adadad;
}
.img_compare_view {
    position: relative;
    width: 100%;
    background-color: #272727;
    resize: horizontal;
    overflow: hidden;
    display: flex;
    margin: 1em 0;
    padding: 10px;
    align-items: center;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}
.img_compare_view:hover {
    background: #2e2e2e;
}
.light-mode .img_compare_view:hover {
    background: #ebebeb;
}
.img_compare_view .eleven {
    flex: 11;
}
.img_compare_view  .one {
    flex: 1;
    margin-left: 15px;
}
.img_compare_view .eleven h4 a {
    color: #eb8907;
    font-size: 21px;
}
.img_compare_view .eleven h4:hover a {
    color: #f39416;
}
.img_compare_view  img {
    width: 100px;
    height: 100px;
    border-radius: 10px;
}
.title.eleven ul li svg path {
    stroke: #838282;
}
.light-mode .title.eleven ul li {
    color: #333;
}
.light-mode .spinner-border p {
    color: #fe9202;
}
/*.imgUploadInfo h4 {*/
/*    font-size: 14px;*/
/*}*/
#loadingData {
    display: none;
    text-align: center;
    margin-top: 20px;
}
#result {
    margin-top: 20px;
}
/*.imgUploadInfo {*/
/*    margin-top: 20px;*/
/*}*/
.img_compare_view .eleven ul {
    margin: 0;
}
.img_compare_view ul li svg {
    margin-left: 0;
}
.light-mode .imgUploadInfo h4 {
    color: #333;
}
.light-mode .img_compare_view {
    background-color: #e3e3e3;
}
.light-mode .img_compare_view ul li {
    color: #333;
}
.light-mode .img_compare_view ul li svg path {
    stroke: #838282;
}
.alert {
    font-size: 20px;
    padding: 5px 10px;
}
#dropZone {
    border: 1px dashed #fe9202;
    padding: 30px;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}
#dropZone.hover {
    background-color: #e9ecef;
}
div#result h4 {
    margin-bottom: 15px;
    display: inline-block;
}
.beta-badge {
    position: absolute;
    top: 27px;
    left: -40px;
    background-color: #fe9202;
    color: white;
    padding: 0 5px 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
}
.full-panel ul {
    align-items: center;
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    width: 50%;
    margin: 30px auto 0;
}
.full-panel ul li {
    /* margin: 0 40px; */
    background: #fff;
    height: 70px;
    vertical-align: middle;
     padding: 0;
    /*width: 19%;*/
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.full-panel ul li.list-inline-item:not(:last-child) {
    margin-left: 0;
}
.full-panel ul li img {
    width: 113px;
    filter: grayscale(1);
    transition: all .3s ease-in-out;
    /* vertical-align: middle; */
}
.full-panel ul li:first-child img, .full-panel ul li:last-child img {
    width: 70px;
}
.full-panel ul li:hover img {
    filter: grayscale(0);
}
.imgUploadInfo img {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    margin-right: 15px;
}
/* Style for the modal */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
    animation: fadeIn 0.5s;
}

.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    transition: transform 0.3s ease-in-out;
}

.modal-content:hover {
    transform: scale(1.05);
}

.close {
    position: absolute;
    top: 50px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.image-wrapper {
    position: relative;
    display: inline-block;
}
.image-wrapper svg {
    position: absolute;
    top: 85px;
    right: 74%;
    color: #f1f1f1;
    font-size: 27px;
    font-weight: bold;
    transition: 0.3s;
    cursor: pointer;
    background: #fe9202;
    border-radius: 100%;
    z-index: 3;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 1.2em;
}

/* Show zoom icon on hover */
.image-wrapper:hover svg {
    opacity: 1;
}

.img-fluid {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.img-fluid:hover {
    transform: scale(1.05);
}
@media (max-width: 991px) {
    .hamburger {
        margin: 0 0 0 10px;
    }
    .grid {
        flex-direction: column;
    }
    .grid .details {
        width: 100%;
    }
    .grid {
        place-content: center;
        align-items: center;
    }
    .img-cart {
        margin-bottom: 15px;
    }
    .tags {
        width: 100%;
        margin-top: 15px;
    }
    .full-panel ul li img {
        width: 70px;
    }

    .apexcharts-xaxis {
        display: none!important;
    }
    .card.card-custom {
        /*margin-bottom: 25px;*/
    }
    .menu-icon {
        display: inline-flex;
        margin-bottom: 0;
    }
    .menu-container a {
        color:#333
    }
    .menu-items {
        flex-direction: column;
        max-height: 0; /* Initially hide the menu */
        overflow: hidden;
        position: absolute;
        top: 90px; /* Adjust this depending on your layout */
        right: 0;
        background-color: white; /* or another background color */
        width: 100%;
        z-index: 1000;
        align-items: flex-start;
    }

    .menu-items a {
        padding: 10px;
        text-align: right;
        border-bottom: 1px solid #ccc;
        width: 100%;
        margin: 0;
    }
    .menu-items a:hover .menu-icon {
        transform: translateY(5px);
        filter: invert(0) sepia(100%) saturate(100%) hue-rotate(100deg) brightness(101%) contrast(101%);
    }
    .menu-items a:last-child {
        border-bottom: none;
    }

    .hamburger {
        display: flex;
        top: 20px;
    }

    /* Transform bars when menu is open */
    .hamburger.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }
    .hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }
    .hamburger.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    .menu-items.show {
        max-height: 370px; /* Adjust according to your menu's height */
    }
    .logo-container {
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    .full-panel ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .full-panel ul li {
        margin-left: 0;
        margin-bottom: 0;
    }
    .card {
        /*margin-bottom: 15px;*/
    }
    .footer {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 5px;
    }
    .full-panel ul li img {
        width: 90px;
    }
}
@media (max-width: 570px) {
    .menu-container .logo-container a {
        width: 200px;
    }
    .cart-details ul {
        flex-direction: column;
    }
    .apexcharts-xaxis-texts-g {
        transform: translate(0px, 40px);
    }
}
@media (max-width: 480px) {
    .beta-badge {
        top: 0;
    }
    .list-inline-item:not(:last-child) {
        margin-left: 0;
    }
    .breadcrumb {
        font-size: 14px;
        padding-right: 0;
    }
    .breadcrumb li:not(:last-child)::after {
        margin: 0 4px;
    }
    .grid {
        padding: 20px 0;
    }
    .full-panel ul {
        grid-template-columns: repeat(2, 1fr);
    }
    .full-panel ul li {
        margin-left: 0;
    }
    .sources_data {
        text-align: center;
    }
    .page-title {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }
    .full-panel ul {
        width: 70%;
    }
    .full-panel ul li img {
        width: 100px;
    }
}
@media (max-width: 380px) {
    .menu-container .logo-container a {
        width: 170px;
    }
    .full-panel ul li img {
        width: 80px;
    }
}



/***********Ed3a2at Colors***********/

/* التصنيف: غير صحيح */
.not-sahih {
    background-color: red; /* أحمر */
}
/* التصنيف: غير دقيق */
.not-dakik {
    background-color: orange; /* برتقالي */
}
/* التصنيف: مضلل */
.modalel {
    background-color: gold; /* ذهبي */
}
/* التصنيف: صحيح */
.sahih {
    background-color: green; /* أخضر */
}
/* التصنيف: متضارب */
.motadareb {
    background-color: gray; /* رمادي */
}
/* التصنيف: انتقائي */
.inteka2y {
    background-color: lightblue; /* أزرق فاتح */
}
/* التصنيف: زائف */
.zaef {
    background-color: darkred; /* أحمر داكن */
}
/* التصنيف: ساخر */
.sakher {
    background-color: purple; /* بنفسجي */
}
/* التصنيف: مفبرك */
.mofabrak {
    background-color: brown; /* بني */
}
/* التصنيف: انتحالي */
.intehaly {
    background-color: darkblue; /* أزرق داكن */
}
/* التصنيف: خاضع للتلاعب */
.tala3ob {
    background-color: black; /* أسود */
}
/* التصنيف: ربط خاطئ */
.khate {
    background-color: hotpink; /* وردي فاتح */
}
/* التصنيف: قديم */
.kadim {
    background-color: lightgray; /* رمادي فاتح */
}
/* التصنيف: ملفق */
.molafak {
    background-color: tomato; /* طماطمي (برتقالي محمر) */
}
/* التصنيف: سياق مضلل */
.seyak-modalel {
    background-color: yellow; /* أصفر */
}
/* التصنيف: عنوان مضلل */
.enwan-modalel {
    background-color: orange; /* برتقالي */
}
/* التصنيف: زائف جزئي */
.zaef-gozey {
    background-color: peachpuff; /* لون الخوخ الفاتح (برتقالي فاتح) */
}
/* التصنيف: خرافة */
.khorafah {
    background-color: darkviolet; /* بنفسجي داكن */
}
/* التصنيف: سياق خاطئ */
.seyak-khate2 {
    background-color: skyblue; /* أزرق سماوي */
}
/* التصنيف: خادع */
.khade3 {
    background-color: lightcoral; /* مرجاني فاتح (أحمر فاتح) */
}
/* التصنيف: مولد بالذكاء الاصطناعي */
.ai {
    background-color: aliceblue; /* أزرق أليس (أزرق فاتح جداً) */
}