.app-main {
    z-index: unset !important; /* because it fucks up modals */
}

.w-10 {
    width: 10% !important;
}

.w-12 {
    width: 12.5% !important;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-37 {
    width: 37.5% !important;
}

.w-50 {
    width: 50% !important;
}

input[type="radio"], input[type="checkbox"] {
    margin-right: 5px !important;
}

.clear-table-search-container i {
    cursor: pointer;
}

.datepicker-container {
    z-index: 10000 !important;
}

.card-header, .card-title {
    text-transform: none !important;
}

.EN {
    background: url(../fonts/US.svg) no-repeat;
}

.KO {
    background: url(../fonts/KR.svg) no-repeat;
}

.ZH {
    background: url(../fonts/CN.svg) no-repeat;
}

.app-main__outer {
    z-index: 1 !important;
}

.nav-item.active {
    background-color: #BC0429;
}

.nav-item:hover, .dropdown-item:hover, .table-hover tbody tr:hover {
    background-color: #BCBFC2;
}

.nav-item.active a, .nav-item.active i,
.nav-item:hover a, .nav-item:hover i {
    color: white !important;
}

.footer-outer {
    flex-direction: column;
    display: flex;
}

.app-footer-center {
    background: #fafbfc;
    display: flex !important;
    justify-content: center !important;
}

.app-header-left > .header-megamenu.nav,
.app-footer-center > .header-megamenu.nav {
    height: 60px;
}

.app-header-left > .header-megamenu.nav > .nav-item,
.app-footer-center > .header-megamenu.nav > .nav-item {
    padding: 10px;
}

.nav-link .nav-link-icon {
    color: #353A3F;
}

.language-menu .dropdown-item {
    font-size: 0.88rem;
    display: flex;
    align-items: center;
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
    z-index: 6;
    position: relative;
}

.logo-src {
    background: none !important;
    width: auto !important;
}

.logo {
    height: 50px;
}

legend {
    font-weight: normal !important;
}

.form-control {
    font-size: 0.88rem;
}

a.editable {
    text-decoration: underline;
    text-decoration-style: dashed;
}

iframe {
    height: 65vh;
    max-width: 600pt !important;
}

.tox-edit-area__iframe {
    max-width: 100% !important;
}

.custom-col-2, .custom-col-98 {
    position: relative;
    width: 100%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}

.custom-col-2 {
    -ms-flex: 0 0 2%;
    flex: 0 0 2%;
    max-width: 2%;
}

.custom-col-98 {
    -ms-flex: 0 0 98%;
    flex: 0 0 98%;
    max-width: 98%;
}

@media (max-width: 2100px) {
    .custom-col-2 {
        -ms-flex: 0 0 5%;
        flex: 0 0 5%;
        max-width: 5%;
    }

    .custom-col-98 {
        -ms-flex: 0 0 95%;
        flex: 0 0 95%;
        max-width: 95%;
    }
}

@media (max-width: 1500px) {
    .custom-col-2 {
        -ms-flex: 0 0 8%;
        flex: 0 0 8%;
        max-width: 8%;
    }

    .custom-col-98 {
        -ms-flex: 0 0 92%;
        flex: 0 0 92%;
        max-width: 92%;
    }
}

video {
    width: 100%;
    height: 100%;
}

.tab-content video {
    width: 50% !important;
}

h4 {
    font-size: 1.25rem !important;
}

.avatar {
    width: 40px;
    height: auto;
}

.sjt-title-row {
    height: 38px;
}

.textarea-autogrow {
    max-height: 250px;
}

.nav-item:hover div ul a, .nav-item:hover div ul a i.dropdown-icon {
    color: black !important;
}

.change-clients-dropdown {
    list-style-type: none;
}

.dropdown-item-active {
    background-color: #BC0429;
}

.select2.select2-container.select2-container--default {
    width: 100% !important;
}

.ARA {
    background: url(../fonts/ARA.svg) no-repeat;
}

.td-max-width-style {
    max-width: 15vw;
}

.selected-li {
    background-color: lightblue!important;
}

.btn-xs {
    padding: 0.1rem 0.5rem;
    font-size: 0.75rem;
}

/*this fixes the flickering bug when there is only one row with tooltip in a table*/
.tooltip {
    pointer-events: none;
}

:root {
    --ck-z-default: 10000 !important;
    --ck-z-panel: calc( var(--ck-z-default) + 999 ) !important;
    --ck-z-dialog: 19999 !important;
}

.ck-sticky-panel__content_sticky{
    position: inherit !important;
    width: 100% !important;
}

.ck-sticky-panel__placeholder{
    display: none !important;
}

.ck {
    z-index: 10000 !important;
}