:root 
{	
	--border: 1px solid #ccc;
	--border-radius: 8px;
	--padding: 20px;
	--box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.separator{height:10px;}

.mpd-card-container{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:25px;
}

.mpd-container{
    margin:20px 50px;
}

.mpd-header{
    padding: var(--padding) var(--padding);
	border: var(--border);
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
}

.mpd-card{
    background:#fff;
	border: var(--border);
    border-radius: var(--border-radius);
    overflow:hidden;
    box-shadow: var(--box-shadow);;
    transition:.3s;
    position:relative;
	margin: 10px 0px;
}

.mpd-card:hover{
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.mpd-card-title
{
	font-weight:bold;
	margin-bottom:10px;
	font-size:1.3rem;
}

.mpd-card-header{
    font-weight:bold;
}

.mpd-card-body{
    padding: 25px 25px;
}

.ta-c{text-align:center;}
.ta-r{text-align:right;}
.mt-2{margin-top:20px;}

.p-2{padding:20px;}
.p-3{padding:30px;}
.p-4{padding:40px;}
.p-5{padding:50px;}

.link-mpd{padding:12px 20px;border-radius:8px; background-color:#dc3545;color:#fff;}
.link-mpd:hover{background-color:#bb2d3b;color:#fff;text-decoration:none;}

a{text-decoration:none;}

.fw-b{font-weight:bold;}

.fs-15{font-size:1.5rem;}
.fs-12{font-size:1.2rem;}

.mpd-table{width:100%;background-color:#fff;}
.mpd-table tr{}
.mpd-table tr th,.mpd-table tr td{padding: 12px 12px;border-bottom: 1px solid #ccc;}

.btn-print{padding:4px 8px;border:1px solid #666; border-radius:6px; background-color:#666;color:#fff;cursor:pointer}