* {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%;}
#kuumaksed th {vertical-align: bottom;}
#kuumaksed thead th {font-size:0.78rem;}												   
#kuumaksed td {font-size:0.95rem;}												   

.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 .dashed {background:url(../img/dividends_gr2.png);}
#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%; margin-bottom:15px; padding:30px 40px; background:#fff; border-radius:60px;}
#collapseTable {border-radius:60px;}

.chrt {height:620px;}

.chart_labels {margin-top:30px;}
.chart_mg .labels,.chart_labels {text-align:center; line-height:19px; font-size:17px; font-family:'Roboto Slab';}
.chart_mg .labels .itm,.chart_labels .itm {margin:0 40px 15px 0; display:inline-flex; align-items:center; text-align:left;}
.chart_mg .labels .dot,.chart_labels .dot {width:35px; min-width:35px; height:20px; margin-right:14px;}					
@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 {padding:20px 10px;} .chrt {height:520px;}}

@media screen and (max-width: 760px) {
	#collapseTable {border-radius:30px;}
	#kuumaksed .flexed {display:block;}
	.chart_mg {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 {font-size:0.8rem;}
	#kuumaksed td {padding:0.75rem 0.1rem; font-size:0.8rem;}
	
	.chrt {height:400px;}
	.chart_mg .labels .itm,.chart_labels .itm {margin:0 30px 15px 30px;}
}