main.css

.root___1Rh2d {
    padding: .5rem 1rem .5625rem;
    border: none;
    color: #fff;
    font-size: larger;
    cursor: pointer;
    border-radius: 1.25rem;
    border: 2px solid #900
}

.primary___3cZYe {
    background-color: #900
}

.secondary___2g1Jl {
    background-color: transparent;
    color: #900
}

.disabled___1zQvl {
    opacity: .5;
    cursor: default;
    outline: none;
    pointer-events: none
}

.root___1Ue-o {
    display: flex;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.wrap___rfQi2 {
    margin: auto auto 0;
    flex: 1;
    max-width: 36em;
    padding: 40px 5px 20px;
    background: rgba(0,0,0,.5)
}

.img___37vyN {
    display: block;
    margin: 0 auto;
    width: 300px;
    max-width: 100%
}

.text-wrap___1VAr4 {
    margin: 0 0 1em
}

.text___2koP9 {
    margin: 0;
    font-size: 1.5em;
    line-height: 1.5em;
    color: #fff;
    font-weight: 400;
    text-align: center
}

.btn-wrap___3Ou2S {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.btn___3Dfuf {
    width: 100%;
    max-width: 240px;
    margin: 20px;
    padding: .75rem;
    padding: .75rem 1rem;
    border-radius: 1.5rem
}

@media only screen and (min-width: 36em) {
    .wrap___rfQi2 {
        margin:auto
    }

    .img___37vyN {
        margin: 0 auto 20px
    }
}

.root___25tyg {
    height: 90vh;
    min-height: 520px;
    border-bottom: 10px solid #900;
    background-size: cover;
    background-position: 50%;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden
}

.nav-btn___2HHyt {
    position: absolute;
    top: 50%;
    z-index: 1
}

.nav-btn___2HHyt svg {
    max-height: 100%;
    width: 100%;
    color: #cfd0d2;
    fill: currentColor
}

.nav-btn___2HHyt:hover svg {
    color: #828282
}

.left-btn___1Vcrf {
    left: 0
}

.right-btn___lFvHb {
    right: 0
}

.root___1FmJ8 {
    width: 180px;
    display: block;
    cursor: pointer;
    margin: .5em;
    text-align: center
}

.text___2-aro {
    padding: 20px;
    font-weight: 700;
    line-height: 1.5em;
    color: #493b31
}

.img-wrap___3nzLK {
    position: relative;
    margin: 0 auto;
    width: 128px;
    height: 128px
}

.img___-RzA1 {
    display: block;
    position: absolute;
    transition: opacity .2s linear
}

.root___1FmJ8:hover .img___-RzA1 {
    opacity: 0
}

.root___1FmJ8:hover .hover-img___XPc4V {
    opacity: 1
}

.hover-img___XPc4V,.selected___LHzRd .img___-RzA1 {
    opacity: 0
}

.selected___LHzRd .hover-img___XPc4V {
    opacity: 1
}

.root___2R_92 {
    display: none;
    padding: 20px 0 0
}

@media only screen and (min-width: 48em) {
    .root___2R_92 {
        margin:0 auto;
        max-width: 48em;
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 1200px) {
    .root___2R_92 {
        max-width:1200px
    }
}

.root___3WNb5 {
    padding: 35px
}

.title-wrap___1uTYV {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.title___3rR7Y {
    font-size: 2em;
    color: #900;
    margin: 0 .5em .5em 0
}

.sub-title___zCe1o {
    font-size: 2em;
    margin: 0 0 1em;
    text-align: left
}

.heading-text___8-mMV {
    font-size: 1.5em;
    margin: 0 0 .42857em;
    font-weight: 400;
    line-height: 1.25em;
    text-align: left
}

.p___31S3W {
    margin: 0 0 .2em
}

@media only screen and (min-width: 48em) {
    .root___3WNb5 {
        padding:20px 0 0
    }

    .title-wrap___1uTYV {
        justify-content: center
    }

    .heading-text___8-mMV {
        text-align: center
    }
}

.root___3vDuk {
    padding: 35px
}

.inner-wrap___2dgQO {
    margin: 0 auto;
    display: flex;
    max-width: 1120px;
    justify-content: space-around
}

.left___1GdlT {
    background-color: #f5f5f5
}

.left___1GdlT .inner-wrap___2dgQO {
    flex-flow: column-reverse
}

.right___2oeOm .inner-wrap___2dgQO {
    flex-flow: column
}

.text-wrap___1QgB3 {
    flex: 1;
    max-width: 720px
}

.title___28vAV {
    font-size: 1.6em;
    margin: 0 0 1em;
    color: #493b31;
    font-weight: 700
}

.desc___9Ya9w {
    font-size: 1.5em;
    text-align: left;
    line-height: 1.5em
}

.img-wrap___2l_ac {
    display: flex;
    margin-bottom: 30px;
    justify-content: center;
    align-items: center
}

.img___2Ya6n {
    display: block;
    max-width: 200px
}

@media only screen and (min-width: 48em) {
    .inner-wrap___2dgQO.inner-wrap___2dgQO {
        flex-flow:row
    }

    .text-wrap___1QgB3 {
        padding: 20px 40px
    }

    .img-wrap___2l_ac {
        width: 240px;
        margin-bottom: 0
    }

    .title___28vAV {
        text-align: left
    }

    .desc___9Ya9w {
        font-size: 1em;
        line-height: 1.4em
    }
}

.roi___EnZ0F {
    padding: 20px;
    color: #900;
    font-size: large;
    font-weight: bolder
}

.desktop-info___2vl8d {
    display: none
}

.stairs-wrap___1RWQ8 {
    overflow: hidden;
    margin-top: 100px
}

.stairs-wrap___1RWQ8 img {
    min-width: 640px;
    max-width: 1132px;
    width: auto;
    display: block;
    margin: auto
}

.mobile-info___28byb {
    padding: 35px
}

.mobile-title___24dHI {
    margin: .2em 0;
    font-size: 2.5em;
    color: #900
}

.desc___1OZbG {
    margin: 1em 0 0;
    font-size: 1.5em;
    line-height: 1.5em
}

@media only screen and (min-width: 63.75em) {
    .mobile-info___28byb {
        display:none
    }

    .desktop-info___2vl8d {
        display: block
    }

    .roi___EnZ0F {
        margin-left: 50%;
        margin-bottom: -150px
    }
}

.root___2ftTN {
    margin-top: 50px;
    padding: 40px 0;
    min-height: 40vh;
    line-height: 1.6;
    background-color: #404041;
    color: #fff;
    background-image: url(/static/static/media/circle-background-2.6a27235d.png);
    background-attachment: fixed
}

.content___3pLzv {
    margin: 0 auto;
    padding: 0 .9375rem;
    max-width: 64em
}

.versionfont___1Ksct {
    font-size: .5em
}

@media only screen and (min-width: 63.75em) {
    .root___2ftTN {
        margin-top:0
    }
}

.nav___1xHN2 {
    display: block;
    padding-left: .75rem;
    padding-right: .75rem;
    color: #16120f;
    font: inherit
}

.ul___1E5hJ {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    font-size: 1rem;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: #edecea
}

.a___34LLo {
    position: relative;
    display: block;
    color: #4a3c31;
    border-bottom: 1px solid #fff;
    padding: .5rem 1rem;
    transition: background-color .3s;
    background-color: #dbd8d6;
    text-decoration: none
}

.primary___3xJvd .a___34LLo {
    background: transparent
}

.secondary___1Oqo4 .a___34LLo {
    padding-left: 1.75rem
}

.a___34LLo:focus,.a___34LLo:hover {
    background-color: #b7b1ad;
    color: #16120f;
    transition: color .3s
}

.item___2Z3Ye {
    display: block;
    position: relative
}

.current___3WJ2W .a___34LLo:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: #900
}

.root___3y-8f {
    margin-top: 50px;
    padding: 40px 0;
    min-height: 40vh;
    line-height: 1.6
}

.content___1H4Ca {
    display: flex;
    margin: 0 auto;
    padding: 0 .9375rem;
    max-width: 64em;
    flex-flow: column
}

.menu___2znPi {
    width: 100%;
    margin-bottom: 40px
}

@media only screen and (min-width: 63.75em) {
    .root___3y-8f {
        margin-top:0
    }

    .content___1H4Ca {
        flex-flow: row
    }

    .menu___2znPi {
        border-right: 2px solid #ddd;
        min-width: 220px;
        margin-bottom: 0
    }
}

.table___3Vfr9 {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-radius: .25rem;
    margin-bottom: 1rem
}

.tbody___CDTrN,.thead___26zi6 {
    border: 1px solid #ddd;
    background-color: #fefefe
}

.thead___26zi6 {
    background: #f8f8f8;
    color: #45382b
}

.thead___26zi6 .td___3SFZo,.thead___26zi6 .th___2xLM9 {
    padding: .5rem .625rem .625rem;
    font-weight: 700;
    text-align: left
}

.table___3Vfr9 .thead___26zi6 .tr___3v7Oz .td___3SFZo,.table___3Vfr9 .thead___26zi6 .tr___3v7Oz .th___2xLM9 {
    font-family: BentonSansBold,Arial,sans-serif;
    font-weight: 400;
    text-align: left
}

.td___3SFZo {
    padding: .5rem .625rem .625rem
}

.tr___3v7Oz:nth-child(2n) {
    background-color: #f1f1f1
}

.table-header___3IfCo {
    cursor: pointer;
    display: flex
}

.sort-indicator___39iSg {
    position: relative;
    top: 4px;
    margin-left: 4px;
    width: 10px;
    height: 10px
}

.root___klbLt {
    max-width: 100%
}

.table-wrap___NEB0i {
    margin-top: 20px;
    max-width: 100%;
    overflow-x: scroll
}

.table___1J_x1 {
    font-size: .9rem
}

.download___3MYtH {
    color: #900
}

.help-img___2u6Hx {
    width: 15px;
    display: inline;
    position: relative;
    top: -6%;
    vertical-align: super
}

.img___3KMzR {
    display: block;
    vertical-align: middle;
    max-width: 100%;
    height: auto
}

.machine-name___Npr5E {
    text-align: center;
    font-size: .6rem
}

@media screen and (min-width: 63.75em) {
    .table-wrap___NEB0i {
        max-width:760px;
        overflow: visible
    }
}

.root___vfEyS {
    margin: 0;
    padding: 0;
    height: 1rem;
    line-height: 1.2;
    list-style-type: none;
    font-size: 1.25rem
}

.ul___3kkRB {
    margin: 0;
    padding: 0;
    list-style-position: outside
}

.li___1QlB- {
    display: block;
    float: left;
    font-size: .75rem;
    margin: 0;
    padding: 0
}

.li___1QlB-.current___2zntW {
    color: #333;
    position: absolute!important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0)
}

.li___1QlB-:before {
    content: "/";
    color: #aaa;
    margin: 0 6px
}

.li___1QlB-:first-child:before {
    content: "";
    margin: 0
}

.li___1QlB- a {
    color: #900
}

.container___1z8M0 {
    list-style-type: none
}

.dd___3arOA,.dl___1KSOV,.dt___1stVt {
    margin: 0;
    padding: 0
}

.dt___1stVt {
    font-family: BentonSansRegular,Arial Narrow,Arial,sans-serif;
    font-weight: 400;
    margin: 0;
    line-height: 1.6
}

.title___1iI32 {
    position: relative;
    display: block;
    margin: 0;
    width: 100%;
    padding: .5rem 2.5rem .5rem 1rem;
    border: 1px solid #edebeb;
    border-radius: 0;
    text-align: left;
    background-color: #e9e9e9;
    font-size: 1.25rem;
    line-height: 1.6;
    cursor: pointer;
    color: inherit;
    font: inherit
}

.title___1iI32:before {
    font-size: 1.75rem;
    margin-top: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.title___1iI32:hover {
    background-color: #f4f4f4
}

.title___1iI32:focus {
    outline: 3px solid;
    outline: 5px auto -webkit-focus-ring-color
}

.icon___1CEZm:before {
    content: "+";
    font-size: 1.75rem;
    height: 2rem;
    line-height: 2rem;
    margin-top: -1rem;
    position: absolute;
    right: .75rem;
    top: 50%
}

.is-active___1waT4 .icon___1CEZm:before {
    content: "\2013"
}

.dd___3arOA {
    padding: 1.5rem;
    display: none;
    background-color: #fff;
    color: #45382b;
    border: 1px solid #edebeb
}

@media screen and (min-width: 40em) {
    .dl___1KSOV {
        font-size:1.25rem
    }
}

.root___Og-cG {
    flex: 1;
    padding: 0 18px
}

.section___3pVNo {
    margin-top: 20px;
    margin-bottom: 40px;
    max-width: 100%
}

.tab-list___1JViN {
    padding-left: 20px
}

.tabs-wrap___1MhUt {
    display: block
}

.tabs___3sCL_ {
    width: 100%;
    margin-bottom: 20px
}

.tab-content___1srEY {
    flex: 1;
    margin-left: 20px
}

.hide___3t-yF {
    display: none
}

.hide___3t-yF.show___1_Ayh {
    display: block
}

@media only screen and (min-width: 63.75em) {
    .tabs___3sCL_ {
        width:260px;
        margin-bottom: 0
    }

    .tabs-wrap___1MhUt {
        display: flex
    }
}

@font-face {
    font-family: BentonSansRegular;
    src: url("https://fonts.iu.edu/fonts/benton-sans-regular.eot");
    src: url("https://fonts.iu.edu/fonts/benton-sans-regular.eot?#iefix") format("embedded-opentype"),url("https://fonts.iu.edu/fonts/benton-sans-regular.woff") format("woff"),url("https://fonts.iu.edu/fonts/benton-sans-regular.ttf") format("truetype"),url("https://fonts.iu.edu/fonts/benton-sans-regular.svg#BentonSansRegular") format("svg");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: BentonSansCondRegular;
    src: url("https://fonts.iu.edu/fonts/benton-sans-cond-regular.eot");
    src: url("https://fonts.iu.edu/fonts/benton-sans-cond-regular.eot?#iefix") format("embedded-opentype"),url("https://fonts.iu.edu/fonts/benton-sans-cond-regular.woff") format("woff"),url("https://fonts.iu.edu/fonts/benton-sans-cond-regular.ttf") format("truetype"),url("https://fonts.iu.edu/fonts/benton-sans-cond-regular.svg#BentonSansCondRegular") format("svg");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: BentonSansCondBold;
    src: url("https://fonts.iu.edu/fonts/benton-sans-cond-bold.eot");
    src: url("https://fonts.iu.edu/fonts/benton-sans-cond-bold.eot?#iefix") format("embedded-opentype"),url("https://fonts.iu.edu/fonts/benton-sans-cond-bold.woff") format("woff"),url("https://fonts.iu.edu/fonts/benton-sans-cond-bold.ttf") format("truetype"),url("https://fonts.iu.edu/fonts/benton-sans-cond-bold.svg#BentonSansCondBold") format("svg");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: GeorgiaProBoldItalic;
    src: url("https://fonts.iu.edu/fonts/georgia-pro-bold-italic.eot");
    src: url("https://fonts.iu.edu/fonts/georgia-pro-bold-italic.eot?#iefix") format("embedded-opentype"),url("https://fonts.iu.edu/fonts/georgia-pro-bold-italic.woff") format("woff"),url("https://fonts.iu.edu/fonts/georgia-pro-bold-italic.ttf") format("truetype"),url("https://fonts.iu.edu/fonts/georgia-pro-bold-italic.svg#GeorgiaProBoldItalic") format("svg");
    font-style: normal;
    font-weight: 400
}

#branding-bar,#footer {
    -webkit-font-smoothing: initial;
    -moz-font-smoothing: initial;
    font-smoothing: initial
}

#branding-bar *,#footer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#branding-bar .row,#footer .row {
    width: 100%;
    margin: 0 auto;
    max-width: 64rem;
    position: relative
}

#branding-bar .row:after,#branding-bar .row:before,#footer .row:after,#footer .row:before {
    content: " ";
    display: table
}

#branding-bar .row:after,#footer .row:after {
    clear: both
}

#branding-bar .row.pad,#footer .row.pad {
    padding-left: .9375rem;
    padding-right: .9375rem;
    width: 100%
}

#branding-bar {
    background-color: #7a1705;
    border-top: 5px solid #900;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

#branding-bar .show-on-mobile {
    display: inline
}

#branding-bar .show-on-desktop,#branding-bar .show-on-tablet {
    display: none
}

#branding-bar:after {
    content: "";
    bottom: -3px;
    position: absolute;
    width: 100%;
    height: 3px;
    background: rgba(74,61,48,.3)
}

#branding-bar .img {
    position: absolute;
    top: -5px;
    left: .9375rem;
    width: 43px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#branding-bar #iu-campus,#branding-bar h1 {
    font-family: BentonSansCondRegular,Arial,serif;
    font-weight: 400;
    color: #fff;
    font-size: 18px;
    float: left;
    line-height: 45px;
    margin: 0;
    padding-left: 58px;
    text-transform: uppercase;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    transition: all .25s
}

#branding-bar #iu-campus a,#branding-bar h1 a {
    color: #fff;
    text-decoration: none
}

#branding-bar #iu-campus span,#branding-bar h1 span {
    font-family: inherit
}

#branding-bar #iu-campus .show-on-mobile,#branding-bar #iu-campus .show-on-tablet,#branding-bar h1 .show-on-mobile,#branding-bar h1 .show-on-tablet {
    font-size: 17px
}

#branding-bar a:focus {
    outline: none
}

#branding-bar a:focus span {
    border: 1px solid #fff;
    box-shadow: 0 0 3px #fff;
    padding: 2px
}

#branding-bar.iupui #iu-campus,#branding-bar.iupui #iu-campus .show-on-mobile,#branding-bar.iupui #iu-campus .show-on-tablet {
    font-size: 27px
}

#footer {
    padding: 24px 0;
    text-align: center;
    position: relative;
    font-family: BentonSansRegular,Arial,serif;
    font-weight: 400
}

#footer a {
    color: #900
}

#footer img {
    display: block;
    width: 24px;
    margin: 0 auto 10px
}

#footer p {
    font-size: 75%;
    line-height: 24px;
    margin: 0;
    clear: left
}

#footer .tagline {
    font-family: BentonSansCondBold,Arial,serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    background: #7a1705;
    color: #fff;
    font-size: 1.375rem;
    line-height: 2.5rem;
    margin: -24px -.9375rem 24px;
    text-transform: uppercase;
    letter-spacing: .2em
}

#footer .tagline span {
    text-transform: lowercase;
    font-family: GeorgiaProBoldItalic,Georgia,serif;
    font-size: 1rem;
    vertical-align: 2px;
    letter-spacing: 0;
    margin-left: -4px
}

@media only screen and (min-width: 64.063em) {
    #branding-bar {
        margin-bottom:15px;
        position: relative
    }

    #branding-bar:after {
        height: 0
    }

    #branding-bar .img {
        position: absolute;
        top: -5px;
        width: 65px
    }

    #branding-bar #iu-campus,#branding-bar h1 {
        line-height: 52px;
        padding-left: 80px
    }

    #branding-bar .search {
        margin-top: 6px;
        float: right;
        width: 250px
    }

    #branding-bar input[type=text] {
        width: 80%;
        float: left;
        margin-bottom: 0
    }

    #branding-bar input[type=submit].button {
        width: 20%;
        float: left;
        border-radius: 0
    }
}

@media screen and (max-width: 320px) {
    #footer .line-break {
        display:block
    }
}

@media only screen and (min-width: 40.063em) {
    #branding-bar .show-on-tablet {
        display:inline
    }

    #branding-bar .show-on-desktop,#branding-bar .show-on-mobile {
        display: none
    }

    #footer {
        text-align: left;
        border-top: 6px solid #7a1705
    }

    #footer img {
        display: inline;
        margin: 0;
        position: absolute;
        left: .9375rem;
        top: 12px;
        width: 24px
    }

    #footer p {
        line-height: 55px;
        clear: none
    }

    #footer .copyright {
        float: left;
        padding-left: 39px
    }

    #footer .privacy {
        float: right;
        text-align: right
    }

    #footer .tagline {
        font-size: 1.5rem;
        position: absolute;
        left: 50%;
        margin: 0 -200px 0 0;
        top: -47px;
        padding: 0 24px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media only screen and (min-width: 64.063em) {
    #branding-bar .show-on-desktop {
        display:inline!important
    }

    #branding-bar .show-on-desktop,#branding-bar .show-on-tablet {
        display: none
    }
}

.toggles___1srkn {
    position: fixed;
    top: 0;
    right: 0;
    width: 150px;
    height: 46px;
    z-index: 11
}

.root___2zCIh {
    display: flex;
    justify-content: flex-end
}

.menu-btn___pB7eq {
    position: relative;
    width: auto;
    margin-top: 11px;
    margin-left: 5px;
    line-height: 32px;
    height: 32px;
    font-size: 18px;
    font-family: BentonSansBold,Arial,sans-serif;
    font-weight: 400;
    padding: 0 .8rem;
    text-transform: uppercase;
    border: none;
    border-radius: 5px;
    -webkit-font-smoothing: antialiased
}

.text___2ys7l {
    display: none;
    color: #fff
}

@media only screen and (min-width: 64.063em) {
    .menu-btn___pB7eq {
        display:none
    }

    .toggles___1srkn {
        position: absolute;
        top: 5px
    }

    .text___2ys7l {
        display: block;
        line-height: 40px
    }
}

.root___NAlG0 {
    display: none;
    color: #4a3c31;
    border-bottom: 3px solid rgba(74,60,49,.3)
}

.row-wrap___3YV-i {
    display: flex;
    max-width: 64rem;
    margin: 0 auto;
    justify-content: center;
    transition: padding .2s ease-in;
    overflow: hidden
}

.sticky___31wsg {
    background-color: #fff;
    position: fixed;
    max-width: none;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
    background: #7a1705;
    color: #fff;
    padding: 0 20px;
    transition: background .1s ease-in,padding .2s ease-in
}

.sticky___31wsg .row-wrap___3YV-i {
    padding: 0 40px
}

.nav___3dOhU {
    width: 100%;
    max-width: 1280px
}

.li___kh6gB.nav-bar-logo___4z1H6 {
    display: none;
    width: 34px;
    flex: inherit
}

.home___20_-f {
    width: 0;
    padding: 0;
    padding: 9px 0 5px;
    overflow: hidden;
    text-align: center;
    transition: width .2s ease
}

.sticky___31wsg .home___20_-f {
    display: inline-block;
    width: 32px;
    padding: 9px 5px 5px;
    background-color: transparent!important
}

.home___20_-f a {
    display: inline-block;
    font-family: iucomm;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    height: auto;
    font-size: 0;
    -webkit-font-smoothing: antialiased
}

.home___20_-f a:before {
    content: "\F015";
    font-size: 22px
}

.ul___1_Nta {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0
}

.li___kh6gB {
    position: relative;
    flex: 1;
    display: block;
    height: 40px;
    text-align: center
}

.first-li___3t8zP {
    margin-left: 15px;
    width: 80px;
    flex: inherit;
    text-align: left
}

.li___kh6gB:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 1px;
    height: 24px;
    background-color: #ddd
}

.sticky___31wsg .li___kh6gB:after {
    top: 0;
    bottom: 0;
    height: 40px;
    background-color: #900
}

.li___kh6gB:last-child:after {
    display: none
}

.sticky___31wsg .li___kh6gB:last-child:after {
    display: block
}

.link-wrap___13Qzo {
    display: inline-block;
    height: 100%;
    font-size: large
}

.link___BvWqL {
    position: relative;
    display: block;
    text-decoration: none;
    padding: 10px 0 0
}

.link___BvWqL:after {
    content: "";
    display: block;
    margin: auto;
    height: 2px;
    width: 0;
    background: 0 0;
    transition: width .15s ease,background-color .15s ease
}

.link-wrap___13Qzo.selected___fUxIO .link___BvWqL:after,.link___BvWqL:hover:after {
    width: 100%;
    background: #80776f
}

.login___1k7Cp {
    margin-top: 10px;
    position: relative;
    display: block;
    text-decoration: none;
    height: 22px;
    color: green;
    font-size: large;
    overflow: hidden
}

.login___1k7Cp>span {
    display: block
}

.sticky___31wsg .login___1k7Cp {
    color: #fff
}

.sticky___31wsg .login___1k7Cp img {
    display: none
}

.loginLink___2n6mR {
    text-align: right
}

.sticky___31wsg .loginLink___2n6mR .li___kh6gB:after {
    display: none
}

.loginKey___2zYTN {
    vertical-align: middle;
    padding-left: 12px;
    font-weight: 700
}

.logout-text___3_KDo {
    width: 100%
}

@media only screen and (min-width: 63.75em) {
    .root___NAlG0 {
        display:block
    }

    .nav___3dOhU {
        flex: 1
    }

    .loginLink___2n6mR {
        min-width: 100px;
        border-bottom: 0
    }
}

.root___1xi2B {
    position: fixed;
    bottom: 0;
    top: 52px;
    right: 0;
    z-index: 12;
    transition: all .35s ease-in-out;
    background: rgba(0,0,0,.4)
}

.root___1xi2B.openMenu___13xNF {
    left: 0;
    transform: translateZ(0)
}

.wrap___lKBsF {
    position: absolute;
    right: 0;
    width: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #edecea;
    transform: translate3d(300px,0,0);
    transition: all .35s ease-in-out
}

.openMenu___13xNF .wrap___lKBsF {
    transform: translateZ(0)
}

.menu___1h0XZ {
    margin: 0;
    padding: 0;
    height: 100vh
}

.close-menu-overlay___1-uGo {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.li___3_W8L {
    list-style: none
}

.link___3u8Vj {
    display: block;
    padding: .66667rem;
    border-top: 1px solid #f6f5f5;
    border-bottom: 1px solid #dad8d6;
    color: #120f0c;
    transition: background .3s ease
}

.login___yuUbC {
    color: green
}

@media only screen and (min-width: 64.063em) {
    .root___1xi2B {
        display:none
    }
}

.root___xBv3_ {
    position: fixed;
    top: 0;
    right: 0;
    padding: 10px;
    z-index: 2000
}

.item___2cRcX {
    padding: 20px 40px;
    background: #900;
    border-radius: 5px;
    margin-bottom: 20px;
    min-width: 200px;
    border: 2px solid #7a1705;
    color: #fff
}

.root___ohtjz {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    align-items: center;
    justify-content: center;
    background-color: hsla(0,0%,100%,.8)
}

.root___ohtjz.show___V4lQL {
    display: flex
}

.page-loader___1LDzp {
    flex-flow: column
}

.main___1lL9W,.page-loader___1LDzp {
    display: flex;
    justify-content: center;
    flex: 1
}

.main___1lL9W {
    align-items: center
}

.loader___2N0DQ {
    display: block;
    width: 32px;
    height: 32px
}

.label___3sVAm {
    display: block;
    font-family: BentonSansBold,Arial,sans-serif;
    font-weight: 400;
    color: #191919;
    margin: 0 0 1rem;
    font-size: .875rem;
    line-height: 1.8
}

.input___ujJV8 {
    display: block;
    width: 100%;
    height: 2.4375rem;
    padding: .5rem;
    border: 1px solid #ccc;
    font-weight: 200;
    font-size: 1rem;
    color: #191919;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(25,25,25,.1);
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

.input___ujJV8,.input___ujJV8:focus {
    transition: box-shadow .5s,border-color .25s ease-in-out
}

.input___ujJV8:focus {
    border: 1px solid #999;
    background-color: #fafafa;
    outline: 0;
    box-shadow: none
}

.input___ujJV8.disabled___2Bg64 {
    color: #555;
    background-color: #eee
}

.select___1nHAt {
    width: 100%;
    height: 2.4375rem;
    padding: .5rem 1.5rem .5rem .5rem;
    margin: 0 0 1rem;
    font-size: 1rem;
    line-height: normal;
    color: #191919;
    background-color: #fafafa;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2825, 25, 25%29'></polygon></svg>");
    background-size: 9px 6px;
    background-position: right -1rem center;
    background-origin: content-box;
    background-repeat: no-repeat
}

.checkbox-label___2Q0bE {
    display: block
}

.checkbox___1Ll5p .radio___22k9d {
    margin: 0 0 1rem
}

.checkbox-text___FxaN4 {
    margin-left: .5rem;
    margin-right: 1rem;
    padding: .5rem 0
}

.valid-msg___35MqK {
    color: #900;
    height: 1rem
}

.container___17YWw {
    margin: 0 auto;
    padding: 20px;
    max-width: 1280px
}

.function-bar___2XM0y {
    display: flex;
    margin: 20px 0;
    justify-content: space-between
}

.toggle-view-btn___r4cZO {
    width: 32px;
    height: 32px;
    cursor: pointer;
    opacity: .7
}

.toggle-view-btn___r4cZO:hover {
    opacity: 1
}

.toggle-col-selector-btn___1R_jf {
    margin-left: 20px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    opacity: .7
}

.toggle-col-selector-btn___1R_jf:hover {
    opacity: 1
}

.toggle-col-selector-btn___1R_jf.disabled___1i4tm {
    opacity: .1;
    cursor: default
}

.table___RvM1z {
    margin-bottom: 20px;
    font-size: 14px
}

.search-label___2fdDi {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.search-input___1t2up {
    padding: .325rem 1rem;
    height: 2rem;
    border-radius: 1.25rem
}

.form___1gh2e {
    padding: 1.25rem;
    margin: 1.125rem 0;
    border: 1px solid #ccc
}

.form-item___2LE7A {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    align-items: flex-start
}

.input-wrap___3h9kb.input-wrap___3h9kb {
    margin-right: 1rem;
    font-size: .7rem
}

.bottom-function-bar___uy6V1 {
    margin: 20px 0;
    display: flex
}

.add-btn___2pZfg {
    width: 240px;
    margin-right: 20px
}

.delete-btn___2VUAw,.save-btn___1clp0 {
    width: 120px;
    font-size: .75rem
}

.delete-btn___2VUAw {
    margin-left: 40px;
    color: #999;
    background: transparent;
    border-color: transparent
}

.location-group___gr7re {
    margin-bottom: 10px
}

.location-type___3n54a {
    font-size: .7rem;
    padding: 5px 0
}

.delete-location-btn___1qSdm {
    margin-left: 5px;
    padding: .5rem;
    height: 2.4375rem;
    cursor: pointer;
    font-size: 1rem
}

.add-location-btn___1gjle {
    display: inline-block;
    padding: .5rem;
    width: 1rem;
    height: 2rem;
    line-height: 1rem;
    font-size: 1rem;
    cursor: pointer
}

.left___qtLo3 {
    display: flex
}

.edit-location-group___20tel {
    display: flex;
    margin-bottom: 5px
}

.input___15gyr.location-group-select___3Epbs {
    width: 120px;
    margin-bottom: 0
}

.input___15gyr.location-group-input___90UMr {
    margin-left: 10px;
    margin-bottom: 0
}

.edit-btn-group___1hPJv {
    width: 100%
}

.data-col-selector___v9SGX {
    width: 100%;
    margin-bottom: 10px
}

.empty-row___19HZi {
    padding: 20px;
    text-align: center
}

.root___dMb2T {
    display: flex;
    flex-flow: column;
    flex: 1
}

.main___27LU6 {
    flex: 1
}

.root___18tiy {
    position: absolute;
    padding: 6px;
    top: -40px;
    left: 0;
    color: #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-bottom-right-radius: 8px;
    background: transparent;
    z-index: 100;
    text-decoration: none
}

.root___18tiy:focus {
    position: absolute;
    left: 0;
    top: 0;
    background: #bf1722;
    outline: 0
}

.root___322QL {
    display: flex;
    flex-flow: column;
    flex: 1
}

.main___120V3 {
    flex: 1
}

.app___19NSe {
    display: flex;
    flex-flow: column;
    min-height: 100vh
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],template {
    display: none
}

* {
    box-sizing: border-box
}

body {
    font-family: BentonSansRegular,Helvetica,Arial,sans-serif
}

a {
    text-decoration: none;
    color: inherit
}

h1,h2,h3,h4,h5,h6 {
    font-family: BentonSansBold,Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 0
}

html.ov-hidden {
    overflow: hidden
}