/*
Theme: KPMG LINK Theme
Author: KPMG Tax Transformation and Technology (TTT) UX Studios
URL: http://tttuxstudios.us.kworld.kpmg.com/uxguidelines/
*/

/* variables
****************************************************************************************************/
:root {
    --side-menu-width: 300px;
    --side-menu-width-collapsed: 45px;
}

/* Declare Fonts - Open Sans
****************************************************************************************************/

@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
    src: local('Open Sans Regular'), local('Open-Sans-Regular'), url('OpenSans/OpenSans-Regular.eot') format('eot'), url('OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('OpenSans/OpenSans-Regular.woff') format('woff'), url('OpenSans/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: italic;
    src: local('Open Sans Italic'), local('Open-Sans-Italic'), url('OpenSans/OpenSans-Italic.eot') format('eot'), url('OpenSans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('OpenSans/OpenSans-Italic.woff') format('woff'), url('OpenSans/OpenSans-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: normal;
    src: local('Open Sans Semibold'), local('Open-Sans-Semibold'), url('OpenSans/OpenSans-Semibold.eot') format('eot'), url('OpenSans/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('OpenSans/OpenSans-Semibold.woff') format('woff'), url('OpenSans/OpenSans-Semibold.ttf') format('truetype');
}



/* Reset
****************************************************************************************************/

input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
    padding: 0px;
}

html {
    height: 100%;
}

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, /*ol, ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    /* vertical-align: baseline; */
}

/* Remember focus styles! */
:focus {
    outline: 0;
}

/* Tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

/* HTML 5 elements as block */
header, footer, aside, nav, article {
    display: block;
}

/* Screen Only */
@media screen {
    .noPrint {
        display: block !important;
    }

    .noShow {
        display: none !important;
    }
}

/* Print Only */
@media print {
    .noPrint {
        display: none !important;
    }

    .noShow {
        display: block !important;
    }
}

/* General - copied from GPM but some GET specific CSS tweaks
****************************************************************************************************/

* {
    font: inherit;
    box-sizing: border-box;
}

html {
    position: relative;
    height: 100%;
}

body {
    font-size: 11px;
    color: #000;
    background: #fff;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    zoom: 1;
    height: 100%;
    width: 100%;
    box-sizing: border-box; /* GET */
}

/* GET specific site layout/structure
****************************************************************************************************/

#aspnetForm {
    height: 100%;
}

#site {
    height: 100%;
}

#body {
    position: relative;
    top: 60px;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: calc(100% - 60px); /*LJR 60px is height of site nav*/
}

#menu {
    font-weight: bold;
    position: fixed;
    height: 100%;
    z-index: 2;
    height: calc(100% - 60px); /*LJR 60px is height of site nav*/
    /*flex-shrink: 0;*/
}

#content {
    position: absolute;
}

#content-detail {
    padding: 10px 10px 10px 30px;
    min-height: calc(100vh - 130px); /*LJR 60px is height of site nav*/
    float: left;
    min-width: 100%;
}

#footer {
    height: 70px;
    color: gray;
    font-size: 8pt;
    padding: 0 20px 0 20px;
    /*border-top: 1px solid lightgray;*/
}

/* Headings
****************************************************************************************************/

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: .6em 0;
}

h1, .h1, .heading1, .heading2 {
    font-size: 16px;
    color: #002664;
    font-weight: 600;
}

h2, h2 {
    font-size: 14px;
    color: #68a900;
    font-weight: 600;
    margin: 6px 0;
}

.Header {
    font-size: 14px;
    color: #68a900;
    font-weight: 600;
    margin: 6px 0;
}

h3, .h3, .attributeHeader {
    font-size: 13px;
    color: #68a900;
    margin: 0;
}

h4, .h4 {
    font-size: 13px;
    color: #818181;
    margin: 6px 0px;
}

h5, .h5 {
    font-size: 13px;
    color: #002664;
}

h6, .h6 {
    font-size: 1em;
}

a, .link, .reconciliationLink {
    color: #009dd5;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

    a:hover, .link:hover {
        cursor: pointer;
        color: #61ad0a;
    }


/* Inputs */
/*****************************************************************************************************/

.btn, input[type=button], input[type=submit], input[type=file] {
    /*min-width: 80px;*/
    border: 1px solid #fff !important;
    border-radius: 2px;
    box-shadow: 0 0 0 1px #215fa3;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: auto;
    margin: 0 5px 0 0;
    padding: 4px 13px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-shadow: 1px 1px #00264e;
    vertical-align: baseline;
    width: auto;
    font: 500 12px/19px Open Sans, Arial, Sans-Serif;
    background: linear-gradient(to bottom, rgba(43,136,217,1) 16%,rgba(59,103,158,1) 66%);
    background: linear-gradient(to bottom, rgba(22,136,195,1) 0%,rgba(33,95,163,1) 100%);
}

    .btn:hover, input[type=button]:hover, input[type=submit]:hover, input[type=file]:hover,
    .btn.hover, input[type=button].hover, input[type=submit].hover, input[type=file].hover,
    input[type=button].active {
        background: linear-gradient(to bottom, #8ee600 20%, #68a900 100%);
        background-repeat: repeat-x;
        text-decoration: none;
        text-shadow: 1px 1px #00264e;
        color: white;
    }

    input[type=button]:disabled {
        pointer-events: none;
        background: #bdc3c7;
        text-shadow: none;
        box-shadow: 0 0 0 1px #bdc3c7;
    }

input, select, textarea, .input {
    color: #595959;
    padding: 1px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    box-shadow: 0 1px 3px #e6e6e6 inset;
}

    /*GM - I had to change the styling as it had high specifity and made it hard to override inputs styles*/
    /*input:not([type=checkbox]):not([type=button]):not([type=submit]):not([type=image]):not([type=radio]), select:not([multiple]), .input {
        width: 100%;
        min-width: 50px;
        min-height: 30px !important;
    }

    input:not([type=checkbox]):not([type=button]):not([type=submit]):not([type=image]):not([type=radio]), textarea, .input {
        padding: 5px;
    }*/
    input:not([type=checkbox], [type=button], [type=submit], [type=image], [type=radio]), select:not([multiple]), .input {
        width: 100%;
        min-width: 50px;
        min-height: 30px;
    }

    input:not([type=checkbox], [type=button], [type=submit], [type=image], [type=radio]), textarea, .input {
        padding: 5px;
    }

    textarea, select:where([multiple]) {
        width: 100%;
        min-height: 6em;
    }

        input:focus, select:focus, textarea:focus {
            box-shadow: 0 0 2px 1px #41C9FF !important;
        }

.input_number, .input_number_short {
    text-align: right;
}

.input_number_short {
    width: 50px;
}

select:disabled {
    background: #e7e7e7;
}

/* HTML table 
/*****************************************************************************************************/

/*table {
    border-collapse: collapse;
}*/

tr.tableRow {
    display: table-row !important;
}

.iconCell {
    text-align: center;
    min-width: 25px;
}

    .iconCell > a:not(:first-child) {
        margin-left: 15px;
    }

    .iconCell i {
        color: #009dd5;
    }

    .iconCell a > i:hover {
        color: #61ad0a;
    }

    .iconCell span > i:hover {
        color: #61ad0a;
    }


.grdTable {
    border: 1px solid #e6e6e6;
    border-collapse: collapse;
}

    .grdTable td {
        border: 1px solid #e6e6e6;
        position: relative;
        line-height: 12px;
        padding: 7px;
        height: 29px;
        text-overflow: clip;
    }

tr.grdHead th, tr.grdHead td {
    text-align: center;
    border-bottom-width: 0;
    color: #2977a8;
    font-weight: 600;
    padding: 0 7px;
    text-shadow: 0 1px #f3f9fd;
    cursor: pointer;
    height: 36px;
    overflow: hidden;
    vertical-align: middle;
    white-space: normal;
    background: linear-gradient(to bottom,#e5f1fc 0px,#dbebf8 50%,#d3e8f9 51%,#cee5f9 100%) repeat scroll 0 0 rgba(0,0,0,0);
    border-right: 1px solid #b1d6f5;
}

.grdRow, .tableRow {
    background: #fff;
}

    .grdAltRow, .tableRow:nth-child(odd) {
        background: #f6f6f6;
    }

tr.grdRow:hover, tr.grdAltRow:hover, tr.tableRow:hover, tableRow:hover {
    background: #dbfebc;
    background: #ddf2fa;
}

.insertRow {
    background-color: #fff5ad;
    display: none;
    height: 30px;
}

.layoutTable td {
    padding: 2px;
}
/* Tabs 
/*****************************************************************************************************/

.tabContainer {
    margin-left: 10px;
    width: auto;
    display: inline-block
}

    .tabContainer .bannerTab {
        display: inline-block;
        margin-right: 0px;
    }

        .tabContainer .bannerTab .tabTitle {
            color: white;
            border: 1px solid white;
            border-bottom: 0 none;
            border-radius: 5px 5px 0 0;
            padding: 5px 15px;
            font-weight: 600;
            /*background: #cccccc; /* New Blue Scheme */
            /*box-shadow: 0 0 0 1px black;*/ /* New Blue Scheme */
            background: linear-gradient(to bottom, rgba(22,136,195,1) 0%,rgba(33,95,163,1) 100%); /* GPM Green Scheme */
            box-shadow: 0 0 0 1px #215fa3; /* GPM Green Scheme */
        }

            .tabContainer .bannerTab .tabTitle:hover {
                /*background: #00A8FC;*/ /* New Blue Scheme */
                background: linear-gradient(to bottom, #8ee600 20%, #68a900 100%); /* GPM Green Scheme */
                color: white;
                cursor: pointer;
            }

            .tabContainer .bannerTab .tabTitle.selectedTab {
                /*background: #00A8FC;*/ /* New Blue Scheme */
                background: linear-gradient(to bottom, #8ee600 20%, #68a900 100%); /* GPM Green Scheme */
                color: white;
            }



/* Panels
/*****************************************************************************************************/

.panel {
    border: 0px red solid;
    margin-bottom: 10px;
    display: block;
    vertical-align: top;
}

    .panel .header {
        border: 0px orange solid;
        padding: 10px 20px;
        font-size: 1.8em;
        color: #005EB8;
    }

    .panel .body {
        border: 0px red solid;
        padding: 10px 20px;
        overflow: auto;
    }

    .panel .footer {
        padding: 10px 20px;
    }

    /* Panle Size */

    .panel.small {
        width: 400px;
    }

    .panel.medium {
        min-width: 400px;
        max-width: 800px;
    }

    .panel.large {
        min-width: 400px;
        max-width: 1200px;
    }

/* Panel Positioning */
.center {
    margin-left: auto;
    margin-right: auto;
}

/* Panel States */

.panel.colapse .body, .panel.colapse .footer {
    display: none;
}

/* Panel Styles */
.panel.info {
    border: 1px #005EB8 solid;
    background: white;
}

.panel.danger {
    border: 1px red solid;
    background: white;
}

/* Fields - Label and Input
/*****************************************************************************************************/
.fieldset {
    margin-right: 15px;
}

    .fieldset.stacked .field {
        display: block !important;
    }

    .fieldset.small {
    }

        .fieldset.small .field {
            display: block !important;
            width: 250px;
            margin-right: 5px;
        }

            .fieldset.small .field .label {
                width: 130px !important;
            }

            .fieldset.small .field .inputs {
                width: 100px !important;
                vertical-align: top;
            }

.field {
    display: inline-block;
    margin-bottom: 5px;
    min-height: 30px;
}

    .field.stacked {
        display: block;
    }

    .field .label {
        width: 200px;
        display: inline-block;
    }

    .field .inputs {
        width: 200px;
        display: inline-block;
        margin-top: 2px; /*Inputs need some margins when they are focused to show the highlighted borders without cliping them*/
    }


/* Messages / Feedback
/*****************************************************************************************************/

.msg {
    position: relative;
    display: block;
    min-height: 60px;
    min-width: 300px;
    max-width: 100%;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.msg-icon {
    position: absolute;
    top: 20px;
    left: 10px;
    font-size: 1.4em;
}

.msg-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.4em;
    cursor: pointer;
}

    .msg-close::before {
        content: "\f00d";
    }

.msgtitle {
    font-weight: bold;
    font-size: 1.3em;
    margin: 0 40px;
}

.msg-text {
    font-size: 1.1em;
    margin: 10px 40px 0;
}

.feedbackOuter {
    position: fixed;
    top: 75px;
    right: 10px;
    z-index: 5;
}

.feedbackInner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 300px;
    max-width: 600px;
}

.critical {
    background-color: #ffdcc7;
    border-top: #ff0000 1px solid;
    border-left: #ff0000 1px solid;
    border-bottom: #ff0000 1px solid;
    border-right: #ff0000 1px solid;
}

    .critical .msg-icon::before {
        content: "\f071";
        color: #ff0000;
    }

.confirmation {
    background-color: #dbfebc;
    border-top: #007e35 1px solid;
    border-left: #007e35 1px solid;
    border-bottom: #007e35 1px solid;
    border-right: #007e35 1px solid;
}

    .confirmation .msg-icon::before {
        content: "\f00c";
        color: #007e35;
    }

.warning {
    background-color: #fff5ad;
    border-top: #faa100 1px solid;
    border-left: #faa100 1px solid;
    border-bottom: #faa100 1px solid;
    border-right: #faa100 1px solid;
}

    .warning .msg-icon::before {
        content: "\f071";
        color: #faa100;
    }

.info {
    background-color: #ddf2fa;
    border-top: #193d85 1px solid;
    border-left: #193d85 1px solid;
    border-bottom: #193d85 1px solid;
    border-right: #193d85 1px solid;
}

    .info .msg-icon::before {
        content: "\f05a";
        color: #193d85;
    }


/* Grid System
/*****************************************************************************************************/

.container {
}

.row {
    display: flex;
    padding: 2px;
}

.col {
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-1 {
    flex-basis: 8.333333333%;
}

.col-2 {
    flex-basis: 16.66666667%;
}

.col-3 {
    flex-basis: 25%;
}

.col-4 {
    flex-basis: 33.33333333%;
}

.col-5 {
    flex-basis: 41.66666667%;
}

.col-6 {
    flex-basis: 50%;
}

.col-7 {
    flex-basis: 58.33333333%;
}

.col-8 {
    flex-basis: 66.66666667%;
}

.col-9 {
    flex-basis: 75%;
}

.col-10 {
    flex-basis: 83.33333333%;
}

.col-11 {
    flex-basis: 91.66666667%;
}

.col-12 {
    flex-basis: 100%;
}

.gutter-bot {
    margin-bottom: 15px;
}

.gutter-top {
    margin-top: 15px;
}

.gutter-left {
    margin-left: 15px;
}

.gutter-right {
    margin-right: 15px;
}

/* Navigation Bar
****************************************************************************************************/

.navbar {
    background: #005EB8;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 2;
    height: 60px;
}

    .navbar header {
        padding: 0 20px;
        float: left;
    }

.logo {
    float: left;
    background-repeat: no-repeat;
    height: 60px;
}

    .logo a {
        display: inline-block;
        height: 60px;
        width: 75px;
        text-indent: 100%;
        overflow: hidden;
    }

.app-detail {
    float: right;
    color: #fff;
    margin-left: 20px;
    height: 60px;
}

.app-name {
    display: block;
    height: 45px;
    line-height: 60px;
    font-size: 21px;
}

.app-environment {
    font-size: 11px;
}

.navbar nav {
    float: left;
}

    .navbar nav > ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }

        .navbar nav > ul > li {
            float: left;
            line-height: 60px;
        }

            .navbar nav > ul > li > a {
                padding: 0 15px;
                display: block;
                height: 60px;
                color: #fff;
                transition: background .25s;
                text-decoration: none;
            }

                .navbar nav > ul > li > a:hover {
                    background-color: #00A8FC;
                    text-decoration: none;
                }

            .navbar nav > ul > li.current a {
                background: #00A8FC;
            }

/* Navigation Bar - User Menu
****************************************************************************************************/

.user-menu {
    float: right;
    padding-right: 15px;
    height: 60px;
}

    .user-menu > ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }

        .user-menu > ul > li {
            position: relative;
            float: left;
            height: 60px;
        }

            .user-menu > ul > li > a {
                color: #fff;
                line-height: 60px;
                padding: 0 15px;
                display: block;
                text-decoration: none;
                transition: background-color .25s;
            }

                .user-menu > ul > li > a:hover {
                    background-color: #00A8FC;
                    text-decoration: none;
                }

                .user-menu > ul > li > a.icon {
                    padding: 0 10px;
                }

                    .user-menu > ul > li > a.icon:after {
                        content: none;
                    }

            .user-menu > ul > li > #clientSelectSearch {
                color: #fff;
                height: 60px;
                line-height: 60px;
                padding: 0 15px;
                text-decoration: none;
                transition: background-color .25s;
                background-color: #00A8FC;
                border: none;
                /*min-width: 85%;*/
                max-width: 195px;
                outline: none;
            }

                .user-menu > ul > li > #clientSelectSearch:hover {
                    background-color: #00A8FC;
                    text-decoration: none;
                }

#clientSelectSearch::-ms-clear {
    /*height:12px;*/
    width: 15px;
}

#clientSelectSearch:focus {
    outline: none;
}

    #clientSelectSearch:focus ~ .client-dropdown {
        display: block;
    }

.client-dropdown {
    /*position: relative !important;*/
    min-width: 160px;
    max-width: 225px;
    max-height: 500px;
    overflow: auto;
}

    .client-dropdown li {
        word-break: normal;
        white-space: normal;
    }

#lblCurrentClient {
    max-width: 195px;
    max-height: 60px;
    overflow: hidden;
}

.nav-dropdown > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.nav-dropdown ul li {
    padding: 10px 15px;
    line-height: normal;
}

    .nav-dropdown ul li a {
        color: #fff;
        text-decoration: none;
    }

.nav-dropdown:hover > a {
    background: #00A8FC;
}


/* dropdown menu styles */
.nav-dropdown {
    position: relative;
}

.nav-dropdown-content {
    display: none;
    position: absolute;
    background: #00A8FC;
    box-shadow: 3px 3px 0px rgba(0,0,0,.15);
    white-space: nowrap;
    line-height: normal;
    z-index: 1;
}

    .nav-dropdown-content li:hover {
        background: #005EB8;
    }

.nav-dropdown:hover .nav-dropdown-content {
    display: block;
}

/*li.nav-dropdown > a:after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDggNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTIuNSAoNjc0NjkpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmRyb3Bkb3duPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzg1LjAwMDAwMCwgLTI0NS4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9IndoaXRlLWljb25zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNzQuMDAwMDAwLCAyNDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjE0Ljc0OTk5MSwxMC4yMTg3NTkgTDIxMS4xMjUsNi41MzEyNjc4MSBDMjExLjA0MTY2Niw2LjQ2ODc2Nzk2IDIxMSw2LjM4NTQzNDY2IDIxMSw2LjI4MTI2ODQgQzIxMSw2LjE3NzEwMjE0IDIxMS4wMzEyNSw2LjA4MzM1MjM3IDIxMS4wOTM3NSw2LjAwMDAxOTA3IEwyMTEuMzQzNzQ5LDUuNzgxMjY5NiBDMjExLjQwNjI0OSw1LjY5NzkzNjMgMjExLjQ4OTU4Miw1LjY1NjI2OTg5IDIxMS41OTM3NDksNS42NTYyNjk4OSBDMjExLjY5NzkxNSw1LjY1NjI2OTg5IDIxMS43OTE2NjUsNS42OTc5MzYzIDIxMS44NzQ5OTgsNS43ODEyNjk2IEwyMTQuOTk5OTksOC45Njg3NjIgTDIxOC4xMjQ5ODMsNS43ODEyNjk2IEMyMTguMjA4MzE2LDUuNzE4NzY5NzQgMjE4LjMwMjA2Niw1LjY4NzUxOTgyIDIxOC40MDYyMzIsNS42ODc1MTk4MiBDMjE4LjUxMDM5OSw1LjY4NzUxOTgyIDIxOC41OTM3MzIsNS43MTg3Njk3NCAyMTguNjU2MjMyLDUuNzgxMjY5NiBMMjE4LjkwNjIzMSw2LjAwMDAxOTA3IEMyMTguOTY4NzMxLDYuMDgzMzUyMzcgMjE4Ljk5OTk4MSw2LjE3NzEwMjE0IDIxOC45OTk5ODEsNi4yODEyNjg0IEMyMTguOTk5OTgxLDYuMzg1NDM0NjYgMjE4Ljk2ODczMSw2LjQ2ODc2Nzk2IDIxOC45MDYyMzEsNi41MzEyNjc4MSBMMjE1LjI4MTI0LDEwLjIxODc1OSBDMjE1LjE5NzkwNiwxMC4yODEyNTg5IDIxNS4xMDQxNTcsMTAuMzEyNTA4OCAyMTQuOTk5OTksMTAuMzEyNTA4OCBDMjE0Ljg5NTgyNCwxMC4zMTI1MDg4IDIxNC44MDIwNzQsMTAuMjgxMjU4OSAyMTQuNzE4NzQxLDEwLjIxODc1OSBMMjE0Ljc0OTk5MSwxMC4yMTg3NTkgWiIgaWQ9ImRyb3Bkb3duIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
    background-repeat: no-repeat;
    width: 8px;
    height: 7px;
}*/

.whiteArrowDownIcon {
    font-weight: 500 !important;
    margin-left: 5px;
}

    .whiteArrowDownIcon::before {
        content: "\f107";
    }

/* Navigation Bar - Background Tasks Icon
/*****************************************************************************************************/

.flashit {
    color: greenyellow;
    -webkit-animation: flash 2s linear infinite, fa-spin 2s linear infinite;
    animation: flash 2s linear infinite, fa-spin 2s linear infinite;
}

@-webkit-keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .1;
    }

    100% {
        opacity: 1;
    }
}


/* Navigation Bar - GET ID Search
****************************************************************************************************/

.get-id-drop-down {
    width: 32px !important;
}

    .get-id-drop-down > a {
        height: 60px !important;
    }

    .get-id-drop-down > ul > li:hover {
        background-color: #00A8FC !important;
    }

    .get-id-drop-down > ul > li {
        padding: 12px;
    }
/*not supported by IE or Edge*/
/*.get-id-drop-down:focus-within, .get-id-drop-down:focus-within .nav-dropdown-content, .get-id-drop-down:hover .nav-dropdown-content {
        display: block !important;
        background-color: #00A8FC !important;
    }*/

.get-id-txt {
    width: 121px !important;
    border: none;
    background-color: transparent;
    box-shadow: initial;
    /*min-height:initial !important;*/
    /*background-color: #00a8fc;
    color: white;
    border-color: white;
    border-style: solid;
    border-width: 1px;
    padding: 2px;*/
}

    .get-id-txt:focus {
        outline: none;
        box-shadow: none !important;
    }

/*.get-id-txt::-webkit-input-placeholder {
            color: #ebf0f5;
    }*/

.custom-textbox {
    /*border: 2px inset white;*/
    background-color: #fff;
    padding: 1px 2px 0 2px;
    min-height: 30px;
    display: inline-block;
    color: #595959;
    padding: 1px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    box-shadow: 0 1px 3px #e6e6e6 inset;
}

    .custom-textbox:focus-within {
        box-shadow: 0 0 2px 1px #41C9FF !important;
    }

    .custom-textbox > a {
        padding: 0 5px 0 5px;
    }

        .custom-textbox > a > .arrow {
            border-color: #00a8fc;
        }

.diplay-block {
    display: block !important;
}

.menu-hover {
    background-color: #00A8FC !important;
}

.arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/* width */
.client-dropdown::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.client-dropdown::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
}

/* Handle */
.client-dropdown::-webkit-scrollbar-thumb {
    /*background: #005eb8;*/
    background: rgb(255, 255, 255);
    border-radius: 10px;
}

    /* Handle on hover */
    .client-dropdown::-webkit-scrollbar-thumb:hover {
        background: rgba(255, 255, 255, 0.7);
    }

/*.user-menu .portlet-library a {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTQgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ5ICg1MTAwMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+d2lkZ2V0IGxpYnJhcnk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNNC4wNzQyMDkwNCwzLjQ2ODc3MDM0IEM0LjA3NDIwOTA0LDMuNjUxMDYxNzEgNC4wMTA0MDcyNCwzLjgwNjAwODk4IDMuODgyODAzMjQsMy45MzM2MTI5OCBDMy43NTUxOTkyNCw0LjA2MTIxNjk4IDMuNjAwMjUxOTcsNC4xMjUwMTg3OCAzLjQxNzk2MDYsNC4xMjUwMTg3OCBMMC42NTYyNDg0MzUsNC4xMjUwMTg3OCBDMC40NzM5NTcwNjQsNC4xMjUwMTg3OCAwLjMxOTAwOTc5NSw0LjA2MTIxNjk4IDAuMTkxNDA1Nzk0LDMuOTMzNjEyOTggQzAuMDYzODAxNzkyMSwzLjgwNjAwODk4IDAsMy42NTEwNjE3MSAwLDMuNDY4NzcwMzQgTDAsMS4yODEyNzU1NiBDMCwxLjA5ODk4NDE4IDAuMDYzODAxNzkyMSwwLjk0NDAzNjkxNSAwLjE5MTQwNTc5NCwwLjgxNjQzMjkxNCBDMC4zMTkwMDk3OTUsMC42ODg4Mjg5MTIgMC40NzM5NTcwNjQsMC42MjUwMjcxMiAwLjY1NjI0ODQzNSwwLjYyNTAyNzEyIEwzLjQxNzk2MDYsMC42MjUwMjcxMiBDMy42MDAyNTE5NywwLjYyNTAyNzEyIDMuNzU1MTk5MjQsMC42ODg4Mjg5MTIgMy44ODI4MDMyNCwwLjgxNjQzMjkxNCBDNC4wMTA0MDcyNCwwLjk0NDAzNjkxNSA0LjA3NDIwOTA0LDEuMDk4OTg0MTggNC4wNzQyMDkwNCwxLjI4MTI3NTU2IEw0LjA3NDIwOTA0LDMuNDY4NzcwMzQgWiBNOS4wNTA3NTk2Nyw3Ljg0Mzc1OTkxIEM5LjA1MDc1OTY3LDguMDI2MDUxMjggOC45ODY5NTc4OCw4LjE4MDk5ODU1IDguODU5MzUzODgsOC4zMDg2MDI1NSBDOC43MzE3NDk4OCw4LjQzNjIwNjU1IDguNTc2ODAyNjEsOC41MDAwMDgzNCA4LjM5NDUxMTI0LDguNTAwMDA4MzQgTDUuNjA1NDU1MzksOC41MDAwMDgzNCBDNS40MjMxNjQwMSw4LjUwMDAwODM0IDUuMjY4MjE2NzUsOC40MzYyMDY1NSA1LjE0MDYxMjc0LDguMzA4NjAyNTUgQzUuMDEzMDA4NzQsOC4xODA5OTg1NSA0Ljk0OTIwNjk1LDguMDI2MDUxMjggNC45NDkyMDY5NSw3Ljg0Mzc1OTkxIEw0Ljk0OTIwNjk1LDUuNjU2MjY1MTIgQzQuOTQ5MjA2OTUsNS40NzM5NzM3NSA1LjAxMzAwODc0LDUuMzE5MDI2NDggNS4xNDA2MTI3NCw1LjE5MTQyMjQ4IEM1LjI2ODIxNjc1LDUuMDYzODE4NDggNS40MjMxNjQwMSw1LjAwMDAxNjY5IDUuNjA1NDU1MzksNS4wMDAwMTY2OSBMOC4zOTQ1MTEyNCw1LjAwMDAxNjY5IEM4LjU3NjgwMjYxLDUuMDAwMDE2NjkgOC43MzE3NDk4OCw1LjA2MzgxODQ4IDguODU5MzUzODgsNS4xOTE0MjI0OCBDOC45ODY5NTc4OCw1LjMxOTAyNjQ4IDkuMDUwNzU5NjcsNS40NzM5NzM3NSA5LjA1MDc1OTY3LDUuNjU2MjY1MTIgTDkuMDUwNzU5NjcsNy44NDM3NTk5MSBaIE05LjkyNTc1NzU5LDEuMjgxMjc1NTYgQzkuOTI1NzU3NTksMS4wOTg5ODQxOCA5Ljk4OTU1OTM4LDAuOTQ0MDM2OTE1IDEwLjExNzE2MzQsMC44MTY0MzI5MTQgQzEwLjI0NDc2NzQsMC42ODg4Mjg5MTIgMTAuMzk5NzE0NiwwLjYyNTAyNzEyIDEwLjU4MjAwNiwwLjYyNTAyNzEyIEwxMy4zNDM3MTgyLDAuNjI1MDI3MTIgQzEzLjUyNjAwOTYsMC42MjUwMjcxMiAxMy42ODA5NTY4LDAuNjg4ODI4OTEyIDEzLjgwODU2MDgsMC44MTY0MzI5MTQgQzEzLjkzNjE2NDgsMC45NDQwMzY5MTUgMTMuOTk5OTY2NiwxLjA5ODk4NDE4IDEzLjk5OTk2NjYsMS4yODEyNzU1NiBMMTMuOTk5OTY2NiwzLjQ2ODc3MDM0IEMxMy45OTk5NjY2LDMuNjUxMDYxNzEgMTMuOTM2MTY0OCwzLjgwNjAwODk4IDEzLjgwODU2MDgsMy45MzM2MTI5OCBDMTMuNjgwOTU2OCw0LjA2MTIxNjk4IDEzLjUyNjAwOTYsNC4xMjUwMTg3OCAxMy4zNDM3MTgyLDQuMTI1MDE4NzggTDEwLjU4MjAwNiw0LjEyNTAxODc4IEMxMC4zOTk3MTQ2LDQuMTI1MDE4NzggMTAuMjQ0NzY3NCw0LjA2MTIxNjk4IDEwLjExNzE2MzQsMy45MzM2MTI5OCBDOS45ODk1NTkzOCwzLjgwNjAwODk4IDkuOTI1NzU3NTksMy42NTEwNjE3MSA5LjkyNTc1NzU5LDMuNDY4NzcwMzQgTDkuOTI1NzU3NTksMS4yODEyNzU1NiBaIE05LjA1MDc1OTY3LDMuNDY4NzcwMzQgQzkuMDUwNzU5NjcsMy42NTEwNjE3MSA4Ljk4Njk1Nzg4LDMuODA2MDA4OTggOC44NTkzNTM4OCwzLjkzMzYxMjk4IEM4LjczMTc0OTg4LDQuMDYxMjE2OTggOC41NzY4MDI2MSw0LjEyNTAxODc4IDguMzk0NTExMjQsNC4xMjUwMTg3OCBMNS42MDU0NTUzOSw0LjEyNTAxODc4IEM1LjQyMzE2NDAxLDQuMTI1MDE4NzggNS4yNjgyMTY3NSw0LjA2MTIxNjk4IDUuMTQwNjEyNzQsMy45MzM2MTI5OCBDNS4wMTMwMDg3NCwzLjgwNjAwODk4IDQuOTQ5MjA2OTUsMy42NTEwNjE3MSA0Ljk0OTIwNjk1LDMuNDY4NzcwMzQgTDQuOTQ5MjA2OTUsMS4yODEyNzU1NiBDNC45NDkyMDY5NSwxLjA5ODk4NDE4IDUuMDEzMDA4NzQsMC45NDQwMzY5MTUgNS4xNDA2MTI3NCwwLjgxNjQzMjkxNCBDNS4yNjgyMTY3NSwwLjY4ODgyODkxMiA1LjQyMzE2NDAxLDAuNjI1MDI3MTIgNS42MDU0NTUzOSwwLjYyNTAyNzEyIEw4LjM5NDUxMTI0LDAuNjI1MDI3MTIgQzguNTc2ODAyNjEsMC42MjUwMjcxMiA4LjczMTc0OTg4LDAuNjg4ODI4OTEyIDguODU5MzUzODgsMC44MTY0MzI5MTQgQzguOTg2OTU3ODgsMC45NDQwMzY5MTUgOS4wNTA3NTk2NywxLjA5ODk4NDE4IDkuMDUwNzU5NjcsMS4yODEyNzU1NiBMOS4wNTA3NTk2NywzLjQ2ODc3MDM0IFogTTMuNDE3OTYwNiw1LjAwMDAxNjY5IEMzLjYwMDI1MTk3LDUuMDAwMDE2NjkgMy43NTUxOTkyNCw1LjA2MzgxODQ4IDMuODgyODAzMjQsNS4xOTE0MjI0OCBDNC4wMTA0MDcyNCw1LjMxOTAyNjQ4IDQuMDc0MjA5MDQsNS40NzM5NzM3NSA0LjA3NDIwOTA0LDUuNjU2MjY1MTIgTDQuMDc0MjA5MDQsNy44NDM3NTk5MSBDNC4wNzQyMDkwNCw4LjAyNjA1MTI4IDQuMDEwNDA3MjQsOC4xODA5OTg1NSAzLjg4MjgwMzI0LDguMzA4NjAyNTUgQzMuNzU1MTk5MjQsOC40MzYyMDY1NSAzLjYwMDI1MTk3LDguNTAwMDA4MzQgMy40MTc5NjA2LDguNTAwMDA4MzQgTDAuNjU2MjQ4NDM1LDguNTAwMDA4MzQgQzAuNDczOTU3MDY0LDguNTAwMDA4MzQgMC4zMTkwMDk3OTUsOC40MzYyMDY1NSAwLjE5MTQwNTc5NCw4LjMwODYwMjU1IEMwLjA2MzgwMTc5MjEsOC4xODA5OTg1NSAwLDguMDI2MDUxMjggMCw3Ljg0Mzc1OTkxIEwwLDUuNjU2MjY1MTIgQzAsNS40NzM5NzM3NSAwLjA2MzgwMTc5MjEsNS4zMTkwMjY0OCAwLjE5MTQwNTc5NCw1LjE5MTQyMjQ4IEMwLjMxOTAwOTc5NSw1LjA2MzgxODQ4IDAuNDczOTU3MDY0LDUuMDAwMDE2NjkgMC42NTYyNDg0MzUsNS4wMDAwMTY2OSBMMy40MTc5NjA2LDUuMDAwMDE2NjkgWiBNMCwxMC4wMzEyNTQ3IEMwLDkuODQ4OTYzMzIgMC4wNjM4MDE3OTIxLDkuNjk0MDE2MDUgMC4xOTE0MDU3OTQsOS41NjY0MTIwNSBDMC4zMTkwMDk3OTUsOS40Mzg4MDgwNSAwLjQ3Mzk1NzA2NCw5LjM3NTAwNjI2IDAuNjU2MjQ4NDM1LDkuMzc1MDA2MjYgTDMuNDE3OTYwNiw5LjM3NTAwNjI2IEMzLjYwMDI1MTk3LDkuMzc1MDA2MjYgMy43NTUxOTkyNCw5LjQzODgwODA1IDMuODgyODAzMjQsOS41NjY0MTIwNSBDNC4wMTA0MDcyNCw5LjY5NDAxNjA1IDQuMDc0MjA5MDQsOS44NDg5NjMzMiA0LjA3NDIwOTA0LDEwLjAzMTI1NDcgTDQuMDc0MjA5MDQsMTIuMjE4NzQ5NSBDNC4wNzQyMDkwNCwxMi40MDEwNDA4IDQuMDEwNDA3MjQsMTIuNTU1OTg4MSAzLjg4MjgwMzI0LDEyLjY4MzU5MjEgQzMuNzU1MTk5MjQsMTIuODExMTk2MSAzLjYwMDI1MTk3LDEyLjg3NDk5NzkgMy40MTc5NjA2LDEyLjg3NDk5NzkgTDAuNjU2MjQ4NDM1LDEyLjg3NDk5NzkgQzAuNDczOTU3MDY0LDEyLjg3NDk5NzkgMC4zMTkwMDk3OTUsMTIuODExMTk2MSAwLjE5MTQwNTc5NCwxMi42ODM1OTIxIEMwLjA2MzgwMTc5MjEsMTIuNTU1OTg4MSAwLDEyLjQwMTA0MDggMCwxMi4yMTg3NDk1IEwwLDEwLjAzMTI1NDcgWiBNMTAuNTgyMDA2LDguNTAwMDA4MzQgQzEwLjM5OTcxNDYsOC41MDAwMDgzNCAxMC4yNDQ3Njc0LDguNDM2MjA2NTUgMTAuMTE3MTYzNCw4LjMwODYwMjU1IEM5Ljk4OTU1OTM4LDguMTgwOTk4NTUgOS45MjU3NTc1OSw4LjAyNjA1MTI4IDkuOTI1NzU3NTksNy44NDM3NTk5MSBMOS45MjU3NTc1OSw1LjY1NjI2NTEyIEM5LjkyNTc1NzU5LDUuNDczOTczNzUgOS45ODk1NTkzOCw1LjMxOTAyNjQ4IDEwLjExNzE2MzQsNS4xOTE0MjI0OCBDMTAuMjQ0NzY3NCw1LjA2MzgxODQ4IDEwLjM5OTcxNDYsNS4wMDAwMTY2OSAxMC41ODIwMDYsNS4wMDAwMTY2OSBMMTMuMzQzNzE4Miw1LjAwMDAxNjY5IEMxMy41MjYwMDk2LDUuMDAwMDE2NjkgMTMuNjgwOTU2OCw1LjA2MzgxODQ4IDEzLjgwODU2MDgsNS4xOTE0MjI0OCBDMTMuOTM2MTY0OCw1LjMxOTAyNjQ4IDEzLjk5OTk2NjYsNS40NzM5NzM3NSAxMy45OTk5NjY2LDUuNjU2MjY1MTIgTDEzLjk5OTk2NjYsNy44NDM3NTk5MSBDMTMuOTk5OTY2Niw4LjAyNjA1MTI4IDEzLjkzNjE2NDgsOC4xODA5OTg1NSAxMy44MDg1NjA4LDguMzA4NjAyNTUgQzEzLjY4MDk1NjgsOC40MzYyMDY1NSAxMy41MjYwMDk2LDguNTAwMDA4MzQgMTMuMzQzNzE4Miw4LjUwMDAwODM0IEwxMC41ODIwMDYsOC41MDAwMDgzNCBaIE0xMC41ODIwMDYsMTIuODc0OTk3OSBDMTAuMzk5NzE0NiwxMi44NzQ5OTc5IDEwLjI0NDc2NzQsMTIuODExMTk2MSAxMC4xMTcxNjM0LDEyLjY4MzU5MjEgQzkuOTg5NTU5MzgsMTIuNTU1OTg4MSA5LjkyNTc1NzU5LDEyLjQwMTA0MDggOS45MjU3NTc1OSwxMi4yMTg3NDk1IEw5LjkyNTc1NzU5LDEwLjAzMTI1NDcgQzkuOTI1NzU3NTksOS44NDg5NjMzMiA5Ljk4OTU1OTM4LDkuNjk0MDE2MDUgMTAuMTE3MTYzNCw5LjU2NjQxMjA1IEMxMC4yNDQ3Njc0LDkuNDM4ODA4MDUgMTAuMzk5NzE0Niw5LjM3NTAwNjI2IDEwLjU4MjAwNiw5LjM3NTAwNjI2IEwxMy4zNDM3MTgyLDkuMzc1MDA2MjYgQzEzLjUyNjAwOTYsOS4zNzUwMDYyNiAxMy42ODA5NTY4LDkuNDM4ODA4MDUgMTMuODA4NTYwOCw5LjU2NjQxMjA1IEMxMy45MzYxNjQ4LDkuNjk0MDE2MDUgMTMuOTk5OTY2Niw5Ljg0ODk2MzMyIDEzLjk5OTk2NjYsMTAuMDMxMjU0NyBMMTMuOTk5OTY2NiwxMi4yMTg3NDk1IEMxMy45OTk5NjY2LDEyLjQwMTA0MDggMTMuOTM2MTY0OCwxMi41NTU5ODgxIDEzLjgwODU2MDgsMTIuNjgzNTkyMSBDMTMuNjgwOTU2OCwxMi44MTExOTYxIDEzLjUyNjAwOTYsMTIuODc0OTk3OSAxMy4zNDM3MTgyLDEyLjg3NDk5NzkgTDEwLjU4MjAwNiwxMi44NzQ5OTc5IFogTTQuOTQ5MjA2OTUsMTAuMDMxMjU0NyBDNC45NDkyMDY5NSw5Ljg0ODk2MzMyIDUuMDEzMDA4NzQsOS42OTQwMTYwNSA1LjE0MDYxMjc0LDkuNTY2NDEyMDUgQzUuMjY4MjE2NzUsOS40Mzg4MDgwNSA1LjQyMzE2NDAxLDkuMzc1MDA2MjYgNS42MDU0NTUzOSw5LjM3NTAwNjI2IEw4LjM5NDUxMTI0LDkuMzc1MDA2MjYgQzguNTc2ODAyNjEsOS4zNzUwMDYyNiA4LjczMTc0OTg4LDkuNDM4ODA4MDUgOC44NTkzNTM4OCw5LjU2NjQxMjA1IEM4Ljk4Njk1Nzg4LDkuNjk0MDE2MDUgOS4wNTA3NTk2Nyw5Ljg0ODk2MzMyIDkuMDUwNzU5NjcsMTAuMDMxMjU0NyBMOS4wNTA3NTk2NywxMi4yMTg3NDk1IEM5LjA1MDc1OTY3LDEyLjQwMTA0MDggOC45ODY5NTc4OCwxMi41NTU5ODgxIDguODU5MzUzODgsMTIuNjgzNTkyMSBDOC43MzE3NDk4OCwxMi44MTExOTYxIDguNTc2ODAyNjEsMTIuODc0OTk3OSA4LjM5NDUxMTI0LDEyLjg3NDk5NzkgTDUuNjA1NDU1MzksMTIuODc0OTk3OSBDNS40MjMxNjQwMSwxMi44NzQ5OTc5IDUuMjY4MjE2NzUsMTIuODExMTk2MSA1LjE0MDYxMjc0LDEyLjY4MzU5MjEgQzUuMDEzMDA4NzQsMTIuNTU1OTg4MSA0Ljk0OTIwNjk1LDEyLjQwMTA0MDggNC45NDkyMDY5NSwxMi4yMTg3NDk1IEw0Ljk0OTIwNjk1LDEwLjAzMTI1NDcgWiIgaWQ9IndpZGdldC1saWJyYXJ5IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==');
}*/

/*.user-menu .help a {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTQgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ5ICg1MTAwMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aGVscDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xMy43ODEyMTcxLDcuNzUwMDEyNTIgQzEzLjc4MTIxNzEsOC45NzEzNjM5MSAxMy40NzU4NzkyLDEwLjEwMTU2OTQgMTIuODY1MjAzNywxMS4xNDA2Mjk0IEMxMi4yNTQ1MjgyLDEyLjE3OTY4OTUgMTEuNDI5NjYwMiwxMy4wMDQ1NTc0IDEwLjM5MDYwMDIsMTMuNjE1MjMyOSBDOS4zNTE1NDAyLDE0LjIyNTkwODQgOC4yMjEzMzQ3LDE0LjUzMTI0NjMgNi45OTk5ODMzMSwxNC41MzEyNDYzIEM1Ljc3ODYzMTkyLDE0LjUzMTI0NjMgNC42NDg0MjY0MiwxNC4yMjU5MDg0IDMuNjA5MzY2MzksMTMuNjE1MjMyOSBDMi41NzAzMDYzNywxMy4wMDQ1NTc0IDEuNzQ1NDM4NDEsMTIuMTc5Njg5NSAxLjEzNDc2MjkyLDExLjE0MDYyOTQgQzAuNTI0MDg3NDMxLDEwLjEwMTU2OTQgMC4yMTg3NDk0NzgsOC45NzEzNjM5MSAwLjIxODc0OTQ3OCw3Ljc1MDAxMjUyIEMwLjIxODc0OTQ3OCw2LjUyODY2MTEyIDAuNTI0MDg3NDMxLDUuMzk4NDU1NjIgMS4xMzQ3NjI5Miw0LjM1OTM5NTYgQzEuNzQ1NDM4NDEsMy4zMjAzMzU1OCAyLjU3MDMwNjM3LDIuNDk1NDY3NjEgMy42MDkzNjYzOSwxLjg4NDc5MjEzIEM0LjY0ODQyNjQyLDEuMjc0MTE2NjQgNS43Nzg2MzE5MiwwLjk2ODc3ODY4NSA2Ljk5OTk4MzMxLDAuOTY4Nzc4Njg1IEM4LjIyMTMzNDcsMC45Njg3Nzg2ODUgOS4zNTE1NDAyLDEuMjc0MTE2NjQgMTAuMzkwNjAwMiwxLjg4NDc5MjEzIEMxMS40Mjk2NjAyLDIuNDk1NDY3NjEgMTIuMjU0NTI4MiwzLjMyMDMzNTU4IDEyLjg2NTIwMzcsNC4zNTkzOTU2IEMxMy40NzU4NzkyLDUuMzk4NDU1NjIgMTMuNzgxMjE3MSw2LjUyODY2MTEyIDEzLjc4MTIxNzEsNy43NTAwMTI1MiBaIE03LjE5MTM4OTEsMy4yMTA5NjA4NCBDNi40NjIyMjQwNCwzLjIxMDk2MDg0IDUuODMzMzE5MjksMy4zNjU5MDg1MyA1LjMwNDY3NDg1LDMuNjc1ODAzNDggQzQuODEyNDg4NTMsMy45NDkyNDAzMyA0LjM3NDk4OTU3LDQuMzc3NjI0ODYgMy45OTIxNzc5OCw0Ljk2MDk1NjY3IEMzLjkzNzQ5MDYxLDUuMDMzODczMyAzLjkxOTI2MTM1LDUuMTExMzQ2OTMgMy45Mzc0OTA2MSw1LjE5MzM3Nzk5IEMzLjk1NTcxOTg3LDUuMjc1NDA5MDQgNC4wMDEyOTI0LDUuMzQzNzY4MjUgNC4wNzQyMDkwNCw1LjM5ODQ1NTYyIEw1LjAzMTIzOCw2LjEwOTM5MTQzIEM1LjA4NTkyNTM3LDYuMTY0MDc4OCA1LjE1ODg0MjAxLDYuMTg2ODY1MDYgNS4yNDk5ODc0OCw2LjE3Nzc1MDY0IEM1LjM0MTEzMjk2LDYuMTY4NjM2MjIgNS40MTQwNDk1OSw2LjEyNzYyMDY5IDUuNDY4NzM2OTYsNi4wNTQ3MDQwNiBDNS43NjA0MDMwNyw1LjcwODM1MDU4IDUuOTg4MjY2OTcsNS40NzEzNzIyNiA2LjE1MjMyOTA4LDUuMzQzNzY4MjUgQzYuNDA3NTM2NjcsNS4xNjE0NzY4OCA2LjY5OTIwMjc4LDUuMDcwMzMxNDEgNy4wMjczMjcsNS4wNzAzMzE0MSBDNy4zMzcyMjE5NSw1LjA3MDMzMTQxIDcuNjI0MzMwNjQsNS4xNTY5MTk4OCA3Ljg4ODY1MzA3LDUuMzMwMDk2NDEgQzguMTUyOTc1NDksNS41MDMyNzI5NCA4LjI4NTEzNjUsNS43MTc0NjU0MiA4LjI4NTEzNjUsNS45NzI2NzMgQzguMjg1MTM2NSw2LjE3MzE5MzIyIDguMjAzMTA1NDQsNi4zNDYzNzAxNyA4LjAzOTA0MzMzLDYuNDkyMjAzMDIgQzcuOTI5NjY4NTksNi41ODMzNDg0OSA3LjcyMDAzMzU0LDYuNzIwMDY2OTIgNy40MTAxMzg1OCw2LjkwMjM1ODI5IEw3LjM1NTQ1MTIxLDYuOTI5NzAxOTcgQzYuODk5NzIyOTksNy4xODQ5MDk1NiA2LjU4MDcxMzYyLDcuNDEyNzczODggNi4zOTg0MjIyNCw3LjYxMzI5NDA5IEM2LjA3MDI5ODAzLDcuOTU5NjQ3NTcgNS45MDYyMzU5Miw4LjM2OTgwMjg1IDUuOTA2MjM1OTIsOC44NDM3NTk5MSBMNS45MDYyMzU5Miw4Ljk1MzEzNDY1IEM1LjkwNjIzNTkyLDkuMDQ0MjgwMTMgNS45MzgxMzcwMiw5LjEyMTc1NDE4IDYuMDAxOTM4ODIsOS4xODU1NTU5NyBDNi4wNjU3NDA2MSw5LjI0OTM1Nzc2IDYuMTQzMjE0NjYsOS4yODEyNTg4NyA2LjIzNDM2MDE0LDkuMjgxMjU4ODcgTDcuNzY1NjA2NDksOS4yODEyNTg4NyBDNy44NTY3NTE5Niw5LjI4MTI1ODg3IDcuOTM0MjI2MDEsOS4yNDkzNTc3NiA3Ljk5ODAyNzgxLDkuMTg1NTU1OTcgQzguMDYxODI5Niw5LjEyMTc1NDE4IDguMDkzNzMwNyw5LjA0NDI4MDEzIDguMDkzNzMwNyw4Ljk1MzEzNDY1IEw4LjA5MzczMDcsOC45MjU3OTA5NiBDOC4wOTM3MzA3LDguNzc5OTU4MTIgOC4xNjY2NDczMyw4LjY1MjM1NDEyIDguMzEyNDgwMTgsOC41NDI5NzkzOCBDOC40MDM2MjU2Niw4LjQ3MDA2Mjc0IDguNTc2ODAyNjEsOC4zNjA2ODgwMSA4LjgzMjAxMDE5LDguMjE0ODU1MTYgQzkuMzA1OTY3MjYsNy45MjMxODkwNSA5LjY0MzIwNjMxLDcuNjY3OTgxNDYgOS44NDM3MjY1Myw3LjQ0OTIzMTk4IEMxMC4xOTAwOCw3LjA2NjQyMDQgMTAuMzYzMjU2NSw2LjU4MzM0ODQ5IDEwLjM2MzI1NjUsNi4wMDAwMTY2OSBDMTAuMzYzMjU2NSw1LjQ4OTYwMTEgMTAuMjA4MzA4OSw1LjAyMDIwMTQ2IDkuODk4NDEzOSw0LjU5MTgxNjkyIEM5LjU4ODUxODk0LDQuMTYzNDMyMzkgOS4xODc0NzgxLDMuODI2MTkzNzUgOC42OTUyOTE3NywzLjU4MDEwMDU4IEM4LjIwMzEwNTQ0LDMuMzM0MDA3NDIgNy43MDE4MDQ2OSwzLjIxMDk2MDg0IDcuMTkxMzg5MSwzLjIxMDk2MDg0IFogTTYuOTk5OTgzMzEsOS45OTIxOTQ2NyBDNi42NTM2Mjk4Myw5Ljk5MjE5NDY3IDYuMzU3NDA2NzIsMTAuMTE1MjQxMyA2LjExMTMxMzU1LDEwLjM2MTMzNDQgQzUuODY1MjIwMzksMTAuNjA3NDI3NiA1Ljc0MjE3MzgxLDEwLjkwMzY1MDcgNS43NDIxNzM4MSwxMS4yNTAwMDQyIEM1Ljc0MjE3MzgxLDExLjU5NjM1NzcgNS44NjUyMjAzOSwxMS44OTI1ODA4IDYuMTExMzEzNTUsMTIuMTM4NjczOSBDNi4zNTc0MDY3MiwxMi4zODQ3NjcxIDYuNjUzNjI5ODMsMTIuNTA3ODEzNyA2Ljk5OTk4MzMxLDEyLjUwNzgxMzcgQzcuMzQ2MzM2NzksMTIuNTA3ODEzNyA3LjY0MjU1OTksMTIuMzg0NzY3MSA3Ljg4ODY1MzA3LDEyLjEzODY3MzkgQzguMTM0NzQ2MjMsMTEuODkyNTgwOCA4LjI1Nzc5MjgxLDExLjU5NjM1NzcgOC4yNTc3OTI4MSwxMS4yNTAwMDQyIEM4LjI1Nzc5MjgxLDEwLjkwMzY1MDcgOC4xMzQ3NDYyMywxMC42MDc0Mjc2IDcuODg4NjUzMDcsMTAuMzYxMzM0NCBDNy42NDI1NTk5LDEwLjExNTI0MTMgNy4zNDYzMzY3OSw5Ljk5MjE5NDY3IDYuOTk5OTgzMzEsOS45OTIxOTQ2NyBaIiBpZD0iaGVscCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=');
}*/

/*.user-menu .menSettings a {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTQgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ5ICg1MTAwMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+c2V0dGluZ3M8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMTIuMTY3OTM5Nyw4LjcwNzA0MTQ5IEwxMy4zMTYzNzQ1LDkuMzkwNjMzNjEgQzEzLjM4OTI5MTEsOS40MjcwOTE3MSAxMy40Mzk0MjExLDkuNDgxNzc5MDggMTMuNDY2NzY0OCw5LjU1NDY5NTcxIEMxMy40OTQxMDg1LDkuNjI3NjEyMzUgMTMuNDk4NjY1OSw5LjcwMDUyODU2IDEzLjQ4MDQzNjYsOS43NzM0NDUxOSBDMTMuMTcwNTQxNywxMC43Mzk1ODg2IDEyLjY2OTI0MDUsMTEuNTk2MzU3NyAxMS45NzY1MzM5LDEyLjM0Mzc1MTYgQzExLjkyMTg0NjYsMTIuMzk4NDM4OSAxMS44NTgwNDQ4LDEyLjQzNDg5NyAxMS43ODUxMjgyLDEyLjQ1MzEyNjMgQzExLjcxMjIxMTUsMTIuNDcxMzU1NiAxMS42MzkyOTUzLDEyLjQ2MjI0MDcgMTEuNTY2Mzc4NywxMi40MjU3ODI2IEwxMC40MTc5NDM5LDExLjc0MjE5MDUgQzkuOTI1NzU3NTksMTIuMTYxNDYwMiA5LjM2OTc2OTQ3LDEyLjQ4MDQ3IDguNzQ5OTc5MTQsMTIuNjk5MjE5NSBMOC43NDk5NzkxNCwxNC4wMzkwNiBDOC43NDk5NzkxNCwxNC4xMTE5NzY3IDguNzI3MTkyODcsMTQuMTgwMzM1OSA4LjY4MTYxOTkzLDE0LjI0NDEzNzcgQzguNjM2MDQ2OTgsMTQuMzA3OTM5NSA4LjU3NjgwMjYxLDE0LjM0ODk1NSA4LjUwMzg4NTk4LDE0LjM2NzE4NDIgQzcuNTAxMjg0MDYsMTQuNTg1OTMzNyA2LjQ5ODY4MjU2LDE0LjU4NTkzMzcgNS40OTYwODA2NSwxNC4zNjcxODQyIEM1LjQyMzE2NDAxLDE0LjM0ODk1NSA1LjM2MzkxOTY0LDE0LjMwNzkzOTUgNS4zMTgzNDY3LDE0LjI0NDEzNzcgQzUuMjcyNzczNzUsMTQuMTgwMzM1OSA1LjI0OTk4NzQ4LDE0LjExMTk3NjcgNS4yNDk5ODc0OCwxNC4wMzkwNiBMNS4yNDk5ODc0OCwxMi42OTkyMTk1IEM0LjYzMDE5NzE1LDEyLjQ4MDQ3IDQuMDc0MjA5MDQsMTIuMTYxNDYwMiAzLjU4MjAyMjcxLDExLjc0MjE5MDUgTDIuNDMzNTg3OTUsMTIuNDI1NzgyNiBDMi4zNjA2NzEzMiwxMi40NjIyNDA3IDIuMjg3NzU1MSwxMi40NzEzNTU2IDIuMjE0ODM4NDcsMTIuNDUzMTI2MyBDMi4xNDE5MjE4NCwxMi40MzQ4OTcgMi4wNzgxMjAwNSwxMi4zOTg0Mzg5IDIuMDIzNDMyNjgsMTIuMzQzNzUxNiBDMS4zMzA3MjYxMywxMS41OTYzNTc3IDAuODI5NDI0OTY3LDEwLjczOTU4ODYgMC41MTk1MzAwMTEsOS43NzM0NDUxOSBDMC41MDEzMDA3NDksOS43MDA1Mjg1NiAwLjUwNTg1ODE2OSw5LjYyNzYxMjM1IDAuNTMzMjAxODU0LDkuNTU0Njk1NzEgQzAuNTYwNTQ1NTM5LDkuNDgxNzc5MDggMC42MTA2NzU0ODgsOS40MjcwOTE3MSAwLjY4MzU5MjEyLDkuMzkwNjMzNjEgTDEuODMyMDI2ODgsOC43MDcwNDE0OSBDMS43MjI2NTIxNCw4LjA2OTAyMjMxIDEuNzIyNjUyMTQsNy40MzEwMDI3MiAxLjgzMjAyNjg4LDYuNzkyOTgzNTUgTDAuNjgzNTkyMTIsNi4xMDkzOTE0MyBDMC42MTA2NzU0ODgsNi4wNzI5MzMzMiAwLjU2MDU0NTUzOSw2LjAxODI0NTk1IDAuNTMzMjAxODU0LDUuOTQ1MzI5MzIgQzAuNTA1ODU4MTY5LDUuODcyNDEyNjkgMC41MDEzMDA3NDksNS43OTk0OTY0NyAwLjUxOTUzMDAxMSw1LjcyNjU3OTg0IEMwLjgyOTQyNDk2Nyw0Ljc2MDQzNjQ1IDEuMzMwNzI2MTMsMy45MDM2NjczOCAyLjAyMzQzMjY4LDMuMTU2MjczNDcgQzIuMDc4MTIwMDUsMy4xMDE1ODYxIDIuMTQxOTIxODQsMy4wNjUxMjc5OSAyLjIxNDgzODQ3LDMuMDQ2ODk4NzMgQzIuMjg3NzU1MSwzLjAyODY2OTQ3IDIuMzYwNjcxMzIsMy4wMzc3ODQzMSAyLjQzMzU4Nzk1LDMuMDc0MjQyNDEgTDMuNTgyMDIyNzEsMy43NTc4MzQ1NCBDNC4wNzQyMDkwNCwzLjMzODU2NDg0IDQuNjMwMTk3MTUsMy4wMTk1NTUwNSA1LjI0OTk4NzQ4LDIuODAwODA1NTcgTDUuMjQ5OTg3NDgsMS40NjA5NjUwMSBDNS4yNDk5ODc0OCwxLjM4ODA0ODM4IDUuMjcyNzczNzUsMS4zMTk2ODkxNyA1LjMxODM0NjcsMS4yNTU4ODczOCBDNS4zNjM5MTk2NCwxLjE5MjA4NTU4IDUuNDIzMTY0MDEsMS4xNTEwNzAwNiA1LjQ5NjA4MDY1LDEuMTMyODQwNzkgQzYuNDk4NjgyNTYsMC45MTQwOTEzMTUgNy41MDEyODQwNiwwLjkxNDA5MTMxNSA4LjUwMzg4NTk4LDEuMTMyODQwNzkgQzguNTc2ODAyNjEsMS4xNTEwNzAwNiA4LjYzNjA0Njk4LDEuMTkyMDg1NTggOC42ODE2MTk5MywxLjI1NTg4NzM4IEM4LjcyNzE5Mjg3LDEuMzE5Njg5MTcgOC43NDk5NzkxNCwxLjM4ODA0ODM4IDguNzQ5OTc5MTQsMS40NjA5NjUwMSBMOC43NDk5NzkxNCwyLjgwMDgwNTU3IEM5LjM2OTc2OTQ3LDMuMDE5NTU1MDUgOS45MjU3NTc1OSwzLjMzODU2NDg0IDEwLjQxNzk0MzksMy43NTc4MzQ1NCBMMTEuNTY2Mzc4NywzLjA3NDI0MjQxIEMxMS42MzkyOTUzLDMuMDM3Nzg0MzEgMTEuNzEyMjExNSwzLjAyODY2OTQ3IDExLjc4NTEyODIsMy4wNDY4OTg3MyBDMTEuODU4MDQ0OCwzLjA2NTEyNzk5IDExLjkyMTg0NjYsMy4xMDE1ODYxIDExLjk3NjUzMzksMy4xNTYyNzM0NyBDMTIuNjY5MjQwNSwzLjkwMzY2NzM4IDEzLjE3MDU0MTcsNC43NjA0MzY0NSAxMy40ODA0MzY2LDUuNzI2NTc5ODQgQzEzLjQ5ODY2NTksNS43OTk0OTY0NyAxMy40OTQxMDg1LDUuODcyNDEyNjkgMTMuNDY2NzY0OCw1Ljk0NTMyOTMyIEMxMy40Mzk0MjExLDYuMDE4MjQ1OTUgMTMuMzg5MjkxMSw2LjA3MjkzMzMyIDEzLjMxNjM3NDUsNi4xMDkzOTE0MyBMMTIuMTY3OTM5Nyw2Ljc5Mjk4MzU1IEMxMi4yNzczMTQ1LDcuNDMxMDAyNzIgMTIuMjc3MzE0NSw4LjA2OTAyMjMxIDEyLjE2NzkzOTcsOC43MDcwNDE0OSBaIE05LjE4NzQ3ODEsNy43NTAwMTI1MiBDOS4xODc0NzgxLDcuMTQ4NDUxNDUgOC45NzMyODYwNCw2LjYzMzQ3ODg2IDguNTQ0OTAxNSw2LjIwNTA5NDMzIEM4LjExNjUxNjk3LDUuNzc2NzA5NzkgNy42MDE1NDQzOCw1LjU2MjUxNzczIDYuOTk5OTgzMzEsNS41NjI1MTc3MyBDNi4zOTg0MjIyNCw1LjU2MjUxNzczIDUuODgzNDQ5NjUsNS43NzY3MDk3OSA1LjQ1NTA2NTEyLDYuMjA1MDk0MzMgQzUuMDI2NjgwNTgsNi42MzM0Nzg4NiA0LjgxMjQ4ODUzLDcuMTQ4NDUxNDUgNC44MTI0ODg1Myw3Ljc1MDAxMjUyIEM0LjgxMjQ4ODUzLDguMzUxNTczNTggNS4wMjY2ODA1OCw4Ljg2NjU0NjE3IDUuNDU1MDY1MTIsOS4yOTQ5MzA3MSBDNS44ODM0NDk2NSw5LjcyMzMxNTI0IDYuMzk4NDIyMjQsOS45Mzc1MDczIDYuOTk5OTgzMzEsOS45Mzc1MDczIEM3LjYwMTU0NDM4LDkuOTM3NTA3MyA4LjExNjUxNjk3LDkuNzIzMzE1MjQgOC41NDQ5MDE1LDkuMjk0OTMwNzEgQzguOTczMjg2MDQsOC44NjY1NDYxNyA5LjE4NzQ3ODEsOC4zNTE1NzM1OCA5LjE4NzQ3ODEsNy43NTAwMTI1MiBaIiBpZD0ic2V0dGluZ3MiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+');
}*/

/*.user-menu .help a, .user-menu .menSettings a, .user-menu .portlet-library a {
    width: 12px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}*/


/* Side Menu
****************************************************************************************************/

#expanded-menu, #collapsed-menu {
    color: #1688c3;
    border-right: 1px solid #c3c3c3;
    height: 100%;
}

#expanded-menu {
    width: 300px;
    overflow-y: auto;
    background-color: #ffffff;
}

#collapsed-menu {
    width: 45px;
    min-width: 45px;
    cursor: pointer;
    z-index: 2;
    background: linear-gradient(to bottom,#fafafa 0px,#f1f1f1 100%) repeat scroll 0 0 rgba(0,0,0,0);
}

#expanded-menu .row, .menu-content .menuItem {
    padding: 0 10px 0 10px;
}

#collapsed-menu > * {
    padding: 0 14px 0 14px;
}

#expanded-menu .row {
    align-items: center;
    border-bottom: 1px solid #c3c3c3;
}

#expanded-menu .menuCollapseIcon {
    font-size: 29px;
    float: right;
    margin: 9.6px 0 9.6px 0;
    padding-right: 5px;
    cursor: pointer;
    color: #1688c3;
    font-weight: 300;
}

#collapsed-menu i {
    font-size: 23px;
    font-weight: 400;
    padding-top: 16px;
}

#expanded-menu .menuHeader {
    padding: 10px;
    cursor: pointer;
    background: linear-gradient(to bottom,#fafafa 0px,#f1f1f1 100%) repeat scroll 0 0 rgba(0,0,0,0);
    border-bottom: 1px solid #c3c3c3;
}

    #expanded-menu .menuHeader i {
        float: right;
        font-size: 15px;
    }

.menu-content {
    border-bottom: 1px solid #c3c3c3;
}

    .menu-content .menuItem {
        color: #1688c3;
        background-color: #fff;
        padding: 10px;
        cursor: pointer;
    }

        .menu-content .menuItem i {
            float: right;
            font-size: 15px;
        }

        .menu-content .menuItem.selected, #menu .menuItem:hover {
            color: #fff;
            background: linear-gradient(to bottom, #8ee600 20%, #68a900 100%);
        }

.subMenu {
    background-color: #fff;
}

.paddingLevelOne{
    padding-left: 20px !important;
}

.paddingLevelTwo {
    padding-left: 40px !important;
}

.paddingLevelThree {
    padding-left: 60px !important;
}

.paddingLevelFour {
    padding-left: 80px !important;
}

/* Splash Screen 
/*****************************************************************************************************/
#splash {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #005EB8;
    color: white;
    font-size: 30px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    #splash img {
    }

/* Popup Window 
/*****************************************************************************************************/

.popDivWin, .popDivWinMVC {
    display: none;
    position: absolute;
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    /*display: none;*/
    /*flex-direction: column;*/
    background: white;
    width: auto;
    height: auto !important;
    min-width: 300px;
    min-height: 150px;
    max-width: 95vw;
    max-height: 95vh;
    z-index: 5;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,.30);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,.30);
}

.popDivWinHead, .popDivWinHeadMVC {
    padding: 7px;
    width: auto !important;
    min-height: 20px;
    border-bottom: 1px solid #c3c3c3;
    font-size: 16px;
    color: #005EB8;
    font-weight: 600;
    /*flex-grow: 0;
    flex-shrink: 0;*/
    cursor: move;
}

.popDivWinHeadTitle, .popDivWinHeadTitleMVC { /*LJR this div is not necessary*/
    display: inline;
    margin-right: 10px;
}

.popDivWinHeadClose, .popDivWinHeadCloseMVC {
    float: right;
    cursor: pointer;
    font-size: 16px;
}

    .popDivWinHeadClose:after, .popDivWinHeadCloseMVC:after {
        content: "\00d7";
        font-size: 18px;
    }

.popDivWinBody, .popDivBody, .popWinBody, .popWinBodyMVC {
    /*flex-grow: 1;
    flex-shrink: 1;*/
    width: auto;
    height: auto;
    max-width: 100% !important;
    max-height: calc(95vh - 40px - 40px) !important; /*popDiv max-height less header less footer*/
    overflow: auto;
    padding: 10px;
}

.popDivWinFooter, .popDivWinFooterMVC {
    padding: 5px;
    min-height: 30px;
    border-top: 0px solid #c3c3c3;
    /*flex-grow: 0;
    flex-shrink: 0;*/
    text-align: right;
}


/* Progress 
/*****************************************************************************************************/

.progress {
    display: none;
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 500px;
    min-height: 150px;
    border: 1px solid #c3c3c3;
    background: white;
    z-index: 1;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,.30);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,.30);
}

    .progress .progressHead {
        font-size: 16px;
        color: #68a900;
        padding: 5px;
    }

    .progress .progressBody {
        padding: 5px;
    }

    .progress #progressStatus {
        position: absolute;
        top: 1px;
        right: 1px;
    }

    .progress #progressBar, .progressPopUpBar .progressBar {
        display: block;
        width: 95%;
        height: 20px;
        border: 1px solid #c3c3c3;
        border-radius: 3px;
        overflow: hidden;
    }

    .progress #progressBarComplete, .progressPopUpBar .progressBarComplete {
        position: static;
        display: block;
        height: 100%;
        width: 0%;
        background-color: lightgreen;
        transition: width .5s linear;
    }

    .progress #progressBarText, .progressPopUpBar .progressBarText {
        display: none;
    }

.progressBarCell {
    display: flex;
}

.progressPopUpBar {
    flex-grow: 1;
}


/*Section Panel
    *************************************************************************************************************************************/

.sectionPanel, .tabbedSectionPanel, .curvedFrame {
    position: relative;
    -ms-border-radius: 10px 10px 10px 10px;
    border-radius: 10px;
    border-color: #bcd1e9;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    display: inline-block;
    background: #f4f5f9;
    width: auto;
    min-width: 650px;
}

.sectionPanelNoMinWidth {
    position: relative;
    -ms-border-radius: 10px 10px 10px 10px;
    border-radius: 10px;
    border-color: #bcd1e9;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    display: inline-block;
    background: #f4f5f9;
    width: auto;
}

/*Main buttons
    ***************************************************************************************************************************************************/
.mainButtons {
    height: 60px;
}

    .mainButtons > * {
        display: inline-block !important;
        margin-right: 5px !important;
        margin-bottom: 5px !important;
        vertical-align: top;
    }

    .mainButtons input[type=button], .mainButtons input[type=submit] {
        margin: 0;
    }

.excelIconContainer {
    font-size: 19px;
    color: #1a76b5;
    line-height: 29px;
}

    .excelIconContainer:hover {
        color: #61ad0a;
    }



/*
    GET Icons
*****************************************************************************************************/

i {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 0.75em;
    vertical-align: -.0667em;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}

.clipboardListIcon::before {
    content: "\f737";
    font-weight: 500;
}

.excelIcon::before {
    content: "\f381";
}

.downloadIcon::before {
    content: "\f381";
}

.countriesIcon::before {
    content: "\f57d";
}

.contactsIcon::before {
    content: "\f007";
}

.editIcon::before {
    content: "\f044";
}

.magnifyingIcon::before {
    content: "\f002";
}

.saveIcon::before {
    content: "\f0c7";
}

.undoIcon::before {
    content: "\f0e2";
}

.deleteIcon::before {
    content: "\f00d";
}

.crossIcon::before {
    content: "\f00d";
    color: darkred;
}

.checkIcon::before {
    content: "\f00c";
}

.accessItemArrowIcon::before {
    content: "\f105";
    /*content: "\f101";*/ /*double arrows*/
}

.helpIcon {
    font-size: 15px;
    color: #1a76b5;
    line-height: 29px;
}

    .helpIcon::before {
        content: "\f059";
    }

    .helpIcon:hover {
        color: #61ad0a;
        cursor: pointer;
    }

.openNewPageIcon::before {
    content: "\f08e";
}

.historyIcon::before {
    content: "\f1da";
}

.clockIcon::before {
    content: "\f017";
}

.arrowDownIcon::before {
    content: "\f107";
}

.arrowUpIcon::before {
    content: "\f106";
}

.arrowRightIcon::before {
    content: "\f105";
}

.arrowLeftIcon::before {
    content: "\f104";
}


.adminVarHelpIcon::before {
    content: "\f059";
}

.lockIcon::before {
    content: "\f023";
}

.addIcon::before {
    content: "\f067";
}

.loadingIcon::before {
    content: "\f110";
}

.exclamationIcon::before {
    content: "\f12a";
}

.zipIcon::before {
    content: "\f1c6";
}

.userIcon::before {
    content: "\f007";
}

.openWindowIcon::before {
    content: "\f2d2";
    /*font-weight: 500;*/
}

.sortDescIcon, .sortAscIcon {
    /*margin-left: 5px;*/
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    /*padding-left: 1.25em;*/
}

    .sortDescIcon::before,
    .sortDescIcon::after,
    .sortAscIcon::before,
    .sortAscIcon::after {
        width: 30px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1.25em;
        text-align: center;
    }

    .sortDescIcon::before {
        content: "\f0dd";
    }

    .sortDescIcon::after {
        content: "\f0de";
        opacity: 0.3;
    }

    .sortAscIcon::before {
        content: "\f0de";
    }

    .sortAscIcon::after {
        content: "\f0dd";
        opacity: 0.3;
    }

.arrowRightLarge::before {
    content: "\f0da";
    font-size: 2em;
    vertical-align: middle;
}

.orangeExclamationIcon::before {
    content: "\f12a";
    font-size: 1.5em;
    vertical-align: middle;
    color: orange;
}

.redExclamationTriangle::before {
    content: "\f071";
    font-size: 1.5em;
    vertical-align: middle;
    color: red;
}

.greenThumbsUp::before {
    content: "\f164";
    font-size: 1.5em;
    vertical-align: middle;
    color: limegreen;
}

.orangeDoubleArrowsIcon::before {
    content: "\f101";
    font-size: 1.5em;
    vertical-align: middle;
    color: orange;
}

.blueInfoIcon::before {
    content: "\f05a";
    font-size: 1.5em;
    vertical-align: middle;
    color: cornflowerblue;
}

.greenRunIcon::before {
    content: "\f04b";
    font-size: 1.5em;
    vertical-align: middle;
    color: limegreen;
}

/*
    AuditLog popup
*******************************************************************************************************/
.auditLog {
    width: auto !important;
}

.auditLogProcess {
    height: 25px;
    vertical-align: middle;
}

.auditLogTable {
    width: 1000px;
}

.auditLogTableHead td:first-child {
    width: 125px;
}

.auditLogTableHead td:nth-child(2) {
    width: 150px;
}

.auditLogTableHead td:nth-child(3) {
    width: 100px;
}

.auditLogTableHead td:nth-child(4) {
    width: 100px;
}

.auditLogTableHead td:nth-child(5) {
    width: 100px;
}

.auditLogTableHead td:nth-child(6) {
    max-width: 290px;
}

.auditLogTable .tableRow td:nth-child(6) {
    white-space: pre-wrap;
}


/*
    Help popup
*******************************************************************************************************/
/*.help {
    width: 816px !important;
    height: 566px !important;
}*/
/*.help .popWinBody {
        width: 100% !important;
        height: calc(100% - 37px) !important;
    }*/
.help .popWinBody {
    width: 816px;
    height: 566px;
}

.helpLoader {
    text-align: center
}

/* Login Page
/*****************************************************************************************************/

#loginForm {
    position: relative;
    top: 100px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

/* Tax Calculation Page - Results Table + Other Info Section + Summaries
/*****************************************************************************************************/

div.taxResultMainHeaderCell {
    position: absolute;
    top: 0px;
    height: 25px;
    /*border-style: solid;
    border-width: 1px;
    border-color: silver;*/
    font-weight: bold;
    /*background-color: #EEEEEE;*/
    display: table-cell;
    vertical-align: middle;
    background: linear-gradient(to bottom,#e5f1fc 0px,#dbebf8 50%,#d3e8f9 51%,#cee5f9 100%) repeat scroll 0 0 rgba(0,0,0,0);
    color: #2977a8;
    border: 1px solid #e6e6e6;
    border-bottom: 1px solid #b1d6f5;
    border-right: 1px solid #b1d6f5;
}

div.taxResultHeaderCell {
    position: absolute;
    left: 0px;
    font-size: 11px;
    font-weight: bold;
    /*background-color: #EEEEEE;*/
    height: 20px;
    top: 0px;
    height: 40px;
    /*border-style: solid;
    border-width: 1px;
    border-color: silver;*/
    width: 80px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    background: linear-gradient(to bottom,#e5f1fc 0px,#dbebf8 50%,#d3e8f9 51%,#cee5f9 100%) repeat scroll 0 0 rgba(0,0,0,0);
    color: #2977a8;
    border: 1px solid #e6e6e6;
    border-bottom: 1px solid #b1d6f5;
    border-right: 1px solid #b1d6f5;
}

div.wideRow {
    position: relative;
    width: 100%;
    background-color: transparent;
    min-height: 25px;
}

div.grdRowSmall {
    background-color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
}

div.grdAltRowSmall {
    background-color: #F4F5F9;
    font-size: 11px;
    font-weight: normal;
}

div.borderedCell {
    position: absolute;
    top: 0;
    height: 25px;
    /*border-style: solid;
    border-width: 1px;
    border-color: silver;*/
    border: 1px solid #e6e6e6;
    display: table-cell;
    vertical-align: middle;
}

div.borderedCellMiddle {
    position: absolute;
    top: 0;
    background-color: Transparent;
    height: 25px;
    /*border-style: solid;
    border-width: 1px;*/
    text-align: center;
    /*border-color: silver;*/
    border: 1px solid #e6e6e6;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

div.borderedCellRight {
    position: absolute;
    top: 0px;
    background-color: Transparent;
    height: 25px;
    /*border-style: solid;
    border-width: 1px;*/
    text-align: right;
    /*border-color: silver;*/
    border: 1px solid #e6e6e6;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.curvedFrame div.wideRow {
    position: relative;
    width: 100%;
    background-color: transparent;
    display: flex;
}

.curvedFrame div.floatingCell {
    top: 0;
    background-color: Transparent;
    padding-top: 2px;
}

    .curvedFrame div.floatingCell select {
        width: auto;
    }

    .curvedFrame div.floatingCell input {
        width: auto;
    }

.calculationPageSection {
    width: 90vw;
    min-width: 1600px;
    max-width: 2500px;
}

tr.comparisonHiddenRow {
    display: none;
}

td.hiddenCol {
    display: none;
}

.error {
    color: red;
}

.awardStatus {
    color: #68a900;
}

.awardDetailsContainer {
    min-width: 1800px;
}

/************************** Calculation Summaries  ************************/
TR.calculationSummary {
    height: 25px;
    border-bottom: 1px solid black;
}

TD.calculationSummaryLabel {
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px solid black;
    width: 460px;
}

TD.calculationSummaryValue {
    font-size: 11px;
    border-bottom: 1px solid black;
    text-align: right;
    border-left: 1px solid black;
    width: 100px;
    padding-right: 3px;
}

TD.calculationSummarySpace {
    border-left: 1px solid black;
    width: 100px;
}

div.summarySubLabel {
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    width: 250px;
    margin-left: 10px;
}

div.summarySubAmount {
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 100px;
    margin-right: 30px;
}

div.summarySubAmount2 {
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 100px;
    margin-right: 30px;
}

table.summarySub {
    border: none;
    width: 100%;
}

.calcSumPrintableContainer {
    position: relative;
    width: 150px;
}

.calcSumBackBtn {
    position: absolute;
    width: 60px;
    top: 0px;
}

.calcSumPrintBtnDiv {
    position: absolute;
    width: 50px;
    left: 90px;
    top: 0px;
}

.calcSumDescriptionDiv {
    width: 450pt;
    top: 40px;
    position: relative;
}

.calcSumNonPrintTd {
    width: 150px;
    background-color: #bcd1e9;
}

.calcSumNonPrintTd2 {
    width: 25px;
}

.calcSumDeductionsTd {
    font-style: italic;
    height: 25px;
}

.calcSumTdSpacer {
    border-left: 1px solid black;
}

.pageBreakAfterAlways {
    page-break-after: always;
}

.calcSumDescriptionLabel {
    font-style: italic;
    height: 25px;
}

.calcSumAdditionalInfoTable {
    width: 450pt;
}

.textAlignRight {
    text-align: right;
}

.textDecorationUnderline {
    text-decoration: underline;
}

/*
     Build Script/Calc Flag popup styles
*************************************************************************************************************/

.scriptTxtLogic, .scriptSelectionInputs {
    margin-left: 10px;
    width: 1000px;
}

.scriptTxtLogic {
    border-radius: 10px;
    border-color: #bcd1e9;
    border-style: solid;
    border-width: 1px;
    margin-top: 10px;
}

#popDivNewFlag {
    min-width: 1050px;
}

/*
    Sticky main buttons
**************************************************************************************************************/

.buttons-scrolling {
    position: fixed;
    z-index: 4;
    background-color: white;
    border: 1px solid #BCD1E9;
    top: 60px;
    left: 0px;
    min-width: 300px;
    padding: 5px;
}

/*
    Section divider
**************************************************************************************************************/
.sectionDivider {
    height: 1px;
    width: 100%;
    background-color: #BCD1E9;
    border: none;
}

/******************************************* Comparison Tables *************************************/

th.comparisonHeader {
    position: relative;
    background-color: #333333;
    height: 25px;
    text-align: left;
    padding-left: 4px;
    padding-right: 10px;
    color: #ffffff;
    font-size: 12px;
    font-style: italic;
}

span.comparisonHeaderLarge {
    color: #FF0000;
    font-weight: bold;
    height: 40px;
    font-size: 20px;
}

span.compSumMatch {
    color: #444444;
    left: 0px;
    font-weight: bold;
    background-color: Transparent;
    height: 20px;
    padding-top: 2px;
    padding-left: 5px;
}

span.compSumAdd {
    color: #02870C;
    left: 0px;
    font-weight: bold;
    background-color: Transparent;
    height: 20px;
    padding-top: 2px;
    padding-left: 5px;
}

span.compSumUpd {
    color: #FF6600;
    left: 0px;
    font-weight: bold;
    background-color: Transparent;
    height: 20px;
    padding-top: 2px;
    padding-left: 5px;
}

span.compSumDel {
    color: #E90000;
    left: 0px;
    font-weight: bold;
    background-color: Transparent;
    height: 20px;
    padding-top: 2px;
    padding-left: 5px;
}

span.comparisonMessage {
    left: 0px;
    font-weight: bold;
    background-color: Transparent;
    height: 20px;
}

span.red {
    color: #FF0000;
}

span.green {
    color: #009900;
}

div.comparisonMessageDiv {
    margin-bottom: 20px;
}

tr.comparisonHiddenRow {
    display: none;
}

.details > .details-content {
    display: none;
}

div.summary, div.causedDifferences, div.modifiedDifferences {
    cursor: pointer;
}

    div.summary:before {
        content: "►";
        display: block;
        float: left;
        font-size: x-small;
        padding-right: 2px;
        color: #FF0000;
    }

div.causedDifferences, div.modifiedDifferences {
    font-weight: bold;
    color: #FF0000;
}

th.ComparisonType {
    position: relative;
    background-color: #333333;
    font-weight: bold;
    font-size: 14pt;
    color: #ffffff;
    padding-top: 4px;
    padding-left: 4px;
    height: 40px;
    text-align: center;
    border-bottom: 1px solid #ffffff;
}

th.ComparisonSystem {
    position: relative;
    background-color: #333333;
    font-weight: bold;
    font-size: 12pt;
    color: #FF990E;
    height: 25px;
    text-align: center;
    padding-top: 4px;
    /*padding-left: 4px;*/
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

tr.altRow {
    background-color: #FFE4E8;
}

tr.normalRow {
    background-color: red;
    padding-bottom: 1px;
    border-bottom: 1px solid #EEEEEE;
}

tr.rowToAdd {
    background-color: #ffffff;
    padding-bottom: 1px;
    border-bottom: 1px solid #EEEEEE;
    color: #02870C;
}

tr.rowToAmend {
    background-color: #ffffff;
    padding-bottom: 1px;
    border-bottom: 1px solid #EEEEEE;
    color: #FF6600;
}

tr.rowEqual {
    background-color: #FFFFFF;
    padding-bottom: 1px;
    border-bottom: 1px solid #EEEEEE;
    font-style: italic;
    color: #444444;
}

tr.rowToDelete {
    background-color: #FFFFFF;
    border-bottom: 1px solid #EEEEEE;
    color: #E90000;
    text-decoration: line-through;
}

table.Comparison {
    background-color: #FFFFFF;
    border-bottom: 2px solid #EEEEEE;
    border-collapse: collapse;
    border-left: 2px solid #EEEEEE;
    border-right: 2px solid #EEEEEE;
    padding-bottom: 20px;
    width: 90%;
}

table.comparisonChanges {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    width: 90%;
}

table.comparisonChangesDifferences {
    background-color: #FFFFFF;
    border-bottom: 2px solid #EEEEEE;
    border-left: 2px solid #EEEEEE;
    border-right: 2px solid #EEEEEE;
    border-collapse: collapse;
    width: 100%;
}

th.comparisonChangesTitle {
    position: relative;
    background-color: #EEEEEE;
    font-weight: bold;
    font-size: 12pt;
    color: #369;
    height: 25px;
    text-align: center;
}

th.comparisonChangesHeader {
    position: relative;
    background-color: #EEEEEE;
    height: 25px;
    text-align: left;
    color: #369;
    font-size: 12px;
    font-style: italic;
}

td.comparisonMatch {
    padding-left: 4px;
    padding-right: 10px;
}

td.comparisonNoMatch {
    padding-left: 4px;
    padding-right: 10px;
    color: #FF6600;
    font-weight: bold;
}

td.spacer {
    background-color: #FFFFFF;
    border-bottom: 0 solid #00257A;
    border-left: 1px solid #444444;
    border-right: 1px solid #444444;
    width: 55px;
    text-align: center;
}

ul.listing {
    margin-left: 0;
    padding-left: 10px;
}

li.listing {
    margin-left: 0;
}

.flagAlert {
    color: Red;
    font-size: 14px;
    padding: 0px 10px 0px 10px;
    line-height: 15px;
    font-weight: bold;
}

.alertIcon::before {
    content: "\f12a";
    color: orange !important;
    font-size: 16px;
}

.alertBlueTriangleIcon::before, .alertOrangeTriangleIcon::before, .alertRedTriangleIcon::before {
    content: "\f071";
    font-size: 16px;
}

.alertBlueTriangleIcon::before {
    color: blue !important;
}

.alertOrangeTriangleIcon::before {
    color: orange !important;
}

.alertRedTriangleIcon::before {
    color: red !important;
}

.greenThumb::before {
    content: "\f164";
    color: limegreen !important;
    font-size: 16px;
}

.menuCollapseIcon::before {
    content: "\f100";
}

.menuExpandIcon::before {
    content: "\f101";
}

.menuDownArrow:before {
    content: "\f0d7";
}

.menuRightArrow:before {
    content: "\f0da";
}

#popDivDiff {
    left: 100px;
    width: 626px;
    top: 400px;
    height: 600px
}

.syncSumLabel {
    padding-left: 30px!important;
}

.configComparisonfilterTr {
    height: 50px;
}

.configComparisonfilterTh {
    width: 65px;
}

    .configComparisonfilterTh > .iconCell {
        width: 65px;
    }

/************************* Timeout WebControl  ************************/

.timeoutBackground {
    position: fixed;
    z-index: 2015;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    vertical-align: middle;
    background-color: black;
    -ms-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.timeoutMessage {
    z-index: 2020;
    -moz-min-width: 500px;
    -ms-min-width: 500px;
    -o-min-width: 500px;
    -webkit-min-width: 500px;
    min-width: 500px;
    border: 5px solid #00338d;
    padding: 22px 50px 50px 50px;
    text-align: center;
    vertical-align: middle;
    background-color: #F4F5F9;
    position: fixed;
    height: 200px;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -250px;
}

/************************* Background Task Popup  ************************/
.backgroundTaskConfirmIcon:before {
    content: "\f00c";
    color: green;
}

.backgroundTaskWarningIcon:before {
    content: "\f071";
    color: orange;
}

.backgroundTaskCancelIcon:before {
    content: "\f05e";
    color: orange;
}

.backgroundTaskErrorIcon:before {
    content: "\f00d";
    color: red;
}

.backgroundTaskLoadingIcon:before {
    content: "\f110";
    color: dodgerblue;
}

.backgroundTasksTableHeader th:first-child {
    width: 50%;
}

.backgroundTasksTableHeader th:nth-child(2) {
    width: 24%;
}

.backgroundTasksTableHeader th:nth-child(3) {
    width: 1%;
}

.backgroundTasksTableHeader th:nth-child(4) {
    width: 25%;
}

.backgroundTaskIcon {
    height: 15px;
    width: 15px;
    line-height: 15px;
}

.backgroundTaskPageLink {
    text-align: center;
}

/*
    Sync Page (updates.aspx)
*************************************************************************************************************/
.syncSectionPanel tr {
    height: 36px;
}

/* Red Label
************************************************************************************************************************************************/

.flagAlert {
    color: Red;
    font-size: 14px;
    padding: 0 10px 0 10px;
    line-height: 15px;
    font-weight: bold;
}

    .flagAlert:empty {
        display: none;
    }

.flagAlertLeftAligned {
    color: Red;
    font-size: 14px;
    padding: 0 10px 0 0;
    line-height: 15px;
    font-weight: bold;
}

/* Pager
************************************************************************************************************************************************/

.pagerIcon {
    height: 12px;
}

.pageNoIcon {
    font-weight: bold;
    color: #369;
}


/* Layout page
************************************************************************************************************************************************/

#popDivOverride {
    width: 220px;
    min-height: 140px;
}

#popDivTasks {
    left: 320px;
    width: 650px;
    top: 100px;
    height: 450px;
}

.kpmgBannerLogo {
    height: 50px;
    padding-top: 10px;
}

.hidden.hidden {
    display: none;
}

.forceHidden {
    display: none!important;
}

.greenyellow {
    color: greenyellow !important;
}

.pointer {
    cursor: pointer;
}

.sideMenuWidthOpened {
    left: var(--side-menu-width);
}

.sideMenuWidthCollapsed {
    left: var(--side-menu-width-collapsed);
}

/*
    Home Page
*****************************************************************************************************************************************************************/

.homePageDiv {
    background: url('../images/get_home.jpg');
    background-repeat: no-repeat;
    width: 800px;
    height: 600px;
}

.homePageMargin {
    margin-left: var(--side-menu-width);
}

.readOnly, .disabled{
    color: gray;
}

/*
    Date picker
*****************************************************************************************************************************************************************/

.input_date.default {
    width: 108px!important;
}

.input_date.max {
    width: -webkit-calc(100% - 27px) !important;
    width: -moz-calc(100% - 27px) !important;
    width: calc(100% - 27px) !important;
}

/*
    Renderable Objects
*****************************************************************************************************************************************************************/
.renderableArrow {
    position: absolute;
    height: 15px;
}

.renderableDiv {
    min-width: 0;
    display: block;
    position: absolute;
    height: 90px;
}

.renderableHorizontalLine {
    height: 2px;
    position: absolute;
}

/*********************************************************************************************************************************************************************************************************************************************
                                                                                                               App specific Styles
*********************************************************************************************************************************************************************************************************************************************/
/*Employee Upload
    ************************************************************************************************************************************************/
.uploadInputs div {
    display: inline-block;
}

/*Payroll Creation Page
****************************************************************************************************************************************************/
.payrollCreationBoxesContainer {
    display: flex;
}

.payrollCreationBox {
    flex: 1;
    max-width: 800px;
}

.payrollCreationAwardsSelectBox {
    height: 400px;
    min-width: 500px;
    overflow: auto;
}

.payCreationSelectionButtons {
    text-align: center;
    min-width: 90px;
    width: 90px;
    flex-grow: 0;
    flex-shrink: 0;
}

    .payCreationSelectionButtons input {
        margin: 50px auto 0 auto !important;
        width: 40px;
        display: block;
    }

        .payCreationSelectionButtons input:first-child {
            margin-top: 40px !important;
        }

/*Listing Pages
*******************************************************************************************************************************************************/
.actionSelectDD {
    width: 175px !important;
}

.awardSearchClear {
    float: right;
    margin-right: 8px;
}

    .awardSearchClear::after, .shareAwardSearchClear::after {
        content: "\00d7";
        font-size: 18px;
    }

.searchLabel {
    height: 23px;
    line-height: 21px;
}

.calculationListTable {
    padding-right: 28px;
}

.highlighted {
    background-color: #fff5ad!important;
}

/*Shares Tax Treatment Page
*****************************************************************************************************************************************************************/
.taxTreatmentContainer {
    margin-bottom: 80px;
}

    .taxTreatmentContainer > div {
        height: 32px;
    }

/*
    DP Admin vars
*****************************************************************************************************************************************************************/

.UnknownAdminVariable {
    background-color: #fff5ad !important;
    /*font-size: 12px;
    height: 30px;*/
}

tr.clickableRow:hover {
    color: #2977a8;
    background: linear-gradient(to bottom,#e5f1fc 0px,#dbebf8 50%,#d3e8f9 51%,#cee5f9 100%) repeat scroll 0 0 rgba(0,0,0,0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5f1fc",endColorstr="#cee5f9",GradientType=0);
}

.adminVarSettingsContainer {
    width: 900px;
}

.adminBlockSync {
    text-align: center;
}

.adminVarLabel {
    word-break: break-word;
}

.fixedContentContainer {
    min-width: 900px;
}

/*
    Add Awards Pages
*****************************************************************************************************************************************************************/
.awardPageLable {
    display: inline-block;
    width: 100px;
    vertical-align: top;
}

.awardPageInput {
    display: inline-block;
    vertical-align: top;
}

/*
    Payroll GPM Settings Pages
*****************************************************************************************************************************************************************/

.gpmSettingsPanel {
    display: inline-flex;
    min-width: 300px;
    margin-bottom: 15px;
}

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

/*
    Payroll files (batch listing) page
*****************************************************************************************************************************************************************/
.redQuestionMarkIcon::before {
    content: "\f059";
    color: red;
}

a.disabled {
    pointer-events: none;
    color: #bdc3c7;
    text-decoration: none;
    display: inline-block;
}


/*
    File import and export page
*****************************************************************************************************************************************************************/
.fileImport th {
    padding-top: 30px;
}

.fileImport .label {
    width: 150px !important;
    border-right: 35px;
    padding-right: 10px;
}

.fileImport .button {
    padding-right: 35px;
}

.fileImport td {
    padding-top: 12px;
}

.fileImport .resultsBox {
    vertical-align: top;
    width: 500px;
    border: 1px solid silver;
    padding: 10px;
}

    .fileImport .resultsBox td {
        padding-top: 0px;
    }

/*
    Employee Payment Details Popup
*****************************************************************************************************************************************************************/

.employeePaymentTable th:first-child {
    width: 183px;
}

.employeePaymentTable th:nth-child(2) {
    width: 90px;
}

.employeePaymentTable tr:last-child td {
    font-weight: bold;
}

/*
    Select Currency Dropdown
*****************************************************************************************************************************************************************/
.dropDownOptionDivider {
    font-weight: bold;
    color: black;
}

.webformsCurrency{
    width: 190px!important;
}

/*
    File Upload For Add Edit Popup
*****************************************************************************************************************************************************************/
.tblFileUploadAddEditPopUp {
    display: none;
}

.fileUploadAddEditPopupInput {
    margin-right: 10px;
}

/*
    Upload Errors Popup
*****************************************************************************************************************************************************************/
#popDivErrors {
    width: 900px;
    height: 425px;
}

#popDivErrorsHeadClose {
    color: #728EB8;
}

#popDivErrorsHeadClose:hover {
    color: #455690;
}

.popupUploadErrorZeroMaxHeight {
    width: 100%;
}

.popupUploadError750MaxHeight {
    width: 100%;
    max-height: 750px;
}

.popupUploadError400MaxHeight {
    width: 100%;
    max-height: 400px;
}

.popupUploadError500MaxHeight {
    width: 100%;
    max-height: 500px;
}

.popupUploadError600MaxHeight {
    width: 100%;
    max-height: 600px;
}

.popupUploadErrorRowNumber {
    min-width: 50px;
}

.popupUploadErrorUploadMessageMinWidth200 {
    min-width: 200px;
}

.popupUploadErrorUploadMessageMinWidth100 {
    min-width: 100px;
}

.popupUploadErrorColumnErrorColor {
    background-color: #ffdcc7;
}

/*
    Payroll GPM Settings
*****************************************************************************************************************************************************************/
.payrollGPMSettingsHelpIcon {
    cursor: default;
}

/*
    Progress Popup
*****************************************************************************************************************************************************************/
.progressPopUpWin {
    display: block;
    padding: 5px;
}

.progressPopUpErrorDiv {
    max-width: 1300px;
    max-height: 600px;
    overflow: auto;
    display: none;
}

.progressPopUpCloseDiv {
    margin-top: 10px;
}

.progressPopUpCloseButton {
    float: right;
}

/*
    commonFunctions Gif centered
*****************************************************************************************************************************************************************/
.centered-giff {
    width: 100%;
    text-align: center;
}

.centered-giff-img {
    height: 25px;
}

/*
    Employee Lookup Input
*****************************************************************************************************************************************************************/

.employeeLookupInput {
    width: 108px !important;
}

.employeeLookupInput.max {
    width: -webkit-calc(100% - 17px) !important;
    width: -moz-calc(100% - 17px) !important;
    width: calc(100% - 17px) !important;
}

.employeeLookupDiv{
    width:100%;
}
/*
    Employee Lookup Partial
*****************************************************************************************************************************************************************/
.employeeLookupTable {
    padding-left: 50px;
    padding-right: 50px;
}

/*
    Employee Lookup Result Table
*****************************************************************************************************************************************************************/

.employeeLookupResultTable td:first-child {
    width:100px;
}

.employeeLookupResultTable td:nth-child(2),
.employeeLookupResultTable td:nth-child(3) {
    width: 190px;
}

/*
    Add Bonus Tab / Add Options Tab / Add Vests Tab (AddBonusTab.cshtml/AddOptionsTab.cshtml/AddVestsTab.cshtml)
*****************************************************************************************************************************************************************/
.divFileUpload,
.divManualInput,
.divSystemLink,
.divR1002UploadSetup {
    display: none;
}

.uploadTable td:first-child {
    width: 110px;
}

.manualInputTable td:first-child,
.manualInputTable td:nth-child(4) {
    width: 100px;
}

.manualInputTable td:nth-child(2),
.manualInputTable td:nth-child(5) {
    width: 180px;
}

.submitButtonCell {
    text-align: center;
}

/*
    File Upload Tab / Sourcing Override Tab (FileUploadTab.cshtml/SourcingOverrideTab.cshtml)
*****************************************************************************************************************************************************************/

.fileUploadTabTable td:first-child {
    width: 150px;
}

.fileUploadTabSubmitBtn {
    text-align: center;
}

.fileUploadTabDividerRow {
    height: 6px;
}

/*
    Progress Section
*****************************************************************************************************************************************************************/

#progress .tabbedSectionPanel {
    display: block;
    width: 844px;
    height: 180px;
}

#progress .tabbedSectionPanelContent {
    height: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#progressHead {
    font-weight: bold;
    height: 30px;
    width: 100%;
}

#progressStatus .progressStatusDiv {
    width: 100%;
    text-align: center;
}

#progressStatus .progressStatusImg {
    height: 25px;
}

#progressMessage {
    min-height: 30px;
    width: 100%;
}

#progressBar {
    position: relative;
    display: none;
    height: 20px;
    width: 100%;
    border: black 1px solid;
}

#progressBarComplete {
    position: absolute;
    height: 100%;
    width: 0%;
    top: 0px;
    left: 0px;
    background-color: lightgreen;
}

#progressBarText {
    position: absolute;
    text-align: center;
    vertical-align: central;
    height: 100%;
    left: 0px;
    width: 100%;
    top: 0px;
}

#progressErrorDiv,
.progressErrorButton,
.progressBackButton,
.progressDownloadButton {
    display: none;
}

/*
    File Uploader - ErrorReportHtml
*****************************************************************************************************************************************************************/

#divErrorReport {
    width: 100%;
}

#tblErrorReport td:first-child {
    min-width: 50px;
}

#tblErrorReport .regularColumn {
    min-width: 100px;
}

#tblErrorReport .uploadColumn {
    min-width: 200px;
}

#tblErrorReport .errorCell {
    background-color:#ffdcc7;
}

/*
    _CalcDetailPopUp
*****************************************************************************************************************************************************************/

.calcDetailPopupHypoWarningBlock {
    display: block;
}

#divHypoWarning {
    width: 120px;
}

.calcDetailPopUpWin {
    width: 470px;
    height: 290px;
}

.calcDetailLabelNormal {
    padding: 2px;
}

/*
    _CalcDetails
*****************************************************************************************************************************************************************/

.calcDetailsSltReportingCurrency {
    width: 190px !important;
}

/*
    _CurrencyList
*****************************************************************************************************************************************************************/
.currencyListSeparator {
    font-weight: bold;
    color: black;
}

/*
    _CalcDemographics
*****************************************************************************************************************************************************************/

.calcDemographicsPageSection {
    display: block;
}

#divSocSecInput {
    display: block;
}

.countrySelectSplitLine {
    font-weight: bold;
    color: black;
}

/*
    _CalcBonusAwardDetails
*****************************************************************************************************************************************************************/

.calcBonusAwardDetailsUniqueCode2ndCol {
    width: 100%;
}

.calcBonusAwardDetailsIncomeTable {
    width: 430px;
    border: 0;
}

.calcBonusAwardDetailsIncomeName {
    width: 250px;
}

.calcBonusAwardDetailsCurrency {
    width: 80px;
}

.calcBonusAwardDetailsAmount {
    width: 100px;
    text-align: right;
}

.calcBonusAwardDetailsGrossAwardTd {
    text-align: right;
}

.calcBonusAwardDetailsTextDecor {
    text-decoration: underline;
}

/*
    _CalcAwardTreatment
*****************************************************************************************************************************************************************/

#divCalcAwardTreatment {
    display: block;
}

/*
    _CalcWorkLocation
*****************************************************************************************************************************************************************/

.calcWorkLocationDivCountrySourcing {
    width: 830px;
    height: 540px;
}

#divCalcWorkLocation {
    display: block;
}

/*
    EditCountrySourcing
*****************************************************************************************************************************************************************/

.editCountrySourcingBodyContent {
    display: block;
}

.editCountrySourcingTableHead th:first-child {
    width: 160px;
}

.editCountrySourcingTableHead th:nth-child(2),
.editCountrySourcingTableHead th:nth-child(3),
.editCountrySourcingTableHead th:nth-child(4),
.editCountrySourcingTableHead th:nth-child(6) {
    width: 120px;
}

.editCountrySourcingTableHead th:nth-child(5) {
    width: 90px;
}

.editCountrySourcingTextCentered {
    text-align: center;
}

/*
    WorkLocationHTML
*****************************************************************************************************************************************************************/

.workLocationHTMLGrdTable {
    width: 100%;
}

.workLocationHTMLCountryCodeTd {
    width: 70%;
    text-align: left;
}

.workLocationHTMLTaxTreatmentTd {
    text-align: right;
}

.workLocationHTMLCell {
    width: 80px;
}

.workLocationHTMLGrdTableRow td:first-child {
    width: 50%;
    text-align: left;
}

.workLocationHTMLGrdTableRow td:nth-child(2),
.workLocationHTMLGrdTableRow td:nth-child(3) {
    text-align: right;
    width: 25%;
}

.workLocationHTMLFloatRight {
    float: right;
}

.workLocationHTMLGrdHeadDiv {
    width: 200px;
}

.workLocationHTMLTd {
    min-width: 260px;
}

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

.workLocationHTMLCtrName {
    float: left;
    height: 29px;
    line-height: 29px;
    margin: 0 0 0 1.2em;
}

.workLocationHTMLGif {
    float: left;
    zoom: 0.8;
}

.workLocationHTMLAlignRight {
    text-align: right;
}

.workLocationHTMLAssignmentCatDropDown {
    width: 150px;
}

.workLocationHTMLSelectTaxType {
    width: 115px;
}

.workLocationHTMLSelectResStatus {
    width: 52px;
}

/*
    StateWorkDaysHTML
*****************************************************************************************************************************************************************/

.stateWorkDaysHTMLTableRow th:first-child,
.stateWorkDaysHTMLTableRow th:nth-child(4),
.stateWorkDaysHTMLTableRow th:nth-child(5) {
    width: 35px;
    text-align: left;
}

.stateWorkDaysHTMLTableRow th:nth-child(2),
.stateWorkDaysHTMLTableRow th:nth-child(3) {
    width: 80px;
    text-align: left;
}

.stateWorkDaysHTMLAlignRight {
    text-align: right;
}


.stateWorkDaysHTMLSpan {
    width: 40px;
}

.stateWorkDaysHTMLAlignCenter {
    text-align: center;
}

.stateWorkDaysHTMLWidthBig {
    width: 140px;
}

.stateWorkDaysHTMLWidthSmall {
    width: 40px;
}

/*
    CityWorkDaysHTML
*****************************************************************************************************************************************************************/

.cityWorkDaysHTMLTableRow th:first-child,
.cityWorkDaysHTMLTableRow th:nth-child(2),
.cityWorkDaysHTMLTableRow th:nth-child(5),
.cityWorkDaysHTMLTableRow th:nth-child(6) {
    width: 35px;
    text-align: left;
}

.cityWorkDaysHTMLTableRow th:nth-child(3),
.cityWorkDaysHTMLTableRow th:nth-child(4) {
    width: 80px;
    text-align: left;
}

.cityWorkDaysHTMLAlignRight {
    text-align: right;
}

.cityWorkDaysHTMLWidthSmall {
    width: 40px;
}

.cityWorkDaysHTMLAlignCenter {
    text-align: center;
}

.cityWorkDaysHTMLWidthBig { 
    width: 140px;
}

/*
    JurisdictionInputHTML
*****************************************************************************************************************************************************************/

.jurisdictionInputHTMLInputWidth {
    width: 150px !important;
}

/*
    _CalcCalculationAttribute
*****************************************************************************************************************************************************************/

.calcCalculationAttributeAlignCenter {
    text-align: center;
}

.calcCalculationAttributeAlignLeft {
    text-align: left;
}

/*
    AdditionalSourcingHTML
*****************************************************************************************************************************************************************/

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

.additionalSourcingHTMLAlignRight {
    text-align: right !important;
}

.additionalSourcingHTMLHeaderWidthSmall {
    width: 70px;
}

.additionalSourcingHTMLHeaderWidthMedium {
    width: 100px;
}

.additionalSourcingHTMLInputWidth {
    width: 80px !important;
}

/*
    ExchangeRateHTML
*****************************************************************************************************************************************************************/

.exchangeRateHTMLFromHeader {
    width: 100px;
}

.exchangeRateHTMLToHeader {
    width: 130px;
}

.exchangeRateHTMLRateHeader {
    width: 70px;
}

/*
    _CalcWithholdingRateOverride
*****************************************************************************************************************************************************************/
.calcWithholdingRateOverrideShowClass {
    display: block;
}

/*
    _CalcOtherIncome
*****************************************************************************************************************************************************************/

#popDivOtherIncomeSummary {
    left: 320px;
    width: 920px;
    top: 100px;
    height: 500px;
}

#divOtherIncomeWaitImage {
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.calcOtherIncomeShowClass {
    display: block;
}

/*
    ExchangeRateHTML
*****************************************************************************************************************************************************************/

.exchangeRateHTMLInput {
    width: 80px;
}

.exchangeRateHTMLAlignRight {
    text-align: right;
}

/*
    RateOverrideHTML
*****************************************************************************************************************************************************************/

.rateOverrideHTMLAlignCenter {
    text-align: center;
}

.rateOverrideHTMLAlignLeft {
    text-align: left;
}

.rateOverrideHTMLAlignRight {
    text-align: right;
}

.rateOverrideHTMLShowClass {
    display: block;
}

.rateOverrideHTMLInputWidth {
    width: 80px;
}

/*
    OtherIncomeHTML
*****************************************************************************************************************************************************************/

.otherIncomeHTMLAlignCenter {
    text-align: center;
}

.otherIncomeHTMLDivWidth {
    width: 80px;
}

.otherIncomeHTMLLabelNormalWidth {
    width: 30px;
}

.otherIncomeHTMLPayrollInput {
    width: 100px;
}

.otherIncomeHTMLAlignLeft {
    text-align: left;
}

.otherIncomeHTMLAlignRight {
    text-align: right;
}

.otherIncomeHTMLGrdTable {
    width: 880px;
}

.otherIncomeHTMLHiddenBorder {
    border-left-style: hidden;
    border-bottom-style: hidden;
}

/*
    AlternateAwardValueHTML
*****************************************************************************************************************************************************************/

.alternateAwardValueHTMLAlignCenter {
    text-align: center;
}

.alternateAwardValueHTMLAlignLeft {
    text-align: left;
}

.alternateAwardValueHTMLAlignRight {
    text-align: right;
}

.alternateAwardValueHTMLInput {
    width: 80px;
}

/*
    PriorWithholdingHTML
*****************************************************************************************************************************************************************/

.priorWithholdingHTMLALignCenter {
    text-align: center;
}

.priorWithholdingHTMLInputWide {
    width: 200px;
}

.priorWithholdingHTMLInputSmall {
    width: 100px;
}

.priorWithholdingHTMLALignRight {
    text-align: right;
}

.priorWithholdingHTMLInputNumeric {
    width: 80px;
}

/*
    OtherInfoHTML
*****************************************************************************************************************************************************************/

.otherInfoHTMLInfoCodeInput {
    width: 200px;
    text-align: left;
}

.otherInfoHTMLInfoValueInput {
    width: 250px;
    text-align: left;
}

.otherInfoHTMLWidthSmall {
    width: 200px;
}

.otherInfoHTMLWidthMedium {
    width: 250px;
}

.otherInfoHTMLCurvedFrame {
    width: 1150px;
    margin-bottom: 20px;
}

.otherInfoHTMLHeader {
    height: 30px;
}

.otherInfoHTMLWidthLarge {
    width: 300px;
}

#txtDeferralAdjustmentValueOverride {
    width: 100px;
}

/*
    _CalcPayrollInstructions
*****************************************************************************************************************************************************************/


.calcPayrollInstructionsReconDiv {
    width: 745px;
    height: 448px !important;
}

.calcPayrollInstructionsBatchDescLabel {
    padding-right: 15px;
}

/*
    FormSection
*****************************************************************************************************************************************************************/

.formSectionHelpHTMLDiv {
    width: 30px;
}

/*
    PayrollChildInstructions
*****************************************************************************************************************************************************************/

.payrollChildInstructionsTableHead td:first-child,
.payrollChildInstructionsTableHead td:nth-child(2) {
    width: 140px;
}

.payrollChildInstructionsTableHead td:nth-child(3),
.payrollChildInstructionsTableHead td:nth-child(4),
.payrollChildInstructionsTableHead td:nth-child(5),
.payrollChildInstructionsTableHead td:nth-child(6),
.payrollChildInstructionsTableHead td:nth-child(7),
.payrollChildInstructionsTableHead td:nth-child(10),
.payrollChildInstructionsTableHead td:nth-child(11),
.payrollChildInstructionsTableHead td:nth-child(12),
.payrollChildInstructionsTableHead td:nth-child(13),
.payrollChildInstructionsTableHead td:nth-child(14) {
    width: 100px;
}

.payrollChildInstructionsTableHead td:nth-child(8),
.payrollChildInstructionsTableHead td:nth-child(9) {
    width: 120px;
}

.payrollChildInstructionsAlignRight {
    text-align: right;
}

/*
    ReportableReconciliationFromTable
*****************************************************************************************************************************************************************/

.reportableReconciliationFromTableWinHeight {
    height: 348px;
}

.reportableReconciliationFromTableBlock {
    display: block;
}

.reportableReconciliationFromTableHead th:first-child,
.reportableReconciliationFromTableHead th:nth-child(2),
.reportableReconciliationFromTableHead th:nth-child(3),
.reportableReconciliationFromTableHead th:nth-child(4),
.reportableReconciliationFromTableHead th:nth-child(5),
.reportableReconciliationFromTableHead th:nth-child(6),
.reportableReconciliationFromTableHead th:nth-child(7) {
    width: 100px;
}

.reportableReconciliationFromTableDesc {
    margin-top: 20px;
}

/*
    EmployeePaymentDetails
*****************************************************************************************************************************************************************/

.employeePaymentDetailsBlock {
    display: block;
}

.employeePaymentDetailsDetNotAvailableDiv {
    height: 50px;
}

.employeePaymentDetailsResidualCashCalc {
    height: 20px;
}

.employeePaymentDetailsBold {
    font-weight: bold;
}

.employeePaymentDetailsTable {
    margin-top: 10px;
}

.employeePaymentDetailsNotes {
    margin-top: 10px;
}

/*
    PayrollInstructions
*****************************************************************************************************************************************************************/

.payrollInstructionsTableHeadTdWidth {
    width: 100px;
}

.payrollInstructionsImg {
    float: left;
    zoom: 0.8;
}

.payrollInstructionsCountryCode {
    float: left;
    height: 29px;
    line-height: 29px;
    margin: 0 0 0 1.2em;
}

.payrollInstructionsChildInsRowTd {
    padding: 5px !important;
    padding-bottom: 20px !important;
}

/*
    _CalcResults
*****************************************************************************************************************************************************************/

.calcResultsReviseDiv {
    width: 366px;
    height: 180px;
}

.calcResultsAlignCenter {
    text-align: center !important;
}

.calcResultsSendPayrollDiv {
    width: 366px;
    height: 100px;
}

.calcResultsSendPayrollTable {
    width: 100%;
}

.calcResultsDayCountsDiv {
    left: 320px;
    width: 400px;
    top: 100px;
    height: 480px;
}

.calcResultsReconciliationDiv {
    width: 745px;
    height: 448px;
}

.calcResultsSaveDiv {
    width: 1430px;
    height: 400px;
}

.calcResultsBlock { 
    display: block;
}

.calcResultsWithholdingSummary {
    height: 30px;
    vertical-align: bottom;
}

.calcResultsAlignRight {
    text-align: right !important;
}

.calcResultsWithholdingSummaryTableDiv {
    width: 160px;
}

.calcResultsWithholdingSummaryTableGap {
    width: 90px;
}

.calcResultsAdditionalWithholding {
    height: 30px;
    vertical-align: bottom;
}

.calcResultsGPMStatus {
    min-width: 250px;
}

.calcResultsViewGPMUnavailable {
    background: grey;
}

.calcResultsPositionRelative {
    position: relative;
}

/*
    AdditionalWithholdingResultsHTML
*****************************************************************************************************************************************************************/

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

.additionalWithholdingResultsHTMLAlignRight {
    text-align: right !important;
}

.additionalWithholdingResultsHTMLTableHead td:first-child{
    width: 90px;
}

.additionalWithholdingResultsHTMLTableHead td:nth-child(2),
.additionalWithholdingResultsHTMLTableHead td:nth-child(3),
.additionalWithholdingResultsHTMLTableHead td:nth-child(4),
.additionalWithholdingResultsHTMLTableHead td:nth-child(5),
.additionalWithholdingResultsHTMLTableHead td:nth-child(6) {
    width: 160px;
}

/*
    _CalcEditResultPopUp
*****************************************************************************************************************************************************************/

.calcEditResultPopUpLayoutTable {
    width: 1378px;
    border: 0;
}

.calcEditResultPopUpCountryLabel {
    width: 210px;
}

.calcEditResultPopUpAlignLeft {
    text-align: left;
}

.calcEditResultPopUpJurisdictionKeyTextBox {
    width: 186px;
}

.calcEditResultPopUpTrancheTextBox {
    width: 30px;
}

.calcEditResultPopUpLabelNormal {
    width: 150px;
}

.calcEditResultPopUpInput {
    width: 100px;
}

.calcEditResultPopUpSelect {
    width: 200px;
}

.calcEditResultPopUpDatePickerDiv {
    width: 150px;
}

.calcEditResultPopUpLabelNumberDiv {
    width: 100px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.calcEditResultPopUpIncomeTaxTd {
    width: 120px;
}

.calcEditResultPopUpLabelNormalDiv {
    width: 100px;
}

.calcEditResultPopUpLabelNormalDivWide {
    width: 150px;
}

.calcEditResultPopUpLabelNormalNarrow {
    width: 100px;
}

/*
    _CalcHypoDetailPopUp
*****************************************************************************************************************************************************************/

.calcHypoDetailPopUpWin {
    left: 320px;
    width: 550px;
    top: 100px;
    height: 700px;
}

/*
    HypoCalculationHTML
*****************************************************************************************************************************************************************/

.hypoCalculationHTMLLabelSmall {
    width: 400px;
    padding-left: 3px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.hypoCalculationHTMLCellVal {
    width: 100px;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.hypoCalculationHTMLItalicLabelRow {
    font-style: italic;
    height: 25px;
    padding-left: 5px;
}

.hypoCalculationHTMLItalicLabelRowGap {
    border-left: 1px solid black;
}

.hypoCalculationHTMLTablePaddingLeft {
    padding-left: 10px;
}

.hypoCalculationHTMLTableEnd {
    border-left: 1px solid black;
}

.hypoCalculationHTMLCalculationOutline {
    border-bottom: 1px solid black;
}

.hypoCalculationHTMLItalic {
    font-style: italic;
}

.hypoCalculationHTMLCell {
    width: 100px;
}

.hypoCalculationHTMLSumCell {
    width: 170px;
    text-decoration-line: underline;
}

.hypoCalculationHTMLTotalCell {
    width: 170px;
    text-decoration-line: underline;
    text-decoration-style: double;
}

.hypoCalculationHTMLSummaryTd {
    border-bottom: 1px solid black;
}

.hypoCalculationHTMLTableTotalRow {
    width: 100px;
}

/*
    ResultsHTML
*****************************************************************************************************************************************************************/
.resultsHTMLHeader {
    float: left;
    height: 65px;
    top: 0px;
}

.resultsHTMLBackgroundColorHeader {
    height: 40px;
    background-color: #F4F5F9 !important;
}

.resultsHTMLCurrencyDiv {
    left: 80px !important;
}

.resultsHTMLFXDiv {
    left: 160px !important;
}

.resultsHTMLTreatmentDiv {
    left: 240px !important;
}

.resultsHTMLCountryTaxCalcMainDiv {
    float: left;
    height: 65px;
    width: 400px;
    top: 0px;
    background-color: #F4F5F9;
}

.resultsHTMLTaxCalcCountryDiv {
    width: 400px;
}

.resultsHTMLTaxCalcIncomeForWithholdingDiv {
    left: 80px !important;
}

.resultsHTMLTaxCalcWithholdingRateDiv {
    left: 160px !important;
}

.resultsHTMLTaxCalcTaxCreditDiv {
    left: 240px !important;
}

.resultsHTMLTaxCalcWithholdingDiv {
    left: 320px !important;
}

#divProtectionResults {
    float: left;
    height: 65px;
    width: 260px;
    top: 0px;
    background-color: #F4F5F9;
}

.resultsHTMLTaxProtectionDiv {
    width: 260px;
}

.resultsHTMLReimbursementDiv {
    width: 100px;
}

.resultsHTMLReportableDivProtectionRes {
    left: 100px !important;
}

.resultsHTMLWithholdingDivProtectionRes {
    left: 180px !important;
}

#divRegionResults {
    float: left;
    height: 65px;
    width: 560px;
    top: 0px;
    background-color: #F4F5F9;
}

.resultsHTMLRegionStateDiv {
    width: 560px;
}

.resultsHTMLRegionDiv {
    width: 80px !important;
}

.resultsHTMLRegionTreatmentDiv {
    left: 80px !important;
}

.resultsHTMLRegionReportableDiv {
    left: 160px !important;
}

.resultsHTMLRegionWithholdingDiv {
    left: 480px !important;
}

.resultsHTMLRegionTaxCreditDiv {
    left: 400px !important;
}

.resultsHTMLRegionWithholdingRateDiv {
    left: 320px !important;
}

.resultsHTMLRegionIncomeForWithholdingDiv {
    left: 240px !important;
}

#divRegionSocSecResults,
#divSocSecResults {
    float: left;
    height: 65px;
    width: 420px;
    top: 0px;
    background-color: #F4F5F9;
}

#divMunicipalityResults {
    float: left;
    height: 65px;
    width: 400px;
    top: 0px;
    background-color: #F4F5F9;
}

#divHypoResults {
    float: left;
    height: 65px;
    width: 160px;
    top: 0px;
    background-color: #F4F5F9;
}

#divDeleteResults {
    float: left;
    height: 65px;
    width: 80px;
    top: 0px;
    background-color: #F4F5F9;
}

.resultsHTMLRegionSocSecDiv {
    width: 420px;
}

.resultsHTMLRegionSocSecDescriptionDiv {
    width: 100px !important;
}

.resultsHTMLRegionSocSecTreatmentDiv {
    left: 100px !important;
}

.resultsHTMLRegionSocSecReportableDiv {
    left: 180px !important;
}

.resultsHTMLRegionSocSecWithholdingRateDiv {
    left: 260px !important;
}

.resultsHTMLRegionSocSecWithholdingDiv {
    left: 340px !important;
}

.resultsHTMLMunicipalityDiv {
    width: 400px;
}

.resultsHTMLReportableDiv {
    left: 80px !important;
}

.resultsHTMLIncomeForWithholdingDiv {
    left: 160px !important;
}

.resultsHTMLWithholdingRateDiv {
    left: 240px !important;
}

.resultsHTMLWithholdingDiv {
    left: 320px !important;
}

.resultsHTMLSocSecDiv {
    width: 420px;
}

.resultsHTMLSocSecDescriptionDiv {
    width: 100px !important;
}

.resultsHTMLSocSecTreatmentDiv {
    left: 100px !important;
}

.resultsHTMLSocSecReportableDiv {
    left: 180px !important;
}

.resultsHTMLSocSecWithholdingRateDiv {
    left: 260px !important;
}

.resultsHTMLSocSecWithholdingDiv {
    left: 340px !important;
}

.resultsHTMLHypoDiv {
    width: 160px;
}

.resultsHTMLHypoSocSecDiv {
    left: 80px !important;
}

.resultsHTMLDelResultsRow {
    height: 100%;
}

.resultsHTMLDelResultsCell {
    height: 65px !important;
    width: 80px;
}

.resultsHTMLPositionRelative {
    position: relative !important;
}

.resultsHTMLFlagCellSpan {
    zoom: 0.9;
    float: left;
    height: 28px;
    margin-top: -2px;
}

.resultsHTMLFlagCellParagraph,
.resultsHTMLFlagCellLink {
    margin: 0 0 0 0.65em;
    float: left;
}

.resultsHTMLPositionAbsolute {
    position: absolute !important;
}

.resultsHTMLTopPos {
    top: 0px !important;
}

.resultsHTMLTopPosNegative {
    top: -1px !important;
}

.resultsHTMLLeftNeutralPos {
    left: 0px !important;
}

.resultsHTMLDivCalcResultsHeader {
    height: 65px;
}

/*
    TaskResult
*****************************************************************************************************************************************************************/

.taskResultLabel {
    width: 90px;
    float: left !important;
}

.errorReportLabel {
    width: 90px;
}

/*
    Colors
*****************************************************************************************************************************************************************/

.lightgray {
    color: lightgray !important;
}

.green {
    color: green !important;
}

.red {
    color: red !important;
}

/*
    UploadGrant/AddGrantsTab
*****************************************************************************************************************************************************************/

.addGrantLabelColumn {
    width: 100px;
}

.addGrantCenterAlign {
    text-align: center;
}

/*
    UploadAward/FileUploadTab
*****************************************************************************************************************************************************************/

.awardUploadLabelColumn {
    width: 150px;
}

.awardUploadCenterAlign {
    text-align: center;
}


/*
    Add Edit Build Script Popup
*****************************************************************************************************************************************************************/

.popDivAddEditBuildScriptPopUpNewFlag {
    width: 1050px;
}

.popDivAddEditBuildScriptPopUpRow {
    margin-bottom: 2px;
}

#addEditBuildScriptPopUpBackForwardDiv {
    float: right;
    margin-right: 15px;
}

.js-show-flag-history-forward {
    margin-right: 0;
}

/*
    Award Type Tax Treatment - Tax Treatment Rules
*****************************************************************************************************************************************************************/

.taxTreatmentRulesSmallMarginRight {
    margin-right: 5px;
}

.taxTreatmentRulesBigMarginRight {
    margin-right: 10px;
}

/*
    Award Type Tax Treatment - Plan Type Assignment Filter
*****************************************************************************************************************************************************************/

#popDivFilterTaxTreatmentBody {
    width: 100%;
}

.planTypeAssignmentFilterSlt {
    width: 230px !important;
}

/*
    Award Type Tax Treatment - Award Type Tax Treatment
*****************************************************************************************************************************************************************/

.awardTypeTaxTreatmentTableHead {
    text-align: center;
    font-weight: bold;
}

.awardTypeTaxTreatmentTableRow {
    width: 120px;
    text-align: center;
    font-weight: bold;
}

.awardTypeTaxTreatmentBold {
    font-weight: bold;
}

/*
    Award Type Tax Treatment - Add Edit Plan Type Cut Off
*****************************************************************************************************************************************************************/

#popDivTaxTreatment {
    height: 200px;
}

/*
    Vesting Schedules - Vesting Schedule Details
*****************************************************************************************************************************************************************/

#popDivVestingScheduleDetails {
    width: 716px;
    top: 0px;
    height: 380px;
}

.VestingSchedules-ExistingTranches-tableHead td:first-child {
    width: 100px;
}

.VestingSchedules-ExistingTranches-tableHead td:nth-child(2) {
    width: 150px;
}

.VestingSchedules-ExistingTranches-tableHead td:nth-child(3),
.VestingSchedules-ExistingTranches-tableHead td:nth-child(4) {
    width: 120px;
}

.VestingSchedules-ExistingTranches-tableHead td:nth-child(5) {
    width: 160px;
}

.vestingScheduleDetailsEditDeleteHeader {
    width: 30px;
    text-align: center;
}

/*
    Vesting Schedules - Add Edit Vesting Schedule Details
*****************************************************************************************************************************************************************/

#popDivAddEditVestingScheduleDetails {
    width: 520px;
    top: 0px;
    height: 380px;
}

#btnEditTranche {
    width: 50px;
}

/*
    Award Detail pages
*****************************************************************************************************************************************************************/

/*OtherIncome - Other Income Section*/
.awardDetailsOtherIncomeTable {
    border-collapse: collapse;
}

    .awardDetailsOtherIncomeTable td.booleanColumn {
        width: 80px;
        text-align: center;
    }

    .awardDetailsOtherIncomeTable td.numberColumn {
        width: 110px;
    }

    .awardDetailsOtherIncomeTable td.iconColumn {
        width: 30px;
    }

    .awardDetailsOtherIncomeTable td.locationCodeColumn {
        width: 200px;
    }

    .awardDetailsOtherIncomeTable td.payrollCodeColumn {
        width: 180px;
    }

/*AwardCalculationAttribute - Calculation Attribute Override Section*/
.awardCalculationAttributeTable {
    border-collapse: collapse;
}

    .awardCalculationAttributeTable .grdHead td:first-child {
        width: 50px;
    }

    .awardCalculationAttributeTable .grdHead td:nth-child(2) {
        width: 100px;
    }

    .awardCalculationAttributeTable .grdHead td:nth-child(3) {
        width: 180px;
    }

    .awardCalculationAttributeTable .grdHead td:nth-child(4) {
        width: 125px;
    }

    .awardCalculationAttributeTable .grdHead td:nth-child(5) {
        width: 80px;
    }

    .awardCalculationAttributeTable .grdHead td:nth-child(6) {
        width: 100px;
    }

    .awardCalculationAttributeTable .grdHead td:nth-child(7) {
        width: 80px;
    }

    .awardCalculationAttributeTable .grdHead td:nth-child(8) {
        width: 80px;
    }

    .awardCalculationAttributeTable .grdHead td:nth-child(9) {
        width: 80px;
    }

    .awardCalculationAttributeTable .grdHead td:nth-child(10) {
        width: 80px;
    }

    .awardCalculationAttributeTable .grdHead td:nth-child(11) {
        width: 200px;
    }

    .awardCalculationAttributeTable .grdHead td:nth-child(12) {
        width: 130px;
    }

    .awardCalculationAttributeTable .grdHead td:nth-child(13) {
        width: 30px;
    }

    .awardCalculationAttributeTable .grdHead td:nth-child(14) {
        width: 30px;
    }

/*PriorWithholding - Prior Withholding Section*/
.priorWithholdingTable {
    border-collapse: collapse;
}

    .priorWithholdingTable .grdHead td:first-child {
        width: 200px;
    }

    .priorWithholdingTable .grdHead td:nth-child(2) {
        width: 200px;
    }

    .priorWithholdingTable .grdHead td:nth-child(3) {
        width: 200px;
    }

    .priorWithholdingTable .grdHead td:nth-child(4) {
        width: 200px;
    }

    .priorWithholdingTable .grdHead td:nth-child(5) {
        width: 100px;
    }

    .priorWithholdingTable .grdHead td:nth-child(6) {
        width: 120px;
    }

    .priorWithholdingTable .grdHead td:nth-child(7) {
        width: 120px;
    }

    .priorWithholdingTable .grdHead td:nth-child(8) {
        width: 30px;
    }

    .priorWithholdingTable .grdHead td:nth-child(9) {
        width: 30px;
    }

/*AwardWithholdingRateOverride - Award Withholding Rate Override Section*/
.awardWithholdingRateOverrideTable {
    border-collapse: collapse;
}

    .awardWithholdingRateOverrideTable .grdHead td:first-child {
        width: 200px;
    }

    .awardWithholdingRateOverrideTable .grdHead td:nth-child(2) {
        width: 200px;
    }

    .awardWithholdingRateOverrideTable .grdHead td:nth-child(3) {
        width: 200px;
    }

    .awardWithholdingRateOverrideTable .grdHead td:nth-child(4) {
        width: 200px;
    }

    .awardWithholdingRateOverrideTable .grdHead td:nth-child(5) {
        width: 110px;
    }

    .awardWithholdingRateOverrideTable .grdHead td:nth-child(6) {
        width: 80px;
    }

    .awardWithholdingRateOverrideTable .grdHead td:nth-child(7) {
        width: 80px;
    }

    .awardWithholdingRateOverrideTable .grdHead td:nth-child(8) {
        width: 80px;
    }

    .awardWithholdingRateOverrideTable .grdHead td:nth-child(9) {
        width: 180px;
    }

    .awardWithholdingRateOverrideTable .grdHead td:nth-child(10) {
        width: 110px;
    }

    .awardWithholdingRateOverrideTable .grdHead td:nth-child(11) {
        width: 30px;
    }

    .awardWithholdingRateOverrideTable .grdHead td:nth-child(12) {
        width: 30px;
    }

/*AwardExchangeRate - Exchange Rate Section*/
.awardExchangeRateTable {
    border-collapse: collapse;
}

    .awardExchangeRateTable .grdHead td:first-child {
        width: 150px;
    }

    .awardExchangeRateTable .grdHead td:nth-child(2) {
        width: 150px;
    }

    .awardExchangeRateTable .grdHead td:nth-child(3) {
        width: 150px;
    }

    .awardExchangeRateTable .grdHead td:nth-child(4) {
        width: 30px;
    }

    .awardExchangeRateTable .grdHead td:nth-child(5) {
        width: 30px;
    }

/*AdditionalWithholding - Additional Withholding Section*/
.additionalWithholdingTable {
    border-collapse: collapse;
}

    .additionalWithholdingTable .grdHead td:first-child {
        width: 200px;
    }

    .additionalWithholdingTable .grdHead td:nth-child(2) {
        width: 200px;
    }

    .additionalWithholdingTable .grdHead td:nth-child(3) {
        width: 200px;
    }

    .additionalWithholdingTable .grdHead td:nth-child(4) {
        width: 200px;
    }

    .additionalWithholdingTable .grdHead td:nth-child(5) {
        width: 100px;
    }

    .additionalWithholdingTable .grdHead td:nth-child(6) {
        width: 120px;
    }

    .additionalWithholdingTable .grdHead td:nth-child(7) {
        width: 120px;
    }

    .additionalWithholdingTable .grdHead td:nth-child(8) {
        width: 120px;
    }

    .additionalWithholdingTable .grdHead td:nth-child(9) {
        width: 120px;
    }

    .additionalWithholdingTable .grdHead td:nth-child(10) {
        width: 120px;
    }

    .additionalWithholdingTable .grdHead td:nth-child(11) {
        width: 30px;
    }

    .additionalWithholdingTable .grdHead td:nth-child(12) {
        width: 30px;
    }

/*
    award alternate share price section
*****************************************************************************************************************************************************************/
.alternateSharePriceTable {
    width: 530px;
}

    .alternateSharePriceTable .grdHead td:first-child {
        width: 100px;
    }

    .alternateSharePriceTable .grdHead td:nth-child(2) {
        width: 137px;
    }

    .alternateSharePriceTable .grdHead td:nth-child(3) {
        width: 100px;
    }

    .alternateSharePriceTable .grdHead td:nth-child(4) {
        width: 50px;
    }

    .alternateSharePriceTable .grdHead td:nth-child(5) {
        width: 50px;
    }

#popDivSharePrice {
    width: 356px;
    height: 176px;
}
/*
    shares supplemental award section
*****************************************************************************************************************************************************************/

#popDivAwardSupplementalAward {
    width: 500px;
    height: 120px;
}

/*
    shares award details section
*****************************************************************************************************************************************************************/

.deferralSelectionDiv {
    width: 220px !important;
}

/*
    award detail - sourcing override section
*****************************************************************************************************************************************************************/

.awardDetailsSourcingOverrideTable .grdHead td:first-child {
    width: 140px;
}

.awardDetailsSourcingOverrideTable .grdHead td:nth-child(2) {
    width: 160px;
}

.awardDetailsSourcingOverrideTable .grdHead td:nth-child(3) {
    width: 130px;
}

.awardDetailsSourcingOverrideTable .grdHead td:nth-child(4) {
    width: 130px;
}

.awardDetailsSourcingOverrideTable .grdHead td:nth-child(5) {
    width: 130px;
}

.awardDetailsSourcingOverrideTable .grdHead td:nth-child(6) {
    width: 100px;
}

.awardDetailsSourcingOverrideTable .grdHead td:nth-child(7) {
    width: 140px;
}

.awardDetailsSourcingOverrideTable .grdHead td:nth-child(8) {
    width: 140px;
}

.awardDetailsSourcingOverrideTable .grdHead td:nth-child(9) {
    width: 120px;
}

.awardDetailsSourcingOverrideTable .grdHead td:nth-child(10) {
    width: 30px;
}

.awardDetailsSourcingOverrideTable .grdHead td:nth-child(11) {
    width: 30px;
}

.popDivAwardSourcingOverride {
    width: 430px;
}


/*
    Background Tasks - Background Tasks List
*************************************************************************************************************/

.backgroundTasksListTableHead td:first-child,
.backgroundTasksListTableHead td:nth-child(8),
.backgroundTasksListTableHead td:nth-child(9) {
    width: 50px;
}

.backgroundTasksListTableHead td:nth-child(2) {
    width: 200px;
}

.backgroundTasksListTableHead td:nth-child(3),
.backgroundTasksListTableHead td:nth-child(4) {
    width: 145px;
}

.backgroundTasksListTableHead td:nth-child(5) {
    width: 100px;
}

.backgroundTasksListTableHead td:nth-child(6) {
    width: 300px;
}

.backgroundTasksListTableHead td:nth-child(7) {
    width: 150px;
}

.backgroundTasksListIconCell {
    height: 15px;
    width: 15px;
    line-height: 15px;
}

#popDivUploadResult {
    left: 250px;
    top: 150px;
    height: 600px;
    width: 1200px;
}

#popDivUploadResultBody {
    overflow: auto;
}

/*
    Background Tasks - GPM Revert Awards Result
*************************************************************************************************************/

.gpmRevertAwardsResultAwardsCount {
    padding-right: 5px;
}

.gpmRevertAwardsResultAwardIdTableHead {
    width: 100px;
}

.gpmRevertAwardsResultErrorMessages {
    width: 500px;
}

.gpmRevertAwardsResultErrorText {
    padding-left: 20px;
}

/*
    Background Tasks - GPM Revert Batches Result
*************************************************************************************************************/

.gpmRevertBatchesResultAwardsCount {
    padding-right: 5px;
}

.gpmRevertBatchesResultTableHead th:first-child {
    width: 200px;
}

.gpmRevertBatchesResultTableHead th:nth-child(2) {
    width: 100px;
}

.gpmRevertBatchesResultTableHead th:nth-child(3) {
    width: 500px;
}

.gpmRevertBatchesResultTableRowTd {
    vertical-align: top;
}

.gpmRevertBatchesResultErroredAwardUl {
    padding-left: 20px;
}

/*
    Background Tasks - Send Awards To GPM Result
*************************************************************************************************************/

.sendAwardsToGPMResultAwardsToSend {
    padding-right: 5px;
}

.sendAwardsToGPMResultTableHead th:first-child {
    width: 100px;
}

.sendAwardsToGPMResultTableHead th:nth-child(2) {
    width: 500px;
}

.sendAwardsToGPMResultErroredAwardUl {
    padding-left: 20px;
}

.sendAwardsToGPMResultShowAwardIdsTh {
    width: 100px;
}

/*
    Background Tasks - Send Batches To GPM Result
*************************************************************************************************************/
.sendBatchesToGPMResultAwardsToSend {
    padding-right: 5px;
}

.sendBatchesToGPMResultTableHead th:first-child {
    width: 200px;
}

.sendBatchesToGPMResultTableHead th:nth-child(2) {
    width: 100px;
}

.sendBatchesToGPMResultTableHead th:nth-child(3) {
    width: 500px;
}

.sendBatchesToGPMResultTableRowTd {
    vertical-align: top;
}

.sendBatchesToGPMResultErroredAwardUl {
    padding-left: 20px;
}

/*
   Scheduler Tasks - Add Edit Scheduler Task
*************************************************************************************************************/

#popDivScheduler {
    width: 400px;
    height: 400px;
}

.addEditSchedulerTaskLayoutTable {
    border: 0;
}

.addEditSchedulerTaskInput {
    width: 250px;
}

/*
   Scheduler Tasks - Scheduler Task History

*************************************************************************************************************/
#popDivSchedulerTaskHistory {
    position: absolute;
    left: 220px;
    width: 700px;
    top: 100px;
    height: 400px;
}

.schedulerTaskHistoryGdrTable {
    margin: 15px;
}

.schedulerTaskHistoryAlignRight {
    text-align: right;
}

.schedulerTaskHistoryAlignCenter {
    text-align: center;
}

.schedulerTaskHistoryAlignLeft {
    text-align: left;
}

#schedulerTaskHistoryTimeStartedHeader,
#schedulerTaskHistoryTimeFinishedHeader {
    width: 130px;
}

#schedulerTaskHistoryStatusHeader {
    width: 100px;
}

#schedulerTaskHistoryDescriptionHeader {
    width: 200px;
}

/*
   Scheduler Tasks - Scheduler Task List
*************************************************************************************************************/

#columnSchedulerTaskId {
    width: 20px;
}

#schedulerTaskJobType, #schedulerTaskJobName, #schedulerTaskStartDate, #schedulerTaskFrequency, #schedulerTaskEmail, #schedulerTaskLastFinishedDate {
    width: 200px;
}

#schedulerTaskHistory, #schedulerTaskEdit, #schedulerTaskDelete {
    width: 30px;
    text-align: center;
}

/*
   Pager Link HTMl
*************************************************************************************************************/

.pagerLinkImgHeight {
    height: 12px;
}

.pagerLinkPageNumber {
    font-weight: bold;
    color: #369;
}

/*
   Report Download HTML
*************************************************************************************************************/

.reportDownloadHTMLTableHeadReportName {
    width: 200px;
}

.reportDownloadHTMLTableHeadDateCreated,
.reportDownloadHTMLTableHeadDateCompleted {
    width: 150px;
}

.reportDownloadHTMLTableHeadStatus {
    width: 110px;
}

.reportDownloadHTMLTableHeadDownloaded,
.reportDownloadHTMLTableHeadReport,
.reportDownloadHTMLTableHeadExport {
    width: 90px;
}

.reportDownloadHTMLGap {
    width: 25px;
}

/*
    AdditionalWithholdingHTML
*****************************************************************************************************************************************************************/

.additionalWithholdingHTMLAlignCenter {
    text-align: center !important;
}

.additionalWithholdingHTMLAlignLeft {
    text-align: left;
}

.additionalWithholdingHTMLAlignRight {
    text-align: right;
}

.additionalWithholdingHTMLInputWide {
    width: 160px !important;
}

.additionalWithholdingHTMLInputSmall {
    width: 80px !important;
}

/*
    _CalcReportableReconciliation
*****************************************************************************************************************************************************************/

#popDivReconciliationBody {
    width: 845px;
    height: 348px;
}

    #popDivReconciliationBody #divBodyContent {
        display: block;
    }

.reportableReconciliationTable th:first-child,
.reportableReconciliationTable th:nth-child(2),
.reportableReconciliationTable th:nth-child(3),
.reportableReconciliationTable th:nth-child(4),
.reportableReconciliationTable th:nth-child(5),
.reportableReconciliationTable th:nth-child(6),
.reportableReconciliationTable th:nth-child(7) {
    width: 100px;
}

/*
    _CalcSharePricesAddEdit
*****************************************************************************************************************************************************************/
.calcSharePricesAddEditLayoutTable {
    width: 100%;
}

/*
    _CalcSharePrices
*****************************************************************************************************************************************************************/

#popDivAltPrice {
    width: 400px;
    height: 120px
}

.calcSharePricesTableHead td:first-child {
    width: 200px;
}

.calcSharePricesTableHead td:nth-child(2) {
    width: 150px;
}

.calcSharePricesTableHead td:nth-child(3),
.calcSharePricesTableHead td:nth-child(4) {
    width: 50px;
}

.calcSharePricesAlignRight {
    text-align: right;
}

.js-calcSharePrices-add-altPrice {
    width: 80px !important;
}

/*
    _CalcPlanIncome
*****************************************************************************************************************************************************************/

.calcPlanIncomeAddEditDiv {
    width: 426px;
    height: 250px;
}

.calcPlanIncomePaddingLeft {
    padding-left: 5px;
}

.calcPlanIncomeTableHead td:first-child {
    width: 80px;
}

.calcPlanIncomeTableHead td:nth-child(2) {
    width: 130px;
}

.calcPlanIncomeTableHead td:nth-child(3) {
    width: 60px;
}

.calcPlanIncomeTableHead td:nth-child(4),
.calcPlanIncomeTableHead td:nth-child(5),
.calcPlanIncomeTableHead td:nth-child(6) {
    width: 100px;
}

.calcPlanIncomeTableHead td:nth-child(7),
.calcPlanIncomeTableHead td:nth-child(8) {
    width: 50px;
}

.calcPlanIncomeAlignRight {
    text-align: right;
}

.calcPlanIncomeAlignCenter {
    text-align: center;
}

.js-calcPlanIncome-add-deduction {
    width: 80px !important;
}

/*
    _CalcPlanIncomeAddEdit
*****************************************************************************************************************************************************************/
.calcPlanIncomeAddEditLayoutTable {
    width: 100%;
}

/*
    _CalcShareAwardDetails
*****************************************************************************************************************************************************************/
.calcShareAwardDetailsSourcingAdjDiv {
    padding: 10px;
}

.calcShareAwardDetailsHeaderDiv {
    width: 150px;
}

.calcShareAwardDetailsAlignCenter {
    text-align: center;
}

/*
    _CalcRefreshOptions
*****************************************************************************************************************************************************************/

#popDivCalculate {
    width: 400px;
}

.calcRefreshOptionsAdvOptionsSpan {
    width: 10px;
    display: inline-block;
}

/*
    slt-form-input
*****************************************************************************************************************************************************************/

.sltFormInputSelect {
    width: 170px !important;
}

.sltFormInputSectionTitle {
    font-weight: bold;
    font-style: italic;
}

/*
    slt-plan-multi
*****************************************************************************************************************************************************************/

.sltPlanMultiSelect {
    width: 170px !important;
}

/*
    slt-plan-type-multi
*****************************************************************************************************************************************************************/

.sltPlanTypeMultiSelect {
    width: 170px !important;
}

/*
    Award Listing - Award Group Admin Popup
*****************************************************************************************************************************************************************/

.awardGroupAdminPopUpDivWin {
    width: 400px;
    height: 290px;
}

.awardGroupAdminLabelNormal {
    padding: 2px;
}

/*
    Award Listing - Award Select Popup
*****************************************************************************************************************************************************************/

.awardSelectPopUpDivWin {
    width: 300px;
}

.awardSelectPopUpDisplayInline {
    display: inline;
}

.awardSelectPopUpSelectOptionBody {
    overflow: visible;
}

.awardSelectPopUpDisplayBlock {
    display: block;
}

.awardSelectPopUpTextInfoDiv {
    color: red;
    margin-left: 10px;
}

/*
    Award Listing - Calc Comparison Popup
*****************************************************************************************************************************************************************/

.calcComparisonPopUpDivWin {
    width: 400px;
}

/*
    Award Listing - Columns Popup
*****************************************************************************************************************************************************************/

.columnsPopupDivWin {
    width: 680px;
    top: 100px;
    height: 750px;
}

.columnsPopupTable {
    width: 100%;
}

/*
    Award Listing - Equity Awards Filter
*****************************************************************************************************************************************************************/

.equityAwardsFilterBoxWidth {
    width: 170px;
}

.equityAwardsFilterAwardSearchDiv {
    width: 940px;
}

.equityAwardsFilterAlignRight {
    text-align: right;
}

.equityAwardsFilterFlexGrow {
    flex-grow: 3;
}

.equityAwardsFilterBold {
    font-weight: bold;
}

.equityAwardsFilterPageBtn {
    width: 100px;
}

/*
    Award Listing - Equity Button Panel
*****************************************************************************************************************************************************************/

.equityButtonPanelContentHeader {
    min-height: 60px;
}

.equityButtonPanelShowComparisonMVCBtn {
    width: 160px;
}

.equityButtonPanelShowActionCmdDiv {
    white-space: nowrap;
}

/*
    Award Listing - Filter Classification Section
*****************************************************************************************************************************************************************/

.filterClassificationSectionBold {
    font-weight: bold;
}

/*
    Award Listing - Filter Control Award Section
*****************************************************************************************************************************************************************/

.filterControlAwardSectionBold {
    font-weight: bold;
}

/*
    Award Listing - Filter GPM Section
*****************************************************************************************************************************************************************/

.filterGPMSectionBold {
    font-weight: bold;
}

/*
    Award Listing - Filter Payroll Section
*****************************************************************************************************************************************************************/

.filterPayrollSectionBold {
    font-weight: bold;
}

/*
    Award Listing - Filter Res Location Section
*****************************************************************************************************************************************************************/

.filterResLocationSectionSearchCriteriaWidth {
    width: 175px !important;
}

.awardListingFormInput {
    width: 170px;
}

.awardFilterDatePicker {
    width: 141px !important;
}

/*
    Award Listing - Make Control Popup
*****************************************************************************************************************************************************************/

#popDivMakeControl {
    width: 500px;
    height: 200px;
}

.makeControlPopUpOverrideDiv {
    left: 20px;
    top: 30px;
}

.makeControlPopUpHRCodeLabel {
    display: inline-block;
    width: 200px;
}

.makeControlPopUpControlHRCode {
    width: 200px !important;
}

.makeControlPopUpWideRow {
    height: 30px;
    margin-top: 50px;
}

/*
    Award Listing - Message Popup
*****************************************************************************************************************************************************************/

#popDivMessage {
    max-width: 1000px;
    max-height: 700px;
}

/*
    Award Listing - No Awards
*****************************************************************************************************************************************************************/

#divNoAwards {
    padding: 0px 0px 10px 0px;
}

.noAwardsMainDiv {
    width: 900px;
    background-color: #FFFFFF;
    border: 1px solid #BCD1E9;
    padding: 5px 5px 5px 5px;
}

.noAwardsInnerDiv {
    height: 30px;
    vertical-align: middle;
    text-align: left;
}

/*
    Award Listing - Popups
*****************************************************************************************************************************************************************/

.popUpsPopDivSPA {
    width: 450px;
}

.popUpsSltSPADropDown {
    width: 250px !important;
}

.popUpsSpaBtn {
    width: 110px !important;
}

.popUpsPopDivStatsChart {
    width: 625px;
    position: absolute;
    top: 100px;
    height: 480px;
}

/*
    Award Listing - Preview
*****************************************************************************************************************************************************************/

.previewPopDivWin {
    width: 366px;
    top: 100px;
    height: 116px;
}

/*
    Award Listing - Revert Payroll Popup
*****************************************************************************************************************************************************************/

.revertPayrollPopUpPopDivWin {
    width: 366px;
    top: 100px;
    height: 100px;
}

.revertPayrollPopUpBodyTable {
    width: 100%;
}

/*
    Award Listing - Revise Popup
*****************************************************************************************************************************************************************/

.revisePopUpPopDivWin {
    width: 366px;
    height: 180px;
}

.revisePopUpAlignCenter {
    text-align: center;
}

/*
    Award Listing - Send Instructions Popup
*****************************************************************************************************************************************************************/

.sendInstructionsPopUpPopDivWin {
    width: 366px;
    height: 100px;
}

.sendInstructionsPopBodyTable {
    width: 100%;
}

/*
    Editor Templates - Form Input Name Dropdown
*****************************************************************************************************************************************************************/

.formInputNameDropDownSectionTitle {
    font-weight: bold;
    font-style: italic;
}

/*
    AwardsAppService (BonusesAppService, OptionsAppService, SharesAppService) - Awards List Html
*****************************************************************************************************************************************************************/

.awardsListHtmlTblAwards {
    border-collapse: collapse;
}

.awardsListHtmlWidth25 {
    width: 25px;
}

.awardsListHtmlWidth30 {
    width: 30px;
}

.awardsListHtmlWidth40 {
    width: 40px;
}

.awardsListHtmlWidth60 {
    width: 60px;
}

.awardsListHtmlWidth70 {
    width: 70px;
}

.awardsListHtmlWidth75 {
    width: 75px;
}

.awardsListHtmlWidth80 {
    width: 80px;
}

.awardsListHtmlWidth90 {
    width: 90px;
}

.awardsListHtmlWidth100 {
    width: 100px;
}

.awardsListHtmlWidth110 {
    width: 110px;
}

.awardsListHtmlWidth120 {
    width: 120px;
}

.awardsListHtmlWidth140 {
    width: 140px;
}

.awardsListHtmlWidth150 {
    width: 150px;
}

.awardsListHtmlWidth200 {
    width: 200px;
}

.awardsListHtmlWidth300 {
    width: 300px;
}

.awardsListHtmlAlignCenter {
    text-align: center;
}

.awardsListHtmlAlignRight {
    text-align: right;
}

.awardsListHtmlAlignLeft {
    text-align: left;
}

/*
    Bonuses - Awards Filter
*****************************************************************************************************************************************************************/
.bonusesAwardsFilterColFlex {
    flex-grow: 2;
}

.bonusesAwardsFilterBold {
    font-weight: bold;
}

.bonusesAwardsFilterBtn {
    width: 100px !important;
}

.bonusesAwardsFilterBoxWidth {
    width: 170px !important;
}

.bonusesAwardsFilterAwardSearchDiv {
    width: 940px;
}

.bonusesAlignRight {
    text-align: right;
}

#popGpmStatusMessage {
    width: 450px;
}

/*
    Control Comparison
*****************************************************************************************************************************************************************/

.page-breaker {
    page-break-before: always;
}

.comparisonHeader {
    font-family: Arial;
    position: relative;
    background-color: #333333;
    height: 25px;
    text-align: left;
    padding-left: 4px;
    padding-right: 10px;
    color: #ffffff;
    font-size: 12px;
    font-style: italic;
}

.controlComparisonSelectAll {
    text-align: right;
    color: #003366;
    font-weight: bold;
}

.comparisonButtonPromote {
    width: 140px;
}

.comparisonHeaderBackground {
    background-color: #DBFEBC;
}

.textAlign-center {
    text-align: center !important;
}

.textAlign-right {
    text-align: right !important;
}

/*
    AdminGPM - GPM Settings
*****************************************************************************************************************************************************************/
.adminVarSettingsContainer .dottedSeparator {
    border-top: dotted 3px;
    color: red;
}

.adminVarSettingsContainer .redHeader {
    color: red;
}

/*
    EmpHistory - EmployeeWorkLocation
*****************************************************************************************************************************************************************/

#divWorkLocations .collapsible-row {
    display: none;
}

#divWorkLocations .expand-arrow {
    cursor: pointer;
}

#divWorkLocations .white-panel {
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    border-spacing: 0;
    padding: 10px 10px 10px 10px;
    margin: 10px;
    vertical-align: top;
    display: table;
}

    #divWorkLocations .white-panel .table-cell {
        display: table-cell;
        margin: 10px;
    }

        #divWorkLocations .white-panel .table-cell th {
            text-align: left;
        }

        #divWorkLocations .white-panel .table-cell tr:nth-child(2) td:first-child,
        #divWorkLocations .white-panel .table-cell tr:nth-child(2) td:nth-child(3),
        #divWorkLocations .white-panel .table-cell tr:nth-child(2) td:nth-child(5) {
            width: 120px;
        }

        #divWorkLocations .white-panel .table-cell tr:nth-child(2) td:nth-child(2),
        #divWorkLocations .white-panel .table-cell tr:nth-child(2) td:nth-child(4),
        #divWorkLocations .white-panel .table-cell tr:nth-child(2) td:nth-child(6) {
            width: 150px;
        }

        #divWorkLocations .white-panel .table-cell tr:nth-child(6) {
            height: 16px;
        }

        #divWorkLocations .white-panel .table-cell tr:nth-child(11) {
            height: 3px;
        }

        #divWorkLocations .white-panel .table-cell tr:nth-child(12) td:nth-child(5) {
            width: 100px;
        }

    #divWorkLocations .white-panel .icons-div {
        display: table-row;
        float: right;
    }

        #divWorkLocations .white-panel .icons-div .edit-icon-div {
            display: table-cell;
            padding-right: 10px;
        }

        #divWorkLocations .white-panel .icons-div .delete-icon-div {
            display: table-cell;
        }

    #divWorkLocations .white-panel .arrow-down-icon {
        display: inline;
    }

    #divWorkLocations .white-panel .arrow-up-icon {
        display: none;
    }

#divWorkLocations .worklocations-header {
    float: left;
    padding: 10px 0 10px 0;
    width: 125px;
}

#divWorkLocations .worklocations-flag {
    float: left;
    padding-left: 20%;
}

#divAddEditWorkLocationContainer {
    position: absolute;
    top: 100px;
    left: 100px;
}

    #divAddEditWorkLocationContainer .popUpWithSocSec {
        width: 1300px;
    }

    #divAddEditWorkLocationContainer .popUpWithoutSocSec {
        width: 870px;
    }

    #divAddEditWorkLocationContainer .add-edit-location {
        display: none;
    }

    #divAddEditWorkLocationContainer .arrow-down-icon {
        display: inline;
    }

    #divAddEditWorkLocationContainer .arrow-up-icon {
        display: none;
    }

    #divAddEditWorkLocationContainer #popDivWorkLocationBody .layoutTable {
        margin-left: 10px;
    }

        #divAddEditWorkLocationContainer #popDivWorkLocationBody .layoutTable .labelColumn {
            width: 100px;
        }

        #divAddEditWorkLocationContainer #popDivWorkLocationBody .layoutTable .inputColumn {
            width: 250px;
        }

        #divAddEditWorkLocationContainer #popDivWorkLocationBody .layoutTable .inputColumnSub1{
            width: 100px;
        }

        #divAddEditWorkLocationContainer #popDivWorkLocationBody .layoutTable .inputColumnSub1 {
            width: 150px;
        }

        #divAddEditWorkLocationContainer #popDivWorkLocationBody .layoutTable .emptyColGroup {
            width: 350px;
        }

        #divAddEditWorkLocationContainer #popDivWorkLocationBody .layoutTable .inputCell {
            width: 200px;
        }

        #divAddEditWorkLocationContainer #popDivWorkLocationBody .layoutTable .selectResidenceDiv {
            width: 50px;
            float: left;
        }

        #divAddEditWorkLocationContainer #popDivWorkLocationBody .layoutTable .additionalInfoSpan {
            margin-left: -13px;
        }

/*
    EmpHistory - EmployeeLivingLocation
*****************************************************************************************************************************************************************/

#divLivingLocations .white-panel {
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    border-spacing: 0;
    padding: 10px 10px 10px 10px;
    margin: 10px 38% 10px 10px;
    vertical-align: top;
    display: inline-block;
}

    #divLivingLocations .white-panel .table-cell {
        display: table-cell;
        margin: 10px;
        /*width: 841px;*/
        float: left;
    }

        #divLivingLocations .white-panel .table-cell table {
            padding: 10px;
        }

            #divLivingLocations .white-panel .table-cell table tr:first-child td:nth-child(5) {
                width: 200px;
            }

            #divLivingLocations .white-panel .table-cell table tr:nth-child(2) td:nth-child(1), 
            #divLivingLocations .white-panel .table-cell table tr:nth-child(2) td:nth-child(4) {
                width: 150px;
            }

            #divLivingLocations .white-panel .table-cell table tr:nth-child(2) td:nth-child(2) {
                width: 200px;
            }

            #divLivingLocations .white-panel .table-cell table tr:nth-child(2) td:nth-child(3) {
                width: 100px;
            }


#divLivingLocations .flagDiv {
    display: table-cell;
}

#divLivingLocations .white-panel .icons-div {
    display: table-row;
    float: right;
}

    #divLivingLocations .white-panel .icons-div .edit-icon-div {
        display: table-cell;
        padding-right: 10px;
    }

    #divLivingLocations .white-panel .icons-div .delete-icon-div {
        display: table-cell;
    }

#divAddEditLivingLocationContainer {
    position: absolute;
    top: 100px;
    left: 100px;
}

    #divAddEditLivingLocationContainer #popDivLivingLocation {
        width: 735px;
    }

    #divAddEditLivingLocationContainer #popDivLivingLocationBody .layoutTable {
        padding: 10px;
    }

        #divAddEditLivingLocationContainer #popDivLivingLocationBody .layoutTable tr:nth-child(1) td:nth-child(1),
        #divAddEditLivingLocationContainer #popDivLivingLocationBody .layoutTable tr:nth-child(1) td:nth-child(4) {
            width: 150px;
        }

        #divAddEditLivingLocationContainer #popDivLivingLocationBody .layoutTable tr:nth-child(1) td:nth-child(2) {
            width: 200px;
        }

        #divAddEditLivingLocationContainer #popDivLivingLocationBody .layoutTable tr:nth-child(1) td:nth-child(3) {
            width: 100px;
        }

        #divAddEditLivingLocationContainer #popDivLivingLocationBody .layoutTable tr:nth-child(2) td:nth-child(1) {
            width: 100px;
        }

        #divAddEditLivingLocationContainer #popDivLivingLocationBody .layoutTable tr:nth-child(2) td:nth-child(2) {
            width: 200px;
        }

        #divAddEditLivingLocationContainer #popDivLivingLocationBody .layoutTable tr:nth-child(2) td:nth-child(2) {
            width: 200px;
        }

        #divAddEditLivingLocationContainer #popDivLivingLocationBody .layoutTable #txtNewLivingDataSource {
            width: 108px;
        }

.vertical-align-top {
    vertical-align: top;
}

.italic {
    font-style: italic;
}

.display-block {
    display: block;
}