﻿@import url('tempusdominus-bootstrap-4.min.css');
@import url('bootstrap4-modal-fullscreen.min.css');

/* Chrome fix for modals */
div.modal > div:focus,
div.modal-header > button.close:focus {
    outline: 0px;
}

/* Dropdown submenu styling */
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu button.dropdown-toggle {
        width: 100%;
    }

    .dropdown-submenu button.dropdown-toggle::after,
    .dropdown-submenu a::after {
        transform: rotate(-90deg);
        position: absolute;
        right: 10%;
        top: 45%;
    }

    .dropdown-submenu::after {
        transform: rotate(-90deg);
        position: absolute;
        right: 6px;
        top: .8em;
    }

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-left: 0rem;
        margin-right: .1rem;
    }

/* Tweaks */

.navbar-nav .nav-item:hover {
    cursor: pointer;
}

.navbar-nav .nav-link:hover {
    cursor: pointer;
}

.nav .nav-link:hover {
    cursor: pointer;
}

.modal-backdrop {
    z-index: -1;
}

table.table tbody tr.selected {
    background-color: var(--primary);
}

.form-check > .form-check-input.form-check-input-pointer,
.form-check > .form-check-label.form-check-label-pointer,
.custom-checkbox > .custom-control-input.custom-control-input-pointer,
.custom-checkbox > .custom-control-label.custom-control-label-pointer {
    cursor: pointer;
}

/* Animations */

.alert-fadein {
    animation: alert-fadein 0.15s;
}

.alert-fadeout {
    animation: alert-fadeout 0.15s;
}

.toast-fadein {
    animation: toast-fadein 0.15s;
}

.toast-fadeout {
    animation: toast-fadeout 0.15s;
}

@keyframes alert-fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes alert-fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes toast-fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes toast-fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
