/*

Primary Color: #2b586e
Secondary Color: #005b7f
Tertiary Color: #4d9ec4

*/


/*********************** LL44 *****************************/
#hpdAccount {
    float: right;
    padding-top: 5px;
    font-size: 13px;
    margin-right: 10px;
}

html, body {
    min-height: 100% !important;
    height: 100% !important;
}

html, body, .tooltip, .popover, .carousel-control .icon-next, table {
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    color: #2b2b2b;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
    margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 0px;
    padding-left: 0px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.17em;
}

h5 {
    font-size: .83em;
}

h6 {
    font-size: .75em;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    display: inline-block;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
    color: #42413C;
    text-decoration: underline;
}

a:visited {
    color: #6E6C64;
    text-decoration: underline;
}

a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: none;
}

p {
    line-height: 20px;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.block {
    display: block;
}

.inlineblock {
    display: inline-block;
}
/**************   CPIM  ******************/
/*******************************************/

.container-nycidm {
    *zoom: 1;
    max-width: 940px;
    _width: 940px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    .container-nycidm:after {
        content: "";
        display: table;
        clear: both
    }

    .container-nycidm:before, .container:after {
        display: table;
        line-height: 0;
        content: ""
    }

    .container-nycidm:after {
        clear: both;
    }

.nycidm-header .upper-header-black {
    background: #000;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    height: 25px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
}

    .nycidm-header .upper-header-black a {
        color: #fff;
        text-decoration: none;
    }

.nycidm-header .small-nyc-logo {
    height: 15px;
    width: 40px;
    position: relative;
    top: -4px;
}

.nycidm-header .upper-header-black-title {
    position: relative;
    top: -7px;
}

.nycidm-header .upper-header-b, .nycidm-header .upper-header-a {
    float: right;
    padding-top: 5px;
}

.nycidm-header .vert-divide {
    margin: 0 10px;
}

.vert-divide-right {
    float: right;
    margin: 0 10px;
}
/**************   Header  ******************/
/*******************************************/
header {
    position: fixed;
    left: 0px;
    width: 100%;
    background-color: #FFF;
    z-index: 80;
}

.wrapper {
    clear: both;
    max-width: 1024px;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
    display: block;
}

#hpd-header {
    height: 25px;
    min-width: 1024px;
    max-width: 1200px;
    margin: 0 auto;
    color: #2b586d;
}

#hpdAuthentication, #user {
    padding-top: 5px;
    float: right;
    font-size: 13px;
}

#user {
    float: left;
    color: #868686;
}

#grayBanner {
    clear: both;
    float: right;
    width: 50%;
    height: 60px;
    background-color: #b3b3b3;
}

#brandColorBanner {
    float: left;
    width: 50%;
    height: 60px;
    background-color: #2b586d;
}

#logosBackground {
    position: absolute;
    left: 50%;
    width: 1024px;
    margin-left: -512px;
    height: 60px;
    z-index: 2;
    background-color: #2b586d;
}

#appLogo {
    position: absolute;
    left: 0px;
    height: 60px;
    width: 232px;
    background-image: url(../_img/applogo.svg);
    background-image: url(../_img/applogo.png)\0/; /*ie8*/
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 11;
}

#nycLogo {
    float: right;
    height: 60px;
    width: 227px;
    background-image: url(../_img/nycLogo.svg);
    background-image: url(../_img/nycLogo.png)\0/; /*ie8*/
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
}

#environment {
    clear: both;
    display: table;
    width: 100%;
    background-attachment: fixed;
    background-image: url(../_img/environmentDev1.png);
    background-repeat: repeat;
    Margin: 0;
}

#fixMarginTop {
    margin-top: 90px;
}
/*************  Main Nav  **************/
/********************* ***************/
.mainNav, .subNav {
    clear: both;
}

.placeHolder {
    visibility: hidden;
}

.tabrow {
    text-align: left;
    list-style: none;
}

    .tabrow li {
        background: none;
        display: inline;
    }

        .tabrow li a {
            display: inline-block;
            text-decoration: none;
            color: #2b586d;
            font-size: 15px;
            margin: 2px 3px 6px 3px;
            padding: 2px 6px;
            border: 1px solid #0b9444;
            border-color: transparent;
            overflow: auto;
        }

            .tabrow li a:first-child {
                margin-left: 0px;
            }

            .tabrow li a:hover {
                border: 1px solid #2b586e;
                background-color: #4d9ec4;
                color: #fff;
            }

    .tabrow:before {
        z-index: 1;
    }

    .tabrow li.selected a {
        border: 1px solid #2b586d;
        background-color: #fff;
    }

        .tabrow li.selected a:hover {
            border: 1px solid #0b9444;
            background-color: #4d9ec4;
        }

.smartLegend {
    height: 27px;
    line-height: 25px;
}

    .smartLegend div {
        display: inline-block;
    }

    .smartLegend input.btnHPD {
        margin-left: 4px;
    }
/************ Sub Nav *****************/
.tabrowSub {
    text-align: left;
    list-style: none;
    margin: 6px 2px;
    padding: 0;
    line-height: 24px;
    overflow: auto;
    clear: both;
    position: relative;
}

    .tabrowSub li {
        background: none;
        width: auto;
        padding: 0px 2px;
        display: inline-block;
        border-left: 1px solid #2b586d;
        border-right: 1px solid #2b586d;
        border-color: transparent;
        position: relative;
        z-index: 0;
    }

        .tabrowSub li:first-child {
            margin-left: 6px;
        }

        .tabrowSub li a {
            display: inline-block;
            text-decoration: none;
            color: #2b586d;
            font-size: 14px;
            min-width: 20px;
            padding: 0 6px;
        }

        .tabrowSub li:hover {
            border: 1px solid #2b586d;
            z-index: 2;
        }

    .tabrowSub:after {
        position: absolute;
        content: "";
        width: 100%;
        bottom: 0;
        left: 0;
        border-bottom: 1px solid #2b586d;
        z-index: 1;
    }

    .tabrowSub:before {
        z-index: 1;
    }

    .tabrowSub li.selected {
        border: 1px solid #2b586d;
        z-index: 2;
        border-bottom-color: #fff;
    }

        .tabrowSub li.selected a:hover {
            cursor: default;
        }
/************ simple nav ***************/
.btnSet {
    overflow: auto;
    clear: both;
    width: 100%;
    margin-top: 10px;
}

.btnSetTopFieldset {
    overflow: auto;
    clear: both;
    width: 100%;
}
/*************  Footer  **************/
/********************* ***************/
#copyright {
    float: left;
    color: #B3B3B3;
    font-size: 10px;
    font-weight: normal;
    background-color: #fff;
    width: 100%;
    padding: 10px 0px;
}

#loginDisclaimnerText {
    float: left;
    color: #B3B3B3;
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    background-color: #fff;
    width: 100%;
    padding: 10px 0px;
}
/*************** loginIntranet ******************/
#loginMainBackground {
    display: block;
    width: 100%;
    height: 410px;
    position: relative;
    padding: 0 0 30px 0;
    background-image: url(../_img/loginImage.png);
}

#signin {
    position: absolute;
    right: 86px;
    top: 134px;
}

#formLogin {
    background-color: #fff;
    border: 1px solid #c2c2c2;
    line-height: 18px;
    clear: both;
    -webkit-box-shadow: 3px 3px 7px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 7px -2px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 7px -2px rgba(0,0,0,0.75);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 360px;
    height: auto;
    padding: 10px;
}

    #formLogin legend {
        display: block;
        float: left;
        font-size: 22px;
        font-weight: bold;
        margin: 5px 10px 10px 5px;
    }

    #formLogin label {
        font-size: 14px;
    }

    #formLogin ol {
        margin: 0;
        padding: 0;
        clear: both;
        position: relative;
    }

    #formLogin li {
        display: block;
        list-style: none;
        float: left;
        width: 100%;
        padding: 5px;
    }

        #formLogin li #Login {
            width: 210px;
        }

    #formLogin label {
        display: inline-block;
        width: auto;
        padding-bottom: 5px;
    }

    #formLogin input {
        width: 100%;
    }

        #formLogin input:not([type='reset']) {
            width: 98%;
        }

    #formLogin em {
        font-weight: bold;
        font-style: normal;
        color: #f00;
    }

.formElementSection {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
/*************  Section  **************/
/********************* ***************/
.section {
    /*border: 1px solid #0b9444;*/
    border: 1px solid #999;
    clear: both;
    padding: 10px;
    margin-top: 20px;
    /*background: #fdfdfd;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .section legend {
        padding: 3px 10px;
        width: calc(100% - 25px);
        font-size: 15px;
        /*border: 1px solid #0b9444;
	background-color: #4d9ec4;
	color: #2b586d;*/
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
        background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 );
        color: #2b2b2b;
        border: 1px solid #999;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .section div {
        float: left;
        position: relative;
    }

    .section.first {
        margin-top: 0px;
    }

.row {
    display: block;
    margin: 5px 0px;
    width: 100%;
}

.block {
    margin: 5px 3px;
    /*height:26px;*/
    height: auto;
}

    .block input, .block select {
        display: block;
        width: 96%;
        margin-top: 4px;
    }

.half, .halfBlock {
    margin: 5px 3px;
    width: calc(100% /2 - 10px);
}

    .halfBlock input, .halfBlock select {
        display: block;
        width: 96%;
        margin-top: 4px;
    }

.third, .thirdBlock {
    margin: 5px 3px;
    width: calc(100% /3 - 10px);
}

    .thirdBlock input, .thirdBlock select {
        display: block;
        width: 96%;
        margin-top: 4px;
    }

.fourth, .fourthBlock {
    margin: 5px 3px;
    width: calc(100% /4 - 10px);
}

    .fourthBlock input, .fourthBlock select {
        display: block;
        width: 96%;
        margin-top: 4px;
    }

.fifth, .fifthBlock {
    margin: 5px 3px;
    width: calc(100% /5 - 10px);
}

    .fifthBlock input, .fifthBlock select {
        display: block;
        width: 96%;
        margin-top: 4px;
    }

.sixth, .sixthBlock {
    margin: 5px 0px;
    width: calc(100% /6 - 30px);
    padding: 0px 6px;
    float: left;
}

    .sixthBlock input, .sixthBlock select {
        display: block;
        width: 96%;
        margin-top: 4px;
    }
/*************  Form elements  **************/
/********************* ***************/

.inputHPD, .section input[type=text], .section textarea, .section input[type=password], .section input[type=date], section input[type=email] {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CCC;
    height: 22px;
    padding-left: 4px;
    font-size: 14px;
}

    .inputHPD:focus, .section input[type=text]:focus, .section textarea:focus, .section input[type=password]:focus, .section input[type=date]:focus, .section input[type=email]:focus {
        background-color: #f3faff;
        border: 1px solid #4d9ec4;
        -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    }

    .inputHPD:disabled, .section input[type=text]:disabled, .section textarea:disabled, .section input[type=password]:disabled, .section input[type=date]:disabled, section input[type=email]:disabled {
        background: #e8e8e8;
        background-image: none;
        border: 1px solid #d6d6d6;
    }

.FieldDefinition {
    color: #878787;
    margin-top: 4px;
    font-size: 12px;
    width: 100%;
    display: block;
    padding-left: 10px;
}

.btnHPD, .link2btnHPD {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #4d9ec4;
    color: #fff;
    /*height: 24px;*/
    height: auto;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    padding: 4px 6px;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
    background: #3a6e86;
    background: -moz-linear-gradient(top, #3a6e86 0%, #2b586d 100%);
    background: -webkit-linear-gradient(top, #3a6e86 0%, #2b586d 100%);
    /*background: linear-gradient(to bottom, #3a6e86 0%,#2b586d 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a6e86', endColorstr='#2b586d', GradientType=0 );
}

.btnHPDIcon {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #4d9ec4;
    color: #fff;
    /*height: 24px;*/
    height: auto;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    padding: 2px 6px;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
    background: #3a6e86;
    background: -moz-linear-gradient(top, #3a6e86 0%, #2b586d 100%);
    background: -webkit-linear-gradient(top, #3a6e86 0%, #2b586d 100%);
    /*background: linear-gradient(to bottom, #3a6e86 0%,#2b586d 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a6e86', endColorstr='#2b586d', GradientType=0 );
}

.secondary {
    background-color: #005b7f;
    border: 1px solid #4d9ec4;
}

.treasurer {
    background-color: #4d9ec4;
}

    .btnHPD:hover, .btnHPD:focus, .gray:hover, .gray:focus, .treasurer:hover, .treasurer:focus, .link2btnHPD:hover, link2btnHPD:focus, .btnHPDIcon:hover, .btnHPDIcon:focus {
        background: #2b586d;
        background: -moz-linear-gradient(top, #2b586d 0%, #3a6e86 100%);
        background: -webkit-linear-gradient(top, #2b586d 0%, #3a6e86 100%);
        /*background: linear-gradient(to bottom, #2b586d 0%,#3a6e86 100%);*/
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b586d', endColorstr='#3a6e86', GradientType=0 );
    }

    .btnHPD:disabled, .btnHPD:disabled, .gray:disabled, .gray:disabled, .treasurer:disabled, .treasurer:disabled, .link2btnHPD:disabled, link2btnHPD:disabled, .btnHPDIcon:disabled {
        cursor: not-allowed;
        color: rgba(166, 166, 166, 1);
        border-color: #666;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
        background: #eeeeee; /* Old browsers */
        background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0 ); /* IE6-9 */
    }

.errorInlineMessage {
    display: inline;
    color: #CC3333;
    border: 1px solid #CC3333;
    float: right;
    padding: 0 2px;
    font-size: 11px;
    font-weight: normal;
}

.successInlineMessage {
    display: inline;
    color: #093;
    border: 1px solid #093;
    float: right;
    padding: 0 2px;
    font-size: 11px;
    font-weight: normal;
}

.messageLocationRightBottom {
    position: absolute;
    right: 6px;
    bottom: -18px;
}

.errorField {
    background-color: #ffe8e8;
}

.iconReq {
    color: #FF0004;
}

.hidden {
    display: none;
}

.alignRight {
    float: right;
}

.alignLeft {
    float: left;
}

.textAlignLeft {
    text-align: left;
}

.textAlignRight {
    text-align: right;
}

.textAlignCenter {
    text-align: center;
}

.section div.alignRightForced {
    float: right;
}

.section div.alignLeftForced {
    float: left;
}

.btnIcon, .link2btnIcon {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
}

    .btnIcon:hover, .link2btnIcon:hover {
        opacity: 0.5;
    }

textarea {
    font-family: inherit;
    font-size: inherit;
}

.red {
    color: #FF0004;
}

.green {
    color: #093;
}

.fa-calendar {
    cursor: pointer;
}
/*************  Interaction Elements  **************/
/********************* ***************/
/***/

.cursorPointer {
    cursor: pointer;
}

.cursorDefault {
    cursor: default;
}
/*Forms*/

.requiredStar {
    font-weight: bold;
    font-style: normal;
    color: #f00;
}

input[type="checkbox"], input[type="radio"] {
    width: auto;
    margin: 0px 5px 0px 0px;
}
/* Override */
#formLogin input[type="checkbox"], #formLogin input[type="radio"] {
    width: auto;
    margin: 0px 5px 0px 0px;
}
/* Button */
.btn-primary {
    width: 100px;
    height: 40px;
    padding: 0px 10px;
}

.btn-primary-ui {
    /* Color Gradient */
    background: #3a6e86;
    background: -moz-linear-gradient(top, #3a6e86 0%, #2b586d 100%);
    background: -webkit-linear-gradient(top, #3a6e86 0%, #2b586d 100%);
    background: linear-gradient(to bottom, #3a6e86 0%, #2b586d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a6e86', endColorstr='#2b586d', GradientType=0 );
    /* Font */
}

    .btn-primary-ui:hover {
        /* Color Gradient reverse */
        background: #2b586d;
        background: -moz-linear-gradient(top, #2b586d 0%, #3a6e86 100%);
        background: -webkit-linear-gradient(top, #2b586d 0%, #3a6e86 100%);
        background: linear-gradient(to bottom, #2b586d 0%, #3a6e86 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b586d', endColorstr='#3a6e86', GradientType=0 );
        /* Font */
    }

.btnLarge {
    font-size: 1rem;
    margin: 2px 10px;
    padding: 6px 26px;
}

.btnXLarge {
    margin: 2px 0px;
    padding: 14px 26px;
    display: inline-block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    min-width: 80px;
}
/* Override */
#formLogin input.btn-primary {
    width: auto;
    min-width: 120px;
    height: 40px;
    padding: 0px 10px;
}

.actionIco {
    color: #000;
}

    .actionIco:hover {
        color: #005b7f;
    }
/****************** select menu ************************/
select {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: button;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CCC;
    background-image: url(../_img/arrowDownSelect.png);
    background-size: 7px 4px;
    background-position: calc(100% - 8px) center;
    background-repeat: no-repeat;
    height: 26px;
    padding-left: 4px !important;
    padding-right: 20px !important;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    cursor: pointer;
}

.selectError {
    background-color: #ffe8e8;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: button;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CCC;
    background-image: url(../_img/arrowDownSelect.png);
    background-size: 7px 4px;
    background-position: calc(100% - 8px) center;
    background-repeat: no-repeat;
    height: 26px;
    padding-left: 4px !important;
    padding-right: 20px !important;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    cursor: pointer;
}

select::-ms-expand { /* for IE 11 */
    display: none;
}

select:disabled {
    background-image: url(../_img/arrowDownSelectDisabled.png);
    background-size: 7px 4px;
    background-position: calc(100% - 8px) center;
    background-repeat: no-repeat;
    border: 1px solid #e4e4e4 !important;
    background-color: #f3f3f3;
    cursor: default;
}

select:hover:enabled {
    background-image: url(../_img/arrowDownSelectHover.png);
    background-color: #f3faff;
    border: 1px solid #4d9ec4;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
}
/*************  Tables  **************/
/********************* ***************/
.tableHPD {
    margin: 6px 0px;
    clear: both;
}

.scrollHeader {
    display: block;
}

.scrollRecords3 {
    display: block;
    overflow-y: auto;
    max-height: 110px;
}

.scrollRecords5 {
    display: block;
    overflow-y: auto;
    max-height: 170px;
}

.scrollRecords10 {
    display: block;
    overflow-y: auto;
    max-height: 340px;
}

.tableHPD th, .tableHPD td {
    padding: 10px 5px;
    position: relative;
}

.tableHPD th {
    border-bottom: 2px solid #000;
}

.tableHPD td {
    border-bottom: 1px dashed #c2c2c2
}

.tableHPD tbody tr:hover {
    background-color: #f2f2f2;
    cursor: pointer;
}

.tableHPD tbody tr.noAction:hover {
    background-color: inherit;
    cursor: default;
}

.tableHeaderSort {
    position: absolute;
    color: #CDCDCD;
    right: 3px;
    top: 12px;
}

    .tableHeaderSort:hover {
        color: #000;
        cursor: pointer;
    }

    .tableHeaderSort.active {
        color: #000;
    }
/*.tableHPD tbody tr{
    height: 50px;
    }*/
/****** Sub table *************************/
.tableHPD .tableHPD tbody tr:hover {
    background-color: #FFFFFF;
    cursor: pointer;
}

.tableHPD .tableHPD th {
    border-bottom: 1px solid #000;
}

.tableHPD .tableHPD tr:last-child {
    border-bottom: 1px solid #000;
}
/**************   Links ******************/
/*******************************************/
.linkTopMenu {
    text-decoration: none;
    padding: 0px 4px;
    color: #2b586e;
    border-top: 3px solid trasparent;
}

    .linkTopMenu:hover, .linkTopMenu:focus {
        border-top: 3px solid #4d9ec4;
    }
/**************   System Message & Alerts  ******************/
/*******************************************/
.systemMessage {
    position: fixed;
    top: 90px;
    padding: 10px 20px;
    z-index: 85;
}

#systemMessageHeader {
    width: 982px;
}

.systemMessageBox {
    width: 982px;
}

#removeConfirmation {
    width: 982px;
}

#notifictaionSent {
    width: 982px;
}

.systemMessageInline {
    position: absolute;
    padding: 20px;
    margin: 0px 20px 0px 0px;
    width: calc(100% - 80px);
    z-index: 85;
}

.systemMessageSection {
    width: calc(100% - 60px);
    padding: 10px;
    border: 1px solid #0b9444;
    border-left: 10px solid #0b9444;
    background-color: #fce8e3;
    color: #2b586d;
}

.systemMessageSTable {
    width: calc(100% - 30px);
    padding: 10px;
    border: 1px solid #005b7f;
    border-left: 10px solid #005b7f;
    background-color: #fff;
    color: #2b586d;
}

.alertGreen {
    background-color: #e0efd8;
    border: #d5e9c6 1px solid;
    color: #3e753c;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.alertRed {
    background-color: #f2dedf;
    border: 1px solid #eacbd0;
    color: #a84444;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.alertAmber {
    background-color: #fdf8e4;
    border: #faebcc 1px solid;
    color: #8b6c3d;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.noRecordFound {
    background-color: #ffd6a6;
    color: #C00;
}

.btnCloseBox {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 5px;
    color: inherit;
    width: 10px;
}

    .btnCloseBox:hover {
        opacity: 0.5;
    }

.uiInfo {
    background-color: #CC3;
    border: #CF0 1px solid;
    color: #2b2b2b;
    display: block;
    padding: 5px;
}
/*************  Lightbox **************/
/********************* ***************/
#lightboxes, #loader {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: black;
    background: rgba(0,0,0,0.3);
}

#loader {
    background: white;
    background: rgba(255,255,255,0.6);
    z-index: 110;
}

.panel {
    position: fixed;
    top: 45%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
    display: inline-block;
    background-color: #fff;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    padding: 20px;
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
}

    .panel .section {
        border: none;
    }

.lightboxHeader {
    width: 100%;
    display: inline-block;
    text-align: left;
    padding-left: 0px;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    /*background-color: #A1A1A1;
	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;
    color: #2b2b2b;
    background: #fff;
}

.btnCloseIcon {
    cursor: pointer;
    position: static;
    top: 0;
    right: 5px;
    color: inherit;
    float: right;
    font-size: 21px;
}

    .btnCloseIcon:hover, .btnCloseIcon:focus {
        color: #333;
    }

#lb_loader {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #005b7f;
    width: 180px;
    cursor: progress;
    padding: 10px 0px 20px 0px;
    background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #E1DEDE); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #E1DEDE); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #E1DEDE); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #E1DEDE); /* Standard syntax */
}

.brandName, .loaderIcon {
    float: left;
    font-size: 22px;
    font-weight: bold;
    padding: 0px 70px 10px 70px;
    color: #2b586d;
}

.loaderIcon {
    padding-left: 78px;
}

#lb_loader .fa-spinner {
    font-size: 20px;
    float: left;
}

.panel .lbFieldset {
    background: rgb(245, 245, 245);
    padding: 10px;
    border-radius: 3px;
    border: 1px solid rgb(204, 204, 204);
    border: 1px solid #e5e5e5;
    ;
    margin-top: 10px;
}
/* Make it a marquee */
.marquee {
    width: 100%;
    margin-top: 10px;
    ;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

    .marquee span {
        display: inline-block;
        padding-left: 100%; /* show the marquee just outside the paragraph */
        animation: marquee 3s linear infinite;
        font-weight: bold;
        font-size: 13px;
        color: #2b586d;
    }

        .marquee span:hover {
            animation-play-state: paused
        }
/* Make it move */
@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
    }
}
/*************  Title & Headers **************/
/********************* ***************/
.subjectSection {
    border: 1px solid #0b9444;
    background-color: #4d9ec4;
    color: #2b586d;
    overflow: auto;
    margin-bottom: 10px;
    padding: 5px 10px;
}

.primaryTitleHead {
    font-size: 24px;
    font-weight: bold;
}

.secondaryTitleHead {
    font-size: 18px;
    font-weight: bold;
}
/*************  Create Account / Register **************/
/********************* ***************/

/*.createAccountFieldset {
    padding: 10px 20px;
    width: 95%;
    }
.createAccountFieldset div.row {
    margin-bottom: 20px;
    }

.createAccountFieldset label {
    display: inline-block;
	width: auto;
	padding-bottom: 5px;
    }
.emailField {
    width: calc(100% - 5px);
    }
.passwordField {
    width: calc(100% - 5px);
    }*/

/************* Custom Margin & Padding **************/
/********************* ***************/

.marginTop50 {
    margin-top: 50px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginRight10 {
    margin-right: 10px;
}

.marginTop10 {
    margin-top: 10px;
}

.paddingLeft20 {
    padding-left: 20px;
}
/*************  Pages **************/
/************************************/


/***********************************************************Landing Page (External)*/
#lb_basicLightbox {
    width: 400px;
}

#lb_fileUpload {
    width: 500px;
}

#lb_addContact {
    min-width: 600px;
    max-width: 700px;
}

#lb_assignEntity {
    min-width: 900px;
    max-width: 1000px;
}

#lb_prsentation {
    min-width: 600px;
    max-width: 700px;
}

.unitBlock, .zipBlock {
    width: 15%;
    padding: 5px 3px;
}

    .unitBlock input, .zipBlock input {
        width: 90%;
        margin-top: 4px;
    }

#entityAddField {
    list-style: none;
}

    #entityAddField li {
        display: inline-block;
        float: left;
        margin-right: 10px;
    }

        #entityAddField li label {
            display: block;
            margin-bottom: 4px;
        }

#addEntityFirstName {
    width: 160px;
}

#addEntityLastName {
    width: 160px;
}

#addEntityTaxId {
    width: 100px
}

#addEntityEmail {
    width: 320px;
}

.compliantStatusYes {
    color: #090;
    border: 1px solid #090;
    box-sizing: border-box;
    font-size: 12px;
    padding: 0px 4px;
}

.compliantStatusNo {
    color: #900;
    border: 1px solid #900;
    box-sizing: border-box;
    font-size: 12px;
    padding: 0px 4px;
}

.covered {
    color: #090;
    border: 1px solid #090;
    box-sizing: border-box;
    font-size: 12px;
    padding: 0px 4px;
}

.nonCovered {
    color: #900;
    border: 1px solid #900;
    box-sizing: border-box;
    font-size: 12px;
    padding: 0px 4px;
}

#uploadFileUL {
    list-style: none;
}

    #uploadFileUL li {
        display: inline-block;
        float: left;
        margin-right: 10px;
    }

        #uploadFileUL li label {
            display: block;
            margin-bottom: 4px;
        }

.inputLook {
    display: block;
    background-color: #f3f3f3;
    padding: 4px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CCC;
}

#lb_addProEntity {
    min-width: 900px;
    max-width: 960px;
}

#lb_addProEntityIndividual {
    min-width: 780px;
    max-width: 820px;
}
/*#addEntity li label {display: block;}

#addEntity input#entitylegalName { width: 400px;}  
#addEntity input#entitylegalTin {width: 160px;}


#addEntity input.address1 {
    width: 300px;
    }
#addEntity input.address2 {
    width: 150px;
    }
#addEntity input.city {
    width: 150px;
    }
#addEntity select.state {
    width: 80px;
    display:block;
    }
#addEntity input.zip {
    width: 100px;
    }*/

.entityAddFieldInternal li label {
    display: inline-block;
}

.entityAddFieldInternal input#entitylegalName {
    width: 400px;
}

.entityAddFieldInternal input#entitylegalTin {
    width: 160px;
}

.entityAddFieldInternal input.address1 {
    width: 300px;
}

.entityAddFieldInternal input.address2 {
    width: 150px;
}

.entityAddFieldInternal input.city {
    width: 150px;
}

.entityAddFieldInternal select.state {
    width: 80px;
    display: block;
}

.entityAddFieldInternal input.zip {
    width: 100px;
}

#entityListBox {
    display: block;
    padding: 5px;
    background-color: #f2f2f2;
}

.entityItem {
    background-color: #fff;
    display: block;
    padding: 5px;
    width: 979px;
    margin-bottom: 8px;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
}

    .entityItem label {
        font-weight: bold;
    }

.entityFields {
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
}

.entityItemName {
    width: 500px;
}

.entityItemTin {
    width: 100px;
}

.entityItemType {
    width: 120px;
}

.entityItemCovered {
    width: 60px;
}

.entityItemPhone {
    width: 90px;
}

.entityItemExt {
    width: 40px;
}

.entityItemEmail {
    width: 420px;
}

.entityItemAddress {
    width: 500px;
}

.trade {
    padding: 1px 4px;
    margin-right: 6px;
    margin-top: 5px;
    display: inline-block;
    background: #f2f2f2;
    border: 1px solid #c2c2c2;
}

.entityPersonalSection {
    max-height: 300px;
    overflow: scroll;
    overflow-x: hidden;
}

.entityPersonItem {
    background-color: #f2f2f2;
    display: block;
    padding: 5px;
    width: auto;
    margin-bottom: 8px;
}

.entityPersonFirstName {
    width: 160px;
}

.entityPersonLastName {
    width: 160px;
}

.entityPersonRole {
    width: 50px;
}

.entityPersonTitle {
    width: 300px
}

.entityPersonEquiv {
    width: 40px;
}

.entityPersonAddress {
    width: 500px;
}

#entityListContainer {
    width: 100%;
    height: auto;
    display: block;
}

.leftContent {
    width: 30%;
    height: auto;
    float: left;
    display: block;
    margin-right: 10px;
    background: #e2e2e2;
    padding: 2px 2px 0px;
}

.rightContent {
    width: 68.5%;
    height: auto;
    float: right;
    display: block;
}

#leftContentScroll {
    width: 100%;
    height: 100%;
    min-height: 20px;
    max-height: 695px;
    overflow-y: auto;
    overflow-x: hidden;
}

.rightContentScroll {
    width: 100%;
    height: 670px;
    overflow-y: auto;
    overflow-x: hidden;
}

.entityItem2 {
    background-color: aliceblue;
    display: block;
    padding: 5px;
    width: 100%;
    margin-bottom: 8px;
    box-sizing: border-box;
}

    .entityItem2 label {
        font-weight: bold; /*border-bottom:1px solid #2b2b2b;*/
    }

.entityPersonItem label {
    font-weight: bold; /*border-bottom:1px solid #2b2b2b;*/
}

.entityItem2 span.entityItemEmail {
    width: 380px;
}

#entityList {
    padding: 4px;
    box-sizing: border-box;
}

    #entityList li {
        width: auto;
        height: auto;
        display: block;
        padding: 6px 4px;
        background: #fff;
        line-height: 20px;
        margin-bottom: 2px;
        cursor: pointer;
        /*overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
        -webkit-border-radius: 2px 2px 2px 2px;
        -moz-border-radius: 2px 2px 2px 2px;
        border-radius: 2px 2px 2px 2px;
        border-radius: 2px 2px 2px 2px;
    }

        #entityList li:hover {
            background: #E5E5E5;
        }

        #entityList li.active {
            background: #005b7f;
            color: #FFF;
        }

        #entityList li.listEmpty {
            widows: auto;
            height: auto;
            text-align: center;
            cursor: default;
        }

            #entityList li.listEmpty:hover {
                background: #fff;
            }

            #entityList li.listEmpty.active {
                background: #fff;
                color: #2b2b2b;
            }

.entityInfo {
    width: 100%;
}

.sectionBorderBottom {
    border-bottom: 1px solid #005b7f;
}

.itemActionBox {
    /*width: 100px;*/
    height: auto;
    clear: left;
    text-align: center;
    color: #005b7f;
}

div.itemActionBox {
    float: right;
}

#entityPersonnelList {
    max-height: 394px;
    overflow: auto;
    overflow-x: hidden;
}

#projectInfoBar {
    padding: 6px 10px;
    box-sizing: border-box;
    background: #005b7f;
    height: 40px;
    line-height: 25px;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.30);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.30);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.30);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#projectName {
    font-size: 22px;
    font-weight: bold;
    margin-left: 10px;
    color: #fff;
    vertical-align: middle;
}

.emptyBoxMessage {
    background: #f2f2f2;
    color: #2b2b2b;
    font-size: 18px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #c2c2c2;
    width: 100%;
}

.emptyBoxMessageNoBg {
    color: #2b2b2b;
    font-size: 18px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
}

.quarterCompStatBox {
    /*width: auto;*/
    height: 28px;
    line-height: 24px;
    padding: 1px 3px;
    box-sizing: border-box;
    background: #fff;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    float: right;
    display: block;
    width: 142px;
    text-align: center;
}
/****** Multiple selection*/

.dropdown {
    /*position: absolute;
  top:50%;
  transform: translateY(-50%);*/
}

    .dropdown p {
        line-height: normal;
    }

    .dropdown a {
        color: #fff;
    }

    .dropdown dd, .dropdown dt {
        margin: 0px;
        padding: 0px;
    }

    .dropdown ul {
        margin: -1px 0 0 0;
    }

    .dropdown dd {
        position: relative;
    }

    .dropdown a, .dropdown a:visited {
        color: #2b2b2b;
        text-decoration: none;
        outline: none;
        font-size: 12px;
    }

        .dropdown a:visited {
            /*background-color: #f3faff;
	border: 1px solid #4d9ec4;*/
        }

    .dropdown dt a {
        background-color: #fff;
        display: block;
        padding: 5px;
        min-height: 21px;
        /*height: 21px;*/
        line-height: 21px;
        overflow: hidden;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #CCC;
        width: 875px;
    }

        .dropdown dt a span, .multiSel span {
            cursor: pointer;
            display: inline-block;
            padding: 0 3px 2px 0;
        }

    .dropdown dd ul {
        background-color: #fff;
        /*border: 0;*/
        color: #2b2b2b;
        display: none;
        left: 0px;
        padding: 5px;
        position: absolute;
        top: 4px;
        width: 875px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #CCC;
        list-style: none;
        height: auto;
        overflow: auto;
        z-index: 999;
    }

    .dropdown span.value {
        display: none;
    }

    .dropdown dd ul li a {
        padding: 5px;
        display: block;
    }

        .dropdown dd ul li a:hover {
            background-color: #fff;
        }

.multiselectionFilter {
    background-color: #6BBE92;
    width: 302px;
    border: 0;
    padding: 10px 0;
    margin: 5px 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

#coveredDisclaimer {
    border: 1px solid #c7c7c7;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    padding: 6px;
}

.legalName {
    display: none;
    position: absolute;
    left: 0px;
    top: 85px;
    z-index: 999;
    background-color: #FFF;
    overflow: visible;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CCC;
    /*width: calc(100% - 30px);*/
    width: 400px !important;
    line-height: 19px;
    padding: 3px;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.30);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.30);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.30);
    list-style: circle;
}

    .legalName li {
        display: block;
        width: 396px;
        padding: 3px;
    }

.entityAddFieldExternal .legalName li {
    margin: 0px;
}

.legalName li:hover {
    cursor: pointer;
    background-color: #f2f2f2;
}
/********************* multi_select ******************************/
.tradeSelection {
    width: 300px;
}

#tradeSelectionInput {
    width: 300px;
}

.multi_select {
    display: block;
    position: relative;
}

    .multi_select ul {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: inherit;
        padding: 2px;
        margin: -1px 0 0 0;
        position: absolute;
        background-color: white;
        overflow: hidden;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
        z-index: 1000;
        border: 1px solid #ccc;
        display: block;
        overflow-y: auto;
    }

        .multi_select ul.fixedheight {
            max-height: 200px;
        }

        .multi_select ul.norecord {
            background-color: #ff8367;
            color: white;
        }

        .multi_select ul li.itemRow {
            position: relative;
            margin: 0;
            display: block;
            float: left;
            width: 100%;
            height: 15px;
            padding: 5px;
            font-size: 12px;
            white-space: nowrap;
            overflow: hidden !important;
            text-overflow: ellipsis;
        }

        .multi_select ul li.divide {
            height: 1px;
            border-bottom: 1px solid #C8C8C8;
            /*padding : 6px 0px;*/
            width: 99%;
        }

        .multi_select ul li.check {
            background-color: #005b7f;
            margin: 0px;
            display: inline-block;
            width: 46%;
            cursor: pointer;
            color: #fff;
        }

        .multi_select ul input.search {
            width: 96%;
        }

        .multi_select ul li.hoverClass:hover {
            background: #4d9ec4;
            width: 99%;
            color: #fff;
        }

        .multi_select ul li div.itemRow3 {
            text-align: center;
            background-color: #ABABAB;
            color: white;
            padding: 5px;
            width: 94%;
        }

        .multi_select ul li.hoverClass2:hover {
            background: #cbfffc;
            width: 99%;
        }
/**/


#selectPrincipleOfficer {
    width: 300px;
    display: inline-block;
}

#statement {
    padding: 10px;
    background: #f2f2f2;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 940px;
}
/*****************************************************************Landing Page (Admin)*/
.smartSearch {
    display: none;
    position: absolute;
    left: 10px;
    top: 20px;
    z-index: 25;
    background-color: #FFF;
    overflow: visible;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CCC;
    /*width: calc(100% - 30px);*/
    width: 160px;
    line-height: 19px;
    padding: 3px;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.30);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.30);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.30);
}

    .smartSearch li {
        display: block;
        padding: 3px;
    }

        .smartSearch li:hover {
            cursor: pointer;
            background-color: #C0C0C0;
        }

.positionAnchor {
    position: relative;
    padding-left: 10px;
}

.hidden2 {
    display: none;
}

.actionEditAssign, .actionEditAssignEntity, .actionEditAssignContact {
    cursor: pointer;
}

.selectAssign {
    width: 130px;
}

.selectAssignContact, .selectAssignEntity {
    width: 140px;
}

.paddingLeft5 {
    padding-left: 5px;
}

.multiAssign {
    clear: both;
    padding: 3px 30px 1px;
    background-color: #dffdfb;
    position: relative;
    text-align: left;
}

    .multiAssign:before {
        position: relative;
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        display: inline-block;
        text-decoration: inherit;
        content: "\f064";
        -moz-transform: scale(1, -1);
        -webkit-transform: scale(1, -1);
        -o-transform: scale(1, -1);
        -ms-transform: scale(1, -1);
        transform: scale(1, -1);
        font-size: 18px;
        left: -6px;
        top: -6px;
    }

.multiAssignLabel {
    position: relative;
    top: -8px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
}

.saveAssign {
    font-size: 12px;
    position: relative;
    top: -9px;
    left: 5px;
}

#lb_addEntityContact {
    min-width: 900px;
    max-width: 1000px;
}

.entityAddFieldInternal {
    list-style: none;
}

    .entityAddFieldInternal li {
        display: inline-block;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .entityAddFieldInternal li label {
            margin-bottom: 4px;
        }

.smartSearchLastName {
    display: none;
    position: absolute;
    z-index: 25;
    background-color: #FFF;
    overflow: visible;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CCC;
    /*width: calc(100% - 30px);*/
    width: 178px;
    line-height: 19px;
    padding: 3px;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.30);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.30);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.30);
    list-style: circle;
}

    .smartSearchLastName li {
        display: block;
        width: 100%;
        padding-left: 3px;
        margin: 0px;
        box-sizing: border-box;
    }

        .smartSearchLastName li:hover {
            cursor: pointer;
            background-color: #f2f2f2;
        }

em {
    font-weight: bold;
    font-style: normal;
    color: #f00;
}

.panel input[type="text"] {
    width: 98%;
    margin-top: 6px;
    display: block;
}

.panel input[type="email"] {
    margin-top: 6px;
    display: block;
}

.disabledBtn {
    background: #c2c2c2;
    color: #e5e5e5;
    border: 1px solid #e5e5e5;
}

    .disabledBtn:hover, .disabledBtn:focus {
        background: #c2c2c2;
        color: #e5e5e5;
        border: 1px solid #e5e5e5;
    }

#lb_removeConfirmation {
    width: 400px;
}

.section div.paginationInfo {
    float: left;
    height: 20px;
    line-height: 20px;
}

.section div.paginationCounter {
    float: right;
}

.paginationPageList {
    list-style: none;
}

    .paginationPageList li {
        display: inline-block;
        float: left;
        height: 20px;
        line-height: 20px;
        padding: 0px 2px;
    }

        .paginationPageList li a {
            text-decoration: none;
            color: #4d9ec4;
        }

            .paginationPageList li a:hover, .paginationPageList li a:active, .paginationPageList li a:focus {
                text-decoration: none;
                color: #005b7f;
            }

.paginationBtn {
    display: inline-block;
    height: 20px;
    /*line-height:20px;*/
    box-sizing: border-box;
    padding: 1px 4px;
    cursor: pointer;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #4d9ec4;
    color: #4d9ec4;
}

.paginationDisabledBtn {
    color: #c2c2c2;
    border: 1px solid #c2c2c2;
}

    .paginationDisabledBtn:hover, .paginationDisabledBtn:focus {
        color: #c2c2c2;
        border: 1px solid #c2c2c2;
    }

.unassignedProject {
    background: #f5d6d6;
}

.removeConfirmText {
    text-align: center;
}

.multiActionBar {
    height: auto;
    width: 100%;
    padding: 6px;
    box-sizing: border-box;
    background-color: #dff5ff;
    display: block;
    clear: both;
}

    .multiActionBar label {
        float: left;
        line-height: 25px;
        margin-right: 6px;
    }

.multiActionBarUL {
    list-style: none;
}

    .multiActionBarUL li {
        float: left;
        height: 100%;
        margin-right: 6px;
        display: inline-block;
    }

#lb_sendNotificConfirmation, #lb_sendNotificConfirmation2 {
    width: 400px;
}

.allSearch {
    width: 300px;
}

#requiredLegalAddress2 {
    width: 100px;
}

#requiredLegalCity {
    width: 200px;
}

.selectAssignContact {
    width: 140px;
}

.panel input.legalNameInput {
    width: 300px;
}

.panel input.legalTin {
    width: 180px;
}

.panel input {
}

    .panel input.address1 {
        width: 300px;
    }

    .panel input.address2 {
        width: 150px;
    }

    .panel input.city {
        width: 150px;
    }

.panel select.state {
    width: 80px;
    display: block;
    margin-top: 6px;
}

.panel input.zip {
    width: 100px;
}

.panel input.contactFirstName {
    width: 180px;
}

.panel input.contactLastName {
    width: 180px;
}

.panel input.contactEmail {
    width: 270px;
}

.panel input.contactPhn {
    width: 110px;
}

.panel input.contactExt {
    width: 50px;
}

.panel input.contactTitle {
    width: 300px
}

.panel input.contactDivOfc {
    width: 300px;
}

.entityAddFieldExternal {
    list-style: none;
}

    .entityAddFieldExternal li {
        /*display:inline-block;*/
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .entityAddFieldExternal li label {
            margin-bottom: 4px;
        }

        .entityAddFieldExternal li input[type=radio] {
            margin-top: 8px;
        }

.primarySectionLabel {
    border-bottom: 1px solid #c7c7c7;
    padding: 4px 0px;
    margin-bottom: 10px;
}
/*.entityAddFieldExternal li label {display: block;}*/
.entityAddFieldExternal li select {
    margin-top: 6px;
    display: block;
}

.entityAddFieldExternal input#entitylegalName {
    width: 400px;
}

.entityAddFieldExternal input#entitylegalTin {
    width: 160px;
}

.entityAddFieldExternal input#entityPhone {
    width: 160px;
}

.entityAddFieldExternal input#entityPhoneExt {
    width: 50px;
}

.entityAddFieldExternal input#entityEmail {
    width: 300px;
}

.entityAddFieldExternal select#entityLegalCountry {
    width: 300px;
}

.entityAddFieldExternal input#entityLegalCity {
    width: 200px;
}

.entityAddFieldExternal input#entityStateProvInternational {
    width: 200px;
}

.entityAddFieldExternal input#entityLegalZip {
    width: 145px;
}

.entityAddFieldExternal input.address1 {
    width: 300px;
}

.entityAddFieldExternal input.address2 {
    width: 150px;
}

.entityAddFieldExternal input.city {
    width: 150px;
}

.entityAddFieldExternal select.state {
    width: 80px;
    display: block;
}

.entityAddFieldExternal input.zip {
    width: 100px;
}

.entityAddFieldExternal li.covrdContra {
    width: 185px;
}

.entityAddFieldExternal select#entityContactAssocnSubConRole {
    width: 100px;
}

.entityAddFieldExternal select#entityContactCountry, .entityAddFieldExternal select#rootMemberCountry {
    width: 300px;
}

.entityAddFieldExternal input#entityContactCity, .entityAddFieldExternal input#rootMemberCity {
    width: 200px;
}

.entityAddFieldExternal input#entityContactStateProvInternational, .entityAddFieldExternal input#rootMemberStateProvInternational {
    width: 200px;
}

.entityAddFieldExternal input#entityContactZip, .entityAddFieldExternal input#rootMemberZip {
    width: 145px;
}

.entityAddFieldExternal input#primaryContactPhone, .entityAddFieldExternal input#memberPrimaryContactPhone {
    width: 110px;
}

.entityAddFieldExternal input#primaryContactPhoneExt, .entityAddFieldExternal input#memberPrimaryContactPhoneExt {
    width: 50px;
}

.entityAddFieldExternal input#primaryContactEmail, .entityAddFieldExternal input#memberPrimaryContactEmail {
    width: 300px;
}

.entityAddFieldExternal input#ownerOfficerEmail {
    width: 300px;
}

.wagedoc {
    list-style: none;
}

    .wagedoc li {
        display: block;
        float: none;
        padding-left: 2px;
    }

    .wagedoc .btn_deleteFile {
        margin: 0px;
        padding-left: 0px;
    }

.uploadInline {
    display: inline;
    position: relative;
    height: 20px;
}

    .uploadInline input.upload {
        position: absolute;
        top: -1px;
        right: 0px;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        width: 60px;
    }

#lb_addEntityContact #legalEmail {
    display: block;
    margin-top: 6px;
}

.panelToggle {
    display: none;
}

#lb_deleteConfirmContractor {
    width: 400px;
}

.ofcEquiLabel {
    width: 150px;
}

#lb_noAction {
    width: 400px;
}

#lb_passReset {
    width: 400px;
}

#formLogin input#passLogin {
    width: 180px;
}

#formLogin input#loginBtn {
    width: 170px;
}

.textfieldSuccessMsg {
    display: inline;
    color: #176E02;
    border: 1px solid #176E02;
    /*border: 1px solid #00C40A;*/
    float: right;
    padding: 0 2px;
    margin: 0 2px;
    font-size: 11px;
}

#lb_passDefine {
    width: 400px;
}

[aria-label] {
    position: relative;
}

    [aria-label]:after {
        content: attr(aria-label);
        display: none;
        position: absolute;
        width: auto;
        max-width: 420px;
        word-wrap: normal;
        white-space: pre-wrap;
        top: 110%;
        left: 10px;
        z-index: 5000;
        pointer-events: none;
        padding: 8px 10px;
        /*line-height: 15px;*/
        text-decoration: none;
        text-indent: 0;
        overflow: visible;
        font-size: 1rem;
        font-weight: normal;
        color: #2b2b2b;
        /*text-shadow: 1px 0 1px #888;*/
        background-color: #EBFCFF;
        border-left: 6px solid #2b586d;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
        box-shadow: 1px 2px 6px rgba(0,0,0,0.3);
        opacity: 1.0 !important;
    }

    [aria-label]:hover:after, [aria-label]:focus:after {
        display: block;
        opacity: 1 !important;
    }
/********************************************************/
/*                        Report                        */
/********************************************************/

.projectDetails {
    margin-top: 10px;
}
/********************************************************/
/*                         Help                         */
/********************************************************/

.helpMenuLink {
    font-weight: bold;
}

    .helpMenuLink a {
        text-decoration: underline !important;
    }
/********************************************************/
/*                         Org Chart                    */
/********************************************************/

.secContainer {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .secContainer:first-child {
        margin-top: 0px;
    }

.chartContainer {
    width: auto;
    max-height: 680px;
    overflow: auto;
}

.root {
    /*border-bottom: 2px solid #2b586d;
	padding-bottom: 15px;
	margin-bottom: 20px;*/
    margin-bottom: 5px;
    margin-top: 5px;
}
/*.root:first-child {
	margin-top: 5px;
}*/

.member {
    margin-top: 5px;
    padding-left: 20px;
    border-left: 1px solid #c2c2c2;
}
    /*.member li:after {
	font-family:"FontAwesome";
	content:"\f178";
	position: relative;
	margin-left: -20px;
	margin-top: 8px;
	font-size: 18px;
	float: left;
	top: 0px;
}*/

    .root li, .member li {
        margin-bottom: 5px;
        padding-left: 5px;
    }
/*.root .levelHeader, .root .levelBody {
	background: #f0f8ff;
}*/

.node {
    background: #f0f8ff;
    width: 740px;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.desc {
    margin-top: 8px;
}

    .desc label {
        font-weight: bold;
        margin-right: 5px;
    }

    .desc span {
        margin-right: 10px;
        margin-bottom: 5px;
        display: inline-block
    }

.rootBg {
    background: #f0f8ff;
    border: 1px solid #a7d6ff;
}

.memberBg {
    background: #f2f2f2;
    border: 1px solid #c2c2c2;
}

    .memberBg:before {
        font-family: 'FontAwesome';
        position: relative;
        top: 5px;
        margin-left: -18px;
        left: -12px;
        content: "__";
        display: inline-block;
    }

.rootDesc {
    margin-top: 15px;
}

.addMember {
    list-style: none;
}

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

#lb_addMember input[type=radio] {
    margin-top: 8px;
}

#basicInfoBox {
    height: 62px;
    display: block;
}

.memberTypeLabel {
    width: 140px;
}

.nameField {
    width: 158px !important;
}

.corporateNameField {
    width: 480px !important;
}

.titleField {
    width: 200px !important;
}

.officerEquFieldLabel {
    width: 160px;
}

.officerEquField {
    width: 60px;
}

.roleField {
    width: 120px;
}

.memberOfField {
    width: 360px;
}

.equityInterestField {
    width: 50px !important;
}

.equityInterestLabel {
    width: 260px;
}

.boroughField {
    width: 120px;
}

.boroughFieldLabel {
    width: 144px;
}

/*#memberName {
    width: 300px;
}
#memberType {
    width: 100px;
}
#memberRole {
    width: 200px;
}
#memberTitle {
    width: 180px;
}
#memberOf {
    width: 200px;
}*/
#lb_deleteConfirm {
    width: 400px;
}

#lb_addMember {
    min-width: 900px;
    max-width: 960px;
}

#lb_newOrgChart {
    width: 960px;
}
/*.floatBtn {
	background-color: #2b586d;
	color: #fff;
	position: relative;
	float: right;
	margin-top: -10px;
	margin-right: -40px;
	width: 30px;
	height: 100%;
	line-height: 30px;
	text-align: center;
	font-size: 21px;
	cursor: pointer;
}
*/

.itemActionBox:before {
    content: "[ ";
}

.itemActionBox:after {
    content: " ]";
}

#orgChartFor {
    width: 210px;
}

#selectExistingEntity {
    width: 320px;
}

#rootMemberName {
    width: 610px;
}

/*#newEntityYes, #newEntityNo {
    margin-top: 7px;
}

#newEntitySelection {
    width: 140px;
}*/

#rootMemberInfoBox {
    height: 390px;
}

.requireAction {
    position: relative;
    border: 1px dotted #FF0004;
    background-color: #F2F2F2;
    padding: 20px 20px 20px 60px;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .requireAction:before {
        font-family: 'FontAwesome';
        position: absolute;
        top: 50%;
        left: 20px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "\f071";
        font-size: 2.1rem;
        color: #FF0004;
    }


/* Dropdown Button */
.dropbtn {
    color: #2b2b2b;
    font-size: 1.4rem;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute !important;
    right: 0px;
    min-width: 160px;
    z-index: 98;
}

    .dropdown-content ul {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #f1f1f1;
        border: 1px solid #c2c2c2;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        padding: 5px;
    }

    /* Links inside the dropdown */
    .dropdown-content li {
        color: #2b2b2b;
        padding: 8px 10px;
        text-decoration: none;
        display: block;
        cursor: pointer;
        background-color: #f1f1f1;
        border-bottom: 1px solid #c2c2c2;
        text-align: left;
    }

        .dropdown-content li.disabled {
            color: #6F6F6F;
            padding: 5px 10px;
            text-decoration: none;
            /*display: block;*/
            border-bottom: 1px solid #c2c2c2;
            cursor: not-allowed;
        }

        .dropdown-content li:last-child {
            border-bottom: none;
        }
        /* Change color of dropdown links on hover */
        .dropdown-content li:hover {
            background-color: #ddd
        }

        .dropdown-content li.disabled:hover {
            background-color: #f1f1f1;
        }
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: inline-block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
/*.dropdown:hover .dropbtn {
    background-color: #3e8e41;
} */

/*.tableHPD tbody tr:nth-last-child(-n+5) td .dropdown .dropdown-content {
    bottom:28px;
}

.tableHPD tbody tr:nth-child(-n+3) td .dropdown .dropdown-content {
    top:28px;
}*/

.btnLargeLanding {
    width: 140px;
    margin-top: 2px;
}
/*************** app.css ******************/
.displayNone{
    display:none
}
.displayBlock
{
    display:block
}
.resourcesMainNavigation {
    color: #2b586d;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal
}
.entityContactPortfolioProjectID {
    width: 167px;
}
.thProjectName {
    width: 510px;
}
.thContactFirstName {
    width: 257px;
}
.thNBSP {
    width: 28px;
}
.selectOrgChartList {
    width: 25%
}