/*
  Sassquatch
  Version: 0.1
  Author: Kevin Andrews

  sassquatch uses the BEM css class naming convention.
  .block__element
  .block--modifier
  .block__element--modifier
  .block--modifier__element--modifier
*/
/* VARIABLES
------------------------------------------------------------------------------*/
/* Brand Colours
------------------------------------------------------------------------------*/
/* General Colours
------------------------------------------------------------------------------*/
/* Contextual Colours
------------------------------------------------------------------------------*/
/* MIXINS
------------------------------------------------------------------------------*/
/* Hide elements while remaining accessible */
/* Reset styles applied with the set-webaim-hidden mixin */
/* Adds depth to the element */
/* Adds an animated effect to link interactions */
/* Styles element as a CSS triangle */
/* Converts pixel font size value into EM based on base font size variable */
/* CONFIGURATION
------------------------------------------------------------------------------*/
/* CSS RESET
------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

doctag {
    display: inline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Load Fonts Here
------------------------------------------------------------------------------*/
/* THEME BASELINE STYLES
------------------------------------------------------------------------------*/
html,
body {
    font-size: 16px;
    font-family: "aktiv-grotesk", "Helvetica Nueue", "Arial", sans-serif;
    color: #1E2858;
    line-height: 1.4;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    /*overflow-x: hidden;*/ /*Jaykishan Vaghela 10-Sep-2019 Solve Design Issue*/
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:first-child {
        margin-top: 0;
    }

    *:last-child {
        margin-bottom: 0;
    }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: "aktiv-grotesk", "Helvetica Nueue", "Arial", sans-serif;
    margin-bottom: 20px;
    margin-top: 15px;
}

    h1:first-child, .h1:first-child,
    h2:first-child, .h2:first-child,
    h3:first-child, .h3:first-child,
    h4:first-child, .h4:first-child,
    h5:first-child, .h5:first-child,
    h6:first-child, .h6:first-child {
        margin-top: 0;
    }

* + h1, * + .h1,
* + h2, * + .h2,
* + h3, * + .h3,
* + h4, * + .h4,
* + h5, * + .h5,
* + h6, * + .h6 {
    margin-top: 45px;
}

h1, .h1 {
    font-size: 1em;
    font-weight: 600;
    line-height: 1.375;
    text-transform: uppercase;
    color: #646569;
}

h2, .h2 {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.58333;
}

h3, .h3 {
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.2;
}

h4, .h4 {
    font-size: 1.125em;
    font-weight: 600;
    line-height: 1.22222;
}

h5, .h5 {
    font-size: 1em;
    font-weight: 600;
    line-height: 1.25;
}

h6, .h6 {
    font-size: 0.875em;
    font-weight: 600;
    line-height: 1.28571;
}

p, .p {
    margin-bottom: 15px;
}

a {
    color: #1E2858;
    display: inline;
    padding: 0;
    margin: 0;
    text-decoration: none;
    border-bottom: 1px solid #1E2858;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    -moz-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    a:hover, a:focus {
        border-bottom: 1px solid transparent;
    }

    a.button:after {
        display: none;
    }

a,
img {
    border: none;
}

img {
    max-width: 100%;
}

    img:only-child {
        display: block;
    }

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

small {
    font-size: 0.8em;
}

sup,
sub {
    font-size: 0.6em;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

ul {
    list-style: disc;
}

ol {
    list-style-type: decimal;
}

ul,
ol {
    padding-left: 20px;
    margin-bottom: 25px;
}

    ul li,
    ol li {
        margin-bottom: 10px;
    }

        ul li > ul,
        ul li > ol,
        ol li > ul,
        ol li > ol {
            margin-top: 10px;
        }

            ul li > ul:last-child,
            ul li > ol:last-child,
            ol li > ul:last-child,
            ol li > ol:last-child {
                margin-top: 10px;
            }

hr {
    margin: 20px 0;
    border: none;
    height: 1px;
    width: 100%;
    background: #DBD9D6;
}

    hr:last-child {
        margin-bottom: 20px;
    }

nav ul,
nav ol {
    list-style: none;
    padding-left: 0;
}

    nav ul li,
    nav ol li {
        margin-bottom: 0;
    }

        nav ul li > ul,
        nav ul li > ol,
        nav ol li > ul,
        nav ol li > ol {
            margin-top: 0;
        }

            nav ul li > ul:last-child,
            nav ul li > ol:last-child,
            nav ol li > ul:last-child,
            nav ol li > ol:last-child {
                margin-top: 0;
            }

details {
    display: block;
}

    details summary {
        padding: 10px;
    }

select::-ms-expand {
    display: none;
}

pre,
code {
    background: #404040;
    padding: 15px;
}

/* THEME STRUCTURE
------------------------------------------------------------------------------*/
/* GRID
---------------------------------------------------------------------------*/
*[class*="grid__col"] {
    padding: 0 15px;
    margin-bottom: 25px;
    width: 100%;
}

    *[class*="grid__col"]:last-of-type {
        margin-bottom: 0;
    }

.grid {
    margin: 0 -15px;
    margin-bottom: 25px;
}

.grid__col--right {
    margin-left: auto;
}

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

.grid:last-of-type {
    margin-bottom: 0;
}

.grid__col--1 {
    width: 8.33333%;
    float: left;
    margin-bottom: 0;
}

.grid__col--offset-right-1 {
    margin-left: 8.33333%;
}

.grid__col--offset-left-1 {
    margin-left: -8.33333%;
}

.grid__col--2 {
    width: 16.66667%;
    float: left;
    margin-bottom: 0;
}

.grid__col--offset-right-2 {
    margin-left: 16.66667%;
}

.grid__col--offset-left-2 {
    margin-left: -16.66667%;
}

.grid__col--3 {
    width: 25%;
    float: left;
    margin-bottom: 0;
}

.grid__col--offset-right-3 {
    margin-left: 25%;
}

.grid__col--offset-left-3 {
    margin-left: -25%;
}

.grid__col--4 {
    width: 33.33333%;
    float: left;
    margin-bottom: 0;
}

.grid__col--offset-right-4 {
    margin-left: 33.33333%;
}

.grid__col--offset-left-4 {
    margin-left: -33.33333%;
}

.grid__col--5 {
    width: 41.66667%;
    float: left;
    margin-bottom: 0;
}

.grid__col--offset-right-5 {
    margin-left: 41.66667%;
}

.grid__col--offset-left-5 {
    margin-left: -41.66667%;
}

.grid__col--6 {
    width: 50%;
    float: left;
    margin-bottom: 0;
}

.grid__col--offset-right-6 {
    margin-left: 50%;
}

.grid__col--offset-left-6 {
    margin-left: -50%;
}

.grid__col--7 {
    width: 58.33333%;
    float: left;
    margin-bottom: 0;
}

.grid__col--offset-right-7 {
    margin-left: 58.33333%;
}

.grid__col--offset-left-7 {
    margin-left: -58.33333%;
}

.grid__col--8 {
    width: 66.66667%;
    float: left;
    margin-bottom: 0;
}

.grid__col--offset-right-8 {
    margin-left: 66.66667%;
}

.grid__col--offset-left-8 {
    margin-left: -66.66667%;
}

.grid__col--9 {
    width: 75%;
    float: left;
    margin-bottom: 0;
}

.grid__col--offset-right-9 {
    margin-left: 75%;
}

.grid__col--offset-left-9 {
    margin-left: -75%;
}

.grid__col--10 {
    width: 83.33333%;
    float: left;
    margin-bottom: 0;
}

.grid__col--offset-right-10 {
    margin-left: 83.33333%;
}

.grid__col--offset-left-10 {
    margin-left: -83.33333%;
}

.grid__col--11 {
    width: 91.66667%;
    float: left;
    margin-bottom: 0;
}

.grid__col--offset-right-11 {
    margin-left: 91.66667%;
}

.grid__col--offset-left-11 {
    margin-left: -91.66667%;
}

.grid__col--12 {
    width: 100%;
    float: left;
    margin-bottom: 0;
}

.grid__col--offset-right-12 {
    margin-left: 100%;
}

.grid__col--offset-left-12 {
    margin-left: -100%;
}

.grid--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .grid--flex > *[class*="grid__col"] {
        float: none;
    }

.grid--flex-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.grid--flex-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.grid--flex-spacious {
    margin: 0 -30px;
}

    .grid--flex-spacious .grid__col {
        padding: 0 30px;
    }

@media (min-width: 480px) {
    .grid--flex-sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

        .grid--flex-sm .grid__col {
            margin-bottom: 0;
            display: inline-block;
            width: 100%;
        }

            .grid--flex-sm .grid__col:after {
                clear: both;
                content: "";
                display: table;
            }

    .grid__col--sm-1 {
        width: 8.33333%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-sm-1 {
        margin-left: 8.33333%;
    }

    .grid__col--offset-left-sm-1 {
        margin-left: -8.33333%;
    }

    .grid__col--sm-2 {
        width: 16.66667%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-sm-2 {
        margin-left: 16.66667%;
    }

    .grid__col--offset-left-sm-2 {
        margin-left: -16.66667%;
    }

    .grid__col--sm-3 {
        width: 25%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-sm-3 {
        margin-left: 25%;
    }

    .grid__col--offset-left-sm-3 {
        margin-left: -25%;
    }

    .grid__col--sm-4 {
        width: 33.33333%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-sm-4 {
        margin-left: 33.33333%;
    }

    .grid__col--offset-left-sm-4 {
        margin-left: -33.33333%;
    }

    .grid__col--sm-5 {
        width: 41.66667%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-sm-5 {
        margin-left: 41.66667%;
    }

    .grid__col--offset-left-sm-5 {
        margin-left: -41.66667%;
    }

    .grid__col--sm-6 {
        width: 50%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-sm-6 {
        margin-left: 50%;
    }

    .grid__col--offset-left-sm-6 {
        margin-left: -50%;
    }

    .grid__col--sm-7 {
        width: 58.33333%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-sm-7 {
        margin-left: 58.33333%;
    }

    .grid__col--offset-left-sm-7 {
        margin-left: -58.33333%;
    }

    .grid__col--sm-8 {
        width: 66.66667%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-sm-8 {
        margin-left: 66.66667%;
    }

    .grid__col--offset-left-sm-8 {
        margin-left: -66.66667%;
    }

    .grid__col--sm-9 {
        width: 75%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-sm-9 {
        margin-left: 75%;
    }

    .grid__col--offset-left-sm-9 {
        margin-left: -75%;
    }

    .grid__col--sm-10 {
        width: 83.33333%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-sm-10 {
        margin-left: 83.33333%;
    }

    .grid__col--offset-left-sm-10 {
        margin-left: -83.33333%;
    }

    .grid__col--sm-11 {
        width: 91.66667%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-sm-11 {
        margin-left: 91.66667%;
    }

    .grid__col--offset-left-sm-11 {
        margin-left: -91.66667%;
    }

    .grid__col--sm-12 {
        width: 100%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-sm-12 {
        margin-left: 100%;
    }

    .grid__col--offset-left-sm-12 {
        margin-left: -100%;
    }
}

@media (min-width: 768px) {
    .grid--flex-md {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

        .grid--flex-md .grid__col {
            margin-bottom: 0;
            display: inline-block;
            width: 100%;
        }

            .grid--flex-md .grid__col:after {
                clear: both;
                content: "";
                display: table;
            }

    .grid__col--md-1 {
        width: 8.33333%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-md-1 {
        margin-left: 8.33333%;
    }

    .grid__col--offset-left-md-1 {
        margin-left: -8.33333%;
    }

    .grid__col--md-2 {
        width: 16.66667%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-md-2 {
        margin-left: 16.66667%;
    }

    .grid__col--offset-left-md-2 {
        margin-left: -16.66667%;
    }

    .grid__col--md-3 {
        width: 25%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-md-3 {
        margin-left: 25%;
    }

    .grid__col--offset-left-md-3 {
        margin-left: -25%;
    }

    .grid__col--md-4 {
        width: 33.33333%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-md-4 {
        margin-left: 33.33333%;
    }

    .grid__col--offset-left-md-4 {
        margin-left: -33.33333%;
    }

    .grid__col--md-5 {
        width: 41.66667%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-md-5 {
        margin-left: 41.66667%;
    }

    .grid__col--offset-left-md-5 {
        margin-left: -41.66667%;
    }

    .grid__col--md-6 {
        width: 50%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-md-6 {
        margin-left: 50%;
    }

    .grid__col--offset-left-md-6 {
        margin-left: -50%;
    }

    .grid__col--md-7 {
        width: 58.33333%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-md-7 {
        margin-left: 58.33333%;
    }

    .grid__col--offset-left-md-7 {
        margin-left: -58.33333%;
    }

    .grid__col--md-8 {
        width: 66.66667%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-md-8 {
        margin-left: 66.66667%;
    }

    .grid__col--offset-left-md-8 {
        margin-left: -66.66667%;
    }

    .grid__col--md-9 {
        width: 75%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-md-9 {
        margin-left: 75%;
    }

    .grid__col--offset-left-md-9 {
        margin-left: -75%;
    }

    .grid__col--md-10 {
        width: 83.33333%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-md-10 {
        margin-left: 83.33333%;
    }

    .grid__col--offset-left-md-10 {
        margin-left: -83.33333%;
    }

    .grid__col--md-11 {
        width: 91.66667%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-md-11 {
        margin-left: 91.66667%;
    }

    .grid__col--offset-left-md-11 {
        margin-left: -91.66667%;
    }

    .grid__col--md-12 {
        width: 100%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-md-12 {
        margin-left: 100%;
    }

    .grid__col--offset-left-md-12 {
        margin-left: -100%;
    }
}

@media (min-width: 992px) {
    .grid--flex-lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

        .grid--flex-lg .grid__col {
            margin-bottom: 0;
            display: inline-block;
            width: 100%;
        }

            .grid--flex-lg .grid__col:after {
                clear: both;
                content: "";
                display: table;
            }

    .grid__col--lg-1 {
        width: 8.33333%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-lg-1 {
        margin-left: 8.33333%;
    }

    .grid__col--offset-left-lg-1 {
        margin-left: -8.33333%;
    }

    .grid__col--lg-2 {
        width: 16.66667%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-lg-2 {
        margin-left: 16.66667%;
    }

    .grid__col--offset-left-lg-2 {
        margin-left: -16.66667%;
    }

    .grid__col--lg-3 {
        width: 25%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-lg-3 {
        margin-left: 25%;
    }

    .grid__col--offset-left-lg-3 {
        margin-left: -25%;
    }

    .grid__col--lg-4 {
        width: 33.33333%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-lg-4 {
        margin-left: 33.33333%;
    }

    .grid__col--offset-left-lg-4 {
        margin-left: -33.33333%;
    }

    .grid__col--lg-5 {
        width: 41.66667%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-lg-5 {
        margin-left: 41.66667%;
    }

    .grid__col--offset-left-lg-5 {
        margin-left: -41.66667%;
    }

    .grid__col--lg-6 {
        width: 50%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-lg-6 {
        margin-left: 50%;
    }

    .grid__col--offset-left-lg-6 {
        margin-left: -50%;
    }

    .grid__col--lg-7 {
        width: 58.33333%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-lg-7 {
        margin-left: 58.33333%;
    }

    .grid__col--offset-left-lg-7 {
        margin-left: -58.33333%;
    }

    .grid__col--lg-8 {
        width: 66.66667%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-lg-8 {
        margin-left: 66.66667%;
    }

    .grid__col--offset-left-lg-8 {
        margin-left: -66.66667%;
    }

    .grid__col--lg-9 {
        width: 75%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-lg-9 {
        margin-left: 75%;
    }

    .grid__col--offset-left-lg-9 {
        margin-left: -75%;
    }

    .grid__col--lg-10 {
        width: 83.33333%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-lg-10 {
        margin-left: 83.33333%;
    }

    .grid__col--offset-left-lg-10 {
        margin-left: -83.33333%;
    }

    .grid__col--lg-11 {
        width: 91.66667%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-lg-11 {
        margin-left: 91.66667%;
    }

    .grid__col--offset-left-lg-11 {
        margin-left: -91.66667%;
    }

    .grid__col--lg-12 {
        width: 100%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-lg-12 {
        margin-left: 100%;
    }

    .grid__col--offset-left-lg-12 {
        margin-left: -100%;
    }
}

@media (min-width: 1200px) {
    .grid--flex-xl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

        .grid--flex-xl .grid__col {
            margin-bottom: 0;
            display: inline-block;
            width: 100%;
        }

            .grid--flex-xl .grid__col:after {
                clear: both;
                content: "";
                display: table;
            }

    .grid__col--xl-1 {
        width: 8.33333%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-xl-1 {
        margin-left: 8.33333%;
    }

    .grid__col--offset-left-xl-1 {
        margin-left: -8.33333%;
    }

    .grid__col--xl-2 {
        width: 16.66667%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-xl-2 {
        margin-left: 16.66667%;
    }

    .grid__col--offset-left-xl-2 {
        margin-left: -16.66667%;
    }

    .grid__col--xl-3 {
        width: 25%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-xl-3 {
        margin-left: 25%;
    }

    .grid__col--offset-left-xl-3 {
        margin-left: -25%;
    }

    .grid__col--xl-4 {
        width: 33.33333%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-xl-4 {
        margin-left: 33.33333%;
    }

    .grid__col--offset-left-xl-4 {
        margin-left: -33.33333%;
    }

    .grid__col--xl-5 {
        width: 41.66667%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-xl-5 {
        margin-left: 41.66667%;
    }

    .grid__col--offset-left-xl-5 {
        margin-left: -41.66667%;
    }

    .grid__col--xl-6 {
        width: 50%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-xl-6 {
        margin-left: 50%;
    }

    .grid__col--offset-left-xl-6 {
        margin-left: -50%;
    }

    .grid__col--xl-7 {
        width: 58.33333%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-xl-7 {
        margin-left: 58.33333%;
    }

    .grid__col--offset-left-xl-7 {
        margin-left: -58.33333%;
    }

    .grid__col--xl-8 {
        width: 66.66667%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-xl-8 {
        margin-left: 66.66667%;
    }

    .grid__col--offset-left-xl-8 {
        margin-left: -66.66667%;
    }

    .grid__col--xl-9 {
        width: 75%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-xl-9 {
        margin-left: 75%;
    }

    .grid__col--offset-left-xl-9 {
        margin-left: -75%;
    }

    .grid__col--xl-10 {
        width: 83.33333%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-xl-10 {
        margin-left: 83.33333%;
    }

    .grid__col--offset-left-xl-10 {
        margin-left: -83.33333%;
    }

    .grid__col--xl-11 {
        width: 91.66667%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-xl-11 {
        margin-left: 91.66667%;
    }

    .grid__col--offset-left-xl-11 {
        margin-left: -91.66667%;
    }

    .grid__col--xl-12 {
        width: 100%;
        float: left;
        margin-bottom: 0;
    }

    .grid__col--offset-right-xl-12 {
        margin-left: 100%;
    }

    .grid__col--offset-left-xl-12 {
        margin-left: -100%;
    }
}

body {
    color: #383935;
    min-height: 100vh;
}

main hr,
.main hr {
    height: 2px;
}

.main {
    padding-left: 50px;
    -webkit-transition: padding 0.2s ease-in-out;
    -o-transition: padding 0.2s ease-in-out;
    -moz-transition: padding 0.2s ease-in-out;
    transition: padding 0.2s ease-in-out;
    position: relative;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

.main--sidebar-open {
    padding-left: 285px;
}

.main ::-webkit-scrollbar {
    width: 5px;
}

.main ::-webkit-scrollbar-track {
    background: #DBD9D6;
    height: 15px;
}

.main ::-webkit-scrollbar-thumb {
    background: #1C449C;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    height: 8px;
    border: 4px solid #DBD9D6;
}

    .main ::-webkit-scrollbar-thumb:hover {
        background: #468BC9;
    }

.data__group {
    font-size: 0.9em;
    line-height: 1.6;
    padding: 15px 20px;
}

    .data__group .dependent {
        margin-left: 10px;
    }

    .data__group fieldset legend {
        font-weight: 600;
        margin-bottom: 10px;
    }

    .data__group fieldset fieldset legend {
        font-weight: 400;
    }

    .data__group fieldset label {
        margin: 0 5px 10px 0;
    }

    .data__group fieldset .fieldset__col {
        padding-left: 80px;
        border-left: 1px solid #cecece;
    }

        .data__group fieldset .fieldset__col legend {
            font-style: italic;
        }

        .data__group fieldset .fieldset__col:first-of-type {
            padding-left: 15px;
            border-left: 0 none;
        }

    .data__group fieldset .fieldset__group {
        margin-top: 10px;
    }

    .data__group fieldset .fieldset__group-col-3 {
        margin-top: 20px;
    }

        .data__group fieldset .fieldset__group-col-3 .fieldset__col legend {
            font-style: normal;
            font-weight: 700;
        }

    .data__group fieldset p {
        margin-bottom: 0;
    }

    .data__group fieldset strong {
        font-weight: 500;
        font-style: italic;
    }

.brand {
    font-size: 3.375em;
    font-weight: 400;
    line-height: 1.11111;
}

.brand__logo {
    border-bottom: none;
    width: 100%;
    max-width: 300px;
}

    .brand__logo:hover, .brand__logo:focus {
        border-bottom: none;
    }

    .brand__logo img {
        width: 100%;
    }

.brand__logo--small {
    display: block;
    margin-right: 20px;
}

    .brand__logo--small img {
        width: 100%;
        max-width: 150px;
    }

.hero {
    padding: 60px 45px;
    border-bottom: 2px solid #DBD9D6;
    margin-bottom: 60px;
}

    .hero h1, .hero .h1 {
        text-align: center;
        margin: 0;
        font-size: 2.25em;
        font-weight: 700;
        line-height: 1.22222;
        text-transform: none;
        color: #383935;
    }

.box {
    background: #F7F7F8;
    padding: 45px;
    margin-bottom: 30px;
}

    .box h2, .box .h2 {
        font-weight: 300;
    }


    .box h2, .box .h2 {
        font-weight: 300;
    }

.reorder__parent-collapse-all {
    display: none;
}

.reorder__item-header .dropdown--overlay {
    display: inline-block;
}

.reorder__list.toggleable > .draggable > .reorder__item {
    border-right: 2px solid #DBD9D6;
}

.reorder__list .dropdown--overlay .dropdown__toggle {
    pointer-events: none;
    opacity: 0.5;
}

.reorder__list .dropdown--overlay .dropdown__content {
    display: none;
}

.reorder__list.not-draggable .dropdown--overlay .dropdown__toggle {
    pointer-events: initial;
    opacity: 1;
}

.reorder__list.not-draggable .draggable {
    cursor: initial;
}

.reorder__list.not-draggable .fa-ellipsis-v {
    display: none;
}

.reorder__list .ui-draggable-dragging {
    pointer-events: none;
    width: 100%;
}

    .reorder__list .ui-draggable-dragging .reorder__item {
        background: #ffffff;
        opacity: 0.5;
    }

    .reorder__list .ui-draggable-dragging .button {
        display: none;
    }

.reorder__list .draggable {
    padding: 10px 0;
    /*position: relative;*/
    /* Due to Radio Button issue in SN tree on 21-10-2020 by janak & harsh*/
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

    .reorder__list .draggable.draggable--no-children > .reorder__item > .reorder__item-header .button--icon {
        display: none !important;
    }

    .reorder__list .draggable.draggable--no-children > .reorder__item > .reorder__item-header .reorder__item-expand-all,
    .reorder__list .draggable.draggable--no-children > .reorder__item > .reorder__item-header .reorder__item-collapse-all {
        display: none !important;
    }

    .reorder__list .draggable.hovered {
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing;
        cursor: grabbing;
    }

    .reorder__list .draggable.hovered--top:before {
        content: '';
        width: 100%;
        height: 2px;
        background: #1C449C;
        position: absolute;
        top: -1px;
        left: 0;
    }

    .reorder__list .draggable.hovered--bottom:after {
        content: '';
        width: 100%;
        height: 2px;
        background: #1C449C;
        position: absolute;
        bottom: -1px;
        left: 0;
    }

    .reorder__list .draggable.hovered--middle {
        outline: 2px solid #1C449C;
        outline-offset: -10px;
    }

.reorder__filters {
    padding: 15px;
    margin-top: 10px;
    background: #f3f2f1;
}

    .reorder__filters .grid {
        margin-bottom: 30px !important;
    }

.reorder__item {
    padding: 10px 15px;
    padding-right: 0;
    border: 2px solid #DBD9D6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}

    .reorder__item .reorder__item {
        border-right: none;
    }

    .reorder__item > .grid {
        position: relative;
    }

    .reorder__item .button--dropdown {
        margin-right: 15px;
    }

.reorder__item-expand-all, .reorder__item-collapse-all {
    color: #1C449C;
    display: inline;
    padding: 0;
    margin: 0;
    text-decoration: none;
    border-bottom: 1px solid #1C449C;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    -moz-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    margin-right: 15px;
}

    .reorder__item-expand-all:hover, .reorder__item-expand-all:focus, .reorder__item-collapse-all:hover, .reorder__item-collapse-all:focus {
        border-bottom: 1px solid transparent;
    }

.reorder__item-collapse-all {
    display: none;
}

.reorder__item .draggable {
    padding: 5px 0;
}

.reorder__item .grid {
    margin-bottom: 0;
}

.reorder__item .button {
    display: inline-block;
}

    .reorder__item .button.button--icon {
        float: none;
        margin-left: 0;
        background: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #468BC9;
    }

.reorder__item i.fa-ellipsis-v {
    color: #468BC9;
    margin-right: 30px;
}

.reorder__item .dropdown__content {
    outline: none;
}

.draggable__container {
    margin-bottom: 15px;
}



/*Tagging CSS Start*/
.toolbar .form__checkbox-wrapper {
    display: inline-block;
}

.categories {
    position: relative;
}

    .categories .branch-selector {
        display: none;
    }

    .categories .branch-selection-label {
        display: none;
        position: absolute;
        left: 10px;
        width: 60px;
        text-align: center;
        -webkit-transform: translateY(-35px);
        -moz-transform: translateY(-35px);
        -ms-transform: translateY(-35px);
        -o-transform: translateY(-35px);
        transform: translateY(-35px);
        font-size: 0.875em;
        font-weight: 600;
        line-height: 1.42857;
    }

.categories--selectable {
    padding-left: 75px;
}

    .categories--selectable .branch-selector {
        display: block;
        position: absolute;
        left: 30px;
        margin-top: 21px;
    }

    .categories--selectable .branch-selection-label {
        display: block;
    }

.categories__expand-toggle {
    color: #1C449C;
    display: inline;
    padding: 0;
    margin: 0;
    text-decoration: none;
    border-bottom: 1px solid #1C449C;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    -moz-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    margin-left: 30px;
}

    .categories__expand-toggle:hover, .categories__expand-toggle:focus {
        border-bottom: 1px solid transparent;
    }

    .categories__expand-toggle .expanded-text {
        display: none;
    }

    .categories__expand-toggle.open .collapsed-text {
        display: none;
    }

    .categories__expand-toggle.open .expanded-text {
        display: inline;
    }

.back-link {
    color: #468BC9;
    display: inline;
    padding: 0;
    margin: 0;
    text-decoration: none;
    border-bottom: 1px solid #468BC9;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    -moz-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    font-weight: 700;
}

    .back-link:hover, .back-link:focus {
        border-bottom: 1px solid transparent;
    }


.backanchorlink {
    color: #468BC9;
    display: inline;
    padding: 0;
    margin: 0;
    text-decoration: none;
    border-bottom: 1px solid #468BC9;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    -moz-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    font-weight: 700
}

    .backanchorlink:hover, .backanchorlink:focus {
        border-bottom: 1px solid transparent
    }

.has-slideout {
    padding-right: 30px;
    position: relative;
    -webkit-transition: padding-right 0.2s ease-in-out;
    -o-transition: padding-right 0.2s ease-in-out;
    -moz-transition: padding-right 0.2s ease-in-out;
    transition: padding-right 0.2s ease-in-out;
}

    .has-slideout .document {
        padding-bottom: 60px;
    }

    .has-slideout.open {
        padding-right: 365px;
    }

.slideout {
    position: absolute;
    z-index: 950;
    height: 100%;
    top: 0;
    right: 0;
    width: 4px;
    background: #ffffff;
    -webkit-transition: width 0.2s ease-in-out;
    -o-transition: width 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out;
}

    .slideout.open {
        width: 33.33%;
    }

        .slideout.open .slideout__content-wrapper {
            border-left: 15px solid #468BC9;
        }

        .slideout.open .slideout__toggle {
            margin-right: 0;
        }

    .slideout.open--wide {
        width: 96.35%;
    }

        .slideout.open--wide .slideout__content-wrapper {
            border-left: 15px solid #468BC9;
        }

        .slideout.open--wide .slideout__toggle {
            margin-right: 0;
        }

.slideout__overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 949;
}

.slideout__header {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 2;
    text-align: right;
}

    .slideout__header .slideout__toggle {
        display: table;
        border: 1px solid #DBD9D6;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin-bottom: 5px;
        padding: 15px 10px;
        background: #ffffff;
        border-right: 1px solid #ffffff;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        margin-right: -1px;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }

        .slideout__header .slideout__toggle i {
            font-size: 20px;
            color: #468BC9;
        }

        .slideout__header .slideout__toggle.active {
            background: #468BC9;
            border: 1px solid #468BC9;
        }

            .slideout__header .slideout__toggle.active i {
                color: #ffffff;
            }

.slideout__content-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-left: 1px solid #DBD9D6;
    overflow-y: auto;
    padding: 2px;
}

.slideout__content {
    display: none;
    padding: 30px;
}

.document {
    padding: 0 120px;
    position: relative;
    color: #646569;
}

    .document a {
        color: #468BC9;
        border-bottom-color: #468BC9;
    }

        .document a:hover, .document a:focus, .document a:active {
            border-bottom-color: transparent;
        }

        .document a.document__title {
            font-weight: 500;
            font-size: 16px;
            border-bottom: 0 none;
            text-decoration: underline;
        }

            .document a.document__title:hover, .document a.document__title:focus, .document a.document__title:active {
                color: #1C449C;
            }

.document__controls-wrapper {
    margin-top: -45px;
}



.document__controls.fixed {
    position: fixed;
    top: 63px;
    left: 0;
    width: 100%;
    z-index: 948;
}

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

    .document__controls.fixed .container {
        padding: 0 15px;
        padding-left: 50px;
        max-width: 100%;
    }

    .document__controls.fixed .document__controls-content {
        padding-left: 15px;
        padding-right: 15px;
    }

.document__controls .form__label {
    margin-bottom: 15px;
}

.document__controls-content {
    padding: 30px 0;
    background: #ffffff;
}

.document__wrapper {
    position: relative;
    max-height: 900px;
    overflow: auto;
}

.document__title {
    font-size: 1em;
    font-weight: 600;
    line-height: 1.5;
    display: block;
    margin-bottom: 20px;
}

.document__citation {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    color: #468BC9;
    position: relative;
    display: block;
    padding-left: 30px;
    margin-bottom: 15px;
}

.document__citation--no-icon {
    padding-left: 0;
}

.document__citation:last-child {
    margin-bottom: 0;
}

.document__citation i {
    position: absolute;
    left: 0;
    top: 5px;
}

.document__meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.document__meta-title {
    display: block;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 30px;
}

.document__meta-value {
    padding: 0 15px;
    border-right: 2px solid #F7F7F7;
    max-width: 33.333%;
}

    .document__meta-value:first-child {
        padding-left: 0;
    }

    .document__meta-value:last-child {
        padding-right: 0;
        border-right: none;
    }

    .document__meta-value.fixed-width {
        width: 33%;
        padding-left: 5%;
        padding-right: 5%;
    }

        .document__meta-value.fixed-width:first-child {
            width: 28%;
            padding-left: 0;
        }

.document__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .document__footer .paragraph-ref {
        border-bottom: none;
        display: inline-block;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 2px 5px;
        font-weight: 700;
    }

        .document__footer .paragraph-ref:hover, .document__footer .paragraph-ref:focus {
            border-bottom: none;
        }

        .document__footer .paragraph-ref.active {
            background: #468BC9;
            color: #ffffff;
        }

.document__footer-right {
    margin-left: auto;
}

.document__sidebar {
    position: absolute;
    left: 0;
    top: 0;
    width: 22%;
    height: 100%;
    overflow-y: auto;
    padding-right: 30px;
}

    .document__sidebar p {
        margin-bottom: 10px;
    }

    .document__sidebar .form__group {
        margin-bottom: 10px;
    }

    .document__sidebar .card--blue {
        border: none;
        color: #383935;
    }

    .document__sidebar .dropdown {
        border-bottom: 1px solid #DBD9D6;
        margin-bottom: 10px;
    }

    .document__sidebar .dropdown__toggle {
        display: block;
        width: 100%;
        padding: 15px 0;
        border: none;
        position: relative;
        padding-left: 30px;
        color: #383935;
    }

        .document__sidebar .dropdown__toggle i {
            color: #468BC9;
            margin: 0;
            height: 15px;
            width: 15px;
            text-align: center;
            -webkit-transition: -webkit-transform 0.2s;
            transition: -webkit-transform 0.2s;
            -o-transition: -o-transform 0.2s;
            -moz-transition: transform 0.2s, -moz-transform 0.2s;
            transition: transform 0.2s;
            transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s, -o-transform 0.2s;
            position: absolute;
            left: 5px;
            top: 20px;
        }

        .document__sidebar .dropdown__toggle.open i {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .document__sidebar .dropdown__content {
        padding: 15px 0;
        padding-top: 0;
    }

.document__reference-nav-header {
    padding: 10px 0;
    border-bottom: 1px solid #DBD9D6;
    padding-right: 65px;
    position: relative;
}

    .document__reference-nav-header .button--icon {
        background: #1C449C;
        color: #468BC9;
    }

        .document__reference-nav-header .button--icon:hover, .document__reference-nav-header .button--icon:focus {
            background: #1C449C;
            color: #468BC9;
        }

        .document__reference-nav-header .button--icon.next-reference, .document__reference-nav-header .button--icon.previous-reference {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .document__reference-nav-header .button--icon.next-reference {
            right: 30px;
        }

        .document__reference-nav-header .button--icon.previous-reference {
            right: 0;
        }

.document__reference-nav-list {
    max-height: 200px;
    overflow-y: auto;
    padding: 10px;
    border-bottom: 1px solid #DBD9D6;
    margin-bottom: 15px;
}

.document__pill {
    display: none;
    margin-bottom: 15px;
    background: #FEF0DA;
    border: 1px solid #FFDC7D;
    padding: 3px 15px;
    font-size: 0.875em;
    font-weight: 700;
    line-height: 1.71429;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .document__pill--active, .document__pill.active {
        display: inline-block;
    }

.document__tag {
    background: #FEF0DA;
    cursor: pointer;
}

    .document__tag--active, .document__tag.active {
        background: #FFDC7D;
    }

.document__tag-indicator {
    position: absolute;
    left: -15px;
    width: 5px;
    background: #FCD9A1;
}

.document--has-sidebar {
    position: relative;
    padding-left: 22%;
}

.main--sidebar-open .document__controls.fixed {
    top: 63px;
}

    .main--sidebar-open .document__controls.fixed .container {
        padding-left: 265px;
    }

.main--sidebar-open .tabs.fixed .fixed-toggle {
    left: 265px;
}

.main--sidebar-open .tabs.fixed .tabs__list {
    padding-left: 325px;
}

.tagging__controls .tabs__content {
    padding: 0;
}

.tagging__controls .tabs__content-container {
    display: none;
    background: #ffffff;
    position: absolute;
    width: 50%;
    z-index: 901;
    padding: 30px;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 5px #383935;
    -moz-box-shadow: 0 2px 5px #383935;
    box-shadow: 0 2px 5px #383935
}

    .tagging__controls .tabs__content-container.flush-left {
        left: 0;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

        .tagging__controls .tabs__content-container.flush-left:before, .tagging__controls .tabs__content-container.flush-left:after {
            left: 30px;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

        .tagging__controls .tabs__content-container.flush-left:after {
            left: 31px;
        }

    .tagging__controls .tabs__content-container.shown {
        display: block;
    }

    .tagging__controls .tabs__content-container .form__label {
        font-weight: 400;
    }

    .tagging__controls .tabs__content-container .form__input {
        color: #383935;
        font-weight: 300;
    }

    .tagging__controls .tabs__content-container:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #ffffff;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 100%;
    }

    .tagging__controls .tabs__content-container:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-bottom: 16px solid #DBD9D6;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 100%;
    }

.tagging__controls .tabs__list {
    border: none;
    background: #383935;
    padding: 6px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 900;
    display: none;
    white-space: nowrap;
}

    .tagging__controls .tabs__list.flush-left {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

        .tagging__controls .tabs__list.flush-left:after {
            left: 30px;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }

    .tagging__controls .tabs__list.shown {
        display: block;
    }

    .tagging__controls .tabs__list:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #383935;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 100%;
    }

    .tagging__controls .tabs__list ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .tagging__controls .tabs__list ul:after {
            clear: both;
            content: "";
            display: table;
        }

        .tagging__controls .tabs__list ul li {
            display: inline-block;
            margin: 0;
            position: relative;
            padding: 0 10px;
        }

            .tagging__controls .tabs__list ul li:after {
                content: '';
                width: 1px;
                height: 12px;
                background: #ffffff;
                position: absolute;
                right: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .tagging__controls .tabs__list ul li:first-of-type {
                padding-left: 0;
            }

            .tagging__controls .tabs__list ul li:last-of-type {
                padding-right: 0;
            }

                .tagging__controls .tabs__list ul li:last-of-type:after {
                    display: none;
                }

.tagging__controls .tabs__tab-control, .tagging__controls .tabs a {
    padding: 0;
    border: none;
    color: #ffffff;
    margin: 0;
    border-bottom: none;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 0;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.42857
}

    .tagging__controls .tabs__tab-control:hover, .tagging__controls .tabs__tab-control:focus,
    .tagging__controls .tabs a:hover,
    .tagging__controls .tabs a:focus {
        border-bottom: none;
    }

    .tagging__controls .tabs__tab-control.active,
    .tagging__controls .tabs a.active {
        background: #468BC9;
        border: none;
        padding: 2px 4px;
    }

.tagging__controls .tabs .tabs__content small {
    font-size: 0.9em;
}

/* .tagged { */
/* position: relative */
/* } */

.tagging__controls .tabs .tabs__content a {
    color: #1C449C;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: inline;
    padding: 0;
    margin: 0;
    text-decoration: none;
    border-bottom: 1px solid #1C449C;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    -moz-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}

    .tagging__controls .tabs .tabs__content a:hover, .tagging__controls .tabs .tabs__content a:focus {
        border-bottom: 1px solid transparent;
    }

.document *,
.para {
    position: relative;
}

    .document * .tagged__excerpt,
    .document * .tagged__target,
    .para .tagged__excerpt,
    .para .tagged__target {
        position: static;
    }

    .document * .tagging__controls,
    .para .tagging__controls {
        position: static;
    }

.document__wrapper {
    position: relative;
}

.tagged__tool {
    display: block;
    height: 35px;
    width: 35px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: -185px;
    top: 0;
    padding: 10px 0;
    text-align: center;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px
}

.tagged__indicator {
    width: 7px;
    height: 100%;
    position: absolute;
    left: -13px;
    background: #DBD9D6;
    border-left: 2px solid #1E2858;
    display: inline;
}

.tagged__target {
    background: transparent;
    padding: 0;
    border: none;
    cursor: pointer
}

    .tagged__target .tagged__indicator {
        -webkit-transform: translateY(-17px);
        -moz-transform: translateY(-17px);
        -ms-transform: translateY(-17px);
        -o-transform: translateY(-17px);
        transform: translateY(-17px)
    }

.tagged__excerpt {
    border-bottom: none;
    display: inline;
    background: rgba(192, 192, 192, 0.4);
    cursor: pointer;
}

    .tagged__excerpt.activeTag {
        background: rgba(219,217,214,0.8) !important;
    }

    .tagged__excerpt .tagged__indicator.activeTag, tagged__indicator.activeTag {
        background: rgba(219,217,214,0.8) !important;
    }

    .tagged__excerpt:hover, .tagged__excerpt:focus {
        border-bottom: none
    }

    .tagged__excerpt:focus {
        outline: 0;
    }

    .tagged__excerpt > p,
    .tagged__excerpt > div {
        margin-bottom: 15px;
        position: relative;
    }

    .tagged__excerpt.focused {
        border: 2px solid #468BC9
    }

.tagged__excerpt--has-snippet-left.focused {
    border-left: none
}

.tagged__excerpt--has-snippet-right.focused {
    border-right: none
}

.tagged__excerpt--yellow {
    background: rgba(255,255,0,0.4)
}

    .tagged__excerpt--yellow.activeTag {
        background: rgba(255,255,0,0.8) !important;
    }

    .tagged__excerpt--yellow .tagged__indicator.activeTag, tagged__indicator.activeTag {
        background: rgba(255,255,0,0.8) !important;
    }

    .tagged__excerpt--yellow > .tagged__target > .tagged__tool,
    .tagged__excerpt--yellow > .tagged__target > .tagged__indicator,
    .tagged__excerpt--yellow > .tagged__tool,
    .tagged__excerpt--yellow > .tagged__indicator {
        background: #FFFF00;
    }

.tagged__excerpt--green {
    background: rgba(0, 255, 0,0.4)
}

    .tagged__excerpt--green.activeTag {
        background: rgba(0, 255, 0,0.8) !important;
    }

    .tagged__excerpt--green .tagged__indicator.activeTag, tagged__indicator.activeTag {
        background: rgba(0, 255, 0,0.8) !important;
    }

    .tagged__excerpt--green > .tagged__target > .tagged__tool,
    .tagged__excerpt--green > .tagged__target > .tagged__indicator,
    .tagged__excerpt--green > .tagged__tool,
    .tagged__excerpt--green > .tagged__indicator {
        background: #00FF00;
    }

    /*Added by shrinivas*/
    .tagged__excerpt--green.active-highlight {
        background: #00FF00;
    }

        .tagged__excerpt--green.active-highlight .para, .tagged__excerpt--green.active-highlight > .paraBullet {
            background: #00FF00;
        }
/*Added by shrinivas*/

.tagged__excerpt--yellow.active-highlight {
    background: yellow;
}

    .tagged__excerpt--yellow.active-highlight .para, .tagged__excerpt--yellow.active-highlight > .paraBullet {
        background: yellow;
    }

.tagged__excerpt--red {
    background: rgba(255, 0, 0,0.4)
}

    .tagged__excerpt--red.activeTag {
        background: rgba(255, 0, 0,0.8) !important;
    }

    .tagged__excerpt--red .tagged__indicator.activeTag, tagged__indicator.activeTag {
        background: rgba(255, 0, 0,0.8) !important;
    }

    .tagged__excerpt--red > .tagged__target > .tagged__tool,
    .tagged__excerpt--red > .tagged__target > .tagged__indicator,
    .tagged__excerpt--red > .tagged__tool,
    .tagged__excerpt--red > .tagged__indicator {
        background: #FF0000;
    }

    /*Added by shrinivas*/
    .tagged__excerpt--red.active-highlight {
        background: #FF0000;
    }

        .tagged__excerpt--red.active-highlight .para, .tagged__excerpt--red.active-highlight > .paraBullet {
            background: #FF0000;
        }
/*Added by shrinivas*/

.tagged__excerpt--pink {
    background: rgba(255,128,192,0.4)
}

    .tagged__excerpt--pink.activeTag {
        background: rgba(255,128,192,0.8) !important;
    }

    .tagged__excerpt--pink .tagged__indicator.activeTag, tagged__indicator.activeTag {
        background: rgba(255,128,192,0.8) !important;
    }

    .tagged__excerpt--pink > .tagged__target > .tagged__tool,
    .tagged__excerpt--pink > .tagged__target > .tagged__indicator,
    .tagged__excerpt--pink > .tagged__tool,
    .tagged__excerpt--pink > .tagged__indicator {
        background: #FF80C0;
    }

    .tagged__excerpt--pink.active-highlight {
        background: #ff80c0;
    }

        .tagged__excerpt--pink.active-highlight .para, .tagged__excerpt--pink.active-highlight > .paraBullet {
            background: #ff80c0;
        }

.tagged__excerpt--blue {
    background: rgba(0,191,255,0.4)
}

    .tagged__excerpt--blue.activeTag {
        background: rgba(0,191,255,0.8) !important;
    }

    .tagged__excerpt--blue .tagged__indicator.activeTag, tagged__indicator.activeTag {
        background: rgba(0,191,255,0.8) !important;
    }

    .tagged__excerpt--blue > .tagged__target > .tagged__tool,
    .tagged__excerpt--blue > .tagged__target > .tagged__indicator,
    .tagged__excerpt--blue > .tagged__tool,
    .tagged__excerpt--blue > .tagged__indicator {
        background: #00BFFF;
    }

    .tagged__excerpt--blue.active-highlight {
        background: deepskyblue;
    }

        .tagged__excerpt--blue.active-highlight .para, .tagged__excerpt--blue.active-highlight > .paraBullet {
            background: deepskyblue;
        }

.tagged__excerpt--grey {
    background: rgba(192,192,192,0.4)
}

    .tagged__excerpt--grey.activeTag {
        background: rgba(192,192,192,0.8) !important;
    }

    .tagged__excerpt--grey .tagged__indicator.activeTag, tagged__indicator.activeTag {
        background: rgba(192,192,192,0.8) !important;
    }

    .tagged__excerpt--grey > .tagged__target > .tagged__tool,
    .tagged__excerpt--grey > .tagged__target > .tagged__indicator,
    .tagged__excerpt--grey > .tagged__tool,
    .tagged__excerpt--grey > .tagged__indicator {
        background: #C0C0C0;
    }

    .tagged__excerpt--grey.active-highlight {
        background: silver;
    }

        .tagged__excerpt--grey.active-highlight .para, .tagged__excerpt--grey.active-highlight > .paraBullet {
            background: silver;
        }

.list--unstyled {
    list-style: none;
    padding: 0
}

.section--fixed-bottom {
    display: none;
    padding: 45px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #383935;
    color: #ffffff;
    z-index: 1000
}

    .section--fixed-bottom h2 {
        font-size: 1.25em;
        font-weight: 700;
        line-height: 1.5
    }

    .section--fixed-bottom .container {
        margin: 0 auto
    }

    .section--fixed-bottom .button {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

.dropdown__content--open-default {
    display: block
}

.fixed-toggle {
    display: none;
}

/*Tagging CSS END*/

@media (max-width: 767px) {
    .main {
        padding-left: 50px;
    }

    .main--sidebar-open {
        padding-left: 50px;
    }

    .hero {
        padding: 60px 0;
    }

    .box {
        padding: 15px;
    }

    .reorder__item .text--right {
        text-align: right;
    }

    .reorder__item-expand-all, .reorder__item-collapse-all {
        margin-right: 0;
    }

    .reorder__item .button--dropdown {
        width: 100%;
        margin-top: 15px;
        margin-left: 0;
        margin-right: 0;
    }

    .reorder__item .dropdown__edit-form,
    .reorder__item .dropdown__delete-message {
        width: 100%;
    }

    .reorder__item .dropdown--overlay .dropdown__content--accordion-right {
        width: 100%;
        max-width: 100%;
        right: auto;
    }
}

.nav--utility {
    text-align: right;
}

    .nav--utility .dropdown {
        padding-bottom: 10px;
    }

    .nav--utility .dropdown__content {
        background: #ffffff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        width: auto;
        white-space: nowrap;
        -webkit-box-shadow: 0 3px 5px #DBD9D6;
        -moz-box-shadow: 0 3px 5px #DBD9D6;
        box-shadow: 0 3px 5px #DBD9D6;
    }

    .nav--utility .nav__menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .nav--utility .nav__menu li {
            display: inline-block;
            text-align: left;
            margin-left: 45px;
        }

            .nav--utility .nav__menu li a {
                color: #646569;
                border-bottom: none;
            }

                .nav--utility .nav__menu li a:hover, .nav--utility .nav__menu li a:focus {
                    border-bottom: none;
                }

                .nav--utility .nav__menu li a i {
                    color: #468BC9;
                }

                    .nav--utility .nav__menu li a i.fa-angle-down {
                        color: #646569;
                        margin-left: 5px;
                    }

                .nav--utility .nav__menu li a .indicator {
                    margin-left: 5px;
                }

            .nav--utility .nav__menu li:last-of-type .dropdown__content {
                left: auto;
                right: 0;
            }

    .nav--utility .nav__submenu {
        padding: 15px;
        background: rgba(70,139,201,0.1);
    }

        .nav--utility .nav__submenu li {
            display: block;
            margin: 0;
            padding: 10px 0;
            border-bottom: 1px solid #DBD9D6;
            position: relative;
            padding-right: 25px;
        }

            .nav--utility .nav__submenu li .button--icon {
                position: absolute;
                top: 10px;
                right: 0;
            }

            .nav--utility .nav__submenu li:first-of-type {
                padding-top: 0;
            }

                .nav--utility .nav__submenu li:first-of-type .button--icon {
                    top: 0;
                }

            .nav--utility .nav__submenu li:last-of-type {
                padding-bottom: 0;
                border-bottom: none;
            }

            .nav--utility .nav__submenu li.nav__submenu-link {
                margin-bottom: 0;
            }

            .nav--utility .nav__submenu li:last-child {
                margin-bottom: 0;
            }

            .nav--utility .nav__submenu li a {
                font-weight: 600;
                color: #383935;
                display: block;
                padding: 5px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

                .nav--utility .nav__submenu li a:hover, .nav--utility .nav__submenu li a:focus {
                    background: rgba(70,139,201,0.1);
                }

            .nav--utility .nav__submenu li .clear-notifications {
                font-weight: 400;
                color: #1C449C;
                padding: 0;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
            }

                .nav--utility .nav__submenu li .clear-notifications:hover, .nav--utility .nav__submenu li .clear-notifications:focus {
                    background: transparent;
                }

.nav--primary {
    padding: 0 15px;
}

    .nav--primary .dropdown__content {
        background: #ffffff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        width: auto;
        white-space: nowrap;
        -webkit-box-shadow: 0 0 5px #DBD9D6;
        -moz-box-shadow: 0 0 5px #DBD9D6;
        box-shadow: 0 0 5px #DBD9D6;
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    .nav--primary .nav__menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .nav--primary .nav__menu:after {
            clear: both;
            content: "";
            display: table;
        }

        .nav--primary .nav__menu li {
            display: block;
            margin: 0;
            float: left;
            white-space: nowrap;
            margin-right: 60px;
        }

            .nav--primary .nav__menu li:last-of-type {
                margin-right: 0;
            }

            .nav--primary .nav__menu li a {
                border-bottom: none;
                display: block;
                padding-bottom: 20px;
                padding-top: 25px;
                border-bottom: 5px solid transparent;
                color: #383935;
                font-weight: 600;
            }

                .nav--primary .nav__menu li a:hover, .nav--primary .nav__menu li a:focus {
                    border-bottom: none;
                }

                .nav--primary .nav__menu li a i.fa-angle-down {
                    margin-left: 5px;
                }

                .nav--primary .nav__menu li a:hover, .nav--primary .nav__menu li a:focus, .nav--primary .nav__menu li a.active {
                    border-bottom: 5px solid #468BC9;
                }

    .nav--primary .nav__submenu {
        padding: 15px;
        background: #ffffff;
    }

        .nav--primary .nav__submenu li {
            display: block;
            float: none;
            margin: 0;
            margin-bottom: 5px;
        }

            .nav--primary .nav__submenu li.nav__submenu-link {
                margin-bottom: 0;
            }

            .nav--primary .nav__submenu li:last-child {
                margin-bottom: 0;
            }

            .nav--primary .nav__submenu li a {
                font-weight: 600;
                color: #383935;
                display: block;
                padding: 5px 20px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                border: none;
            }

                .nav--primary .nav__submenu li a:hover, .nav--primary .nav__submenu li a:focus, .nav--primary .nav__submenu li a.active {
                    border: none;
                    background: rgba(70,139,201,0.1);
                }

.nav--sidebar__heading {
    color: #646569;
    display: block;
    text-transform: uppercase;
    margin-top: 75px;
}

    .nav--sidebar__heading:first-of-type {
        margin-top: 0;
    }

.nav--sidebar .nav__menu {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
}

    .nav--sidebar .nav__menu li {
        margin: 0;
        position: relative;
        padding-left: 15px;
        padding-right: 30px;
        margin-bottom: 15px;
    }

        .nav--sidebar .nav__menu li:last-child {
            margin-bottom: 0;
        }

        .nav--sidebar .nav__menu li i.fa-caret-right {
            position: absolute;
            left: 0;
            top: 3px;
        }

        .nav--sidebar .nav__menu li .indicator {
            position: absolute;
            right: 0;
            top: 0;
        }

        .nav--sidebar .nav__menu li a {
            color: #383935;
            font-weight: 600;
            display: inline;
            padding: 0;
            margin: 0;
            text-decoration: none;
            border-bottom: 1px solid transparent;
            -webkit-transition: border 0.2s ease-in-out;
            -o-transition: border 0.2s ease-in-out;
            -moz-transition: border 0.2s ease-in-out;
            transition: border 0.2s ease-in-out;
        }

            .nav--sidebar .nav__menu li a:hover, .nav--sidebar .nav__menu li a:focus {
                border-bottom: 1px solid #383935;
            }

@media (max-width: 767px) {
    .nav--utility {
        margin-bottom: 15px;
    }

        .nav--utility .dropdown--overlay {
            position: static;
        }

            .nav--utility .dropdown--overlay .dropdown__content {
                width: 100%;
                top: auto;
                margin-top: 10px;
            }

    .nav--primary .dropdown--overlay {
        position: static;
    }

        .nav--primary .dropdown--overlay .dropdown__content {
            width: 100%;
            top: auto;
            margin-top: 15px;
        }
}

header {
    background: #ffffff;
    -webkit-box-shadow: 0 0 10px #DBD9D6;
    -moz-box-shadow: 0 0 10px #DBD9D6;
    box-shadow: 0 0 10px #DBD9D6;
}

.header {
    padding-top: 15px;
    position: relative;
    z-index: 100;
}

.header__brand {
    width: 250px;
    padding-right: 60px;
    padding-bottom: 30px;
}

.header__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

section {
    padding: 15px 0;
}

#page-content {
    padding-bottom: 90px;
}

.section--fixed-bottom {
    display: none;
    padding: 45px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #383935;
    color: #ffffff;
    z-index: 1000;
}

    .section--fixed-bottom h2 {
        font-size: 1.25em;
        font-weight: 700;
        line-height: 1.5;
    }

    .section--fixed-bottom .container {
        margin: 0 auto;
    }

    .section--fixed-bottom .button {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.sidebar {
    position: fixed;
    z-index: 50;
    left: 0;
}

.sidebar__content-wrapper {
    width: 0px;
    overflow: hidden;
    -webkit-transition: width 0.2s ease-in-out;
    -o-transition: width 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out;
}

.sidebar__content {
    width: 265px;
    padding: 15px 0;
    padding-left: 15px;
    padding-right: 15px;
}

.sidebar__controls {
    text-align: right;
}

    .sidebar__controls .button {
        margin: 0;
    }

.sidebar__controls--main {
    padding: 15px;
    padding-bottom: 0;
    width: 100%;
    -webkit-transition: padding 0.2s ease-in-out;
    -o-transition: padding 0.2s ease-in-out;
    -moz-transition: padding 0.2s ease-in-out;
    transition: padding 0.2s ease-in-out;
}

.sidebar.open {
    height: 100%;
    overflow-y: scroll;
}

    .sidebar.open .sidebar__content-wrapper {
        width: 265px;
    }

    .sidebar.open .sidebar__controls--main {
        padding-left: 15px;
        padding-right: 45px;
    }

@media (max-width: 767px) {
    .sidebar {
        background: #ffffff;
    }

        .sidebar.fixed {
            position: fixed;
            top: 0;
            padding-top: 0;
            height: 100%;
            overflow: auto;
        }

        .sidebar.open {
            -webkit-box-shadow: 0 0 5px #DBD9D6;
            -moz-box-shadow: 0 0 5px #DBD9D6;
            box-shadow: 0 0 5px #DBD9D6;
        }
}

footer {
    padding: 60px 0;
    background: #1E2858;
    color: #ffffff;
}

/* THEME COMPONENTS
------------------------------------------------------------------------------*/
/* BUTTON COMPONENT
---------------------------------------------------------------------------*/
.button {
    padding: 10px 25px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border-bottom: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    margin: 5px;
    background: #ffffff;
    color: #1E2858;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.375;
    -webkit-box-shadow: 2px 2px 5px #DBD9D6;
    -moz-box-shadow: 2px 2px 5px #DBD9D6;
    box-shadow: 2px 2px 5px #DBD9D6;
}

    .button:hover, .button:focus {
        border-bottom: none;
    }

    .button:active {
        -webkit-transform: translate(1px, 1px);
        -moz-transform: translate(1px, 1px);
        -ms-transform: translate(1px, 1px);
        -o-transform: translate(1px, 1px);
        transform: translate(1px, 1px);
        -webkit-box-shadow: inset 0px 0px 10px #468BC9;
        -moz-box-shadow: inset 0px 0px 10px #468BC9;
        box-shadow: inset 0px 0px 10px #468BC9;
    }

    .button:last-child {
        margin-right: 0;
    }

.button--primary {
    background: #468BC9;
    color: #ffffff;
}

    .button--primary:hover, .button--primary:focus {
        background: #1C449C;
    }

    .button--primary:active {
        -webkit-box-shadow: inset 0px 0px 10px #468BC9;
        -moz-box-shadow: inset 0px 0px 10px #468BC9;
        box-shadow: inset 0px 0px 10px #468BC9;
    }

.button--neutral {
    background: #DBD9D6;
    color: #383935;
    font-weight: 400;
    -webkit-box-shadow: 2px 2px 5px #c3c0bb;
    -moz-box-shadow: 2px 2px 5px #c3c0bb;
    box-shadow: 2px 2px 5px #c3c0bb;
}

    .button--neutral:hover, .button--neutral:focus {
        background: #e7e6e4;
    }

    .button--neutral:active {
        -webkit-box-shadow: inset 0px 0px 10px #646569;
        -moz-box-shadow: inset 0px 0px 10px #646569;
        box-shadow: inset 0px 0px 10px #646569;
    }

.button--icon {
    padding: 3px 5px;
    background: rgba(219,217,214,0.5);
    font-size: 1em;
    font-weight: 400;
    line-height: 1;
    color: #383935;
    position: relative;
}

    .button--icon i {
        -webkit-transition: -webkit-transform 0.2s ease-in-out;
        transition: -webkit-transform 0.2s ease-in-out;
        -o-transition: -o-transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
    }

        .button--icon i.fa-minus-circle {
            display: none;
        }

.button--icon__label {
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 15px;
    color: #383935;
}

.button--icon.open i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

    .button--icon.open i.fa-plus-circle, .button--icon.open i.fa-minus-circle {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .button--icon.open i.fa-plus-circle {
        display: none;
    }

    .button--icon.open i.fa-minus-circle {
        display: inline;
    }

.button--icon:active {
    -webkit-box-shadow: inset 0px 0px 10px #646569;
    -moz-box-shadow: inset 0px 0px 10px #646569;
    box-shadow: inset 0px 0px 10px #646569;
}

.button--icon-blue {
    background: #e4eef7;
    margin-left: 20px;
}

    .button--icon-blue + .button--icon-blue {
        margin-left: 5px;
    }

.button--icon-simple {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.button--text {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.button--toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    color: #468BC9;
}

    .button--toggle .fa-minus-circle {
        display: none;
    }

    .button--toggle.open .fa-minus-circle {
        display: inline;
    }

    .button--toggle.open .fa-plus-circle {
        display: none;
    }

.button--dropdown {
    border: 2px solid #DBD9D6;
    font-weight: 400;
    color: #1C449C;
}

    .button--dropdown:hover, .button--dropdown:focus {
        border-bottom: 2px solid #DBD9D6;
    }

.button.hide-paragraph {
    padding: 0;
    color: #468BC9;
    font-size: 15px;
}

.copy-citation, .link--has-icon {
    color: #468BC9;
    border-bottom: 0 none;
}

    .copy-citation:hover, .copy-citation:active, .copy-citation:focus, .link--has-icon:hover, .link--has-icon:active, .link--has-icon:focus {
        color: #1C449C;
        border-bottom: 0 none;
    }

.dropdown__toggle i.fa-angle-down {
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    -o-transition: -o-transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out, -o-transform 0.2s ease-in-out;
}

.dropdown__toggle.open i.fa-angle-down {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.dropdown__content {
    display: none;
    z-index: 10;
}

.dropdown__content--open-default {
    display: block;
}

.dropdown__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .dropdown__list > li > a {
        border-bottom: none;
        position: relative;
        display: block;
        border: none;
        width: 100%;
        font-weight: 600;
        color: #383935;
        padding: 5px;
        padding-right: 20px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .dropdown__list > li > a:hover, .dropdown__list > li > a:focus {
            border-bottom: none;
        }

        .dropdown__list > li > a i {
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .dropdown__list > li > a:hover, .dropdown__list > li > a:focus {
            background: rgba(70, 139, 201, 0.1);
        }

.dropdown__form {
    width: 400px;
    display: none;
}

    .dropdown__form.open {
        display: block;
    }

    .dropdown__form a {
        color: #1C449C;
        display: inline;
        padding: 0;
        margin: 0;
        text-decoration: none;
        border-bottom: 1px solid #1C449C;
        -webkit-transition: border 0.2s ease-in-out;
        -o-transition: border 0.2s ease-in-out;
        -moz-transition: border 0.2s ease-in-out;
        transition: border 0.2s ease-in-out;
    }

        .dropdown__form a:hover, .dropdown__form a:focus {
            border-bottom: 1px solid transparent;
        }

.dropdown--inline {
    display: inline-block;
}

.dropdown--overlay {
    position: relative;
}

    .dropdown--overlay:after {
        clear: both;
        content: "";
        display: table;
    }

    .dropdown--overlay .dropdown__content {
        position: absolute;
        left: 0;
        top: 100%;
    }

    .dropdown--overlay .dropdown__content--accordion-right {
        -webkit-box-shadow: 0 0 7px #DBD9D6;
        -moz-box-shadow: 0 0 7px #DBD9D6;
        box-shadow: 0 0 7px #DBD9D6;
        padding: 15px;
        background: #ffffff;
        left: auto;
        right: 5px;
        min-width: 200px;
        text-align: left;
    }

        .dropdown--overlay .dropdown__content--accordion-right h2 {
            font-size: 1.125em;
            font-weight: 700;
            line-height: 1.55556;
            margin-bottom: 10px;
            color: #468BC9;
            text-transform: uppercase;
        }

    .dropdown--overlay .dropdown__content--popover {
        -webkit-box-shadow: 0 0 7px #DBD9D6;
        -moz-box-shadow: 0 0 7px #DBD9D6;
        box-shadow: 0 0 7px #DBD9D6;
        padding: 15px 25px;
        background: #ffffff;
        left: auto;
        right: 5px;
        width: 500px;
        text-align: left;
    }

.dropdown__title {
    position: relative;
    padding-right: 30px;
    display: block;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.3;
}

    .dropdown__title .button--icon {
        background: transparent;
        padding: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0;
        color: #646569;
    }

.dropdown__edit-form, .dropdown__delete-message {
    display: none;
}

.dropdown__edit-form {
    width: 400px;
}

.dropdown__delete-message {
    width: 400px;
}

.categories__dropdown {
    margin-bottom: 15px;
}

    .categories__dropdown:last-child {
        margin-bottom: 0;
    }

.dropdown__content--nested {
    padding-top: 15px;
}

    .dropdown__content--nested .button--dropdown.dropdown__toggle {
        margin-top: 15px;
    }

    .dropdown__content--nested .data__group {
        background: transparent;
    }

        .dropdown__content--nested .data__group:last-child {
            margin-bottom: 15px;
        }

    .dropdown__content--nested .data__group--blue {
        background: rgba(70, 139, 201, 0.1);
    }

        .dropdown__content--nested .data__group--blue.border {
            background: rgba(70, 139, 201, 0.1);
        }

@media (max-width: 767px) {
    .dropdown--overlay .dropdown__content--popover {
        position: fixed;
        z-index: 150;
        width: 90%;
        max-height: 100%;
        overflow-y: auto;
        top: 50%;
        left: 50%;
        right: auto;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

/* ALERT COMPONENT
---------------------------------------------------------------------------*/
.alert {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgba(70, 139, 201, 0.1);
    padding: 10px 15px;
    padding-left: 30px;
    color: #646569;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}

    .alert a {
        color: #468BC9;
        display: inline;
        padding: 0;
        margin: 0;
        text-decoration: none;
        border-bottom: 1px solid #468BC9;
        -webkit-transition: border 0.2s ease-in-out;
        -o-transition: border 0.2s ease-in-out;
        -moz-transition: border 0.2s ease-in-out;
        transition: border 0.2s ease-in-out;
    }

        .alert a:hover, .alert a:focus {
            border-bottom: 1px solid transparent;
        }

.alert--danger {
    background: #FFE0E0;
    color: #CF4849;
    font-weight: 600;
}

.alert--warning {
    background: #F9EEC8;
    color: #383935;
    font-weight: 600;
}

    .alert--warning i {
        color: #957B1A;
    }

.alert__content {
    position: relative;
}

    .alert__content p {
        margin: 15px 0;
    }

.alert__icon {
    font-size: 30px;
    line-height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.alert--has-icon .alert__content {
    padding-left: 60px;
}

@media (max-width: 767px) {
    .alert {
        padding: 15px;
    }

    .alert__content p {
        margin-top: 0;
    }
}

/* ICON COMPONENT
---------------------------------------------------------------------------*/
.icon--before {
    margin-right: 5px;
}

.icon--after {
    margin-left: 5px;
}

/* TEXT COMPONENT
---------------------------------------------------------------------------*/
.text--centered {
    display: block;
    text-align: center;
}

.text--right {
    display: block;
    text-align: right;
}

.text--left {
    text-align: left !important;
    float: left !important;
}

.text--italic {
    font-style: italic;
}

.text--caps {
    text-transform: uppercase;
}

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

.text--ellipsis {
    display: block;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

@media (max-width: 767px) {
    .text--right {
        text-align: left;
    }
}

/* BANNER COMPONENTS
---------------------------------------------------------------------------*/
.banner {
    padding: 60px 0;
    position: relative;
    width: 100%;
    background: #1C449C;
}

/* CARD COMPONENTS
---------------------------------------------------------------------------*/
.cards {
    margin: 0 -10px;
    margin-bottom: 20px;
    overflow-x: auto;
    padding: 15px 0;
}

.card {
    padding: 0;
    margin: 0 10px;
    -webkit-box-shadow: 0 0 5px #DBD9D6;
    -moz-box-shadow: 0 0 5px #DBD9D6;
    box-shadow: 0 0 5px #DBD9D6;
    background: rgba(70, 139, 201, 0.05);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-width: 280px;
}

.card__data {
    display: block;
    text-align: center;
    padding: 30px;
    font-size: 5em;
    font-weight: 700;
    line-height: 1.075;
}

.card__data--red {
    color: #AA1F2E;
}

.card__data--orange {
    color: #DF4826;
}

.card__data--light-orange {
    color: #F5821F;
}

.card__data--blue {
    color: #468BC9;
}

.card__data + .card__title {
    margin-bottom: 30px;
    padding: 0 15px;
    text-align: center;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.16667;
}

.card__title {
    margin-top: 0;
    font-weight: 400;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.33333;
}

    .card__title a {
        color: #468BC9;
        display: inline;
        padding: 0;
        margin: 0;
        text-decoration: none;
        border-bottom: 1px solid #468BC9;
        -webkit-transition: border 0.2s ease-in-out;
        -o-transition: border 0.2s ease-in-out;
        -moz-transition: border 0.2s ease-in-out;
        transition: border 0.2s ease-in-out;
    }

        .card__title a:hover, .card__title a:focus {
            border-bottom: 1px solid transparent;
        }

.card__content {
    padding: 30px;
    background: #ffffff;
}

.card__footer {
    background: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

    .card__footer a {
        background: rgba(70, 139, 201, 0.1);
        border-bottom: none;
        display: block;
        padding: 15px 30px;
        color: #1C449C;
        width: 100%;
        position: relative;
        padding-right: 45px;
    }

        .card__footer a:hover, .card__footer a:focus {
            border-bottom: none;
        }

        .card__footer a i {
            position: absolute;
            right: 30px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

.card__flag {
    display: inline-block;
    padding: 5px 15px;
    text-align: center;
    background: #468BC9;
    margin-bottom: 15px;
    color: #ffffff;
    font-weight: 600;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.card__meta {
    padding: 30px;
}

.card--has-footer {
    position: relative;
}

    .card--has-footer .card__content {
        padding-bottom: 65px;
    }

.card--compacted .document__citation {
    padding-right: 115px;
}

    .card--compacted .document__citation + .card__actions {
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.card--details {
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 15px;
    padding-left: 55px;
    position: relative;
}

    .card--details hr {
        margin: 15px 0;
        height: 2px;
        background: #F7F7F7;
    }

        .card--details hr.spacer {
            background: transparent;
            margin: 15px 0;
        }

    .card--details .table__wrapper {
        margin-bottom: 15px;
    }

        .card--details .table__wrapper:last-child {
            margin-bottom: 0;
        }

    .card--details p {
        margin-bottom: 15px;
    }

        .card--details p small strong {
            font-weight: 500;
        }

            .card--details p small strong:first-child {
                display: inline-block;
                margin-right: 10px;
            }

    .card--details .compact-toggle {
        position: absolute;
        left: 10px;
        top: 20px;
        margin: 0;
    }

    .card--details:last-child {
        margin-bottom: 15px;
    }

    .card--details .hide-compact .document {
        padding: 0;
    }

    .card--details .button--dropdown {
        border: 0 none;
        border-top: 2px solid #F7F7F7;
        width: 100%;
        text-align: center;
        padding: 15px 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #468BC9;
        font-weight: 600;
    }

        .card--details .button--dropdown i {
            -webkit-transition: -webkit-transform 0.2s;
            transition: -webkit-transform 0.2s;
            -o-transition: -o-transform 0.2s;
            -moz-transition: transform 0.2s, -moz-transform 0.2s;
            transition: transform 0.2s;
            transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s, -o-transform 0.2s;
        }

        .card--details .button--dropdown .opened-text {
            display: none;
        }

        .card--details .button--dropdown.open i {
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

        .card--details .button--dropdown.open .opened-text {
            display: inline-block;
        }

        .card--details .button--dropdown.open .closed-text {
            display: none;
        }

        .card--details .button--dropdown.dropdown__toggle {
            text-align: center;
        }

            .card--details .button--dropdown.dropdown__toggle.text--left {
                text-align: left;
            }

        .card--details .button--dropdown.dropdown__toggle--nested {
            padding: 15px;
        }

            .card--details .button--dropdown.dropdown__toggle--nested.button--dropdown i {
                margin-right: 10px;
            }

            .card--details .button--dropdown.dropdown__toggle--nested.button--dropdown.open i {
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
            }

.card .tabs__list-item {
    font-weight: 400;
    color: #646569;
    padding-top: 0;
    padding-bottom: 10px;
}

    .card .tabs__list-item.active {
        font-weight: 600;
        color: #468BC9;
        border-bottom: 3px solid #468BC9;
    }

.compact-toggle .fa-expand-alt {
    display: none;
}

.show-compact {
    display: none;
}

    .show-compact .document {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0;
    }

        .show-compact .document.card--content {
            display: block;
        }

        .show-compact .document .card__actions {
            top: 0;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
        }

        .show-compact .document .document__citation {
            margin-bottom: 0;
            padding-right: 120px;
        }

        .show-compact .document p {
            margin-bottom: 0;
        }

        .show-compact .document .card__actions {
            margin-left: auto;
            min-width: 115px;
            padding-left: 10px;
        }

.compact .show-compact,
.card--compacted .show-compact {
    display: block;
}

.compact .hide-compact,
.card--compacted .hide-compact {
    display: none;
}

.compact .compact-toggle .fa-compress-alt,
.card--compacted .compact-toggle .fa-compress-alt {
    display: none;
}

.compact .compact-toggle .fa-expand-alt,
.card--compacted .compact-toggle .fa-expand-alt {
    display: inline;
}

.compact .document__citation,
.card--compacted .document__citation {
    padding-left: 10px;
}

    .compact .document__citation i,
    .card--compacted .document__citation i {
        display: none;
    }

.compact .card .hide-compact,
.card--compacted .card .hide-compact {
    display: block;
}

    .compact .card .hide-compact .tabs__list > .card__actions,
    .card--compacted .card .hide-compact .tabs__list > .card__actions {
        display: none;
    }

.compact .card .compact-toggle .fa-compress-alt,
.card--compacted .card .compact-toggle .fa-compress-alt {
    display: inline;
}

.compact .card .compact-toggle .fa-expand-alt,
.card--compacted .card .compact-toggle .fa-expand-alt {
    display: none;
}

.compact .card.compact .hide-compact, .compact .card.card--compacted .hide-compact,
.card--compacted .card.compact .hide-compact,
.card--compacted .card.card--compacted .hide-compact {
    display: none;
}

.compact .card.compact .compact-toggle .fa-compress-alt, .compact .card.card--compacted .compact-toggle .fa-compress-alt,
.card--compacted .card.compact .compact-toggle .fa-compress-alt,
.card--compacted .card.card--compacted .compact-toggle .fa-compress-alt {
    display: none;
}

.compact .card.compact .compact-toggle .fa-expand-alt, .compact .card.card--compacted .compact-toggle .fa-expand-alt,
.card--compacted .card.compact .compact-toggle .fa-expand-alt,
.card--compacted .card.card--compacted .compact-toggle .fa-expand-alt {
    display: inline;
}

@media (max-width: 767px) {
    .cards {
        margin-left: 0;
        margin-right: 0;
        overflow: visible;
    }

    .card {
        margin: 0;
        margin-bottom: 15px;
    }

    .card__data {
        padding: 0;
    }

        .card__data + .card__title {
            padding: 0;
            margin-bottom: 15px;
        }

    .card__content {
        padding: 15px;
    }

    .card__meta {
        padding: 15px;
    }

    .card__footer a {
        padding: 15px;
    }

        .card__footer a i {
            right: 15px;
        }
}

/* TOOLTIP COMPONENTS
---------------------------------------------------------------------------*/
.tooltip-toggle {
    position: relative;
    overflow: visible;
}

    .tooltip-toggle:hover .tooltip, .tooltip-toggle:focus .tooltip {
        display: inline-block;
    }

.tooltip {
    display: none;
    background: #ffffff;
    width: 200px;
    padding: 10px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 10px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    -webkit-box-shadow: 2px 2px 5px #DBD9D6;
    -moz-box-shadow: 2px 2px 5px #DBD9D6;
    box-shadow: 2px 2px 5px #DBD9D6;
}

    .tooltip:before, .tooltip:after {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.tooltip--top:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 9.5px solid transparent;
    border-right: 9.5px solid transparent;
    border-top: 9.5px solid #DBD9D6;
    bottom: -9.5px;
}

.tooltip--top:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #ffffff;
    bottom: -8px;
}

.tooltip--bottom {
    bottom: auto;
    top: 100%;
    margin-bottom: 0;
    margin-top: 10px;
}

    .tooltip--bottom:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 9.5px solid transparent;
        border-right: 9.5px solid transparent;
        border-bottom: 9.5px solid #DBD9D6;
        top: -9.5px;
    }

    .tooltip--bottom:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #ffffff;
        top: -8px;
    }

.tooltip--left:before, .tooltip--left:after, .tooltip--right:before, .tooltip--right:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tooltip--left {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    margin-bottom: 0;
    margin-right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .tooltip--left:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 9.5px solid transparent;
        border-bottom: 9.5px solid transparent;
        border-left: 9.5px solid #DBD9D6;
        bottom: auto;
        left: auto;
        right: -9.5px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .tooltip--left:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 9.5px solid transparent;
        border-bottom: 9.5px solid transparent;
        border-left: 9.5px solid #ffffff;
        bottom: auto;
        left: auto;
        right: -8px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.tooltip--right {
    bottom: auto;
    left: 100%;
    top: 50%;
    margin-bottom: 0;
    margin-left: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .tooltip--right:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 9.5px solid transparent;
        border-bottom: 9.5px solid transparent;
        border-right: 9.5px solid #DBD9D6;
        bottom: auto;
        left: -9.5px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .tooltip--right:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 9.5px solid transparent;
        border-bottom: 9.5px solid transparent;
        border-right: 9.5px solid #ffffff;
        bottom: auto;
        left: -8px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

/* FORM COMPONENTS
---------------------------------------------------------------------------*/
.form__group {
    margin-bottom: 25px;
}

    .form__group:last-child {
        margin-bottom: 0;
    }

.form__group--inline {
    display: inline-block;
    margin-bottom: 0;
}

.form__group--has-icon {
    position: relative;
}

    .form__group--has-icon .form__input {
        padding-left: 45px;
    }

    .form__group--has-icon > i {
        position: absolute;
        left: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.form__group--inline-search-clear {
    position: relative;
}

    .form__group--inline-search-clear i {
        position: absolute;
        right: 70px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #646569;
    }

    .form__group--inline-search-clear button {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        background: none;
        padding: 5px 10px;
        text-decoration: underline;
        color: #383935;
        border-left: 1px solid #DBD9D6;
    }

        .form__group--inline-search-clear button:hover, .form__group--inline-search-clear button:focus {
            text-decoration: none;
        }

.form__group--inline-label .form__label {
    display: inline-block;
    margin-right: 15px;
}

.form__group--inline-label .form__input {
    display: inline-block;
    width: auto;
}

.form__group--inline-label .form__select-wrapper,
.form__group--inline-label .form__date-wrapper {
    display: inline-block;
    width: auto;
    min-width: 200px;
}

    .form__group--inline-label .form__select-wrapper .form__input,
    .form__group--inline-label .form__date-wrapper .form__input {
        width: 100%;
    }

.form__group--inline-label .dropdown {
    display: inline-block;
}

.form__group--inline-label-dynamic-width .form__select-wrapper {
    min-width: 0;
}

.form__set {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px;
}

    .form__set > * {
        margin-bottom: 10px !important;
        margin-right: 20px;
    }

        .form__set > *:last-child {
            margin-right: 0;
        }

.form__boolean input {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    .form__boolean input:checked + label .form__boolean-toggle:before {
        left: 0;
    }

    .form__boolean input:checked + label .form__boolean-on {
        color: #ffffff;
    }

    .form__boolean input:checked + label .form__boolean-off {
        color: #1C449C;
    }

.form__boolean label {
    cursor: pointer;
    display: table;
}

.form__boolean .form__boolean-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border: 1px solid #1C449C;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 165px;
    margin-top: 15px;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

    .form__boolean .form__boolean-toggle:before {
        content: '';
        display: block;
        width: 50%;
        height: 100%;
        left: 50%;
        top: 0;
        position: absolute;
        background: #1C449C;
        z-index: -1;
        -webkit-transition: left 0.2s ease-in-out;
        -o-transition: left 0.2s ease-in-out;
        -moz-transition: left 0.2s ease-in-out;
        transition: left 0.2s ease-in-out;
    }

.form__boolean .form__boolean-on,
.form__boolean .form__boolean-off {
    display: block;
    width: 50%;
    text-align: center;
    padding: 10px 0;
    color: #1C449C;
    background: transparent;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.form__boolean .form__boolean-off {
    color: #ffffff;
}

.form__boolean--inline .form__label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.71429;
}

.form__boolean--inline .form__boolean-toggle {
    margin: 0;
    width: 100px;
    margin-left: auto;
}

.form__boolean--inline .form__boolean-on,
.form__boolean--inline .form__boolean-off {
    padding: 5px 0;
}


.form__label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    position: relative;
    padding-right: 15px;
}

.form__label-required {
    color: #e62600;
    position: absolute;
    right: 0;
    top: 0;
}

.form__input {
    width: 100%;
    max-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #ffffff;
    color: #1E2858;
    font-family: "aktiv-grotesk", "Helvetica Nueue", "Arial", sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*padding: 10px 20px;*/
    padding: 10px 30px 10px 10px; /* Jaykishan Vaghela 03-Oct-2019 */
    margin: 0;
    text-align: left;
    border: 1px solid #DBD9D6;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.25;
}

.form__input--inline {
    display: inline-block;
    width: auto;
    margin-right: 10px;
}

.form__helper {
    font-size: 0.9em;
}

.form__select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .form__select-wrapper .fa-search {
        color: #468BC9;
        position: absolute;
        left: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .form__select-wrapper .fa-search + .form__input {
            padding-left: 45px;
        }

    .form__select-wrapper .form__input {
        padding-right: 40px;
    }

        .form__select-wrapper .form__input + i {
            pointer-events: none;
            position: absolute;
            right: 20px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #000000;
            font-size: 1.2em;
        }

.form__date-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .form__date-wrapper .form__date {
        padding-right: 40px;
    }

        .form__date-wrapper .form__date + i {
            pointer-events: none;
            position: absolute;
            right: 20px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #000000;
        }

.form__standard-radio {
    position: relative;
    padding-left: 25px;
    margin-right: 30px;
}

    .form__standard-radio input {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.form__checkbox-wrapper > label i {
    margin-right: 10px;
}

.form__checkbox-wrapper .form__checkbox {
    display: block;
    cursor: pointer;
    padding: 5px 15px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #DBD9D6;
    font-weight: 600;
    margin-top: 15px;
    width: 80px;
    color: #646569;
    padding-left: 35px;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.form__checkbox-wrapper .form__checkbox-checked-text, .form__checkbox-wrapper .form__checkbox-unchecked-text {
    overflow: hidden;
    display: block;
    margin: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.form__checkbox-wrapper .form__checkbox-checked-text {
    display: none;
}

.form__checkbox-wrapper .form__checkbox:after {
    content: '';
    height: 24px;
    width: 24px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #DBD9D6;
    background: #ffffff;
    position: absolute;
    margin: 3px;
    top: 0;
    left: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.form__checkbox-wrapper--inline {
    display: inline-block;
}

    .form__checkbox-wrapper--inline + * {
        margin-left: 15px;
    }

    .form__checkbox-wrapper--inline .form__checkbox {
        display: inline-block;
        margin-left: 15px;
        margin-top: 0;
    }

    .form__checkbox-wrapper--inline label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap;
    }

        .form__checkbox-wrapper--inline label strong {
            display: inline-block;
            margin-right: 5px;
        }

.form__checkbox-wrapper input[type="checkbox"]:focus + label .form__checkbox {
    -webkit-box-shadow: 1px 1px 8px #468BC9;
    -moz-box-shadow: 1px 1px 8px #468BC9;
    box-shadow: 1px 1px 8px #468BC9;
}

.form__checkbox-wrapper input[type="checkbox"]:checked + label .form__checkbox {
    padding-left: 15px;
    padding-right: 35px;
    border: 1px solid #468BC9;
    background: #468BC9;
}

.form__checkbox-wrapper input[type="checkbox"]:checked + label .form__checkbox-checked-text {
    display: block;
    color: #ffffff;
}

.form__checkbox-wrapper input[type="checkbox"]:checked + label .form__checkbox-unchecked-text {
    display: none;
}

.form__checkbox-wrapper input[type="checkbox"]:checked + label .form__checkbox:after {
    left: 100%;
    border: 1px solid #ffffff;
    -webkit-transform: translateX(-33px);
    -moz-transform: translateX(-33px);
    -ms-transform: translateX(-33px);
    -o-transform: translateX(-33px);
    transform: translateX(-33px);
}

.form--inline .form__group, .form--inline .form__label, .form--inline .form__input {
    display: inline-block;
}

.form--inline .form__group {
    margin-right: 30px;
}

    .form--inline .form__group:last-of-type {
        margin-right: 0;
    }

.form--inline .form__label {
    margin-right: 10px;
}

.text--right .form__group--inline {
    text-align: left;
}

fieldset {
    margin-bottom: 25px;
}

    fieldset legend.form__label {
        margin-bottom: 15px;
    }

textarea {
    min-height: 84px;
    min-width: 100%;
}

    textarea.form__input {
        padding: 20px;
    }

.daterange {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 0;
    color: #468BC9;
    cursor: pointer;
    width: auto;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.28571;
    display: inline;
    padding: 0;
    margin: 0;
    text-decoration: none;
    border-bottom: 1px solid #468BC9;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    -moz-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}

    .daterange:hover, .daterange:focus {
        border-bottom: 1px solid transparent;
    }

.daterange__wrapper {
    color: #468BC9;
    display: inline-block;
    margin: 10px;
}

    .daterange__wrapper .fa-calendar {
        margin-right: 10px;
    }

    .daterange__wrapper .fa-angle-down {
        margin-left: 10px;
    }


/* Component containers
----------------------------------*/
.ui-widget.ui-widget-content {
    border: 1px solid #DBD9D6;
}

.ui-widget-content {
    border: 1px solid #DBD9D6;
    background: #ffffff;
    color: #383935;
}

    .ui-widget-content a {
        color: #383935;
    }

.ui-widget-header {
    border: 1px solid #DBD9D6;
    background: rgba(70, 139, 201, 0.1);
    color: #383935;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #383935;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 1px solid #DBD9D6;
        background: rgba(70, 139, 201, 0.1);
        font-weight: normal;
        color: #383935;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited,
        a.ui-button,
        a:link.ui-button,
        a:visited.ui-button,
        .ui-button {
            color: #383935;
            text-decoration: none;
        }

            .ui-state-hover,
            .ui-widget-content .ui-state-hover,
            .ui-widget-header .ui-state-hover,
            .ui-state-focus,
            .ui-widget-content .ui-state-focus,
            .ui-widget-header .ui-state-focus,
            .ui-button:hover,
            .ui-button:focus {
                border: 1px solid #DBD9D6;
                background: #DBD9D6;
                font-weight: normal;
                color: #383935;
            }

                .ui-state-hover a,
                .ui-state-hover a:hover,
                .ui-state-hover a:link,
                .ui-state-hover a:visited,
                .ui-state-focus a,
                .ui-state-focus a:hover,
                .ui-state-focus a:link,
                .ui-state-focus a:visited,
                a.ui-button:hover,
                a.ui-button:focus {
                    color: #646569;
                    text-decoration: none;
                }

.ui-visual-focus {
    -webkit-box-shadow: 0 0 3px 1px #1C449C;
    -moz-box-shadow: 0 0 3px 1px #1C449C;
    box-shadow: 0 0 3px 1px #1C449C;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #DBD9D6;
    background: #1C449C;
    font-weight: normal;
    color: #ffffff;
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #DBD9D6;
        background-color: rgba(70, 139, 201, 0.1);
    }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #DBD9D6;
    background: rgba(70, 139, 201, 0.1);
    color: #383935;
}

.ui-state-checked {
    border: 1px solid #DBD9D6;
    background: rgba(70, 139, 201, 0.1);
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: rgba(70, 139, 201, 0.1);
}

/* TABLE COMPONENTS
---------------------------------------------------------------------------*/
.table__scroll {
    position: relative;
    width: 100%;
    margin: auto;
    /*overflow: hidden; By JAnak 28-05-2019*/
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

    .table__scroll ::-webkit-scrollbar {
        width: 5px;
    }

    .table__scroll ::-webkit-scrollbar-track {
        background: #DBD9D6;
        height: 15px;
    }

    .table__scroll ::-webkit-scrollbar-thumb {
        background: #1C449C;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        height: 8px;
        border: 4px solid #DBD9D6;
    }

        .table__scroll ::-webkit-scrollbar-thumb:hover {
            background: #468BC9;
        }

    .table__scroll table {
        width: 100%;
        margin: auto;
        border-collapse: separate;
        border-spacing: 0;
    }

    .table__scroll thead tr th,
    .table__scroll thead tr td {
        padding: 20px;
        border-top: 2px solid #DBD9D6;
        border-bottom: 2px solid #DBD9D6;
        text-align: left;
        font-weight: 500;
        color: #646569;
    }

        .table__scroll thead tr th.table__fixed--right,
        .table__scroll thead tr td.table__fixed--right {
            position: relative;
        }

            .table__scroll thead tr th.table__fixed--right:before,
            .table__scroll thead tr td.table__fixed--right:before {
                content: '';
                height: 70%;
                width: 2px;
                background: #DBD9D6;
                position: absolute;
                left: 15px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
            }

        .table__scroll thead tr th:last-child,
        .table__scroll thead tr td:last-child {
            text-align: center;
        }

    .table__scroll tbody tr:nth-of-type(2n) th,
    .table__scroll tbody tr:nth-of-type(2n) td {
        background: #ECF3F9;
    }

    .table__scroll tbody tr th,
    .table__scroll tbody tr td {
        text-align: left;
    }

        .table__scroll tbody tr th:last-child,
        .table__scroll tbody tr td:last-child {
            text-align: center;
        }

    .table__scroll th,
    .table__scroll td {
        padding: 15px 20px;
        background: #ffffff;
        white-space: nowrap;
        vertical-align: middle;
        min-width: 150px;
    }

        .table__scroll th > a,
        .table__scroll td > a {
            color: #1C449C;
            display: inline;
            padding: 0;
            margin: 0;
            text-decoration: none;
            border-bottom: 1px solid #1C449C;
            -webkit-transition: border 0.2s ease-in-out;
            -o-transition: border 0.2s ease-in-out;
            -moz-transition: border 0.2s ease-in-out;
            transition: border 0.2s ease-in-out;
        }

            .table__scroll th > a:hover, .table__scroll th > a:focus,
            .table__scroll td > a:hover,
            .table__scroll td > a:focus {
                border-bottom: 1px solid transparent;
            }

        .table__scroll th .dropdown__toggle,
        .table__scroll td .dropdown__toggle {
            width: 100%;
            margin: 5px 0;
        }

        .table__scroll th .dropdown__content,
        .table__scroll td .dropdown__content {
            right: 0;
        }

.table__wrapper {
    width: 100%;
    overflow: auto;
}

.table__clone {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 10;
}

    .table__clone th,
    .table__clone td {
        visibility: hidden;
        border-color: transparent;
    }

    .table__clone tbody th {
        visibility: visible;
    }

    .table__clone .table__fixed {
        visibility: visible;
        color: #1C449C;
        pointer-events: auto;
    }

    .table__clone .table__fixed_label {
        visibility: visible;
        /*color: #1C449C;*/
        pointer-events: auto;
    }


.table__clone--right {
    top: 0;
    left: 100%;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

    .table__clone--right .table__fixed {
        visibility: hidden;
    }

    .table__clone--right .table__fixed--right {
        visibility: visible;
        text-align: center;
        pointer-events: auto;
    }

    /*added by harsh 08/12*/
  @media (max-width: 767px) {
    .table__clone {
        display: none;
    }

    .table__clone--right {
        display: none;
    }
}

.reorder-table {
    width: 100%;
}

.reorder-table__item {
    cursor: initial !important;
}

    .reorder-table__item i.fa-ellipsis-v {
        color: #468BC9;
        margin-right: 10px;
        display: none;
    }

.reorder-table__list {
    display: none;
}

.reorder-table .table {
    width: 100%;
}

    .reorder-table .table thead tr th,
    .reorder-table .table thead tr td {
        padding: 20px;
        border-top: 2px solid #DBD9D6;
        border-bottom: 2px solid #DBD9D6;
        text-align: left;
        font-weight: 500;
        color: #646569;
    }

        .reorder-table .table thead tr th.table__fixed--right,
        .reorder-table .table thead tr td.table__fixed--right {
            position: relative;
        }

            .reorder-table .table thead tr th.table__fixed--right:before,
            .reorder-table .table thead tr td.table__fixed--right:before {
                content: '';
                height: 70%;
                width: 2px;
                background: #DBD9D6;
                position: absolute;
                left: 15px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
            }

        .reorder-table .table thead tr th:last-child,
        .reorder-table .table thead tr td:last-child {
            text-align: center;
        }

    .reorder-table .table tbody tr:nth-of-type(2n) th,
    .reorder-table .table tbody tr:nth-of-type(2n) td {
        background: #ECF3F9;
    }

    .reorder-table .table tbody tr th,
    .reorder-table .table tbody tr td {
        text-align: left;
    }

        .reorder-table .table tbody tr th:last-child,
        .reorder-table .table tbody tr td:last-child {
            text-align: center;
        }

    .reorder-table .table th,
    .reorder-table .table td {
        padding: 15px 20px;
        background: #ffffff;
        white-space: nowrap;
        vertical-align: middle;
        min-width: 150px;
    }

        .reorder-table .table th > a,
        .reorder-table .table td > a {
            color: #1C449C;
            display: inline;
            padding: 0;
            margin: 0;
            text-decoration: none;
            border-bottom: 1px solid #1C449C;
            -webkit-transition: border 0.2s ease-in-out;
            -o-transition: border 0.2s ease-in-out;
            -moz-transition: border 0.2s ease-in-out;
            transition: border 0.2s ease-in-out;
        }

            .reorder-table .table th > a:hover, .reorder-table .table th > a:focus,
            .reorder-table .table td > a:hover,
            .reorder-table .table td > a:focus {
                border-bottom: 1px solid transparent;
            }

        .reorder-table .table th .dropdown__toggle,
        .reorder-table .table td .dropdown__toggle {
            width: 100%;
            margin: 5px 0;
        }

        .reorder-table .table th .dropdown__content,
        .reorder-table .table td .dropdown__content {
            right: 0;
        }

.reorder-table.reordering {
    display: none;
}

    .reorder-table.reordering + .reorder-table__list {
        display: block;
    }

    .reorder-table.reordering .reorder-table__item {
        cursor: -webkit-grab !important;
        cursor: -moz-grab !important;
        cursor: grab !important;
    }

        .reorder-table.reordering .reorder-table__item td * {
            pointer-events: none;
        }

        .reorder-table.reordering .reorder-table__item i.fa-ellipsis-v {
            display: inline-block;
        }

        .reorder-table.reordering .reorder-table__item.hovered {
            cursor: -webkit-grabbing !important;
            cursor: -moz-grabbing !important;
            cursor: grabbing !important;
            position: relative;
        }

        .reorder-table.reordering .reorder-table__item.hovered--top:before {
            content: '';
            width: 100%;
            height: 2px;
            background: #1C449C;
            position: absolute;
            top: -1px;
            left: 0;
        }

        .reorder-table.reordering .reorder-table__item.hovered--bottom:after {
            content: '';
            width: 100%;
            height: 2px;
            background: #1C449C;
            position: absolute;
            bottom: -1px;
            left: 0;
        }

        .reorder-table.reordering .reorder-table__item.hovered--middle {
            outline: 2px solid #1C449C;
            outline-offset: -10px;
        }

@media (max-width: 767px) {
    .table__clone {
        display: none;
    }

    .table__clone--right {
        display: none;
    }
}

/* POPUP COMPONENTS
---------------------------------------------------------------------------*/
body.popup--open {
    overflow: hidden;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #ffffff;
    border: 1px solid #DBD9D6;
    z-index: 1500;
    width: 500px;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    overflow: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.popup__content {
    position: relative;
    padding: 30px;
}

.popup__close {
    position: absolute;
    top: 5px;
    right: 5px;
    background: transparent;
    border: none;
    cursor: pointer;
}

    .popup__close + * {
        margin-top: 0;
    }

.popup__overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
}

.popup__header {
    background: #f2f1f7;
    text-align: right;
    padding: 0 40px;
}

.popup__cancel {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #468BC9;
    padding-right: 0;
}

    .popup__cancel:hover, .popup__cancel:focus, .popup__cancel:active {
        background: transparent;
        color: #1C449C;
    }

/* TAB COMPONENTS
---------------------------------------------------------------------------*/
.tabs {
    border: none;
}

.tabs__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    background: #ffffff;
    border-bottom: 1px solid #DBD9D6;
    /*white-space: nowrap;*/
}

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

    .tabs__list .button {
        margin-bottom: 15px;
    }

    .tabs__list *[class^="grid__col"] {
        display: block;
    }

        .tabs__list *[class^="grid__col"]:after {
            clear: both;
            content: "";
            display: table;
        }

        .tabs__list *[class^="grid__col"].text--right {
            white-space: normal;
        }

.tabs__tab-control {
    border-bottom: none;
    margin: 0;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-right: 45px;
    margin-bottom: -5px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-bottom: 5px solid transparent;
    color: #383935;
    font-weight: 600;
}

    .tabs__tab-control:hover, .tabs__tab-control:focus {
        border-bottom: none;
    }

    .tabs__tab-control:hover, .tabs__tab-control:focus {
        border-bottom: 5px solid transparent;
    }

    .tabs__tab-control.active {
        border-bottom: 5px solid #468BC9;
    }

    .tabs__tab-control:last-of-type {
        margin-right: 0;
    }

.tabs__content {
    padding-top: 45px;
    background: #ffffff;
    display: none;
}

    .tabs__content.active {
        display: block;
    }

.tabs--buttons .tabs__list {
    border-bottom: none;
}

    .tabs--buttons .tabs__list:after {
        clear: both;
        content: "";
        display: table;
    }

.tabs--buttons .tabs__tab-control {
    display: inline-block;
    padding: 10px 25px;
    margin: 5px 0;
    border: 1px solid #DBD9D6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .tabs--buttons .tabs__tab-control.active {
        border: 1px solid #1C449C;
        background: #1C449C;
        color: #ffffff;
    }

.tabs--buttons .tabs__content {
    padding-top: 15px;
}

.tabs--fixed .nav--primary {
    padding: 0;
}

.tabs--fixed .fixed-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #1C449C;
    color: #ffffff;
    font-size: 1em;
    font-weight: 400;
    line-height: 1;
    padding: 10px 15px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}

    .tabs--fixed .fixed-toggle:hover, .tabs--fixed .fixed-toggle:focus {
        background: #468BC9;
    }

    .tabs--fixed .fixed-toggle .fa-times {
        display: none;
    }

    .tabs--fixed .fixed-toggle.open .fa-times {
        display: block;
    }

    .tabs--fixed .fixed-toggle.open .fa-bars {
        display: none;
    }

.tabs--fixed.fixed {
    padding-top: 63px;
}

    .tabs--fixed.fixed .fixed-toggle {
        display: block;
        position: absolute;
        left: 65px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .tabs--fixed.fixed .tabs__list {
        position: fixed;
        width: 100%;
        z-index: 951;
        top: 0;
        left: 0;
        background: #ffffff;
        padding-left: 125px;
    }

@media (max-width: 767px) {
    .tabs__list {
        white-space: normal;
    }

    .tabs__tab-control {
        padding-top: 20px;
        padding-bottom: 10px;
        margin-right: 15px;
    }

    .tabs--buttons .tabs__list {
        white-space: normal;
    }

    .tabs--buttons .tabs__tab-control {
        padding: 10px 25px;
        margin: 5px 0;
    }
}

/* STATUS COMPONENTS
---------------------------------------------------------------------------*/
.status {
    padding-left: 25px;
    position: relative;
}

.status__icon {
    position: absolute;
    left: 0;
    top: 2px;
    color: #646569;
}

.status__bar {
    width: 100%;
    height: 20px;
    border: 1px solid #646569;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}

    .status__bar:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 0%;
        background: #e62600;
        -webkit-border-top-left-radius: 3px;
        -moz-border-radius-topleft: 3px;
        border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-left-radius: 3px;
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

.status__text {
    display: block;
    margin-top: 5px;
}

.status--25 .status__bar:before {
    width: 25%;
}

.status--50 .status__bar:before {
    width: 50%;
    background: #AF6C2D;
}

.status--75 .status__bar:before {
    width: 75%;
    background: #938F43;
}

.status--100 .status__icon {
    color: #77b259;
}

.status--100 .status__bar:before {
    width: 100%;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    background: #77b259;
}

pre,
code {
    font-family: monospace, monospace;
}

pre {
    overflow: auto;
}

    pre > code {
        display: block;
        padding: 1rem;
        word-wrap: normal;
    }

code {
    background: #363738;
}

.code--javascript {
    color: #ef006b;
}

    .code--javascript .prop {
        color: #6aff07;
    }

    .code--javascript .prop__value {
        color: #fff72b;
    }

.code__text {
    color: #ffffff;
}

.indicator {
    display: inline-block;
    padding: 4px 7px;
    color: #1C449C;
    background: rgba(70, 139, 201, 0.1);
    font-size: 0.875em;
    font-weight: 500;
    line-height: 1;
}

/* THEME HELPERS
------------------------------------------------------------------------------*/
/* COMPONENT HELPERS
---------------------------------------------------------------------------*/
.img-centered {
    display: block;
    margin: 0 auto;
}

/* STRUCTURE HELPERS
---------------------------------------------------------------------------*/
.container {
    width: 100%;
    max-width: 1260px;
    padding: 0 15px;
}

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

.container--full-width {
    max-width: 100%;
}

.container .container {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.no-margin--top {
    margin-top: 0;
}

.no-margin--bottom {
    margin-bottom: 0;
}

.divider--hidden {
    visibility: hidden;
    margin: 30px 0;
}

.divider--spacious {
    margin: 45px 0;
}

.divider--minimal {
    margin: 15px 0
}

.full-width {
    width: 100%;
}

.pull-right {
    float: right;
}

.hidden {
    display: none;
}

.spacer {
    background: transparent;
    margin: 15px 0;
}

/* ACCESSIBILITY HELPERS
---------------------------------------------------------------------------*/
.webaim-hidden,
.skip-link {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: 1000;
}

    .skip-link:focus {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        height: auto;
        overflow: visible;
        position: fixed;
        left: 15px;
        top: 15px;
        background: #ffffff;
    }

/* TYPOGRAPHY HELPERS
---------------------------------------------------------------------------*/
*[data-attach-icon-after] i {
    margin-left: 5px;
}

*[data-attach-icon-before] i {
    margin-right: 5px;
}


/*---------------Start css for process bar added by Anil Mori on 02/09/2019----------------*/
.process__alert {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgba(70,139,201,0.1);
    padding: 10px 15px;
    padding-left: 30px;
    color: #646569;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px
}

    .process__alert a {
        color: #468BC9;
        display: inline;
        padding: 0;
        margin: 0;
        text-decoration: none;
        border-bottom: 1px solid #468BC9;
        -webkit-transition: border 0.2s ease-in-out;
        -o-transition: border 0.2s ease-in-out;
        -moz-transition: border 0.2s ease-in-out;
        transition: border 0.2s ease-in-out
    }

        .process__alert a:hover, .process__alert a:focus {
            border-bottom: 1px solid transparent
        }

.process__alert--danger {
    background: #FFE0E0;
    color: #CF4849;
    font-weight: 600
}

.process__alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.process__alert p {
    font-weight: 600
}

.process__alert--warning {
    background: #F9EEC8;
    color: #383935;
    font-weight: 600
}

    .process__alert--warning i {
        color: #957B1A
    }

.process__alert__content {
    position: relative
}

    .process__alert__content p {
        margin: 15px 0
    }

.process__alert__icon {
    font-size: 30px;
    line-height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.process__alert--has-icon .process__alert__content {
    padding-left: 60px
}

@media (max-width: 767px) {
    .process__alert {
        padding: 15px
    }

    .process__alert__content p {
        margin-top: 0
    }
}

.back-link {
    color: #468BC9;
    display: inline;
    padding: 0;
    margin: 0;
    text-decoration: none;
    border-bottom: 1px solid #468BC9;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    -moz-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    font-weight: 700
}

    .back-link:hover, .back-link:focus {
        border-bottom: 1px solid transparent
    }

/*----------------------------End By Anil Mori on 02/09/2019------------------------*/

/*----------------------------Start By Jaykishan Vaghela on 21-Nov-2019------------------------*/
[subjectTaggingData-Tip] {
    position: relative;
}

    [subjectTaggingData-Tip]:before {
        content: '';
        width: 0;
        height: 0;
        display: none;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #383935;
        position: absolute;
        bottom: 0;
        left: 5%;
    }

    [subjectTaggingData-Tip]:after {
        display: none;
        content: attr(subjectTaggingData-Tip);
        position: absolute;
        left: 0px;
        padding: 8px 8px; /*5px 8px;*/
        background: #383935;
        color: #fff;
        z-index: 900;
        font-size: 14px; /*0.75em;*/
        height: auto;
        line-height: 18px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        white-space: pre-wrap;
        word-wrap: break-word;
        width: auto;
    }

    [subjectTaggingData-Tip]:hover:before,
    [subjectTaggingData-Tip]:hover:after {
        display: block;
    }
/*----------------------------End By Jaykishan Vaghela on 21-Nov-2019------------------------*/

/* Start : Added By Janak Thakkar - 05-03-2020 For Reorder Changes*/
.reorder__list .draggable.hovered--middle {
    outline: 2px solid #1C449C;
    outline-offset: -10px
}
/* End : Added By Janak Thakkar - 05-03-2020 For Reorder Changes*/
