*,
*:before,
*:after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/* CKEditor Overrides */
.cke_notifications_area {
    display: none !important;
}

#tag_datePicker div {
    z-index: 999999999;

}

/*
    backbone ebacon component css
    bb-ebacon-*

    example usage:
    <span class="bb-ebacon-h1">H1 Text</span>
    <span class="bb-ebacon-h2" color="secondary">H2 Text</span>
    <span class="bb-ebacon-body1">Body1 Text</span>

    <button class="bb-ebacon-button">Contained Button</button>
    <button class="bb-ebacon-button" mass="large" type="outline">Outline Button</button>
    <button class="bb-ebacon-button" type="text">Text Button</button>
*/
:root {
    /* Primary Colors */
    --primary-color: #0066A6;
    --primary-light-color: #E6F0F6;
    --primary-100-color: #DBF3FF;
    --primary-200-color: #CCECFF;
    --primary-300-color: #99D6FF;
    --primary-400-color: #004D85;
    --primary-500-color: #004275;
    --primary-600-color: #002a4d;

    /* Secondary Colors */
    --secondary-color: #FF6E0B;

    /* Success Colors */
    --success-color: #3BB273;
    --success-100-color: #CAF2E1;
    --success-200-color: #82E3B2;
    --success-300-color: #39C081;
    --success-400-color: #259353;
    --success-500-color: #136C32;
    --success-600-color: #0B411F;

    /* Medium Colors */
    --medium-color: #E0AA12;
    --medium-100-color: #FEF8DC;
    --medium-200-color: #F6E792;
    --medium-300-color: #F2D363;
    --medium-400-color: #D08A11;
    --medium-500-color: #A0630D;
    --medium-600-color: #664400;

    /* Error Colors */
    --error-color: #9B3636;
    --error-100-color: #FFDFDB;
    --error-200-color: #DD888D;
    --error-300-color: #C36360;
    --error-400-color: #862C27;
    --error-500-color: #541812;
    --error-600-color: #4D0006;

    /* Grey Colors */
    --grey-color: #BBBFC3;
    --grey-100-color: #FFFFFF;
    --grey-200-color: #E4E8EC;
    --grey-300-color: #D5D9DD;
    --grey-400-color: #6D7278;
    --grey-500-color: #3E3E3F;
    --grey-600-color: #242428;
    --grey-light-color: #E9E9E9;
    --grey-dark-color: #9A9A9A;

    /* Background */
    --background-color: #EEF2F6;

    /* Legacy Colors */
    --primary-light: #E6F0F6;
    --grey-light: #E9E9E9;
    --grey-dark: #9A9A9A;
    --warning-color: #DA8154;
    --info-color: #82BBF5;
    --default-color: #006ED1;
    --textLight-color: #FFFFFF;
    --textDark-color: #3E3E3F;
    --textLink-color: #FFAB13;
    --black-color: #242428;
    --white-color: #FFFFFF;
    --label-color: #3E3E3F99;
    --pdf-color: #F40F02;
    --word-color: #2B579A;
    --excel-color: #217346;
    --powerpt-color: #D24726;

    /* Hover Colors */
    --primary-color-hover: #0066A61a;
    --primary-light-color-hover: #E6F0F61a;
    --secondary-color-hover: #FF6E0B1a;
    --success-color-hover: #3BB2731a;
    --medium-color-hover: #E0AA121a;
    --warning-color-hover: #DA81541a;
    --error-color-hover: #9B36361a;
    --info-color-hover: #82BBF51a;
    --default-color-hover: #006ED11a;
    --textLight-color-hover: #FFFFFF1a;
    --textDark-color-hover: #3E3E3F1a;
    --grey-color-hover: #CCCCCC1a;
    --grey-light-color-hover: #E9E9E91a;
    --grey-dark-color-hover: #9A9A9A1a;
    --black-color-hover: #0000001a;
    --white-color-hover: #FFFFFF1a;
    --label-color-hover: #3E3E3F991a;
    --pdf-color-hover: #F40F021a;
    --word-color-hover: #2B579A1a;
    --excel-color-hover: #2173461a;
    --powerpt-color-hover: #D247261a;
}
.bb-ebacon-h1,
.bb-ebacon-h2,
.bb-ebacon-h3,
.bb-ebacon-h4,
.bb-ebacon-h5,
.bb-ebacon-h6 {
    color: var(--textDark-color);
    font-family: 'Roboto Slab', serif;
    line-height: initial;
    margin: 2rem;
}
.bb-ebacon-h1 {
    font-size: 3.2rem;
    font-weight: 700;
}
.bb-ebacon-h2 {
    font-size: 3.2rem;
    font-weight: 400;
}
.bb-ebacon-h3 {
    font-size: 2.4rem;
    font-weight: 700;
}
.bb-ebacon-h4 {
    font-size: 2.4rem;
    font-weight: 400;
}
.bb-ebacon-h5 {
    font-size: 2rem;
    font-weight: 700;
}
.bb-ebacon-h6 {
    font-size: 2rem;
    font-weight: 400;
}
.bb-ebacon-body1 {
    color: var(--textDark-color);
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6rem;
    line-height: initial;
    margin: 2rem;
}
.bb-ebacon-body2 {
    color: var(--textDark-color);
    font-family: 'Open Sans', sans-serif;
    font-size: 1.4rem;
    line-height: initial;
    margin: 2rem;
}
.bb-ebacon-subtitle1 {
    color: var(--textDark-color);
    font-family: 'Roboto Slab', serif;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: initial;
    margin: 2rem;
}
.bb-ebacon-subtitle2 {
    color: var(--textDark-color);
    font-family: 'Roboto Slab', serif;
    font-size: 1.3rem;
    line-height: initial;
    margin: 2rem;
}
.bb-ebacon-h1[color="primary"],
.bb-ebacon-h2[color="primary"],
.bb-ebacon-h3[color="primary"],
.bb-ebacon-h4[color="primary"],
.bb-ebacon-h5[color="primary"],
.bb-ebacon-h6[color="primary"],
.bb-ebacon-body1[color="primary"],
.bb-ebacon-body2[color="primary"],
.bb-ebacon-subtitle1[color="primary"],
.bb-ebacon-subtitle2[color="primary"] {
    color: var(--primary-color);
}
.bb-ebacon-h1[color="primaryLight"],
.bb-ebacon-h2[color="primaryLight"],
.bb-ebacon-h3[color="primaryLight"],
.bb-ebacon-h4[color="primaryLight"],
.bb-ebacon-h5[color="primaryLight"],
.bb-ebacon-h6[color="primaryLight"],
.bb-ebacon-body1[color="primaryLight"],
.bb-ebacon-body2[color="primaryLight"],
.bb-ebacon-subtitle1[color="primaryLight"],
.bb-ebacon-subtitle2[color="primaryLight"] {
    color: var(--primary-light-color);
}
.bb-ebacon-h1[color="secondary"],
.bb-ebacon-h2[color="secondary"],
.bb-ebacon-h3[color="secondary"],
.bb-ebacon-h4[color="secondary"],
.bb-ebacon-h5[color="secondary"],
.bb-ebacon-h6[color="secondary"],
.bb-ebacon-body1[color="secondary"],
.bb-ebacon-body2[color="secondary"],
.bb-ebacon-subtitle1[color="secondary"],
.bb-ebacon-subtitle2[color="secondary"] {
    color: var(--secondary-color);
}
.bb-ebacon-h1[color="success"],
.bb-ebacon-h2[color="success"],
.bb-ebacon-h3[color="success"],
.bb-ebacon-h4[color="success"],
.bb-ebacon-h5[color="success"],
.bb-ebacon-h6[color="success"],
.bb-ebacon-body1[color="success"],
.bb-ebacon-body2[color="success"],
.bb-ebacon-subtitle1[color="success"],
.bb-ebacon-subtitle2[color="success"] {
    color: var(--success-color);
}
.bb-ebacon-h1[color="medium"],
.bb-ebacon-h2[color="medium"],
.bb-ebacon-h3[color="medium"],
.bb-ebacon-h4[color="medium"],
.bb-ebacon-h5[color="medium"],
.bb-ebacon-h6[color="medium"],
.bb-ebacon-body1[color="medium"],
.bb-ebacon-body2[color="medium"],
.bb-ebacon-subtitle1[color="medium"],
.bb-ebacon-subtitle2[color="medium"] {
    color: var(--medium-color);
}
.bb-ebacon-h1[color="warning"],
.bb-ebacon-h2[color="warning"],
.bb-ebacon-h3[color="warning"],
.bb-ebacon-h4[color="warning"],
.bb-ebacon-h5[color="warning"],
.bb-ebacon-h6[color="warning"],
.bb-ebacon-body1[color="warning"],
.bb-ebacon-body2[color="warning"],
.bb-ebacon-subtitle1[color="warning"],
.bb-ebacon-subtitle2[color="warning"] {
    color: var(--warning-color);
}
.bb-ebacon-h1[color="error"],
.bb-ebacon-h2[color="error"],
.bb-ebacon-h3[color="error"],
.bb-ebacon-h4[color="error"],
.bb-ebacon-h5[color="error"],
.bb-ebacon-h6[color="error"],
.bb-ebacon-body1[color="error"],
.bb-ebacon-body2[color="error"],
.bb-ebacon-subtitle1[color="error"],
.bb-ebacon-subtitle2[color="error"] {
    color: var(--error-color);
}
.bb-ebacon-h1[color="info"],
.bb-ebacon-h2[color="info"],
.bb-ebacon-h3[color="info"],
.bb-ebacon-h4[color="info"],
.bb-ebacon-h5[color="info"],
.bb-ebacon-h6[color="info"],
.bb-ebacon-body1[color="info"],
.bb-ebacon-body2[color="info"],
.bb-ebacon-subtitle1[color="info"],
.bb-ebacon-subtitle2[color="info"] {
    color: var(--info-color);
}
.bb-ebacon-h1[color="default"],
.bb-ebacon-h2[color="default"],
.bb-ebacon-h3[color="default"],
.bb-ebacon-h4[color="default"],
.bb-ebacon-h5[color="default"],
.bb-ebacon-h6[color="default"],
.bb-ebacon-body1[color="default"],
.bb-ebacon-body2[color="default"],
.bb-ebacon-subtitle1[color="default"],
.bb-ebacon-subtitle2[color="default"] {
    color: var(--default-color);
}
.bb-ebacon-h1[color="textLight"],
.bb-ebacon-h2[color="textLight"],
.bb-ebacon-h3[color="textLight"],
.bb-ebacon-h4[color="textLight"],
.bb-ebacon-h5[color="textLight"],
.bb-ebacon-h6[color="textLight"],
.bb-ebacon-body1[color="textLight"],
.bb-ebacon-body2[color="textLight"],
.bb-ebacon-subtitle1[color="textLight"],
.bb-ebacon-subtitle2[color="textLight"] {
    color: var(--textLight-color);
}
.bb-ebacon-h1[color="textDark"],
.bb-ebacon-h2[color="textDark"],
.bb-ebacon-h3[color="textDark"],
.bb-ebacon-h4[color="textDark"],
.bb-ebacon-h5[color="textDark"],
.bb-ebacon-h6[color="textDark"],
.bb-ebacon-body1[color="textDark"],
.bb-ebacon-body2[color="textDark"],
.bb-ebacon-subtitle1[color="textDark"],
.bb-ebacon-subtitle2[color="textDark"] {
    color: var(--textDark-color);
}
.bb-ebacon-h1[color="grey"],
.bb-ebacon-h2[color="grey"],
.bb-ebacon-h3[color="grey"],
.bb-ebacon-h4[color="grey"],
.bb-ebacon-h5[color="grey"],
.bb-ebacon-h6[color="grey"],
.bb-ebacon-body1[color="grey"],
.bb-ebacon-body2[color="grey"],
.bb-ebacon-subtitle1[color="grey"],
.bb-ebacon-subtitle2[color="grey"] {
    color: var(--grey-color);
}
.bb-ebacon-h1[color="greyLight"],
.bb-ebacon-h2[color="greyLight"],
.bb-ebacon-h3[color="greyLight"],
.bb-ebacon-h4[color="greyLight"],
.bb-ebacon-h5[color="greyLight"],
.bb-ebacon-h6[color="greyLight"],
.bb-ebacon-body1[color="greyLight"],
.bb-ebacon-body2[color="greyLight"],
.bb-ebacon-subtitle1[color="greyLight"],
.bb-ebacon-subtitle2[color="greyLight"] {
    color: var(--grey-light-color);
}
.bb-ebacon-h1[color="greyDark"],
.bb-ebacon-h2[color="greyDark"],
.bb-ebacon-h3[color="greyDark"],
.bb-ebacon-h4[color="greyDark"],
.bb-ebacon-h5[color="greyDark"],
.bb-ebacon-h6[color="greyDark"],
.bb-ebacon-body1[color="greyDark"],
.bb-ebacon-body2[color="greyDark"],
.bb-ebacon-subtitle1[color="greyDark"],
.bb-ebacon-subtitle2[color="greyDark"] {
    color: var(--grey-dark-color);
}
.bb-ebacon-h1[color="black"],
.bb-ebacon-h2[color="black"],
.bb-ebacon-h3[color="black"],
.bb-ebacon-h4[color="black"],
.bb-ebacon-h5[color="black"],
.bb-ebacon-h6[color="black"],
.bb-ebacon-body1[color="black"],
.bb-ebacon-body2[color="black"],
.bb-ebacon-subtitle1[color="black"],
.bb-ebacon-subtitle2[color="black"] {
    color: var(--black-color);
}
.bb-ebacon-h1[color="white"],
.bb-ebacon-h2[color="white"],
.bb-ebacon-h3[color="white"],
.bb-ebacon-h4[color="white"],
.bb-ebacon-h5[color="white"],
.bb-ebacon-h6[color="white"],
.bb-ebacon-body1[color="white"],
.bb-ebacon-body2[color="white"],
.bb-ebacon-subtitle1[color="white"],
.bb-ebacon-subtitle2[color="white"] {
    color: var(--white-color);
}
.bb-ebacon-h1[color="label"],
.bb-ebacon-h2[color="label"],
.bb-ebacon-h3[color="label"],
.bb-ebacon-h4[color="label"],
.bb-ebacon-h5[color="label"],
.bb-ebacon-h6[color="label"],
.bb-ebacon-body1[color="label"],
.bb-ebacon-body2[color="label"],
.bb-ebacon-subtitle1[color="label"],
.bb-ebacon-subtitle2[color="label"] {
    color: var(--label-color);
}
.bb-ebacon-h1[color="pdf"],
.bb-ebacon-h2[color="pdf"],
.bb-ebacon-h3[color="pdf"],
.bb-ebacon-h4[color="pdf"],
.bb-ebacon-h5[color="pdf"],
.bb-ebacon-h6[color="pdf"],
.bb-ebacon-body1[color="pdf"],
.bb-ebacon-body2[color="pdf"],
.bb-ebacon-subtitle1[color="pdf"],
.bb-ebacon-subtitle2[color="pdf"] {
    color: var(--pdf-color);
}
.bb-ebacon-h1[color="word"],
.bb-ebacon-h2[color="word"],
.bb-ebacon-h3[color="word"],
.bb-ebacon-h4[color="word"],
.bb-ebacon-h5[color="word"],
.bb-ebacon-h6[color="word"],
.bb-ebacon-body1[color="word"],
.bb-ebacon-body2[color="word"],
.bb-ebacon-subtitle1[color="word"],
.bb-ebacon-subtitle2[color="word"] {
    color: var(--word-color);
}
.bb-ebacon-h1[color="excel"],
.bb-ebacon-h2[color="excel"],
.bb-ebacon-h3[color="excel"],
.bb-ebacon-h4[color="excel"],
.bb-ebacon-h5[color="excel"],
.bb-ebacon-h6[color="excel"],
.bb-ebacon-body1[color="excel"],
.bb-ebacon-body2[color="excel"],
.bb-ebacon-subtitle1[color="excel"],
.bb-ebacon-subtitle2[color="excel"] {
    color: var(--excel-color);
}
.bb-ebacon-h1[color="powerpt"],
.bb-ebacon-h2[color="powerpt"],
.bb-ebacon-h3[color="powerpt"],
.bb-ebacon-h4[color="powerpt"],
.bb-ebacon-h5[color="powerpt"],
.bb-ebacon-h6[color="powerpt"],
.bb-ebacon-body1[color="powerpt"],
.bb-ebacon-body2[color="powerpt"],
.bb-ebacon-subtitle1[color="powerpt"],
.bb-ebacon-subtitle2[color="powerpt"] {
    color: var(--powerpt-color);
}

.bb-ebacon-button {
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    --button-color: var(--primary-color);
    --button-color-hover: var(--primary-color-hover);
    --button-color-text: var(--textLight-color);
    background: var(--primary-color);
    color: var(--textLight-color);
    border-radius: 4px;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    font-size: 1.2rem;
    padding: 0.6rem 0.8rem;
    text-align: center;
    text-transform: uppercase;
    -webkit-letter-spacing: 0.2rem;
    -moz-letter-spacing: 0.2rem;
    -ms-letter-spacing: 0.2rem;
    letter-spacing: 0.2rem;
    font-weight: bold;
    outline: none;
    white-space: nowrap;
    line-height: inherit;
    border: var(--primary-color) solid 2px;
}
.bb-ebacon-button:hover,
.bb-ebacon-button:focus {
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14),
        0px 1px 8px 0px rgba(0, 0, 0, 0.12);
    color: var(--button-color-text) !important;
    text-decoration: none !important;
}
.bb-ebacon-button[type="outline"]:hover,
.bb-ebacon-button[type="outline"]:focus,
.bb-ebacon-button[type="text"]:hover,
.bb-ebacon-button[type="text"]:focus {
    background: var(--button-color-hover) !important;
}

.bb-ebacon-button[mass="medium"] {
    font-size: 1.4rem;
    padding: 0.8rem 1.2rem;
}
.bb-ebacon-button[mass="large"] {
    font-size: 1.6rem;
    padding: 1rem 1.4rem;
}
.bb-ebacon-button[color="primaryLight"] {
    background: var(--primary-light-color) !important;
    border-color: var(--primary-light-color) !important;
    --button-color: var(--primary-light-color);
    --button-color-hover: var(--primary-light-color-hover);
}
.bb-ebacon-button[color="secondary"] {
    background: var(--secondary-color);
    border-color: var(--secondary-color) !important;
    --button-color: var(--secondary-color);
    --button-color-hover: var(--secondary-color-hover);
}
.bb-ebacon-button[color="success"] {
    background: var(--success-color) !important;
    border-color: var(--success-color) !important;
    --button-color: var(--success-color);
    --button-color-hover: var(--success-color-hover);
}
.bb-ebacon-button[color="medium"] {
    background: var(--medium-color) !important;
    border-color: var(--medium-color) !important;
    --button-color: var(--medium-color);
    --button-color-hover: var(--medium-color-hover);
}
.bb-ebacon-button[color="warning"] {
    background: var(--warning-color) !important;
    border-color: var(--warning-color) !important;
    --button-color: var(--warning-color);
    --button-color-hover: var(--warning-color-hover);
}
.bb-ebacon-button[color="error"] {
    background: var(--error-color) !important;
    border-color: var(--error-color) !important;
    --button-color: var(--error-color);
    --button-color-hover: var(--error-color-hover);
}
.bb-ebacon-button[color="info"] {
    background: var(--info-color) !important;
    border-color: var(--info-color) !important;
    --button-color: var(--info-color);
    --button-color-hover: var(--info-color-hover);
}
.bb-ebacon-button[color="default"] {
    background: var(--default-color) !important;
    border-color: var(--default-color) !important;
    --button-color: var(--default-color);
    --button-color-hover: var(--default-color-hover);
}
.bb-ebacon-button[color="textLight"] {
    background: var(--textLight-color) !important;
    border-color: var(--textLight-color) !important;
    --button-color: var(--textLight-color);
    --button-color-hover: var(--textLight-color-hover);
}
.bb-ebacon-button[color="textDark"] {
    background: var(--textDark-color) !important;
    border-color: var(--textDark-color) !important;
    --button-color: var(--textDark-color);
    --button-color-hover: var(--textDark-color-hover);
}
.bb-ebacon-button[color="grey"] {
    background: var(--grey-color) !important;
    border-color: var(--grey-color) !important;
    --button-color: var(--grey-color);
    --button-color-hover: var(--grey-color-hover);
}
.bb-ebacon-button[color="greyLight"] {
    background: var(--grey-light-color) !important;
    border-color: var(--grey-light-color) !important;
    --button-color: var(--grey-light-color);
    --button-color-hover: var(--grey-light-color-hover);
}
.bb-ebacon-button[color="greyDark"] {
    background: var(--grey-dark-color) !important;
    border-color: var(--grey-dark-color) !important;
    --button-color: var(--grey-dark-color);
    --button-color-hover: var(--grey-dark-color-hover);
}
.bb-ebacon-button[color="black"] {
    background: var(--black-color) !important;
    border-color: var(--black-color) !important;
    --button-color: var(--black-color);
    --button-color-hover: var(--black-color-hover);
}
.bb-ebacon-button[color="white"] {
    background: var(--white-color) !important;
    border-color: var(--white-color) !important;
    --button-color: var(--white-color);
    --button-color-hover: var(--white-color-hover);
}
.bb-ebacon-button[color="label"] {
    background: var(--label-color) !important;
    border-color: var(--label-color) !important;
    --button-color: var(--label-color);
    --button-color-hover: var(--label-color-hover);
}
.bb-ebacon-button[color="pdf"] {
    background: var(--pdf-color) !important;
    border-color: var(--pdf-color) !important;
    --button-color: var(--pdf-color);
    --button-color-hover: var(--pdf-color-hover);
}
.bb-ebacon-button[color="word"] {
    background: var(--word-color) !important;
    border-color: var(--word-color) !important;
    --button-color: var(--word-color);
    --button-color-hover: var(--word-color-hover);
}
.bb-ebacon-button[color="excel"] {
    background: var(--excel-color) !important;
    border-color: var(--excel-color) !important;
    --button-color: var(--excel-color);
    --button-color-hover: var(--excel-color-hover);
}
.bb-ebacon-button[color="powerpt"] {
    background: var(--powerpt-color) !important;
    border-color: var(--powerpt-color) !important;
    --button-color: var(--powerpt-color);
    --button-color-hover: var(--powerpt-color-hover);
}
.bb-ebacon-button[type="outline"] {
    background: #ffffff00 !important;
    color: var(--button-color) !important;
    --button-color-text: var(--button-color);
}
.bb-ebacon-button[type="text"] {
    background: #ffffff00 !important;
    color: var(--button-color) !important;
    --button-color-text: var(--button-color);
    border: #0066a600 solid 2px !important;
}
.bb-ebacon-button[type]:not([type="primary"])[color="secondary"] {
    color: var(--secondary-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="success"] {
    color: var(--success-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="medium"] {
    color: var(--medium-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="warning"] {
    color: var(--warning-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="error"] {
    color: var(--error-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="info"] {
    color: var(--info-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="default"] {
    color: var(--default-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="textLight"] {
    color: var(--textLight-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="textDark"] {
    color: var(--textDark-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="grey"] {
    color: var(--grey-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="greyLight"] {
    color: var(--grey-light-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="greyDark"] {
    color: var(--grey-dark-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="black"] {
    color: var(--black-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="white"] {
    color: var(--white-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="label"] {
    color: var(--label-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="pdf"] {
    color: var(--pdf-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="word"] {
    color: var(--word-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="excel"] {
    color: var(--excel-color);
}
.bb-ebacon-button[type]:not([type="primary"])[color="powerpt"] {
    color: var(--powerpt-color);
}

.bb-ebacon-button[disabled],
.bb-ebacon-button:disabled,
.ch-okay[disabled],
.ch-okay:disabled {
    cursor: not-allowed !important;
    opacity: 0.6;
    pointer-events: none;
}

/* end of backbone ebacon component css */

html,
body {
    height: 100%;
}

body {
    overflow: hidden;
}

.sessionModal {
    position: absolute;
    top: 1em;
    height: 50%;
    background: #fff;
    z-index: 9999999999;
    width: 96%;
    max-width: 400px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.sessionMask {
    position: absolute;
    top: -1em;
    display: none;
    left: -2%;
    width: 104%;
    height: 200%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999999999;
}

.sessionModal__header {
    background: #dedede;
    height: 4em;
    padding: 0 1em;
}

.sessionModal--warning .sessionModal__header {
    background: #f7b114;
}

.sessionModal--deadSession .sessionModal__header {
    background: #f15454;
    color: #fff;
}

.sessionModal__headerText {
    padding: 0;
    margin: 0;
    font-size: 1.5em;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-weight: normal;
}

.sessionModal__content {
    padding: 1em;
}

.sessionModal__contentText {
    font-size: 1.25em;
    margin-top: 1em;
}

.sessionModal__actionText {
    text-decoration: underline;
    color: #39a1f4;
    cursor: pointer;
    margin-top: 1em;
}

.devSqlType {
    position: fixed;
    z-index: 99999999999;
    top: 0.5em;
    right: 0.5em;
    font-size: 0.8em;
}

.container-forScrolling {
    overflow-y: scroll;
    height: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.sbsaIconContainer {
    display: none;
}

.viperMain {
    position: relative;
    height: 1%;
    min-height: 100%;
}

.viperMain__header {
    background: #0066a6;
    position: relative;
    height: 4.5em;
}

.viperMain__headerFlex {
    display: flex;
    background: #0066a6;
    height: 4.5em;
    justify-content: space-between;
}

.viperMain__headerFlexControls {
    display: flex;
    justify-content: flex-end;
    flex-basis: 100%;
    align-items: center;
}

[url*="danger"] .viperMain__header,
[url*="danger"] .viperMain__menu {
    background: #ff5252;
}
[url*="danger"] .viperMain__tagLogo img {
    display: none;
}
[url*="danger"] .viperMain__tagLogo {
    position: relative;
}
[url*="danger"] .viperMain__tagLogo::before {
    content: "DANGER";
    font-size: 3rem;
    transform: translateY(-0.5rem);
    position: relative;
    display: inline-block;
}

[url*="danger"] .viperMain__tagLogo::after {
    content: "This is connected to the Production DB";
    font-size: 1rem;
    position: absolute;
    display: block;
    top: 1.25rem;
    width: 20rem;
}

[url*="stage"] .viperMain__headerFlex,
[url*="stage"] .viperMain__menu {
    background: #6d7416;
}
[url*="stage"] .viperMain__tagLogo img {
    display: none;
}
[url*="stage"] .viperMain__tagLogo {
    position: relative;
}
[url*="stage"] .viperMain__tagLogo::before {
    content: "STAGE";
    font-size: 3rem;
    transform: translateY(-0.5rem);
    position: relative;
    display: inline-block;
}

[url*="stage"] .viperMain__tagLogo::after {
    content: "This is connected to the Stage DB";
    font-size: 1rem;
    position: absolute;
    display: block;
    top: 1.25rem;
    width: 20rem;
}

.viperMain__content {
    position: relative;
    background: var(--background-color);
    top: 0px;
    z-index: 9;
    min-height: -webkit-calc(100% - 63px);
    min-height: -moz-calc(100% - 63px);
    min-height: calc(100% - 63px);
    height: 1%;
    transition: 0.5s all linear;
}

body[othercompanycount] .viperMain__content {
    top: 50px;
    min-height: -webkit-calc(100% - 63px - 50px);
    min-height: -moz-calc(100% - 63px - 50px);
    height: 1%;
}

.viperMain__tagLogo {
    color: #fff;
    line-height: 4.5em;
    max-height: 4.5em;
    float: left;
    margin-left: 3.5em;
    max-width: 100%;
    max-height: 4.5em;
}

.viperMain__tagLogo img {
    height: 3.5em;
}

#browserWarning {
    display: none;
    float: left;
    border-radius: 0.5rem;
    padding: 0.5rem;
    background: #fb5050;
    margin-top: 1.5rem;
    margin-left: 1rem;
}
#browserWarning::after {
    content: "";
    display: table;
    clear: both;
}
.greeting {
    display: none;
}

.viperLanguage {
    width: 100%;
    transition: all 0.25s ease-in-out;
    height: 5%;
    padding: 0 0 0 1.25rem;
    margin-top: auto;
}
.viperLanguage span {
    color: white;

    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: center;
    transform: translateY(-50%);
    z-index: 1;
}

.viperLanguage_toggle {
    width: 8rem;
    background-color: #fff;
    height: 2.5rem;
    border-radius: 20px;
    position: relative;
}
.viperLanguage_toggle:after {
    content: "";
    position: absolute;
    height: 3rem;
    width: 100%;
    border-radius: 10px;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    background-color: #0287b9;
    transition: all 0.4s linear;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.viperLanguage_checkbox {
    display: none;
}

.browserWarning {
    color: white;
    display: block;
}
.browserWarning:hover,
.browserWarning:visited,
.browserWarning:active,
.browserWarning:link {
    color: white;
    text-decoration: none;
}
.browserWarning_title {
    font-size: 1.25rem;
    line-height: auto;
    margin: 0;
    padding: 0;
}
.browserWarning_subTitle {
    font-size: 1rem;
    line-height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
}
.browserWarning_title::before {
    content: "\f071";
    font-family: fontAwesome;
    font-size: 1rem;
    margin-right: 0.5rem;
}
.browserWarning_title::after {
    content: "Browser";
    font-size: 1rem;
}
@media only screen and (min-width: 600px) {
    .greeting {
        display: inline;
    }

    .browserWarning {
        left: 21rem;
        top: 0.6rem;
    }
    .browserWarning_title::after {
        content: "Unsupported Browser";
        font-size: 1rem;
    }
}
.viperMain__shellContainer:before {
    content: "Company:";
    position: relative;
    color: #ccc;
    font-size: 0.9em;
    line-height: 1.75em;
}

.viperMain__shellContainer {
    position: absolute;
    top: 63px;
    background: #566473;
    height: 100%;
    width: 100%;
    padding: 0 0.75em;
    left: 0;
}

.viperMain__activeUser {
    padding: 0 1.6rem;
    padding-right: 2.6rem;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}
.viperMain__activeUser .viperMain__activeUserMenuButton .firstName {
    margin-right: 0.25rem;
    vertical-align: middle;
}
.viperMain__activeUser .viperMain__activeUserMenuButton .greeting {
    margin-left: 0.5rem;
    vertical-align: middle;
}

.viperMain__shellSelect {
    background: #fff;
    color: #333;
    width: 97%;

    padding: 0.25rem 0;
    border-radius: 4px;
    cursor: pointer;
}

.viperMain__shellSelectAuto {
    position: relative;
    width: fit-content;
    top: -2.3%;
    right: -98%;
    cursor: pointer;
}

.viperMain__activeUserMenuCheckbox {
    display: none;
}

.activeUser__image {
    width: 2em;
    height: 2em;
    border-radius: 50%;
}

.viperMain__activeUserMenuButton {
    position: relative;
    white-space: nowrap;
    line-height: 2em;
    display: block;
    color: #fff;
    text-overflow: ellipsis;
    cursor: pointer;
}

.viperMain__activeUserMenuButton img {
    display: none;
}

.viperMain__activeUserMenuButton:after {
    content: "\f0d7";
    font-family: fontAwesome;
    position: absolute;
    right: -1em;
    top: 0.15rem;
    transition: transform 0.1s;
}

.viperLanguage_MenuButton:after {
    content: "\f0da";
    cursor: pointer;
    font-family: fontAwesome;
    position: fixed;
    color: #fff;
    margin-left: 0.75rem;

    transform-origin: center;
    transition: transform 0.1s;
}

.viperMain__activeUserMenuList {
    background: #0066a6;
    color: #fff;
    position: absolute;
    top: 3.5em;
    list-style-type: none;
    opacity: 0;
    pointer-events: none;
    width: 150px;
    text-align: right;
    right: 0;
    z-index: 999999999;
    border-bottom-left-radius: 10px;
    transition: all 0.1s;
}
.languageFlag:hover {
    cursor: pointer;
}
.languageFlag {
    width: 32px;
}
.viperLanguage_MenuList {
    background: #0066a6;
    color: #fff;
    border-top-right-radius: 10px;
    position: fixed;
    bottom: 0;
    margin-bottom: 0;
    list-style-type: none;
    text-align: right;
    z-index: 999999999;
    transition: all 0.1s;
    left: 6rem;
    opacity: 0;
}

.viperLanguage_MenuListItem {
    padding: 0.75em;
    pointer-events: none;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE/Edge */
    user-select: none;
}

.viperMain__activeUserMenuListItem {
    font-family: "Roboto Slab", serif;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;

    position: relative;

    height: 2.5em;
    cursor: pointer;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE/Edge */
    user-select: none;
    /* non-prefixed version, currently
                                  not supported by any browser */
}
.viperMain__activeUserMenuListItem span {
    transition: right 0.1s;
    position: absolute;
    right: 0.75em;
    top: 0;
}

.viperMain__activeUserMenuListItem:hover span {
    right: 1em;
}

.viperMain__activeUserMenuListItem.loading span::before {
    content: "\f110";
    display: block;
    font-family: fontAwesome;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-2rem);
    animation: spin 0.5s forwards infinite;
}

.viperMain__activeUserMenuCheckbox:checked ~ .viperMain__activeUserMenuButton:after {
    /* content: "\f00d"; */
    transform: rotate(180deg);
}

.viperMain__activeUserMenuCheckbox:checked ~ .viperMain__activeUserMenuList {
    top: 4em;
    opacity: 1;
    pointer-events: auto;
}

.viperLanguage_checkbox:checked ~ .viperLanguage_MenuList {
    opacity: 1;
    left: 6.5rem;
}

.viperLanguage_checkbox:checked ~ .viperLanguage_MenuList > .viperLanguage_MenuListItem {
    cursor: pointer;
    pointer-events: auto;
}

.viperLanguage_checkbox:checked ~ .viperLanguage_MenuButton:after {
    transform: rotate(180deg);
}

.viperMain__menuButton:before {
    content: "\f0c9";
    font-family: fontAwesome;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    transition: color 0.1s;
}

.viperMain__menuButton:hover:before {
    color: #fff;
}

.viperMain__menuButton {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.75em;
    height: 63px;
    text-align: center;
    color: #58a9ff;
    font-size: 1.65em;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE/Edge */
    user-select: none;
    /* non-prefixed version, currently
                                  not supported by any browser */
}

.viperMain__menuCheckbox {
    display: none;
}

.viperMain__menu {
    background: #0066a6;
    z-index: 99999999;
    width: 100%;
    left: -100%;
    top: 0;
    height: 100%;
    position: absolute;
    transition: all 0.25s ease-in-out;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: 0;
}
.viperMain__menu.active {
    transition: all 0.25s 0.45s ease-in-out;
}

.viperLanguage.active {
    transition: all 0.25s 0.45s ease-in-out;
}

.viperMain__menuHeader {
    color: #fff;
    font-weight: normal;
    font-size: 1.25em;
    text-indent: 1em;
    line-height: 3.6em;
}

.viperMain__menuList {
    list-style-type: none;
    color: #58a9ff;
    font-size: 1.25em;
    line-height: 2.25em;
}

.viperMain__menuListItem {
    margin-left: 1em;
    position: relative;
    cursor: pointer;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE/Edge */
    user-select: none;
    /* non-prefixed version, currently
                                  not supported by any browser */
}
.viperMain__menuListItem:hover {
    font-size: 2rem;
    color: #abcff5;
}
.viperMain__menuListItem:active {
    font-size: 2rem;
    color: #fff;
}

.viperMain__menuListItemText {
    color: #fff;
}

.viperMain__menuListItem--dashboard:before {
    content: "\f0e4";
    font-family: fontAwesome;
    margin-right: 0.5em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}

.viperMain__menuListItem--equipmentmanager:before {
    content: "\f140";
    font-family: fontAwesome;
    margin-right: 0.5em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}

.viperMain__menuListItem--employees:before {
    content: "\f0c0";
    font-family: fontAwesome;
    margin-right: 0.5em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}

.viperMain__menuListItem--system:before {
    content: "\f1b3";
    font-family: fontAwesome;
    margin-right: 0.5em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}

.viperMain__menuListItem--jobsite:before {
    content: "\f015";
    font-family: fontAwesome;
    margin-right: 0.5em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}

.viperMain__menuListItem--time:before {
    content: "\f017";
    font-family: fontAwesome;
    margin-right: 0.5em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}

.viperMain__menuListItem--sidewinder:before {
    content: "\f017";
    font-family: fontAwesome;
    margin-right: 0.5em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}

.viperMain__menuListItem--knowledge:before {
    content: "\f0eb";
    font-family: fontAwesome;
    margin-right: 0.5em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}

.active .viperMain__menuListItem--sidewinder:after {
    display: none;
}

.viperMain__menuListItem--cases:before {
    content: "\f0b1";
    font-family: fontAwesome;
    margin-right: 0.5em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}

.viperMain__menuListItem--payroll:before {
    content: "\f155";
    font-family: fontAwesome;
    margin-right: 0.5em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}

.viperMain__menuListItem--urs:before {
    content: "\f200";
    font-family: fontAwesome;
    margin-right: 0.5em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}

.viperMain__menuListItem--crm:before {
    content: "\f095";
    font-family: fontAwesome;
    margin-right: 0.5em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}

.viperMain__menuListItem--scheduler:before {
    content: "\f073";
    font-family: fontAwesome;
    margin-right: 0.5em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}

.viperMain__menuListItem--company:before {
    content: "\f1ad";
    font-family: fontAwesome;
    margin-right: 0.5em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}

.viperMain__menuListItem--quoting:before {
    content: "\f0d6";
    font-family: fontAwesome;
    margin-right: 0.5em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}

.viperMain__menuListItem--quoting:before {
    content: "\f0d6";
    font-family: fontAwesome;
    margin-right: 0.5em;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}

.viperMain__menuCheckbox:checked + .container-forScrolling {
    overflow-y: hidden;
}

.viperMain__menuCheckbox:checked + .container-forScrolling .viperMain__menu {
    left: 0;
}

.viperMain__menuCheckbox:checked + .container-forScrolling .viperMain__menuButton:before {
    content: "\f00d";
}

.viperMain__menuCheckbox:checked + .container-forScrolling .viperMain__menuButton {
    z-index: 999999999;
    left: -webkit-calc(100% - 1.75em);
    left: -moz-calc(100% - 1.75em);
    left: calc(100% - 1.75em);
}

/* Viper Pill */

.viperPill {
    display: none;
}

.viperPill__label {
    position: relative;
    width: 4.5em;
    background: #fff;
    border: 1px solid #ccc;
    height: 1.4em;
    font-size: 1.25em;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE/Edge */
    user-select: none;
    /* non-prefixed version, currently
                                  not supported by any browser */
}

.viperPill__label:before {
    transition: 0.25s;
    color: #fff;
    line-height: 1.4em;
    position: absolute;
    display: block;
    top: 0;
    width: 55%;
    text-align: left;
    text-indent: 0.35em;
    background: green;
    left: -100%;
}

.viperPill__label.en:before{
    content: "On";
}
.viperPill__label.es:before{
    content: "Sí";
}

.viperPill__label.en:after{
    content: "Off";
}

.viperPill__label.es:after{
    content: "No";
}

.viperPill__label:after {
    transition: 0.25s;
    text-align: right;
    text-indent: 0.35em;
    color: #fff;
    line-height: 1.4em;
    position: absolute;
    display: block;
    top: 0;
    width: 55%;
    text-align: center;
    background: red;
    right: 0%;
}

.viperPill:checked + div .viperPill__label:before {
    left: 0;
}

.viperPill:checked + div .viperPill__label:after {
    right: -100%;
}

/* End viper pill */

/* Second Application */

.viperMain__secondApplication {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 100%;
    /* background: #FFF; */
    -webkit-transition: left 0.5s ease-in-out;
    -moz-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
}

.viperMain__secondApplication:after {
    content: "";
    display: table;
    clear: both;
}

.viperMain__secondApplication.active {
    left: 0;
}

/*
  should hide any wierd scrolling...
  also ads blur
*/

.viperMain__secondApplication + .viperMain__content {
    height: 100%;
    overflow: hidden;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    margin: 6px;
}

.viperMain__secondApplicationMask {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 999;
    opacity: 0.5;
}

.viperMain__secondsApplicationContainer {
    position: relative;
    z-index: 9999;
    height: inherit;
}

.viperMain__secondApplicationHeader {
    background: #b34a02;
    padding: 0 0.5em;
    height: 3.5em;
    position: relative;
}

.viperMain__secondApplicationHeader .mdButton {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.viperMain__secondApplicationHeader .vm__secondAppHeaderText {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 1em;
    color: white;
}

.viperMain__secondApplicationContent {
    height: calc(100% - 3.5em);
    background: #dedede;
    overflow-y: auto;
}

/* End Second Application */

/* Two Panel CSS */

.vmTwoPanel__form {
}

.vmTwoPanel__slideInput {
    display: none;
}

.vmTwoPanel__leftSide {
    width: 100%;
    position: relative;
}

.vmTwoPanel__leftList {
    padding: 0;
    margin: 0;
    height: 100%;
    list-style-type: none;
}

.vmTwoPanel__leftListItem {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.vmTwoPanel__leftListItem.active {
    background: skyblue;
}

.vmTwoPanel__listLabel {
    display: block;
    padding-left: 0 0.5em;
    margin: 0;
    cursor: pointer;
    height: 60px;
    padding-left: 52px;
    padding-right: 1em;
    position: relative;
}

.vmTwoPanel__labelTitle {
    padding: 1px 0px;
    margin: 0;
    font-size: 1.3em;
    float: left;
    white-space: nowrap;
    word-wrap: inherit;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.vmTwoPanel__labelDescription {
    padding: 0;
    margin: 0;
    font-weight: normal;
    line-height: 1.5em;
    margin-top: 0.25em;
    float: left;
    white-space: nowrap;
    word-wrap: inherit;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.vmTwoPanel__listLabelContent {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}

.vmTwoPanel__rightSide {
    width: 100%;
    height: 100%;
    background: #efefef;
    left: 100%;
    top: 0;
    overflow-y: auto;
    position: fixed;
    z-index: 9999;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.plusBtn.twoPanel {
    bottom: 1em;
    width: 60px;
    height: 60px;
    padding: 0;
    right: 1.25em;
    cursor: pointer;
    position: fixed;
}

.vmTwoPanel__rightSideContent {
    height: 1%;
    min-height: calc(100% - 46px);
    position: relative;
    overflow: auto;
}

.vmTwoPanel__defaultRightSide {
    display: none;
}

.vmTwoPanel__slideInput:checked ~ .vmTwoPanel__rightSide {
    left: 0;
    overflow-x: hidden;
}

.vmTwoPanel__leftSideHeader {
    background: #1c73e2;
    padding: 0 1em;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 46px;
}

.vmTwoPanel__leftSideSubHeader {
    height: 3em;
    background-color: #3daffd;
    padding: 0 1em;
    width: 100%;
    position: absolute;
    transition: all 0.5s ease-in-out;
    top: 46px;
    z-index: 9;
    box-shadow: 0px 1px 3px 0px #898989;
}

.vmTwoPanel__searchToggle:checked ~ .vmTwoPanel__leftSide .vmTwoPanel__leftSideSubHeader {
    position: absolute;
    height: 20em;
    z-index: 9;
    box-shadow: 0px 5px 10px 1px #898989;
}

.vmTwoPanel__leftSideContent {
    position: relative;
    top: calc(46px + 3em);
    background: #fff;
}

.vmTwoPanel__searchToggle:checked ~ .vmTwoPanel__leftSide .vmTwoPanel__leftSideContent {
}

.vmTwoPanel__searchToggle {
    display: none;
}

.vmTwoPanel__searchToggleLabel {
    width: 5em;
    height: 2em;
    position: absolute;
    color: #f4f4f4;
    margin-bottom: 0;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}

.vmTwoPanel__searchToggle:checked ~ .vmTwoPanel__leftSide .vmTwoPanel__searchToggleLabel {
    display: none;
}

.vmTwoPanel__searchToggleLabel::before {
    content: "\f002";
    font-family: fontAwesome;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1em;
    font-size: 1.25em;
}

.vmTwoPanel__searchToggleLabel::after {
    content: "Search";
    position: absolute;
    left: 2em;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.9em;
}

.vmTwoPanel__search {
    display: none;
    height: 1%;
    min-height: 100%;
}

.vmTwoPanel__searchToggle:checked ~ .vmTwoPanel__leftSide .vmTwoPanel__search {
    display: block;
}

.vmTwoPanel__searchInput {
    width: calc(100% - 4em);
    float: left;
    height: 2em;
    font-size: 1.25em;
    color: #efefef;
    text-indent: 0.5em;
    border-bottom: 1px solid #f1f1f1;
}

.vmTwoPanel__searchInput:focus {
    border-bottom: 1px solid #f1f1f1 !important;
}

.vmTwoPanel__searchCancel {
    width: 4em;
    height: 3em;
    float: right;
    background: none;
    border: none;
    font-weight: normal;
    color: #fff;
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
}

.vmTwoPanel__searchCancel::before {
    content: "\f00d";
    font-family: fontAwesome;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.vmTwoPanel__searchResults {
    height: calc(100% - 3em);
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    clear: both;
}

.vmTwoPanel__searchResults::before {
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}

.vmTwoPanel__searchResults:empty::before {
    content: "Search by report name and/or description.";
    position: absolute;
    top: 2em;
    left: 50%;
    transform: translateX(-50%);
    width: 75%;
    text-align: center;
    font-size: 1.25em;
    color: #fff;
    opacity: 1;
}

.vmTwoPanel__searchResultsItem {
    list-style-type: none;
    height: 20%;
    color: #fff;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
}

.vmTwoPanel__searchResultsItem:hover {
    color: #353535;
}

.searchTitle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    margin-bottom: 0;
    font-weight: normal;
    height: 100%;
    width: 100%;
}

.searchTitle::before {
    content: "\f080";
    font-family: fontAwesome;
    width: 2em;
    text-align: center;
    display: inline-block;
}

.vmTwoPanel__theBackButton:before {
    content: "\f0d9";
    font-family: fontAwesome;
    position: absolute;
    left: -0.25em;
}

.vmTwoPanel__theBackButton {
    width: 76px;
    border: none;
    background: #1565c0;
    color: #fff;
    line-height: 32px;
    text-indent: 1em;
    border-radius: 4px;
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.1);
    font-size: 1.2em;
    top: 50%;
    position: relative;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0.9em;
    font-weight: 700;
}

.vmTwoPanel__rightSideBackButton:after {
    position: absolute;
    font-size: 1.25em;
    left: 0.5em;
    line-height: 46px;
    width: 100px;
    background: red;
    text-indent: 2em;
    z-index: 999;
}

.vmTwoPanel__rightSideBackButton {
    width: 100%;
    height: 40px;
    background-color: #3daffd;
    position: relative;
}

div#URSfullScreen {
    display: none;
}
#backbone-react-modal-loader-container .mask {
    background: rgba(95, 95, 95, 0.53);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99999999;
}
.rcModalLoader {
    position: absolute;
    top: 50%;
    right: 50%;
    border: 10px solid transparent;
    border-radius: 50%;
    border-top: 10px solid #fff;
    width: 80px;
    height: 80px;
    z-index: 99999999;
    -webkit-animation: loaderspin 1s linear infinite; /* Safari */
    animation: loaderspin 1s linear infinite;
}
@keyframes loaderspin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@media only screen and (min-width: 1024px) {
    #browserWarning {
        margin-top: 1rem;
    }
    .browserWarning_title::before {
        font-size: 1.5rem;
    }
    .browserWarning_title::after {
        font-size: 1.5rem;
    }
    .browserWarning_subTitle {
        font-size: 1.5rem;
    }
    .vmTwoPanel {
        height: 100%;
        padding-top: 0;
    }
    .vmTwoPanel__form {
        height: 100%;
    }
    .plusBtn.twoPanel {
        right: auto;
        left: 27%;
    }
    .vmTwoPanel__leftSide {
        width: 30%;
        height: 100%;
        float: left;
        position: relative;
        box-shadow: 0px 0px 3px 2px #8a8484;
        z-index: 999;
    }
    .vmTwoPanel__leftSideHeader {
        position: relative;
        padding: 0 0.5em;
    }
    .vmTwoPanel__rightSide {
        float: right;
        width: 70%;
        left: 0;
        position: relative;
    }
    div#URSfullScreen {
        display: inline-block;
        position: absolute;
        top: 0rem;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9999999;
        color: steelblue;
        cursor: pointer;
        width: 14rem;
        font-style: italic;
    }
    .vmTwoPanel__rightSide.fullScreen {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999999;
    }
    .vmTwoPanel__defaultRightSide {
        display: block;
        text-align: center;

        position: relative;
        top: 50%;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .vmTwoPanel__slideInput:checked ~ .vmTwoPanel__rightSide .vmTwoPanel__defaultRightSide {
        display: none;
    }

    .vmTwoPanel__rightSideBackButton {
        display: none;
    }
    .vmTwoPanel__leftSideContent {
        height: -webkit-calc(100% - 88px);
        height: -moz-calc(100% - 88px);
        height: calc(100% - 88px);
        top: 42px;
        overflow-y: auto;
    }
    .vmTwoPanel__rightSideContent {
        height: 100%;
    }
    .vmTwoPanel__searchToggle:checked ~ .vmTwoPanel__leftSide .vmTwoPanel__leftSideSubHeader {
        height: 30em;
        max-height: calc(100% - 46px);
    }
}

/* End of Two Pael CSS */

/* newer baseTableView css goes here... */

.baseTableView-th {
    cursor: pointer;
}

.baseTableView-th:after {
    position: relative;
    left: 0.25em;
}

.baseTableView-sortAsc::after {
    content: "\f0d8";
    font-family: fontAwesome;
}

.baseTableView-sortDesc:after {
    content: "\f0d7";
    font-family: fontAwesome;
}

/* --- End of nwer baseTableView css */

/* 500px and greater */

@media only screen and (min-width: 500px) {
    .viperMain__tagLogo {
        display: block;
    }
}

/* 600px and greater */

@media only screen and (min-width: 600px) {
    .viperMain__shellContainer:before {
        display: none;
    }
    body[othercompanycount] .viperMain__content {
        top: 0px;
        min-height: -webkit-calc(100% - 63px);
        min-height: -moz-calc(100% - 63px);
        min-height: calc(100% - 63px);
    }
    .viperMain__shellContainer {
        position: static;
        width: 20.8rem;
        background: none;
    }
    .viperMain__shellSelect {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .viperMain__shellSelectAuto {
        top: 3%;
        right: -99%;
    }

    .viperMain__content {
        position: relative;
        top: 0;
    }

    .viperMain__headerFlexControls {
        justify-content: space-between;
    }
}

/* New Menu CSS */
.viperMain_newMenuListItem {
    margin-bottom: 0.5rem;
    margin-top: 0.75rem;
    position: relative;
    height: 4rem;
    cursor: pointer;
    transition: all 0.075s ease-in-out;
}
.viperMain_newMenuListItem:hover {
    color: #fff;
}
.viperMain_newMenuListItem [class*="viperMain_newMenuListItemIcon--"] {
    width: 4rem;
    display: inline-block;
    margin-left: 1.5rem;
    text-align: center;
    font-size: 2.5rem;
}
.viperMain_newMenuListItemIcon--dashboard::before {
    content: "\f0e4";
    font-family: fontAwesome;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}
.viperMain_newMenuListItemIcon--equipmentmanager::before {
    content: "\f140";
    font-family: fontAwesome;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}
.viperMain_newMenuListItemIcon--employees::before {
    content: "\f0c0";
    font-family: fontAwesome;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}
.viperMain_newMenuListItemIcon--system::before {
    content: "\f1b3";
    font-family: fontAwesome;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}
.viperMain_newMenuListItemIcon--jobsite::before {
    content: "\f015";
    font-family: fontAwesome;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}
.viperMain_newMenuListItemIcon--time::before {
    content: "\f017";
    font-family: fontAwesome;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}
.viperMain_newMenuListItemIcon--sidewinder::before {
    content: "\f017";
    font-family: fontAwesome;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}
.viperMain_newMenuListItemIcon--knowledge::before {
    content: "\f0eb";
    font-family: fontAwesome;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}
.viperMain_newMenuListItemIcon--cases::before {
    content: "\f0b1";
    font-family: fontAwesome;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}
.viperMain_newMenuListItemIcon--payroll::before {
    content: "\f155";
    font-family: fontAwesome;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}
.viperMain_newMenuListItemIcon--urs::before {
    content: "\f200";
    font-family: fontAwesome;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}
.viperMain_newMenuListItemIcon--new::after {
    content: "New";
    font-size: 1rem;
    position: absolute;
    top: 0;
    transform: translate(-69%, -9%);
    color: #fff;
    background-color: red;
    line-height: 1.25rem;
    padding: 0.25rem;
    border-radius: 4px;
    opacity: 0.8;
}
.viperMain_newMenuListItemIcon--crm::before {
    content: "\f095";
    font-family: fontAwesome;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}
.viperMain_newMenuListItemIcon--scheduler::before {
    content: "\f073";
    font-family: fontAwesome;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}
.viperMain_newMenuListItemIcon--company::before {
    content: "\f1ad";
    font-family: fontAwesome;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}
.viperMain_newMenuListItemIcon--quoting::before {
    content: "\f0d6";
    font-family: fontAwesome;
    width: 1.5em;
    text-align: center;
    display: inline-block;
}
.viperMain_newMenuListItem .viperMain_newMenuListItemIcon--gc {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    /* display: inline-block;
    padding-top: 0.25rem rem; */
}
.viperMain_newMenuListItem .viperMain_newMenuListItemIcon--gc + .viperMain__newMenuListItemText {
    top: 0.25rem;
}
.viperMain_newMenuListItemIcon--gc svg {
    width: 1.1em;
    text-align: center;
    display: inline-block;
    fill: #58a9ff;
    transition: fill 0.25s ease-in-out;
}
.viperMain_newMenuListItem:hover .viperMain_newMenuListItemIcon--gc svg {
    fill: #fff;
}
.viperMain__newMenuListItemText {
    opacity: 0;
    position: absolute;
    left: 7rem;
    color: #fff;
    pointer-events: none;
    transition: opacity 0.1s, transform 0.1s;
}
.viperMain_newMenuListItem:hover .viperMain__newMenuListItemText {
    transform: translateX(0.4rem);
}
/* .viperMain_newMenuListItem:hover {
   background-color: #1a75af;
} */

.viperMain__menu.active .viperMain__newMenuListItemText,
.viperMain__menuCheckbox:checked + .container-forScrolling .viperMain__newMenuListItemText {
    opacity: 1;
}

/* End of New Menu CSS */

/* 768px and greater */

@media only screen and (min-width: 768px) {
    .viperLanguage span {
        margin: 0 1.2rem;
        display: contents !important;
        position: static;
        text-align: left;
    }

    .viperLanguage_toggle {
        width: 5rem;
        height: 1.8rem;
        margin: 0 0.8rem;
        cursor: pointer;
    }

    .viperLanguage_toggle:after {
        width: 3rem;
        border-radius: 50%;
        top: 50%;
        transform: translate(0, -50%);
        background-color: #265ced;
    }

    .viperMain__headerFlexControls {
        justify-content: flex-end;
    }
    .viperLanguage {
        width: 75%;
    }
    .viperMain__menu {
        width: 75%;
    }
    .viperMain__menuCheckbox:checked + .container-forScrolling .viperMain__menuButton {
        left: 65%;
    }
}

/* 900px and greater */

@media only screen and (min-width: 900px) {
    .viperMain__menu {
        width: 50%;
    }
    .viperLanguage {
        width: 50%;
    }
    .viperMain__menuCheckbox:checked + .container-forScrolling .viperMain__menuButton {
        left: 43%;
    }

    .viperMain__secondApplicationHeader .vm__secondAppHeaderText {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 2em;
        color: white;
    }
}

/* 1024px and greater */

@media only screen and (min-width: 1024px) {
    body[othercompanycount] .viperMain__content {
        top: 63px;
    }
    .viperMain {
        height: 100%;
    }
    .container-forScrolling {
        overflow-y: hidden;
    }

    .viperMain__activeUserMenuButton img,
    .viperMain__activeUserMenuButton span:first-of-type {
        display: inline;
    }

    .sbsaIconContainer .caseChecklistContainer {
        color: #58a9ff;
        font-size: 1.3em;
        width: 2em;
        display: inline-block;
        cursor: pointer;
        margin: 0;
        position: relative;
        transition: color 0.15s;
    }

    .caseChecklistContainer .viperMain__caseChecklist {
        display: none;
        position: absolute;
        top: 4rem;
        z-index: 10;
        background: #0066a6;
        color: white;
        cursor: pointer;
        font-size: 1.4rem;
        width: 10rem;
        border-radius: 0 0 0 1rem;
    }

    .viperMain__caseChecklist ul {
        list-style-type: none;
        margin: 0;
        text-align: right;
    }

    .viperMain__caseChecklist li {
        padding: 0.4rem 1rem;
        transition: padding 0.1s;
    }

    .viperMain__caseChecklist li:hover {
        padding-right: 1.4rem;
    }

    .sbsaIconContainer {
        display: block;
    }
    .sbsaIconContainer a,
    .sbsaIconContainer label {
        color: #58a9ff;
        font-size: 1.3em;
        width: 2em;
        display: inline-block;
        cursor: pointer;
        margin: 0;

        transition: color 0.15s;
    }
    .sbsaIconContainer a:hover,
    .sbsaIconContainer label:hover {
        color: #fff;
    }
    .sbsaIconContainer [type="radio"] {
        display: none;
    }
    .sbsaIconContainer input[id="show-active"]:checked ~ label[for="show-active"],
    .sbsaIconContainer input[id="show-terms"]:checked ~ label[for="show-terms"],
    .sbsaIconContainer input[id="show-parent"]:checked ~ label[for="show-parent"],
    .sbsaIconContainer input[id="show-subs"]:checked ~ label[for="show-subs"] {
        color: #3bb273;
    }
    .sbsaIconContainer input[id="show-active"]:checked ~ label[for="show-active"]:hover,
    .sbsaIconContainer input[id="show-terms"]:checked ~ label[for="show-terms"]:hover,
    .sbsaIconContainer input[id="show-parent"]:checked ~ label[for="show-parent"]:hover,
    .sbsaIconContainer input[id="show-subs"]:checked ~ label[for="show-subs"]:hover {
        color: #c4e8d5;
    }
    .sbsaIconContainer .openSandbox {
        color: #ffc92f;
    }
    .sbsaIconContainer .openSandbox:hover {
        color: #ffefc1;
    }
    .viperMain__tagLogo {
        margin-left: 70px;
        padding-left: 1rem;
    }
    .viperMain__menu {
        left: 0;
        top: 4.5em;
        max-height: -webkit-calc(100% - 4.5em);
        max-height: -moz-calc(100% - 4.5em);
        max-height: calc(100% - 4.5em);
        width: 5em;
        overflow: hidden;
    }
    .viperLanguage {
        width: 5em;
    }
    .viperLanguage_MenuList {
        bottom: 0;
    }
    .viperMain__menu:active {
        width: 5em;
    }
    .viperMain__menuHeader {
        display: none;
    }
    .viperMain__menuList {
        color: #58a9ff;
    }

    .viperMain__menuListItem {
        margin: 0;
        text-align: center;
        height: 56px;
    }
    .viperMain__menuListItem:before {
        top: 50%;
        position: relative;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0;
        font-size: 1.5em;
    }
    .viperMain__menuListItemText {
        display: none;
        opacity: 0;
    }
    .viperMain__menuButton {
        width: 69px;
    }
    .viperMain__menuCheckbox:checked + .container-forScrolling .viperMain__menuButton {
        left: 0%;
    }
    .viperMain__menuCheckbox:checked + .container-forScrolling .viperMain__menu,
    .viperMain__menu.active {
        width: 245px;
    }
    .viperMain__menuCheckbox:checked + .container-forScrolling .viperLanguage,
    .viperLanguage.active {
        width: 245px;
    }
    .viperMain__menuCheckbox:checked + .container-forScrolling .viperMain__menu .viperMain__menuListItem,
    body:not([istouchdevice]) .viperMain__menu.active .viperMain__menuListItem {
        text-align: left;
        margin-left: 1em;
    }
    .viperMain__menuCheckbox:checked + .container-forScrolling .viperMain__menu .viperMain__menuListItemText,
    body:not([istouchdevice]) .viperMain__menu.active .viperMain__menuListItemText {
        display: inline-block;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        position: relative;
        margin-left: 0.5em;
        -webkit-animation: display-none-transition 1s;
        -moz-animation: display-none-transition 1s;
        animation: display-none-transition 1s;
        -webkit-animation-delay: 0.3s;
        -moz-animation-delay: 0.3s;
        animation-delay: 0.3s;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .viperMain__content {
        width: -webkit-calc(100% - 70px);
        width: -moz-calc(100% - 70px);
        width: calc(100% - 70px);
        height: -webkit-calc(100% - 63px);
        height: -moz-calc(100% - 63px);
        height: calc(100% - 63px);
        position: absolute;
        top: 63px;
        left: 70px;
        overflow: hidden;
    }
    .viperMain__container-view {
        width: 100%;
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
    }
    /* second application @1024 and greater */
    .viperMain__secondApplication {
        top: 63px;
    }
    .viperMain__secondApplication.active {
        left: 70px;
        width: calc(100% - 70px);
        height: calc(100% - 63px);
        overflow-y: hidden;
    }
    .viperMain--secondAppFullScreen .viperMain__secondApplication.active {
        top: 0;
        left: 0;
        z-index: 999999999;
        width: 100%;
        height: 100%;
    }
    .viperMain__secondsApplicationContainer {
        height: 100%;
        width: 70%;
        float: right;
        box-shadow: 0px 0px 8px 2px #898989;
        background: #efefef;
        border-left: 1px solid #999;
    }
    .viperMain--secondAppFullScreen .viperMain__secondsApplicationContainer {
        width: 100%;
    }
    .viperMain__secondApplicationContent {
        height: calc(100% - 3.5em);
        overflow-y: auto;
    }
    /* End second application */
}

@-webkit-keyframes display-none-transition {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes display-none-transition {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes display-none-transition {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes spin {
    0% {
        transform: translateY(-50%) translateX(-2rem) rotate(0deg);
    }
    100% {
        transform: translateY(-50%) translateX(-2rem) rotate(360deg);
    }
}
@-moz-keyframes spin {
    0% {
        transform: translateY(-50%) translateX(-2rem) rotate(0deg);
    }
    100% {
        transform: translateY(-50%) translateX(-2rem) rotate(360deg);
    }
}
@keyframes spin {
    0% {
        transform: translateY(-50%) translateX(-2rem) rotate(0deg);
    }
    100% {
        transform: translateY(-50%) translateX(-2rem) rotate(360deg);
    }
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE/Edge */
    user-select: none;
    /* non-prefixed version, currently
                                  not supported by any browser */
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* portal should be the highest element */
#react-portal-container {
    position: fixed;
    z-index: 100000000;
}