/**********************************************************
    Page styling
 *********************************************************/
main {
   margin-top: 2em;
}

nav ul label.sub-menu-arrow {
   top: calc(18.7em + 2.55em);
}

div.regression-function input[type="submit"] {
   visibility: hidden;
}

section.regression-controls {
   margin-top: 1em;
}
section.regression-controls div.function-type {
   margin-bottom: 1em;

}
section.regression-controls div.function-type label {
   display: block;
   font-weight: bold;
   font-size: 0.9rem;
   margin-bottom: 0.5em;
}
section.regression-controls div.function-type input {
   width: 6.5em;
   padding-left: 0;
   padding-right: 0;
}

section.regression-controls div.data-control {
   margin-bottom: 0.5em;
}
section.regression-controls div.data-control label {
   display: block;
   font-weight: bold;
   font-size: 0.9rem;
   margin-bottom: 0.5em;
}
section.regression-controls div.data-control input {
   width: 8em;
   padding-left: 0;
   padding-right: 0;
}
section.regression-controls div.data-control input[type="checkbox"] {
   visibility: hidden;
   width: 1.4em;
}


section.regression-objects div.regression-calculation {
   display: flex;
   gap: 1em;
   margin-top: 2em;
}

div.excel-container {
   height: 29em;
   padding-top: 0.2em;
   /* border: 1px solid green; */
}
div.excel-container label {
   font-weight: bold;
}
div.excel-container table {
   border: 1px solid lightgray;
   border-collapse: collapse;
   margin-top: 0.25em;
}
div.excel-container table tbody::before {
   content: '';
   display: block;
   height: 1em;
}
div.excel-container table tbody td {
   text-align: center;
}

div.graph-container {
   height: 29em;
   padding-top: 0.2em;
   /* border: 1px solid maroon; */
   
}
div.graph-container label {
   font-weight: bold;
}

div.regression-container { /* created by regression.js graphContainer() */
   margin-top: 0.5em;
}

circle {
   fill-opacity: .8;
   stroke: #000;
   stroke-opacity: 1;
 }
 .regression {
   fill: none;
   stroke: #000;
   stroke-width: 1.5px;
 }
 .axis line {
   stroke: #ddd;
 }
 .axis .baseline line {
   stroke: #555;
 }
 .axis .domain {
   display: none;
 }