:root {
    /*here must be the global variables like gutters, spacing etc...*/
    --space-sm: 00.25rem;
    --space-md: 0.5rem;
}

.footerContainer .back-to-top {
    position: absolute;
    color: rgb(var(--bs-primary-rgb));
    background: rgb(var(--bs-secondary-rgb));
    border-radius: 50%;
    right: 18px;
    top: -18px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    -webkit-box-shadow: 0 0 15px 0 rgba(50, 50, 50 , 0.5);
    -moz-box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.5);
    box-shadow: 0 0 15px 0 rgba(50, 50, 50 , 0.5);
}

.footerContainer .back-to-top:hover {
    opacity: 0.7;
}

.footerContainer {
    color: #000000;
    background-color: #ffffff;
}

.footerContainer a {
    text-decoration: none;
}

.footerMainItems {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.footerLogoContainer {
    width: 250px;
    padding: 0.5em;
}

.footerLogoContainer a {
    display: inline-block;
    width: 100%;
}

.footerLogoContainer .footerImage {
    background-image: var(--logo-img-url);
    width: 100%;
    height: 65px;
    background-repeat: no-repeat, no-repeat;
    background-position: right, left;
    background-size: contain;
}

.footerLinksContainer {
    font-weight: 700;
    margin: 0;
}

.footerLinksContainer li a.demo {
    color: rgb(var(--bs-primary-rgb));
}

.footerLinksContainer a:hover {
    text-decoration: underline;
}

.footerLinksContainer a {
    color: #000000;
}

.footerCompanyInfo {
    margin-top: 60px;
    font-size: 0.75rem;
    font-weight: 500;
}

.footerCompanyInfo span a {
    color: rgb(var(--bs-secondary-rgb));
}

.footerCompanyInfo span a:hover {
    text-decoration: underline;
}

.footerCopyrights {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.footerCopyrights ul {
    margin: 0;
}

.footerCopyrights ul a:hover {
    text-decoration: underline;
}

.footerCopyrights .termsOfServiceLink a {
    color: rgb(var(--bs-primary-rgb));
}

.footerCopyrights .socialContainer {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.footerCopyrights .socialContainer a {
    background-color: rgba(29,37,45,0.3);
    padding: 10px;
    border-radius: 999px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 39px;
    height: 39px;
    transition: all ease-out 0.3s;
    margin: 5px;
    font-size: 1rem;
}

.footerCopyrights .socialContainer a:hover {
    background-color: rgb(var(--bs-primary-rgb));
}

.navbar-container {
    --bs-bg-opacity: .5;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.navbar-logo {
    width: 150px;
}

.navbar-container .navbar-logo .logoImage {
    background-image: var(--logo-img-url);
    width: 100%;
    height: 40px;
    background-repeat: no-repeat, no-repeat;
    background-position: right, left;
    background-size: contain;
}

.hidden {
    display: none !important;
}

.hide {
    display: none !important;
}

.divider {
    color: var(--divider-color);
    opacity: 1;
}

html[dir="rtl"] .rotate-icon {
    transform: rotate(180deg);
}

.fw-500 {
    font-weight: 500;
}

.show > .dropdown-menu {
    display: block;
}

.dropdown-profile .avatar img {
    max-width: 100px;
    max-height: 100px;
    display: block;
    margin: 0 auto;
    border-radius: 4px;
}

.form-switch .form-check-input.form-check-lg {
    width: 2.5rem;
    height: 1.5rem;
}

.modal-header .close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: var(--bs-btn-close-opacity);
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-header .close:hover {
    color: var(--bs-btn-close-color);
    text-decoration: none;
    opacity: var(--bs-btn-close-hover-opacity);
}

.modal-header .close:focus {
    outline: 0;
    box-shadow: var(--bs-btn-close-focus-shadow);
    opacity: var(--bs-btn-close-focus-opacity);
}

.modal-footer a {
    font-weight: bold;
    color: rgb(var(--bs-primary-rgb));
}

.modal-body form {
    font-weight: 500;
}

.modal-body form .form-group {
    margin-bottom: 0.75rem;
}

.modal-body form .form-group .help-block ul {
    margin: 0;
}

.modal-body form .form-group.has-error .form-control {
    border-color: var(--danger-color);
}

.modal-body form .form-group.has-error .form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb),.25);
}

.modal-body form .form-group.has-error .help-block {
    margin-top: 5px;
    display: block;
    color: var(--danger-color);
}

.modal-body form .form-group a {
    text-decoration: none;
    color: rgb(var(--bs-primary-rgb));
    transition: all ease-out 0.3s;
}

.modal-body form .form-group a:hover {
    text-decoration: underline;
}

.modal-body form .form-group .pwstrength_viewport_progress {
    margin-top: 5px;
}

.modal-body form .form-group .pwstrength_viewport_progress .progress {
    height: 1rem;
    font-weight: bold;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: rgb(var(--bs-primary-rgb));
}

.fs-caption {
    font-size: 0.75rem;
}