.em-tabs {
margin: -15px;
display: flex;
flex-direction: column;
}
.em-pills {
display: flex;
flex-direction: row;
flex-wrap: wrap;
background: rgba(0,0,0,0.025);
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.em-pill {
height: 130px;
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
cursor: pointer;
align-items: center;
text-align: center;
color: #999;
transition: all 0.25s;
position: relative;
overflow: hidden;
padding:0.5rem;
border-bottom: 4px solid transparent;
}
@media screen and (min-width:480px) { .em-pill { width: 33.33%; } }
@media screen and (min-width:640px) { .em-pill { width: 25%; } }
@media screen and (min-width:960px) { .em-pill { width: 160px; } }
.em-pill.active {
background: #fff;
color: #000;
border-color: #f40045;
}
.em-pill::after{
content: " ";
position: absolute;
top: 0;
height: 100%;
transition: all 0.25s;
width: 120%;
left: -10%;
}
.em-pill.active::after {
box-shadow: inset 0 0 10px -5px #000;
}
.em-tab-contents td, .em-tab-contents th { border-color: rgba(0,0,0,0.1); border-width: 1px;}
.emstats-diagnostics-table { border:none; margin-bottom:10px; font-size: 0.875rem; table-layout: fixed; }
.emstats-diagnostics-table td { border:none; position:relative; padding:4px; }
.emstats-diagnostics-table tr:nth-child(2n) {background:#f5f5f5}
.emstats-diagnostics-table tr.uline td,
.emstats-diagnostics-table td.uline { border-bottom:1px solid #333; font-weight:bold; }
.emstats-diagnostics-table tr td:first-child { font-weight:bold; }
.emstats-diagnostics-table input[type=text] { width:72px; padding:5px; }
.emstats-diagnostics-table .result { font-weight: bold; }
.emstats-diagnostics-table .warning { z-index:99; position:absolute; display:none; font-size:12px; color:#f00; background:#edd; border:1px solid #caa; padding:5px 10px; border-radius:3px; }
.emstats-diagnostics-table input.error{ border-color:#f00; }
.emstats-diagnostics-table input.error:hover + .warning { display:block; }
.emstats-diagnostics-table .shown-640 {display:none;}
.emstats-diagnostics-table .hidden-640 {display:table-cell;}
@media screen and (max-width:640px) {
.emstats-diagnostics-table .shown-640 {display:table-cell;}
.emstats-diagnostics-table .hidden-640,
.emstats-diagnostics-table tr:nth-child(2) td:nth-child(3),
.emstats-diagnostics-table tr:nth-child(2) td:nth-child(5),
.emstats-diagnostics-table tr:nth-child(n+3) td:nth-child(2),
.emstats-diagnostics-table tr:nth-child(n+3) td:nth-child(4) {display:none;}
}
@media only screen {
.printval {display:none}
}
.emstats-results-table { font-size: 0.875rem; }
.emstats-results-table tr:first-child td {font-weight:bold; background:#eee;}
.emstats-choose-area { display:flex; background:#fffcfd; margin: 1rem 0; flex-wrap: wrap; flex-direction: column }
.emstats-choose-area > p { margin:0; width:100%; display:flex; align-items:center; justify-content:center;}
.emstats-question { text-align:center; border:1px solid rgba(0,0,0,0.1); border-bottom-width: 0; }
.emstats-buttons { display:flex; flex: 1; justify-content: flex-end; align-items: center; margin:0.5rem 0 }
.emstats-buttons button { margin-left:1rem }
.emstats-chosen-test > p { border: 1px solid rgba(0,0,0,0.1);background: #f3f9f3; margin: 1rem 0; }
.emstats-answers { line-height: 1.25; border:1px solid rgba(0,0,0,0.1); background:rgba(0,0,0,0.05); flex-direction:column;position:relative;}
.emstats-question,
.emstats-chosen-test > p,
.emstats-answers { padding:1rem 2rem; }
.emstats-radio label {display:flex; margin:5px 0; width:100%; align-items:center; cursor:pointer;}
.emstats-radio label input {width:0;position: absolute;height:0;opacity:0;}
.emstats-radio label .radio {margin-right:5px;width:20px;height:20px;max-width:20px;min-width:20px;max-height:20px;min-height:20px;border:2px solid #666; border-radius:20px;position:relative;transition: all 0.2s;}
.emstats-radio label input:checked + .radio { background:#fff; }
.emstats-radio label input:checked + span + span { color:#ff0045; font-weight: bold;transition: all 0.2s; }
.emstats-radio label .radio::after {
position: absolute;
content: " ";
left: 3px;
top: 3px;
background: transparent;
width: 10px;
height: 10px;
display: block;
z-index: 99;
border-radius: 8px;
transition: all 0.2s;
}
.emstats-radio label input:checked + .radio::after { background: #ff0045; }
.emstats-step {display: flex;background: #fffcfd;border: 1px solid rgba(0,0,0,0.1);border-top-width:0;position:relative;overflow:hidden;max-height:40px;}
.emstats-step:first-child { z-index: 9 }
.emstats-step:nth-child(2) { z-index: 8 }
.emstats-step:nth-child(3) { z-index: 7 }
.emstats-step:nth-child(4) { z-index: 6 }
.emstats-step:nth-child(5) { z-index: 5 }
.emstats-step:first-child {border-top-width:1px;}
.emstats-step:not(:first-child) {}
.stepnum::after {display: block;content: " ";position: absolute;left:100%;top: 0;background:rgba(0,0,0,0.05);border-radius:0 20px 20px 0;width:20px;height: 100%;border-right: 1px solid rgba(0,0,0,0.1);}
.stepnum {cursor:pointer;padding: 5px 10px;background:rgba(0,0,0,0.05);width: 80px;min-width:80px;position: relative;height: 40px;margin-right: 30px;line-height: 30px;}
.stepnum:hover {color:#cc140f;} .stepdesc {height: 40px;padding: 5px 10px;line-height: 30px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;margin-right: 5px;}
.emstats-pretest > div {display:flex; margin-bottom:1rem; align-items: center;}
.emstats-pretest > div > span:first-child {width:300px;}
.emstats-pretest-results > div {display:flex; margin-top:1rem; align-items: center;}
.emstats-pretest-results > div > span:first-child {width:240px;}
.emstats-relativerisk > div {display:flex; margin-bottom:10px; align-items: center;}
.emstats-relativerisk > div > span:first-child {width:250px;}
.withlabel {display:flex;border:1px solid rgba(0,0,0,0.1);align-items: stretch;border-radius:3px;}
.withlabel input {border:none;}
.withlabel span {border-left:1px solid rgba(0,0,0,0.1); background:rgba(0,0,0,0.02); width:30px; color:#999; display: flex;align-items: center;justify-content: center;}
.emstats-relativerisk-results td:first-child{width:120px;}
.emstats-oddsratio-results td:first-child{width:120px;}
.emstats-oddsratio > div {display:flex; margin-bottom:10px; align-items: center;}
.emstats-oddsratio > div > span:first-child {width:130px;}
.emstats-chi-square-table { width:100%; max-width:100%; overflow-x: auto; }
.cs-resize { display:flex; align-items: center; margin-bottom:10px; }
.cs-resize label { width: 120px; margin: 0; }
.cs-resize-input { display:flex; align-items: stretch; border:1px solid rgba(0,0,0,0.2); border-radius: 3px; }
.cs-resize-input button { border: none; background: rgba(0,0,0,0.1); border-radius: 0; width:2rem; color:#333; padding: 0; }
.cs-resize-input span { border-width:0 1px; border-style: solid; border-color: rgba(0,0,0,0.2); background: #fff; line-height: 2; width: 2.5rem; text-align: center; }
.jupiterx-post-content table.cs-table, .cs-table { width:auto; }
.cs-table input {width:90px;}
.cs-results { display: flex; flex-direction: column-reverse; }
.cs-resultopts { display: flex; flex-direction: column; }
.cs-resulttable { flex: 1; margin-right: 10px; }
.cs-resulttable tr:nth-child(2n){ background:#fff; }
.cs-testresults td:first-of-type{ width:200px; }
.samplesize {display:flex;position:relative;font-size:13px;}
.sample-tabs {width:220px;min-width:220px;margin-right: 20px;overflow:hidden;}
.sample-inputs {flex:1}
.sample-tabs label {display:block;cursor:pointer;margin-bottom:0;}
.sample-tabs input {position: absolute;opacity: 0;width: 0;height: 0;}
.sample-tabs span {background: #f0f0f0;display: block;padding: 10px;line-height: 1.5;border: 1px solid rgba(0,0,0,0.1);border-bottom-width: 0;color: #999;font-weight: 300;transition: all 0.25s;}
.sample-tabs label:last-child span{border-bottom-width: 1px;}
.sample-tabs label input:checked + span {background:#fff;color: #000;box-shadow: 0 0 10px -5px #000;z-index: 99;position: relative;font-weight: 400;}
.sample-inputs label {display:flex;margin:0;align-items: center;border-bottom:1px dotted rgba(0,0,0,0.1);padding:10px 0;}
.sample-inputs :not(.emstats-radio) label span {width:240px; margin-right: 10px; }
@media screen and (max-width:640px) {
.samplesize{flex-direction:column;}
.sample-tabs{width:100%;margin-bottom:20px;}
}
.desc-up-enter-from { transform: translateY(40px); }
.desc-up-enter-to { transform: translateY(0);}
.desc-up-leave-from { opacity:1; }
.desc-up-leave-to { opacity:0; }
.desc-up-enter-active, .desc-up-leave-active { transition: all .4s; }
.desc-down-enter-from, .desc-down-leave-to { transform: translateY(-40px); opacity: 0; }
.desc-down-enter-to, .desc-down-leave-from { transform: translateY(0); opacity: 1; }
.desc-down-enter-active, .desc-down-leave-active { transition: all .4s; }
.slide-up-enter-from, .slide-up-leave-to { transform: translateY(-50px); opacity:0; }
.slide-up-enter-to, .slide-up-leave-from { transform: translateY(0); opacity:1; }
.slide-up-enter-active, .slide-up-leave-active { transition: all .4s; }
.tab-enter-from, .tab-leave-to { transform: translateY(1rem); opacity:0; }
.tab-enter-active, .tab-leave-active { transition: all .5s; }
.tab-leave-active { display: none }
@media screen and (min-width:480px) {
.emstats-question,
.emstats-chosen-test > p,
.emstats-answers { padding:2rem 4rem; }
.cs-results { display: flex; flex-direction: row; }
.cs-resultopts { width: 140px; }
.emstats-choose-area { flex-direction: row }
.emstats-choose-area > p { width:50%; }
.emstats-question { border-right-width:0; border-bottom-width: 1px; }
}
.em-pill span {
font-size: 0.825rem;
}
.em-pill svg, .x_icon {
height: 1.5rem;
width: 1.5rem !important;
font-size: 1.5rem;
color: #666;
margin-bottom: 0.5rem;
}
.em-pill span.x_icon {
font-weight: bold;
font-family: cursive;
font-size: 1.25rem;
}
.em-pill.active i,
.em-pill.active .x_icon {
color: #F40045;
}
.em-tab-contents {
flex: 1;
padding: 1rem;
position: relative;
min-height: 450px;
font-size: 0.875rem;
}
.em-tab-contents input {
font-size: 0.875rem;
line-height: 2;
height: auto;
}
.em-tab-contents input:focus,
.em-tab-contents input:focus-within {
outline:none;
}