/* Minification failed. Returning unminified contents.
(3312,23): run-time error CSS1046: Expect comma, found '0'
(3312,27): run-time error CSS1046: Expect comma, found '/'
(3312,54): run-time error CSS1046: Expect comma, found '0'
(3312,58): run-time error CSS1046: Expect comma, found '/'
(3312,87): run-time error CSS1046: Expect comma, found '0'
(3312,91): run-time error CSS1046: Expect comma, found '/'
(7159,36): run-time error CSS1046: Expect comma, found '64'
(7159,42): run-time error CSS1046: Expect comma, found '/'
(7159,71): run-time error CSS1046: Expect comma, found '64'
(7159,77): run-time error CSS1046: Expect comma, found '/'
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Please do not delete the comment that begins with /*rtl:...., it is used by a tool that converts ltr to rtl */
html {
    font-size: 62.5%;
}

body {
    font-family: 'Open Sans',​Helvetica,​Arial,​sans-serif;
    color: #525252;
    line-height: 1.4em;
    background-color: #FFF;
    font-style: normal;
    font-size: 1.4em;
    font-weight: 400;
    -webkit-print-color-adjust: exact;
}

input, textarea {
    /*rtl:ignore*/
    direction: ltr;
}

.text-direction {
    direction: ltr;
}

b, .bold {
    font-weight: bold;
}


strong, .semibold {
    font-weight: 600;
}

.uppercase {
    text-transform: uppercase;
}

.light {
    font-weight: 100;
}

@media only screen and (max-width : 768px) {
    .hidden-on-small-screen {
         display: none !important;
    }
}

@media only screen and (min-width : 769px) {
    .hidden-on-big-screen {
        display: none !important;
    }
}

p {
    margin: 12px 0;
}

i {
    font-style: italic;
}

    fieldset.expandable {
        padding: 40px;
    }

    fieldset.fullWidth {
        width: 100%;
    }

.url_text_box_width {
    width: 100% !important;
}

#loginForm fieldset {
    margin-bottom: 10px;
}

tbody {
    font-family: 'Open Sans';
}

table:not(.tas-email) {
    font-size: 0.9em;
    width: 98%;
    margin-bottom: 4px;
 }

    table thead tr {
        border-bottom: 1px solid #EEE;
        background: #FFF;
        color: #666;
    }

    table.clickable tr:hover,
    table:not(.tas-email) > tr > th.clickable:hover, 
    table:not(.tas-email) > tbody > tr > th.clickable:hover {
        cursor: pointer;
    }

    table.clickable tr th.notsortable {
        cursor: default;
    }

    table.notsortable tr.clickable {
        cursor: pointer;
    }

    table.clickable tr:hover td {
        background-color: #EBF7FF;
    }

textarea {
    font-family: 'Open Sans';
    color: #000;
    font-size: 1.1em;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    padding: 4px 2px 4px 8px;
    box-sizing: border-box;
}

textarea.full-width {
    width: 100%;
}

select {
    border: 1px solid #CCCCCC;
    border-radius: 0;
    padding: 4px;
    font-family: 'Open Sans';
    color: #000;
    font-size: 1.1em;
}

em {
    font-style: italic;
}

#notice table {
    margin: 9px;
}

tr {
}

th {
    background: #DDD;
    font-size: 1.1em;
    border-bottom: 1px solid #EEEEEE;
    padding: 8px;
    color: #000;
}

    th:first-child {
        border-left: 1px solid #DDD;
    }

    th:not(:first-child) {
        border-left: 1px solid #FFF;
    }

    th.sortable:hover {
        cursor: pointer;
    }

    th.sortedAsc {
        background: url('images/sortedAsc.gif') no-repeat scroll right center #F5F5F5;
    }

    th.sortedDesc {
        background: url('images/sortedDesc.gif') no-repeat scroll right center #F5F5F5;
    }

table:not(.tas-email) > tr > td,
table:not(.tas-email) > tbody > tr > td {
    border: 1px solid #DDD;
    padding: 4px;
}

ul.bulleted {
    list-style: disc;
    padding-left: 16px;
    margin: 8px;
}

ul.child {
    font-size: 0.9em;
    padding-left: 16px;
    list-style: none;
}

ol {
    list-style: decimal;
    padding: 0 0 0 32px;
    margin: 8px;
}

a.btn {
    text-decoration: none;
    display: inline-block;
    padding: 6px 11px 6px 11px;
    text-align: center;
}

a.btn.btn-small {
    padding: 3px 5px 3px 5px;
}

input[type='button'].btn-danger:hover, input[type='button'].btn-warning:hover, button.btn-danger:hover, a.btn.btn-warning:hover {
    background-color: #D14836;
    color: #FFF;
    border-color: #D14836;
}

input[type='button'].btn-green:hover, input[type='button'].btn-green:hover, a.btn.btn-green:hover {
    background-color: #006400;
    color: #FFF;
    border-color: #006400;
}

    input[type='button']:hover, input[type='submit']:hover, input[type='reset']:hover, input[type='button'].buttonIntend:hover, button:hover, a.btn:hover, input[type='button'].btn-active, a.btn.btn-active {
        cursor: pointer;
        border-color: #08C;
        background-color: #FFF;
        color: #08C;
    }

input[type='submit'][disabled], input[type='button'][disabled], a.btn[disabled], a.btn.btn-disabled {
    background: #DDD;
    color: #AAA !important;
    border-color: #DDD;
}

    input[type='button'][disabled]:hover, input[type='submit'][disabled]:hover, a.btn[disabled]:hover, a.btn.btn-disabled:hover {
        background: #EEE;
        color: #AAA;
        border-color: #AAA;
        cursor: inherit;
    }

input[type='text'][disabled], input[type='text'][disabled], select[disabled], textarea[disabled], input[type='checkbox'][disabled] {
    background: #DDD;
}

input[type='button'], input[type='submit'], input[type='reset'], button:not(.ui-widget):not(.ui-dialog-titlebar-close), a.btn {
    box-sizing: border-box;
    background: #295E8F;
    color: #FFF;
    padding: 7px 12px;
    margin: 2px 1px;
    font-family: Verdana;
    font-size: 0.9em;
    min-width: 60px;
    border: 1px solid #295E8F;
    border-radius: 3px;
}

    input[type='button'].buttonIntend {
        background-color: #006400;
        color: #FFF;
        border-color: #006400;
    }

    input[type='button'].buttonViewDocuments {
        background: #006400 none repeat scroll 0 0;
        border: 1px solid #006400;
        color: #fff !important;
    }

    input[type='button'].tabButton {
        position: relative;
        background: #006400 none repeat scroll 0 0;
        border: 1px solid #006400;
        color: #fff !important;
    }



input[type='text'], input[type='password'], input:not([type]), input.text-box {
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    padding: 4px 4px 4px 8px;
    font-family: 'Open Sans';
    font-size: 1.1em;
    color: #000;
}

input[type='button'].full-width, a.btn.full-width {
    width: 100%;
}

input[type='button'].fixed-width, a.btn.fixed-width {
    width: 200px;
}

.button-focused {
    outline: -webkit-focus-ring-color auto 1px !important;
}

a {
    color: #1374BD;
    cursor: pointer;
}

/* button form */
form.btn {
    display: inline-block;
}

    form.btn input:not([type='submit']) {
        display: none;
    }

input[type='submit'].btn.btn-active {
    background-color: #295E8F;
    color: #FFF;
    border-color: #295E8F;
}

    input[type='submit'].btn.btn-active:hover {
        background-color: #295E8F;
        color: #FFF;
        border-color: #295E8F;
    }

input[type='submit'].btn.btn-inactive {
    background-color: #DDD;
    color: #FFF;
    border-color: #DDD;
}

    input[type='submit'].btn.btn-inactive:hover {
        background-color: #295E8F;
        border-color: #295E8F;
    }

input[type='button'].action-btn:not([disabled]), input[type='submit'].action-btn, a.btn.action-btn {
    background-color: #1374BD;
    border-color: #1374BD;
}

    input[type='button'].action-btn:not([disabled]):hover, input[type='submit'].action-btn:hover, a.btn.action-btn:hover {
        font: #71b3f1;
        background-color: #FFFFFF;
        border-color: #71b3f1;
    }

/*button.ui-state-default {background:#EEE !important; font-family:inherit !important;}*/

table:not(.tas-email) > tr > td,
table:not(.tas-email) > tbody > tr > td {
    background-color: #FFF;
}

    table:not(.tas-email) > tr > td:hover,
    table:not(.tas-email) > tbody > tr > td:hover {
        background-color: #EBF7FF
    }

.table {
    display: table;
    width: 100%;
    margin: 10px 0;
}

.tableHead {
    display: table-header-group;
}

.tableBody {
    display: table-row-group;
}

.tableFooter {
    display: table-row-group;
}

.tableRow {
    display: table-row;
}

.tableCell {
    display: table-cell;
}

.tableBody .tableRow .tableCell {
    padding: 4px;
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    font-size: 0.9em;
}

.tableFooter .tableRow .tableCell {
    padding: 4px;
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    font-size: 0.9em;
    font-weight: bold;
}

.tableHead .tableRow .tableCell {
    padding: 8px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    font-size: 1.1em;
    background: #DDD;
    color: #222;
}

    .tableHead .tableRow .tableCell:not(:first-child) {
        border-left: 1px solid #FFF;
    }

.tableCell:last-child,
table:not(.tas-email) > tr > td:last-child,
table:not(.tas-email) > tbody > tr > td:last-child {
    border-right: 1px solid #DDD;
}

.tableCell:first-child,
table:not(.tas-email) > tr > td:first-child,
table:not(.tas-email) > tbody > tr > td:first-child {
    border-left: 1px solid #DDD;
}

.tableBody .tableCell {
    background-color: #FFF;
}

.table.clickable .tableHead .tableRow .tableCell:not(.notsortable) {
    cursor: pointer;
}

    .table.clickable .tableHead .tableRow .tableCell:not(.notsortable) label {
        cursor: pointer;
    }

.table.clickable .tableBody .tableRow:not(.not-clickable):hover .tableCell {
    background-color: #EBF7FF;
}

.table.clickable .tableRow:not(.not-clickable):hover {
    cursor: pointer;
}

.table.clickable .tableRow:not(.not-clickable) .tableCell:not(.not-clickable) {
    cursor: pointer;
}

    .table.clickable .tableRow .tableCell .notsortable {
        cursor: default;
    }

    .table.clickable .tableFooter .tableRow .tableCell {
        cursor: default;
    }

.table.clickable .tableRow .notsortable {
    cursor: default;
}

.table.fixed {
    table-layout: fixed;
    display: table;
}

    .table.fixed .tableRow .tableCell {
        overflow: hidden;
    }

.tableRow.text-decoration-none {
    text-decoration: none;
    color: #525252;
}

.tableCell.normal, th.normal {
    white-space: normal;
}

.tableCell.nowrap, th.nowrap {
    white-space: nowrap;
}

.tableCell.text-left {
    text-align: left;
}

.tableCell.text-center {
    text-align: center;
}

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

.tableHead .tableRow .tableCell.sortable {
    cursor: pointer;
}

.tableHead .tableRow .tableCell.sortedAsc {
    background: url('images/sortedAsc.gif') no-repeat scroll right center #F5F5F5;
    border-color: #F5F5F5;
}

.tableHead .tableRow .tableCell.sortedDesc {
    background: url("images/sortedDesc.gif") no-repeat scroll right center #F5F5F5;
    border-color: #F5F5F5;
}

.tableTitle {
    display: none;
}

.tableCell.header:not(.notsortable) {
    cursor: pointer;
}

.table-cell-eoi.actionLink {
    padding: 10px 0 10px 0;
}

.rtl {
    direction: rtl;
}

/*rtl:begin:ignore*/
#layoutHolder .ltr, #layoutHolder .widgetText, #layoutHolder .widgetTitle, #divBreadcrumb{
    direction: ltr;
    text-align: left;
}
/*rtl:end:ignore*/


.sanction {
    font-weight: bold;
}

    .sanction.sanction-high {
        color: #FF0000;
    }

    .sanction.sanction-medium {
        color: #FF6600;
    }

    .sanction.sanction-low {
        color: #AA2A61;
    }

    .sanction.sanction-potential {
        color: #C69C04;
        font-weight: normal;
    }

    .sanction .sanction-tag {
        display: inline-block;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 0px 4px;
    }

    .sanction.sanction-high .sanction-tag {
        background-color: #FF0000;
    }

    .sanction.sanction-medium .sanction-tag {
        background-color: #FF6600;
    }

    .sanction.sanction-low .sanction-tag {
        background-color: #AA2A61;
    }

    .sanction.sanction-potential .sanction-tag {
        background-color: #C69C04;
    }

.line-breaks {
    white-space: pre-line;
}

#main {
    min-height: 800px;
    position: relative;
}

#centre {
    float: left;
    width: 81%;
    margin: 5px 0 0 10px;
    height: 100%;
}

#left {
    width: 12%;
    min-height: 800px;
    float: left;
    margin: 0;
    background-color: #F5F5F5;
    font-size: 0.9em;
    margin-bottom: -15000px;
    padding-bottom: 15000px;
    box-sizing: border-box;
}

#left * {
    box-sizing: border-box !important;
}

    #left > header-title {
        width: 12%;
        min-height: 800px;
        float: left;
        margin: 0;
        background-color: #F5F5F5;
        font-size: 0.9em;
        border-right: 1px solid #D2D2D2;
        margin-bottom: -15000px;
        padding-bottom: 15000px;
        box-sizing: border-box;
    }

    #left li.endOfSection {
        border-bottom-color: #444;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    #left > nav > div > ul > li > a {
        text-decoration: none;
        color: #444;
        display: block;
        padding: 0.5rem 1rem;
        border-radius: 8px;
    }

    #left > nav > div > ul > li::after {
        border-bottom: 1px solid #DDD;
        width: calc(100% - 2rem);
        left: 1rem;
        display: block;
        content: "";
        left: 1rem;
        position: relative;
    }

    #left > nav > div > ul > li > a.current, #left > nav > div > ul > li.current > a {
        background-color: #DDD;
        font-weight: 600;
        color: #000;
    }


        #left > nav > div > ul > li > a:hover, a:focus {
            color: #000;
            background-color: #DDD;
        }

    #left > nav > div > ul {
        margin: 0 0 1rem 0;
    }

.left-padding {
    padding: 0px 1rem;
}

.left-menu-header-title {
    padding: 1.15em;
}


#main-center {
    padding-top: 70px;
    margin-top: -70px;
    scroll-margin-top: 70px;
}

.jump-to-center {
    display: block;
    text-decoration: none;
    padding: 0.5rem 1rem;
    position: absolute;
    left: -1000em;
}
    .jump-to-center:focus {
        position: static;
        left: 0;
    }

#menu {
    font-size: 0.8em;
    color: #666;
}

    #menu a {
        color: #666;
    }

    #menu li {
        float: left;
    }

#left {
    padding-top: 1rem;
}

#left li a.current + .navLevel3 {
    display: block;
}

#left ul.navLevel3 {
    display: none;
    margin-left: 16px;
}

#left li a.current + .navLevel3 li a {
    color: #666;
    font-size: 0.9em;
}

    #left li a.current + .navLevel3 li a.current {
        color: #08C;
    }

#left li a.current + .navLevel4 {
    display: block;
}

#left ul.navLevel4 {
    display: none;
    margin-left: 16px;
}

#left li a.current + .navLevel4 li a {
    color: #666;
    font-size: 0.8em;
}

    #left li a.current + .navLevel4 li a.current {
        color: #005689;
    }

#left ul.navLevel3 li {
    border: none;
    padding: 3px 0 3px 0;
}

#left ul.navLevel4 li {
    border: none;
    padding: 2px 0 2px 0;
}

#left ul.child li {
    border: none;
}

input[type='button'].action {
    font-size: 0.9em;
}

input[type='button'].excelButton {
    margin: 16px 0;
}
/*TODO: Excel icon?*/

.menuHeader {
    color: #08C;
    font-size: 1.3em;
    padding: 4px 15px 8px 0;
    border-bottom-color: #444;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.throbber {
    position: absolute;
    display: none;
    z-index: 10000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(221,221,221,0.7);
}

.throbber__inner {
    position: fixed;
    left: 45%;
    top: 45%;
    height: 100px;
    width: 100px;
}

.throbber__inner__alt {
    background-color: #FFF;
    padding: 10px;
    margin: auto;
    position: fixed;
    left: 45%;
    top: 45%;
    font-size: 1.2em;
    font-weight: bold;
}

.throbber__inner__togglealt {
    float: right;
    width: auto !important;
    margin: 40px 20px;
}

.validationHint {
    visibility: hidden;
    display: block;
}

.floatLeftHalf {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
}

    .floatLeftHalf:first-child {
        padding-right: 6px;
    }

    .floatLeftHalf + .floatLeftHalf {
        padding-left: 6px;
    }

.floatLeft {
    float: left;
}

.header {
}

footer {
    background: #295E8F;
    color: #EEE;
    padding: 8px;
    text-align: center;
    z-index: 600;
    position: relative;
    margin-top: 5px;
}

.footerLink > a {
    color: #FFF;
}

    .footerLink > a:focus {
        color: #000;
    }

ul.login {
}

    ul.login li {
        float: left;
    }

        ul.login li a {
            float: left;
            margin: 0 8px;
            color: #525252;
        }
/*#login{font-size:0.8em; color:#666; }*/
h1, h2, h3, h4, h5, h6 {
    margin: 8px 0 16px 0;
    font-weight: 300;
}

h1 {
    font-size: 2.2em;
    color: #005689;
}

h2 {
    font-size: 1.8em !important;
    color: #005689;
}

h3 {
    font-size: 1.4em;
    color: #005689;
}

h4 {
    font-size: 1.3em;
    color: #005689;
}

h5 {
    font-size: 1.2em;
    color: #005689;
}

h6 {
    font-size: 1.1em;
    color: #005689;
}

#left > nav > div > div > h6 {
    margin: 0px 0 0px 0;
    font-weight: 700;
    color: #000;
}

div.spacer {
    height: 16px;
}

.clear {
    clear: both;
}

div.codeBlock {
    font-family: Courier;
    font-size: 0.8em;
    color: #666;
}

#header-title {
    background: #295E8F;
    padding-top: 70px;
    text-align: center;
    box-sizing: border-box;
}

    #header-title h1 {
        color: #FFFFFF;
        font-size: 1.5em;
        line-height: 1em;
        margin: 0;
        padding: 0.5em;
        text-transform: uppercase;
    }

#background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center center;
}

#helpHolder {
    float: right;
    border: none;
}

.temporaryInfo {
    background-color: #EBF7FF;
    width: 100%;
    margin: 0 0 0 0;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1px solid #005689;
    border-bottom: 1px solid #005689;
    color: #005689;
    text-align: center;
}

.temporaryWarning {
    background-color: #FFFFD6;
    width: 100%;
    margin: 0 0 0 0;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1px solid #005689;
    border-bottom: 1px solid #005689;
    color: #005689;
    text-align: center;
}

div.vtuRegistrationArea {
    font-size: 1.2em;
    margin: 8px 0;
    color: #005689;
}

div.cta {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('images/home/bg.jpg');
    margin: 8px;
    vertical-align: top;
    height: 240px;
    width: 300px;
    display: inline-block;
    text-align: left;
    zoom: 1;
    *display: inline;
    cursor: pointer;
}

    div.cta div.ctaLink a {
        text-decoration: none;
        color: #FFF;
    }

        div.cta div.ctaLink a:focus, div.cta div.ctaLink a:focus h2 {
            color: #000;
            background-color: #DDD;
        }

        div.cta div.ctaLink a h2 {
            line-height: 1.2em;
            color: #FFF;
        }

div.cta-spacer {
    width: 2%;
    float: left;
    height: 1px;
}

div.ctaLink {
    padding: 4px 8px;
}

#cta-outer {
    text-align: center;
}

#cta-holder {
    text-align: center;
    margin: auto;
    width: 95%;
    max-width: 1200px;
}

#cta-register {
    background-position: 0px 0;
}

#cta-notices {
    background-position: -300px 0;
}

#cta-tas {
    background-position: -600px 0;
}

#cta-un {
    background-position: -900px 0;
}

#cta-io {
    background-position: -600px 0;
}

#cta-ca {
    background-position: 0px -240px;
}

#cta-knowledge {
    background-position: -300px -240px;
}

#cta-about {
    background-position: -600px -240px;
}

#cta-procurement-statistics {
    background-position: -900px -240px;
}

#cta-doingBusinessWithUN {
    background-position: 0px -480px;
}

div.info, section.info, section.info h2 {
    color: #005689;
}

div.info, section.info {
    border: 1px solid #005689;
    background: url('images/info.png') no-repeat scroll left 8px center #FFF/*rtl:url('images/info.png') no-repeat scroll right 8px center #EBF7FF*/;
}

div.warning {
    border: 1px solid #956601;
    color: #956601;
    background: url('images/warning.png') no-repeat scroll left 8px center #FFF /*rtl:url('images/warning.png') no-repeat scroll right 8px center #FFFFD6*/;
}

div.error, section.error {
    border: 1px solid #AF0E1E;
    color: #AF0E1E;
    background: url('images/error.png') no-repeat scroll left 8px center #FFF /*rtl:url('images/error.png') no-repeat scroll right 8px center #FDD;*/;
}

div.success, section.success {
    border: 1px solid #006400;
    background: url('images/success.png') no-repeat scroll left 8px center #FFF /*rtl:url('images/success.png') no-repeat scroll right 8px center #DED*/;
}

    div.success, section.success, section.success h2 {
        color: #006400;
    }

div.info, section.info, div.warning, div.error, section.error, div.success, section.success {
    border-radius: 10px;
    padding: 16px 8px 16px 52px;
    margin: 5px 0 10px 0;
}

    div.info.floating {
        float: left;
    }

        div.info.floating#ql2 {
            margin-left: 4px;
        }

    div.info input[type='button'] {
        position: relative;
        top: -7px;
    }

div.messageInner {
}

div.smallinfo {
    background: #EEEEEE;
    border-radius: 8px;
    color: #000000;
    font-size: 0.9em;
    margin: 4px;
    padding: 0 8px;
}

div.formRow {
    margin: 4px 0;
    padding: 8px;
    font-size: 0.9em;
    min-height: 24px;
    clear: both;
}

    div.formRow:before {
        display: table;
        content: " ";
    }

    div.formRow:after {
        display: table;
        clear: both;
        content: " ";
        height: 1px;
    }

    div.formRow label:not(.radioButton) {
        display: block;
        width: 200px;
        float: left;
        padding-top: 6px;
    }    

    div.formRow.long-label label {
        width: 100%;
        padding-bottom: 12px;
    }

    @media (min-width: 768px) {
        div.formRow.long-label textarea { margin-left: 200px; }
    }

div.formRowInline label {
    display: inline;
    width: 160px;
    float: left;
    padding-top: 6px;
    padding-left: 8px;
}

div.formRow input[type='text'], div.formRow input[type='password'], div.formRow input:not([type]), div.formRow input.text-box {
    width: 200px;
    min-height: 20px;
    font-size: 1.1em;
}

    div.formRow input[type='text'].wide, div.formRow input[type='password'].wide, div.formRow input:not([type]).wide, div.formRow input.text-box.wide {
        width: 500px;
    }

div.formRow select {
    font-size: 1.1em;
    width: 215px;
    min-height: 30px;
}

div.formRow textarea {
    min-width: 200px;
    min-height: 60px;
}

div.formRow.focus {
    background: #FAFAFA;
}

div.formRow.highRow {
    height: 50px;
}

div.formRow.Wide input {
    width: 100%;
}

div.formRow div.file {
    width: 210px;
    float: left;
}

div.formRow div.lnkBtn label {
    width: auto;
    float: left;
}

div.formRow > div {
    width: auto;
    float: left;
    margin: 0 0 12px 0;
}

div.formRow.Display {
    margin: 1px 0;
    padding: 1px;
    font-size: 1em;
    min-height: 24px;
}

    div.formRow.Display label {
        display: block;
        width: 160px;
        float: left;
    }

        div.formRow.Display label.wide {
            width: 200px;
        }

div.formRow.formRowWithCheckbox input[type='checkbox'] {
    float: left;
    width: auto;
    margin-top: 9px;
}

div.formRow.formRowWithCheckbox label {
    width: auto;
}

div.formRow.checkboxList {
    clear: both;
}

div.formRow .valueWithMargin {
    margin-left: 200px;
}

.checkboxList input[type='checkbox'] {
    float: left;
    margin-top: 8px;
}

.checkboxListItem {
    float: left;
}

    

div.formRowWithVerticalRadioButton {    
    min-height: 120px;
    height: auto;
    margin: 4px 0;
    padding: 8px;
    font-size: 0.9em;    
    clear: both;
}

div.formRow.formRowWithRadioButton input[type='radio'] {
    float: left;
    width: auto;
}

div.formRowWithVerticalRadioButton div, div.formRowWithVerticalRadioButton label {
    float: left;
    width: 200px;    
}

div.formRowWithVerticalRadioButton div#individualConsultantTypeDescription {    
    display: none;
    background: #EBF7FF;    
    font-size: 1.1em;
    padding: 10px 10px; 
        overflow: auto;
    height: 100px auto;    
    max-width: 750px;	
    width: auto;
        border: 1px solid #CCCCCC;
}

div.optionsRow {
    margin: 4px 0;
    padding: 8px;
    min-height: 24px;
    clear: both;
}

    div.optionsRow label {
        display: block;
        width: 160px;
        float: left;
    }

    div.optionsRow span label {
        width: auto;
        margin-right: 20px;
    }

    div.optionsRow input[type='radio'], div.optionsRow input[type='checkbox'] {
        float: left;
        margin-left: 0;
        margin-right: 4px;
    }

form div.optionsRow {
    min-height: 24px;
    font-size: 0.9em;
}

div.formRow.optionsRow label {
    padding-top: 0;
}

div.formRow .clear {
    float: none !important;
}

div.divLeftFloat {
    float: left;
}

.field-validation-error, .uvm-field-validation-error {
    display: block;
}

.validation-summary-errors {
    clear: both;
}

.validation-summary-errors, .field-validation-error, .uvm-field-validation-error {
    color: #AF0E1E;
}

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

span.valid {
    background: url('images/valid.gif') no-repeat scroll 0 0 transparent;
}

span.invalid { /*background:url('images/invalid.gif') no-repeat scroll 2px 3px transparent;*/
}

span.validationIcon {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 0 4px;
}

    span.validationIcon.invalid {
        height: 0px;
        width: 0px;
    }

.no-validation-icon span.validationIcon {
    display: none !important;
}

span.cke {
    /* Fixing ckeditor display problem with edge */
    display: inline-block;
}

.filter {
    background: #F5F5F5;
    padding: 5px 8px 5px 8px;
    margin: 5px 0 10px 0;
    border: 1px solid #D2D2D2;
}

.filterFooter {
    background: #F5F5F5;
    padding: 8px 8px 8px 18px;
    border-top: 1px solid #D2D2D2;
}

.filterRow {
    margin: 4px;
    overflow: auto;
}

    .filterRow label {
        display: block;
        width: 160px;
        float: left;
        font-size: 0.8em;
        padding-top: 3px;
        color: #444;
    }

    .filterRow span label {
        width: 90px;
        font-size: 0.9em;
    }

    .filterRow input[type='checkbox'] {
        margin-top: 5.5px;
    }

    .filterRow label.nonFixed {
        width: auto;
        margin: 0 8px;
    }

    .filterRow label.wide {
        width: auto;
    }

    .filterRow input {
        float: left;
    }

        .filterRow input[type='text'], .filterRow input:not([type]) {
            padding: 2px 8px 2px 4px;
            font-size: 0.9em;
            width: 170px;
        }

            .filterRow input[type='text'].dateField {
                width: 100px;
            }

            .filterRow input[type='text'].narrow {
                width: 46px;
                padding: 2px 8px 2px 4px;
                font-size: 0.9em;
            }

        .filterRow input[type='button'] {
            padding: 2px 8px 2px 4px;
            margin: 0 4px;
            font-size: 0.9em;
        }

    .filterRow select {
        padding: 2px 8px 2px 4px;
        margin: 0 4px 0 0;
        font-size: 0.9em;
    }

.filterCheckboxList {
    clear: both;
    padding: 0 0 0 8px;
}

    .filterCheckboxList.notClear {
        clear: none;
    }

    .filterCheckboxList.notClear label {
        width: 100px;
    }

label.check-box-list-item {
    font-size: 0.7em;
}

.filterCheckboxListItem {
    float: left;
}

.filterRadioButtonListItem {
    float: left;
}

.filterDatePair {
    float: left;
}

.filterDatePairLabel {
    float: left;
    min-width: 150px;
}

.filterDatePair_option_1 {
    float: left;
}

.filterDatePairLabel_option_1 {
    min-width: 150px;
}

.dateField {
    width: 84px;
}

input.countryPicker {
    width: 170px;
}

div.filter div.optionsRow {
    margin: 4px;
    padding: 0 0 0 6px;
}

    div.filter div.optionsRow label {
        font-size: 0.8em;
    }

    div.filter .noLeftLabel {
        margin-left: 164px;
    }

.filterBasic, .filterLeft {
    width: 45%;
    float: left;
}

.filterAdvanced, .filterRight {
    width: 40%;
    float: left;
}

.filterAdvanced {
    display: none;
}

.filterExpandHolder {
    float: right;
}

.expandAllFilter {
    display: none;
}

.content {
    background: #FFF;
    padding: 0;
}

fieldset.collapsed *:not(legend) {
    display: none;
}

legend.expandable, .legend.expandable {
    padding-right: 30px;
}

/*Raw Html defaults*/
.raw ol li {
    list-style: decimal inside;
}

.raw ul li {
    list-style: disc inside;
}

.raw em {
    font-style: italic;
}

#UNGMvalidation, #UNGMEmailValidation, .ValidationMessage {
    color: #AF0E1E;
}

#noticeFilter {
    padding: 16px;
}
/*Public Notice Search*/
#notices, #feedback {
    margin-top: 0;
    height: auto;
}

#Notices {
    margin-top: 8px;
}

div.contractAwardsStandaloneTotal {
    position: fixed;
    top: 0;
    background: transparent;
    font-size: 0.9em;
    left: 240px;
    margin: 6px 0 0;
    padding: 0;
    position: fixed;
    top: 0;
    z-index: 900;
    color: #005689;
    border: 0;
}

#noticeFilter .filterRow .noticeTypeLabel {
    display: block;
    float: left;
    padding-right: 10px;
    white-space: nowrap;
    width: auto;
}

#noticeFilter .filterRow .filterDiv span {
}

#noticeFilter .filterRow a span {
    font-size: 0.9em;
}

#tblNotices, #tblContractAwards {
    width: 100%;
}

    #tblNotices .tableBody .tableRow .tableCell {
        padding: 1em;
    }

    #tblContractAwards .tableBody .tableRow .tableCell {
        padding: 12px;
    }

.notice-table .tableCell {
    vertical-align: middle;
}

.notice-detail-sustainability {
    margin-bottom: 2em;
}

.notice-detail-sustainability-icon {
    float: left;
    margin: 1em;
}

/*Development Log*/
#tblLog {
    margin-top: 10px;
}

/*Videos*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

    .video-container iframe, .widgetVideoPlaceholder {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/*Evaluations*/
#evaluationFilter .filterRow span {
    font-size: 1.3em;
}

#evaluationFilter .filterRow .filterDiv .noticeSelectedCountry span {
}

#evaluationFilter .filterRow a span {
    font-size: 0.9em;
}

#evaluateAddressLeft {
    float: left;
    width: 30%;
}

#evaluateAddressRight {
    float: left;
    width: 65%;
    height: 300px;
}

#mapCanvas {
    height: 100%;
}

.ExportToExcel {
    text-align: right;
    padding: 0 0 5px 0;
    margin-top: 10px;
}

.filterDiv {
    border-left: 1px solid #CCCCCC;
    margin: 0 0 0 4px;
    padding: 0 0 0 8px;
    color: #888;
    font-size: 0.8em;
    clear: both;
}

    .filterDiv div {
        display: block;
    }

.formRow .filterDiv {
    min-width: 200px;
    float: left;
    font-size: 1.2em;
    margin: 8px 0;
}

.filterDiv.documentFilename {
    min-width: 400px;
}

.resultsCount {
    background-color: transparent;
    border: 1px solid #D2D2D2;
    margin: 10px 0;
    padding: 8px;
    font-size: 0.9em;
}

    .resultsCount .searchTotal {
        font-weight: bold;
    }

.resultsCount.withButton {
    height: 37px;
    line-height: 37px;
}

/*Contract Award Search*/
#contractAwardFilter {
    margin: 4px 0;
    border: 1px solid #ddd;
}

#contractAwards {
    margin-top: 0px;
    height: auto;
}

#contractAwardFilter .filterRow .noticeTypeLabel {
    display: block;
    float: left;
    padding-right: 10px;
    white-space: nowrap;
    width: auto;
}

#contractAwardFilter .filterRow .filterDiv span {
}

#contractAwardFilter .filterRow a span {
    font-size: 0.9em;
}

.reportRow {
    padding: 8px 0;
    font-size: 0.9em;
    clear: both;
}

    .reportRow .label, .reportRow label {
        border-right: 1px solid #CCCCCC;
        color: #000000;
        float: left;
        margin-right: 8px;
        width: 200px;
    }

    .reportRow.wide label {
        width: 400px;
    }

    .reportRow .value {
        float: left;
        color: #666;
    }

        .reportRow .value label {
            float: left;
            color: #666;
            border-right: none;
        }

    .reportRow .filterDiv {
        min-width: 200px;
        float: left;
        font-size: 1.2em;
        margin: 0 0;
    }

    .reportRow .noLabel {
        border-left: 1px solid #cccccc;
        margin-left: 200px;
        padding-left: 8px;
    }

    .reportRow div.filterDiv {
        border-left: none;
        padding: 0;
    }

    .reportRow .lnkShowDocument {
        line-height: 1em;
    }

    .reportRow div.file {
        float: left;
    }

/*Public Vendor Search*/
#Vendors {
}

#VendorsSelected {
    text-align: right;
    padding: 0 0 0 0;
    margin: 8px 0 8px 0;
}

    #VendorsSelected span {
        font-size: 0.9em;
    }

#VendorFilter .filterRow .filterDiv span {
    display: block;
    float: left;
}

#VendorFilter label.check-box-list-item {
    width: 180px;
}

/* Admin vendor search */
.agencyDiv {
    height:auto;
}

.agencySpan {
    font-weight: bold;
    width: 100px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.levelSpan {
    width: 85px;
    display: inline-block;
    overflow: hidden;    
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;   
}

/* language selection */
.menuHolder section {
    float: right;
    margin-left: 50px;
}

    .menuHolder section li {
        display: inline;
    }

#language li {
    margin-right: 20px;
    float: left;
}

#englishMessage {
    text-decoration: none;
    color: #444;
    font-size: 0.9em;
    float: right;
    cursor: pointer;
}

    #englishMessage:hover {
        text-decoration: underline;
        font-size: 0.9em;
        float: right;
        cursor: pointer;
    }

/*datepicker overrides */

.ui-widget {
    font-family: inherit;
    font-size: 1em;
}

.ui-datepicker {
    border: 1px solid #D2D2D2;
    padding: 0;
    border-radius: 0;
    z-index: 1000 !important;
}

    .ui-datepicker th {
        background-color: #FFF !important;
        border: none;
        border-bottom: 1px solid #D2D2D2;
        color: #08C;
        font-weight: normal;
        padding: 4px;
    }

    .ui-datepicker td {
        border: none;
        border-bottom: 1px solid #D2D2D2;
        background-color: #FFF !important;
        padding: 0;
    }

        .ui-datepicker td a.ui-state-default {
            border: none;
            background-color: #FFF;
        }

        .ui-datepicker td a.ui-state-active {
            background: #D2D2D2;
            border-left: 2px solid #08C;
            border-right: 2px solid #08C;
        }

        .ui-datepicker td a.ui-state-hover {
            background-color: #D2D2D2;
        }

        .ui-datepicker td a.ui-state-highlight {
            background-color: #F5F5F5;
        }

        .ui-datepicker td.ui-state-disabled span.ui-state-default {
            background-color: #FFF;
            border: none;
        }

    .ui-datepicker table {
        margin: 0;
    }

    .ui-datepicker .ui-datepicker-title {
        white-space: nowrap;
        font-weight: normal;
        font-family: inherit;
    }

    .ui-datepicker a.ui-state-hover {
        border: none;
    }

.ui-datepicker-header {
    min-height: 28px;
}

.ui-datepicker-calendar {
    position: relative;
    top: 1px;
}

a.ui-slider-handle {
    font-size: 1em !important;
    border-radius: 100%;
    background: #D2D2D2 !important;
    border: 1px solid #aaaaaa !important;
}

div.ui-slider-horizontal {
    font-size: 0.8em !important;
    border-radius: 10px;
}

.ui-timepicker-div {
    padding: 4px 12px 4px 12px;
}

.ui_tpicker_time_label, .ui_tpicker_hour_label, .ui_tpicker_minute_label, .ui_tpicker_second_label, .ui_tpicker_millisec_label {
    color: #08C;
    margin-top: 8px;
}

.ui_tpicker_hour_slider, .ui_tpicker_minute_slider, .ui_tpicker_second_slider, .ui_tpicker_millisec_slider {
    margin-bottom: 8px;
}

.ui-widget-header {
    background: #295E8F;
    color: #FFF;
    border: none;
    border-radius: 0;
}

.ui-dialog-title {
    font-weight: normal;
}

.ui-widget-overlay {
    background: #000;
}

.ui-widget.ui-autocomplete {
    font-size: 0.8em;
    z-index: 10000;
}

/*dialog box overrides*/
.ui-dialog .ui-dialog-title {
    white-space: normal;
}

.ui-dialog {
    padding: 0;
    border: 1px solid #AAA;
    border-top: 4px solid #08C;
    border-radius: 0;
    z-index: 600 !important;
}

    .ui-dialog .ui-dialog-titlebar {
        z-index: 600;
        border-radius: 0;
        background-color: #F5F5F5;
        color: #08C;
        padding: 0;
        border-bottom: none;
        color: #000;
        font-size: 1.4em;
    }

.ui-dialog-titlebar span.ui-dialog-title {
    padding: 16px;
}

#tasVoucherListHolder, #inboxHolder {
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
}

#myEmailsHolder {
    height: 200px;
    overflow: auto;
}

#errorLogHolder {
}
/*Evaluation Queue Search*/
#evaluationQueueHolder {
    margin: 12px 0;
    min-height: 200px;
}
/*LTA Search*/
#ltasTotal {
}

    #ltasTotal label {
    }

#ltas .tableRow {
    height: 30px;
}

#profileNotComplete {
}

#divProfileSubmit {
    margin: 12px 0px;
}
/*tabs*/

.tabs {
    clear: both;
}

.tabHeaders {
}

.tabBodies {
    clear: both;
}

.tabHeader {
    position: relative;
    top: 1px;
    float: left;
    color: #666;
    font-size: 1.3em;
    min-width: 80px;
    background: none repeat scroll 0 0 #f5f5f5;
    padding: 12px 10px 10px 12px;
    text-align: center;
    border: 1px solid #ddd;
    margin: 2px 2px 0 0;
}

    .tabHeader:hover {
        cursor: pointer;
        background-color: #ddd;
    }

    .tabHeader.activeTab {
        z-index: 2;
        border-bottom: 0 none;
        background-color: #FFF;
        color: #000;
    }

    .tabHeader:not(.step).activeTab {
        border-top: 4px solid #08C;
        padding-top: 10px;
    }

    .tabHeader.step {
        margin: 4px 22px 0 0;
        background-color: #f5f5f5;
        background-repeat: no-repeat;
        border-radius: 0;
        padding: 10px 10px 12px 10px;
    }

        .tabHeader.step:not(.lastStep)::before {
            content: " ";
            position: absolute;
            z-index: 4;
            background-image: url('images/NextIcon.png');
            transform: scaleX(1) /*rtl:transform: scaleX(-1);*/;
            width: 20px;
            height: 24px;
            right: -20px;
        }

        .tabHeader.step.activeTab, .tabHeader.tabComplete.activeTab, .tabHeader.tabIncomplete.activeTab {
            background-color: #FFF;
            border-bottom: 1px solid #FFF;
            padding-top: 12px;
        }

        .tabHeader.step.activeTab {
            padding-top: 10px;
        }

        .tabHeader.step.noThickBorderTop {
            padding-top: 13px;
        }

.tab {
    padding: 10px 10px 5px 10px;
    margin: 10px 0 5px 0;
    display: none;
    border: 1px solid #ddd;
    background-color: #FFF;
}

.tabDisabled, .tabDisabled:hover {
    cursor: not-allowed;
}

.tabHeader.tabComplete, .tabHeader.tabComplete.activeTab {
    border-top: 4px solid #00B800;
}

.tabHeader.tabIncomplete, .tabHeader.tabIncomplete.activeTab {
    border-top: 4px solid #FF0000;
}

.tab.step-tab-active {
    display: block;
}

/* Qualification levels */
.qualification-section .fa-check-circle, .qualification-section .fa-circle {
    display: none;
}

.qualification-section--complete .fa-check-circle {
    display: flex;
}

.qualification-section--incomplete .fa-circle {
    display: flex;
}

.fa-circle {
    color: #FF0000;
}

.fa-check-circle {
    color: #00B800;
}

.fa-exclamation-circle {
    color: #C69C04;
}

/*New tabs for accessibility*/

.accessibilityTabs {
    width: 100%;
}

.accessibilityTablist {
    margin: 0 0 -0.1em;
    overflow: visible;
}
    
    .accessibilityTab {
        position: relative !important;
        margin: 0 !important;
        padding: 0.3em 0.5em 0.4em !important;
        border: 1px solid hsl(0, 1%, 0%) !important;
        border-radius: 0.2em 0.2em 0 0 !important;
        box-shadow: 0 0 0.2em hsl(219, 1%, 72%) !important;
        overflow: visible !important;
        font-family: inherit !important;
        font-size: inherit !important;
        background: hsl(220, 20%, 94%) !important;
        color: #000 !important;
    }

    .accessibilityTab:hover::before,
    .accessibilityTab:focus::before,
    .accessibilityTab[aria-selected="true"]::before {
        position: absolute;
        bottom: 100%;
        right: -1px;
        left: -1px;
        border-radius: 0.2em 0.2em 0 0;
        border-top: 3px solid hsl(0, 96%, 0%);
        content: '';
    }

    .accessibilityTab[aria-selected="true"] {
        border-radius: 0;
        background: hsl(220, 43%, 99%);
        outline: 0;
    }

        .accessibilityTab[aria-selected="true"]:not(:focus):not(:hover)::before {
            border-top: 5px solid hsl(218, 96%, 48%);
        }

        .accessibilityTab[aria-selected="true"]::after {
            position: absolute;
            z-index: 3;
            bottom: -1px;
            right: 0;
            left: 0;
            height: 0.3em;
            background: hsl(220, 43%, 99%);
            box-shadow: none;
            content: '';
        }

    .accessibilityTab:hover,
    .accessibilityTab:focus,
    .accessibilityTab:active {
        outline: 0;
        border-radius: 0;
        color: inherit;
    }

        .accessibilityTab:hover::before,
        .accessibilityTab:focus::before {
            border-color: hsl(0, 96%, 0%);
        }

.accessibilityTabpanel {
    position: relative;
    z-index: 2;
    padding: 0.5em 0.5em 0.7em;
    border: 1px solid hsl(0, 1%, 0%);
    border-radius: 0 0.2em 0.2em 0.2em;
    box-shadow: 0 0 0.2em hsl(219, 1%, 72%);
    background: hsl(220, 43%, 99%);
}

    .accessibilityTabpanel:focus {
        border-color: hsl(0, 96%, 0%);
        box-shadow: 0 0 0.2em hsl(0, 96%, 0%);
        outline: 0;
    }

    .accessibilityTabpanel::after {
        content: attr(data-text);
        color: #3c3d3d;
        font-size: 0.6em;
        padding: 2em 0em 0em 0em;
        float: right;
    }
        .accessibilityTabpanel:focus::after {
            position: absolute;
            bottom: 0;
            right: -1px;
            left: -1px;
            border-bottom: 3px solid hsl(0, 96%, 0%);
            border-radius: 0 0 0.2em 0.2em;
            content: '';
        }

        .accessibilityTabpanel:focus::after {
            position: absolute;
            bottom: 0;
            right: -1px;
            left: -1px;
            border-bottom: 3px solid hsl(0, 96%, 0%);
            border-radius: 0 0 0.2em 0.2em;
            content: '';
        }

    .accessibilityTabpanel p {
        margin: 0;
    }

    .accessibilityTabpanel * + p {
        margin-top: 1em;
    }

/*progress bar*/
.progressBarHolder {
    margin: 8px 0;
}

.progressBarInner {
    box-sizing: border-box;
    background: none repeat scroll 0 0 #1374BD;
    border-radius: 8px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px 0;
    text-align: center;
}

.zeroPercent {
    color: #4A7FE0;
}

.progressBarOuter {
    box-sizing: border-box;
    border: 1px solid #D2D2D2;
    border-radius: 8px;
    background: #FFF;
    width: 25%;
    min-width: 250px;
    margin: 8px 0;
}


/*manage users */
#userRoleForm {
    display: none;
}

.roleOption {
    background: #E8F4FF;
    border-radius: 4px;
    padding: 8px;
    width: 150px;
    margin: 8px;
    float: left;
    border: 1px solid #AAA;
}

#resultsHolder {
    position: relative;
    height: 30px;
}

.resultsCount .right {
    position: absolute;
    right: 4px;
    top: 7px;
}

.resultsCount .left {
    position: absolute;
    left: 20px;
    top: 13px;
}


/*manage resources */
#resourceFilter {
    margin: 12px 0;
}

#resources {
    height: 500px;
    overflow: auto;
}

.branch {
    padding-left: 16px;
    display: none;
}

.areaName, .controllerName, .viewName {
    color: #666;
}

.elementDefault:hover, .elementEmpty:hover {
    cursor: pointer;
    text-decoration: underline;
}

.elementTranslations {
    color: #005689;
    font-size: 0.9em;
    margin-left: 8px;
}

.translation {
    margin: 0 4px;
}

.elementFrench, .elementSpanish, .elementPortuguese, .elementRussian, .elementChinese, .elementArabic {
    display: none;
}

#editorTemplate {
    display: none;
}

.formSection {
    float: left;
    margin: 8px;
}

    .formSection label {
        display: block;
    }

.expandable, .dashboardExpandable {
    background: url("images/arrow-right.png") no-repeat scroll 98% 55% transparent /*rtl:url("images/arrow-left.png") no-repeat scroll 2% 55% transparent*/;
}

    .expandable:hover, .expanded:hover {
        cursor: pointer;
        opacity: 0.5;
    }

    .dashboardExpanded:hover, .dashboardExpandable:hover {
        cursor: pointer;
        background-color: #ddd;
        color: #000;
    }

.expanded, .dashboardExpanded {
    background: url("images/arrow-down.png") no-repeat scroll 98% center transparent;
}

.areaName, .viewName, .controllerName {
    max-width: 150px;
    padding: 4px 16px 4px 4px;
    border: 1px solid #DDD;
    margin: 4px 0;
}

#btnExpandAll {
    margin-right: 8px;
}

.expandButtons {
    font-size: 0.8em;
}

.resourceAreas {
    font-size: 0.8em;
}

.resourceRowEditor {
    display: none;
}

.resourceTableButtons {
    display: none;
}

.resourceTextarea {
    height: 80px;
    width: 400px;
    color: #444;
    background-color: transparent;
    resize: none;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}

#tblResources .options input[type='button'] {
    margin: 4px;
}

/*manage email templates */
.wideText {
    width: 100%;
}

.templateEditArea {
    width: 100%;
    height: 450px;
    padding-top: 10px;
}

.wordList {
    float: left;
    width: 300px;
    background: #fff;
    margin: 0 0 0 0px;
}

li.dynamicField {
    margin-top: 5px;
    border: 1px solid #000;
    color: #000;
    text-align: center;
}

.languageTabs {
    margin: 0 0 0 5px;
    float: left;
}

.shadow {
    border: 1px solid #999;
    -moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    box-shadow: 3px 3px 4px #999;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}

html.forceScrollbars {
    overflow-y: scroll;
}

/* registration */
.companyExists, #companyExists, #noVendorFound, #CompanyNameExists, #usernameExists, #emailIsNotForOrganizations, .duplicateOfCountryAndFiscalCode, .institutionalOrganizationExists, #EnglishAbbreviationExists, .form-error-message {
    color: #AF0E1E;
    display: none;
}

.noChangeInCompanyName {
    color: #AF0E1E;
    display: none;
}

.requiredDocument {
    color: #AF0E1E;
    display: none;
}

#countryRequired {
    color: #AF0E1E;
    display: none;
}

#telephoneCountryRequired {
    color: #AF0E1E;
    display: none;
}

.displayTextarea {
    height: 100px;
    width: 400px;
    border: none;
    color: #444;
    background-color: transparent;
    resize: none;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}

#registrationTabLegend, #noticeTabLegend, #qualificationTabLegend {
    font-size: 0.8em;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 8px 0;
    padding: 8px;
    border-radius: 8px;
}

.legendRow {
    float: left;
    margin-right: 12px;
}

.legendColour {
    float: left;
    width: 25px;
    height: 6px;
    clear: both;
    margin: 6px;
    border-bottom: 4px solid;
}

.legendLabel {
    float: left;
    margin: 4px 0;
}

.legendComplete {
    border-color: #00B800;
}

.legendIncomplete {
    border-color: #FF0000;
}

#eligibilityDiv {
    padding: 8px 16px;
}

    #eligibilityDiv div p:nth-child(1) {
        display: inline;
    }

    #eligibilityDiv div p:nth-child(2) {
        display: inline;
    }

input[type='button'].btnSubmitQualification {
    margin: 8px;
}

.countriesHolder {
    max-height: 400px;
    overflow: auto;
}

/* Upgrade registration*/
#UpgradeRegistrationDiv {
    padding: 10px 0px 16px 0px;
    margin-top: 10px;
}

/* ContractAward */
#emailExists, #awardDateIssue, #domainExists, #emailIsForOrganizations {
    color: #AF0E1E;
    display: none;
}

/* forgot password */
#PassworsdStep ul.steps {
    margin-bottom: 20px;
}

    #PassworsdStep ul.steps li {
        height: 100%;
        list-style-position: outside;
        list-style-type: none;
        padding-left: 25px;
    }

        #PassworsdStep ul.steps li.step1 {
            background: url("Images/bullets/blue_1_small.png") no-repeat scroll 0 0 transparent;
        }

        #PassworsdStep ul.steps li.step2 {
            background: url("Images/bullets/blue_2_small.png") no-repeat scroll 0 0 transparent;
        }

        #PassworsdStep ul.steps li.step3 {
            background: url("Images/bullets/blue_3_small.png") no-repeat scroll 0 0 transparent;
        }

div.formRow .fieldTip {
    color: #888888;
    display: block;
    font-size: 12px;
}


/*UNSPSC */
.unspscChildren {
    padding-left: 16px;
}

.unspsc {
    min-height: 200px;
}

    .unspsc:not(.noBorder) {
        border: 1px solid #D2D2D2;
        margin: 10px 0 5px 0;
    }

.nodeName {
    padding: 0 24px 2px 0;
}

    .nodeName.filtered {
        color: #8f8f8f;
    }

.unspscFilterChildren {
}

.unspscSectionHeader {
    background: #F5F5F5;
    border-bottom: 1px solid #DDD;
    padding: 8px;
}

.unspscSelectedCodes {
    float: left;
    width: 30%;
    overflow: auto;
}

.unspscSelectedCodeTree {
    font-size: 0.8em;
    padding: 8px;
    min-height: 300px;
    overflow: auto;
    border-left: 1px solid #DDD;
}

.unspscSaveSelectedCodes {
    margin: 16px 8px;
}

.unspscSelector {
    float: left;
    width: 70%;
    margin-bottom: 5px;
    box-sizing: border-box;
}

    .unspscSelector:not(.leftBorderOnly) {
    }

.unspscSearchBar {
    border-bottom: 1px solid #DDD;
    font-size: 1.2em;
    padding: 8px;
}

.unspscSearchResults {
    font-size: 0.8em;
    padding: 16px;
    display: none;
    height: 400px;
    overflow: auto;
}

.unspscNoResults, .unspscNoCodes {
    background-color: #E8F4FF;
    padding: 16px;
    display: none;
    margin: 8px;
}

.unspscTree {
    font-size: 0.8em;
    padding: 16px;
    max-height: 400px;
    overflow: auto;
}

.txtSearchUnspsc {
    width: 60%;
    font-size: 1.2em;
}

.lnkRemoveUnspsc, .lnkRemoveUnspscFilter, .lnkRemoveNotice, .lnkRemoveAgency, .lnkDetachParentAgency, .lnkRemoveDocument, .lnkShowDocument, .lnkUspscSelectChildren, .lnkUspscRemoveChildren, .lnkRemoveSanctionReason, .lnkOptions {
    font-size: 0.8em;
    margin: 0 4px;
}

a.lnkRemoveUnspsc, a.lnkRemoveUnspscFilter, a.lnkRemoveNotice, a.lnkRemoveAgency, a.lnkDetachParentAgency, a.lnkRemoveDocument, a.lnkShowDocument, .lnkUspscSelectChildren, .lnkUspscRemoveChildren, a.lnkRemoveSanctionReason, .lnkOptions {
    color: #1374BD !important;
    cursor: pointer;
}

a.disabled {
    color: #8f8f8f !important;
    cursor: pointer;
}

.lnkShowDocument {
    font-size: 1.2em;
    text-decoration: underline;
    line-height: 2em;
    margin-left: 0;
}

a.lnkShowDocumentSearch {
    line-height: 2.5em;
    color: #1374BD !important;
}

.unspscDeleted {
    color: #f00;
}

.unspscDeletedInfo {
    color: #f00;
    font-size: 0.8em;
}

.lnkUspscRemoveAll, .lnkExpandAll, .lnkCollapseAll {
    font-size: 0.8em;
    margin: 0 4px;
    float: right;
}

.unspsc-selector {
    border: 1px solid #DDD;
    margin: 10px 0 5px 0;
}

    .unspsc-selector .unspsc-header {
        background: #F5F5F5;
        padding: 8px;
        border-bottom: 1px solid #DDD;
    }

    .unspsc-selector .unspsc-toolbar {
        padding: 8px;
        border-bottom: 1px solid #DDD;
    }

        .unspsc-selector .unspsc-toolbar .unspsc-filter-label {
            display: inline-block;
            margin-right: 8px;
        }

        @media (min-width: 768px) {
            .unspsc-selector .unspsc-toolbar .unspsc-filter-textbox {
                width: 400px;
            }
        }
        .unspsc-selector .unspsc-toolbar .unspsc-action-clear-selected, .unspsc-action-select-all-filtered {
            font-size: 0.9em;
        }

    .unspsc-selector .unspsc-body {
        padding: 16px;
    }

        .unspsc-selector .unspsc-body .unspsc-tree {
            font-size: 0.8em;
            overflow: auto;
            max-height: 400px;
        }

            .unspsc-selector .unspsc-body .unspsc-tree .unspsc-node .unspsc-node-details {
                display: flex;
                align-items: center;
            }

            .unspsc-selector .unspsc-body .unspsc-tree .unspsc-node .unspsc-node-details > .unspsc-node-checkbox {
                flex-grow: 0;
                flex-shrink: 0;
            }

                .unspsc-selector .unspsc-body .unspsc-tree .unspsc-node .unspsc-node-details > .unspsc-node-checkbox:not(:disabled) {
                    cursor: pointer;
                }


            .unspsc-selector .unspsc-body .unspsc-tree .unspsc-node.unspsc-node-fade > .unspsc-node-details > .unspsc-node-label {
                color: #8f8f8f;
            }

            .unspsc-selector .unspsc-body .unspsc-tree .unspsc-node.unspsc-node-expandable > .unspsc-node-details > .unspsc-node-label {
                cursor: pointer;
            }

                .unspsc-selector .unspsc-body .unspsc-tree .unspsc-node.unspsc-node-expandable > .unspsc-node-details > .unspsc-node-label:after {
                    content: url("images/arrow-right.png") /*rtl:url("images/arrow-left.png")*/;
                    padding-left: 0.5em;
                }

            .unspsc-selector .unspsc-body .unspsc-tree .unspsc-node.unspsc-node-expandable.unspsc-node-expanded > .unspsc-node-details > .unspsc-node-label:after {
                content: url("images/arrow-down.png");
                padding-left: 0.5em;
            }

                .unspsc-selector .unspsc-body .unspsc-tree .unspsc-node.unspsc-node-expandable:not(.unspsc-node-expanded) > .unspsc-node-children {
                    display: none;
                }

            .unspsc-selector .unspsc-body .unspsc-tree .unspsc-node > .unspsc-node-children {
                padding-left: 16px;
            }

        .unspsc-selector .unspsc-body .unspsc-tree-empty {
            background-color: #E8F4FF;
            padding: 16px;
            margin: 8px;
        }

        .unspsc-selector .unspsc-body .unspsc-action {
            padding-top: 16px;
        }

/*Multiple country picker*/
.all-countries-links a {
    margin-right: 4px;
}

a.selected-country-remove {
    font-size: 0.8em;
}

/*Vendor Emails */
.emailpreviewVendorsHeader {
    float: left;
    width: 30%;
    overflow: auto;
}

.emailPreviewHeader {
    float: left;
    width: 69%;
    border-left: 1px solid #DDD;
}

.emailpreviewSectionHeader {
    background: #EEEEEE;
    border-bottom: 1px solid #AAAAAA;
    padding: 8px;
}

.info button {
    display: block;
}

.successnormalpadding .options {
    display: none;
}

div.successnormalpadding {
    background: #DED;
    border-radius: 4px;
    padding: 4px;
}

.editableListItem.successnormalpadding {
    padding: 16px;
}

.emailVendorList {
    overflow-y: auto;
    height: 410px;
    padding-right: 5px;
}

.clickableContactDetails {
    margin: 10px 0;
    cursor: pointer;
    padding: 4px;
    font-size: 0.8em;
}

#emailPreviewSubject {
    margin: 10px;
    padding: 3px;
    width: 98%;
    height: 1.5em;
    border: 1px solid #CCC;
}

#emailPreviewBody {
    margin: 10px;
    padding: 3px;
    width: 98%;
    height: 350px;
    border: 1px solid #CCC;
}

#emailHighlightInfo {
    float: right;
}

#cmdSendEmails {
    margin: 5px;
}

.emailVendorDetails {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    margin: 8px 0;
    padding: 8px;
}

.highlight {
    background-color: #FF0;
}

/* AgencyPreferences*/
.countriesSelectedList {
    overflow: auto;
    font-size: 0.8em;
}

.lnkCountrySelectAll {
    font-size: 0.8em;
    margin: 0 4px;
}

.lnkCountryRemoveAll {
    font-size: 0.8em;
    margin: 0 4px;
}

/*Autocomplete suggestions*/
.autocomplete-suggestions {
    font-size: 0.8em;
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    border: 1px solid #aaaaaa /*{borderColorHeader}*/;
    background: #cccccc /*{bgColorHeader}*/ url(../Content/themes/base/minified/images/ui-bg_highlight-soft_75_cccccc_1x100.png) /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/;
    color: #222222 /*{fcHeader}*/;
    font-weight: bold;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

/*manage agencies */
.spacerow {
    width: 100%;
}

#addagencies {
    height: 40px;
    padding: 4px;
}

#agencyFilter {
    margin: 12px 0;
}

#agencyFilterLeft {
    float: left;
    width: 35%;
    margin: 0 8px;
}

#agencyFilterRight {
    float: left;
    width: 35%;
}

/*Reporting*/
#suggest {
    font-size: 0.8em;
    position: absolute;
    background: #FFF;
    color: #000;
    padding: 8px;
    z-index: 100;
    border: 1px solid #AAA;
    margin-top: -9px;
    border-top: none;
}

.suggestion {
}

    .suggestion:hover {
        cursor: pointer;
        text-decoration: underline;
    }

    .suggestion.active {
        background: #DDD;
    }

#reporter {
    height: 400px;
    overflow: auto;
}

#txtQuery {
    margin: 8px 0;
    width: 98%;
    font-size: 1.6em;
    padding: 8px;
    border: 1px solid #AAA;
}

.reportingMenuItem {
    float: left;
    margin: 4px 0;
    padding: 4px 12px;
    min-width: 80px;
    text-align: center;
    border-right: 1px solid #ccc;
}

.reportingMenuRightItem {
    float: right;
    font-size: 0.8em;
    margin: 0 8px;
}

.reportingMenuItem:hover {
    cursor: pointer;
    background-color: #579;
    color: #FFF;
    border-color: #579;
}

#reportingMenu {
    border-bottom: 1px solid #AAA;
    background: #EEE;
    color: #222;
}

#reporting {
    border: 1px solid #AAA;
}

#reportingBody {
    padding: 8px;
}

#reportingChartHolder {
    float: left;
    width: 40%;
    border: 1px solid #EEE;
    margin: 8px;
    padding: 8px;
}

#reporter.breakdown {
    float: left;
    border: 1px solid #EEE;
    margin: 8px;
    padding: 8px 24px;
}

#savedQueries {
    position: fixed;
    right: 12px;
    top: 46px;
    background: #000;
    opacity: 0.8;
    color: #FFF;
    min-height: 400px;
    min-width: 200px;
    width: 15%;
    height: 50%;
    border-radius: 16px;
}

    #savedQueries:hover {
        cursor: move;
    }

#savedQueriesHeader {
    font-size: 1.4em;
    background: #444;
    padding: 8px;
    border-radius: 8px 8px 0 0;
}

#savedQueriesBody {
    font-size: 0.8em;
    padding: 8px;
}

.savedQuery {
}

.queryText a {
    color: #FFF;
    margin-right: 4px;
}

.buttonActionLink {
    border-radius: 4px;
    font-family: Arial;
    font-size: 0.9em;
    min-width: 90px;
    padding: 8px 20px;
    text-decoration: none;
    white-space: nowrap;
}

.buttonActionLinkViewDocuments {
    background: #006400 none repeat scroll 0 0;
    border: 1px solid #006400;
    color: #fff !important;
}

    .buttonActionLinkViewDocuments:hover {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #006400;
        color: #006400 !important;
    }

#UNGMNo {
    float: Right;
}

#countriesHolder {
    max-height: 400px;
    overflow: auto;
}

/*use expandableListItem instead of this*/
.listItem {
    margin: 8px;
}

div.editableListItem {
    padding: 12px;
    padding-bottom: 18px;
    margin: 12px 0 12px 0;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 5%) 0px 0.5px 0px, rgb(0 0 0 / 3%) 0px 0px 0px 1px, rgb(0 0 0 / 5%) 0px 2px 4px;
    vertical-align: middle;
}

    div.editableListItem span.options {
        float: right;
    }

    div.editableListItem input[type='button'] {
        padding: 4px 8px 4px 8px;
        margin: 0 1px 1px 0;
    }

.info span.options {
    float: right;
}

div.editableListItem span.options a {
    font-size: 0.8em;
    margin: 0 4px 0 0;
}

.listContainer {
    margin: 10px 0 5px 0;
}

.clickableListItem {
}

    .clickableListItem:hover {
        cursor: pointer;
        background: #EEE;
    }

input.editableListButton {
    font-size: 0.8em;
    min-width: 60px;
    padding: 4px;
}

div.editableListItem.average {
    background: #DDDDDD;
}

div.editableListItem.currentUser {
    background: #EDEDED;
}

/*expandableListItem*/
div.expandableListItem {
    width: 100%;
    margin: 10px 0 5px 0;
}

    div.expandableListItem span.options {
        float: right;
        margin-right: 4px;
    }

        div.expandableListItem span.options.expanded {
            margin-top: 3px;
        }

    div.expandableListItem .options input[type='button'] {
        font-size: 0.8em;
        min-width: 60px;
        padding: 4px 10px 4px 10px;
        margin: 0 4px 0 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    div.expandableListItem .title {
        background-color: #f5f5f5;
        color: #444;
        border: 1px solid #D2D2D2;
        padding: 15px 10px 15px 16px;
    }

     div.expandableListItem .title span{
        font-size: 1.3em;           
    }
    
    div.expandableListItem .title span.withButton{
        line-height: 32px;
    }    

    div.expandableListItem .btnfloatRight {
        float: right;
        margin:  0px 0px 0px 0px;
    }

        div.expandableListItem .title.expanded {
            border-bottom: none;
            border-top: 4px solid #08C;
            color: #000;
        }

    div.expandableListItem .body {
        background-color: #FFF;
        overflow: auto;
        border: 1px solid #D2D2D2;
        border-top: none;
        padding: 8px 16px 8px 16px;
    }

    div.expandableListItem .expandable, div.expandableListItem .expanded {
        background-image: none;
        cursor: default;
    }

        div.expandableListItem .expandable:hover, div.expandableListItem .expanded:hover {
            opacity: 1;
        }

/*manage ineligible vendors */
#ineligible-vendors-search {
    margin: 12px 0;
}

    #ineligible-vendors-search .unscsl label {
        cursor: pointer;
    }

    #ineligible-vendors-search .sanction {
        white-space: nowrap;
        font-weight: bold;
    }

    #ineligible-vendors-search a.btn {
        color: #FFF;
    }

.UngmNumber {
    font-size: 0.9em;
}

#sanctionsHolder .reportRow .filterDiv {
    font-size: 0.85em;
    border-left: none;
    padding-left: 0;
}

/* Feedback */
#imgSatisfaction1 {
    float: right;
    background-image: url('Images/Feedback/Smiley_disappointed.jpg');
    display: none;
    width: 50px;
    height: 50px;
}

#imgSatisfaction2 {
    float: right;
    background-image: url('Images/Feedback/Smiley_average.jpg');
    display: none;
    width: 50px;
    height: 50px;
}

#imgSatisfaction3 {
    float: right;
    background-image: url('Images/Feedback/Smiley_satisfied.jpg');
    display: block;
    width: 50px;
    height: 50px;
}

#imgSatisfaction4 {
    float: right;
    background-image: url('Images/Feedback/Smiley_delighted.jpg');
    display: none;
    width: 50px;
    height: 50px;
}

#fbtransparency {
    -moz-box-shadow: 0 0 4px 4px #000;
    -webkit-box-shadow: 0 0 4px 4px #000;
    box-shadow: 0 0 4px 4px #000; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 135, Color = '#000000');
}

#fbcloseico {
    padding: 4px;
}

#fbtransparency {
    position: absolute;
    background-color: #4A8FCD;
    opacity: 0.1;
}

.radAllOrMatching {
    margin-left: 20px;
}

#cmdReverse {
    margin-left: 20px;
}

#Comments {
    width: 80%;
    min-height: 200px;
}

.notReceivingTas {
    opacity: 0.7;
}

.tasRenewOptions {
    margin: 8px;
    padding: 8px;
}

/*Contract award*/
#awardCountriesHolder {
    max-height: 400px;
    overflow: auto;
}

/*My email templates*/
#myTemplatesDynamicFields {
    clear: both;
}

    #myTemplatesDynamicFields .dynamicField {
        margin: 8px 12px 16px 0;
        border: 1px solid #000;
        color: #000;
        text-align: center;
        float: left;
        padding: 4px;
    }

        #myTemplatesDynamicFields .dynamicField:hover {
            cursor: pointer;
            border-color: #555;
        }

div.formRow input.subjectText {
    width: 590px;
}

#saveUserEmailTemplate {
    margin: 8px 0;
}

/*My Note and Help*/
#sideBtnHolder {
    position: fixed;
    right: 30px;
    top: 40%;
    width: 49px;
    height: 195px;
}

input[type='button'].btn-side {
    font-size: 1em;
    font-family: Verdana;
    border-radius: 5px;
    border: 0 none;
    -ms-transform: rotate(-90deg) /*rtl:rotate(270deg)*/;
    -webkit-transform: rotate(-90deg) /*rtl:rotate(270deg)*/;
    -moz-transform: rotate(-90deg) /*rtl:rotate(270deg)*/;
    overflow: visible;
    position: absolute;
    color: #FFF;
    width: 150px;
    height: 35px;
    left: -10px;
    padding: 4px 12px 10px 35px /*rtl:4px 12px 10px 35px*/;
}

#btnMyNote {
    bottom: 0;
    background: url('images/note-white.png') no-repeat scroll 8% 35% #295E8F /*rtl:url('images/note-white.png') no-repeat scroll 8% 35% #295E8F*/;
}

    #btnMyNote:hover {
        cursor: pointer;
        border: 1px solid #08C;
        background-color: #FFF;
        color: #08C;
    }

#btnMyNote:hover {
    background-image: url('images/note-blue.png');
}


.formRow.editScreenshot.focus {
    background: transparent;
}

#rbHideHighlight label {
    padding: 0;
}

#rbHideHighlight span.validationIcon {
    display: none;
}
/*My Note UNUser*/
.textArea {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid gray;
    height: 50%;
    overflow: auto;
    padding: 2px;
    resize: both;
    width: 100%;
}

.UserNoteButton {
    float: right;
}

.Notedate {
    font: medium -moz-fixed;
    float: right;
}
/*MyAgencyNotices, MyLTAs, MyContractAwards UNUser*/
#myAgencyNoticeTableScroll, #myLTAsHolder, #myContractAwards, #myContractAwardsVendorsToBeRated {
    margin-top: 0px;
    height: 300px;
    overflow: auto;
}

/*Bulk vendor upload*/
#bulkVendorUpload {
}

#uploadButtonHolder {
    margin: 12px 0;
}

.syncHighContainer {
    margin-top: 30px;
    margin-bottom: 20px;
}

tr.uploadSuccess td {
    background-color: #DED;
}

tr.uploadFailure td {
    background-color: #EDD;
}

#conversationSubject {
    padding-top: 12px;
    padding-bottom: 8px;
}

.emailBody {
    margin: 20px 0px;
}

.emailDestinataries {
    padding: 20px 0px;
    float: left;
}

.emailSummary {
    padding-bottom: 5px;
}

/*Agency Preferences*/
div .formRow .thresholdLabel {
    float: left;
    width: 100px;
    text-align: right;
    margin-right: 5px;
}

div .formRow .threshold {
    float: left;
    width: 100px;
    text-align: right;
}

.validation {
    display: none;
    color: #FF0000;
}

.checkingAvailability, .checkingForDuplicateWithCountry, .checkingForDuplicateWithFiscalCode {
    display: none;
}

.checkingAvailability, .checkingForUnique {
    display: none;
}

#evaluatorPickerHolder {
    min-height: 200px;
}

/*Reactivation*/
#chkAcceptReactivate {
    float: left;
    margin: 4px;
}

.content ul {
    list-style: disc;
    padding: 8px 0 8px 30px;
}

.reactivationClause div.formRow label {
    width: 50%;
}

#reactivation .content {
    padding: 16px;
    margin: 8px;
}

/*Feedback admin*/
#tblFeedback td.Admin-Feedback-FeedbackType-VendorLoginProblems {
    background-color: #FFFDDB;
}

#tblFeedback td.Admin-Feedback-FeedbackType-VendorRegistrationProblems {
    background-color: #BFBEAB;
}

#tblFeedback td.Admin-Feedback-FeedbackType-VendorProcurement {
    background-color: #C7656A;
}

#tblFeedback td.Admin-Feedback-FeedbackType-VendorTAS {
    background-color: #B0CEC5;
}

#tblFeedback td.Admin-Feedback-FeedbackType-VendorTender {
    background-color: #CEE6DF;
}

#tblFeedback td.Admin-Feedback-FeedbackType-VendorOther {
    background-color: #FFE7DB;
}

#tblFeedback td.Admin-Feedback-FeedbackType-UNUserLogin {
    background-color: #a6aebe;
}

#tblFeedback td.Admin-Feedback-FeedbackType-UNUserRights {
    background-color: #C2B4D0;
}

#tblFeedback td.Admin-Feedback-FeedbackType-UNUserUsingUNGM {
    background-color: #C0CBE7;
}

#tblFeedback td.Admin-Feedback-FeedbackType-UNUserFeedback {
    background-color: #D8F8D5;
}

#tblFeedback td.Admin-Feedback-FeedbackType-UNUserOther {
    background-color: #E8D2F3;
}

.smallBox {
    width: 50px;
}

#vendorReport .progressBarHolder {
    clear: both;
}

#vendorReport .reportRow label {
    font-weight: normal;
    width: inherit;
}

#vendorReport .vendorReportSummary {
    font-size: 1.8em;
    font-weight: normal;
    padding: 20px;
}

#evaluatorReport .reportRow label {
    width: 400px;
}

.reportButtons {
    margin: 12px 0;
}

    .reportButtons input[type ='button'] {
        margin: 0 4px;
    }

#tasDashboard .reportRow label {
    width: 430px;
}

#tasDashboard .reportRow .value {
    width: 20px;
    text-align: right;
}

/*Assisted Registration*/
#AssistedRegistrations {
    margin-top: 0px;
    height: 500px;
    overflow: auto;
}

.convertOptions {
    float: right;
}

.feedbackOptions {
    float: right;
}

#txtEvaluatorReportUser {
    width: 400px;
}

/*Vendor rating*/
.star {
    float: left;
}

#dlgRating .editableListItem > div:not(.clear) {
    float: left;
    width: 100%;
}

.ratingText {
    float: left;
}

.ratingStars {
    float: right;
}

    .ratingStars label {
        width: 30px;
        display: inline-block;
        text-align: right;
    }

.validationMessageLeftFloat {
    float: left;
}

#dlgRating .btnContainer {
    margin-top: 20px;
}

/*File upload*/
#fileUploadTableContainer {
    display: inline;
    float: left;
    width: 100%;
}

.btn.use {
    font-size: 1em;
}

tr.template-download:hover td {
    background-color: #DDD;
    cursor: pointer;
}

    tr.template-download:hover td button.btn.use:not([DISABLED]) {
        background-color: #557799;
        border-color: #557799;
        color: #FFFFFF;
        cursor: pointer;
    }

.row.lowerBar {
    margin: 12px 12px 12px 0;
}

/* Workspace */
span.published {
    background: url('images/valid.gif') no-repeat scroll 0 0 transparent;
}

span.unpublished {
    background: url('images/invalid.gif') no-repeat scroll 2px 3px transparent;
}

#wholePage {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
}

#mobileSettingsMenu div {
    font-size: 0.9em;
    margin: 8px;
    width: 80px;
    padding: 4px 8px;
    height: auto;
}

#mobileSettingsMenu {
    height: auto !important;
}


/*tool tip*/
body .ui-tooltip {
    border-width: 2px;
}

.ui-tooltip {
    box-shadow: 0 0 5px #AAAAAA;
    max-width: 300px;
    padding: 8px;
    position: absolute;
    z-index: 9999;
}

#faqTable {
    margin-bottom: 20px;
}

#faqLeft {
    float: left;
    width: 30%;
}

#faqRight {
    float: left;
    width: 69%;
}

.faqQuestion {
    font-weight: bold;
}

.faqQuestionAnchor {
    font-size: 0.9em;
}

div.formRow input[type="text"].txtFaqQuestion {
    width: 500px;
}

/* Password strength*/
#pwindicator {
    margin-top: 0px;
    width: 200px;
    margin-left: 210px;
    min-height: 15px;
}

.bar {
    height: 2px;
}

.pw-very-weak .bar {
    background: #d00;
    width: 40px;
}

.pw-very-weak .label {
    color: #d00;
    font-size: 0.6em;
    margin-top: -3px;
}

.pw-weak .bar {
    background: #d00;
    width: 80px;
}

.pw-weak .label {
    color: #d00;
    font-size: 0.6em;
}

.pw-mediocre .bar {
    background: #FF8800;
    width: 120px;
}

.pw-mediocre .label {
    color: #FF8800;
    font-size: 0.6em;
}

.pw-strong .bar {
    background: #f3b31a;
    width: 160px;
}

.pw-strong .label {
    color: #f3b31a;
    font-size: 0.6em;
}

.pw-very-strong .bar {
    background: #0d0;
    width: 200px;
}

.pw-very-strong .label {
    color: #0d0;
    font-size: 0.6em;
}

.condition {
    font-size: 0.9em;
}

.institutional-organization-dashboard {
    width: 100%;
}

.institutional-organization-dashboard * {
    box-sizing: border-box !important;
}

/*Dashboard*/

.dashboard * {
    box-sizing: border-box !important;
}

.dashboard {
    display: flex;
    justify-content: space-between;
}

.dashboardGroupLeft {
    flex-grow: 1;
    padding: 14px 7px;
}

.dashboardGroupRight {
    flex-basis: 20%;
    padding: 14px 7px;
}

@media only screen and (max-width: 768px) {
    .dashboard {
        flex-direction: column;
    }
}

.dashboardTile {
    width: 100%;
    margin-bottom: 8px;
    margin-top: 8px;
    padding-left: 10px;
}

.tileTitle {
    width: 100%;
    background-color: #f5f5f5;
    color: #444;
    font-size: 1.3em;
    border: 1px solid #D2D2D2;
    padding: 15px 10px 15px;
}

    .tileTitle.dashboardExpanded, .tileTitle:not(.dashboardExpandable) {
        border-bottom: none;
        border-top: 4px solid #08C;
        padding: 15px 10px 15px;
        color: #000;
        padding-top: 13px;
    }

.tileBody {
    width: 100%;
    background-color: #FFF;
    padding: 8px 10px;
    min-height: 300px;
    overflow: auto;
    border: 1px solid #D2D2D2;
    border-top: none;
}

.browserWarning {
    background: url("images/warning.png") no-repeat scroll 8px center #FFFFDD;
    padding: 8px 0 0 56px;
    margin-top: 36px;
}

.pdfContainer {
    overflow: hidden;
    height: 100%;
}

.pdfFrame {
    width: 100%;
    height: 800px;
}

/*Add New UNSPSC*/
.selectAsParent a {
    color: #0088CC;
}

#unspscCodeExists {
    color: #AF0E1E;
    display: none;
}

#unspscCodeExistsInMaster {
    color: #AF0E1E;
    display: none;
}

#parentIdRequired {
    color: #AF0E1E;
    display: none;
}

/*TAS bank transfer*/
#btnSubmitTasPaymentByBank {
    margin-top: 10px;
}

/*LTA feedback comment*/
#ltaFeedbackFrom #Comment {
    width: 40%;
    min-height: 100px;
}

#ltaFeedbackFrom div.formRow label {
    display: block;
    width: 200px;
    float: left;
}

div.formRow .radio-button-list .radio-button-list-item label {
    cursor: pointer;
    width: 100%;
}

/*LTA additional information*/
.ltaRequiredInformation {
    font-size: 0.85em;
    color: #AF0E1E;
    display: none;
}

#LTATermsAndConditions div.formRow label {
    float: left;
    width: 260px;
    display: block;
}

#LTATermsAndConditions div.formRow select {
    width: 400px;
}

.ltaTextarea {
    height: 80px;
    width: 400px;
    color: #444;
    background-color: transparent;
    resize: none;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}

.editableListHolder {
    border-left: 1px solid #cccccc;
    margin-left: 200px;
    padding: 6px;
    margin-bottom: 10px;
}

.faqContent {
    display: none;
    padding-bottom: 30px;
}

.contractAwardVendorCompanyNames {
    list-style-type: disc;
    list-style-position: inside;
}

/*Custom Error Message*/
.customErrorMessage {
    color: #AF0E1E;
    font-size: 0.85em;
}

/*Knowledge center*/
#layoutHolder {
    position: relative;
}

.gridster li.widget {
    overflow: hidden;
}

.gridster {
    position: relative;
    left: -5px;
    top: -5px;
    float: left;
    width: 100%;
}

.no-resize .gs-resize-handle-both {
    display: none;
}

.btnEditWidget {
    padding: 6px !important;
    min-width: 0 !important;
    margin: 0 !important;
    position: absolute;
    left: 8px;
    top: 8px;
    display: none;
    z-index: 3;
}

.btnDeleteWidget {
    padding: 6px !important;
    min-width: 0 !important;
    margin: 0 !important;
    position: absolute;
    left: 60px;
    top: 8px;
    display: none;
    z-index: 3;
}

input[type='button'].btnDeleteWidget:hover {
    background-color: #D14836;
    color: #FFF;
    border-color: #D14836;
}

.btnAddWidget {
    display: none;
}

.topLeftCorner {
    padding: 6px !important;
    min-width: 0 !important;
    margin: 0 !important;
    position: absolute;
    left: 8px;
    top: 8px;
}

.topRightCorner {
    padding: 6px !important;
    min-width: 0 !important;
    margin: 0 !important;
    position: absolute;
    right: 8px;
    top: 8px;
}

.widthPercentageText {
    font-size: 4em;
    color: #666;
}

div.widget, .sortableWidgetPlaceholder {
    margin: 0.5% 0.5% 0.5% 0.5%;
    vertical-align: top;
    text-align: left;
    zoom: 1;
    *display: inline;
    display: inline-block;
    float: left;
    box-sizing: border-box;
}

div.widgetTitle {
    font-size: 1.4em;
    padding: 0 0 6px 0;
    color: #08C;
    font-weight: 300;
}

div.tileWidget {
    margin: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #E0E0E0;
    position: relative;
    overflow: hidden;
}

    div.tileWidget > a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

a.tile-link {
    text-decoration: none;
}

div.tile-title {
    color: #FFF;
    font-size: 1.8em;
    line-height: 1.2em;
    font-weight: 300;
}

div.tile-content {
    height: 100%;
    width: 100%;
}

    div.tile-content.no-background-image {
        background: #005689;
    }

    div.tile-content:hover {
        opacity: 0.8;
        cursor: pointer;
    }

.tileWidget .tile-text, .procurement-category {
    padding: 12px 16px;
    color: #FFF;
}

    .tileWidget .tile-text h2 {
        line-height: 1.2em;
        color: #FFF;
    }

    .tileWidget a:focus h2 {
        color: #000;
        background-color: #DDD;
    }

div.tile-text.with-background-image {
    background: rgba(0, 86, 137, 0.8);
}

div.tile-description {
    margin-top: 10px;
    font-size: 1.1em;
    line-height: 1.3em;
    color: #FFF !important;
}

div.formRow input[type='text'].widget-document-name {
    font-size: 0.9em;
    width: 315px;
}

.widget-document-name-empty {
    display: block;
    font-size: 0.85em;
    color: #AF0E1E;
}

div.rectangle-content {
    width: 100%;
    background-color: #549AD4;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
}

div.procurement-category {
    width: 100%;
    height: 100%;
    background-color: #549AD4;
    box-sizing: border-box;
}

    div.rectangle-content:hover, div.procurement-category:hover {
        opacity: 0.8;
        cursor: pointer;
    }

div.rectangle-image {
    margin-right: 16px;
    height: 100%;
    width: 25%;
    margin-right: 16px;
    box-sizing: border-box;
    background-position: center center !important;
    background-color: white;
    background-repeat: no-repeat;
    float: left;
}

div.freeWidget {
    margin: 0;
    height: auto;
    width: 100%;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative;
}

div.noticeWidget {
    margin: 0;
    width: 100%;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative;
}

div.scrollableCheckboxes {
    max-height: 100px;
    overflow-y: scroll;
    border: 1px solid #CCCCCC;
    padding: 4px;
}

    div.scrollableCheckboxes input[type='checkbox'] {
        clear: both;
    }

.widgetEditMode {
    border: 2px dashed #C2C5B9;
    box-sizing: border-box;
    min-height: 50px;
    overflow: hidden !important;
    position: relative;
}

    .widgetEditMode .widgetContent {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

.wideWidgetHolder {
    width: 99%;
}

.mediumWidgetHolder {
    width: 49%;
    float: left;
}

    .mediumWidgetHolder .widget.agency-layout {
        width: 98%;
        margin: 1%;
    }

    .mediumWidgetHolder .tileWidget {
        height: 0;
        padding-bottom: 100% !important;
    }

    .mediumWidgetHolder .rectangle-content {
        height: 0;
        padding-bottom: 20% !important;
    }

.narrowWidgetHolder {
    width: 33%;
    float: left;
}

.widget ul {
    list-style: circle;
    padding: 6px 6px 6px 32px;
}

.kcControlPanel {
    box-sizing: border-box;
    background: #f7f7f7;
    padding: 20px;
    border-radius: 10px;
    margin: 10px 10px 5px 0;
    position: relative;
    top: -5px;
}

    .kcControlPanel input[type='text'] {
        width: 350px;
        margin-right: 10px;
    }

    .kcControlPanel label {
        width: 100px;
    }

    .kcControlPanel span.options {
        float: right;
        margin-right: 4px;
    }

        .kcControlPanel span.options input[type='button'] {
            font-size: 0.9em;
            min-width: 60px;
            padding: 4px;
            margin: 0 4px 0 0;
        }

.gridster .move *:not(.btnEditWidget):not(.btnDeleteWidget):not(.gs-resize-handle) {
    cursor: move;
}

.sortableWidgetPlaceholder {
    border: 1px dashed #888;
    display: inline-block;
    min-height: 130px;
    min-width: 290px;
    background-color: #cee2f3;
}

.move iframe {
    display: none;
}

.move .iframe-widget iframe {
    display: inline-block;
}

.iframe-mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0.1;
}

.move .iframe-mask {
    display: inline-block;
}

    .widgetVideoPlaceholder {
    display: none;
}

.move .widgetVideoPlaceholder{
    display: inline-block;
}

.videoMask {
    position: relative;
    float: right;
    clear: none;
    right: -3px;
    top: -3px;
    width: 66%;
    margin: 0 0 0 0.5%;
}

.float-right {
    float: right;
}

.widget-with-border {
    border: 1px solid #D2D2D2;
    box-sizing: border-box;
}

.gridster .widget-with-border {
    height: 100%;
}

.gridster .widget-with-scrollbar {
    height: 100%;
}

.widget-with-scrollbar {
    overflow: auto;
}

.widget-with-padding {
    padding: 6px 10px;
}

.widget .unspscSelector {
    width: 100%;
    box-sizing: border-box;
}

.tile-layout {
    height: 210px;
}

/* For widgets that need to be autoresized in the gridlayout, remove all margins and use padding only or a fake margin (faux-margin) as we need to get the actual height of the content and margin is not included in the height */
.no-margin {
    margin: 0 !important;
}

.faux-margin {
    height: 6px;
}

/* Button Print KC page */
#btnPrintPage {
    background: url('images/printer.png') no-repeat scroll center 1px #295E8F;
    min-width: 0;
    min-height: 0;
    position: absolute;
    top: 0px;
    right: 7% /*rtl:12%*/;
    height: 20px;
}

    #btnPrintPage:hover {
        cursor: pointer;
        border: 1px solid #08C;
        background-color: #FFF;
        color: #08C;
    }

    #btnPrintPage:hover {
        background: url('images/printer-blue.png') no-repeat scroll center 1px #FFF;
    }

/* Forum */
.forum .search-area .child-result {
    background: #EEE;
    padding: 2px;
    margin-top: 20px;
    margin-bottom: 50px;
}

.forum .search-area .result-count {
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    color: #FF0000;
}

.forum .search-area .result-keywords {
    color: #0000FF;
}

.forum .search-area .result-header {
    background-color: #f9f9f9;
    padding: 5px 20px 5px 20px;
}

.forum .search-area .result-text-header {
    color: #08C;
    font-weight: bold;
    font-size: 1.2em;
}

.forum .search-area .result-content {
    background-color: #f9f9f9;
    padding: 20px 20px 20px 20px;
    overflow-wrap: break-word;
    margin-top: 2px;
    margin-bottom: 2px;
}

.forum .search-area .result-creator {
    background-color: #f9f9f9;
    font-size: 0.8em;
    padding: 2px 20px 2px 20px;
}

.forum .search-area .creator {
    color: #0000FF;
}

.forum .search-area .result-label {
    font-size: 1.0em;
    padding: 4px 20px 1px 20px;
}

.forum .topMenuItem {
    float: right;
    padding: 10px 12px 6px 15px;
    background-repeat: no-repeat;
    background-position: 6px center;
}

.moderated-forum-info {
    background: #f9f9f9;
    border: 1px solid #d4d4d4;
    display: inline-block;
    color: #888;
    padding: 4px;
}

.discussion .parent {
    border-bottom: #888 solid 2px;
    margin: 8px 0px;
    padding: 8px 8px;
}

    .discussion .parent .action {
        float: right;
    }

    .discussion .parent .created-by {
        font-weight: bold;
    }

    .discussion .parent .created-at {
        font-size: 0.8em;
    }

    .discussion .parent .description {
        margin: 8px 0px 0px 0px;
        padding: 8px 8px;
    }

.discussion .child {
    background-color: #DDD;
    margin: 8px 0px;
    padding: 8px 8px;
}

    .discussion .child .created-by {
        font-weight: bold;
    }

    .discussion .child .replied-at {
        font-size: 0.8em;
    }

    .discussion .child .is-updated-by-moderator {
        font-size: 0.8em;
        font-style: italic;
    }

    .discussion .child .moderation-pending-message {
        background-color: #FF9;
        font-weight: bold;
        padding: 2px 4px;
    }

    .discussion .child .moderation-accepted-message {
        background-color: #9F9;
        font-weight: bold;
        padding: 2px 4px;
    }

    .discussion .child .content {
        background-color: #FFF;
        margin: 8px 0px 0px 0px;
        padding: 8px 8px;
        overflow-wrap: break-word;
    }

/*Online ASR*/
.mapCanvasContainer {
    height: 600px;
    width: 100%;
}

.executiveSummaryContainer {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}

.fullReportContainer {
    width: 26%;
    float: right;
}

.executiveSummaryHolder {
    width: 70%;
    float: left;
}

.pdfContainer {
    width: 100%;
    height: 800px;
}

#ddlReportsForDownload {
    width: 300px;
}

.pdfViewer {
    background-color: #fff;
}

#mapLegend {
    display: inline-block;
    display: none;
}

/* ASR upload */
.asrYearPublishButton {
    width: 200px;
    height: 50px;
}

.asrUnspscMappingError {
    max-height: 240px;
    overflow: auto;
}

.search-filters {
    margin-top: 12px !important;
}

.plainInfoMessage {
    color: #005689;
    margin: 4px 0 8px 0;
    display: inline;
    background-color: #EBF7FF;
    background-repeat: repeat;
}

/* Breadcrumbs */
.breadcrumb {
    margin-bottom: 5px;
    background-color: #F5F5F5;
    position: relative;
    left: -10px;
    top: -5px;
    width: 200%;
    padding: 3px 10px;
}

    .breadcrumb li {
        padding: 4px;
        display: inline;
    }

    .breadcrumb a {
        text-decoration: none;
    }

    .breadcrumb li:before {
        content:url("images/arrow-right.png"); 
        padding-right: 10px;
    }

/*LTA WebApi Test App*/
#LTAWebApiTest label {
    width: 400px !important;
}

/*Notice WebApi Test App*/
#NoticeWebApiTest label {
    width: 400px !important;
}

/*Larger Submit Button*/
.btn-large {
    width: 150px;
    height: 40px;
}

span.hit {
    background-color: greenyellow;
}

.docslist .sortableDiv {
    background-color: #F5F5F5;
    padding: 5px;
    padding-left: 20px;
    border: 1px solid;
    cursor: n-resize;
}

/* nested navigation */
#left > nav > div > ul > li.nav {
    padding: 0px 0px 0px 0px;
}

.nav {
    display: block;
}

    .nav > .nav-content {
        display: inline-block;
        float: left;
        width: 100%;
        padding: 5px 0px;
        text-decoration: none;
        color: #444;
    }

    .nav > .nav-children {
        display: inline-block;
        float: left;
        position: absolute;
        margin: 0px 0px;
        background-color: #539DDC;
        padding: 0px 0px;
        -webkit-transition: opacity 0.3s, z-index 0.3s;
        -moz-transition: opacity 0.3s, z-index 0.3s;
        -o-transition: opacity 0.3s, z-index 0.3s;
        transition: opacity 0.3s, z-index 0.3s;
        filter: alpha(opacity=0);
        opacity: 0;
        z-index: -1;
    }

    .nav:hover > .nav-children {
        filter: alpha(opacity=100);
        opacity: 1;
        z-index: 100;
    }

    .nav > .nav-children > .nav {
        padding-left: 6px;
        width: 180px;
        border-bottom-color: #CCCCCC;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

        .nav > .nav-children > .nav > .nav-content {
            color: #FFF;
        }

        .nav > .nav-children > .nav:hover {
            overflow: hidden;
            background-color: #295E8F;
        }

            .nav > .nav-children > .nav:hover > .nav-content {
                color: #FFF;
            }

        .nav > .nav-children > .nav.current {
            background-color: #F5F5F5;
        }

            .nav > .nav-children > .nav.current > .nav-content {
                color: #08C;
            }

            .nav > .nav-children > .nav.current:hover {
                background-color: #295E8F;
            }

                .nav > .nav-children > .nav.current:hover > .nav-content {
                    color: #FFF;
                }

        .nav > .nav-children > .nav.nav-with-children > .nav-content:before {
            display: inline-block;
            float: right;
            content: url("images/arrow-right-white.png") /*rtl:url("images/arrow-left-white.png")*/;
            position: relative;
            left: -6px;
        }

        .nav > .nav-children > .nav.nav-with-children.current > .nav-content:before {
            content: url("images/arrow-right.png") /*rtl:url("images/arrow-left.png")*/;
        }

        .nav > .nav-children > .nav.nav-with-children.current:hover > .nav-content:before {
            content: url("images/arrow-right-white.png") /*rtl:url("images/arrow-left-white.png")*/;
        }

.smallThrobber {
    padding: 10px;
    background: url('Images/smallthrobber.gif') no-repeat scroll center center;
}

/*Saved Search Drop Down*/

fieldset.saved-search-dropdown-fieldset {
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
}

.saved-search-dropdown {
    display: inline-block;
    margin-right: 10px;
    float: left;
}

    .saved-search-dropdown .saved-search-dropdown-link {
        font-size: 1.2em;
        padding: 10px 15px 10px 0px;
        display: inline-block;
        white-space: nowrap;
        text-decoration: none;
        background: url("images/arrow-down.png") no-repeat scroll right center transparent;
    }

        .saved-search-dropdown .saved-search-dropdown-link .saved-search-dropdown-link-label {
            border-bottom: 1px solid transparent;
        }

        .saved-search-dropdown .saved-search-dropdown-link .saved-search-dropdown-link-size {
            font-weight: bold;
        }

    .saved-search-dropdown .saved-search-dropdown-link-clicked {
        background-color: #f5f5f5;
    }

    .saved-search-dropdown .saved-search-dropdown-link:hover .saved-search-dropdown-link-label {
        border-bottom: 1px solid;
    }

    .saved-search-dropdown .saved-search-dropdown-list {
        width: 400px;
        display: none;
        background-color: #f5f5f5;
        z-index: 700;
        text-align: left;
        -webkit-box-shadow: 0 10px 10px -5px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 10px 10px -5px rgba(0,0,0,0.1);
        box-shadow: 0 10px 10px -5px rgba(0,0,0,0.1);
        max-height: 300px;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .saved-search-dropdown .saved-search-dropdown-list .saved-search-dropdown-list-container {
            margin-left: auto;
        }

        .saved-search-dropdown .saved-search-dropdown-list ul {
            width: 100%;
        }

            .saved-search-dropdown .saved-search-dropdown-list ul > li {
                float: left;
                clear: left;
                height: 1.5em;
                line-height: 1.5em;
                padding: 20px 20px 10px 20px;
                width: 100%;
            }

                .saved-search-dropdown .saved-search-dropdown-list ul > li:hover a.saved-search-dropdown-list-close {
                    display: inline-block;
                }

                .saved-search-dropdown .saved-search-dropdown-list ul > li a.saved-search-dropdown-list-close:hover {
                    background: url("images/close-window-blue.png") no-repeat;
                }

                .saved-search-dropdown .saved-search-dropdown-list ul > li:hover {
                    background-color: #dadada;
                    cursor: pointer;
                }

                .saved-search-dropdown .saved-search-dropdown-list ul > li a {
                    color: inherit;
                    text-decoration: none;
                }

                    .saved-search-dropdown .saved-search-dropdown-list ul > li a.saved-search-dropdown-list-close {
                        display: none;
                        background: url("images/close-window.png") no-repeat;
                        width: 16px;
                        height: 16px;
                        position: relative;
                        float: right;
                        margin-right: 20px;
                        cursor: pointer;
                    }

.light-blue-box-with-description {
    box-sizing: border-box;
    background: #E8F4FF;
    padding: 5px;
    width: 100%;
    margin: 5px 0 5px 0;
    float: left;
    border: 1px solid #d2d2d2;
}

    .light-blue-box-with-description > label {
        font-weight: bold;
        border-right: 1px solid #d2d2d2;
        padding-right: 10px;
        margin-right: 5px;
    }

input[type='button'].toggle-view {
    background-repeat: no-repeat;
    background-position: 6px center;
    padding-left: 34px;
}

    input[type='button'].toggle-view.list-view {
        background-image: url('images/list-view.png');
    }

    input[type='button'].toggle-view.grid-view {
        background-image: url('images/grid-view.png');
    }

    input[type='button'].toggle-view.list-view:hover, input[type='button'].toggle-view.list-view.btn-active {
        background-image: url('images/list-view-blue.png');
    }

    input[type='button'].toggle-view.grid-view:hover, input[type='button'].toggle-view.grid-view.btn-active {
        background-image: url('images/grid-view-blue.png');
    }

.list-grid-item > .item-field {
    margin-bottom: 5px;
}

    .list-grid-item > .item-field > label {
        font-size: 0.9em;
    }

    .list-grid-item > .item-field > .value {
        color: #000000;
    }

    .list-grid-item > .item-field > .description {
        font-size: 0.9em;
        white-space: pre-wrap;
    }

.grid-view .list-grid-item > .item-field > .description {
    display: none;
}

a.list-grid-item {
    color: inherit;
    text-decoration: none;
}

a.list-grid-item:hover {
    border: 2px solid #08C;
    padding: 9px;
}

.list-grid-item {
    padding: 10px;
    border: 1px solid #D2D2D2;
    clear: both;
    position: relative;
}

    .list-grid-item  .item-title, .innovation-corner-detail .item-title {
        font-size: 1.4em;
        font-weight: 300;
        color: #08C;
        margin-bottom: 10px;
    }

    .list-grid-item-container  .list-grid-item-actions {
        z-index: 10;
        position: absolute;
        bottom: 8px;
        right: 8px;
    }

.grid-view .item-title, .innovation-corner-printable-detail .item-title {
    text-align: center;
}

.list-view .list-grid-item {
    margin: 10px 0 5px 0;
    clear: both;
    position: relative;
    display: block;
}

.list-grid-item-container {
    position: relative;
}

.grid-view .list-grid-item-container {
    padding: 0 5px 5px 5px;
    margin: 0;
    width: 25%;
    height: 400px;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
}

.grid-view .list-grid-item-container .list-grid-item {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.list-view .list-grid-item .item-image-container {
    width: 250px;
    height: 100%;
    float: left;
    margin-right: 10px;
}

.grid-view .list-grid-item .item-image-container, .innovation-corner-printable-detail .item-image-container {
    width: 100%;
    height: 250px;
    margin-bottom: 10px;
    line-height: 250px;
    box-sizing: border-box;
    text-align: center;
}

.item-image-container > .item-image {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    margin: auto;
    display: block;
}

.grid-view .list-grid-item .item-image-container > .item-image, .innovation-corner-printable-detail .item-image-container > .item-image{
    vertical-align: middle;
    display: inline-block;
}

.innovation-corner-detail {
    padding: 10px;
    border: 1px solid #D2D2D2;
}

    .innovation-corner-detail > .item-details {
        width: 75%;
        float: left;
        padding-left: 10px;
        box-sizing: border-box;
    } 

.innovation-corner-detail > .item-image-container {
    width: 25%;
    min-width: 250px;
    float: left;
    margin-bottom: 10px;
}

.label-value-row {
    padding: 10px 0 10px 0;
    clear: both;
}

    .label-value-row > label {
        font-size: 0.875em;
        width: 25%;
        height: 100%;
        float: left;
        color: #666;
        padding-right: 5px;
        box-sizing: border-box;
    }

    .label-value-row > .value {
        font-size: 0.9em;
        width: 75%;
        height: 100%;
        float: left;
        border-left: 1px solid #d2d2d2;
        padding-left: 5px;
        box-sizing: border-box;
    }

.value.preserve-space-and-new-line {
    white-space: pre-wrap;
}

.item-details .unspscSelector {
    margin: 0;
    width: 100%;
}

.innovation-corner-printable-detail .item-image-container {
    width: 100%;
}

.innovation-corner-printable-detail .item-details {
    width: 100%;
    padding-left: 0;
}

.innovation-corner-printable-detail .online-only, .innovation-corner-printable-detail .unspscSectionHeader {
    display: none;
}

.innovation-corner-printable-detail .info {
    margin: 0;
}

.innovation-corner-printable-detail .print-only {
    display: block !important;
}

.no-right-margin {
    margin-right: 0 !important;
}

.business-seminar-unspsc .unspscSelector {
    width: 100%;
    margin-top: 10px;
}

.status-tag {
    display: inline-block;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 4px;
    background-color: #295E8F;
    white-space: nowrap;
}

    .status-tag:hover {
        cursor: default
    }

    .status-tag.orange {
        background-color: #FF6600;
    }

    .status-tag.yellow {
        background-color: #c69c04;
    }

    .status-tag.blue {
        background-color: #295E8F;
    }

    .status-tag.green {
        background-color: #006400;
    }

    .status-tag.black {
        background-color: #000000;
    }

    .status-tag.bordeaux {
        background-color: #8A0B31;
    }

    .status-tag.sustainability {
        background-color: #00ABB3;
        background: -webkit-gradient(linear,left top,right bottom,from(#8CC73B),to(#00ABB3));
        background: linear-gradient(to bottom right,#8CC73B,#00ABB3);
    }

    .status-tag.hide{
        display: none;
    }

    .invite-checkbox.hide{
        display: none;
    }

.tag-close {
    color: #fff;
    font: 12px/100% arial, sans-serif;
    margin-left: 10px;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFF;
}

.tag-close:hover {
    cursor: pointer;
    color: #DDD;
}

.tag-close:after {
    content: '✖';
}

div.one-to-one-meeting {
    height:auto;
}

div.one-to-one-meeting span.entity-abbreviation {
    width: 100px;
    font-weight: bold;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.one-to-one-meeting span.meeting-status {
    display: inline-block;
    overflow: hidden;    
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;   
}

div.with-vertical-scrollbar {
    height: 400px; 
    overflow-y:scroll;
}

.disabledDiv {
    pointer-events: none;
    opacity: 0.4;
}

.title-alternate {
    font-size: 17px;
    font-weight: 100;
    border-bottom: solid 1px #D2D2D2;
    padding-bottom: 10px;
    margin-bottom: 18px;
}

.line-items .line-item {
    margin: 0 0 10px;
}

.line-items .line-item p.line-item-text {
    display: flex;
    font-weight: 100;
    margin: 0;
}

.line-items .line-item p.line-item-text span.line-item-value {
    font-weight: 400;
    color: #000000;
    margin-left: auto;
}

.line-items .line-item-total {
    padding-top: 14px;
    padding-bottom: 14px;
    border-top: solid 1px #D2D2D2;
}

.line-items .line-item-total p.line-item-text {
    color: #000000;
    font-weight: 500;
}

.line-items .line-item-total p.line-item-text span.line-item-value {
    font-size: 16px;
}

.pay-button-wrapper {
    display: flex;
    justify-content: center;
}

    .pay-button-wrapper input[type='button'] {
        height: 50px;
        width: 300px;
    }

.line-items .terms-and-conditions .label-checkbox-wrap {
    display: flex;
    margin-bottom: 25px;
}

.line-items .terms-and-conditions {
    font-weight: 100;
    margin-top: 10px;
    display: block;
}

.line-items .terms-and-conditions .checkbox-wrap{
    margin-right: 10px;
}

.list-options .list-option.active {
    border: 1px solid #08C;
    padding: 10px;
    background-color: #f2f2f2;
}

.list-options .list-option:hover {
    border: 2px solid #08C;
    padding: 9px;
}

.list-options .list-option {
    border: 1px solid #D2D2D2;
    padding: 10px;
    margin: 10px 0 10px 0;
    clear: both;
    display: flex;
}

.list-options .list-option .text {
    padding-right: 5px;
    padding-left: 5px;
}

.list-options .list-option .price {
    margin-left: auto !important;
    font-size: 16px;
}

.list-options .list-option  .initial-price {
    text-decoration: line-through;
    font-weight: 100;
}

.list-options .list-option .final-price {
    color: #000000;
    font-weight: 400;
    padding-left: 5px;
}

div.disabled {
    -ms-opacity: 0.5;
    opacity: 0.5;
    pointer-events: none;
}

.ungm-panel {
    padding: 25px 25px 50px 25px;
}

.ungm-panel .title {
    font-size: 1.7em;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 0.5em;
}

.ungm-panel .header {
    font-weight: 700;
    color: #A5A5A5;
}

    .ungm-panel .highlighted {
        color: #1374BD;
        font-weight: 700;
    }

.ungm-panel .promotion-text {
    margin: 20px 0; 
    font-weight: 100; 
    font-size: 1.2em; 
    line-height: 1.2em; 
}

.ungm-list-item {
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.ungm-list-item .title {
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 10px;
    color: black;
}

.ungm-panel .row {
    display: flex;
}

.row > .label {
    font-weight: 100;
    margin-right: 5px;
    white-space: nowrap;
}

.row > .value {
    color: black;
}

.ungm-panel .row .right{
        margin-left: auto;
    }

    .ungm-panel .text-right {
        text-align: right;
    }

.tender-alert-service-receipt .ungm-panel .row {
    margin: 5px 0;
}

.ungm-stat {
    text-align: center;
    padding: 1% 10% 10% 10%
}

    .ungm-stat.ungm-stat-md {
        font-size: 1.6em;
        line-height: 1em;
    }

    .ungm-stat.ungm-stat-lg {
        font-size: 2em;
        line-height: 1.4em;
    }

    .ungm-stat .highlighted {
        text-align: center;
    }

    .ungm-stat.ungm-stat-lg .highlighted {
        font-size: 3em;
        line-height: 1.4em;
    }

    .ungm-stat.ungm-stat-md .highlighted {
        font-size: 3em;
        line-height: 1em;
    }

.profile-pic {
    height: 120px !important; 
    width: 125px !important;
    margin-right: 10px;
}

    .profile-pic img {
        max-width: 100%; 
        max-height: 100%;
        margin:auto; 
        display:block;
    }

.ungm-gradient-background {
    background: #80BBF2; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#80BBF2, #064268); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#80BBF2, #064268); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#80BBF2, #064268); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#80BBF2, #064268); /* Standard syntax (must be last) */
}

.ungm-light-blue-background {
    background: #A4CEF6; 
    background: linear-gradient(to bottom right, #A4CEF6 0%, #ECF4FD 90%);
}

.ungm-dark-background {
    background: black;
    background: linear-gradient(to top left, black, #295E8F);
}

.ungm-benefit {
    padding: 20px;
}

.ungm-benefit .ungm-benefit-image-container {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

    .ungm-benefit .ungm-benefit-title {
        margin-top: 20px;
        margin-bottom: 10px;
        font-weight: 700;
        font-size: 25px;
        line-height: 30px;
        color: black;
    }

    .ungm-benefit .ungm-benefit-subtitle {
        font-size: 20px;
        line-height: 25px;
        font-weight: 200;
    }

.ungm-white-background {
    background-color: #F5F5F5;
}

.ungm-background {
    background-color: #f7f7f7;
}

.ungm-border-radius {
    border-radius: 10px;
}

.ungm-box-with-vertical-padding {
    padding: 2em 0;
}

.dashboard-help .centered {
     display: flex; 
     justify-content: center;
}

.dashboard-help .ungm-global-search{
    margin-bottom: 10px;
}

.dashboard-help .ungm-global-search-results {
    width: 100%;
    margin-top: 40px;
}



.incomplete-registration li .edit-step {
    display: none;
}

.complete-registration li.active.current-step .edit-step {
    display: none;
}

    .ineligibility-step {
        margin-top: 30px;
        font-size: 1.5em;
        font-weight: 100;
    }

.vendor-registration fieldset {
    margin-top: 0;
    margin-bottom: 10px;
}

.sustainability-area-header {
    margin: 20px 0 10px 0;
}

.sustainability-icon-holder {
    float: left;
    margin-right: 10px;
}



/* Gugu */
.gugu-holder {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gugu-icon {
    position: relative;
    display: inline-block;
    background-size: 36px 36px;
    background-image: url("images/girl.png");
    background-position: left center /*rtl: right center;*/;
    width: 36px;
    height: 36px;
}

.gugu-speech-bubble {
    position: relative;
    padding: 5px;
    background: black;
    color: white;
    overflow: hidden;
    border-radius: .5em;
}

.gugu-speech-bubble:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right-color: black;
    border-left: 0;
    border-bottom: 0;
    margin-top: -3.5px;
    margin-left: -10px;
}

.procurements-by-categories-widget-table {
    height: 320px;
}


/*Styles for screen 768px and lower*/
@media only screen and (max-width : 768px) {
    /*Table to list*/
    .tableTitle {
        display: block;
        background-color: #295E8F;
        color: #FFF;
        font-size: 1.4em;
        width: 100%;
        font-weight: 300;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
    }

    .table {
        display: block;
        margin-top: 5px;
    }

    .tableHead {
        display: block;
    }

    .tableBody {
        display: block;
    }

    .tableRow {
        display: block;
        border-bottom: 1px solid #DDD;
    }

    .tableCell {
        display: none;
    }

        .tableCell.resultTitle, .tableCell.resultTitle span {
            display: block;
            font-size: 1.2em;
            color: #08C;
            padding-left: 5px;
        }

        .tableCell.resultAgency {
            display: block;
            font-size: 1em;
        }

        .tableCell.resultOptions {
            display: block;
            font-size: 1em;
        }

        .tableCell.resultInfo1 {
            display: block;
            font-size: 1em;
            padding-left: 5px;
        }

        .tableCell.resultAgency span, .tableCell {
            padding-left: 5px;
        }

    .tableBody .tableRow .tableCell {
        padding: 8px !important;
        border: 0px;
    }

    .tableCell.resultInfo1:before {
        content: attr(data-description);
        padding-right: 10px;
        padding-left: 5px;
        color: #000;
        border-right: 1px solid #CCCCCC;
        margin-right: 8px;
    }

    .tableBody .tableRow .tableCell {
        background-color: #FFF;
    }

    .table.clickable .tableBody .tableRow:hover .tableCell {
        background-color: #EBF7FF;
    }

    .table.clickable .tableRow:hover {
        cursor: pointer;
    }

    .table.clickable .tableBody .tableRow:hover .tableCell:first-child {
        border: none;
        padding: 0;
    }

    .table.clickable .tableBody .tableRow:hover .tableCell {
        border: none;
        padding: 0;
    }

    .table.clickable .tableRow .notsortable {
        cursor: default;
    }
    
    /*Mobile navigation menu restyle*/
    #left {
        display: block;
    }

    #left, nav ul {
        list-style: none;
        background: #2D3C4B;
        height: 100%;
        margin: 0;
        border: none;
    }

    #left {
        margin-bottom: -15000px !important;
        padding-bottom: 15000px !important;
    }

        #left ul {
            margin: 0;
            position: relative;
        }

        #left > nav > div > ul > li {
            margin: 0;
            padding: 0;
        }

            #left > nav > div > ul > li.endOfSection {
                border-bottom-color: #CCCCCC;
                border-bottom-style: solid;
                border-bottom-width: 1px;
            }

            #left > nav > div > ul > li > a {
                color: #F5F5F5;
                padding: 5px 3px 5px 13px;
                display: block;
            }

                #left > nav > div > ul > li > a:hover {
                    color: #FFF;
                    background: rgba(256, 256, 256, 0.45);
                }

                #left > nav > div > ul > li > a.current, #left > nav > div > ul > li.current > a {
                    color: #FFF;
                    background: rgba(256, 256, 256, 0.65);
                }

                    #left > nav > div > ul > li > a.current:before, #left > nav > div > ul > li.current > a:before {
                        content: none;
                        padding-left: 0;
                        color: #FFF;
                    }

    .nav > .nav-children {
        width: 100%;
        filter: alpha(opacity=100);
        opacity: 1;
        z-index: 100;
        overflow: hidden;
    }

        .nav > .nav-children > .nav {
            width: 100%;
            padding-left: 0;
        }

            .nav > .nav-children > .nav > .nav-children {
                display: none;
            }

    .nav > a {
        padding-left: 13px !important;
    }

    .menuHeader {
        border-color: #CCCCCC;
        padding: 24px 5px 5px 12px;
    }

    #btnMyNote {
        display: none;
    }

    #left {
        display: block;
    }

    #left, nav ul {
        list-style: none;
        background: #2D3C4B;
        height: 100%;
        margin: 0;
        border: none;
    }

    #left {
        margin-bottom: -15000px !important;
        padding-bottom: 15000px !important;
    }

        #left ul {
            margin: 0;
            position: relative;
        }

        #left > nav > div > ul > li {
            margin: 0;
            padding: 0;
        }

            #left > nav > div > ul > li.endOfSection {
                border-bottom-color: #CCCCCC;
                border-bottom-style: solid;
                border-bottom-width: 1px;
            }

            #left > nav > div > ul > li > a {
                color: #F5F5F5;
                padding: 5px 3px 5px 13px;
                display: block;
            }

                #left > nav > div > ul > li > a:hover {
                    color: #FFF;
                    background: rgba(256, 256, 256, 0.45);
                }

                #left > nav > div > ul > li > a.current, #left > nav > div > ul > li.current > a {
                    color: #FFF;
                    background: rgba(256, 256, 256, 0.65);
                }

                    #left > nav > div > ul > li > a.current:before, #left > nav > div > ul > li.current > a:before {
                        content: none;
                        padding-left: 0;
                        color: #FFF;
                    }

    .menuHeader {
        border-color: #CCCCCC;
        padding: 24px 5px 5px 12px;
    }

    /*High level div and property resizing*/
    #centre {
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding-top: 5px;
    }

    #main {
        position: relative;
        left: 0;
        max-width: 768px;
        z-index: 90;
        min-height: 600px;
    }

    body {
        background-color: #FFF;
    }

    #left {
        display: block !important;
        position: absolute;
        left: -200px;
        width: 199px;
        height: auto;
        padding: 0px;
    }

    textarea {
        width: 100%;
    }

    h2 {
        font-size: 1.5em !important;
        margin: 2px 0 2px 0;
    }

    .tab {
        border: none;
    }

    .ui-dialog, .ui-dialog-content, .tab {
        padding: 0 !important;
        z-index: 1000;
    }

    .ui-dialog {
        width: 100% !important;
        height: 100% !important;
        box-sizing: border-box;
    }
    
        .ui-dialog .ui-dialog-titlebar {
            height: 60px !important;
        }

        .ui-dialog .ui-dialog-content {
            position: absolute;
            height: calc(100% - 60px) !important;
            width: 100% !important;
            overflow: auto;
        }

        .ui-dialog .ui-dialog-buttonpane {
            position: absolute;
            top: 70%;
            z-index: 1001;
        }

        legend {
            font-size: 1.2em;
        }

    /*Lower level resizing*/
    .tabHeader {
        border-left: none;
        border-right: none;
    }

        .tabHeader.activeTab {
            float: none;
            text-align: center;
            border-radius: 0 0 0 0;
            margin: 4px 0 0 0;
            background: url("images/arrow-down.png") no-repeat scroll 98% center #f5f5f5;
        }

        .tabHeader:not(.activeTab) {
            float: none;
            text-align: center;
            border-radius: 0 0 0 0;
            margin: 4px 0px 0 0;
            background: url("images/arrow-right.png") no-repeat scroll 98% center #f5f5f5 /*rtl: url("images/arrow-right.png") no-repeat scroll 98% center #f5f5f5*/;
        }

        .tabHeader:hover {
            cursor: pointer;
            background-color: #ddd;
        }

    .unspscSelectedCodes {
        width: 100%;
    }

    .unspscSelector {
        width: 100%;
    }

    div.info, section.info, div.warning, div.success, div.error {
        padding: 5px 5px 5px 40px;
        background-size: 23px 23px;
        font-size: 0.9em;
    }

    footer {
        font-size: 0.8em;
        padding: 1px;
    }

    /*Menu and header reorganisation*/
    #w #nav {
        background: #475566;
        height: 100%;
        display: block;
        position: fixed;
        width: 300px;
        left: 0px;
        top: 0px;
        z-index: 0;
    }

    .menuHolder {
        display: none;
    }


    /*Search filters*/
    .expandAllFilter {
        display: block;
    }

    .filterCheckboxList {
        width: 90%;
    }

    .filterBasic, .filterLeft, .filterAdvanced, .filterRight {
        width: 100%;
        float: none;
    }

    .filterExpandHolder {
        float: none;
    }

    .filterAll {
        display: none;
    }

    span.validationIcon {
        display: none;
    }

    /*misc*/
    .dateField {
        width: 107px;
    }

    input[type='button'], input[type='submit'], a.btn {
        width: 100%;
        float: none;
    }

    input[type='button'], input[type='submit'] {
        height: 35px;
    }

    fieldset input[type='button'], fieldset input[type='submit'] {
        width: 100%;
        margin: 2px 0 2px 0 !important;
    }

    .ui-autocomplete-input, input[type=text]:not(.dateField) {
        width: 100%;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        font-size: 1.1em;
    }

    div.formRow input[type=password], div.formRow input[type=text] {
        width: 100%;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        font-size: 1.3em;
    }

    div.formRow select {
        width: 100%;
        box-sizing: border-box;
    }

    div.formRow {
        padding: 0;
    }

    .filterRow .filterDatePair {
        width: 100%;
    }

    .filterRow input.dateField[type="text"] {
        width: 40%;
        box-sizing: border-box;
    }

    .filterRow label.nonFixed {
        width: 20%;
        margin: 0;
        text-align: center;
        box-sizing: border-box;
    }

    .filterCheckboxList.notClear label {
        width: 75px;
    }

    .dateField {
        font-size: 1.1em;
    }

    .expandFilter, .clearFilter, .expandAllFilter {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 5px;
    }

    span.options {
        width: 100%;
    }

    #pwindicator {
        margin-left: 10px;
    }

    .resultsCount {
        display: none !important;
    }

    /*bigger checkboxes on mobile*/
    input[type='checkbox'] {
        -webkit-appearance: none;
        width: 25px;
        height: 25px;
        background: white;
        border-radius: 0px;
        border: 1px solid #ABADB3;
        vertical-align: middle;
    }

        input[type='checkbox']:checked {
            background: url('images/tick.png') no-repeat scroll center center #FFF;
            background-size: 100% 100%;
        }

    div.cta-body {
        display: none;
    }

    #ltas .tableRow {
        height: auto;
    }

    /*Knowledge center*/
    #btnPrintPage, #btnManageLayout {
        display: none;
    }

    .breadcrumb {
        left: 0 !important;
        padding-left: 0.5% !important;
    }

    .label-value-row > label {
        width: 40%;
    }

    .label-value-row > .value {
        width: 60%;
    }
}

@media only screen and (max-width : 600px) {
    .label-value-row > label {
        width: 100%;
    }

    .label-value-row > .value {
        width: 100%;
    }
}

/*Styles for screen 400px and lower*/
@media only screen and (max-width : 400px) {
    #logoPic {
        height: 50px;
        width: 50px;
        margin-top: 5px;
        padding: 0px;
        background-size: 50px 50px;
    }

    #logoText {
        height: 60px;
        width: 150px;
        background-size: 150px 60px;
        margin-top: 0px;
        margin-left: -6px;
        overflow: hidden;
    }
}

/*Styles for screen 320px and lower*/
@media only screen and (max-width : 320px) {

    /*High level div and property resizing*/
    h2 {
        font-size: 1.2em !important;
    }

    .reportRow .label, .reportRow label {
        width: auto;
        font-size: 80%;
    }
}

@media only screen and (min-device-height : 700px) {
    #main {
        min-height: 675px;
    }
}

@media only screen and (min-device-height : 1024px) {
    #main {
        min-height: 915px;
    }
}

/*#endregion MOBILE DEVICES*/

/* Please add new css code above the #region MOBILE DEVICES */

    .ungm-row:before {
        display: table;
        content: " ";
    }

    .ungm-row:after {
        display: table;
        content: " ";
        clear: both;
    }

    .ungm-row > [class*="ungm-col-"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        position: relative;
        min-height: 1px;
    }


.ungm-container { width: 1000px; margin: 0 auto; }

.ungm-row .ungm-col-sm-1 { width: 8.33%; }
.ungm-row .ungm-col-sm-2 { width: 16.67%; }
.ungm-row .ungm-col-sm-3 { width: 25.00%; }
.ungm-row .ungm-col-sm-4 { width: 33.33%; }
.ungm-row .ungm-col-sm-5 { width: 41.67%; }
.ungm-row .ungm-col-sm-6 { width: 50.00%; }
.ungm-row .ungm-col-sm-7 { width: 58.33%; }
.ungm-row .ungm-col-sm-8 { width: 66.67%; }
.ungm-row .ungm-col-sm-9 { width: 75.00%; }
.ungm-row .ungm-col-sm-10 { width: 83.33%; }
.ungm-row .ungm-col-sm-11 { width: 91.67%; }
.ungm-row .ungm-col-sm-12 { width: 100.00%; }

.ungm-row .ungm-col-md-1 { width: 8.33%; }
.ungm-row .ungm-col-md-2 { width: 16.67%; }
.ungm-row .ungm-col-md-3 { width: 25.00%; }
.ungm-row .ungm-col-md-4 { width: 33.33%; }
.ungm-row .ungm-col-md-5 { width: 41.67%; }
.ungm-row .ungm-col-md-6 { width: 50.00%; }
.ungm-row .ungm-col-md-7 { width: 58.33%; }
.ungm-row .ungm-col-md-8 { width: 66.67%; }
.ungm-row .ungm-col-md-9 { width: 75.00%; }
.ungm-row .ungm-col-md-10 { width: 83.33%; }
.ungm-row .ungm-col-md-11 { width: 91.67%; }
.ungm-row .ungm-col-md-12 { width: 100.00%; }

.ungm-row .ungm-col-lg-1 { width: 8.33%; }
.ungm-row .ungm-col-lg-2 { width: 16.67%; }
.ungm-row .ungm-col-lg-3 { width: 25.00%; }
.ungm-row .ungm-col-lg-4 { width: 33.33%; }
.ungm-row .ungm-col-lg-5 { width: 41.67%; }
.ungm-row .ungm-col-lg-6 { width: 50.00%; }
.ungm-row .ungm-col-lg-7 { width: 58.33%; }
.ungm-row .ungm-col-lg-8 { width: 66.67%; }
.ungm-row .ungm-col-lg-9 { width: 75.00%; }
.ungm-row .ungm-col-lg-10 { width: 83.33%; }
.ungm-row .ungm-col-lg-11 { width: 91.67%; }
.ungm-row .ungm-col-lg-12 { width: 100.00%; }

.ungm-row .ungm-col-xl-1 { width: 8.33%; }
.ungm-row .ungm-col-xl-2 { width: 16.67%; }
.ungm-row .ungm-col-xl-3 { width: 25.00%; }
.ungm-row .ungm-col-xl-4 { width: 33.33%; }
.ungm-row .ungm-col-xl-5 { width: 41.67%; }
.ungm-row .ungm-col-xl-6 { width: 50.00%; }
.ungm-row .ungm-col-xl-7 { width: 58.33%; }
.ungm-row .ungm-col-xl-8 { width: 66.67%; }
.ungm-row .ungm-col-xl-9 { width: 75.00%; }
.ungm-row .ungm-col-xl-10 { width: 83.33%; }
.ungm-row .ungm-col-xl-11 { width: 91.67%; }
.ungm-row .ungm-col-xl-12 { width: 100.00%; }

.ungm-flex-container { display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; }
    .ungm-flex-container--justify-content-flex-start { justify-content: flex-start;  }
    .ungm-flex-container--column { flex-direction: column; }
    @media screen and (min-width: 768px) {
        .ungm-flex-container--row-reverse {
            flex-direction: row-reverse;
        }
    }
    .ungm-flex-container--align-items-center { align-items: center;  }
.ungm-flex-container .ungm-flex-item-sm-100 { width: 100%; }
.ungm-flex-container .ungm-flex-item-lg-50 { width: calc(50% - 1rem); }
.ungm-flex-container .ungm-flex-item-lg-33 { width: calc(33.33% - 1rem); }
.ungm-flex-container .ungm-flex-item-lg-66 { width: calc(66.66% - 1rem); }
.ungm-align-self-center { align-self: center; }

.ungm-flex-row { display: flex; align-items: center; }
.ungm-flex-row--space-between { justify-content: space-between; }
.ungm-flex-row--inline { display: inline-flex; }
.ungm-flex-row--small-space-separator > * { margin: 0 0.25em !important; }
.ungm-flex-row--medium-space-separator > * { margin: 0 0.5em !important; }
    
    @media screen and (max-width: 1200px) {
    .ungm-container { width: 800px !important; }

    .ungm-row .ungm-col-xl-1 { width: auto; }
    .ungm-row .ungm-col-xl-2 { width: auto; }
    .ungm-row .ungm-col-xl-3 { width: auto; }
    .ungm-row .ungm-col-xl-4 { width: auto; }
    .ungm-row .ungm-col-xl-5 { width: auto; }
    .ungm-row .ungm-col-xl-6 { width: auto; }
    .ungm-row .ungm-col-xl-7 { width: auto; }
    .ungm-row .ungm-col-xl-8 { width: auto; }
    .ungm-row .ungm-col-xl-9 { width: auto; }
    .ungm-row .ungm-col-xl-10 { width: auto; }
    .ungm-row .ungm-col-xl-11 { width: auto; }
    .ungm-row .ungm-col-xl-12 { width: auto; }

    .ungm-row .ungm-col-sm-1 { width: 8.33%; }
    .ungm-row .ungm-col-sm-2 { width: 16.67%; }
    .ungm-row .ungm-col-sm-3 { width: 25.00%; }
    .ungm-row .ungm-col-sm-4 { width: 33.33%; }
    .ungm-row .ungm-col-sm-5 { width: 41.67%; }
    .ungm-row .ungm-col-sm-6 { width: 50.00%; }
    .ungm-row .ungm-col-sm-7 { width: 58.33%; }
    .ungm-row .ungm-col-sm-8 { width: 66.67%; }
    .ungm-row .ungm-col-sm-9 { width: 75.00%; }
    .ungm-row .ungm-col-sm-10 { width: 83.33%; }
    .ungm-row .ungm-col-sm-11 { width: 91.67%; }
    .ungm-row .ungm-col-sm-12 { width: 100.00%; }

    .ungm-row .ungm-col-md-1 { width: 8.33%; }
    .ungm-row .ungm-col-md-2 { width: 16.67%; }
    .ungm-row .ungm-col-md-3 { width: 25.00%; }
    .ungm-row .ungm-col-md-4 { width: 33.33%; }
    .ungm-row .ungm-col-md-5 { width: 41.67%; }
    .ungm-row .ungm-col-md-6 { width: 50.00%; }
    .ungm-row .ungm-col-md-7 { width: 58.33%; }
    .ungm-row .ungm-col-md-8 { width: 66.67%; }
    .ungm-row .ungm-col-md-9 { width: 75.00%; }
    .ungm-row .ungm-col-md-10 { width: 83.33%; }
    .ungm-row .ungm-col-md-11 { width: 91.67%; }
    .ungm-row .ungm-col-md-12 { width: 100.00%; }

    .ungm-row .ungm-col-lg-1 { width: 8.33%; }
    .ungm-row .ungm-col-lg-2 { width: 16.67%; }
    .ungm-row .ungm-col-lg-3 { width: 25.00%; }
    .ungm-row .ungm-col-lg-4 { width: 33.33%; }
    .ungm-row .ungm-col-lg-5 { width: 41.67%; }
    .ungm-row .ungm-col-lg-6 { width: 50.00%; }
    .ungm-row .ungm-col-lg-7 { width: 58.33%; }
    .ungm-row .ungm-col-lg-8 { width: 66.67%; }
    .ungm-row .ungm-col-lg-9 { width: 75.00%; }
    .ungm-row .ungm-col-lg-10 { width: 83.33%; }
    .ungm-row .ungm-col-lg-11 { width: 91.67%; }
    .ungm-row .ungm-col-lg-12 { width: 100.00%; }

    .ungm-flex-container .ungm-flex-item-lg-33 { width: calc(33.33% - 5px); }
    .ungm-flex-container .ungm-flex-item-lg-50 { width: calc(50% - 5px); }
    .ungm-flex-container .ungm-flex-item-sm-100 { width: 100%; }
}

@media screen and (max-width: 992px) {
    .ungm-container { width: 640px !important; }

    .ungm-row .ungm-col-xl-1 { width: auto; }
    .ungm-row .ungm-col-xl-2 { width: auto; }
    .ungm-row .ungm-col-xl-3 { width: auto; }
    .ungm-row .ungm-col-xl-4 { width: auto; }
    .ungm-row .ungm-col-xl-5 { width: auto; }
    .ungm-row .ungm-col-xl-6 { width: auto; }
    .ungm-row .ungm-col-xl-7 { width: auto; }
    .ungm-row .ungm-col-xl-8 { width: auto; }
    .ungm-row .ungm-col-xl-9 { width: auto; }
    .ungm-row .ungm-col-xl-10 { width: auto; }
    .ungm-row .ungm-col-xl-11 { width: auto; }
    .ungm-row .ungm-col-xl-12 { width: auto; }

    .ungm-row .ungm-col-lg-1 { width: auto; }
    .ungm-row .ungm-col-lg-2 { width: auto; }
    .ungm-row .ungm-col-lg-3 { width: auto; }
    .ungm-row .ungm-col-lg-4 { width: auto; }
    .ungm-row .ungm-col-lg-5 { width: auto; }
    .ungm-row .ungm-col-lg-6 { width: auto; }
    .ungm-row .ungm-col-lg-7 { width: auto; }
    .ungm-row .ungm-col-lg-8 { width: auto; }
    .ungm-row .ungm-col-lg-9 { width: auto; }
    .ungm-row .ungm-col-lg-10 { width: auto; }
    .ungm-row .ungm-col-lg-11 { width: auto; }
    .ungm-row .ungm-col-lg-12 { width: auto; }

    .ungm-row .ungm-col-sm-1 { width: 8.33%; }
    .ungm-row .ungm-col-sm-2 { width: 16.67%; }
    .ungm-row .ungm-col-sm-3 { width: 25.00%; }
    .ungm-row .ungm-col-sm-4 { width: 33.33%; }
    .ungm-row .ungm-col-sm-5 { width: 41.67%; }
    .ungm-row .ungm-col-sm-6 { width: 50.00%; }
    .ungm-row .ungm-col-sm-7 { width: 58.33%; }
    .ungm-row .ungm-col-sm-8 { width: 66.67%; }
    .ungm-row .ungm-col-sm-9 { width: 75.00%; }
    .ungm-row .ungm-col-sm-10 { width: 83.33%; }
    .ungm-row .ungm-col-sm-11 { width: 91.67%; }
    .ungm-row .ungm-col-sm-12 { width: 100.00%; }

    .ungm-row .ungm-col-md-1 { width: 8.33%; }
    .ungm-row .ungm-col-md-2 { width: 16.67%; }
    .ungm-row .ungm-col-md-3 { width: 25.00%; }
    .ungm-row .ungm-col-md-4 { width: 33.33%; }
    .ungm-row .ungm-col-md-5 { width: 41.67%; }
    .ungm-row .ungm-col-md-6 { width: 50.00%; }
    .ungm-row .ungm-col-md-7 { width: 58.33%; }
    .ungm-row .ungm-col-md-8 { width: 66.67%; }
    .ungm-row .ungm-col-md-9 { width: 75.00%; }
    .ungm-row .ungm-col-md-10 { width: 83.33%; }
    .ungm-row .ungm-col-md-11 { width: 91.67%; }
    .ungm-row .ungm-col-md-12 { width: 100.00%; }

    .ungm-flex-container .ungm-flex-item-lg-33 { width: auto; }
    .ungm-flex-container .ungm-flex-item-lg-50 { width: auto; }
    .ungm-flex-container .ungm-flex-item-sm-100 { width: 100%; }
}

@media screen and (max-width: 768px) {
    .ungm-container { width: 540px !important; }

    .ungm-row .ungm-col-xl-1 { width: auto; }
    .ungm-row .ungm-col-xl-2 { width: auto; }
    .ungm-row .ungm-col-xl-3 { width: auto; }
    .ungm-row .ungm-col-xl-4 { width: auto; }
    .ungm-row .ungm-col-xl-5 { width: auto; }
    .ungm-row .ungm-col-xl-6 { width: auto; }
    .ungm-row .ungm-col-xl-7 { width: auto; }
    .ungm-row .ungm-col-xl-8 { width: auto; }
    .ungm-row .ungm-col-xl-9 { width: auto; }
    .ungm-row .ungm-col-xl-10 { width: auto; }
    .ungm-row .ungm-col-xl-11 { width: auto; }
    .ungm-row .ungm-col-xl-12 { width: auto; }

    .ungm-row .ungm-col-lg-1 { width: auto; }
    .ungm-row .ungm-col-lg-2 { width: auto; }
    .ungm-row .ungm-col-lg-3 { width: auto; }
    .ungm-row .ungm-col-lg-4 { width: auto; }
    .ungm-row .ungm-col-lg-5 { width: auto; }
    .ungm-row .ungm-col-lg-6 { width: auto; }
    .ungm-row .ungm-col-lg-7 { width: auto; }
    .ungm-row .ungm-col-lg-8 { width: auto; }
    .ungm-row .ungm-col-lg-9 { width: auto; }
    .ungm-row .ungm-col-lg-10 { width: auto; }
    .ungm-row .ungm-col-lg-11 { width: auto; }
    .ungm-row .ungm-col-lg-12 { width: auto; }

    .ungm-row .ungm-col-md-1 { width: auto; }
    .ungm-row .ungm-col-md-2 { width: auto; }
    .ungm-row .ungm-col-md-3 { width: auto; }
    .ungm-row .ungm-col-md-4 { width: auto; }
    .ungm-row .ungm-col-md-5 { width: auto; }
    .ungm-row .ungm-col-md-6 { width: auto; }
    .ungm-row .ungm-col-md-7 { width: auto; }
    .ungm-row .ungm-col-md-8 { width: auto; }
    .ungm-row .ungm-col-md-9 { width: auto; }
    .ungm-row .ungm-col-md-10 { width: auto; }
    .ungm-row .ungm-col-md-11 { width: auto; }
    .ungm-row .ungm-col-md-12 { width: auto; }

    .ungm-row .ungm-col-sm-1 { width: 8.33%; }
    .ungm-row .ungm-col-sm-2 { width: 16.67%; }
    .ungm-row .ungm-col-sm-3 { width: 25.00%; }
    .ungm-row .ungm-col-sm-4 { width: 33.33%; }
    .ungm-row .ungm-col-sm-5 { width: 41.67%; }
    .ungm-row .ungm-col-sm-6 { width: 50.00%; }
    .ungm-row .ungm-col-sm-7 { width: 58.33%; }
    .ungm-row .ungm-col-sm-8 { width: 66.67%; }
    .ungm-row .ungm-col-sm-9 { width: 75.00%; }
    .ungm-row .ungm-col-sm-10 { width: 83.33%; }
    .ungm-row .ungm-col-sm-11 { width: 91.67%; }
    .ungm-row .ungm-col-sm-12 { width: 100.00%; }

    .ungm-flex-container .ungm-flex-item-lg-33 { width: auto; }
    .ungm-flex-container .ungm-flex-item-lg-50 { width: auto; }
    .ungm-flex-container .ungm-flex-item-sm-100 { width: 100%; }
}

@media screen and (max-width: 576px) {
    .ungm-container { width: 100% !important; }

    .ungm-row .ungm-col-xl-1 { width: auto; }
    .ungm-row .ungm-col-xl-2 { width: auto; }
    .ungm-row .ungm-col-xl-3 { width: auto; }
    .ungm-row .ungm-col-xl-4 { width: auto; }
    .ungm-row .ungm-col-xl-5 { width: auto; }
    .ungm-row .ungm-col-xl-6 { width: auto; }
    .ungm-row .ungm-col-xl-7 { width: auto; }
    .ungm-row .ungm-col-xl-8 { width: auto; }
    .ungm-row .ungm-col-xl-9 { width: auto; }
    .ungm-row .ungm-col-xl-10 { width: auto; }
    .ungm-row .ungm-col-xl-11 { width: auto; }
    .ungm-row .ungm-col-xl-12 { width: auto; }

    .ungm-row .ungm-col-lg-1 { width: auto; }
    .ungm-row .ungm-col-lg-2 { width: auto; }
    .ungm-row .ungm-col-lg-3 { width: auto; }
    .ungm-row .ungm-col-lg-4 { width: auto; }
    .ungm-row .ungm-col-lg-5 { width: auto; }
    .ungm-row .ungm-col-lg-6 { width: auto; }
    .ungm-row .ungm-col-lg-7 { width: auto; }
    .ungm-row .ungm-col-lg-8 { width: auto; }
    .ungm-row .ungm-col-lg-9 { width: auto; }
    .ungm-row .ungm-col-lg-10 { width: auto; }
    .ungm-row .ungm-col-lg-11 { width: auto; }
    .ungm-row .ungm-col-lg-12 { width: auto; }

    .ungm-row .ungm-col-md-1 { width: auto; }
    .ungm-row .ungm-col-md-2 { width: auto; }
    .ungm-row .ungm-col-md-3 { width: auto; }
    .ungm-row .ungm-col-md-4 { width: auto; }
    .ungm-row .ungm-col-md-5 { width: auto; }
    .ungm-row .ungm-col-md-6 { width: auto; }
    .ungm-row .ungm-col-md-7 { width: auto; }
    .ungm-row .ungm-col-md-8 { width: auto; }
    .ungm-row .ungm-col-md-9 { width: auto; }
    .ungm-row .ungm-col-md-10 { width: auto; }
    .ungm-row .ungm-col-md-11 { width: auto; }
    .ungm-row .ungm-col-md-12 { width: auto; }
    
    .ungm-row .ungm-col-sm-1 { width: 8.33%; }
    .ungm-row .ungm-col-sm-2 { width: 16.67%; }
    .ungm-row .ungm-col-sm-3 { width: 25.00%; }
    .ungm-row .ungm-col-sm-4 { width: 33.33%; }
    .ungm-row .ungm-col-sm-5 { width: 41.67%; }
    .ungm-row .ungm-col-sm-6 { width: 50.00%; }
    .ungm-row .ungm-col-sm-7 { width: 58.33%; }
    .ungm-row .ungm-col-sm-8 { width: 66.67%; }
    .ungm-row .ungm-col-sm-9 { width: 75.00%; }
    .ungm-row .ungm-col-sm-10 { width: 83.33%; }
    .ungm-row .ungm-col-sm-11 { width: 91.67%; }
    .ungm-row .ungm-col-sm-12 { width: 100.00%; }

    .ungm-flex-container .ungm-flex-item-lg-33 { width: auto; }
    .ungm-flex-container .ungm-flex-item-lg-50 { width: auto; }
    .ungm-flex-container .ungm-flex-item-sm-100 { width: 100%; }
}
.top-bar * {
    box-sizing: border-box;
}

.top-bar {
    height: 70px;
    display: flex;
    align-items: center;
    color: #525252;
    background-color: #FFF;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 500;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
    justify-content: space-between;
}

.top-bar__items {
    display: flex;
    flex-grow: 2;
    justify-content: flex-end;
}

.top-bar__items > li {
    display: flex;
}

@media only screen and (max-width : 768px) {
    .top-bar__items {
        justify-content: space-between;
    }
}

.top-bar__item {
    padding: 0.5em 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width : 768px) {
    .top-bar__item {
        padding: 0.5em 0.25em;
    }
}

    .top-bar__item:hover {
        cursor: pointer;
    }

.top-bar__item--link {
    text-decoration: none;
    color: #525252;
}

.top-bar__item--buttons {
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.top-bar__item-icon {
    fill: #525252;
    flex-grow: 2;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 1em;
}

.top-bar__item-label {
    margin-top: 0.25em;
    font-size: 0.9em !important;
    line-height: 1.2em;
}

.top-bar__item-label--with-dropdown {
    padding: 0 1.5em 0 0;
    position: relative;
    background: url("images/arrow-down.png") no-repeat scroll right center transparent;
}

.account-button__content {
    background-color: #e6f4ff;
    border-radius: 1em;
    padding: 0.5em 1em;
    text-align: center;
    font-size: 0.9em;
    line-height: 1.2em;
}

.language-button {
    flex-grow: 2;
    display: flex;
    flex-direction: column;
    align-content: space-between;
}

@media only screen and (max-width : 768px) {
    .top-bar__account {
        max-width: calc(100vw - 200px);
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.top-bar__account--impersonated {
    background-color: #FFFFDD;
}

.top-bar__inbox-count {
    position: absolute;
    bottom: 50%;
    left: 60%;
    font-size: 0.9em;
    border-radius: 1em;
    padding-left: 0.25em;
    padding-right: 0.25em;
    background-color: #295E8F;
    color: #ffffff;
}

.top-bar__link {
    color: #666;
    text-decoration: none;
    padding: 0.5em 2em;
}

@media only screen and (max-width : 768px) {
    .top-bar__link {
        padding: 0.25em 1em;
    }
}

.hc-launch {
    position: relative;
    box-sizing: border-box;
}
.info-tooltip {
    position: relative;
    display: inline-flex;
}

.info-tooltip__icon {
    width: 20px;
    height: 20px;
}

.info-tooltip__text {
    position: absolute;
    visibility: hidden;
    width: 240px;
    bottom: 150%;
    left: calc(-240px/2 + 20px/2);
    padding: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background-color: #000000;
    opacity: 0;
    border-radius: 0.5em;
    z-index: 1000;
    margin-bottom: 5px;
    transition: all 0.8s ease-out;
}

    .info-tooltip__text::after {
        content: "";
        position: absolute;
        top: 100%;
        left: calc((240px / 2) - 5px);
        border-width: 5px;
        border-style: solid;
        border-color: #000000 transparent transparent transparent;
    }

.info-tooltip:hover .info-tooltip__text {
    bottom: 100%;
    visibility: visible;
    opacity: 0.9;
}

.info-tooltip__icon--sustainability {
    width: 64px;
    height: 64px;
    border-radius: 0.25em;
    margin-right: 1em;
}

.info-tooltip__text--sustainability {
    left: calc(-240px/2 + 64px/2);
    background-color: #00ABB3;
    background: -webkit-gradient(linear,left top,right bottom,from(#8CC73B),to(#00ABB3));
    background: linear-gradient(to bottom right,#8CC73B,#00ABB3);
}

.info-tooltip:hover .info-tooltip__text--sustainability {
    opacity: 0.9;
}

.info-tooltip__text--sustainability:after {
    border-color: #00ABB3 transparent transparent transparent;
}
.ungm-no-margin {
    margin: 0 !important;
}

.ungm-margin {
    margin: 0.5em !important;
}

.ungm-margin-vertical {
    margin: 0.5em 0 0.5em 0 !important;
}

.ungm-margin-top {
    margin: 0.5em 0 0 0 !important;
}

.ungm-margin-bottom {
    margin: 0 0 0.5em 0 !important;
}

.ungm-margin-horizontal {
    margin: 0 0.5em 0 0.5em !important;
}

.ungm-margin-right {
    margin: 0 0.5em 0 0 !important;
}

.ungm-margin-left {
    margin: 0 0 0 0.5em !important;
}

.ungm-no-padding {
    padding: 0 !important;
}

.ungm-padding {
    padding: 0.5em !important;
}

.ungm-padding-vertical {
    padding: 0.5em 0 0.5em 0 !important;
}

.ungm-padding-top {
    padding: 0.5em 0 0 0 !important;
}

.ungm-padding-bottom {
    padding: 0 0 0.5em 0 !important;
}

.ungm-padding-horizontal {
    padding: 0 0.5em 0 0.5em !important;
}

.ungm-padding-right {
    padding: 0 0.5em 0 0 !important;
}

.ungm-padding-left {
    padding: 0 0 0 0.5em !important;
}
.progress-steps {
    display: flex;
    list-style-type: none;
    flex-wrap: nowrap;
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 0;
    counter-reset: step;
    padding: 0;
}

.progress-steps__step {
    list-style-type: none;
    position: relative;
    flex: 1 1 0;
}

.progress-steps__step-label {
    display: flex;
    font-size: 1.2em;
    padding: 10px 25px;
    min-height: 40px;
    align-items: center;
}

.progress-steps__step:before {
    content: counter(step);
    counter-increment: step;
    width: 30px;
    line-height: 30px;
    font-size: 1.3em;
    font-weight: 600;
    display: block;
    color: #525252;
    background: white;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    flex-shrink: 0;
}

.progress-steps__step:last-child:before {
    content: "\2714";
}

.progress-steps__step:after {
    content: '';
    width: 100%;
    height: 4px;
    background: white;
    position: absolute;
    left: -50%;
    top: 13px;
    z-index: -1;
}

.progress-steps__step-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.progress-steps__step:first-child:after {
    content: none;
}

.progress-steps__step--active:before, .progress-steps__step--active:after {
    background: #27AE60;
    color: white;
}

.progress-steps__step--current-step .progress-steps__step-label {
    color: black;
    font-weight: 700;
}

.progress-steps__step-actions {
    min-width: 40px !important;
    padding: 3px !important;
}

@media (max-width: 1024px) {
    .progress-steps {
        flex-direction: column;
    }

    .progress-steps__step {
        list-style-type: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .progress-steps__step:before {
            padding: 0.25em;
            width: 18px;
            line-height: inherit;
            margin: 0;
        }

        .progress-steps__step:after {
            width: 4px;
            height: 100%;
            position: absolute;
            left: 12px;
            top: -12px;
        }

    .progress-steps__step-details {
        flex-direction: row;
        flex-grow: 2;
    }

    .progress-steps__step-label {
        min-height: 30px;
        padding: 0.5em 1em;
        text-align: start;
    }

    .progress-steps__step-actions {
        max-width: 25% !important;
    }
}

.incomplete-registration .progress-steps__step-actions {
    display: none;
}

.flyout-menu {
    position: relative;
}

.flyout-menu ul {
    display: none;
}

.flyout-menu.open ul {
    display: block;
}

    .flyout-menu.open ul li {
        all: unset !important;
    }

    .button-reset {
        padding: 0 !important;
        border: none !important;
        font: inherit !important;
        color: inherit !important;
        background: none !important;
        margin: 0 !important;
    }


.flyout-menu__options {
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    top: calc(100% + 0.5em);
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0.5em;
    padding: 0.5em;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    box-sizing: border-box;
}

.flyout-menu__options--up {
    bottom: calc(100%) !important;
    top: unset;
}

.flyout-menu__option {
    padding: 0 !important;
}

    .flyout-menu__option > *:focus, .flyout-menu__option > *:hover, .flyout-menu__option:focus > *, .flyout-menu__option:hover > * {
        background-color: #e6f4ff !important;
    }

    .flyout-menu__option > * {
        border-radius: 0.5em !important;
        padding: 1em 1.5em !important;
        text-align: center;
        width: 100%;
        display: block;
    }

.flyout-menu__option-link {
    color: #666;
    text-decoration: none;
}