.toast-title {
    font-weight: bold;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .toast-message a,
    .toast-message label {
        color: #ffffff;
    }

        .toast-message a:hover {
            color: #cccccc;
            text-decoration: none;
        }

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

    .toast-close-button:hover,
    .toast-close-button:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
    }

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    /*overrides*/;
}

    #toast-container * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #toast-container > div {
        position: relative;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background-position: 15px center;
        background-repeat: no-repeat;
        -moz-box-shadow: 0 0 12px #999999;
        -webkit-box-shadow: 0 0 12px #999999;
        box-shadow: 0 0 12px #999999;
        color: #ffffff;
    }

    #toast-container > :hover {
        -moz-box-shadow: 0 0 12px #000000;
        -webkit-box-shadow: 0 0 12px #000000;
        box-shadow: 0 0 12px #000000;
        cursor: pointer;
    }

    #toast-container > .toast-info {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
    }

    #toast-container > .toast-error {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
    }

    #toast-container > .toast-success {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
    }

    #toast-container > .toast-warning {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAxXpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHjabVDBDcMgDPwzRUcA24AZhyRU6gYdv0fsREnUQxxnGx3GYXw/7/CaoCRBctXSSomANGnUITQa+s4pys4WHLV0z4ezQEgxTrZQi98/8uk0sKND5YuRrl5Y7oUm7q8PI3+IZ0cEsblRcyMmKyQ36PatWJrW6xeWEe9Q22HSOnbvmPy1ZywV09sykkw0GGkws1gDPDcH7hACJi64mLCmJjBz9U4wkH9zOhB+T5ZZ3MIJDHkAAAGEaUNDUElDQyBwcm9maWxlAAB4nH2RPUjDQBzFX9OKIhVBO0hxyFCd7KIiupUqFsFCaSu06mBy6Rc0aUhSXBwF14KDH4tVBxdnXR1cBUHwA8TVxUnRRUr8X1JoEePBcT/e3XvcvQOEZpWpZiAGqJplpBNxMZdfFXtfEUAYQwhiTmKmnswsZuE5vu7h4+tdlGd5n/tzDCgFkwE+kTjGdMMi3iCe2bR0zvvEIVaWFOJz4gmDLkj8yHXZ5TfOJYcFnhkysul54hCxWOpiuYtZ2VCJp4kjiqpRvpBzWeG8xVmt1ln7nvyFwYK2kuE6zVEksIQkUhAho44KqrAQpVUjxUSa9uMe/rDjT5FLJlcFjBwLqEGF5PjB/+B3t2ZxatJNCsaBnhfb/hgDeneBVsO2v49tu3UC+J+BK63jrzWB2U/SGx0tcgQMbgMX1x1N3gMud4CRJ10yJEfy0xSKReD9jL4pDwzfAv1rbm/tfZw+AFnqavkGODgExkuUve7x7r7u3v490+7vB99yctLxE67sAAANdmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNC40LjAtRXhpdjIiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6R0lNUD0iaHR0cDovL3d3dy5naW1wLm9yZy94bXAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgIHhtcE1NOkRvY3VtZW50SUQ9ImdpbXA6ZG9jaWQ6Z2ltcDpiZGU1YTc4YS01YmExLTQzYjQtYjJjYi0xNDA3MThlYjEzNDMiCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZGJmOWYzNDMtNjI1YS00Mzc0LTgzNjUtNmRjZGI2MDk5N2FjIgogICB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6N2I2Y2IxODgtNDc0ZS00ZTE3LThkNjUtYTY4MjJmMzk2MDExIgogICBkYzpGb3JtYXQ9ImltYWdlL3BuZyIKICAgR0lNUDpBUEk9IjIuMCIKICAgR0lNUDpQbGF0Zm9ybT0iV2luZG93cyIKICAgR0lNUDpUaW1lU3RhbXA9IjE2ODI1MzMzNjE2NjQ2MDUiCiAgIEdJTVA6VmVyc2lvbj0iMi4xMC4zNCIKICAgdGlmZjpPcmllbnRhdGlvbj0iMSIKICAgeG1wOkNyZWF0b3JUb29sPSJHSU1QIDIuMTAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjM6MDQ6MjZUMTE6MjI6MzctMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIzOjA0OjI2VDExOjIyOjM3LTA3OjAwIj4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZGI1ZDQ0OTQtYzk4Yy00YzQ1LWE4YTAtNmM2ZDYzZWIwMWRmIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKFdpbmRvd3MpIgogICAgICBzdEV2dDp3aGVuPSIyMDIzLTA0LTI2VDExOjIyOjQxIi8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PlJvNj4AAAAGYktHRAD/AP8A/6C9p5MAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAHdElNRQfnBBoSFilMOcoEAAABuUlEQVRIx+WWPUvDYBDHf9UOHRwca3BwUNDN4QaHfgBHRwdFBwuKCBYUFXyZSn0Ddeqgg5sKfgE3x4I3uCk46FCCQ4UOHTJkcOgJIU0k0S7iwUPIXe65+//v7nkC/0qkLVNpfHpSxjgBjkQk1/UAIjINFIBhYDWpXybh5jngBajbmgRGVPW9Wwg2gTxQBFYAH6gkcexNkP0QcAUcquqN67otx3E+gF3Hce5c163/FkEFeAPKXwpVvQDureg/p0hECsA0sKSqXsi8BIyLyMyPiiwiWeChnbAW7f3czOuq2hCRbWDZCt5Ki2DeCrtutPimmwf67Jt9oAFspKJIRPqN+5KqNgOmVvBpQYvAmjVDYgQV4FlVr0P6hm3cCBS8BtwC1UQBRGQCWLB+D4tvKyxbQMGmPT5AoJCXqvoYsZECtQ6lah04AE6M3lgEa8AgsBNDXQmYjbEdA154wntCE7sHlKPOGMvsBXgVkeEIFJ5RtWg0dyCo2kF2GpOhBzStg7yoD6wp7oFzo7sdwIozaW3pxzh7wAgwYJzzDY2jRjcZg/4E5ICzLl1+czakY1krSt4Me12+Zat//0fhE/SlmGFVylloAAAAAElFTkSuQmCC") !important;
    }

    #toast-container.toast-top-center > div,
    #toast-container.toast-bottom-center > div {
        width: 300px;
        margin: auto;
    }

    #toast-container.toast-top-full-width > div,
    #toast-container.toast-bottom-full-width > div {
        width: 96%;
        margin: auto;
    }

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #2e7d32;
}

.toast-error {
    background-color: #c73e1d;
}

.toast-info {
    background-color: #36808c;
}

.toast-warning {
    background-color: #eba73e;
}

#toast-container .toast-warning div {
  color: #333333;
}

#toast-container > .toast-warning .toast-close-button {
  color: #333333;
  -webkit-text-shadow: 0 1px 0 #333333;
  text-shadow: 0 1px 0 #333333;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}

html {
    height: 100%;
}

    html.slim-layout {
        height: auto;
    }

body {
    padding-bottom: 2rem;
    height: 100%;
    font-family: "TASA Orbiter Deck", Arial, sans-serif;
    background-color: #10122F;
    color: #ffffff;
}

h2.panel-heading, h3.panel-heading {
    font-size: 1em;
    font-size: 1.6rem;
}

.tabbedHeader {
    border-bottom: 1px dotted #ccc;
    padding: 0.5em;
    padding: 1.2rem;
    margin-top: 0;
}

a {
    color: #F15822;
    transition: background-color 0.3s, color 0.3s;
    align-content: end;
    font-weight: bold;
}

    a:hover {
        color: #F2774C;
    }

.logoBackground {
    background: url("../images/blurBG.jpg") no-repeat;
    background-size: cover;
    min-height: 400px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background-color: #303149;
    color: white;
}

.logoBanner {
    box-shadow: 0 0 10px #ffffff;
}

.lead {
    font-weight: 400;
    text-align: center;
}

.wrap::before, .wrap::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 50%;
    background-color: #10122F;
    padding-bottom: 3%;
}

.wrap::before {
    right: 50%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -ms-transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
}

.wrap::after {
    left: 50%;
    -ms-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -ms-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
    white-space: normal;
}

.btn span {
    position: relative;
    left: 0px;
    transition: all 0.5s;
}

.btn:hover span {
    left: 5px;
}

.btn-primary {
    background-color: #F15822;
    border-color: #d37200;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover {
    background-color: #d37200;
    border-color: #a05600;
}

.btn-outline {
    border: 2px solid;
    padding: 10px;
}

.outline-gray {
    color: #333;
    border-color: #333;
}

.outline-primary {
    border-color: #ff8d07;
}

.btn-toggle {
    position: absolute;
    right: 1em;
    right: 1rem;
    top: 0.5em;
    top: 0.5rem;
    color: #777;
}

    .btn-toggle:hover {
        color: #507826;
    }

.adminLogo { 
    font-weight: 300;
    color: #555;
    text-decoration: none;
    font-size: 1.4em;
    font-size: 2rem;
}

    .adminLogo:hover, .adminLogo:active {
        color: #000;
        text-decoration: none;
    }

    .adminLogo img {
        max-width: 150px;
        display: inline-block;
    }

.bgWhite {
    background-color: #10122F;
}

.thumbnail {
    float: left;
    margin: 5px;
    width: 350px;
    height: 300px;
}

    .thumbnail img {
        max-height: 75px;
    }

.caption {
    position: absolute;
    bottom: 15px;
    left: 30px;
}

.stripedRows > .row {
    padding-top: 7px;
    padding-bottom: 7px;
}

    .stripedRows > .row:nth-child(odd) {
        background-color: #eee;
    }

.dashedBorder {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px dashed #ddd;
    margin-top: 10px;
}

.dropdown > a {
    display: inline-block !important;
}

    .dropdown > a:first-child {
        padding-right: 5px;
    }

    .dropdown > a.dropdown-toggle {
        padding-left: 5px;
    }

.dropdown.open {
    background-color: #e7e7e7;
}

.login-body {
    background-color: #10122F;
    background-size: cover;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    padding: 0;
    margin: 0;
}

    .login-body .loginLogo {
        margin: 0;
    }

    .login-body .login-info {
        padding: 20px;
        max-width: 300px;
    }
        .login-body .login-info .input-group input {
            height:48px;
        }

            .login-body .login-info .input-group input::placeholder{
                color:#1D1D1D;
            }
            
        .login-body .login-info input {
            background-color: rgba(255, 255, 255, 0.4);
            border: 0;
            box-shadow: none;
            border-bottom: 2px solid #ccc;
        }

    .login-body .loginArea {
        background-color: rgba(255, 255, 255, 0.1);
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .login-body .loginArea .fa {
            color: #F15822;
        }

        .login-body .loginArea .input-group-addon {
            min-width: 39px;
            background: #fff;
            border: 0;
            border-bottom: 2px solid #ccc;
            font-size:2rem;
        }

    .login-body .loginHeader {
        font-weight: 300;
        font-size: 2.1em;
        font-size: 2.7rem;
    }

.list-links {
    margin-top: 2rem;
}

    .list-links .list-group-item-heading {
        padding: 1rem;
        margin-bottom: 0;
        background-color: #333;
        color: #eee;
    }

    .list-links .list-group-item {
        padding: 0;
    }

        .list-links .list-group-item a {
            padding: 1rem;
            border: 0;
            font-size: 16px;
        }

            .list-links .list-group-item a:hover {
                background-color: #dbeccb;
                color: #a05600;
            }

        .list-links .list-group-item:last-child {
            border-radius: 0;
        }

.area {
    background-color: #fff;
}

/* Accounts */
.account {
    padding: 10px 0;
    margin: 0;
    border-bottom: 1px solid #ccc;
    word-break: break-word;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

    .account:first-child {
        margin-top: 0;
    }

    .account .details {
        width: 100%;
    }

.details {
    color: #555;
    border-color: #555;
}

    .details:hover {
        background-color: #555;
        color: color-contrast(#555, #333, #fff);
    }

.edit {
    color: #c9600c;
    border-color: #c9600c;
}

    .edit:hover {
        background-color: #c9600c;
        color: color-contrast(#c9600c, #333, #fff);
    }

.sites {
    color: #0c6ec9;
    border-color: #0c6ec9;
}

    .sites:hover {
        background-color: #0c6ec9;
        color: color-contrast(#0c6ec9, #333, #fff);
    }

.users {
    color: #b96400;
    border-color: #b96400;
}

    .users:hover {
        background-color: #b96400;
        color: color-contrast(#b96400, #333, #fff);
    }

.actions {
    margin-top: 0.5rem;
}

.panel-company {
    margin-bottom: 0;
}

    .panel-company .form-group:last-child {
        margin-bottom: 0;
        padding-bottom: 15px;
    }

.panel-person {
    border-top: 0;
    padding-bottom: 1px;
}

/* END Accounts */
.sectionNav {
    background: #ccc;
    color: color-contrast(#ccc, #333, #fff);
}

    .sectionNav a {
        color: color-contrast(#ccc, #333, #ccc);
        border-right: 1px solid #aaa;
        background: #fff;
    }

        .sectionNav a.collapsed {
            background: #ccc;
        }

        .sectionNav a:hover {
            color: color-contrast(#b3b3b3, #000, #fff);
            background-color: #b3b3b3;
        }

        .sectionNav a:last-child {
            border-width: 0;
        }

.flexGroup {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

.flex-group-bottom {
    display: flex;
    align-items: flex-end;
    flex-flow: row wrap;
}

.singleLine {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.resourceHeader {
    text-align: center;
    height: 1.4em;
    margin: 0 -10px 10px;
    padding: 0 5px;
    white-space: nowrap;
    border-bottom: 1px solid #ccc;
}

.detailsImage {
    overflow: hidden;
    height: 150px;
    display: block;
    position: relative;
}

    .detailsImage .details {
        position: absolute;
        bottom: -10%;
        width: 100%;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.8);
        color: #333;
        transition: all ease-in-out 0.3s;
        opacity: 0;
    }

        .detailsImage .details:hover {
            color: #000;
        }

    .detailsImage:hover .details {
        opacity: 1;
        bottom: 0%;
    }

.stripedGroup .flexGroup, .stripedGroup .grouped {
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 5px;
}

    .stripedGroup .flexGroup:last-child, .stripedGroup .grouped:last-child {
        border-width: 0;
    }

    .stripedGroup .flexGroup:nth-child(even), .stripedGroup .grouped:nth-child(even) {
        background-color: #ddd;
    }

.columnAuthor {
    font-size: 0.5em;
    font-size: 1.1rem;
    display: block;
}

.addTo {
    display: block;
    padding: 10px 5px;
    margin: 10px 0;
    background-color: #fff;
    text-align: center;
    border: 1px dashed #ccc;
    cursor: pointer;
    color: #555;
}

    .addTo:hover {
        background-color: #eee;
    }

.imgFramed {
    max-width: 200px;
    margin: 0 auto 20px;
    padding: 10px;
    box-shadow: 0px 0px 5px 0px #ccc;
}

.multiSubmit {
    margin: 0;
    padding: 15px 0;
    background-color: #ffbe81;
}

.text-header {
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.85);
    width: 100%;
}

.text-smaller {
    font-size: 0.7em;
    font-size: 1.1rem;
}

.text-medium {
    font-size: 1.2em;
    font-size: 1.95rem;
}

.block {
    display: block;
}

.inlineBlock {
    display: inline-block;
}

.bg-lightGray {
    background-color: #eee;
}

.content-light-gray > * {
    background-color: #eee;
}

.ace-border {
    border-bottom: 15px solid #141414;
}

.border0 {
    border-width: 0;
}

.border2 {
    border-width: 2px;
}

.border-bottom {
    border-bottom: 1px solid #ccc;
}

.margin0 {
    margin: 0;
}

    .margin0.panel-group .panel {
        margin: 0;
    }

.marginTop10 {
    margin-top: 1rem;
}

.marginTop20 {
    margin-top: 2rem;
}

.marginBottom10 {
    margin-bottom: 1rem;
}

.marginBottom20 {
    margin-bottom: 2rem;
}

.marginRight1 {
    margin-right: 1rem;
}

.margin05Y {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
}
    .margin05Y #rememberMe-label input{
        width: 2rem;
        height: 2rem;
        vertical-align: bottom;
        margin-right: 4px;
    }
    .margin05Y #rememberMe-label strong{
        font-weight: normal;
    }

.marginY10 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.pad0 {
    padding: 0;
}

.pad10 {
    padding: 1rem;
}

.pad2 {
    padding: 2rem;
}

.padX15 {
    padding-left: 15px;
    padding-right: 15px;
}

.padX3 {
    padding-left: 3em;
    padding-right: 3em;
}

.padY10 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.padY20 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.padTop20 {
    padding-top: 2rem;
}

.padBottom10 {
    padding-bottom: 1rem;
}

.wordWrap {
    word-wrap: break-word;
}

.ng-hide {
    display: none;
}

#eula-container, #notification-container {
    background-color: rgba(255, 255, 255, 0.1);
    margin: 15px;
    padding: 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    #eula-container .page-header, #notification-container .page-header {
        margin-top: 0;
    }

    #eula-container .eula, #eula-container .notification, #notification-container .eula, #notification-container .notification {
        padding-right: 10px;
    }

    #eula-container #eula-footer, #eula-container #notification-container, #notification-container #eula-footer, #notification-container #notification-container {
        padding-top: 15px;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }

#twofactor, #u2flogin, #error {
    background-color: rgba(255, 255, 255, 0.1);
    margin: 15px;
    padding: 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.navbar-default {
    background-color: #fff;
}

.navbar-header {
    position: relative;
    top: -4px;
}

.navbar-brand > .icon-banner {
    position: relative;
    top: -2px;
    display: inline;
}

.ari-logo {
    width: 200px;
    height: 74px;
    background-image: url("../images/logo.svg");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0.5rem;
}

.icon {
    position: relative;
    top: -10px;
}

.logged-out iframe {
    display: none;
    width: 0;
    height: 0;
}

.page-consent .client-logo {
    float: left;
}

    .page-consent .client-logo img {
        width: 80px;
        height: 80px;
    }

.page-consent .consent-buttons {
    margin-top: 25px;
}

.page-consent .consent-form .consent-scopecheck {
    display: inline-block;
    margin-right: 5px;
}

.page-consent .consent-form .consent-description {
    margin-left: 25px;
}

    .page-consent .consent-form .consent-description label {
        font-weight: normal;
    }

.page-consent .consent-form .consent-remember {
    padding-left: 16px;
}

.grants .page-header {
    margin-bottom: 10px;
}

.grants .grant {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid lightgray;
}

    .grants .grant img {
        width: 100px;
        height: 100px;
    }

    .grants .grant .clientname {
        font-size: 140%;
        font-weight: bold;
    }

    .grants .grant .granttype {
        font-size: 120%;
        font-weight: bold;
    }

    .grants .grant .created {
        font-size: 120%;
        font-weight: bold;
    }

    .grants .grant .expires {
        font-size: 120%;
        font-weight: bold;
    }

    .grants .grant li {
        list-style-type: none;
        display: inline;
    }

        .grants .grant li:after {
            content: ', ';
        }

        .grants .grant li:last-child:after {
            content: '';
        }

@keyframes blink {
    0% {
        opacity: .2;
        font-size: 3.5rem;
    }

    20% {
        opacity: 1;
        font-size: 4rem;
    }

    100% {
        opacity: .2;
        font-size: 3rem;
    }
}

.loading-header {
    font-size: 4rem;
}

    .loading-header span {
        animation-name: blink;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;
        animation-fill-mode: both;
    }

        .loading-header span:nth-child(2) {
            animation-delay: .2s;
        }

        .loading-header span:nth-child(3) {
            animation-delay: .4s;
        }

@media only screen and (max-width: 400px) {
    .adminLogo img {
        display: block;
    }
}

@media screen and (max-width: 992px) {
    .dealerName, .dealerEmail {
        display: block;
    }

    .dealerName, .dealerEmail, .facId {
        margin: 0.2rem 0;
    }

    label {
        margin-bottom: 0.4rem;
    }
}

@media screen and (min-width: 768px) {
    .loginHeader img {
        display: inline-block;
        width: 35rem;
    }

    .adminLogo {
        text-align: center;
    }

    #eula-container, #notification-container {
        max-width: 768px;
        margin: 15px auto;
    }

        #eula-container .eula, #notification-container .eula {
            overflow-y: scroll;
        }
}

@media print {
    #eula-container .eula, #notification-container .eula {
        height: auto !important;
        overflow-y: visible;
    }

    #eula-container #eula-footer, #eula-container #notification-footer, #notification-container #eula-footer, #notification-container #notification-footer {
        display: none;
    }
}

/* https://arinet.atlassian.net/browse/API-370 */
.flexGroupCenter {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
}

.loginPromotionBanner {
    margin-left: 60px;
    width: 455px;
}

.login-body .loginAreaContainer {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: white
}

.login-body .loginAreaContainer .loginArea {
    margin-top: 40px;
    margin-bottom: 10px;
    padding: 30px 15px;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.login-body .loginAreaContainer .login-info {
    padding: 0;
    width: 300px;
}

.login-body .loginAreaContainer .loginArea > div {
    min-height: 365px;
}

.login-body .loginAreaContainer .login-info .form-heading {
    margin-bottom: 35px;
}

.login-body .login-info input {
    background-color: white;
    border: 0;
    box-shadow: none;
    border-bottom: 2px solid #ccc;
}

/* API-370: we also received a request to hide Engage promotions entirely. */
/* we are using css because app code is overabstracted and we can't remove its rendering in this mode without large testing impact */
promotion-component {
    display: none;
}

.login-body h3 {
    font-size: 2.2rem;
}

.login-body h4 {
    font-size: 1.6rem;
}

.login-body .btn,
.login-body a {
    font-size: 1.4rem;
}

.login-body .btn,
.login-body a,
.login-body h3,
.login-body h4 {
    font-weight: 700;
}

@media (max-width: 1024px) {
    .login-body h3 {
        font-size: 1.8rem;
    }
}

@media (max-width: 768px) {
    .login-body h3 {
        font-size: 1.6rem;
    }
}