/*#region GLOBAL*/
body {
    font-size: .8rem;
    font-family: 'Roboto', sans-serif;
    background-color: #f3f6f2;
}

main {
    min-height: calc(100vh - 230px);
    background-color: #f3f6f2;
    padding-bottom: 2rem;
}

a {
    color: #00d1bc;
    font-weight: bold;
}

a:hover {
    color: #07beac;
}

[v-cloak] { 
    display: none
}
/*#endregion*/

/*#region BOOTSTRAP EXT*/
.btn {
    font-weight: bold;
}

.btn, .dropdown-item {
    font-size: .8rem;
}

.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(63 66 87);
}

.dropdown-item.active, 
.dropdown-item:active {
    background-color: #65a89f;
}

.dropdown-menu-dark .dropdown-item.active, 
.dropdown-menu-dark .dropdown-item:active {
    background-color: #65a89f;
}

.dropdown-menu-dark .dropdown-item {
    font-weight: normal;
}

.form-floating input[type='file'] {
    padding: 1.75rem 1.5rem;
    font-size: .75rem;
}

.label-file {
    margin-top: -5px;
}
/*#endregion*/

/*#region HEADER*/

/*#region DATATABLE EXT*/
.dataTable td {
    vertical-align: middle;
}

.dataTables_length {
    margin-bottom: 1.5rem;
}

.dataTables_info {
    margin-top: 1.5rem;
}

.dt-buttons {
    margin-bottom: 1.5rem;
}

.dataTables_paginate .pagination {
    margin-top: 1.5rem !important;
}

.page-link,
.page-link:hover,
.page-link:focus {
    color: #198754;
}

.page-item.active .page-link {
    border-color: #65a89f;
    background-color: #65a89f;
}
/*#endregion*/

/*#region TOASTR */
#toast-container {
    padding-top: 20px !important;
}

#toast-container > div {
    opacity:1;
}
/*#endregion*/

/*#region blockUI */
.blockUI.blockOverlay {
    z-index: 100000 !important;
}

.blockUI.blockMsg {
    z-index: 101000 !important;
}
/*#endregion*/

header {
    background-color: #343b3a
}

header .logo {
    max-width: 100%; 
    max-height: 60px;
}

header .welcome .text-secondary {
    margin-top: -3px; 
    font-size: .9rem;
}

header a {
    text-decoration: none;
    color: #151d24; 
    font-weight: bold;
}

header a.icon {
    color: white; 
}

.breadcrump {
    background-color: #fcfffc;     
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
    padding: 1rem 0;
    margin-bottom: 1rem;
}
/*#endregion*/

/*#region FANCYBOX EXT*/
.fancybox__content {
    background-color: #f3f6f2;
    padding: 10px 5px;
    height: 100% !important;
}
/*#endregion*/

/*#region SELECT2 EXT*/
.select2-selection {
    border-color: #ced4da !important;
}

.select2-container .select2-selection--multiple {
    min-height: 40px !important;
}

.select2-selection__rendered {
    line-height: 28px !important;
}

.select2-selection {
    min-height: 22px !important;
}
/*#endregion*/