/*#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;}*/
/* Z-index of #mask must lower than #boxes .window */
#simplemodal-container {
  position:absolute;
  z-index:9000;
  background-color:#333;
  display:none;
  color:#fff;
  border:None;
  padding:12px;
  /*width:600px;
  /*height:100%;
  left:50%;
  top:50%;
  margin-left:-300px; /* half the width, to center */
  /*margin-top:-200px; /* half the height, to center */
  
}
   
#simplemodal-overlay {
  position:absolute;
  display:none;
  z-index:9999;
  padding:20px;
  background-color:#000;
}
#simplemodal-container a.modalCloseImg {
	background:url(/content/images/x.png) no-repeat; 
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}
#simplemodal-data {
  color:#000;
}

#auditPopup
{
	display:none;
	color: #000;
}
#errorPopup, #infoPopup, #procPopup
{
	display:none;
	color: #000;
}
#errorPopup .grid_16,
#infoPopup .grid_16
{
	width:300px;
}
#procPopup
{
  position:absolute;
  z-index:9000;
  left: 50%;
  height: 90%;
  top: 50%;
  margin-left:-70px;
  width:200px;
  height: 100px;
}
#procPopup fieldset
{
	height: 100px;
}

/*
	Fluid 960 Grid System - IE Fixes (IE7 and greater)
	Learn more ~ http://www.designinfluences.com/

	Licensed under GPL and MIT.
*/

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	margin-left: .92%;
	margin-right: .92%;
}

div.progressBar
{
    background-image: 
        -ms-linear-gradient(
            -45deg, 
            transparent 33%, 
            rgba(0, 0, 0, .1) 33%, 
            rgba(0,0, 0, .1) 66%, 
            transparent 66%), 
            -ms-linear-gradient(
                top, 
                rgba(255, 255, 255, .25), 
                rgba(0, 0, 0, .25)),
        -ms-linear-gradient(left, #7E7E7E, #7E7E7E) !important;
}

/*  
Site Name: Apex
Site URI: ---
Description: ---
Version: 1.0

UPDATE INFO ---------------------------------------

Revision number: 1.0
Last updated: 

CONVENTIONS ---------------------------------------

hyphenate class / id names - #my-id-name, .my-class-name
class / id names to start with lower case letter (ID's reserved for .net use will start with Upper case letter)

CREDITS -------------------------------------------
this file adapted from the fantastic resources at http://html5boilerplate.com/
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
other relevant credits have been left inline


CONTENTS ------------------------------------------

*01: Reset
*03: Default Styles
*03: Util classes
*04: Structure
*05: Common Containers & Subclasses
*06: Custom Containers & Subclasses
*07: Print Styles
*08: Media & Orientation

*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: Inter;
    src: url(/Content/font-Inter/Inter-thin.otf);
    font-color: #000;
    font-weight: 100;
}

@font-face {
    font-family: Inter;
    src: url(/Content/font-Inter/Inter-extralight.otf);
    font-color: #000;
    font-weight: 200;
}

@font-face {
    font-family: Inter;
    src: url(/Content/font-Inter/Inter-light.otf);
    font-color: #000;
    font-weight: 300;
}

@font-face {
    font-family: Inter;
    src: url(/Content/font-Inter/Inter-regular.otf);
    font-color: #000;
    font-weight: 400;
}

/* @font-face {
    font-family: Inter;
    src: url(/Content/font-Inter/Inter-Italic.otf);
    font-color: #000;
    font-weight: 400;
} */

@font-face {
    font-family: Inter;
    src: url(/Content/font-Inter/Inter-medium.otf);
    font-color: #000;
    font-weight: 500;
}

@font-face {
    font-family: Inter;
    src: url(/Content/font-Inter/Inter-semibold.otf);
    font-color: #000;
    font-weight: 600;
}

@font-face {
    font-family: Inter;
    src: url(/Content/font-Inter/Inter-bold.otf);
    font-color: #000;
    font-weight: 700;
}

@font-face {
    font-family: Inter;
    src: url(/Content/font-Inter/Inter-extrabold.otf);
    font-color: #000;
    font-weight: 800;
}

@font-face {
    font-family: Inter;
    src: url(/Content/font-Inter/Inter-black.otf);
    font-color: #000;
    font-weight: 900;
}


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
    margin: 0;
    border: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    align-content: baseline;
    /* background: transparent; */
    /* background: antiquewhite; */
}

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

    nav ul {
        list-style: none;
    }

blockquote, q {
    quotes: none;
}

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

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-size: 12px;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}


/* *01a: @font-face --------------------------------------------------------------------------------------------------------*/
/* 
@font-face {
	font-family : "Title";
	src: url('../fonts/Title.woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family : "Title";
	src: url('../fonts/TitleItalic.woff');
	font-weight: normal;
	font-style: italic;
}
*/


/* *02: Default Styles --------------------------------------------------------------------------------------------------------*/

body {
    /* font: 13px Inter, Plain, sans-serif; */
    font-size: 13px;
    font-weight: 400;
    /* font-size: small; */
    /* font: x-small; */
    line-height: 18px;
    font-family: Inter, Arial, sans-serif;
    color: #111111;
    overflow-x: auto;
}

html {
    -webkit-font-smoothing: antialiased;
}

/*h1, h2, h3, h4, h5, h6 			{ color: #444; font-weight: bold; text-rendering: optimizeLegibility; }
h1 								{ font-size: 36px; line-height: 40px; margin: 0 0 40px 0; font-family: Georgia, serif; font-style: italic; color: #08283f; font-weight: normal; }
h2 								{ font-size: 30px; line-height: 40px; margin: 0 0 0 0; background-color: red;}
h3 								{ font-size: 20px; line-height: 20px; margin: 0 0 0 0; font-weight: normal; }*/
h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-weight: 600;
    text-rendering: optimizeLegibility;
}

h1 {
    font-size: 27px;
    line-height: 50px;
    margin: 0 0 23px 0;
    color: #000000;
    font-weight: 600;
    border-bottom: 4px solid #111111;
    /*font-family: Georgia, serif; font-style: italic;*/
    /* font-kerning: auto; */
    letter-spacing: normal;
    padding-bottom: 8px;
}

h2 {
    font-size: 21px;
    line-height: 30px;
    margin: 0 0 0 0;
}

    h2.notification {
        background-color: #F5D154;
        color: #000;
        padding: 10px 0 10px 16px;
        line-height: 21px;
        margin-bottom: 13px;
        margin-top: -10px;
        font-weight: 600;
	border-radius: 100px;
    }

h3 {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 0 0;
    font-weight: 500;
}

    h3.sub {
        font-weight: bold;
        padding-top: 10px;
        font-size: 16px;
    }

p {
    line-height: 20px;
	/* padding-bottom: 4px; */
}

a {
    color: #0095b6;
    text-decoration: none;
    font-weight: 600;
}

    a:hover:not(.inactive), a:active:not(.inactive) {
        color: #000;
        outline: none;
        /* font-weight: 700; */
        /* text-decoration: underline; */
        /* text-decoration: solid; */
        /* border-radius: 100px; */
    }


table {
    font-size: inherit;
    font: 95%;
}

td, td img {
    vertical-align: top;
}

    td.middle img {
        vertical-align: middle;
    }

select, input, textarea {
    font: 99% sans-serif;
}

pre, code, kbd, samp {
    font-family: monospace, sans-serif;
}


.assetPre pre {
    font-weight: 400;
    font-family: Inter, Plain, "Segoe UI", Calibri, Helvetica, Arial, sans-serif;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

small {
    font-size: 85%;
}

strong, th {
    font-weight: 600;
}

.preStandard, .preTrimmed {
    font-family: Arial, san-serif;
}

.preTrimmed {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    /* Since CSS 2.1 */ white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */ white-space: -pre-wrap;
    /* Opera 4-6 */ white-space: -o-pre-wrap;
    /* Opera 7 */ word-wrap: break-word;
}

input[type="radio"] {
    vertical-align: text-bottom;
}
/* align checkboxes, radios, text inputs with their label - by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="checkbox"] {
    /* vertical-align: bottom; */
    /* vertical-align: baseline; */
}

.ie6 input {
    vertical-align: text-bottom;
}

select option {
    white-space: normal;
    color: #0095b6;
    background-color: #fff;
    padding: 0 0 2px 0;
}

select option:checked {
    white-space: normal;
    color: #000;
    background-color: #fff;
    font-weight: 600;
}

select option:hover {
    white-space: normal;
    color: #000;
    background-color: #fff;
    font-weight: 400;
}

select option:selected {
    white-space: normal;
    color: #000;
    background-color: #fff !important;
    font-weight: 600;
}

select option:focus {
    white-space: normal;
    color: #000;
    background-color: #fff !important;
    font-weight: 600;
}

/* select option:active {
    color: #000;
    background: #fff;
    font-weight: 600;
} */

label, input[type=button], input[type=submit], button {
    cursor: pointer;
}
/* hand cursor on clickable input elements */

::-moz-selection {
    background: #d9eef4;
    color: #000;
    text-shadow: none;
}
/* text selection colour & kills text shadow when highlighted */
::selection {
    background: #cce8f0;
    color: #000;
    text-shadow: none;
}

::-ms-clear {
    height: 0;
    width: 0;
    display: none;
}

::-ms-reveal {
    height: 0;
    width: 0;
    display: none;
}

a:link {
    -webkit-tap-highlight-color: #000;
}
/* Tap highlight colour on webkit touch devices - j.mp/webkit-tap-highlight-color */
button {
    width: auto;
    overflow: visible;
}
/* make buttons play nice in IE: - www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
.ie7 img {
    -ms-interpolation-mode: bicubic;
}
/* bicubic resizing for non-native sized IMG: - code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */

ul li {
    list-style-type: none;
}

ol li {
    list-style-type: decimal;
}

/* *03: Util Classes ----------------------------------------------------------------------------------------------------------*/

.ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
}
/* for image replacement */
.hidden {
    display: none;
    visibility: hidden;
}
/* Hide for both screenreaders and browsers - css-discuss.incutio.com/wiki/Screenreader_Visibility */
.visuallyhidden {
    position: absolute !important; /* Hide only visually, but have it available for screenreaders - www.webaim.org/techniques/css/invisiblecontent/ */
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.invisible {
    visibility: hidden;
}
/* Hide visually and from screenreaders, but maintain layout */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfixInline:after {
    content: ".";
    display: inline !important;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}
/* Hides from IE-mac \*/
.clearfix {
    display: block;
}

.upper {
    text-transform: uppercase;
}

.spacer {
    display: block;
    height: 50px;
}

.inline {
    display: inline;
}

/* *04: Structure -------------------------------------------------------------------------------------------------------------*/

header {
    height: 80px;
    background: #ffffff !important;
    padding: 0 20px;
    position: relative;
}

.master {
    /* padding: 0 30px 40px; */
    padding: 0 30px 0px;
    margin: 8px 0 8px 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.col {
    float: left;
}

.sidenav {
    width: 240px;
    margin-left: -20px;
}

    .sidenav.sidenavNegmargin {
        margin-right: -220px;
    }

.content {
    float: none;
    position: relative;
}

.w-sidenav .content {
margin: 0 0 0 220px;
}

.w-sidebar .content {
    margin: 0 240px;
}

.content-nopopup {
    float: none;
    position: relative;
}

.w-sidenav .content-nopopup {
    margin: 0 0 0 220px;
}

.w-sidebar .content-nopopup {
    margin: 0 240px;
}

.sidebar {
    width: 240px;
    float: right;
}

.menu-div {
    cursor: pointer;
}

footer {
    margin: 0 30px;
    border-top: 1px solid #ddd;
    position: relative;
    font-weight: 500;
    padding: 20px 0;
}

    footer .top {
        position: absolute;
        top: 20px;
        right: 0px;
    }

        footer .top:hover {
            color: #000;
        }

.apex-logo-footer {
    float: left;
}

.apex-copyright-footer {
    float: left;
    margin-left: 8px;
    margin-top: 33px;
    margin-bottom: 16px;
}

.overlay {
    background: url(../Content/images/bg-overlay.png);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}

.overlay2 {
    background: url(../Content/images/bg-overlay.png);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}

.overlaymc {
    background: url(../Content/images/bg-overlay.png);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}

/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/

/* Header ================== */
.logo {
    display: block;
    width: 130px;
    margin-top: 23px;
    margin-left: 20px;
    height: 53px;
    text-indent: -9999px;
    /* background: url(../Content/images/Nexus-Logo.svg) no-repeat; */
    /* background-size: contain;  */
    position: absolute;
    top: 0px;
    /* left: 0px; */
    background: url(../Content/images/Nexus-Logo.svg);
    background-repeat: no-repeat;
    background-size: 124px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: webkit-optimize-contrast;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor; */
}

.login-logos {
	/* background: url(../../Content/images/Nexus-Logo.svg) no repeat; */
	width: 267px;
	image-rendering: -moz-crisp-edges;
        image-rendering: -o-crisp-edges;
        image-rendering: webkit-optimize-contrast;
        image-rendering: pixelated;
}

/* Main Nav ================== */
.main-nav {
    position: absolute;
    bottom: 0;
    left: 190px;
    overflow: hidden;
}

    .main-nav li {
        float: left;
    }

    .main-nav a {
        display: block;
        padding: 10px 15px 12px;
        font-size: 13px;
        color: #000;
        /* background: #000; */
        font-weight: 600;
        /* text-shadow: rgba(0,0,0,0.1) 0px -1px 0px; */
        /* border-left: 1px solid #008daa; */
        /* border-right: 1px solid #1aa1bd; */
    }

    .main-nav li.secondary a {
        background-position: 0 -40px;
        /* border-left: 1px solid #3e9cde; */
    }

    .main-nav a:hover,
    .main-nav a.hover {
        background-position: 0 -40px; /* border-left: 1px solid #3e9cde; */
        background: #eeeeee;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .main-nav a.selected {
        background-position: 0 -80px;
        color: #000000;
        /* text-shadow: rgba(255,255,255,0.2) 0px 1px 0px !important; */
        /* border-left: 1px solid #008daa; */
        background: #eeeeee;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        font-weight: 700;
	margin-left: 1px;
	margin-right: 1px;
    }

/* Logged in message ================== */
/* Being used in the Canny wedget */
#CannyButton {
    border: unset;
    background-color: unset;
    padding: 0;
}
.Canny_Badge {
    border: 2px solid #ffffff !important;
}

.login-status {
    position: absolute;
    top: 12px;
    right: 30px;
    line-height: 20px;
    color: #000;
    font-size: 13px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    height: 24px;
}




/* Bell - hover*/ 
    .login-status .svgfill svg:hover path {
        fill: #000;
	stroke: none !important;
    }
 

/* Bell - default */   
    .login-status .svgfill path {
        fill: #0095b6;
	stroke: none !important;

    }

/* Gear & Logout */
    .login-status *:not(.svgfill) path {
	stroke: #0095b6;
    }

/* Gear & Logout - hover */
    .login-status *:not(.svgfill) svg:hover path {
        stroke: #000;
    }


    .login-status > * {
        margin: 0 5px;
    }
    
    .login-status > p {
        line-height: 23px;
	padding-bottom: 0px;
    }

    .login-status em {
        color: #000;
        font-style: normal;
        font-weight: 500;
    }

    .login-status a, 
    #CannyButton {
        height: 100%;
    }

    .login-status a {
        color: #0095b6;
        line-height: 20px;
        font-weight: 500;
    }

        .login-status a:hover {
            color: #000;
        }

    .login-status .log-out {
        background: url(../Content/images/ind-logout.png) no-repeat;
        padding-left: 14px;
    }

        .login-status .log-out:hover {
            background-position: 0 -20px;
        }

    .login-status .customise {
        background: url(../Content/images/ind-customise.png) no-repeat;
        padding-left: 14px;
    }

        .login-status .customise:hover {
            background-position: 0 -20px;
        }

/* Customise menu ================== */
.customise-options {
    display: none;
    background: #808b93 url(../Content/images/bg-customise-menu.png) repeat-x;
    width: 190px;
    padding: 10px 10px 20px 10px;
    position: absolute;
    top: 50px;
    right: 175px;
    z-index: 3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0,0,0, 0.3);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0, 0.3);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0, 0.3);
}

    .customise-options .ind {
        display: block;
        width: 20px;
        height: 10px;
        background: url(../Content/images/ind-customise-menu.png) no-repeat;
        position: absolute;
        top: -10px;
        right: 20px;
    }

    .customise-options h3 {
        color: #fff;
        font-size: 21px;
        font-weight: bold;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .customise-options p {
        font-size: 12px;
        margin: 0 0 20px 0;
        line-height: 14px;
        color: #fff;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 10px;
    }

/* Section Nav ================== */
.section-nav {
    background: #eeeeee;
    display: none;
}

    .section-nav.other {
        background: #eeeeee;
    }

    .section-nav ul {
        padding: 6px 0 6px 10px;
        overflow: hidden;
    }

    .section-nav li {
        float: left;
    }

    .section-nav a {
        display: block;
        padding: 6px 16px 7px;
        font-size: 13px;
        color: #000;
        /* text-shadow: rgba(0,0,0,0.1) 0px -1px 0px; */
        -webkit-border-top-left-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -moz-border-radius-topleft: 2px;
        -moz-border-radius-topright: 2px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-radius: 100px;
        font-weight: 500;
        /* font-kerning: initial; */
        /* font-optical-sizing: auto; */
    }

        .section-nav a:hover {
            background: #000;
	    border-radius: 100px;
		color: #fff;
        }

    .section-nav.default a:hover {
        background: #000;
        color: #fff;
	border-radius: 100px;
    }

    .section-nav a.selected {
        background: #000000;
        color: #ffffff;
        /* text-shadow: rgba(255,255,255,1) 0px 1px 0px; */
        font-weight: 500;
	border-radius: 100px;
	margin-left: 1px;
	margin-right: 1px;
    }

/* Breadcrumbs ================== */
.breadcrumbs {
    padding: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    overflow: hidden;
    background: linear-gradient(90deg, rgba(0,149,182,1) 0%, rgba(168,204,161,1) 100%);
    background: rgb(0,149,182);
    background: linear-gradient(90deg, rgba(0,149,182,1) 0%, rgba(168,204,161,1) 100%);
    width: 100%;
    /* border-bottom: 1px solid rgba(255,255,255,0.3); */
}

    .breadcrumbs ul {
        float: left;
        margin: 0px 30px;
    }

    .breadcrumbs li {
        float: left;
        /* line-height: 32px; */
        font-size: 12px;
        margin-right: 5px;
        margin-top: 3px;
        margin-bottom: 1px;
        font-family: Inter, plain, arial;
        font-weight: 600;
        color: #fff;
    }

        .breadcrumbs li strong {
            color: #ffffff;
        }

    .breadcrumbs a {
        display: block;
        font-weight: 600;
        background: url(../Content/images/ind-breadcrumbs.png) no-repeat top right;
        padding-right: 10px;
        color: #ffffff90;
        font-size: inherit;
    }

        .breadcrumbs a:hover {
            background-position: 100% 100%;
            /* text-decoration: underline; */
            color: #fff;
        }

/* Side Nav ================== */
.sidenav {
    background: url(../Content/images/bg-sidenav.png) repeat-y top right;
    padding-bottom: 40px;
}

    .sidenav ul {
        margin: 0 60px 0 20px;
    }

    .sidenav a {
        display: block;
        line-height: 20px;
        padding: 13px 10px 10px 0px;
        border-bottom: 2px solid #eee;
        font-size: 14px;
        position: relative;
        font-weight: 500;
        /* color: #000; */
        color: #0095b6;
    }

        .sidenav a:hover {
            /* text-decoration: underline; */
            color: #000000;
            /* color: #206f65; */
        }

        .sidenav a.selected {
            background: #ffffff;
            padding: 13px 10px 10px 0px;
            /* margin-right: -20px; */
            /* border-bottom: 2px solid #8ca9a3; */
            /* left: -20px; */
            color: #000000;
            text-decoration: none;
            cursor: default;
            font-weight: 700;
        }

            .sidenav a.selected span {
                display: block;
                width: 7px;
                height: 14px;
                /* background: url(../Content/images/sprite.png) no-repeat; */
                position: absolute;
                top: 50%;
                right: -7px;
                margin-top: -7px;
            }

        .sidenav a.prev {
            /* border-bottom: 1px solid #fbfbfb; */
        }

/* 'Nav Lock' behaviour on scroll ================== */
.nav-locked {
    padding-top: 160px;
}

    .nav-locked .section-nav {
        width: 100%;
    }

    .nav-locked header {
        z-index: 15;
        width: 100%;
        height: 40px;
    }

    .nav-locked .logo {
        /* background: url(../img/interface/Nexus-Logo.svg) no-repeat 0px 0px; */
        width: 190px;
        height: 40px;
        position: absolute;
        /* bottom: 0; */
        /* left: 0; */
        /* top: auto; */
        /* background: url(../Content/images/bg-logo-small.png) no-repeat 0px 0px; */
	background-size: 100px;
        bottom: 3px;
        top: auto;
        height: 32px;
	margin-left: 33px;
    }

.side-nav-locked .sidenav {
    position: fixed;
    top: 120px;
}

.nav-locked .breadcrumbs {
    width: 100%;
    /* background: linear-gradient(90deg, rgba(0,149,182,1) 0%, rgba(168,204,161,1) 100%); */
    /*border-bottom: 1px solid #fff;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,1); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,1);*/
}

.nav-locked .login-status { /*top: auto; bottom: 12px; right: 70px;*/
    display: none;
}

/* Lightbox style overlays ================== */
.overlay-container,
.overlay-container2,
.processing {
    float: left;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #ffffff;
    padding: 10px 20px 20px 20px;
    max-width: 90%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,1);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,1);
    max-height: 80%;
    overflow-y: auto;
}

#alertBox .overlay-container {
    position: fixed;
}

.overlay-container .close, .overlay-container2 .close {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(../Content/images/btn-close.png) no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
}

    .overlay-container .close:hover, .overlay-container2 .close:hover {
        background-position: 0 -30px;
    }

.overlay-container h2, .overlay-container2 h2 {
    margin: 10px 40px 10px 0;
}

.processing {
    line-height: 40px;
    font-size: 20px;
    padding: 5px 20px 5px 5px;
    font-weight: 700;
    background: #fff;
    display: none;
    color: #000;
}

    .processing img {
        float: left;
        margin-right: 5px;
    }

/* Tables ================== */
table {
    width: 100%;
}

tr, th, caption, td {
    /* line-height: 20px; */
    /* line-height: 22px; */
    text-align: left;
    /* color: #000000; */
    font-size: 12px;
    /* font-weight: 300; */
    /* padding-top: 22px; */
}

    tr.sub td {
        color: #009bbb !important
    }

.data-table {
}

    .data-table caption {
        background: #dddddd;
        font-size: 18px;
        /* line-height: 40px; */
        color: #000;
        padding: 6px 0px 5px 20px;
        /* padding-top: 6px; */
        font-weight: 600;
        /* text-shadow: rgba(0,0,0,0.3) 0px -1px 0px; */
        /* line-height: 30px; */
        /* display: flex; */
        line-height: 28px;
        /* align-items: center; */
        /* padding-top: 10px; */
	border-radius: 4px 4px 0 0;
    }


th.header:first-child {
	border-radius: 4px 0 0 0;
}

th.header:last-child {
	border-radius: 0 4px 0 0;
}

        .data-table caption .no-pages {
            font-weight: normal;
            font-size: 14px;
            line-height: 0;
            color: #efefef;
        }

        .data-table caption.record-count {
            font-size: 12px !important;
            font-weight: 500 !important; /* text-shadow: rgba(0,0,0,0.1) 0px -1px 0px; */
            line-height: 20px;
            background: #ffffff;
            padding: 7px 10px 5px 20px;
        }
    
    .data-table tr:nth-child(2n) {
        background: #eeeeee;
        line-height: 16px;
    }

        .data-table tr.unposted-trade-row {
            background: rgb(251, 239, 198);
        }

.data-loss-table tr:nth-child(2n) {
    background: #e67373;
    border-bottom: 1px solid #dc7474;
}

.data-table tr {
    /* line-height: 20px; */
    line-height: 16px;
    /* border-bottom: 1px solid #FFF; */ /*d9d8d8;*/
    height: 35px;
    /* background: #fff; */
}

.data-loss-table tr {
    background: #f99f9f;
    border-bottom: 1px solid #dc7474;
}

.data-table td a {
    /* margin-top: 4px;
    margin-bottom: 4px; */
}

.data-table td {
    vertical-align: middle;
    align-content: center;
}

.data-table td,
.data-table th {
    /* padding: 0 5px; */
    /* padding-top: 1px; */
    padding-left: 10px;
    /* padding-right: 6px; */
    padding-top: 2px;
    padding-bottom: 2px;
}

.data-table .bloomberg-price-table td,
.data-table .bloomberg-price-table th {
    padding-left:6px;
}
.data-table .bloomberg-price-table .num {
    padding-right:6px;
}
.data-table-numeric-header th {
    text-align: right;
}

th:first-child {
	border-radius: 4px 0 0 0;
}

th:last-child {
	border-radius: 0 4px 0 0;
}

    .data-table td.wf-shortnamelabel-td {
        padding: 0 5px;
        padding-top: 1px;
        padding-left: 5px;
    }

    .data-table td.ajax-container td:hover {
        background-color: #0095b650;
        /* background-color: #000; */
        /* -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px; */
        color: #000;
    }

    .data-table td.ajax-container,
    .data-table tr.ajax-container,
    .data-table tfoot td,
    .data-table tfoot td:hover {
        padding: 10px 0 0 0;
        background: none !important;
    }

.data-table tfoot tr:hover {
    background: none !important;
}

.data-table th {
    background: #eee;
    font-weight: 600;
    line-height: 15px;
    /* text-shadow: rgba(255,255,255,0.8) 0px 1px 0px; */
    font-size: 12px;
    padding-bottom: 10px;
    padding-right: 8px;
    padding-top: 11px;
    padding-left: 10px;
    color: #000000;
    /* border-top: 12px solid #fff; */
    border-top: 3px solid #fff;
    border-bottom: 2px solid #000000;
    /* min-width: 48px; */
}

.input-form .embedGrid .data-table {
    border: none;
}

.embedGrid .data-table {
    margin-bottom: 20px;
    background-color: white;
    /* border: 1px solid rgb(223, 223, 223); */
    margin-top: 10px;
}

    .embedGrid .data-table caption {
        /* background: transparent url(../Content/images/SectionArrowClose.png) no-repeat !important; */
	background: #fff;
        color: #000 !important;
        font-weight: 600;
        text-rendering: optimizeLegibility !important;
        text-shadow: none;
        padding-left: 0px;
    }

.embedSimpleGrid .data-table {
    background-color: white;
}

    .embedSimpleGrid .data-table caption {
        background-color: white;
        font-size: 13px;
        font-weight: normal !important;
        color: #000 !important;
        text-shadow: rgba(255,255,255,1) 0px 1px 0px;
    }

    .embedSimpleGrid .data-table th {
        background-color: white;
        font-weight: normal;
        color: #808080;
        padding-left: 20px !important;
        border: 0;
    }

.embedGrid .data-table .nonprimary {
    color: gray;
}

.data-table th .sort-asc,
.data-table th .sort-des {
    display: block;
    background: url(../Content/images/bg-sort.png) no-repeat;
    padding-left: 15px;
    color: #000;
}

.data-table th .sort-asc {
    background-position: 0px -9px;
}

    .data-table th .sort-asc:hover {
        background-position: 0px -48px;
    }

.data-table th .sort-des {
    background-position: 0px -86px;
}

    .data-table th .sort-des:hover {
        background-position: 0px -125px;
    }

.data-table th.right .sort-asc {
    padding-right: 15px;
    padding-left: 0;
    background-position: 100% -10px;
}

    .data-table th.right .sort-asc:hover {
        background-position: 100% -49px;
    }

.data-table th.right .sort-des {
    padding-right: 15px;
    padding-left: 0;
    background-position: 100% -88px;
}

    .data-table th.right .sort-des:hover {
        background-position: 100% -127px;
    }

.data-table th.quick-sort-asc,
.data-table th.quick-sort-des {
    background: url(../Content/images/bg-sort.png) no-repeat, #fff;
    color: #08283f;
}

.data-table th.quick-sort-asc {
    background-position: right 5px top 0px;
}

    .data-table th.quick-sort-asc:hover {
        background-position: right 5px top -39px;
    }

.data-table th.quick-sort-des {
    background-position: right 5px top -78px;
}

    .data-table th.quick-sort-des:hover {
        background-position: right 5px top -117px;
    }

.data-table th.right.quick-sort-asc {
    padding-right: 15px;
    padding-left: 0;
    background-position: 100% 0px;
}

    .data-table th.right.quick-sort-asc:hover {
        background-position: 100% -43px;
    }

.data-table th.right.quick-sort-des {
    padding-right: 15px;
    padding-left: 0;
    background-position: 100% -82px;
}

    .data-table th.right.quick-sort-des:hover {
        background-position: 100% -121px;
    }

.data-table tr.table-section { /*background: #fbfbfb;*/
    border: none;
    padding-top: 16px;
}

    .data-table tr.table-section td {
        line-height: 38px;
        border-bottom: 1px solid #fff;
        border-top: 2px solid #000000;
        font-size: 16px;
        font-weight: 600;
    }

.data-table .num {
    text-align: right;
    padding-right: 8px;
}

.data-table th .num {
    color: #0095b6;
    padding-right: 0px;
}

.data-table .neg {
    padding-right: 8px;
}
/*should be less than .num to account for the ) */
.data-table tr:hover {
    background: #0095b635; /*#e5f5f8;*/
}

.data-loss-table tr:hover {
    background: #ffc9c9
}

.data-table tr:hover .num {
    /* font-weight: 500; */
    /* color: #000; */
}

.data-table tr[url]:hover {
    /* background-color: #0095b625; */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.data-table tr[selection]:hover {
    /* background-color: #b4daf3; */
    background-color: #0095b625;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    color: #000;
}

.data-table tr[chosen] {
    /* background-color: #b4daf3; */
    background-color: #000;
    color: #fff;
}

.data-table tr.total {
    font-weight: bold;
    border-top: 2px solid #000;
    border-bottom: 4px double #000;
}

/*.data-table td.drill-down			{ background: url(../Content/images/ico-drill-down.png) no-repeat 0 0px; padding-left: 30px; cursor: pointer; }*/
.data-table td.drill-down {
    cursor: pointer;
    /* text-decoration: underline; */
    color: #0095b6;
    font-weight: 500;
}
/*.data-table .nobtns td.drill-down	{ background: url(../Content/images/ico-drill-down.png) no-repeat 0 -3px; padding-left: 30px; cursor: pointer; }*/
.data-table .nobtns td.drill-down {
    cursor: pointer;
    text-decoration: underline;
}
/*.data-table td.drill-down-right	{ background: tip(../Content/images/ico-drill-down.png) no-repeat 100% 0px; padding-right: 30px; cursor: pointer; }*/
.data-table td.drill-down-right {
    cursor: pointer;
    /* text-decoration: underline; */
    text-align: right !important;
    color: #0095b6;
}

    .data-table td.drill-down-right.force-left {
        text-align: left !important;
    }
/*.data-table .nobtns td.drill-down-right		{ background: url(../Content/images/ico-drill-down.png) no-repeat 100% -3px; padding-right: 30px; cursor: pointer; }*/
.data-table .nobtns td.drill-down-right {
    cursor: pointer;
    text-decoration: underline;
}

.data-table td.second {
    color: #aaa;
    font-style: italic;
}

.data-table td.roundUp {
    background: url(../Content/images/arrowUp.gif) no-repeat;
}

.data-table td.roundUp2 {
    background: url(../Content/images/arrowUp2.gif) no-repeat;
}

.data-table td.roundDown {
    background: url(../Content/images/arrowDown.gif) no-repeat 0% 100%;
}

.data-table td.roundDown2 {
    background: url(../Content/images/arrowDown2.gif) no-repeat 0% 100%;
}

.data-table .hasDatepicker {
    float: left;
    width: 75px;
    color: #000;
    /* margin-top: -5px !important; */
}

.skip-drill-down {
    cursor: auto;
}
/*.table-input td.drill-down			{ background: url(../Content/images/ico-drill-down.png) no-repeat 0 7px; padding-left: 30px; line-height:20px; cursor: pointer; }
.table-input td.drill-down-right		{ background: url(../Content/images/ico-drill-down.png) no-repeat 100% 7px; padding-right: 30px; line-height:20px; cursor: pointer; }*/
.table-input td.drill-down {
    cursor: pointer;
    /* text-decoration: underline; */
}

.table-input td.drill-down-right {
    cursor: pointer;
    /* text-decoration: underline; */
    /* text-align: left !important; */
}

/*span.drill-down				{ background: url(../Content/images/ico-drill-down.png) no-repeat 0 -4px; padding-left: 30px; line-height:20px; cursor: pointer; }
span.drill-down-right		{ background: url(../Content/images/ico-drill-down.png) no-repeat 100% -4px; padding-right: 30px; line-height:20px; cursor: pointer; }*/
span.drill-down {
    cursor: pointer;
    /* text-decoration: underline; */
}

span.drill-down-right {
    cursor: pointer;
    /* text-decoration: underline; */
}

span.drill-btn {
    cursor: pointer;
    /* text-decoration: underline; */
}

a.drill-btn {
    cursor: pointer;
    /* text-decoration: underline; */
}

li a.drill-btn {
    cursor: pointer;
    /* text-decoration: underline; */
    line-height: 30px;
}

/*Yes No Display Items*/
.table-input td ul li label {
    line-height: 20px;
    float: left;
    margin-left: 20px;
}

.table-input td ul li input[type="checkbox"] {
    margin-top: 4px;
    float: left;
}

.data-table tbody tr td ul li label {
    line-height: 20px;
    float: left;
    margin-left: 20px;
    font-size: 13px;
    font-weight: 400px;
}

.data-table tbody tr td ul li input[type="checkbox"] {
    margin-top: 4px;
    float: left;
}

.data-table a.preference-btn {
    margin: 0px 8px 0 8px;
    float: right;
    display: inline;
    line-height: 0px;
}

    .data-table a.preference-btn:hover {
        -webkit-filter: grayscale(80%);
        -moz-filter: grayscale(80%);
        -o-filter: grayscale(80%);
        -ms-filter: grayscale(80%);
        filter: grayscale(80%);
    }


.data-table-filter {
    /* border-top: 1px solid #aab2b1; */
    padding: 12px 20px 8px 0;
    /* padding: 15px 20px 10px 0; */
    margin: 5px 0px -5px -20px;
    box-shadow: inset 0px 0px 0px rgb(0 0 0 / 100%);
    -moz-box-shadow: inset 0px 1px 0px rgba(0,0,0, 0.1);
    /* -webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0, 0.1); */
    background: #eeeeee;
    /* margin-top: 2px; */
}

    .data-table-filter h5 {
        color: #ccc;
    }

    .data-table-filter .filter-col {
        float: left;
        width: 33%;
    }

.two-col-filter .filter-col {
    width: 49%;
}

.data-table-filter .filter-col ul {
    margin: 0 20px 0 0;
    padding-left: 20px;
    border-left: 1px solid #e0dedc;
}

.data-table-filter .first ul {
    border-left: none;
}

.data-table-filter .filter-col li {
    clear: both;
    margin-bottom: 3px;
    overflow: hidden;
}

.data-table-filter label {
    font-weight: 600;
    font-size: 13px;
    width: 140px;
    float: left;
    /* line-height: 30px; */
    line-height: 16px;
    /* text-shadow: rgba(0,0,0,0.1) 0px -1px 0px; */
    color: black;
    /* margin-top: 3px;
    margin-right: 8px; */
    margin-top: 10px;
    margin-right: 8px;
    margin-bottom: 4px;
}

.data-table-filter span {
    font-weight: normal;
    font-size: 14px;
    float: left;
    line-height: 30px;
    /* text-shadow: rgba(0,0,0,0.1) 0px -1px 0px; */
    padding-top: 7px;
    padding-left: 4px;
}

.data-table-filter input,
.data-table-filter select,
.data-table-filter textarea {
    float: left;
    font-size: 13px;
    height: 30px !important;
    padding: 0 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #dddddd;
    width: 110px;
    font-weight: 400;
}

/* INPUT FIELDS */

    .data-table-filter input:focus {
        border: 2px solid #0095b6;
	outline: none;
    }


    .data-table-filter input[type="checkbox"] {
        position: relative;
        top: 8px;
        margin-right: 8px;
	margin-top: 5px; /* Fixes dropdown in activities */
    }

.data-table-filter select {
    padding-right: 0 !important;
    width: 123px;
}

    .data-table-filter select.ddlwide {
        padding-right: 0 !important;
        width: 150px;
    }

.data-table-filter .seperator, .input-form .seperator {
    font-weight: 400;
    font-size: 13px;
    display: block;
    float: left;
    padding: 0 10px;
    line-height: 30px;
}

.data-table-filter .check-radio input {
    position: relative;
    top: 1px;
}

.data-table-filter .btn {
    float: left;
    margin: 0 10px 0 0;
    color: #0095b6;
}
/*
.data-table-filter .error					{ font-size: 14px; font-weight: normal; background: #177abf; }
.data-table-filter .error span 				{ background-position: 0px 100%; }
*/
.data-table-filter .field-validation-error {
    font-size: 12px;
    font-weight: normal;
}

.data-table-filter .note {
    font-size: 12px;
    font-weight: normal;
    color: #eee;
}

.data-table-filter a.lov-btn {
    margin: 0 0 0 6px;
    float: left;
    display: inline;
    line-height: 0px;
	margin-top: 5px;
}

h2 a.lov-btn {
    margin: 7px 0px 0px 10px;
    float: right;
    display: block;
    line-height: 0px;
}

.dateRange {
}
/*Used for controlling date ranges on filter pages*/

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

/* 'pop' dialouge (appears when a value in a table is clicked) ================== */
.overlaypop,
.pop {
    display: none;
    background: #808b93 url(../Content/images/bg-customise-menu.png) repeat-x;
    background: #fff;
    padding: 10px;
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0,0,0, 0.3);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
}

    .overlaypop .ind,
    .pop .ind {
        display: block;
        width: 20px;
        height: 10px;
        background: url(../Content/images/ind-pop-table.png) no-repeat;
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -6px;
    }

    .overlaypop .close,
    .pop .close {
        position: absolute;
        top: 10px;
        right: 10px;
    }

.pop-table {
    border-bottom: 1px solid #efefef;
}

    .pop-table caption,
    .pop-table th,
    .pop-table td {
        padding: 0 20px;
    }

    .pop-table caption {
        font-weight: 600;
        font-size: 16px;
        background: #000;
        color: #fff;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .pop-table th {
        background: #daebf6;
        color: #08283f;
        font-weight: bold;
        line-height: 39px;
        text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
        font-size: 16px;
    }

    .pop-table tr {
    }

        .pop-table tr:nth-child(2n) {
            background: #efefef;
        }

/* Buttons ================== */
.btn-examples {
    margin: 40px 0 0 0;
    overflow: hidden;
}

    .btn-examples h2 {
        margin-bottom: 20px;
    }

    .btn-examples .btn {
        margin-right: 10px;
    }

a.btn,
p.btn,
input.btn,
button.btn,
button.wf-solid-btn {
    border: 2px solid #dddddd;
    display: block;
    float: left;
    font-family: Inter, Plain, "Segoe UI", Calibri, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #0095b6;
    font-weight: 600;
    padding: 8px 20px 8px 20px;
    margin: 0;
    /* line-height: 30px; */
    /* background: #bdb9b4; */
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 100px;
    /* text-shadow: rgba(0,0,0,0.3) 0px -1px 0px; */
    /* box-shadow: inset 0px 1px 3px rgba(0,0,0, 0.2); */
    -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0, 0.2);
    /* -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0, 0.2); */
    outline: none;
    text-transform: none;
    line-height: 18px;
}

input.btn {
    height: 38px;
    /* height: 33px; */
}

    a.btn:hover,
    input.btn:hover,
    button.btn:hover:not([disabled]) {
        background: #000;
        color: #fff;
        border: 2px solid #000 !important;
    }

    a.btn:active,
    input.btn:active,
    input.btn:focus {
        background: #000;
        /* border: 1px solid #000; */
        color: #fff;
    }

a.btn-good,
p.btn-good,
input.btn-good {
    background: #ffffff;
    color: #0095b6;
    border: 2px solid #dddddd;
    border-radius: 100px;
    line-height: 18px;
}

    a.btn-good:hover,
    p.btn-good:hover,
    input.btn-good:hover,
    button.btn-good:hover, {
        background: #000;
        color: #fff;
        border: 1px solid #000;
    }

    a.btn-good:active,
    p.btn-good:active,
    input.btn-good:active,
    input.btn-good:focus {
        background: #000000;
        color: #fff;
        border: 2px solid #000;
    }

a.btn-bad,
p.btn-bad,
input.btn-bad {
    background: #ffffff;
    color: #f00000;
    border: 2px solid #dddddd;
    font-weight: 500;
}

    p.btn-bad:hover,
    a.btn-bad:hover,
    input.btn-bad:hover,
    button.btn-bad:hover {
        background: #000000;
        color: #fff;
        border: 1px solid #000;
    }

    a.btn-bad:active,
    p.btn-bad:active,
    input.btn-bad:active,
    input.btn-bad:focus {
        background: #000;
        border: 2px solid #000;
        color: #fff;
    }

/* Action Button: Delete / Bad Actions */
a.btn.btn-bad.btn-destructive, /* -trade details*/
a.btn.btn-bad.btn-destructive.wf-btn,
input.btn.btn-bad.btn-destructive.wf-btn,
button.btn.btn-bad.btn-destructive.wf-btn, /* -delete button */
button.btn.btn-bad.btn-destructive.wf-btn.wf-medium-btn {
    color: #EB0000;
    background: #ffffff;
}
    a.btn.btn-bad.btn-destructive:hover,
    a.btn.btn-bad.btn-destructive.wf-btn:hover,
    input.btn.btn-bad.btn-destructive.wf-btn:hover,
    button.btn.btn-bad.btn-destructive.wf-btn:hover,
    button.btn.btn-bad.btn-destructive.wf-btn.wf-medium-btn:hover {
        background: #EB0000;
        color: #ffffff;
        border: 1px solid #EB0000 !important;
    }

    a.btn.btn-bad.btn-destructive:active,
    a.btn.btn-bad.btn-destructive.wf-btn:active,
    input.btn.btn-bad.btn-destructive.wf-btn:active,
    button.btn.btn-bad.btn-destructive.wf-btn:active,
    button.btn.btn-bad.btn-destructive.wf-btn.wf-medium-btn:active {
        background: #EB0000;
        color: #ffffff;
    }

/* Action Button: Reject / Decline / Good Destructive */
button.btn.btn-good.btn-destructive.wf-btn.wfLargeSubmitButton {
    color: #EB0000;
    background: #ffffff;
}

    /* Hover and active for decline-related buttons and inputs */
    #DeclineToClientWorkflowTradeDataButton:hover,
    #DeclineWorkflowTradeDataButton:hover,
    #DeclineWorkflowTradeDataButtonAction:hover,
    #DeclineWorkflowTradeDataButtonAction:active {
        background: #EB0000 !important;
        color: #ffffff !important;
        border: 1px solid #EB0000 !important;
    }

    /* Text inside Decline buttons on hover */
    #DeclineToClientWorkflowTradeDataButton:hover .wf-btn-p-font,
    #DeclineWorkflowTradeDataButton:hover .wf-btn-p-font {
        color: #ffffff !important;
    }

input[disabled=disabled].btn-bad {
    background: rgb(232, 232, 232) url(../Content/images/bg-btn.png) repeat-x 0 -3px;
    color: #efcccc;
    cursor: default;
}

a.btn-ave,
input.btn-ave {
    background: #FA9828 url(../Content/images/bg-btn.png) repeat-x 0 -3px;
    color: #efcccc;
}

    a.btn-ave:hover,
    input.btn-ave:hover {
        background: #FA9828 url(../Content/images/bg-btn.png) repeat-x 0 -3px;
        color: #fff;
    }

    a.btn-ave:active,
    input.btn-ave:active,
    input.btn-ave:focus {
        background: #FA9828 url(../Content/images/bg-btn.png) repeat-x 0 -3px;
    }

input:-ms-input-placeholder {
    color: grey;
}

input::-webkit-input-placeholder {
    color: grey;
}

input:-moz-placeholder {
    color: grey;
}

a.formula,
input.formula {
    padding: 17px 10px;
    background: url(../Content/images/ico-formula.svg) no-repeat 0 0 / 24px 50px;
    padding-left: 30px;
    padding-left: 14px;
    /* padding-top: 3px; */
    cursor: pointer;
}

td a.formula {
    line-height: 27.5px;
}

/* Buttons in specific contexts ================== */
caption a.btn,
caption p.btn,
caption input.btn {
    background: #FFFFFF;
    float: right;
    margin: 0px 8px 0px 0px;
    /* line-height: 30px; */
    line-height: 0px;
    border: 1px #dddddd solid !important;
    border-radius: 100px;
    font-size: 11px;
    text-transform: none;
    /* color: #000000; */
    font-weight: 500;
    padding: 12px 15px 12px 15px;
}

    caption a.btn:hover,
    caption p.btn:hover,
    caption input.btn:hover {
        background: #000000;
        border: 1px solid #ddd !important;
    }

    caption a.btn:active,
    caption p.btn:active,
    caption input.btn:active {
        background: #000000;
        color: #fff;
    }

caption a.open {
    /* background: #656b6a7d; */
    /* color: #fff; */
}

    caption a.open:hover {
        background: #000 url(../Content/images/bg-btn.png) repeat-x 0 -5px;
        color: #fff;
    }

caption p.open {
    background: #333 url(../Content/images/bg-btn.png) repeat-x 0 -5px;
    color: #fff;
}

    caption p.open:hover {
        background: #000 url(../Content/images/bg-btn.png) repeat-x 0 -5px;
        color: #fff;
    }

.input-form a.btn,
td a.btn,
.pop a.btn,
.input-form input.btn {
    margin: 2px 5px 2px 0;
    padding: 4px 10px 4px 10px;
    /* line-height: unset; */
    line-height: 12px;
    background-position: 0 -9px !important;
    /* border: none !important; */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 100px;
    font-size: 12px;
    /* text-transform: uppercase; */
    /*box-shadow: inset 0px 1px 0px rgba(0,0,0, 0.2); -moz-box-shadow: inset 0px 1px 0px rgba(0,0,0, 0.8); -webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0, 0.8);*/
    font-weight: 500;
    /* letter-spacing: 1px; */
    /* background: #d9eef4; */
    /* color: #000; */
    /* border: 1px solid #8ca9a3; */
}

.input-form a.btn {
    float: right;
    margin-top: 8px;
    border: 2px solid #dddddd;
    /* line-height: 18px; */
}

a.lov-btn {
	float: left;
}


.input-form li {
   /* line-height: 35px; */
   /* line-height: 20px; */
   line-height: 38px;
}

    .input-form li input {
        line-height: 20px;
	margin-right: 4px;
	outline: none;
	margin-top: 4px;
    }

        .input-form li input[type='checkbox'] {
            position: relative;
            top: 8px;
	    margin-top: 3px !important;
        }
    /*Fix checkboxes appearing at the top of row in forms*/
    .input-form li span,
    .input-form li a.lov-btn {
        line-height: 17px;
	margin-left: 4px;
	/* margin-left: 5px; */
	/* float: left; */
	margin-top: 7px;
    }

        .input-form li span.info-tip img {
            margin-bottom: -9px;
	    /* padding-top: 6px; */
        }

    .input-form li label span.info-tip img {
        margin-top: -3.5px;
        /* margin-bottom: -8px; */
	margin-bottom: 0px;
    }

    .input-form li label {
        margin-top: 1px;
        margin-bottom: 1px;
	display: flex;
	height: 26px;
	align-items: center;
    }

.create-items li {
    overflow: hidden;
    padding: 2px 0 2px 0;
    color: #000;
}

/* standard form styles ================== */
label {
    /* line-height: 32px; */
    display: block;
    font-size: 18px;
    font-weight: 600;
    /* text-shadow: rgba(255,255,255,1) 0px 1px 0px; */
}

input, select {
    border: 2px solid #dddddd;
    font-family: Inter, Plain, "Segoe UI", Calibri, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    height: 32px;
    /* padding: 3px 10px 0px 10px; */
    padding: 0px 10px 0px 4px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /* box-shadow: 0px 0px 5px rgba(0,0,0, 0.1); */
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0, 0.1);
    /* -webkit-box-shadow: 0px 0px 5px rgba(0,0,0, 0.1); */
    outline: none;
}

textarea {
    border: 2px solid #dddddd;
    font-family: Inter, Plain, "Segoe UI", Calibri, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    padding: 10px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /* box-shadow: 0px 0px 5px rgba(0,0,0, 0.1); */
    /* -moz-box-shadow: 0px 0px 5px rgba(0,0,0, 0.1); */
    /* -webkit-box-shadow: 0px 0px 5px rgba(0,0,0, 0.1); */
}

.multi-line {
    width: 25em;
    height: 6em;
}

.rich-text-editor, .rich-text-display {
    width: 40em;
}

.rich-text-editor {
    height: 20em;
}

.rich-text-output {
    margin-top: 1em;
}

    .rich-text-output ul, .rich-text-output ol {
        margin-left: 4em;
    }

        .rich-text-output ul li {
            list-style-type: initial;
        }

/* calendar select */
select {
    /* padding: 0 0 0 20px;*/
}

    input:focus,
    select:focus,
    textarea:focus {
	border: 2px solid #000 !important;
	/* border: 2px solid #0095b6 !important; */
        /* border: 1px solid #8ca9a3; */
        /* box-shadow: 0px 0px 10px rgba(0,0,0, 0.2); */
        /* -moz-box-shadow: 0px 0px 10px rgba(0,0,0, 0.2); */
        /* -webkit-box-shadow: 0px 0px 10px rgba(0,0,0, 0.2); */
    }

input[type="checkbox"] {
    border: none;
    padding: 0 !important;
    height: auto !important;
    width: auto;
    box-shadow: none;
    border-radius: none;
}

input[type="radio"] {
    border: none;
    padding: 0 !important;
    width: auto;
    box-shadow: none;
    border-radius: none;
}

td.verticalAlign input[type="checkbox"] {
    vertical-align: middle;
}

th.verticalAlign input[type="checkbox"] {
    vertical-align: middle;
}

h2.form-head {
    font-size: 18px;
    /* background: transparent url(../Content/images/SectionArrowClose.png) no-repeat; */
    padding: 0 0px;
    line-height: 39px;
    margin-bottom: 10px;
}

    h2.form-head pre {
        font-family: Inter, Plain, "Segoe UI", Calibri, Helvetica, Arial, sans-serif;
    }

input.formulaField {
    width: 250px;
    float: left;
}

.input-form label {
    display: block;
    float: left;
    width: 300px;
    padding: 6px 20px 6px 0px;
    line-height: 14px;
    font-size: 12px;
    color: #000000;
}

table.input-form > * > tr > * > label {
    width: auto;
    padding: 0;
}

table.input-form > * > tr > td, table.input-form > * > tr > th {
    padding: 6px 10px;
}

.input-form input,
.input-form select {
    float: left;
    height: 28px;
    padding: 0 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 2px auto;
}

.input-form textarea {
    float: left;
    padding: 0 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 2px auto;
    outline: none;
}
/*.input-form textarea	{ height: 100px; }*/
.input-form select {
    padding-right: 0;
    border: 2px solid #dddddd;
    margin-right: 4px;
    outline: none;
    /* padding-top: 4px; */
    height: 32px;
    margin-top: 4px;
}

.input-form li, table.input-form > * > tr {
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #ddd;
    color: #000;
}

select.listBox {
    height: 216px;
}

.field-validation-error {
    display: block;
    float: left;
    background: #ca302e;
    color: #fff;
    margin: 0 0 0 20px;
    line-height: 30px;
    padding: 0 10px;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /* box-shadow: 0px 2px 0px rgba(0,0,0, 0.1); */
    /* -moz-box-shadow: 0px 2px 0px rgba(0,0,0, 0.1); */
    /* -webkit-box-shadow: 0px 2px 0px rgba(0,0,0, 0.1); */
}

    .field-validation-error .ind {
        display: block;
        width: 5px;
        height: 12px;
        background: url(../Content/images/ind-error.png) no-repeat;
        position: absolute;
        top: 50%;
        left: -5px;
        margin-top: -6px;
    }

.input-validation-error {
    border: 2px solid #ca302e;
}

.validation-summary-errors {
    background: #ca302e;
    color: #fff;
    margin: 0 0 0 20px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 3px;
    box-shadow: 0 2px 0 rgba(0,0,0, 0.1);
}

    .validation-summary-errors li {
        list-style-type: disc;
        list-style-position: inside;
    }

.noteRight .note {
    float: right !important;
}

.note {
    display: block;
    float: left;
    margin: 4px 0 0 8px;
    line-height: 30px !important;
    color: #000;
    font-size: 12px;
}

.detInfo {
    color: #999;
    font-size: 12px;
}

.input-form .check-radio {
}

    .input-form .check-radio ul {
        float: left;
    }

    .input-form .check-radio li {
        float: none;
        border: none;
        padding: 0;
    }

        .input-form .check-radio li label {
            width: auto;
            color: #000;
	    margin-left: 8px;
	    font-weight: 400;
        }

        .input-form .check-radio li input {
            position: relative;
            top: 10px;
        }

.grid-search .check-radio li label {
    width: auto;
    line-height: 30px;
    color: #000;
    margin-left: 6px;
	font-weight: 400;
}

.grid-search .check-radio .info-tip {
    float: right;
    margin-top: 7px;
    margin-top: 7px;
    margin-left: -50px;
}

.grid-search .check-radio li input {
    position: relative;
    top: 9px;
}

.grid-search .link {
    margin-top: 10px;
    margin-left: 5px;
    float: right;
}

.calendar-btn,
.ui-datepicker-trigger {
    display: block;
    float: left;
    margin: 7px 0 0 10px;
	width: 25px;
}

.ui-datepicker-other-month a {
    color: #ccc;
    */ font-style: italic; */
}

.input-form .calendar-btn,
.input-form .ui-datepicker-trigger {
    margin: 2px 0 -2px 10px;
}

.data-table-filter .calendar-btn,
.data-table-filter .ui-datepicker-trigger {
    margin-top: 2px;
}

.data-table .table-input td input .hasDatepicker {
    float: left;
}

.data-table input,
.data-table select,
.data-table textarea {
    height: 28px;
    margin: 0;
    /* padding: 0 5px; */
    margin-bottom: 1px;
    margin-top: 10px;
    padding: 0px 9px 0px 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-top: 1px;
    outline: none;
}

.adjustlovbtn {
    position: absolute;
    margin-top: -7px;
    vertical-align: middle;
}

.table-input td {
    line-height: 0;
    padding: 10px 10px;
}

.cellsmlmargin td {
    line-height: 10px;
    padding: 5px 5px !important;
}

    .cellsmlmargin td.calendar-btn, .ui-datepicker-trigger {
        margin-top: 6px !important;
        margin-left: 5px !important;
    }

.cellsmlmargin a.lov-btn img {
    margin-top: 3px !important;
}

.cellsmlmargin a.lov-btn {
    margin-top: 3px !important;
    margin-left: 2px !important;
}

.table-input a.lov-btn {
    margin: 0 0 0 10px;
    float: inherit;
    display: inline;
}


/* Grid search ================== */
.grid-search {
    background: #dddddd;
    padding: 8px 20px 8px 20px;
    margin-bottom: 20px;
    border-top: 1px solid #dddddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .grid-search label {
        float: left;
        margin-right: 20px;
        margin-top: 4px;
        font-size: 13px;
        font-weight: 600;
        color: black;
	line-height: 30px;
    }

    .grid-search input,
    .grid-search select {
        float: left;
    }

    .grid-search li {
        margin-right: 40px;
        float: left;
    }

    .grid-search .field-validation-error {
        line-height: 40px;
    }

/* Datepicker ================== */
.ui-datepicker {
    display: none;
    background: #fff;
    width: 246px;
    border: 2px solid #000000;
    margin-top: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 30px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0, 0.2);
}

.ui-datepicker-header {
    background: #eeeeee;
    position: relative;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    /* box-shadow: 0px 2px 0px rgba(0,0,0, 0.1); */
    -moz-box-shadow: 0px 2px 0px rgba(0,0,0, 0.1);
    /* -webkit-box-shadow: 0px 2px 0px rgba(0,0,0, 0.1); */
    padding-top: 2px;
}

.ui-datepicker-prev, .ui-datepicker-next {
    position: absolute;
    top: 10px;
    cursor: pointer;
    /* color: #000; */
    /* font-weight: 100; */
    margin-top: 3px;
}

    .ui-datepicker-prev:hover, .ui-datepicker-next:hover {
        color: #000 !important;
        border-bottom: 0px dotted #fff;
    }

.ui-datepicker-prev {
    left: 10px;
}

.ui-datepicker-next {
    right: 10px;
}

.ui-datepicker-title {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 40px;
    color: #000; /* padding-bottom: 4px; */
}

.ui-datepicker-calendar {
    width: 245px;
}

    .ui-datepicker-calendar th,
    .ui-datepicker-calendar td {
        text-align: center;
    }

    .ui-datepicker-calendar th {
        color: #fff;
        font-size: 11px;
        background: #000;
        padding-top: 3px;
    }

    .ui-datepicker-calendar td {
        line-height: 30px;
        border-right: 1px solid #f3f0ed;
        border-top: 1px solid #f3f0ed;
    }

        .ui-datepicker-calendar td a {
            display: block;
            /* color: #3f635e; */
        }

            .ui-datepicker-calendar td a.ui-state-hover {
                color: #fff;
                background: #000;
            }

            .ui-datepicker-calendar td a.ui-state-active {
                background: #000000;
                color: #fff;
            }

.filter-col input.hasDatepicker {
    width: 80px;
}

/* Autocomplete ================== */
.ui-autocomplete {
    background: #fff;
    width: 220px;
    border: 2px solid #dddddd;
    border-top: none;
    z-index: 10;
    box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
    height: auto;
    min-height: 100%;
    overflow: auto;
    padding-top: 4px;
}

.ui-menu-item {
}

    .ui-menu-item a {
        display: block;
        padding: 5px 10px;
        cursor: pointer;
        font-size: 12px;
        font-weight: 400;
    }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    color: #155f56;
}

input.autocomplete,
input[ac] {
    background: url(../Content/images/ico-auto-complete.png) no-repeat 98% 50%;
}

/* Additional icons ================== */
.info-btn,
.lov-btn,
.adv-search-btn,
/*.drill-btn							{ display: block; float: left; margin: 0px 0 0 10px; position: relative; top: 2px; }

.drill-btn span				{ float:left; margin-left: -10px; margin-top:2px; color: #666;}*/
/* Page level action buttons ================== */
.page-level-actions {
    /* float: left; */
    margin-top: 5px;
}

    .page-level-actions li {
        float: left;
        margin-right: 20px;
    }

        .page-level-actions li:not(:last-child) {
            margin-right: 20px;
        }

.page-level-actions-top {
    float: right;
    margin-top: 5px;
    /* padding-bottom: 24px; */
    /* margin-bottom: 24px; */
    /* position: absolute; */
    right: 0px;
    border-bottom: 4px solid #000;
    padding-bottom: 15px;
}

.page-level-actions-top-left {
    float: left;
    margin-top: 0px;
}

.page-level-actions-top li {
    float: left;
}

.bottom-page-level-actions {
    /* margin-top: 30px; */
    margin-top: 10px;
    margin-bottom: 10px;
    height: 38px;
}

div.w-sidenav .bottom-page-level-actions {
    border-top-color: #ccc;
    border-top-width: 1px;
    /* border-top-style: dotted; */
    /* padding-top: 10px; */
    /* margin-left: 20px; */
    margin-top: 0px !important;
    float: left !important;
}

/* Pagination ================== */
.pagination {
    margin-top: 20px;
    /* margin-bottom: 20px; */
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ffffff;
    overflow: hidden;
    padding: 10px 0;
}

    .pagination li {
        float: left;
        margin-right: 10px;
    }

    .pagination h5 {
        font-size: 16px;
        line-height: 30px;
        margin-right: 10px;
    }

    .pagination a {
        display: block;
	height: 32px;
        /* line-height: 27px; */
        background: #ffffff;
        /* box-shadow: inset 0px 1px 3px rgba(0,0,0, 0.1); */
        -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0, 0.1);
        /* -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0, 0.1); */
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 100px;
        padding: 0 13px;
        /* padding-top: 3px; */
        border: 2px solid #dddddd;
        text-transform: none;
        font-size: 11px;
        font-weight: 600;
	display: flex;
	align-items: center;
    }

        .pagination a.current,
        .pagination a.current:hover {
            background: #000;
            color: #fff;
            cursor: default;
            border: 1px solid #000 !important;
            box-shadow: inset 0px 1px 5px rgba(0,0,0, 0.1);
            -moz-box-shadow: inset 0px 1px 0px rgba(0,0,0, 0.1);
            -webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0, 0.1);
        }

        .pagination a:hover {
            background: #000000;
            color: #fff;
            /* box-shadow: inset 0px 1px 5px rgba(0,0,0, 0.3); */
            -moz-box-shadow: inset 0px 1px 0px rgba(0,0,0, 0.3);
            /* -webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0, 0.3); */
            border: 2px solid #000;
        }

        .pagination a.prev {
            margin-right: 10px;
        }

        .pagination a.next {
            margin-left: 10px;
        }

/* Two column layout ================== */
.two-col-layout {
    margin-bottom: 20px;
}

.two-col {
    width: 50%;
    float: left;
}

.two-col-25 {
    width: 25%;
    float: left;
}

.two-col-75 {
    width: 75%;
    float: left;
}

.two-col-60 {
    width: 60%;
    float: left;
}

.two-col-40 {
    width: 40%;
    float: left;
}

.two-col-l {
    padding-right: 20px;
}

.two-col-r {
    padding-left: 20px;
}

/* Three column layout ================ */
.three-col-layout {
    margin-bottom: 40px;
}

.three-col {
    width: 33%;
    float: left;
}

.three-col-l {
    padding-right: 20px;
}

.three-col-r {
    padding-left: 20px;
}

.three-col-m {
    padding-left: 20px;
}

/* Misc common ================== */
h1 + p,
h1 + form > p {
    color: #000;
    margin: -10px 0 12px 0;
    font-weight: 400;
}

.num {
    font-family: Inter, Plain, 'consolas', "Segoe UI", Calibri, Helvetica, Arial, sans-serif;
}

.force-arial {
    /* font-family: Arial, san-serif !important; */
}

.neg {
    color: red!important;
}

.right {
    text-align: right;
}

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

td.right {
    /* padding-right: 0px !important; */
}

.fxLbl {
    width: 30px !important;
    padding-left: 0px !important;
}
/* Used in the FXRateFor Extension Method.*/
.w50 {
    width: 50px;
}

.w80 {
    width: 80px;
}

.w100 {
    width: 100px;
}

.w150 {
    width: 150px;
}

.w224 {
    width: 224px !important;
}

.w164 {
    width: 164px !important;
}

.w200 {
    width: 200px !important;
}

.wdatecol {
    width: 260px !important;
}

.w250 {
    width: 250px !important;
}

.ddl200 {
    width: 212px !important;
}

.ddl250 {
    width: 262px !important;
}

.ddldatecol {
    width: 267px !important;
}

.w450 {
    width: 450px !important;
}

select.w450 {
    width: 462px !important;
}

/* Result popovers ================== */
.results-set {
    position: relative;
    /* background: #ccc; */
    /* width: 500px; */
}

    .results-set .btn {
        margin-left: 10px;
	margin-top: 5px;
    }

        .results-set .btn.active {
            background-color: #333;
        }

            .results-set .btn.active span {
                color: #fff;
            }

.results-output {
    position: absolute;
    top: 399px;
    left: 450px;
    background: #fff;
    width: 400px;
    min-height: 100px;
    box-shadow: 0px 3px 10px rgba(0,0,0, 0.5);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    display: none;
}

    .results-output.active {
        display: block;
    }

    .results-output .topbar {
        background: #333;
        padding: 10px;
        line-height: 30px;
        font-size: 16px;
        color: #fff;
        text-shadow: rgba(0,0,0, 1) 0px -1px 0px;
        box-shadow: 0px 2px 2px rgba(0,0,0, 0.2);
        position: relative;
        z-index: 2;
    }

    .results-output .foot {
        background: #333;
        line-height: 20px;
        box-shadow: 0px -2px 2px rgba(0,0,0, 0.2);
        position: relative;
        z-index: 2;
        color: #fff;
        padding: 10px;
        font-size: 13px;
        text-shadow: rgba(0,0,0, 1) 0px -1px 0px;
    }

    .results-output .topbar .tools {
        float: right;
        line-height: 30px;
        font-size: 12px;
        margin-right: 40px;
    }

        .results-output .topbar .tools a {
            padding: 0 5px;
        }

            .results-output .topbar .tools a:hover {
                color: #fff;
            }

    .results-output .topbar a.close {
        display: block;
        width: 30px;
        height: 30px;
        text-indent: -9999px;
        background: url(../content/images/btn-close.png) no-repeat 0px 0px;
        position: absolute;
        top: 10px;
        right: 10px;
    }

        .results-output .topbar a.close:hover {
            background-position: 0px -30px;
        }

    .results-output .items {
        overflow-y: scroll;
        max-height: 400px;
    }

        .results-output .items li {
            position: relative;
            border-bottom: 1px solid #fff;
            background: #e5f5f8;
        }
        /*.results-output .items li:nth-child(2n)		{ background: #dfdfdf; }*/
        .results-output .items input {
            display: inline;
            margin: 0;
            position: absolute;
            top: 9px;
            left: 10px;
        }

        .results-output .items label {
            padding-left: 40px;
            font-size: 12px;
            line-height: 30px;
            color: #2C363E;
        }

            .results-output .items label:hover {
                background: #ccebf1;
            }

        .results-output .items li.inactive {
            background: #fff;
        }

            .results-output .items li.inactive label {
                color: #999;
            }

ul.input-form, table.input-form {
    background: #fff;
    border: 1px solid #ddd;
    border-top: 2px solid #ddd;
    border-left: 0px;
    border-right: 0px;
    margin-bottom: 24px;
}

    ul.input-form li div.results-set {
        width: auto !important;
    }

        ul.input-form li div.results-set a.btn {
            float: left;
            margin: 3px 10px !important;
            padding: 0px 20px;
            line-height: 30px;
        }
/* *06: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/

/* *07: Print styles-----------------------------------------------------------------------------------------------------------*/

@media print {
    * {
        background: transparent !important;
        color: #444 !important;
        text-shadow: none;
    }

    a, a:visited {
        color: #444 !important;
        text-decoration: underline;
    }

        a:after {
            content: " (" attr(href) ")";
        }

    abbr:after {
        content: " (" attr(title) ")";
    }

    .ir a:after {
        content: "";
    }
    /* Don't show links for images */
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    img {
        page-break-inside: avoid;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        windows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

/* *08: Media & Orientation ---------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1300px) {

    .main-nav a,
    .section-nav a {
        font-size: 11px;
    }

    .nav-locked .login-status {
        display: none;
    }
}

@media screen and (max-width: 1200px) {

    .main-nav {
        left: 30px;
    }

        .main-nav a {
            padding: 10px 10px 12px;
        }

    .section-nav a {
        padding: 5px 10px 7px;
    }

    .logo {
        display: none;
    }
}

/* *09: RALPH modifications ---------------------------------------------------------------------------------------------------*/

#LotSizeInfo {
    margin-left: 10px;
}

input[ac] {
    background-color: #fff;
    border: 2px solid #dddddd;
    margin-bottom: 2px;
    /* margin-left: 8px; */
    margin-top: 2px;
}

input[disabled],
button[disabled] {
    background-color: #eee;
    color: #ababaa;
    font-weight: 500 !important;
    border: 2px solid #ddd;
}

input[activedisabled] {
    background-color: rgb(232, 232, 232);
}

select[disabled] {
    background-color: #eee;
	color: #797978;
	opacity: 1;
	margin-top: 4px;
}

/* For YesNo display within grids */
#ajax-table tbody tr td ul li input[type=checkbox],
#ajax-table-comments tbody tr td ul li input[type=checkbox] /*[disabled]*/ {
    float: left;
    margin-top: 5px;
}

#ajax-table.nobtns tbody tr td ul li input[type=checkbox][disabled],
#ajax-table-comments.nobtns tbody tr td ul li input[type=checkbox][disabled] {
    float: left;
    margin-top: 4px;
}

#ajax-table tbody tr td ul li label,
#ajax-table-comments tbody tr td ul li label {
    float: left;
    font-size: 100%;
    margin-left: 8px;
    line-height: 20px;
}

iframe {
    width: 100%;
    height: 630px;
}

li.unmap {
    background-color: #FFFBD1;
}

li.chfield {
    background-color: #FCB1B1;
}

.required {
    background-color: #FFFBD1;
}

input[data-val-required]:not(#UserName):not(#Password):not(input[type=radio]):not(input[type=checkbox]) {
    background-color: #FFFBD1;
}

div.progressBar {
    display: block;
    float: left;
    height: 20px;
    width: 500px;
    margin: 0 0 2px;
    /*background: url(../Content/images/pg-queue.png) repeat-x;*/
    /*background: -webkit-linear-gradient(top, #909090, rgba(0, 0, 0, 0.75));*/
    /*border: 1px solid #5A5A5A;*/
    border-radius: 5px;
    overflow: hidden;
    /*box-shadow: 0 0 2px #333;*/
    background: #dadada;
    /*background-image: -webkit-linear-gradient( -45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient( top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #7E7E7E, #7E7E7E); */
    background-size: 35px 20px, 100% 100%, 100% 100%;
}

    div.progressBar div.error {
        /*background: url(../Content/images/pg-error.png) repeat-x;*/
        /*background: -webkit-linear-gradient(top, #FF0014, rgba(14, 1, 3, 0.75));*/
        /*background-image: -ms-linear-gradient(rgb(255, 0, 20), rgba(14, 1, 4, 0.75));*/
        background: #f55351 !important;
        height: 20px;
        width: 75%;
        text-align: right;
        display: block;
        float: left;
    }

    div.progressBar div.complete {
        /*background: url(../Content/images/pg-complete.png) repeat-x;*/
        /*background: -webkit-linear-gradient(top, #3DFF00, rgba(26, 247, 114, 0.45));*/
        /*background-image: -ms-linear-gradient(rgb(61, 255, 0), rgba(26, 247, 114, 0.45));*/
        background: #5fa25d;
        height: 20px;
        width: 75%;
        text-align: right;
        display: block;
        float: left;
    }

    div.progressBar div.completewarning {
        /*background: url(../Content/images/pg-complete.png) repeat-x;*/
        /*background: -webkit-linear-gradient(top, #FFA319, rgba(255, 163, 25, 0.45));*/
        /*background-image: -ms-linear-gradient(rgb(255, 163, 25), rgba(255, 163, 25, 0.45));*/
        background: #ffb84e;
        height: 20px;
        width: 75%;
        text-align: right;
        display: block;
        float: left;
    }

    div.progressBar div.process {
        /*background: url(../Content/images/pg-processing.png) repeat-x;*/
        /*background: -webkit-linear-gradient(top, #005CFF, rgba(0, 22, 187, 0.45));*/
        /*background-image: -ms-linear-gradient(rgb(0, 92, 255), rgba(0, 22, 187, 0.45));*/
        background: #74a7ff;
        height: 20px;
        width: 75%;
        text-align: right;
        display: block;
        float: left;
    }

    div.progressBar div.cancel {
        /*background: -webkit-linear-gradient(top, #909090, rgba(0, 0, 0, 0.75));*/
        /*background-image: -ms-linear-gradient(rgb(144, 144, 144), rgba(0, 0, 0, 0.75));*/
        background: #ccc;
        height: 20px;
        width: 75%;
        text-align: right;
        display: block;
        float: left;
    }

/** Colours ============= */
td.stalePrice {
    background-color: #ffb84e !important;
    color: #000 !important;
}

.extinctPrice {
    background-color: #f55351 !important;
    color: #000 !important;
}

    .extinctPrice.neg {
        color: #FFF !important;
        padding-right: 5px;
    }

.currentPrice {
}
/* Don't force to black otherwise it'll overwrite the negative number colouration */
.green {
    background-color: #5fa25d !important;
    color: #FFF !important;
}

.tradedPrice {
    background-color: #a24fa2 !important;
    color: #FFF !important;
}

.prePrice {
    background-color: #a24fa2 !important;
    color: #FFF !important;
}

tr.warning {
    background-color: #ffb84e !important;
}

tr.warningError,
tr:nth-child(even).warningError {
    background: -ms-linear-gradient(135deg, #FCB1B1 25%,#FFA319 25%, #FFA319 50%,#FCB1B1 50%, #FCB1B1 75%,#FFA319 75%);
    background: -moz-linear-gradient(135deg, #FCB1B1 25%,#FFA319 25%, #FFA319 50%,#FCB1B1 50%, #FCB1B1 75%,#FFA319 75%);
    background: -webkit-linear-gradient(135deg, #FCB1B1 25%,#FFA319 25%, #FFA319 50%,#FCB1B1 50%, #FCB1B1 75%,#FFA319 75%);
    background-size: 100px 100px;
}

tr:hover.warningError td,
tr:hover.warningError,
tr:hover:nth-child(even).warningError td,
tr:hover:nth-child(even).warningError,
.error {
    background-color: #fdd2d4 !important;
}

tr:hover.warningError td,
tr:hover.warningError,
tr:hover:nth-child(even).warningError td,
tr:hover:nth-child(even).warningError,
.error:hover {
    background-color: #0095b625 !important;
}

.ignore {
    background-color: #ccc !important;
}

.reconciled {
    background-color: #cfeed8 !important;
}

.caunposted label {
    color: red;
}

.caposted label {
    color: #158F11;
}

td.caposted, td.settled{
    color: #158F11;
}

.red-banner {
    background-color: #FAC0C0 !important;
}

.reversed {
    background-color: #FAC0C0 !important;
}

tr.reversed {
    background-color: #FCD9D9;
}

tr:nth-child(2n).reversed {
    background-color: #DCBEBE;
}

tr.nonPosting {
    background-color: #FFFCD6;
}

tr:nth-child(2n).nonPosting {
    background-color: #F3EFC2;
}

tr.nonPostingReversed {
    background-color: #DFD3B6;
}

tr:nth-child(2n).nonPostingReversed {
    background-color: #C3B99F;
}

.progress {
    background-color: #72BDFF !important;
}
/* New button style */
.input-form a.btn-new {
    float: left !important;
    margin-top: 6px !important;
    margin-left: 6px !important;
}

.btn {
    cursor: pointer;
}

.short-cut {
    padding-left: 0px;
    cursor: pointer;
    position: absolute;
    top: 128px;
    right: 30px;
    display: block;
    width: 24px;
    height: 24px;
    z-index: 99;
}

.preAsset {
    background-color: #C0D7FC;
}

.data-table tr:nth-child(2n).preAsset {
    background-color: #0094FF;
}

#menus > div:first-child {
    position: sticky;
    width: 100%;
    top: 0;
    z-index: 99;
}

.nav-locked #menus > div:first-child {
    position: fixed;
}

.nav-locked .short-cut {
    right: 70px;
	top: 88px;
}

/*Credit Ratings style*/
.moody.long {
    background-color: #FFB2B2;
}

.moody.short {
    background-color: #FFE5E5;
}

.sp.long {
    background-color: #F6FFB2;
}

.sp.short {
    background-color: #FCFFE5;
}

.fitch.long {
    background-color: #BBB2FF;
}

.fitch.short {
    background-color: #E8E5FF;
}

table tr td table tbody tr:hover td.sp,
table tr td table tbody tr:hover td.moody,
table tr td table tbody tr:hover td.fitch {
    background-color: #daebf6;
    cursor: pointer;
}

/* Task Status Styles */
.taskAcknowledge,
.taskNotRun,
.taskQueued,
.taskScheduled {
}

.taskExecuting {
    background-color: #ffc774 !important;
    border-bottom: 1px solid #d9d8d8;
}

.data-table tr.taskExecuting:nth-child(2n) {
    background-color: #ffc774;
    line-height: 39px;
    border-bottom: 1px solid #d9d8d8;
}

.taskFailed {
    background-color: #fcb1b1 !important;
    border-bottom: 1px solid #d9d8d8;
    colour: #000
}

.data-table tr.taskFailed:nth-child(2n) {
    background-color: #fcb1b1;
    line-height: 39px;
    border-bottom: 1px solid #d9d8d8;
}

.taskSuccess {
    /*background-color: #158F11; border-bottom: 1px solid #d9d8d8;*/
}

.data-table tr.taskSuccess:nth-child(2n) {
    /*background-color: #158F11; line-height: 38px; border-bottom: 1px solid #d9d8d8; */
}

.promapp {
    float: right;
    position: relative;
    z-index: 5;
    background-position-x: 0px;
    background-position-y: -105px;
    margin-right: 5px;
    margin-left: 10px;
}

.promappLinkText {
    color: #0095b6;
    /* text-decoration: underline; */
}

.promappHover:hover, .promappHover:visited:hover {
    content: url("/Images/logo-promapp.png");
    display: block;
    background-size: cover;
    background-position: 0 0;
    top: 50px;
    bottom: 21px;
    width: 50px;
    height: 21px;
    z-index: -5;
    margin-top: 0px !important;
}

/* Omgeo Status*/
/*.o_Bad
{
	background-color: #FFA319; border-bottom: 1px solid #d9d8d8;
}
.o_Good
{
	background-color: #FFA319; border-bottom: 1px solid #d9d8d8;
}
.o_NonOmgeoBroker
{
	background-color: #FFA319; border-bottom: 1px solid #d9d8d8;
}*/
.omgeoStatus {
}

    .omgeoStatus a {
        border-radius: 15px !important;
        padding: 3px 3px !important;
        width: 12px !important;
        text-align: center;
        height: 12px !important;
        line-height: 13px !important;
        color: black !important;
        margin-left: 15px !important;
        cursor: default !important;
    }

        .omgeoStatus a.Good {
            background: green url(../Content/images/bg-btn.png) repeat-x 0 -3px;
            color: #efcccc;
        }

        .omgeoStatus a.Bad {
            background: #ca302e url(../Content/images/bg-btn.png) repeat-x 0 -3px;
            color: #efcccc;
        }

        .omgeoStatus a.NonOmgeoBroker {
            background: #FA9828 url(../Content/images/bg-btn.png) repeat-x 0 -3px;
            color: #efcccc;
        }

        .omgeoStatus a.Unknown {
            background: #000000 url(../Content/images/bg-btn.png) repeat-x 0 -3px;
            color: #efcccc;
            color: gray !important;
            '
        }


.pipStatus {
}

    .pipStatus a {
        border-radius: 15px !important;
        padding: 3px 3px !important;
        width: 12px !important;
        text-align: center;
        height: 12px !important;
        line-height: 13px !important;
        color: black !important;
        margin-left: 15px !important;
        cursor: default !important;
    }

        .pipStatus a.Passed,
        .pipStatus a.WaitingForNexusTradePost {
            background: green url(../Content/images/bg-btn.png) repeat-x 0 -3px;
            color: #efcccc;
        }

        .pipStatus a.Failed {
            background: #ca302e url(../Content/images/bg-btn.png) repeat-x 0 -3px;
            color: #efcccc;
        }

        .pipStatus a.WaitingForConfirmation {
            background: #FA9828 url(../Content/images/bg-btn.png) repeat-x 0 -3px;
            color: #efcccc;
        }

        .pipStatus a.Unknown,
        .pipStatus a.NotSent {
            background: #000000 url(../Content/images/bg-btn.png) repeat-x 0 -3px;
            color: #efcccc;
            color: gray !important;
        }

/* Hide the autocomplete show list */
.ui-helper-hidden-accessible {
    position: absolute;
    left: -9999px;
}

/* Milestone layout*/
table .milestone,
table .milestone td {
    padding: 0;
}

tr #bar {
    width: 30%;
}

#barGrey {
    border: 3px solid grey;
}

#barGreen {
    border: 3px solid green;
}

#barRed {
    border: 3px solid red;
}

#circleGrey {
    border-color: black;
    border-width: 2px;
    border-style: solid;
    background: grey;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

#circleGreen {
    border-color: black;
    border-width: 2px;
    border-style: solid;
    background: green;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

#circleRed {
    border-color: black;
    border-width: 2px;
    border-style: solid;
    background: red;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.disabledImage {
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    margin: 0px 0 -7px 5px;
    color: gray;
	width: 25px;
	padding-top: 5px;
}

/*Dash board*/

/*Item List*/

.ItemList .dashboard-components {
    width: 100%;
    position: relative;
    font-weight: 600;
    font-size: 15px;
}

    .ItemList .dashboard-components label {
        display: block;
        width: 200px;
        line-height: 20px; /*Fix*/
        font-weight: 500 !important;
    }

        .ItemList .dashboard-components label:hover {
            font-weight: 500 !important;
            color: #000;
        }

.ItemList {
    position: relative;
    top: 20px;
    left: 0;
    width: 200px;
    display: none;
}

.alignPlusContainer {
    height: 36px;
    width: 36px;
    position: absolute;
    z-index: 5;
    right: 5px;
    top: auto;
    margin-top: 5px;
    text-align: left;
    font-weight: 500;
    border: solid;
    border-width: 2px;
    border-radius: 100%;
    border-color: #ddd;
    /* padding-top: 10px;
    padding-right: 10px; */
    background-color: white;
    /*right:0;*/
    color: #0095b6;
    font-weight: normal;
    font-size: 32px;
}

.alignPlusContainer:hover {
    height: 36px;
    width: 36px;
    position: absolute;
    z-index: 5;
    right: 5px;
    top: auto;
    margin-top: 5px;
    text-align: left;
    font-weight: 500;
    border: solid;
    border-width: 2px;
    border-radius: 100%;
    border-color: #000;
    /* padding-top: 10px;
    padding-right: 10px; */
    background-color: #000;
    /*right:0;*/
    color: #fff;
    font-weight: normal;
    font-size: 32px;
}

.alignPlusContainerAlign_hover {
    margin-left: 5px;
}

.alignPlusContainer:hover + .ItemListContainer,
.ItemListContainer:hover {
    display: block
}

    .alignPlusContainer:hover + .ItemListContainer ul,
    .ItemListContainer:hover ul {
        display: block;
    }

.ItemListContainer {
    position: absolute;
    right: 0;
    margin-right: 5px;
    text-align: left;
    font-weight: 500;
    margin-top: 50px;
    padding-left: 20px;
    padding-right: 5px;
    border: solid;
    border-width: 2px;
    border-radius: 5px;
    border-color: #000;
    border-top-right-radius: 0px;
    width: 220px;
    font-weight: normal;
    font-size: 32px;
    padding-bottom: 30px;
    color: #0095b6;
    background-color: white;
    z-index: 3;
    display: none;
}

.alignPlusContainer .alignPlusPosition {
    /*margin-left: 5px;
    margin-top: -3px;
    padding-bottom: 8px; */
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

    .alignPlusContainer .alignPlusPosition span {
        text-align: center;
    }

.ItemListContainer input {
    cursor: pointer;
    float: right;
    overflow: hidden;
    clear: both;
    margin-right: 20px;
    margin-top: -15px;
}

.disable-detector {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
}
/*Gridster .css (only relevent ones)*/
.gridsterContainer {
    position: relative;
    margin: 0;
    width: 100%;
    z-index: 2;
}

    .gridsterContainer > * {
        margin: 0 auto;
        -webkit-transition: height .4s, width .4s;
        -moz-transition: height .4s, width .4s;
        -o-transition: height .4s, width .4s;
        -ms-transition: height .4s, width .4s;
        transition: height .4s, width .4s;
    }

    .gridsterContainer .gs-w {
        z-index: 2;
        position: absolute;
    }

.ready .gs-w:not(.preview-holder) {
    -webkit-transition: opacity .3s, left .3s, top .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, left .3s, top .3s, -moz-transform .3s;
    -o-transition: opacity .3s, left .3s, top .3s, -o-transform .3s;
    transition: opacity .3s, left .3s, top .3s, transform .3s;
}

.ready .gs-w:not(.preview-holder),
.ready .resize-preview-holder {
    -webkit-transition: opacity .3s, left .3s, top .3s, -webkit-transform .3s, width .3s, height .3s;
    -moz-transition: opacity .3s, left .3s, top .3s, -moz-transform .3s, width .3s, height .3s;
    -o-transition: opacity .3s, left .3s, top .3s, -o-transform .3s, width .3s, height .3s;
    transition: opacity .3s, left .3s, top .3s, transform .3s, width .3s, height .3s;
}

.gridsterContainer .preview-holder {
    z-index: 1;
    position: absolute;
    background-color: #ccc;
    border-width: medium;
    border-style: dashed;
    border-color: #000;
    opacity: 0.3;
}

.gridsterContainer .player-revert {
    -webkit-transition: left .3s, top .3s, -webkit-transform .3s !important;
    -moz-transition: left .3s, top .3s, -moz-transform .3s !important;
    -o-transition: left .3s, top .3s, -o-transform .3s !important;
    transition: left .3s, top .3s, transform .3s !important;
}

.gridsterContainer .dragging,
.gridsterContainer .resizing {
    z-index: 10 !important;
    -webkit-transition: all 0s !important;
    -moz-transition: all 0s !important;
    -o-transition: all 0s !important;
    transition: all 0s !important;
}
/*other*/
.inactiveAddr {
    text-decoration: line-through;
}

.spacing {
    margin-top: 60px;
}

.resetPosition {
    margin-top: 20px;
    text-align: center;
    width: 90px;
    margin-bottom:10px;
}

    .resetPosition p {
        vertical-align: middle;
        font-size: 11px;
        border-radius: 100px;
        /* text-transform: uppercase; */
        font-weight: 400;
        /* padding-top: 3px; */
        color: #0095b6;
    }

.closeBtn {
    display: none;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    float: right;
    background: url(../content/images/dashboard_close.png) no-repeat 0px 0px;
    margin-right: 6px;
    margin-left: -6px;
    margin-top: -2px;
    padding-right: 10px;
    padding-bottom: 10px;
}

    .closeBtn:hover {
        background-position: 0px -30px;
    }

    .closeBtn.SC {
        display: block;
        width: 18px;
        height: 18px;
        margin-right: -5px;
        margin-top: 10px;
        text-indent: -9999px;
        background: url(../content/images/dashboard_ShortCut_close.png) no-repeat 0px 0px;
    }

        .closeBtn.SC:hover {
            background-position: 0px -30px;
        }

.movable {
    width: 20px;
    height: 20px;
    margin-left: -19px;
    margin-top: -5px;
    position: absolute;
    cursor: pointer;
    display: block;
    /*background: linear-gradient(45deg, white 40%,rgb(128, 139, 147) 20%);*/
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,0) 48%, rgba(255,255,255,0) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(255,255,255,1)), color-stop(48%,rgba(255,255,255,0)), color-stop(99%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 47%,rgba(255,255,255,0) 48%,rgba(255,255,255,0) 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 47%,rgba(255,255,255,0) 48%,rgba(255,255,255,0) 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 47%,rgba(255,255,255,0) 48%,rgba(255,255,255,0) 99%); /* IE10+ */
    background: linear-gradient(135deg, #0095b6 0%,#0095b6 47%,rgba(255,255,255,0) 48%,rgba(255,255,255,0) 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.arrow {
    margin-top: 10px;
}

.showArrow {
    display: inline-block;
    /* font: normal normal normal 14px/1 FontAwesome; */
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size: 2em;
}

    .showArrow span {
        font-weight: 400;
        color: #0095b6;
    }

.rotateArrow {
    /*content:"\2939";
    content: "\2193";*/
    color: #0095b6;
    font-size: 2em;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    float: left;
    margin-top: -2px;
    margin-right: 9px;
}

.lockPositions {
    width: 36px;
    height: 36px;
    border: solid;
    border-width: 2px;
    border-radius: 100%;
    border-color: #ddd;
    color: #0096b6;
    background-color: white;
    margin-top: 5px;
    margin-right: 55px;
    float: right;
}

.lockPositions:hover {
    width: 36px;
    height: 36px;
    border: solid;
    border-width: 2px;
    border-radius: 100%;
    border-color: #000;
    color: #fff;
    background-color: #000;
    margin-top: 5px;
    margin-right: 55px;
    float: right;
}

    div#lockButton > svg {
        height: 24px;
        width: 24px;
        margin: 6px;
    }
    
#positionUnLocked:hover {
    color: rgb(0, 115, 159);
    background-color: rgb(238, 238, 238);
}

#positionLocked {
    color: rgb(0, 115, 159);
    background-color: rgb(238, 238, 238);
}

    #positionLocked:hover {
        background-color: rgb(224, 224, 224);
    }

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.tooltip a, a.tooltip {
    text-decoration: underline;
}

.tooltip-drilldown a, a.tooltip-drilldown {
    color: black;
    text-decoration: underline;
}

.tooltipstered {
    align-content: center;
}

/*Address finder styles*/
body {
    /* font-family: Inter, Plain, Arial, san-serif; */
}

#search_field {
    width: 340px;
    padding: 5px;
    border: solid 1px #999;
    border-radius: 5px;
}

ul.af_list {
    width: 450px;
    list-style: none;
    padding: 0;
    margin: 0;
    border: solid 1px #999;
    border-radius: 5px;
    background: #fff;
    font-size: 12px;
    line-height: 18px;
}

li.af_item {
    cursor: pointer;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

li.af_hover {
    background-color: orange;
    color: white;
}

li.af_footer {
    font-size: 0.8em;
    color: #666;
    text-align: right;
}

div.mc {
    border-radius: 12px !important;
}

div.mcc {
    width: 1340px;
    height: 673px;
    background-color: #ffffff;
    padding: 0px;
}

div.mch {
    width: 1380px;
    height: 133px;
    background-color: #eee !important;
    box-shadow: 0 3px 0 2px rgb(0 0 0 / 100%);
    margin-left: -20px;
    margin-top: -10px;
    display: inline-block;
}

    div.mch h1 {
        border: none;
        padding-left: 40px;
        padding-top: 25px;
        color: #000;
        margin: 0;
        font-weight: 600;
    }

    div.mch p {
        font-size: 16px;
        color: #000;
        font-weight: 500;
        padding-left: 40px;
    }

p.fav {
    display: inline-block;
}

p.all {
    display: inline-block;
}

div.mch div.first {
    width: 72%;
    height: 60px;
    display: inline-block;
    vertical-align: top;
    /* margin-top: 10px; */
}

div.mch div.second {
    height: 60px;
    display: inline-block;
    width: 27%;
}

.second {
    margin-top: -20px;
}

    .second p.fav, .second p.all {
        font-size: 14px;
        font-weight: 500;
        color: #000;
    }

    .second p.filter {
        font-size: 12px;
	padding-bottom: 0px;
    }

    .second p.clk {
        color: #0095b6;
        cursor: pointer;
        font-weight: 500;
    }

        .second p.clk:hover {
            color: #000;
            cursor: pointer;
            font-weight: 500;
        }

    .second svg {
        width: 15px;
        height: 14px;
        padding-right: 10px;
    }

        .second svg path {
            fill: #0095b6;
        }

div.mcc ul {
    padding-top: 20px;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    padding-bottom: 20px;
}

div.mcc li {
    margin-top: 20px;
    width: 300px;
    height: 70px;
    border-radius: 100px;
    background-color: #ffffff;
    border: solid 2px rgba(151, 151, 151, 0.2);
    cursor: pointer;
}

    div.mcc li:hover {
        border: solid 2px #000;
    }

p.l1 {
    width: 70px;
    height: 70px;
    border-radius: 100px;
    background-color: #ededed;
    display: inline-block;
    padding-bottom: 0px;
}

    p.l1 img {
        height: 42px;
        width: 52px;
        border-radius: 100px;
        background-image: linear-gradient(to left, #ededed, #f5f5f5);
        border: none !important;
        display: inline-block;
        margin-left: 8px;
        margin-top: 14px;
        opacity: 0.5;
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
        filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
    }

div.mcc li:hover p.l1 img {
    -webkit-filter: grayscale(0);
    filter: none;
    opacity: 1;
}

p.l2 {
    width: 172px;
    /* height: 60px; */
    font-size: 16px;
    letter-spacing: -0.5px;
    text-align: left;
    color: #0095b6;
    padding-left: 12px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    line-height: 16px;
    margin-top: -33px;
}

p.l3 {
    border-left: 1px solid #eaeaea;
    display: inline-block;
    height: 46px;
    width: 34px;
    vertical-align: middle;
    margin-top: -36px;
}

    p.l3 svg {
        width: 15px;
        height: 14px;
        object-fit: contain;
        vertical-align: middle;
        margin-top: 15px;
        margin-left: 9px;
    }

        p.l3 svg path {
            fill: #ededed;
        }

    p.l3:hover svg path {
        fill: #f6a623;
    }

    p.l3.fav svg path {
        fill: #f6a623;
    }

    p.l3.fav:hover svg path {
        fill: #ededed;
    }

div.mcSel {
    cursor: pointer;
    width: 440px;
    height: 49px;
    border-radius: 6px;
    background-color: #ffffff;
    /* border: solid 1px #eaeaea; */
    margin-right: 25%;
    /* float: right; */
    position: absolute;
    right: 100px;
}

    div.mcSel img {
        height: 42px;
        width: 52px;
        border-radius: 6px;
        background-image: linear-gradient(to left, #ededed, #f5f5f5);
        border: none !important;
        display: inline-block;
        margin-left: 10px;
        margin-top: 4px;
    }

    div.mcSel p.mcHead {
        font-size: 13px;
        /* letter-spacing: -0.3px; */
        color: #000;
        display: inline-block;
        vertical-align: top;
        margin-left: 11px;
        margin-top: 5px;
    }

    div.mcSel p.mcName {
        font-size: 20px;
        /* letter-spacing: -0.5px; */
        text-align: left;
        color: #000;
        margin-left: 76px;
        margin-top: -26px;
	font-weight: 600;
    }

    div.mcSel a {
        display: inline-block;
        float: right;
        margin-top: -38px;
        /* margin-right: 7px; */
    }

.wf-index-content > div:first-child {
    padding: 20px 30px;
    background-color: #fff;
}

.wf-index-header {
    background-color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

    .wf-index-header h1 {
        display: inline-block;
        border: unset;
        color: #000;
        margin: unset;
        line-height: 34px;
        vertical-align: text-bottom;
        max-width: 350px;
        font-size: 32px;
        font-weight: 600;
    }

div.wf-mcSel {
    width: 32px;
    height: 60px;
    text-align: center;
    background: #fff;
    border: 2px solid #dddddd;
    color: #0095b6;
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    vertical-align: top;
}

    div.wf-mcSel .wf-mcSel-icon {
        width: 75%;
        height: 100%;
    }

    div.wf-mcSel:hover,
    a.btn.wf-refresh-icon:hover {
        background: #000;
        color: #fff;
        border: 2px solid #000;
    }

.wf-index-header #divProcessing a {
    float: unset !important;
    width: 32px;
    height: 32px;
    padding: 0 8px 0 8px;
    vertical-align: middle;
    text-align: center;
    margin: 0;
}

    .wf-index-header #divProcessing a .wf-refresh-button {
        width: 16px;
        height: 100%;
    }

.wf-refresh-container {
    display: inline-block;
}

.wf-time,
.wf-index-header h1 {
    margin-left: 16px;
}

.wf-time {
    display: inline-block;
    color: #000;
    vertical-align: top;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
}

p.wf-time-sub {
    font-size: 10px;
    color: #000;
    line-height: 16px;
    padding-bottom: 0;
}

.wf-index-header-col,
.wf-index-header-col > h2 {
    color: #000;
    margin-top: 4px;
}

.wf-index-col-container {
    display: flex;
}

.wf-index-header-col > h2 {
    padding-bottom: 8px;
    border-bottom: 2px solid #000;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}


.wf-index-header-col > div.wf-index-col-container > div > div {
    font-size: 42px;
    font-weight: 700;
    line-height: 42px;
}

.wf-index-header-col > div.wf-index-col-container > div > a > div {
    font-size: 42px;
    font-weight: 700;
    line-height: 42px;
    color: #0095b6;
}

    .wf-index-header-col > div.wf-index-col-container > div > a > div:hover {
        /* text-decoration: underline 3px;
        text-underline-offset: 4px; */
	color: #000;
    }

.wf-index-header-col > div.wf-index-col-container > div > p {
    color: #000;
    font-size: 11px;
    padding-top: 2px;
}

.wf-index-header-col > div:first-child {
    margin-bottom: 8px;
}

.wf-index-col-container > div:not(:first-child) {
    padding-left: 25px;
}

.wf-index-table.data-table caption {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0px;
}


hr.grid {
    margin: 0.5em 0em;
}

.wf-primary-col {
    vertical-align: middle;
    text-align: right;
}

.wf-primary {
    width: 46px;
    height: 46px;
    border: 2px solid #ccc;
    background-color: white;
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    border-radius: 50%;
    margin-right: 20px;
}

    .wf-primary p {
        line-height: 47px;
    }

/* Recs */
tr.rec-good,
tr.rec-good:nth-child(even) {
    background: #baffc9;
    line-height: 39px;
    border-bottom: 1px solid #FFF;
}

    tr.rec-good:nth-child(odd) {
        background: rgba(186, 255, 201, 0.50) !important;
    }

tr.rec-bad:nth-child(odd) {
    background-color: rgba(255, 179, 186, 0.50) !important;
}

tr.rec-bad,
tr.rec-bad:nth-child(even) {
    background: #ffb3ba !important;
    line-height: 39px;
    border-bottom: 1px solid #FFF;
}

tr.rec-actioned:nth-child(odd) {
    background-color: rgba(255, 223, 186, 0.50) !important;
}

tr.rec-actioned,
tr.rec-actioned:nth-child(even) {
    background: #ffdfba !important;
    line-height: 39px;
    border-bottom: 1px solid #FFF;
}

tr:hover.rec-bad td,
tr:hover.rec-bad,
tr:hover:nth-child(even).rec-bad td,
tr:hover:nth-child(even).rec-bad,
tr:hover.rec-good td,
tr:hover.rec-good,
tr:hover:nth-child(even).rec-good td,
tr:hover:nth-child(even).rec-good,
tr:hover.rec-actioned td,
tr:hover.rec-actioned,
tr:hover:nth-child(even).rec-actioned td,
tr:hover:nth-child(even).rec-actioned {
    background-color: #f6f6f6 !important;
}

.fill-content a {
    width: -webkit-fill-available;
    text-align: center;
}

td.wrong {
    background: url(../content/images/Wrong.png) no-repeat;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    bottom: 0;
    left: 0;
    top: auto;
}

td.correct {
    background: url(../content/images/Correct.png) no-repeat;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    bottom: 0;
    left: 0;
    top: auto;
}

td.errored {
    background: url(../content/images/Error.png) no-repeat;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    bottom: 0;
    left: 0;
    top: auto;
}

td.na {
    background: url(../content/images/NA.png) no-repeat;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    bottom: 0;
    left: 0;
    top: auto;
}

td.thinking {
    background: url(../content/images/Thinking.png) no-repeat;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    bottom: 0;
    left: 0;
    top: auto;
}

td.righ-thinking {
    background: url(../content/images/Thinking.png) no-repeat;
    background-size: 22px 22px;
    height: 22px;
    bottom: 0;
    left: 0;
    top: auto;
    background-position: right;
}

td.ok {
    color: forestgreen;
}

td.bad {
    color: red;
}

/*File Upload Pop-up Styling */
.inputfile-Upload {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile-Label {
    color: white;
    background-color: #666;
    display: block;
    font-family: "Segoe UI", Calibri, Arial, Helvetica, sans-serif;
    border: 2px solid rgba(255,255,255,0.05) !important;
    font-size: 14px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0, 0.2);
    outline: none;
    text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
}

    .inputfile-Label:hover {
        background-color: #000;
    }

.mini-checkbox-label > * {
    display: inline-block;
    vertical-align: middle !important;
    font-size: 9px;
}

.absolute-center {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.logon-container {
    display: table;
    padding: 45px 45px;
    background-color: #eeeeee;
    width: 90%;
    max-width: 270px;
    min-width: 270px;
    margin: auto;
    border-radius: 8px;
}

.disclaimer.logon-container {
    max-width: 700px;
    min-width: 770px;
    margin: 80px auto;
}


.login-logo-container {
	width: 100%;
	align: center;
}

.login-logo {
	width: 200px;
	align-items: center;
}

.login-text{
	align: center;
	margin-bottom: 5px;
}

.logon-container.double-col {
    min-width: 700px;
    max-width: 700px;
}

.logon-container h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 25px;
    line-height: 40px;
}

.logon-container h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 26px;
    color: #000;
}

.logon-container p {
    font-size: 13px;
    margin-bottom: 5px;
}

.logon-field {
    margin-top: 25px;
}

.logon-container div:not(.authToken) input[type=text],
.logon-container div:not(.authToken) input[type=password],
.logon-container div:not(.authToken) input[type=email] {
    width: 95%;
    font-size: 14px;
    padding: 0 0 0 10px;
}

.logon-container div.authToken input[type=text] {
    width: 50%;
    margin-right: 10px;
    font-size: 14px;
    padding: 0 0 0 10px;
}

.logon-container div.authToken input {
    display: inline-block;
}

/*.logon-container input[type=text]:not(:disabled),
.logon-container input[type=password]:not(:disabled),
.logon-container input[type=email]:not(:disabled) {
    background-color: rgb(253, 250, 217);
}*/

.logon-container input[type=text]:disabled,
.logon-container input[type=password]:disabled {
    background-color: rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.5);
    border: 0px;
    box-shadow: unset;
    -moz-box-shadow: unset;
    -webkit-box-shadow: unset;
}

.logon-container label {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    color: #000;
    line-height: 24px;
    margin-bottom: 5px;
}

.logon-container span:not(.field-validation-valid) {
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

.logon-btn {
    display: table;
    width: 100%;
    margin-top: 35px;
}

    .logon-btn > *,
    .logon-btn > input {
        display: table-cell;
        vertical-align: middle;
        font-size: 16px;
        line-height: 16px;
    }

        .logon-btn > *:last-child {
            text-align: right;
            font-size: 13px;
            color: #0095b6;
            font-weight: 500;
        }

.logon-btn > *:last-child:hover {
            color: #000;
        }

.btn-lp {
    margin-top: 35px;
}

.authentication-container {
    margin-top: 35px;
}

.qrcode {
    text-align: right;
    margin-right: -24px;
}

.manualCode {
    text-align: left;
    margin-left: 98px;
    margin-top: 5px;
}

footer.simple {
    width: auto;
    margin: 0 40px 0 40px;
    border-top: unset;
    position: fixed;
    border-top: 1px solid #ccc;
    bottom: 0;
    font-weight: 500;
    padding: 20px 0;
    right: 0;
    left: 0;
}


.reset-email-field {
    margin-top: 25px;
    margin-bottom: 35px;
}

.logon-container .field-validation-error {
    margin: 0;
}

.logon-container iframe {
    height: 80px;
}

/*New styles for Investment Trading tables*/
.data-table2 {
}

    .data-table2 thead {
        background: lightyellow;
    }

    .data-table2 th {
        padding-top: 5px;
        border-bottom-style: solid;
        border-width: 1px;
        border-color: #E5E5E5;
    }

.newheader {
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 5px;
}

.tabtable td {
    padding-top: 0px;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #E5E5E5;
}

.data-table-filter .filter-col ul li.check-radio ul {
    margin: 0 20px 0 0;
    padding-left: 20px;
    border-left: 0px;
    display: inline-block;
}

/*Investment Trading tab new style*/
.tab {
    /*border: 1px solid #ECECE2;*/
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-bottom: 0px solid #e5e5e5;
    display: block;
    float: left;
    font-family: "Segoe UI", Calibri, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: black;
    font-weight: bold;
    padding: 20px 20px;
    margin: 0;
    line-height: 0px;
    background: #f6f6f6 url(../Content/images/bg-btn.png) repeat-x 0 -3px;
    /*-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; */
    /*text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;*/
    /*box-shadow: inset 0px 1px 3px rgba(0,0,0, 0.2); -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0, 0.2); -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0, 0.2);*/
    box-shadow: inset 0px 0px 0px rgba(0,0,0, 0.0) !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    outline: none;
    margin-bottom: 0px;
}

/*Registry Workflows Styling */
.wf-header-title {
    background-color: #000;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    line-height: 34px;
    letter-spacing: -0.02em;
    padding: 30px 7%;
    height: 27px;
}

.wfContentDiv {
    float: none;
}

.wf-content {
    /* min-width: 1500px; */
    min-width: 1450px;
    width: 86%;
    margin: auto;
    padding: 0 30px;
}

.wf-content-no-float {
    float: none;
    position: relative;
}

.transactionSummary {
    background-color: #f3f0ed;
    padding-bottom: 15px;
}

@media screen and (max-height: 950px) {
    #transSummaryDiv.wf-transactionSummary {
        position: unset !important;
    }
}

#transSummaryDiv.wf-transactionSummary {
    background-color: #eeeeee;
    max-width: 375px;
    color: #000;
    position: sticky;
    position: -webkit-sticky;
    top: 120px;
    padding-bottom: 25px;
    margin-left: 40px;
    margin-top: 33px;
    align-self: flex-start;
}

    #transSummaryDiv.wf-transactionSummary h2 {
        color: #000;
        border-bottom: 2px solid #000;
        padding: 16px 0px 16px 0px;
        font-size: 24px;
        font-weight: 700;
        line-height: 24px;
        margin-top: 15px;
    }

    #transSummaryDiv.wf-transactionSummary > div {
        padding: 0 32px;
    }

.wf-transactionSummary .transDetails-table {
    margin-top: 10px;
}

    .wf-transactionSummary .transDetails-table td {
        color: #000;
        opacity: 0.5;
        font-style: italic;
        font-size: 14px;
        font-weight: 500;
    }

        .wf-transactionSummary .transDetails-table td.wf-transaction-title {
            opacity: 1;
            font-style: normal;
        }

        .wf-transactionSummary .transDetails-table td label {
            font-size: 14px;
            font-weight: 500;
        }
.wf-transactionType .wf-toggle-btn div {
    flex: 1;
}

.wf-transaction-table {
    table-layout: fixed;
    margin-bottom: 20px;
}

.wf-transaction-table tr > td:first-child > button{
    width: 240px;
}

.wf-transaction-table tr > th:last-child {
    width: 90px;
}
    .wf-transaction-table-transactions.wf-transaction-table tr > th:last-child {
        width: 40px;
        text-align: right;
    }

    .wf-transaction-table tr > th:not(:first-child),
    .wf-transaction-table tr > td:not(:first-child) {
        padding-left: 15px !important;
    }
    .wf-transaction-table tr > td:first-child{
        padding-right: 0px !important;
    }

.wf-activitytransaction_aligntable {
    table-layout: fixed;
}

.wf-activitytransaction_aligntable th:first-child,
.wf-activitytransaction_aligntable td:first-child {
    width: 47% !important;
}

.wf-activitytransaction_aligntable th:last-child,
.wf-activitytransaction_aligntable td:last-child {
    width: 6% !important;
    min-width: unset !important;
}

.wf-delete-btn.wf-transaction-delete-btn {
    float: right;
    padding: 0px;
}

    .wf-delete-btn.wf-transaction-delete-btn.disabled,
    .wf-delete-btn.wf-transaction-delete-btn.disabled:hover {
        background-color: #eee;
        color: #ccc;
    }

    .wf-list-btn.wf-list-btn-bad.wf-delete-btn.wf-transaction-delete-btn.disabled svg {
        color: unset;
    }


    .wf-list-btn-bad.wf-delete-btn.wf-transaction-delete-btn.disabled,
    .wf-delete-btn.wf-transaction-delete-btn.disabled:hover {
        border: 2px solid #ddd;
    }

.wf-transaction-table tr > td select,
.wf-transaction-table input[type=text] {
    width: 100%;
}
/* Calculating the width of 100% cell width minus the size of the calendar image */
#wf-effective-date input[type=text]:not(:disabled) {
    width: calc(100% - 60px);
}
.wf-transaction-amount-input {
    display: flex;
}

.wf-addTransaction-btn {
    width: 100%;
}

.wf-transaction-portfolio-view > input[type=text],
#wf-effective-date input[type=text]:disabled,
.wf-transaction-table input[type=text] {
    width: calc(100% - 55px);
}

.wf-transaction-validate-row,
.wf-transaction-validate-table tr {
    height: 0 !important;
}

    .wf-transaction-validate-row td:not(.validate-error),
    .wf-transaction-validate-table td:not(.validate-error) {
        padding: 0 !important;
        margin: 0 !important;
        height: 0 !important;
    }

    .wf-transaction-validate-row > td.validate-error,
    .wf-transaction-validate-row > td.validate-error+td {
        height: 38px;
        padding: 3px 0;
    }

        .wf-transaction-validate-row > td.validate-error > div {
            height: 100%;
            border: 2px solid #FB7A80;
            border-radius: 4px;
        }

.wf-transaction-validate-message > div {
    border: 2px solid #FB7A80;
    border-radius: 4px;
    white-space: nowrap;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    background-color: #FDD2D4;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 10px;
}

    .wf-transaction-validate-message > div > p {
        margin-left: 10px;
        line-height: 36px;
    }

.ActivityTransaction_Amount.input-validation-error {
    border: 2px solid #FB7A80;
    height: 36px;
    line-height: 36px;
}

button[disabled].wf-addTransaction-btn.wf-btn.btn-good.btn {
    background-color: #eee;
    color: #ababaa85;
    cursor: default;
    border-color: #ddd;
}

button[disabled].wf-addTransaction-btn.wf-btn.btn-good.btn:hover {
    border: 2px solid #ddd !important;
}

.wfTabTable {
    margin-top: 20px !important;
}

.wfTabFirstTd {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #e6e3e0;
}

.wfTabSecondTd {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #f3f0ed;
}

.wfTabThirdTd {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #e6e3e0;
    vertical-align: middle;
    padding-left: 10px;
}

.wfUnpostedTradesHeading {
    margin-top: 15px;
    margin-bottom: 15px;
}

.wfDocuments {
    background-color: #e6e3e0 !important;
}

.wfCommentsGrid {
    position: static !important;
}

.wfChecklistTick {
    color: #5fa25d;
}

.wfChecklistDefault {
    color: #aab2b1;
}

.wfChecklistCross {
    color: #f55351;
}

.transSummary-Table {
}

.transSummary-tr {
}

.transSummary-head {
    padding-top: 30px !important;
    padding-bottom: 5px;
}

.checklist-head {
    padding-top: 20px;
    padding-bottom: 5px;
}

.checklist-table {
    margin: 15px 0;
    width: unset;
}

.checklist-tr td {
    line-height: 35px;
    vertical-align: middle;
    width: unset;
    min-width: 80px;
    /* font-size: 16px; */
}

    .checklist-tr td span {
        font-size: 10px;
        vertical-align: middle;
    }

    .checklist-tr td span {
        /* margin: 0 15px; */
	margin: 0 8px 0 0;
    }

        .checklist-tr td span:last-child {
            margin-left: 0;
        }

.checklist-table label,
.transDetails-table label {
    cursor: default;
    font-size: 12px;
}

.wf-content h2 {
    font-size: 28px;
    font-weight: 700;
    padding: 0;
}

div#wf-summary-info > p.wf-infoText {
    max-width: 80%;
    margin-top: 0;
    font-size: 12px;
    line-height: 16px;
}

div#wf-summary-info > * {
    display: inline-block !important;
    font-style: italic;
    font-weight: 400;
    margin-top: -4px;
    margin-right: 10px;
    font-size: 24px;
    line-height: 12px;
    color: #000;
    vertical-align: middle;
}

div.wf-formula-calculation-link {
    margin-top: 12px;
}

.wf-formula-calculation-link > * {
    font-size: 14px;
    line-height: 24px;
    vertical-align: middle;
}

.wf-row-disabled {
    font-family: Inter;
    font-weight: 400;
    /* font-style: italic; */
    opacity: 0.4;
}

.data-table table tbody tr.wf-row-new-messages {
    background-color: #D3E5D0;
}

.wf-new-message > svg {
    height: 24px;
    width: 24px;
    margin-top: 4px;
    margin-left: 4px;
    color: #2F8547;
}

.wf-table.wf-sub-table tr.wf-input-row {
    height: 47.5px;
}

.wf-button-table {
    table-layout: fixed;
    margin-top: 20px;
}

    .wf-button-table input.btn,
    .wf-button-table button.btn {
        width: 100%;
    }

    .wf-button-table + .wf-button-table {
        margin-top: 20px;
    }

.wf-submit-review input {
    width: 100%;
    margin: 20px 0 20px 0
}

.wf-button-back > div {
    width: 30%;
    margin: auto;
}

.wf-btn.btn {
    /* border-radius: 5px; */
}

.wf-bottom-popup-actions {
    margin-top: 30px;
}

.wf-btn.btn-bad.btn {
    /* background-color: #000; */
    /* border: 1px solid #fff; */
    color: #0095b6;
    font-weight: 600;
    font-size: 14px;
    border-radius: 100px;
}

    .wf-btn.btn-bad.btn:hover {
        background: #000;
        /* border: 0; */
        color: #fff;
    }

.wf-btn.btn-good.btn {
    color: white;
    font-weight: 600;
    font-size: 14px;
    background-color: #fff;
    /* border: 2px #dddddd solid; */
    color: #0095b6;
    border-radius: 100px;
}

.wf-btn.btn-clear.btn {
    background-color: transparent;
}

button.btn.btn-clear:hover {
    background-color: #000;
    color: #fff
    border-color: #000;
}

.wf-btn.btn-good.btn:hover:not([disabled]) {
    border-color: #000 !important;
    background-color: #000 !important;
    color: white !important;
}


.wf-btn.btn-good.btn.wf-btn-approve,
.wf-btn.btn-bad.btn.wf-btn-decline {
    height: 58px;
}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
.wf-btn.btn-bad.btn.wf-btn-decline {
    background: #cc4644;
    border: 1px solid #d02d2b;
}

    .wf-btn.btn-bad.btn.wf-btn-decline:hover {
        background-color: #000;
        border-color: #808080;
        color: white;
        font-weight: 500;
        font-size: 14px;
    }

a.wf-list-btn {
    /* padding-top: 3px; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.wf-list-btn > svg {
    width: 24px;
    height: 24px;
}

.wf-list-btn-good {
    background: #ffffff;
    border: 2px solid #dddddd;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    border-radius: 100px;
    /* padding: unset; */
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 1em;
    line-height: 36px;
    /* color: black; */
    cursor: pointer;
    /* padding-top: 4px; */
}

.wf-list-btn-good.small,
.wf-list-btn-bad.small {
    width: 26px;
    height: 26px;
    /* font-size: 1em; */
    /* line-height: 30px; */
    padding-top: 0px;
    display: flex;
    align-items: center;
    align-content: center;
}

.wf-list-btn-good.mid,
.wf-list-btn-bad.mid {
    width: 38px;
    height: 38px;
    font-size: 1.2em;
    line-height: 37px;
}

.wf-list-btn-good.lrg,
.wf-list-btn-bad.lrg {
    width: 136px;
    height: 38px;
    font-size: 1.2em;
    line-height: 31px;
}
    .wf-list-btn-good.lrg > div > *,
    .wf-list-btn-bad.lrg > div > * {
        display:inline-block;
    }

    .wf-list-btn-good:hover {
        background-color: #000;
        border-color: #000;
        color: white;
    }

    .wf-list-btn-good:hover svg {
        color: unset;
    }

.wf-list-btn-bad {
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    border-radius: 100px;
    padding-top: unset;
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 1em;
    line-height: 36px;
    color: red;
    border: 2px solid #dddddd;
    /* padding-top: 4px; */
}

    .wf-list-btn-bad:hover {
        background-color: #000;
        border-color: #000;
        color: white;
    }


    .wf-list-btn-bad:hover svg {
        color: white;
    }

.wf-list-btn-text {
    margin-left: 6px;
    font-size:12px; 
    font-weight:600; 
    vertical-align:middle;
	line-height: 32px;
}

.wf-list-btn-disabled {
    /* background: #eeeeee; */
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    border-radius: 100px;
    padding: unset;
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 1em;
    line-height: 28px;
    color: black;
    opacity: 1;
    cursor: default;
    border: 2px solid #dddddd;
    /* padding-top: 4px; */
}

.wf-list-btn-good svg {
    color: #0095b6;
    /* color: inherit; */
    /* font-size: 1.5em; */
    vertical-align: -0.166em;
}

.wf-list-btn-good svg:hover {
    /* color: #fff; */
    color: inherit;
    /* font-size: 1.5em; */
    vertical-align: -0.166em;
}


.wf-list-btn-bad svg {
    color: #eb0000;
    /* font-size: 1.5em; */
    /* vertical-align: -0.166em; */
}

.wf-list-btn-bad svg:hover {
    color: #fff;
}

.wf-list-btn-disabled svg {
    color: inherit;
    opacity: 0.25;
    font-size: 1.6em;
    vertical-align: -0.3em;
}

.wf-list-btn + .wf-list-btn {
    margin-left: 3px;
}

.wf-delete-btn svg,
.wf-delete-btn svg path {
    pointer-events: none;
}

.wf-sub-box.wf-sub-icon.wf-btn-disabled {
    cursor: default;
    opacity: 0.5;
}

input[disabled].wf-btn.btn-good.btn,
button[disabled].wf-btn.btn-good.btn {
    background-color: #eee;
    color: #ababaa85;
    cursor: default;
    border-color: #ddd;
}

.wf-button-back .wf-btn.btn-bad.btn {
    font-size: 10px;
}

.wf-btn-p-font {
    font-weight: 700;
    line-height: 16px;
    font-size: 14px;
    /* padding-top: 3px; */
}

#wf-effective-date .field-validation-error {
    position: absolute;
    z-index: 0;
    margin-top: 40px;
    margin-left: 0;
}


.transDetails-head {
    padding-top: 20px;
    padding-bottom: 5px;
}

.transDetails-table {
}

.transDetails-tr {
    height: 35px;
}

.wfLargeSubmitButton {
    height: 58px !important;
}

.wfLargeSubmitButtonDisabled {
    height: 58px !important;
}

.wf-medium-btn.wf-btn.btn {

    height: 40px !important;
}

.wf-small-btn.wf-btn.btn {
    height: 32px !important;
}

.wf-btn.btn.wf-note-btn {
    /* line-height: 44px; */
    font-size: 13px;
    padding: 0 20px;
    /* border-width: 2px; */
    border: 2px solid #dddddd;
    border-radius: 100px;
    background: #fff;
}

.wf-btn.btn.wf-note-acknowledge-btn {
    display: inherit;
    align-items:center;
    font-size: 13px;
    margin-top: 12px;
    padding: 0 14px;
    border: 2px solid #dddddd;
    border-radius: 100px;
    background: #fff;
}

.wf-note-btn-text{
    padding-left:5px;
}

.wf-awaiting-note {
    border: 2px solid #dddddd;
    border-radius: 100px;
    display: inherit;
    align-items: center;
    margin-top: 12px;
    padding: 0 14px;
    font-weight: 600;
    width: fit-content !important;
}

span.wf-ack-spacer {
    padding-left: 56px;
}

.wf-note-desc {
    margin-bottom: 10px;
}

.wfSubmitForReview:hover {
    background: #000;
    background: #000000;
    color: #fff;
    border: 1px solid #000;
}

.wfStateActionDropDown {
    margin-bottom: 15px;
    width: 100%;
    height: 36px !important;
    font-size: 13px;
    font-weight: 500;
}

.wfReviewPageButtons {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 10px;
    background: #d9eef4;
    color: #000000;
    border: 1px solid #8ca9a3;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    width: 43%;
    padding-top: 14px;
    padding-bottom: 10px;
    height: 45px !important;
}

    .wfReviewPageButtons:hover {
        background: #000;
        background: #000000;
        color: #fff;
        border: 1px solid #000;
    }

.wf-final-state {
    background: #000;
    height: 36px;
}

    .wf-final-state > td {
        font-size: 16px;
        font-weight: 600;
        color: #FFFFFF;
        border-radius: 5px;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 12px;
    }

.wfBackToList {
}

.wfSaveAsDraft {
}

.wf-btn.btn.wf-activities-search-btn {
    float: right;
    margin-top: 12px;
    margin-bottom: 8px;
    margin: 12px 0px 8px 0;
    /* line-height: 24px; */
}

.incorrectWfBtn {
    float: right;
    margin-right: 5px !important;
    padding-top: 3px !important;
    font-size: 11px;
    padding-left: 8px !important;
    background: #d4d1ce;
    padding-right: 6px !important;
    border: 1px #adaba9 solid;
}

.correctWfBtn {
    float: right;
    margin-right: 5px !important;
    padding-top: 3px !important;
    font-size: 11px;
    padding-left: 8px !important;
    background: #d4d1ce;
    padding-right: 6px !important;
    border: 1px #adaba9 solid;
}

.incorrectWfBtn: hover {
    background: #000;
    background: #000000;
    color: #fff;
    border: 1px solid #000;
}

.correctWfBtn: hover {
    background: #000;
    background: #000000;
    color: #fff;
    border: 1px solid #000;
}

.SummaryItem {
    padding: 5px 0px 5px 0px;
    font-weight: 500;
    font-size: 12px;
    width: 30%;
}

.SummaryData {
    font-weight: 400;
    font-size: 12px;
    text-align: left;
}

.wf-create-content .processManagementDropDown {
    border-color: #999999;
}

.processManagementDropDown {
    position: relative;
    height: 40px;
}

    /* hide select, it is replaced with new divs */
    .processManagementDropDown select {
        display: none;
    }

    /* the new div showing the selected item */
    .processManagementDropDown .select-selected {
        background: #FFFFFF;
        height: 40px;
        border-style: solid;
        border-width: 2px;
        border-radius: 4px;
        border-color: #dddddd;
        box-sizing: border-box;
    }

        .processManagementDropDown .select-selected[disabled] {
            border-color: #CCCCCC;
        }

        /* arrow inside the select element */
        .processManagementDropDown .select-selected .icon {
            /* margin-top: 4px; */
            float: right;
        }

        .processManagementDropDown .select-selected[disabled] .icon {
            color: #CCCCCC;
        }

    /* style the divs created for the options and the selected item */
    .processManagementDropDown .select-items div, .processManagementDropDown .select-selected {
        color: #000;
        padding: 8px 16px;
        cursor: pointer;
        user-select: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
    }

        .processManagementDropDown .select-items div, .processManagementDropDown .select-selected > * {            
            line-height: 20px;
        }

    /* style the list of selectable items */
    .processManagementDropDown .select-items {
        position: absolute;
        color: #000000;
        background-color: #FFFFFF;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
        border: 2px solid #000000;
        border-radius: 4px;
    }

    /* hide the items when the select box is closed */
    .processManagementDropDown .select-hide {
        display: none;
    }

    /* highlight currently selected item and item hovering on */
    .processManagementDropDown .select-items div:hover, .processManagementDropDown .select-items div.same-as-selected {
        color: #FFFFFF;
        background-color: #000000;
    }

.wf-create-dropdown {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 8px;
    font-size: 16px;
}

#activity-info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    padding: 16px 0;
}

    #activity-info p {
        color: #000;
    }

#activity-dropDown {
    min-width: 250px;
    border-color: #000000;
}

#activity-info > div {
    font-size: 15px;
}

div#activity-info > .activity-info-item.activity-master-item:not(.activity-type-selected) {
    white-space: nowrap;
    overflow: hidden;
}

    div#activity-info > .activity-info-item.activity-master-item:not(.activity-type-selected) > div:last-child {
        overflow: hidden;
        white-space: nowrap;
    }

.activity-info-subtitle {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    line-height: 18px;
}

.activity-type-selected > p#activity-type-out {
    display: inline-block;
}

.activity-type-selected > p:first-child {
    margin-top: 14px;
}

.activity-info-item {
    display: inline-block;
    vertical-align: middle;
    height: 60px;
}

    .activity-info-item > div:last-child {
        padding-top: 5px;
    }

    .activity-info-item img {
        object-fit: contain;
        width: 100%;
        height: 100%;
    }


    .activity-info-item:first-child {
        margin-left: 0;
    }

    .activity-info-item > div:first-child {
        width: 40px;
        height: 40px;
        font-size: 40px;
        margin: 10px 0px 10px 0px;
        line-height: 40px;
        text-align: center;
        color: #bbb;
    }

    .activity-info-item > div {
        display: inline-block;
        vertical-align: middle;
    }

.activity-single-text {
    font-weight: 700;
    font-size: 15px;
    vertical-align: middle;
    height: 26px;
    line-height: 30px;
    padding: 8px 16px 10px 16px;
}

#wf-Status {
    padding-bottom: 20px;
}

.wf-divider {
    border-bottom: 2px solid #000;
    margin: 32px 0 32px 0;
}

.wf-header {
    border-bottom: 2px solid #000;
    margin: 0 0 20px 0;
    padding-bottom: 16px;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
}

.wf-table-parent {
    margin: 0 0px;
}

.wf-table td.drill-down {
    cursor: pointer;
}

.wf-table-note:first-child {
    border-bottom: 2px solid rgba(0,0,0,0.2);
    padding-bottom: 20px;
}

#wf-notes-paging .pagination {
    margin-top: 0;
}

.wf-table-note tr:last-child td:last-child {
    padding-bottom: 20px;
}

.wf-note-summary > p {
    font-size: 14px;
    height: 40px;
    line-height: 44px;
}

    .wf-note-summary > p span {
        font-weight: bold;
    }

.wf-two-btns-table > td input,
.wf-two-btns-table > td button {
    width: 100%
}

.wf-two-btns-table td:first-child:not(:last-child) {
    padding-right: 10px;
}

.wf-two-btns-table td:last-child:not(:first-child) {
    padding-left: 10px;
}

#wf-Status-container {
    background-color: #eee;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    margin-bottom: 10px;
}

    #wf-Status-container > div:first-child {
        border-right: 1px solid #ffffff00;
        height: 100%;
    }

#wf-status-bar {
    overflow: hidden;
}

#wf-Status-container > div {
    display: inline-block;
}

    #wf-Status-container > div > ul {
        height: 60px;
        white-space: nowrap;
        overflow: hidden;
        line-height: 62px;
    }

#wf-Status-container ul > li {
    display: inline-block;
    height: 60px;
    vertical-align: middle;
    margin-top: -1px;
}

    #wf-Status-container ul > li > div {
        height: 100%;
        min-width: 200px;
        max-width: 20px;
        padding-right: 10px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    #wf-Status-container ul > li > * {
        display: inline-block;
        vertical-align: middle;
        margin: auto;
    }

#wf-Status .status-tick {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

    #wf-Status .status-tick.wf-smallIcon {
        font-size: 7px;
        width: 7px;
        color: #000;
    }

    #wf-Status .status-tick.green-tick {
        color: #5fa25d;
    }

div.wf-status-chevron {
    width: 30px;
    min-width: 30px;
    text-align: center;
    height: 100%;
    line-height: 60px;
    color: #000000;
}

    div.wf-status-chevron:hover {
        cursor: pointer;
        opacity: 0.6;
    }

div#wf-status-left {
    border-right: 1px solid #0000050;
    -webkit-box-shadow: 39px 0px 50px -24px rgb(0 0 0);
    -moz-box-shadow: 39px 0px 50px -24px rgba(0,0,0,1);
    box-shadow: 19px 0px 17px -9px rgb(0 0 0);
    z-index: 8;
}

div#wf-status-right {
    /* border-left: 1px solid #00000050; */
    -webkit-box-shadow: -39px 0px 50px -24px rgb(0 0 0);
    -moz-box-shadow: -39px 0px 50px -24px rgba(0,0,0,1);
    box-shadow: -19px 0px 17px -9px rgb(0 0 0);
    z-index: 8;
}

div.wf-status-disabled {
    cursor: none;
    opacity: 0.2;
}

.status-sidetext {
    transform: rotate(-90deg);
    color: #000;
    line-height: 60px;
	font-weight: 600;
}

/*Title*/
.status-text > p:first-child {
    color: #000;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    /* margin-top: 4px; */
}

.status-text > p:last-child {
    color: #797978;
    font-weight: 500;
    font-size: 11px;
    line-height: 12px;
    /* letter-spacing: 0.5px; */
    /* margin-top: 3px; */
	/* height: 16px; */
}

/* WF Beneficiary */


/* Overwriting hard coded styles */

.wf-page-width {
	padding-bottom: 4px !important;
}

.wf-margin {
	margin: -2px 0 0 0 !important;
}	

.wf-btn-index {
	margin: -3px 0 0 12px !important;
}	

.wf-applyFilter-btn {
	background-color: #fff !important;
	line-height: 16px !important;
	padding: 0px 16px 0px 16px !important;
}
	
.wf-clearFilter-btn {
	background-color: #fff !important;
	line-height: 16px !important;
	padding: 0px 0px 0px 0px !important;
	color: #red !important;
}



.wf-beneficiary-table-details {
    margin-top: 20px;
    background-color: #eeeeee;
}

.wf-investment-table-details {
    margin-top: 20px;
    background-color: #eeeeee;
}

.wf-beneficiary-table-action {
    margin-top: 20px;
}

    .wf-beneficiary-table-action tr:nth-child(odd) {
        background-color: white;
    }

.wf-beneficiary-table .wf-col {
    vertical-align: middle;
}

.wf-investment-table .wf-col {
    vertical-align: middle;
}

.wf-firstcol {
    width: 350px;
    max-width: 350px;
}

.wf-panel-first-col {
    width: 314px;
    max-width: 314px;
    padding-left: 24px;
    font-size: 13px;
    font-weight: 700;
}

    .wf-panel-first-col > div {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        vertical-align: middle;
        height: 62px;
    }

    .wf-panel-first-col-height {
        height: 62px;
    }
    
    .wf-panel-first-col-flex {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

        .wf-panel-first-col-flex > p,
        .wf-panel-first-col-flex > div > p {
            line-height: 16px;
        }
    
    .wf-panel-first-col > div > * {
        vertical-align: middle;
	padding-top: 4px;
    }

    .wf-panel-first-col-width {
        width: 1%;
    }

.wf-beneficiary-table.wf-beneficiary-table-details.wf-table td,
.wf-investment-table.wf-investment-table-details.wf-table td {
    padding-top: 5px;
    padding-bottom: 5px;
}

td.wf-bene-col.wf-secondcol > div {
    margin-left: 0;
}

.wf-beneficiary-table.wf-beneficiary-table-details.wf-table td:not(.wf-firstcol),
.wf-investment-table.wf-investment-table-details.wf-table td:not(.wf-firstcol) {
    padding-right: 10px;
}

.wf-firstcol > div {
    display: inline-block;
    vertical-align: top;
}

.wf-bene-col > div {
    border-right: 2px solid rgba(0, 0, 0, 0.15);
}

    .wf-bene-col > div > p:not(.companycolor) {
        color: #000;
    }

    .wf-bene-col > div > p:first-child {
        font-size: 13px;
        line-height: 16px;
        font-weight: 700;
        margin-bottom: 2px;
    }

    .wf-bene-col > div > p:last-child,
    .wf-bene-col > div > div > p,
    .wf-externalRef > div > p {
        font-size: 13px;
        font-weight: 400;
        line-height: 15px;
    }

.companycolor {
    color: #0095b6;
}

.wf-bene-col.wf-lastcol > div {
    border-right: 0px;
}

.wf-lastcol-right-spacing > div {
    border-right: 0px;
    margin-right: 170px;
}

.wf-beneficiarycopy > div {
    white-space: nowrap;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: flex-end;
    margin-right: 10px;
}

.wf-product > div,
.wf-externalRef > div {
    white-space: nowrap;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: flex-start;
    height: 15px;
}

.wf-product > div > p {
    max-width: 200px;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
}

.wf-externalRef > div > p {
    max-width: 140px;
}

.wf-copyIcon {
    font-size: 13px;
    margin: 0 5px;
}

.js-copyBtn:active p {
    text-decoration: underline;
}

.wf-action {
    margin-bottom: 11px;
    min-width: 170px;
    display: flex !important;
}

.wf-action-box {
    width: 145px;
    height: 46px;
    background-color: black;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    vertical-align: middle;
}

.wf-action p {
    color: white;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    line-height: 46px;
}

.wf-action-text {
    width: 140px;
    text-align: start;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
    align-items: center;
}

    .wf-action-text > p {
        color: #000;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        text-align: left;
    }

.wf-action-arrow {
    width: 0px;
    height: 0px;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 23px solid black;
    display: inline-block;
    vertical-align: middle;
}

td.wf-bankAccount + td.wf-bankAccount > div {
    margin-left: 19px;
}

.wf-sub-value > div {
    display: inline-block;
}

.wf-field,
.wf-field-underline {
    display: inline-block;
    vertical-align: top;
    flex-grow: 1;
    margin: 0 8px;
    width: 50%;
}

.wf-bankRow.wf-dis-table {
    display: table;
    width: 100%;
}
    .wf-bankRow.wf-dis-table.field_underline
    {
        border-bottom: 2px solid black;
        display: block;
        margin: 15px 0;
    }

    .wf-bankRow .wf-dis-row {
        display: table-row;
        width: 100%;
    }
        .wf-field-two > * {
            width: 50%;
        }

        .wf-field-three > * {
            width: 33%;
        }

        .wf-dis-row > div,
        .wf-dis-row > p {
            display: table-cell;
            padding: 0 8px;
            vertical-align: top;
        }
            .wf-dis-row > *:first-child {
                padding-left: 0;
            }

            .wf-dis-row > *:last-child {
                padding-right: 0;
            }

.wf-long-margin {
    margin-top: 15px;
}

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

.wf-short-margin {
    margin-top: 0px;
}

p.wf-field-title:empty {
    height: 13px;
}

.wf-field:first-child {
    margin-left: 0;
}

.wf-field:last-child {
    margin-right: 0;
}

.field_underline > p.wf-field-title {
    border-bottom: 2px solid black;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

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

.wf-bankRow:first-child {
    margin-bottom: 20px;
}

    .wf-bankRow input {
        width: calc(100% - 20px);
    }

.wf-sub-100 {
    width: 100%;
}

.wf-sub-box {
    height: 33px;
    border-radius: 5px;
    vertical-align: middle;
    /* line-height: 36px; */
}

.wf-sub-box.confirmed {
    color: #fff;
    background-color: #2f8547;
    border: 2px solid #2f8547;
}

    .wf-sub-box[disabled],
    .wf-sub-box[disabled]:hover {
        background-color: #E6E6E6;
        color: #999999;
        border: 0px;
        cursor: default;
    }

.wf-sub-icon:hover {
    color: #fff;
    background-color: #000;
    border: 2px solid #000;
}

.wf-field .wf-sub-text {
    margin-right: 0;
}

.wf-sub-text-wrap {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
}

.wf-sub-text {
    min-width: 120px;
    border: 2px solid #ddd;
    /* border: 2px solid #0095b6; */
    background-color: white;
    margin-right: 8px;
}

    .wf-sub-text > p {
        line-height: 32px;
        padding: 0 10px;
        cursor: default;
    }

.wf-sub-box-copyIcon {
    font-size: 13px;
    margin: 10px 0;
}

.wf-margin-left10 {
    margin-left: 10px;
}

.wf-table-disabled .wf-sub-box.wf-sub-text {
    opacity: 0.5;
    border-color: #ccc;
}

.wf-sub-icon {
    width: 33px;
    background-color: #ffffff;
    font-size: 14px;
    text-align: center;
    color: #000;
    cursor: pointer;
    border: 2px solid #dddddd;
    border-radius: 100px;
    line-height: 32px;
}

.data-table tr:last-child:nth-child(odd):not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.wf-table + h4.wf-sub-title {
    margin-top: 24px;
}

.wf-table + .wf-table {
    margin-top: 20px;
}

.wf-field-title {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 13px;
}

.wf-field-title-no-margin {
    font-weight: 700;
    font-size: 13px;
    line-height: 13px;
}

.wf-td-check {
    vertical-align: bottom;
}

.wf-field-subTitle {
    margin-bottom: 5px;
    font-size: 85%;
}

    .wf-field-subTitle.right-align {
        text-align: right;
    }

.wf-td-check {
    vertical-align: bottom;
}

.wf-sub-title {
    font-size: 16px;
    margin-top: 24px;
    margin-bottom: 8px;
}

.wf-title {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 0.01em;
}

.wf-col input[disabled],
.wf-col input[data-val-required]:not(input[type=radio]):not(input[type=checkbox]) {
    background-color: #eee;
    color: #787879;
    /* opacity: 0.5; */
}

    .wf-col input[disabled] + img,
    .wf-col input[data-val-required]:not(input[type=radio]):not(input[type=checkbox]) + img {
        display: none;
    }

.wf-col > .wf-sub-title {
    margin-top: 0px;
}

.wf-bankAccount.wf-col:nth-child(2) {
    width: 1%;
}

.wf-bankAccount .wf-sub-value,
.wf-bankAccount .wf-sub-value p {
    min-width: 300px;
}

.wf-table tr.wf-table-spacer {
    height: 15px;
}

.wf-table tr {
    height: 31px;
}

.wf-table.wf-sub-table tr {
    height: 30px;
}

    .wf-table.wf-sub-table tr .wf-col > input {
        margin-bottom: 0px;
    }

    .wf-table.wf-sub-table tr.wf-input-row {
        height: 47.5px;
    }

.data-table.wf-sub-table td.wf-col {
    padding-top: 10px;
}

.wf-beneficiary-table.wf-table tr {
    height: 70px;
}

.wf-table.data-table th,
.wf-table.data-table td {
    padding: 8px 20px 8px 20px;
    /* margin-top: 10px; */
}

.wf-table.data-table th {
    font-weight: 700;
    border-top: 0;
}

.data-table.wf-sub-table tr,
.data-table.wf-sub-table th,
.wf-white-table > .data-table tr,
.wf-white-table > .data-table th {
    background: white !important;
}

.data-table.wf-sub-table td,
.data-table.wf-sub-table th,
.wf-white-table > .data-table td,
.wf-white-table > .data-table th {
    padding: 3px;
    padding-top: 5px;
    word-break: break-word;
}

    .data-table.wf-sub-table td:not(:last-child) {
        padding: 8px 0 6px 0;
    }

    .data-table.wf-sub-table td select {
        height: 38px;
    }
    .data-table.wf-sub-table td input {
        height: 33px;
    }

    .data-table.wf-sub-table td select,    
    .data-table.wf-sub-table td input {
        padding: 1px 10px 1px 4px;
        margin-bottom: 0;
	font-weight:500;
	font-size: 13px;
    }

        /*DatePicker img*/
        .data-table.wf-sub-table td input + img {
            padding: 4px 0 0 0;
        }


.data-table.wf-sub-table th, .wf-white-table > .data-table th {
    padding-bottom: 6px;
    min-width: 150px;
}

    .wf-white-table > .data-table th:first-child {
        width: 450px;
    }


.wf-white-table > .data-table #noteContent tr:not(:last-child) td:first-child {
    padding-left: 10px;
}

.data-table.wf-sub-table tr:nth-child(2n) {
    background: #f3f0ed;
}

.data-table.wf-sub tr {
    height: 30px;
}

.wf-white-table > .data-table tr th a {
    color: #000;
}

.wf-white-table > .data-table a.btn {
    min-width: 45px;
    height: 30px;
    line-height: 32px;
    display: inline-block;
    margin: 5px 0 0 0;
    text-align: center;
}

    .wf-white-table > .data-table a.btn.btn-good,
    .wf-white-table > .data-table tr td:first-child > a.btn {
        border-color: #8CA9A3;
        background: #8CA9A3;
        color: white;
        margin-right: 15px;
    }

    .wf-white-table > .data-table a.btn.btn-bad {
        color: white;
        background-color: #cc4644;
        border: 1px solid #b13533;
    }

        .wf-white-table > .data-table a.btn.btn-good:hover,
        .wf-white-table > .data-table a.btn.btn-bad:hover {
            background: #000;
            color: #fff;
            border: 1px solid #000;
        }


/* Workflow Document Upload Styles */
#wf-document-upload {
    border: 2px solid #dddddd;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
}

    #wf-document-upload #wf-document-start {
        display: none;
        visibility: hidden;
    }

    #wf-document-upload.empty #wf-document-start {
        /* when the list is empty, show the start element */
        display: flex;
        visibility: visible;
    }

    #wf-document-upload input[type=file] {
        display: none;
    }

    #wf-document-upload #wf-document-start {
        flex-grow: 1;
        justify-content: center;
        pointer-events: unset;
        cursor: pointer;
        font-weight: normal;
        font-style: italic;
    }

        #wf-document-upload #wf-document-start .wf-document-icon {
            height: 36px;
            width: 36px;
            color: #0095b6;
            margin-right: 0.5em;
        }

        #wf-document-upload #wf-document-start .wf-document-link {
            font-weight: 700;
            color: #0095b6;
            margin-right: 0.25em;
	    font-size: 14px;
	    padding-top: 10px;
        }

	#wf-document-upload #wf-document-start .wf-document-text {
		font-weight: 400;
		color: #000;
		font-size: 14px;
		padding-top: 10px;
	}

    #wf-document-upload .wf-document-item {
        height: 32px;
        line-height: 20px;
        margin: 5px;
        display: flex;
        flex-direction: row-reverse;
    }

    #wf-document-upload .wf-document-status {
        width: 100%;
        height: 24px;
    }

        #wf-document-upload .wf-document-status .wf-label {
            width: 100%;
            font-weight: 700;
        }

        #wf-document-upload .wf-document-status .wf-progressbar {
            height: 4px;
            width: 0%;
            background-color: #5fa25d;
        }

    #wf-document-upload .wf-document-actions {
        white-space: nowrap;
        display: flex;
        flex-wrap: nowrap;
    }

        #wf-document-upload .wf-document-actions .wf-document-doctype {
            width: 180px;
            margin-left: 10px;
            /* by default */
            display: none;
            visibility: hidden;
	    height: 36px;
        }

        #wf-document-upload .wf-document-actions .wf-btn {
            height: 36px;
            /* line-height: 30px; */
            padding: 2px;
            margin-left: 10px;
            color: #0095b6;
            font-size: 13px;
            font-weight: 600;
            font-family: Inter, Plain, "Segoe UI", Calibri, Arial, Helvetica, sans-serif;
            border-radius: 100px;
            border: 2px solid #ddd;
            /* by default */
            display: none;
            visibility: hidden;
        }

        #wf-document-upload .wf-document-actions .wf-btn-upload,
        #wf-document-upload .wf-document-actions .wf-btn-retry {
            width: 120px;
            background: #fff;
            border-color: #ddd;
        }

            #wf-document-upload .wf-document-actions .wf-btn-upload:hover,
            #wf-document-upload .wf-document-actions .wf-btn-retry:hover {
                width: 120px;
                background: #000;
                border-color: #000;
                color: #fff;
            }

        #wf-document-upload .wf-document-actions .wf-btn-success {
            width: 36px;
	    height: 36px;
            background: #5fa25d;
            border-color: #5fa25d;
            color: white;
            font-size: 16px;
        }

            #wf-document-upload .wf-document-actions .wf-btn-success:hover {
                background: #000;
                border-color: #000;
            }

        #wf-document-upload .wf-document-actions .wf-btn-delete {
            width: 36px;
	    height: 36px;
            background: #fff;
            border: 2px solid #ddd;
            color: #eb0000;
            font-size: 16px;
        }

            #wf-document-upload .wf-document-actions .wf-btn-delete:hover {
                background: #000;
                border-color: #000;
		color: #fff;
            }

    /* Visibility toggles based on .wf-document-<status> */
    #wf-document-upload .wf-document-added .wf-document-actions .wf-btn-upload,
    #wf-document-upload .wf-document-added .wf-document-actions .wf-document-doctype,
    #wf-document-upload .wf-document-added .wf-document-actions .wf-btn-delete {
        visibility: visible;
        display: unset;
    }

    #wf-document-upload .wf-document-failed .wf-document-actions .wf-btn-retry,
    #wf-document-upload .wf-document-failed .wf-document-actions .wf-btn-delete {
        visibility: visible;
        display: unset;
    }

    #wf-document-upload .wf-document-success .wf-document-actions .wf-btn-success {
        visibility: visible;
        display: unset;
    }

    #wf-document-upload .wf-document-added .wf-document-status .wf-label {
        margin-top: 8px;
    }

    #wf-document-upload .wf-document-uploading .wf-document-status .wf-progressbar {
        width: 33%;
    }

    #wf-document-upload .wf-document-failed .wf-document-status .wf-progressbar {
        width: 100% !important;
        background-color: #cc4644;
    }

    #wf-document-upload .wf-document-success .wf-document-status .wf-progressbar {
        width: 100% !important;
    }

    #wf-document-upload.highlight {
        background: #FBE38F;
        border-color: #FFB72C;
    }

    #wf-document-upload .error {
        border: 2px solid red;
        background-color: white !important;
    }

#wf-document-table th.wf-document-type,
#wf-document-table td.wf-document-type {
    width: 1px;
    min-width: 1px;
    white-space: nowrap;
    padding-left: 6px;
    padding-right: 6px;
}

#wf-document-table th.wf-document-modified,
#wf-document-table td.wf-document-modified {
    width: 1px;
    min-width: 1px;
    text-align: right;
    white-space: nowrap;
    padding-left: 6px;
    padding-right: 6px;
}

#wf-document-table th.wf-document-action,
#wf-document-table td.wf-document-action {
    width: 1px;
    min-width: 1px;
    text-align: right;
    white-space: nowrap;
    padding-left: 6px;
    padding-right: 6px;
}

#wf-document-table.data-table tr {
    background: white;
}

.wf-icon-green {
    color: #5fa25d;
}

.wf-icon-red {
    color: #CC4644;
}

.wf-icon-dark-red {
    color: #d44225;
}

.wf-icon-yellow {
    color: #FFB72C;
}

.pm-icon-ird {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin: auto;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.748047 11.2798C0.748047 5.20334 5.67689 0.279785 11.748 0.279785C17.8192 0.279785 22.748 5.20334 22.748 11.2798C22.748 16.9966 18.3904 21.6928 12.811 22.2322L12.8057 16.1557C12.8057 14.712 13.0226 14.0932 13.7101 12.7923C15.0851 10.2274 17.1 10.624 16.9942 10.8779C16.7404 11.4913 16.5605 11.8192 16.5605 12.5067C16.5605 13.8447 17.5706 14.675 18.8399 14.675C20.2889 14.675 21.4048 13.5908 21.4048 12.1418C21.4048 10.2961 20.2096 9.14325 18.4062 9.14325C16.0211 9.14325 13.5303 10.9519 12.8851 13.0091H12.811V9.212C11.1504 9.212 9.48459 9.35479 7.82401 9.35479H5.90958V10.3649H6.56007C7.26343 10.3649 7.8293 10.936 7.8293 11.6394V11.5918V21.5553C3.68843 19.9793 0.748047 15.9707 0.748047 11.2798ZM7.32689 4.60575C7.32689 6.13411 8.56968 7.3769 10.098 7.3769C11.6264 7.3769 12.8692 6.13411 12.8692 4.60575C12.8692 3.07738 11.6264 1.83459 10.098 1.83459C8.56968 1.83459 7.32689 3.07209 7.32689 4.60575Z' fill='%23FFB72C'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.pm-icon-api {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-color: black;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='m' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='23'%3E%3Cpath d='M13.5 12H6L0 23V0H24V23H13.5V12Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23m)'%3E%3Cpath d='M8.5 18C4.91015 18 2 15.0899 2 11.5C2 7.91015 4.91015 5 8.5 5C11.1125 5 13.367 6.54123 14.4001 8.76837C14.6481 9.30288 15.2709 9.54592 15.8137 9.32635L15.4427 8.40939L15.8137 9.32635C16.3331 9.11621 16.9018 9 17.5 9C19.9853 9 22 11.0147 22 13.5C22 15.9853 19.9853 18 17.5 18H8.5Z' stroke='black' stroke-width='2'/%3E%3C/g%3E%3Cpath d='M7.13139 15.5156H6.14276L7.64915 11.152H8.83807L10.3423 15.5156H9.35369L8.26065 12.1491H8.22656L7.13139 15.5156ZM7.0696 13.8004H9.40483V14.5206H7.0696V13.8004ZM10.8675 15.5156V11.152H12.5891C12.9201 11.152 13.2021 11.2152 13.435 11.3416C13.668 11.4666 13.8455 11.6406 13.9677 11.8636C14.0913 12.0852 14.1531 12.3409 14.1531 12.6307C14.1531 12.9205 14.0906 13.1761 13.9656 13.3977C13.8406 13.6193 13.6594 13.7919 13.4222 13.9155C13.1864 14.0391 12.9009 14.1009 12.5657 14.1009H11.4684V13.3615H12.4165C12.5941 13.3615 12.7404 13.331 12.8555 13.2699C12.9719 13.2074 13.0586 13.1214 13.1154 13.0121C13.1737 12.9013 13.2028 12.7741 13.2028 12.6307C13.2028 12.4858 13.1737 12.3594 13.1154 12.2514C13.0586 12.142 12.9719 12.0575 12.8555 11.9979C12.739 11.9368 12.5913 11.9062 12.4123 11.9062H11.7901V15.5156H10.8675ZM15.6749 11.152V15.5156H14.7523V11.152H15.6749Z' fill='black'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: cover;
}

.pm-icon-system {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-color: black;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 4H5L5 20H19V4ZM5 2C3.89543 2 3 2.89543 3 4V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V4C21 2.89543 20.1046 2 19 2H5Z' fill='black'/%3E%3Cpath d='M15 5H17V7H15V5Z' fill='black'/%3E%3Cpath d='M15 11H17V13H15V11Z' fill='black'/%3E%3Cpath d='M15 17H17V19H15V17Z' fill='black'/%3E%3Cpath d='M7 14H19V16H7V14Z' fill='black'/%3E%3Cpath d='M7 8H19V10H7V8Z' fill='black'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: cover;
}

.wf-list-btn-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
}

.wf-list-btn-icon svg.svg-inline--fa
{
    width: 22px;
    height: 22px;
}

.wf-list-btn-icon .pm-icon-ird {
    width: 24px;
    height: 24px;
}

.activity-info-item .wf-list-btn-icon > svg {
    margin-bottom: 5px;
}

.activity-info-item .wf-list-btn-icon .pm-icon-api,
.activity-info-item .wf-list-btn-icon .pm-icon-system {
    background-color: #bbb;
}

svg.wf-icon-greyout {
    color: #ababaa;
}

.wf-check-summary {
    margin-top: 10px;
    margin-bottom: 20px;
}

.wf-document-processbar,
#wf-document-upload > .wf-document-processbar {
    display: none;
    height: 30px;
}

.wf-deletePending + .wf-document-processbar,
.wf-document-processing-hidden + .wf-document-processbar {
    display: block !important;
    margin-left: 15px;
}

.wf-document-processing-hidden {
    display: none !important;
}

td.wf-nowrap{
    white-space: nowrap;
    flex-wrap: nowrap;
    min-width: 1px !important;
}

    td.wf-nowrap > button {
        vertical-align: middle;
    }

th.wf-nowrap {
    text-align: left;
    white-space: nowrap;
    flex-wrap: nowrap;
    min-width: 1px !important;
}


.wf-document-delete {
    text-align: center;
    height: 36px;
    font-size: 18px;
    width: 36px;
    background-color: #fff;
    border-radius: 100px;
    border: 2px solid #dddddd;
    /* border: 0; */
    cursor: pointer;
    color: red;
    float: right;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .wf-document-delete:hover {
        background-color: #000;
        border-color: #000;
        color: white;
    }

.wf-document-apply {
    text-align: center;
    height: 38px;
    font-size: 16px;
    width: 38px;
    background-color: #fff;
    border-radius: 100%;
    border: 2px solid #ddd;
    cursor: pointer;
    color: #0095b6;
    padding-top: 4px
}

    .wf-document-apply:hover {
        background-color: #000;
        border-color: #000;
        color: white;
    }

.wf-document-cancel {
    text-align: center;
    height: 38px;
    font-size: 16px;
    width: 38px;
    background-color: #fff;
    border-radius: 100%;
    border: 2px solid #ddd;
    cursor: pointer;
    color: #eb0000;
}

    .wf-document-cancel:hover {
        background-color: #000;
        border-color: #000;
    }

.wf-document-spinner {
    display: none;
}

.wf-deletePending {
    display: none;
}

.wf-effectiveDate > img {
    float: unset;
    vertical-align: middle;
    display: inline-block;
    padding-left: 5px;
}

.wf-contractEndDate > img {
    float: unset;
    vertical-align: middle;
    display: inline-block;
    padding-left: 5px;
}

.wf-item-header {
    display: flex;
    background-color: #fff;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 90px;
    border-bottom: 4px solid #000;
}

.wf-item-header-part {
    width: 33%;
    padding-top: 24px;
}

.wf-item-header-part-reviewedby {
    display: flex;
    direction: rtl;
    padding: 13px 0 0 0;
}

    .wf-item-header-part-reviewedby > div {
        color: #000;
        padding: 5px 0 5px 5px;
    }

        .wf-item-header-part-reviewedby > div > p {
            padding-top: 15px;
            padding-right: 2px;
            line-height: 14px;
            padding-left: 10px;
        }

.wf-noname {
    opacity: 0.25;
}

.wf-shortnamelabel {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    background-color: #5F9E7B;
}

    .wf-shortnamelabel > p {
        line-height: 58px;
        /* letter-spacing: 1px; */
        /* padding-top: 2px; */
    }

.wf-internaluser {
    width: 55px;
    height: 55px;
    color: #ffffff;
    background-color: #008eb6;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .wf-internaluser > p {
        /* line-height: 52px; */
    }

.wf-externaluser {
    width: 49px;
    height: 49px;
    border: 3px solid #a685a8;
    color: #000000;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .wf-externaluser > p {
        /* line-height: 47px; */
    }

.wf-shortnamelabel-small {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 500;
    /* text-align: center; */
    margin: 0 0 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .wf-shortnamelabel-small span {
        line-height: 32px;
        /* letter-spacing: 1px; */
        /* padding-top: 2px; */
        font-weight: 700;
    }

.wf-internaluser-small {
    color: #ffffff;
    background-color: #0095b6;
}

.wf-externaluser-small {
    border: 2px solid #a685a8;
    color: #000000;
    background-color: #ffffff;
}

.wf-admin-icon {
    background-image: url(/Content/images/adminicon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #5369AC;
    width: 55px;
    height: 55px;
}

.wf-admin-icon-small {
    background-image: url(/Content/images/adminicon.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.wf-item-header-part-title {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: -0.02em;
    padding: 5px 30px;
}

#wf-document-required-check {
    margin-bottom: 20px;
}

    #wf-document-required-check.disabled {
        opacity: 0.75;
    }

.lds-spinner {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
}

    .lds-spinner div {
        transform-origin: 16px 16px;
        animation: lds-spinner 1.2s linear infinite;
    }

        .lds-spinner div:after {
            content: " ";
            display: block;
            position: absolute;
            top: 14px;
            left: 1px;
            width: 7px;
            height: 3px;
            border-radius: 0%;
            background: #0095b6;
        }

        .lds-spinner div:nth-child(1) {
            transform: rotate(0deg);
            animation-delay: -1.1s;
        }

        .lds-spinner div:nth-child(2) {
            transform: rotate(30deg);
            animation-delay: -1s;
        }

        .lds-spinner div:nth-child(3) {
            transform: rotate(60deg);
            animation-delay: -0.9s;
        }

        .lds-spinner div:nth-child(4) {
            transform: rotate(90deg);
            animation-delay: -0.8s;
        }

        .lds-spinner div:nth-child(5) {
            transform: rotate(120deg);
            animation-delay: -0.7s;
        }

        .lds-spinner div:nth-child(6) {
            transform: rotate(150deg);
            animation-delay: -0.6s;
        }

        .lds-spinner div:nth-child(7) {
            transform: rotate(180deg);
            animation-delay: -0.5s;
        }

        .lds-spinner div:nth-child(8) {
            transform: rotate(210deg);
            animation-delay: -0.4s;
        }

        .lds-spinner div:nth-child(9) {
            transform: rotate(240deg);
            animation-delay: -0.3s;
        }

        .lds-spinner div:nth-child(10) {
            transform: rotate(270deg);
            animation-delay: -0.2s;
        }

        .lds-spinner div:nth-child(11) {
            transform: rotate(300deg);
            animation-delay: -0.1s;
        }

        .lds-spinner div:nth-child(12) {
            transform: rotate(330deg);
            animation-delay: 0s;
        }

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.wf-download-document {
    color: #0095b6;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.wf-note-iss > div {
    /* display: flex; */
    /* vertical-align: top; */
    /* align-items: center; */
    /* justify-content: center; */
}

    .wf-note-iss > div:not(:last-child) {
        margin-right: 20px;
        flex-shrink: 0;
    }

.wf-note-initial {
    border-radius: 50%;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.wf-note-title {
    font-size: 18px;
    font-weight: bold;
}

.wf-note-text {
    font-size: 12px;
    font-weight: normal;
    margin-top: 4px
}

    .wf-note-text > span {
        font-weight: bold;
    }

.wf-note-subtext {
    font-style: italic;
}

.wf-note-container {
    padding: 20px;
    border: 2px solid #ffe3ad;
    background-color: #fff1bf;
    display: flex;
    flex-direction: column;
    margin: 20px 0;
}

    .wf-note-container > p > span {
        font-weight: bold;
    }

.wf-note-textarea {
    padding: 10px;
    min-height: 200px;
    resize: none;
    margin: 20px 0;
    font-size: 16px;
}

.wf-note-acknowledgeContainer {
    display: flex;
    margin: 4px 0 24px 0;
    align-items: center;
}

.wf-note-acknowledge-label {
    margin-left: 8px;
    font-weight: bold;
}

.wf-note-container .charLeft {
    float: right;
    font-style: italic;
}

.wf-note-btn + .wf-note-btn {
    margin-left: 20px;
}

.wf-page-width {
    /* width: 100%; */
    min-width: 1450px;
    max-width: 1600px;
    margin: 0 auto;
}

.messageRow:not(.ExternalMessage):not(:first-child),
.messageRow.ExternalMessage:not(:first-child) {
    border-top: 2px solid rgba(0,0,0,0.2);
}

.messageRow.ExternalMessage + tr + .messageRow:not(.ExternalMessage),
.messageRow:not(.ExternalMessage) + tr + .messageRow.ExternalMessage {
    border-top: unset;
}

.messageRow td {
    padding-top: 24px;
    padding-bottom: 24px;
}

.messageRow.ExternalMessage {
    background: #F3F0ED;
}

.messageRow.NotAcknowledged {
    background: #D3E5D0;
}

.messageRow .wf-firstcol > div {
    display: flex;
    vertical-align: top;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.wf-note-iss {
    margin-left: 24px;
}

.wf-note-iss > div:not(.wf-note-initial) {
    width: 235px;
}

.wf-processlist-priority {
    font-size: 18px;
    font-weight: 800;
}

span.field-validation-error.wf-validation-message {
    background-color: unset;
    color: red;
    line-height: 15px;
}

/**** normal table style ****/
.SummaryLabel {
    padding: 5px 0px 5px 0px;
    font-weight: 500;
    font-size: 12px;
    color: #000000;
    width: 50%;
    vertical-align: middle !important;
    line-height: 16px !important;
}

.SummaryValue {
    padding: 5px 0px 5px 0px;
    font-weight: 500;
    font-size: 12px;
    width: 50%;
    text-align: right;
    padding-right: 10px;
    vertical-align: middle !important;
    line-height: 16px !important;
}

.SummaryItemTitle {
    padding: 5px 0px 5px 0px;
    font-weight: 500;
    font-size: 12px;
    width: 50%;
    vertical-align: middle !important;
    line-height: 16px !important;
}

.SummaryItemSymbol {
    padding: 5px 0px 5px 0px;
    font-weight: 500;
    font-size: 12px;
    width: 1%;
    vertical-align: middle !important;
    line-height: 16px !important;
}

.SummaryItemValue {
    padding: 5px 0px 5px 0px;
    font-weight: 500;
    font-size: 12px;
    width: 19%;
    text-align: right;
    padding-right: 10px;
    vertical-align: middle !important;
    line-height: 16px !important;
}

.SummaryItemNote {
    padding: 3px;
    font-weight: 400;
    font-size: 15px;
    font-style: italic;
    width: 8%;
    vertical-align: middle !important;
    line-height: 16px !important;
    text-align: center;
}

/**** Italic table style ****/
.SummaryItemSubTitle {
    padding: 3px 0;
    font-weight: 400;
    font-size: 11px;
    font-style: italic;
    vertical-align: middle !important;
    color: #808080;
}

    .SummaryItemSubTitleForTotalFeesandTax {
        opacity: 1 !important;
    }

.SummaryItemSubSymbol {
    padding: 3px 0;
    font-weight: 400;
    font-size: 11px;
    font-style: italic;
    vertical-align: middle !important;
}

.SummaryItemSubValue {
    padding: 3px 0;
    font-weight: 400;
    font-size: 11px;
    text-align: right;
    padding-right: 10px;
    font-style: italic;
    vertical-align: middle !important;
}

    .SummaryItemSubValueForTotalFeesandTax {
        opacity: 1 !important;
    }

/**** subtotal table style ****/
.SummaryItemSubTotal {
    padding: 8px 0px 5px 0px;
    font-weight: 500;
    font-size: 12px;
    width: 50%;
    border-top: #000 solid 2px;
    border-bottom: #000 solid 2px;
    vertical-align: middle !important;
}

.SummaryItemTotalSymbol {
    padding: 8px 0px 5px 0px;
    font-weight: 500;
    font-size: 12px;
    width: 1%;
    border-top: #000 solid 2px;
    border-bottom: #000 solid 2px;
    vertical-align: middle !important;
}

.SummaryItemTotalValue {
    padding: 8px 0px 5px 0px;
    font-weight: 500;
    font-size: 12px;
    width: 19%;
    text-align: right;
    padding-right: 10px;
    border-top: #000 solid 2px;
    border-bottom: #000 solid 2px;
    vertical-align: middle !important;
}

.wf-check-total > .SummaryItemSubTotal,
.wf-check-total > .SummaryItemTotalValue,
.wf-check-total > .SummaryItemTotalSymbol {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.defaultWfBtn {
    float: right;
    margin-right: 5px !important;
    padding-top: 3px !important;
    font-size: 11px;
    padding-left: 12px !important;
    background: #d4d1ce;
    padding-right: 12px !important;
    border: 1px #adaba9 solid;
}

    .defaultWfBtn: hover {
        background: #000;
        background: #000000;
        color: #fff;
        border: 1px solid #000;
    }

.wfLabel {
    line-height: 20px !important;
}

.wfContentDiv {
    margin-bottom: 32px;
}

.wf-overlay {
    background: url(../Content/images/bg-overlay.png);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.wf-linked-trade-search {
    background: white;
    border-radius: 6px;
}

.wf-linked-trade-search-header {
    background: #E4E1DE;
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 6px;
}

    .wf-linked-trade-search-header h2 {
        display: inline-block;
    }

.wf-linked-trade-search-body {
    background: white;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 6px;
    max-height: 720px;
    overflow-y: auto;
}

    .wf-linked-trade-search-body > h4 {
        padding-top: 24px;
        padding-bottom: 16px;
    }

#linkedTradeDetailsSearch {
    padding: 100px 200px 200px 200px;
}

.wf-search-close {
    font-size: 3em;
    float: right;
    display: inline-block;
    margin-top: -5px;
}

    .wf-search-close > svg {
        color: black;
        height: 32px;
        width: 32px;
    }

.wf-linked-trade-search-buttons {
    padding-top: 16px;
    height: 40px;
}

    .wf-linked-trade-search-buttons button {
        line-height: 18px;
        font-size: 13px;
        height: 38px;
	display: flex;
	justify-items: center;
	align-items: center;
    }

    .wf-linked-trade-search-buttons .btn-bad {
        background-color: #fff;
	color: #eb0000;
    }

    .wf-linked-trade-search-buttons .btn-good {
        background-color: #fff;
    }

    .wf-linked-trade-search-buttons .wf-solid-btn {
        border: 1px solid rgba(182, 180, 177, 0.5);
        background-color: #E6E3E0;
        cursor: default;
    }

        .wf-linked-trade-search-buttons .wf-solid-btn > p {
            color: black;
            opacity: 0.25;
        }

.ItemRequiredNote {
    padding: 5px 0px 5px 0px;
    font-weight: 400;
    font-size: 11px;
    font-style: italic;
    width: 30%;
    vertical-align: middle !important;
    line-height: 16px !important;
    color: #f55351;
}

}

.scrollit {
    overflow: scroll;
    max-height: 300px;
    min-width: 500px;
    max-width: 700px;
}

div.overlay-container.debugParamClass {
    margin-top: 0 !important;
    margin-bottom: 10%;
    top: 10%;
}

.font-awesome-tool-tip {
    position: relative;
	color: #008eb6;
}

.font-awesome-tool-tip-bubble {
    display: none;
    position: absolute;
    color: #000;
    opacity: 1;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

    .font-awesome-tool-tip-bubble > div:first-child {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid white;
        margin: auto;
    }

.font-awesome-tool-tip > div > div:last-child {
    text-align: center;
    width: 150px;
    font-style: normal;
    padding: 13px 10px 10px 10px;
    border-radius: 5px;
    box-shadow: 1px 19px 22px 1px rgba(0,0,0,0.31);
    -webkit-box-shadow: 1px 19px 22px 1px rgba(0,0,0,0.31);
    -moz-box-shadow: 1px 19px 22px 1px rgba(0,0,0,0.31);
    font: 12px Plain, sans-serif;
    font-weight: 400;
    background-color: white;
}

.font-awesome-tool-tip:hover .font-awesome-tool-tip-bubble {
    display: block !important;
}

.padRight5 {
    padding-right: 5px;
}

.sideMargin {
    margin: 0 40px;
}

.heightFill {
    height: 60vh;
}

.flexy2ColGrowLeft {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .flexy2ColGrowLeft > *:first-child {
        flex-grow: 1;
    }

.flexyEvenlyGrowBoth {
    display: flex !important;
    flex-direction: row;
    justify-content: space-evenly;
}

    .flexyEvenlyGrowBoth > * {
        flex: 1;
    }

.overflowEllipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: normal;
}

.width100 {
    width: 100%;
}

.width45-autocomplete > .ui-autocomplete-input {
    width: 45% !important;
}

.smooth-scroll {
    scroll-behavior: smooth;
}

.inline-align > * {
    display: inline-block;
}

td.wf-new-nrp-datefrom.error,
td.wf-new-nrp-dateto.error,
td.wf-new-nrp-nation.error {
    background-color: white !important;
}

    td.wf-new-nrp-datefrom.error input[type=text],
    td.wf-new-nrp-dateto.error input[type=text],
    td.wf-new-nrp-nation.error input[type=text] {
        border: 2px solid red;
        background-color: white !important;
    }


ul.bullet-list li {
    list-style-type: disc;
    list-style-position: inside;
}

.wf-non-residency-periods-table .wf-document-delete {
    width: 40px;
    height: 40px;
    line-height: 42px;
    float: none;
}

.wf-toggle-btn {
    padding: 0 !important;
    display: flex !important;
    flex-direction: row;
}

#AddnewNonResidencyBtn.disabled {
    cursor:none;
    opacity: 50%;
}

.wf-toggle-btn > div,
.wf-toggle-btn > button.wf-toggle-yes,
.wf-toggle-btn > button.wf-toggle-no {    
    line-height: 37px;
    text-align: center;
    border: 0;
    border-left: 1px solid white;
    font-weight: 700 !important;
}

    .wf-toggle-btn > button.wf-toggle-yes,
    .wf-toggle-btn > button.wf-toggle-no {
        height: 40px;
        width: 44px; /* Buttons adds border width as their width as well.  */
        padding:0;
    }

    .wf-toggle-btn > div{
        height: 36px;
        width: 40px;
    }

        .wf-toggle-btn > div.PaymentTypeToggleComponent {
            width: unset;
            height: 30px;
            line-height: 32px;
            text-transform: none;
            font-weight: 700;
            letter-spacing: 0px;
            font-size: 14px;
            padding: 3px 10px;
        }

        .wf-toggle-btn > div:first-child,
        .wf-toggle-btn > button.wf-toggle-yes {
            border-top-left-radius: 100px;
            border-bottom-left-radius: 100px;
        }

        .wf-toggle-btn > div:nth-last-child(2),
        .wf-toggle-btn > button.wf-toggle-no {
            border-top-right-radius: 100px;
            border-bottom-right-radius: 100px;
        }

        /*Selected*/
        .wf-toggle-btn > div.wf-toggle-selected,
        .wf-toggle-btn.wf-yes-selected > button.wf-toggle-yes,
        .wf-toggle-btn.wf-no-selected > button.wf-toggle-no {
            background-color: black;
            color: white;
            cursor: default;
            border: 2px solid #000;
        }

        /*Not Selected*/
        .wf-toggle-btn > div:not(.wf-toggle-selected),
        .wf-toggle-btn.wf-yes-selected > button.wf-toggle-no,
        .wf-toggle-btn.wf-no-selected > button.wf-toggle-yes {
            background-color: #ffffff;
            color: #0095b6;
            cursor: pointer;
            border: 2px solid #dddddd;
        }

        
    /*Disabled & Selected*/
    .disabled.wf-toggle-btn > div.wf-toggle-selected,
    .wf-toggle-btn.wf-yes-selected > button.wf-toggle-yes:disabled,
    .wf-toggle-btn.wf-no-selected > button.wf-toggle-no:disabled {
        background-color: #666666;
        color: white;
        cursor: default;
	border: 2px solid #666;
	/* line-height: 32px; */
    }

    /*Disabled & Not Selected*/
    .disabled.wf-toggle-btn > div:not(.wf-toggle-selected),
    .wf-toggle-btn.wf-yes-selected > button.wf-toggle-no:disabled,
    .wf-toggle-btn.wf-no-selected > button.wf-toggle-yes:disabled {
        background-color: #eee;
        color: #ababaa;
        cursor: default;
	   /*line-height: 32px;*/
	    font-weight: 700 !important;
	    /* padding-left: 2px !important; */
    }

p.disabled {
    color: #aaa;
}

.data-table .hasDatepicker.wf-warning {
    border-color: #4589FF;
    border-width: 2px;
}

.data-table .hasDatepicker.wf-error {
    border-color: #FA4D56;
    border-width: 2px;
}

#wf-settlement-date-warning, 
#wf-lscc-date-warning,
#wf-death-date-warning,
#wf-emigration-date-warning {
    display: none;
}

    #wf-settlement-date-warning.wf-warning,
    #wf-lscc-date-warning.wf-warning,
    #wf-death-date-warning.wf-warning,
    #wf-emigration-date-warning.wf-warning {
        display: block;
        color: #4589FF;
    }

#wf-settlement-date-error,
#wf-lscc-date-error,
#wf-death-date-error,
#wf-emigration-date-error {
    display: none;
}

    #wf-settlement-date-error.wf-error,
    #wf-lscc-date-error.wf-error,
    #wf-death-date-error.wf-error,
    #wf-emigration-date-error.wf-error{
        display: block;
        color: #FA4D56;
    }

td.priorityTabCol {
    padding-left: 4px;
}

td.wf-message-col {
    padding-left: 0;
}

.wf-message-col > * {
    display: inline-block;
    vertical-align: middle;
}

.wf-message-col .priorityTab {
    height: 100%;
    border-right: 6px solid #F1C21B;
}

.wf-message-col .nonPriorityTab {
    height: 100%;
    padding-right: 6px;
}
    
.ProcessManagementPriority_Default{
    background-color: #F5D154;
    border-radius: 8px;
}

#transactionDetailEffectiveDateMessages {
    border-collapse: separate;
    border-spacing: 0 10px;
}

#transactionDetailEffectiveDateMessages tr{
    margin-top: 10px;
    margin-bottom: 10px;
}

.effectiveDate_result_message div {
    padding: 5px 8px;
    width: fit-content;
    border-radius: 5px;
    white-space: nowrap;
}

.effectiveDate_result_message div > * {
    display:inline-block;
    vertical-align: middle;    
}

.effectiveDate_result_message div > svg {
    font-size: 20px;
    margin-right: 8px;
}
.effectiveDate_result_message div > p {
    font-size: 12px;
    height: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.effectiveDate_result_message div > p span {
    font-weight: bold;
}

.effectiveDate_result_bad.effectiveDate_result_message > div {
    border: 2px solid rgb(251,122,128);
    background-color : rgb(253,210,212);
}

.effectiveDate_result_bad.effectiveDate_result_message svg {
    color: rgb(251,122,128);
}

.effectiveDate_result_good.effectiveDate_result_message > div {
    border: 2px solid rgb(65,190,102);
    background-color : rgb(207,238,216);
}

.effectiveDate_result_good.effectiveDate_result_message svg {
    color: rgb(65,190,102);
}

.effectiveDate_result_warning.effectiveDate_result_message > div {
    border: 2px solid rgb(243,205,70);
    background-color: rgb(251,239,198);
}

.effectiveDate_result_warning.effectiveDate_result_message svg {
    color: rgb(243,205,70);
}

.formulaCalculation_result_message div {
    padding: 5px 8px;
    width: fit-content;
    border-radius: 5px;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.formulaCalculation_result_message div > * {
    display: inline-block;
    vertical-align: middle;
}

.formulaCalculation_result_message div > svg {
    font-size: 20px;
    margin-right: 8px;
}

.formulaCalculation_result_message div > span {
    font-size: 12px;
    font-weight: 400;
}

.formulaCalculation_result_message div > span.errorBold {
    font-size: 12px;
    font-weight: 600;
}

.formulaCalculation_result_message div > p span {
    font-weight: bold;
}

.formulaCalculation_result_bad.formulaCalculation_result_message > div {
    border: 2px solid rgb(251,122,128);
    background-color: rgb(253,210,212);
}

.formulaCalculation_result_bad.formulaCalculation_result_message svg {
    color: rgb(251,122,128);
}

.formulaCalculation_result_good.formulaCalculation_result_message > div {
    border: 2px solid rgb(65,190,102);
    background-color: rgb(207,238,216);
}

.formulaCalculation_result_good.formulaCalculation_result_message svg {
    color: rgb(65,190,102);
}

.formulaCalculation_result_warning.formulaCalculation_result_message > div {
    border: 2px solid rgb(243,205,70);
    background-color: rgb(251,239,198);
}

.formulaCalculation_result_warning.formulaCalculation_result_message svg {
    color: rgb(243,205,70);
}


.warningMessageSection {
    margin-top: 40px;
}

.warningMessageSectionSmallMargin {
    margin-top: 12px;
}

.wf-required-field {
    border: 2px solid rgb(251,122,128);
}

.ellipsisOnSecondTextLine {
    white-space: break-spaces;
    text-overflow: ellipsis;
    overflow: hidden;
}

@supports (-webkit-line-clamp: 2) {
    .ellipsisOnSecondTextLine {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

 /*Ird Member Contribution History - Single*/
 
 /*resets*/
 #ird-member-contribution-history ul{
     border: none;
 }

     #ird-member-contribution-history .input-form li{
         border-bottom: none;
     }
 /*end resets*/

 /*Title*/
 #ird-member-contribution-history h3.title{
     margin-bottom: 3%;
 }

 /*No results*/
 #ird-member-contribution-history .col.no-result{
     margin-top: 6%;
 }

 /*Contribution Table*/
 #ird-member-contribution-history .col .data, #ird-member-contribution-history .col .data .two-col-l {
     border: 1px solid #dfdfdf;
 }

     #ird-member-contribution-history .col .data {
         margin-top: 2%;
         border-right: none;
         border-bottom: none;
     }
    
         #ird-member-contribution-history .col .data .two-col-l {
             border-left: none;
             border-top: none;
         }

 /* Contribution Data Row */
 #ird-member-contribution-history ul.input-form {
     width: 400px;
 }

     #ird-member-contribution-history ul.input-form label {
         width: 200px;
     }    

/* -------------------- WORKFLOWS ------------------------ */

.workflow-filter-flex-container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0;
    }

    .workflow-filter-flex-item {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        padding: 4px 0;
    }

        .workflow-filter-flex-item:not(:first-child):not(:last-child) {
            padding-top: 4px;
            padding-bottom: 6px;
        }

    .wf-filter-left-pad {
        padding-left: 16px;
    }

    .wf-filter-right-pad {
        padding-right: 16px;
    }

    .workflow-filter-col-container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .workflow-filter-col-flex-item {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .filterActionButton button.wf-applyFilter-btn {
        background-color: #B8CAC8;
        font-size: 16px;
        height: 40px;
        line-height: 34px;
        padding: 4px 10px 0px 10px;
        margin: 0px 0px 0px 0px;
    }

        .filterActionButton button.wf-applyFilter-btn:hover {
            background: #000 !important;
            border: 2px solid #000 !important;
	    color: #fff;
        }

    .filterActionButton button.wf-clearFilter-btn {
        background-color: #FDA6AB;
        font-size: 16px;
        line-height: 34px;
        width: 40px;
        padding: 4px 0px 0px 0px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
	margin-right: 0px;
	color: #0095b6;
    }

        .filterActionButton button.wf-clearFilter-btn:hover {
            background: #000000 !important;
            border: 2px solid #000 !important;
	    color: #fff;
        }

    .amongfilterblock {
        display: grid;
        white-space: nowrap;
    }

    .submiter-reviewer-block input {
        width: 188px;
    }

    .investmentblock label {
        width: 160px;
    }

    .investmentblock input {
        width: 150px;
    }

    .filterActionButton {
        padding-top: 32px;
        padding-left: 10px;
        flex-direction: row;
        display: flex;
	flex-wrap: wrap;
    }

        .filterActionButton input {
            font-weight: 700;
        }

        .filterActionButton span {
            width: 100%;
        }

    caption a.btn.wf-btn-index {
        padding: unset;
        width: 30px;
        height: 30px;
        text-align: center;
        font-size: 18px;
        line-height: 32px;
        margin: 2px 0 0 10px;
	border: 1px solid #ddd;
    }

    .wf-filter-margin-left {
        padding: 0 130px 0 0;
        display: inline-block;
    }

    .wf-filter-margin-right {
        padding: 0 130px 0 0;
        height: 1px;
        float: right;
    }

    .wf-margin,
    caption a.btn.wf-margin {
        margin: 0px 0 0 0 !important;
    }

    .workflow-resultsblock td {
        padding-top: 2px;
        padding-bottom: 2px;
        height: 40px;
    }

    .wf-index-filters > *,
    .workflow-resultsblock > div {
        padding: 0 30px;
    }

    .priority-label {
        width: 22px;
        height: 27px;
        left: 209px;
        top: 674px;
        font-family: Inter;
        /* font-style: normal; */
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        /* identical to box height */
        text-align: center;
	padding-left: 2px;
    }

    .page-rownumbers {
        font-size: 14px;
        line-height: 19px;
        margin-top: 15px;
    }

    .actionbtn-and-or {
        width: 40px !important;
        padding: 0px !important;
        line-height: 23px !important;
        background-color: #d9eef4 !important;
    }

    .wf-filter-bkg {
        background: #eee;
    }

    .workflow-filter-flex-item.filterActionButton input.btn.btn {
        float: right;
        margin: 0 0 10px 10px;
        font-weight: 500;
        font-size: 10px;
        letter-spacing: 0.3;
    }

    button.btn.btnAndOr {
        width: 40px;
        padding: 0px;
        line-height: 23px;
        background: #d9eef4;
        font-weight: 500;
        font-size: 9px;
        padding-top: 2px;
    }

        button.btn.btnAndOr:hover {
            background: #000;
        }

.svg-Colors {
	color: red;
}

/* .svg-inline--fa {
	vertical-align: -0.25em !important;
	padding-right: 4px !important;
	height: 16px !important;
	width: auto !important;
} */

/* Pipelines */
#sub-heading {
	color: #000 !important;
	background-color: #0095b625 !important;
}

label.wf-and
{
	width: 50px;
	line-height: 16px;
	padding-left: 6px;
	margin-top: 2px;
}

.svg-inline--fa.fa-w-12 {
	width: 0.8em;
	padding-top: 0px;
}

.svg-inline--fa.fa-w-14 {
	width: 1.2em;
	/* padding-top: 4px; */
}

.wf-remove-note {
    height: 24px;
    width: 24px;
}

.editor {
    margin: 10px 0 20px 0 !important;
}

.table-group
.hover {
	background: #0095b635 !important;
}

.cb-dropdown-container {
    float: left;
}

.wide-alert-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: #FFDDDD;
    color: #EB0000;
    position: relative;
}

.caution-row {
    background-color: #FFDDDD!important;
}

.alert-message {
    text-align: center;
    flex: 1;
    font-size: 16px;
    font-weight: 600;
}

.alert-close-btn {
    position: absolute;
    right: 10px;
    border: none;
    background: none;
    color: #EB0000;
    font-size: 20px;
    cursor: pointer;
}

.linked-trade-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
}