@media (min-width: 992px) {
    .menu-item-main {
        align-items: start !important;
        padding: 10px 0 !important;
        border-bottom: 3px solid white;
        transition: border-bottom-color 0.7s;
    }

        .menu-item-main:hover .menu-text, .menu-item-main.hovered .menu-text {
            color: #903163 !important;
        }

        .menu-item-main:hover, .menu-item-main.hovered {
            border-bottom: 3px solid #903163;
        }

        .menu-item-main > .menu-link {
            padding-left: 8px !important;
            padding-right: 8px !important;
        }
}

@media (max-width: 991px) {
    .topbar {
        background-color: #d4a1bd !important;
    }

    #add-admin-btn, #assign-licence-btn {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    #kt_subheader_search, #kt_subheader_search > form {
        width: 100%;
    }

    .datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-input {
        color: white !important;
    }
}

.witivio-background {
    background-color: #903163 !important;
}

.witivio-background-light {
    background-color: #d4a1bd !important;
}

.witivio-color {
    color: #903163 !important;
}

.witivio-color-light {
    color: #d4a1bd !important;
}

.witivio-border {
    border: 1px solid #903163 !important;
}

.text-red {
    color: red !important;
}

.checkbox > input:checked ~ span {
    background-color: #903163;
}

.witivio-button {
    background-color: #903163 !important;
    border-color: #903163 !important;
}

    .witivio-button:hover {
        background-color: #A73974 !important;
        border-color: #A73974 !important;
    }

.witivio-button-outline {
    border: 1px solid #903163 !important;
    color: #903163 !important;
}

    .witivio-button-outline:hover {
        background-color: #903163 !important;
        color: white !important;
    }

@keyframes highlight-border {
    0% {
        border-color: #D2D2D1;
        border-width: 3px;
    }

    50% {
        border-color: #903163;
        border-width: 3px;
    }

    100% {
        border-color: #D2D2D1;
        border-width: 3px;
    }
}

.highlighted-button {
    background-color: #903163 !important;
    -webkit-animation: highlight-border 1s ease;
    animation: highlight-border 1s ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

    .highlighted-button:hover {
        background-color: #A73974 !important;
    }

.flags-link {
    color: #903163;
    text-decoration: none !important;
}

.svg-shadow {
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5));
}

.btn.btn-hover-light-witivio:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-light-witivio:focus:not(.btn-text),
.btn.btn-hover-light-witivio.focus:not(.btn-text) {
    background-color: #d4a1bd !important;
}

    .btn.btn-hover-light-witivio:hover:not(.btn-text):not(:disabled):not(.disabled) > i,
    .btn.btn-hover-light-witivio:focus:not(.btn-text) > i,
    .btn.btn-hover-light-witivio.focus:not(.btn-text) > i {
        color: white !important;
    }

.nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-tabs-line-3x .show > .nav-link {
    color: #903163 !important;
    border-bottom-color: #903163 !important;
}

.nav .show > .nav-link .nav-text,
.nav .nav-link:hover:not(.disabled) .nav-text,
.nav .nav-link.active .nav-text {
    color: #903163 !important;
}

.default-cursor {
    cursor: default !important;
}

.spinner.spinner-primary:before {
    border: 2px solid #903163;
    border-right: 2px solid transparent;
}

.modal .modal-header .close:hover,
.modal .modal-header .close:hover i, .modal .modal-header .close:hover .ki {
    color: #903163 !important;
}

.navi .navi-item .navi-link:hover,
.navi .navi-item .navi-link:hover .navi-text {
    color: #903163 !important;
}

.btn.btn-light-primary.disabled, .btn.btn-light-primary:disabled {
    color: #903163 !important;
    background-color: #d4a1bd !important;
    border-color: transparent;
}

button.disabled {
    cursor: not-allowed !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #903163 !important;
}

.btn.btn-outline-light {
    color: white;
}

.bootstrap-select .dropdown-menu.inner > li.selected > a .text, .bootstrap-select .dropdown-menu.inner > li:hover > a .text {
    color: white !important;
}

.teams-app {
    padding-top: 15px;
    overflow: hidden;
}

    .teams-app #cb-container {
        top: 15px !important;
    }

.custom-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999 !important;
    background-color: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(1px);
}

.teams-app .custom-modal {
    position: fixed;
    top: 15px;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999 !important;
    background-color: rgba(0, 0, 0, 0.2);
}

.custom-modal-content {
    display: flex;
    flex-direction: column;
    margin: auto;
    height: 500px;
    background-color: white;
    border-radius: 0.3rem;
    max-width: calc(100% - 40px);
}

.close .ki {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    color: #3F4254;
    font-size: 0.8rem;
}

.close:hover .ki {
    color: #903163 !important;
}

.header-menu-mobile .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-arrow, .header-menu-mobile .menu-nav > .menu-item.menu-item-open > .menu-link .menu-arrow {
    color: #903163;
}

.header-menu-mobile .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-arrow, .header-menu-mobile .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-arrow {
    color: #903163;
}

.datatable.datatable-default > .datatable-table > .datatable-body .datatable-toggle-detail:hover i, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-toggle-detail.datatable-toggle-detail-active i,
.datatable.datatable-default > .datatable-table > .datatable-body .datatable-toggle-detail:hover i, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-toggle-detail.datatable-toggle-detail-active i,
.datatable.datatable-default > .datatable-table > .datatable-body .datatable-toggle-detail i {
    color: #903163;
}

.btn.btn-outline-primary {
    color: #903163;
    border-color: #903163;
}

    .btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-primary:focus:not(.btn-text), .btn.btn-outline-primary.focus:not(.btn-text) {
        background-color: #903163;
        border-color: #903163;
    }

.text-premium {
    color: #d4ac1a !important;
}

.text-platinum {
    color: #903163 !important;
}

.text-basic {
    color: #ababab !important;
}

.btn-link:hover {
    color: #903163;
}

.bootstrap-select .dropdown-menu.inner > li.selected > a, .bootstrap-select .dropdown-menu.inner > li:hover > a {
    background: #d4a1bd !important;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
    display: block;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}

.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.horizontal-separator {
    display: flex;
    flex-grow: 1;
    width: 1px;
    background-color: lightgrey;
    margin-left: 20px;
    margin-right: 20px;
}

@keyframes startBtnAnimation {
    from {
        clip-path: polygon( calc(0% + 30px) calc(0% + 30px), calc(100% - 30px) calc(0% + 30px), calc(100% - 30px) calc(100% - 30px), calc(0% + 30px) calc(100% - 30px) );
        border-color: white;
    }

    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        border-color: #903163;
    }
}

#start-now-btn {
    margin-top: -30px;
    border: solid 30px;
    animation: startBtnAnimation 1s infinite ease-in-out;
}

.tick {
    height: 5px;
    width: 1px;
    background-color: white;
}

label.is-invalid {
    color: red;
}

.text-success {
    color: #0acf94 !important;
}

@keyframes teamspro-apps-slider {
    from {
        margin-left: -60px;
    }

    to {
        margin-left: -460px;
    }
}

#teamspro-apps {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    max-height: 335px;
    max-width: 28.7vw;
}

    #teamspro-apps div {
        animation: teamspro-apps-slider 20s infinite linear;
    }

        #teamspro-apps div:first-child, #teamspro-apps div:last-child {
            padding-left: 50px;
        }

    #teamspro-apps img {
        margin: 10px;
        border-radius: 10px;
        filter: drop-shadow(0px 1px 12px rgba(0, 0, 0, 0.4));
    }

.modal-content {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.responsive-iframe {
    height: 100%;
    border: 10px solid #903163;
}

.components-reconnect-show, .components-reconnect-failed, .components-reconnect-rejected {
    display: none !important;
}

.teamsContainer {
    height: 100vh;
    width: 100vw;
    overflow-y: scroll;
}

.bg-transparent {
    background-color: transparent !important;
}

.pulse.pulse-witivio {
    background-color: #903163;
    color: white;
}

.pulse-witivio .pulse-number {
    z-index: 999;
}

@keyframes animation-pulse-witivio {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 1.0;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0.0;
    }
}

.pulse-witivio .pulse-ring {
    border-color: #903163;
    -webkit-animation: animation-pulse-witivio 1s ease;
    animation: animation-pulse-witivio 1s ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #903163;
    z-index: 0;
}

.btn.btn-hover-primary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-primary:not(:disabled):not(.disabled).active, .show > .btn.btn-hover-primary.dropdown-toggle, .show .btn.btn-hover-primary.btn-dropdown {
    border-color: #903163 !important;
}

.link:hover {
    text-decoration: underline !important;
}

.nav.nav-pills.nav-primary .nav-link.active {
    text-decoration: underline !important;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.header-bottom {
    height: auto !important;
}

    .header-bottom li.menu-item a.menu-link {
        height: 100%;
    }

        .header-bottom li.menu-item a.menu-link .fill {
            height: 100%;
        }