.main_content{padding-top:2rem}#canvas{max-height:90vh!important;// width:auto;width:100%!important;// Change from 'auto' to '100%' min-width:300px;// Add a minimum width}h1{margin-top:3rem;text-align:center;padding:0px;margin-top:relative;font-size:3rem;color:#1088ad;@media (max-width:900px){max-width:15ch;margin-top:3rem;font-size:1.8rem;margin-left:auto;margin-right:auto}}h2{color:#1088ad;text-align:center;font-weight:400;font-size:1rem;max-width:60ch;margin-top:0.5rem;margin-left:auto;margin-right:auto;z-index:3}#pafilter-nel{// background-color:red;display:grid;align-items:center;justify-content:center;margin-left:2rem;.filters{display:flex;flex-wrap:wrap;max-width:1000px;align-items:center;margin-left:auto;margin-right:auto;justify-content:center;gap:1rem;margin-bottom:1rem;#AMSTAR_app,#IQ_app,#age_app,#GRADE_app,#Intervention_app,#Outcome_acro_app{width:250px}}}.modal-rct{display:none;position:fixed;z-index:10001;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);.modal-content-rct{background-color:#fefefe;margin:2rem auto;padding:20px;border:1px solid #888;width:90%;max-height:80vh;max-width:80vw;overflow:scroll;.close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer}.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}}}// .tableRCT{// width:95%!important;// max-width:95%;// margin-left:auto;// margin-right:auto;// table-layout:fixed;// border-collapse:collapse;// font-size:0.5rem;// overflow-x:auto;// display:block;// margin-bottom:2rem;//}// .tableRCT thead,// .tableRCT tbody{// display:table;// width:100%;// table-layout:fixed;//}// .tableRCT th,// .tableRCT td{// width:100px;// max-width:100px;// border:1px solid #ddd;// padding:5px;// overflow:hidden;// text-overflow:ellipsis;// white-space:nowrap;// position:relative;//}// .tableRCT th:hover,// .tableRCT td:hover{// overflow:visible;// z-index:1;//}// .tableRCT th:hover::after,// .tableRCT td:hover::after{// content:attr(data-full-content);// position:absolute;// left:-1px;// top:-1px;// width:100%;// max-height:none;// padding:5px;// background-color:lightgrey;// border:1px solid #ddd;// z-index:1000;// white-space:normal;// word-break:break-word;// box-shadow:0 2px 5px rgba(0,0,0,0.2);// overflow-y:auto;// max-height:200px;//}// // .tableRCT th,// .tableRCT td{// transition:all 0.3s ease;//}// // .tableRCT tr:last-child td:hover::after{// top:auto;// bottom:-1px;//}// // .tableRCT th:last-child:hover::after,// .tableRCT td:last-child:hover::after{// left:auto;// right:-1px;//}.card-container{display:flex;@media screen and (max-width:768px){flex-direction:column}gap:1rem;padding:0.5rem;// box-shadow:rgba(50,50,93,0.25) 0px 6px 12px -2px,// rgba(0,0,0,0.3) 0px 3px 7px -3px;border-top:1px solid lightgrey;border-bottom:1px solid lightgrey;margin:1rem 2rem;}.card{background-color:#fff;padding:0.5rem;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0rem}.card:nth-child(1),.card:nth-child(2){border-right:2px solid lightgrey;@media screen and (max-width:768px){flex-direction:column;border:none}}.card-icon{color:#555555;font-size:1rem;font-weight:bold}.card-title{color:royalblue;font-size:3rem;font-weight:bold}.card-content{color:#999999;font-size:0.9rem}.container_graphs{margin-top:1rem;margin-left:2rem;margin-right:2rem;display:grid;grid-template-columns:1fr;justify-content:center;@media screen and (max-width:900px){display:grid;grid-template-columns:1fr}.header_card{// background-color:#2d2d2d;font-weight:bold;color:#555555;padding-top:1rem;// margin-left:2rem}}// DONUTS .container_donuts,.container_barchart{// flex-wrap:wrap;align-items:center;justify-content:space-evenly;text-align:center}.container_barchart{display:grid;grid-template-columns:1fr 1fr;gap:5rem;@media screen and (max-width:1500px){gap:1rem}@media screen and (max-width:1300px){grid-template-columns:1fr;}}.container_donuts{// border:2px solid lightgrey;max-width:800px;width:100%;margin-top:2rem;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center;gap:2rem;@media screen and (max-width:800px){max-width:300px}@media screen and (max-width:600px){grid-template-columns:1fr;}}#intervention_bar,#outcome_bar{@media screen and (max-width:1300px){// max-width:800px;max-height:400px}}.container_forest{margin-top:2rem;max-width:1200px;padding:1rem 2rem;margin-left:auto;margin-right:auto;text-align:center;.header_card{// background-color:#2d2d2d;font-weight:bold;color:#555555;padding-top:1rem;margin-left:5rem;padding-bottom:1rem}}.container_table{max-width:90vw;margin:20px auto;// box-shadow:0 0 20px rgba(0,0,0,0.15);overflow:hidden;.header_card{font-weight:bold;color:#555555;padding-top:1rem;padding-bottom:1rem;// margin-left:2rem}}.table_btn{display:flex;justify-content:space-between;#downloadButton{font-size:0.7rem;padding:0!important;background-color:#275efe;gap:0.5rem;color:#fff;display:flex;align-items:center;justify-content:center;width:150px;cursor:pointer;transition:background-color 0.3s ease;&:hover{background-color:#92acf5}}}// #data-table{// width:100%;// border-collapse:collapse;// font-family:Arial,sans-serif;// height:100%;// overflow-y:auto;// display:block;// text-align:center;// margin-bottom:2rem;//}// #data-table thead{// color:darkgrey;// position:sticky;// background-color:#fff;// top:0;//}// #data-table th,// #data-table td{// padding:0.5rem;// text-align:left;// font-size:0.6rem;//}// #data-table th{// font-weight:bold;//}// #data-table tbody tr:last-of-type{// border-bottom:2px solid #009879;//}// #data-table tbody tr:hover{// background-color:#f5fff8;// transition:background-color 0.3s ease;//}// // #data-table::-webkit-scrollbar{// width:10px;// border-radius:25px;//}// #data-table::-webkit-scrollbar-track{// background:#f1f1f1;//}// #data-table::-webkit-scrollbar-thumb{// background:#888;//}// #data-table::-webkit-scrollbar-thumb:hover{// background:#555;//}// // #data-table{// // scrollbar-width:thin;// scrollbar-color:#888 #f1f1f1;//}#data-table{width:95%!important;max-width:95%;margin-left:auto;margin-right:auto;table-layout:fixed;border-collapse:collapse;font-size:0.6rem;overflow-x:auto;display:block;margin-bottom:2rem}#data-table thead,#data-table tbody{display:table;width:100%;table-layout:fixed}#data-table th,#data-table td{width:100px;max-width:100px;border:1px solid #ddd;padding:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}#data-table tr:hover td{text-overflow:initial;white-space:normal;font-weight:bold;background-color:#2d2d2d;color:#fff}