@import 'theme.css';
@import 'draganddrop.css';

html {
    /*font-family: 'Open Sans', sans-serif;*/
    /*font-family: 'Nunito Sans', sans-serif;*/
    font-family: Inter,Helvetica,sans-serif;
    font-size: var(--bs-body-font-size);
    letter-spacing: 0.7px;
    background-color: #fcfcfc;
}

body {
    background-color: transparent;
}

.form-select, .form-control {
    line-height: 1.2;
    font-size: inherit;
}

    .form-control ~ label, .form-control-label, .form-control:-webkit-autofill ~ label, .form-control:focus ~ label, .form-control.hastext ~ label {
        font-size: 97.9% !important;
        /*color: #008e88 !important;*/
        color: #006ec9 !important;
        /*var(--bs-indigo) !important;*/
    }

.form-check-label {
    font-size: 97.9% !important;
    padding-top: 5px;
    margin-left: 5px;
}

.form-check-input {
    width: 1.2em;
    height: 1.2em;
}

.unclickable {
    pointer-events: none;
    opacity: 0.5;
}

    .unclickable input {
        pointer-events: none;
    }

.scrollable {
    overflow-y: auto;
    min-height: 10vh;
}

/*.snk-grid thead th {
    background-color: rgba(184,118,63,1);
    color: white;
    white-space: normal;
}

    .snk-grid thead th:hover {
        background-color: rgb(129,67,29);
        color: white;
    }

    .snk-grid thead th .fa-solid {
        color: #7ebce2 !important;
    }
*/

/*.modal-fullscreen {
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.modal-content {
    margin: 15px;
}*/
.dropdown-menu {
    animation: 0.3s slideup;
}

@keyframes slideup {
    from {
        opacity: 0.3;
    }

    to {
        opacity: 1;
    }
}

.hmin-75 {
    min-height: 75%;
}


.custom-tooltip {
    --bs-tooltip-bg: #fff;
    --bs-tooltip-color: var(--bd-violet-bg);
    width: fit-content;
    white-space: nowrap;
    box-shadow: var(--bs-box-shadow) !important;
    border-radius: var(--bs-border-radius-lg) !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

    .custom-tooltip.show {
        opacity: 1;
    }

    .custom-tooltip .tooltip-inner {
        max-width: fit-content;
    }

@media print {
    html, body {
        height: 100%;
        margin: 0;
        padding: 0;
    } 
}