﻿:root {
    --bg:#ffffff;
    --fg:#000000;
    --muted:#6c757d;
}

/* Bootstrap uses rem – avoid shrinking controls */
html {
    font-size: 0.875em !important;
    font-weight: 400;
}

body {
    font-weight: 400;
}

/* ---------------- BASIC FIXES ---------------- */

input {
    autocomplete: off;
}

.col-form-label,
label {
    font-weight: 600;
}

/* ---------------- FORM CONTROLS ---------------- */

.form-control,
.form-select {
    font-weight: 600;
    border: 1px solid #CED4DA;
    border-radius: 4px;
    box-shadow: none;
    background-color: #fff;
}

    .form-control:focus,
    .form-select:focus {
        border-color: #000;
        box-shadow: none;
    }

/* Input group fix */
.input-group {
    display: flex;
    flex-wrap: nowrap;
}

    .input-group .form-control {
        flex: 1 1 auto;
    }

/* ---------------- SELECT2 BOOTSTRAP 5 FIX ---------------- */

/* Force full width inside bootstrap grid 
.select2-container {
    width: 100% !important;
}*/

/* Match Bootstrap .form-control height & padding */
.select2-container--default .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    border: 1px solid #CED4DA;
    border-radius: 4px;
    background-color: #fff;
    display: flex;
    align-items: center;
}

/* Text inside Select2 */
.select2-container--default .select2-selection__rendered {
    padding-left: 0;
    padding-right: 0;
    line-height: normal;
    color: #000;
    font-weight: 600;
}

/* Arrow alignment */
.select2-container--default .select2-selection__arrow {
    height: 100%;
}

/* Focus state */
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #000;
    box-shadow: none;
}

/* Disabled state */
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #CED4DA;
}

/* Dropdown items */
.select2-dropdown {
    border: 1px solid #CED4DA;
    font-weight: 600;
}

/* Search box */
.select2-search__field {
    border: 1px solid # !important;
    outline: none;
}

/* ---------------- THEME COLORS ---------------- */

.theme-bg {
    background-color: #6f42c1 !important;
    color: #fff !important;
    border-color: #6f42c1;
}

.theme-bg-lighter {
    background-color: #6f42c1 !important;
    opacity: 0.4;
    color: #fff !important;
}

.theme-navbar {
    background-color: #6f42c1 !important;
    color: #fff !important;
}

    .theme-navbar .nav-item,
    .theme-navbar .nav-link,
    .theme-navbar .navbar-brand {
        padding: 5px 7px !important;
        color: #fff !important;
        text-decoration: none;
        font-weight: 600;
    }

    .theme-navbar .dropdown-menu {
        background-color: #FECBA1 !important;
    }

.dropdown-item {
    font-weight: 600;
}
/* ---------------- BUTTONS ---------------- */

.theme-btn {
    padding: 5px 25px;
    color: #fff;
    background-color: #6f42c1;
    border-color: #6f42c1;
}

    .theme-btn:hover,
    .theme-btn:focus,
    .theme-btn:active {
        color: #fff;
        background-color: #6f42c1;
        border-color: #6f42c1;
        box-shadow: none;
        border: 2px solid #af85fc;
    }

.btn {
    font-weight: 600;
}
/* ---------------- TABLES ---------------- */
.table tr th {
    background-color: #6f42c1 !important;
    color: #fff !important;
    border: 1px solid #fff;
    padding: 5px !important;
    text-align: center;
    line-height: 18px !important;
}


.table td,
.table th {
    margin: 0px;
}

.table th {
    text-align: center;
    font-weight: 600;
}

.table td span,
.table td input,
.table td select {
    margin: 0px;
    display: block;
}

.table td span input {
    margin: 0px auto;
    align-content: center;
    display: block;
    width: 100%;
    vertical-align: baseline !important;
    background-color:red;
}

.table td span input check-center {
    margin: 0px auto;
    align-content: center;
    display: block;
    width: 100%;
    vertical-align: baseline !important;
}

/* ---------------- PAGINATION ---------------- */
.table-pager {
    background-color: #6f42c1;
}

    .table-pager table {
        padding: 0px;
        margin: 0px auto;
        border-radius: 25px;
    }

        .table-pager table tr td span,
        .table-pager table tr td a {
            font-size: 10pt;
            font-weight: bold;
            padding: 3px;
            /*border:1px solid #fff;
        border-radius: 10px;*/
            color: #fff;
        }
/* ---------------- UTILITIES ---------------- */

.w-10 {
    min-width: 10% !important;
}

.bg-orange-200 {
    background-color: #FECBA1;
}

/* ---------------- TAB CONTENT ---------------- */

.tab-content,
.tab-pane {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .tab-pane .content {
        flex-grow: 1;
        overflow-y: auto;
        height: 200px;
    }

.btn-container {
    margin-top: auto;
}
