h1 {
    color:rgb(201, 107, 0);
}

h1, h2, h3, h4 {
    margin-top: 20px;
}

#preview {
    max-height: 350px;
    position: relative;
    overflow-x: scroll;
}

#preview td,
#preview th {
    font-size: 10px;
}

#preview th {
    cursor: pointer;
    background-color: #e0e0e0;
    border-left: 2px solid #e0e0e0;
}

#preview thead th {
    position: sticky;
    top: 0;
    z-index: 10;
    text-align: center;
    width: 0em; /* trick to not allow wide columns */
}

#preview thead .activated {
    background-color: #eeec48;
}

#preview tbody .activated {
    
    border-top: 2px solid rgb(43, 43, 43);
    background-image: url('icoDown.png');
    background-repeat: repeat-x;
    background-size: 13px;
}

#preview tbody .rowHeader {
    position: sticky;
    left: 0px;
    box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.5);
}

.note {
    background-color: #ececec;
    border-left: 4px solid rgb(6, 158, 158);
    border-left-color: rgb(6, 158, 158);
    border-left-style: solid;
    border-left-width: 4px;
    border-radius: 6px;
    padding: 5px 5px 5px 10px;
}

.cellFormula {
    position: relative;
    color: #666666;
}

.cellFormula::after {
    display: block;
    right: 3px;
    bottom: 1px;
    border: 0;
    font-family: serif;
    content: '⨍'; /* ∑ */
    color: #666666;
    font-size: 8px;
    position: absolute;
    white-space: nowrap;
}

.cellFormula:hover::after {
    content: 'formula';
}

.dvInvisible {
    display: none;
}

.dvPage {
    background-color: inherit;
}

.dvActive {
    border-radius: 4px;
    background-color: rgb(255, 190, 117);
}

.nav-item {
    padding-left: 4px;
    padding-right: 4px;
}

.helpIcon {
    /* Hint: css inline generator at https://codepen.io/xavianaxw/pen/wyGbdY */
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E %3C%21--%20Generator%3A%20Adobe%20Illustrator%2020.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E %3Csvg%20version%3D%221.1%22%20id%3D%22idea-bulb%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22 %20viewBox%3D%220%200%20935.1172%201010%22%20enable-background%3D%22new%200%200%20935.1172%201010%22%20xml%3Aspace%3D%22preserve%22%3E %3Cg%20id%3D%22idea-bulb-idea-bulb%22%3E %3Cg%3E %3Cpath%20fill%3D%22%23CCD1D9%22%20d%3D%22M582.584%2C878.3047c0%2C66.9531-47.2051%2C111.4951-114.1768%2C111.4951 c-66.9521%2C0-118.5371-44.542-118.5371-111.4951%22%2F%3E %3Cpath%20fill%3D%22%23656872%22%20d%3D%22M468.4072%2C1010c-80.3857%2C0-138.7373-55.3926-138.7373-131.6953c0-11.1641%2C9.0547-20.1992%2C20.2002-20.1992 c11.1651%2C0%2C20.2002%2C9.0351%2C20.2002%2C20.1992c0%2C53.7558%2C40.4395%2C91.2949%2C98.3369%2C91.2949c56.2007%2C0%2C93.9776-36.6914%2C93.9776-91.2949 c0-11.1641%2C9.0342-20.1992%2C20.1992-20.1992c11.1465%2C0%2C20.2002%2C9.0351%2C20.2002%2C20.1992 C602.7842%2C955.8506%2C547.5303%2C1010%2C468.4072%2C1010L468.4072%2C1010z%22%2F%3E %3C%2Fg%3E %3Cg%3E %3Cpolyline%20fill%3D%22%23BDBF6D%22%20points%3D%22582.584%2C664.9824%20582.584%2C878.3047%20349.8701%2C878.3047%20349.8701%2C664.9824%20 %22%2F%3E %3Cpath%20fill%3D%22%23656872%22%20d%3D%22M582.584%2C898.5059H349.8701c-11.1455%2C0-20.2002-9.0352-20.2002-20.2012V664.9824 c0-11.166%2C9.0547-20.2002%2C20.2002-20.2002c11.1651%2C0%2C20.2002%2C9.0342%2C20.2002%2C20.2002v193.1231h192.3145V664.9824 c0-11.166%2C9.0342-20.2002%2C20.1992-20.2002c11.1465%2C0%2C20.2002%2C9.0342%2C20.2002%2C20.2002v213.3223 C602.7842%2C889.4707%2C593.7305%2C898.5059%2C582.584%2C898.5059L582.584%2C898.5059z%22%2F%3E %3C%2Fg%3E %3Cg%3E %3Cpath%20fill%3D%22%23656872%22%20d%3D%22M233.0693%2C88.8877c-5.1684%2C0-10.3369-1.9727-14.2822-5.918l-48.4878-48.4878 c-7.8906-7.8906-7.8906-20.6733%2C0-28.5639c7.8906-7.8907%2C20.6734-7.8907%2C28.564%2C0l48.4878%2C48.4878 c7.8906%2C7.8906%2C7.8906%2C20.6733%2C0%2C28.5639C243.4058%2C86.915%2C238.2373%2C88.8877%2C233.0693%2C88.8877L233.0693%2C88.8877z%22%2F%3E %3C%2Fg%3E %3Cg%3E %3Cpath%20fill%3D%22%23656872%22%20d%3D%22M717.8691%2C88.8877c-5.1679%2C0-10.3369-1.9727-14.2822-5.918c-7.8906-7.8906-7.8906-20.6733%2C0-28.5639 L752.0752%2C5.918c7.8906-7.8907%2C20.6729-7.8907%2C28.5635%2C0c7.8906%2C7.8906%2C7.8906%2C20.6733%2C0%2C28.5639l-48.4873%2C48.4878 C728.2061%2C86.915%2C723.0371%2C88.8877%2C717.8691%2C88.8877L717.8691%2C88.8877z%22%2F%3E %3C%2Fg%3E %3Cg%3E %3Cpath%20fill%3D%22%23656872%22%20d%3D%22M184.5811%2C670.6436c-5.168%2C0-10.3365-1.9727-14.2818-5.918c-7.8906-7.8906-7.8906-20.6729%2C0-28.5635 l48.4878-48.4883c7.8906-7.8906%2C20.6734-7.8906%2C28.564%2C0c7.8906%2C7.8907%2C7.8906%2C20.6739%2C0%2C28.5645l-48.4878%2C48.4872 C194.918%2C668.6709%2C189.7495%2C670.6436%2C184.5811%2C670.6436L184.5811%2C670.6436z%22%2F%3E %3C%2Fg%3E %3Cg%3E %3Cpath%20fill%3D%22%23656872%22%20d%3D%22M766.3574%2C670.6436c-5.1689%2C0-10.3369-1.9727-14.2822-5.918l-48.4883-48.4872 c-7.8906-7.8906-7.8906-20.6738%2C0-28.5645c7.8906-7.8906%2C20.6738-7.8906%2C28.5645%2C0l48.4873%2C48.4883 c7.8906%2C7.8906%2C7.8906%2C20.6729%2C0%2C28.5635C776.6934%2C668.6709%2C771.5254%2C670.6436%2C766.3574%2C670.6436L766.3574%2C670.6436z%22%2F%3E %3C%2Fg%3E %3Cg%3E %3Cpath%20fill%3D%22%23656872%22%20d%3D%22M97.7842%2C355.5117H20.1997C9.0542%2C355.5117%2C0%2C346.4771%2C0%2C335.312 c0-11.1655%2C9.0542-20.2002%2C20.1997-20.2002h77.5845c11.1455%2C0%2C20.2002%2C9.0347%2C20.2002%2C20.2002 C117.9844%2C346.4771%2C108.9297%2C355.5117%2C97.7842%2C355.5117L97.7842%2C355.5117z%22%2F%3E %3C%2Fg%3E %3Cg%3E %3Cpath%20fill%3D%22%23656872%22%20d%3D%22M914.918%2C355.5117h-77.5645c-11.166%2C0-20.201-9.0346-20.201-20.1997 c0-11.1655%2C9.0351-20.2002%2C20.201-20.2002h77.5645c11.1455%2C0%2C20.1992%2C9.0347%2C20.1992%2C20.2002 C935.1172%2C346.4771%2C926.0635%2C355.5117%2C914.918%2C355.5117L914.918%2C355.5117z%22%2F%3E %3C%2Fg%3E %3Cg%3E %3Cpath%20fill%3D%22%23FFCA70%22%20d%3D%22M681.1387%2C129.6626c-113.5664-113.5855-297.7139-113.5855-411.3389%2C0 c-113.625%2C113.5264-115.834%2C297.7524-2.1894%2C411.3384c25.1118%2C25.0722%2C43.4775%2C43.7529%2C82.2597%2C57.7392v85.6524H582.584v-85.6524 c38.7637-13.9863%2C66.4199-32.667%2C91.5117-57.7392C787.7207%2C427.415%2C794.7441%2C243.248%2C681.1387%2C129.6626z%22%2F%3E %3Cpath%20fill%3D%22%23656872%22%20d%3D%22M582.584%2C704.5937H349.8701c-11.1455%2C0-20.2002-9.0351-20.2002-20.201v-71.9424 c-33.9297-14.7949-53.3008-34.1465-75.3554-56.1611c-59.6729-59.6534-91.6495-137.8296-91.0381-221.1348 c0.6118-82.9111%2C33.3774-160.9688%2C92.2417-219.7739c58.7651-58.7456%2C136.8823-91.0972%2C219.9707-91.0972 s161.186%2C32.3516%2C219.9311%2C91.0972c58.4698%2C58.4497%2C89.5782%2C136.7446%2C87.6055%2C220.4248 c-1.9522%2C82.4765-35.5664%2C160.4165-94.6475%2C219.478c-25.6445%2C25.625-52.4726%2C43.6348-85.5937%2C57.3047v71.8047 C602.7842%2C695.5586%2C593.7305%2C704.5937%2C582.584%2C704.5937L582.584%2C704.5937z%20M370.0703%2C664.1934h192.3145v-65.4532 c0-8.5215%2C5.3261-16.1162%2C13.3349-18.9961c33.5743-12.1123%2C59.5147-28.4658%2C84.0948-53.0255 c51.7031-51.6835%2C81.1152-119.8193%2C82.8115-191.8603c1.7158-72.5347-25.1904-140.335-75.7695-190.9141 C615.7441%2C92.833%2C547.7871%2C64.6831%2C475.4888%2C64.6831c-72.2979%2C0-140.2754%2C28.1499-191.4068%2C79.2612 c-51.3086%2C51.2696-79.873%2C119.2867-80.4052%2C191.5059c-0.5328%2C72.3965%2C27.2422%2C140.3154%2C78.2158%2C191.2685 c24.9541%2C24.9346%2C40.7944%2C40.7549%2C74.8423%2C53.0255c8.0092%2C2.8799%2C13.3354%2C10.4745%2C13.3354%2C18.9961V664.1934L370.0703%2C664.1934z%22%2F%3E %3C%2Fg%3E %3Cg%3E %3Cpath%20fill%3D%22%23656872%22%20d%3D%22M338.3496%2C492.6309c-5.168%2C0-10.3364-1.9727-14.2817-5.918 c-40.4595-40.459-62.7305-94.2139-62.7305-151.3814c0-57.1479%2C22.271-110.9223%2C62.7305-151.4013 c7.8906-7.8906%2C20.6733-7.8906%2C28.5639%2C0c7.8907%2C7.8906%2C7.8907%2C20.6733%2C0.0196%2C28.5639 c-32.8448%2C32.8448-50.9141%2C76.48-50.9141%2C122.8374c0%2C46.3775%2C18.0693%2C89.9927%2C50.8945%2C122.8179 c7.8907%2C7.8906%2C7.8907%2C20.6729%2C0%2C28.5635C348.6865%2C490.6582%2C343.5181%2C492.6309%2C338.3496%2C492.6309L338.3496%2C492.6309z%22%2F%3E %3C%2Fg%3E %3Cg%3E %3Cpath%20fill%3D%22%23656872%22%20d%3D%22M565.6787%2C836.4063H366.7759c-11.1655%2C0-20.2002-9.0352-20.2002-20.2002 c0-11.1651%2C9.0347-20.2002%2C20.2002-20.2002h198.9028c11.1455%2C0%2C20.2002%2C9.0351%2C20.2002%2C20.2002 C585.8789%2C827.3711%2C576.8242%2C836.4063%2C565.6787%2C836.4063L565.6787%2C836.4063z%22%2F%3E %3C%2Fg%3E %3Cg%3E %3Cpath%20fill%3D%22%23656872%22%20d%3D%22M565.6787%2C769.5723H366.7759c-11.1655%2C0-20.2002-9.0352-20.2002-20.1993 c0-11.166%2C9.0347-20.2011%2C20.2002-20.2011h198.9028c11.1455%2C0%2C20.2002%2C9.0351%2C20.2002%2C20.2011 C585.8789%2C760.5371%2C576.8242%2C769.5723%2C565.6787%2C769.5723L565.6787%2C769.5723z%22%2F%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 20px;
    padding-left: 30px;
}

.footer {
    margin-top: 14px;
}

.blend {
    opacity: 1;
    height: auto;
    max-height: 1000px;
    transition: all 0.8s ease-in-out;
    overflow: hidden;
}

.blendActivated {
    opacity: 0.3;
    max-height: 0;
}

.modal-header {
    background-color: rgb(255, 190, 117);
}

.ExcelLogo {
    background-image: url('excel_logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem;
}