/*
 * -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Theme
 * -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 */
@import url('./theme/core.css');
@import url('./theme/base.css');

/*
 * -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Components
 * -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 */

/* Alerts */
@import url('./components/alerts.css');

/* Cards */
@import url('./components/cards.css');

/* Charts */
.chart-wrapper {
    border-radius: 4px;
    margin: 8px auto;
    background: white;
    box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%);
    width: 100%;
    padding: 15px;
    box-sizing: border-box !important;
}

/* Forms and inputs */
.form-control { 
    font-size: 12px;
    height: auto !important;
    padding: .6rem;
}

/* Buttons */
button {
    font-size: 12px !important;
    padding: 10px !important;
}
.btn-sm {
    padding: .15rem .5rem !important;
}

/* Modals */
.modal-content {
    border: 1px solid #ccc !important;
    /* box-shadow: 1px 1px 6px rgba(0,0,0,.2); */
    box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%);
}

.modal-title {
    font-size: var(--font-xlg);
}

/* Datatables */
.dt-buttons { float: left !important; }
.dataTables_info,
.dataTables_length { float: left !important; }
.dataTables_paginate { float: right !important; }
.dataTables_length  { margin-left: 20px; }
.dropdown-menu > .dropdown-item { font-size: var(--font-xs) !important; }

/* Tables */
table { width: 100% !important; }
.table td {
    vertical-align: middle !important;
}

.min-pad {
    padding: .25rem .75rem !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.025);
}

/* Icons */

/* Menu tabs */
.tab-content {
    display: none;
}

.tab-item {
    border: none;
    border-bottom: 2px solid white;
    color: var(--primary);
    background: transparent;
}

.tab-item:hover {
    border-bottom: 2px solid var(--success);
}

.actived-tab-item {
    border-bottom: 2px solid var(--success);
    /* color: var(--white); */
}

.actived-tab-content {
    display: block !important;
}