/*#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;
}

.card-editor p {
    margin-bottom: 0;
}

[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-control, .form-select {
    font-size: inherit;
}

.form-floating input[type='file'] {
    padding: 1.75rem 1.5rem;
}
/*#endregion*/

/*#region HELPERS*/
.w-30 {
    width: 30% !important
}
/*#endregion*/

/*#region HEADER*/
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 FOOTER*/
footer .powered-by {
    font-size: .9em !important;
}
/*#endregion*/

/*#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: 10000 !important;
}

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

/*#region QUILL EXT*/
.quill-editor .content {
    background-color: white;
}

.ql-editor p {
    margin-bottom: 1rem;
}

.editor {
    height: 120px;
}

.ql-container {
    height: 80px !important;
}

.ql-align-center {
    text-align: center;
}

.ql-align-right {
    text-align: right;
}

.ql-align-justify {
    text-align: justify;
}
/*#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*/

/*#region JCONFIRM EXT*/
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: none;
}

.jconfirm-title {
    font-weight: bold;
}
/*#endregion*/

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