/* ----------------------------- Global Variables ----------------------------- */

:root {
    --equity-blue: #0054a0;
    --equity-green: #228741;
    --equity-black: #1e1e1e;
    --equity-gray: #c9c9c9;
    --equity-orange: #F57E25;
    --equity-yellow: #FAC51C;
    --equity-red: red;
    --font-family: Segoe UI Semilight, Segoe UI, Helvetica Neue, Arial, sans-serif;
    --font-size-common: calc(12pt + .0005VW);
    line-height: 1.15;
}

/* ----------------------------- Structure & Framework ----------------------------- */

html {
    font-family: var(--font-family);
}

body {
    margin: 0;
}

.elevate-wrapper {
    background-image: url(/assets/full-width-background.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-content: center;
    height: 100%;
    margin: 0;

}

.elevate-container {
    display: grid;
    grid-template-columns: 14.0720555em 75em;
    grid-template-areas: "left-column 	content-area";
    align-content:center;
    justify-content:center;
    margin: 0px;
    width: auto;
}

.left-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(255,255,255,.8);
}

.content-area {
    display: grid;
    grid-area: content-area;
    grid-template-columns: 100%;
    grid-template-rows: 8.33em 1fr 2.22em;
    grid-template-areas:
        "search"
        "page-content-home"
        "value-blocks";
    justify-content: center;
    align-content: start;
}

.content-area-home {
    display: grid;
    grid-area: content-area;
    grid-template-columns: 100%;
    grid-template-rows: 6.667em 1fr 2.22em;
    grid-template-areas: "search" "page-content-home" "value-blocks";
    justify-content: center;
    align-content: center;
}

.page-content-home {
    margin-top:1.1em;
}
/* These next items are contained within the left-sidebar */

.elevate-logo {
    display: flex;
    margin: 1.388em 0;
}

.actual-elevate-logo {
    max-width: 12.22em;
    height: auto;
}

/* All profile-pic classes are required for the hover effect to work properly. */
/* Code will need to be used to switch out the profile images in both the profile-pic class and the profile-pic::after class. */

.profile-pic {
    display: flex;
    clip-path: circle(50% at 50% 50%);
    height: 6.944em;
    width: 6.944em;
    margin-top: 2.388em;
}

.profile-text {
    display: flex;
    text-align: center;
    margin: 1.388em 0.555em
}

.side-nav {
    display: flex;
  
    justify-content: center;
   align-content: center;
    width: 100%;
}

.equity-logo {
    display: flex;
    margin-top: auto;
    margin-bottom: 1.388em;
}

.launchpad-progress {
    display: block;
    width: 90%;
    background: rgba(0, 0, 0, 0.15);
    border: 1px solid #999;
    border-radius: 5px;
    padding: 0.666em;
    margin: 0.555em 0 1.111em;
}

.launchpad-progress .launchpad-legend {
	text-align: center;
	font-size: 0.85em;
	padding: 0;
	margin: 0 0 1em;
}

.launchpad-progress-alert {
    background: rgba(255, 0, 0, 0.3);
}

.equity-decorated-link {
    color: var(--equity-blue);
    border-bottom: dotted;
    border-width: 1px;
}

/* These next items are contained within the content-area-home. */

.search-area {
    display: grid;
    grid-area: search;
    /* background: rgba(0, 0, 0, 0.3); */
    grid-template-columns: 100%;
    grid-template-rows: 8.333em;
    justify-items: center;
    align-self: start;
    /* border-bottom: 5px double var(--equity-black); */
}

.search-within {
    display: grid;
    grid-template-columns: 1fr 7.5em;
    width: 85%;
    margin: 0;
    grid-template-areas:
        "input-text-field 	search-button";
    justify-content: center;
}

.input-text-field {
    display: grid;
    grid-area: input-text-field;
    justify-content: stretch;
    align-content: center;
    width: 100%;
}

.search-button-area {
    display: grid;
    grid-area: search-button;
    justify-content: start;
    align-content: center;
}

.top-link {
    display: grid;
    grid-area: top-link;
    justify-content: flex-end;
    align-content: flex-end;
    text-align: right;
}

.back-link {
    display: grid;
    grid-area: back-link;
    grid-template-columns: 1fr;
    height: 4.375em;
    justify-self: flex-end !important;
    padding-right: 1.22em;
    text-shadow: 0 0 transparent !important;
}

.page-title {
    display: grid;
    grid-area: page-title; /* on every page */
    justify-content: flex-end;
    align-content: center;
}

.value-blocks {
    display: flex;
    height: 2.222em;
    width: 97%;
    background-image: url(/assets/value-blocks.png);
    background-position: right top;
    background-repeat: no-repeat;
    justify-self: end;
}

/* ----------------------------- Fonts ----------------------------- */

p {
    font-family: var(--font-family);
    font-size: var(--font-size-common);
    color: var(--equity-black);
}

.profile-text p {
    font-family: var(--font-family);
    font-size: calc(10pt + .0005VW);
    line-height: 1.15;
    color: var(--equity-black);
}

.profile-text a:link {
    color: var(--equity-blue);
    text-decoration: none;
    font-size: calc(10pt + .0005VW);
    line-height: 1.15;
}

.profile-text a:active {
    color: var(--equity-blue);
    text-decoration: none;
}

.profile-text a:visited {
    color: var(--equity-blue);
    text-decoration: none;
}

.profile-text a:hover {
    color: var(--equity-green);
    text-decoration: none;
}

h1 {
    font-family: var(--font-family);
    font-size: calc(18pt + .0005VW);
    line-height: 1.15;
    color: var(--equity-blue);
}

h2 {
    font-family: var(--font-family);
    font-size: calc(17pt + .0005VW);
    line-height: 1.15;
    color: var(--equity-blue);
}

h3 {
    font-family: var(--font-family);
    font-size: calc(16pt + .0005VW);
    line-height: 1.15;
    color: var(--equity-blue);
}

h4 {
    font-family: var(--font-family);
    font-size: calc(15pt + .0005VW);
    line-height: 1.15;
    color: var(--equity-blue);
}

h5 {
    font-family: var(--font-family);
    font-size: calc(14pt + .0005VW);
    line-height: 1.15;
    color: var(--equity-blue);
}

.side-nav p {
    font-family: var(--font-family);
    font-size: calc(16pt + .0005VW);
    line-height: 3;
    color: var(--equity-black);
}

.side-nav a:link {
    font-family: var(--font-family);
    color: var(--equity-black);
    text-decoration: none;
}

.side-nav a:active {
    font-family: var(--font-family);
    color: var(--equity-black);
    text-decoration: none;
}

.side-nav a:visited {
    font-family: var(--font-family);
    color: var(--equity-black);
    text-decoration: none;
}

.side-nav a:hover {
    display: block;
    font-family: var(--font-family);
    color: var(--equity-blue);
    text-decoration: none;
    background: -moz-linear-gradient(45deg, top, #c9c9c9 0%, #ffffff 30%, #ffffff 71%, #c9c9c9 100%); /* FF3.6-15 */
    background: -webkit-gradient(45deg, linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(30%,#ffffff), color-stop(71%,#ffffff), color-stop(100%,#c9c9c9)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(45deg, top, #c9c9c9 0%,#ffffff 30%,#ffffff 71%,#c9c9c9 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(45deg, top, #c9c9c9 0%,#ffffff 30%,#ffffff 71%,#c9c9c9 100%); /* Opera 11.10-11.50 */
    background: linear-gradient(to right, #c9c9c9 0%,#ffffff 30%,#ffffff 71%,#c9c9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 100%;
    box-shadow: 3px 3px 1px 0px;
}

a {
    text-decoration: none !important;
}

    a:link /* a normal, unvisited link */ {
        color: var(--equity-blue);
    }

    a:visited /* a link the user has visited */ {
        color: var(--equity-blue);
    }

    a:hover /* a link when the user mouses over it */ {
        color: var(--equity-green);
    }

    a:active /* a link the moment it is clicked */ {
        color: var(--equity-green);
    }

.dark a {
    text-decoration: none;
    text-shadow: 1px 1px var(--equity-black);
}

    .dark a:link /* a normal, unvisited link */ {
        color: white !important;
    }

    .dark a:visited /* a link the user has visited */ {
        color: white !important;
    }

    .dark a:hover /* a link when the user mouses over it */ {
        color: var(--equity-green);
    }

    .dark a:active /* a link the moment it is clicked */ {
        color: var(--equity-green);
    }

.boom {
    font-weight: 800;
    color: #0054A0;
}

.word-icon {
    font-size: calc(48pt + .0005VW);
    line-height: 1;
}

.excel-icon {
    font-size: calc(48pt + .0005VW);
    line-height: 1;
}

.pdf-icon {
    font-size: calc(48pt + .0005VW);
    line-height: 1;
}

.notice {
    color: var(--equity-red);
}

.center {
    text-align: center !important;
    margin: 0 auto !important;
}

/* ----------------------------- Navigation ----------------------------- */

.side-nav ul {
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    margin: 0;
    max-width: 265px;
}

.side-nav li {
    line-height: 2.54;
    text-align: center;
    margin: 0;
    max-width: 100%;
}

.training-content-area ul {
    list-style-type: none;
    list-style-position: inside;
    padding: 0.555em;
    margin: 1.111em 0;
    width: 100%;
}

.training-content-area li {
    line-height: 2;
    text-align: center;
    margin: 0;
    width: 100%;
}

.top {
    content: '^ TOP';
    color: var(--equity-blue);
    text-align: right;
    font-weight: 700;
}

/* ----------------------------- Buttons ----------------------------- */

.search-button {
    height: 1.777em;
    min-width: 4.5em;
    background: var(--equity-blue);
    color: white;
    font-size: calc(24pt + .0005VW);
    font-weight: 700;
    text-align: center;
    border: 1px solid var(--equity-black);
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

    .search-button:hover {
        background: var(--equity-green);
    }

/* Begin Agent Search Button */

.agent-search-button {
    height: 2.222em;
    min-width: 11.111em;
    background: var(--equity-blue);
    color: white;
    font-size: calc(10pt + .0005VW);
    font-weight: 700;
    text-align: center;
    border: 1px solid var(--equity-black);
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

    .agent-search-button:hover {
        background: var(--equity-green);
    }

/* End Agent Search Button */

/* Begin Agent Exit Search Button */

.agent-exit-search-button {
    height: 2.222em;
    min-width: 4.7222em;
    background: var(--equity-blue);
    color: white;
    font-size: calc(10pt + .0005VW);
    font-weight: 700;
    text-align: center;
    border: 1px solid var(--equity-black);
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.agent-exit-search-button-m {
    height: 40px;
    min-width: 85px;
    background: var(--equity-blue);
    color: var(--equity-blue);
    font-size: calc(10pt + .0005VW);
    font-weight: 700;
    padding-left:10px;
    text-align: left;
    border: 1px solid var(--equity-black);
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

    .agent-exit-search-button:hover {
        background: var(--equity-green);
    }
    .agent-exit-search-button-m:hover {
        background: white;
    }

/* End Agent Search Button */

/* Begin Vertical Button */

.outer-rim {
    display: grid;
    grid-template-columns: 140px;
    grid-template-rows: 260px;
    border-radius: 70px;
    background: rgba(255, 255, 255, 0.25);
    width: 140px;
    height: 260px;
    justify-content: center;
    align-content: center;
    text-decoration: none;
    margin: 10px 10px;
}

    .outer-rim:hover {
        background: radial-gradient(ellipse, white 50%, var(--equity-green));
        color: var(--equity-green);
        transition-duration: 1.5s;
        transition-property: background;
        -webkit-transition-duration: 1.5s;
        -webkit-transition-property: background;
    }

        .outer-rim:hover .icon-pool {
            background-color: var(--equity-green);
            text-decoration: none;
            transition-duration: 1.5s;
            transition-property: background;
            -webkit-transition-duration: 1.5s;
            -webkit-transition-property: background;
        }

.inner-mesa {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "icon-pool" "button-title";
    background: white;
    border-radius: 70px;
    box-shadow: 2px 5px 4px rgba(0, 0, 0, 0.1);
    justify-content: center;
    align-content: center;
    justify-self: center;
    align-self: center;
    width: 112px;
    height: 230px;
    text-decoration: none;
}

.icon-pool {
    display: grid;
    grid-area: icon-pool;
    background: var(--equity-blue);
    justify-content: center;
    align-content: center;
    justify-self: center;
    align-self: center;
    height: 95px;
    width: 95px;
    border-radius: 50%;
    color: white;
    font-size: calc(36pt + .0005VW);
    line-height: 3;
}

    .icon-pool:hover {
        background: var(--equity-green);
        text-decoration: none;
        transition-duration: 1.5s;
        transition-property: background;
        -webkit-transition-duration: 1.5s;
        -webkit-transition-property: background;
    }

.button-title {
    display: grid;
    grid-area: button-title;
    background: transparent;
    justify-content: center;
    align-content: center;
    font-family: var(--font-family);
    color: var(--equity-black);
    text-decoration: none;
    font-variant-caps: normal;
    text-align: center;
    text-decoration: none;
}

    .button-title:hover {
        color: var(--equity-green);
        text-decoration: none;
        transition-duration: 1.5s;
        transition-property: background;
        -webkit-transition-duration: 1.5s;
        -webkit-transition-property: background;
    }

/* End Vertical Button */

/* Begin Horizontal Button */

.outer-rim-h {
    max-width: 15em;
    max-height: 3.125em;
    border-radius: 70px;
    background: radial-gradient(ellipse, farthest-corner at 65%, rgba(white, 0.5) 0%, rgba(var(--equity-gray), 0.5) );
    justify-content: center;
    align-content: center;
    text-decoration: none;
    margin: 0.555em 0.555em;
}

    .outer-rim-h:hover {
        background: radial-gradient(ellipse, white 50%, var(--equity-green));
        color: var(--equity-green);
        transition-duration: 1.5s;
        transition-property: background;
        -webkit-transition-duration: 1.5s;
        -webkit-transition-property: background;
    }

        .outer-rim-h:hover .icon-pool-h {
            background-color: var(--equity-green);
            text-decoration: none;
            transition-duration: 1.5s;
            transition-property: background;
            -webkit-transition-duration: 1.5s;
            -webkit-transition-property: background;
        }

.inner-mesa-h {
    display: grid;
    grid-template-columns: 2.65em 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "icon-pool-h button-title-h";
    background: white;
    border-radius: 70px;
    box-shadow: 2px 5px 6px #888888;
    justify-content: flex-start;
    align-content: center;
    justify-self: center;
    align-self: center;
    width: 15em;
    height: 2.5em;
    text-decoration: none;
}

.icon-pool-h {
    display: grid;
    grid-area: icon-pool-h;
    background: var(--equity-blue);
    justify-content: center;
    align-content: center;
    justify-self: flex-start;
    align-self: center;
    height: 1.5em;
    width: 1.5em;
    border-radius: 50%;
    color: white;
    font-size: calc(18pt + .0005VW);
    line-height: 3;
    margin-left: 5px;
}

    .icon-pool-h:hover {
        background: var(--equity-green);
        text-decoration: none;
        transition-duration: 1.5s;
        transition-property: background;
        -webkit-transition-duration: 1.5s;
        -webkit-transition-property: background;
    }

.button-title-h {
    display: grid;
    grid-area: button-title-h;
    background: transparent;
    justify-content: flex-start;
    align-content: center;
    font-family: var(--font-family);
    color: var(--equity-black);
    text-decoration: none;
    font-variant-caps: normal;
    text-align: center;
    text-decoration: none;
    margin-left: 10px;
}

    .button-title-h:hover {
        color: var(--equity-green);
        text-decoration: none;
        transition-duration: 1.5s;
        transition-property: background;
        -webkit-transition-duration: 1.5s;
        -webkit-transition-property: background;
    }

/* End Horizontal Button */
/* Begin Mentoring Button */

.outer-rim-h-m {
    display: grid;
    grid-template-columns: 175px;
    grid-template-rows: 50px;
    border-radius: 70px;
    background: radial-gradient(ellipse, rgba(white, 0.5) );
    width: 183px;
    height: 55px;
    justify-content: center;
    align-content: center;
    text-decoration: none;
    margin: 10px 10px;
}

    .outer-rim-h-m:hover {
        background: radial-gradient(ellipse, white 50%, #0054a0);
        color: gold;
        transition-duration: 1.5s;
        transition-property: background;
        -webkit-transition-duration: 1.5s;
        -webkit-transition-property: background;
    }

        .outer-rim-h-m:hover .icon-pool-h {
            background-color: #0054a0;
            text-decoration: none;
            transition-duration: 1.5s;
            transition-property: background;
            -webkit-transition-duration: 1.5s;
            -webkit-transition-property: background;
        }

.inner-mesa-h-m {
    display: grid;
    grid-template-columns: 40px 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "icon-pool-h-m button-title-h-m";
    background: white;
    border-radius: 70px;
    justify-content: flex-start;
    align-content: center;
    justify-self: center;
    align-self: center;
    width: 183px;
    height: 40px;
    text-decoration: none;
}

.icon-pool-h-m {
    display: grid;
    grid-area: icon-pool-h-m;
    background: #0054a0;
    justify-content: center;
    align-content: center;
    justify-self: flex-start;
    align-self: center;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    color: white;
    font-size: calc(18pt + .0005VW);
    line-height: 3;
    margin-left: 5px;
}

    .icon-pool-h-m:hover {
        background: #0054a0;
        text-decoration: none;
        transition-duration: 1.5s;
        transition-property: background;
        -webkit-transition-duration: 1.5s;
        -webkit-transition-property: background;
    }

.button-title-h-m {
    display: grid;
    grid-area: button-title-h-m;
    background: transparent;
    justify-content: flex-start;
    align-content: center;
    font-family: var(--font-family);
    color: #0054a0;
    text-decoration: none;
    font-variant-caps: normal;
    text-align: left;
    text-decoration: none;
    margin-left: 10px;
}

    .button-title-h-m:hover {
        color: goldenrod;
        text-decoration: none;
        transition-duration: 1.5s;
        transition-property: background;
        -webkit-transition-duration: 1.5s;
        -webkit-transition-property: background;
    }


/* End Mentoring Buttons */
/* Begin Mentoring Main Button */

.outer-rim-h-m {
    display: grid;
    grid-template-columns: 175px;
    grid-template-rows: 50px;
    border-radius: 70px;
    background: radial-gradient(ellipse, rgba(white, 0.5) );
    width: 183px;
    height: 55px;
    justify-content: center;
    align-content: center;
    text-decoration: none;
    margin: 10px 10px;
}

    .outer-rim-h-m:hover {
        background: radial-gradient(ellipse, #b3ecff 50%, #80dfff);
        color: goldenrod;
        transition-duration: 1.5s;
        transition-property: background;
        -webkit-transition-duration: 1.5s;
        -webkit-transition-property: background;
    }

        .outer-rim-h-m:hover .icon-pool-h {
            background-color: goldenrod;
            text-decoration: none;
            transition-duration: 1.5s;
            transition-property: background;
            -webkit-transition-duration: 1.5s;
            -webkit-transition-property: background;
        }

.inner-mesa-h-m {
    display: grid;
    grid-template-columns: 40px 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "icon-pool-h-m button-title-h-m";
    background: white;
    border-radius: 70px;
    justify-content: flex-start;
    align-content: center;
    justify-self: center;
    align-self: center;
    width: 183px;
    height: 40px;
    text-decoration: none;
}

.icon-pool-h-m {
    display: grid;
    grid-area: icon-pool-h-m;
    background: goldenrod;
    justify-content: center;
    align-content: center;
    justify-self: flex-start;
    align-self: center;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    color: white;
    font-size: calc(18pt + .0005VW);
    line-height: 3;
    margin-left: 5px;
}

    .icon-pool-h-m:hover {
        background: goldenrod;
        text-decoration: none;
        transition-duration: 1.5s;
        transition-property: background;
        -webkit-transition-duration: 1.5s;
        -webkit-transition-property: background;
    }

.button-title-h-m {
    display: grid;
    grid-area: button-title-h-m;
    background: transparent;
    justify-content: flex-start;
    align-content: center;
    font-family: var(--font-family);
    color: goldenrod;
    text-decoration: none;
    font-variant-caps: normal;
    
    text-decoration: none;
    margin-left: 10px;
}

    .button-title-h-m:hover {
        color: goldenrod;
        text-decoration: none;
        transition-duration: 1.5s;
        transition-property: background;
        -webkit-transition-duration: 1.5s;
        -webkit-transition-property: background;
    }


/* End Mentoring Main Buttons */
/* Button Management Buttons */

.button-exterior {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "top" "bottom";
    justify-content: center;
    align-content: flex-start;
    justify-self: center;
    border: 1px solid var(--equity-gray);
    background-color: rgba(135, 135, 135, .2);
    border-radius: 40px;
    height: 175px;
    width: 80px;
    margin: 5px 2.5px;
}

.top {
    display: grid;
    grid-area: top;
    justify-content: center;
    align-content: center;
    text-align: center;
}

.bottom {
    display: grid;
    grid-area: bottom;
    justify-content: center;
    align-content: flex-start;
    text-align: center;
}

/* End Management Buttons */

/* ----------------------------- Decoration ----------------------------- */

.bar {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: auto 1fr;
    grid-template-areas: "before-item 	bar-line";
    grid-gap: 5px;
}

hr {
    color: var(--equity-blue);
    background-color: var(--equity-blue);
    height: 1px;
    width: auto;
    border: 0;
}

.before-item {
    display: grid;
    grid-area: before-item;
    align-items: center;
}

.no-bullet {
    list-style-type: none;
}

ul {
    list-style-type: square;
}

.white {
    color: white;
}

.red {
    color: var(--equity-red);
}

.bold {
    font-weight: 700;
}

.boom {
    color: var(--equity-blue);
    font-weight: 800;
}

.full-width {
    width: 100% !important;
}

.float-left {
    float: left;
}

.inline {
    display: inline;
    white-space: nowrap;
}

.display-contents {
    display: contents !important;
}

.glow-baby {
    text-shadow: 0 0 10px white, 0 0 20px white;
}

.shadow {
    text-shadow: 0 0 10px black, 0 0 20px black;
}

.no-indent {
    list-style-position: inside;
    padding-left: 0;
}

.line-height-1-5 {
    line-height: 1.5;
}

#listBreakdown li {
    margin: 0 0 10px 0;
}

.no-margin {
    margin: 0 !important;
}
/* ----------------------------- Forms ----------------------------- */

input[type=text] {
    box-sizing: border-box;
    background-color: white;
    font-family: var(--font-family);
}

input[type=text] .email-input-type {
    box-sizing: border-box;
    background-color: white;
    color: var(--equity-gray);
    font-family: var(--font-family);
}

input[type=checkbox] {
    box-sizing: border-box;
    background-color: white;
    font-family: var(--font-family);
    width: 20px;
    height: 20px;
}

input[type=checkbox] .email-input-type {
    box-sizing: border-box;
    background-color: white;
    color: var(--equity-gray);
    font-family: var(--font-family);
    width: 800px;
}

input[type=file] {
    box-sizing: border-box;
    color: black;
    font-family: var(--font-family);
    border: 1px dotted var(--equity-black);
    width: 70%;
}

select {
    box-sizing: border-box;
    background-color: white;
    color: black;
    font-family: var(--font-family);
    border: 1px solid var(--equity-black);
}

/* Hiding the <input> */
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    /* Styling the <label> */
    .inputfile + label {
        font-size: 1.15em;
        font-weight: 700;
        color: black;
        background-color: var(--equity-yellow);
        display: inline-block;
        padding: 20px;
        margin: 20px;
        border: 1px dotted var(--equity-black);
    }

        .inputfile:focus + label,
        .inputfile + label:hover {
            background-color: var(--equity-green);
        }

    /* Accessibility */
    .inputfile + label {
        cursor: pointer; /* "hand" cursor */
    }

    /* Keyboard Navigation */
    .inputfile:focus + label {
        outline: 1px dotted #000;
        outline: -webkit-focus-ring-color auto 5px;
    }

    /* Possible Touch Issues */
    .inputfile + label * {
        pointer-events: none;
    }

.search-top {
    display: block;
    width: 100%;
    height: 60px;
    min-width: 100px;
    padding: 5px 10px;
    margin: 20px 0;
    font-size: calc(18pt + .0005VW);
    line-height: 1.15;
}

.agent-search {
    display: block;
    width: 100%;
    height: 40px;
    min-width: 100px;
    padding: 5px 20px;
    margin: 0;
    font-size: calc(12pt + .0005VW);
    line-height: 1;
}

.import-field {
    display: block;
    width: 100%;
    height: 40px;
    min-width: 100px;
    padding: 5px 20px;
    margin: 0;
    font-size: calc(12pt + .0005VW);
    line-height: 1;
}

#referForm {
    display: none;
    border: 6px solid var(--equity-blue);
    padding: 2em;
    width: 400px;
    text-align: center;
    background: white;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

textarea#styled {
    width: 95%;
    height: 50px;
    border: 1px solid var(--equity-black);
    padding: 5px;
    font-family: var(--font-family);
}

/* ----------------------------- Media Queries ----------------------------- */

@media (max-width: 1024px) {
    .elevate-wrapper {
        display: grid;
        justify-content: center;
        align-content: start;
        width: 100%;
        margin: 0;
    }

    .elevate-container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
            "left-column"
            "content-area";
        margin: 0px;
        width: 100%;
        border: 0px solid var(--equity-black);
        background: rgba(255, 255, 255, 0.5);
    }

    .side-nav {
        display: flex;
        justify-content: center;
        text-align: center;
        width: 100%;
    }
    .left-column {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: rgba(255, 255, 255, 0.5);
    }

    .equity-logo {
        display: none;
    }

    .content-area {
        display: grid;
        grid-area: content-area;
        grid-template-columns: 100%;
        grid-template-areas:
            "search"
            "page-content"
            "value-blocks";
        justify-content: center;
        align-content: center;
    }

    .content-area-home {
        display: grid;
        grid-area: content-area;
        grid-template-columns: 100%;
        grid-template-rows: 11.111em 1fr 7.777em;
        grid-template-areas:
            "search"
            "page-content-home"
            "value-blocks";
        justify-content: center;
        align-content: center;
    }

    .page-content {
        display: grid;
        grid-area: page-content;
        grid-template-columns: 100%;
        justify-content: center;
        align-content: center;
        align-self: flex-start;
        justify-self: center;
        padding-top: 1.029em;
    }

    .profile-pic {
        display: flex;
        clip-path: circle(50% at 50% 50%);
        height: 6.944em;
        width: 6.944em;
        margin-top: 3.388em;
    }


    .page-content-home {
        display: grid;
        grid-area: page-content-home;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        align-content: center;
        align-self: center;
        justify-self: center;
    }

    .outer-rim {
        display: grid;
        grid-template-columns: 7.777em;
        grid-template-rows: 14.444em;
        border-radius: 70px;
        background: radial-gradient(ellipse, white 50%, var(--equity-gray));
        width: 7.777em;
        height: 14.444em;
        justify-content: center;
        align-content: center;
        text-decoration: none;
        margin: .555em .555em;
    }

    .value-blocks {
        display: flex;
        height: 5.555em;
        width: 97%;
        background-image: url(/assets/value-blocks.png);
        background-position: right center;
        background-repeat: no-repeat;
        justify-self: end;
    }
}

@media (max-width: 800px) {
    .elevate-wrapper {
        display: grid;
        justify-content: center;
        align-content: start;
        width: 100%;
        margin: 0;
    }

    .elevate-container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
            "left-column"
            "content-area";
        margin: 0px;
        width: 100%;
        border: 0px solid var(--equity-black);
        background: rgba(255, 255, 255, 0.5);
    }
    .side-nav {
        display: flex;
        justify-content: center;
        text-align: center;
        width: 100%;
    }
    .left-column {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: rgba(255, 255, 255, 0.5);
    }

    .equity-logo {
        display: none;
    }

    .content-area {
        display: grid;
        grid-area: content-area;
        grid-template-columns: 100%;
        grid-template-areas:
            "search"
            "page-content"
            "value-blocks";
        justify-content: center;
        align-content: center;
    }

    .content-area-home {
        display: grid;
        grid-area: content-area;
        grid-template-columns: 100%;
        grid-template-rows: 11.111em 1fr 7.777em;
        grid-template-areas:
            "search"
            "page-content-home"
            "value-blocks";
        justify-content: center;
        align-content: center;
    }

    .page-content {
        display: grid;
        grid-area: page-content;
        grid-template-columns: 100%;
        justify-content: center;
        align-content: center;
        align-self: flex-start;
        justify-self: center;
        padding-top: 1.029em;
    }

    .profile-pic {
        display: flex;
        clip-path: circle(50% at 50% 50%);
        height: 6.944em;
        width: 6.944em;
        margin-top: 3.388em;
    }


    .page-content-home {
        display: grid;
        grid-area: page-content-home;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        align-content: center;
        align-self: center;
        justify-self: center;
    }

    .outer-rim {
        display: grid;
        grid-template-columns: 7.777em;
        grid-template-rows: 14.444em;
        border-radius: 70px;
        background: radial-gradient(ellipse, white 50%, var(--equity-gray));
        width: 7.777em;
        height: 14.444em;
        justify-content: center;
        align-content: center;
        text-decoration: none;
        margin: .555em .555em;
    }

    .value-blocks {
        display: flex;
        height: 5.555em;
        width: 97%;
        background-image: url(/assets/value-blocks.png);
        background-position: right center;
        background-repeat: no-repeat;
        justify-self: end;
    }
}
@media (max-width: 768px) {
    .elevate-wrapper {
        display: grid;
        justify-content: center;
        align-content: start;
        width: 100%;
        margin: 0;
    }

    .elevate-container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
            "left-column"
            "content-area";
        margin: 0px;
        width: 100%;
        border: 0px solid var(--equity-black);
        background: rgba(255, 255, 255, 0.5);
    }
    .side-nav {
        display: flex;
        justify-content: center;
        text-align: center;
        width: 100%;
    }
    .left-column {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: rgba(255, 255, 255, 0.5);
    }

    .equity-logo {
        display: none;
    }

    .content-area {
        display: grid;
        grid-area: content-area;
        grid-template-columns: 100%;
        grid-template-areas:
            "search"
            "page-content"
            "value-blocks";
        justify-content: center;
        align-content: center;
    }

    .content-area-home {
        display: grid;
        grid-area: content-area;
        grid-template-columns: 100%;
        grid-template-rows: 11.111em 1fr 7.777em;
        grid-template-areas:
            "search"
            "page-content-home"
            "value-blocks";
        justify-content: center;
        align-content: center;
    }

    .page-content {
        display: grid;
        grid-area: page-content;
        grid-template-columns: 100%;
        justify-content: center;
        align-content: center;
        align-self: flex-start;
        justify-self: center;
        padding-top: 1.029em;
    }

    .profile-pic {
        display: flex;
        clip-path: circle(50% at 50% 50%);
        height: 6.944em;
        width: 6.944em;
        margin-top: 3.388em;
    }


    .page-content-home {
        display: grid;
        grid-area: page-content-home;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        align-content: center;
        align-self: center;
        justify-self: center;
    }

    .outer-rim {
        display: grid;
        grid-template-columns: 7.777em;
        grid-template-rows: 14.444em;
        border-radius: 70px;
        background: radial-gradient(ellipse, white 50%, var(--equity-gray));
        width: 7.777em;
        height: 14.444em;
        justify-content: center;
        align-content: center;
        text-decoration: none;
        margin: .555em .555em;
    }

    .value-blocks {
        display: flex;
        height: 5.555em;
        width: 97%;
        background-image: url(/assets/value-blocks.png);
        background-position: right center;
        background-repeat: no-repeat;
        justify-self: end;
    }
}

@media (max-width: 600px) {
    .elevate-wrapper {
        display: grid;
        justify-content: center;
        align-content: start;
        width: 100%;
        margin: 0;
    }

    .elevate-container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
            "left-column"
            "content-area";
        margin: 0px;
        width: 100%;
        border: 0px solid var(--equity-black);
        background: rgba(255, 255, 255, 0.5);
    }
    .side-nav {
        display: flex;
        justify-content: center;
        text-align: center;
        width: 100%;
    }
    .left-column {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: rgba(255, 255, 255, 0.5);
    }

    .equity-logo {
        display: none;
    }

    .content-area {
        display: grid;
        grid-area: content-area;
        grid-template-columns: 100%;
        grid-template-areas:
            "search"
            "page-content"
            "value-blocks";
        justify-content: center;
        align-content: center;
    }

    .content-area-home {
        display: grid;
        grid-area: content-area;
        grid-template-columns: 100%;
        grid-template-rows: 11.111em 1fr 7.777em;
        grid-template-areas:
            "search"
            "page-content-home"
            "value-blocks";
        justify-content: center;
        align-content: center;
    }

    .page-content {
        display: grid;
        grid-area: page-content;
        grid-template-columns: 100%;
        justify-content: center;
        align-content: center;
        align-self: flex-start;
        justify-self: center;
        padding-top: 1.029em;
    }
    .profile-pic {
        display: flex;
        clip-path: circle(50% at 50% 50%);
        height: 6.944em;
        width: 6.944em;
        margin-top: 3.388em;
    }


    .page-content-home {
        display: grid;
        grid-area: page-content-home;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        align-content: center;
        align-self: center;
        justify-self: center;
    }

    .outer-rim {
        display: grid;
        grid-template-columns: 7.777em;
        grid-template-rows: 14.444em;
        border-radius: 70px;
        background: radial-gradient(ellipse, white 50%, var(--equity-gray));
        width: 7.777em;
        height: 14.444em;
        justify-content: center;
        align-content: center;
        text-decoration: none;
        margin: .555em .555em;
    }

    .value-blocks {
        display: flex;
        height: 5.555em;
        width: 97%;
        background-image: url(/assets/value-blocks.png);
        background-position: right center;
        background-repeat: no-repeat;
        justify-self: end;
    }
}


/* Rebrand Bootstrap's primary button to an Elevate blue */
.btn-primary {
    background-color: rgb(0, 84, 160);
    border-color: rgb(0, 84, 160);
}

.switch_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/* Switch 1 Specific Styles Start */
input.switch_1 {
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 3.5em;
    margin-right: 10px;
    height: 1.6em;
    background: #ddd;
    border-radius: 3em;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

input.switch_1:checked {
    background: rgb(0, 84, 160);
}

input.switch_1.secondary:checked {
    background: var(--equity-green);
}

input.switch_1:after {
    position: absolute;
    content: "";
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
    box-shadow: 0 0 .25em rgba(0,0,0,.3);
    -webkit-transform: scale(.7);
    transform: scale(.7);
    left: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/* Small toggles */

input.switch_1:checked:after {
    left: calc(100% - 1.5em);
}

input.switch_1.small {
    height: 1.1em;
    width: 2em;
}

input.switch_1.small:after {
    width: 1em;
    height: 1em;
}

input.switch_1.small:checked:after {
        left: calc(100% - 1em);
    }

.thumb64 {
    width: 64px !important;
    height: 64px !important;
}

.thumb72 {
    width: 72px !important;
    height: 72px !important;
}

.thumb96 {
    width: 96px !important;
    height: 96px !important;
}

.img-fluid, .img-thumbnail {
    max-width: 100%;
    height: auto;
}

.img-circle {
    clip-path: circle(50% at 50% 50%);
    justify-self: center;
    align-self: center;
}


/** Dividers
*************************************************** **/
div.divider {
    margin: 0.5555em 0;
    position: relative;
    display: block;
    min-height: 1.111em;
}

div.divider i {
    line-height: 1;
    font-size: 18px;
    color: #ccc;
}

    div.divider:after {
        content: '';
        position: absolute;
        top: 0.444em;
        left: 0;
        right: 0;
        height: 0;
        border-top: 1px solid #ddd;
    }

section.dark div.divider:after {
    border-top: rgba(255,255,255,0.1) 1px solid;
}

section.dark div.divider:before {
    border-top: rgba(255,255,255,0.1) 1px solid;
}

div.divider.divider-left:after {
    left: 1.6666em;
    right: 0;
}

div.divider.divider-left i {
    float: left;
}

div.divider.divider-right:after {
    left: 0;
    right: 1.6666em;
}

div.divider.divider-right i {
    float: right;
}

div.divider.divider-center:after {
    left: 50% !important;
    right: 0;
    margin-left: 1.111em;
}

div.divider.divider-center:before {
    left: 0 !important;
    right: 50%;
    margin-right: 1.111em;
    content: '';
    position: absolute;
    top: 0.4444em;
    height: 0;
    border-top: 1px solid #ddd;
}

div.divider.divider-center {
    text-align: center;
}

    div.divider.divider-center.divider-short:before {
        left: auto !important;
        right: 50%;
        margin-right: 1.111em;
        width: 15%;
    }

    div.divider.divider-center.divider-short:after {
        left: 50% !important;
        right: auto !important;
        margin-left: 1.111em;
        width: 15%;
    }

/* color */
div.divider.divider-circle.divider-left:after {
    left: 2.7777em;
}

div.divider.divider-circle.divider-right:after {
    right: 2.7777em;
}

div.divider.divider-circle.divider-center:after {
    margin-left: 1.6666em;
}

div.divider.divider-circle.divider-center:before {
    margin-right: 1.6666em;
}

div.divider.divider-circle i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #F5F5F5;
    margin-top: -11px;
    text-align: center;
    z-index: 1;
    color: #999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


/* border */
div.divider.divider-border.divider-left:after {
    left: 50px;
}

div.divider.divider-border.divider-right:after {
    right: 50px;
}

div.divider.divider-border.divider-center:after {
    margin-left: 30px;
}

div.divider.divider-border.divider-center:before {
    margin-right: 30px;
}

div.divider.divider-border i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: -11px;
    text-align: center;
    z-index: 1;
    border: #ddd 1px solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

section.dark div.divider.divider-border i {
    border-color: rgba(255,255,255,0.5);
}

/* scroll to top */
div.divider.divider-border > a > i.fa-chevron-up {
    line-height: 36px;
}

div.divider.divider-border > a > i {
    -webkit-transition: all .300s;
    -moz-transition: all .300s;
    -o-transition: all .300s;
    transition: all .300s;
}

div.divider.divider-border > a:hover > i {
    color: #333;
}

section.theme-color div.divider.divider-border > a:hover > i.fa-chevron-up {
    color: #fff;
}

span.badge {
    display: inline-flex !important;
    padding: 0.4em 0.75em;
}


/**	Social icons
*************************************************** **/
.social-icon {
    margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    border-color: transparent;
    overflow: hidden;
    display: inline-block;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    font-style: normal;
    letter-spacing: 0em !important;
    color: #eaeaea !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.social-icon:hover > i {
    color: #fff;
}

.social-icon i {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    margin-top: 6px;
    font-size: 28px;
}

.social-icon:hover i:first-child {
    margin-top: -38px;
}

.social-icon:hover i:last-child {
    margin-top: 4px;
}

@media only screen and (min-width: 768px) {
    .social-icon {
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    .social-icon i {
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
}

/* medium */
a.social-icon > i[class*=" icon-"],
a.social-icon > i[class^=icon-] {
    font-size: 15px;
    line-height: 1.7;
}

/* small */
a.social-icon.social-icon-sm,
a.social-icon.social-icon-sm > i {
    width: 30px;
    height: 30px;
    margin-top: 3px;
    font-size: 17px;
    line-height: 23px;
}

a.social-icon.social-icon-sm > i:last-child {
    padding-top: 7px;
}

a.social-icon.social-icon-sm > i[class*=" icon-"],
a.social-icon.social-icon-sm > i[class^=icon-] {
    font-size: 17px;
}

.social-facebook:hover {
    background-color: #3B5998 !important;
}

.social-facebook {
    background-color: #3B5998;
}

.social-delicious:hover {
    background-color: #205CC0 !important;
}

.social-delicious {
    background-color: #205CC0;
}

.social-paypal:hover {
    background-color: #00588B !important;
}

.social-paypal {
    background-color: #00588B;
}

.social-flattr:hover {
    background-color: #F67C1A !important;
}

.social-flattr {
    background-color: #F67C1A;
}

.social-android:hover {
    background-color: #A4C639 !important;
}

.social-android {
    background-color: #A4C639;
}

.social-smashmag:hover {
    background-color: #E53B2C !important;
}

.social-smashmag {
    background-color: #E53B2C;
}

.social-gplus:hover {
    background-color: #DD4B39 !important;
}

.social-gplus {
    background-color: #DD4B39;
}

.social-wikipedia:hover {
    background-color: #333 !important;
}

.social-wikipedia {
    background-color: #333;
}

.social-stumbleupon:hover {
    background-color: #F74425 !important;
}

.social-stumbleupon {
    background-color: #F74425;
}

.social-foursquare:hover {
    background-color: #25A0CA !important;
}

.social-foursquare {
    background-color: #25A0CA;
}

.social-call:hover {
    background-color: #444 !important;
}

.social-call {
    background-color: #444;
}

.social-ninetyninedesigns:hover {
    background-color: #F26739 !important;
}

.social-ninetyninedesigns {
    background-color: #F26739;
}

.social-forrst:hover {
    background-color: #5B9A68 !important;
}

.social-forrst {
    background-color: #5B9A68;
}

.social-digg:hover {
    background-color: #191919 !important;
}

.social-digg {
    background-color: #191919;
}

.social-spotify:hover {
    background-color: #81B71A !important;
}

.social-spotify {
    background-color: #81B71A;
}

.social-reddit:hover {
    background-color: #C6C6C6 !important;
}

.social-reddit {
    background-color: #C6C6C6;
}

.social-blogger:hover {
    background-color: #FC4F08 !important;
}

.social-blogger {
    background-color: #FC4F08;
}

.social-cc:hover {
    background-color: #688527 !important;
}

.social-cc {
    background-color: #688527;
}

.social-dribbble:hover {
    background-color: #EA4C89 !important;
}

.social-dribbble {
    background-color: #EA4C89;
}

.social-evernote:hover {
    background-color: #5BA525 !important;
}

.social-evernote {
    background-color: #5BA525;
}

.social-flickr:hover {
    background-color: #FF0084 !important;
}

.social-flickr {
    background-color: #FF0084;
}

.social-google:hover {
    background-color: #DD4B39 !important;
}

.social-google {
    background-color: #DD4B39;
}

.social-instapaper:hover {
    background-color: #333 !important;
}

.social-instapaper {
    background-color: #333;
}

.social-klout:hover {
    background-color: #FF5F52 !important;
}

.social-klout {
    background-color: #FF5F52;
}

.social-linkedin:hover {
    background-color: #0E76A8 !important;
}

.social-linkedin {
    background-color: #0E76A8;
}

.social-rss:hover {
    background-color: #EE802F !important;
}

.social-rss {
    background-color: #EE802F;
}

.social-skype:hover {
    background-color: #00AFF0 !important;
}

.social-skype {
    background-color: #00AFF0;
}

.social-twitter:hover {
    background-color: #00ACEE !important;
}

.social-twitter {
    background-color: #00ACEE;
}

.social-youtube:hover {
    background-color: #C4302B !important;
}

.social-youtube {
    background-color: #C4302B;
}

.social-print:hover {
    background-color: #111 !important;
}

.social-print {
    background-color: #111;
}

.social-instagram:hover {
    background-color: #3F729B !important;
}

.social-instagram {
    background-color: #3F729B;
}

.social-amazon:hover {
    background-color: #E47911 !important;
}

.social-amazon {
    background-color: #E47911;
}

/* rounded social icons */
a.social-icon.social-icon-round {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* bordered social icons */
a.social-icon.social-icon-border {
    background-color: transparent;
    border: #999 1px solid;
    color: #565656 !important;
    text-shadow: none;
}

a.social-icon.social-icon-border:hover {
    border-color: transparent;
}

a.social-icon.social-icon-border:hover > i {
    color: #fff !important;
}

section.dark a.social-icon.social-icon-border {
    color: #fff !important;
}

section.dark a.social-icon.social-icon-border:hover > i {
    color: #111 !important;
}


/* light social icons */
a.social-icon.social-icon-light {
    background-color: rgba(0,0,0,0.1);
    text-shadow: none;
    color: #888 !important;
}

a.social-icon.social-icon-light:hover > i {
    color: #fff !important;
}

section.dark a.social-icon.social-icon-light {
    background-color: #666;
    color: #fff !important;
}

section.dark a.social-icon.social-icon-light:hover > i {
    color: #111 !important;
}


/* Columnize Text */
.columnize-2 {
    margin: 0 0 1.313em;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
}


.lead {
    font-weight: 300;
}

/* Horizontal timeline styles */

.h-timeline {
    display: flex;
    align-items: center;
    height: 200px;
}

.h-timeline .event1,
.h-timeline .event2, 
.h-timeline .event3 {
    position: relative;
}

.h-timeline .event1Bubble {
    position: absolute;
    background-color: rgba(158, 158, 158, 0.1);
    width: 139px;
    height: 60px;
    top: -70px;
    left: -15px;
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgba(158, 158, 158, 0.64)
}

.h-timeline .event2Bubble {
    position: absolute;
    background-color: rgba(158, 158, 158, 0.1);
    width: 139px;
    height: 60px;
    left: -105px;
    top: 33px;
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgba(158, 158, 158, 0.64)
}

.h-timeline .event1Bubble:after,
.h-timeline .event1Bubble:before,
.h-timeline .event2Bubble:after,
.h-timeline .event2Bubble:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
}

.h-timeline .event1Bubble:before {
    bottom: -12px;
    left: 13px;
    border-top-color: rgba(222, 222, 222, 0.66);
    border-width: 12px;
}

.h-timeline .event1Bubble:after {
    bottom: -11px;
    left: 13px;
    border-width: 12px;
}

.h-timeline .event2Bubble:before {
    bottom: 59px;
    left: 103px;
    border-top-color: rgba(222, 222, 222, 0.66);
    border-width: 12px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.h-timeline .event2Bubble:after {
    bottom: 57px;
    left: 103px;
    border-top-color: #F6F6F6;
    border-width: 12px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.h-timeline .eventTime {
    display: flex;
}

.h-timeline .dayDigit {
    font-size: 27px;
    font-family: "Arial Black", Gadget, sans-serif;
    margin-left: 10px;
    color: #4C4A4A;
}

.h-timeline .day {
    font-size: 11px;
    margin-left: 5px;
    font-weight: bold;
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #4C4A4A;
}

.h-timeline .monthYear {
    font-weight: 600;
    line-height: 10px;
    color: #9E9E9E;
    font-size: 9px;
}

.h-timeline .eventTitle {
    font-family: "Arial Black", Gadget, sans-serif;
    color: #a71930;
    font-size: 11px;
    text-transform: uppercase;
    display: flex;
    flex: 1;
    align-items: center;
    margin-left: 12px;
    margin-top: -2px;
}

.h-timeline .time {
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    width: 50px;
    font-size: 8px;
    margin-top: -3px;
    margin-left: -5px;
    color: #9E9E9E;
}

.h-timeline .now {
    background-color: #004165;
    color: white;
    border-radius: 7px;
    margin: 5px;
    padding: 4px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    border: 2px solid white;
    font-weight: bold;
    box-shadow: 0 0 0 2px #004165
}

.h-timeline .futureGray {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

.h-timeline .futureOpacity {
    filter: opacity(.3);
}


.input-validation-error {
    border: 2px dotted #ff5d7d !important;
    background-color: #f8d7da !important;
}

.btn-label {
    position: relative;
    left: -12px;
    display: inline-block;
    padding: 6px 12px;
    background: rgba(0,0,0,0.15);
    border-radius: 3px 0 0 3px;
}

.btn-labeled {
    padding-top: 0;
    padding-bottom: 0;
}

.inner-shadow {
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}

.col-form-label.col-info-legend {
    background-color: #eee;
    border-radius: 3px 3px;
}

.validation-summary-errors ul {
    list-style: none;
    padding: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.validation-summary-errors li {
    padding-left: 1.3em;
}

.validation-summary-errors li:before {
    content: "\f256"; /* FontAwesome Unicode */
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
}

.validation-summary-valid {
    display: none;
}

div#impersonate-banner {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 2.222em;
}

div#impersonate-banner + div.elevate-wrapper {
    margin-top: 2.222em;
}

.modal-body iframe {
    margin: 0 auto;
    display: block;
}


button.swal2-confirm.swal2-styled,
button.swal2-cancel.swal2-styled {
    min-width: 120px;
}

.highlight {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem;
}

.password-rules {
    font-size: 0.8em;
}