﻿aside.menu-drawer.menu-thin ul li.nav-quick-box.dropright .dropdown-menu.dropdownSideMenuLink, 
aside.menu-drawer.meant-to-be-thin ul li.nav-quick-box.dropright .dropdown-menu.dropdownSideMenuLink{
    top: -100px!important;
}
aside.menu-drawer.menu-fat ul li.nav-quick-box.dropright .dropdown-menu.dropdownSideMenuLink,
aside.menu-drawer.meant-to-be-fat ul li.nav-quick-box.dropright .dropdown-menu.dropdownSideMenuLink {
    top: -100px !important;
}

.text-right{
    text-align: right!important;
}
.overlay-loader.position-absolute.flex-column.align-items-center.justify-content-center{
    border-radius: 4px;
    width: calc(100% - 20px) !important;
    height: calc(100% - 20px) !important;
}


.dropdown-toggle:hover,
.dropdown-toggle:active,
.dropdown-toggle:focus,
.btn-aqua:hover,
.btn-aqua:active,
.btn-aqua:focus {
    background: var(--kb-aqua) !important;
    color: white !important;
    border-color: var(--kb-aqua) !important;
    text-decoration: none;
}
.btn-aqua.show:hover,
.btn-aqua.show:active,
.btn-aqua.show:focus {
    background: var(--kb-aqua) !important;
    color: white !important;
    border-color: var(--kb-aqua) !important;
    text-decoration: none;
}
.btn-purple:hover,
.btn-purple:active,
.btn-purple:focus {
    background: var(--kb-purple)!important;
    color: white!important;
    border-color: var(--kb-purple)!important;
    text-decoration: none;
}

#frozen-cols .k-grid-header-locked th.k-header:not(.locked-left-col){
    /*display: table-cell;*/
}
.locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col .k-link {
    margin: -20px -1px 0 0 !important;
}

.klipboard-new-modal .modal-content .modal-header .close,
.modal-as-drawer.new-style .modal-header .close {
    background: none;
    box-shadow: none;
    border: 0;
    font-size: 26px;
}
.modal-as-drawer.modal .modal-dialog{
    padding-right: 20px;
}

.sr-only{
    display: none;
}

form .image-upload-container .btn-file input[type=file] {
    height: 36px;
    min-height: 36px;
    max-height: 36px;
    top: auto;
    width: 120px;
    max-width: 120px;
    min-width: 120px;
    right: auto;
    margin-top: -30px;
}

.btn.btn-rounded.btn-red:hover,
.btn.btn-rounded.btn-red:active,
.btn.btn-rounded.btn-red:focus{
    background: var(--red);
}

.modal-as-drawer .modal-footer .btn.disabled{
    pointer-events: none;
}

.topmenu-dd .dropdown-toggle:hover,
.topmenu-dd .dropdown-toggle:active,
.topmenu-dd .dropdown-toggle:focus{
    background: white!important;
    color: black!important;
}

.nav-quick-box.dropright #dropdownSideMenuLink:hover,
.nav-quick-box.dropright #dropdownSideMenuLink:active,
.nav-quick-box.dropright #dropdownSideMenuLink:focus{
    background:none!important;
    border-color:transparent!important;
}

.member-holder.topmenu-dd .dropdown-menu.user-dd.show {
    width: 220px;
    display: block;
    left: 150px !important;
    right: 0 !important;
}

.alert-dismissible .btn-close{
    height: 45px;
    padding-top: 0;
    padding-bottom: 0;
}

.btn:hover,
.btn:active,
.btn:focus{
    text-decoration: none!important;
}

#main-menu.menu-drawer.menu-fat .alert.alert-dismissible.new-xero-alert.alert-success.fat-menu{
    width: calc(100% - 250px)!important;
}

.fat-menu.alert.new-xero-alert {
    left: 0;
    width: calc(100% - 256px)!important;
    margin-left: 256px !important;
}
.meant-to-be-fat .alert.new-xero-alert,
    .menu-fat .alert.new-xero-alert{
    margin-left: -28px!important;
    width: calc(100% - 250px)!important;
}
.meant-to-be-thin .alert.new-xero-alert,
    .menu-thin .alert.new-xero-alert {
    margin-left: -32px!important;
    width: calc(100% - 66px)!important;
}


/*body.trial .topmenu-dd .dropdown-menu.show {
    left: 260px !important;
}
body.trial header li.topmenu-dd .dropdown-menu.settings-dd.show {
    left: 222px !important;
}
body.trial .member-holder.topmenu-dd .dropdown-menu.user-dd.show {
    left: 200px !important;
}*/

/* FIREFOX FIXES */
@-moz-document url-prefix() {
    .locked-both-sides .k-grid-header .k-grid-header-locked .k-header.locked-left-col .k-link {
        margin-top: 0 !important;
    }
}


.no-clickie {
    pointer-events: none !important;
    opacity: 0.7 !important;
}


.js-complete-task-modal .btn {
    min-width: 120px;
}