/*
Copyright (C) 2024 Víctor M. Campuzano Pineda

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/
/* 
    Created on : 1 ene 2024, 19:35:19
    Author     : Víctor M. Campuzano Pineda
*/

.section h6, .section .h6, 
.section h5, .section .h5, 
.section h4, .section .h4, 
.section h3, .section .h3, 
.section h2, .section .h2, 
.section h1, .section .h1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.section p {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

.card {
    margin: 0.5rem 0;
}

.card ul.ps {
    max-height: 500px;
}

.card-body.list-group,
.accordion-body.list-group {
    padding: 0 !important;
}

.card .card-header,
.card .card-footer {
    padding: calc(var(--bs-card-cap-padding-y)/2) var(--bs-card-cap-padding-x);
}

.card .card-body {
    padding: calc(var(--bs-card-spacer-y)/2) var(--bs-card-spacer-x);

}

.modal .modal-header .modal-title {
    font-size: 1rem;
}

.modal-content .input-group,
.card .input-group,
.modal-content .form-floating,
.card .form-floating {
    margin: 0.5rem 0;
}

.modal-content hr{
    margin: 0 1rem;
}

.avatar-icon {
    border-radius: 0.5rem;
    padding: 0.38rem;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #6d788d;
    font-weight: 500;
}

.avatar-icon i.mdi::before {
    font-size: 32px;
}

.input-group.input-group-floating .form-floating,
.input-group.input-group-merge .form-floating{
    margin: 0;
}

.section.row {
    justify-content: center !important;
}

.section.row.justify-content-between{
    justify-content: space-between !important;
}
.section.row.justify-content-around {
    justify-content: space-around !important;
}
.section.row.justify-content-between>div,
.section.row.justify-content-around>div {
    display: flex !important;
    align-items: stretch !important;
}
.section.row.justify-content-between>div>.card,
.section.row.justify-content-around>div>.card {
    width: 100%;
}


#toolbar span {
	display: none;
}

@media(min-width: 576px){
    #toolbar span {
	    display: inline-block !important;
    }
} 

.dropify-wrapper .dropify-message p {
    font-size: 15pt;
}

#record-gallery .dropify-wrapper {
    height: 100% !important;
}

#media-gallery .card-img,
#record-gallery .card-img {
    max-height: 150px;
    max-width: 330px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    display: block;
}

#modalboxed-img {
    max-height: calc(100vh - 2rem) !important;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 50% 50%;
    display: block;
}

.modalboxed, .materialboxed {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    display: block;
}

.max-h-50px{
    max-height:50px !important;
}
.max-h-100px{
    max-height:100px !important;
}
.max-h-200px{
    max-height:200px !important;
}
.max-h-300px{
    max-height:300px !important;
}
.max-h-400px{
    max-height:400px !important;
}
.max-h-500px{
    max-height:500px !important;
}

.btn:not(.btn-icon) i~span,
.btn:not(.btn-icon) span~i {
    margin-left: 0.3rem;
}


.card-img img, .card-img-top img {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img img, .card-img-bottom img {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.bs-stepper.wizard-modern .bs-stepper-header {
	padding: 0 1.5rem 1rem 1.5rem;
}

.accordion-item .accordion-header {
    margin-top: 0;
    margin-bottom: 0;
}

.app-brand-logo svg {
    height: 60px;
}

.app-brand-text {
    font-size: 1.25rem;
}

.layout-menu.menu-vertical .app-brand {
    padding-right: 0.7rem;
    padding-left: 0.7rem;
}

.layout-menu.menu-vertical .app-brand {
    height: 64px;
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item > .menu-sub > .menu-item > .menu-link::before {
    display: none;
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-sub .menu-link {
    padding-left: 3.5rem !important;
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item > .menu-sub > .menu-item > .menu-link > i {
    position: absolute;
    left: 1.5rem;
}