/* Global Styles */

body {
    background: #F5F6FA;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    color: #666;
    font-size: 0.75em;
}

a {
    text-decoration: none;
    color: #333;
}

a[href]:hover {
    text-decoration: underline;
}

a.default-link {
    color: blue;
}

ul {
    list-style: none;
}

ul li {
    display: inline;
}

ul li a {
    text-decoration: none;
    display: block;
    float: left;
    color: #abaaaa;
}

input {
    color: #777;
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 130%;
    padding-bottom: 10px;
    border-bottom: 1px #ccc solid;
    margin: 15px 20px;
}

#page-wrapper {
    width: 1180px;
    margin: 0 auto;
    padding: 0 40px 25px 40px;
}

#main-header-wrapper {
    background: url(../images/main_background_header.png) top repeat-x;
    height: 160px;
}

/* Top Bar */

#top-bar {
    height: 10px;
    padding: 10px 0;
    margin-right: 25px;
    background: url(../images/background_poweredby.png) no-repeat right center;
}

#top-bar ul {
    float: right;
    margin: 0 0;
    padding: 0 200px 0 0;
}

#top-bar a {
    padding: 2px 15px;
}

#top-bar a:hover {
    color: #fff;
}

#top-bar > #client-name {
    color: white;
    margin-left: 10px;
}

/* Client Dropdown Menu */
#adminBoxOuterWrapper {
    float: right;
    margin-right: 280px;
}

#adminBoxOuterWrapper ul {
    padding: 0;
    margin: 0;
    float: none;
}

#adminBoxOuterWrapper ul li {
    display: list-item;
}

#adminBoxOuterWrapper {
    position: relative;
}

#adminBoxTop {
    margin-top: -5px;
    position: absolute;
    height: 30px;
    float: left;
    right: -110px;
}

#adminBoxMail {
    margin-top: 15px;
    position: absolute;
    width: 50px;
    left: -50px;
}

/* Only Chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #adminBoxMail {
        margin-top: 5px;
        position: absolute;
        width: 50px;
        left: -50px;
    }
}

/* Only Firefox */
@-moz-document url-prefix() {
    #adminBoxMail {
        margin-top: 5px;
        position: absolute;
        width: 50px;
        left: -50px;
    }

    select[multiple="multiple"][size="1"] {
        overflow: hidden;
        scrollbar-width: none;
    }
}

#adminBoxMaintenance {
    margin-top: 15px;
    position: absolute;
    width: 50px;
    left: -90px;
}

/* Only Chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #adminBoxMaintenance {
        margin-top: 5px;
        position: absolute;
        width: 50px;
        left: -90px;
    }
}

/* Only Firefox */
@-moz-document url-prefix() {
    #adminBoxMaintenance {
        margin-top: 5px;
        position: absolute;
        width: 50px;
        left: -90px;
    }
}

.adminTop {
    background: url(../images/background_admin_top.png) no-repeat right top;
}

#adminBoxMailContent {
    position: absolute;
    top: 30px;
    left: -410px;
    width: 400px;
    float: left;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: #fff;
    text-align: left;
    z-index: 9999;
}

#adminBoxMailContent ul {
    float: left;
    margin: 0;
    padding: 0;
}

#adminBoxMailContent a {
    width: 370px;
    height: 19px;
    display: block;
    margin: 5px 15px;
    padding: 6px 0 0 10px;
}

#adminBoxMailContent a:hover {
    color: #666;
    text-decoration: none;
}

#adminBoxMailContent div {
    border-bottom: 1px solid #CCCCCC;
    margin: 5px 15px;
    padding-bottom: 8px;
    text-align: center;
    width: 370px;
    font-weight: bold;
}

a#seeAllMessages {
    border-top: 1px solid #ccc;
    padding-top: 8px;
    text-align: center;
    font-weight: bold;
}

a#seeAllMessages:hover {
    border-top: 1px solid #ccc;
    padding-top: 8px;
}

a#adminMyAccount {
    background: url(../images/icon_admin_myaccount.png) left center no-repeat;
}

a#adminMyAccount:hover {
    background: url(../images/icon_admin_myaccount_over.png) left center no-repeat;
}

a#adminSuperadmin {
    background: url(../images/icon_admin_superadmin.png) left center no-repeat;
}

a#adminSuperadmin:hover {
    background: url(../images/icon_admin_superadmin_over.png) left center no-repeat;
}

a#adminAdmin {
    background: url(../images/icon_admin_admin.png) left center no-repeat;
}

a#adminAdmin:hover {
    background: url(../images/icon_admin_admin_over.png) left center no-repeat;
}

a#adminConsultAdmin {
    background: url(../images/icon_admin_consultadmin.png) left center no-repeat;
}

a#adminConsultAdmin:hover {
    background: url(../images/icon_admin_consultadmin_over.png) left center no-repeat;
}

a#knowledgebase {
    background: url(../images/icon_help_small.png) left center no-repeat;
}

a#knowledgebase:hover {
    background: url(../images/icon_help_small_over.png) left center no-repeat;
}

a#adminLogout {
    border-top: 1px solid #ccc;
    background: url(../images/icon_admin_logout.png) left center no-repeat;
    padding-top: 8px;
}

a#adminLogout:hover {
    border-top: 1px solid #ccc;
    background: url(../images/icon_admin_logout_over.png) left center no-repeat;
    padding-top: 8px;
}

.wiki a {
    margin-top: 6px;
    left: -93px;
    color: #ABAAAA;
}

.wiki a:hover {
    text-decoration: none;
}

.wikiIcon {
    background: url(../images/icon_help.png) no-repeat !important;
    width: 20px;
    height: 20px;
    margin-left: 268px;
    margin-top: -5px;
    border: none;
    position: absolute;
    text-decoration: none;
    background-position: 10px !important;
}

.wikiIcon:hover {
    background: url(../images/icon_help_over.png) no-repeat !important;
    width: 20px;
    border: none;
    position: absolute;
    text-decoration: none;
    background-position: 10px !important;
}

#liquid-bar ul {
    float: right;
    /*margin: 0 25px;*/
}

#liquid-bar ul a {
    display: block;
    padding: 4px 8px;
    height: 33px;
    line-height: 33px;
}

#liquid-bar ul li.create-import-link a {
    background: url("../images/icon_import.png") no-repeat scroll left center transparent;
    display: block;
    color: #999 !important;
    text-decoration: none;
    padding: 15px 30px 0 25px;
    height: 30px;
    line-height: 14px;
    float: right;
    cursor: pointer;
}

#liquid-bar ul li.create-import-link a:hover {
    background: url("../images/icon_import_over.png") no-repeat scroll left center transparent;
    color: #333 !important;
    text-decoration: none;
}

#inner-header {
    height: 90px;
    width: 1180px;
    background: url(../images/main_background_heading.png) no-repeat center bottom;
    clear: both;
}

#inner-header-login {
    height: 90px;
    width: 1180px;
    background: url(../images/main_background_heading_login.png) no-repeat center bottom;
    clear: both;
}

.header-left {
    float: left;
    width: 295px;
    height: 90px;
}

/* Search Form Area */

.header-right {
    float: right;
    height: 74px;
    margin: 16px 25px 0 0;
}

.header-right a {
    float: right;
    margin: 10px 4px 0 0;
}

#itam-logo-wrapper {
    width: 275px;
    height: 29px;
    background: url(../images/logo_poweredby_itam.png) no-repeat;
    float: left;
    margin-bottom: 8px;
}

#header-right a {
    float: right;
    margin-top: 10px;
}


#main-bar a.icon-reminders {
    background-image: url(../images/nav_reminders.png);
}

#main-bar a.icon-reminders:hover {
    background-image: url(../images/nav_reminders_over.png);
}

#main-bar li > span.icon-reminders {
    background-image: url(../images/nav_reminders_deactivated.png);
}

#main-bar a.icon-journals {
    background-image: url(../images/nav_journals.png);
}

#main-bar a.icon-journals:hover {
    background-image: url(../images/nav_journals_over.png);
}

#main-bar a.icon-journals-selected {
    background-image: url(../images/nav_journals_over.png);
}

#main-bar li > span.icon-journals {
    background-image: url(../images/nav_journals_deactivated.png);
}

/* Context Bar */

#context-bar {
    height: 30px;
    margin-top: 4px;
    padding: 0 25px;
}

#context-bar a {
    display: block;
    height: 34px;
}

#context-bar a:hover {
    text-decoration: none;
    color: #fc9823;
}

#context-bar .item-wrapper {
    float: left;
    margin: 2px 15px 0 0;
}

#context-bar .item-left {
    width: 15px;
    height: 23px;
    float: left;
}

#context-bar .item-content {
    height: 18px;
    padding-top: 5px;
    float: left;
}

#context-bar .item-right {
    width: 15px;
    height: 23px;
    float: left;
}

#context-bar .item-wrapper:hover .item-left {
    background: url(../images/nav_secondary_left.png) no-repeat;
}

#context-bar .item-wrapper:hover .item-content {
    background: url(../images/nav_secondary_middle.png) repeat-x;
}

#context-bar .item-wrapper:hover .item-right {
    background: url(../images/nav_secondary_right.png) no-repeat;
}

.context-link-highlight {
    color: #fc9823;
}

.context-link-highlight-lastItem {
    color: #fc9823;
    border-right: none !important;
}

/* Tabs Bar */

#tabs-bar .tabs-container {
    padding-top: 6px;
    padding-bottom: 15px;
}

#tabs-bar ul.menu {
}

#tabs-bar ul.menu > li {
    display: block;
    float: left;
    padding: 0 6px 0;
    margin-bottom: 6px;
    border-bottom: 1px solid #bbb;

}

#tabs-bar ul.menu > li > a,
#tabs-bar ul.menu > li > span {
    font-size: 11px;
    display: block;
    background-color: #ddd;
    padding: 6px 9px;
    margin-bottom: -1px;
    border: 1px #aaa solid;
    border-bottom: 1px #bbb solid;
    text-decoration: none;
}

#tabs-bar ul.menu > li > a {
    color: #666;
}

#tabs-bar ul.menu > li > span {
    color: #999;
}

#tabs-bar ul.menu > li > a:hover {
    /*background-color: #eee;*/
    background-color: #fff !important;
    color: #fc9823 !important;
}

.active-tab {
    background-color: #fff !important;
    color: #fc9823 !important;
}

/* Ajax Links */
input:focus.ajax-link {
    outline: none !important;
    border: none !important;
    cursor: pointer;
    color: blue;
    width: 200px;
    font-weight: bold;
    padding: 0 !important;
    text-indent: 0 !important;
    text-align: left !important;
}

input.ajax-link {
    outline: none !important;
    border: none !important;
    cursor: pointer;
    color: blue;
    width: 200px;
    font-weight: bold;
    padding: 0 !important;
    text-indent: 0 !important;
    text-align: left !important;
}

input.ajax-link:hover {
    outline: none !important;
    border: none !important;
    cursor: pointer;
    color: #fc9823;
    width: 200px;
    font-weight: bold;
    padding: 0 !important;
    text-indent: 0 !important;
    text-align: left !important;
}

span.ajax-link {
    color: blue;
}

span.ajax-link:hover {
    cursor: pointer;
    color: #fc9823;
}

/* Outer & Inner Boxes */

.outerLiquidBoxWrapper {
    width: 100%;
    margin: 0 auto;
    /*background: #ebe8e8 url(../images/outer_box_leftside.png) repeat-y left top;*/
}

.outerBoxTop {
    width: 100%;
    height: 18px;
    /*background: url(../images/outer_box_top.png) no-repeat left top;*/
}

.outerBoxTop div {
    display: block;
    position: relative;
    height: 18px;
    /*background: url(../images/outer_box_top_right.png) no-repeat right top;*/
}

.outerBoxCenterContent {
    position: relative;
    /*background: url(../images/outer_box_rightside.png) repeat-y right top;*/
    padding: 1px 25px 1px 25px;
}

.outerBoxCenterContent-new {
    position: relative;
}

.outerBoxBottom {
    height: 11px;
    /*background: url(../images/outer_box_bottom.png) no-repeat left bottom;*/
}

.outerBoxBottom div {
    display: block;
    position: relative;
    height: 11px;
    z-index: 100;
    /*background: url(../images/outer_box_bottom_right.png) no-repeat right bottom;*/
}

.multipleBoxOverride {
    margin-top: -3px;
}

.inner-liquid-box-wrapper {
    width: 100%;
    margin: 20px auto;
    background: #fff url(../images/inner_box_leftside.png) repeat-y left top;
}

.inner-liquid-box-wrapper .inner-top {
    width: 100%;
    height: 41px;
    background: url(../images/inner_box_top.png) no-repeat left top;
}

.inner-liquid-box-wrapper .inner-top-right {
    /*margin-right: -8px;*/
    position: relative;
    border-right: 1px solid #CCCCCC;
    border-top-right-radius: 5px;
    height: 40px;
    /*background: url(../images/inner_box_top_right.png) no-repeat right top;*/
}

.inner-liquid-box-wrapper .heading-wrapper {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    font-size: 1.25em;
    font-weight: normal;
    height: 27px;
    /*width: 30%;*/
    margin: 0 25px;
    padding: 13px 0 0 45px;
    float: left;
}

.heading-wrapper a {
    height: 15px;
    float: left;
    margin: 0 10px 10px 0;
    font-size: 0.85em;
    border-right: 1px solid #ABAAAA;
    padding-right: 10px;
}

.heading-wrapper a:hover {
    color: #fc9823;
    text-decoration: none;
}

a.lastItem {
    border-right: none;
}

.inner-liquid-box-wrapper .property-info-bar {
    width: 90%;
}

.inner-liquid-box-wrapper .inner-content {
    /*margin-right: -8px;*/
    /*background: url(../images/inner_box_rightside.png) repeat-y right top;*/
    border-right: 1px solid #CCCCCC;
    margin-top: -1px;
    padding: 15px 25px 1px 15px;
}

.inner-liquid-box-wrapper .inner-bottom {
    /*margin-right: -8px;*/
    height: 30px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /*background: url(../images/inner_box_bottom.png) no-repeat left bottom;*/
}

.inner-liquid-box-wrapper .inner-bottom-right {
    position: relative;
    height: 30px;
    /*background: url(../images/inner_box_bottom_right.png) no-repeat right bottom;*/
}

.inner-property-bottom {
    margin-right: -8px;
    height: 10px;
    background: url(../images/inner_box_bottom.png) no-repeat left bottom;
}

.inner-property-bottom-right {
    position: relative;
    height: 10px;
    background: url(../images/inner_box_bottom_right.png) no-repeat right bottom;
}

.inner-liquid-box-wrapper .with-table {
    /*padding: 0 11px 0 1px;*/
    height: 100%;
}

.inactive-record {
    color: red !important;
}

.highlight {
    color: red !important;
}

/* Table Styles */

table .textfield {
    width: 80%;
    height: 21px;
    float: left;
    border: 0;
    background: url(../images/background_text_field_middle.png) repeat-x;
}

.textFieldWrapper {
    width: 60%;
    float: left;
}

.textFieldLabel {
    width: 35%;
    padding: 4px 7px 0 0;
    float: left;
    text-align: right;
}

.textFieldLeft {
    width: 7px;
    height: 21px;
    background: url(../images/background_text_field_left.png) right;
    float: left;
}

.textFieldRight {
    width: 7px;
    height: 21px;
    background: url(../images/background_text_field_right.png) left;
    float: left;
}

table td {
    padding: 3px 6px;
    z-index: 0;
}

table.standard,
table.zebra,
table.filter {
    width: 100%;
}

table.filter a:hover {
    text-decoration: none;
    color: #fc9823;
}

table.filter a {
    color: blue;
}

table.standard {
    margin: 15px 25px -30px 25px;
    padding: 0 5px 5px 0;
}

table.standard td {
    height: 23px;
    padding: 0 1em 1em 0;
}

.inner-liquid-box-wrapper table.zebra {
    margin-bottom: 0;
}

.zebra-header {
    height: 9px;
    background: #e8edf2 url(../images/background_thead.png) repeat-x bottom;
    text-align: left;
    padding: 10px;
    border-right: 1px solid #ccd5e0;
}

table.zebra {
    margin: -1px 0 20px 1px;
    background-color: white;
    border: 1px solid #dfe7ef;
}

table.zebra th,
table.filter th {
    height: 9px;
    background: #e8edf2 url(../images/background_thead.png) repeat-x bottom;
    text-align: left;
    padding: 10px;
    border-right: 1px solid #ccd5e0;
}

table.filter th {
    margin-top: 10px;
}

table.filter textarea {
    padding: 0px;
    width: 100%;
    resize: none;
}

table.zebra tr.even,
table.zebra tr.even td {
    background-color: #f1f5fa;
}

table.zebra td {
    padding: 10px;
    border-right: 1px solid #dfe7ef;
}

table.zebra tr:hover td {
    background-color: #f6fbe3 !important;
    cursor: pointer;
}

table.zebra tr:hover td.arrow {
    background: #f6fbe3;
    cursor: pointer;
    background-image: url(../images/new_icons/blue-button-list3x.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 16px;
    background-size: 15px 15px;
}

table.zebra tr:hover td.arrow-datamanager {
    background: #f6fbe3;
    cursor: pointer;
    background-image: url(../images/icon_enter_over.png) !important;
    width: 16px;
}

table.zebra tr:hover td.arrowDown {
    background: #f6fbe3;
    cursor: pointer;
    background-image: url(../images/icon_enter_down_over.png) !important;
    width: 16px;
}

table.zebra tr:hover td.greenCheck {
    background: #f6fbe3;
    cursor: pointer;
    background-image: url(../images/icon_small_checkmark_over.png) !important;
}

table.zebra tfoot tr th {
    padding: 0;
    height: 1px;
    font-size: 0;
}

table.zebra tfoot tr td,
table.zebra tr.bold td {
    font-weight: bold;
}

table.zebra a:hover {
    text-decoration: none;
}

table.zebra tr.selected,
table.zebra tr.selected td {
    background-color: #FBECDA !important;
}

/*Table for Headings Filter*/
table.headings {

}

.inner-liquid-box-wrapper table.headings {
    margin-bottom: 0;
}

.headings-header {
    height: 9px;
    background: #e8edf2 url(../images/background_thead.png) repeat-x bottom;
    text-align: left;
    padding: 10px;
    border-right: 1px solid #ccd5e0;
}

table.zebra {
    margin: -1px 0 20px 1px;
    background-color: white;
    border: 1px solid #dfe7ef;
}

table.headings th {
    height: 9px;
    background: #e8edf2 url(../images/background_thead.png) repeat-x bottom;
    text-align: center;
    padding: 8px 10px;
    border-right: 1px solid #ccd5e0;
}

table.headings th {
    margin-top: 10px;
}

table.headings textarea {
    padding: 0px;
    width: 100%;
    resize: none;
}

table.headings tr.even,
table.headings tr.even td {
    background-color: #f1f5fa;
}

table.headings td {
    padding: 10px;
    border-right: 1px solid #dfe7ef;
    border-left: 1px solid #dfe7ef;
    border-bottom: 1px solid #dfe7ef;
}

/*------------*/
table.smaller td {
    padding: 6px !important;
    border-right: 1px solid #dfe7ef;
}

table.plain-row tr {
    height: 30px;
}

table.plain-row tr td {
    vertical-align: middle;
}

table.plain-row tr:hover {
    background: #fbf3e7;
    cursor: pointer;
}

.plain-list ul {
    padding-bottom: 14px;
    margin-bottom: 5px;
}

.plain-list ul li {
    background: #F9F9F9;
    color: #666;
    width: inherit;
    padding: 1.5px 6px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    height: 30px;
    border: 1px solid #ececec;
    margin-bottom: 1px;
}

.plain-list ul li div {
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    width: 285px;
}

.plain-list ul li div span {
    width: 90%;
    overflow: hidden;
    float: left;
    padding-left: 3px;
}

.plain-list ul li label {
    padding-top: 25px;
    padding-right: 33px;
    float: right;
    margin-top: -29px;
    margin-right: 34px;
}

.plain-list ul li:hover {
    background: #f6fbe3;
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.plain-list ul li:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.plain-list-1st-link a {
    padding-top: 28px;
    padding-right: 38px;
    float: right;
    margin-top: -31px;
}

.plain-list-2nd-link a {
    padding-top: 25px;
    padding-right: 16px;
    float: right;
    margin-top: -29px;
}

table.plain tr td:hover {
    background: #f6fbe3;
    cursor: pointer;
}

.graph-header {
    text-align: center;
    font-size: 9pt;
    padding-bottom: 10px;
    font-weight: bold;
}

/* Filter Specific */

table.filter td.label {
    text-align: left;
}

table.filter td {
    vertical-align: middle;
}

table.filter select[multiple] {
    width: 100%;
    height: 120px;
}

#property-currency-label div {
    float: right;
}

#property-roll-number-width {
    line-height: 25px;
}

#property-roll-number-width div input {
    width: 420px !important;
}

#property-info {
    height: 170px;
    padding: 0 15px;
}

.property-details {
    width: 74%;
    margin: 0;
}

.property-details-map {
    border: 1px #999 solid;
    float: right;
    margin-top: 2px;
}

.property-details-map .gmap {
    width: 272px !important;
    height: 187px !important;
}

#property-details-logo {
    height: 115px;
    width: 135px;
    float: left;
    margin-right: 5px;
    padding-top: 10px;
}

.cluster {
    color: #FFFFFF;
    text-align: center;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

.cluster-1 {
    background-image: url(../images/m1.png);
    line-height: 53px;
    width: 53px;
    height: 52px;
}

.cluster-2 {
    background-image: url(../images/m2.png);
    line-height: 53px;
    width: 56px;
    height: 55px;
}

.cluster-3 {
    background-image: url(../images/m3.png);
    line-height: 66px;
    width: 66px;
    height: 65px;
}

#section-heading {
    height: 43px;
    margin-top: -10px;
    margin-bottom: 10px;
}

#section-heading h1 {
    display: block;
    height: 28px;
    padding-top: 15px;
    background: url(../images/background_section_heading.png) repeat-x;
    font-size: 1.7em;
}

#section-heading h1.reportSelect {
    width: 99%;
}

#sectionPulldown {
    width: 233px;
    height: 23px;
    float: right;
    background: url(../images/background_section_menu.png) no-repeat;
    margin-right: 7px;
    padding: 10px 25px 10px 15px;
    font-weight: bold;
}

.pulldownMenu {
    width: 170px;
    margin-left: 5px;
}

/* Buttons & Icons */

.editInfoButton {
    width: 97px;
    height: 23px;
    margin: 8px 35px 0 0;
    float: right;
    background: url(../images/button_edit_info.png) no-repeat;
    cursor: pointer;
}

.editInfoButton:hover {
    background: url(../images/button_edit_info_over.png) no-repeat;
}

div.icon-folder {
    background: url(../images/icon_header_folder.png) no-repeat;
}

div.icon-house {
    background: url(../images/icon_header_house.png) no-repeat;
}

div.icon-map {
    background: url(../images/icon_header_map.png) no-repeat;
}

div.icon-report-1 {
    background: url(../images/icon_reports1.png) no-repeat;
}

div.icon-report-2 {
    background: url(../images/icon_reports2.png) no-repeat;
}

div.icon-report-3 {
    background: url(../images/icon_reports3.png) no-repeat;
}

div.icon-report-4 {
    background: url(../images/icon_reports4.png) no-repeat;
}

.collapseSection, .expandSection {
    width: 10px;
    height: 23px;
    margin: 8px 35px 0 0;
    float: right;
    cursor: pointer;
}

.collapseSection {
    background: url(../images/icon_collapse_section.png) no-repeat center center;
}

.expandSection {
    background: url(../images/icon_expand_section.png) no-repeat center center;
}

#collapseExpandAllWrapper {
    width: 99%;
    height: 25px;
}

.collapseAll, .expandAll {
    width: 85px;
    height: 15px;
    cursor: pointer;
    padding: 3px 25px 0 0;
    text-align: right;
    float: right;
    margin: 10px 0;
    color: #999;
}

.collapseAll:hover, .expandAll:hover {
    /* text-decoration: underline; */
}

.collapseAll {
    background: url(../images/icon_collapse_all.png) no-repeat center right;
}

.expandAll {
    background: url(../images/icon_expand_all.png) no-repeat center right;
}

.expand {
    background: url("../images/icon_expand_all.png") no-repeat scroll left center transparent;
}

.expand:hover {
    background: url("../images/icon_expand_all_over.png") no-repeat scroll left center transparent;
}

.collapse {
    background: url("../images/icon_collapse_all.png") no-repeat scroll left center transparent;
}

.collapse:hover {
    background: url("../images/icon_collapse_all_over.png") no-repeat scroll left center transparent;
}

.settings {
    background: url(../images/icon_admin_myaccount.png) left center no-repeat;
}

.settings:hover {
    background: url(../images/icon_admin_myaccount_over.png) left center no-repeat;
}

.select {
    background: url("../images/icon_select.png") no-repeat scroll left center transparent;
    padding: 3px 3px 3px 0;
}

.select:hover {
    background: url("../images/icon_select_over.png") no-repeat scroll left center transparent;
    text-decoration: none !important;
}

.select-disabled {
    background: url("../images/icon_select.png") no-repeat scroll left center transparent;
    padding: 3px 3px 3px 0;
}

.select-disabled:hover {
    background: url("../images/icon_select.png") no-repeat scroll left center transparent;
    text-decoration: none !important;
}

.excel {
    background: url("../images/icon_export_excel.png") no-repeat scroll left center transparent;
}

.excel-new, .excel-new-error {
    align-self: center;
    margin-left: 20px;
    padding: 10px;
}

.excel-new a {
    background: url("../images/new_icons/excel3x.png") no-repeat scroll left center transparent;
    background-size: 18px 22px !important;
    padding: 11px;
    padding-left: 38px;
    border: 1px solid #E1E1E1;
    border-radius: 3px;
    background-position-x: 10px;
}

.excel-new-error a {
    background: url("../images/new_icons/excel3x.png") no-repeat scroll left center transparent;
    background-size: 18px 22px !important;
    padding: 11px;
    padding-left: 38px;
    border: 1px solid #9C1313;
    color: #9C1313;
    border-radius: 3px;
    background-position-x: 10px;
}

.excel-new a:hover, .excel-new-error a:hover {
    text-decoration: none;
}

.help-link-old {
    background: url(../images/new_icons/bluei3x.png) left center no-repeat;
    background-size: 14px 15px;
}

.help-link-old:hover {
    background: url(../images/new_icons/orangei3x.png) left center no-repeat;
    background-size: 14px 15px;
}

/* Reminder Specific */

table.fc-header,
.fc-content table {
    margin-bottom: 0;
}

.fc-content table {
    background-color: white;
}

.fc-event-title {
    font-size: 120%;
}

.reminder {
    color: white;
}

td.reminder {
    border-color: inherit !important;
}

.reminder-grouping {
    font-weight: bold;
    font-size: 12pt;
}

.reminder.inherit-styles a {
    background-color: inherit;
    border-color: inherit;
    color: inherit;
}

.reminder.due_in_past, .reminder.due_in_past a, .reminder.due_in_past div {
    background-color: lightgray !important;
    border-color: lightgray !important;
    color: #222 !important;
}

.reminder.due_in_0, .reminder.due_in_0 a, .reminder.due_in_0 div {
    background-color: red !important;
    border-color: red !important;
    font-weight: bold !important;
}

.reminder.due_in_1, .reminder.due_in_1 a, .reminder.due_in_1 div {
    background-color: red !important;
    border-color: red !important;
}

.reminder.due_in_2, .reminder.due_in_2 a, .reminder.due_in_2 div {
    background-color: #EF9610 !important;
    border-color: #EF9610 !important;
}

.reminder.due_in_8, .reminder.due_in_8 a, .reminder.due_in_8 div {
    background-color: #800800 !important;
    border-color: #800800 !important;
}

.reminder.due_in_22, .reminder.due_in_22 a, .reminder.due_in_22 div {
    background-color: #007100 !important;
    border-color: #007100 !important;
}

.reminder.due_in_31, .reminder.due_in_31 a, .reminder.due_in_31 div {
    background-color: #003399 !important;
    border-color: #003399 !important;
}

.reminder.credit, .reminder.credit a {
    background-color: #5baff5 !important;
    border-color: #5baff5 !important;
    /*color: #0080FF;*/
}

.dashboard-past-date, .dashboard-past-date a, .dashboard-past-date div {
    background-color: lightgray !important;
    border-color: lightgray !important;
}

.dashboard-past-tax-date, .dashboard-past-tax-date a, .dashboard-past-tax-date div {
    background-color: lightgray !important;
    border-color: #fc9823 !important;
}

.dashboard-past-credit-date, .dashboard-past-credit-date a, .dashboard-past-credit-date div {
    background-color: lightgray !important;
    border-color: #5baff5 !important;
}

.dashboard-past-appeal-date, .dashboard-past-appeal-date a, .dashboard-past-appeal-date div {
    background-color: lightgray !important;
    border-color: #00509c !important;
}

.dashboard-past-assessment-date, .dashboard-past-assessment-date a, .dashboard-past-assessment-date div {
    background-color: lightgray !important;
    border-color: #8f56a3 !important;
}

.dashboard-future-tax-date, .dashboard-future-tax-date a, .dashboard-future-tax-date div {
    background-color: #fc9823 !important;
    border-color: #fc9823 !important;
}

.dashboard-future-credit-date, .dashboard-future-credit-date a, .dashboard-future-credit-date div {
    background-color: #5baff5 !important;
    border-color: #5baff5 !important;
}

.dashboard-future-appeal-date, .dashboard-future-appeal-date a, .dashboard-future-appeal-date div {
    background-color: #00509c !important;
    border-color: #00509c !important;
}

.dashboard-future-assessment-date, .dashboard-future-assessment-date a, .dashboard-future-assessment-date div {
    background-color: #8f56a3 !important;
    border-color: #8f56a3 !important;
}

.dashboard-legend span {
    font-size: 11px;
}

/* Ajax Loader */

.loading-indicator .ui-dialog-titlebar-close {
    display: none;
}

.loading-indicator .ui-dialog-content {
    background: url(../images/ajax-loader.gif) no-repeat center center !important;
}

.loading-indicator-inside .ui-dialog-titlebar-close {
    display: none;
}

.loading-indicator-inside .ui-dialog-content {
    background: url(../images/ajax-loader.gif) no-repeat center center !important;
}

/* Notification */

.notification {

}

.notification {
    height: 3px;
}

.notification {
    padding: 6px 12px;
    z-index: 1000;
    background-color: #FBEC88;
    border-bottom: 1px solid #FAD42E;
    color: #363636;
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    font-weight: bold;
    opacity: 0.7;
}

.notification a {
    text-decoration: none;
    color: #333;
}

.notification a:hover {
    text-decoration: none;
    color: #fc9823;
}

/* Provider Filter */

form.provider-filter {
    padding: 8px 15px 10px 15px;
}

form.provider-filter a:hover {
    text-decoration: none;
}

/* Provider Filter no label */

form.provider-filter-no-label {
    padding: 8px -1px 10px 15px;
    float: left;
}

form.provider-filter-no-label a:hover {
    text-decoration: none;
}

/* Tables */

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin: 0;
}

td {
    padding: 2px 12px;
    text-align: left;
}

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

th.left,
td.left {
    text-align: left;
}

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

th.right,
td.right {
    text-align: right;
}

td.op {
    padding: 6px 0;
    text-align: center;
}

table.radio {
    width: auto;
    border-collapse: collapse;
    border: 0;
}

tr.center th,
tr.center td {
    text-align: center !important;
}

/*table.radio.required {*/
/*border: 1px #999 solid;*/
/*}*/

table.radio td {
    border: 0;
}

table.smaller-font tr th,
table.smaller-font tr td {
    font-size: 11px;
}

table.pager {
    margin: 15px 0 0 0;
}

th.action,
td.action {
    padding: 0 !important;
    width: 1%;
    min-height: 26px;
}

th.action a,
td.action a,
td.action span,
td.action div {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #dedddd;
    border-bottom: 1px solid #dedddd;
    color: #666;
    display: block;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    background-color: #f2f1f1;
    margin-left: -1px;
}

th.action a:hover,
td.action a:hover,
td.action div:hover {
    color: #333;
    background-color: #dfdddd;
}

th.actionWider,
td.actionWider {
    padding: 0 !important;
    width: 95px;
}

th.actionWider a,
td.actionWider a,
td.actionWider div,
td.actionWider span {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #dedddd;
    border-bottom: 1px solid #dedddd;
    color: #666 !important;
    display: block;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    background-color: #f2f1f1;
    margin-left: -1px;
}

th.actionWider a:hover,
td.actionWider a:hover,
td.actionWider div:hover {
    color: #333;
    background-color: #dfdddd;
}

th.actionWidest,
td.actionWidest {
    padding: 0 !important;
    width: 125px;
}

th.actionWidest a,
td.actionWidest a,
td.actionWidest span {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #dedddd;
    border-bottom: 1px solid #dedddd;
    color: #666 !important;
    display: block;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    background-color: #f2f1f1;
    margin-left: -1px;
}

td.actionWidest span {
    border: medium none;
    color: #CCCCCC;
    margin: 0;
    padding: 9px 15px;

}

td.actionWidest span {
    margin: 0;
    padding: 9px 15px;
    border: none;
    color: #333;
}

th.actionWidest a:hover,
td.actionWidest a:hover {
    color: #333;
    background-color: #dfdddd;
}

th.actionRollup,
td.actionRollup {
    padding: 0 !important;
    width: 60px;
}

th.actionRollup a,
td.actionRollup a,
td.actionRollup span {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #dedddd;
    border-bottom: 1px solid #dedddd;
    color: #666 !important;
    display: block;
    font-size: 12px;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    background-color: #f2f1f1;
    margin-left: -1px;
}

td.actionRollup span {
    border: medium none;
    color: #CCCCCC;
    margin: 0;
    padding: 9px 15px;

}

td.actionRollup span {
    margin: 0;
    padding: 9px 15px;
    border: none;
    color: #333;
}

th.actionRollup a span:hover,
td.actionRollup a span:hover {
    color: #333;
    background-color: #dfdddd;
}

/* Toolbars */

.top-toolbar {
    margin-bottom: 10px;
}

.bottom-toolbar {
    margin-top: 10px;
}

.toolbar-panel {
    width: 100%;
    height: 36px;
}

.toolbar-panel ul li a {
    height: 15px;
}

.toolbar-panel .left-bg {
    background: url(../images/background_outside_toolbar2_left.png) no-repeat;
    background-position: left center;
    height: 100%;
}

.toolbar-panel .right-bg {
    background: url(../images/background_outside_toolbar2_right.png) no-repeat;
    background-position: right center;
    height: 100%;
}

.toolbar-panel .content {
    /* TODO Implement real vertical centering */
    padding-top: 11px;
    width: 100%;
}

.toolbar-panel .content > ul {
    margin: 0px 10px;
}

.toolbar-panel .content ul li > * {
    display: block;
    padding-bottom: 3px;
    padding-left: 30px;
    margin: 0px 10px;
}

/* Forms */

table.form {
    margin: 10px 20px 15px 10px;
    border: none;
}

table.form td {
    vertical-align: middle;
    height: 30px;
    border: none;
}

table.form td.label {
    text-align: left;
}

table.form td.label-right {
    text-align: right;
}

table.form td.field {

}

table.form td.heading {
    padding-left: 0;
    padding-right: 0;
}

table.form td.heading div {
    padding: 0 0 7px 0;
    margin: 35px 0 10px 0;
    border-bottom: 1px #ccc solid;
    width: 91%;
    font-size: 1.5em;
    font-weight: bold;
}

table.form td.heading-dash {
    padding-left: 0;
    padding-right: 0;
}

table.form td.heading-dash div {
    padding: 0 0 7px 0;
    margin: 0 0 0 0 !important;
    border-bottom: 1px #ccc solid;
    width: 98%;
    font-size: 1.5em;
    font-weight: bold;
}

table.form a:hover {
    text-decoration: none;
    color: #fc9823;
}

table.form a {
    color: blue;
}

.reset-td-align td {
    text-align: center;
}

.label-alignment {
    padding-left: 15px !important;
}

a.graph-title {
    width: 100%;
    text-align: center;
    text-decoration: none !important;
}

.graph-title-label {
    font-size: 10px;
    color: #3273F0;
    font-weight: bold;
    height: 10px;
    text-transform: uppercase;
}

.graph-outer-container {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 368px;
    min-height: 368px;
}

.graph-dialog-outer-container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    justify-items: center;
    z-index: 997;
}

.no-graph-data {
    background: #E9EBF1 url(../images/new_icons/No-Graph3x.png) center no-repeat;
    background-size: 150px 130px;
    font-weight: bold;
    color: #a4a4a4;
    font-size: 18px;
    text-align: center;
    line-height: 455px;
    height: 368px;
    background-position-y: 80px;
    overflow-y: hidden;
}

table.check-group {
    margin-bottom: 0;
    border: 0 transparent solid;
}

table.check-group td {
    border: 0 transparent solid;
}

table.dashboard {
    margin: 0 !important;
    border: none;
}

table.dashboard td {
    vertical-align: top;
    /*height: 280px;*/
    /*width: 33%;*/
    /*border: none;*/
}

table.dashboard tr.heading {
    padding: 0 0 7px 0;
    margin: 35px 0 10px 0;
    border-bottom: 1px #ccc solid;
    width: 91%;
    font-size: 1.5em;
    font-weight: bold;
}

.dashboard-calendar h2 {
    font-size: 16px;
}

.dashboard-calendar th {
    width: 45px;
}

.dashboard-calendar span {
    font-size: 11px;
}

.dashboard-calendar table {
    margin-bottom: 0 !important;
}

.dashboard-heading {
    padding-left: 0;
    padding-right: 0;
    font-size: 1.1em;
    font-weight: bold;
    float: left;
    width: auto;
    color: #666 !important;
}

.dashboard-small-heading td {
    float: right;
    border: none !important;
    height: 7px !important;
}

.dashboard-small-heading td span {
    font-size: 10px;
    font-weight: normal;
    margin: 7px 5px 0 5px;
}

.dashboard-large-heading {
    padding-left: 0;
    padding-right: 0;
    font-size: 1.4em;
    font-weight: bold;
    float: left;
    width: auto;
    color: #666 !important;
}

.dashboard-large-heading div {
    padding-left: 3px;
}

.dashboard-widget-year {
    float: right;
    margin-right: 1px;
}

.dashboard-widget-multiple-year {
    margin-right: 15px;
    margin-left: 78px;
}

.dashboard-widget-multiple-year-custom {
    margin-left: 15px;
}

.dashboard-annual-stats-widget {
    min-width: 70px;
}

.dashboard-header {
    margin-bottom: 5px;
}

.dashboard-header, .summary-header {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.expand-collapse-border tr td, .summary-header tr td {
    border-bottom: 1px #ccc solid;
    padding-left: 15px !important;
    padding-bottom: 0;
}

.summary-header tr td:hover, .dashboard-header tr td:hover {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.summary-header tr td:active, .dashboard-header tr td:active {
    cursor: -moz-grabbing;
    cursor: grabbing;
    cursor: -webkit-grabbing;
}

.dashboard-title {
    font-size: 16px;
    letter-spacing: 0.63px;
    color: #212121 !important;
    font-weight: 500;
}

.client-dashboard-header {
    letter-spacing: 0.63px;
    color: #212121 !important;
    font-weight: 500;
}

.accrual-legend-title {
    font-size: 18px;
    letter-spacing: 0.63px;
    color: #212121 !important;
    font-weight: 400;
}

.radio-container {
    width: 95%;
    margin: 5px 0 10px 0;
}

.radio-container-f {
    width: 95%;
    margin: 5px 0 10px 0;
}

.radio-container-vertical {
    width: 95%;
    margin: 5px 0 10px 0;
    display: flex;
    flex-direction: column;
}

div.checkbox-container,
div.radio-container {
    padding: 4px;
}

.inner-content.with-table > div > form > div.radio-container {
    margin-top: -10px;
}

input[type=button],
input[type=submit],
input[type=reset] {
    padding: 1px 6px;
}

input[type=text],
input[type=password],
select,
textarea {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    border: 1px #ccc solid;
    padding: 2px 15px 2px 16px;
    font-size: 13px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
}

select {
    padding: 1px 1px 1px 10px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    width: 172px;
}

.selectable {
    cursor: pointer;
}

input[type=text][readonly],
input[type=text][disabled] {
    background: url(../images/icon_field_locked.png) no-repeat left;
    background-color: #eee;
    font-weight: bold; /*padding-left: 20px; The required padding has been added at the input field level */
}

table.taxInstallment {
    margin: 0px;
}

.border-bottom-table {
    border-bottom: #b7b7b7 1px solid !important;
}

.border-taxInstallment {
    border: #b7b7b7 1px solid;
}

table.taxInstallment tr {
    height: 50px;
}

table.taxInstallment td {
    line-height: 22px;
}

table.taxInstallment tr td div {
    float: left;
}

table.taxTypes {
    margin: 10px 20px 35px 10px;
}

table.taxTypes tr {
    height: 50px;
}

table.taxTypes td {
    line-height: 22px;
    text-align: center;
    padding-bottom: 10px;
}

.paymentGroupSummaryLink {
    text-align: right;
}

.paymentGroupSummaryLink a {
    position: relative;
    top: -38px;
    left: -50px;
}

.field_color_orange {
    background-color: rgba(252, 152, 35, 0.2);
    padding: 1px 6px 4px 6px;
}

.field_color_blue {
    background-color: rgba(18, 119, 249, 0.1);
    padding: 1px 6px 4px 6px;
}

.field_color_white {
    padding: 1px 6px 4px 6px;
}

.div_border_right {
    border-right: #d4d4d4 solid 1px;
}

.div_border_left {
    border-left: #d4d4d4 solid 1px;
}

td.align-left {
    text-align: right !important;
    font-size: 13px;
    font-weight: bold;
}

.input_as_text {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    width: 125px !important;
    height: 20px !important;
    font-weight: bold;
    text-align: right;
    color: #777;
}

.add-record-to-list {
    background: url(../images/add-record-to-list.png) left bottom no-repeat;
}

.add-record-to-list:hover {
    background: url(../images/add-record-to-list-hover.png) left bottom no-repeat;
}

.padding-between-rows {
    text-align: left;
    padding-bottom: 15px !important;
}

.margin-15 {
    margin: 15px;
}

.margin-20 {
    margin: 20px;
}

/*div.required,*/
/*input.required,*/
/*select.required {*/
/*background: url(../images/icon_asterisk.png) no-repeat left;*/
/*padding-left: 15px;*/
/*}*/

.requiredLabel {
    background: url(../images/icon_asterisk.png) no-repeat right;
    padding-right: 10px;
}

textarea {
    height: 100px;
    resize: none;
}

input[type=checkbox],
input[type=radio] {
    margin-right: 5px;
}

input[type=checkbox] + label,
input[type=radio] + label {
    padding-right: 5px;
}

.width-1unit {
    width: 25px;
}

.width-1_5unit {
    width: 37px;
}

.width-2unit {
    width: 50px;
}

.width-2_5unit {
    width: 60px !important;
}

.width-70 {
    width: 70px;
}

.width-3unit,
.width-small {
    width: 75px;
}

.width-83 {
    width: 83px;
}

.width-86 {
    width: 86px;
}

.width-90 {
    width: 90px !important;
}

.width-4unit {
    width: 100px;
}

.width-5unit {
    width: 125px;
}

.width-115 {
    width: 115px;
}

.width-130 {
    width: 130px;
}

.width-145 {
    width: 145px;
}

.width-60-percent-over-2 {
    width: calc(60% / 2);
}

.width-60-percent-over-2-lv .annual-stat-column-1 {
    width: calc(60% / 2);
    padding-right: 9px;
    padding-left: 0;
}

.width-60-percent-over-2-lv .annual-stat-column-2 {
    width: calc(60% / 2);
    padding-right: 3px;
    padding-left: 0;
}

.width-60-percent-over-2-lv .annual-stat-column-3,
.width-60-percent-over-2-lv .annual-stat-column-4,
.width-60-percent-over-2-lv .annual-stat-column-5,
.width-60-percent-over-2-lv .annual-stat-column-6 {
    padding-right: 0;
    padding-left: 0;
}

.width-60-percent-over-3 {
    width: calc(60% / 3);
}

.width-60-percent-over-3-lv .annual-stat-column-1 {
    width: calc(60% / 3);
    padding-right: 9px;
    padding-left: 0;

}

.width-60-percent-over-3-lv .annual-stat-column-2,
.width-60-percent-over-3-lv .annual-stat-column-3 {
    width: calc(60% / 3);
    padding-right: 4px;
    padding-left: 0;
}

.width-60-percent-over-3-lv .annual-stat-column-4,
.width-60-percent-over-3-lv .annual-stat-column-5,
.width-60-percent-over-3-lv .annual-stat-column-6 {
    padding-right: 0;
    padding-left: 0;
}

.width-60-percent-over-4 {
    width: calc(60% / 4);
}

.width-60-percent-over-4-lv .annual-stat-column-1 {
    width: calc(60% / 4);
    padding-right: 9px;
    padding-left: 0;
}

.width-60-percent-over-4-lv .annual-stat-column-2 {
    width: calc(60% / 4);
    padding-right: 5px;
    padding-left: 0;
}

.width-60-percent-over-4-lv .annual-stat-column-3,
.width-60-percent-over-4-lv .annual-stat-column-4 {
    width: calc(60% / 4);
    padding-right: 4px;
    padding-left: 0;
}

.width-60-percent-over-4-lv .annual-stat-column-5,
.width-60-percent-over-4-lv .annual-stat-column-6 {
    padding-right: 0;
    padding-left: 0;
}

.width-60-percent-over-5 {
    width: calc(60% / 5);
}

.width-60-percent-over-5-lv .annual-stat-column-1 {
    width: calc(60% / 5);
    padding-right: 9px;
    padding-left: 0;
}

.width-60-percent-over-5-lv .annual-stat-column-2,
.width-60-percent-over-5-lv .annual-stat-column-3,
.width-60-percent-over-5-lv .annual-stat-column-4 {
    width: calc(60% / 5);
    padding-right: 5px;
    padding-left: 0;
}

.width-60-percent-over-5-lv .annual-stat-column-5 {
    width: calc(60% / 5);
    padding-right: 4px;
    padding-left: 0;
}

.width-60-percent-over-5-lv .annual-stat-column-6 {
    padding-right: 0;
    padding-left: 0;
}

.width-60-percent-over-6 {
    width: calc(60% / 6);
}

.width-60-percent-over-6-lv .annual-stat-column-1,
.width-60-percent-over-6-lv .annual-stat-column-2 {
    width: calc(60% / 6);
    padding-right: 7px;
    padding-left: 0;
}

.width-60-percent-over-6-lv .annual-stat-column-3,
.width-60-percent-over-6-lv .annual-stat-column-4,
.width-60-percent-over-6-lv .annual-stat-column-5,
.width-60-percent-over-6-lv .annual-stat-column-6 {
    width: calc(60% / 6);
    padding-right: 4px;
    padding-left: 0;
}

.width-6unit,
.width-medium {
    width: 150px !important;
}

select.width-medium {
    width: 183px;
}

.width-190 {
    width: 190px;
}

.width-8unit {
    width: 200px;
}

.width-205 {
    width: 205px !important;
}

.width-full {
    width: 90% !important;
}

.width-9unit {
    width: 225px;
}

.width-10unit {
    width: 250px;
}

.width-11unit {
    width: 275px !important;
}

.width-12unit {
    width: 300px;
}

.width-14unit,
.width-large {
    width: 350px;
}

.width-370 {
    width: 370px !important;
}

select.width-large {
    width: 383px;
}

.width-revision {
    width: 252px;
}

.width-16unit {
    width: 400px;
}

.width-430 {
    width: 430px !important;
}

.width-18unit {
    width: 450px;
}

.width-485px {
    width: 485px;
}

.width-30unit {
    width: 750px;
}

.width-extra-large {
    width: 875px;
}

.width-960 {
    width: 960px !important;
}

.filter-width-small {
    width: 15%;
}

.filter-width-quarter {
    width: 25%;
}

.filter-width-medium {
    width: 35%;
}

.filter-width-48 {
    width: 48%;
}

.filter-width-large {
    width: 75%;
}

.filter-width-extra-large {
    width: 85%;
}

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

.height-20 {
    height: 20px !important;
}

.height-90 {
    height: 90px !important;
}

.height-110 {
    height: 110px !important;
}

.height-279 {
    height: 279px !important;
}

.height-480 {
    height: 480px;
}

.height-500 {
    height: 500px;
}

.height-700 {
    height: 700px;
}

.height-665 {
    height: 665px;
}
.height-850{
    height: 850px;
}

.filter-label {
    margin-bottom: 3px;
    display: inline-block;
}

select.width-extra-large {
    width: 908px;
}

.form-links {
    height: 30px;
    margin: 1px;
}

.form-links a:hover {
    text-decoration: none;
}

.form-links.top {
    margin-bottom: 12px;
}

.form-links ul {
    font-size: 12px;
    padding-left: 20px;
}

.form-links ul li {
    display: block;
    float: right;
    margin: 0;
}

.form-links ul li a,
.form-links li > span {
    display: block;
    color: #999;
    text-decoration: none;
    padding: 18px 30px 0 30px;
    height: 32px;
}

.form-links li > span {
    color: #bbb;
}

.form-links ul li a:hover {
    color: #333;
    cursor: pointer;
}

.form-links ul li select {
    margin: 17px 10px 0 0;
}

.import-link {
    background: url("../images/icon_import.png") no-repeat scroll left center transparent;
}

.import-link:hover {
    background: url("../images/icon_import_over.png") no-repeat scroll left center transparent;
}

.form-links.outer-panel {
    background: url(../images/background_outside_toolbar_left.png) no-repeat left;
    height: 45px;
}

.form-links.outer-panel ul {
    height: 45px;
    background: url(../images/background_outside_toolbar_right.png) no-repeat right;
}

.form-links.outer-panel ul a {
    height: 25px;
    padding-top: 13px;
    margin-top: 8px;
}

.form-links.inner-panel-top, .form-links.inner-panel-bottom {
    background: url(../images/background_toolbar_small_left.png) no-repeat left center;
    height: 50px;
}

.form-links.inner-panel-top ul, .form-links.inner-panel-bottom ul {
    background: url(../images/background_toolbar_small_right.png) no-repeat right center;
    height: 50px;
    background-size: 66% 50px;
}

/* Form Errors */

.error {
    background-color: #FEF1EC !important;
    border: 1px solid #9C1313 !important;
    color: #9C1313 !important;
}

ul.error-messages {
    background-color: #FEF1EC;
    border: 1px solid #CD0A0A;
    color: #CD0A0A;
    margin: 0 0 20px;
}

ul.error-messages li {
    list-style-position: inside;
    margin: 10px 20px;
}

/* jQuery UI Overrides */

.ui-widget {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    font-size: 13px !important;
}

.ui-tabs {
    padding: 4px !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 14px 10px 10px !important;
}

.ui-corner-all,
.ui-corner-top {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.hasDatepicker,
.hasTimepicker {
    text-align: center;
}


/* Wicket Ajax */

div.wicket-aa-container {
    background-color: #fff;
}

div.wicket-aa {
    font-size: 13px;
    padding: 0;
    text-align: left;
    width: 584px;
    margin-top: 1px;
    z-index: 1000;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    div.wicket-aa {
        font-size: 13px;
        padding: 0;
        text-align: left;
        width: 584px;
        margin-top: 1px;
        margin-right: 17px;
        z-index: 1000;
    }
}

@-moz-document url-prefix() {
    div.wicket-aa {
        font-size: 13px;
        padding: 0;
        text-align: left;
        width: 584px;
        margin-top: 1px;
        margin-right: 17px;
        z-index: 1000;
    }
}

.autocomplete {
    border: 1px solid #ccc;
    width: 586px;
    z-index: 1000;
}

div.wicket-aa ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div.wicket-aa ul li {
    display: block;
    font-size: 10px;
    margin: 0;
    padding: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.wicket-aa ul li.selected {
    color: #000;
    background-color: #F6FBE3;
    cursor: pointer;
}

.autoCompleteWrapper {
    width: 667px !important;
    margin-left: -1px !important;
    z-index: 1001;
}

/* Utility */

ul.scroller {
    padding-top: 2px;
    height: 100px;
    overflow-y: scroll;
    margin-bottom: 20px;
    background-color: white;
    border: 1px #ccc solid;
}

ul.scroller li {
    display: block;
    padding: 3px 6px;
    margin-bottom: 2px;
    list-style-type: none;
}

div.clear {
    clear: both;
    height: 0;
}

div.filter-clear {
    clear: both;
}

div.hidden {
    display: none;
}

div.hidden {
    display: none;
}

div.spacer {
    clear: both;
    height: 24px;
}

div.half-spacer {
    clear: both;
    height: 8px;
}

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

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

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

.number-field-210 {
    text-align: right;
    width: 210px;
}


.number-field-small {
    text-align: right;
    width: 75px;
}

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

.number-field-125 {
    text-align: right;
    width: 125px;
}

.number-field-110 {
    text-align: right;
    width: 110px;
}

.number-field-250 {
    text-align: right;
    width: 250px;
}

.number-field-medium {
    text-align: right;
    width: 150px;
}

.number-field-12unit {
    text-align: right;
    width: 300px;
}

.number-field {
    text-align: right;
    width: 350px;
}

.no-hover {
    margin-top: 10px;
}

.no-hover tr {
    height: 27px;
}

.no-hover tr.even {
    background-color: white !important;
}

.no-hover tr.odd {
    background-color: rgb(245, 245, 245) !important;
}

.halfwidth {
    width: 50% !important;
}

.split-left-report {
    float: left;
    width: 33.33%;
}

.split-left-report > div {
    margin-right: 10px;
}

.split-center-report {
    float: left;
    width: 33.33%;
}

.split-center-report > div {
    margin-left: 10px;
    margin-right: 10px;
}

.split-right-report {
    float: left;
    width: 33.33%;
}

.split-right-report > div {
    margin-left: 10px;
}

.split-left {
    float: left;
    width: 50%;
}

.split-left > div {
    margin-right: 10px;
}

.split-right {
    float: right;
    width: 50%;
}

.split-right > div {
    margin-left: 10px;
}

.split-triple-left {
    float: left;
    width: 33%;
}

.split-triple-right {
    float: left;
    width: 33%;
}

.split-triple-center {
    float: left;
    width: 33%;
}

.split-double-left {
    float: left;
    width: 50%;
}

.split-double-right {
    float: left;
    width: 50%;
}

.split-double-two-thirds {
    float: left;
    width: 66%;
}

.split-double-one-third {
    float: left;
    width: 34%;
}

.arrow-loading {
    background-image: url(../images/new_icons/loading-spinner.gif) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    height: 16px;
    width: 16px;
    background-size: 35px 35px;
}

/* the !important stuff was added to show through the mouse hover, if we can fix it in the future, we should */
.arrow {
    background-image: url(../images/new_icons/blue-button-list3x.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 16px;
    background-size: 15px 15px;
}

.new-icon {
    background-image: url(../images/new-reports-icon.png) !important;
    background-position: 98% 50% !important;
    background-repeat: no-repeat !important;
}

a.arrow:hover {
    cursor: pointer;
}

.arrow-datamanager {
    background-image: url(../images/icon_enter.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    width: 30px;
    width: 16px;
}

.arrowDown {
    /*background-image: url(../images/icon_enter_down.png) !important;*/
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-image: url("../images/new_icons/Arrow3x.png");
    background-size: 13px 11px;
    color: black !important;
    background-color: transparent !important;
}

.arrowDownOver {
    background-image: url(../images/icon_enter_down_over.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    width: 16px;
}

.greenCheck {
    background-image: url(../images/icon_small_checkmark.png) !important;
    background-repeat: no-repeat !important;
    background-position: left !important
}

.buttonWrapper {
    margin: 8px 15px 0 0;
    float: right;
    cursor: pointer;
}

.buttonLeftSide {
    width: 25px;
    height: 23px;
    float: left;
}

.buttonMiddle {
    height: 13px;
    padding: 5px 0 5px 4px;
    float: left;
    background: url(../images/background_button_middle.png) repeat-x;
}

.buttonRightSide {
    width: 25px;
    height: 23px;
    float: right;
    background: url(../images/background_button_right.png) no-repeat;
}

.buttonMiddle a {
    color: #fff;
}

.buttonMiddle a:hover {
    text-decoration: none;
}

.editInfo {
    background: url(../images/button_edit_info_left.png) no-repeat;
}

.save-link {
    background: url(../images/icon_small_save.png) left center no-repeat;
}

.save-link:hover {
    background: url(../images/icon_small_save_over.png) left center no-repeat;
}

.save-link-over {
    background: url(../images/icon_small_save_over.png) left center no-repeat;
}

.send-link {
    background: url(../images/icon_small_check.png) left center no-repeat;
}

.send-link:hover {
    background: url(../images/icon_small_check_over.png) left center no-repeat;
}

.cancel-link {
    background: url(../images/icon_small_cancel.png) left center no-repeat;
}

.cancel-link:hover {
    background: url(../images/icon_small_cancel_over.png) left center no-repeat;
}

.linkproperty-link {
    background: url(../images/icon_small_link.png) left center no-repeat;
}

.linkproperty-link:hover {
    background: url(../images/icon_small_link_over.png) left center no-repeat;
}

.createcontact-link, .createjournal-link {
    background: url(../images/icon_create_add.png) left center no-repeat;
}

.createcontact-link:hover, .createjournal-link:hover {
    background: url(../images/icon_create_add_over.png) left center no-repeat;
}

.filter-link {
    background: url(../images/icon_small_filter.png) left center no-repeat;
}

.filter-link:hover {
    background: url(../images/icon_small_filter_over.png) left center no-repeat;
}

.clear-link {
    background: url(../images/icon_clear.png) left center no-repeat;
    padding: 3px 3px 3px 0;
}

.clear-link:hover {
    background: url(../images/icon_clear_over.png) left center no-repeat;
}

.clear-link-small {
    background: url(../images/icon_clear_small.png) left center no-repeat;
    padding: 3px 3px 3px 0;
}

.clear-link-small:hover {
    background: url(../images/icon_clear_small_over.png) left center no-repeat;
}

.edit-link-circle {
    background: url(../images/new_icons/pencilDetail3x.png) left center no-repeat;
    background-size: 15px 15px;
}

.edit-link-circle:hover {
    background: url(../images/new_icons/pencilDetail-orange3x.png) left center no-repeat;
    background-size: 15px 15px;
}

.clear-link-disabled {
    background: url(../images/icon_clear.png) left center no-repeat;
    padding: 3px 3px 3px 0;
}

.clear-link-disabled:hover {
    background: url(../images/icon_clear.png) left center no-repeat;
}

.search-link {
    background: url(../images/icon_search.png) left center no-repeat;
}

.search-link:hover {
    background: url(../images/icon_search_over.png) left center no-repeat;
}

.viewdoc-link {
    background: url(../images/icon_small_view_doc.png) left center no-repeat;
}

.viewdoc-link:hover {
    background: url(../images/icon_small_view_doc_over.png) left center no-repeat;
}

.journals-link {
    background: url(../images/icon_small_journals.png) left center no-repeat;
}

.journals-link:hover {
    background: url(../images/icon_small_journals_over.png) left center no-repeat;
}

.delete-link {
    background: url(../images/icon_delete.png) left center no-repeat;
}

.delete-link:hover {
    background: url(../images/icon_delete_over.png) left center no-repeat;
}

.delete-link-center {
    background: url(../images/icon_delete.png) center no-repeat;
    padding: 10px;
}

.delete-link-center:hover {
    background: url(../images/icon_delete_over.png) center no-repeat;
    padding: 10px;
}

.delete-link-center-disabled {
    background: url(../images/icon_delete.png) center no-repeat;
    padding: 10px;
}

.void-cheque-link {
    background: url(../images/void.png) left center no-repeat;
}

.void-cheque-link:hover {
    background: url(../images/void_hover.png) left center no-repeat;
}

.edit-link {
    background: url(../images/button_edit_info_left.png) left center no-repeat;
}

.edit-link:hover {
    background: url(../images/button_edit_info_left_over.png) left center no-repeat;
}

.comparables-link {
    background: url(../images/comparables.png) left center no-repeat;
}

.comparables-link:hover {
    background: url(../images/comparables_over.png) left center no-repeat;
}

.enter-link {
    background: url(../images/icon_enter.png) left center no-repeat;
}

.enter-link:hover {
    background: url(../images/icon_enter_over.png) left center no-repeat;
}

.back-link {
    background: url(../images/icon_back.png) left center no-repeat;
}

.back-link:hover {
    background: url(../images/icon_back_over.png) left center no-repeat;
}

.drag-drop-link {
    background: url(../images/reorder.png) left center no-repeat;
    background-size: 16px 16px;
}

.drag-drop-link:hover {
    background: url(../images/reorder_over.png) left center no-repeat;
    background-size: 16px 16px;
}

.run-report-link {
    background: url(../images/run_report.png) left center no-repeat;
    background-size: 16px 16px;
}

.run-report-link:hover {
    background: url(../images/run_report_over.png) left center no-repeat;
    background-size: 16px 16px;
}

.wizard-previous-link {
    background: url(../images/wizard_previous.png) left center no-repeat;
}

.wizard-previous-link:hover {
    background: url(../images/wizard_previous_over.png) left center no-repeat;
}

.wizard-next-link {
    background: url(../images/wizard_next.png) left center no-repeat;
}

.wizard-next-link:hover {
    background: url(../images/wizard_next_over.png) left center no-repeat;
}

.enabled span {
    position: absolute;
    display: none !important;
}

.disabled {
    color: #bbb !important;
    font-style: italic;
}

.disabled span {
    color: #bbb;
    font-style: italic;
}

.disabled div {
    color: #bbb;
    font-style: italic;
}

.disabled a span {
    position: absolute;
    display: none !important;
}

.disabled a:hover span {
    margin-top: 20px;
    margin-left: -100px;
    padding: 5px 5px 5px 5px;
    width: 250px;
    font-size: 13px;
    background-color: #F8F9F9;
    color: #999;
    float: left;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    display: block !important;
    z-index: 100;
    font-style: italic;
}

#disabledRemove span:hover em span {
    left: -170px;
    top: 50px;
    padding: 5px 5px 5px 5px;
    width: 250px;
    display: block;
    background-color: #F8F9F9;
    color: #969696 !important;
    z-index: 100;
}

#disabledRemove span em span {
    position: absolute;
    display: none;
}

#disabledRemove span:hover {
    position: relative;
}

#disabledRemove a span {
    position: absolute;
    display: none;
}

#disabledRemove span em span {
    font-size: 13px;
    background-color: #F8F9F9;
    color: #969696 !important;
    float: left;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding-bottom: 5px;
}

.attachdoc-link {
    background: url(../images/icon_small_attach_doc.png) left center no-repeat;
}

.attachdoc-link:hover {
    background: url(../images/icon_small_attach_doc_over.png) left center no-repeat;
}

.import-link {
    background: url(../images/icon_import.png) left center no-repeat;
}

.import-link:hover {
    background: url(../images/icon_import_over.png) left center no-repeat;
}

.view-link {
    background: url(../images/icon_small_view_doc.png) left center no-repeat;
}

.view-link:hover {
    background: url(../images/icon_small_view_doc_over.png) left center no-repeat;
}

.back-link {
    background: url(../images/icon_back.png) left center no-repeat;
}

.back-link:hover {
    background: url(../images/icon_back_over.png) left center no-repeat;
}

.calendar-link {
    background: url(../images/icon_calendar_view.png) left center no-repeat;
}

.calendar-link:hover {
    background: url(../images/icon_calendar_view_over.png) left center no-repeat;
}

.list-link {
    background: url(../images/icon_list_view.png) left center no-repeat;
}

.list-link:hover {
    background: url(../images/icon_list_view_over.png) left center no-repeat;
}

.preferences-menu-link {
    background: url(../images/icon_enter_down.png) left center no-repeat;
}

.preferences-menu-link:hover {
    background: url(../images/icon_enter_down_over.png) left center no-repeat;
}

.rollNumber-select-link {
    background: url(../images/icon_enter.png) left center no-repeat;
}

.rollNumber-select-link:hover {
    background: url(../images/icon_enter_over.png) left center no-repeat;
}

.save-preferences-link {
    background: url(../images/icon_small_save.png) left center no-repeat;
}

.save-preferences-link:hover {
    background: url(../images/icon_small_save_over.png) left center no-repeat;
}

table.pager a {
    min-width: 13px;
    height: 11px;
    border: 1px solid #ccc;
    background-color: #f5f7f4;
    text-align: center;
    padding: 6px 5px;
    margin: 0 5px;
    color: #999;
}

table.pager a:hover {
    background-color: #eceaea;
    color: #666;
    text-decoration: none;
}

table.pager a:active {
    background-color: #ccc;
    color: #666;
    text-decoration: none;
}

table.pager a[disabled="disabled"] {
    border: 0px;
    background-color: transparent;
    font-style: italic;
    cursor: default;
    pointer-events: none;
}

.form-links .forecast-link {
    padding: 4px 30px 0;
}

.liquid-link a {
    display: block;
    color: #999 !important;
    text-decoration: none;
    padding: 15px 30px 0 27px;
    height: 30px;
    float: right;
    cursor: pointer;
}

.liquid-link a:hover {
    color: #333 !important;
    text-decoration: none;
}

.liquid-label span {
    display: block;
    color: #999 !important;
    text-decoration: none;
    height: 22px;
    float: right;
    cursor: pointer;
    padding-left: 26px;
    padding-top: 6px;
    margin-right: 32px;
}

.liquid-label span:hover {
    color: #333 !important;
    text-decoration: none;
}

.create-link a {
    background: url(../images/icon_create_add.png) left center no-repeat;
    display: block;
    color: #999 !important;
    text-decoration: none;
    padding: 15px 30px 0 27px;
    height: 30px;
    float: right;
    cursor: pointer;
}

.create-link a:hover {
    background: url(../images/icon_create_add_over.png) left center no-repeat;
    color: #333 !important;
    text-decoration: none;
}

.create-import-link {
    width: 70px;
}

.create-import-link a {
    background: url("../images/icon_import.png") no-repeat scroll left center transparent;
    display: block;
    color: #999 !important;
    text-decoration: none;
    padding: 15px 30px 0 27px;
    height: 30px;
    float: right;
    cursor: pointer;
}

.create-import-link a:hover {
    background: url("../images/icon_import_over.png") no-repeat scroll left center transparent;
    color: #333 !important;
    text-decoration: none;
}

.create-list-link a {
    background: url("../images/icon_list_view.png") no-repeat scroll left center transparent;
    display: block;
    color: #999 !important;
    text-decoration: none;
    padding: 15px 30px 0 27px;
    height: 30px;
    float: right;
    cursor: pointer;
}

.create-list-link a:hover {
    background: url("../images/icon_list_view_over.png") no-repeat scroll left center transparent;
    color: #333 !important;
    text-decoration: none;
}

.create-no-text-link a {
    position: relative;
    color: #999 !important;
    text-decoration: none;
    width: 37px;
    height: 21px;
    cursor: pointer;
}

.create-no-text-settings-link a {
    position: relative;
    color: #999 !important;
    text-decoration: none;
    width: 12px;
    height: 16px;
    border-right: 0;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

.create-no-text-link select {
    float: right;
    margin-right: 2px;
    margin-top: -1px;
}

.create-header-link div {
    color: #ababab !important;
}

.create-header-link div:hover {
    color: #ed9837 !important;
}

.smallHeader {
    font-style: italic;
    font-size: 8pt;
    padding-bottom: 13px;
    padding-left: 10px;
}

.create-stats-link a {
    position: relative;
    color: #999 !important;
    text-decoration: none;
    padding: 10px 30px 35px 25px;
    float: right;
    cursor: pointer;
}

.create-stats-link a:hover {
    color: #333 !important;
    text-decoration: none;
}

.import-roll-number {
    display: block;
    text-decoration: none;
    padding: 10px 30px 0 30px;
    height: 27px;
    float: right;
    cursor: pointer;
}

.dashboard-liquid-label {
    color: #999 !important;
    float: right;
    padding-top: 15px;
    margin-right: -21px;
}

.create-dropDown {
    display: block;
    text-decoration: none;
    padding: 10px 30px 0 30px;
    height: 27px;
    float: right;
    cursor: pointer;
}

.create-dropDown a {
    background: url(../images/icon_small_save.png) no-repeat scroll left center transparent;
    padding: 0px 0px 0 25px;
    color: #999 !important;
    text-decoration: none;
}

.create-dropDown a:hover {
    background: url(../images/icon_small_save_over.png) no-repeat scroll left center transparent;
    padding: 0px 0px 0 25px;
    color: #333 !important;
    text-decoration: none;
}

.paidOutOfTotal {
    padding-right: 240px;
}

#property-details-logo img {
    height: 115px;
    width: 130px;
    margin-right: 5px;
}

.header-left img {
    width: 290px;
    height: 84px;
    padding-top: 6px;
    padding-left: 5px;
}

label[for$=-HTML], label[for$=-PDF], label[for$=-EXCEL], label[for$=-WORD], label[for$=-GRAPH], label[for$=-CSV], label[for$=-PDF_WITH_DOCUMENTS], label[for$=-DOWNLOAD_ZIP_FILE], label[for$=-EXPORT_TO_PDF_FILE], label[for$=-IRVINE_EXCEPTION_8], label[for$=-TXT], label[for$=-PSPC_R1] {
    padding-top: 43px;
    height: 10px;
    display: block;
    float: left;
    width: 45px;
}

label[for$=-HTML] {
    background: url(../images/icon_export_html.png) no-repeat;
}

label[for$=-PDF] {
    background: url(../images/icon_export_pdf.png) no-repeat;
}

label[for$=-EXCEL] {
    background: url(../images/icon_export_excel.png) no-repeat;
}

label[for$=-WORD] {
    background: url(../images/icon_export_word.png) no-repeat;
}

label[for$=-GRAPH] {
    background: url(../images/icon_export_graph.png) no-repeat;
}

label[for$=-CSV] {
    background: url(../images/icon_export_excel.png) no-repeat;
}

label[for$=-TXT] {
    background: url(../images/icon_export_text.png) no-repeat;
}

label[for$=-PDF_WITH_DOCUMENTS] {
    background: url(../images/icon_export_pdf.png) no-repeat;
}

label[for$=-DOWNLOAD_ZIP_FILE] {
    background: url(../images/icon_export_pdf.png) no-repeat;
}

label[for$=-EXPORT_TO_PDF_FILE] {
    background: url(../images/icon_export_pdf.png) no-repeat;
}

label[for$=-IRVINE_EXCEPTION_8] {
    background: url(../images/icon_export_excel.png) no-repeat;
}

label[for$=-PSPC_R1] {
    background: url(../images/icon_export_pdf.png) no-repeat;
}

.dataManagerExcelLabel {
    background: url(../images/icon_export_excel.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    width: 30px;
}

table.zebra tr:hover td.dataManagerExcelLabel {
    background: #f6fbe3;
    cursor: pointer;
    background-image: url(../images/icon_export_excel.png) !important;
}

.dataManagerExcelLabelNew {
    background: url(../images/new_icons/excel3x.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 18px 22px !important;
}

table.zebra tr:hover td.dataManagerExcelLabelNew {
    background: #f6fbe3;
    cursor: pointer;
    background-image: url(../images/new_icons/excel3x.png) !important;
}

.radio-container > input[id$=-HTML] {
    float: left;
    margin-top: 20px;
}

.radio-container > input[id$=-PDF] {
    float: left;
    margin-top: 20px;
}

.radio-container > input[id$=-EXCEL] {
    float: left;
    margin-top: 20px;
}

.radio-container > input[id$=-WORD] {
    float: left;
    margin-top: 20px;
}

.radio-container > input[id$=-GRAPH] {
    float: left;
    margin-top: 20px;
}

.radio-container > input[id$=-CSV] {
    float: left;
    margin-top: 20px;
}

.radio-container > input[id$=-TXT] {
    float: left;
    margin-top: 20px;
}

.radio-container > input[id$=-PDF_WITH_DOCUMENTS] {
    float: left;
    margin-top: 20px;
}

.radio-container > input[id$=-DOWNLOAD_ZIP_FILE] {
    float: left;
    margin-top: 20px;
}

.radio-container > input[id$=-EXPORT_TO_PDF_FILE] {
    float: left;
    margin-top: 20px;
}

.radio-container > input[id$=-IRVINE_EXCEPTION_8] {
    float: left;
    margin-top: 20px;
}

.radio-container > input[id$=-PSPC_R1] {
    float: left;
    margin-top: 20px;
}

ul#clientBar {
    float: left;
    margin-top: -10px;
    margin-bottom: -1px;
}

ul#clientBar li {
    height: 31px;
    float: left;
}

ul#clientBar a {
    background: url(../images/background_utilities_divider.png) no-repeat right center;
    padding: 10px 10px;
    height: 11px;
}

ul#clientBar a:hover {
    text-decoration: none;
}

#clientMain {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    display: block;
    float: left;
    color: #ABAAAA;
    background: url(../images/icon_client_main.png) no-repeat left center;
}

a#clientSub {
    padding-left: 25px;
    margin-left: 7px;
}

a#clientLink {
    margin-left: -7px;
}

#clientBar img {
    background-position: center;
    float: left;
    padding-right: 10px;
    margin-top: -3px;
}

ul#clientBar li.clientLast {
    background: none;
}

.ui-dialog-addlinkset {
    background: url(../images/icon_create_add.png) left center no-repeat;
}

.ui-dialog-addlinkset:hover {
    background: url(../images/icon_create_add_over.png) left center no-repeat;
}

.ui-dialog-addlinkset span {
    padding-left: 25px;
    color: #999;
}

.ui-dialog-addlinkset a:hover {
    text-decoration: none;
}

.ui-dialog-addlinkset span:hover {
    color: #666;
}

.ui-dialog-buttonset button {
    background: url(../images/icon_small_cancel.png) left center no-repeat !important;
    border: none !important;
    padding: 1px 2px 1px 17px !important;
    /*height: 23px;*/
    color: #999 !important;
}

.ui-dialog-buttonset button:hover {
    background: url(../images/icon_small_cancel_over.png) left center no-repeat !important;
    border: none;
    color: #666 !important;
}

.ui-dialog-buttonset button + button {
    background: url(../images/icon_small_save.png) left center no-repeat !important;
    border: none !important;
    padding: 1px 2px 1px 17px !important;
    /*height: 23px;*/
    color: #999 !important;
}

.ui-dialog-buttonset button + button:hover {
    background: url(../images/icon_small_save_over.png) left center no-repeat !important;
    border: none;
    color: #666 !important;
}

.saveIcon div div button {
    background: url(../images/icon_small_save.png) left center no-repeat !important;
    border: none !important;
    padding: 1px 2px 1px 17px !important;
    /*height: 23px;*/
    color: #999 !important;
}

.saveIcon div div button:hover {
    background: url(../images/icon_small_save_over.png) left center no-repeat !important;
    border: none;
    color: #666 !important;
}

.noIcon div div button {
    background: white !important;
    border: none !important;
    padding: 1px 2px 1px 17px !important;
    /*height: 23px;*/
    color: #999 !important;
}

.noIcon div div button:hover {
    background: white !important;
    border: none;
    color: #666 !important;
}

.doc-dialog div div button {
    background: url(../images/icon_small_view_doc.png) left center no-repeat !important;
    border: none !important;
    padding: 1px 2px 1px 17px !important;
    /*height: 23px;*/
    color: #999 !important;
}

.doc-dialog div div button:hover {
    background: url(../images/icon_small_view_doc_over.png) left center no-repeat !important;
    border: none;
    color: #666 !important;
}

.doc-dialog div div button + button {
    background: url(../images/icon_small_save.png) left center no-repeat !important;
    border: none !important;
    padding: 1px 2px 1px 17px !important;
    /*height: 23px;*/
    color: #999 !important;
}

.doc-dialog div div button + button:hover {
    background: url(../images/icon_small_save_over.png) left center no-repeat !important;
    border: none;
    color: #666 !important;
}

.doc-dialog div div button + button + button {
    background: url(../images/icon_small_cancel.png) left center no-repeat !important;
    border: none !important;
    padding: 1px 2px 1px 17px !important;
    /*height: 23px;*/
    color: #999 !important;
}

.doc-dialog div div button + button + button:hover {
    background: url(../images/icon_small_cancel_over.png) left center no-repeat !important;
    border: none;
    color: #666 !important;
}

.revision-filter-panel {
    margin-bottom: 10px;
    font-weight: normal;
}

.revision-filter-panel a {
    margin-left: 10px;
    color: #999 !important;
}

.revision-filter-panel a:hover {
    color: #333 !important;
    text-decoration: none;
}

#revision-filter-panel-selected {
    margin-left: 10px;
    font-weight: bold;
    font-style: italic;
    color: #333 !important;
}

.totals-filter-panel label {
    margin-left: 10px;
}

.totals-filter-panel label input {
    vertical-align: middle;
}

.totalRow {
    font-weight: bold;
}

.class-name {
    float: right;
    color: #fc9823;
}

.invisible {
    font-size: 0;
}

.search {
    float: left;
}

.reminder-title {
    float: left !important;
    font-size: 12pt;
}

.title {
    color: #333 !important;
    cursor: default !important;
}

#clientMain {
    height: 11px;
    background: url(../images/background_utilities_divider.png) no-repeat right center;
}

.mini_date {
    padding: 1px 2px !important;
    width: 70px !important;
}

.medium_date {
    padding: 1px 2px !important;
    width: 90px !important;
}

.mini_amount {
    padding: 1px 2px !important;
    width: 80px !important;
    text-align: right !important;
}

.medium_amount {
    padding: 1px 2px !important;
    width: 95px !important;
    text-align: right !important;
}

.mini_percentage {
    padding: 1px 2px !important;
    width: 50px !important;
    text-align: right !important;
}

.mini_field {
    padding: 1px 2px !important;
    width: 85px !important;
}

.mini_lock_field {
    padding: 1px 2px 1px 18px !important;
    width: 85px;
}

#batchMenu li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

#batchMenu li:hover {
    position: relative;
    /*z-index: 1000;*/
}

#batchMenu li a {
    display: block;
    text-decoration: none;
    color: #777;
    background-color: #F3F4F4;
    padding: 3px;
    float: right;
    margin: -21px 0 -22px 212px;
    vertical-align: bottom !important;
}

#batchMenu li ul {
    position: absolute;
    display: none;
    margin-left: 207px;
}

#batchMenu li:hover ul {
    top: 0px;
    padding: 0px;
    width: 85px;
    display: block;
    background: transparent;
    z-index: 9999;
}

#batchMenu li ul li {
    background-color: #F8F9F9;
    float: left;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

#batchMenu li ul li a {
    height: 22px;
    padding: 0px;
    display: block;
    width: 85px;
    line-height: 22px;
    text-indent: 10px;
    margin: 0 0 0 0;
}

#batchMenu li ul li a:hover {
    color: #fc9823;
}

#fileAsMenu li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

#fileAsMenu li:hover {
    position: relative;
    z-index: 1000;
}

#fileAsMenu li a {
    display: block;
    text-decoration: none;
    color: #777;
    background-color: #F3F4F4;
    padding: 3px;
    float: right;
    margin: -21px 0 -22px 362px;
}

#fileAsMenu li ul {
    position: absolute;
    display: none;
}

#fileAsMenu li:hover ul {
    top: 0px;
    padding: 0px;
    width: 380px;
    display: block;
    background: transparent;
    z-index: 9999;
}

#fileAsMenu li ul li {
    background-color: #F8F9F9;
    float: left;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

#fileAsMenu li ul li a {
    height: 22px;
    padding: 0px;
    display: block;
    width: 380px;
    line-height: 22px;
    text-indent: 10px;
    margin: 0 0 0 0;
}

#fileAsMenu li ul li a:hover {
    color: #fc9823;
}

#preferencesMenu a {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    padding-left: 26px;
    padding-top: 12px;
    margin-top: 9px;
    color: #999;
    position: absolute;
}

#preferencesMenu a:hover {
    color: #333;
}

#preferencesMenuInsidePanel a {
    height: 26px;
    padding-left: 24px;
}

/* Clear float  */
.clear {
    clear: both;
}

.arrow-width {
    width: 20px;
    height: 15px;
    padding-left: 0px;

}

.batch-field {
    width: 180px;
    display: inline-block;
    overflow: hidden;
    color: #00A9F4;
}

select[disabled] {
    background: url(../images/icon_field_locked.png) no-repeat left;
    background-color: #eee;
    padding-left: 20px; /*The required padding has been added at the input field level*/
}

.create-link {
    background: url(../images/icon_create_add.png) left center no-repeat;
    padding: 3px 3px 3px 0;
}

.create-link:hover {
    background: url(../images/icon_create_add_over.png) left center no-repeat;
}

a#browseAppealGroups {
    background: url(../images/icon_search.png) left center no-repeat !important;
}

a#browseAppealGroups:hover {
    background: url(../images/icon_search_over.png) left center no-repeat !important;
}

#browseMenu li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

#browseMenu li:hover {
    position: relative;
}

#browseMenu li a {
    display: inline-block;
    text-decoration: none;
    width: 100%;
}

#browseMenu li span {
    display: inline-block;
    text-decoration: none;
    width: 100%;
}

#browseMenu li ul {
    position: absolute;
    display: none;
}

#browseMenu li:hover ul {
    left: 0px;
    top: 37px;
    padding: 0px;
    width: 200px;
    display: block;
    background: transparent;
    z-index: 100;
}

#browseMenu li ul li {
    background-color: #F8F9F9;
    float: left;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding-bottom: 5px;
}

#browseMenu li ul li a {
    height: 20px;
    padding: 0px;
    display: block;
    width: 200px;
    border: none;
    line-height: 20px;
    text-indent: 30px;
    padding: 5px 0 0 5px !important;
}

.move-link {
    background: url(../images/icon_small_filter.png) left center no-repeat !important;
}

.move-link:hover {
    background: url(../images/icon_small_filter_over.png) left center no-repeat !important;
}

.push-link {
    background: url(../images/icon_small_filter.png) left center no-repeat !important;
}

.push-link:hover {
    background: url(../images/icon_small_filter_over.png) left center no-repeat !important;
}

.height-1units {
    height: 25px;
    width: 85%
}

.add-row-panel {
    padding: 10px;
    width: 100%;
    height: 20px;
}

.add-row-textinput {
    height: 20px;
    width: 30px;
}

.add-row-text {
    padding: 10px;
    height: 25px;
    vertical-align: middle;
}

.add-row-link a {
    background: url(../images/icon_create_add.png) left center no-repeat;
    padding: 10px 10px 0px 30px;
    height: 25px;
    cursor: pointer;

}

.add-row-link a:hover {
    background: url(../images/icon_create_add_over.png) left center no-repeat;
    color: #333 !important;
    text-decoration: none;
}

.add-row-link {
    cursor: default;
    font-weight: bold;
    float: left;
}

.delete-row-link a {
    background: url(../images/icon_delete.png) left center no-repeat;
    padding: 10px 10px 0px 30px;
    height: 25px;
    cursor: pointer;

}

.delete-row-link a:hover {
    background: url(../images/icon_delete_over.png) left center no-repeat;
    color: #333 !important;
    text-decoration: none;
}

.delete-row-link {
    cursor: default;
    font-weight: bold;
    float: right;
}

.grid-rows-manager {
    width: 100%;
}

.grid-rows-manager tr td {
    width: 50%;
    vertical-align: bottom;
}

#placeholderAssessments {
    width: 400px;
    height: 400px;
    position: relative;
    margin: 0 auto;
    /*display: inline;*/
}

#placeholderTaxes {
    width: 400px;
    height: 400px;
    position: relative;
    margin: 0 auto;
}

/* Dashboard placeholders */
#placeholderTotalTax,
#placeholderTotalAssessment,
#placeholderTotalApportioned,
#placeholderTotalTaxable,
#placeholderActualTaxVsProjection,
#placeholderTaxSavings,
#placeholderProjectedSavings {
    width: 280px;
    height: 200px;
    position: relative;
    margin: 0 auto;
}

#placeholderTaxDistribution,
#placeholderAssessmentDistribution,
#placeholderApportionedDistribution,
#placeholderTaxableDistribution,
#placeholderExpenses {
    width: 280px;
    height: 200px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 15px !important;
    margin-top: 15px !important;
}

#placeholderTotalTaxLookup,
#placeholderTotalAssessmentLookup,
#placeholderTotalApportionedLookup,
#placeholderTotalTaxableLookup,
#placeholderActualTaxVsProjectionLookup,
#placeholderTaxSavingsLookup,
#placeholderProjectedSavingsLookup {
    width: 600px;
    height: 500px;
    position: relative;
    margin: 0 auto;
}

#placeholderTaxDistributionLookup,
#placeholderAssessmentDistributionLookup,
#placeholderApportionedDistributionLookup,
#placeholderTaxableDistributionLookup,
#placeholderExpensesLookup {
    width: 600px;
    height: 500px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 15px !important;
}

.customPieGraph {
    width: 280px;
    height: 200px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 15px !important;
    margin-top: 15px !important;
}

.customPieGraphLookup {
    width: 500px;
    height: 400px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 15px !important;
}

/* Legends */
.totalTaxLegend {
    width: 60px !important;
    height: 20px !important;
    margin: auto !important;
    font-size: 9pt !important;
    text-align: right !important;
    padding: 15px 0 15px 60px !important;
}

.totalApportionedLegend,
.projectedSavingsLegend {
    width: 136px !important;
    height: 20px !important;
    margin: auto !important;
    font-size: 9pt !important;
    text-align: right !important;
    padding: 15px 0 15px 60px !important;
}

.totalAssessmentLegend,
.totalTaxableLegend {
    width: 215px !important;
    height: 20px !important;
    margin: auto !important;
    font-size: 9pt !important;
    text-align: right !important;
    padding: 15px 0 15px 60px !important;
}

.actualTaxVsProjectionLegend {
    width: 165px !important;
    height: 20px !important;
    margin: auto !important;
    font-size: 9pt !important;
    text-align: right !important;
    padding: 15px 0 15px 60px;
}

.taxSavingsLegend {
    width: 280px !important;
    height: 20px !important;
    margin: auto !important;
    font-size: 9pt !important;
    text-align: right !important;
    padding: 15px 0 15px 0 !important;
}

.taxDistributionLegend table,
.assessmentDistributionLegend table,
.apportionedDistributionLegend table,
.taxableDistributionLegend table,
.customPieGraphLegend table,
.expensesLegend table {
    width: 1% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.taxDistributionLegend table tr td,
.assessmentDistributionLegend table tr td,
.apportionedDistributionLegend table tr td,
.taxableDistributionLegend table tr td,
.customPieGraphLegend table tr td,
.expensesLegend table tr td {
    padding-top: 0 !important;
    padding-right: 2px !important;
}

.legend table, .legend > div {
    height: 82px !important;
    opacity: 1 !important;
    right: -51px;
    top: 10px;
    width: 116px !important;
}

.legend table {
    border: 1px solid #555 !important;
}

.legend table .legendLabel {
    border-right: 1px solid #555 !important;
}

/* Legend Lookups */
.totalTaxLegendLookup {
    width: 50px !important;
    height: 20px !important;
    margin: auto !important;
    font-size: 11pt !important;
    text-align: right !important;
    padding: 15px 0 15px 60px !important;
}

.totalApportionedLegendLookup,
.projectedSavingsLegendLookup {
    width: 147px !important;
    height: 20px !important;
    margin: auto !important;
    font-size: 11pt !important;
    text-align: right !important;
    padding: 15px 0 15px 60px !important;
}

.totalAssessmentLegendLookup,
.totalTaxableLegendLookup {
    width: 233px !important;
    height: 20px !important;
    margin: auto !important;
    font-size: 11pt !important;
    text-align: right !important;
    padding: 15px 0 15px 60px !important;
}

.actualTaxVsProjectionLegendLookup {
    width: 175px !important;
    height: 20px !important;
    margin: auto !important;
    font-size: 11pt !important;
    text-align: right !important;
    padding: 15px 0 15px 60px !important;
}

.taxSavingsLegendLookup {
    width: 439px !important;
    height: 20px !important;
    margin: auto !important;
    font-size: 11pt !important;
    text-align: right !important;
    padding: 15px 0 15px 0 !important;
}

.customPieGraphLegendLookup
.taxDistributionLegendLookup,
.assessmentDistributionLegendLookup,
.apportionedDistributionLegendLookup,
.taxableDistributionLegendLookup {
    margin-left: auto !important;
    margin-right: auto !important;
}


.expensesLegendLookup {
    width: 44% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#calendar {
    width: 280px;
    height: 200px;
    position: relative;
    margin: 0 auto;
}

.active-property-list {
    background-color: antiquewhite;
}

#flot-tooltip {
    font-size: 12px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    position: absolute;
    display: none;
    border: 2px solid;
    padding: 2px;
    background-color: #FFF;
    opacity: 0.8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    z-index: 9999;
}

.frozen-column-link {
    cursor: default;
    font-weight: bold;
    float: left;
}

.sort-row-link {
    cursor: default;
    font-weight: bold;
    float: right;
}

.sort-row-link a {
    padding: 4px 10px 4px 10px;
    border-width: 1px 0px 1px 1px;
    border-top-color: white;
    border-right-color: white;
    border-bottom-color: #D1D1D1;
    border-left-color: white;
    border-style: solid;
    display: inline-block;
}

.sort-row-link a:hover {
    text-decoration: none;
    border-top-color: #D1D1D1;
    border-left-color: #D1D1D1;
}

.sort-row-link a:active {
    text-decoration: none;
    border-top-color: #808080;
    border-bottom-color: #909090;
    border-left-color: #808080;
    background-color: #888888;
}

.button-box {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    display: inline-block;
}

.doc-button {
    border-width: 1px;
    border-color: #AAA;
    border-style: solid;
    display: inline-block;
    color: #555;
    font-weight: bold;
}

.doc-button:hover {
    text-decoration: none;
    border-top-color: #DDD;
    border-left-color: #DDD;
}

.doc-button:active {
    text-decoration: none;
    border-top-color: #808080;
    border-bottom-color: #909090;
    border-left-color: #808080;
    background-color: #888888;
}

.count-panel {
    cursor: default;
    float: right;
    padding: 15px 5px;
}

.count td span {
    cursor: default;
    float: right;
    text-align: right !important;
    color: #666;
    padding-bottom: 5px;
    padding-top: 0;
    font-size: 9pt;
}

.select-conversion a {
    background: url(../images/icon_small_checkmark.png) left center no-repeat;
    padding: 10px 10px 10px 20px;
    height: 25px;
    cursor: pointer;
    color: #aaa !important;
}

.select-conversion a:hover {
    background: url(../images/icon_small_checkmark_over.png) left center no-repeat;
    color: #333 !important;
    text-decoration: none;
}

.select-conversion {
    cursor: default;
    font-weight: bold;
}

.select-measurement-unit {
    width: 330px;
}

.converter-link a {
    width: 50px;
    color: #aaa !important;
    font-weight: bold;
}

.converter-link a:hover {
    color: #333 !important;
    text-decoration: none;
}

table.sub-table {
    width: 98%;
}

table.sub-table tr td div {
    width: 100%;
}

.exception-outerbox {
    color: #333;
    font-size: 0.9em;
    margin-top: -33px;
    padding: 15px;
    overflow: auto;
    background: #ebe8e8 url(../images/outer_box_leftside.png) repeat-y left top;
    height: 350px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.exception-outerbox h1 {
    color: #E9601A;
    font-size: 1.0em;
}

.exception-label {
    color: #333;
    font-weight: bold;
    vertical-align: text-top !important;
}

.exception-field {
    color: #333;
    vertical-align: text-top !important;
}

.inner-table-container {
    overflow-x: auto;
    min-height: 100px;
}

.permission-link a {
    font-weight: bold;
}

.permission-link a:hover {
    text-decoration: none;
}

.permission-link a:after {
    content: "...";
}

.iwstyle {
    font-size: 8pt !important;
}

a#noDataAvailable {
    background: url(../images/no_data_available.png) left center no-repeat;
}

/*.search-type-top {*/
/*float: left;*/
/*background: url("../images/new_icons/Arrow3x.png") right center no-repeat;*/
/*background-size: 10px 7px;*/
/*cursor: pointer;*/
/*top: 8px;*/
/*position: relative;*/
/*margin-right: 70px;*/
/*margin-left: 10px;*/
/*text-decoration: none;*/
/*font-weight: bold;*/
/*width: 65px;*/
/*}*/

/*.search-type-top span {*/
/*float: right;*/
/*margin-right: 21px;*/
/*font-size: 14px;*/
/*}*/

/*#search-type-bottom {*/
/*position: absolute;*/
/*top: 39px;*/
/*border-radius: 0 5px 5px 0;*/
/*background-color: #FFFFFF;*/
/*box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);*/
/*z-index: 999;*/
/*}*/

/*#search-type-bottom ul {*/
/*float: left;*/
/*margin: 0;*/
/*padding: 0;*/
/*}*/

/*#search-type-bottom a {*/
/*width: 103px;*/
/*display: block;*/
/*color: #212121;*/
/*height: 14px;*/
/*line-height: 14px;*/
/*padding: 5px 0 5px 8px;*/
/*margin: 0;*/
/*}*/

/*#search-type-bottom a:hover {*/
/*background-color: #FFF1D9;*/
/*text-decoration: none;*/
/*}*/

/*#search-dropdown ul {*/
/*padding: 0;*/
/*margin: 0;*/
/*float: none;*/
/*}*/

/*#search-dropdown ul li {*/
/*display: list-item;*/
/*}*/

/*#search-dropdown {*/
/*position: relative;*/
/*background-color: white;*/
/*}*/

/*#search-loading-icon {*/
/*background: url(../images/loading_small.gif) no-repeat center;*/
/*height: 16px;*/
/*width: 16px;*/
/*float: right;*/
/*margin: 6px 0 0 680px;*/
/*position: absolute;*/
/*display: none;*/
/*}*/

.map-overlay-text {
    float: left;
    margin-right: 10px;
    width: 106px;
}

.property-overlay-link {
    font-weight: bold;
    color: blue;
}

.property-overlay-link:hover {
    color: #E9601A;
}

#load-time {
    margin-top: 5px;
    margin-left: 10px;
    color: #ABAAAA;
    float: left;
}

#hostname {
    margin-top: 5px;
    margin-left: 10px;
    color: #ABAAAA;
    float: left;
}

.poppup-message-box {
    padding: 50px;
    height: 40px;
    vertical-align: middle;
    text-align: center;
}

.accrual-list {
    /*word-wrap: break-word !important;*/
    /*padding: 2px;*/
    /*font-size: 12px !important;*/
    text-align: center !important;
    /*line-height: 15px;*/
}

.accrual-list-header {
    word-wrap: break-word !important;
    font-size: 12px !important;
    text-align: center !important;
}

.escrow-list-header {
    word-wrap: break-word !important;
    font-size: 12px !important;
    text-align: center !important;
}

.accrual-list-table th {
    word-wrap: break-word !important;
    font-size: 10px !important;
    text-align: center !important;
}

.accrual-list-table td {
    word-wrap: break-word !important;
    padding: 2px;
    font-size: 10px !important;
    /*text-align: right !important;*/
}

.no-header-list-table thead {
    display: none;
}

.remove-accrual-adjustment-link a {
    position: relative;
    color: #999 !important;
    text-decoration: none;
    padding: 0 0 0 27px !important;
    width: 75px;
    height: 21px;
    cursor: pointer;
}

.remove-accrual-adjustment-link a:hover {
    color: #555555 !important;
}

.customGridDivHide {
    display: none;
    position: relative;
    visibility: hidden;
}

.escrow-paid-green-cell {
    background-color: #90ee90 !important;
    word-wrap: break-word !important;
    padding: 2px;
    font-size: 10px !important;
    text-align: right !important;
}

.accrual-paid-green-cell {
    background-color: #50BF2F !important;
    padding: 2px;
    border-radius: 2px !important;
    font-size: 15px !important;
    text-align: right !important;
    word-wrap: break-word !important;
}

.accrual-space-cell {
    padding: 1px;
    font-size: 10px !important;
    text-align: right !important;
    word-wrap: break-word !important;
}

.accrual-refund-blue-cell {
    background-color: #009DFF !important;
    padding: 2px;
    border-radius: 2px !important;
    font-size: 15px !important;
    text-align: right !important;
    word-wrap: break-word !important;
}

.accrual-refund-paid-green-cell {
    background-color: #ffb6c1 !important;
    padding: 2px;
    border-radius: 2px !important;
    font-size: 15px !important;
    text-align: right !important;
    word-wrap: break-word !important;
}

.accrual-balance-adjustment-orange-cell {
    background-color: #FF9322 !important;
    padding: 2px;
    border-radius: 2px !important;
    font-size: 15px !important;
    text-align: right !important;
    word-wrap: break-word !important;
}

.accrual-adjustment-locked-thistle-cell {
    background-color: #D8BFD8 !important;
    padding: 2px;
    font-size: 10px !important;
    text-align: right !important;
    word-wrap: break-word !important;
}

.accrual-light-red-cell {
    background-color: #ffb6c1 !important;
    padding: 2px;
    border-radius: 2px !important;
    font-size: 15px !important;
    text-align: right !important;
    word-wrap: break-word !important;
}

.accrual-legend-cell {
    font-size: 10px !important;
}

.accrual-forecast-type-highlight01 {
    font-weight: bold;
    padding: 0 8px;
    margin-left: 10px;
    line-height: 22px;
}

.accrual-forecast-type-highlight02 {
    font-weight: bold;
    padding: 0 8px;
    color: #00A9F4;
    border: 2px solid #00A9F4;
    border-radius: 3px;
    background-color: white;
}

.background-green-cell {
    background-color: #90ee90 !important;
    text-align: right;
}

.background-light-blue-cell {
    background-color: #87cefa !important;
    text-align: right;
}

.background-light-red-cell {
    background-color: #ffb6c1 !important;
}

#wrapper {
    overflow: hidden;
}

#gridDialog {
    z-index: 10000;
    background-color: #E6F1FF;
    /*color: #0080FF;*/
    border: 2px #000000 ridge;
    overflow: hidden;
    width: 900px;
    height: 400px;
    resize: both;
    position: relative;
    text-align: center;
}

[class*='close-'] {
    color: #777;
    font: 14px/100% arial, sans-serif;
    position: absolute;
    right: 5px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    top: 5px;
}

.close-classic:after {
    content: 'X'; /* ANSI X letter */
}

.close-thin:after {
    content: '×'; /* UTF-8 symbol */
}

.close-thik:after {
    content: '✖'; /* UTF-8 symbol */
}

#loading-spinner {
    display: none;
}

#spinner-box {
    width: 300px;
    height: 200px;
    background-color: #FFFFFF;
    box-shadow: 0 0 76px 0 rgba(70, 70, 70, 0.28);
    border: 1px solid #EAEEF5;
    border-radius: 10px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 11002;
    transform: translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
}

#spinner-icon {
    background: url(../images/new_icons/loading-spinner.gif) no-repeat center;
    height: 140px;
    background-size: 140px 140px;
}

#spinner-text {
    line-height: 34px;
    color: #2B2B2B;
    letter-spacing: 1.15px;
    font-size: 26px;
    font-weight: 500;
}

#spinner-background {
    position: fixed;
    top: 0;
    left: 0;
    background: #95A2B5;
    width: 100%;
    height: 100%;
    z-index: 11001;
    opacity: 0.55;
    filter: alpha(opacity=55); /* For IE8 and earlier */
}

#locked-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #95A2B5;
    width: 100%;
    height: 100%;
    z-index: 989;
    opacity: 0.55;
    filter: alpha(opacity=55); /* For IE8 and earlier */
}

#progress-bar-db {
    display: none;
}

#progress-bar-box-db {
    width: 572px;
    height: 200px;
    background-color: #FFFFFF;
    box-shadow: 0 0 76px 0 rgba(70, 70, 70, 0.28);
    border: 1px solid #EAEEF5;
    border-radius: 10px;
    padding-top: 50px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 10px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 11002;
    transform: translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
}

#progress-bar-percentage-db {
    position: relative;
    width: 100%;
    bottom: 4%;
    left: 20px;
}

#progress-bar-label-db {
    position: relative;
    font-weight: bold;
    font-size: 40px;
    padding-top: 2px;
    color: #282828;
    z-index: 101;
    padding-bottom: 8px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
}

#progressbar-bar-background-db {
    position: absolute;
    left: 50px;
    width: 522px;
    height: 20px;
    border: 1px solid #D5D5D5;
    border-radius: 28px;
    box-shadow: inset 0 0 7px 0 rgba(99, 99, 99, 0.06), 0 0 0 0 rgba(0, 0, 0, 0.5);
    background-color: #ECECEC;
    z-index: 100;
}

#progressbar-bar-db {
    position: absolute;
    left: 50px;
    width: 3%;
    height: 22px;
    background-image: linear-gradient(#00A9F4, #8ED6F5);
    border-radius: 28px;
    z-index: 100;
}

#progressbar-label-db {
    position: relative;
    width: 100%;
    text-align: center;
    top: 21%;
}

.progressbar-step-label-db {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 11px;
    color: #282828;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.progressbar-cancel-db {
    position: relative;
    text-align: center;
    font-size: 14px;
    padding-top: 11px;
    color: #00A9F4;
    z-index: 101;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    text-transform: lowercase;
    font-weight: bold;
}

.progressbar-cancel-db:hover {
    cursor: pointer;
}

#progressbar-locked-background-db {
    position: fixed;
    top: 0;
    left: 0;
    background: #95A2B5;
    width: 100%;
    height: 100%;
    z-index: 11001;
    opacity: 0.55;
    filter: alpha(opacity=55); /* For IE8 and earlier */
}

.frequency-list li {
    line-height: 1.5em;
    float: left;
    width: 25%;
}

.frequency-text {
    float: left;
    width: 15px;
}

.frequency-select {
    float: left;
    width: 115px;
}

.logoDimensions {
    padding-bottom: 16px;
    font-style: italic;
}

.contact-card-width-medium {
    width: 150px;
    padding-left: 22px !important;
}

.contact-card-width-large {
    width: 485px;
    padding-left: 22px !important;
}

.unread-message {
    font-weight: bold;
}

.notification-count {
    background-color: #C20116;
    padding: 4px;
    margin-left: 3px;
    margin-bottom: 1px;
    border-radius: 14px;
    display: inline-block;
}

.maintenance-count {
    background-color: #C20116;
    padding: 4px;
    margin-left: 3px;
    margin-bottom: 1px;
    border-radius: 14px;
    display: inline-block;
}

.message-panel-top {
    border-top: 1px #ccc solid;
}

.inactive-permission:before {
    content: "* ";
}

.dismiss {
    cursor: pointer;
    float: right;
    margin: -26px 26px;
    font-size: 15px;
}

#popup-notification a {
    color: #bbb;
    text-decoration: none;
    font-weight: bold
}

/* It allows to center title in Modal Window wicket component */
span.w_captionText {
    position: static !important;
}

.remove-text-decoration a:hover {
    text-decoration: none;
}

.remove-disabled-features {
    background: none !important;
    background-color: white !important;
}

.notification-description {
    background-color: #fff;
    text-align: right;
    font-style: italic;
}

.appeal-group-edit {
    float: right;
}

.appeal-group-edit:hover {
    float: right;
    color: #fc9823;
}

.selectable.zebra.clickable tr.even {
    background-color: #E9F9FF;
}

.selectable.zebra.clickable tr:hover {
    background-color: #F0F0F0;
}

.selectable.zebra.clickable td:hover {
    cursor: pointer;
}

.sort_order_asc span {
    background: url(../images/sort-asc.png) no-repeat center right !important;
    background-position-x: calc(100% - 11px) !important;
}

.sort_order_desc span {
    background: url(../images/sort-desc.png) no-repeat center right !important;
    background-position-x: calc(100% - 11px) !important;
}

.sort_order_asc_dd span { /* Double digits */
    background: url(../images/sort-asc.png) no-repeat center right !important;
    background-position-x: calc(100% - 13px) !important;
}

.sort_order_desc_dd span { /* Double digits */
    background: url(../images/sort-desc.png) no-repeat center right !important;
    background-position-x: calc(100% - 13px) !important;
}

.sort_order_1 span::after {
    content: "1";
    padding-left: 20px;
    font-size: 11px;
}

.sort_order_2 span::after {
    content: "2";
    padding-left: 20px;
    font-size: 11px;
}

.sort_order_3 span::after {
    content: "3";
    padding-left: 20px;
    font-size: 11px;
}

.sort_order_4 span::after {
    content: "4";
    padding-left: 20px;
    font-size: 11px;
}

.sort_order_5 span::after {
    content: "5";
    padding-left: 20px;
    font-size: 11px;
}

.sort_order_6 span::after {
    content: "6";
    padding-left: 20px;
    font-size: 11px;
}

.sort_order_7 span::after {
    content: "7";
    padding-left: 20px;
    font-size: 11px;
}

.sort_order_8 span::after {
    content: "8";
    padding-left: 20px;
    font-size: 11px;
}

.sort_order_9 span::after {
    content: "9";
    padding-left: 20px;
    font-size: 11px;
}

.sort_order_10 span::after {
    content: "10";
    padding-left: 20px;
    font-size: 11px;
}

.sort_order_11 span::after {
    content: "11";
    padding-left: 20px;
    font-size: 11px;
}

.sort_order_12 span::after {
    content: "12";
    padding-left: 20px;
    font-size: 11px;
}

.norecords-td {
    text-align: center;
}

.navigation {
    display: none;
}

.payment-action-button {
    background: #e3e3e3 !important;
    border: 1px solid #AAA !important;
    display: inline-block !important;
    color: #555 !important;
    font-weight: bold !important;
    text-align: center !important;
    border-radius: 3px;
    text-shadow: 0 1px 0 #fff;
    padding: 5px !important;
}

.payment-action-button:hover {
    text-decoration: none !important;
    border-top-color: #DDD !important;
    border-left-color: #DDD !important;
    cursor: pointer !important;
    background: #d9d9d9 !important;
}

.payment-action-button:active {
    text-decoration: none !important;
    border-top-color: #808080 !important;
    border-bottom-color: #909090 !important;
    border-left-color: #808080 !important;
    background: #d0d0d0 !important;
}

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

.sortable li {
    margin: 3px 3px 3px 0;
    padding: 1px;
    width: 280px;
    height: 20px;
    font-size: 13px;
    display: block !important;
}

.sortable-side-by-side {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 420px;
}

.sortable-side-by-side li {
    margin: 3px 3px 3px 0;
    padding: 1px;
    float: left;
    width: 200px;
    height: 20px;
    font-size: 13px;
    text-align: left;
}

.align-list-top td {
    vertical-align: top !important;
}

.align-label-right div {
    text-align: right;
    margin-top: -8px;
}

/*Begin Payment Details Links*/
.payment-details-form-links {
    height: 30px;
    margin: 1px;
}

.payment-details-form-links a:hover {
    text-decoration: none;
}

.payment-details-form-links.top {
    margin-bottom: 12px;
}

.payment-details-form-links ul {
    padding-left: 20px;
}

.payment-details-form-links ul li {
    display: block;
    float: right;
    margin: 0;
}

.payment-details-form-links ul li a,
.payment-details-form-links li > span {
    display: inline;
    text-decoration: none;
    padding: 0px 0px 0px 35px;
    height: 15px;
}

.payment-details-form-links li > span {
    color: #bbb;
}

.payment-details-form-links ul li a:hover {
    color: #333;
    cursor: pointer;
}

.payment-details-form-links ul li select {
    margin: 17px 10px 0 0;
}

.viewdoc-batch-link {
    font-size: 12px !important;
    color: #999 !important;
    background: url(../images/icon_small_view_doc.png) left center no-repeat;
}

.viewdoc-batch-link:hover {
    color: #444 !important;
    background: url(../images/icon_small_view_doc_over.png) left center no-repeat;
}

/*End Payment Details Links*/

.nowrap {
    white-space: nowrap;
}

.login-help-container {
    width: 100%;
    clear: both;
    overflow: hidden;
    font-size: 13px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.login-help-div {
    float: left;
    width: 350px;
    margin-left: 45px;
    padding-bottom: 20px;
}

.login-help-headline {
    padding: 14px 0 10px 0;
    margin: 0;
    border-bottom: 0px !important;
}

.login-help-content {
    float: left;
    width: 260px;
    height: 35px;
}

.login-help-content-selected {
    font-weight: bold;
}

.login-help-cancel {
    text-align: right;
    height: 25px;
}

.login-help-message {
    width: 100%;
    clear: both;
    overflow: hidden;
    height: 25px;
}

.login-help-lock-img {
    background: url(../images/icon_login_help_lock.png) left center no-repeat !important;
    float: left;
    width: 70px;
    margin-right: 20px;
    height: 70px;
    overflow: hidden;
}

.login-help-keyboard-img {
    background: url(../images/icon_login_help_keyboard.png) left center no-repeat !important;
    float: left;
    width: 70px;
    margin-right: 20px;
    height: 70px;
    overflow: hidden;
}

.login-help-buttons-area {
    float: left;
    width: 260px;
    padding-top: 15px;
}

.current-action-label {
    font-weight: bold;
    text-decoration: none !important;
}

.login-help-button {
    float: left;
    width: 260px;
    padding-top: 15px;
}

.table-login-help {
    height: 135px;
    width: 99%;
}

.table-login-help td {
    height: 25px;
}

.flat-button {
    display: inline-block;
    color: white !important;
    padding: 5px;
    font-size: 13px;
    line-height: 15px;
    border-radius: 4px;
    text-decoration: none !important;
    background-color: #fb9722;
    border: 1px solid #bf6c0b;
}

.flat-button:active {
    color: #9e9a9a;
    background-color: #fb9722;
}

.flat-button:hover {
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbcd96), to(#fb9722));
    background: -moz-linear-gradient(top, #ffbcd96, #fb9722);
    outline: none;
}

.help-input-text {
    border: 1px solid #7b7b7b !important;
    color: #7b7b7b !important;
    width: 550px;
    float: right;
    height: 25px;
}

.maintenanceschedule.major, .maintenanceschedule.major a, .maintenanceschedule.major div {
    background-color: red !important;
    border-color: red !important;
    color: #ffffff !important;
}

.maintenanceschedule.minor, .maintenanceschedule.minor a, .maintenanceschedule.minor div {
    background-color: #003399 !important;
    border-color: #003399 !important;
    color: #ffffff !important;
}

.maintenanceschedule.minor > div > span.fc-event-time, .maintenanceschedule.major > div > span.fc-event-time {
    display: none;
}

.padding-left-zero {
    padding-left: 0 !important;
}

.padding-two-three tr td {
    padding: 2px 3px !important;
}

.padding-zero-pixel {
    padding: 0 !important;
}

.padding-five-pixel {
    padding: 5px !important;
}

.padding-ten-pixel {
    padding: 10px !important;
}

.padding-right-zero {
    padding-right: 0px !important;
}

.padding-right-two {
    padding-right: 2px !important;
}

.padding-right-twenty-five span {
    padding-right: 25px !important;
}

.padding-left-five {
    padding-left: 5px !important;
}

.padding-left-ten {
    padding-left: 10px !important;
}

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

.align-items-baseline {
    align-items: baseline;
}

.hoverable:hover {
    background-color: #f6fbe3;
}

.vertical-scroll-panel {
    max-height: 235px;
    overflow-y: auto;
    max-width: 1066px;
    overflow-x: auto;
    padding-right: 1px;
}

.vertical-scroll-panel table thead tr th span {
    color: #666666;
}

table.no-hover th {
    height: 9px;
    background: #e8edf2 url(../images/background_thead.png) repeat-x bottom;
    text-align: left;
    padding: 10px;
    border-right: 1px solid #ccd5e0;
}

ul.headings {
    text-align: center;
    list-style-type: none;
}

ul.headings li {
    vertical-align: middle;
    cursor: default;
    float: left;
    height: 22px;
    width: 24%;
    text-align: left;
    margin-right: 4px;
    margin-top: 4px;
}

ul.headings li:nth-child(4n+5) {
    clear: left;
    float: left;
}

ul.headings-inside {
    text-align: center;
    list-style-type: none;
}

.headings-inside label {
    cursor: pointer;
}

li.headings-inside-unchecked,
li.headings-inside-checked:hover {
    cursor: pointer;
}

li.headings-inside-checked {
    vertical-align: middle;
    float: left;
    width: auto;
    height: 20px;
    text-align: left;
    margin-top: 4px;
    margin-right: 4px;
    padding: 1px 7px;
    display: inline;
    background-color: #E7FCC4;
    border: 1px solid #d4d4d4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

li.headings-inside-unchecked {
    vertical-align: middle;
    float: left;
    width: auto;
    height: 20px;
    text-align: left;
    margin-top: 4px;
    margin-right: 4px;
    padding: 1px 7px;
    display: inline;
    border: 1px solid #d4d4d4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

ul.headings-new li {
    cursor: grab;
    display: inline-flex;
    height: 22px;
    margin-top: 4px;
}

ul.headings-new-search li {
    cursor: default;
    display: inline-flex;
    height: 22px;
    margin-top: 4px;
}

ul.headings-new-inside {
    text-align: center;
    list-style-type: none;
}

.headings-new-inside label {
    cursor: pointer;
}

li.headings-new-inside-unchecked,
li.headings-new-inside-checked:hover {
    cursor: pointer;
}

li.headings-new-inside-checked {
    vertical-align: middle;
    float: left;
    width: auto;
    height: 20px;
    text-align: left;
    margin-top: 4px;
    margin-right: 4px;
    padding: 1px 7px;
    display: inline;
    background-color: #E7FCC4;
    border: 1px solid #d4d4d4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

li.headings-new-inside-unchecked {
    vertical-align: middle;
    float: left;
    width: auto;
    height: 20px;
    text-align: left;
    margin-top: 4px;
    margin-right: 4px;
    padding: 1px 7px;
    display: inline;
    border: 1px solid #d4d4d4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.headings-new .ui-sortable-placeholder {
    border: 2px dashed #d6d6d6 !important;
    visibility: visible !important;
    border-radius: 5px;
    position: relative;
    top: 8px;
    right: 5px;
}

.headings-new .ui-sortable-helper {
    height: 22px !important;
    width: 100% !important;
}

ul.sortcolumns {
    text-align: center;
    list-style-type: none;
    margin: auto;
}

ul.sortcolumns li:hover {
    cursor: pointer;
}

ul.sortcolumns li {
    float: left;
    cursor: default;
    width: 98%;
    line-height: 15px;
    text-align: left;
    margin-top: 4px;
}

ul.sortcolumns li:nth-child(1n+0) {
    clear: left;
    float: left;
}

/*Sort/Group By Filter Panel*/
/* Popover */
.popupdiv-outside {
    float: left;
}

.popupdiv {
    line-height: 25px;
    position: relative;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
}

.label-span {
    padding: 3px 8px;
    margin-top: 4px;
    margin-right: 4px;
    border: 1px solid #afafaf;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.sortby-span {
    padding: 3px 8px;
    margin-top: 4px;
    margin-right: 4px;
    border: 1px solid #afafaf;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    background: #e0daea; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZGFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2UwZGFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #e0daea 0%, #e0daea 50%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e0daea 0%, #e0daea 50%, #ffffff 50%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e0daea 0%, #e0daea 50%, #ffffff 50%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0daea', endColorstr='#ffffff', GradientType=1); /* IE6-8 */
}

.groupby-span {
    padding: 3px 8px;
    margin-top: 4px;
    margin-right: 4px;
    border: 1px solid #afafaf;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E0ZGRmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNGRkZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #a4ddf0 50%, #a4ddf0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 50%, #a4ddf0 50%, #a4ddf0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #a4ddf0 50%, #a4ddf0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a4ddf0', GradientType=1); /* IE6-8 */
}

.both-span {
    padding: 3px 8px;
    margin-top: 4px;
    margin-right: 4px;
    border: 1px solid #afafaf;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    background: #e0daea; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZGFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2UwZGFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E0ZGRmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNGRkZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #e0daea 0%, #e0daea 50%, #a4ddf0 50%, #a4ddf0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e0daea 0%, #e0daea 50%, #a4ddf0 50%, #a4ddf0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e0daea 0%, #e0daea 50%, #a4ddf0 50%, #a4ddf0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0daea', endColorstr='#a4ddf0', GradientType=1); /* IE6-8 */
}

.sortgroup-legend {
    width: 200px;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    margin-bottom: 3px;
}

.purple-col {
    background-color: #e0daea;
    width: 10px;
    height: 8px;
}

.blue-col {
    background-color: #a4ddf0;
    width: 10px;
    height: 8px;
}

.label-span:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}

.both-span:hover,
.sortby-span:hover,
.groupby-span:hover {
    cursor: pointer;
}

.check-options:hover {
    cursor: pointer;
    font-weight: bold;
}

.popuphide {
    padding: 4px 0 6px;
    width: 110px;
    position: absolute;
    visibility: hidden;
    bottom: 100%;
    left: 0;
    right: 0;
    background: #d9e3fa;
    border: 1px solid;
    border-color: #777 #6c6c6c #666;
    border-radius: 5px;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    -webkit-transition-property: opacity, padding, visibility;
    -moz-transition-property: opacity, padding, visibility;
    -o-transition-property: opacity, padding, visibility;
    transition-property: opacity, padding, visibility;
    background-image: -webkit-linear-gradient(top, #eef3fe, #d9e3fa);
    background-image: -moz-linear-gradient(top, #eef3fe, #d9e3fa);
    background-image: -o-linear-gradient(top, #eef3fe, #d9e3fa);
    background-image: linear-gradient(to bottom, #eef3fe, #d9e3fa);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgb(0, 0, 0);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgb(0, 0, 0);
}

.popuphide:before, .popuphide:after, .popuphide div:first-child:after {
    content: '';
    display: block;
    position: absolute;
    left: 15px;
    width: 0;
    height: 0;
    border: 7px outset transparent;
}

.popuphide:before {
    bottom: -14px;
    border-top: 7px solid #555;
}

.popuphide:first-child:after {
    bottom: -13px;
    border-top: 7px solid white;
}

.popuphide:after {
    bottom: -12px;
    border-top: 7px solid #d9e3fa;
}

.popupshow {
    padding: 4px 0 6px;
    width: 110px;
    position: absolute;
    visibility: visible;
    bottom: 100%;
    left: 0;
    right: 0;
    background: #d9e3fa;
    border: 1px solid;
    border-color: #777 #6c6c6c #666;
    border-radius: 5px;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    -webkit-transition-property: opacity, padding, visibility;
    -moz-transition-property: opacity, padding, visibility;
    -o-transition-property: opacity, padding, visibility;
    transition-property: opacity, padding, visibility;
    background-image: -webkit-linear-gradient(top, #eef3fe, #d9e3fa);
    background-image: -moz-linear-gradient(top, #eef3fe, #d9e3fa);
    background-image: -o-linear-gradient(top, #eef3fe, #d9e3fa);
    background-image: linear-gradient(to bottom, #eef3fe, #d9e3fa);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgb(0, 0, 0);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgb(0, 0, 0);
}

.popupshow:before, .popupshow:after, .popupshow div:first-child:after {
    content: '';
    display: block;
    position: absolute;
    left: 15px;
    width: 0;
    height: 0;
    border: 7px outset transparent;
}

.popupshow:before {
    bottom: -14px;
    border-top: 7px solid #555;
}

.popupshow:first-child:after {
    bottom: -13px;
    border-top: 7px solid white;
}

.popupshow:after {
    bottom: -12px;
    border-top: 7px solid #d9e3fa;
}

ul.sortgroup-headings {
    text-align: center;
    list-style-type: none;
}

ul.sortgroup-headings li {
    vertical-align: middle;
    cursor: default;
    float: left;
    height: 22px;
    width: 254px;
    text-align: left;
    margin-right: 4px;
    margin-top: 3px;
    margin-bottom: 1px;
}

ul.sortgroup-headings li:nth-child(2n+3) {
    clear: left;
    float: left;
}

.number {
    float: right;
    height: 22px;
    color: #b3b7b7;
    line-height: 22px;
    font-size: 90%;
    width: 15px;
    margin-right: 4px;
    text-align: right;
    text-shadow: 0px 1px 0px rgb(221, 221, 221);

}

.dragdrop-ul-li {
    border: 1px solid #d3d3d3;
    font-weight: normal;
    font-size: 12px;
    color: #555555;
    vertical-align: middle;
}

.purple-bg {
    border: 1px solid #E0DAEA;
    background: #E0DAEA url(../images/purple-bg.png) 50% 50% repeat-x;
}

.blue-bg {
    border: 1px solid #A4DDF0;
    background: #A4DDF0 url(../images/blue-bg.png) 50% 50% repeat-x;
}

.amber-bg {
    border: 1px solid #A4DDF0;
    background: #A4DDF0 url(../images/amber-bg.png) 50% 50% repeat-x;
}

.fuscia-bg {
    border: 1px solid #A4DDF0;
    background: #A4DDF0 url(../images/fuscia-bg.png) 50% 50% repeat-x;
}

.green-bg {
    border: 1px solid #A4DDF0;
    background: #A4DDF0 url(../images/green-bg.png) 50% 50% repeat-x;
}

.orange-bg {
    border: 1px solid #A4DDF0;
    background: #A4DDF0 url(../images/orange-bg.png) 50% 50% repeat-x;
}

.purple02-bg {
    border: 1px solid #A4DDF0;
    background: #A4DDF0 url(../images/purple02-bg.png) 50% 50% repeat-x;
}

.teal-bg {
    border: 1px solid #A4DDF0;
    background: #A4DDF0 url(../images/teal-bg.png) 50% 50% repeat-x;
}

.yellow-bg {
    border: 1px solid #A4DDF0;
    background: #A4DDF0 url(../images/yellow-bg.png) 50% 50% repeat-x;
}

/* End of Sort/Group By Filter Panel*/
/*Help Message Popover*/
.help-popover {
    float: left;
}

.help-link {
    background: url(../images/help_icon.png) left center no-repeat;
    padding-bottom: 36px;
    padding-right: 5px;
}

.help-link:hover {
    background: url(../images/help_icon_over.png) left center no-repeat;
    cursor: pointer;
}

.help-msg-show a {
    text-decoration: underline;
}

.help-msg-show {
    padding: 4px 7px 6px;
    width: auto !important;
    max-width: 500px;
    line-height: 15px;
    height: auto;
    position: absolute;
    display: none;
    top: 50px;
    left: 15px;
    right: 0;
    background: #d9e3fa;
    border: 1px solid;
    border-color: #777 #6c6c6c #666;
    border-radius: 5px;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    -webkit-transition-property: opacity, padding, visibility;
    -moz-transition-property: opacity, padding, visibility;
    -o-transition-property: opacity, padding, visibility;
    transition-property: opacity, padding, visibility;
    background-image: -webkit-linear-gradient(bottom, #eef3fe, #d9e3fa);
    background-image: -moz-linear-gradient(bottom, #eef3fe, #d9e3fa);
    background-image: -o-linear-gradient(bottom, #eef3fe, #d9e3fa);
    background-image: linear-gradient(to top, #eef3fe, #d9e3fa);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgb(0, 0, 0);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgb(0, 0, 0);
}

.help-msg-show:before, .help-msg-show:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: 3px;
    border: 7px outset transparent;
}

.help-msg-show:before {
    top: -14px;
    border-bottom: 7px solid #555;
}

.help-msg-show:first-child:before {
    top: -13px;
    border-bottom: 7px solid white;
}

.help-msg-show:after {
    top: -12px;
    border-bottom: 7px solid #d9e3fa;
}

.help-msg-dash-show {
    text-align: center;
    padding: 4px 7px 6px;
    width: auto !important;
    max-width: 500px;
    line-height: 15px;
    height: auto;
    position: absolute;
    display: none;
    background: #d9e3fa;
    border: 1px solid;
    border-color: #777 #6c6c6c #666;
    border-radius: 5px;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    -webkit-transition-property: opacity, padding, visibility;
    -moz-transition-property: opacity, padding, visibility;
    -o-transition-property: opacity, padding, visibility;
    transition-property: opacity, padding, visibility;
    background-image: -webkit-linear-gradient(bottom, #eef3fe, #d9e3fa);
    background-image: -moz-linear-gradient(bottom, #eef3fe, #d9e3fa);
    background-image: -o-linear-gradient(bottom, #eef3fe, #d9e3fa);
    background-image: linear-gradient(to top, #eef3fe, #d9e3fa);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgb(0, 0, 0);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgb(0, 0, 0);
    z-index: 9999;
}

/*End of Help Message Popover*/
.button {
    font: bold 11px Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

.button-small a {
    font: bold 12px Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

.button-small a:hover {
    text-decoration: none;
    background-color: #fc9823;
}

td.action-disabled {
    padding: 0 !important;
    width: 60px;
    min-height: 26px;
}

td.action-disabled span,
td.action-disabled div {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #dedddd;
    border-bottom: 1px solid #dedddd;
    color: #666 !important;
    display: block;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    background-color: #f2f1f1;
    font-style: italic;
    margin-left: -1px;
    padding: 10px;
    cursor: default;
}

.report-message {
    padding: 8px 0 8px 22px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #474747;
    background-color: bisque;
    border-radius: 25px;
}

.vertical-checkbox-list label:after {
    content: "\a";
    white-space: pre;
}

.old-tabbed .tab-row {
    text-align: left;
    list-style: none;
    padding: 0;
    line-height: 24px;
    margin-right: 0 !important;
    display: inline;
}

.old-tabbed .tab-row ul {
    border: 1px solid #aaaaaa;
    background: #cccccc url(../images/tabs_background.png) 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
    height: 31px;
    padding-top: 2px;
    margin-right: 0;
}

.old-tabbed .tab-row li {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(../images/tabs_tab.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 1px 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
    height: 29px;
}

.old-tabbed .tab-row li:hover {
    background: #dadada url(../images/tabs_tab_hover.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

.old-tabbed .tab-row li a {
    color: #555555;
    text-decoration: none;
    margin-top: 3px;
}

.old-tabbed .tab-row li:hover a {
    color: #212121;
    text-decoration: none;
}

.old-tabbed .tab-row li a span {
    padding: 15px;
}

.old-tabbed .tab-double-row {
    text-align: left;
    list-style: none;
    padding: 0;
    line-height: 24px;
    margin-right: 0 !important;
    display: inline;
}

.tab-double-row ul {
    border: 1px solid #aaaaaa;
    background: #cccccc url(../images/tabs_background.png) 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
    height: 63px;
    padding-top: 2px;
    margin-right: 0;
}

.tab-double-row li {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(../images/tabs_tab.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 1px 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
    height: 29px;
}

.tab-double-row li:hover {
    background: #dadada url(../images/tabs_tab_hover.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

.tab-double-row li a {
    color: #555555;
    text-decoration: none;
    margin-top: 3px;
}

.tab-double-row li:hover a {
    color: #212121;
    text-decoration: none;
}

.tab-double-row li a span {
    padding: 15px;
}

.tab-panel {
    margin: 25px 10px 15px 10px;
}

.selected {
    background: white !important;
}

.selected:hover {
    background: white !important;
}

.selected a span {
    color: #212121;
}

.jurisdiction-locked {
    background-color: bisque !important;
}

.overrided-marker {
    background-color: #c8e3ff !important;
}

/*Help popover on filter*/
.tooltip-right {
    display: inline;
    position: relative;
    background: url(../images/icon_help_small.png) left center no-repeat;
    padding-bottom: 1px;
}

.tooltip-right:focus {
    display: inline;
    position: relative;
    cursor: default;
    background: url(../images/icon_help_small_over.png) left center no-repeat;
    padding-bottom: 1px;
}

.tooltip-right:focus:after {
    background: #333;
    background: rgba(0, 0, 0, .8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(data-tooltip);
    left: -50%;
    padding: 5px 15px;
    position: absolute;
    z-index: 9998;
    width: 220px;
    text-align: left;
}

.tooltip-right:focus:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 20%;
    position: absolute;
    z-index: 9999;
    text-align: left;
}

.tooltip-left {
    display: inline;
    position: relative;
    background: url(../images/icon_help_small.png) left center no-repeat;
    padding-bottom: 1px;
}

.tooltip-left:focus {
    display: inline;
    position: relative;
    cursor: default;
    background: url(../images/icon_help_small_over.png) left center no-repeat;
    padding-bottom: 1px;
}

.tooltip-left:focus:after {
    background: #333;
    background: rgba(0, 0, 0, .8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(data-tooltip);
    left: -850%;
    padding: 5px 15px;
    position: absolute;
    z-index: 9998;
    width: 220px;
    text-align: left;
}

.tooltip-left:focus:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 20%;
    position: absolute;
    z-index: 9999;
    text-align: left;
}

.tooltip-notification {
    display: inline;
    position: relative;
    background: url(../images/icon_help_small.png) left center no-repeat;
    padding-bottom: 1px;
}

.tooltip-notification:focus {
    display: inline;
    position: relative;
    cursor: default;
    background: url(../images/icon_help_small_over.png) left center no-repeat;
    padding-bottom: 1px;
}

.tooltip-notification:focus:after {
    background: #333;
    background: rgba(0, 0, 0, .8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(data-tooltip);
    left: -850%;
    padding: 5px 15px;
    position: absolute;
    z-index: 9998;
    width: 300px;
    text-align: left;
}

.tooltip-notification:focus:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 20%;
    position: absolute;
    z-index: 9999;
    text-align: left;
}

.docsLink {
    text-decoration: underline;
    display: inline;
    color: blue;
    float: inherit;
    cursor: pointer;
}

.ajax-popup-link {
    text-align: right;
    padding-right: 15px;
    padding-top: 10px;
}

.ajax-popup-link a {
    color: blue;
    text-decoration: none !important;
}

.ajax-popup-link a:hover {
    color: #fc9823;
    text-decoration: none !important;
}

.add-all-list-multiple-choice-link {
    background: url(../images/add_all_32.png) left center no-repeat;
}

.add-all-list-multiple-choice-link:hover {
    background: url(../images/add_all_orange_32.png) left center no-repeat;
}

.add-all-list-multiple-choice-link-center {
    background: url(../images/add_all_32.png) center no-repeat;
    padding: 10px;
}

.add-all-list-multiple-choice-link-center:hover {
    background: url(../images/add_all_orange_32.png) center no-repeat;
    padding: 10px;
}

.add-all-list-multiple-choice-link-center-disabled {
    background: url(../images/add_all_32.png) center no-repeat;
    padding: 10px;
}

.remove-all-list-multiple-choice-link {
    background: url(../images/remove_all_32.png) left center no-repeat;
}

.remove-all-list-multiple-choice-link:hover {
    background: url(../images/remove_all_orange_32.png) left center no-repeat;
}

.remove-all-list-multiple-choice-link-center {
    background: url(../images/remove_all_32.png) center no-repeat;
    padding: 10px;
}

.remve-all-list-multiple-choice-link-center:hover {
    background: url(../images/remove_all_orange_32.png) center no-repeat;
    padding: 10px;
}

.remove-all-list-multiple-choice-link-center-disabled {
    background: url(../images/remove_all_32.png) center no-repeat;
    padding: 10px;
}

.add-list-multiple-choice-link {
    background: url(../images/add_32.png) left center no-repeat;
}

.add-list-multiple-choice-link:hover {
    background: url(../images/add_orange_32.png) left center no-repeat;
}

.add-list-multiple-choice-link-center {
    background: url(../images/add_32.png) center no-repeat;
    padding: 10px;
}

.add-list-multiple-choice-link-center:hover {
    background: url(../images/add_orange_32.png) center no-repeat;
    padding: 10px;
}

.add-list-multiple-choice-link-center-disabled {
    background: url(../images/add_32.png) center no-repeat;
    padding: 10px;
}

.remove-list-multiple-choice-link {
    background: url(../images/remove_32.png) left center no-repeat;
}

.remove-list-multiple-choice-link:hover {
    background: url(../images/remove_orange_32.png) left center no-repeat;
}

.remove-list-multiple-choice-link-center {
    background: url(../images/remove_32.png) center no-repeat;
    padding: 10px;
}

.remve-list-multiple-choice-link-center:hover {
    background: url(../images/remove_orange_32.png) center no-repeat;
    padding: 10px;
}

.remove-list-multiple-choice-link-center-disabled {
    background: url(../images/remove_32.png) center no-repeat;
    padding: 10px;
}

.move-top-multiple-choice-link {
    background: url(../images/move_top.png) left center no-repeat;
    height: 37px !important;
    width: 21px !important;
}

.move-top-multiple-choice-link:hover {
    background: url(../images/move_top_over.png) left center no-repeat;
    height: 37px !important;
    width: 21px !important;
}

.move-bottom-multiple-choice-link {
    background: url(../images/move_bottom.png) left center no-repeat;
    height: 37px !important;
    width: 21px !important;
}

.move-bottom-multiple-choice-link:hover {
    background: url(../images/move_bottom_over.png) left center no-repeat;
    height: 37px !important;
    width: 21px !important;
}

.move-one-up-multiple-choice-link {
    background: url(../images/move_one_up.png) left center no-repeat;
    height: 37px !important;
    width: 21px !important;
}

.move-one-up-multiple-choice-link:hover {
    background: url(../images/move_one_up_over.png) left center no-repeat;
    height: 37px !important;
    width: 21px !important;
}

.move-one-down-multiple-choice-link {
    background: url(../images/move_one_down.png) left center no-repeat;
    height: 37px !important;
    width: 21px !important;
}

.move-one-down-multiple-choice-link:hover {
    background: url(../images/move_one_down_over.png) left center no-repeat;
    height: 37px !important;
    width: 21px !important;
}

.demo {
    margin: 3em 0;
    padding: 7.5em 0 5.5em;
    background: #004756;
}

.demo:hover .gridster {
    opacity: 1;
}

.gridster {
    width: 940px;
    margin: 0 auto;

    opacity: .8;

    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    -ms-transition: opacity .6s;
    transition: opacity .6s;
}

.gridster .gs_w {
    background: #FFF;
    cursor: pointer;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.section-link a {
    float: left;
    height: 17px;
    width: 17px;
    display: inline-block;
    padding-right: 2px;
}

.reload-link a {
    float: left;
    height: 17px;
    width: 17px;
    display: inline-block;
    padding-right: 2px;
}

.widget-container {
    background-color: #FFFFFF;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    border-radius: 5px;
    width: calc(100% - 20px);
    height: calc(100% - 10px);
    padding: 0 10px 10px 10px;
    overflow-y: hidden;
}

.widget-container-reports {
    background-color: #FFFFFF;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    border-radius: 5px;
}

.single-widget {
    padding: 10px;
    width: calc(33.25% - 20px);
    height: 430px;
    float: left;
}

.double-widget {
    padding: 10px;
    width: calc(66.50% - 20px);
    max-height: 430px;
    float: left;
}

.double-widget-fixed {
    padding: 10px;
    width: calc(66.50% - 20px);
    height: 430px;
    float: left;
}

.triple-widget {
    padding: 10px;
    width: calc(99.75% - 20px);
    max-height: 430px;
    float: left;
}

.single-widget-length {
    padding: 10px;
    display: block;
}

.double-widget-length {
    padding: 10px;
    display: block;
}

.triple-widget-length {
    padding: 10px;
    display: block;
}

.single-widget-width {
    width: calc(33.25% - 20px);
}

.double-widget-width {
    width: calc(66.50% - 20px);
}

.triple-widget-width {
    width: calc(99.75% - 20px);
}

.move-icon {
    height: 18px;
    width: 18px;
    float: left;
    padding-right: 3px;
    margin-left: -7px;
}

.single-widget-two-columns {
    margin: 10px 10px;
    width: 522px;
    height: 290px;
    float: left;
    border-radius: 6px;
    border: 1px solid lightgray;
    background-color: #fbf8f8
}

.double-widget-two-columns {
    margin: 10px 10px;
    width: 1066px;
    height: 290px;
    float: left;
    border-radius: 6px;
    border: 1px solid lightgray;
    background-color: #fbf8f8
}

#help-icon {
    background: url("../images/icon_help_small.png") no-repeat scroll left center transparent;
    height: 16px;
    width: 16px;
    margin-bottom: -3px;
    display: inline-block;
    position: relative;
    white-space: normal;
}

#help-icon:hover {
    background: url("../images/icon_help_small_over.png") no-repeat scroll left center transparent;
    height: 16px;
    width: 16px;
    margin-bottom: -3px;
    display: inline-block;
    position: relative;
}

#help-icon span {
    position: absolute;
    z-index: 99998;
    display: none !important;
}

#help-icon:hover span {
    position: absolute;
    margin-top: 20px;
    margin-left: -160px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    display: inline !important;
    background: rgba(0, 0, 0, .8);
    border-radius: 5px;
    color: #fff;
    padding: 5px 15px;
    z-index: 99999;
    width: 220px;
    text-align: left;
}

.no-border-bottom {
    border-bottom: 0 !important;
    float: left;
}

tr.shared {
    background-color: #fff5db !important;
}

.loading-annual-stats {
    float: right;
}

.loading-document-grid {
    padding-top: 190px;
}

.loading-document-grid img {
    width: 80px;
}

.tax-assessment-totals {
    font-weight: bold;
    background-color: #ebeeff;
}

.dashboard-calendar-scrollbar-on {
    overflow-y: scroll;
}

.dashboard-calendar-scrollbar-auto {
    overflow-y: auto;
}

thead.fixed-table-header {
    display: block;
    overflow: auto;
    background-color: #fbf8f8;
    padding-right: 17px;
}

tbody.scollable-table-rows {
    display: block;
    height: 200px;
    overflow: auto;
    background-color: #fbf8f8;
}

.fade {
    transition: opacity 0.15s linear;
}

@media screen and (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}

.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.wizard-progress-not-visited {
    text-align: center;
    font-size: 13px;
    padding: 18px;
    background-color: white;
}

.wizard-progress-selected {
    text-align: center;
    font-size: 13px;
    padding: 18px;
    border-bottom: 2px solid #ff9500;
    cursor: pointer;
}

.wizard-progress-visited {
    text-align: center;
    font-size: 13px;
    padding: 18px;
    background-color: white;
    cursor: pointer;
}

.wizard-progress-selected span {
    color: #ff9500;
    font-weight: 600;
    text-transform: uppercase;
}

.wizard-progress-visited span, .wizard-progress-not-visited span {
    color: #b3b3b3;
    font-weight: 600;
    text-transform: uppercase;
}

.wizard-module {
    width: 50%;
    font-size: 18px;
    padding: 20px;
    margin: 5px 25%;
    text-align: center;
    background-color: white;
    border: 1px solid #b3b3b3;
    border-radius: none;
    color: #b3b3b3 !important;
    text-decoration: none;
}

.wizard-module-selected, .wizard-module:hover {
    width: 50% !important;
    font-size: 18px;
    padding: 20px;
    margin: 5px 25%;
    text-align: center;
    background-color: #ff9500;
    border: 1px solid #ff9500 !important;
    border-radius: none;
    text-decoration: none !important;
    color: white !important;
    cursor: pointer;
}

.wizard-module-selected span, .wizard-module span:hover {
    font-size: 18px;
}

.wizard-form-links {
    float: right;
}

.wizard-form-links ul li {
    display: inline-block;
    border-radius: 5px;
    margin-left: 7px;
}

.wizard-form-links ul li a span {
    padding: 6px 14px;
    color: white !important;
    font-size: 13px;
    font-weight: 600;
}

.wizard-form-links ul li a:hover {
    text-decoration: none;
}

.wizard-button {
    border: 1px solid #018ECC !important;
    background-color: #00A9F4 !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: white !important;
    font-size: 13px;
    font-weight: 600;
}

.wizard-button:hover {
    border: 1px solid #018ECC !important;
    background-color: #00A9F4 !important;
}

.wizard-button-disabled {
    color: white !important;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #b3b3b3;
    background-color: #b3b3b3 !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}

/* Do NOT delete, being used to fetch components with this class and remove its contents */
.content-id-class {
}

.alert {
    color: #0c5460;
    width: 30%;
    padding: 20px 0 20px 45px;
    border: 1px solid #0c5460;
    border-radius: .25rem;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    z-index: 20000 !important;
    /*Align alert icon 5 pixels from left, it can work with any width of container */
    background: #d1ecf1 url("../images/new_icons/Alert3x.png") no-repeat left center;
    background-size: 25px 25px;
    background-position-x: 10px;
}

.alert button {
    padding-top: 9px;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    opacity: 0.5;
    font-size: 26px;
}

.alert button:hover {
    cursor: pointer;
    color: #000;
}

.installment-update-create {
    height: 8px !important;
}

.installment-update-create td {
    line-height: 8px !important;
    height: 0 !important;
}

.installment-update-create td span {
    padding-bottom: 2px !important;
    font-size: 11px !important;
}

.voidedInstallment {
    background-color: #ffe3e3 !important;
    border-color: #D20000 !important;
    border: 1px solid;
}

.voidedInstallment input {
    background-color: transparent !important;
}

.voidedLabel {
    color: #D20000;
    font-weight: bold;
}

.voided-installment-header {
    height: 25px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-top: 15px;
}

.client-settings-panel-headings {
    padding-right: 0;
    font-size: 1.1em;
    font-weight: bold;
    float: left;
    width: auto;
    color: #666 !important;
    height: 15px !important;
}

/**
 *  Custom Tool Tip
 */
[tooltip-top] {
    position: relative;
}

[tooltip-top]::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
    z-index: 999999;
    opacity: 0;
}

[tooltip-top]::after {
    content: attr(tooltip-top);
    position: absolute;
    left: 50%;
    top: -6px;
    transform: translateX(-50%) translateY(-100%);
    background-color: #383838;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    min-width: 100px;
    text-transform: none !important;
    pointer-events: none;
    z-index: 999999;
    line-height: 15px;
    opacity: 0;
    border: solid 1px #535353;
    border-radius: 2px;
}

[tooltip-top]:hover::after,
[tooltip-top]:hover::before {
    opacity: 1
}

[tooltip-bottom] {
    position: relative;
}

[tooltip-bottom]::before {
    content: "";
    position: absolute;
    top: 20px;
    border-width: 0 6px 4px 6px;
    left: 50%;
    transform: translateX(-50%);
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
    z-index: 999999;
    opacity: 0;
}

[tooltip-bottom]::after {
    content: attr(tooltip-bottom);
    position: absolute;
    left: 185%;
    top: 196px;
    transform: translateX(-50%) translateY(-100%);
    background-color: #383838;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    min-width: 100px;
    pointer-events: none;
    z-index: 100000;
    line-height: 15px;
    opacity: 0;
    border: solid 1px #535353;
    border-radius: 2px;
}

[tooltip-bottom]:hover::after,
[tooltip-bottom]:hover::before {
    opacity: 1
}

[tooltip-300-top] {
    position: relative;
}

[tooltip-300-top]::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
    z-index: 999999;
    opacity: 0;
}

[tooltip-300-top]::after {
    content: attr(tooltip-300-top);
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    background-color: #383838;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    min-width: 300px;
    pointer-events: none;
    z-index: 999999;
    line-height: 15px;
    opacity: 0;
    border: solid 1px #535353;
    border-radius: 2px;
}

[tooltip-300-top]:hover::after,
[tooltip-300-top]:hover::before {
    opacity: 1
}

[tooltip-assessment-review-top] {
    position: relative;
}

[tooltip-assessment-review-top]::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
    z-index: 999999;
    opacity: 0;
}

[tooltip-assessment-review-top]::after {
    content: attr(tooltip-assessment-review-top);
    position: fixed;
    transform: translateX(-50%) translateY(-100%);
    background-color: #383838;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    min-width: 300px;
    pointer-events: none;
    z-index: 999999;
    line-height: 15px;
    opacity: 0;
    border: solid 1px #535353;
    border-radius: 2px;
}

[tooltip-assessment-review-top]:hover::after,
[tooltip-assessment-review-top]:hover::before {
    opacity: 1
}


[tooltip-300-bottom] {
    position: relative;
}

[tooltip-300-bottom]::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 16px;
    border-width: 4px 6px 4px 6px;
    transform: rotate(-180deg);
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
    z-index: 999999;
    opacity: 0;
}

[tooltip-300-bottom]::after {
    content: attr(tooltip-300-bottom);
    position: absolute;
    left: 50px;
    top: 196px;
    transform: translateX(-50%) translateY(-100%);
    background-color: #383838;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    min-width: 300px;
    pointer-events: none;
    z-index: 100000;
    line-height: 15px;
    opacity: 0;
    border: solid 1px #535353;
    border-radius: 2px;
}

[tooltip-300-bottom]:hover::after,
[tooltip-300-bottom]:hover::before {
    opacity: 1
}

/* 300px - 220% left */
[tooltip-300-220-top] {
    position: relative;
}

[tooltip-300-220-top]::before {
    content: "";
    position: absolute;
    left: 220%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
    z-index: 999999;
    opacity: 0;
}

[tooltip-300-220-top]::after {
    content: attr(tooltip-300-220-top);
    position: absolute;
    left: 220%;
    transform: translateX(-50%) translateY(-100%);
    background-color: #383838;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    min-width: 300px;
    pointer-events: none;
    z-index: 999999;
    line-height: 15px;
    opacity: 0;
    border: solid 1px #535353;
    border-radius: 2px;
}

[tooltip-300-220-top]:hover::after,
[tooltip-300-220-top]:hover::before {
    opacity: 1
}

[tooltip-300-220-bottom] {
    position: relative;
}

[tooltip-300-220-bottom]::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 16px;
    border-width: 4px 6px 4px 6px;
    transform: rotate(-180deg);
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
    z-index: 999999;
    opacity: 0;
}

[tooltip-300-220-bottom]::after {
    content: attr(tooltip-300-220-bottom);
    position: absolute;
    left: 50px;
    top: 196px;
    transform: translateX(-50%) translateY(-100%);
    background-color: #383838;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    min-width: 300px;
    pointer-events: none;
    z-index: 100000;
    line-height: 15px;
    opacity: 0;
    border: solid 1px #535353;
    border-radius: 2px;
}

[tooltip-300-220-bottom]:hover::after,
[tooltip-300-220-bottom]:hover::before {
    opacity: 1
}

/* 400px width */
[tooltip-440-top] {
    position: relative;
}

[tooltip-440-top]::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
    z-index: 999999;
    opacity: 0;
}

[tooltip-440-top]::after {
    content: attr(tooltip-440-top);
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    background-color: #383838;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    min-width: 440px;
    pointer-events: none;
    z-index: 999999;
    line-height: 15px;
    opacity: 0;
    border: solid 1px #535353;
    border-radius: 2px;
}

[tooltip-440-top]:hover::after,
[tooltip-440-top]:hover::before {
    opacity: 1
}


[tooltip-440-bottom] {
    position: relative;
}

[tooltip-440-bottom]::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 16px;
    border-width: 4px 6px 4px 6px;
    transform: rotate(-180deg);
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
    z-index: 999999;
    opacity: 0;
}

[tooltip-440-bottom]::after {
    content: attr(tooltip-440-bottom);
    position: absolute;
    left: 50px;
    top: 196px;
    transform: translateX(-50%) translateY(-100%);
    background-color: #383838;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    min-width: 440px;
    pointer-events: none;
    z-index: 100000;
    line-height: 15px;
    opacity: 0;
    border: solid 1px #535353;
    border-radius: 2px;
}

[tooltip-440-bottom]:hover::after,
[tooltip-440-bottom]:hover::before {
    opacity: 1
}

[tooltip-position='left']::before {
    left: 0;
    top: 50%;
    margin-left: -12px;
    transform: translatey(-50%) rotate(-90deg)
}

[tooltip-position='top']::before {
    left: 50%;
}

[tooltip-position='bottom']::before {
    top: 100%;
    margin-top: 8px;
    transform: translateX(-50%) translatey(-100%) rotate(-180deg)
}

[tooltip-position='right']::before {
    left: 100%;
    top: 50%;
    margin-left: 1px;
    transform: translatey(-50%) rotate(90deg)
}

[tooltip-position='left']::after {
    left: 0;
    top: 50%;
    margin-left: -8px;
    transform: translateX(-100%) translateY(-50%);
}

[tooltip-position='top']::after {
    left: 50%;
}

[tooltip-position='bottom']::after {
    top: 100%;
    margin-top: 8px;
    transform: translateX(-50%) translateY(0%);
}

[tooltip-position='right']::after {
    left: 100%;
    top: 50%;
    margin-left: 8px;
    transform: translateX(0%) translateY(-50%);
}

#progress-bar-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}

.progressbar {
    display: none;
    position: absolute;
    width: 522px;
    height: 200px;
    left: 29%;
    top: 44%;
    z-index: 990;
}

.progressbar span.progress {
    position: relative;
    font-weight: bold;
    font-size: 40px;
    padding-top: 2px;
    color: #282828;
    z-index: 101;
    padding-bottom: 8px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.progressbar div.percent {
    position: relative;
    width: 100%;
    bottom: 4%;
}

.progressbar div.label {
    position: relative;
    width: 100%;
    text-align: center;
    top: 21%;
}

.bar-container {
    height: 16px;
    background-color: white;
    border-radius: 25px;
    z-index: 100;
}

.progressbar span.bar-background {
    position: absolute;
    width: 522px;
    height: 20px;
    border: 1px solid #D5D5D5;
    border-radius: 28px;
    box-shadow: inset 0 0 7px 0 rgba(99, 99, 99, 0.06), 0 0 0 0 rgba(0, 0, 0, 0.5);
    background-color: #ECECEC;
    z-index: 100;
}

.progressbar span.bar {
    position: absolute;
    width: 522px;
    height: 22px;
    background-image: linear-gradient(#00A9F4, #8ED6F5);
    border-radius: 28px;
    z-index: 100;
}

.progressbar .step-label {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 11px;
    color: #282828;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.progress-cancel {
    position: relative;
    text-align: center;
    font-size: 14px;
    padding-top: 11px;
    color: #00A9F4;
    z-index: 101;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    text-transform: lowercase;
    font-weight: bold;
}

.progress-cancel:hover {
    cursor: pointer;
}

.conflict {
    background-color: #FFCCCC !important;
    border: none;
}

.conflict.ag-row-selected {
    background-color: #FF8888 !important;
    border: none;
}

.ag-row-selected {
    background-color: #F5F5DC !important;
    border: none;
}

.legend-grid {
    width: 100%;
    height: 100%;
}

.legend-grid .ui-widget-content {
    border: 1px solid #777;
}

.legend-grid .cell {
    width: 107px;
    height: 23px;
    text-align: center;
    display: inline-block;
}

.legend-grid .cell > div {
    height: 100%;
    overflow: hidden;
}

.legend-grid .legend-text {
    height: 100%;
    /* Hack for centering vertically; */
    padding: 5px 0px;
    white-space: nowrap;
}

.legend-grid .content {
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}

.legend-grid .conflict {
    background-color: #fcc !important;
}

.legend-grid .ag-row-selected {
    background-color: beige !important;
}

.legend-grid .conflict .ag-row-selected {
    background-color: #f88 !important;
}

.customHeaderMenuButton {
    margin-top: 5px;
    margin-left: 4px;
    float: left;
}

.customHeaderLabel {
    margin-left: 5px;
    float: left;
}

.customSortDownLabel {
    float: left;
    margin-left: 10px;
    margin-top: 11px;
}

.customSortUpLabel {
    float: left;
    margin-left: 3px;
    margin-top: 10px;
}

.customSortRemoveLabel {
    float: left;
    font-size: 11px;
    margin-left: 3px;
    margin-top: 11px;
}

.active {
    color: cornflowerblue;
}

.margin-top-5px {
    margin-top: 5px;
}

.margin-top-10px {
    margin-top: 10px;
}

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

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

.margin-left-7px {
    margin-left: 7px;
}

.margin-left-10px {
    margin-left: 10px !important;
}

.margin-right-0px {
    margin-right: 0 !important;
}

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

.margin-left-20px {
    margin-left: 20px;
}

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

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

.margin-right-20px {
    margin-right: 20px;
}

.margin-right-30px {
    margin-right: 30px !important;
}

.margin-bottom-20px {
    margin-bottom: 20px !important;
}

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

.consultantImage {
    height: 16px;
    width: 16px;
}

.row-disabled {
    background-color: #fcc !important;
    opacity: 0.5;
    pointer-events: none;
}

.document-panel {
    height: 100%;
    z-index: 990;
    width: 1300px;
    background: #F5F6FA;
    position: fixed;
    top: 0;
    right: 0;
    visibility: hidden;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.21);
    overflow: auto;
    padding: 7px;
}

.doc-count-label {
    border-radius: 50%;
    background-color: #e10000;
    position: fixed;
    top: 175px;
    right: 26px;
    z-index: 991;
    color: white;
    font-weight: bold;
}

.doc-count-label-1-digit {
    height: 14px;
    width: 13px;
    padding-left: 5px;
    padding-top: 3px;
}

.doc-count-label-2-digit {
    height: 14px;
    width: 17px;
    padding-left: 3px;
    padding-top: 3px;
}

.doc-count-label-3-digit {
    height: 14px;
    width: 26px;
    padding-left: 4px;
    padding-top: 3px;
}

.document-slider-open {
    background: url(../images/new_icons/cloud-3x.png) no-repeat scroll center transparent;
    background-size: 27px 24px;
    height: 43px;
    width: 38px;
    border-radius: 3px 0 0 3px;
    background-color: #00A9F4;
    box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.29);
    position: fixed;
    top: 180px;
    right: 0;
    z-index: 990;
}

.document-slider-close {
    background: url(../images/new_icons/Close3x.png) no-repeat scroll center transparent;
    background-size: 27px 24px;
    height: 43px;
    width: 38px;
    border-radius: 3px 0 0 3px;
    background-color: #00A9F4;
    box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.29);
    position: fixed;
    top: 180px;
    right: 0;
    z-index: 990;
}

#approvalsLogLink {
    float: right;
    height: 20px;
    line-height: 15px;
}

#approvalsLogLink a {
    color: #00A9F4 !important;
}

#approvalsLogLink a:hover {
    color: #E67400;
    text-decoration: none;
}


/**
*    New Master CSS
**/

.main-form {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    font-size: 12px;
    color: #212121;
}

/**
 *  Card
 */

.card-box {
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}

.box-padding {
    padding: 25px 25px;
}

.box-padding-width {
    padding: 0 25px 0 25px;
}

.box-margin-bottom {
    margin-bottom: 25px;
}

.box-margin-top {
    margin-top: 25px;
}

/**
 *  HTML Components
 */

select.select-regular {
    width: 100%;
    min-width: 65px;
    font-size: 14px !important;
    color: #212121;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 2px 0 2px 2px;
    border-color: #AFBACA;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-radius: 0;
    background: url("../images/new_icons/Arrow3x.png") center right no-repeat;
    background-size: 12px 8px;
}

select.select-regular-60 {
    width: 60%;
    min-width: 65px;
    font-size: 14px !important;
    color: #212121;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 2px 0 2px 2px;
    border-color: #AFBACA;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-radius: 0;
    background: url("../images/new_icons/Arrow3x.png") center right no-repeat;
    background-size: 12px 8px;
}

select.select-regular::-ms-expand {
    display: none; /* for IE, it would override the arrow */
}

select.select-regular:enabled:focus:not(:active),
select.select-regular:enabled:active {
    border-color: #FFA000;
}

select[disabled].select-regular {
    background: none;
    border-color: transparent;
    color: #212121;
}

select[disabled].select-regular.show-disabled {
    background: url("../images/new_icons/Arrow3x.png") center right no-repeat;
    background-size: 12px 8px;
    border-color: #AEAEAE;
    opacity: .35;
}

textarea.text-regular {
    border-color: #AFBACA;
    border-style: solid;
    border-width: 0 0 1px 0;
    padding: 2px 0 2px 0;
    text-align: left;
    border-radius: 0;
    font-size: 14px !important;
    color: #212121;
    min-height: 65px;
    width: 100%;
    min-width: 200px;
}

input[type=text].text-regular-30 {
    border-color: #AFBACA;
    border-style: solid;
    border-width: 0 0 1px 0;
    padding: 2px 0 2px 0;
    text-align: left;
    border-radius: 0;
    width: 30%;
    min-width: 50px;
    font-size: 14px !important;
    color: #212121;
    margin: 10px 0 15px 30px;
    text-align: right;
}

/* Remove spin buttons from number input */
.number-nospin::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
} /* Chrome, Safari, Edge, Opera */

.number-nospin {
    -moz-appearance: textfield;
} /* Firefox */

/* If input is next to a Date Picker input, the height is off making the input look out of alighnment*/
input[type=number].number-matchdateinputheight {
    height: 25px;
}

input[type=number].number-regular,
input[type=text].text-regular,
input[type=password].text-regular {
    border-color: #AFBACA;
    border-style: solid;
    border-width: 0 0 1px 0;
    padding: 2px 0 2px 0;
    text-align: left;
    border-radius: 0;
    width: 100%;
    min-width: 50px;
    font-size: 14px !important;
    color: #212121;
}

input[type=text].text-regular::placeholder,
input[type=text].text-regular::-webkit-input-placeholder,
input[type=text].text-regular::-moz-placeholder,
input[type=text].text-regular:-ms-input-placeholder,
input[type=password].text-regular::placeholder,
input[type=password].text-regular::-webkit-input-placeholder,
input[type=password].text-regular::-moz-placeholder,
input[type=password].text-regular:-ms-input-placeholder {
    text-align: left;
}

input[type=password].enabled.text-rounded:active,
input[type=text].enabled.text-rounded:active,
textarea:enabled.text-regular:active,
input[type=text]:enabled.text-regular:active,
input[type=password]:enabled.text-regular:active {
    border-color: #FFA000;
}

input[type=password]:enabled.text-rounded:focus:not(:active),
input[type=text]:enabled.text-rounded:focus:not(:active),
textarea:enabled.text-regular:focus:not(:active),
input[type=text]:enabled.text-regular:focus:not(:active),
input[type=password]:enabled.text-regular:focus:not(:active) {
    border-color: #FFA000;
}

textarea[disabled].text-regular,
textarea[readonly].text-regular,
input[disabled].text-regular,
input[readonly].text-regular {
    background: none;
    font-weight: normal;
    border-color: transparent;
}

textarea[disabled].text-regular::placeholder,
input[disabled].text-regular::placeholder {
    color: transparent;
    background-color: transparent;
    font-weight: normal;
}

input[disabled].text-rounded::placeholder {
    color: #AEAEAE;
}

input[disabled].text-rounded::-moz-placeholder {
    color: #AEAEAE;
}

input[disabled].text-rounded:-ms-input-placeholder {
    color: #AEAEAE;
}

input[disabled].text-rounded::-webkit-input-placeholder {
    color: #AEAEAE;
}

textarea[disabled].text-regular::-moz-placeholder,
input[disabled].text-regular::-moz-placeholder {
    color: transparent;
    background-color: transparent;
    font-weight: normal;
}

textarea[disabled].text-regular:-ms-input-placeholder,
input[disabled].text-regular:-ms-input-placeholder {
    color: transparent;
    background-color: transparent;
    font-weight: normal;
}

textarea[disabled].text-regular::-webkit-input-placeholder,
input[disabled].text-regular::-webkit-input-placeholder {
    color: transparent;
    background-color: transparent;
    font-weight: normal;
}

/* Single input field for pop-ups */
input[type=text].text-rounded,
input[type=password].text-rounded {
    border: 1px solid #E8E8E8;
    text-align: left;
    border-radius: 4px;
    font-size: 14px !important;
    color: #212121;
    background-color: #FFFFFF;
    padding: 0 10px;
    height: 38px;
    width: 300px;
}

input[type=password][disabled].text-rounded,
input[type=text][disabled].text-rounded {
    background: #F2F2F2 url("../images/new_icons/Blank-Lock.png") no-repeat right center;
    background-position-x: calc(100% - 5px);
    background-size: 16px 21px;
}

input[type=text].editable-text-regular:focus {
    cursor: text;
}

input[type=text][disabled].editable-text-regular {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    font-weight: 500 !important;
    color: #000A12 !important;
    text-align: left;
    border-radius: 0;
    padding: 0;
    cursor: default;
    background: none !important;
    border: none !important;
}

/**
 *  Text field with square borders and blue underline
 */
input[type=text].text-squared {
    border-color: #AFBACA;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    padding: 2.5px 5px;
    text-align: left;
    border-radius: 0;
    width: 100%;
    min-width: 50px;
    font-size: 14px !important;
    color: #212121;
    border-bottom: 3px solid #2CBEFF;
}

input:focus.ajax-change-link {
    outline: none !important;
    border: none !important;
    cursor: pointer;
    color: #00A9F4;
    min-width: 1px !important;
    font-weight: bold;
    padding: 0 !important;
    text-indent: 0 !important;
    text-align: left !important;
    float: left;
}

input.ajax-change-link {
    outline: none !important;
    border: none !important;
    cursor: pointer;
    color: #00A9F4;
    min-width: 1px !important;
    font-weight: bold;
    padding: 0 !important;
    text-indent: 0 !important;
    text-align: left !important;
    float: left;
    width: auto !important;
}

input.ajax-change-link:hover {
    outline: none !important;
    border: none !important;
    cursor: pointer;
    color: #fc9823;
    min-width: 1px !important;
    font-weight: bold;
    padding: 0 !important;
    text-indent: 0 !important;
    text-align: left !important;
    float: left;
}

.add-button {
    height: 32px;
    line-height: 32px;
    min-width: 64px;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.19);
    cursor: pointer;
    color: #ffffff;
    font-weight: 500;
    text-align: center;
    padding: 6px 0 5px 22px;
    background: url("../images/new_icons/White-Plus3x.png") no-repeat left center;
    background-size: 18px 19px;
    background-position-x: 10px;
    background-color: #32a9f2;
    margin-right: 10px !important;
    text-decoration: none !important;
    display: block;
}

.add-button a {
    color: #ffffff;
    padding-left: 12px;
    padding-right: 10px;
    display: block;
    width: auto;
}

.add-button a:hover {
    text-decoration: none;
}

.add-button:active {
    background-color: rgba(158, 158, 158, 0.40);
}

.popup-link {
    color: #3273F0;
}

.popup-link a {
    font-size: 14px;
    color: #00A9F4;
}

.popup-link a:hover {
    text-decoration: none;
}

.tabbed-shadow {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12), 0 4px 4px 0 rgba(0, 0, 0, 0.12);
}

.tabbed > input[type=radio] {
    display: none;
}

.tabbed > label {
    width: 49.5%;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 35px;
    height: 35px;
    font-weight: 500;
    color: #B7B7B7;
    padding-bottom: 4px;
}

.tabbed input[type=radio]:checked + label {
    color: #FFA000;
    border-bottom: 2px solid #FFA000;
}

.tabbed input[type=radio][disabled] + label {
    cursor: default;
}

/* Regular check-box with black border */
input[type=checkbox].cbk_regular {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/new_icons/Box3x.png") no-repeat center;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

input[type=checkbox].cbk_regular:checked {
    background: url("../images/new_icons/Check3x.png") no-repeat center;
}

.cbk_regular input[type=checkbox] {
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/new_icons/Box3x.png") no-repeat center;
    background-size: 18px 18px;
    display: inline-block;
    cursor: pointer;
    margin: 0 5px 0 0;
}

input[type=checkbox][disabled].cbk_regular,
.cbk_regular input[type=checkbox][disabled] {
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/new_icons/disabled-box-3x.png") no-repeat center;
    background-size: 18px 18px;
    display: inline-block;
    cursor: default;
    margin: 0 5px 0 0;
}

.cbk_regular input[type=checkbox][disabled]:checked {
    background: url("../images/new_icons/disabled-check-3x.png") no-repeat center;
    background-size: 18px 18px;
}

input[type=checkbox][disabled]:checked.cbk_regular {
    background: url("../images/new_icons/disabled-check-3x.png") no-repeat center;
    background-size: 18px 18px;
}

.cbk_regular input[type=checkbox]:checked {
    background: url("../images/new_icons/Check3x.png") no-repeat center;
}

.cbk_regular input[type=checkbox] + label {
    font-size: 14px !important;
    vertical-align: 4px;
    color: #212121;
    margin: 0 5px 0 0;
}

input[type=checkbox].image-size-12 {
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
}

input[type=checkbox].image-size-12:checked {
    background-size: 12px 12px;
}

.image-size-12 input[type=checkbox] {
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
}

.image-size-12 input[type=checkbox]:checked {
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
}

input[type=checkbox].image-size-14 {
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
}

input[type=checkbox].image-size-16 {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
}

input[type=checkbox][disabled].image-size-16 {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
}

input[type=checkbox].image-size-16:checked {
    background-size: 16px 16px;
}

input[type=checkbox][disabled].image-size-16:checked {
    background-size: 16px 16px;
}

.image-size-16 input[type=checkbox] {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
}

.image-size-16 input[type=checkbox][disabled] {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
}

.image-size-16 input[type=checkbox]:checked {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
}

.image-size-16 input[type=checkbox][disabled]:checked {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
}

input[type=checkbox].image-size-18 {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    min-width: 18px;
}

input[type=checkbox].image-size-18:checked {
    background-size: 18px 18px;
}

.image-size-18 input[type=checkbox] {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    min-width: 18px;
}

.image-size-18 input[type=checkbox]:checked {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    min-width: 18px;
}

/* Checkbox turned into toggle button */
input[type=checkbox].cbk_toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/new_icons/ckb-off3x.png") no-repeat center;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

input[type=checkbox].cbk_toggle:checked {
    background: url("../images/new_icons/ckb-on3x.png") no-repeat center;
}

.cbk_toggle input[type=checkbox] {
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/new_icons/ckb-off3x.png") no-repeat center;
    background-size: 18px 18px;
    display: inline-block;
    cursor: pointer;
    margin: 0 5px 0 0;
}

.cbk_toggle input[type=checkbox][disabled] {
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/new_icons/ckb-off-disabled3x.png") no-repeat center;
    background-size: 18px 18px;
    display: inline-block;
    cursor: pointer;
    margin: 0 5px 0 0;
}

.cbk_toggle input[type=checkbox][disabled]:checked {
    background: url("../images/new_icons/ckb-on-disabled3x.png") no-repeat center;
    background-size: 18px 18px;
}

.cbk_toggle input[type=checkbox]:checked {
    background: url("../images/new_icons/ckb-on3x.png") no-repeat center;
}

.cbk_toggle input[type=checkbox] + label {
    text-transform: uppercase;
    font-size: 12px !important;
    vertical-align: 9px;
    color: #A9A9A9;
    margin: 0 5px 0 0;
    padding: 0 !important;
}

input[type=checkbox].toggle-size-12,
input[type=checkbox][disabled].toggle-size-12 {
    width: 35px;
    height: 20px;
    background-size: 35px 20px;
}

input[type=checkbox].toggle-size-12:checked,
input[type=checkbox][disabled].toggle-size-12:checked {
    background-size: 35px 20px;
}

.toggle-size-12 input[type=checkbox],
.toggle-size-12 input[type=checkbox][disabled] {
    width: 35px;
    height: 20px;
    background-size: 35px 20px;
}

.toggle-size-12 input[type=checkbox]:checked,
.toggle-size-12 input[type=checkbox][disabled]:checked {
    width: 35px;
    height: 20px;
    background-size: 35px 20px;
}

/* Check-box turned into radio button  */
input[type=checkbox].cbk_turned_rdb {
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/new_icons/Radio-Uncheked.png") no-repeat center;
    background-size: 18px 18px;
    display: inline-block;
    cursor: pointer;
}

input[type=checkbox].cbk_turned_rdb:checked {
    background: url("../images/new_icons/Radio-Checked.png") no-repeat center;
    background-size: 18px 18px;
}

.drop_regular {
    display: flex;
    justify-content: right;
}

.drop_regular span {
    text-transform: uppercase;
    color: #212121;
    font-family: Roboto;
    font-size: 11px;
    font-weight: bold;
    padding: 0 15px;
}

.drop_regular select {
    text-transform: uppercase;
    height: 31px;
    border: 1px solid #00A9F4;
    border-radius: 3px;
    font-size: 12px !important;
    color: #212121;
    font-weight: bold;
    background: #FFF url(../images/new_icons/Dark-Arrow3x.png) no-repeat right center;
    background-position-x: calc(100% - 8px);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 11px 7px;
    display: inline-block;
    padding-right: 10px;
}

.drop_regular select[disabled] {
    border: 1px solid #B2B2B2;
}

.drop-regular-with-label select option,
.drop_regular select option {
    text-transform: uppercase;
    font-size: 12px !important;
    color: #212121;
    font-weight: bold;
}

.drop-regular-with-label {
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #212121;
    padding: 0 10px;
    background-color: #FFFFFF;
}

.drop-regular-with-label select {
    font-weight: bold;
    background: url(../images/new_icons/Dark-Arrow3x.png) no-repeat right center;
    background-position-x: calc(100% - 8px);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 11px 7px;
    border: none;
    width: auto;
    cursor: pointer;
}

.required-field {
    background: url(../images/new_icons/Icon-Required.png) no-repeat right;
    background-size: 7px 6px;
    background-position-y: 0;
    padding-right: 4px;
}

.required-filter-box {
    height: 15px;
    width: 5px;
}

/* This is being used when a form component fails validation on submit */
.error-field {
    border-color: #9C1313 !important;
    color: #9C1313 !important;
    background-color: transparent !important;
}

input[type=text].error-field::placeholder {
    color: #9C1313 !important;
}

input[type=text].error-field::-webkit-input-placeholder {
    color: #9C1313 !important;
}

input[type=text].error-field::-moz-placeholder {
    color: #9C1313 !important;
}

input[type=text].error-field:-ms-input-placeholder {
    color: #9C1313 !important;
}

/**
 *
 */

.font14x {
    font-size: 14px !important;
}

.width-50px {
    width: 50px !important;
}

.width-60px {
    width: 60px !important;
}

.width-80px {
    width: 80px;
}

.width-90px {
    width: 90px;
}

.width-100px {
    width: 100px !important;
}

.width-110px {
    width: 110px;
}

.width-125px {
    width: 125px;
}

.width-130px {
    width: 130px;
}

.width-140px {
    width: 140px;
}

.width-150px {
    width: 150px;
}

.width-160px {
    width: 160px;
}

.width-165px {
    width: 165px;
}

.width-170px {
    width: 170px;
}

.width-180px {
    width: 180px;
}

.width-190px {
    width: 190px;
}

.width-215px {
    width: 215px;
}

.width-240px {
    width: 240px;
}

.width-250px {
    width: 250px;
}

.width-2percent {
    width: 2%;
}

.width-17percent {
    width: 12%;
}

.width-15percent {
    width: 15%;
}

.width-17percent {
    width: 17%;
}


.width-19percent {
    width: 19%;
}

.width-20percent {
    width: 20%;
}

.width-25percent {
    width: 25%;
}

.width-33percent {
    width: 33.33%;
}

.width-50percent {
    width: 50%;
}

.height-25px {
    height: 25px;
}

.height-30px {
    height: 30px;
}

.height-35px {
    height: 35px !important;
}

.height-40px {
    height: 40px !important;
}

.height-45px {
    height: 45px !important;
}

.height-50px {
    height: 50px;
}

.height-93px {
    height: 93px !important;
}

.height-115px {
    height: 115px !important;
}

.height-220px {
    height: 220px !important;
}

.height-250px {
    height: 250px !important;
}

.bold-text {
    font-weight: bold;
}

.line-height-30px {
    line-height: 30px;
}

.line-height-35px {
    line-height: 35px;
}

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

.padding-top-20px {
    padding-top: 20px;
}

.padding-bottom-10px {
    padding-top: 10px;
}

.padding-bottom-15px {
    padding-bottom: 15px;
}

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

.i-field-right-margin {
    margin-right: 25px;
}

.i-field-large {
    width: 1070px !important;
}

.height-large {
    height: 115px !important;
}

.flex {
    display: flex;
}

.flex-center {
    display: flex;
    align-items: center;
}

.flex-end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.flex-item-auto {
    flex: auto;
}

.i-fields-row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 70px;
}

.i-field-radio {
    padding-left: 15px;
}

.i-field-radio > label {
    font-size: 11px !important;
    line-height: 25px;
    text-transform: uppercase;
    color: #737373;
}

.i-field-checkbox {
    padding-left: 15px;
    position: relative;
}

.i-field-checkbox label {
    font-size: 14px !important;
    line-height: 25px;
    color: #2B2B2B;
}

.i-field {
    padding-left: 15px;
    position: relative;
}

.i-field label,
.i-field-with-override label {
    font-size: 11px !important;
    line-height: 25px;
    color: #737373;
    text-transform: uppercase;
}

.i-field-with-override {
    padding-left: 15px;
    position: relative;
}

.i-field-grey {
    padding-left: 15px;
    position: relative;
}

.i-field-grey label {
    font-size: 11px !important;
    line-height: 25px;
    color: #737373;
    text-transform: uppercase;
}

.i-field-grey input {
    background-color: transparent !important;
    border-bottom: transparent !important;
}

.i-field-orange {
    padding-left: 15px;
    border-radius: 8px 8px 0 0;
    border-bottom: 2px solid #F36B10;
    background-size: 17px 21px;
    background-color: rgba(243, 107, 16, 0.15) !important;
    position: relative;
}

.i-field-orange label {
    font-size: 11px !important;
    line-height: 25px;
    color: #737373;
    text-transform: uppercase;
}

.i-field-orange input {
    background-color: transparent !important;
    border-bottom: transparent !important;
}

.i-field-blue {
    padding-left: 15px;
    border-radius: 8px 8px 0 0;
    border-bottom: 2px solid #00A9F4;
    background-size: 17px 21px;
    background-color: rgba(0, 169, 244, 0.16) !important;
    position: relative;
}

.i-field-blue label {
    font-size: 11px !important;
    line-height: 25px;
    color: #737373;
    text-transform: uppercase;
}

.i-field-blue input {
    background-color: transparent !important;
    border-bottom: transparent !important;
}

.i-field-locked-grey {
    padding-left: 15px;
    border-radius: 8px 8px 0 0;
    border-bottom: 2px solid #AFBACA;
    /*Align lock icon 10 pixels from right, it can work with any width of container */
    background: #E9EBF1 url("../images/new_icons/Blank-Lock.png") no-repeat right center;
    background-position-x: calc(100% - 10px);
    background-size: 17px 21px;
}

.i-field-locked {
    border-radius: 8px 8px 0 0;
    border-bottom: 2px solid #AFBACA;
    /*Align lock icon 10 pixels from right, it can work with any width of container */
    background: #E9EBF1 url("../images/new_icons/Blank-Lock.png") no-repeat right center;
    background-position-x: calc(100% - 10px);
    background-size: 17px 21px;
}

.i-field-link {
    padding-left: 15px;
    position: relative;
}

.i-field-link label {
    font-size: 11px !important;
    line-height: 25px;
    color: #737373;
    text-transform: uppercase;
}

.i-field-link input {
    float: right !important;
    color: #00A9F4 !important;
}

.i-field-link-locked {
    border-radius: 8px 8px 0 0;
    border-bottom: 2px solid #AFBACA;
    /*Align lock icon 10 pixels from right, it can work with any width of container */
    background: #E9EBF1 url("../images/new_icons/Blank-Lock.png") no-repeat right center;
    background-position-x: calc(100% - 10px);
    background-size: 17px 21px;
}

.i-field-link-locked input {
    background-color: transparent;
    font-weight: normal;
    border-color: transparent !important;
}

.i-field-date {
    /*Align DatePicker icon 10 pixels from right, it can work with any width of container */
    background: url("../images/new_icons/DatePicker3x.png") no-repeat right center;
    background-position-x: calc(100% - 10px);
    background-size: 16px 19px;
    background-position-y: 22px !important;
}

.i-field-date input {
    /*Text field input has white background which makes the Date Picker icon dissappear*/
    background-color: transparent;
}

.i-field-date label {
    font-size: 11px !important;
    line-height: 25px;
    color: #737373;
    text-transform: uppercase;
}

.i-field-locked-blue {
    border-radius: 8px 8px 0 0;
    border-bottom: 2px solid #00A9F4;
    /*Align lock icon 10 pixels from right, it can work with any width of container */
    background: rgba(0, 169, 244, 0.16) url("../images/new_icons/Blank-Lock.png") no-repeat right center;
    background-position-x: calc(100% - 10px);
    background-size: 17px 21px;
}

input[type=text].date-picker-wrapper-panel-custom {
    background: url(../images/new_icons/DatePicker3x.png) no-repeat right center;
    background-color: white;
    background-position-x: calc(100% - 10px);
    background-size: 16px 18px;
    padding: 4px 0 !important;
    color: black !important;
}

.text-regular-mini-accrual {
    padding: 1px 2px !important;
    min-width: 72px !important;
    width: 100%;
    height: 25px;
    text-align: left !important;
    font-size: 11px;
    line-height: 13px;
    border-color: #AFBACA !important;
    border-style: solid !important;
    border-width: 0 0 1px 0 !important;
    border-radius: unset !important;
    color: #212121;
}

input[type=text]:enabled.text-regular-mini-accrual:active {
    border-color: #FFA000 !important;
}

input[type=text]:enabled.text-regular-mini-accrual:focus:not(:active) {
    border-color: #FFA000 !important;
}

input[disabled].text-regular-mini-accrual,
input[readonly].text-regular-mini-accrual {
    font-weight: normal !important;
    border-color: transparent !important;
    padding: 1px 2px !important;
    min-width: 72px !important;
    width: calc(100% - 4px);
    height: 25px;
    background: #E9EBF1;
    /*background-position-x: calc(100% - 5px);*/
    text-align: left !important;
    font-size: 11px;
    line-height: 13px;
    background-size: 12.31px 16px !important;
    border: none !important;
    border-radius: 3px !important;
}

input[disabled].text-regular-mini-accrual::placeholder {
    color: transparent !important;
    background-color: transparent !important;
    font-weight: normal !important;
}

.text-regular-mini {
    padding: 1px 0 !important;
    min-width: 50px !important;
    width: 100%;
    height: 25px;
    text-align: left !important;
    font-size: 11px;
    line-height: 13px;
    border-color: #AFBACA !important;
    border-style: solid !important;
    border-width: 0 0 1px 0 !important;
    border-radius: unset !important;
    color: #212121;
}

input[type=text]:enabled.text-regular-mini:active {
    border-color: #FFA000 !important;
}

input[type=text]:enabled.text-regular-mini:focus:not(:active) {
    border-color: #FFA000 !important;
}

input[disabled].text-regular-mini,
input[readonly].text-regular-mini {
    font-weight: normal !important;
    border-color: transparent !important;
    padding: 1px 2px !important;
    min-width: 50px !important;
    width: calc(100% - 4px);
    height: 25px;
    background: #E9EBF1 url("../images/new_icons/Blank-Lock.png") no-repeat right center !important;
    background-position-x: calc(100% - 5px);
    text-align: left !important;
    font-size: 11px;
    line-height: 13px;
    background-size: 12.31px 16px !important;
    border: none !important;
    border-radius: 3px !important;
}

input[disabled].text-regular-mini::placeholder {
    color: transparent !important;
    background-color: transparent !important;
    font-weight: normal !important;
}

.text-regular-mini-date {
    padding: 1px 0 !important;
    min-width: 50px !important;
    width: 100%;
    height: 25px;
    text-align: left !important;
    font-size: 11px;
    line-height: 13px;
    border-color: #AFBACA !important;
    border-style: solid !important;
    border-width: 0 0 1px 0 !important;
    border-radius: unset !important;
    color: #212121;
    background: url("../images/new_icons/DatePicker3x.png") no-repeat right center;
    background-position-x: calc(100% - 10px);
    background-size: 14px 15px;
    background-position-y: 9px !important;
}

input[type=text]:enabled.text-regular-mini-date:active {
    border-color: #FFA000 !important;
}

input[type=text]:enabled.text-regular-mini-date:focus:not(:active) {
    border-color: #FFA000 !important;
}

input[disabled].text-regular-mini-date,
input[readonly].text-regular-mini-date {
    font-weight: normal !important;
    border-color: transparent !important;
    padding: 1px 2px !important;
    min-width: 50px !important;
    width: calc(100% - 4px);
    height: 25px;
    background: #E9EBF1 url("../images/new_icons/Blank-Lock.png") no-repeat right center !important;
    background-position-x: calc(100% - 5px);
    text-align: left !important;
    font-size: 11px;
    line-height: 13px;
    background-size: 12.31px 16px !important;
    border: none !important;
    border-radius: 3px !important;
}

input[disabled].text-regular-mini-date::placeholder {
    color: transparent !important;
    background-color: transparent !important;
    font-weight: normal !important;
}

.i-field-large-locked {
    padding: 1px 2px !important;
    width: 400px !important;
    height: 22px;
    background: #EEEEEE url("../images/new_icons/Blank-Lock.png") no-repeat right center !important;
    background-position-x: calc(100% - 5px);
    text-align: left !important;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    background-size: 12.31px 16px !important;
    border: none !important;
}

.i-field-medium-locked {
    padding: 1px 2px !important;
    width: 170px !important;
    height: 22px;
    background: #EEEEEE url("../images/new_icons/Blank-Lock.png") no-repeat right center !important;
    background-position-x: calc(100% - 5px);
    text-align: left !important;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    background-size: 12.31px 16px !important;
    border: none !important;
}

.i-field-override-locked {
    border-radius: 8px 8px 0 0;
    border-bottom: 2px solid #AFBACA;
    background: #E9EBF1;
}

.i-field-override-color-locked {
    border-radius: 8px 8px 0 0;
    border-bottom: 2px solid #00A9F4;
    background: #E9EBF1;
}

.i-field-inline {
    margin-right: 15px;
    margin-top: 2px;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.float-clear {
    clear: both;
}

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

.disabled-cursor {
    cursor: default !important;
}

/* New Form Table CSS */

table.liquid-form {

}

table.cols1-tbl tr td {
    width: 100%;
}

table.cols2-tbl tr td {
    width: 50%;
}

table.cols4-tbl tr td {
    width: 25%; /* Append this class when you need 5 columns with equally spaced table */
}

table.cols5-tbl tr td {
    width: 20%; /* Append this class when you need 5 columns with equally spaced table */
}

table.cols5-tbl-assessment tr td.auto {
    width: 20%;
}

table.cols13-tbl-accrual tr td.auto {
    width: 7.69%;
}

table.cols6-tbl tr td {
    width: 16.64%; /* Append this class when you need 6 columns with equally spaced table */
}

table.cols7-tbl tr td {
    width: 14.28%; /* Append this class when you need 7 columns with equally spaced table */
}

table.cols8-tbl tr td {
    width: 12.50%; /* Append this class when you need 7 columns with equally spaced table */
}

table.cols10-tbl tr td {
    width: 10%; /* Append this class when you need 10 columns with equally spaced table */
}

table.cols3-tbl tr td {
    width: 33.32%; /* Append this class when you need 3 columns with equally spaced table */
}

table.cols7-tbl-tax tr td.auto {
    width: 14.28%; /* Append this class when you need 7 columns with equally spaced table TAX & EXPENSES module *!*/
}

table.cols5-tbl-tax tr td.auto {
    width: 20%; /* Append this class when you need 5 columns with equally spaced table TAX & EXPENSES module *!*/
}

table.cols9-tbl-tax tr td.auto {
    /*width: calc(calc(100% - 50px) / 7);  !* Append this class when you need 9 columns with equally spaced table TAX & EXPENSES module *!*/
    width: 11.11%
}

table.cols6-tbl-tax tr td.auto {
    width: 16.64%; /* Append this class when you need 6 columns with equally spaced table */
}

table.cols9-tbl tr td {
    width: 11.11%;
}

table.cols10-tbl-scenarios tr td.auto {
    width: 10%; /* Append this class when you need 10 columns with equally spaced table */
}

table.cols13-tbl-scenarios tr td.auto {
    width: 14.26%;
    padding: 0px 0px 0px 0px !important;
}

table.cols13-tbl-scenarios tr td.auto-calculation-icon {
    height: 19px;
    width: 0.05%;
    font-weight: bold;
    line-height: 24px;
    color: #00A9F4;
    font-family: Roboto;
    font-size: 17px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

table.cols6-tbl-forecast tr td.auto {
    width: 16.64%; /* Append this class when you need 6 columns with equally spaced table in FORECAST & BUDGET module */
}

table.cols6-tbl-forecast tr th.auto {
    width: 16.64%; /* Append this class when you need 6 columns with equally spaced table in FORECAST & BUDGET module */
}

table.cols4-tbl-forecast tr td.auto {
    width: 25%; /* Append this class when you need 4 columns with equally spaced table in FORECAST & BUDGET module */
}

table.cols4-tbl-insurance tr td.auto {
    width: 25.00%; /* Append this class when you need 4 columns with equally spaced table in INSURANCE module */
}

table.cols4-tbl-insurance tr th.auto {
    width: 25.00%; /* Append this class when you need 4 columns with equally spaced table in INSURANCE module */
}


table.cols12-tbl tr td {
    width: 8.33%;
}

table.liquid-form tr {
    height: 70px;
}

table.liquid-form tr td {
    padding: 0 10px;
}

table.liquid-form tr td:first-child {
    padding-left: 0;
    padding-right: 10px;
}

table.liquid-form tr td:last-child {
    padding-left: 10px;
    padding-right: 0;
}

table.liquid-form tr td:only-child {
    padding-left: 0;
    padding-right: 0;
}

table.blue-header {

}

table.blue-header tr {
    height: 45px;
!important;
}

table.blue-header tr:first-child {
    height: 45px;
    background-color: #c6edff;
}

table.blue-header tr th {
    color: #0085C0;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    padding-left: 10px;
}

table tr td div.colName {
    width: 200px !important;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px !important;
}

table tr td div.colName-forecast {
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px !important;
    margin-left: 10px;
}

table tr td div.colName-width-auto {
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px !important;
}

/**
 *
 */

.import-row {
    width: 100%;
    display: flex;
    background-color: #eff9fe;
    border-bottom-left-radius: 5px; /* Need to apply border radius again because background-color bleeds out*/
    border-bottom-right-radius: 5px;
    line-height: 43px;
    height: 45px;
    cursor: default;
}

.import-table-label {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    padding-left: 28px;
}

.import-field-header {
    font-size: 14px;
    text-transform: uppercase;
    color: #212121;
}

.import-field-data {
    font-size: 14px;
    font-weight: 900;
    color: #212121;
}

a.import-ajax-link {
    background: url("../images/new_icons/Link3x.png") no-repeat center;
    background-size: 22px 23px;
    height: 29px;
    width: 29px;
    vertical-align: middle;
    display: inline-block;
    color: #66C20A;
    font-size: 14px;
    font-weight: 500;
}

a.import-ajax-link:hover {
    text-decoration: none;
}

a.import-disabled-link {
    background: url("../images/new_icons/Link-Disabled.png") no-repeat center;
    background-size: 22px 23px;
    height: 29px;
    width: 29px;
    vertical-align: middle;
    display: inline-block;
    color: #66C20A;
    font-size: 14px;
    font-weight: 500;
}

a.import-disabled-link:hover {
    text-decoration: none;
}

a.remove-ajax-link {
    background: url("../images/new_icons/Unlink3x.png") no-repeat center;
    background-size: 22px 23px;
    height: 29px;
    width: 29px;
    vertical-align: middle;
    display: inline-block;
    color: #0AC89F;
    font-size: 14px;
    font-weight: 500;
}

a.remove-ajax-link:hover {
    text-decoration: none;
}

a.remove-disabled-link {
    background: url("../images/new_icons/Unlink-Disabled3x.png") no-repeat center;
    background-size: 22px 23px;
    height: 29px;
    width: 29px;
    vertical-align: middle;
    display: inline-block;
    color: #0AC89F;
    font-size: 14px;
    font-weight: 500;
    cursor: default !important;
}

a.remove-disabled-link:hover {
    text-decoration: none;
}

a.redirect-ajax-link {
    background: url("../images/new_icons/Compass3x.png") no-repeat center;
    background-size: 22px 23px;
    height: 29px;
    width: 29px;
    vertical-align: middle;
    display: inline-block;
    color: #33a9f2;
    font-size: 14px;
    font-weight: 500;
}

a.redirect-ajax-link:hover {
    text-decoration: none;
}

a.redirect-disabled-link {
    background: url("../images/new_icons/Compass-Disabled3x.png") no-repeat center;
    background-size: 22px 23px;
    height: 29px;
    width: 29px;
    vertical-align: middle;
    display: inline-block;
    color: #33a9f2;
    font-size: 14px;
    font-weight: 500;
}

a.redirect-disabled-link:hover {
    text-decoration: none;
}

a.edit-ajax-link {
    background: url("../images/new_icons/BlackPencil.png") no-repeat center;
    background-size: 22px 23px;
    height: 31px;
    width: 29px;
    vertical-align: middle;
    display: inline-block;
    color: #66C20A;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 9px;
}

a.edit-ajax-link:hover {
    text-decoration: none;
}

a.edit-disabled-link {
    background: url("../images/new_icons/GreyPencil.png") no-repeat center;
    background-size: 22px 23px;
    height: 31px;
    width: 29px;
    vertical-align: middle;
    display: inline-block;
    color: #66C20A;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 9px;
}

.dialog-panel-menu {
    position: absolute;
    right: -3px;
    bottom: 6px;
}

.lock-menu-wrapper {
    position: relative;
    top: -11px;
    right: 44px;
}

.small-menu-wrapper {
    position: relative;
    display: inline-block;
    top: 4px;
    right: 15px;
}

.big-menu-wrapper {
    position: relative;
    display: inline-block;
    top: 3px;
    right: 4px;
}

.lock-dots {
    background: url("../images/new_icons/Lock3x.png") no-repeat center;
    background-size: 17px 21px;
    height: 25px;
    width: 25px;
    position: absolute;
    bottom: -1px;
    right: -37px;
}

.unlock-dots {
    background: url("../images/new_icons/Unlock.png") no-repeat center;
    background-size: 17px 24px;
    height: 25px;
    width: 25px;
    position: absolute;
    bottom: 1px;
    right: -37px;
}

.lock-no-dots {
    background: url("../images/new_icons/Blank-Lock.png") no-repeat center;
    background-size: 17px 21px;
    height: 25px;
    width: 25px;
    position: absolute;
    bottom: -1px;
    right: -37px;
    pointer-events: none;
}

.small-dots {
    background: url("../images/new_icons/Small-Menu3x.png") no-repeat center;
    background-size: 3px 13px;
    /*background-color: #FFF;*/
    height: 25px;
    width: 25px;
    position: absolute;
    bottom: -1px;
    right: -19px;
}

.small-dots:hover {
    border-radius: 50%;
    background-color: #E7E7E7;
}

.small-dots:active {
    background-color: #A5A5A5;
}

.big-dots {
    background: url("../images/new_icons/Menu3x.png") no-repeat center;
    background-size: 7px 26px;
    height: 35px;
    width: 35px;
}

.big-dots:hover {
    border-radius: 50%;
    background-color: #E7E7E7;
}

.big-dots:active {
    background-color: #A5A5A5;
}

.lock-dots-menu {
    top: 3px;
    right: -38px;
    font-size: 14px;
}

.small-toggle-menu {
    top: 3px;
    right: -13px;
    font-size: 14px;
}

.big-toggle-menu {
    top: 98%;
    right: 3px;
    font-size: 14px;
}

.change-link-with-textfield {
    position: absolute;
    top: -10px;
}

.change-link-without-textfield {
    position: absolute;
    top: -4px;
    left: -3px;
}

.change-link {
    background: url("../images/new_icons/cross-arrows.png") no-repeat center;
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    display: block;
}

#parcelOpenAppeals {
    background: url("../images/new_icons/appeal3x.png") no-repeat center;
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    display: block;
}

#parcelContacts {
    background: url("../images/new_icons/contact3x.png") no-repeat center;
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    display: block;
}

.form-links-new {
    height: 35px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
}

.form-links-top {
    margin-top: 50px;
    margin-bottom: 20px;
}

.form-links-bottom {
    margin-bottom: 20px;
}

.enabled-form-link {
    color: #212121 !important;
}

.enabled-form-link > a:hover {
    text-decoration: none;
    background-color: #FAA017 !important;
    color: #FFFFFF !important;
    background-position-x: 12px !important;
}

.disabled-form-link a:hover {
    color: #212121 !important;
    cursor: default;
}

.form-links-new ul li {
    display: block;
    float: right;
    margin-right: 12px;
}

.form-links-new ul li a {
    display: block;
    height: 33px;
    line-height: 33px;
    width: 48px;
    padding: 2px 0 0 35px;
    font-size: 12px;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #212121;
    cursor: pointer;
    font-weight: 500;
    background-color: #FFFFFF;
    background-position-x: 12px;
    background-size: 15px 16px;
}

.button-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
}

.save-icon {
    background: url(../images/new_icons/Save3x.png) no-repeat left center;
    background-size: 15px 18px;
}

.share-icon {
    background: url(../images/new_icons/Share.png) no-repeat left center;
    background-size: 18px 18px;
}

.un-share-icon {
    background: url(../images/new_icons/UnShare3x.png) no-repeat left center;
    background-size: 18px 18px;
}

.delete-icon {
    background: url(../images/new_icons/Delete-Menu3x.png) no-repeat left center;
    background-size: 18px 18px;
}

.delete-icon-tax {
    background: url(../images/new_icons/Delete-Menu3x.png) no-repeat left center;
    background-size: 22px 22px;
}

.load-icon {
    background: url(../images/new_icons/Load3x.png) no-repeat left center;
    background-size: 18px 18px;
    margin-left: 7px;
}

.preferences-icon {
    background: url(../images/new_icons/Preferences3x.png) no-repeat left center;
    background-size: 18px 18px;
    margin-right: 7px;
}

.import-icon {
    background: url(../images/new_icons/Import3x.png) no-repeat left center;
    background-size: 18px 18px;
}

.import-icon-blue {
    background: url(../images/new_icons/3ximport.png) no-repeat left center;
    background-size: 18px 18px;
}

.imported-icon {
    background: url(../images/new_icons/Imported.png) no-repeat right center;
    background-size: 64px 20px;
    width: 64px;
    height: 20px;
    vertical-align: middle;
}

.pencil-icon {
    background: url(../images/new_icons/Pencil3x.png) no-repeat center;
    background-size: 18px 18px;
    vertical-align: middle;
    width: 30px;
}

.drag-icon {
    background: url(../images/new_icons/Drag3x.png) no-repeat right center;
    background-size: 18px 18px;
}

.drag-icon:hover {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.drag-icon:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.save-link-new {
    background: url(../images/new_icons/Save3x.png) no-repeat left center;
}

.enabled-form-link .save-link-new:hover {
    background: url(../images/new_icons/White-Save3x.png) no-repeat left center;
    background-size: 15px 16px;
}

.cancel-link-new {
    background: url(../images/new_icons/Cancel3x.png) no-repeat left center;
}

.cancel-link-new:hover {
    background: url(../images/new_icons/White-Cancel3x.png) no-repeat left center;
    background-size: 15px 16px;
}

.delete-link-new {
    background: url(../images/new_icons/Delete-Menu3x.png) no-repeat left center;
}

.enabled-form-link .delete-link-new:hover {
    background: url(../images/new_icons/White-Delete3x.png) no-repeat left center;
    background-size: 15px 16px;
}

/**
 *
 */
input[type=text].chargeLabel {
    font-size: 24px !important;
    width: 250px;
    line-height: 32px !important;
    border-color: #AFBACA !important;
    border-style: solid !important;
    border-width: 0 0 1px 0 !important;
}

#add-charge {
    margin-top: 50px;
    margin-bottom: 20px;
}

.fee-savings-row {
    height: 55px;
    line-height: 55px;
}

.div-parent-row {
    width: 100%;
    margin: auto;
    padding: 10px;
}

.div-container {
    margin: auto;
    padding: 10px;
}

.div-container div {
    display: inline-block;
    text-align: left;
}

.div-parent-row div {
    width: 19%;
    display: inline-block;
    text-align: left;
}

.div-parent-row div label {
    margin-bottom: 5px;
}

.div-border {
    border: 1px solid #cccccc;
}

.div-border-bottom {
    border-bottom: 1px solid #cccccc;
}

.div-float-right {
    float: right;
}

.div-margin-bottom {
    margin-bottom: 15px;
}

.apply-border {
    border: 1px solid #000000 !important;
}

.sidenav-open-link-container {
    float: left;
}

.sidenav-open-link {
    background: url("../images/new_icons/Menu-Grey3x.png") no-repeat left center;
    background-size: 20px 13px;
    line-height: 37px;
    height: 37px;
    width: 20px;
    display: block;
    cursor: pointer;
    margin-right: 20px;
}

.sidenav-open-link:hover {
    background: url("../images/new_icons/Menu-Orange3x.png") no-repeat left center;
    background-size: 20px 13px;
    line-height: 37px;
    height: 37px;
    width: 20px;
}

.sidenav-close-link {
    background: url("../images/new_icons/Close3x.png") no-repeat right center;
    background-size: 18px 16px;
    background-position-y: 11px;
    background-position-x: 269px;
    height: 92px;
    width: 100%;
    cursor: pointer;
    position: relative;
    top: 0;
    right: 0;
    float: right;
    color: #fff;
    background-color: #00A9F4;
    padding: 0;
    margin: 0;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 970;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    /*transition: 0.2s;*/
    box-shadow: 0 8px 30px 0 rgba(30, 135, 240, 0.2);
}

.sidenav a {
    padding-left: 65px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    /*transition: 0.3s;*/
}

.sidenav ul li {
    display: block;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav-header {
    height: 92px;
    color: #fff;
    background-color: #00A9F4;
}

.sidenav-logo span {
    width: 125px;
    height: 54px;
    display: block;
    margin-left: 52px;
    margin-top: 20px;
}

.plain-logo span {
    background: url("../images/new_icons/itamlink-white.png") no-repeat left center;
    background-size: 125px 35px;
    width: 125px;
    height: 35px;
    margin-top: 28px;
}

.pro-logo span {
    background: url("../images/new_icons/itamlink-white-pro.png") no-repeat left center;
    background-size: 120px 55px;
    width: 120px;
    height: 55px;
}

.enterprise-logo span {
    background: url("../images/new_icons/itamlink-white-enterprise.png") no-repeat left center;
    background-size: 119px 57px;
    width: 119px;
    height: 57px;
}

.itam-clientconnect-logo span {
    background: url("../images/new_icons/itam-clientconnect.png") no-repeat left center;
    background-size: 119px 57px;
    width: 119px;
    height: 57px;
}

.sidenav-header a {
    padding: 8px 8px 8px 32px;
}

.top-bar-table {
    position: fixed;
    top: 0;
    z-index: 970;
    width: 100%;
}

.top-bar-table tr td {
    padding: 0;
}

.top-bar-container {
    width: calc(100% - 30px);
    height: 38px;
    background-color: #FFFFFF;
    display: inline-block;
    padding-left: 30px;
    min-width: 870px;
}

.top-bar-container-border-bottom {
    border-bottom: 1px solid #E0E6EF;
    z-index: 1050;
    position: relative;
}

.top-bar-container-placeholder {
    width: 100%;
    height: 37px;
}

.top-bar-content {

    /*width: 95%;*/
    /*min-width: 1370px;*/
    /*margin: 0;*/
    /*padding: 0 50px;*/
}

.top-bar-search-container {
    background-color: #FFFFFF;
    width: calc(100% - 30px);
    height: 54px;
    display: inline-block;
    padding-left: 30px;
    min-width: 870px;
    border-bottom: 1px solid #E0E6EF;
}

.top-bar-search-container-placeholder {
    width: 100%;
    height: 54px;
}

.home-link {
    background: url("../images/new_icons/Home-Icon-Grey3x.png") no-repeat left center;
    background-size: 17px 17px;
    height: 37px;
    line-height: 37px;
    width: 17px;
    cursor: pointer;
    display: block;
    margin-right: 20px;
}

.home-link:hover,
.home-link.active {
    background: url("../images/new_icons/Home-Icon-Orange3x.png") no-repeat left center;
    background-size: 17px 17px;
    line-height: 37px;
    height: 37px;
    width: 17px;
}

.tools-link {
    background: url("../images/new_icons/Tools3x.png") no-repeat right center;
    background-size: 17px 17px;
    height: 37px;
    width: 17px;
    display: block;
    cursor: pointer;
    margin-right: 20px;
}

.tools-link:hover,
.tools-link.active {
    background: url("../images/new_icons/Tools-Orange3x.png") no-repeat right center;
    background-size: 17px 17px;
    height: 37px;
    width: 17px;
}

.integration-tools-link {
    background: url("../images/new_icons/IntegrationsTools3x.png") no-repeat right center;
    background-size: 17px 17px;
    height: 37px;
    width: 17px;
    display: block;
    cursor: pointer;
    margin-right: 20px;
}

.integration-tools-link:hover,
.integration-tools-link.active {
    background: url("../images/new_icons/IntegrationsTools-Orange3x.png") no-repeat right center;
    background-size: 17px 17px;
    height: 37px;
    width: 17px;
}

.funnel-link {
    background: url("../images/new_icons/Refine-Black3x.png") no-repeat left center;
    background-size: 17px 17px;
}

.funnel-link:active,
.funnel-link:hover {
    background: url("../images/new_icons/Refine-Orange3x.png") no-repeat left center;
    background-size: 17px 17px;
}

.settings-link {
    background: url("../images/new_icons/Settings-Icon-Grey3x.png") no-repeat right center;
    background-size: 17px 17px;
    height: 17px;
    width: 17px;
    display: block;
    cursor: pointer;
    margin-left: 10px;
}

.settings-dot-link {
    background: url("../images/new_icons/Settings-dot3x.png") no-repeat right center;
    background-size: 18px 19px;
    height: 19px;
    width: 18px;
    display: block;
    cursor: pointer;
    margin-left: 10px;
}

.settings-link:hover,
.settings-link.active {
    background: url("../images/new_icons/Settings-Icon-Orange3x.png") no-repeat right center;
    background-size: 17px 17px;
    height: 17px;
    width: 17px;
}

.settings-link-disabled {
    background: url("../images/new_icons/Settings-Icon-Grey3x.png") no-repeat right center;
    background-size: 17px 17px;
    height: 17px;
    width: 17px;
    display: block;
    cursor: default !important;
    margin-left: 10px;
}

.settings-link-reports {
    background: url("../images/new_icons/Settings-Icon-Grey3x.png") no-repeat right center;
    background-size: 17px 17px;
    height: 25px;
    width: 20px;
    display: block;
    cursor: pointer;
    margin-left: 7px;
}

.settings-link-reports:hover,
.settings-link-reports.active {
    background: url("../images/new_icons/Settings-Icon-Orange3x.png") no-repeat right center;
    background-size: 17px 17px;
    height: 25px;
    width: 20px;
    margin-left: 7px;
}

.settings-link-reports-disabled {
    background: url("../images/new_icons/Settings-Icon-Grey3x.png") no-repeat right center;
    background-size: 17px 17px;
    height: 25px;
    width: 20px;
    display: block;
    cursor: default !important;
    margin-left: 7px;
}

.fields-link {
    background: url("../images/new_icons/fields3x.png") no-repeat right center;
    background-size: 17px 18px;
    height: 18px;
    width: 17px;
    display: block;
    cursor: pointer;
    margin-left: 10px;
}

.fields-link:hover,
.fields-link.active {
    background: url("../images/new_icons/fields3x.png") no-repeat right center;
    background-size: 17px 18px;
    height: 18px;
    width: 17px;
}

.fields-dot-link {
    background: url("../images/new_icons/fields-dot3x.png") no-repeat right center;
    background-size: 18px 19px;
    height: 19px;
    width: 18px;
    display: block;
    cursor: pointer;
    margin-left: 10px;
}

.fields-link-disabled {
    background: url("../images/new_icons/fields3x.png") no-repeat right center;
    background-size: 17px 18px;
    height: 18px;
    width: 17px;
    display: block;
    cursor: default !important;
    margin-left: 10px;
}

.info-link {
    background: url("../images/new_icons/info-grey-3x.png") no-repeat right center;
    background-size: 15px 15px;
    background-position-y: 4px;
    height: 21px;
    width: 26px;
    display: block;
    cursor: pointer;
    margin-left: 4px;
    text-transform: none !important;
}

.info-link-report-date {
    background: url("../images/new_icons/info-grey-3x.png") no-repeat right center;
    background-size: 15px 15px;
    background-position-y: 4px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    font-weight: normal;
    height: 21px;
    width: 26px;
    display: block;
    cursor: pointer;
    margin-left: 4px;
    text-transform: none !important;
}

.info-link-checkbox {
    background: url("../images/new_icons/info-grey-3x.png") no-repeat right center;
    background-size: 15px 15px;
    background-position-y: 4px;
    height: 18px;
    width: 20px;
    display: inline-flex;
    cursor: pointer;
    margin-left: 4px;
    text-transform: none !important;
}

.info-link-report-date {
    background: url("../images/new_icons/info-grey-3x.png") no-repeat right center;
    background-size: 15px 15px;
    background-position-y: 4px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    font-weight: normal;
    height: 21px;
    width: 26px;
    display: block;
    cursor: pointer;
    margin-left: 4px;
    text-transform: none !important;
}

.knowledgebase-link {
    background: url("../images/new_icons/Lightbulb3x.png") no-repeat right center;
    background-size: 20px 20px;
    height: 35px;
    width: 20px;
    display: block;
    cursor: pointer;
    margin-left: 20px;
    margin-right: 20px;
}

.knowledgebase-link:hover,
.knowledgebase-link.active {
    background: url("../images/new_icons/Lightbulb-Orange3x.png") no-repeat right center;
    background-size: 21px 20px;
    height: 35px;
    width: 20px;
}

.maintenance-link {
    background: url("../images/new_icons/Calendar3x.png") no-repeat right center;
    background-size: 17px 17px;
    height: 37px;
    width: 17px;
    display: block;
    cursor: pointer;
    margin-left: 20px;
}

.maintenance-link:hover,
.maintenance-link.active {
    background: url("../images/new_icons/Calendar-Orange3x.png") no-repeat right center;
    background-size: 17px 17px;
    height: 37px;
    width: 17px;
}

.maintenance-notification-link {
    background: url("../images/new_icons/Calendar-Notification3x.png") no-repeat right center;
    background-size: 17px 17px;
    height: 37px;
    width: 17px;
    display: block;
    cursor: pointer;
    margin-right: 20px;
}

.maintenance-notification-link:hover,
.maintenance-notification-link.active {
    background: url("../images/new_icons/Calendar-Notification-Orange3x.png") no-repeat right center;
    background-size: 17px 17px;
    height: 37px;
    width: 17px;
}

.global-add-link {
    background: #00A9F4 url("../images/new_icons/Global-Plus3x.png") no-repeat center;
    background-size: 25px 25px;
    height: 60px;
    width: 60px;
    display: block;
    cursor: pointer;
    margin-right: 30px;
}

.name-link {
    background: url("../images/new_icons/Finger-Print-Icon-Grey3x.png") no-repeat left center;
    background-size: 17px 17px;
    height: 37px;
    display: block;
    cursor: pointer;
    margin: 0 15px;
    color: #212121;
}

.name-link:hover,
.name-link.active {
    background: url("../images/new_icons/Fingerprint-Icon-Orange3x.png") no-repeat left center;
    background-size: 17px 17px;
}

.name-link:hover span,
.name-link.active span {
    color: #FFA000;
}

.name-notify-link {
    background: url("../images/new_icons/Notification-Grey3x.png") no-repeat left center;
    background-size: 17px 17px;
    height: 37px;
    display: block;
    cursor: pointer;
    margin: 0 15px;
    color: #212121;
}

.name-notify-link:hover,
.name-notify-link.active {
    background: url("../images/new_icons/Notification-Orange3x.png") no-repeat left center;
    background-size: 17px 17px;
}

.name-notify-link:hover span,
.name-notify-link.active span {
    color: #FFA000;
}

.name-link span,
.name-notify-link span {
    margin-left: 23px;
    font-weight: 500;
    font-size: 14px;
    line-height: 37px;
    color: #212121;
}

.name-link:hover,
.name-notify-link:hover {
    text-decoration: none !important;
}

.client-name {
    color: #212121;
    font-weight: 500;
    font-size: 14px;
    margin: 0 15px;
    display: block;
    line-height: 37px;
}

.client-name:hover {
    text-decoration: none;
}


.docs-link {
    color: #212121;
    font-weight: 500;
    font-size: 14px;
    line-height: 37px;
    height: 37px;
    display: block;
}

.docs-link:hover {
    text-decoration: none !important;
    color: #FFA000;
}

.search-icon {
    background: url("../images/new_icons/Search-3x.png") no-repeat left center;
    background-size: 18px 18px;
    height: 33px;
    width: 18px;
    float: left;
    display: block;
    margin-left: 11px;
    margin-right: 11px;
}

#currentPageName {
    color: #212121;
    font-size: 14px;
    font-weight: bold;
    line-height: 54px;
    margin-right: 20px;
    width: 150px;
}

.notification-label {
    color: #AEAEAE;
    margin-left: 5px;
}

.top-bar-divider {
    display: block;
    height: 17px;
    border: 1px solid #E0E6EF;
    margin-top: 10px;
}

.top-bars-divider {
    display: block;
    height: 90px;
    border: 1px solid #E0E6EF;
}

/* Tools Dropdown Menu */
.show-menu {
    display: block !important;
}

#integrationToolBoxContent ul li,
#generalToolBoxContent ul li {
    display: list-item;
    height: 36px;
    width: 240px;
}

#integrationToolBoxContent,
#generalToolBoxContent {
    position: fixed;
    top: 38px;
    width: 240px;
    float: left;
    border-radius: 0 0 5px 5px;
    background-color: #FFFFFF;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    z-index: 980;
    display: none;
}

#integrationToolBoxContent a,
#generalToolBoxContent a {
    height: 20px !important;
    display: block;
    margin: 5px 5px;
    padding: 6px 0 0 8px !important;
    font-size: 14px;
    color: #212121;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    width: 100%;
}

#integrationToolBoxContent ul li:hover,
#generalToolBoxContent ul li:hover {
    background-color: #FFF1D9;
    text-decoration: none !important;
}

#integrationToolBoxContent a:hover,
#generalToolBoxContent a:hover {
    text-decoration: none !important;
}

/* My Account Dropdown Menu */
#adminBoxContent ul li {
    display: list-item;
    height: 36px;
    /*width: 170px;*/
}

#adminBoxContent {
    position: fixed;
    top: 38px;
    width: 180px;
    float: left;
    border-radius: 0 0 5px 5px;
    background-color: #FFFFFF;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    z-index: 980;
    display: none;
}

#adminBoxContent a {
    height: 20px !important;
    display: block;
    margin: 5px 5px;
    padding: 6px 0 0 8px !important;
    font-size: 14px;
    color: #212121;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    width: 100%;
}

#adminBoxContent ul li:hover {
    background-color: #FFF1D9;
    text-decoration: none !important;
}

#adminBoxContent a:hover {
    text-decoration: none !important;
}

/* Browse Dropdown Menu */
.browse-container {
    width: 145px;
    line-height: normal;
}

.browse-link {
    color: #212121;
    font-weight: 500;
    font-size: 14px;
    line-height: 33px;
    margin-left: 12px;
}

.browse-link:hover {
    text-decoration: none !important;
    color: #FFA000;
}

#browse.active {
    color: #FFA000;
}

#browseContent ul li {
    display: list-item;
    width: 180px;
}

#browseContent {
    position: fixed;
    top: 83px;
    width: 215px;
    float: left;
    border-radius: 0 0 5px 5px;
    background-color: #FFFFFF;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    z-index: 980;
    display: none;
}

#browseContent a {
    display: block;
    padding: 0 0 0 13px !important;
    font-size: 14px;
    color: #212121;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    width: 100%;
    white-space: nowrap;
}

#browseContent ul li:hover {
    background-color: #FFF1D9;
    text-decoration: none !important;
}

#browseContent a:hover {
    text-decoration: none !important;
}

#browseContent ul li {
    display: list-item;
    height: 36px;
    line-height: 36px;
    width: 215px;
}

#globalAddContent {
    position: absolute;
    top: 99px;
    left: 30px;
    min-width: 600px;
    border-radius: 0 0 5px 5px;
    background-color: #FFFFFF;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    z-index: 980;
    display: none;
}

#globalAddContent td {
    height: 35px;
    line-height: 35px;
    font-weight: 500;
    font-size: 16px;
    color: #212121;
    padding: 2px 0 2px 41px;
    min-width: 139px;
}

#globalAddContent tr td:hover {
    background-color: #fff1d9;
    text-decoration: none !important;
}

#globalAddContent a:hover {
    text-decoration: none !important;
}

.add-property {
    background: url(../images/new_icons/Property-Icon3x.png) left center no-repeat;
    background-size: 23px 23px;
    background-position-x: 12px;
}

.add-parcel {
    background: url(../images/new_icons/Property-Parcel3x.png) left center no-repeat;
    background-size: 23px 23px;
    background-position-x: 12px;
}

.add-taxAndExpense {
    background: url(../images/new_icons/tax&expense3x.png) left center no-repeat;
    background-size: 23px 23px;
    background-position-x: 12px;
}

.add-building {
    background: url(../images/new_icons/building3x.png) left center no-repeat;
    background-size: 23px 23px;
    background-position-x: 12px;
}

.add-contact {
    background: url(../images/new_icons/contact3x.png) left center no-repeat;
    background-size: 23px 23px;
    background-position-x: 12px;
}

.add-assessment {
    background: url(../images/new_icons/assessment3x.png) left center no-repeat;
    background-size: 23px 23px;
    background-position-x: 12px;
}

.add-taxForecast {
    background: url(../images/new_icons/forecast3x.png) left center no-repeat;
    background-size: 23px 23px;
    background-position-x: 12px;
}

.add-taxSavings {
    background: url(../images/new_icons/taxsavings3x.png) left center no-repeat;
    background-size: 23px 23px;
    background-position-x: 12px;
}

.add-appeal {
    background: url(../images/new_icons/appeal3x.png) left center no-repeat;
    background-size: 23px 23px;
    background-position-x: 12px;
}

#main {
    /*transition: margin-left .5s;*/
    /*padding: 16px;*/
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
}

@media screen and (max-height: 450px) {
    .sidenav a {
        font-size: 18px;
    }
}

div.inline_block {
    display: inline-block;
}

div.relative_position {
    position: relative;
}

div.vertical-align-top {
    vertical-align: top;
}

.vertical-align-top {
    vertical-align: top;
}

::-webkit-scrollbar {
    background-color: #FDFDFD;
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.11), 0 2px 4px 0 rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-thumb {
    height: 32.23px;
    width: 12.94px;
    border-radius: 100px;
    background-color: #E0E6EF;
}

/* Search Bar Area */

#search-form-container {
    position: relative;
    width: 700px;
    height: 33px;
    margin-top: 10px;
    background-color: #FAFAFD;
    border-radius: 4px;
    border: 0.5px solid #bebebe;
}

.search-type-top {
    float: left;
    background: url("../images/new_icons/Arrow3x.png") right center no-repeat;
    background-size: 10px 7px;
    cursor: pointer;
    position: relative;
    text-decoration: none !important;
    font-weight: bold;
    padding-left: 2px;
}

.search-type-top:active {
    color: #FFA000;
}

.search-type-top span {
    font-size: 14px;
    padding-right: 20px;
}

.search-bar-divider {
    display: block;
    height: 17px;
    width: 0.1px;
    border: 1px solid #E0E6EF;
    margin-top: 18px;
    margin-right: 15px;
}

#search-type-bottom {
    position: fixed;
    top: 93px;
    border-radius: 0 0 5px 5px;
    background-color: #FFFFFF;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    z-index: 980;
    width: 138px;
}

#search-type-bottom ul {
    float: left;
    margin: 0;
    padding: 0;
}

#search-type-bottom a {
    width: 126px;
    display: block;
    color: #212121;
    height: 20px;
    line-height: 20px;
    padding: 7px 0 7px 12px;
    margin: 0;
}

#search-type-bottom a:hover {
    background-color: #FFF1D9;
    text-decoration: none;
}

#search-dropdown ul {
    padding: 0;
    margin: 0;
    float: none;
}

#search-dropdown ul li {
    display: list-item;
    font-size: 14px;
}

#search-dropdown {
    position: relative;
    background-color: white;
    line-height: 54px;
    width: 137px;
}

#search-loading-icon {
    background: url(../images/loading_small.gif) no-repeat center;
    height: 16px;
    width: 16px;
    float: right;
    margin: 6px 0 0 680px;
    position: absolute;
    display: none;
}

.main-search {
    float: left;
    width: 480px !important;
    margin-top: 2px;
    color: #AEAEAE !important;
}

.main-search-form {
    width: 700px;
    float: left;
}

.main-search ul {
    min-height: 28px !important;
    width: 100%;
}

.main-search a {
    visibility: hidden;
}

.main-search-dropdown {
    position: absolute;
    /*left: 499px !important;*/
    /*top: 84px !important;*/
}

.main-search-dropdown ul {
    max-height: 300px;
}

#search-types {
    height: 28px;
}

.search-img-icon {
    height: 16px;
    width: 14px;
    vertical-align: middle;
}

.search-entity-name {
    color: #AEAEAE;
    padding-right: 10px;
    min-width: 50px !important;
    display: inline-block;
}

.inactive-search {
    color: red !important;
}

.clientLogo85 {
    background-color: white;
    z-index: 1052;
    width: 95px;
    height: 91px;
}

.clientLogo85 img {
    width: 85px;
    height: 85px;
    padding-top: 4px;
    padding-left: 16px;
}

#clientLogo {
    background-color: white;
    z-index: 1050;
    width: 115px;
    border-bottom: 1px solid #E0E6EF;
    border-left: 1px solid #E0E6EF;
}

#consultantLogo {
    margin-top: 15px;
    margin-left: 77px;
    margin-bottom: 10px;
}

/* Property Info Bar */

.main-content-outer-box {
    min-width: 1100px;
    padding: 0 30px;
}

.outer-box-wrapper {
    width: 100%;
    min-height: 250px;
    margin-bottom: 15px;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}

.outer-box-bottom {
    display: flex;
    min-height: 220px;
    padding: 15px;
}

.box-bottom-left {
    flex: auto;
}

.box-bottom-center {
    width: 280px;
}

.box-bottom-right {
    width: calc(55% - 280px);
}

.property-bar-map {
    height: 220px;
    min-width: 250px;
}

.no-property-map {
    background: #E9EBF1 url(../images/new_icons/No-Map3x.png) center no-repeat;
    width: 100%;
    min-width: 250px;
    height: 220px;
    background-size: 100px 75px;
    font-weight: bold;
    color: #a4a4a4;
    font-size: 14px;
    text-align: center;
    line-height: 300px;
    background-position-y: 60px;
}

.no-property-map-dashboard {
    background: #E9EBF1 url(../images/new_icons/No-Map3x.png) center no-repeat;
    width: 100%;
    height: 368px;
    background-size: 150px 100px;
    font-weight: bold;
    color: #a4a4a4;
    font-size: 18px;
    text-align: center;
    line-height: 455px;
    background-position-y: 110px;
    overflow-y: hidden;
}

/* Jquery Image Viewer*/

#property-details-image-viewer {
    position: relative;
    width: 250px;
    min-height: 220px;
    margin-right: 15px;
    margin-left: 15px;
    overflow: hidden;
}

#property-details-image-viewer.no-image {
    background: #E9EBF1 url(../images/new_icons/No-Image3x.png) center no-repeat;
    background-size: 80px 75px;
    font-weight: bold;
    color: #a4a4a4;
    font-size: 14px;
    text-align: center;
    line-height: 300px;
    background-position-y: 60px;
}

#property-details-image-viewer #image-viewer-left {
    z-index: 50;
    position: absolute;
    left: 9px;
    top: 112px;
    width: 16px;
    height: 16px;
    background: url(../images/new_icons/left-arrow.png) center center no-repeat;
    background-size: 16px 16px;
    cursor: pointer;
}

#property-details-image-viewer #image-viewer-right {
    z-index: 50;
    position: absolute;
    right: 9px;
    top: 112px;
    width: 16px;
    height: 16px;
    background: url(../images/new_icons/right-arrow.png) center center no-repeat;
    background-size: 16px 16px;
    cursor: pointer;
}

.image-container {
    width: 280px;
    min-height: 220px;
    background-color: #f5f6fa;
}

.image-container img {
    position: absolute;
    top: 0;
    bottom: 0;
    lefT: 0;
    right: 0;
    margin: auto;
}

#property-info-consultant-logo {
    height: 50px;
    margin-left: 35px;
    margin-top: 9px;
}

#property-info-consultant-logo img {
    height: 50px;
    width: 160px;
}

#property-info-client-logo {
    height: 50px;
    margin-bottom: 5px;
}

#property-info-client-logo img {
    height: 50px;
    width: 160px;
}

#property-details-text {
    min-height: 220px;
}

#property-details-text a:hover {
    text-decoration: none;
    color: #00A9F4;
}

#property-details-text a {
    color: #00A9F4;
}

#property-name-link {
    float: left;
}

#property-name-link h1 {
    height: 28px;
    color: #00A9F4;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
}

#property-name-hover-link {
    float: left;
}

#property-name-hover-link h1 {
    height: 28px;
    color: #00A9F4;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
}

.property-address-text {
    color: #212121;
    font-size: 15px;
    line-height: 22px;
}

.property-detail-small-label {
    height: 16px;
    line-height: 16px;
    width: 195px;
    color: #212121;
    font-size: 14px;
}

#property-number-link h1 {
    height: 16px;
    line-height: 16px;
    color: #00A9F4;
    font-size: 14px;
    font-weight: bold;
}

#property-number-hover-link {
    height: 16px;
    line-height: 16px;
    color: #00A9F4;
    font-size: 14px;
    font-weight: bold;
}

#loans-text {
    color: #212121;
    font-size: 15px;
    line-height: 22px;
    min-height: 35px;
}

.property-parcel-number {
    height: 20px;
    display: flex;
    align-items: center;
}

.property-parcel-number input {
    color: #00A9F4;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: bold !important;
}

.property-parcel-number input:hover {
    color: #00A9F4;
}

#property-parcel-number a:hover {
    text-decoration: none;
    color: #00A9F4 !important;
}

#property-parcel-number a {
    color: #00A9F4;
}

/* Assigned Users to the Properties */
.property-assigned-users {
    height: 20px;
    display: flex;
    align-items: center;
    line-height: 20px;
    color: #00A9F4;
}

.property-assigned-users input {
    color: #00A9F4;
    cursor: pointer;
    font-size: 14px !important;
    font-weight: bold !important;
}

.property-assigned-users input:hover {
    color: #00A9F4;
}

#property-assigned-users a:hover {
    text-decoration: none;
    color: #00A9F4 !important;
}

#property-assigned-users a {
    color: #00A9F4;
}

/* Assigned Users */

/* Breadcrumbs Start */
.breadcrumbs-bar-container {
    height: 25px;
    display: inline-block;
    float: right;
}

.breadcrumbs-bar-container ul li a {
    float: right;
    font-size: 0.9em;
    color: #474B5D;
}

.breadcrumbs-bar-container ul li a:hover {
    color: #474B5D;
}

.breadcrumbs-bar-container .breadcrumb-separator {
    color: #b7beca;
}

.breadcrumbs-bar-container a:hover {
    text-decoration: none;
}

.breadcrumbs-bar-container .breadcrumb-separator {
    padding: 0 6px;
}

.breadcrumbs-bar-container:hover .breadcrumb-separator {
    text-decoration: none !important;
}

.breadcrumb {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    height: 27px;
    line-height: 27px;
    width: 149.18px;
    color: #00A9F4;
    /*color: #474B5D;*/
    /*background-color: #FFFFFF;*/
    /*border: 1px solid #B4BCC8;*/
    /*border-radius: 3px;*/
    margin-left: 3px;
    margin-right: 3px;
    padding: 5px;
    font-size: 11px;
    vertical-align: middle;
}

.breadcrumb-active {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    height: 27px;
    line-height: 27px;
    width: 124px;
    color: #212121;
    /*color: #FFA000;*/
    /*background-color: #FFFFFF;*/
    /*border: 1px solid #FFA000;*/
    /*border-radius: 3px;*/
    margin-left: 3px;
    padding: 5px;
    font-size: 11px;
    vertical-align: middle;
}

.breadcrumb-separator {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    vertical-align: middle;
    font-size: 15px;
    pointer-events: none;
}

.breadcrumbs-messages-container {
    margin-bottom: 5px;
    margin-top: 10px;
    height: auto;
    min-height: 32px;
}

/* Breadcrumbs End */
/* Feedback Messages Start */
.feedbackPanel {
    margin-bottom: 10px;
}

.feedbackPanel ul {
    margin-left: 3px;
}

ul.feedbackPanel li {
    display: block;
    list-style-position: inside;
}

.feedbackPanel span {
    position: relative;
    top: 12px;
    left: 50px;
    max-width: calc(100% - 50px);
    float: left;
    margin-bottom: 22px;
    text-align: left;
}

.feedbackPanelINFO {
    border: 1px solid #5078BF;
    border-radius: 4px;
    background: #D0E8F1 url(../images/new_icons/Info-3x.png) no-repeat left center;
    background-size: 20px 20px;
    background-position-x: 15px;
    color: #5078BF;
    font-size: 13px;
    min-height: 35px;
    max-width: 1000px;
    margin-bottom: 5px;
    display: flex !important;
    line-height: 16px;
    padding-right: 10px;
}

.feedbackPanelSUCCESS {
    border: 1px solid #92D67B;
    border-radius: 4px;
    background: #DDF3D6 url(../images/new_icons/Green-Checkmark3x.png) no-repeat left center;
    background-size: 16px 15px;
    background-position-x: 18px;
    font-size: 13px;
    min-height: 35px;
    max-width: 1000px;
    margin-bottom: 5px;
    display: flex !important;
    line-height: 16px;
    padding-right: 10px;
}

.feedbackPanelWARNING {
    border: 1px solid #E2AB45;
    border-radius: 4px;
    background: #F3EED6 url(../images/new_icons/warning.png) no-repeat left center;
    background-size: 20px 20px;
    background-position-x: 15px;
    color: #E2AB45;
    font-size: 13px;
    min-height: 35px;
    max-width: 1000px;
    margin-bottom: 5px;
    display: flex !important;
    line-height: 16px;
    padding-right: 10px;
}

.feedbackPanelERROR {
    border: 1px solid #9C1313;
    border-radius: 4px;
    background: #f9e7e7 url(../images/new_icons/Error-Window-3x.png) no-repeat left center;
    background-size: 20px 20px;
    background-position-x: 15px;
    color: #9C1313;
    font-size: 13px;
    min-height: 35px;
    max-width: 1000px;
    margin-bottom: 5px;
    display: flex !important;
    line-height: 16px;
    padding-right: 10px;
}

/* Main Side Bar */

#main-bar {
    position: relative;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    width: 100%;
}

.list-separator {
    border-bottom: 2px solid #FFFFFF;
}

#main-bar ul li {
    position: relative;
    display: inline-block;
    width: 100%;
}

#main-bar ul li a {
    width: 100%;
    background: left center no-repeat;
}

ul#main-menus > li > a:hover {
    background-color: #FFF1D9;
    border-left: #FFA000 solid 5px;
    background-position-x: 8px;
    padding-left: 27px;
}

ul#property-menus > li > a:hover {
    background-color: #FFF1D9;
    border-left: #FFA000 solid 5px;
    background-position-x: 35px;
    padding-left: 53px;
}

ul#parcel-menus > li > a:hover {
    background-color: #FFF1D9;
    border-left: #FFA000 solid 5px;
    padding-left: 53px;
}

#main-bar a.highlight-first-list {
    background-color: #FFF1D9;
    border-left: #FFA000 solid 5px;
    background-position-x: 8px;
    padding-left: 27px;
}

#main-bar a.highlight-second-list {
    background-color: #FFF1D9;
    border-left: #FFA000 solid 5px;
    background-position-x: 35px;
    padding-left: 53px;
}

#main-bar a.highlight-third-list {
    background-color: #FFF1D9;
    border-left: #FFA000 solid 5px;
    padding-left: 53px;
}

ul#main-menus > li > a {
    text-decoration: none;
    background-size: 20px 20px;
    background-position-x: 13px;
    padding-left: 32px;
}

ul#property-menus > li > a {
    text-decoration: none;
    background-size: 18px 18px;
    background-position-x: 40px;
    padding-left: 58px;
}

ul#parcel-menus > li > a {
    text-decoration: none;
    padding-left: 58px;
}

#main-bar ul li span {
    font-weight: bold !important;
    color: #000A12;
    white-space: nowrap;
    text-decoration: none;
    margin-left: 10px;
}

ul#main-menus > li > a > span {
    font-size: 16px;
}

ul#property-menus > li > a > span {
    font-size: 14px;
}

ul#parcel-menus > li > a > span {
    font-size: 12px;
    font-weight: normal !important;
}

ul#main-menus > li > a {
    line-height: 44px;
    height: 44px;
}

ul#property-menus > li > a {
    line-height: 31px;
    height: 31px;
}

ul#parcel-menus > li > a {
    line-height: 21px;
    height: 21px;
}

#main-bar a.icon-dashboard {
    background-image: url(../images/new_icons/home-blue-3x.png);
}

#main-bar a.icon-reports {
    background-image: url(../images/new_icons/Report-Icon3x.png);
}

#main-bar a.icon-datamanager {
    background-image: url(../images/new_icons/DataManager-Icon3x.png);
}

#main-bar a.icon-capture {
    background-image: url(../images/new_icons/capture3x.png);
}

#main-bar a.icon-integrations {
    background-image: url(../images/new_icons/integrations3x.png);
}

#main-bar a.icon-documents {
    background-image: url(../images/new_icons/cloud-blue-3x.png);
}

#main-bar a.icon-contacts {
    background-image: url(../images/new_icons/Contacts-Icon3x.png);
}

#main-bar a.icon-loans {
    background-image: url(../images/new_icons/Loans3x.png);
}

#main-bar a.icon-properties {
    background-image: url(../images/new_icons/Property-Icon3x.png);
}

#main-bar a.icon-parcels {
    background-image: url(../images/new_icons/Property-Parcel3x.png);
}

#main-bar a.icon-location-details {
    background-image: url(../images/new_icons/Property-Loction3x.png);
}

#main-bar a.icon-other-infos {
    background-image: url(../images/new_icons/Property-Info-blue3x.png);
}

#main-bar a.icon-insurances {
    background-image: url(../images/new_icons/Property-Insurance3x.png);
}

#main-bar a.icon-buildings {
    background-image: url(../images/new_icons/Property-Buildings3x.png);
}

#main-bar a.icon-tenants {
    background-image: url(../images/new_icons/Property-Tenants3x.png);
}

#main-bar a.icon-escrows {
    background-image: url(../images/new_icons/Property-Escrows.png);
}

#main-bar a.icon-summary {
    background-image: url(../images/new_icons/Property-Summary3x.png);
}

#main-bar a.icon-consultants {
    background-image: url(../images/new_icons/consultant3x.png);
}

#main-bar a.icon-reports {
    background-image: url(../images/new_icons/reports3x.png);
}

#main-bar a.icon-data-manager {
    background-image: url(../images/new_icons/datamanager3x.png);
}

#main-bar a.icon-dashboard-widget {
    background-image: url(../images/new_icons/dashboardwidget3x.png);
}

#main-bar a.icon-tools {
    background-image: url(../images/new_icons/tools-big3x.png);
}

#main-bar a.icon-oauth {
    background-image: url(../images/new_icons/0Auth3x.png);
}

#main-bar a.icon-integrations {
    background-image: url(../images/new_icons/integrations3x.png);
}

#main-bar a.icon-functions {
    background-image: url(../images/new_icons/functions3x.png);
}

#main-bar a.icon-entity-updates {
    background-image: url(../images/new_icons/entity3x.png);
}

#main-bar a.icon-mail {
    background-image: url(../images/new_icons/mail3x.png);
}

#main-bar a.icon-notifications {
    background-image: url(../images/new_icons/notifications3x.png);
}

#main-bar a.icon-exceptions {
    background-image: url(../images/new_icons/activity.png);
}

#main-bar a.icon-activity-log {
    background-image: url(../images/new_icons/activity3x.png);
}

#main-bar a.icon-notification-jobs {
    background-image: url(../images/new_icons/job3x.png);
}

#main-bar a.icon-maintenance {
    background-image: url(../images/new_icons/manitenance3x.png);
}

a.up-arrow-big {
    background: url("../images/new_icons/up-arrow.png") no-repeat center !important;
    background-size: 12px 8px !important;
    height: 20px !important;
    width: 20px !important;
    position: absolute;
    left: 200px;
    top: 12px;
    cursor: pointer;
    padding-left: 0 !important;
}

a.up-arrow-big:hover {
    border-left: none !important;
    background-color: #ffffff !important;
    border-radius: 50%;
}

a.up-arrow-big + ul {
    display: block;
}

a.up-arrow-big:active {
    background-color: #E7E7E7 !important;
}

a.down-arrow-big {
    background: url("../images/new_icons/down-arrow.png") no-repeat center !important;
    background-size: 12px 8px !important;
    height: 20px !important;;
    width: 20px !important;
    position: absolute;
    left: 206px;
    top: 12px;
    cursor: pointer;
    padding-left: 0 !important;
}

a.down-arrow-big:hover {
    border-left: none !important;
    background-color: #ffffff !important;
    border-radius: 50%;
}

a.down-arrow-big:active {
    background-color: #E7E7E7 !important;
}

a.down-arrow-big + ul {
    display: none;
}

a.up-arrow-small {
    background: url("../images/new_icons/up-arrow.png") no-repeat center !important;
    background-size: 12px 8px !important;
    height: 20px !important;
    width: 20px !important;
    position: absolute;
    left: 200px;
    top: 6px;
    cursor: pointer;
    padding-left: 0 !important;
}

a.up-arrow-small:hover {
    border-left: none !important;
    background-color: #ffffff !important;
    border-radius: 50%;
}

a.up-arrow-small + ul {
    display: block;
}

a.up-arrow-small:active {
    background-color: #E7E7E7 !important;
}

a.down-arrow-small {
    background: url("../images/new_icons/down-arrow.png") no-repeat center !important;
    background-size: 12px 8px !important;
    height: 20px !important;
    width: 20px !important;
    position: absolute;
    left: 206px;
    top: 6px;
    cursor: pointer;
    padding-left: 0 !important;
}

a.down-arrow-small:hover {
    border-left: none !important;
    background-color: #ffffff !important;
    border-radius: 50%;
}

a.down-arrow-small:active {
    background-color: #E7E7E7 !important;
}

a.down-arrow-small + ul {
    display: none;
}

/* Footer */

#footer-wrapper {
    height: 35px;
    text-align: center;
    color: #a6a5a5;
}

#footer-wrapper a {
    text-decoration: none;
    color: #a6a5a5;
}

#footer-wrapper a:hover {
    color: #303740;
}

.rethink-logo {
    background: url("../images/new_icons/itamlink3x.png") no-repeat left center;
    background-size: 118px 48px;
    height: 50px;
    width: 120px;
    margin: 0 auto;
}

.grid-header-report-name-text {
    color: #212121;
    font-size: 15px;
    line-height: 22px;
    font-weight: bold;
    white-space: nowrap;
}
.grid-header-text {
    color: #212121;
    font-size: 15px;
    line-height: 22px;
    white-space: nowrap;
}
#grid-header-details-text {
    min-height: 220px;
    margin-top: 1px;
}
#consultant-header-logo {
    /*margin-top: 1px;*/
    margin-left: 1px;
    margin-bottom: 10px;
}
.grid-outer-box-wrapper {
    width: 100%;
    height: 125px;
    margin-bottom: 15px;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}
.footer-grid-outer-box-bottom {
    display: flex;
    min-height: 220px;
    padding: 15px;
    margin-top: 7px;
}
.footer-grid-outer-box-wrapper {
    margin-top: 7px;
    width: 100%;
    height: 125px;
    margin-bottom: 15px;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}

/*This is for footer */
.footer-panel {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer {
    text-align: left;
    flex: 1;
    font-size: 0.9em;
    color: #031919;
}
.footer-logo {
    flex: 1;
    text-align: center;
    color: #031919;
}

div#footerNote {
    height: 25px;
    line-height: 17px;
}

.lucernex-link {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #dedddd;
    border-bottom: 1px solid #dedddd;
    color: #666;
    display: block;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    background-color: #f2f1f1;
    width: 150px;
    margin-left: 42%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.lucernex-link:hover {
    text-decoration: none !important;
    color: #333;
    background-color: #dfdddd;
    cursor: pointer;
}

.lucernex-label {
    font-size: 12px;
    font-style: italic;
    text-align: center;
}

.lucernex-syncing-label {
    font-size: 24px;
    font-weight: bold;
    color: #282828;
}

/**
Card
**/
.card-box {
    color: #212121;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}

.box-padding {
    padding: 15px 25px 15px 25px;
}

.box-padding-no-top {
    padding: 0 25px 15px 25px;
}

.installment-padding {
    padding: 10px 25px 10px 25px;
}

.box-margin-bottom {
    margin-bottom: 25px;
}

.liquid-box-wrapper {
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
    margin-bottom: 40px;
}

.liquid-box-wrapper-reports {
    border-radius: 5px;
    width: 100%;
}

.liquid-box-wrapper-reports .inner-top {
    width: 100%;
    height: 41px;
    background: url(../images/inner_box_top.png) no-repeat left top;
}

.liquid-box-wrapper-reports .inner-top-right {
    /*margin-right: -8px;*/
    position: relative;
    border-right: 1px solid #CCCCCC;
    border-top-right-radius: 5px;
    height: 40px;
}

.liquid-box-wrapper-reports .heading-wrapper {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    font-size: 1.25em;
    font-weight: normal;
    height: 27px;
    margin: 0 25px;
    padding: 13px 0 0 45px;
    float: left;
}

.liquid-box-padding {
    padding: 25px 25px;
}

.filter-panel {
    padding-bottom: 25px;
}

.liquid-title {
    height: 30px;
    font-size: 28px;
    color: #212121;
    margin-bottom: 15px;
}

.liquid-links-container {
    height: 40px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.liquid-right-links {
    float: right;
    display: inline-flex;
}

.liquid-right-sliders-hidden {
    float: right;
    display: none;
}

.liquid-right-sliders {
    float: right;
    display: inline-flex;
}

.liquid-right-links a {
    margin-left: 10px;
}

.liquid-left-links {
    float: left;
    display: inline-flex;
}

.liquid-left-links a {
    margin-right: 10px;
}

.liquid-links-container a {
    background-size: 16px 15px;
    display: block;
    height: 37px;
    line-height: 37px;
    width: auto;
    padding: 0 8px 0 34px;
    font-size: 12px;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #212121;
    cursor: pointer;
    background-position-x: 12px;
}

.liquid-links-container a[href]:hover {
    text-decoration: none;
    background-color: #FAA017;
    color: #FFFFFF;
    background-position-x: 12px;
}

.liquid-dialog-links-container a:active,
.liquid-links-container a:active {
    background-color: #E1E1E1;
}

.liquid-dialog-links-container {
    height: 40px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.liquid-dialog-links-container a {
    background-size: 16px 15px;
    display: block;
    height: 37px;
    line-height: 37px;
    width: auto;
    padding: 0 8px 0 34px;
    font-size: 12px;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.19);
    color: #FFFFFF;
    cursor: pointer;
    background-position-x: 12px !important;
    text-decoration: none !important;
}

.liquid-delete {
    background: #FFFFFF url(../images/new_icons/Delete-Menu3x.png) no-repeat left center;
}

.liquid-delete[href]:hover {
    background: #FAA017 url(../images/new_icons/White-Delete3x.png) no-repeat left center;
    background-size: 16px 15px;
}

.liquid-delete-disabled {
    background: #E9EBF1 url(../images/new_icons/Delete-Menu3x.png) no-repeat left center ;
    border-radius: 3px !important;
    cursor: default;
    border-radius: 3px !important;
    border: 1px solid  #E9EBF1;
    pointer-events: none;
}

.liquid-delete-disabled[href]:hover {
    background: #E9EBF1 url(../images/new_icons/White-Delete3x.png) no-repeat left center;
    background-size: 16px 15px;
    cursor: default !important;
    border-radius: 3px !important;
    border: 1px solid  #E9EBF1;
    pointer-events: all;
}

.opacity-50-percent{
    opacity: 0.5;
}

.liquid-import-export {
    background: #FFFFFF url(../images/new_icons/import-export3x.png) no-repeat left center;
}

.liquid-import-export[href]:hover {
    background: #FAA017 url(../images/new_icons/import-export-white3x.png) no-repeat left center;
    background-size: 16px 15px;
}

.liquid-create {
    background: #FFFFFF url(../images/new_icons/Create.png) no-repeat left center;
}

.liquid-create[href]:hover {
    background: #FAA017 url(../images/new_icons/White-Create.png) no-repeat left center;
    background-size: 16px 15px;
}

.liquid-dialog-create[href] {
    background: #46a9f0 url(../images/new_icons/White-Create.png) no-repeat left center;
    background-size: 16px 15px;
}

.liquid-attach {
    background: #FFFFFF url(../images/new_icons/attach-3x.png) no-repeat left center;
    background-size: 12px 15px !important;
}

.liquid-attach[href]:hover {
    background: #FAA017 url(../images/new_icons/attach-white-3x.png) no-repeat left center;
    background-size: 12px 15px !important;
}

.liquid-view {
    background: #FFFFFF url(../images/new_icons/View-Gray3x.png) no-repeat left center;
}

.liquid-view[href]:hover {
    background: #FAA017 url(../images/new_icons/View-White3x.png) no-repeat left center;
    background-size: 16px 15px;
}

.liquid-save {
    background: #FFFFFF url(../images/new_icons/Save3x.png) no-repeat left center;
}

.liquid-save[href]:hover {
    background: #FAA017 url(../images/new_icons/White-Save3x.png) no-repeat left center;
    background-size: 16px 15px;
}

.save-link-escrow {
    background: url(../images/new_icons/Save3x.png) no-repeat left center;
    background-size: 12px 12px;
}

.save-link-escrow:hover {
    background: url(../images/new_icons/Orange-Save3x.png) no-repeat left center;
    background-size: 12px 12px;
}

.liquid-preferences {
    background: #FFFFFF url(../images/new_icons/Preferences3x.png) no-repeat left center;
}

.liquid-preferences[href]:hover {
    background: #FAA017 url(../images/new_icons/White-Preferences.png) no-repeat left center;
    background-size: 16px 15px;
}

.liquid-dialog-preferences[href] {
    background: #46a9f0 url(../images/new_icons/White-Preferences.png) no-repeat left center;
    background-size: 16px 15px;
}

.liquid-cancel {
    background: #FFFFFF url(../images/new_icons/Cancel3x.png) no-repeat left center;
}

.liquid-cancel[href]:hover {
    background: #FAA017 url(../images/new_icons/White-Cancel3x.png) no-repeat left center;
    background-size: 16px 15px;
}

.liquid-refresh {
    background: #FFFFFF url(../images/new_icons/Refresh3x.png) no-repeat left center;
}

.liquid-refresh[href]:hover {
    background: #FAA017 url(../images/new_icons/Whiterefresh3x.png) no-repeat left center;
    background-size: 16px 15px;
}

.liquid-filter {
    background: #FFFFFF url(../images/new_icons/Filter3x.png) no-repeat left center;
}

.liquid-filter[href]:hover {
    background: #FAA017 url(../images/new_icons/Whitefilter3x.png) no-repeat left center;
    background-size: 16px 15px;
}

.liquid-import {
    background: #FFFFFF url(../images/new_icons/Import3x.png) no-repeat left center;
}

.liquid-import[href]:hover {
    background: #FAA017 url(../images/new_icons/White-Import.png) no-repeat left center;
    background-size: 16px 15px;
}

.liquid-settings {
    background: #FFFFFF url(../images/new_icons/Settings-Icon-Grey3x.png) no-repeat left center;
}

.liquid-settings[href]:hover {
    background: #FAA017 url(../images/new_icons/Settings-Icon-White3x.png) no-repeat left center;
    background-size: 16px 15px;
}

.liquid-adjust {
    background: #FFFFFF url(../images/new_icons/scales3x.png) no-repeat left center;
}

.liquid-adjust[href]:hover {
    background: #FAA017 url(../images/new_icons/scales-white3x.png) no-repeat left center;
    background-size: 16px 15px;
}

.liquid-edit {
    background: #FFFFFF url(../images/new_icons/pencilDetail3x.png) no-repeat left center;
}

.liquid-edit[href]:hover {
    background: #FAA017 url(../images/new_icons/pencilDetail-white3x.png) no-repeat left center;
    background-size: 16px 15px;
}

.liquid-remove {
    background: #FFFFFF url(../images/new_icons/remove3x.png) no-repeat left center;
}

.liquid-remove[href]:hover {
    background: #FAA017 url(../images/new_icons/remove-white3x.png) no-repeat left center;
    background-size: 16px 15px;
}

.tbl-sticky {
    overflow-y: auto;
}

.tbl-sticky th {
    position: sticky;
    top: 0;
    background: white;
}

.expand-collapse-container {
    height: 45px;
    line-height: 45px;
    display: flex;
}

a.up-arrow {
    background: url("../images/new_icons/Big-Arrow-Up.png") no-repeat center;
    background-size: 20px 12px;
    height: 25px;
    width: 25px;
    cursor: pointer;
    display: block;
}

a.down-arrow {
    background: url("../images/new_icons/Big-Arrow-Down.png") no-repeat center;
    background-size: 20px 12px;
    height: 25px;
    width: 25px;
    cursor: pointer;
    display: block;
}

/* Data Table */

table.tbl-tiger,
table.tbl-standard {
    width: 100%;
    color: #212121;
    font-size: 12px;
}

table.tbl-tiger tr,
table.tbl-standard tr {
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

table.tbl-standard.mc-search-data-table tr {
    height: 48px;
}

table.tbl-tiger thead tr {
    cursor: default;
}

table.no-pointer tr {
    cursor: default !important;
}

table.no-pointer thead tr {
    cursor: default !important;
}

table.highlight-row tbody tr:hover {
    background-color: #f6fbe3 !important;
}

table.highlight-column tbody tr td:hover {
    background-color: #f6fbe3 !important;
}

table.tbl-tiger thead tr,
table.tbl-standard thead tr {
    height: 45px;
    line-height: 15px;
}

table.tbl-standard tbody tr:hover {
    background-color: #f6fbe3 !important;
}

table.tbl-tiger th,
table.tbl-standard th {
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    padding: 0 10px 0 5px;
}

table.tbl-tiger td,
table.tbl-standard td {
    padding: 0 10px 0 5px;
    text-align: left;
}

table.tbl-tiger th a:hover,
table.tbl-standard th a:hover {
    text-decoration: none;
}

table.tbl-tiger tr.odd,
table.tbl-standard tr.odd {
    background-color: #FFFFFF;
}

table.tbl-tiger tr.hasRevisions,
table.tbl-standard tr.hasRevisions {
    background-color: #FFF1D9;
}

table.tbl-tiger tr.even,
table.tbl-standard tr.even {
    background-color: #EEF9FE;
}

table.tbl-tiger tr.bold,
table.tbl-standard tr.bold {
    font-weight: bold;
    background-color: #FFFFFF;
}

table.tbl-standard tr td.btn-action {
    width: 1%;
}

table.tbl-standard tr td.btn-action > div {
    height: 22px;
    font-size: 12px;
    line-height: 22px;
    border: 1px solid #E1E1E1;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #212121;
    padding: 0 10px;
}

table.tbl-standard tr td.btn-action > div:hover {
    background-color: #FAA017;
    color: #FFF;
}

table.tbl-standard tr td.btn-action-disabled {
    width: 1%;
}

table.tbl-standard tr td.btn-action-disabled > div {
    height: 22px;
    font-size: 12px;
    line-height: 22px;
    border: 1px solid #E1E1E1;
    border-radius: 3px;
    background-color: #E9EBF1;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #737373;
    padding: 0 10px;
}

table.tbl-standard tr td.min-width-68 > div {
    min-width: 68px;
    text-align: center;
}

table.tbl-standard tr td.min-width-75 > div {
    min-width: 75px;
    text-align: center;
}

table.tbl-standard tr td.norecords-td {
    text-align: center;
}

table.tbl-standard tr th.header {
    background-color: #C0EAFE;
    text-align: center;
    border-right: 2px solid #FFFFFF;
}

table.tbl-standard-custom {
    width: 100%;
    color: #212121;
    font-size: 12px;
    height: 30px;
}

table.tbl-standard-custom tr {
    line-height: 15px;
    cursor: pointer;
    height: 30px;
}

/*table.tbl-standard-custom thead tr {*/
/*line-height: 15px;*/
/*}*/

table.tbl-standard-custom tbody tr:hover {
    background-color: #f6fbe3 !important;
}

table.tbl-standard-custom tr.odd {
    background-color: #FFFFFF;
}

table.tbl-standard-custom tr.even {
    background-color: #FFF1D9;
}

table.tbl-li {
    width: 100%;
    color: #212121;
    font-size: 12px;
}

table.tbl-li thead tr {
    height: 45px;
    line-height: 15px;
}

table.tbl-li th {
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    padding: 0 10px 0 16px;
}

table.tbl-li li {
    height: 30px;
    padding-left: 10px;
    cursor: grab;
}

table.tbl-li li.odd {
    background-color: #FFFFFF;
}

table.tbl-li li.even {
    background-color: #EEF9FE;
}

.table-row-arrow {
    /*background-image: url(../images/icon_enter.png) !important;*/
    background-image: url(../images/new_icons/blue-button-list3x.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

#summary-panel table.tbl-tiger th a, #summary-panel ul li a {
    float: none;
}

/* Page Navigator */

.navigator-panel {
    cursor: default;
    float: right;
    text-align: right !important;
    color: #666;
    padding-bottom: 5px;
    padding-top: 0;
    font-size: 9pt;
}

.first-page-link {
    background: url(../images/new_icons/first3x.png) no-repeat center;
    background-size: 10px 10px;
    height: 10px;
    width: 10px;
    display: block;
}

.last-page-link {
    background: url(../images/new_icons/last3x.png) no-repeat center;
    background-size: 10px 10px;
    height: 10px;
    width: 10px;
    display: block;
}

.prev-page-link {
    background: url(../images/new_icons/previous3x.png) no-repeat center;
    background-size: 6px 10px;
    height: 10px;
    width: 10px;
    display: block;
}

.next-page-link {
    background: url(../images/new_icons/next3x.png) no-repeat center;
    background-size: 6px 10px;
    height: 10px;
    width: 10px;
    display: block;
}

.liquid-create {
    background: #FFFFFF url(../images/new_icons/Create.png) no-repeat left center;
}

.liquid-create:hover {
    background: #FAA017 url(../images/new_icons/White-Create.png) no-repeat left center;
    background-size: 16px 15px;
}

.liquid-create-active {
    background: #FAA017 url(../images/new_icons/White-Create.png) no-repeat left center;
    color: #FFFFFF !important;
    background-size: 16px 15px;
}

.liquid-create-disabled {
    background: #FFFFFF url(../images/new_icons/Create.png) no-repeat left center;
    cursor: default;
}

.liquid-create-disabled:hover {
    background: #FFFFFF url(../images/new_icons/Create.png) no-repeat left center !important;
    background-position-x: 12px !important;
    background-size: 16px 15px !important;
    cursor: default !important;
    color: #212121 !important;
}

/* Dialog - Overriding built-in css */

.wiquery-dialog {
    border: none !important;
    background-color: #FFFFFF;
    box-shadow: 0 0 76px 0 rgba(70, 70, 70, 0.28);
}

.ui-front { /* This is the default z-index for dialog, just applying again for old dialogs. we can remove this class after converting all to new dialogs */
    z-index: 1002 !important;
}

.wiquery-dialog .ui-widget-header {
    border: none;
    background: #FFFFFF !important;
    padding: 10px 10px 10px 25px;
}

.wiquery-dialog .ui-dialog-title {
    height: 31px;
    line-height: 32px;
    font-size: 24px;
    color: rgba(175, 175, 175, 0.87);
    font-weight: normal;
}

.wiquery-dialog .ui-dialog-title-secondary {
    height: 31px;
    line-height: 32px;
    font-size: 24px;
    font-weight: normal;
}

.wiquery-dialog .ui-button {
    background: none;
    border: none;
    margin-right: 10px;
}

.wiquery-dialog .ui-dialog-content {
    padding: 0;
}

.wiquery-dialog .ui-icon-closethick {
    background: url(../images/new_icons/Cancel3x.png) no-repeat left center !important;
    background-size: 16px 16px !important;
}

.wiquery-dialog .ui-widget-header .ui-state-focus,
.wiquery-dialog .ui-widget-header .ui-state-hover {
    border: none !important;
    background: none !important;
}

.wiquery-dialog .ui-dialog-titlebar-close:focus,
.wiquery-dialog .ui-dialog-titlebar-close:hover {
    padding: 1px !important;
}

.wiquery-dialog .ui-widget-content {
    border: none;
}

.wiquery-tabbed .tab-row > ul {
    background: none;
    border: none;
    display: flex;
    width: 100%;
    text-align: center;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12), 0 4px 4px 0 rgba(0, 0, 0, 0.12);
}

.wiquery-tabbed .tab-double-row > ul {
    background: none;
    border: none;
    color: #B7B7B7;
    font-weight: bold;
    height: 63px;
    padding-top: 2px;
    margin-right: 0;
    font-size: 14px;
}

.wiquery-tabbed .tab-row > ul > li {
    background: none;
}

.wiquery-tabbed .tab-double-row > ul > li {
    border: none;
    background: none;
    font-weight: normal;
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 1px 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
    height: 29px;
}

.wiquery-tabbed .tab-row > ul > li > a {
    text-align: center;
    width: 100%;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 0.5px;
    font-weight: 500;
    color: #B7B7B7;
}

.wiquery-tabbed .tab-double-row > ul > li > a {
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 0.5px;
    font-weight: 500;
    color: #B7B7B7;
}

.wiquery-tabbed .tab-double-row > ul > li.selected,
.wiquery-tabbed .tab-row > ul > li.selected {
    border-bottom: 2px solid #FFA000;
}

.wiquery-tabbed .tab-double-row > ul > li.selected > a > span,
.wiquery-tabbed .tab-row > ul > li.selected > a > span {
    color: #FFA000;
    margin-left: 15px;
    margin-right: 15px;
}

.wiquery-tabbed .tab-row > ul > li > a > span,
.wiquery-tabbed .tab-double-row > ul > li > a > span {
    padding: 15px;
    margin-left: 15px;
    margin-right: 15px;
}

.wiquery-tabbed .tab-panel {
    margin: 25px 20px;
}


.button-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
}

.delete-icon {
    background: url(../images/new_icons/Delete-Menu3x.png) no-repeat left center;
    background-size: 18px 18px;
}

.padding-bottom-25px {
    padding-bottom: 25px;
}

.padding-bottom-40px {
    padding-bottom: 40px !important;
}

button.no-icon-regular {
    height: 35px;
    line-height: 32px;
    border: 1px solid #018ECC;
    background-color: #00A9F4;
    font-size: 12px;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    cursor: pointer;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    padding: 0 18px;
}

button.no-icon-white {
    border: 1px solid #E1E1E1;
    background-color: white;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #212121;
}

button.no-icon-blue {
    border: 1px solid #018ECC;
    background-color: #00A9F4;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #FFFFFF;
}

button.no-icon-orange {
    border: 1px solid #FF9400;
    background-color: #FF9900;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #FFFFFF;
}

button.no-icon-grey {
    border: 1px solid #D5D7DB;
    background-color: #DEE0E7;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #757575;
}

button.no-icon-regular.no-icon-grey.no-pointer {
    cursor: default !important;
}

a.no-icon-regular, a.no-icon-regular:hover {
    height: 31px;
    line-height: 32px;
    font-size: 12px;
    border-radius: 3px;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    padding: 0 18px;
}

a.no-icon-white, a.no-icon-white:hover {
    border: 1px solid #E1E1E1;
    background-color: white !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #212121 !important;
}

a.no-icon-blue, a.no-icon-blue:hover {
    border: 1px solid #018ECC;
    background-color: #00A9F4 !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #FFFFFF;
}

a.no-icon-red, a.no-icon-red:hover {
    border: 1px solid red;
    background-color: red !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #FFFFFF;
}

a.no-icon-grey, a.no-icon-grey:hover {
    border: 1px solid #999c9e;
    background-color: #b4b5b6 !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #FFFFFF;
}

a.no-icon-red, a.no-icon-red:hover {
    border: 1px solid #FFFFFF;
    background-color: red !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #FFFFFF;
}

a.no-icon-link, button.no-icon-link {
    display: inline-block;
    text-decoration: none !important;
    margin-left: 15px;
}

.popup-padding {
    padding: 25px 20px;
}

.i-fields-row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 70px;
}

.i-field-with-override {
    padding-left: 15px;
    position: relative;
}

.rdb_regular input[type=radio] + label {
    vertical-align: 4px;
    color: #212121;
    font-size: 12px;
}

.rdb_font14 input[type=radio] + label {
    font-size: 14px !important;
}

.rdb_regular input[type=radio] {
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/new_icons/Radio-Uncheked.png") no-repeat center;
    background-size: 16px 16px;
    display: inline-block;
    cursor: pointer;
    margin-left: 0;
}

.rdb_regular input[type=radio][disabled] {
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/new_icons/Radio-Unchecked-Disabled.png") no-repeat center;
    background-size: 16px 16px;
    display: inline-block;
    cursor: default;
    margin-left: 0;
}

.rdb_regular input[type=radio]:checked {
    background: url("../images/new_icons/Radio-Checked.png") no-repeat center;
    background-size: 16px 16px;
}

.rdb_regular input[type=radio][disabled]:checked {
    background: url("../images/new_icons/Radio-Checked-Disabled.png") no-repeat center;
    background-size: 16px 16px;
}

.rdb_regular_vertical label::after {
    content: "\a";
    white-space: pre;
}

.drop-dialog {
    top: 120%;
    right: 0;
}

.old-width {
    display: block;
    width: 1180px;
    margin: 0 auto 0 auto;
}

.new-width {
    display: block;
    min-width: 1100px;
    padding: 0 30px;
}

/* Page Navigator */

.navigator-panel {
    cursor: default;
    float: right;
    text-align: right !important;
    color: #666;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 9pt;
}

.first-page-link {
    background: url(../images/new_icons/first3x.png) no-repeat center;
    background-size: 10px 10px;
    height: 10px;
    width: 10px;
    display: block;
}

.last-page-link {
    background: url(../images/new_icons/last3x.png) no-repeat center;
    background-size: 10px 10px;
    height: 10px;
    width: 10px;
    display: block;
}

.prev-page-link {
    background: url(../images/new_icons/previous3x.png) no-repeat center;
    background-size: 6px 10px;
    height: 10px;
    width: 10px;
    display: block;
}

.next-page-link {
    background: url(../images/new_icons/next3x.png) no-repeat center;
    background-size: 6px 10px;
    height: 10px;
    width: 10px;
    display: block;
}

/* Accruals Table custom css */

.tbl-accrual {
    overflow: auto;
}

.tbl-accrual table.tbl-standard th {
    text-align: center;
    padding-right: 0 !important;
}

.accrual-locked-cell {
    color: #757575;
    background-color: #E9EBF1;
}

.red-bold-text {
    color: #C71616;
    font-weight: bold;
}

.green-bold-text {
    color: #00B901;
    font-weight: bold;
}

.blue-bold-text {
    color: #1060DE;
    font-weight: bold;
}

.green-legend {
    background-color: #B2EFBA;
    font-weight: 400;
    padding: 5px;
}

.loaded-preference {
    background: url(../images/new_icons/Info.png);
    background-position: left center !important;
    background-repeat: no-repeat !important;
    background-size: 14px 14px;
    height: 14px;
    width: 14px;
    color: #00A9F4;
    font-weight: bold;
    padding-left: 20px;
}

.popup-heading {
    height: 31px;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 18px;
    font-weight: bold;
    display: block;
}

.popup-padding {
    padding: 10px 20px;
}

.primary-label {
    font-size: 11px;
    color: #4A4A4A;
    font-weight: bold;
    height: 13px;
    line-height: 13px;
    margin-left: 30px;
}

.new-preference-wrapper {
    display: flex;
    align-items: center;
    height: 38px;
    line-height: 38px;
    margin-top: 8px;
    margin-bottom: 8px;
}

input[type=text].preference-name {
    font-size: 12px !important;
    width: 250px;
    padding: 0 3px;
    /*line-height: 25px !important;*/
    background-color: #FFFFFF !important;
    border: 1px solid #E7E7E7 !important;
    border-radius: 4px !important;
}

.toggle-menu-btn {
    display: block;
    cursor: pointer;
}

.toggle-menu {
    position: absolute;
    z-index: 99999;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    -webkit-transition: all 0.2s ease;
    display: none;
    -webkit-transform-origin: right top 0px;
    -webkit-transform: scale(0);
}

.lock-toggle-menu {
    top: 3px;
    right: -38px;
    font-size: 14px;
}

.small-toggle-menu {
    top: 3px;
    right: -13px;
    font-size: 14px;
}

.big-toggle-menu {
    top: 98%;
    right: 3px;
    font-size: 14px;
}

.toggle-menu ul {
    min-width: 100px;
    padding: 4px 0;
    list-style: none;
    position: relative;
}

.toggle-menu.active {
    display: block;
    -webkit-transform-origin: right top 0px;
    -webkit-transform: scale(1);
}

.toggle-menu li {
    color: #666;
    margin: 0;
    padding: 4px 0 4px 0;
    text-align: center;
    height: 24px;
    line-height: 24px;
    display: none;
    list-style: none;
    transform: translateY(0px);
    cursor: pointer;
}

.toggle-menu li {
    -webkit-transition: all 0.3s ease;
    transform: translateY(-30%);
}

.toggle-menu li.disabled-item {
    color: #A5A5A5;
}

.toggle-menu li.disabled-item:hover {
    background-color: #fff !important;
    color: #A5A5A5 !important;
    cursor: default;
}

.toggle-menu.active li {
    display: block;
    transform: translateY(0px);
}

.toggle-menu ul li:hover {
    background-color: #FFA000;
    color: #FFFFFF;
}

.dropDownFilterWidthClass {
    width: 150px !important;
}

/* Filter Box */

.filter-line {
    box-sizing: border-box;
    height: 2px;
    border: 1px solid #F6F6F6;
    box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.08);
}

.filter-box {
    text-align: center;
    font-size: 12px;
    padding-left: 15px;
    color: #737373;
    position: relative;
}

.filter-box-width {
    text-align: center;
    font-size: 12px;
    padding-left: 15px;
    color: #737373;
    position: relative;
    max-width: 200px;
    margin: 25px;
}

.filter-box-header {
    position: relative;
    height: 36px;
}

.filter-box-header-label {
    text-align: left;
    font-size: 11px !important;
    line-height: 11px;
    color: #737373;
    text-transform: uppercase;
}

.filter-box-container {
    height: 151px;
    border: 1px solid #E5E5E5;
    padding-top: 10px;
    overflow: auto;
}

.filter-box-container-three-columns {
    border: 1px solid #E5E5E5;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    padding: 15px 15px 15px 15px;
}

.filter-box-container-error {
    height: 151px;
    border: 1px solid #9C1313;
    padding-top: 10px;
    overflow: auto;
}

.filter-box-list {
    height: 21px;
    width: calc(100% - 15px);
    border-radius: 4px;
    background-color: #AFE4FB;
    padding-top: 5px;
    margin-bottom: 3px;
    margin-left: 5px;
    max-width: 255px;
}

.filter-box-list-disabled {
    height: 21px;
    width: calc(100% - 15px);
    border-radius: 4px;
    background-color: #EEEEEE;
    padding-top: 5px;
    margin-bottom: 3px;
    margin-left: 5px;
    max-width: 255px;
}

.filter-box-list-three-columns {
    height: 21px;
    width: 33%;
    border-radius: 4px;
    background-color: #AFE4FB;
    padding-top: 5px;
    margin-bottom: 6px;
    margin-left: 3px;
}

.filter-box-list-value {
    float: left;
    padding: 2px 0 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 93%;
    overflow: hidden;
    text-align: left;
    width: 80%;
}

.filter-box-list-value-remove {
    background: url(../images/new_icons/Cancel3x.png) no-repeat right center;
    background-size: 8px 8px;
    width: 8px;
    height: 8px;
    display: inline-block;
    float: right;
    margin-right: 9px;
    margin-top: 3px;
}

.filter-box-add {
    display: inline-block;
    background: url(../images/new_icons/plus-grey-3x.png) no-repeat right center;
    background-size: 11px 11px;
    width: 20px;
    height: 10px;
}

.filter-box-clear {
    display: inline-block;
    background: url(../images/new_icons/clear-grey-3x.png) no-repeat right center;
    background-size: 11px 11px;
    width: 20px;
    height: 10px;
    margin-right: 10px;
}

.filter-box-text {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
    height: 31px;
    width: 180px;
    border: 1px solid #E8E8E8 !important;
    border-radius: 4px;
    background-color: #FFFFFF;
}

.filter-drop {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
    height: 37px;
    width: 180px;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    background-color: #FFFFFF;
    background: url(../images/new_icons/Grey-Arrow3x.png) no-repeat center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 11px 7px;
    background-position-x: 150px;
}

.filter-drop-w-label {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
    height: 31px;
    width: 85px;
    border: 1.5px solid #00A9F4;
    border-radius: 3px;
    margin-left: 7px;
    font-size: 12px !important;
    padding-left: 5px;
    color: #4a4a4a;
    font-weight: bold;
    background: url(../images/new_icons/Dark-Arrow3x.png) no-repeat center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 11px 7px;
    background-position-x: 62px;
}

.filter-drop-w-label-no-margin-top {
    margin-bottom: 14px !important;
    height: 31px;
    width: 85px;
    border: 1.5px solid #00A9F4;
    border-radius: 3px;
    margin-left: 7px;
    font-size: 12px !important;
    padding-left: 5px;
    color: #4a4a4a;
    font-weight: bold;
    background: url(../images/new_icons/Dark-Arrow3x.png) no-repeat center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 11px 7px;
    background-position-x: 62px;
}

.filter-drop-w-label option {
    font-size: 12px !important;
    color: #4a4a4a;
    font-weight: bold;
}

.filter-header {
    text-transform: uppercase;
    color: #4a4a4a;
    font-weight: bold;
}

/* New Dialog */

.do-not-close {
    /* Keep it empty. Assign this css class to the tags where clicking should not close the drop dialog */
}

.converter-icon {
    background: url("../images/new_icons/Measurement-Orange3x.png") no-repeat center;
    background-size: 18px 18px;
    height: 29px;
    width: 29px;
    border: 1px solid #FF9400;
    border-radius: 3px;
}

.converter-icon.active-link,
.converter-icon:focus:not(:active),
.converter-icon:hover {
    background: #FF9400 url("../images/new_icons/Measurement-White3x.png") no-repeat center;
    background-size: 18px 18px;
}

.converter-disabled {
    background: #FFFFFF url("../images/new_icons/Measurement-Grey3x.png") no-repeat center;
    background-size: 18px 18px;
    border: 1px solid #B2B2B2;
    border-radius: 3px;
    pointer-events: none;
}

.calculator-icon {
    background: url("../images/new_icons/Calculator-Green3x.png") no-repeat center;
    background-size: 18px 18px;
    height: 29px;
    width: 29px;
    border: 1px solid #70c942;
    border-radius: 3px;
}

.calculator-icon.active-link,
.calculator-icon:hover {
    background: #70c942 url("../images/new_icons/Calculator-White3x.png") no-repeat center;
    background-size: 18px 18px;
}

.calculator-disabled {
    background: #FFFFFF url("../images/new_icons/Calculator-Grey3x.png") no-repeat center;
    background-size: 18px 18px;
    border: 1px solid #B2B2B2;
    border-radius: 3px;
    pointer-events: none;
}

.suggestion-icon {
    background: url("../images/new_icons/suggestion3x.png") no-repeat center;
    background-size: 15px 18px;
    height: 29px;
    width: 29px;
    border: 1px solid #6B03BE;
    border-radius: 3px;
}

.suggestion-icon.active-link,
.suggestion-icon:hover {
    background: #6B03BE url("../images/new_icons/suggestion-hover3x.png") no-repeat center;
    background-size: 15px 18px;
}

.suggestion-disabled {
    background: #FFFFFF url("../images/new_icons/suggestion-disabled3x.png") no-repeat center;
    background-size: 15px 18px;
    border: 1px solid #B2B2B2;
    border-radius: 3px;
    pointer-events: none;
}

.website-link-icon {
    background: url("../images/new_icons/Link3x.png") no-repeat center;
    background-size: 15px 18px;
    height: 29px;
    width: 29px;
    border: 1px solid #66c20a;
    border-radius: 3px;
    text-decoration: none;
}

.website-link-icon:hover {
    background: #66c20a url("../images/new_icons/Link-white3x.png") no-repeat center;
    background-size: 15px 18px;
    text-decoration: none !important;
}

.website-link-icon-disabled {
    background: #FFFFFF url("../images/new_icons/Link-Disabled.png") no-repeat center;
    background-size: 15px 18px;
    height: 29px;
    width: 29px;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    pointer-events: none;
}

.paste-icon {
    background: url(../images/new_icons/paste3x.png) no-repeat right center;
    background-size: 11px 11px;
    width: 20px;
    height: 10px;
    float: right;
    padding-bottom: 25px;
}

.paste-icon.active-link,
.paste-icon:hover {
    background: url(../images/new_icons/paste3x.png) no-repeat right center;
    background-size: 11px 11px;
}

.paste-disabled {
    background: url(../images/new_icons/paste3x.png) no-repeat right center;
    background-size: 11px 11px;
    border-radius: 3px;
    pointer-events: none;
}

.geocode-icon {
    background: url("../images/new_icons/geocode3x.png") no-repeat center;
    background-size: 19px 19px;
    height: 30px;
    width: 30px;
    border: 1px solid #03BEA4;
    border-radius: 3px;
    display: block;
}

.geocode-icon:hover {
    background: #03BEA4 url("../images/new_icons/geocode-white3x.png") no-repeat center;
    background-size: 19px 19px;
}

.geocode-disabled {
    background: #FFFFFF url("../images/new_icons/geocode-grey3x.png") no-repeat center;
    background-size: 19px 19px;
    border: 1px solid #B2B2B2;
    border-radius: 3px;
    pointer-events: none;
}

table.tbl-converter {
    margin: 0;
}

table.tbl-converter tr {
    height: 30px;
}

table.tbl-converter tr:first-child td {
    padding-top: 0 !important;
}

table.tbl-converter tr td {
    padding-top: 15px;
    color: #4A4A4A;
    font-size: 14px;
}

td.border-bottom {
    border-bottom: 1px solid #AFBACA;
}

/* New Expand Collapse Card Box */

.expand-collapse-container {
    height: 45px;
    line-height: 45px;
    display: flex;
}

a.up-arrow {
    background: url("../images/new_icons/Big-Arrow-Up.png") no-repeat center;
    background-size: 20px 12px;
    height: 25px;
    width: 25px;
    cursor: pointer;
    display: block;
}

a.down-arrow {
    background: url("../images/new_icons/Big-Arrow-Down.png") no-repeat center;
    background-size: 20px 12px;
    height: 25px;
    width: 25px;
    cursor: pointer;
    display: block;
}

a.add-revision-discount {
    background: #FFFFFF url("../images/new_icons/Blue-Plus3x.png") no-repeat center;
    background-size: 18px 18px;
    width: 25px;
    border: 1px solid #00A9F4;
    border-radius: 3px;
    display: block;
}

a.add-revision-discount:focus:not(:active),
a.add-revision-discount:hover {
    background: #00A9F4 url("../images/new_icons/White-Plus3x.png") no-repeat center;
    background-size: 18px 18px;
    border: 1px solid #00A9F4;
    border-radius: 3px;
    text-decoration: none;
}

a.add-revision {
    background: #FFFFFF url("../images/new_icons/Blue-Plus3x.png") no-repeat center;
    background-size: 18px 18px;
    height: 29px;
    width: 29px;
    border: 1px solid #00A9F4;
    border-radius: 3px;
    display: block;
}

a.add-revision:focus:not(:active),
a.add-revision:hover {
    background: #00A9F4 url("../images/new_icons/White-Plus3x.png") no-repeat center;
    background-size: 18px 18px;
    border: 1px solid #00A9F4;
    border-radius: 3px;
}

a.add-revision-disabled {
    background: #FFFFFF url("../images/new_icons/Grey-Plus3x.png") no-repeat center;
    background-size: 18px 18px;
    height: 29px;
    width: 29px;
    border: 1px solid #B2B2B2;
    border-radius: 3px;
    display: block;
}

a.add-revision-escrow {
    background: #FFFFFF url("../images/new_icons/Blue-Plus3x.png") no-repeat center;
    background-size: 11px 11px;
    height: 16px;
    width: 16px;
    border: 1px solid #00A9F4;
    border-radius: 3px;
    display: block;
}

a.add-revision-escrow:focus:not(:active),
a.add-revision-escrow:hover {
    background: #00A9F4 url("../images/new_icons/White-Plus3x.png") no-repeat center;
    background-size: 11px 11px;
    border: 1px solid #00A9F4;
    border-radius: 3px;
}

a.add-revision-escrow-disabled {
    background: #FFFFFF url("../images/new_icons/Grey-Plus3x.png") no-repeat center;
    background-size: 11px 11px;
    height: 16px;
    width: 16px;
    border: 1px solid #B2B2B2;
    border-radius: 3px;
    display: block;
}

#btnScrollTop {
    display: none;
    background: url("../images/new_icons/Scroll-Top.png") no-repeat center;
    background-size: 35px 35px;
    height: 35px;
    width: 35px;
    position: fixed;
    bottom: 20px;
    right: 7px;
    z-index: 999999;
    border: none;
    cursor: pointer;
}

.card-box-no-shadow {
    background-color: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #B2B2B2;
    padding: 12px 12px;
    color: #212121;
}

.card-box-no-shadow-small {
    border-radius: 5px;
    border: 1px solid #B2B2B2 !important;
    color: #212121;
    padding: 10px 10px !important;
    background: none !important;
    font-size: 11px !important;
    float: right !important;
    margin-right: 25px;
}

.rounded-dot {
    height: 5px;
    width: 5px;
    margin: 2px 6px;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
}

.i-field-multi-check {
    margin-right: 15px;
    line-height: 25px;
}

.i-field-multi-check > div.flex > label,
.i-field-multi-check > label {
    font-size: 11px !important;
    line-height: 25px;
    color: #737373;
    text-transform: uppercase;
}

.drop-dialog {
    top: 120%;
    right: 0;
}

.filter-box-paste-drop-dialog {
    top: 30px;
    right: -75px;
}

/* Blue Check-box for filters  */
input[type=checkbox].cbk_blue_regular {
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/new_icons/Blue-Box3x.png") no-repeat center;
    background-size: 18px 18px;
    display: inline-block;
    cursor: pointer;
}

input[type=checkbox].cbk_blue_regular:checked {
    background: url("../images/new_icons/Blue-Check-Box3x.png") no-repeat center;
    background-size: 18px 18px;
}

/* Data Table */

table.tbl-tiger,
table.tbl-standard {
    width: 100%;
    color: #212121;
    font-size: 12px;
}

table.tbl-tiger tr,
table.tbl-standard tr {
    height: 30px;
    line-height: 15px;
    cursor: pointer;
}

table.tbl-standard.mc-search-data-table tr {
    height: 48px;
}

table.tbl-tiger thead tr {
    cursor: default;
}

table.tbl-tiger thead tr,
table.tbl-standard thead tr {
    height: 45px;
    line-height: 15px;
}

table.tbl-standard tbody tr:hover {
    background-color: #f6fbe3 !important;
}

table.tbl-tiger th,
table.tbl-standard th {
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    padding: 0 10px 0 5px;
}

table.tbl-tiger td,
table.tbl-standard td {
    padding: 1px 10px 0 5px;
    text-align: left;
    /* This property is applied so that we can remove the generic table td z-index value */
    z-index: auto;
}

table.tbl-tiger th a:hover,
table.tbl-standard th a:hover {
    text-decoration: none;
}

table.tbl-tiger tr.odd,
table.tbl-standard tr.odd {
    background-color: #FFFFFF !important;
}

table.tbl-tiger tr.hasRevisions,
table.tbl-standard tr.hasRevisions {
    background-color: #FFF1D9;
}

table.tbl-tiger tr.even,
table.tbl-standard tr.even {
    background-color: #EEF9FE !important;
}

table.tbl-tiger tr.selected,
table.tbl-standard tr.selected {
    background-color: #F5F5DC !important;
}

table.tbl-tiger tr.bold,
table.tbl-standard tr.bold {
    font-weight: bold;
    background-color: #FFFFFF;
}

table.tbl-standard tr td.btn-action {
    width: 1%;
}

table.tbl-tiger-select tr:hover td {
    background: #f6fbe3;
    cursor: pointer;
}

table.tbl-standard tr td.btn-action > div {
    height: 22px;
    font-size: 12px;
    line-height: 22px;
    border: 1px solid #E1E1E1;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #212121;
    padding: 0 10px;
}

table.tbl-standard tr td.btn-action > div:hover {
    background-color: #FAA017;
    color: #FFF;
}

table.tbl-standard tr td.norecords-td {
    text-align: center;
}

table.tbl-standard tr th.header {
    background-color: #C0EAFE;
    text-align: center;
    border-right: 2px solid #FFFFFF;
}

table.tbl-tiger tr.active-row {
    background-color: antiquewhite !important;
}

.list-filter-panel {
    font-size: 12px;
    color: #212121;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 49px;
    width: 100%;
    align-items: center;
}

.table-row-arrow {
    /*background-image: url(../images/icon_enter.png) !important;*/
    background-image: url(../images/new_icons/blue-button-list3x.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 15px 15px;
    height: 16px;
    width: 16px;
}

.button-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
}

.edit-icon {
    background: url(../images/new_icons/Pencil3x.png) no-repeat left center;
    background-size: 18px 18px;
}

.delete-icon {
    background: url(../images/new_icons/Delete-Menu3x.png) no-repeat left center;
    background-size: 18px 18px;
}

/**
Card
**/
.card-box {
    color: #212121;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}

.card-box-new {
    color: #212121;
    background-color: #FFFFFF;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    width: 100px !important;
}

.box-margin-bottom {
    margin-bottom: 25px;
}

.padding-top-25px {
    padding-top: 25px;
}

.padding-bottom-25px {
    padding-bottom: 25px;
}

.no-building-move-records {
    text-align: center !important;
    cursor: default;
    height: 330px;
    font-size: 14px;
}

.tbl-sticky {
    overflow-y: auto;
}

.tbl-sticky th {
    position: sticky;
    top: 0;
    background: white;
}

.height-400px {
    height: 400px;
}

.max-height-400px {
    max-height: 400px;
}

.quick-search > div {
    display: inline-block;
}

.quick-search > input, .quick-search > div > input {
    display: inline-block;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    height: 35px;
    width: 250px !important;
    border: 1px solid #E0E6EF;
    border-radius: 4px;
    background-color: #FFFFFF;
    font-size: 14px !important;
    color: #212121;
    padding-top: 0;
    padding-bottom: 0;
}

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

/*TaxSavings Page*/
.link-headings {
    height: 19px;
    font-family: Roboto;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
    /*background-color: #FFF;*/
    color: #00A9F4 !important;
    text-decoration: none !important;
}

.link-headings-red {
    height: 19px;
    font-family: Roboto;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
    /*background-color: #FFF;*/
    color: red !important;
    text-decoration: none !important;
}

.link-label {
    font-weight: bold;
    color: #00A9F4;
    text-decoration: none !important;
}

.label-heading {
    font-weight: bold;
    height: 25px;
    line-height: 32px;
    text-decoration: none !important;
}

.gradient-difference {
    background: linear-gradient(90deg, #FFFFFF 0%, #C9EEFF 51.37%, #FFFFFF 100%);
    font-weight: bold;
}

.line-separator {
    border-bottom: solid 1px lightgrey;
}

.text-link {
    text-decoration: none !important;
    text-transform: uppercase;
    color: #00A9F4 !important;
    padding-left: 10px;
}

td.no-padding {
    padding: 0 !important; /* When there is only one td under tr, don't apply padding, Like comments field in the form */
}

.input_as_text_new {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    width: 200px !important;
    height: 20px !important;
    text-align: left;
    color: #777;
}

.create-void-cheque-link a {
    position: relative;
    color: #999 !important;
    text-decoration: none;
    width: 30px;
    height: 50px;
    cursor: pointer;
}

.i-void-cheque-link {
    background: url(../images/new_icons/voidblack3x.png) left center no-repeat;
    background-size: 25px 25px;
}

.i-void-cheque-link:hover {
    background: url(../images/new_icons/voidorange3x.png) left center no-repeat;
    background-size: 25px 25px;
}

.calculation-icon {
    height: 19px;
    width: 9px;
    color: #00A9F4;
    font-family: Roboto;
    font-size: 17px;
    font-weight: bold;
    line-height: 24px;
}

.top-bar-width-with-side-open {
    width: calc(97% - 240px);
}

.my-side-nav-width {
    width: 240px;
}

.main-width-with-side-open {
    margin-left: 240px;
}

.padding-tax-savings-scenarios th,
.padding-tax-savings-scenarios td {
    padding: 0 1px 0 5px !important;
}

/*New Data Manager Css*/

.new-grid * {
    vertical-align: middle;
}

.new-grid [tooltip-top]::after {
    top: calc(50% + 12px);
}

.new-grid .form-links-new ul li a {
    width: 65px;
}


/*.new-grid > div > div {*/
/*    margin-right: 12px;*/
/*}*/

.inline_block {
    display: inline-block;
}

.quick-search > div {
    display: inline-block;
}

.quick-search > input, .quick-search > div > input {
    display: inline-block;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
    height: 35px;
    width: 250px !important;
    border: 1px solid #E0E6EF;
    border-radius: 4px;
    background-color: #FFFFFF;
    font-size: 14px !important;
    color: #212121;
    padding-top: 0;
    padding-bottom: 0;
}

.dm-toolbar-bottom {
    position: relative;
    top: -53px;
    left: 20px;
}

.rollover-legend-panel {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 14px;
}

.rollover-grid-legend {
    font-size: 13px !important;
    font-weight: 500;
    margin-right: 12px;
}

.selected-legend {
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid #CCCC99;
    border-radius: 11px;
    background-color: #F5F5DC;
    margin-right: 5px;
}

.conflict-legend {
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid #F0A1A1;
    border-radius: 11px;
    background-color: #FFCCCC;
    margin-right: 5px;
}

.selected-conflict-legend {
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid #DF4242;
    border-radius: 11px;
    background-color: #FF8888;
    margin-right: 5px;
}

.jurisdiction-legend {
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid #800080;
    border-radius: 11px;
    background-color: #E7D6FF;
    margin-right: 5px;
}

.ag-cell input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/new_icons/Box3x.png") no-repeat center;
    background-size: 16px 16px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.ag-cell input[type=checkbox]:checked {
    background: url("../images/new_icons/Check3x.png") no-repeat center;
    background-size: 16px 16px;
}

.ag-locked-cell {
    background-color: #e9ebf1;
}

.ag-purple-cell {
    background-color: #E7D6FF;
}

.locked-legend {
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid #dcdee4;
    border-radius: 11px;
    background-color: #e9ebf1;
    margin-right: 5px;
    margin-left: 10px;
}

.ag-error-cell {
    background-color: #F7B8B8;
}

.error-legend {
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid #F0A1A1;
    border-radius: 11px;
    background-color: #F7B8B8;
    margin-right: 5px;
    margin-left: 10px;
}

.ag-pinned-left-cols-container > .ag-row-selected {
    background-color: #C9D2F9 !important;
}

.selected-row-legend {
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid #b2bff6;
    border-radius: 11px;
    background-color: #C9D2F9;
    margin-right: 5px;
    margin-left: 10px;
}

.ag-inactive-cell {
    background-color: #F7E7B8;
}

.inactive-legend {
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid #CCCC99;
    border-radius: 11px;
    background-color: #F7E7B8;
    margin-right: 5px;
    margin-left: 10px;
}

.ag-grid-required-field {
    background: url(../images/new_icons/Icon-Required.png) no-repeat right;
    background-size: 7px 6px;
    padding-right: 8px;
    background-position-y: 14px;
}

.ag-grid-white-overlay {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
}

.ag-required-column {
    background: url(../images/new_icons/Icon-Required.png) no-repeat right;
    background-size: 7px 6px;
    padding-right: 8px;
    background-position-y: 0;
    margin-right: 5px;
}

.auto-size-button {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 75px;
    font-size: 13px;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.19);
    cursor: pointer;
    color: #ffffff;
    font-weight: 500;
    padding: 6px 0 6px 0;
    background-size: 18px 19px;
    background-color: #32a9f2;
    text-align: center;
}

.auto-size-button:active {
    color: #212121;
    background-color: rgba(158, 158, 158, 0.40);
}

.grid-export-button {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 110px;
    font-size: 13px;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.28);
    cursor: pointer;
    color: #00A9F4;
    font-weight: 500;
    padding: 6px 0 6px 0;
    background-size: 18px 19px;
    background-color: #FFFFFF;
    border: 1px solid #00A9F4;
    margin-left: 12px;
    text-align: center;
}

.grid-export-button:active {
    color: #FFFFFF;
    background-color: #00A9F4;
}

.grid-add-row-button {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.28);
    cursor: pointer;
    color: #00A9F4;
    font-weight: 500;
    padding: 6px 10px;
    background-size: 18px 19px;
    background-color: #FFFFFF;
    border: 1px solid #00A9F4;
    margin-left: 12px;
    text-align: center;
}

.grid-add-row-button:active {
    color: #FFFFFF;
    background-color: #00A9F4;
}

/* OLD Feedback Panel - We need it for Data Manager */

.infoFeedbackPanelDM ul {
    background-color: #f6fbe3;
    border: 1px solid #edd773;
    color: #363636;
}

ul.feedbackPanelDM {
    margin: 0 0 20px 0;
    list-style: disc;
    background: url(../images/icon_large_warning.png) no-repeat left center;
    background-position: 10px;
    background-color: #fbfbbf;
    padding: 3px 0 3px 0;
}

ul.feedbackPanelDM li {
    display: block;
    list-style-position: inside;
    margin: 10px 50px;
    overflow: hidden;
}

.preferences-status-icon {
    height: 17px;
    width: 17px;
}

.link-icon {
    background: url("../images/new_icons/Link3x.png") no-repeat center;
    background-size: 15px 18px;
    height: 29px;
    width: 29px;
    border: 1px solid #66c20a;
    border-radius: 3px;
    text-decoration: none;
}

.link-icon:hover {
    background: #66c20a url("../images/new_icons/Link-white3x.png") no-repeat center;
    background-size: 15px 18px;
    text-decoration: none !important;
}

.link-icon-disabled {
    background: #FFFFFF url("../images/new_icons/Link-Disabled.png") no-repeat center;
    background-size: 15px 18px;
    height: 29px;
    width: 29px;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    pointer-events: none;
}

#chargeNotificationMsg {
    line-height: 25px;
    height: 24px;
    margin-left: 20px;
    font-size: 14px;
    color: #5078BF;
    font-weight: bold;
    background: url("../images/new_icons/info3x.png") no-repeat left center;
    background-size: 15px 15px;
    padding-left: 20px;
}

.linkDocMsg {
    font-size: 14px;
    color: #66c20a;
    font-weight: bold;
    border: 2px solid #66c20a;
    border-radius: 4px;
    padding: 5px;
    margin-left: 10px;
}

.rejectedMsg {
    font-size: 14px;
    color: red;
    font-weight: bold;
    border: 2px solid red;
    border-radius: 4px;
    padding: 5px;
    margin-left: 10px;
    height: min-content;
}

.rejectedStatusReasonMsg {
    color: red;
    margin-left: 10px;
    margin-top: 5px
}

.approvedMsg {
    font-size: 14px;
    color: blue;
    font-weight: bold;
    border: 2px solid blue;
    border-radius: 4px;
    padding: 5px;
    margin-left: 10px;
    height: min-content;
}

.approvedStatusReasonMsg {
    color: blue;
    margin-left: 10px;
    margin-top: 5px
}

/*Forecast & budget classes*/

.label-forecast {
    height: 19px;
    width: 9px;
    color: black;
    font-family: Roboto;
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    text-transform: uppercase;
}

table tr td div.colNameForecastHeading {
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px !important;
}

.heading-blue {
    text-align: center;
    height: 42px !important;
    background: #C0EAFE !important;
}

/* Toast Charts */
.tui-chart .tui-chart-tooltip-area {
    z-index: 520 !important; /* This makes charts under top bars completely so that username link can be clickable */
}

.tui-chart .tui-chart-series-custom-event-area {
    z-index: 510 !important;
}

/* Toast Calendar */

#dashboardCalendar {
    max-height: 350px !important;
    margin-bottom: 5px;
}

#dashboardCalendar .tui-full-calendar-month {
    min-height: 350px !important;
}

#dashboardCalendar .tui-full-calendar-weekday-schedule {
    border-left-width: 0 !important;
}

#dashboardCalendar .tui-full-calendar-weekday-grid-date {
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
}

#dashboardCalendar .tui-full-calendar-weekday-grid-more-schedules {
    line-height: inherit !important;
}

#dashboardCalendar .tui-full-calendar-today {
    background-color: #d1eefd !important;
}

#dashboardCalendar .tui-full-calendar-weekday-grid-date-decorator {
    background: inherit !important;
    border-radius: unset !important;
    color: inherit !important;
}

a.left-arrow {
    background: url(../images/new_icons/Left3x.png) no-repeat center !important;
    background-size: 13px 18px !important;
    height: 30px !important;
    width: 40px !important;
    cursor: pointer;
}

a.right-arrow {
    background: url(../images/new_icons/Right-3x.png) no-repeat center !important;
    background-size: 13px 18px !important;
    height: 30px !important;
    width: 40px !important;
    cursor: pointer;
}

a.tax-reminder-link {
    background: url("../images/new_icons/Calendar3x.png") no-repeat right center;
    background-size: 17px 17px;
    height: 17px;
    width: 17px;
    display: block;
    cursor: pointer;
    margin-left: 10px;
}

a.tax-reminder-link:hover,
a.tax-reminder-link.active {
    background: url("../images/new_icons/Calendar-Orange3x.png") no-repeat right center;
    background-size: 17px 17px;
    height: 17px;
    width: 17px;
}

.dashboard-event-legend {
    display: flex;
    align-content: center;
    height: 15px;
    justify-content: space-around;
    font-size: 11px;
    color: #212121;
}

.event-color-box {
    height: 12px;
    width: 12px;
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 50%;
}

.accrual-paid {
    background-color: #50BF2F;
}

.accrual-refund {
    background-color: #009DFF;
}

.accrual-balanceAdjustment {
    background-color: #FF9322;
}

.dashboard-tax-event {
    background-color: #9BE407;
}

.dashboard-discount-event {
    background-color: #00F4E2;
}

.dashboard-appeal-event {
    background-color: #17509b;
}

.dashboard-assessment-event {
    background-color: #AE0BF6;
}

.dashboard-past-event {
    background-color: #F40000;
}

.docs-drag-drop {
    margin-top: 20px;
    box-sizing: border-box !important;
    height: 270px;
    border: 2px dashed #D4D4D4 !important;
    border-radius: 13px;
    background: white url("../images/new_icons/Upload-3x.png") no-repeat center center !important;
    background-size: 150px 95px !important;
    background-position-y: 85px !important;
}

.docs-drag-drop-msg {
    padding-top: 205px !important;
    text-align: center;
}

.docs-drag-drop-text {
    display: inline-block;
    font-size: 14px;
    color: #bfbfbf;
}

.docs-browse {
    color: #00a9f4;
    text-decoration: none !important;
    cursor: pointer;
}

.docs-add-links {
    color: #8ACD01;
    text-decoration: none !important;
    cursor: pointer;
}

.docs-upload-close {
    background: url(../images/new_icons/Cancel3x.png) no-repeat left center !important;
    background-size: 13px 13px !important;
    cursor: pointer;
    position: absolute;
    top: 8px;
    left: 271px;
    padding: 7px 7px;
}

.upload-browse {
    color: #00a9f4;
    text-decoration: none !important;
    cursor: pointer;
}

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

.inline-flex {
    display: inline-flex;
}

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

.cursor-pointer {
    cursor: pointer;
}

.street-view-icon {
    background: #ffffff url("../images/new_icons/street-view.png") no-repeat center;
    background-size: 20px 28px;
}

.popout-icon {
    background: #ffffff url("../images/new_icons/pop-out3x.png") no-repeat center;
    background-size: 20px 20px;
}

.no-cursor,
.no-cursor tr td,
.no-cursor tr th {
    cursor: auto;
}

.fee-tier-header-label {
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 10px;
}

.padded-row-20px td,
.padded-row-20px th {
    padding-left: 20px !important;
}

#chargeNotificationMsg {
    line-height: 25px;
    height: 24px;
    margin-left: 20px;
    font-size: 14px;
    color: #5078BF;
    font-weight: bold;
    background: url("../images/new_icons/info3x.png") no-repeat left center;
    background-size: 15px 15px;
    padding-left: 20px;
}

.info-icon {
    background: url("../images/new_icons/info3x.png") no-repeat left center;
    background-size: 15px 15px;
    color: #00A9F4;
}

#chargeNotificationMsg {
    line-height: 25px;
    height: 24px;
    margin-left: 20px;
    font-size: 14px;
    color: #5078BF;
    font-weight: bold;
    background: url("../images/new_icons/info3x.png") no-repeat left center;
    background-size: 15px 15px;
    padding-left: 20px;
}

/* Override built in class from ArcGis main.css file - changes button size for Aerial view toggle*/
.esri-basemap-toggle {
    z-index: 1; /* z-index makes this widget hidden when street view is visible */
    height: 32px !important;
    width: 32px !important;
}

.esri-widget {
    --calcite-ui-brand: none !important; /* Removes blue border on focus of the map div */
}

.esri-basemap-toggle__container,
.esri-basemap-toggle__image {
    height: 32px !important;
    width: 32px !important;
    right: 0 !important;
    left: unset !important;
    bottom: 0 !important;
    top: unset !important;
}

.esri-attribution {
    font-size: 8px !important;
    line-height: 8px !important;
}

/* this overrides default css for ul li*/
ul.esri-search__suggestions-list li {
    display: inherit;
}

#dialog-map-container {
    width: 950px;
    height: 650px;
}

#portfolio-details-map {
    width: 100%;
    height: 368px;
}

#property-details-map-dialog {
    height: 650px;
    width: 800px;
}

#property-details-map {
    height: 220px;
    width: 100%;
}

/* Integrations/Add-Ons */

.flex-box-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.flex-box-container:hover {
    background-color: #ffffff;
}

.flex-box-integration {
    width: 295px;
    margin: 8px;
    padding: 15px;
    height: 175px;
    border: 1px solid #FFA000;
    border-radius: 4px;
    cursor: pointer;
}

.integration-logo {
    text-align: center;
    height: 50px;
}

.integration-logo img {
    height: 45px;
}

.integration-name {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-align: center;
    height: 22px;
    line-height: 16px;
}

.integration-desc {
    font-size: 12px;
    color: #5E5E5E;
    letter-spacing: 0.43px;
    height: 37px;
    line-height: 14px;
    text-align: center;
}

.integration-title {
    color: #5E5E5E;
    font-size: 25px;
    font-weight: bold;
    line-height: 46px;
}

.integration-img-box {
    width: 200px;
    height: 260px;
    margin-left: 15px;
}

.integration-title-2 {
    color: #c1c0c0;
    margin-left: 5px;
}

.parlay-market-img {
    background: url("../images/integrations/parlay-marketing.png") no-repeat center;
}

.ptx-market-img {
    background: url("../images/integrations/ptx-marketing.png") no-repeat center;
}

.datacap-market-img {
    background: url("../images/integrations/datacap-marketing.png") no-repeat center;
}

.ai-market-img {
    background: url("../images/integrations/ai-marketing.png") no-repeat center;
}

.sso-market-img {
    background: url("../images/integrations/sso-marketing.png") no-repeat center;
    background-size: 140px 90px;
}

.mfa-market-img {
    background: url("../images/integrations/mfa-marketing.png") no-repeat center;
    background-size: 100px 260px;
}

.permission-roles-market-img {
    background: url("../images/integrations/permission-roles-marketing.png") no-repeat center;
    background-size: 185px 260px;
}

.field-permissions-market-img {
    background: url("../images/integrations/field-permissions-marketing.png") no-repeat center;
    background-size: 195px 175px;
}

.mri-market-img {
    background: url("../images/integrations/mri-marketing.png") no-repeat center;
}

.yardi-market-img {
    background: url("../images/integrations/yardi-marketing.png") no-repeat center;
}

.parlay-provider-icon {
    background: url("../images/integrations/parlay.png") no-repeat center;
    height: 46px;
    width: 180px;
}

.integration-status {
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 3px;
    padding: 3px 4px;
}

.integration-description {
    color: #5E5E5E;
    font-size: 12px;
    letter-spacing: 0.39px;
    line-height: 18px;
    height: 40px;
}

.subscribed {
    border: 2px solid #4dd865;
    color: #4dd865;
}

.not-subscribed {
    border: 2px solid #bbb;
    color: #bbb;
}

.activation-msg {
    height: 20px;
    font-weight: bold;
    letter-spacing: 0.39px;
    font-size: 12px;
    padding-left: 20px;
    background-position-y: 0;
    line-height: 14px;
}

div.feature-points {
    color: #5E5E5E;
    font-size: 12px;
    letter-spacing: 0.39px;
}

div.feature-points div {
    line-height: 15px;
    margin-top: 10px;
}

.feature-dot {
    vertical-align: text-bottom;
}

#top-logo-menu-logo {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.add-list-multiple-choice-link-reports {
    background: url(../images/new_icons/add-grey-3x.png) left center no-repeat;
    background-size: 13px 13px;
    background-position-x: 50%;
    cursor: pointer;
}

.add-list-multiple-choice-link-reports:hover {
    background: url(../images/new_icons/add-orange-3x.png) left center no-repeat;
    background-size: 13px 13px;
    background-position-x: 50%;
    cursor: pointer;
}

.remove-list-multiple-choice-link-reports {
    background: url(../images/new_icons/minus-grey3x.png) left center no-repeat;
    background-size: 14px 4px;
    background-position-x: 50%;
    cursor: pointer;
}

.remove-list-multiple-choice-link-reports:hover {
    background: url(../images/new_icons/minus-orange-3x.png) left center no-repeat;
    background-size: 14px 2px;
    background-position-x: 50%;
    cursor: pointer;
}

.move-one-up-multiple-choice-link-reports {
    background: url(../images/new_icons/up-grey-3x.png) left center no-repeat;
    background-size: 10px 10px;
    background-position-x: 50%;
    background-position-y: 65%;
    cursor: pointer;
}

.move-one-up-multiple-choice-link-reports:hover {
    background: url(../images/new_icons/up-orange-3x.png) left center no-repeat;
    background-size: 10px 10px;
    background-position-x: 50%;
    background-position-y: 65%;
    cursor: pointer;
}

.move-one-down-multiple-choice-link-reports {
    background: url(../images/new_icons/down-grey-3x.png) left center no-repeat;
    background-size: 10px 10px;
    background-position-x: 50%;
    background-position-y: 65%;
    cursor: pointer;
}

.move-one-down-multiple-choice-link-reports:hover {
    background: url(../images/new_icons/down-orange-3x.png) left center no-repeat;
    background-size: 10px 10px;
    background-position-x: 50%;
    background-position-y: 65%;
    cursor: pointer;
}

.reports-search {
    width: 608px;
    height: 30px;
    margin-left: 10px !important;
}


@media screen and (max-width: 1500px) {
    .days-to-due-date-label {
        width: 100%;
    }
}

/*Report Icons*/

.escrowIcon {
    background: url("../images/new_icons/escrowReports3x.png") no-repeat right center;
    background-size: 20px 19px;
    height: 22px;
    width: 21px;
    display: block;
    cursor: default;
    margin-right: 10px;
    margin-left: 10px;
}

.accrualIcon {
    background: url("../images/new_icons/accrualReports3x.png") no-repeat right center;
    background-size: 18px 17px;
    height: 22px;
    width: 21px;
    display: block;
    cursor: default;
    margin-right: 10px;
    margin-left: 10px;
}

.taxIcon {
    background: url("../images/new_icons/tax&expenseReports3x.png") no-repeat right center;
    background-size: 18px 17px;
    height: 22px;
    width: 21px;
    display: block;
    cursor: default;
    margin-right: 10px;
    margin-left: 10px;
}

.taxSavingsIcon {
    background: url("../images/new_icons/taxsavingsReports3x.png") no-repeat right center;
    background-size: 19px 18px;
    height: 22px;
    width: 21px;
    display: block;
    cursor: default;
    margin-right: 10px;
    margin-left: 10px;
}

.taxForecastIcon {
    background: url("../images/new_icons/taxforecastReports3x.png") no-repeat right center;
    background-size: 20px 19px;
    height: 22px;
    width: 21px;
    display: block;
    cursor: default;
    margin-right: 10px;
    margin-left: 10px;
}

.combinedIcon {
    background: url("../images/new_icons/combinedReports3x.png") no-repeat right center;
    background-size: 18px 17px;
    height: 22px;
    width: 21px;
    display: block;
    cursor: default;
    margin-right: 10px;
    margin-left: 10px;
}

.appealIcon {
    background: url("../images/new_icons/appealReports3x.png") no-repeat right center;
    background-size: 20px 19px;
    height: 22px;
    width: 21px;
    display: block;
    cursor: default;
    margin-right: 10px;
    margin-left: 10px;
}

.assessmentIcon {
    background: url("../images/new_icons/assessmentReports3x.png") no-repeat right center;
    background-size: 18px 17px;
    height: 22px;
    width: 21px;
    display: block;
    cursor: default;
    margin-right: 10px;
    margin-left: 10px;
}

.feeIcon {
    background: url("../images/new_icons/feeReports3x.png") no-repeat right center;
    background-size: 18px 17px;
    height: 22px;
    width: 21px;
    display: block;
    cursor: default;
    margin-right: 10px;
    margin-left: 10px;
}


.specialPropertyIcon {
    background: url("../images/new_icons/specialpropertyReports3x.png") no-repeat right center;
    background-size: 17px 16px;
    height: 22px;
    width: 21px;
    display: block;
    cursor: default;
    margin-right: 10px;
    margin-left: 10px;
}

.generalPortfolioIcon {
    background: url("../images/new_icons/generalReports3x.png") no-repeat right center;
    background-size: 19px 18px;
    height: 22px;
    width: 21px;
    display: block;
    cursor: default;
    margin-right: 10px;
    margin-left: 10px;
}

.valuationIcon {
    background: url("../images/new_icons/valuationReports3x.png") no-repeat right center;
    background-size: 17px 16px;
    height: 22px;
    width: 21px;
    display: block;
    cursor: default;
    margin-right: 10px;
    margin-left: 10px;
}

.administrativeIcon {
    background: url("../images/new_icons/administrativeReports3x.png") no-repeat right center;
    background-size: 18px 17px;
    height: 22px;
    width: 21px;
    display: block;
    cursor: default;
    margin-right: 10px;
    margin-left: 10px;
}

.customIcon {
    background: url("../images/new_icons/customReports3x.png") no-repeat right center;
    background-size: 19px 18px;
    height: 22px;
    width: 21px;
    display: block;
    cursor: default;
    margin-right: 10px;
    margin-left: 10px;
}

.buildingIcon {
    background: url("../images/new_icons/buildingReports3x.png") no-repeat right center;
    background-size: 18px 17px;
    height: 22px;
    width: 21px;
    display: block;
    cursor: default;
    margin-right: 10px;
    margin-left: 10px;
}

.length-listBox {
    height: 270px;
}

.length-listBox-double {
    height: 240px;
}

.listBox {
    border: none !important;
    min-width: 300px !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
    width: 100%;
}

.listBoxLabel {
    height: 25px;
    text-transform: uppercase !important;
    float: left;
    margin-left: 20px !important;
}

.card-box-no-shadow-listBox {
    background-color: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    padding: 12px 12px;
    color: #212121;
}

.create-no-text-link-listBox a {
    position: absolute;
    text-decoration: none;
    width: 13px;
    height: 13px;
    cursor: pointer;
    margin-top: -5px;
}

.create-no-text-link-listBox select {
    float: right;
    margin-top: -1px;
}

.up-down-border-right {
    border-right: 1px solid #E5E5E5 !important;
}

.noMatchesContainer {
    text-align: center;
    height: 100px;
    font-size: 15px;
}

.download-link-ajax {
    background: url(../images/icon_import.png) no-repeat left center;
    padding: 3px 3px 3px 0;
}

.download-link-ajax:hover {
    background: url(../images/icon_import_over.png) left center no-repeat;
}

table.tbl-tiger-select tr:hover td {
    background: #f6fbe3;
    cursor: pointer;
}

.liquid-edit {
    background: #FFFFFF url(../images/new_icons/pencilDetail3x.png) no-repeat left center;
}

.liquid-edit[href]:hover {
    background: #FAA017 url(../images/new_icons/pencilDetail-white3x.png) no-repeat left center;
    background-size: 16px 15px;
}

.liquid-remove {
    background: #FFFFFF url(../images/new_icons/remove3x.png) no-repeat left center;
}

.liquid-remove[href]:hover {
    background: #FAA017 url(../images/new_icons/remove-white3x.png) no-repeat left center;
    background-size: 16px 15px;
}

.liquid-adjust {
    background: #FFFFFF url(../images/new_icons/scales3x.png) no-repeat left center;
}

.liquid-adjust[href]:hover {
    background: #FAA017 url(../images/new_icons/scales-white3x.png) no-repeat left center;
    background-size: 16px 15px;
}

.ui-sortable-placeholder {
    border: 2px dashed #d6d6d6 !important;
    visibility: visible !important;
    border-radius: 5px;
}

.docs-cancel-icon {
    background: url(../images/new_icons/Cancel3x.png) no-repeat left center !important;
    padding-top: 12px;
    background-size: 17px 17px !important;
    height: 17px;
    width: 17px;
    display: block;
    cursor: pointer;
}

/* On/Off slider CSS ---- Start */
.switch {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 28px;
    margin-left: 15px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
    box-sizing: border-box;
    border: 1px solid #E5E5E5;
    border-radius: 40px;
    background-color: #FFFFFF;
}

.slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    -webkit-transition: .4s;
    transition: .4s;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.17);
    top: 1px;
}

input:checked + .slider {
    background-color: #4dd865;
}

input:focus + .slider {
    box-shadow: 0 0 1px #4dd865;
}

input:checked + .slider:before {
    -webkit-transform: translateX(37px);
    -ms-transform: translateX(37px);
    transform: translateX(37px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* On/Off slider CSS ---- End */

.mapping-fields-container {
    border: 1px solid #E5E5E5;
    padding: 10px 10px 0 10px;
    margin-top: 10px;
    display: inline-flex;
    flex-wrap: wrap;
}

.mapping-fields-item {
    height: 21px;
    border-radius: 4px;
    padding-top: 5px;
    padding-left: 12px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

.mapping-fields-value {
    float: left;
    padding: 2px 10px 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    font-weight: 500;
}

.mapping-fields-item-selected {
    border: 1px solid #00A9F4;
    background: #C0E8FF url(../images/new_icons/blue-check3x.png) no-repeat left center !important;
    background-size: 12px 11px !important;
    background-position-x: 5px !important;
    cursor: pointer;
}

.mapping-fields-item-selected-locked {
    border: 1px solid #00A9F4;
    background-color: #C0E8FF;
    background-image: url(../images/new_icons/blue-check3x.png), url(../images/new_icons/Blank-Lock.png);
    background-position: left center, left center;
    background-repeat: no-repeat, no-repeat;
    background-size: 12px 11px, 10px 12px !important;
    background-position-x: 5px, calc(100% - 5px) !important;
    float: right;
    padding-right: 12px;
    cursor: default;
}

.mapping-fields-item-unselected {
    border: 1px solid #BFBFBF;
    background: #F0F0F0 url(../images/new_icons/grey-check3x.png) no-repeat left center !important;
    background-size: 12px 11px !important;
    background-position-x: 5px !important;
    cursor: pointer;
}

.mapping-fields-value-selected {
    color: #0AACF4;
}

.mapping-fields-value-unselected {
    color: #999;
}

.filter-box-container-three-columns {
    border: 1px solid #E5E5E5;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    padding: 15px 15px 15px 15px;
}

.filter-box-list-three-columns {
    height: 21px;
    width: 33%;
    border-radius: 4px;
    background-color: #AFE4FB;
    padding-top: 5px;
    margin-bottom: 6px;
    margin-left: 3px;
}

.btn-action-dialog {
    height: 22px;
    font-size: 12px;
    line-height: 22px;
    border: 1px solid #E1E1E1;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #212121;
    padding: 0 10px;
}

.btn-action-dialog:hover {
    background-color: #FAA017;
    color: #FFF;
    cursor: pointer;
}

.width-filter-80 {
    width: 80% !important;
}

.vertical-scroll-panel-widget {
    max-height: 330px;
    padding-right: 1px;
}

.vertical-scroll-panel-widget table thead tr th span {
    color: black;
}

.i-field select::-ms-expand,
.drop_regular select::-ms-expand,
.drop-regular-with-label select::-ms-expand {
    display: none;
}

.notificationMessage {
    color: #C90532;
    font-weight: bold;
    margin-top: 5px !important;
    vertical-align: bottom;
    cursor: default;
}

.notificationIcon {
    background: url(../images/new_icons/notification3x.png) no-repeat left center !important;
    background-size: 15px 15px !important;
    height: 15px;
    width: 15px;
    cursor: default;
    margin-top: 5px !important;
    margin-right: 5px !important;
    vertical-align: top;
}

.systemMessage {
    color: #CD9704;
    font-weight: bold;
    vertical-align: bottom;
    margin-top: 5px !important;
    cursor: default;
}

.systemIcon {
    background: url(../images/new_icons/system3x.png) no-repeat left center !important;
    background-size: 15px 15px !important;
    height: 15px;
    width: 15px;
    cursor: default;
    margin-right: 5px !important;
    margin-top: 5px !important;
    vertical-align: bottom;
}

.deleteMailIcon {
    background: url(../images/new_icons/deleteMail3x.png) no-repeat left center !important;
    background-size: 17px 15px !important;
    height: 15px;
    width: 17px;
    cursor: pointer;
    vertical-align: baseline;
}

.readMailIcon {
    background: url(../images/new_icons/readMail3x.png) no-repeat left center !important;
    background-size: 19px 15px !important;
    height: 15px;
    width: 19px;
    cursor: pointer;
    margin-right: 10px !important;
    vertical-align: baseline;
}

.unreadMailIcon {
    background: url(../images/new_icons/unreadMail3x.png) no-repeat left center !important;
    background-size: 19px 15px !important;
    height: 15px;
    width: 19px;
    cursor: pointer;
    margin-right: 10px !important;
    vertical-align: baseline;
}

.messageSize {
    padding: 10px !important;
    margin-left: 15px !important;
    font-size: 15px !important;
}

.messageSizeIcons {
    font-size: 14px;
}

.mailbox-blue-border {
    background-color: #009DFF !important;
    padding: 2px;
    font-size: 15px !important;
    height: 24px;
    width: 1px;
    text-align: left !important;
    word-wrap: break-word !important;
}

.remove-background-graph label {
    background: none;
    padding-top: 0;
    height: 0;
    display: initial;
    float: inherit;
    width: 0;
}

/* Blue tabbed buttons  */

.button-tabs .tab-row {
    height: 40px;
}

.button-tabs .tab-row ul li {
    list-style: none;
}

.button-tabs .tab-row ul li a {
    margin-right: 10px;
}

.button-tabs .tab-row ul li a {
    display: block;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    text-decoration: none;
    border: 1px solid #00A9F4;
    border-radius: 3px;
    background-color: #FFFFFF;
    color: #00A9F4;
}

.button-tabs .tab-row ul li.selected a {
    background-color: #00A9F4;
    color: #FFFFFF !important;
    border-radius: 3px;
}

.button-tabs .tab-row ul li.selected a span {
    color: #FFFFFF !important;
}

.last-tab-new .tab-row ul li.last a {
    background: #FFFFFF url(../images/new_icons/new3x.png) no-repeat left center !important;
    background-size: 27px 27px !important;
    background-position-x: 82px !important;
    background-position-y: 4px !important;
    padding-right: 40px;
}

.last-tab-new .tab-row ul li.selected.last a {
    background: #00A9F4 url(../images/new_icons/new3x.png) no-repeat left center !important;
    background-size: 27px 27px !important;
    background-position-x: 82px !important;
    background-position-y: 4px !important;
    padding-right: 40px;
}

.module-name {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    color: #4A4A4A;
}

.field-name {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    color: #4A4A4A;
}

.fee-overflow-wrap {
    line-height: normal;
}

.action-header-msg {
    font-size: 14px;
    line-height: 20px;
}

.dashboard-nationwide-highlight {
    width: 50%;
    background-color: transparent !important;
    pointer-events: none;
}

.report-filter-header-label {
    text-align: left;
    font-size: 12px !important;
    line-height: 14px;
    color: #4A4A4A;
    text-transform: uppercase;
    font-weight: bold;
    min-width: 0%;
}

.report-filter-column-header-label {
    box-sizing: border-box;
    border-bottom: 1px solid #DBC79E;
    background-color: #FFF1D9;
    text-transform: uppercase;
    padding: 3px;
    padding-left: 8px;
    padding-right: 25px;
    font-weight: bold;
}

.report-filter-column-value-label {
    box-sizing: border-box;
    border: 1px solid #CDDBE1;
    border-radius: 4px;
    background-color: #EEF9FE;
    padding: 3px 25px 3px 5px;
}

.report-filter-column-value-label-disabled {
    box-sizing: border-box;
    border: 1px solid #CDDBE1;
    border-radius: 4px;
    background-color: #EEEEEE;
    padding: 3px 25px 3px 5px;
}

.report-filter-column-value-label input[enabled] {
    box-sizing: border-box;
    border: 1px solid #CDDBE1;
    border-radius: 4px;
    background-color: #EEF9FE;
    padding: 3px 25px 3px 5px;
}

.report-filter-column-value-label input[disabled] {
    box-sizing: border-box;
    border: 1px solid #CDDBE1;
    border-radius: 4px;
    background-color: #EEEEEE;
    padding: 3px 25px 3px 5px;
}

.report-filter-selected-headers-row {
    height: 40px;
}

.report-filter-selected-values-row td,
.report-filter-selected-headers-row td {
    width: 1px;
}

.report-filter-selected-values-row td:last-child,
.report-filter-selected-headers-row td:last-child {
    width: auto;
}

.report-filter-header-remove-link {
    background: url(../images/new_icons/Cancel3x.png) no-repeat right center;
    background-size: 8px 8px;
    width: 8px;
    height: 8px;
    float: right;
}

.report-filter-value-remove-link {
    background: url(../images/new_icons/Cancel3x.png) no-repeat right center;
    background-size: 8px 8px;
    width: 8px;
    height: 8px;
    display: inline-block;
    position: relative;
    right: 21px;
}

.report-selection-filter-table-data,
.report-headings-filter-table-data {
    border: 1px solid #E5E5E5;
    border-radius: 5px;
}

.report-selection-filter-table-data:first-child {
    max-height: 260px;
    height: auto !important;
    overflow: auto;
    white-space: nowrap;
}

.report-selection-filter-column {
    border: 1px solid #DBC79E;
    height: 100%;
}

.report-selection-filter-column-row {
    padding: 0;
    height: 27px;
}

.report-selection-filter-header {
    border-bottom: 1px solid #DBC79E;
    background-color: #FFF1D9;
}

.report-selection-filter-value-table {
    margin-top: 5px;
    margin-left: 5px;
    max-height: 190px;
    display: block;
    overflow-y: auto;
    vertical-align: top;
}

.report-headings-filter-table-data:first-child {
    max-height: 259px;
    height: auto !important;
    overflow-y: auto;
    overflow-x: auto;
    padding-bottom: 10px;
}

.max-width200px {
    max-width: 200px;
}

.filter-box:has(.max-width200px) {
    min-width: 200px;
}

.min-width300px {
    min-width: 300px;
}

.accrualConfiguration-height-50 {
    height: 50px;
}

.report-headings-filter-value-remove-link {
    background: url(../images/new_icons/Cancel3x.png) no-repeat right center;
    background-size: 8px 8px;
    width: 16px;
    height: 16px;
    position: relative;
    right: 25px;
    top: 3px;
}

.settings-link-big {
    background: url(../images/new_icons/Settings-Icon-Grey3x.png) no-repeat right center;
    background-size: 20px 19px;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.group-1-bg span {
    border: 1px solid #777BFF;
    background-color: #AEB0FD;
}

.group-2-bg span {
    border: 1px solid #B857FF;
    background-color: #D8A3FF;
}

.report-selection-filter-column {
    border: 1px solid #DBC79E;
}

.report-selection-filter-column-row {
    padding: 0;
    height: 27px;
}

.report-selection-filter-header {
    border-bottom: 1px solid #DBC79E;
    background-color: #FFF1D9;
}

div.headings-options-list {
    margin-top: 20px;
    overflow: auto;
    max-height: 510px;
}

div.headings-options-list ul li {
    display: inline-flex;
}

.headings-list-item {
    height: 19px;
    border-radius: 4px;
    padding-top: 1px;
    padding-left: 12px;
    margin-bottom: 8px;
    margin-left: 5px;
    margin-right: 5px;
}

.headings-tabbed .tab-row > ul {
    line-height: 40px;
    font-size: 13px;
}

.headings-tabbed .tab-row > ul > li {
    border: 1px solid #E1E1E1;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    margin-left: 20px;
    display: inline-flex;
    margin-bottom: 10px;
}

.headings-tabbed .tab-row > ul > li.selected {
    border: 1px solid #FFA000;
}

.headings-tabbed .tab-row > ul > li > a {
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 500;
    color: #B7B7B7;
    float: left;
    white-space: nowrap;
}

.headings-tabbed .tab-row > ul > li > a > span {
    padding: 10px;
    color: #212121;
}

.headings-tabbed .tab-row > ul > li.selected > a > span {
    color: #FFA000;
}

.headings-tabbed .tab-panel {
    margin: 5px 10px 15px 10px;
}

.headings-search-bar {
    position: relative;
    width: 400px;
    height: 23px;
    background-color: #FAFAFD;
    border-radius: 4px;
    border: 0.5px solid #bebebe;
}

.headings-search-icon {
    background: url("../images/new_icons/Search-3x.png") no-repeat left center;
    background-size: 14px 14px;
    height: 24px;
    width: 15px;
    float: left;
    display: block;
    margin-left: 11px;
}

.headings-search-text-field {
    padding-left: 9px !important;
    padding-top: 3px !important;
    background-color: #FAFAFD;
    border-color: #FAFAFD !important;
    width: 80%;
}

.display-grid {
    display: grid;
}

.report-heading-group-main-legend {
    display: inline-block;
    height: 12px;
    width: 12px;
    border: 1px solid #CDDBE1;
    border-radius: 11px;
    background-color: #EEF9FE;
    margin-right: 3px;
    margin-left: 40px;
}

.report-heading-group-1-legend {
    display: inline-block;
    height: 12px;
    width: 12px;
    border: 1px solid #777BFF;
    border-radius: 11px;
    background-color: #AEB0FD;
    margin-right: 3px;
    margin-left: 40px;
}

.report-heading-group-1-legend-pseudo-2 {
    display: inline-block;
    height: 12px;
    width: 12px;
    border: 1px solid #777BFF;
    border-radius: 11px;
    background-color: #AEB0FD;
    margin-right: 3px;
    margin-left: 10px;
}

.report-heading-group-2-legend {
    display: inline-block;
    height: 12px;
    width: 12px;
    border: 1px solid #B857FF;
    border-radius: 11px;
    background-color: #D8A3FF;
    margin-right: 3px;
    margin-left: 10px;
}

.report-heading-group-2-legend-pseudo-3 {
    display: inline-block;
    height: 12px;
    width: 12px;
    border: 1px solid #B857FF;
    border-radius: 11px;
    background-color: #D8A3FF;
    margin-right: 3px;
    margin-left: 10px;
}

.no-filter-selected-label {
    padding-top: 10px;
    padding-left: 10px;
    margin-bottom: -5px;
}

.report-format-filter-new {
    padding-left: 15px;
    height: 50px;
    display: flex;
    margin-top: 10px;
}

.report-format-filter-new label[for$=-HTML], .report-format-filter-new label[for$=-PDF], .report-format-filter-new label[for$=-EXCEL], .report-format-filter-new label[for$=-WORD], .report-format-filter-new label[for$=-GRAPH], .report-format-filter-new label[for$=-CSV], .report-format-filter-new label[for$=-PDF_WITH_DOCUMENTS], .report-format-filter-new label[for$=-DOWNLOAD_ZIP_FILE], .report-format-filter-new label[for$=-EXPORT_TO_PDF_FILE], .report-format-filter-new label[for$=-IRVINE_EXCEPTION_8], .report-format-filter-new label[for$=-TXT], .report-format-filter-new label[for$=-PSPC_R1] {
    padding-top: 13px;
    height: 40px;
    width: auto;
    max-width: 150px;
    margin-left: 2px;
    margin-right: 20px;
    padding-right: 45px;
}

.report-format-filter-new input {
    margin-top: 10px;
}

.report-format-filter-new label[for$=-HTML] {
    background: url(../images/new_icons/html.png) no-repeat;
    background-size: 26px 33px;
    background-position-x: calc(100% - 10px);
}

.report-format-filter-new label[for$=-PDF] {
    background: url(../images/new_icons/pdf3x.png) no-repeat;
    background-size: 26px 33px;
    background-position-x: calc(100% - 10px);
}

.report-format-filter-new label[for$=-EXCEL] {
    background: url(../images/new_icons/excel3x.png) no-repeat;
    background-size: 26px 33px;
    background-position-x: calc(100% - 10px);
}

.report-format-filter-new label[for$=-WORD] {
    background: url(../images/new_icons/word3x.png) no-repeat;
    background-size: 26px 33px;
    background-position-x: calc(100% - 10px);
}

.report-format-filter-new label[for$=-GRAPH] {
    background: url(../images/new_icons/graph3x.png) no-repeat;
    background-size: 26px 33px;
    background-position-x: calc(100% - 10px);
}

.report-format-filter-new label[for$=-CSV] {
    background: url(../images/new_icons/csv3x.png) no-repeat;
    background-size: 26px 33px;
    background-position-x: calc(100% - 10px);
}

.report-format-filter-new label[for$=-TXT] {
    background: url(../images/new_icons/txt3x.png) no-repeat;
    background-size: 26px 33px;
    background-position-x: calc(100% - 10px);
}

.report-format-filter-new label[for$=-PDF_WITH_DOCUMENTS] {
    background: url(../images/new_icons/pdf3x.png) no-repeat;
    background-size: 26px 33px;
    background-position-x: calc(100% - 10px);
}

.report-format-filter-new label[for$=-DOWNLOAD_ZIP_FILE] {
    background: url(../images/new_icons/sftp3x.png) no-repeat;
    background-size: 26px 33px;
    background-position-x: calc(100% - 10px);
}

.report-format-filter-new label[for$=-EXPORT_TO_PDF_FILE] {
    background: url(../images/new_icons/sftp3x.png) no-repeat;
    background-size: 26px 33px;
    background-position-x: calc(100% - 10px);
}

.report-format-filter-new label[for$=-IRVINE_EXCEPTION_8] {
    background: url(../images/new_icons/diagnostic3x.png) no-repeat;
    background-size: 26px 33px;
    background-position-x: calc(100% - 10px);
}

.report-format-filter-new label[for$=-PSPC_R1] {
    background: url(../images/new_icons/pdf3x.png) no-repeat;
    background-size: 26px 33px;
    background-position-x: calc(100% - 10px);
}

.report-currency-filter-new {
    height: 50px;
    display: flex;
    margin-top: 10px;
}

.report-currency-filter-new label {
    padding-top: 13px;
    height: 40px;
    width: auto;
    max-width: 150px;
    margin-left: 2px;
    margin-right: 2px;
    padding-right: 45px;
}

.report-currency-filter-new input {
    margin-top: 10px;
}

.datamanager-credit-calculation-filter-new {
}

.datamanager-credit-calculation-filter-new label {
    height: 40px;
    width: auto;
    max-width: 150px;
    margin-left: 2px;
    margin-right: 2px;
    padding-right: 45px;
}

.filter-panel-button {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.28);
    cursor: pointer;
    color: #00A9F4;
    font-weight: 500;
    padding: 6px 10px;
    background-size: 18px 19px;
    background-color: #FFFFFF;
    border: 1px solid #00A9F4;
    text-align: center;
    margin-bottom: 10px;
}

.filter-panel-button:active {
    color: #FFFFFF;
    background-color: #00A9F4;
}

/**
*   Post Login Page
**/
.top-header-post-login-outer {
    width: 100%;
    height: 53px;
    background-color: #FFFFFF;
    margin-bottom: 75px;
    box-shadow: 0 1px 0 0 #E0E6EF;
}

.top-header-post-login-inner {
    width: 70%;
    min-width: 1100px;
    margin-left: 15%;
    margin-right: 15%;
}

.top-header-logo {
    background: transparent url("../images/itamlink_165px_wide.png") no-repeat center;
    background-size: 120px 40px;
    width: 120px;
    height: 50px;
}

.top-header-user-title {
    font-size: 15px;
    line-height: 50px;
    color: #212121;
}

.card-box-square {
    box-sizing: border-box;
    border: 1px solid #EAEEF5;
    background-color: #FFFFFF;
    box-shadow: 3px 5px 25px 0 rgba(70, 70, 70, 0.28);
}

.form-label {
    font-size: 12px;
    line-height: 24px;
    color: #6C6C6C;
    display: block;
    text-transform: uppercase;
}

.form-main-title {
    height: 24px;
    color: #212121;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
}

.form-sub-title {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px;
    text-align: center;
}

.orange-btn {
    border-radius: 4px;
    background-color: #F89728;
    border: 1px solid #EAEEF5;
    color: #F9FAFC;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.51px;
    text-transform: uppercase;
    cursor: pointer;
}

.white-btn {
    border: 1px solid #E1E1E1;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: #212121;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.51px;
    text-transform: uppercase;
    cursor: pointer;
}

.policy-container {
    width: calc(100% - 100px);
    margin-left: 50px;
    margin-right: 50px;
}

.policy-text-area {
    width: 100%;
    height: 375px;
    background-color: transparent;
    box-sizing: border-box;
    border-radius: 4px;
}

.mfa-val {
    padding-left: 24px;
    line-height: 20px;
}

.wrap-pre-text {
    font-family: 'Roboto';
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.dashboard-confidence-check-mark {
    text-align: center !important;
    background-image: url(../images/icon_small_checkmark.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

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

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

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

.open-in-new-tab {
    background: url("../images/new_icons/openInNewTab3x.png") no-repeat right center;
    background-size: 17px 17px;
    height: 37px;
    width: 17px;
    display: block;
    cursor: pointer;
    margin-right: 6px;
}

.view-allocation-sub-table {
    background-color: #FAF9FD;
}

.view-allocation-total {
    background-color: #E3E2ED !important;
}

.btn-input {
    all: unset;
    border-radius: 5px;
    background-color: #00A9F4;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 12%), 0 2px 2px 0 rgb(0 0 0 / 24%);
    height: 36px;
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 14px;
    padding: 2px 12px !important;
    cursor: pointer;
}

span.pointer:hover {
    cursor: pointer;
}

.liquid-import-ajax-link {
    background: url("../images/new_icons/3ximport.png") no-repeat center;
    background-size: 15px 16px;
    background-position-x: 0px !important;
    vertical-align: middle;
}

.liquid-import-ajax-link:hover {
    text-decoration: none;
}

.liquid-import-disabled-link {
    background: url("../images/new_icons/3xdisabledimport.png") no-repeat center;
    background-size: 15px 16px;
    background-position-x: 0px !important;
    vertical-align: middle;
}

.liquid-import-ajax-label {
    color: #00A9F4 !important;
    text-transform: capitalize;
    font-family: Roboto !important;
    font-weight: bold !important;
    text-decoration: none !important;
    padding-left: 20px !important;
    vertical-align: middle;
}

.liquid-import-ajax-label-disabled {
    color: #bbb !important;
}


.tax-installment-settings-icon {
    background: url("../images/new_icons/Settings-Icon-Grey3x.png") no-repeat center;
    background-size: 18px 18px;
    height: 29px;
    width: 29px;
    border: 1px solid #70c942;
    border-radius: 3px;
}

.tax-installment-settings-icon.active-link,
.tax-installment-settings-icon:hover {
    background: #70c942 url("../images/new_icons/Settings-Icon-White3x.png") no-repeat center;
    background-size: 18px 18px;
}

.tax-installment-settings-icon-disabled {
    background: #FFFFFF url("../images/new_icons/Settings-Icon-Grey3x.png") no-repeat center;
    background-size: 18px 18px;
    border: 1px solid #B2B2B2;
    border-radius: 3px;
    pointer-events: none;
}

.cbk_toggle_label {
    display: block;
    padding-left: 35px !important;
    text-indent: -50px !important;
}

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

.text-transform-uppercase-11 {
    text-transform: uppercase;
    font-size: 11px;
}

.text-font-weight-bold {
    font-weight: bold;
}

.text-font-color-00A9F4 {
    color: #00A9F4;
}

.text-font-size-20px {
    font-size: 20px !important;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.ttf"); format('truetype');
}

@font-face {
    font-family: Roboto;
    font-weight: 500;
    src: url("../fonts/Roboto-Medium.ttf"); format('truetype');
}

@font-face {
    font-family: "Roboto";
    font-weight: 700;
    src: url("../fonts/Roboto-Bold.ttf"); format('truetype');
}

.border-right-979797 {
    border-right: 2px solid #979797 !important;
}

.border-top-blue {
    border-top: 2px solid #00a9f4 !important;
}

.border-left-blue {
    border-left: 2px solid #00a9f4 !important;
}

.border-right-blue {
    border-right: 2px solid #00a9f4 !important;
}

.border-bottom-blue {
    border-bottom: 2px solid #00a9f4 !important;
}

.border-top-orange {
    border-top: 2px solid #ffa000 !important;
}

.border-left-orange {
    border-left: 2px solid #ffa000 !important;
}

.border-right-orange {
    border-right: 2px solid #ffa000 !important;
}

.border-bottom-orange {
    border-bottom: 2px solid #ffa000 !important;
}

.no-border-collapse {
    border-collapse: separate !important;
}

.client-searchbar-checkbox {
    padding: 24px;
}

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

.flex-item {
    flex: 1;
    padding: 0 10px; /* Adjust spacing as needed */
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto auto auto auto auto auto; /* Define grid rows as needed */
    gap: 10px; /* Adjust spacing as needed */
}

.grid-item {
    padding: 10px;
}

.filter-box-form {
    grid-column: span 1; /* Default span for regular cells */
}

.filter-box.wide {
    grid-column: span 2; /* Span for wide cells */
}

.width-310 {
    width: 310px !important;
}

.nowrap {
    white-space: nowrap;
}

.width-310 ul li:hover {
    width: 310px !important;
}

.approval-confirmation-panel-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.message-container {
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.approval-message-header {
    font-weight: bold;
    margin-bottom: 10px;
}

.approver-message-container, .rejecter-message-container {
    max-height: 100px;
    overflow: auto;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.approval-message-body {
    font-size: 14px;
    line-height: 1.1;
}

.enabled-form-link .grid-disabled-link {
    cursor: default !important;
    pointer-events: none;
}

.enabled-form-link .grid-disabled-link div {
    color: #9e9a9a;
}

.approval-confirmation-panel-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.message-container {
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.approval-message-header {
    font-weight: bold;
    margin-bottom: 10px;
}

.preparer-message-container, .approver-message-container, .rejecter-message-container {
    max-height: 100px;
    overflow: auto;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.approval-message-body {
    font-size: 14px;
    line-height: 1.2;
}

.enabled-form-link .grid-disabled-link {
    cursor: default !important;
    pointer-events: none;
}

.enabled-form-link .grid-disabled-link div {
    color: #9e9a9a;
}

.enabled-form-link .grid-disabled-link {
    cursor: default !important;
    pointer-events: none;
}

.enabled-form-link .grid-disabled-link div {
    color: #d9dade;
}

.load-button-client-preference {
    padding-left: 7% !important;
}

.load-column-header {
    padding-left: 21% !important;
}

.preference-write-button-margin {
    margin-left: 74px !important;
}

.batch-status-error-link {
    background: url(../images/new_icons/excel3x.png) center no-repeat;
    background-size: 20px;
    display: block;
    height: 25px;
}

.ag-grid-report-tool-panel-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.ag-grid-report-tool-panel {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
}

.ag-grid-report-tool-panel h2 {
    margin-bottom: 15px;
}

.ag-grid-report-tool-panel button {
    padding: 10px 25px;
    cursor: pointer;
}

.load-button-client-preference {
    padding-left: 7% !important;
}

.load-column-header {
    padding-left: 21% !important;
}

.preference-write-button-margin {
    margin-left: 74px !important;
}

.batch-status-error-link {
    background: url(../images/new_icons/excel3x.png) center no-repeat;
    background-size: 20px;
    display: block;
    height: 25px;
}

.daterangepicker td, .daterangepicker th {
    padding: 0;
}

.width-120-percent {
    width: 120% !important;
}

.dialogReviewedStatusRow {
    opacity: .5;
    cursor: default !important;
}

.info-link.col-header-tooltip {
    display: inline-block;
    width: 15px;
    position: absolute;
    bottom: 20px;
}

.rollover-adjustment-value-label {
    opacity: .5;
    font-size: 10px;
    text-transform: uppercase;
    margin: 10px 0 0 0;
    display: block;
}

.rollover-adjustment-number-field-small {
    text-align: left;
    width: 50px;
    padding: 2px 7px !important;
}

table.filter.rollover-adjustment-table {
    width: fit-content;
    margin-bottom: 10px;
}

table.filter.rollover-adjustment-table td:not(:first-child) {
    padding: 3px 10px;
}

.radio-container-width-override {
    width: fit-content;
    margin: 5px 0 10px 0;
}

.flex-column {
    flex-direction: column;
}

.padding-x-3 {
    padding-left: 3px;
    padding-right: 3px;
}

.padding-x-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.gap-10 {
    gap: 10px;
}
.gap-20 {
    gap: 20px;
}

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

.rollover-adjustment-adjustment-label {
    padding-right: 125px;
    vertical-align: top;
}

.rollover-adjustment-copy {
    background: url(../images/new_icons/paste3x.png) center no-repeat;
    background-size: 10px;
    display: inline-block;
    height: 10px;
    width: 15px;
    opacity: .35;
}

.rollover-adjustment-undo {
    background: url(../images/new_icons/UnShare3x.png) center no-repeat;
    background-size: 10px;
    display: inline-block;
    height: 10px;
    width: 15px;
    opacity: .35;
}

.i-field.i-field-forecast-rollover {
    padding-left: 0;
    padding-bottom: 15px;
    line-height: 37px;
}

.opacity-25 {
    opacity: .25;
}

.i-field-no-padding .i-field {
    padding-left: 0;
}

.justify-space-between {
    justify-content: space-between;
}

.filter-header-tax-year-new {
    text-transform: uppercase;
    color: #4a4a4a;
    font-weight: bold;
    opacity: .5;
    font-size: 11px;
}

.filter-drop-w-label-no-margin {
    height: 31px;
    width: 85px;
    border: 1.5px solid #00A9F4;
    border-radius: 3px;
    margin-left: 7px;
    font-size: 12px !important;
    padding-left: 5px;
    color: #4a4a4a;
    font-weight: bold;
    background: url(../images/new_icons/Dark-Arrow3x.png) no-repeat center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 11px 7px;
    background-position-x: 62px;
}

.forecast-filter-tax-rate-info.info-link-checkbox {
    background: url(../images/new_icons/info-grey-3x.png) no-repeat right center;
    background-size: 12px 12px;
    background-position-y: 0;
    height: 20px;
    width: 12px;
    display: inline-flex;
    cursor: pointer;
    margin-left: 4px;
    text-transform: none !important;
}

.semi-bold-text {
    font-weight: 500;
}

.single-year-adjustment-filter-panel-head tr:first-child td {
    padding-bottom: 8px;
}

.single-year-adjustment-filter-panel-head tr:last-child td {
    opacity: .5;
    font-size: 10px;
}

.tax-forecast-filter-page-comments td,
.tax-forecast-filter-page-comments i-field-radio {
    padding-left: 0;
}

table.filter textarea.rollover-adjustment-reason {
    width: 175px;
}

@media screen and (min-width: 1441px) {
    .forecast-adjustment-divider {
        width: 20%;
    }
}

@media screen and (max-width: 1440px) {
    .forecast-adjustment-divider {
        width: 10%;
    }
}

.assignedUsers[tooltip-top]:after {
    white-space: pre;
}


.feedbackPanelWarningBox {
    border: 1px solid #FA8B2C;
    border-radius: 4px;
    background: #FFEFE6;
    background-size: 20px 20px;
    background-position-x: 15px;
    color: #333;
    font-size: 14px;
    font-style: normal;
    min-height: 35px;
    max-width: 1000px;
    margin-bottom: 5px;
    display: flex !important;
    line-height: normal;
    padding-right: 10px;
}

 .feedbackPanelWarningIcon {
     width: 16px;
     height: 16px;
     background-image: url('../images/new_icons/warning.png');
     background-size: cover;
     background-repeat: no-repeat;
     display: flex !important;
     margin-top: 0.12rem;
 }