/* Add here all your CSS customizations */
.select2-selection__clear{
    margin: auto 5px !important;
}
.col-md-6 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.table th, .table td {
    padding: 0.4rem !important;
}

.datepicker-dropdown {
		z-index: 100000 !important;
	}

.select2-container .select2-selection--single {
    height: 40px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 5px !important;
    padding-left: 10px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px !important;
    right: 5px !important;
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(49, 151, 255, 0.68);
}
@media print {
    body{
        background-color:white;
    }
    tr:nth-of-type(odd) td {
        background-color: rgba(0, 0, 0, 0.05) !important;
        -webkit-print-color-adjust: exact;
    }
    tr.tr-head {
        background-color: #0088cc !important;
        -webkit-print-color-adjust: exact;
    }
    .tr-head th {
        background-color: #0088cc !important;
        -webkit-print-color-adjust: exact;
        color: white !important;
    }
    .tr-head td {
        background-color: #0088cc !important;
        -webkit-print-color-adjust: exact;
        color: white !important;
    }
}
#the-canvas{
    background-color: #ddd;
    display: grid;
}
#the-canvas .page{
    margin: 10px auto;
    border-radius: .2em;
    overflow: hidden;
}