.shadow-text {
    text-shadow: 2px 2px 4px #000000;
}

@media (min-width: 1600px){
    .row-cols-xxxl-4>* {
        flex: 0 0 auto !important;
        width: 25% !important;
    }
}

.tc-1 {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; }

.tc-2 {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }

.tc-3 {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; }

.tc-4 {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; }

.tc-5 {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; }


.fieldset {
    border: 1px solid #ddd;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    padding: 5px;
}
.fieldset .legend {
    position: absolute;
    top: -15px;
    left: 5px;
    background: #fff;
    display: inline-block;
    padding: 2px 7px;
    font-size: 13px;
    z-index: 1;
}

[data-bs-theme=dark] .fieldset {
    border-color: #343a40;
}
[data-bs-theme=dark] .fieldset .legend {
    background: #1e1e2d;
    color: #fff;
}


.fieldset input {
    border:none;
    padding: 5px;
    font-size: 13px;
}
.fieldset input:read-only {
    color: var(--bs-gray-500);
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-300);
    opacity: 1;
}



.fv-plugins-bootstrap5-row-invalid .fieldset {
    border-color: #dc3545;
}

.fv-plugins-bootstrap5-row-invalid .fieldset .legend {
    color: #dc3545 !important;
}

.fv-plugins-bootstrap5-row-valid .fieldset {
    border-color: #28a745;
}

.fv-plugins-bootstrap5-row-valid .fieldset .legend {
    color: #28a745 !important;
}

.parcel-row.fv-plugins-bootstrap5-row-invalid {
    display: flex !important;
}
.parcel-row .fv-plugins-icon {
    position: relative !important;
}
.parcel-row .fv-plugins-icon.fa-check {
    display: none !important;
}

.hover-border-primary:hover {
    border-color: #007bff !important;
}


@media (max-width: 576px){
    .load .title{
        border-bottom: 1px solid #ddd;
    }
}


#file_upload_dropzone .dz-preview {
    min-height: 75px !important;
}
#file_upload_dropzone .dz-preview .dz-image {
    width: 80px !important;
    height: 80px !important;
}
#file_upload_dropzone .dz-preview .dz-image img{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}


[data-bs-theme=dark] #swal2-input {
    color:#fff;
}
#swal2-input::placeholder {
    color: #6c757d !important;
    font-size: 13px;
}

.fs-1em{
    font-size: 1.0050em;
}



@media (min-width: 1660px) {
    .col-xxxl {
        flex: 1 0 0%
    }


    .row-cols-xxxl-auto > * {
        flex: 0 0 auto;
        width: auto
    }


    .row-cols-xxxl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }


    .row-cols-xxxl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }


    .row-cols-xxxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }


    .row-cols-xxxl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }


    .row-cols-xxxl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }


    .row-cols-xxxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }


    .col-xxxl-auto {
        flex: 0 0 auto;
        width: auto
    }


    .col-xxxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }


    .col-xxxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }


    .col-xxxl-3 {
        flex: 0 0 auto;
        width: 25%
    }


    .col-xxxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }


    .col-xxxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }


    .col-xxxl-6 {
        flex: 0 0 auto;
        width: 50%
    }


    .col-xxxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }


    .col-xxxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }


    .col-xxxl-9 {
        flex: 0 0 auto;
        width: 75%
    }


    .col-xxxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }


    .col-xxxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }


    .col-xxxl-12 {
        flex: 0 0 auto;
        width: 100%
    }
}