@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'),local('Lato-Light'),url(https://fonts.gstatic.com/s/lato/v11/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0100024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'),local('Lato-Light'),url(https://fonts.gstatic.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2');
    unicode-range: U+000000FF,U+0131,U+01520153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'),local('Lato-Regular'),url(https://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
    unicode-range: U+0100024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'),local('Lato-Regular'),url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
    unicode-range: U+000000FF,U+0131,U+01520153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'),local('Lato-Bold'),url(https://fonts.gstatic.com/s/lato/v11/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0100024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'),local('Lato-Bold'),url(https://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
    unicode-range: U+000000FF,U+0131,U+01520153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}

@font-face {
    font-family: Lato;
    font-style: italic;
    font-weight: 400;
    src: local('Lato Italic'),local('Lato-Italic'),url(https://fonts.gstatic.com/s/lato/v11/YMOYVM-eg6Qs9YzV9OSqZfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0100024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: Lato;
    font-style: italic;
    font-weight: 400;
    src: local('Lato Italic'),local('Lato-Italic'),url(https://fonts.gstatic.com/s/lato/v11/PLygLKRVCQnA5fhu3qk5fQ.woff2) format('woff2');
    unicode-range: U+000000FF,U+0131,U+01520153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/s7gftie1JANC-QmDJvMWZhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/3Y_xCyt7TNunMGg0Et2pnhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/WeQRRE07FDkIrr29oHQgHBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/jyIYROCkJM3gZ4KV00YXOBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/phsu-QZXz1JBv0PbFoPmEBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/9_7S_tWeGDh5Pq3u05RVkhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/mnpfi9pxYH-Go5UiibESIltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    background: none;
    color: #2C4560;
    font-family: Lato,sans-serif;
    font-size: 14px;
    line-height: 1.3;
}

h1, h2, h3, h4 {
    font-family: Roboto,sans-serif;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #fff;
    border-left: thin solid #A6B9CD;
    border-radius: 0;
    padding: 2px 6px;
}

body::-webkit-scrollbar {
    background-color: #fff;
    width: 12px !important;
}

body::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
    background-color: #D4E1F0;
    border-radius: 100px;
}

    body::-webkit-scrollbar-thumb:hover {
        background-color: rgba(157,167,180,0.8);
    }

nav {
    font-size: 14px;
}

.Tile-Footer {
    background: #fafbfd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: thin solid #D4E1F0;
    min-height: 43px;
    overflow: hidden;
}

.Tile-Body {
    min-height: 76px;
    padding: 12px;
}

.HeaderBox {
    border: #1FCCAD solid 1px;
}

.content-Headingbody {
    display: flex;
    padding: 10px;
}

.HeaderBox .content-body {
    border: none;
    border-bottom: #1FCCAD solid 1px;
}

.HeaderBox.content-Headingbox {
    border: none;
    padding-bottom: 24px;
}

.content-box.Hover:hover {
    box-shadow: 0 1px 12px 2px rgba(35,44,61,0.16);
}

.content-box {
    background: #fff;
    box-shadow: 0 1px 12px rgba(35,44,61,0.1);
    margin-bottom: 18px;
    transition: .3s;
}

    .content-box.alt, .content-box.alt .content-header, .content-box.alt .content-footer, .content-body-inner .content-header, .content-body-inner .content-footer {
        box-shadow: none;
    }

    .content-box.lg .content-header {
        padding: 24px 36px 12px;
    }

    .content-box.lg .content-body.Padding-Box-sm {
        padding: 12px 36px 24px;
    }

    .content-box.lg h5 {
        line-height: 150%;
    }

    .content-box.lg .content-header h4 {
        color: #2197ef;
        text-transform: uppercase;
    }

.content-divider {
    border: 0;
    border-top: thin solid #D4E1F0 !important;
    margin: 32px -16px;
}

.Secondary.Secondary-Center .content-dialog {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.content-dialog {
    margin: 10vh auto 0;
    max-width: 860px;
}

    .content-dialog.sm {
        max-width: 432px;
    }

    .content-dialog.md {
        max-width: 640px;
    }

.content-loader {
    margin: 30% auto 0;
    text-align: center;
}

.content-dialog .content-box {
    box-shadow: 0 1px 18px rgba(35,44,61,0.1);
}

.content-header {
    background: #fff;
    padding: 12px 16px;
    position: relative;
}

.content-dialog .content-header {
    border-bottom: thin solid #D4E1F0;
    box-shadow: none !important;
}

.content-box-danger {
    background: #F8D7DA;
    margin-bottom: 18px;
    border: 1px solid #F5C6CB;
    box-sizing: border-box;
    border-radius: 4px;
}

    .content-box-danger .content-body.Padding-Box-sm {
        padding: 12px 17px 12px 12px;
    }

.text-danger {          
    font-size: 14px;
    line-height: 24px;
    color: #721C24;
}

.tab-pane.Padding-Box-sm {
    padding: 16px;
}

.remodal .content-header {
    box-shadow: 0 3px 12px -4px rgba(0,0,0,0.2);
}

.remodal label:not(.checkbox), .remodal h6 {
    color: #718BA8;
}

.Relationship-row label {
    color: #2C4560;
    margin-top: 8px;
}

.content-header h6:not(.btn-text) {
    color: #A8BBCF;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 4px;
}

.content-Headingbox {
    border: none !important;
    border-radius: 4px;
    margin-bottom: 0;
    transition: .3s;
}

.content-Hadingfooter {
    background: #f6f7f9;
    border: thin solid #D4E1F0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: thin solid #D4E1F0;
    padding: 12px 16px;
}

.content-body.Padding-Box-sm {
    padding: 12px 16px;
}

.remodal .content-body.Padding-Box-sm {
    padding: 12px 16px !important;
}

.form-remove {
    color: #A6B9CD;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    margin: 8px 0 8px 12px;
    transition: .2s;
}

.remodal .Overlay {
    height: 100% !important;
}

.content-body-inner {
    background: #FBFBFC;
    border-bottom: thin solid #D4E1F0;
    border-top: thin solid #D4E1F0;
    margin: 0 -16px 12px;
}

.content-footer {
    background: #fff;
    padding: 12px 16px;
}

.content-transition {
    margin-top: 36px;
    opacity: 0;
}

.content-accordian-header {
    border-bottom: thin solid transparent;
    border-top: thin solid transparent;
    cursor: pointer;
    padding: 12px 16px;
    transition: .2s;
}

.content-accordian {
    box-sizing: border-box;
    margin-top: -1px;
}

.content-accordian.open {
    background: #FBFBFC;
    border-bottom: thin solid #D4E1F0;
}

.content-accordian.open .content-accordian-header {
    background: #FBFBFC;
    border-top: thin solid #D4E1F0;
}

.content-accordian:not(.open) .content-accordian-header:hover {
    background: #FAFBFD;
    box-shadow: 0 4px 8px -3px rgb(0 0 0 / 15%);
    border-bottom-color: #D4E1F0;
    border-top: thin solid #D4E1F0;
}

.content-accordian-header:hover {
    background: #FAFBFD;
    border-top-color: #D9E3EE;
}

.header-block {
    background: #fafbfd;
    border-bottom: thin solid #D4E1F0;
    border-top: thin solid #D4E1F0;
    padding: 12px 14px;
}

/*Closing Opportunities Styling*/
.WinOpportunity .content-header {
    background: #fff;
    padding: 20px 16px;
    position: relative;
    box-shadow: 0 3px 12px -4px rgba(0,0,0,0.2);
}

.WinOpportunity .content-footer {
    bottom: 0;
    right: 0;
    box-shadow: 0 3px 12px 4px rgba(0,0,0,0.2);
}

.col-one {
    float: left;
    min-height: 1px;
    padding-right: 24px;
    width: 500px;
}

.col-two {
    float: left;
    min-height: 1px;
    width: 180px;
}

    .col-two .content-box {
        margin-bottom: 24px;
    }

.equal {
    display: table;
}

    .equal > [class*='col-'] {
        display: table-cell;
        float: none;
    }

.Headerfooter {
    background: #fff !important;
    border: thin solid #D4E1F0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: none;
    padding: 12px 16px;
}

.Colour-Md-Grey h5, .Colour-Md-Grey h6 {
    color: #718BA8;
}

.Optional {
    color: #A8BBCF;
    font-size: 12px;
    margin-left: 6px;
}

.progress-label {
    border-left: 4px solid #D4E1F0;
    color: #9aa5b1;
    display: block;
    font-weight: 300;
    margin-bottom: 0;
    padding: 12px 12px 12px 24px;
}

    .progress-label.completed {
        border-color: #3da059;
    }

    .progress-label.active {
        border-color: #54C975;
        color: #54C975;
        cursor: pointer;
        font-weight: bold;
    }

        .progress-label.active:hover {
            color: #3da059;
        }

.primary-background {
    height: 105px;
    margin-top: 10px;
    width: 90%;
}

.progress-label-modal {
    border-right: 4px solid #fff;
    color: #fff;
    display: block;
    font-weight: 300;
    margin: 0;
    padding: 28px 24px 28px 28px;
    text-align: right;
}

    .progress-label-modal.completed {
        border-color: #2197EF;
    }

    .progress-label-modal.active {
        border-color: #1185dc;
        color: #1185dc;
        cursor: pointer;
        font-weight: bold !important;
    }

.progress-advisor {
    background: transparent;
    border-radius: 0;
    height: 12px;
}

.progress-bar-advisor {
    background: #669aff;
    height: 12px;
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
    background-color: #77e0c6;
    border-color: #77e0c6;
}

.btn-success-alt {
    background-color: #fff;
    border-color: #1FCCAD;
    color: #1FCCAD;
    font-weight: 600;
}

    .btn-success-alt:hover {
        background-color: #1FCCAD;
        border-color: #1FCCAD;
        color: #fff;
        font-weight: 600;
    }

.btn-text {
    color: #2197EF;
    cursor: pointer;
    font-weight: bold;
    transition: .2s;
}

    .btn-text:hover {
        color: #1E89D8;
    }

    .btn-text.Colour-Red {
        color: #363636;
    }

        .btn-text.Colour-Red:hover {
            color: #c81717;
        }

    .btn-text.Colour-Green:hover {
        color: #33a287;
    }

.btn-group .btn:not(:first-of-type):not(:last-of-type) {
    border-left-width: 0;
    border-right-width: 0;
    margin: 0;
}

.btn-group .btn:first-of-type {
    border-right-width: 0;
    margin: 0;
}

.btn-group .btn:last-of-type {
    border-left-width: 0;
    margin: 0;
}

.btn {
    border-radius: 3px;
    font-size: 14px;
    font-style: normal;
    padding: 6px 12px;
    transition: .2s;
}

    .btn.sm {
        height: 30px;
        padding: 4px;
    }

    .btn.xsm {
        padding: 4px 8px;
    }

.btn-lg, .btn-group-lg > .btn {
    border-radius: 6px !important;
    font-size: 18px !important;
    line-height: 1.3333333 !important;
    padding: 10px 16px !important;
}

.btn-md, .btn-group-md > .btn {
    border-radius: 6px !important;
    font-size: 16px !important;
    line-height: 1.3333333 !important;
    padding: 10px 16px !important;
}

.element-row {
    border-left: none;
    display: flex;
    font-weight: 300;
    margin: 0 -15px;
    padding: 8px 0;
    transition: .2s;
}

    .element-row.required {
        background: #f6f7f9;
        border-left: thin solid #FF7969;
    }

.Required .form-control, .Required.form-control {
    border-color: #fa6900 !important;
}

.required .btn-text {
    color: #FF7969;
}

    .required .btn-text:hover {
        color: #D1594C;
    }

.tile-row {
    margin: 0 -12px;
}

.tile-btn {
    background: #f2f3f4;
    border-radius: 3px;
    color: #2C4560;
    cursor: pointer;
    display: block;
    max-width: 400px;
    min-width: 120px;
    padding: 12px;
    text-align: center;
    transition: .2s;
}

    .tile-btn:hover {
        background-color: #fafcff;
    }

    .tile-btn.active {
        background: #2197ef;
        color: #fff;
    }

.tile-element {
    display: inline-flex;
    margin: 0 0 12px;
    padding: 0 6px;
    width: 100%;
}

.tile {
    border: thin solid #D4E1F0;
    border-radius: 4px;
    cursor: pointer;
    padding: 16px;
    position: relative;
    transition: .2s;
    width: 100%;
}

    .tile:hover, .tile:hover {
        background: #fafbfd;
        border-color: #A6B9CD;
    }

.tile-img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: -16px -16px 0 !important;
}

.Block.Required {
    border: 1px solid;
}

.tile-element h3, .tile-element h4, .tile-element h5 {
    overflow: hidden;
    text-overflow: ellipsis;
}

.minlineheight {
    min-height: 1em;
}

.Disabled {
    opacity: 0.6;
    pointer-events: none;
}

.Blade {
    padding: 0 12px 12px;
}

.Emaildisplay {
    line-height: 34px;
}

.progress:not(.Client-Stlye) {
    background: transparent;
    background-color: rgba(255,255,255,0.05) !important;
    border-radius: 0;
    box-shadow: none !important;
    height: 8px !important;
    margin: 0 !important;
}

.form-control {
    -o-transition: border-color ease-in-out .15s box-shadow ease-in-out .15s;
    -webkit-box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s box-shadow ease-in-out .15s;
    background-color: #fff;
    background-image: none;
    border: thin solid #D4E1F0;
    border-radius: 4px;
    box-shadow: none;
    color: #4C6581;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    max-width: 400px;
    padding: 6px 8px;
    transition: .2s;
    width: 100%;
}

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background: #fff;
        color: #4C6581 !important;
    }

    .form-control.readonly {
        background: #F8FAFD !important;
        color: #4C6581 !important;
    }

.form-white-border {
    border: thin solid #fff !important;
}

    .form-white-border:focus {
        border: thin solid #2197ef !important;
        z-index: 999;
    }

.form-control.compound-control {
    border: none;
    border-left: thin solid #D4E1F0 !important;
    border-radius: 0;
}

.compound-border {
    border: thin solid #D4E1F0 !important;
    border-radius: 3px;
}

    .compound-border :first-child {
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }

    .compound-border :last-child {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

.form-closed {
    border: none;
    margin: 0 !important;
    padding: 0;
    width: 0 !important;
}

.modal-dialog {
    margin-top: 96px;
}

.progress-label.completed:after {
    color: #3da059;
    content: "\E207";
    display: inline-block;
    font-family: 'Glyphicons Regular';
    font-style: normal;
    height: 10px;
    margin-left: 8px;
    width: 10px;
}

.PTopNav {
    padding-top: 112px !important;
}

.PTop {
    padding-top: 10vh;
}

.PBot {
    padding-bottom: 10vh;
}

textarea.form-control {
    transition: 0;
}

.EntityIcon {
    background: #c4d6e8;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 10px;
    height: 28px;
    padding: 7px 0 0;
    text-align: center;
    width: 28px;
}

    .EntityIcon.Prime {
        background: #77E0C6;
    }

.Icon-Dot {
    border: thin solid #A6B9CD;
    border-radius: 100%;
    color: #A6B9CD;
    font-weight: bold;
    height: 26px;
    line-height: 25px;
    margin: -3px 6px -3px 0;
    text-align: center;
    width: 26px;
}

    .Icon-Dot span {
        vertical-align: top;
    }

.content-list li {
    background: #fff;
    color: #A8BBCF;
    cursor: pointer;
    padding: 12px 16px;
    transition: .2s;
}

.content-list.lg li {
    border-bottom: thin solid #D4E1F0;
    padding: 22px 16px;
}

.content-list li:hover {
    background: #F2F6F8;
    color: #4C6581;
}

.anchor-list li a {
    background: #fff;
    border: thin solid #D4E1F0;
    border-radius: 4px;
    color: #4C6581;
    cursor: pointer;
    display: flex;
    margin-bottom: 12px;
    padding: 12px 16px;
    text-decoration: none !important;
    transition: .2s;
}

.anchor-list li:hover a {
    background: #f7F8Fa;
    color: #2C4560;
}

.PopUp {
    background: rgba(35,44,61,0.8);
    border-radius: 4px;
    box-shadow: 0 4px 24px -2px rgba(0,0,0,0.4);
    color: #fff;
    display: none;
    left: 85%;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    padding: 16px;
    position: absolute;
    top: -16px;
    transition: .2s;
    white-space: normal;
    z-index: -10;
}

.PopUp-Container:hover .PopUp {
    display: block;
    z-index: 999;
}

.PopUp-Container.open .PopUp {
    display: block;
    left: 100%;
    max-width: 420px;
    min-width: 300px;
    opacity: 1;
    overflow: unset;
    z-index: 999;
}

.PopUp-Container.opening .PopUp, .PopUp-Container.open.closing .PopUp {
    display: block;
    left: 85%;
    max-width: 420px;
    min-width: 240px;
    opacity: 0;
}

.PopUp .Triangle-Left {
    border-color: transparent rgba(35,44,61,0.74) transparent transparent;
    border-style: solid;
    border-width: 12px 16px 12px 0 !important;
    height: 0;
    left: -16px;
    margin-right: -16px;
    margin-top: -16px;
    position: absolute;
    top: 38px;
    transition: .3s;
    width: 0;
}

.PopUp a {
    color: rgba(255,255,255,0.75) !important;
}

.Stage-Select-List {
    max-width: 400px;
    width: 100%;
}

    .Stage-Select-List li {
        background: #F9F9FA;
        border: thin solid #e7edf4;
        border-radius: 4px;
        color: #f9f9fa;
        cursor: pointer;
        margin: 2px;
        padding: 12px 0;
        text-align: center;
        width: 100%;
    }

        .Stage-Select-List li.active {
            background: #9dc6ff;
            border-color: #9dc6ff;
            color: #9dc6ff;
        }

            .Stage-Select-List li.active.selected {
                background: #77afff;
                border-color: #77afff;
                color: #fff;
            }

.Flex .btn-info {
    border-radius: 0;
}

    .Flex .btn-info:first-of-type {
        border-bottom-left-radius: 4px;
        border-left-width: 1px;
        border-top-left-radius: 4px;
    }

    .Flex .btn-info:last-of-type {
        border-bottom-right-radius: 4px;
        border-right-width: 1px;
        border-top-right-radius: 4px;
    }

.btn-info.active {
    background: #77E0C6 !important;
    border-color: #3bbe9e !important;
    color: #fff !important;
}

.Dot {
    background: #2197ef;
    border-radius: 100%;
    color: #fff;
    font-size: 11px;
    height: 18px;
    line-height: 1.1 !important;
    padding: 1px;
    text-align: center;
    transition: .2s;
    width: 18px;
}

.Completed-Dot, .Key-Completed-Dot {
    background: transparent;
    border-radius: 100%;
    color: transparent;
    cursor: pointer;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 11px;
    height: 18px;
    line-height: 1.25 !important;
    padding: 1px;
    text-align: center;
    transition: .2s;
    width: 18px;
}

.Completed-Dot {
    background: #fff;
    border: thin solid #A6B9CD;
}

    .Completed-Dot.sm {
        background: #D4E1F0;
        color: #D4E1F0;
        font-size: 10px;
        font-weight: bold;
        height: 14px;
        margin-top: 10px;
        text-align: center;
        width: 14px;
    }

    .Completed-Dot:hover {
        background: #D4E1F0;
        border: thin solid #D4E1F0;
        color: #fff;
    }

.active .Completed-Dot {
    background: rgba(0,0,0,0.1);
    border-color: #fff;
    color: transparent;
}

    .active .Completed-Dot:hover {
        background: rgba(0,0,0,0.2);
        color: #fff;
    }

.Completed-Dot.active {
    background: #77e0c6 !important;
    border-color: #77e0c6;
    color: #fff !important;
}

    .Completed-Dot.active.Red {
        background: #e07777 !important;
        border-color: #e07777;
        color: #fff !important;
    }
    .Completed-Dot.Evidence-Dot.active {
        background: #2197ef !important;
        border-color: #2197ef;
        color: #fff !important;
    }
    .Completed-Dot.Evidence-Dot.disabled {
        background: #D4E1F0 !important;
        border-color: #D4E1F0;
        color: #fff !important;
    }

.active:not(tr) .Completed-Dot.active {
    background: #fff !important;
    border-color: #2197ef;
    color: #2197ef !important;
}

.Completed-Dot .glyphicons {
    line-height: 1.25 !important;
}

.Key-Completed-Dot.active {
    color: #77E0C6 !important;
}

.menu-hover {
    opacity: 0;
    transition: .2s;
}

.CRMTable a {
    color: #4C6581;
    cursor: pointer;
}

.CRMTable thead {
    background: #FAFBFD;
    border-bottom: thin solid #D4E1F0;
}

.CRMTable tfoot {
    background: #FAFBFD;
    border-top: thin solid #D4E1F0;
}

.CRMTable th, .CRMTable td {
    padding: 12px;
    white-space: nowrap;
}

.CRMTable.Padding-sm td {
    padding: 4px 12px;
    white-space: nowrap;
}

.CRMTable th:first-of-type, .CRMTable td:first-of-type {
    padding-left: 24px;
}

.content-box.alt.lg .CRMTable th:first-of-type, .content-box.alt.lg .CRMTable td:first-of-type {
    padding-left: 36px !important;
}

.content-box.alt.lg .CRMTable th:last-of-type, .content-box.alt.lg .CRMTable td:last-of-type {
    padding-right: 36px;
}

.content-box.alt.lg .content-footer {
    padding: 12px 36px 24px;
}

.content-box.alt.lg .content-footer.no-padding-lg {
    padding: 0px 36px 24px;
}

.CRMTable th {
    /*color: #4C6581;*/
    color: #A8BBCF;
}

.CRMTable td {
    color: #4C6581;
    font-size: 14px;
}

.CRMTable tbody tr {
    background: #fff;
    margin-bottom: 4px;
    transition: .2s;
}

.CRMTable.CRMTable-sm th:first-of-type, .CRMTable.CRMTable-sm td:first-of-type {
    padding-left: 12px;
}

.CRMTable.CRMTable-sm th, .CRMTable.CRMTable-sm td {
    font-size: 11px;
    padding: 6px 8px;
}

.CRMTable.CRMTable-sm td {
    white-space: unset;
}

.ModalTable tbody tr {
    background: transparent;
    border-bottom: thin solid transparent;
    border-top: thin solid transparent;
    cursor: pointer;
    transition: .2s;
}

    .ModalTable tbody tr:hover {
        background: #fbfbfc;
        border-color: #D4E1F0;
        box-shadow: 0 2px 12px -2px rgba(0,0,0,0.1);
    }

.Fixed-Header {
    -webkit-transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    box-shadow: none;
    left: 0;
    position: absolute;
    top: 0;
    transition-duration: .3s;
    transition-property: box-shadow;
    width: 100%;
    z-index: 999;
}

.Sort-Header {
    border-bottom: thin solid #D4E1F0;
    cursor: pointer;
}

    .Sort-Header.null .null {
        background: #A6B9CD;
        display: inline-table;
        height: 2px;
        margin-bottom: 3px;
        width: 12px;
    }

    .Sort-Header .null {
        color: rgba(0,0,0,0.30);
    }

    .Sort-Header.active {
        border-bottom: 2px solid #2196F3;
        color: #2197ef;
    }

.Drag-Item.active {
    box-shadow: 0 0 0 .2em rgba(33,150,243,0.5);
}

.Body-Container {
    margin-left: 0;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.Fluid-Container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.View-Container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
}

.tab-bar {
    background: #fbfbfc;
    border-bottom: thin solid #D4E1F0;
    border-top: thin solid #D4E1F0;
    padding: 16px 16px 0;
}

    .tab-bar.flex {
        display: flex;
        flex-wrap: wrap;
    }

.tab-bar.alt {
    background: #fff;
    border-bottom: thin solid #D4E1F0;
    border-top: none;
    padding: 16px 16px 0 0 !important;
}

.Center {
    display: block;
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.Left {
    display: block;
    margin-left: 0;
    margin-right: auto;
}

.Right {
    display: block;
    margin-left: auto;
    margin-right: 0;
}

.Fixed {
    position: fixed;
}

.Initial {
    position: initial !important;
}

.Top {
    top: 0;
}

.Bottom {
    bottom: 0;
}

.Z {
    z-index: 99999999;
}

.Z-Plus {
    z-index: 99999999999;
}

.Absolute-Center {
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
}

.Absolute {
    position: absolute;
}

.Flex {
    display: flex;
}

.Flex-Center {
    align-items: center;
}

.align-self-end {
    align-items: end;
}

.Flex.Column {
    flex-direction: column;
}

.Flex.flex-end {
    justify-content: flex-end;
}

.Flex.flex-between {
    justify-content: space-between;
}

.NoScroll {
    overflow: hidden;
}

.NoScroll-x {
    overflow-x: hidden;
}

.Scroll {
    overflow: auto;
}

.Opacity06 {
    opacity: 0.6;
}

.Blur {
    filter: blur(5px);
}

.Dropdown-Overlay {
    background: none;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
}

.Overlay {
    background: rgba(41,53,76,0.5);
    height: 100vh;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}

    .Overlay.Secondary {
        background: rgba(41,53,76,0.6);
        z-index: 9999999999;
    }

        .Overlay.Secondary .content-header {
            box-shadow: none !important;
        }

    .Overlay.Main {
        background: rgba(41,53,76,0.9);
        z-index: 99999999;
    }

        .Overlay.Main::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #606c7c;
            border-radius: 0;
            padding: 2px 6px;
        }

        .Overlay.Main::-webkit-scrollbar {
            background-color: #738090;
            width: 16px !important;
        }

        .Overlay.Main::-webkit-scrollbar-thumb {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
            background-color: #2C4560;
            border-radius: 0;
        }

strong, b {
    font-weight: bold;
}

.Font-Bold, .Font-Bold p, .Font-Bold h1, .Font-Bold h2, .Font-Bold h3, .Font-Bold h4, .Font-Bold h5, .Font-Bold h6 {
    font-weight: bold !important;
}

.Font-Normal {
    font-weight: 400 !important;
}

.Font-Medium {
    font-weight: 500 !important;
}

.Title {
    font-size: 3.5em;
}

.Font-Light {
    font-weight: 300;
}

.Font-Black {
    font-weight: 900;
}

.Font-Italic {
    font-style: italic;
}

.font-roboto {
    font-family:'Roboto';
}

.Letter-Space {
    letter-spacing: 1px;
}

.Letter-Space-sm {
    letter-spacing: .5px;
}

.Colour-Red, a.Colour-Red {
    color: #f1001d;
}

.Colour-Orange, a.Colour-Orange {
    color: #D78100;
}

.Colour-Yellow, a.Colour-Yellow {
    color: #f1c212;
}

.Colour-White a {
    color: #6ec1ff;
}

.Colour-Dark-Grey, a.Colour-Dark-Grey {
    color: #2C4560;
}

.Colour-Md-Grey, a.Colour-Md-Grey {
    color: #A8BBCF;
}

.Colour-DarkBlue, a.Color-DarkBlue {
    color: #3A5891;
}

.BackgroundImage {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

    .BackgroundImage.Contain {
        background-size: contain !important;
    }

    .BackgroundImage.Auto {
        background-size: auto !important;
    }

.Bg-Navbar {
    background: #283a5a;
}

.Bg-Red {
    background: #d9534f;
}

.Bg-Blue {
    background: #2197ef !important;
}

.Bg-Notification {
    background: #F0F8FF;
}

.Bg-NavBar {
    background: #2e394e;
}

.Bg-Green {
    background: #3bbf9d;
}

.Bg-Orange {
    background: orange;
}

.Bg-Danger {
    background: #fa6900;
}

.Bg-Grey {
    background: #E7EDF4;
}

.Bg-Dark-Grey {
    background: #2C4560;
}

.Bg-Pdf-Grey {
    background: #505558 !important;
}

.Bg-Md-Grey {
    background: #87909c;
}

.Bg-Md-Grey-Important {
    background: #38404f !important;
}

    .Bg-Md-Grey-Important .Search-Block {
        background: rgba(255,255,255,0.1);
    }

    .Bg-Md-Grey-Important .form-control, .Bg-Md-Grey-Important .form-control:hover {
        background: transparent;
        color: #fff;
    }

    .Bg-Md-Grey-Important .active .Search-Btn {
        background: rgba(255,255,255,0.1);
        border-left: thin solid #2197ef;
    }

        .Bg-Md-Grey-Important .active .Search-Btn:hover {
            background: rgba(255,255,255,0.2);
            color: #fff;
        }

.Bg-Black-08 {
    background: rgba(0,0,0,0.8);
}

.Bg-White-05 {
    background: rgba(255,255,255,0.5);
}

.Bg-Light-Blue {
    background: #7bcaff;
}

.Bg-Light-Green {
    background: #47E5BF;
}

.Bg-Light-Red {
    background: #F09999;
}

.Bg-LightGrey-Grad {
    background: linear-gradient(tobottom,#fbfbfb0%,#f6f6f6100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',endColorstr='#f6f6f6',GradientType=0);
}

.Margin-Box {
    margin: 20px;
}

.Margin-Box-sm {
    margin: 12px;
}

.Margin-Box-xsm {
    margin: 6px;
}

.Margin-Left {
    margin-left: 20px;
}

.Margin-Left-sm {
    margin-left: 10px;
}

.Margin-Left-36 {
    margin-left: 36px;
}

.Margin-Right {
    margin-right: 20px;
}

.Margin-Right-sm {
    margin-right: 10px;
}

.Margin-Right-36 {
    margin-right: 36px;
}
.Margin-Top-None {
    margin-top: unset;
}

.Margin-Top-xl {
    margin-top: 40px;
}

.Margin-Top {
    margin-top: 20px;
}

.Margin-Top-md {
    margin-top: 16px;
}

.Margin-Top-sm {
    margin-top: 10px;
}

.Margin-Top-xsm {
    margin-top: 5px;
}

.Margin-Bottom-xl {
    margin-bottom: 40px;
}

.Margin-Bottom {
    margin-bottom: 20px;
}

.Margin-Bottom-md {
    margin-bottom: 16px;
}

.Margin-Bottom-sm {
    margin-bottom: 10px;
}

.Margin-Bottom-xsm {
    margin-bottom: 6px;
}

.Margin-Zero-T {
    margin-top: 0;
}

.Margin-Zero-L {
    margin-left: 0;
}

.Margin-Zero-R {
    margin-right: 0;
}

.Margin-Row {
    margin-left: -15px;
    margin-right: -15px;
}

.Padding-Zero {
    padding: 0 !important;
}

.Padding-Box {
    padding: 20px;
}

.Padding-Box-lg {
    padding: 24px;
}

.Padding-Box-sm {
    padding: 10px;
}

.Padding-Box-xsm {
    padding: 8px;
}

.Padding-Left {
    padding-left: 20px;
}

.Padding-Left-xl {
    padding-left: 48px;
}

.Padding-Left-sm {
    padding-left: 10px;
}

.Padding-Left-30{
    padding-left: 30px;
}

.Padding-Right-xl {
    padding-right: 48px;
}

.Padding-Right-30{
    padding-Right: 30px;
}

.Padding-Right {
    padding-right: 20px;
}

.Padding-Right-sm {
    padding-right: 10px;
}

.Padding-Top {
    padding-top: 20px;
}

.Padding-Top-sm {
    padding-top: 10px;
}

.Padding-Top-xsm {
    padding-top: 5px;
}

.Padding-Bottom-lg {
    padding-bottom: 40px;
}

.Padding-Bottom {
    padding-bottom: 20px;
}

.Padding-Bottom-sm {
    padding-bottom: 10px;
}

.Padding-Bottom-xsm {
    padding-bottom: 5px;
}

.Padding-Zero-B {
    padding-bottom: 0;
}

.Padding-B-0 {
    padding-bottom: 0 !important;
}

.Padding-Zero-T {
    padding-top: 0;
}

.Padding-Zero-R {
    padding-right: 0;
}

.Padding-Zero-L {
    padding-left: 0;
}

.FullMinHeight {
    min-height: 100vh;
}

.Height-Zero {
    max-height: 0 !important;
}

.FullHeight {
    height: 100vh;
}

.full-height-percentage {
    height: 100%;
}

.FullMaxHeight {
    max-height: 100%;
}

.Height85VH {
    height: 85vh;
}

.Height72VH {
    height: 72vh;
}

.MinHeight400 {
    min-height: 400px !important;
}

.MinHeight300 {
    min-height: 300px !important;
}

.MinHeight200 {
    min-height: 200px !important;
}

.MaxHeight200 {
    max-height: 200px !important;
}

.Height800 {
    height: 800px;
}

.Height600 {
    height: 600px;
}

.Height540 {
    height: 540px;
}

.Height480 {
    height: 480px;
}

.Height400 {
    height: 400px;
}

.MaxHeight400{
    max-height: 400px;
}

.Height200 {
    height: 200px;
}

.Height240 {
    height: 240px;
}

.Height140 {
    height: 140px;
}

.Height128 {
    height: 128px;
}

.Height120 {
    height: 120px;
}

.Height64 {
    height: 64px;
}

.FullNavWidth {
    left: 50px;
    width: calc(100% - 50px);
}

.FullPageWidth {
    width: 100vw;
}

.Width1024 {
    width: 1024px;
}

.Width920 {
    width: 920px;
}

.Width720 {
    width: 720px;
}

.Width600 {
    width: 600px;
}

.Width480 {
    width: 480px;
}

.Width400 {
    width: 400px;
}

.Width240 {
    width: 240px;
}

.Width140 {
    width: 140px;
}

.Width120 {
    width: 120px;
}

.Width80 {
    width: 80px;
}

.Width64 {
    width: 64px;
}

.WidthInherit {
    width: inherit;
}

.MaxWidth1024 {
    max-width: 1024px;
}

.MaxWidth920 {
    max-width: 920px;
}

.MaxWidth720 {
    max-width: 720px;
}

.MaxWidth600 {
    max-width: 600px;
}

.MaxWidth520 {
    max-width: 520px;
}

.MaxWidth480 {
    max-width: 480px !important;
}

.MaxWidth300 {
    max-width: 300px;
}

.MaxWidth240 {
    max-width: 240px;
}

.MaxWidth200 {
    max-width: 200px;
}

.Transition05 {
    transition: .5s;
}

.Cursor-Default {
    cursor: default !important;
}

.Cursor-Disabled:hover {
    cursor: not-allowed;
}

.Shadow-Canvas {
    box-shadow: 0 16px 14px -5px rgba(0,0,0,0.1);
}

.Shadow-Box {
    box-shadow: 0 2px 2px -.5px rgba(0,0,0,0.2);
}

.Shadow-Modal {
    box-shadow: 0 0 24px 1px rgba(0,0,0,0.22);
}

.Shadow-Modal-Light {
    box-shadow: 0 0 14px 1px rgba(0,0,0,0.12);
}

.Shadow-Modal-Blue {
    box-shadow: 0 0 14px 1px rgba(33,151,239,0.12);
}

.Shadow-Modal-Subtle {
    box-shadow: 0 0 12px 1px rgba(0,0,0,0.06);
}

.Shadow-Modal-alt {
    box-shadow: 0 .5px 4px 1px rgba(0,0,0,0.2), 0 0 12px rgba(0,0,0,0.08);
}

.Shadow-Border {
    box-shadow: 0 .5px 2px rgba(0,0,0,0.3), 0 0 12px rgba(0,0,0,0.08);
}

.Flat-Left {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.Flat-Right {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.Flat-Bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.Flat-Top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.Border-Bottom {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.Border-Bottom-b {
    border-bottom: thin solid #bbb;
}

.Border-Bottom-d {
    border-bottom: thin solid #ddd;
}

.Border-Bottom-bg {
    border-bottom: 2px solid #FBFBFD;
}

.Border-Basic-Left {
    border-left: thin solid #D4E1F0;
}

.Border-Basic-Right {
    border-right: thin solid #D4E1F0;
}

.Border-Basic-Bottom {
    border-bottom: thin solid #D4E1F0;
}

.Border-d {
    border: thin solid #ddd !important;
}

.Border-b {
    border: thin solid #bbb !important;
}

.Border-r0 {
    border-radius: 0 !important;
}

.Border-r2 {
    border-radius: 2px;
}

.Border-r4 {
    border-radius: 4px;
}

.Border-r6 {
    border-radius: 6px;
}

.Border-r8 {
    border-radius: 8px;
}

.Border-round {
    border-radius: 100px;
}

.Text-sm {
    font-size: 20px;
    @media (max-width: 992px) {
        font-size: 14px;    
    }
}

.Text-xl {
    font-size: 28px;
    @media (max-width: 992px) {
        font-size: 20px;    
    }
}

.Text-Shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.4);
}

.Text-Center {
    text-align: center;
}

.Text-NoDecoration, a.Text-NoDecoration, .Text-NoDecoration a {
    text-decoration: none !important;
}

.Text-Bottom {
    align-self: flex-end;
    width: 100%;
}

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

.wrap-text {
    white-space: pre-wrap;
}

.nowrap-text {
    white-space: nowrap;
}

.Hover.Colour-Red:hover, a.Hover.Colour-Red:hover {
    color: #a50037;
}

.Hover.Colour-Blue:hover {
    color: #007dd7;
}

.Hover.Colour-Grey:hover {
    color: #acacac;
}

.Hover.Colour-Dark-Grey:hover {
    color: #0a0a0a;
}

.Hover.Colour-White:hover {
    color: rgba(255,255,255,0.80);
}

.Hover.Colour-Green:hover, a.Hover.Colour-Green:hover {
    color: #28bd23;
}

.Hover.Shadow-Box:hover {
    box-shadow: 0 2px 2px -.5px rgba(0,0,0,0.35);
}

.Hover.Bg-Light-Grey:hover {
    background: #f4f5f7;
}

.Hover.Bg-White:hover {
    background: #fafbfd;
}

.Hover.Bg-Dark-Grey:hover {
    background: #454545;
}

.Hover.Bg-Pdf-Grey:hover {
    background: #3b4044;
}

.Hover.Colour-Md-Grey:hover {
    color: #2C4560;
}

.Hover.Bg-Grey:hover {
    background: #D4E1F0;
    transition: .2s;
}

.Hover:hover .hover-control:not(:focus) {
    background: #fff;
    border: thin solid #D4E1F0;
    color: #4C6581 !important;
}

.Hover:hover .form-control.hover-control:not(:focus) {
    background: #fff;
    border: thin solid #D4E1F0;
    color: #4C6581 !important;
}

.Fade:not(.popover):not(.tooltip) {
    opacity: 100 !important;
    transition: .5s;
    transition-delay: .1s;
}

.FadeEffectGrey {
    height: 40px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,fafbfd+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(250,251,253,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(250,251,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(250,251,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6fafbfd',GradientType=0 ); /* IE6-9 */
}


body > .tooltip {
    z-index: 9999;
}

.FadeOut {
    opacity: 0 !important;
}

.FadeOutUp {
    margin-bottom: 40px;
    margin-top: -200px;
    opacity: 0 !important;
}

.FadeOutDown {
    margin-top: 80px;
    opacity: 0 !important;
}

.FadeOutDown-sm {
    margin-top: 20px;
    opacity: 0 !important;
}

.FadeOutRight {
    margin-left: 40px;
    margin-right: -40px;
    opacity: 0 !important;
}

.FadeOutLeft-lg {
    margin-left: -400px;
    margin-right: 400px;
    opacity: 0 !important;
}

.FadeOutRight-lg {
    margin-left: 400px;
    margin-right: -400px;
    opacity: 0 !important;
}

.FadeOutLeft {
    margin-left: -40px;
    margin-right: 40px;
    opacity: 0 !important;
}

.StyledScroll::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #fff;
    border-radius: 0;
    padding: 6px;
}

.StyledScroll::-webkit-scrollbar {
    background-color: #fff;
    height: 12px !important;
    width: 8px !important;
}

.StyledScroll::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
    background-color: #D4E1F0;
    border-radius: 100px;
    transition: .2s !important;
}

    .StyledScroll::-webkit-scrollbar-thumb:hover {
        background-color: rgba(157,167,180,0.80);
    }

.StyledScrollThin::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #fff;
    border-radius: 0;
    padding: 3px;
}

.StyledScrollThin::-webkit-scrollbar {
    background-color: #fff;
    height: 6px !important;
    width: 8px !important;
}

.StyledScrollThin::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
    background-color: #D4E1F0;
    border-radius: 2px;
    transition: .2s !important;
}

    .StyledScrollThin::-webkit-scrollbar-thumb:hover {
        background-color: rgba(157,167,180,0.80);
    }

.Navbar-Secondary {
    background-color: #0a8ce4;
    border-bottom: thin solid #0066ab;
    border-radius: 0;
    color: #fff !important;
    height: 45px;
    min-height: 45px;
    position: fixed;
    top: 42px;
    width: 100%;
}

.badge {
    background: #A6B9CD !important;
}

.Hidden-Input {
    background: #fff;
    border: none;
    border-bottom: thin solid transparent;
    box-shadow: none;
    font-size: 18px;
    padding: 0;
    transition: .2s;
}

    .Hidden-Input:hover {
        background: #fff;
        border-bottom: 1px dashed #AAA;
    }

    .Hidden-Input:focus {
        background: #fff;
        border-bottom: 1px dashed #AAA;
        border-bottom-color: #2197ef;
        box-shadow: none;
        outline: none;
    }

.caret-right {
    border-bottom: 4px solid transparent;
    border-left: 6px solid;
    border-top: 4px solid transparent;
    display: inline-block;
    height: 0;
    margin-left: 4px;
    width: 0;
}

.dropdown-submenu > .dropdown-menu {
    left: 100%;
    margin-left: -1px;
    margin-top: -6px;
    top: 0;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
    }

.dropdown-scrollable {
    overflow-y: auto;
    max-height: 70vh;
    background: #FFFFFF;
}

.btn-sm, .btn-group-sm > .btn {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
}

.btn-xsm, .btn-group-xsm > .btn {
    border-radius: 3px;
    font-size: 10px;
    line-height: 1.5;
    padding: 2px 4px;
}

#Search-Results li:nth-of-type(odd) {
    background: #f9f9fa;
}

.tooltip {
    transition: 0 !important;
}

.tooltip-pre .tooltip-inner {
    white-space: pre;
}

hr {
    border-color: #dedede;
}

.modal-backdrop {
    z-index: 999999999 !important;
}

.modal {
    z-index: 99999999 !important;
}

.progress-bar:not(.Client-Stlye) {
    background-color: #2197ef;
    box-shadow: none !important;
}

.progress-bar-success {
    background-color: #1FCCAD;
}

.progress-bar-primary {
    background: #2197ef;
}

.progress-bar-default {
    background: #718BA8;
}

.modal-content, .Text-Left {
    text-align: left;
}

.Pill {
    background: rgba(62,114,220,0.3);
    border-radius: 100px;
    color: #3e72dc;
    font-size: 14px;
    padding: 3px 10px;
    text-align: center;
    white-space: nowrap;
}

    .Pill.sm {
        font-size: 12px;
        padding: 4px 6px;
    }

    .Pill.xsm {
        font-size: 10px;
        min-width: 62px;
        padding: 2px 5px;
    }

    .Pill.alt {
        border-radius: 4px;
        font-size: 12px;
        padding: 2px 6px;
    }

    .Pill.Blue {
        background: rgba(33,151,239,0.15);
        color: #2197EF;
    }

    .Pill.Dark-Blue {
        background: rgba(62,114,220,0.30);
        color: #3e72dc;
    }

    .Pill.Green {
        background: rgba(59,191,158,0.3);
        color: #1FCCAD;
    }

    .Pill.Orange {
        background: rgba(228,132,90,0.3);
        color: rgba(228,132,90,1);
    }

    .Pill.Purple {
        background: rgba(122,62,220,0.3);
        color: #7A3EDC;
    }

    .Pill.Yellow {
        background: rgba(255,195,54,0.3);
        color: #FFC336;
    }

    .Pill.Dark-Grey {
        background: rgba(46,57,78,0.3);
        color: #2E394E;
    }

    .Pill.Grey {
        background: rgba(166,185,205,0.3);
        color: #A6B9CD;
    }

    .Pill.Inverse.Blue {
        background: #6880FC;
    }

    .Pill.Inverse.Red {
        background: #FC6868;
    }

    .Pill.Inverse.Green {
        background: #1FCCAD;
    }

    .Pill.Inverse.Orange {
        background: #FF784D;
    }

    .Pill.Inverse.Purple {
        background: #7a3edc;
    }

    .Pill.Inverse.Yellow {
        background: #FFC336;
    }

    .Pill.Inverse.Dark-Grey {
        background: #838B94;
    }

    .Pill.Light-Blue {
        background: rgba(86,204,242,0.3);
        color: #56CCF2;
    }

    .Pill.Fb-Blue {
        background: rgba(59,89,152,0.3);
        color: #3B5998;
    }

    .Pill.Red {
        background: rgba(235,87,87,0.3);
        color: #EB5757;
    }

.list-btn-group.Block .list-btn {
    display: block !important;
}

.Required .list-btn, .required .list-btn, .required.list-btn {
    border: thin solid #fa6900;
}

input.Required {
    border-color: #fa6900 !important;
}

.list-btn::after {
    float: right;
    font-family: 'Glyphicons Regular';
    margin-left: auto;
    margin-right: 0;
    text-align: right;
}

.list-btn.multi::after {
    background: #fff;
    color: #ccc;
    content: ' \25CF';
    margin-left: 12px;
    margin-top: -2px;
    padding-left: 9px;
    padding-right: 12px;
    position: absolute;
    right: 0;
    transition-duration: .2s;
    transition-property: background;
}

.list-btn.multi.Linked-Active::after {
    background: #235a90;
    color: #fff;
    content: "\E207";
    margin-right: 0;
    margin-top: 0;
}

.list-btn.multi.active::after {
    background: #4080ff;
    color: #fff;
    content: "\E207";
    margin-right: 0;
    margin-top: 0;
    padding-right: 8px;
}

.list-btn.multi:not(.active):hover::after {
    background: #fafbfd;
    color: #4080ff;
}

.list-btn.multi.Linked-Active:not(.active):hover::after {
    background: #235a90;
}

.list-btn {
    background: #fff;
    border: thin solid #D4E1F0;
    border-radius: 3px;
    color: #2C4560;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    margin-bottom: 6px;
    max-width: 400px;
    min-width: 120px;
    overflow: hidden;
    padding: 7px 12px;
    text-align: center;
    transition: .2s;
    white-space: nowrap;
}

    .list-btn.simple-list-btn::after, .list-btn.simple-list-btn.active::after {
        content: '';
        background: unset;
        border: none;
    }

.list-btn.simple-list-btn::before {
    background: #fff;
    border: thin solid #D4E1F0;
    border-radius: 100%;
    color: #fff;
    content: '';
    display: block;
    font-family: 'Glyphicons Regular';
    font-size: 18px;
    height: 34px;
    margin-left: 0;
    margin-right: 12px;
    margin-top: -7px !important;
    text-align: center;
    transition: .2s;
    vertical-align: sub;
    width: 34px;
}
    .list-btn.simple-list-btn.active:hover {
        background: unset;
    }

.list-btn.simple-list-btn:not(.active):hover::before{
    border-color: #BBCFE5;
    color: #BBCFE5;
}

.Required .list-btn.simple-list-btn::before {
    border: thin solid #fa6900;
}

.list-btn.simple-list-btn:not(.active):hover {
    color: unset;
}

.list-btn.simple-list-btn.active::before {
    background: #4080ff;
    border-color: #4080ff;
}

.list-btn.simple-list-btn.multi::before {
    border-radius: 4px;
    color: #D4E1F0;
    content: "\E207";
    line-height: 32px;
}

.list-btn.simple-list-btn.multi.active::before {
    color: #ffffff;
}

.list-btn.simple-list-btn {
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-inline-box;
    font-size: 14px;
    line-height: unset;
    margin-bottom: 6px;
    margin-right: 24px;
    padding-top: 7px;
    padding-left: 0;
    transition: .2s;
    vertical-align: sub;
    border: none;
}

    .list-btn.simple-list-btn.active {
        background: unset;
        color: unset;
    }

table .list-btn {
    min-width: 34px;
}

.list-btn.simple {
    height: 34px !important;
    margin: 0 !important;
    min-width: 34px !important;
    padding: 7px !important;
}

    .list-btn.simple::after {
        content: "\E207";
        margin: 0 !important;
        padding-right: 10px !important;
        width: 34px !important;
    }

.list-btn.multi {
    padding-right: 30px;
    position: relative;
    text-align: left;
}

.list-btn:hover {
    background: #fafbfd;
    border-color: #4080ff;
    color: #4080ff;
}

.list-btn.Linked-Active {
    background: #235a90;
    color: #fff;
}

.list-btn.active {
    background: #4080ff;
    border-color: #4080ff;
    color: #fff;
}

.list-btnclient .glyphicons {
    color: #ccc;
}

.list-btnclient.list-Disabled {
    cursor: default !important;
    opacity: 0.5 !important;
}

.list-btnclient::before {
    background: #fff;
    border: thin solid #D4E1F0;
    border-radius: 100%;
    color: #fff;
    content: ' \25CF';
    display: inherit;
    font-family: 'Glyphicons Regular';
    font-size: 18px;
    height: 34px;
    margin-left: 0;
    margin-right: 12px;
    text-align: center;
    transition: .2s;
    vertical-align: sub;
    width: 34px;
}

.Required .list-btnclient::before, .required .list-btnclient::before {
    background: #fa6900 !important;
    border: thin solid #fa6900 !important;
    color: #fff !important;
}

.list-btnclient:hover::before {
    border-color: #BBCFE5;
}

.list-btnclient.multi::before {
    border-radius: 4px;
    color: #D4E1F0;
    content: "\E207";
}

.list-btnclient.multi:hover::before {
    color: #A8BBCF;
}

.list-btnclient.list-Disabled:hover::before {
    border: thin solid #D4E1F0 !important;
    color: #fff !important;
}

.list-btnclient.multi.list-Disabled:hover::before {
    color: #D4E1F0 !important;
}

.list-btnclient.multi.active::before {
    color: #fff !important;
    margin-top: 0;
}

.list-btnclient {
    border-radius: 4px;
    color: #2C4560;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    margin-bottom: 6px;
    margin-right: 24px;
    transition: .2s;
    vertical-align: sub;
}

    .list-btnclient.active {
        color: #2197EF;
    }

        .list-btnclient.active::before {
            background: #2197EF;
            border: thin solid #2197EF;
            color: #2197EF;
        }

.Required .list-btnclient.active {
    color: #fa6904;
}

.btn-primary {
    background: #2197ef;
    border-color: #2197ef;
}

    .btn-primary:active:hover {
        background: #1190c7;
        border-color: #1190c7;
    }

.btn-info {
    background: #fff;
    border-color: #d9e3ed;
    color: #718BA8 !important;
}

    .btn-info[disabled] {
        background: #dde7f2 !important;
        border-color: #dde7f2 !important;
        color: #829AB4 !important;
    }

    .btn-info:hover {
        background: #eaf0f6;
        border-color: #829AB4;
    }

    .btn-info:active {
        background: #A6B9CD;
        border-color: #A8BBCF;
        color: #fff !important;
    }

    .btn-info:focus {
        background: #A6B9CD;
        color: #fff !important;
    }

    .btn-info.disabled {
        background: #f3f8fe;
    }

.btn-primary-Dark {
    background: #3e72dc;
    border-color: #3e72dc;
    color: #fff !important;
}

    .btn-primary-Dark:active:hover {
        background: #145c8d;
        border-color: #145c8d;
    }

.btn-danger {
    background-color: #fff;
    border-color: #A6B9CD;
    color: #829AB4;
}

.btn-danger-custom {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

    .btn-danger-custom:hover {
        color: #fff !important;
        background-color: #c9302c !important;
        border-color: #ac2925 !important;
    }

.btn-add {
    background: transparent;
    border: 1px dashed #1FCCAD;
    color: #1FCCAD;
}

    .btn-add:hover {
        background: #1FCCAD;
        border: thin solid #1FCCAD;
        color: #fff;
    }

    .btn-add.Blue {
        background: transparent;
        border: 1px dashed #2197ef;
        color: #2197ef;
    }

        .btn-add.Blue:hover {
            background: #2197ef;
            border: thin solid #2197ef;
            color: #fff;
        }

.btn-red {
    background-color: #c9302c;
    border-color: #ac2925;
    color: #fff;
}

    .btn-red:hover {
        background: #ac2925;
        color: #fff !important;
    }

    .btn-red:active {
        background: #c9302c;
        color: #fff !important;
    }

    .btn-red:focus {
        background: #c9302c;
        border-color: #761c19;
        color: #fff !important;
    }

.form-control.alt:focus {
    border-color: #2197ef;
}

.form-control.alt:hover {
    background: #f3f6fa;
}

.form-control.alt {
    background: #fbfbfd;
}

.form-control.lg {
    font-size: 16px;
    height: 52px;
}

.form-control.expandable {
    height: unset;
    min-height: 34px;
}

label {
    margin-bottom: 8px;
}

.form-control:hover {
    color: #111;
}

.navbar-fixed-top {
    z-index: 9999999;
}

.Z.navbar-fixed-top {
    z-index: 999999999;
}

.navbar-inverse {
    background: #2a2a2a;
    border-bottom: thin solid #0a0a0a;
    border-radius: 0;
}

.navbar-default {
    background: #2197ef;
    border: none;
    border-radius: 0;
    margin: 0;
    min-height: 42px;
}

.nav > li > a {
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px 16px;
    position: relative;
}

.file-btn {
    background: #f4f4f4;
    border-radius: 4px;
    color: #2C4560;
    cursor: pointer;
    display: block;
    margin: 1px 1px 6px;
    min-width: 100%;
    padding: 3px;
    text-align: center;
    transition: .2s;
}

.SideNav {
    background: #090d15;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 54px;
    z-index: 99999999;
}



.SideProgress {
    background: #4a4a4a;
    border-radius: 6px;
}

.Triangle-Down {
    border-color: #2197ef transparent transparent;
    border-style: solid;
    border-width: 32px 21px 0;
    height: 0;
    width: 0;
}

.Triangle-Up {
    border-color: transparent transparent #2197ef;
    border-style: solid;
    border-width: 0 21px 32px;
    height: 0;
    width: 0;
}

.Triangle-Up-Red {
    border-color: transparent transparent #d9534f;
    border-style: solid;
    border-width: 0 21px 32px;
    height: 0;
    width: 0;
}

.Triangle {
    border-color: #2197ef transparent transparent;
    border-style: solid;
    border-width: 18px 12px 0;
    height: 0;
    transition: .2s;
    width: 0;
}

.Triangle-Left {
    border-color: transparent #2197ef transparent transparent;
    border-style: solid;
    border-width: 22px 26px 22px 0;
    float: right;
    height: 0;
    margin-right: -16px;
    margin-top: -16px;
    transition: .3s;
    width: 0;
}

.active .Triangle-Left {
    border-width: 26px 30px 25px 0;
}

.Border-box {
    background: #f4f5f8;
    border-bottom: thin solid #D4E1F0;
}

.Relationship-row {
    background: 0;
    padding: 6px 0;
    transition: .2s;
}

    .Relationship-row:hover {
        background: #f7f8fa;
    }

    .Relationship-row .icon-close {
        color: transparent;
        transition: .2s;
    }

.Valid-Div:not(.form-control) {
    background: #fff;
    border: 1px solid;
    border-radius: 0 4px;
    color: #77e0c6;
    font-size: 16px;
    padding: 5px;
    position: absolute;
    right: -1px;
    top: -1px;
}

.Valid-Div.InValid:not(.form-control) {
    background: #fff;
    border-color: #A6B9CD;
    color: #212121;
    cursor: default;
    font-size: 20px;
    font-weight: 900;
    opacity: 1;
    padding: 1px 10px;
}

.alert {
    border: thin solid transparent;
    border-radius: 0;
    box-shadow: 0 2px 12px rgba(0,0,0,0.2);
    margin-bottom: 20px;
    padding: 15px;
    position: fixed;
    right: calc(50vw - 200px);
    text-align: center;
    top: -400px;
    transition: .3s;
    width: 400px;
    z-index: 99999999999;
}

    .alert.active {
        top: 16px;
    }

.alert-success {
    background-color: #1FCCAD;
    border-color: rgba(76,218,112,1);
    color: #fff;
}

.alert-danger {
    background-color: rgba(173,0,0,1);
    border-color: rgba(173,0,0,0.80);
    color: #fff;
}

.alert-warning {
    background-color: rgba(250,105,0,1);
    border-color: #fa6900;
    color: #fff;
}

.alert-Information {
    background-color: #fafbfd;
    border-color: #D4E1F0;
    color: #2C4560;
    padding: 10px;
}

.alert-blue {
    background-color: #1545a6;
    border-color: #1545a6;
    color: #fff;
}

.StaticAlert {
    border: thin solid transparent;
    color: #fff;
    margin-bottom: 20px;
    padding: 15px;
}

    .StaticAlert.alert-success {
        background: #1fce3d;
    }

.alert-Nav {
    opacity: 0;
    padding: 12px 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 48px;
    transition: .2s;
    width: calc(100% - 64px);
    z-index: 99999999;
}

.Picker-Center .picker__holder {
    background: rgba(41,53,76,0.5);
    bottom: auto;
    box-shadow: none;
    display: none;
    float: none;
    height: 100vh;
    left: 0;
    margin: 0 auto;
    max-width: 100%;
    min-height: 100vh;
    padding-top: calc(50vh - 150px);
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
}

.Picker-Center .picker__frame {
    background: #fff;
    box-shadow: 0 2px 14px rgba(0,0,0,.25);
    margin: auto;
    max-width: 400px;
}

.ct-label.ct-horizontal.ct-end {
    margin-left: -10px;
}

.Line-loader:before, .Line-loader:after, .Line-loader {
    -webkit-animation: load7 1.8s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation: load7 1.8s infinite ease-in-out;
    animation-fill-mode: both;
    border-radius: 50%;
    height: 2.5em;
    width: 2.5em;
}

.Line-loader {
    -ms-transform: translateZ(0);
    -webkit-animation-delay: -.16s;
    -webkit-transform: translateZ(0);
    animation-delay: -.16s;
    color: #2197ef;
    font-size: 10px;
    margin: -30px auto 50px;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0);
}

    .Line-loader:before {
        -webkit-animation-delay: -.32s;
        animation-delay: -.32s;
        left: -3.5em;
    }

    .Line-loader:after {
        left: 3.5em;
    }

    .Line-loader.sm {
        margin-bottom: 20px;
        margin-top: -20px;
    }

        .Line-loader.sm:before, .Line-loader.sm:after, .Line-loader.sm {
            height: 1em;
            width: 1em;
        }

            .Line-loader.sm:before {
                left: -1.5em;
            }

            .Line-loader.sm:after {
                left: 1.5em;
            }

    .Line-loader.timeline-search {
        margin-bottom: 5px;
        margin-top: -5px;
    }

        .Line-loader.timeline-search:before, .Line-loader.timeline-search:after, .Line-loader.timeline-search {
            height: .3em;
            width: .3em;
        }

            .Line-loader.timeline-search:before {
                left: -.5em;
            }

            .Line-loader.timeline-search:after {
                left: .5em;
            }

.AjaxActive {
    cursor: default !important;
    display: inline-flex;
}

.Line-loader-Btn:before, .Line-loader-Btn:after, .Line-loader-Btn {
    -webkit-animation: load7 1.8s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation: load7 1.8s infinite ease-in-out;
    animation-fill-mode: both;
    border-radius: 50%;
    height: .5em;
    width: .5em;
}

.Line-loader-Btn {
    -ms-transform: translateZ(0);
    -webkit-animation-delay: -.16s;
    -webkit-transform: translateZ(0);
    animation-delay: -.16s;
    color: inherit;
    margin: -2.1em 1.6em 0;
    transform: translateZ(0);
}

    .Line-loader-Btn:before {
        -webkit-animation-delay: -.32s;
        animation-delay: -.32s;
        left: -1em;
    }

    .Line-loader-Btn:after {
        left: 1em;
    }

.circular-loader {
    -ms-transform-origin: center center;
    -webkit-animation: rotate 2s linear infinite;
    -webkit-transform-origin: center center;
    animation: rotate 2s linear infinite;
    height: 75px;
    left: 50px;
    margin: auto;
    top: 0;
    transform-origin: center center;
    width: 75px;
}

.loader-sm {
    height: 32px;
}

.circular-loader-white {
    -ms-transform-origin: center center;
    -webkit-animation: rotate 2s linear infinite;
    -webkit-transform-origin: center center;
    animation: rotate 2s linear infinite;
    height: 75px;
    left: 50px;
    margin-right: 5px;
    top: 0;
    transform-origin: center center;
    width: 75px;
}

.loader-path {
    -webkit-animation: dash 3s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 3s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-dasharray: 89,200;
    stroke-dashoffset: -10;
    stroke-linecap: round;
}

.loader-path-white {
    -webkit-animation: dash 3s ease-in-out infinite, color-white 6s ease-in-out infinite;
    animation: dash 3s ease-in-out infinite, color-white 6s ease-in-out infinite;
    stroke-dasharray: 89,200;
    stroke-dashoffset: -10;
    stroke-linecap: round;
}

.Vertical-Align-Parent {
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

    .Vertical-Align-Parent .Vertical-Align {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

.inner-addon .glyphicon, .inner-addon .glyphicons {
    padding: 4px 5px;
    pointer-events: none;
    position: absolute;
}

.right-addon input {
    padding-right: 36px;
}

.glyphicons {
    vertical-align: middle !important;
}

.btn .glyphicons, .btn .glyphicon {
    padding: 5px 4px 4px;
}

.NavDropdown {
    top: 42px;
}

.af_list {
    border: none !important;
    box-shadow: 0 2px 18px 1px rgba(0,0,0,0.2) !important;
    font-size: 14px !important;
    margin-top: 6px !important;
    width: 720px;
}

.af_item {
    border-bottom: none !important;
    color: #2C4560 !important;
    padding: 9px 5px !important;
    transition: .2s;
}

.af_footer {
    position: fixed !important;
    z-index: -999 !important;
}

.af_hover {
    background-color: #3e72dc !important;
    color: #fff !important;
}

.Key-Contact-Dot {
    background: rgba(255,193,7,0.2);
    border: thin solid #A6B9CD;
    border-radius: 100%;
    color: #A6B9CD;
    cursor: pointer;
    display: inline-flex;
    float: right;
    font-size: 10px;
    height: 19px;
    padding: 4px;
    transition: .2s;
    width: 19px;
}

    .Key-Contact-Dot:not(.active):hover {
        border: rgba(255,193,7,0.6);
        color: rgba(255,193,7,0.6);
    }

    .Key-Contact-Dot.active {
        background: rgba(21,26,37,0.2);
        border: thin solid #ffc107;
        color: #ffc107;
    }

.datalist-polyfill {
    background: #FFF;
    box-shadow: 0 2px 2px #A8BBCF;
    display: none;
    left: 0;
    list-style: none;
    margin: 0;
    max-height: 300px;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 99999999999999;
}

    .datalist-polyfill > li {
        font: 13px "Lucida Grande", Sans-Serif;
        padding: 3px;
    }

        .datalist-polyfill > li:hover {
            background: #1FCCAD;
            cursor: default;
        }

.datalist-polyfill__active {
    background: #3875d7;
    color: #FFF;
}

.TimelineObject {
    clear: both;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}

.TimelineIcon {
    background: #fafbfd;
    border: thin solid #A6B9CD;
    border-radius: 100%;
    color: #577A9F;
    display: block;
    font-size: 12px;
    height: 28px;
    margin-left: auto;
    padding: 4px;
    text-align: center;
    width: 28px;
}

    .TimelineIcon .glyphicon {
        top: 2px;
    }

    .TimelineIcon.Won {
        background: #77E0C6;
        border-color: #1FCCAD;
        color: #fff;
    }

    .TimelineIcon.Lost {
        background: #EB5757;
        border-color: #EB5757;
        color: #fff;
    }

.pac-container {
    z-index: 9999999999999;
}

    .pac-container:after {
        background-image: unset;
        height: unset;
        padding: unset;
    }

#launcher {
    max-width: 113px !important;
}

.ql-snow .ql-tooltip {
    z-index: 999;
}

.ExpenseDefault {
    border: thin solid #2197ef;
    border-radius: 4px;
    color: #2197ef;
    cursor: pointer;
    font-weight: bold;
    margin-right: 6px;
    padding: 6px;
    transition: .2s;
}

    .ExpenseDefault:hover {
        background: rgba(33,151,239,0.04);
    }

.form-control-default {
    border: thin solid #2197ef;
    color: #2197ef;
    cursor: pointer;
    font-weight: bold;
    padding: 6px;
    transition: .2s;
}

    .form-control-default:hover {
        background: rgba(33,151,239,0.1);
    }

.WideTooltip .tooltip {
    min-width: 200px;
}

#intercom-container {
    position: relative;
    z-index: 100000000 !important;
}

.policy-product-documents-section {
    background-color: #FAFBFD;
    color: #7bcaff;
    text-align: center;
    width: 100%;
}

    .policy-product-documents-section > * {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .policy-product-documents-section .ProductEvent {
        display: inline-block;
        margin: -2px 0 0 25px;
    }

    .policy-product-documents-section .TimelineIcon {
        background: none;
        color: #959BA2;
        display: inline-block;
    }

    .policy-product-documents-section .policy-event-title {
        color: #2C4560;
    }

    .policy-product-documents-section .policy-event-date {
        color: #959BA2;
    }

    .policy-product-documents-section .Timeline-Policy-Event .icon-calendar, .policy-product-documents-section .Timeline-Policy-Event .icon-arrow-down-circle {
        margin-right: 3px;
    }

    .policy-product-documents-section .Timeline-Policy-Event .policy-event-buttons {
        font-size: 15px;
        margin-top: -4px;
    }

.import-benefit-col:nth-child(even) {
    border-right: thin solid #A6B9CD;
}

.content-accordian-body {
    background: #FBFBFC;
}

c, .content-accordian-body, .Pointer {
    cursor: pointer;
}

.Tile-Header, .multiselect.form-control, .Relative, .dropdown-submenu, .inner-addon {
    position: relative;
}

.HeaderBox .Headerfooter, .ql-container.ql-snow {
    border: none;
}

.content-box.alt, select.form-control, .Border-Basic {
    border: thin solid #D4E1F0;
}

.content-box.lg .content-header h5, .Margin-Zero-B {
    margin-bottom: 0;
}

.content-box.lg .tab-bar, .left-addon input {
    padding-left: 36px;
}

.content-dialog .content-footer, .Stage-Footer .Center, .CRMTable, .ModalTable tbody tr:first-of-type, .Border-Basic-Top {
    border-top: thin solid #D4E1F0;
}

li.active h6, .Colour-White, a.Colour-White, .Bg-Md-Grey-Important .active .Search-Clear:hover, .list-btnclient.active .glyphicons {
    color: #fff;
}

.form-remove:hover, .Relationship-row .icon-close:hover {
    color: #C9302C;
}

.content-header h3, .content-header h4, .content-accordian-header h4, .content-accordian-header .Content-Section h5, .header-block h3, .header-block h4, .anchor-list li h5, .Margin-Z, .Margin-Zero {
    margin: 0;
}

.content-hidden, .Sort-Header .sort-icon, [hidden] {
    display: none;
}

.content-accordian.open .content-accordian-header .caret:not(.down), .caret.up {
    border-bottom: 4px dashed;
    border-top: none;
}

.NoPreview, .Colour-White-Important, .Bg-Md-Grey-Important #Search-Bar::-webkit-input-placeholder, .Pill.Inverse, .Line-loader.White {
    color: #fff !important;
}

.col-two .content-header, .Bg-White {
    background: #fff;
}

.progress-advisor.active .progress-bar-advisor, .progress-bar-advisor.active, .progress.active .progress-bar, .progress-bar.active {
    -o-animation: progress-bar-stripes .6s linear infinite;
    -webkit-animation: progress-bar-stripes .6s linear infinite;
    animation: progress-bar-stripes .6s linear infinite;
}

.progress-striped .progress-bar-advisor, .progress-bar-striped, .progress-striped .progress-bar, .progress-bar-striped {
    -webkit-background-size: 40px 40px;
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25% transparent 25% transparent 50% rgba(255,255,255,.15) 50% rgba(255,255,255,.15) 75% transparent 75% transparent);
    background-size: 40px 40px;
}

.btn-text .icon-plus, .Sort-Header.asc .asc, .Sort-Header.dec .dec {
    display: contents;
}

.btn-text.Colour-Green, .Colour-Green, a.Colour-Green {
    color: #1FCCAD;
}

.element-section, .Margin-Bottom-m {
    margin-bottom: 16px;
}

.tile-element .tile-btn, .FullWidth {
    width: 100%;
}

.tile-btn.active:hover, .Bg-Dark-Blue, .list-btn.multi.active:hover::after, .list-btn.active:hover {
    background: #3e72dc;
}

.tile-btn.list-Disabled, .list-btn.list-Disabled {
    cursor: default !important;
    opacity: 0.6 !important;
}

input, select, textarea, .MaxWidth400 {
    max-width: 400px;
}

.EntityIcon.Family, .EntityIcon.Partner {
    background: #c4d6e8;
}

.EntityIcon.Other, .Pill.Inverse.Grey {
    background: #A6B9CD;
}

.EntityIcon.LTC, .EntityIcon.Trust {
    background: #30b4ff;
}

.content-list, .anchor-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .content-list li.active, .anchor-list li.active a {
        background: #3E72DC;     
        color: #fff;
    }

    .content-list li.active .Colour-Red.glyphicons-alert {
        background: #3E72DC;
        color: #fff;
    }

    .content-list li:not(.active) .Colour-Red.glyphicons-alert {
        color: #D9534F;
    }

.Stage-Select-List li:hover, .CRMTable a:hover {
    color: #2C4560;
}

.CRMTable:not(.Static) tbody tr:hover, .tab-bar.alt > li.active > a, .tab-bar.alt > li.active > a:hover, .tab-bar.alt > li.active > a:focus, .Bg-Light-Grey {
    background: #FAFBFD;
}

.CRMTable tbody tr:hover .menu-hover, .alert-Nav.active {
    opacity: 1;
}

.Left-Abs, .left-addon .glyphicon, .left-addon .glyphicons {
    left: 0;
}

.Right-Abs, .right-addon .glyphicon, .right-addon .glyphicons {
    right: 0;
}

.Block, .dropdown-submenu:hover > .dropdown-menu, .Picker-Center .picker--opened .picker__holder {
    display: block;
}

.Colour-Blue, a.Colour-Blue, .dropdown.open .dropdown-toggle .glyphicons {
    color: #2197ef;
}

.Colour-Grey, a.Colour-Grey, .Relationship-row:hover .icon-close {
    color: #A6B9CD;
}

.Margin-Left-xsm, .policy-product-documents-section #Schedule_File-Html {
    margin-left: 6px;
}

.Margin-Right-xsm, .policy-product-documents-section #Anniversary_File-Html {
    margin-right: 6px;
}

.FullMaxWidth, textarea.FullWidth {
    max-width: 100%;
}

.Transition02, .Hover {
    transition: .2s;
}

.Border-r4, .policy-product-documents-section .ProductEvent > div {
    border-radius: 4px;
}

.Underlined, .Text-Underlined {
    text-decoration: underline;
}

/*__Grabbing________________________________________*/

.grabbable {
    cursor: default; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

    /* (Optional) Apply a "closed-hand" cursor during drag operation. */
    .grabbable:active {
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }

/*__Animation________________________________________*/

.policy-event-title:hover, .policy-event-date:hover {
    text-decoration: underline;
    text-decoration-style: dashed;
}

.hdpi.pac-logo:after, .Md-Show, .Mobile-Show, .Tablet-Show, .Sm-Show, .af_empty, .Hidden-Important, .datalist-polyfill:empty {
    display: none !important;
}

.list-btn-group.lg .list-btn, .lg .list-btnclient {
    padding: 12px;
}

.Required > .list-btnclient, .required .list-btnclient, label.required {
    color: #fa6900 !important;
}

    .Required .list-btnclient::before, .required .list-btnclient::before, .required, .Required, .required:focus, .Required:focus {
        border-color: #fa6900 !important;
    }

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

.btn-info:active:hover, .btn-info:focus:active {
    background: #9eafc2;
}

.btn-primary-Dark:hover, .btn-primary-Dark:active {
    background: #2a77ca;
    border-color: #2a77ca;
    color: #fff !important;
}

.btn-primary-Dark:focus, .btn-primary-Dark:focus:active {
    background: #2a77ca;
    border-color: #2a77ca;
}

.btn-red:active:hover, .btn-red:focus:active {
    background: #761c19;
    border-color: #761c19;
}

.Line-loader:before, .Line-loader:after, .Line-loader-Btn:before, .Line-loader-Btn:after {
    content: '';
    position: absolute;
    top: 0;
}

.line-top, .TimelineIcon .glyphicons {
    vertical-align: top !important;
}

.fr-toolbar {
    border-color: #D4E1F0 !important;
}

.fr-wrapper {
    border-color: #D4E1F0 !important;
}

.badge.question-mark {
    max-width: 15px;
    max-height: 15px;
    padding: 0px 5px;
    background-color: #ccc !important;
}

.background-light-grey {
    background-color: #FAFBFD;
}

.activity-comment-wrapper, .activity-comment-wrapper-new {
    border-radius: 4px;
    padding: 10px;
}

.comment-header .icon-pencil {
    opacity: 0.2;
}

.comment-header .icon-pencil:hover {
    opacity: 0.8;
}

.comment-list, .activity-comment-list {
    overflow-y: scroll;
}

.comment-list.StyledScroll::-webkit-scrollbar-track , .activity-comment-list.StyledScroll::-webkit-scrollbar-track {
    background-color: #FAFBFD;
}

.comment-list .activity-comment .comment-header, .activity-comment-list .activity-comment-new .comment-header  {
    color: #829AB4;
    font-size: 11px;
    font-family: Roboto;
    padding-top: 10px;
}

.comment-list .activity-comment .comment-header .date-created, .activity-comment-list .activity-comment-new .comment-header .date-created, .Weight600 {
    font-weight: 600;
}

.comment-list .activity-comment .comment-header .created-by, .activity-comment-list .activity-comment-new .comment-header .created-by {
    font-style: italic;
}

.comment-list .activity-comment:not(:first-child), .activity-comment-list .activity-comment-new:not(:first-child) {
    margin-top: 10px;
}

.comment-list .activity-comment .comment-header, .activity-comment-list .activity-comment-new .comment-header {
    margin-bottom: 4px;
}

.activity-comment-wrapper .collapseable, .activity-comment-wrapper-new .collapseable-new {
    border-top: none;
    margin-top: -4px;
    justify-content: center;
    border-radius: 4px;
}

.activity-comment, .activity-comment-new {
    border-top: thin solid rgba(217, 227, 238, 0.5);
}

.no-border-bottom {
    border-bottom: none;
}

.collapseable .arrow-up, .collapseable .arrow-down, .collapseable-new .arrow-up, .collapseable-new .arrow-down {
    color: #A6B9CD;
    font-size: 20px;
    margin-bottom: 4px;
}

.collapseable.collapsed .arrow-up, .collapseable.expanded .arrow-down, .collapseable-new.collapsed .arrow-up, .collapseable-new.expanded .arrow-down {
    display: none;
}

.collapseable.collapsed .arrow-down, .collapseable.expanded .arrow-up, .collapseable-new.collapsed .arrow-down, .collapseable-new.expanded .arrow-up {
    display: flex;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.connection-warning {
    position: absolute;
    color: white;
    width: 100%;
    z-index: 9;
    top: 95px;
    left: 0px;
    text-align: center;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.connection-warning h4 {
    font-size: 1.15em;
    justify-content: center;
}

.connection-warning.disconnected{
    background: #C9302C;
    opacity: 1;
}

.connection-warning.reconnected{
    background: #5FD3B6;
    opacity: 1; 
}

.unread-notification {
    background: #F0F8FF;
}

@-webkit-keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1,1;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 2,;
        stroke-dashoffset: -50;
    }

    100% {
        stroke-dasharray: 3,3;
        stroke-dashoffset: -100;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 5,200;
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dasharray: 200,200;
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes color {
    0% {
        stroke: #1980ff;
    }

    40% {
        stroke: #2DD2FF;
    }

    66% {
        stroke: #5DD2FF;
    }

    80%, 100% {
        stroke: #1980ff;
    }
}

@keyframes color {
    0% {
        stroke: #1980ff;
    }

    40% {
        stroke: #2DD2FF;
    }

    66% {
        stroke: #5DD2FF;
    }

    80%, 100% {
        stroke: #1980ff;
    }
}

@-webkit-keyframes color-white {
    0% {
        stroke: #fff;
    }

    40% {
        stroke: #fff;
    }

    66% {
        stroke: #fff;
    }

    80%, 100% {
        stroke: #fff;
    }
}

@keyframes color-white {
    0% {
        stroke: #fff;
    }

    40% {
        stroke: #fff;
    }

    66% {
        stroke: #fff;
    }

    80%, 100% {
        stroke: #fff;
    }
}

@media (min-width: 720px) {
    .tile-row {
        margin: 0 -6px;
    }

    .col-one {
        width: 500px;
    }

    .col-two {
        width: 220px;
    }

    .tile-element {
        padding: 0 6px;
        width: 49%;
    }
}

@media (max-width: 1020px) {
    .Filefont {
        font-size: 9px !important;
    }

    .Widthfill {
        width: 41.66666667%;
    }

    .Emaildisplay {
        line-height: 15px !important;
    }

    .Timedash {
        left: 14px;
    }
}

@media (min-width: 1070px) {
    .tile-row {
        margin: 0 -8px;
    }

    .tile-element {
        padding: 0 8px;
        width: 24%;
    }

    .col-one {
        width: 700px;
    }

    .col-two {
        width: 240px;
    }
}

@media (min-width: 1200px) {
    .col-one {
        width: 820px;
    }

    .col-two {
        width: 320px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
        line-height: 1em;
    }
}

@media (max-width: 1750px) {
    .activity-comment-wrapper {
        max-height: 305px !important;
    }
}

@media (max-width: 1550px) {
    .activity-comment-wrapper {
        max-height: 250px !important;
    }
}

@media (max-width: 1440px) {
    input, button, select, textarea {
        font-size: 14px !important;
    }

    h4, .h4, h5, .h5, h6, .h6 {
        margin-bottom: 8px;
        margin-top: 8px;
    }

    p, label {
        margin-bottom: 8px;
    }

    .Margin-Bottom {
        margin-bottom: 20px;
    }

    .activity-comment-wrapper {
        max-height: 175px !important;
    }
}

@media (max-width: 1320px) {
    h4, .h4, h5, .h5, h6, .h6 {
        margin-bottom: 6px;
        margin-top: 6px;
    }

    p, label {
        margin-bottom: 6px;
    }

    .Margin-Bottom {
        margin-bottom: 18px;
    }

    .Md-Hide {
        display: none;
    }

    .Md-Show {
        display: block !important;
    }

    .Container-Navbar .btn, .filter-group {
        margin-right: 10px !important;
    }

    #DisclosureSettings-Div, #OrganisationDisclosures-Div {
        max-width: 854px;
    }

    .DisclosuresList .tab-bar {
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .DisclosuresList .tab-bar li {
        white-space: nowrap;
    }

    .DisclosuresList .tab-bar.StyledScroll::-webkit-scrollbar {
        height: 8px !important;
    }

    .DisclosuresList ul.tab-bar li:last-of-type a {
        margin-right: 36px;
    }
}

@media (max-width: 1192px) {
    .Sm-Hide {
        display: none !important;
    }

    .Sm-Show {
        display: block !important;
    }
}

@media (max-width: 1070px) {
    .Tablet-Hide {
        display: none !important;
    }

    .Tablet-Show {
        display: block !important;
    }
}

@media (max-width: 992px) {
    select {
        -webkit-appearance: none;
        cursor: pointer;
    }

    .Mobile-Float-None {
        float: none;
    }

    .Mobile-Hide {
        display: none !important;
    }

    .Mobile-Overflow {
        overflow: hidden !important;
    }

    .Mobile-Fixed {
        position: fixed !important;
    }

    .Mobile-FullWidth {
        max-width: 100%;
        width: 100%;
    }

    .Mobile-Show {
        display: block !important;
    }

    .Mobile-Scroll {
        min-height: 700px;
        overflow-x: auto !important;
    }

    .Mobile-Font {
        font-size: 12px;
    }

    .Mobile-Center {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center;
    }

    .Mobile-Flex {
        -ms-flex: 1;
        -webkit-flex: 1;
        display: flex;
    }

    .Mobile-Width240 {
        max-width: 240px;
    }

    .Title {
        font-size: 2.8em;
    }

    .navbar-fixed-top h3 {
        margin-bottom: 18px;
    }

    .alert {
        right: -100vw;
        width: 100vw;
    }

    .alert-Nav {
        left: 0;
        opacity: 0;
        padding: 16px;
        position: fixed;
        right: 0;
        text-align: center;
        top: 48px;
        transition: .2s;
        width: 100%;
        z-index: 99999999;
    }
}

@media (max-width: 768px) {
    .Mobile-sm-Flex {
        display: flex;
    }

    .Mobile-sm-Block {
        display: block;
    }

    .Mobile-sm-FullWidth {
        max-width: 100%;
        width: 100%;
    }

    .Title {
        font-size: 2.2em;
    }

    .Fade:not(.popover):not(.tooltip) {
        margin: initial;
        opacity: 100 !important;
        transition: .5s;
        transition-delay: .1s;
    }

    .FadeOut {
        opacity: 0 !important;
    }

    .FadeOutUp, .FadeOutDown, .FadeOutDown-sm, .FadeOutRight, .FadeOutLeft-lg, .FadeOutRight-lg, .FadeOutLeft {
        opacity: 0;
    }
}

@media (print) {
    .Print-Show {
        display: block !important;
    }

    .Print-col-md-12 {
        width: 100% !important;
    }

    .Print-Hide, .SideNav {
        display: none !important;
    }
}

@media (max-width: 720px) {
    .ExpenseDefault {
        padding: 16px 6px !important;
    }
}

.second-toolbar {
    display: none !important
}

.Flex.space-between {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

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

.Flex.space-evenly {
    display: flex;
    justify-content: space-evenly;
}

.no-border-top {
    border-top: none;
}

.no-horizontal-border {
    border-top: none !important;
    border-bottom: none !important;
}

.SubTitle {
    font-size: 12px;
    color: #A8BBCF;
}

.table-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #3e72dc05;
    z-index: 3;
}
.disabled-a-button {
    pointer-events: none;
}

.roboto-medium {
    font-weight: 500;
    font-family: Roboto;
}

.lato {
    font-family: 'Lato';
}
.content-box.lg .content-header h4.opportunity-owner-name {
    letter-spacing: 0px;
    text-transform: none;
    font-weight: 400;
    color: #2197ef;
}

h4.opportunity-owner-name {
    letter-spacing: 0px;
    text-transform: none;
    font-weight: 400;
    color: #2197ef;
}

.email-recipient-section {
    max-height: 46px;
    overflow: auto;
    line-height: normal;
}

.justify-center {
    justify-content: center;
}

.flex-wrap {
    flex-wrap: wrap;
}

.filter-group {
    display: flex;
    background-color: #EDF5FF;
    border-radius: 4px;
    margin-left: 8px;
    margin-right: 20px;
    padding: 2px;
    height: 40px;
    align-items: center;
}

.filter-group>div:not([style*="display: none"]), .filter-group>button {
    margin-right: 12px;
}

.filter-group .btn:last-of-type{
    margin-right: 0 !important;
}

.Margin-Left-md {
    margin-left: 12px;
}

.width70P {
    width: 70%;
}
/* Styled List Items */
.coloured-bullet {
    list-style: none; /* Remove default bullets */
    padding-left: 1em;
    margin-bottom: 1.5em;
}
    .coloured-bullet li{
        font-size: 13px;
        padding: 3px 0;
    }

        .coloured-bullet li::before {
            font-size: 11px;
            content: "\2022"; /* UNICode for a Dot*/
            color: #2197EF;
            font-weight: bold;
            display: inline-block;
            width: 1.5em;
            margin-left: -1em;
        }

.fr-second-toolbar{
    display:none;
}

/* Date Picker related styles */

/* The remodal plugin adds a transform: translate3d(0,0,0) rule by default, which is preventing
    the date picker from fixing the modal to the top of the page. This causing the date picker
    to be hidden (partially or fully) when the underlying dialog is scrolled.

    translate3d is generally used to enable hardware acceleration on specific elements so in this
    instance it should be fairly save to turn off. Nevertheless, we should keep an eye on any
    performance degradation when opening/closing dialogs.

    See https://stackoverflow.com/questions/28157125/why-does-transform-break-position-fixed for more
    details.
*/
.remodal.remodal-is-opened {
    transform: none;
}

/* By default the date picker fades the background from white to grey, which can be a bit jarring.
    This animation has been disable to improve the user experience.
*/
.picker--opened .picker__holder {
    transition: none;
}

img[src$='/Content/Media/Images/Icons/CheckBoxEmpty.svg'], img[src$='/Content/Media/Images/Icons/CheckBox.svg'] {
    margin-left: 5px !important;
    margin-right: 5px !important;
    vertical-align: baseline !important;
    top: 1px !important;
}

.tab-select-disclosure-type {
    cursor: none;
    padding:10px;
}

.outline-none {
    outline: none !important;
}

tr.invisible-team-row {
    background-color: #d5d7da !important;
}

.list-setting-tag
{
    display: inline-table;
    height: 12px;
    width: 12px;
    margin: 5px 5px;
    border-radius: 41px;
}
    .list-setting-tag:hover,
    .list-setting-tag:focus {
        transform: scale(1.5);
    }

.dropdown-menu-tag-setting
{
    min-width: 100px;
    width: 145px;
    padding-left: 10px !important;
    padding-bottom: unset !important;
    padding-top: 5px !important;
}

.tag-tooptip-wrapper .tooltip.in {
  opacity: 0.95;
}
  .tag-tooptip-wrapper .tooltip.in span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 290px;
  }

.remove-tag {
    margin-top: 2px;
    margin-left: -18px;
    padding-left: 4px;
}

.Pill-Tag {
    margin: 0 3px;
    border-radius: 100px;
    font-size: 14px;
    padding: 3px 10px;
    text-align: center;
    white-space: nowrap;
}

.tooltip-tag {
  flex-wrap: wrap;
  justify-content: space-around;
  line-height: 1.42857143;
  line-break: auto;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  max-width: 222px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

.tooltip-profile { 
    display: none;
  }

  .tooltip-tag.tooltip-below {
    transform: translateY(0);
    margin-top: 5px;     
  }

.mg-profile-tag {
    margin-top: 15px;
    margin-left: -50px;
}

.tag-list {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    display: inline-block;
   /* margin-left: 21px;*/
    margin-right: 10px;
}

.tag-list-setting {
    margin-top: 12px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 21px;
    margin-right: 10px;
}

.w-340 {
    width: 340px;
}

.Search-Tag {
    border-top: 1px solid #D4E2F2;
    border-bottom: 1px solid #D4E2F2;
    padding-top: 10px;
    height: 58px;
}
  /*.Search-Tag {
    opacity: 100;
    margin-left: 0px;
    padding: 8px 12px;
    padding-top: 9px;
    background: #fafbfd;
    cursor: pointer;
}*/


  .Search-Tag .form-control {
    height: 34px;
    border: none;
    background: rgba(255, 255, 255, 0.1);
  }

    .Search-Tag .form-control:hover {
      /*background: rgba(255, 255, 255, 0.8);*/
    }

    .Search-Tag .form-control:focus {
      /*background: #fff;*/
      box-shadow: none;
    }

.Input-Seach {
    border: 1px solid #D4E2F2;
    height: 36px;
    margin-left: 21px;
    border-radius: 5px;
}
.List-Tag
{
    max-height: 350px;
    overflow: auto;
}



.Mg-l-21 {
    margin-left:21px;
}

.wrap-tag {
    flex-wrap: wrap;
    padding-bottom: 10px;
    padding-left: 15px;    
    padding-top: 12px;
    background-color: #F4F9FF;
}

.list-profile-tag 
{
    margin: 5px 3px;
    display:flex;
    padding: 1px 8px;
    opacity: 1;
    border-radius: 41px;
    white-space: nowrap;
    overflow:hidden;
}

  .list-profile-tag span {
    min-width: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width:290px;
  }

.dropdown-menu-tag {
    position: absolute;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 4px;
    padding:0 0 12px 0;
    margin: 6px 0 0 -90px;
    border: thin solid #D4E1F0;
    box-shadow: 0 6px 24px rgb(0 39 68 / 25%);
}

  .dropdown-menu-tag li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #2C4560;
    white-space: nowrap;
  }

  .dropdown-menu-tag li a:hover,
  .dropdown-menu-tag li a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
  }

.client-profile-tag {
    margin-top: -12px;
    margin-left: 50px;
}

.Profile-Tag {
    cursor: default;
    margin-left: 3px;

}

.bulk-tag-list {
    margin-left: 10px;
}

.Search-Tag-Bulk {
    border: unset;
    padding-top: 10px;
    height: 78px;
}

.w-50 {
    width: 50%;
}

.dropdown-menu-tag-client {
    margin-top: 40px;
    position: absolute;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 4px;
    padding: 12px 0;
    border: thin solid #D4E1F0;
    box-shadow: 0 6px 24px rgb(0 39 68 / 25%);
    max-height: 239px;
    overflow: auto;
}

.checkbox-client-tag {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.dropdown-menu-tag-client li label:hover,
.dropdown-menu-tag-client li label:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.mg-l-5 {
    margin-left: 5px;
}

.existing-tag {
    margin-left: 8px;
    color: #D78100;
}

.Disabled-Bg {
    background-color: #eee !important;
}

.Background-Gray {
    background-color: #F1F1F1;
}

.Admin-Table {
    border-collapse: collapse !important;
}

.Admin-BT {
    border-top: thin solid #D4E1F0;
}

.Admin-Foot {
    background-color: #F3F6FA !important;
}
.Disabled-Input {
    background-color: #eee !important;
    opacity: 0.6 !important;
}

.pd-t-15 {
    padding-top: 15px;
}

.pd-t-l-15 {
    padding-left: 15px;
    padding-top: 15px;
}

.pd-l-unset {
    padding-left: unset !important;
}

.pd-r-unset {
    padding-right: unset !important;
}

.add-task {
    color: #19BBA8;
}

.border-bot {
    border-bottom: thin solid #D4E1F0;
}

.pd-t-8 {
    padding-top: 8px;
}

.min-height-475 {
    min-height: 475px;
}

.w-96 {
    width: 96% !important;
}

.add-note-comment {
    cursor:pointer; 
    color: #1FCCAD !important; 
    float: right;
}

.drag-handle {
    color: #2197EF;
    display: inline-block;
    cursor: move;
    cursor: -webkit-grabbing;
}

.w-100 {
    width: 100%;
}

.strikeText {
    text-decoration: line-through;
}

.Box-Shadow-Unset {
    box-shadow: unset !important;
}

.Lato-400 {
    font-family: 'Lato';
    font-weight: 400;
}

.MinFontSize {
    font-size: 1em;
}

.mg-t-20 {
    margin-top: 20%;
}

.Overlay.Main-Opp {
    background: rgba(41,53,76,0.9);
    z-index: 99999999999;
}

.Font-Weight-600 {
    font-weight: 600;
}

.Font-Weight-700 {
    font-weight: 700;
}

.vertical-top {
    vertical-align: top;
}

.pd-l-15 {
    padding-left: 15px;
}

.Padding-Top-24 {
    padding-top: 24px;
}

.Padding-Bottom-26 {
    padding-bottom: 26px;
}
.external-login-btn.Microsoft .icon {
    content:url(/Content/Media/Images/Icons/external-login-microsoft.svg);
    filter: invert(99%) sepia(4%) saturate(373%) hue-rotate(163deg) brightness(117%) contrast(100%);
}

.external-login-icon.grey {
    filter: invert(87%) sepia(99%) saturate(4948%) hue-rotate(175deg) brightness(92%) contrast(93%);
}

.external-login-btn.Google .icon {
    content:url(/Content/Media/Images/Icons/external-login-google.svg);
    filter: invert(99%) sepia(4%) saturate(373%) hue-rotate(163deg) brightness(117%) contrast(100%);
}

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

.fund-empty {
    color: #A6B9CD;
    text-align: center;
    font-size: 14px;
}

.click-dropdown {
    display: flex;
    align-items: center;
}

.tooltip-fee {
    display: inline-block;
    padding: 0px 4px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #9AB3CE;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #9AB3CE;
    border-radius: 10px;
}

.Dependant-Medical {
    border-top: 1px solid #C5CFDF;
    border-bottom: 1px solid #C5CFDF;
    color: #2197EF;
}

.Arrow-Right {
    display: block;
    margin-left: auto;
    margin-right: 36px;
}

.Background-Unset {
    background-color: unset !important;
}

.Background-Header-NeedsAnalysis {
    background-color: #f9f9f9 !important;
}

.Icon-Box {
    border: thin solid #D4E1F0;
    border-right: none;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    padding: 15px 13px;
    color: #bdbdbd;
}

.yellow-star {
    filter: invert(78%) sepia(75%) saturate(1301%) hue-rotate(348deg) brightness(103%) contrast(96%);
    width: 16px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.Menu-Close {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    position: relative;
    width: 16px;
    height: 16px;
}
.Menu-Close::before, .Menu-Close::after {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    right: 0;
    height: 2px;
    background: #fff;
    border-radius: 2px;
}
.Menu-Close::before {
    transform: rotate(45deg);
}
.Menu-Close::after {
    transform: rotate(-45deg);
}
.Menu-Close span {
    display: block;
}

input {
    -webkit-user-select: text;
}

.Text-Highlight {
    background: #fafbfd;
    border: thin solid #D4E1F0;
    border-left: none;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    font-size: 13px;
    font-weight: 700;
    height: 34px;
    padding: 7px 8px;
}

@media (max-width: 1280px) {
    .Text-Highlight {
        font-size: 16px;
        height: unset;
        max-width: unset;
        padding: 19px 16px;
    }
}

#PasswordError ul {
list-style: none;
color: #8795AC;
padding: 4px 0;
}
#PasswordError.active ul {
color: #EF6B0B;
}