/* *****************************************************************************
 * Panel
 */

mark {
    background-color: yellow;
    color: black;
    padding-left: 0;
    padding-right: 0;
}

.default-style .sidenav .app-brand.logo {
    height: 66px;
}

.material-style .sidenav .app-brand.logo {
    height: 70px;
}

.app-brand-logo.logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.app-brand-logo.logo svg {
    width: 20px;
    height: 11px;
}

.app-brand-text.logo {
    font-size: 1.1rem;
}

.layout-1 .layout-sidenav .app-brand.logo,
.layout-1 .layout-sidenav .app-brand.logo + .sidenav-divider,
.layout-reversed .layout-2 .layout-sidenav .app-brand.logo {
    display: none;
}

.layout-1 .layout-navbar .app-brand.logo,
.layout-reversed .layout-2 .layout-navbar .app-brand.logo {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.layout-1 .layout-navbar .layout-sidenav-toggle,
.layout-reversed .layout-2 .layout-navbar .layout-sidenav-toggle,
.layout-offcanvas .layout-navbar .layout-sidenav-toggle,
.layout-fixed-offcanvas .layout-navbar .layout-sidenav-toggle {
    display: block !important;
}

.border-dash {
    border-style: dashed;
}

.rounded-pill {
    border-radius: 50rem !important;
}

/* *****************************************************************************
 * Fonts
 */

@font-face {
    font-family: 'JetBrains Mono';
    src: url('/vendor/fonts/JetBrainsMono-Regular.woff') format('woff');
}


.text-xs {
    font-size: 12px;
    color: #AAAAAA;
}


.text-lg {
    font-size: 18px;
    color: #999999;
}

.text-bold {
    font-weight: bold;
}


/* *****************************************************************************
 * Modal
 */

.modal .modal-huge {
    max-width: 55%;
    width: 55%;
}

/* *****************************************************************************
 * Media Queries
 */


@media (min-width: 992px) {
    .layout-offcanvas .layout-sidenav .layout-sidenav-toggle,
    .layout-fixed-offcanvas .layout-sidenav .layout-sidenav-toggle {
        display: none;
    }
}

/* *****************************************************************************
 * Vee-Validate
 */

.is-invalid {
    color: red;
    font-size: 0.75rem;
}

/* *****************************************************************************
 * Navbar
 */

.main-navbar-messages .dropdown-toggle,
.main-navbar-notifications .dropdown-toggle,
.main-navbar-user .dropdown-toggle,
.main-navbar-messages.b-nav-dropdown .nav-link,
.main-navbar-notifications.b-nav-dropdown .nav-link,
.main-navbar-user.b-nav-dropdown .nav-link {
    white-space: nowrap;
}

.main-navbar-messages .dropdown-menu,
.main-navbar-notifications .dropdown-menu {
    overflow: hidden;
    padding: 0;
}

@media (min-width: 992px) {
    .main-navbar-messages .dropdown-menu,
    .main-navbar-notifications .dropdown-menu {
        margin-top: .5rem;
        width: 22rem;
    }

    .main-navbar-user .dropdown-menu {
        margin-top: .25rem;
    }
}

/* *****************************************************************************
 * Table
 */

.action-style {
    width: 150px !important;
}

.field-default-style {
    width: 150px !important;
}

.action-small-style {
    width: 40px !important;
}

.action-large-style {
    width: 250px !important;
}

.text-large-style {
    width: 300px !important;
}

.action-xlarge-style {
    width: 90% !important;
}

.table-title-style {
    height: 0px;
}
.column-width-5 {
    width: 5% !important;
}

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

.column-width-15 {
    width: 15% !important;
}

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

.column-width-250 {
    width: 25% !important;
}

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

.column-width-40 {
    width: 40% !important;
}


/*
 * Validate
 */

.error {
    color: darkred;
    font-size: 0.85em;
}

/* *****************************************************************************
 * Icons
 */


.flux-capacitor-icon {
    display: inline-block;
    width: 15px !important;
    height: 15px !important;
    margin-bottom: -2px !important;
    background-size: 15px;
    background-image: url(/img/icon/flux.png);
}

.ai-icon {
    display: inline-block;
    width: 15px !important;
    height: 15px !important;
    margin-bottom: -2px !important;
    background-size: 15px;
    background-image: url(/img/icon/ai.png);
}

.gen-ai-icon {
    display: inline-block;
    width: 20px !important;
    height: 20px !important;
    margin-bottom: -2px !important;
    background-size: 20px;
    background-image: url(/img/icon/gen-ai.png);
}

.computed-icon {
    display: inline-block;
    width: 15px !important;
    height: 15px !important;
    margin-bottom: -2px !important;
    background-size: 15px;
    background-image: url(/img/icon/computed.png);
}

.quick-review-icon {
    display: inline-block;
    width: 15px !important;
    height: 15px !important;
    margin-bottom: -2px !important;
    background-size: 15px;
    background-image: url(/img/icon/quick-review.png);
}

.entity-icon {
    display: inline-block;
    width: 17px !important;
    height: 17px !important;
    margin-bottom: 2px !important;
    background-size: 17px;
    background-image: url(/img/icon/entity.png);
}

.key-icon {
    display: inline-block;
    width: 15px !important;
    height: 15px !important;
    margin-bottom: -2px !important;
    background-size: 15px;
    background-image: url(/img/icon/key.png);
}

.key-lg-icon {
    display: inline-block;
    width: 35px !important;
    height: 35px !important;
    margin-bottom: -2px !important;
    background-size: 35px;
    background-image: url(/img/icon/key.png);
}

.authored-lg-icon {
    display: inline-block;
    width: 35px !important;
    height: 35px !important;
    margin-bottom: -2px !important;
    background-size: 35px;
    background-image: url(/img/icon/authored.png);
}

.connections-lg-icon {
    display: inline-block;
    width: 35px !important;
    height: 35px !important;
    margin-bottom: -2px !important;
    background-size: 35px;
    background-image: url(/img/icon/connections.png);
}


.circle-button {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    color: #AAAAAA;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    font-size: 0.79rem;
    margin-right: 10px;
}

.circle-button:hover {
    background: #eeeeee;
}

.circle-button-large {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    color: #AAAAAA;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    font-size: 1rem;
    margin-right: 10px;
}

.circle-button-large:hover {
    background: #eeeeee;
}

/* width */
::-webkit-scrollbar {
    width: 5px;

}
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #7286a8;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}