/* The old pages' base look, in the theme's colours: the rules of the Dore theme (dore.light.bluenavy.min.css - a formatted, locally edited copy - formerly loaded
   at run time by dore/js/scripts.js) that the app still uses, picked out by class, with every colour a token from
   sdtheme.css - so the old pages follow the brand green / yellow and the dark theme. Dore's navy is the brand green,
   its gold the yellow scale.
   Linked by Views/Shared/_StylesheetsDore.cshtml where the Dore theme used to sit (after Bootstrap and the plugins'
   CSS, before customs.css). This file shrinks as pages move to the sd widgets; Bootstrap 5 later (docs/dark-theme-audit.md).
   Do not add new rules here - new looks go into the sd widgets. */
@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,400i,600,700);
html { width: 100%; height: 100%; background: var(--sd-bg); }
:root { --theme-color-1: var(--sd-primary); --theme-color-2: var(--sd-green-700); --theme-color-3: var(--sd-green-300); --theme-color-4: var(--sd-green-700); --theme-color-5: var(--sd-green-500); --theme-color-6: var(--sd-green-400); --theme-color-1-10: var(--sd-primary-soft); --theme-color-2-10: var(--sd-primary-soft); --theme-color-3-10: var(--sd-primary-soft); --theme-color-4-10: var(--sd-primary-soft); --theme-color-5-10: var(--sd-primary-soft); --theme-color-6-10: var(--sd-primary-soft); --primary-color: var(--sd-text); --foreground-color: var(--sd-card); --separator-color: var(--sd-border); }
body { font-family: 'Montserrat'; font-size: 13.8px; font-weight: 400; color: var(--sd-text); background: var(--sd-bg); }
body.background { height: 100%; }
body.background main { margin: 0 !important; height: 100%; }
body.background main .container { height: 100%; }
.rtl * { text-align: right; }
.fixed-background { background: url(../logos/backgroun-texture.jpg) no-repeat center center fixed; background-color: var(--sd-bg) !important; background-size: cover; width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
.background .mx-auto { margin-left: auto !important; margin-right: auto !important; }
.scroll { margin-right: -15px; padding-right: 15px; position: relative; height: 100%; }
/* text highlighted with the mouse: a theme rule, in sdtokens.css */
.logo-single { width: 110px; height: 35px; background: url(../logos/var(--sd-text).svg) no-repeat; background-position: center center; display: inline-block; margin-bottom: 60px; }
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 { line-height: 1.3; }
h1 { font-size: 1.75rem; padding-bottom: 10px; display: inline-block; }
@media (max-width:767px) {
    h1 { font-size: 1.3rem; padding-top: .25rem; margin-bottom: 0; }
}
h2 { font-size: 1.4rem; }
@media (max-width:767px) {
    h2 { font-size: 1.1rem; }
}
h3 { font-size: 1.3rem; }
@media (max-width:767px) {
    h3 { font-size: 1rem; }
}
h3 { font-size: 1.2rem; }
@media (max-width:767px) {
    h3 { font-size: 1rem; }
}
h4 { font-size: 1.15rem; }
@media (max-width:767px) {
    h4 { font-size: .9rem; }
}
h5 { font-size: 1.1rem; }
@media (max-width:767px) {
    h5 { font-size: .9rem; }
}
h6 { font-size: 1rem; }
@media (max-width:767px) {
    h6 { font-size: .85rem; }
}
.list-item-heading { font-size: 1rem; }
.truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.min-width-zero { min-width: 0; }
button { color: var(--sd-text); outline: initial !important; }
@media (max-width:767px) {
    .display-1 { font-size: 2.8rem; }
}
.lead { font-size: 1.8rem; font-weight: 300; line-height: 2rem; }
@media (max-width:767px) {
    .lead { font-size: 1.1rem; line-height: 1.6rem; }
}
.mb-5 { margin-bottom: 2rem !important; }
@media (max-width:991px) {
    .separator.mb-5 { margin-bottom: 1rem !important; }
}
@media (max-width:575px) {
    .float-none-xs { float: initial !important; }
}
.separator { border-bottom: 1px solid var(--sd-border); }
.alert-dismissible .close { padding: .5rem 1.25rem; }
ul li { margin-bottom: 5px; }
ul li:last-of-type { margin-bottom: 0; }
.rounded { border-radius: 50px !important; }
.opacity-50 { opacity: .5; }
a { color: var(--sd-text); transition: color .2s; outline: initial !important; }
a:active,
a:hover { text-decoration: initial; color: var(--sd-primary); }
.var(--sd-card) { color: var(--sd-on-color) !important; }
p { font-size: 13.8px; line-height: 1.3rem; font-family: 'Montserrat'; }
.text-small { font-size: .76rem !important; line-height: .9rem !important; }
.text-white { color: var(--sd-on-color) !important; }
.text-extra-small { font-size: .7rem !important; }
.text-muted { color: var(--sd-muted) !important; }
.text-semi-muted { color: var(--sd-muted) !important; }
.font-weight-medium { font-weight: 500; }
.font-weight-semibold { font-weight: 600; }
.clearfix::after { content: ""; clear: both; display: table; }
.gallery img { max-height: 280px; }
.border-radius { border-radius: .1rem; }
button { color: var(--sd-text); outline: initial !important; }
.btn { border-radius: 50px; outline: initial !important; box-shadow: none !important; box-shadow: initial !important; font-size: .8rem; padding: .5rem 1.25rem .5rem 1.25rem; transition: background-color box-shadow .1s linear; }
.btn-shadow { box-shadow: 0 1px 2px 0 var(--sd-shadow),0 1px 3px 1px var(--sd-shadow) !important; transition: background-color box-shadow .1s linear; }
.btn-shadow:focus,
.btn-shadow:hover { box-shadow: 0 1px 3px 0 var(--sd-shadow),0 4px 6px 2px var(--sd-shadow) !important; }
.btn-group-sm > .btn,
.btn-lg { border-radius: 50px; }
.btn.default { border-radius: .1rem; }
.btn-primary { background-color: var(--sd-primary); border-color: var(--sd-primary); color: var(--sd-on-color); }
.btn-primary:hover { color: var(--sd-on-color); background-color: var(--sd-primary-hover); border-color: var(--sd-primary-hover); }
.dropdown-menu { font-size: .8rem; border-radius: .1rem; background: var(--sd-card); border-color: var(--sd-border); }
.dropdown-item { padding: .5rem 1.25rem; color: var(--sd-text); }
.dropdown-item:focus,
.dropdown-item:hover { background-color: var(--sd-bg); }
.dropdown-item.active,
.dropdown-item:active { color: var(--sd-on-color); text-decoration: none; }
.dropdown-divider { border-color: var(--sd-border); }
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle { background-color: var(--sd-primary-hover); border-color: var(--sd-primary-hover); color: var(--sd-on-color); }
.btn-secondary { background-color: var(--sd-green-700); border-color: var(--sd-green-700); color: var(--sd-on-color); }
.btn-secondary:hover { color: var(--sd-on-color); background-color: var(--sd-green-800); border-color: var(--sd-green-800); }
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle { background-color: var(--sd-green-800); border-color: var(--sd-green-800); color: var(--sd-on-color); }
.btn-warning { background-color: var(--sd-yellow-700); border-color: var(--sd-yellow-700); }
.btn-danger,
.btn-info,
.btn-success,
.btn-warning { color: var(--sd-on-color); }
.btn-danger:hover,
.btn-info:hover,
.btn-success:hover,
.btn-warning:hover { color: var(--sd-on-color); }
.btn-outline-danger:hover,
.btn-outline-success:hover,
.btn-outline-warning:hover { color: var(--sd-on-color); }
.btn-light { color: var(--sd-text); background-color: var(--sd-border); border-color: var(--sd-border); }
.btn-light:hover { color: var(--sd-text); background-color: var(--sd-border); border-color: var(--sd-border); }
.btn-outline-primary { color: var(--sd-primary); border-color: var(--sd-primary); }
.btn-outline-primary:hover { color: var(--sd-on-color); background-color: var(--sd-primary); border-color: var(--sd-primary); }
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle { background-color: var(--sd-primary); border-color: var(--sd-primary); color: var(--sd-on-color); }
.btn-outline-secondary { color: var(--sd-green-700); border-color: var(--sd-green-700); }
.btn-outline-secondary:hover { background-color: var(--sd-green-700); border-color: var(--sd-green-700); color: var(--sd-on-color); }
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle { background-color: var(--sd-green-700); border-color: var(--sd-green-700); color: var(--sd-on-color); }
.btn-header-light { color: var(--sd-border); border-color: transparent; background: 0 0; }
.btn-header-light:hover { background-color: transparent; border-color: var(--sd-border); }
.btn-lg { line-height: 1.5; font-weight: 700; letter-spacing: .05rem; padding: .75rem 2.6rem .6rem 2.6rem; }
.btn-group-sm > .btn,
.btn-sm { padding: .5rem 1rem .5rem 1rem; font-size: .76rem; line-height: 1.5; }
.btn-xs { padding: .25rem 1.25rem; font-size: .76rem; line-height: 1.3; }
.btn-primary.disabled,
.btn-primary:disabled { background-color: var(--sd-primary); border-color: var(--sd-primary); color: var(--sd-on-color); }
.btn-secondary.disabled,
.btn-secondary:disabled { background-color: var(--sd-green-700); border-color: var(--sd-green-700); color: var(--sd-on-color); }
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.btn-link { color: var(--sd-primary); text-decoration: initial !important; }
.btn-link:hover { color: rgba(var(--sd-primary-rgb), .7); }
.icon-button { padding: 0; font-size: 14px; width: 34px; height: 34px; line-height: 34px; }
.icon-button.large { width: 44px; height: 44px; font-size: 18px; line-height: 2.5; }
.w-90 { width: 90% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }
.w-80 { width: 80% !important; }
.w-40 { width: 40% !important; }
@media (max-width:991px) {
    .w-sm-100 { width: 100% !important; }
}
.border { border: 1px solid var(--sd-soft) !important; }
.border-right { border-right: 1px solid var(--sd-soft) !important; }
.border-left { border-left: 1px solid var(--sd-soft) !important; }
.border-top { border-top: 1px solid var(--sd-soft) !important; }
.border-bottom { border-bottom: 1px solid var(--sd-soft) !important; }
.border-theme-1 { border-color: var(--sd-primary) !important; }
.border-secondary { border-color: var(--sd-text) !important; }
.text-primary { color: var(--sd-primary) !important; }
.text-secondary { color: var(--sd-text) !important; }
.badge-theme-1,
.bg-primary { background-color: var(--sd-primary) !important; color: var(--sd-on-color); }
.badge-secondary,
.bg-secondary { background-color: var(--sd-green-700) !important; color: var(--sd-on-color); }
.badge-warning { background-color: var(--sd-yellow-700); }
.badge-success { background-color: var(--sd-green-600); }
.badge-info { background-color: var(--sd-info); }
.badge-danger { background-color: var(--sd-danger); }
.badge-danger,
.badge-info,
.badge-success,
.badge-warning { color: var(--sd-on-color); }
.badge { padding: .6em .75em; font-size: 74%; }
.badge.badge-pill { padding-right: 1.25em; padding-left: 1.25em; }
.badge.badge-top-left { top: 10px; left: -7px; }
.badge.badge-top-right { top: 8px; right: -7px; }
.badge-light { background-color: var(--sd-border); color: var(--sd-text); }
.badge-dark { background-color: var(--sd-text); color: var(--sd-border); }
@media (max-width:991px) {
    .breadcrumb-container .breadcrumb { padding: 0; }
}
.breadcrumb { background-color: transparent; margin-bottom: .5rem; }
.breadcrumb-item + .breadcrumb-item::before { content: "|"; }
.nav-tabs .nav-link { border: initial; padding-top: 1rem; }
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active { background: initial; }
.nav-tabs .nav-item.show .nav-link::before,
.nav-tabs .nav-link.active::before { content: " "; background: var(--sd-primary); color: var(--sd-on-color); border-radius: 10px; position: absolute; width: calc(100% - 1rem); height: 5px; bottom: 3px; left: 50%; transform: translateX(-50%); }
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active { border: initial; position: relative; color: var(--sd-primary); }
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover { border: initial; color: var(--sd-primary); }
.slick .slick-slide { margin-left: 15px; margin-right: 15px; outline: initial !important; height: unset; }
.slick .slick-slide.card { display: flex; flex-grow: 1; }
.slick .slick-slide.card .w-50 { display: flex; }
.slick .slick-slide.card .card-body { flex-direction: column; display: flex; justify-content: space-between; }
.slick-list { display: flex; }
.slick-track { padding-bottom: 20px; display: flex; }
.slick-dots { list-style: none; padding: 0; }
.slick-dots li { display: inline-block; }
.slick-dots li.slick-active button { background: var(--sd-primary); }
.navbar { background: var(--sd-card); height: 100px; padding: 12px 0 12px 0; box-shadow: 0 1px 15px var(--sd-shadow-faint),0 1px 6px var(--sd-shadow-faint); }
.navbar .menu-button { color: var(--sd-muted); width: 120px; text-align: center; }
.navbar .menu-button svg { height: 12px; }
.navbar .menu-button .main { fill: var(--sd-text); transition: fill .3s; }
.navbar .menu-button .sub { fill: var(--sd-text); transition: fill .3s; }
.navbar .menu-button:hover { color: var(--sd-primary); }
@media (max-width:1439px) {
    .navbar .menu-button { width: 110px; }
}
@media (max-width:1199px) {
    .navbar .menu-button { width: 100px; }
}
@media (max-width:767px) {
    .navbar .menu-button { width: 60px; }
}
.navbar .navbar-right { flex-basis: 40%; text-align: right; }
.navbar .navbar-right .user { margin-right: 60px; }
@media (max-width:1439px) {
    .navbar .navbar-right .user { margin-right: 50px; }
}
@media (max-width:1199px) {
    .navbar .navbar-right .user { margin-right: 40px; }
}
@media (max-width:767px) {
    .navbar .navbar-right .user { margin-right: 15px; }
}
.navbar .search { position: relative; width: 230px; border-radius: 20px; background: var(--sd-bg); }
.navbar .search input { border: initial; background: 0 0; outline: initial !important; font-size: .8rem; width: 93%; color: var(--sd-text); padding: .4rem 1rem; line-height: 2; }
.navbar .search .search-icon { font-size: 17px; border-radius: 10px; color: var(--sd-border); position: absolute; width: 40px; height: 40px; bottom: -10px; right: 3px; text-align: center; cursor: pointer; }
.navbar .search .search-icon:hover { color: var(--sd-primary); }
@media (max-width:991px) {
    .navbar .search { width: 115px; }
    .navbar .search input { width: 85%; }
}
@media (max-width:767px) {
    .navbar .search { width: 30px; height: 30px; background: initial; margin-left: .6rem; color: var(--sd-muted); }
    .navbar .search input { display: none; }
    .navbar .search .search-icon { font-size: 17px; width: 30px; height: 30px; bottom: -3px; right: 0; color: inherit; }
}
.navbar .header-icon { font-size: 16px; color: var(--sd-muted); padding-left: .6rem; padding-right: .6rem; vertical-align: initial; }
@media (max-width:575px) {
    .navbar .header-icon { padding-left: .3rem; padding-right: .3rem; }
}
.navbar .header-icon:hover { color: var(--sd-primary); }
.navbar .header-icon#notificationButton .count { font-size: 9px; color: var(--sd-primary); border: 1px solid var(--sd-primary); border-radius: 10px; position: absolute; width: 18px; height: 15px; text-align: center; font-weight: 700; top: -4px; right: 2px; line-height: 14px; }
@media (max-width:575px) {
    .navbar .header-icon#notificationButton .count { right: -1px; }
}
.navbar .user { color: var(--sd-muted); position: relative; }
.navbar .user img { margin-left: 10px; border-radius: 30px; width: 40px; }
.navbar .user .name { color: var(--sd-muted); }
@media (max-width:991px) {
    .navbar .user .name { display: none; }
}
@media (max-width:767px) {
    .navbar .user { margin-left: initial; }
    .navbar .user img { width: 30px; }
    .navbar .user:after { font-size: 11px; width: 14px; height: 14px; bottom: -3px; right: -3px; }
}
@media (max-width:1439px) {
    .navbar { height: 60px; }
}
@media (max-width:1199px) {
    .navbar { height: 60px; padding: 12px 0; }
}
@media (max-width:767px) {
    .navbar { height: 60px; }
}
.logo { width: 110px; height: 35px; background: url(../logos/var(--sd-text).svg) no-repeat; background-position: center center; margin: 0 auto; }
@media (max-width:767px) {
    .logo { width: 80px; }
}
.logo-mobile { width: 20px; height: 35px; background: url(../logos/mobile.svg) no-repeat; background-position: center center; }
#app-container.menu-sub-hidden .menu-button .sub,
#app-container.sub-hidden .menu-button .sub { fill: var(--sd-muted); }
#app-container.main-hidden .menu-button .main,
#app-container.main-hidden .menu-button .sub,
#app-container.menu-hidden .menu-button .main,
#app-container.menu-hidden .menu-button .sub { fill: var(--sd-muted); }
.menu { position: fixed; top: 0; bottom: 0; padding-top: 100px; z-index: 5; height: calc(100% - 100px); transition: border-radius .3s; }
@media (max-width:1439px) {
    .menu { padding-top: 60px; height: calc(100% - 90px); }
}
@media (max-width:1199px) {
    .menu { padding-top: 80px; height: calc(100% - 80px); }
}
@media (max-width:767px) {
    .menu { padding-top: 70px; height: calc(100% - 70px); box-shadow: 0 1px 15px var(--sd-shadow-faint),0 1px 6px var(--sd-shadow-faint); }
}
.app-menu { z-index: 1; box-shadow: 0 1px 15px var(--sd-shadow-faint),0 1px 6px var(--sd-shadow-faint); width: 280px; height: 100%; float: right; background: var(--sd-card); transition: transform .3s; position: fixed; right: 0; top: 100px; height: calc(100% - 100px); }
@media (max-width:1439px) {
    .app-menu { top: 90px; height: calc(100% - 90px); }
}
@media (max-width:1199px) {
    .app-menu { top: 80px; transform: translateX(280px); height: calc(100% - 80px); }
}
@media (max-width:767px) {
    .app-menu { top: 70px; height: calc(100% - 70px); }
}
.app-menu .scroll { height: 100%; }
.app-menu.shown { transform: translateX(0); }
.app-menu .app-menu-button { position: absolute; left: -28px; background: var(--sd-card); top: 45px; padding: 12px 8px 12px 5px; border-radius: .2rem; color: var(--sd-muted); box-shadow: -2px 0 5px var(--sd-shadow-faint); font-size: 15px; line-height: 0; }
@media (max-width:1439px) {
    .app-menu .app-menu-button { top: 36px; }
}
@media (max-width:1199px) {
    .app-menu .app-menu-button { top: 27px; }
}
@media (max-width:767px) {
    .app-menu .app-menu-button { top: 13px; }
}
.app-menu ul li { margin-bottom: 5px; }
.app-menu ul li a { font-size: 13px; display: block; padding: 3px 0; }
.app-menu ul li a:hover i { color: var(--sd-primary); }
.app-menu ul li i { font-size: 1.2em; margin-right: 10px; color: var(--sd-muted); vertical-align: unset; }
@media (max-width:767px) {
    .app-menu ul li i { font-size: 20px; }
}
.app-menu ul li.active a,
.app-menu ul li.active i { color: var(--sd-primary); }
main { margin-left: 410px; margin-top: 145px; margin-right: 60px; margin-bottom: 40px; }
main .container-fluid { padding-left: 0; padding-right: 0; }
@media (max-width:1439px) {
    main { margin-left: 390px; margin-right: 50px; margin-top: 130px; margin-bottom: 30px; }
}
@media (max-width:1199px) {
    main { margin-left: 370px; margin-right: 40px; margin-top: 110px; margin-bottom: 20px; }
}
@media (max-width:767px) {
    main { margin-left: 15px !important; margin-right: 15px !important; margin-top: 80px !important; margin-bottom: 0; }
}
@media (max-width:575px) {
    main { margin-bottom: 0; }
}
#app-container.menu-hidden main,
#app-container.menu-sub-hidden main,
#app-container.sub-hidden main { margin-left: 180px; }
#app-container.main-hidden main,
#app-container.menu-hidden main { margin-left: 60px; }
@media (max-width:1439px) {
    #app-container.menu-hidden main,
    #app-container.menu-sub-hidden main,
    #app-container.sub-hidden main { margin-left: 160px; }
    #app-container.main-hidden main,
    #app-container.menu-hidden main { margin-left: 50px; }
}
@media (max-width:1199px) {
    #app-container.menu-hidden main,
    #app-container.menu-sub-hidden main,
    #app-container.sub-hidden main { margin-left: 140px; }
    #app-container.main-hidden main,
    #app-container.menu-hidden main { margin-left: 40px; }
}
.card { border: initial; background: var(--sd-card); border-radius: .1rem; box-shadow: 0 1px 15px var(--sd-shadow-faint),0 1px 6px var(--sd-shadow-faint); }
.card .card-header .card-icon { right: 5px; top: 5px; }
.card .card-header .card-icon i { font-size: 12px; color: var(--sd-border); }
.card .card-header .handle { cursor: default; }
.card .card-body { padding: 1.75rem; }
@media (max-width:575px) {
    .card .card-body { padding: 1.5rem; }
}
.card .card-body.sm { padding: 1.25rem 1.75rem; }
.card .card-title { margin-bottom: 2rem; }
.card-img { border-radius: calc(.25rem - 1px); height: 100%; object-fit: cover; max-height: 200px; width: unset; }
.card-img-top { width: 100%; border-top-left-radius: .1rem; border-top-right-radius: .1rem; }
.card-img-left { width: 100%; border-top-left-radius: .1rem; border-bottom-left-radius: .1rem; height: 100%; object-fit: cover; }
.card-img-overlay { background: var(--sd-overlay); padding: 1.75rem; }
@media (max-width:575px) {
    .card-img-overlay { padding: 1rem; }
}
.card-top-buttons { padding: 1.3rem; right: 0; top: 0; }
@media (max-width:575px) {
    .card-top-buttons { padding: .35rem; }
}
.card-header { border: initial; background: initial; padding-top: 0; }
.img-thumbnail { border-radius: .1rem; padding: 0; border: initial; }
.list-thumbnail { border-radius: .1rem; padding: 0; border: initial; height: auto; max-width: unset; height: 85px; object-fit: cover; width: unset; }
@media (max-width:991px) {
    .list-thumbnail { height: 80px; }
}
@media (max-width:575px) {
    .list-thumbnail { height: 70px; }
}
@media (max-width:991px) {
    .list-thumbnail.responsive { width: unset; height: 135px; }
}
@media (max-width:575px) {
    .list-thumbnail.responsive { width: 110px !important; height: 100%; }
}
@media (max-width:419px) {
    .list-thumbnail.responsive { width: 90px !important; height: 100%; }
}
.list-thumbnail.small { height: 60px; font-size: 1rem; }
@media (max-width:991px) {
    .list-thumbnail.small { height: 55px; }
}
@media (max-width:575px) {
    .list-thumbnail.small { height: 50px; }
}
.list-thumbnail.xsmall { height: 40px; font-size: 1rem; }
@media (max-width:991px) {
    .list-thumbnail.xsmall { height: 40px; }
}
@media (max-width:575px) {
    .list-thumbnail.xsmall { height: 40px; }
}
.dashboard-filled-line-chart { height: 340px; }
.dashboard-filled-line-chart .chart { height: 200px; }
.dashboard-progress { height: 385px; }
.icon-cards-row { margin-left: -5px; margin-right: -5px; margin-top: -10px; }
.icon-cards-row .card-body { padding: 2rem .5rem; }
.icon-cards-row .card-text { color: var(--sd-muted); height: 30px; line-height: 26px; }
.icon-cards-row .lead { color: var(--sd-primary); margin-bottom: 0; }
.icon-cards-row i { font-size: 38px; line-height: 66px; color: var(--sd-primary); }
.icon-cards-row .card { transition: box-shadow 1s; cursor: pointer; }
@media (max-width:1439px) {
    .icon-cards-row .card-text { height: 48px; line-height: 18px; }
    .icon-cards-row .lead { font-size: 1.6rem; }
    .icon-cards-row i { font-size: 32px; line-height: 47px; }
}
.calendar .alert-info { color: var(--sd-primary); background-color: initial; }
.calendar h2 { font-size: 14px; margin-top: 10px; display: inline-block; }
.fc-view,
.fc-view > table { border-top: initial; }
.fc table { border: initial; }
.fc .table-bordered thead td,
.fc .table-bordered thead th { border-top: initial; border-bottom: initial; border-left: initial; }
.fc td:first-of-type,
.fc th:first-of-type { border-left: initial; border-bottom: initial; }
.fc td:last-of-type,
.fc th:last-of-type { border-right: initial; border-bottom: initial; }
.fc .table-bordered td,
.fc .table-bordered th,
.fc table { border-color: var(--sd-soft) !important; }
.fc-event { border: initial; }
.fc-event { background-color: var(--sd-green-700); color: var(--sd-on-color) !important; padding: 1px 6px; border-radius: 10px; cursor: pointer; text-align: center; }
table.dataTable td { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--sd-soft); outline: initial !important; }
table.dataTable tr:last-of-type td { border-bottom: initial; }
table.dataTable { width: 100% !important; margin-top: 0 !important; margin-bottom: 0 !important; }
table h6,
table p { margin-bottom: initial; }
table.dataTable thead > tr > td.sorting,
table.dataTable thead > tr > th.sorting { padding-top: 10px; padding-bottom: 10px; }
table.dataTable thead .sorting:after { right: 1.5em; }
table.dataTable thead .sorting:before { right: 2em; }
.alert { border-radius: 0; }
.alert-primary { color: var(--sd-primary); background-color: var(--sd-border); border-color: rgba(var(--sd-primary-rgb), .1); }
.alert-secondary { color: var(--sd-green-700); background-color: var(--sd-border); border-color: rgba(var(--sd-primary-rgb), .1); }
.alert-success { color: var(--sd-green-600); background-color: var(--sd-primary-soft); border-color: var(--sd-primary-soft); }
.alert-info { color: var(--sd-info); background-color: var(--sd-info-soft); border-color: var(--sd-info-soft); }
.alert-warning { color: var(--sd-yellow-700); background-color: var(--sd-accent-soft); border-color: var(--sd-accent-soft); }
.alert-danger { color: var(--sd-danger); background-color: var(--sd-danger-soft); border-color: var(--sd-danger-soft); }
.alert-light { color: var(--sd-border); background-color: var(--sd-soft); border-color: var(--sd-line); }
.alert-dismissible .close,
button.close { text-shadow: initial; }
.alert [data-notify=title] { display: block; font-size: .9rem; }
div[data-notify=container] { padding: 18px; }
.custom-control-label,
.form-check-label { line-height: 1.5rem; padding-top: 1px; color: var(--sd-text-2); }
.bootstrap-tagsinput,
.form-control { border-radius: .1rem; outline: initial !important; box-shadow: initial !important; font-size: .8rem; padding: .5rem .75rem; line-height: 1; border: 1px solid var(--sd-border); background: var(--sd-card); color: var(--sd-text); border-color: var(--sd-border); height: calc(2em + .8rem); }
.form-control-sm { padding: .5rem; font-size: .75rem; height: auto !important; }
select { outline: initial !important; box-shadow: initial !important; }
textarea.form-control { line-height: 1.5; }
@keyframes autofill {to { color: var(--sd-text); background: 0 0 }}
input:-webkit-autofill { animation-name: autofill; animation-fill-mode: both; }
input:-webkit-autofill { -webkit-text-fill-color: var(--sd-text) !important; }
.bootstrap-tagsinput input { color: var(--sd-text); }
.has-float-label label::after,
.has-float-label > span::after { background: var(--sd-card); }
.has-float-label > div.error::after { background: initial; }
.form-control:focus { background: var(--sd-card); color: var(--sd-text); }
.bootstrap-tagsinput { width: 100%; }
.bootstrap-tagsinput input { padding: 0; }
.bootstrap-tagsinput .tag [data-role=remove] { margin-top: -1px; display: inline-block; vertical-align: top; }
.bootstrap-tagsinput .tag [data-role=remove]:hover { box-shadow: initial; }
.bootstrap-tagsinput .tag { background: var(--sd-primary); border-radius: 15px; padding: 3px 8px; margin-bottom: 0; display: inline-block; font-size: 12px; }
.bootstrap-tagsinput.focus,
.form-control:focus { border-color: rgba(var(--sd-primary-rgb), .6); }
.bootstrap-tagsinput { min-height: calc(2em + .6rem); height: auto; }
.bootstrap-tagsinput .tag { margin-bottom: .1rem; margin-top: .1rem; }
.bootstrap-tagsinput input { margin-bottom: .1rem; margin-top: .1rem; }
.custom-control-input:disabled ~ .custom-control-label::before { background-color: var(--sd-border); }
.custom-control-input:active ~ .custom-control-label::before { background-color: transparent; }
.custom-checkbox .custom-control-label.indeterminate::after { background-image: url("data:image/svg+xml; charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23FFFFFF' d='M0 2h4'/%3E%3C/svg%3E"); }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml; charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml; charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23FFFFFF'/%3E%3C/svg%3E"); }
.custom-control-input,
.custom-control-label { outline: initial !important; box-shadow: initial !important; }
.custom-select.is-invalid,
.custom-select.is-valid,
.form-control.is-invalid,
.form-control.is-valid,
.was-validated .custom-select:invalid,
.was-validated .custom-select:valid,
.was-validated .form-control:invalid,
.was-validated .form-control:valid { background-image: initial; }
.custom-control-input { left: 1px; top: 3px; opacity: 0; z-index: 1; pointer-events: none; }
.custom-control-label::before { border: 1px solid var(--sd-muted) !important; background: initial !important; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: var(--sd-primary) !important; }
.custom-control-input:checked ~ .custom-control-label::before { background-color: var(--sd-primary) !important; box-shadow: initial !important; border: 1px solid var(--sd-primary) !important; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--sd-primary) !important; box-shadow: initial !important; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--sd-primary) !important; box-shadow: initial !important; }
.custom-control-label::after,
.custom-control-label::before { box-shadow: initial !important; }
.custom-control-label::before { top: .25rem; }
.custom-control-label::after { top: .25rem; }
.btn.rotate i { transform: rotate(180deg); }
.btn .custom-control-label::before { border: 1px solid var(--sd-on-color) !important; background: 0 0 !important; }
.btn .custom-control-input:checked ~ .custom-control-label::before { border: 1px solid var(--sd-on-color) !important; background: 0 0 !important; }
div.error { border-radius: .1rem; padding: .5rem 1rem; font-size: .76rem; color: var(--sd-text); background: var(--sd-card); border: 1px solid var(--sd-primary); text-align: center; width: unset !important; position: absolute; z-index: 4; margin-top: -.5rem; left: 50%; transform: translateX(-50%); line-height: 1.5; box-shadow: 0 1px 15px var(--sd-shadow-faint),0 1px 6px var(--sd-shadow-faint); }
div.error::before { content: ""; position: absolute; top: -5px; left: -2.5px; margin-left: 50%; width: 10px; height: 5px; border-bottom: solid 5px var(--sd-primary); border-left: solid 5px transparent; border-right: solid 5px transparent; }
div.error::after { content: ""; position: absolute; top: -4px; left: -2.5px; margin-left: 50%; width: 10px; height: 5px; border-bottom: solid 5px var(--sd-card); border-left: solid 5px transparent; border-right: solid 5px transparent; }
.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid { border-color: var(--sd-border) !important; }
.custom-select.is-valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.was-validated .form-control:valid { border-color: var(--sd-border) !important; }
.custom-select.is-valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.was-validated .form-control:valid:focus { border-color: rgba(var(--sd-primary-rgb), .6); }
.custom-select.is-invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.was-validated .form-control:invalid:focus { border-color: rgba(var(--sd-primary-rgb), .6); }
.custom-control-input.is-valid ~ .custom-control-label::before,
.was-validated .custom-control-input:valid ~ .custom-control-label::before { background: initial !important; }
.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label { color: var(--sd-text); }
.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { background-color: var(--sd-primary) !important; }
.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label { color: var(--sd-text); }
.custom-control-input.is-invalid ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid ~ .custom-control-label::before { background: initial !important; }
.select2-container--bootstrap .select2-selection--single { border-radius: .1rem !important; font-size: .8rem; padding: .5rem .75rem; line-height: 1; height: calc(2em + .8rem); }
.select2-container--bootstrap .select2-selection.form-control,
.select2-dropdown { background: var(--sd-card); }
.select2-container--bootstrap .select2-results__option[aria-selected=true] { background: var(--sd-card); color: var(--sd-text); }
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: var(--sd-text); padding-top: 5px; }
.input-group-text { background-color: var(--sd-line); border-color: var(--sd-border); color: var(--sd-text); font-size: .8rem; padding: .5rem .75rem .5rem .75rem; line-height: 1 !important; }
.select2-container--bootstrap .select2-selection { border: 1px solid var(--sd-border); }
.select2-container--bootstrap .select2-selection--multiple { height: calc(2em + .8rem) !important; font-size: .8rem; padding: .5rem 75rem; min-height: initial !important; padding: .5rem .25rem; }
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { min-height: initial !important; height: initial; }
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection { border-color: rgba(var(--sd-primary-rgb), .7); }
.select2-container--bootstrap .select2-dropdown { border-color: rgba(var(--sd-primary-rgb), .7); }
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background-color: var(--sd-primary); color: var(--sd-on-color); }
.select2-container--bootstrap .select2-selection.form-control,
.select2-dropdown { border-radius: .1rem !important; }
.select2-container--bootstrap .select2-search--dropdown .select2-search__field { border-radius: .1rem !important; border: 1px solid var(--sd-muted); outline: initial; background: var(--sd-card); color: var(--sd-text); }
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { outline: initial; background: var(--sd-card); color: var(--sd-text); }
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { border-radius: .1rem; background: var(--sd-card); color: var(--sd-text); border-color: var(--sd-border); margin: 0 0 0 8px; }
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover { outline: initial; text-shadow: initial; color: var(--sd-primary); }
.typeahead.dropdown-menu { width: 100%; border-radius: .1rem !important; }
.typeahead.dropdown-menu .dropdown-item { padding: .5rem .75rem !important; }
.typeahead.dropdown-menu .active a { background-color: var(--sd-primary); color: var(--sd-on-color); }
.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 10px; height: calc(2em); }
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { padding-top: 3px; padding-left: 8px; }
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { margin: 2px 0 2px 5px; }
.select2-container--bootstrap .select2-selection--multiple { height: unset !important; padding: .4rem .25rem; }
.datepicker-dropdown { transform: translateY(-150px); }
@media (max-width:1439px) {
    .datepicker-dropdown { transform: translateY(-105px); }
}
@media (max-width:1199px) {
    .datepicker-dropdown { transform: translateY(-107px); }
}
@media (max-width:767px) {
    .datepicker-dropdown { transform: translateY(-105px); }
}
.datepicker-dropdown:before { border-bottom-color: var(--sd-border); }
.datepicker table tr td.range { color: var(--sd-on-color); background-color: var(--sd-primary); border-color: var(--sd-primary); }
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted { color: var(--sd-on-color); background-color: var(--sd-primary); border-color: var(--sd-primary); }
.datepicker-dropdown.datepicker-orient-top:before { border-top: 7px solid var(--sd-border); }
.datepicker table tr td,
.datepicker table tr th { color: var(--sd-text); }
.datepicker-dropdown.datepicker-orient-top:after { border-top-color: var(--sd-card); }
.datepicker-dropdown.datepicker-orient-bottom:after { border-bottom-color: var(--sd-card); }
.datepicker table tr td.day:hover,
.datepicker table tr td.focused { background: var(--sd-border); }
.datepicker table tr td,
.datepicker table tr th { width: 35px; height: 35px; border-radius: .1rem; }
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active { color: var(--sd-on-color); background-color: var(--sd-primary); border-color: var(--sd-primary); }
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover { color: var(--sd-on-color); background-color: var(--sd-primary-hover); border-color: var(--sd-primary-hover); }
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active { background-color: var(--sd-primary-hover); border-color: var(--sd-primary-hover); }
.datepicker.datepicker-inline,
.datepicker.datepicker-inline table { width: 100%; }
.datepicker table tr td span.focused,
.datepicker table tr td span:hover { background: var(--sd-border); }
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover { background: var(--sd-border); }
.dropzone { min-height: 115px !important; border: 1px solid var(--sd-border) !important; background: var(--sd-card) !important; padding: 10px 10px !important; border-radius: .1rem !important; color: var(--sd-text) !important; height: auto; }
.dropzone .img-thumbnail { height: 58px !important; width: 100% !important; object-fit: cover !important; }
@-webkit-keyframes pulse-inner {0% { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1) } 10% { -webkit-transform: scale(.8,1); -moz-transform: scale(.8,1); -ms-transform: scale(.8,1); -o-transform: scale(.8,1); transform: scale(.8,1) } 20% { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1) }}
@-moz-keyframes pulse-inner {0% { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1) } 10% { -webkit-transform: scale(.8,1); -moz-transform: scale(.8,1); -ms-transform: scale(.8,1); -o-transform: scale(.8,1); transform: scale(.8,1) } 20% { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1) }}
@keyframes pulse-inner {0% { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1) } 10% { -webkit-transform: scale(.8,1); -moz-transform: scale(.8,1); -ms-transform: scale(.8,1); -o-transform: scale(.8,1); transform: scale(.8,1) } 20% { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1) }}
select.form-control { padding: 0 .75rem; }
.custom-switch { padding-left: initial; }
.custom-switch .custom-switch-input + .custom-switch-btn { background: var(--sd-border); }
.custom-switch.custom-switch-primary-inverse .custom-switch-input + .custom-switch-btn { border: 1px solid var(--sd-border); }
.custom-switch.custom-switch-primary-inverse .custom-switch-input:checked + .custom-switch-btn { background: var(--sd-card); border: 1px solid var(--sd-primary); }
.custom-switch.custom-switch-primary-inverse .custom-switch-input:checked + .custom-switch-btn:after { background: var(--sd-primary); }
.input-group-text { border-radius: .1rem; }
.custom-switch .custom-switch-input + .custom-switch-btn:after { background: var(--sd-card); }
.custom-switch .custom-switch-input + .custom-switch-btn { border-color: var(--sd-border); }
.form-control-sm { border-radius: .1rem; }
.custom-select { border-radius: .1rem; padding: .75rem; font-size: .8rem; line-height: 1; height: calc(2em + .8rem); }
.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) { outline: initial !important; box-shadow: initial !important; }
.custom-select:focus { border-color: var(--sd-primary); }
.input-group > .custom-select:not(:first-child),
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:first-child),
.input-group > .form-control:not(:last-child) { outline: initial !important; box-shadow: initial !important; }
.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) { background: var(--sd-card); color: var(--sd-text); border-color: var(--sd-border); }
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) { background: var(--sd-card); color: var(--sd-text); border-color: var(--sd-border); }
.has-float-label label,
.has-float-label > span { color: var(--sd-text-2); }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link { color: var(--sd-on-color); background-color: var(--sd-primary); }
.nav-pills .nav-link { border-radius: 50px; }
@media (max-width:767px) {
    .nav-link { padding: .5rem .5rem; }
}
.nav-link.active { color: var(--sd-primary); }
.popover { border-radius: .1rem; background-color: var(--sd-card); border-color: var(--sd-border); }
.popover .popover-body { color: var(--sd-text); }
.popover,
.tooltip { top: -145px; }
@media (max-width:1439px) {
    .popover,
    .tooltip { top: -130px; }
}
@media (max-width:1199px) {
    .popover,
    .tooltip { top: -110px; }
}
@media (max-width:767px) {
    .popover,
    .tooltip { top: -80px; }
}
.popover-header { background-color: transparent; border-bottom: initial; }
.tooltip-inner { padding: .5rem .75rem; color: var(--sd-text); background-color: var(--sd-card); border-radius: .1rem; border: 1px solid var(--sd-border); }
.tooltip.show { opacity: 1; }
.bs-popover-auto[x-placement^=right] .arrow::before { border-right-color: var(--sd-border); }
.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: var(--sd-card); }
.bs-popover-auto[x-placement^=left] .arrow::before { border-left-color: var(--sd-border); }
.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: var(--sd-card); }
.bs-popover-auto[x-placement^=bottom] .arrow::before { border-bottom-color: var(--sd-border); }
.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: var(--sd-card); }
.bs-popover-auto[x-placement^=top] .arrow::before { border-top-color: var(--sd-border); }
.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: var(--sd-card); }
.tooltip .arrow::after,
.tooltip .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; }
.bs-tooltip-auto[x-placement^=right] .arrow::after,
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::after,
.bs-tooltip-right .arrow::before { border-width: .5rem .5rem .5rem 0; }
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before { left: 0; border-right-color: var(--sd-border); }
.bs-tooltip-auto[x-placement^=right] .arrow::after,
.bs-tooltip-right .arrow::after { left: 1px; border-right-color: var(--sd-card); }
.bs-tooltip-auto[x-placement^=right] .arrow::after,
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::after,
.bs-tooltip-right .arrow::before { border-width: .4rem .4rem .4rem 0; }
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before { bottom: 0; border-top-color: var(--sd-border); }
.bs-tooltip-auto[x-placement^=top] .arrow::after,
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::after,
.bs-tooltip-top .arrow::before { border-width: .5rem .5rem 0; }
.bs-tooltip-auto[x-placement^=top] .arrow::after,
.bs-tooltip-top .arrow::after { bottom: 1px; border-top-color: var(--sd-card); }
.bs-tooltip-auto[x-placement^=top] .arrow::after,
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::after,
.bs-tooltip-top .arrow::before { border-width: .4rem .4rem 0; }
.bs-tooltip-auto[x-placement^=bottom] .arrow::after,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::after,
.bs-tooltip-bottom .arrow::before { border-width: 0 .5rem .5rem .5rem; }
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before { top: 0; border-bottom-color: var(--sd-border); }
.bs-tooltip-auto[x-placement^=bottom] .arrow::after,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::after,
.bs-tooltip-bottom .arrow::before { border-width: 0 .5rem .5rem .5rem; }
.bs-tooltip-auto[x-placement^=bottom] .arrow::after,
.bs-tooltip-bottom .arrow::after { top: 1px; border-bottom-color: var(--sd-card); }
.bs-tooltip-auto[x-placement^=left] .arrow::after,
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::after,
.bs-tooltip-left .arrow::before { border-width: .5rem 0 .5rem .5rem; }
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before { right: 0; border-left-color: var(--sd-border); }
.bs-tooltip-auto[x-placement^=left] .arrow::after,
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::after,
.bs-tooltip-left .arrow::before { border-width: .5rem 0 .5rem .5rem; }
.bs-tooltip-auto[x-placement^=left] .arrow::after,
.bs-tooltip-left .arrow::after { right: 0; border-left-color: var(--sd-card); }
.progress { height: 3px; background-color: var(--sd-soft); }
.progress-bar { background-color: var(--sd-primary); }
.progressbar-text { position: absolute; left: 0; width: 50px; text-align: center; top: 50%; transform: translateY(-50%); color: var(--sd-text) !important; }
.progress-bar-circle { width: 54px; height: 54px; }
.progress-bar-circle svg path:first-of-type { stroke: var(--sd-border); }
.progress-bar-circle svg path:last-of-type { stroke: var(--sd-primary); }
.sortable { cursor: default; }
.sortable span { vertical-align: middle; }
@-webkit-keyframes sk-bouncedelay {0%,100%,80% { -webkit-transform: scale(.3); opacity: 0 } 40% { -webkit-transform: scale(1); opacity: 1 }}
@keyframes sk-bouncedelay {0%,100%,80% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } 40% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }}
.cropper-line { background-color: var(--sd-primary); }
.cropper-point { background-color: var(--sd-primary); }
.cropper-view-box { outline-color: var(--sd-primary); outline: var(--sd-primary); }
.cropper-preview { overflow: hidden; }
#cropperContainer { height: 300px; display: none; }
.modal .modal-body,
.modal .modal-footer,
.modal .modal-header { padding: 1.75rem; }
.modal .modal-header { border-bottom: 1px solid var(--sd-border); }
.modal .modal-footer { border-top: 1px solid var(--sd-border); }
.modal .close { color: var(--sd-text); text-shadow: initial; }
.modal .modal-content { border: initial; border-radius: .1rem; background: var(--sd-card); }
.modal-right { padding-right: 0 !important; }
.modal-right .modal-dialog { margin: 0 auto; margin-right: 0; margin-top: 0; margin-bottom: 0; height: 100%; max-width: 380px; }
.modal-right .modal-content { min-height: 100%; }
.modal-right .modal-header { flex: 0 0 100px; }
@media (max-width:1439px) {
    .modal-right .modal-header { flex: 0 0 90px; }
}
@media (max-width:1199px) {
    .modal-right .modal-header { flex: 0 0 80px; }
}
@media (max-width:767px) {
    .modal-right .modal-header { flex: 0 0 70px; }
}
.modal-right .modal-footer { justify-content: center; flex-grow: 0; flex-shrink: 0; }
.modal-right.modal.fade .modal-dialog { transform: translate(25%,0); }
.modal-right.modal.show .modal-dialog { transform: translate(0,0); }
.auth-card { display: flex; flex-direction: row; box-shadow: 0 1px 15px var(--sd-shadow-faint),0 1px 6px var(--sd-shadow-faint); }
.auth-card .image-side { width: 40%; background: url(../img/login/balloon.jpg) no-repeat center top; background-size: cover; padding: 80px 40px; }
.auth-card .image-side .h3 { line-height: .8rem; }
.auth-card .form-side { width: 60%; padding: 80px; }
@media (max-width:991px) {
    .auth-card { flex-direction: column; }
    .auth-card .image-side { width: 100%; padding: 60px; }
    .auth-card .form-side { width: 100%; padding: 60px; }
}
@media (max-width:767px) {
    .auth-card p.h2 { font-size: 1.6rem; }
}
@media (max-width:575px) {
    .auth-card { flex-direction: column; }
    .auth-card .image-side { padding: 35px 30px; }
    .auth-card .form-side { padding: 35px 30px; }
    .auth-card .logo-single { margin-bottom: 20px; }
    .auth-card p.h2 { font-size: 1.4rem; }
}
.html-editor-bubble { height: 200px; }
.simple-line-icons .glyph { width: 14.28%; text-align: center !important; float: left; height: 100px; }
.simple-line-icons .glyph .fa,
.simple-line-icons .glyph .glyph-icon { font-size: 32px; text-align: center !important; }
@media (max-width:1199px) {
    .simple-line-icons .glyph { width: 16.66%; }
}
@media (max-width:991px) {
    .simple-line-icons .glyph { width: 20%; }
}
@media (max-width:767px) {
    .simple-line-icons .glyph { width: 25%; }
}
@media (max-width:575px) {
    .simple-line-icons .glyph { width: 50%; }
}
.chart-container { height: 300px; }
.loading { display: inline-block; width: 30px; height: 30px; border: 2px solid rgba(var(--sd-primary-rgb), .2); border-radius: 50%; border-top-color: var(--sd-primary); animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; left: calc(50% - 15px); top: calc(50% - 15px); position: fixed; z-index: 1; }
@keyframes spin {to { -webkit-transform: rotate(360deg) }}
@-webkit-keyframes spin {to { -webkit-transform: rotate(360deg) }}
.list .card.active { box-shadow: 0 3px 30px var(--sd-shadow-soft),0 3px 20px var(--sd-shadow-soft); }
.table { color: var(--sd-text); }
.table td,
.table th { border-color: var(--sd-soft) !important; }
.table-striped tbody tr:nth-of-type(odd) { background-color: var(--sd-soft) !important; }
@media print {
    body { background: var(--sd-card); height: 100%; }
    main { margin: 0 !important; }
    .menu,
    .navbar { display: none; }
    footer { display: none; }
    .invoice { width: 100%; max-width: 100%; }
    .invoice.row { margin: 0; }
    .invoice [class*=col] { padding: 0; }
}
.post-icon i { font-size: 1.1rem; vertical-align: middle; }
.post-icon span { display: inline-block; padding-top: 3px; vertical-align: middle; }
.comment-likes { text-align: right; flex-basis: 90px; flex-shrink: 0; }
.comment-contaiener input { border-top-left-radius: 50px; border-bottom-left-radius: 50px; padding-left: 20px; }
.col-left { padding-right: 20px; }
@media (max-width:991px) {
    .col-left { padding-right: 15px; }
}
.glide .card-img { width: 100%; height: auto; }
.glide.details img { margin-bottom: 0; object-fit: cover; }
.glide.thumbs { cursor: pointer; width: 340px; margin: 0 auto; }
@media (max-width:767px) {
    .glide.thumbs { width: 300px; }
}
@media (max-width:575px) {
    .glide.thumbs { width: calc(100% - 80px); }
}
.glide.thumbs li { text-align: center; opacity: .4; transition: opacity .2s; height: 45px; object-fit: cover; }
.glide.thumbs li.active,
.glide.thumbs li:hover { opacity: 1; }
.glide.thumbs li img { width: 60px; margin-bottom: 0; }
.glide.details img { width: 100%; }
@media (max-width:991px) {
    .glide.details img { max-height: 500px; }
}
@media (max-width:767px) {
    .glide.details img { max-height: 400px; }
}
@media (max-width:575px) {
    .glide.details img { max-height: 300px; }
}
@media (max-width:419px) {
    .glide.details img { max-height: 200px; }
}
.rounded .popover,
.rounded .tooltip-inner { border-radius: .75rem; }
.rounded .border-radius { border-radius: .75rem; }
.rounded .app-menu { border-top-left-radius: .75rem; border-bottom-left-radius: .75rem; }
.rounded .auth-card .image-side { border-top-left-radius: .75rem; border-bottom-left-radius: .75rem; }
@media (max-width:991px) {
    .rounded .auth-card .image-side { border-bottom-right-radius: initial; border-bottom-left-radius: initial; border-top-left-radius: .75rem; border-top-right-radius: .75rem; }
}
.rounded .card-img,
.rounded .card-img-overlay { border-radius: .75rem; }
.rounded .dropdown-menu { border-radius: .75rem; }
.rounded .btn.default { border-radius: .1rem; }
.rounded .list-thumbnail { border-radius: .75rem; }
.rounded .card-img-top { border-top-left-radius: .75rem; border-top-right-radius: .75rem; border-bottom-left-radius: initial; border-bottom-right-radius: initial; }
.rounded .card-img-left { border-top-left-radius: .75rem; border-bottom-left-radius: .75rem; border-top-right-radius: initial !important; border-bottom-right-radius: initial !important; }
.rounded .card { border-radius: .75rem; }
.rounded .card.auth-card { border-top-left-radius: 1.25rem; border-bottom-left-radius: 1.25rem; }
@media (max-width:991px) {
    .rounded .card.auth-card { border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem; border-bottom-right-radius: .75rem; border-bottom-left-radius: .75rem; }
}
.rounded div.error { border-radius: 10px; }
.rtl { direction: rtl; }
.rtl .text-center a,
.rtl .text-center div,
.rtl .text-center h1,
.rtl .text-center h2,
.rtl .text-center h3,
.rtl .text-center h4,
.rtl .text-center h5,
.rtl .text-center h6,
.rtl .text-center i,
.rtl .text-center p,
.rtl .text-center span { text-align: center; }
.rtl .list-unstyled { padding-right: 0; }
.rtl .breadcrumb-item + .breadcrumb-item { padding-left: initial; padding-right: .5rem; }
.rtl .breadcrumb-item + .breadcrumb-item::before { padding-left: .5rem; padding-right: initial; }
.rtl .dropdown-menu:not(.datepicker-dropdown) { right: initial !important; }
.rtl .dropdown-menu-right { right: initial !important; left: 0 !important; }
.rtl .btn-group > .btn:first-child { margin-left: -1px; }
.rtl .col-left { padding-left: 20px; padding-right: 15px; }
@media (max-width:991px) {
    .rtl .col-left { padding-left: 15px; }
}
.rtl .custom-control-label::after,
.rtl .custom-control-label::before { left: initial; right: -1.5rem; }
.rtl .typeahead.dropdown-menu { right: 0 !important; }
.rtl .typeahead-container .btn { border-radius: .1rem !important; }
.rtl .typeahead-container .input-group-append { margin-left: 0; margin-right: -1px; }
.rtl .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.rtl .input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.rtl .input-group > .input-group-append:not(:last-child) > .btn,
.rtl .input-group > .input-group-append:not(:last-child) > .input-group-text,
.rtl .input-group > .input-group-prepend > .btn,
.rtl .input-group > .input-group-prepend > .input-group-text { border-radius: .1rem; }
.rtl .input-group-append .btn + .btn,
.rtl .input-group-append .btn + .input-group-text,
.rtl .input-group-append .input-group-text + .btn,
.rtl .input-group-append .input-group-text + .input-group-text,
.rtl .input-group-prepend .btn + .btn,
.rtl .input-group-prepend .btn + .input-group-text,
.rtl .input-group-prepend .input-group-text + .btn,
.rtl .input-group-prepend .input-group-text + .input-group-text { margin-left: 0; margin-right: -1px; }
.rtl .input-group > .input-group-append > .btn,
.rtl .input-group > .input-group-append > .input-group-text,
.rtl .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.rtl .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.rtl .input-group > .input-group-prepend:not(:first-child) > .btn,
.rtl .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-radius: .1rem; }
.rtl .input-group-text { border-radius: .1rem !important; }
.rtl .input-group-prepend { margin-right: 0; margin-left: -1px; }
.rtl .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.rtl .input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.rtl .input-group > .input-group-append:not(:last-child) > .btn,
.rtl .input-group > .input-group-append:not(:last-child) > .input-group-text,
.rtl .input-group > .input-group-prepend > .btn,
.rtl .input-group > .input-group-prepend > .input-group-text { border-radius: 50px; }
.rtl .input-group > .input-group-append > .btn,
.rtl .input-group > .input-group-append > .input-group-text,
.rtl .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.rtl .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.rtl .input-group > .input-group-prepend:not(:first-child) > .btn,
.rtl .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-radius: 50px; }
.rtl .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.rtl .input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.rtl .input-group > .input-group-append:not(:last-child) > .btn,
.rtl .input-group > .input-group-append:not(:last-child) > .input-group-text,
.rtl .input-group > .input-group-prepend > .btn,
.rtl .input-group > .input-group-prepend > .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.rtl .input-group > .input-group-prepend:first-child > .btn:not(:first-child) { border-radius: 0 !important; }
.rtl .input-group > .input-group-append > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.rtl .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.rtl table.dataTable thead > tr > td.sorting,
.rtl table.dataTable thead > tr > th.sorting { padding-right: 0; padding-left: 30px; }
.rtl table.dataTable thead .sorting:before { right: initial; left: 2em; }
.rtl table.dataTable thead .sorting:after { right: initial; left: 1.5em; }
.rtl .btn-group > .btn-group:not(:first-child) > .btn,
.rtl .btn-group > .btn:not(:first-child) { border-radius: initial; }
.rtl .btn-group > .btn:first-child { border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.rtl .btn-group > .btn:last-of-type { border-top-left-radius: 50px !important; border-bottom-left-radius: 50px !important; }
.rtl .datepicker-dropdown { right: initial; }
.rtl .card .card-header .card-icon { left: 10px; right: initial; }
.rtl .custom-control { padding-right: 1.5rem; padding-left: inherit; margin-right: inherit; margin-left: initial; }
.rtl .nav,
.rtl .pagination { padding-right: 0; }
.rtl .card-top-buttons { right: initial; left: 0; }
.rtl .comment-likes { text-align: left; }
.rtl .comment-contaiener input { border-top-left-radius: initial; border-bottom-left-radius: initial; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; padding-left: inherit; padding-right: 20px; }
.rtl .app-menu { left: 0; right: initial; }
@media (max-width:1199px) {
    .rtl .app-menu { transform: translateX(-280px); }
}
.rtl .app-menu.shown { transform: translateX(0); }
.rtl .app-menu .app-menu-button { left: calc(280px - 2px); box-shadow: 4px 0 5px var(--sd-shadow-faint); }
.rtl .float-right { float: left !important; }
.rtl .float-left { float: right !important; }
.rtl .badge.badge-top-left { left: initial; right: -7px; }
.rtl .badge.badge-top-right { left: -7px; right: initial; }
.rtl .form-check { padding-left: 0; padding-right: 1.25rem; }
.rtl .has-float-label label,
.rtl .has-float-label > span:last-of-type { right: .75rem; left: initial; }
.rtl .select2-selection__arrow { right: initial; left: 12px; }
.rtl .nav-pills .nav-link { text-align: center; }
.rtl .custom-switch .custom-switch-input + .custom-switch-btn:after { left: 0; }
.rtl .custom-switch .custom-switch-input:checked + .custom-switch-btn:after { left: -28px; }
.rtl .bootstrap-tagsinput .tag { padding-right: 10px; padding-left: 20px; }
.rtl .bootstrap-tagsinput .tag span { margin-left: 0; position: relative; }
.rtl .bootstrap-tagsinput .tag span:after { position: absolute; top: -2px; left: -15px; }
.rtl .scroll { margin-left: -15px; padding-left: 15px; margin-right: 0; padding-right: 0; }
.rtl .modal .modal-body,
.rtl .modal .modal-footer,
.rtl .modal .modal-header { padding: 1.75rem; }
@media (max-width:575px) {
    .rtl .modal .modal-body,
    .rtl .modal .modal-footer,
    .rtl .modal .modal-header { padding: 1.5rem; }
}
.rtl .chart { direction: ltr; }
.rtl .chart canvas { direction: rtl; }
.rtl .icon-button { text-align: center; }
.rtl .menu { right: 0; left: initial; }
.rtl main { margin-right: 410px; margin-left: 60px !important; overflow: initial !important; }
@media (max-width:1439px) {
    .rtl main { margin-right: 390px; margin-left: 50px !important; }
}
@media (max-width:1199px) {
    .rtl main { margin-right: 370px; margin-left: 40px !important; }
}
@media (max-width:767px) {
    .rtl main { margin-right: 15px !important; margin-left: 15px !important; }
}
@media (max-width:575px) {
    .rtl main { margin-bottom: 0; }
}
.rtl .navbar .navbar-right { text-align: left; }
.rtl .navbar .menu-button { text-align: center; }
.rtl .navbar .search .search-icon { right: initial; left: 5px; }
@media (max-width:767px) {
    .rtl .navbar .search { margin-right: .6rem; margin-left: initial; }
    .rtl .navbar .search input { display: none; }
}
.rtl .navbar .navbar-right { text-align: left; }
.rtl .navbar .navbar-right .user { margin-left: 60px; margin-right: 0; }
@media (max-width:1439px) {
    .rtl .navbar .navbar-right .user { margin-left: 50px; margin-right: 0; }
}
@media (max-width:1199px) {
    .rtl .navbar .navbar-right .user { margin-left: 40px; margin-right: 0; }
}
@media (max-width:767px) {
    .rtl .navbar .navbar-right .user { margin-left: 15px; margin-right: 0; }
}
.rtl .navbar .navbar-right .user img { margin-right: 10px; margin-left: initial; }
.rtl .navbar .navbar-right #notificationButton .count { text-align: center; }
@media (max-width:575px) {
    .rtl .navbar .navbar-right #notificationButton .count { left: -1px; }
}
.rtl .simple-icon-arrow-left:before { content: "\e606"; }
.rtl .simple-icon-arrow-right:before { content: "\e605"; }
.rtl#app-container.menu-hidden main,
.rtl#app-container.menu-sub-hidden main,
.rtl#app-container.sub-hidden main { margin-right: 180px; }
.rtl#app-container.main-hidden main,
.rtl#app-container.menu-hidden main { margin-right: 60px; }
@media (max-width:1439px) {
    .rtl#app-container.menu-hidden main,
    .rtl#app-container.menu-sub-hidden main,
    .rtl#app-container.sub-hidden main { margin-right: 160px; }
    .rtl#app-container.main-hidden main,
    .rtl#app-container.menu-hidden main { margin-right: 50px; }
}
@media (max-width:1199px) {
    .rtl#app-container.menu-hidden main,
    .rtl#app-container.menu-sub-hidden main,
    .rtl#app-container.sub-hidden main { margin-right: 140px; }
    .rtl#app-container.main-hidden main,
    .rtl#app-container.menu-hidden main { margin-right: 40px; }
}
.rtl.rounded .app-menu { border-top-right-radius: .75rem; border-bottom-right-radius: .75rem; }
.rtl.rounded .auth-card .image-side { border-top-left-radius: .75rem; border-bottom-left-radius: .75rem; }
.rtl.rounded .card-img,
.rtl.rounded .card-img-overlay { border-radius: .75rem; }
.rtl.rounded .card-img-left { border-top-right-radius: .75rem !important; border-bottom-right-radius: .75rem !important; border-top-left-radius: initial !important; border-bottom-left-radius: initial !important; }
.rtl.rounded .card.auth-card { border-top-left-radius: .75rem; border-bottom-left-radius: .75rem; border-top-right-radius: 1.25rem; border-bottom-right-radius: 1.25rem; }
.rtl.rounded .auth-card .image-side { border-top-left-radius: initial; border-bottom-left-radius: initial; border-top-right-radius: .75rem; border-bottom-right-radius: .75rem; }
body { min-height: calc(100% - 150px); position: relative; padding-bottom: 90px; }
@media (max-width:1439px) {
    body { min-height: calc(100% - 130px); }
}
@media (max-width:1199px) {
    body { min-height: calc(100% - 110px); }
}
@media (max-width:767px) {
    body { min-height: calc(100% - 85px); }
}
@media (max-width:575px) {
    body { padding-bottom: 60px; }
}
body.no-footer { padding-bottom: initial; }
footer.page-footer { padding-top: 2.2rem; padding-bottom: 2.2rem; border-top: 0px solid var(--sd-border); width: 100%; position: absolute; bottom: 0; width: 100%; height: 90px; }
@media (max-width:575px) {
    footer.page-footer { height: 60px; padding-top: 1.2rem; padding-bottom: 1.2rem; }
}
footer.page-footer .breadcrumb-item + .breadcrumb-item::before { color: var(--sd-primary); }
footer.page-footer .container-fluid { padding-left: 0; padding-right: 0; }
footer.page-footer .footer-content { margin-left: 410px; margin-right: 60px; }
@media (max-width:1439px) {
    footer.page-footer .footer-content { margin-left: 390px; margin-right: 50px; }
}
@media (max-width:1199px) {
    footer.page-footer .footer-content { margin-left: 370px; margin-right: 40px; }
}
@media (max-width:767px) {
    footer.page-footer .footer-content { margin-left: 15px !important; margin-right: 15px !important; }
}
#app-container.menu-hidden .footer-content,
#app-container.menu-sub-hidden .footer-content,
#app-container.sub-hidden .footer-content { margin-left: 180px; }
#app-container.main-hidden .footer-content,
#app-container.menu-hidden .footer-content { margin-left: 60px; }
@media (max-width:1439px) {
    #app-container.menu-hidden .footer-content,
    #app-container.menu-sub-hidden .footer-content,
    #app-container.sub-hidden .footer-content { margin-left: 160px; }
    #app-container.main-hidden .footer-content,
    #app-container.menu-hidden .footer-content { margin-left: 50px; }
}
@media (max-width:1199px) {
    #app-container.menu-hidden .footer-content,
    #app-container.menu-sub-hidden .footer-content,
    #app-container.sub-hidden .footer-content { margin-left: 140px; }
    #app-container.main-hidden .footer-content,
    #app-container.menu-hidden .footer-content { margin-left: 40px; }
}
.rtl footer.page-footer .footer-content { margin-right: 410px; margin-left: 60px; }
@media (max-width:1439px) {
    .rtl footer.page-footer .footer-content { margin-right: 390px; margin-left: 50px; }
}
@media (max-width:1199px) {
    .rtl footer.page-footer .footer-content { margin-right: 370px; margin-left: 40px; }
}
@media (max-width:767px) {
    .rtl footer.page-footer .footer-content { margin-right: 15px !important; margin-left: 15px !important; }
}
.rtl#app-container.menu-hidden .footer-content,
.rtl#app-container.menu-sub-hidden .footer-content,
.rtl#app-container.sub-hidden .footer-content { margin-right: 180px; margin-left: 60px; }
.rtl#app-container.main-hidden .footer-content,
.rtl#app-container.menu-hidden .footer-content { margin-right: 60px; margin-left: 60px; }
@media (max-width:1439px) {
    .rtl#app-container.menu-hidden .footer-content,
    .rtl#app-container.menu-sub-hidden .footer-content,
    .rtl#app-container.sub-hidden .footer-content { margin-right: 160px; margin-left: 50px; }
    .rtl#app-container.main-hidden .footer-content,
    .rtl#app-container.menu-hidden .footer-content { margin-right: 50px; margin-left: 50px; }
}
@media (max-width:1199px) {
    .rtl#app-container.menu-hidden .footer-content,
    .rtl#app-container.menu-sub-hidden .footer-content,
    .rtl#app-container.sub-hidden .footer-content { margin-right: 140px; margin-left: 40px; }
    .rtl#app-container.main-hidden .footer-content,
    .rtl#app-container.menu-hidden .footer-content { margin-right: 40px; margin-left: 40px; }
}
.footer_cont { background-color: var(--sd-card-2); border-radius: 50px 50px 0px 0px; }
.class_new a:hover { color: var(--sd-text); }
.selectBox select { background-color: var(--sd-card); color: var(--sd-text); border: 1px solid var(--sd-border); border-radius: .1rem; }
.multipleSelection { background-color: var(--sd-card); border: 1px solid var(--sd-border); border-radius: .1rem; }