* {margin: 0; padding: 0;}
.clear { clear: both; }

#table_graf {color:#000; width:55%; margin:40px auto;  font-family:"Inter";}

.accordion-wrapper .card-header {position:relative; padding-left:0;}
.accordion-wrapper .card-header button {padding:0 0 0 1.5rem; font-size:1.36em; color:#000;}
.accordion-wrapper .card-header button:before {position:absolute; left:0; margin-top:0.02rem;}

#kuumaksed {border-collapse: collapse; width:100%; text-align:center; font-family:"Roboto Slab" !important;}
.maxDivSumTxt {padding:25px 0;}
#chart {width:100%; padding:15px 0;}
#kuumaksed th {vertical-align: bottom;}

.bold {font-weight:bold;}
#kuumaksed .blue {background-color:#f2feb1; border-radius:4px;}
#kuumaksed .pink {background-color:#005724; border-radius:4px; color:#fff !important;}
#kuumaksed .yellow2 {background-color:#059142; border-radius:4px; color:#fff !important;}
#kuumaksed .violet {background-color:#6ae9a2; border-radius:4px;}
#kuumaksed .flexed {display:flex; gap:10px; justify-content:center; align-items:center; text-align:left; margin:0 15px;}
#kuumaksed .dot {width:20px; min-width:20px; height:20px; border-radius:5px;}

#maxDivSum {font-weight:bold;}
.textwhite {color:#fff;}

.chart_mg {width:100%; height:700px; margin-bottom:15px; padding:40px; background:#fff; border-radius:60px;}
#collapseTable {border-radius:60px;}

@media (max-width:2100px) {
	#table_graf {width:80%; max-width:1200px;}
}
@media (max-width:1300px) {
	#table_graf {width:90%;}
}
@media (max-width: 900px) {.chart_mg {height:550px; padding:10px;}}

@media screen and (max-width: 760px) {
	#collapseTable {border-radius:30px;}
	#kuumaksed .flexed {display:block;}
	.chart_mg {height:420px; border-radius:30px;}
	#collapseTable .card-body {padding:10px;}
	#kuumaksed thead th {writing-mode: vertical-rl; text-orientation: sideways; vertical-align: middle;}}
	#kuumaksed .flexed {display:flex; align-items: center; justify-content: end;}
	#kuumaksed thead th,#kuumaksed td {padding:0.9rem 0.2rem; font-size:0.8rem;}
}