.text-site {
    color: var(--site);
}

.hidden {
    display: none;
}

.text-site2 {
    color: var(--site2);
}

.text-siteDark {
    color: var(--siteDark) !important;
}

.bg-site {
    background-color: var(--site);
}

.bg-site-15 {
    background-color: var(--site15);
}

.bl-2 {
    border-left: 4px solid var(--site);
}

.site-gradient {
    background: transparent linear-gradient(256deg, #24aef7 0%, #004d90 100%) 0% 0% no-repeat padding-box;
}

.logo {
    width: 80px;
    filter: brightness(100);
}

ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.fs-14 {
    font-size: 14px;
}

.top-card-wrapper {
    margin-left: -10px;
    margin-right: -10px;
}

.top-card-wrapper .item {
    width: calc(25% - 20px);
    margin: 10px 10px;
}

@media screen and (max-width: 1199px) {
    .top-card-wrapper .item {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width: 640px) {
    .top-card-wrapper .item {
        width: calc(100% - 20px);
    }
}

[role="tooltip"]:not(.show) {
    background: #fff;
    border: 1px solid #6d757e;
    border-radius: .25rem;
    -webkit-box-shadow: 0 0 .5rem rgba(0, 0, 0, .8);
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .8);
    color: #000;
    display: none;
    margin: .5em;
    max-width: 100%;
    padding: .5em;
    right: 5em;
    text-align: start;
    z-index: 1070;
}

.roomForm .control-group, .eventForm .control-group, .advancedTasks .control-group, .apiSettingsForm .control-group {
    margin-bottom: 20px;
}

div.mod-languages ul li.lang-active {
    background-color: #82828280 !important;
    padding: 0 5px 3px;
    border-radius: 3px;
}

div.mod-languages li {
    margin: 0 !important;
}

div.mod-languages a {
    padding: 3px !important;
}

.invalid .form-control-feedback {
    color: red;
}

/* Contact Page css */
.contact-wrapper .inner {
    display: flex;
    flex-wrap: wrap;
}

.contact-wrapper .inner .left {
    width: 35%;
    background-color: #113a55;
    color: #fff;
    padding: 40px 30px;
}

.contact-wrapper .inner .right {
    width: 65%;
    padding: 40px 20px;
    max-width: 550px;
    margin: auto;
}

.contact-wrapper {
    overflow: hidden;
}

.contact-wrapper .inner .left h2 {
    font-size: 30px;
    margin: 0;
    margin-bottom: 8px;
    font-weight: 700;
}

.contact-wrapper .inner .left p {
    font-size: 16px;
    margin-bottom: 30px;
}

.contact-wrapper .inner .left .address-block {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}

.contact-wrapper .inner .left .address-block .icon {
    width: 30px;
}

.contact-wrapper .inner .left .address-block .text {
    font-size: 16px;
}

.contact-wrapper .inner .right h2 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 8px;
    color: #113a55;
}

.contact-wrapper .inner .right p {
    font-size: 16px;
    line-height: 1.4;
    color: #113a55;
}

.contact-wrapper .inner .right form input {
    border-radius: 25px;
    border: 1px solid #113a55;
    outline: none;
    height: 40px;
}

.contact-wrapper .inner .right form label {
    color: #113a55;
    font-weight: 600;
}

.contact-wrapper .inner .right form textarea {
    border-radius: 25px;
    border: 1px solid #113a55;
    outline: none;
    width: 100%;
    padding: 15px 10px;
}

.contact-wrapper .inner .right form button[type='submit'] {
    width: 100%;
    height: 45px;
    border-radius: 25px;
}

.contact-wrapper .inner .left .address-block:last-child {
    margin-bottom: 0;
}

.contact-wrapper .inner .right form label#jform_spacer-lbl {
    display: none;
}

.contact-wrapper .inner .right form input,
.contact-wrapper .inner .right form textarea {
    margin-bottom: 15px;
}

.contact-wrapper .inner .right form label {
    margin-bottom: 5px;
}

.contact-wrapper .inner .right form textarea {
    max-height: 180px;
}

.contact-wrapper .inner .right form label span.form-control-feedback {
    font-size: 14px;
}

.contact-wrapper .inner .right form fieldset > legend {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}

.contact-wrapper
.inner
.right
form
fieldset:first-child
.control-group:last-child {
    display: flex;
    flex-wrap: wrap;
}

.contact-wrapper .inner .right form input[type='checkbox'] {
    width: 20px;
    height: 20px;
    border-radius: 0;
    margin-bottom: -1rem;
    margin-left: 0;
}

.contact-wrapper .inner .right form button[type='submit'] {
    margin-top: 20px;
}

.contact-wrapper .email a {
    color: #fff;
}

@media screen and (max-width: 767px) {
    .contact-wrapper .inner .left,
    .contact-wrapper .inner .right {
        width: 100%;
    }

    .contact-wrapper .inner .left h2,
    .contact-wrapper .inner .right h2 {
        font-size: 20px;
    }

    .contact-wrapper .inner .left p,
    .contact-wrapper .inner .left .address-block .text,
    .contact-wrapper .inner .right p,
    .contact-wrapper .inner .right form label {
        font-size: 14px;
    }

    .contact-wrapper .inner .left p {
        margin-bottom: 20px;
    }

    .contact-wrapper .inner .right form input {
        font-size: 14px;
        height: 36px;
    }
}

/* Contact Page css */

.com-users-login .control-group {
    margin: 5px 0;
}

.com-users-login .control-group #remember {
    margin-top: 10px;
}

.com-users-login .com-users-login__submit {
    margin: 20px 0;
}

.com-users-login .plg_system_webauthn_login_button svg {
    height: 30px;
}

.choices .choices__inner {
    background-color: transparent;
    height: 39px !important;
    min-height: 39px !important;
    padding: 5px 0px 7px 7px !important;
}

.choices .choices_inner .choices_list {
    height: 36px;
    padding: 0;
    display: flex;
    align-items: center;
}

.choices .choices_inner .choiceslist .choices_placeholder {
    opacity: 1;
    font-size: 1rem;
}

#sidebarToggle {
    padding: 1px 5px;
    border-radius: 3px;
}

#sidebarToggle.sb-active {
    background-color: #82828280 !important;
}