@media (min-width: 960px) {
	.table th::before,
	.table th::after{
		translate: 40% 40%;
	}
	.table th{
		padding: .3rem 1.5rem .3rem .5rem !important;
		font-size: 0.9em;
	}
	.table td{
		padding: 0.1rem .5rem 0.1rem .5rem !important;
		font-size: 0.9em;
	}
}

@media (max-width: 812px) {
    .microtable [id*="_color_parent"]{
        font-size:12px;
    }
    .microtable [id*="_paper_orientation_preview"] i {
        font-size:18px;
    }
    body.isMobile .microtable tbody td {
        padding: 2vmin 5px !important;
    }
    
    [id$="_buttons"], 
    [id$="_filter_apply"] {
        font-size: 2rem;
    }
}

@media (max-width: 550px) {
    [id$="_actions_wrap"] [id$="_search"] {
        width: 98vw !important;
        margin-left: .25rem;
    }
}