/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Carousel */
/*.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}*/

/* Make .svg files in the carousel display properly in older browsers */
/*.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}*/

/* QR code generator */
/*#qrCode {
    margin: 15px;
}*/

/* Hide/rearrange for smaller screens */
/*@media screen and (max-width: 767px) {*/
/* Hide captions */
/*.carousel-caption {
        display: none;
    }
}*/

/*body .select2-container .select2-selection--single {
    height: auto;
}
*/
.description-content-column {
    /* display: block; */
    min-width: 500px;
    max-width: 800px;
    overflow: auto;
    max-height: 500px;
}

/*START Support Select2 readonly work*/
select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

    select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
        background: #eee;
        box-shadow: none;
    }

.dark-mode select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #6c757d;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}
/*END Support Select2 readonly work*/

.bg-orange {
    color: white !important;
}

.multiple-card-container {
    display: grid;
    /*grid-template-columns: repeat(4, minmax(0, 1fr));*/
    grid-template-columns: repeat(auto-fit, minmax(300px, 400px));
    gap: 10px 10px;
}

.multiple-card-container .card {
    margin-bottom: 0 !important;
}

.dashboard-level-container {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto
}