/**
 *
 * You can write your CSS code here, DO NOT touch the default JavaScript file
 * because it will make it harder for you to update.
 * 
 */

/*# sourceMappingURL=custom.css.map */
@import url('https://fonts.googleapis.com/css2?family=IBM Plex Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

body {
    font-family: 'IBM Plex Sans';
}

.card .card-header select.form-control {
	height: 31px;
	font-size: 13px;
	padding: 5px 5px;
}

#qr-scanner video {
    width: 100% !important; 
}

@media (max-width:  768px) {
    .main-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-wrapper-1 .section .section-header {
        margin-left: 0;
        margin-right: 0;
        border-radius: 10px;
    }

    .form-inline {
        display: block;
        padding: 10px;
    }

    .form-inline .form-group {
        margin-bottom: 10px;
    }

    .responsive-pagination {
        max-width: 100%;
        overflow-x: scroll;
    }
}

.table td, .table th {
    vertical-align: middle;
}

.modal-content.modal-image {
    background: transparent;
    box-shadow: none !important;
}

.modal-close-custom {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 40px;
    opacity: 1;
}

.modal-close-custom span {
    color: #FFF;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 15px;
}

.select2-container--default .select2-results__option[aria-disabled=true] { display: none;}

.form-print{
    margin-bottom:0px;
}

/* .tr-desc{
    width: 50%;
} */

@media print {
    @page 
    {
        size: A5 landscape;
        margin-top:0;
        margin-bottom:0;
        margin-left: 20mm;
        margin-right: 20mm;
    }
    body{
        zoom:60%;
        font-size:16px;
    }
    /* .tr-desc{
        width: 30%;
    } */
    .section, .main-footer, .main-sidebar, .modal-footer{
        display: none;
    }
    #print-modal{
        display: block;
        padding-top:80px;
    }
    .modal-content{
        border: 1px solid #000;
    }
}