// sass --watch ebiact/static/ebiact/scss:ebiact/static/ebiact/css *,*::before,*::after{box-sizing:border-box}*{// background-color:green;margin:0;padding:0;// font:inherit;font-family:"Avenir Next LT Pro",sans-serif;scroll-behavior:smooth}img,picture,svg,video{display:block;max-width:100vh}h1{margin-top:3rem;text-align:center;padding:0px;margin-top:relative;margin-bottom:0px;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}}.menu-bell-container{display:none!important}#helper{@media (max-width:900px){display:none!important}}.description{margin-top:1rem;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:0.5rem;h2{color:#1088ad;text-align:center;font-weight:400;font-size:1rem;max-width:60ch;margin-left:auto;margin-right:auto;z-index:3}.fa-bell{padding:1rem;border-radius:50%;margin-left:auto;margin-right:auto;text-align:center;font-size:2rem;color:#1088ad;box-shadow:rgba(0,0,0,0.35) 0px 5px 15px;transform-origin:top center;&:hover{cursor:pointer!important;color:brown;animation:bellRing 1s ease;transform-origin:top center}}.fa-bell:active{animation:none}@keyframes bellRing{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-13deg)}30%{transform:rotate(11deg)}40%{transform:rotate(-9deg)}50%{transform:rotate(7deg)}60%{transform:rotate(-5deg)}70%{transform:rotate(3deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(1deg)}100%{transform:rotate(0)}}}#intervention_material{display:flex;flex-direction:column;justify-content:center;margin-bottom:3rem;text-align:left;.filters{max-width:1200px;margin-left:auto;margin-right:auto;margin-top:2rem;margin-bottom:1rem;display:flex;gap:2rem;flex-wrap:wrap;align-items:center;justify-content:center;@media (max-width:900px){font-size:0.8rem;gap:1rem}}#data-table:before{margin-top:1rem;@media (max-width:767px){content:"Scroll horizontally >";display:block;font-weight:bold;text-align:right;color:#000;padding:0 0}}#data-table{position:relative;max-height:100vh;overflow-y:auto;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem;margin-bottom:3rem;@media (max-width:1200px){padding-left:1rem;padding-right:1rem}@media (max-width:768px){padding-left:0.5rem;padding-right:0.5rem;}}.table-fill{font-size:0.8rem;margin-top:1rem;border-collapse:collapse;border:none;overflow-y:auto;width:100%;width:100%;height:100%;thead{position:sticky;top:0;z-index:2;background-color:#f8f8f8}@media (max-width:767px){display:block}.classPSY{padding:5px;background-color:#0bb2ff;color:#fff;font-weight:bold;border-radius:5px}.classCOMP{padding:5px;background-color:#ffc77c;border-radius:5px;font-weight:bold}.classPHARMA{padding:5px;background-color:#d0bbf2;font-weight:bold;border-radius:5px}td,th{border:none;padding:8px;// border:1px solid #ddd;text-align:center;max-width:30ch;a{// color:#fff;// background-color:#1088ad;color:#00627f;// background-color:#;padding:0.5rem;// text-decoration:none}@media (max-width:768px){font-size:0.6rem}}th:nth-child(1){border-radius:20px 0 0 0!important;border:none}th:last-child{border-radius:0 20px 0 0!important;border:none;@media (max-width:767px){border-radius:0 0 0 20px!important}}td{border:1px solid rgb(227,227,227)}thead th{color:#ffffff;background:#1088ad}tr:nth-child(even){background:#1088ad22;@media (max-width:767px){background:#fff}}tr:nth-child(odd){background:#ffffff;@media (max-width:767px){background:#1088ad22}}td:nth-child(3),td:nth-child(4) // th:nth-child(2){text-align:left}// ul{// margin-left:1rem;//}.select2-results{background-color:#000}}}@media (max-width:767px){.table-fill{display:block;width:100%}.table-fill thead,.table-fill tbody,.table-fill thead th{display:block}.table-fill thead th:last-child{border-bottom:none}.table-fill thead{float:left}.table-fill tbody{width:auto;position:relative;overflow-x:auto}.table-fill td,.table-fill th{height:120px;vertical-align:middle;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;width:260px;text-overflow:ellipsis;font-size:0.5rem}.table-fill thead th{text-align:left;border-bottom:1px solid #f7f7f9;width:120px}.table-fill tbody tr{display:table-cell}.table-fill tbody td{display:block;text-align:center}}.ul_age{list-style-type:none;padding-left:0}.ul_age li{padding-left:30px;position:relative;padding-top:0.25rem;padding-bottom:0.25rem;// margin-bottom:0.4rem}.ul_age li::before{content:"";width:25px;height:25px;background-size:cover;display:inline-block;position:absolute;left:0;top:40%;transform:translateY(-50%);border-radius:50%;border:2px solid #000}.ul_age .baby::before{background-image:url("/static/ebiact/img/interventions/baby.svg?11aaf89964fa")}.ul_age .child::before{background-image:url("/static/ebiact/img/interventions/child.svg?11aaf89964fa")}.ul_age .adol::before{background-image:url("/static/ebiact/img/interventions/adol.svg?11aaf89964fa")}.ul_age .adult::before{background-image:url("/static/ebiact/img/interventions/adult.svg?11aaf89964fa")}.ul_outcome{list-style-type:none;padding-left:0;li{line-height:0.9;padding-left:30px;position:relative;line-height:1.5}li::before{content:"\2022";font-size:54px;margin-right:10px;width:20px;text-align:center;display:inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%)}.CORE_ASD::before{color:rgb(3,115,20)}.FUNCTIONING::before{color:rgb(99,168,214)}.LANGUAGE::before{color:rgb(255,194,51)}.PROBLEMATIC::before{color:rgb(231,62,211)}.SAFETY::before{color:rgb(194,61,61)}.SLEEP::before{color:rgb(80,186,184)}.COMORBIDITY::before{color:rgb(203,121,210)}}#data-table::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);padding-top:4rem;border-radius:10px;background-color:#f5f5f5;@media (max-width:767px){margin-top:4rem}}#data-table::-webkit-scrollbar{width:12px;background-color:#f5f5f5}#data-table::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#555}#data-table::after{content:"";display:block;position:sticky;bottom:0;z-index:1;background-color:#1088ad;height:40px;border-radius:0 0 20px 20px;@media (max-width:767px){height:0px}}