
html { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; touch-action: manipulation; }

table tr td a, .txt-decoration { text-decoration: underline; }

a:hover, a:focus { text-decoration: none; color: #E87722;}

.clearfix { clear: both; }

.flex { display: flex; }

.padding-right { padding-right: 0 !important; }

.margin-bottom, .allowmobileaccess-formgroup .checkbox, .allowmobileaccess-form-group .checkbox, .allowmobileaccess-formgroup { margin-bottom: 0; }

.margin-top { margin-top: 0; }

.font-weightBold { font-weight: bold; }

.text-align, .table-condensed .switch { text-align: center; }

.top-space { margin-top: 10px; }

.astric { color: red; margin-left: 3px; }

.label-blank { height: 18px; }

 body {
    position: relative;
    font-size: 14px;
    padding-bottom: 40px;
    min-height: 100%;
    margin: 0;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
 }

 .body-content {
     margin: 0;
 }

.panel-cinc .list-report > div a { display: inline-block; padding: 5px; color: #4c4c4c; text-decoration: none; }
.panel-cinc .list-report > div a:hover { color: #e87722; text-decoration: none; }
.panel-cinc .list-report > div a i { color: #e87722; padding-right: 3px; }


.btn-blue, .btn-default, .table-scannedchecks thead tr
.table tbody tr td a.btn-default { background-color: #006298; border-color: #006298; color: #fff; }

#tagLine .base-line { font-size: 22px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; margin-top: 15px; margin-bottom: 0; color: #fff; width: auto; text-align: center; }
.table > thead > tr > th, table.dataTable thead th { background-color: #006298; font-size: 13px; color: #fff; border: 1px solid #006298; line-height: 19px; }
.panel-cinc .panel-accordion .panel-title a { background-color: #006298; }

.navbar-cinc {
    margin-top: 20px;
}

.td-headingBlue, .panel-cinc .panel-accordion .panel-title a.collapsed, .input-group-btn .dropdown-menu > li > a,
.navbar-cinc > .nav > .dropdown > a > i, .navbar-cinc .dropdown .dropdown-menu a { color: #006298; }

.navbar {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.navbar-nav > li > a {
	padding-top: 8px !important;
	padding-bottom: 5px !important;
}

.navbar {
	min-height: 38px !important
}

.input-group-btn.open > .dropdown-toggle.btn-default, .input-group-btn.open > .dropdown-toggle.btn-default:hover,
.input-group-btn.open > .dropdown-toggle.btn-default:focus { background-color: #fff; border-color: #ccc; color: #006298; }

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active,
.table tbody tr td a.btn-default:hover { background-color: #02527d; border-color: #02527d; color: #fff; }

.btn-group[role="group"] .btn-default:hover label, .btn-group[role="group"] .btn-default:focus label,
.btn-group[role="group"] .btn-default:active label, .btn-group[role="group"] .btn-default.active label,
.table-popup tr th a.txt-white, .search-input-group i, .EffectiveDate i, .btn:hover, .btn:focus, .btn.focus { color: #fff; }

.remainderList-searchLabel, .onlinerecurr-searchLabel, .width-full,
.cls-update-info .cls-inner-block input, .cls-update-info .cls-inner-block select,
.board-member-cal, .width-100, .transaction-date-cal, .sentemaillist-cal { width: 100%; }

.remainderList-searchLabel label { margin: 0 5px 4px 0; }

/*login page css*/

.header-top { background: #006298; text-align: center; padding: 15px 0; }

.header-top p { display: inline-block; font-size: 18px; color: #fff; text-align: center; padding: 3px 15px; margin: 0; border-left: 4px solid #fff; border-right: 4px solid #fff; }
.header-bottom { background: url(../images/login-banner.jpg); min-height: 300px; background-size: cover; background-position: 0 0; display: flex; align-items: center; }
.header-bottom-inner { background: rgba(0, 98, 152,.8); width: 100%; text-align: center; padding: 20px 0; }
.header-bottom-inner p.seprator { display: inline-block; width: 4px; height: 93px; background: #e87733; vertical-align: middle; margin: 0 20px; }
.header-bottom-inner p { display: inline-block; color: #fff; width: 231px; font-size: 17px; margin: 5px 0 0 0; vertical-align: middle; text-align: left; }
.header-bottom-inner img { width: 130px; }
.login-section { width: 80%; margin: 0 auto; padding: 30px 0; min-height: 326px; }

.login-section-left button {
    background: #d75c00;
    color: #fff;
    border: 1px solid #d75c00;
    padding: 9px 20px;
    margin-bottom: 10px;
    border-radius: 3px;
    width: 100%;
    font-size: 14px;
}

.form-control:focus { border-color: #006298; outline: 0; -webkit-box-shadow: inset 0 1px 0 #ececec, 0 0 5px 0 #006298; box-shadow: inset 0 1px 0 #ececec, 0 0 5px 0 #006298; }
.login-section-left label { text-align: left; font-size: 14px; color: #58595b; margin-bottom: 3px; }
.login-section-left input { background: #f2f2f2; height: auto; }
.slider-news h2 { font-size: 24px; background: #006298; color: #fff; margin: 0 0 10px 0; padding: 10px 15px; font-weight: bold; }
.slider-news h5 { color: #888888; font-size: 20px; font-weight: bold; }
.slider-news p { color: #58595b; font-size: 14px; }
.info-login-box span { color: #e87722; font-size: 20px; font-weight: bold; display: inline-block; }
.info-login-box p { color: #333; font-size: 14px; margin-bottom: 10px; }

.notice-title-container h3 { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 20px; font-weight: bold; line-height: 24px; color: #e87722; margin-top: 5px; }
.carousel-inner { position: relative; width: 93%; overflow: hidden; margin: 0 auto; }
.info-login-box { margin: 10px 0 0 0; }
footer { background: #006298; clear: both; color: #fff; font-size: 12px; height: 40px; line-height: 40px; text-align: center; position: absolute; bottom: 0; right: 0; left: 0; }
footer p { font-size: 12px; color: #fff; text-align: center; margin: 0; }
.sidebar-section .panel-cinc label { width: 28%; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: transparent; }
.navbar-cinc .dropdown .dropdown-menu a:hover,
.desktop-submenu .navbar-inverse .navbar-nav > li > a:hover { background-color: #ffffff; color: #e87722; outline: none; }
.desktop-submenu .navbar-inverse .navbar-nav > li > a:focus, .navbar-cinc .dropdown .dropdown-menu a:focus { background-color: #fff; color: #e87722; }
.fa-reports:before {
    background-image: url(../images/icon-report.png);
    content: '';
    display: inline-block;
    height: 18px;
    width: 18px;
    background-size: contain;
    margin-top: -3px;
}

/*master page styling*/
.space-right-submenu { margin-right: 4px; }

.page-title { margin-bottom: 10px; }

.page-title h3 { color: #e87722; font-size: 20px; font-weight: bold; line-height: 24px; margin: 0; word-wrap: break-word; padding: 10px 0 0 0; }
p.page-title { color: #e87722; font-weight: bold; margin: 0; word-wrap: break-word; padding: 10px 0 0 0; }
.header-input-filters { background: #f8f8f8; border: 1px solid #ddd; padding: 10px 30px 10px 30px; margin: 10px 0 20px; border-radius: 0px; }
.matchlockbox-page .header-input-filters { background: #f8f8f8; border: 1px solid #ddd; padding: 10px 10px 15px; margin: 10px 0 20px; border-radius: 0px; }
.header-logo { width: 18%; max-width: 240px; float: left; padding: 5px 0 5px 20px; }
.header-logo .logo-master a { display: inline-block; width: auto; }
.header-submenu { width: 70%; float: left; margin-top: 18px; }

.nav-menu { margin-bottom: 5px; min-height: 30px; }
.sidebar-section { width: 250px; float: left; }
.main-wrapper-space { margin-bottom: 20px; width: 100% }
.header-input-filters label, .cls-update-info label, .form-tab-log label, .highlight-box label { text-align: left; }

.header-input-filters .form-group .label-txt,
.cls-inner-block .form-group .label-txt, .highlight-box .form-group .label-txt { margin: 0; padding: 8px 20px 0 0; }

.header-input-filters p { margin-bottom: 5px; }
.table-inner-input { border: 1px solid #ddd; margin-right: 10px; height: 27px; border-radius: 2px; background: #fff; color: #000; padding: 0 5px; }
.upper-menu.navbar-nav > li > a { font-size: 14px; padding-top: 8px; padding-bottom: 8px; }

.mob-tab, #navbar2 .caret, .filter-section, .close-icon, .tab_content, .tab_drawer_heading, .security-permission-table a.tooltipwoffset span { display: none; }

.desktop-submenu .navbar-inverse .navbar-brand, .desktop-submenu .navbar-inverse .navbar-nav > li > a { color: #222; font-weight: bold; }

.desktop-submenu .navbar-inverse .navbar-nav > .open > a, .desktop-submenu .navbar-inverse .navbar-nav > .open > a:hover,
.desktop-submenu .navbar-inverse .navbar-nav > .open > a:focus { color: #222; }
.desktop-submenu .navbar-inverse { border-color: transparent; background-color: transparent; }
.desktop-submenu .navbar-nav > li > a { font-size: 16px; }
.navbar-nav li a i { color: #006298; font-size: 18px; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #e87722; font-weight: bold; }

.cls-update-info .width-auto, .header-input-filters label.lbl-title { width: auto; }

label { margin: 5px 5px 4px 0; width: 100%; }

.header-input-filters .checkbox, .cls-update-info .checkbox, .header-input-filters .radio { margin-top: 0; margin-bottom: 0; }

.header-input-filters .TB-space { margin: 20px 0; }
.dispaly-noData-msg { width: 100%; text-align: center; color: #e87722; }
.dispaly-noData-msg div { padding: 10px;  }
.add-btn-box .form-group { position: relative; width: 90%; float: left; margin-top: 0px; }
.add-btn { margin-top: 32px; display: inline-block; float: right; }
.add-btn i { font-size: 19px; border: 1px solid #e87722; padding: 3px; vertical-align: middle; margin-bottom: 4px; margin-left: 1px; border-radius: 3px; color: #e87722; }
.HF-radio { display: inline-block; margin-left: 10px; }
.radio-grp-title { font-weight: normal; }
.header-input-filters p.chk-scanner-msg { font-size: 14px; text-align: left; margin: 20px 0; margin-left: 10px; }
.chk-scanner-msg a { display: inline-block; margin: 0 5px; color: #006298; text-decoration: underline; }
.chk-scanner-msg a:hover { color: #e87722; text-decoration: none; }
.chkScanner-info { text-align: left; color: #333; margin: 0 0 0 10px; font-size: 14px; padding: 5px 30px 0 0; }

.chkScanner-info span { display: block; }

/*user list styling*/
.table-section tr th a { color: #fff; text-decoration: underline; }

.table-section tr td a { color: #006298; text-decoration: underline; }

.cls-update-info .checkbox label { padding-left: 0; font-weight: bold; }
.cls-update-info { padding: 20px 20px; }
.homeowner-propertyform-page .cls-update-info { padding: 10px 20px 15px; }
.cls-update-info.update-user-info { padding: 10px 20px 20px; }
.cls-update-info .checkbox input[type="checkbox"] { margin-left: 0px; position: relative; vertical-align: top; width: 0; height: 0; }
.allowmobileaccess-formgroup label input, .valign-top, .btn-help-wrapper,
.main-content.senemaillist-pagetable tr th, .remainderList-table tr th { vertical-align: top; }

.table-security-block tr th .checkbox { display: inline-block; }

.table-security-block tr th span { display: inline-block; vertical-align: -webkit-baseline-middle; vertical-align: -moz-middle-with-baseline; }


/*associate inner page styling*/
.refrence-address { display: inline-block; background: #006298; border: 1px solid #006298; border-radius: 3px; color: #fff; padding: 4px 10px; vertical-align: top; margin-top: 3px; }
.cls-update-info .cls-inner-block input[type="checkbox"] { width: auto; position: relative; margin-top: 12px; margin-left: 0; }
.column-fixed-30 { width: 30%; }

.label-span { font-size: 11px; margin-left: 7px; }
/* .main-content table tr td select { width: 40%; } */
.main-content table tr td input[type="text"] { width: 100%; display: inline-block; }
.main-content table tr td { box-sizing: border-box; vertical-align: middle; font-size: 13px; }
.table-popup tr th { border: none !important; background: #006298; color: #fff; }
.reset-icon { float: right; margin: 3px 15px 0 0; background: none; border: none; color: #000; }
.reset-icon i { background: none; border: none; font-size: 15px; line-height: 15px; }
.reset-icon:hover, .reset-icon:focus, .close:hover, .close:focus { color: #e87722; text-decoration: none; cursor: pointer; opacity: 1; }
.close { color: #000; opacity: 1; }
.table-title p { font-weight: bold; margin-left: 10px; font-size: 16px; color: #e87722; margin-bottom: 0; }
.table-title { background: #f8f8f8; padding: 10px 0; width: 100%; box-sizing: border-box; border: 1px solid #ddd; }

.report-section { padding-left: 10px; }
.report-section li { list-style: none; }
.report-section li a { list-style: none; color: #006298; font-size: 14px; line-height: 26px; text-decoration: underline; }
.report-section li a:hover { color: #e87722; }
.select-arrow { position: absolute; top: 39px; right: 12px; font-size: 15px; color: #006298; pointer-events: none; }
.homeownerlist-page .select-arrow { position: absolute; top: 10px; right: 12px; font-size: 15px; color: #006298; }
.form-control { -webkit-appearance: none; -moz-appearance: none; line-height: 17px !important; }
.margin-tab { margin-top: 20px; margin-bottom: 20px; }
.space-top { margin-top: 20px !important; }
.tab-table-header { display: block; background: #ddd; padding: 12px 10px; margin: 0; color: #e87722; font-size: 15px; font-weight: bold; }
.alert-tab ul, input { padding-left: 17px; }
.alert-tab ul li { line-height: 25px; }
.alert-tab ul li:first-child, .form-tab-log { margin-top: 20px; }
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 38px; border-bottom: 1px solid #ccc; width: 100%; }
ul.tabs li { float: left; margin: 0; cursor: pointer; padding: 0px 21px; height: 38px; line-height: 34px; font-weight: bold; color: #4c4c4c; overflow: hidden; position: relative; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent }
ul.tabs li:hover { background-color: #ddd; color: #e87722; border-top-left-radius: 4px; border-top-right-radius: 4px; }
ul.tabs li.active { background-color: #fff; color: #e87722; border-bottom: 1px solid #fff; display: block; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.tab_container { border: none; border-top: none; clear: both; float: left; width: 100%; background: #fff; }
.btn-support { border-color: #006298; margin-right: 10px; margin-bottom: 10px; }
.btn-support:hover { background: #006298; color: #fff; }
.title-table td { background: #ddd; border: 1px solid #ddd !important; color: #e87722; font-weight: bold; }
.btn-blue { background-color: #006298; border-color: #006298; color: #fff; margin-right: 10px; outline: none; }
.btn-blue:hover, .btn-blue:focus, .btn-default:active:hover, .btn-default:active:focus,
.input-append .add-on:hover, .input-prepend .add-on:hover{ background-color: #02527d; border-color: #02527d; color: #fff; outline: none; }
.txt-link-wrap { width: 50%; word-wrap: break-word; }
.btn-login { background: #e87722 !important; color: #fff; border: 1px solid #e87722 !important; padding: 7px 20px; margin-bottom: 10px; border-radius: 3px; width: 100%; font-size: 14px; }
.btn-login:hover, .btn-login:focus { background: #d75c00 !important; border: 1px solid #d75c00 !important; }
.btn-blue:active:hover, .btn-blue.active:hover, .btn-blue:active:focus,
.btn-blue.active:focus, .btn-blue:active.focus, .btn-blue.active.focus { color: #333; background-color: #d4d4d4 !important; border-color: #8c8c8c !important; }
.btn-login:active:hover, .btn-login.active:hover, .btn-login:active:focus, .btn-login.active:focus,
.btn-login:active.focus, .btn-login.active.focus { color: #fff; background-color: #204d74 !important; border-color: #204d74 !important; }

.btn-login-cancel {
    background-color: white !important;
    color: black;
    width: 100%;
    border-color: silver !important;
}

.btn-login-cancel:hover {
    background-color: whitesmoke !important;
    color: black !important;
}

input { padding-left: 20px; }
.search-input-hg, .homeownerlist-page .search-input-hg, .assessmentdeposit-page .search-input-hg,
.recurePayUpdate-page .search-input-hg { height: 34px; padding: 6px 12px !important; border-bottom: none; }
.recurringTransferSetup-page .search-input-hg,
.recurepayupdate-page .search-input-hg,
.reminderlist-page .search-input-hg { height: 34px; padding: 6px 12px; }

.email-template-page .search-input-hg, .broadcast-email-page .search-input-hg, .maintain-recurrpayment-page .search-input-hg,
.online-recurrpage .search-input-hg, .homeowner-propertyform-page .search-input-hg, .scanned-checkspage .search-input-hg,
.bankTransaction-page .search-input-hg, .fundTransfer-page .search-input-hg, .recurringTransfer-page .search-input-hg,
.recurringTransferSetup-page .associationTitle .search-input-hg, .researchCenter-page .search-input-hg, .transferFundNew-page .search-input-hg,
.matchlockbox-page .search-input-hg, .dashboard-page .search-input-hg, .addresslink-icon.search-input-hg,
.fundsTransApproval-page .search-input-hg { height: 34px; padding: 6px 12px; }

.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; }

.input-append.date .add-on i, .input-prepend.date .add-on i, .input-group.date .input-group-addon span { cursor: pointer; width: 14px; height: 14px; color: #fff; }
.icon-th { background-position: -240px 0; }
[class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; line-height: 14px; vertical-align: text-top; background-image: url(../images/glyphicons-halflings.png); background-position: 14px 14px; background-repeat: no-repeat; margin-top: 1px; }
i, cite, em, var, address, dfn { font-style: italic; }
.input-append, .input-prepend { margin-bottom: 5px; font-size: 0; white-space: nowrap; }
.icons { display: inline-block; width: 14px; height: 14px; line-height: 14px; vertical-align: text-top; background-image: url(../img/glyphicons-halflings.png); background-position: 14px 14px; background-repeat: no-repeat; margin-top: 1px; }

.input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; padding: 6px 12px; height: 34px; background: #006298; border: 1px solid #006298; border-left: none; border-bottom-right-radius: 3px; border-top-right-radius: 3px; min-width: 16px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; position: absolute; right: 0; z-index: 1000; }
.search-input-group { width: 100%; }

.datetimepicker { background: #fff !important; }
.next .icon-arrow-right { background-position: -455px -72px; background-repeat: repeat !important; }
.prev .icon-arrow-left { background-position: -431px -72px; background-repeat: repeat !important; }
table.table-condensed tr td.day { font-size: 13px; text-align: center; }
.txt-search { font-size: 13px; text-align: right; display: block; }
.input-icon { position: absolute; left: 3px; top: calc(50% - 0.5em); }
.input-wrapper { position: relative; display: inline-block; font-size: 12px; }
.lbl { position: absolute; top: 5px; left: 5px; width: auto; color: #e87722; }
.btn-save { padding-left: 0; border: none; cursor: pointer; outline: none; margin-bottom: 7px; width: auto; height: auto; max-width: 100%; float: left; border-radius: 0; }

.input-wrapper.pos-main-btn.btn-help-wrapper { float: left; }

.main-section-btn { font-size: 0; }

.btn-group.open > .dropdown-toggle.btn-default, .btn-group.open > .dropdown-toggle.btn-default:hover,
.btn-group.open > .dropdown-toggle.btn-default:focus, .btn-group.open > .dropdown-toggle.btn-default.focus { background-color: #fff; border-color: #ccc; box-shadow: none; color: #006298; }
.btn-group .dropdown-menu > li { border:solid 1px red !important; }
.btn-group .dropdown-menu > li > a { color: #006298; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #fff; }
.iframe {
    position: absolute !important;
    top: 143px !important;
    opacity: 1;
    z-index: 1001 !important;
    margin: 0 auto;
    right: 26px !important;
    text-align: center;
    width: 45%;
    height: 300px;
    box-shadow: none;
    border: 1px solid #006298;
    border-radius: 0;
}

.banktransfer-iframe {
    position: absolute;
    top: 190px;
    opacity: 1;
    z-index: 1001 !important;
    margin: 0 auto;
    left: 26px !important;
    text-align: center;
    width: 75%;
    height: 270px;
    box-shadow: none;
    border: 2px solid #006298;
}

.iframe.dropdown.hmowner-iframe {
    position: absolute;
    top: 169px;
    opacity: 1;
    z-index: 1001 !important;
    margin: 0 auto;
    right: 24px !important;
    text-align: center;
    width: 70%;
    height: 270px;
    position: absolute !important;
    left: auto;
    border: 2px solid #006298;
}

iframe#DropDownNew { left: 80px !important; top: 330px; }
.scanned-checkscontainer iframe#DropDownNew, .scanned-checkscontainer iframe#DropDownNew2,
.scanned-checkscontainer iframe#DropDownNew3 { width: 90%; right: 25px !important; left: unset !important; top: 410px !important; height: 400px; }
.main-wrapper-space.boardMember-page { position: static; }
.homeowner-propertyform-page .cls-update-info .cls-inner-block input[type="checkbox"] { margin-top: 4px; }
.iframe-Namepopup { position: absolute; top: 85px; opacity: 1; z-index: 1001 !important; margin: 0 auto; left: 4px !important; text-align: center; width: 55%; height: 300px; box-shadow: none; border: 1px solid #006298; border-radius: 0; }
.desktop-container.emailblast-container .iframe { top: 180px; opacity: 1; z-index: 1001 !important; margin: 0 auto; right: 24px; text-align: center; width: 70%; height: 270px; }
.remainderList-table .checkbox input[type="checkbox"] { margin-left: -20px; }
.effectiveDate-cal { max-width: 100%; width: 100%; }
.table-security-block th input { vertical-align: top; margin: 2px 0 0 0; }
.association-listfilter .form-group label, .homeowner-listfilter label { margin: -3px 5px 0 0; }
.association-listfilter .form-group .select-arrow { top: 10px; }
.homeowner-listfilter .select-arrowb { top: 26px; }
.table-scannedchecks { width: 99%; margin: 0 auto; border: none; }
.scannedtable-addtitle, .split-value { padding: 8px 0 0 0; display: inline-block; }
.remainderList-table > tbody > tr > td { cursor: default; }
.navbar-cinc .dropdown .dropdown-menu { left: 16px; z-index: 1001; }
.table > tbody > tr > td:first-child { border-left-width: 0px; }
.table > tbody > tr > td:last-child { border-right-width: 0px; }

.btn-help-wrapper a { outline: none !important; }
.btn-help-wrapper .btn-help, .btn-help-wrapper .btn-help:focus, .btn-help-wrapper .btn-help:active,
.btn-help-wrapper .btn-help:visited { background-image: url(../../images/icon_btn_help.gif); width: 66px; height: 34px; text-indent: -9999px; display: inline-block; background-repeat: no-repeat; }
.btn-help-wrapper .btn-help:hover { background-image: url(../../images/icon_btn_help_on.gif); width: 66px; height: 34px; text-indent: -9999px; display: inline-block; background-repeat: no-repeat; }

.main-content.senemaillist-pagetable { overflow-x: auto; }
.main-content.senemaillist-pagetable tr td { word-wrap: break-word; vertical-align: top; }
.security-permission-table a.tooltipwoffset { text-decoration: none; }
.security-permission-table a.tooltipwoffset:hover span { position: absolute; top: 1.5em; left: 0; border: 2px solid #006298; display: block; width: 300px; color: #303030; background-color: #fff; overflow-y: auto; height: 80px; padding: 5px 10px; z-index: 9999; }
.rpt_header {  width: 100%; height: 150px; overflow-y: auto; overflow-x: hidden; }



.margin-top-20 {
    margin-top: 20px;
}

.margin-left-right-0 {
    margin-left: 0;
    margin-right: 0;
}

.assessmentdeposit-page .main-content table tr td select {
    width: 100%;
    font-size: 13px;
    padding: 6px 30px 6px 12px;
}

.assessmentdeposit-page .select-arrow {
    top: 19px;
    right: 30px;
}

.desktop-container.scanned-checkscontainer,
.desktop-container .propertylist-container,
.desktop-container .emailblast-container,
.desktop-container .email-template-page,
.desktop-container .homeowner-propertyform-page,
.desktop-container .online-recurrpage,
.desktop-container.maintain-recurrpayment-page,
.desktop-container .recurePayUpdate-page,
.fundTransfer-page .calendar-row,
.recurepayupdate-page .calendar-row,
.checkRegister-page .calendar-row,
.desktop-container.fundTransfer-page,
.desktop-container.transferFundNew-page,
.desktop-container.recurringTransfer-page,
.stmtDownloads-page .stmtdownload-calendar,
.paymentSummary-page .calendar-input,
.reports-page .reportCalendar-row,
.recurringTransferSetup-page .calendarRow,
.desktop-container .dataimport-page,
.dataimport-page .dataimport-calRow,
.achimport-page .achimport-calRow,
.bankTransaction-page .calendarRow,
#wrap,
.form-group,
.splitPopup-topTable tr td,
.boardMem-bottomForm,
.boardMem-CalendarBlock,
.reminderlist-page,
.pos-main-btn,
.matchlockbox-page .main-content,
.security-permission-table a.tooltipwoffset,
.scanned-checkspage .calendar-row,
.desktop-container .homeownerlist-page,
.desktop-container .checkRegister-page,
.researchCenter-page .calendar-row,
.paymentFileDown-page .calendar-row,
.bankReturn-page .calendar-row,
.bankReturn-page .calendar-row,
.scanned-checkspage .main-content,
.maintain-recurrpayment-page .hmowner-row, .recurpayTable {
    position: relative;
}

.sentemailcaldtefrom {
    height: 285px;
    top: 160px;
    left: 27px;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}


.sentemailcaldteto {
    height: 285px;
    top: 160px;
    left: 295px;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.effectiveDate-recurr {
    height: 285px;
    top: 65px;
    left: 17px;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.boardListCal {
    height: 285px;
    top: 65px;
    left: 16px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.scannedChecks-cal {
    height: 285px;
    top: 65px;
    left: 16px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.iblregister_bankTrans-from {
    height: 285px;
    top: 63px;
    left: 15px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.iblregister_bankTrans-to {
    height: 285px;
    top: 63px;
    left: 15px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.bankTrans-from {
    height: 285px;
    top: 63px;
    left: 15px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.bankTrans-to {
    height: 285px;
    top: 63px;
    left: 15px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.fundTran-for {
    height: 285px;
    top: 63px;
    left: 15px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.fundTran-to {
    height: 285px;
    top: 63px;
    left: 15px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.stmntDownloadfrom {
    height: 285px;
    top: 63px;
    left: 15px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.stmntDownloadto {
    height: 285px;
    top: 63px;
    left: 15px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.currPeriod {
    height: 285px;
    top: 63px;
    left: 15px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.reportFromDate {
    height: 285px;
    top: 227px;
    left: 268px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.Reportdteto {
    height: 285px;
    top: 227px;
    left: 268px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.recurTransStartdate {
    height: 285px;
    top: 63px;
    left: 17px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.recurTranstodate {
    height: 285px;
    top: 63px;
    left: 17px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.dataimport-cal {
    height: 285px;
    top: 63px;
    left: 15px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.achimport-cal {
    height: 285px;
    top: 63px;
    left: 15px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}


.remainderList-searchLabel .search-input-hg,
.boardMember-page .search-input-hg,
.homeownerlist-page .search-input-hg,
.assessmentdeposit-page .search-input-hg,
.dataimport-page .search-input-hg {
    padding: 6px 12px;
}

select::-ms-expand {
    display: none;
}

.form-control:focus {
    transition: none;
}

.sentemaillist-table tr td p span {
    line-height: 16px !important;
    font-size: 12px !important;
}

.iframe.modal-content .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: #fff;
}

.iframe.modal-content .modal-body {
    margin-top: 40px;
}

.dataTables_wrapper .dataTables_length {
    float: right !important;
    width: 20%;
    margin-bottom: 10px;
    text-align: right;
}

    .dataTables_wrapper .dataTables_length label {
        width: 100%;
        text-align: right;
        font-size: 13px;
        font-weight: normal;
    }

        .dataTables_wrapper .dataTables_length label select {
            display: inline-block;
            width: 100px;
            margin: 0 5px;
            background-repeat: no-repeat;
            background-position: 65px 5px;
            padding: 5px 20px 5px 5px !important;
            font-size: 12px;
            height: 28px;
        }

            .dataTables_wrapper .dataTables_length label select.form-control:before {
                content: "\f0d7";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                text-decoration: inherit;
                /*--adjust as necessary--*/
                color: #006298;
                font-size: 18px;
                padding-right: 0.5em;
                position: absolute;
                top: 10px;
                left: 0;
            }

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
    width: 30%;
    margin-bottom: 10px;
}

    .dataTables_wrapper .dataTables_filter label {
        width: 100%;
        text-align: right;
        font-size: 13px;
        font-weight: 600;
        line-height: 36px;
    }

    .dataTables_wrapper .dataTables_filter input {
        margin-left: 0.5em;
        display: inline-block;
        width: 60%;
        font-weight: normal;
    }

#cinc-table tfoot tr td {
    border: none;
    font-size: 13px;
}

.font-weight-bold {
    font-weight: 700;
}

select.form-control {
    padding: 6px 29px 6px 12px !important;
}

.errMsg-updateUserInfo {
    padding: 0 0 5px 0;
}

.association-listfilter .errMsg-updateUserInfo {
    padding: 0 0 5px 0;
}

option {
    /* wrap text in compatible browsers */
    -moz-white-space: pre-wrap;
    -o-white-space: pre-wrap;
    white-space: pre-wrap;
    /* hide text that can't wrap with an ellipsis */
    overflow: hidden;
    text-overflow: ellipsis;
    /* add border after every option */
    border-bottom: 1px solid #DDD;
}

@-moz-document url-prefix() {

}

/*Pagination style*/

.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.first,
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.next,
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.last {
    color: #fff !important;
    display: inline-block;
    position: relative;
    background-color: #006298;
    min-width: 1.5em;
    padding: 4px 1em;
    margin-left: 4px;
    text-indent: -9999px;
    cursor: pointer;
    outline: none;
    border: 1px solid #006298 !important;
}

.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled.first,
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled.previous,
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled.next,
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled.last,
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled.first:hover,
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled.previous:hover,
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled.next:hover,
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled.last:hover {
    background-color: #dbdbdb !important;
    border: 1px solid #dbdbdb !important;
}


.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.first:hover,
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
.main-content .dataTables_wrapper .dataTables_paginate .paginate_button.last:hover {
    color: #fff !important;
    background: #006298 !important;
    border: 1px solid #006298 !important;
    cursor: pointer;
}

.paginate_button.first:after {
    content: "\f100";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 500;
    text-decoration: inherit;
    color: #fff;
    font-size: 24px;
    padding-right: 0.5em;
    position: absolute;
    top: -5px;
    left: 7px;
    text-indent: 0;
}

.paginate_button.previous:after {
    content: "\f104";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 500;
    text-decoration: inherit;
    color: #fff;
    font-size: 24px;
    padding-right: 0.5em;
    position: absolute;
    top: -5px;
    left: 9px;
    text-indent: 0;
}

.paginate_button.next:after {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 500;
    text-decoration: inherit;
    color: #fff;
    font-size: 24px;
    padding-right: 0.5em;
    position: absolute;
    top: -5px;
    left: 9px;
    text-indent: 0;
}

.paginate_button.last:after {
    content: "\f101";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 500;
    text-decoration: inherit;
    color: #fff;
    font-size: 24px;
    padding-right: 0.5em;
    position: absolute;
    top: -5px;
    left: 7px;
    text-indent: 0;
}

.dataTables_info,
.dataTables_paginate {
    margin-bottom: 25px;
    float: left !important;
    margin-right: 20px;
    font-size: 13px;
}

.main-content .dataTables_wrapper .dataTables_paginate span a.paginate_button:hover,
.main-content .dataTables_wrapper .dataTables_paginate span a.paginate_button:active,
.main-content .dataTables_wrapper .dataTables_paginate span a.paginate_button:focus {
    background: none !important;
    box-shadow: none !important;
    border: 1px solid transparent !important;
    color: #333 !important;
}

.main-content .dataTables_wrapper .dataTables_paginate span a.paginate_button.current {
    background: #E87722 !important;
    color: #fff !important;
    text-decoration: none;
    border: 1px solid #E87722 !important;
    outline: none;
    min-width: 1.5em;
    padding: 4px 0.8em;
    margin-left: 4px;
}

#example_wrapper table.dataTable.no-footer {
    /*border-bottom: none;*/
    margin-bottom: 0px;
    width: 100% !important;
}

#example_wrapper table.dataTable thead th, #activityLog_wrapper table.dataTable thead th {
    vertical-align: middle;
    /*border: 1px solid #006298;*/
    width: 100%;
    background-image: none;
    cursor: pointer;
}

ul.nav li:hover > ul.dropdown-menu { display: block; }
#example_wrapper table.dataTable td.dataTables_empty { text-align: center; }

.checkRegister-from {
    height: 262px;
    top: 65px !important;
    left: 17px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.checkRegister-to {
    height: 262px;
    top: 65px !important;
    left: 287px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.ResearchCentercaldtefrom {
    height: 262px;
    top: 63px;
    left: 15px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.ResearchCentercaldteto {
    height: 262px;
    top: 63px;
    left: 15px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.search-input-group.researchCenter-cal, .input-group.maintainRecurr-assoc .input-group,
.input-group.maintainRecurr-assoc, .search-input-group.checkregCal { width: 100%; }
span.colorred { color: red; }
.remainderList-table.dataTable tbody tr td:first-child { padding: 10px 20px; }
.remainderList-table.dataTable tbody tr td { padding: 10px 18px; }
.sentemail-page .table-responsive { min-height: unset; overflow-x: auto; }

.sentemail-page .dataTables_wrapper { margin-bottom: 90px; }
.currAlertRem-page table { margin: 20px 0; }
.scanned-checkspage .hmowner-input a { border-top-left-radius: 0; border-bottom-left-radius: 0; } 
.main-content .splitPopup-topTable tr td select { width: 100%; }
.splitPopup-topTable tr td select + i { top: 33px; right: 17px; }

.matchlockbox-arrows button {
    box-shadow: none;
    border: 0;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    outline: none;
}

.matchlockbox-arrows button .fa { font-size: 13px;}
.matchlockbox-nofitems label { display: inline-block; font-size: 13px; }
.margin-topBottom15 { margin-top: 15px; margin-bottom: 15px; }

.matchlockbox-page .select-arrow { font-size: 15px !important; top: 38px; }
.matchlockbox-page .form-control { background-color: #fff; padding: 6px 6px; }

.matchlockbox-page h6 {
    font-size: 14px;
    margin: 15px 0 10px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
}

.table > tbody > tr > td,
.paymentFileDown-page .table tr td {
    cursor: default;
    border-bottom-width: 1px !important;
    border-bottom-color: #c0c0c0 !important;
    font-size: 13px;
    border-top-width: 0;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable tbody th,
table.dataTable tbody td { border-bottom-width: 1px !important; border-bottom-color: #c0c0c0 !important; }

/*.userAssc-accesspage table.dataTable tbody tr:hover td:first-child,
table.dataTable.security-permission-table tbody tr:hover td:first-child,
.bankReturn-page table.dataTable tbody tr:hover td:first-child,
.fundTransfer-page table.dataTable tbody tr:hover td:first-child,
.recurringTransfer-page table.dataTable tbody tr:hover td:first-child,
.dataimport-page table.dataTable tbody tr:hover td:first-child,
.scanned-checkspage table.dataTable tbody tr:hover td:first-child { border-left: 1px solid #e87722; }

table.dataTable.security-permission-table tbody tr:hover td:last-child,
.userAssc-accesspage table.dataTable tbody tr:hover td:last-child,
.online-recurrpage table.dataTable tbody tr:hover td:last-child,
.bankReturn-page table.dataTable tbody tr:hover td:last-child,
.fundTransfer-page table.dataTable tbody tr:hover td:last-child,
.recurringTransfer-page table.dataTable tbody tr:hover td:last-child,
.dataimport-page table.dataTable tbody tr:hover td:last-child,
.scanned-checkspage table.dataTable tbody tr:hover td:last-child { border-right: 1px solid #e87722; }*/

table.dataTable tbody tr:hover td:first-child,
.table > tfoot > tr > td:first-child { border-left: none; }
table.dataTable tbody tr:hover td:last-child,
.table > tfoot > tr > td:last-child { border-right: none; }
.table > tfoot > tr > td { border-bottom: none;}

table.dataTable tbody tr.group:hover > td,
table.dataTable tbody tr.group1:hover > td { border-left: none !important; border-right: none !important; }
/*table.dataTable.stripe tbody tr.odd, table.dataTable tbody tr.odd { background-color: #fff !important; }*/


table.dataTable.hover tbody tr:hover, table.dataTable tbody tr.dataTables_emptyRow:hover { outline: none;  background-color: transparent !important; }
table.dataTable tbody tr.dataTables_emptyRow:hover td.dataTables_empty:first-child { border-left: none !important; }
table.dataTable tbody tr.dataTables_emptyRow:hover td.dataTables_empty:last-child { border-right: none !important; }

table.dataTable {
    border-width: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    /*table-layout: fixed;*/
}

table.dataTable.hover tbody tr:hover, table.dataTable tbody tr:hover,
table.dataTable.hover tbody tr:hover,
table.dataTable tbody tr.SelectedRow_CincAccounting:hover {
    background-color: #F7D5BA;
}

tr.SelectedRow_CincAccounting { background-color: #FDF1E8; }

table.dataTable tbody tr.SelectedRow_CincAccounting td {
    border-top: 2px solid #e87722!important;
    border-bottom: 2px solid #e87722!important;
}

table.dataTable tbody tr.SelectedRow_CincAccounting td:first-child { border-left: 2px solid #e87722!important; }
table.dataTable tbody tr.SelectedRow_CincAccounting td:last-child { border-right: 2px solid #e87722!important; }




table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: unset !important; }
/*table.dataTable tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {background-color: #FDF1E8 !important; }*/

.paymentFileDown-page .table tr td { vertical-align: middle; }

table {
    border-spacing: unset !important;
    border-width: 0 !important;
    border-collapse: collapse !important;
}

.deleteReason-row .form-group { margin-bottom: 0; }

.maintain-recurrpayment-page .input-group-btn .search-input-hg {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*.bankTransaction-page .search-input-group,
.bankTransaction-page .input-group,
.bankReturn-page .search-input-group,
.fundTransfer-page .input-group,
.transferFundNew-page .input-group,
.recurringTransfer-page .input-group,
.recurringTransferSetup-page .search-input-group,
.recurringTransferSetup-page .input-group,
.stmtDownloads-page .search-input-group  {
    width: 100%;
}*/

.bankAcc-despRow .select-arrow { top: 37px; }
.maintainBankAcc-page .cls-update-info .cls-inner-block input[type="checkbox"] { margin-top: 4px; }

.broadcastEmail-selectgroup button .caret {
    border-top: 5px dashed;
    border-top: 5px solid \9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin-top: 7px !important;
}

.fundTransfer-page .table tr td input[type="checkbox"] { margin-left: 10px; }
.reset-btn { margin-right: 0; outline: none; }
.reset-btn i { font-size: 14px; color: #fff; }

.assoc-SearchSelectbox button {
    background: transparent;
    border: 1px solid #cfcfcf;
    color: #333 !important;
    outline: none !important;
    box-shadow: none !important;
}

.assoc-SearchSelectbox button .bs-caret { display: none; }
.reports-page .main-wrapper-space label { text-align: left; width: auto; }

.reports-page .report-associationData-heading {
    background-color: #02527d;
    border-color: #02527d;
    color: #fff;
    padding: 1px 5px;
}

.reports-page .report-associationData {
    border: 1px solid #cfcfcf;
    margin-bottom: 22px;
}

.reports-page .rpt_header { padding: 5px 5px; }

    .reports-page .rpt_header .customCheckbox-container {
        font-weight: normal;
        width: auto;
        font-size: 13px;
    }

.padding-left-right-0 {
    padding-left: 0;
    padding-right: 0;
}

.reports-page .calendar-inputgroup { width: 100%; }

.reports-page .select-arrow-report {
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 15px !important;
    color: #006298;
    pointer-events: none;
}

/***********************    Custom checkbox style starts here     *********************************/

/* The custom checkbox container */
.customCheckbox-container {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin: 8px 0 10px 7px;
    cursor: pointer;
    font-size: 14px;
    line-height: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
}

    /* Hide the browser's default checkbox */
    .customCheckbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* Create a custom checkbox */
    .customCheckbox-container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 15px;
        width: 15px;
        background-color: #fff !important;
        border: 2px solid #cfcfcf;
    }

    /* On mouse-over, add a grey background color */
    .customCheckbox-container:hover input ~ .checkmark {
        background-color: #fff;
    }

    /* When the checkbox is checked, add a blue background */
    .customCheckbox-container input:checked ~ .checkmark {
        background-color: #fff;
    }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customCheckbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customCheckbox-container .checkmark:after {
    left: 3px;
    top: 0px;
    width: 5px;
    height: 9px;
    border: solid #02527d;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.remainderList-table .customCheckbox-container,
.maintainUsers-table .customCheckbox-container,
.table tr td label.customCheckbox-container,
.table tr th label.customCheckbox-container  {
    margin: 3px 0 0 0;
}

.remainderList-table tbody tr td:first-child .customCheckbox-container {
    margin: 3px 0 0 0;
}

.user-association-table tbody tr td .customCheckbox-container {
    margin: 5px 0 0 1px;
}

.user-association-table thead tr th .customCheckbox-container {
    margin: 0;
}

.remainderList-table thead tr th .customCheckbox-container,
.user-association-table thead tr th .customCheckbox-container {
    height: 17px;
}

.updateAssoc-page .customCheckbox-container {
    margin: 0;
}

.board-member-table tbody tr td {
    padding: 8px 6px;
}

.security-permission-table thead tr th .customCheckbox-container {
    font-size: 12px;
    font-weight: bold;
    margin: 3px 0 0 0;
}

.companyProfile-page .hideCityLabel label {
    text-indent: -9999px;
}

.companyProfile-page .customCheckbox-container {
    margin: 8px 0 10px 0;
}

.homeowner-innerlist-checkbox .customCheckbox-container {
    margin: 0 0 10px 7px;
}

.paymentSummary-page .table { border: 1px solid #ddd; border-top-width: 0px !important;}
.paymentSummary-page .table > tbody + tbody { border-top: none; }


table#cinc-table tr td {
    padding: 10px 18px;
    /*overflow: hidden;*/
    word-wrap: break-word;
}

table#example, table#activityLog {
    background-color: White;
    border-width: 0;
    overflow: auto;
    width: 100% !important;
    table-layout: fixed;
}

.dataTables_scrollBody { overflow-x: scroll !important; }
.scanned-checkspage table#example { overflow: scroll; }

.recurringTransfer-page .table tbody tr td .customCheckbox-container,
.fundTransfer-page .table tbody tr td .customCheckbox-container {
    margin: 5px 0 5px 0;
}

.table tbody tr td a,
.unlock-userlink {
    color: #333;
    text-decoration: none;
    border-bottom: 1px dashed #e87722;
    word-break: break-word;
}

.table tbody tr td .input-group-btn a.btn { color: #fff; }
.table tbody tr td a > i.fa-download { color: #006298; }

.table tbody tr td a:hover,
.table tbody tr td a:hover i.fa-download,
.highchart-box .view-details:hover {
    color: #e87722;
    text-decoration: none;
}

.recurringTransferSetup-page .associationTitle .input-group div > div {
    font-size: 14px;
}

.recurpayTable .customCheckbox-container {
    margin: 8px 0 10px 0;
    width: auto;
    float: right;
}

.maintain-recurrpayment-page-iframe .dataTables_wrapper .dataTables_filter input {
    width: 40%;
}

.table tr td.amountfield-align,
.table tr th.amountfield-align,
.table tr td input.amountfield-align {
    text-align: right;
}

.paymentFileDown-page .table th.sorting_disabled {
    width: 40px !important;
}

.paymentFileDown-page .table .customCheckbox-container {
    margin: 6px 0 3px 0;
}

.assoc-SearchSelectbox .bootstrap-select .dropdown-menu {
    z-index: 1001;
}

.noevent-btn {
    /*background-color: #acacac;
    border: 1px solid #acacac !important;*/
    cursor: default;
    outline: none;
    margin-right: 10px;
}


    .noevent-btn.btn:focus,
    .noevent-btn.btn:active:focus,
    .noevent-btn.btn.active:focus,
    .noevent-btn.btn.focus,
    .noevent-btn.btn:active.focus,
    .noevent-btn.btn.active.focus {
        outline: none;
        outline-offset: 0;
        box-shadow: none;
    }

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}


.bootstrap-select.btn-group .dropdown-menu {
    width: 100%;
}

.scrollablewrapper p a {
    text-decoration: underline;
    color: #006298;
}

select:focus::-ms-value {
    background-color: white;
    color: #000;
}

/*.form-control:focus {
    border-color: #ccc !important;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}*/

.maintain-recurrpayment-page .homeowner-input .input-group {
    width: 100%;
}

.errormodal .modal-header {
    padding: 8px 15px;
    border-bottom: 1px solid #006298;
    color: #fff;
    background: #006298;
    position: relative;
}

.errormodal .modal-body {
    position: relative;
    padding: 15px;
    color: #333;
}

.errormodal .modal-header h4 {
    color: #fff;
    font-weight: normal;
    font-size: 16px;
}

.errormodal {
    top: 28% !important;
    z-index: 1000;
    height: 166px;
    margin: 0 auto;
    width: 32%;
}

.scanned-checkspage #confirmMessageModel.errormodal {
    top: 28% !important;
    z-index: 1000;
    height: 198px;
    margin: 0 auto;
    width: 32%;
}

.modal .modal-content {
    border: 1px solid #006298;
    border-radius: 0;
    box-shadow: none;
}

.modal-dialog {
    max-width: 100%;
    margin: 0 auto;
}

.modal-footer {
    border-top: none;
    padding: 0 13px 10px 0;
}

.errormodal .close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 21px;
    margin: -9px 0 0 0;
    padding: 1px;
    height: 20px;
    background-color: transparent;
    background-image: url(../images/close_icon_white.png);
    border: none;
    outline: none;
    opacity: 1;
    text-shadow: none;
}


.alert-danger .close {
    padding-left: 30px;
}

/*.reports-page .col-md-3 { width: 22%; }*/

table.dataTable thead .sorting.hidesort-icon,
table.dataTable thead .hidesort-icon.sorting_desc,
table.dataTable thead .hidesort-icon.sorting_asc {
    background-image: none !important;
    cursor: default !important;
}

.header-input-filters .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.user-association-table thead tr th:first-child {
    padding: 13px 18px 4px;
}

.homeownerlist-table .customCheckbox-container {
    margin: 4px 0 0 7px;
}

.remainderList-table thead th .customCheckbox-container {
    display: inline-block;
    width: auto;
}

.matchbox-table.table {
    border-collapse: inherit !important;
}

.table-responsive {
    min-height: .01%;
    overflow-x: unset;
}

.dataTables_scrollFoot .table tfoot tr th,
table.dataTable tfoot th {
    border: none !important;
    padding: 10px 18px !important;
}

td.innerPopup-hmownerScannedchecks {
    border-bottom: none !important;
}

#overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.3);
    display: none;
}

#menuOverlay {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1000;
    display: none;
}

.online-recurrpage .customCheckbox-container {
    width: 20px;
    height: 20px;
    margin: 0 0 10px 7px;
}

table.table.table-security-block.table-card-ipad.grid.initialized.dataTable.no-footer,
.dataTables_scrollHeadInner,
table.dataTable {
    width: 100% !important;
}

.reports-page .form-group {
    margin-bottom: 5px;
}

.Filedwn-from {
    height: 262px;
    top: 63px;
    left: 15px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.Filedwn-to {
    height: 262px;
    top: 63px;
    left: 15px !important;
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
}

.paymentFileDown-page .search-input-group {
    width: 100%;
}

.scannedChecks-homeownerpopup h4 {
    font-size: 18px;
}

.scannedChecks-homeownerpopup .table > thead > tr > th {
    border-bottom: none;
}

.scannedChecks-homeownerpopup .table > tbody > tr > td {
    padding: 12px 8px;
}

#example_wrapper .bottom {
    margin-top: 10px;
}

.updateAssoc-page .cls-update-info {
    padding: 10px 20px;
}

table.dataTable tr.group,
table.dataTable tr.group:hover {
    background-color: #ccced0 !important;
    font-weight: bold;
    outline: none;
}

table.dataTable tr.group1,
table.dataTable tr.group1:hover,
.table tr.group1,
.table tr.group1:hover,
table.dataTable #tfoot tr.group,
table.dataTable #tfoot tr.group:hover {
    background-color: #e7e8e9 !important;
    font-weight: bold;
    outline: none;
}

.dataimport-link {
    color: #8a6d3b;
    border-bottom: 1px dotted #E87722;
    padding-bottom: 0px;
}

.updateAssoc-page .customCheckbox-container {
    width: auto;
}

.fa.fa-spinner {
    font-size: 22px;
}

.rptcount {
    font-size: 14px;
    background: #a09e9e;
    padding: 4px 9px;
    margin: 0 8px;
    border-radius: 50%;
    line-height: 22px;
    color: #fff;
}

.required {
    border: solid 1px red;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-overflow: ellipsis;
}

.RecurPayEditCal {
    height: 262px;
    /*top: 63px;
    left: 15px !important;*/
    border: 2px solid #02527d;
    box-shadow: none;
    z-index: 9999 !important;
    top: 35px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */

    .dataTables_scrollBody { overflow: hidden !important; }
    .highchart-box.box8 .postedTitle-ul { margin: 10px 0 0 38px; }
    /* .propertylist-container table td .fa, .manageAssoc table td .fa, */
    /*.bankList-table td i.fa-circle { vertical-align: 5px !important; }*/
    /*#stackedchartBox .highcharts-root, #stackedchartBox .highcharts-container { width: 100% !important; height: none !important; }*/

}



@supports (-ms-ime-align: auto) {
    .dataTables_scrollBody {
        overflow: hidden !important;
    }
}

.showScanImage-page {
    border: 2px solid #006298;
    margin-top: 15px;
    padding: 10px 5px;
}

.matchlockbox-page .lockbox-ImageIframe {
    width: 100% !important;
    margin: 10px 0 20px;
    border: 1px solid #ddd;
}

.matchlockbox-page .input-group-btn .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.matchlockbox-page #DropDown {
    bottom: -290px !important;
    left: 142px !important;
    top: unset !important;
    right: unset !important;
    width: 100%;
}

.matchlockbox-page table#example tr th {
    padding: 10px 18px 10px 5px;
}

.matchlockbox-page table#example tr td {
    vertical-align: top;
    padding: 10px 18px 10px 5px;
}

/*Homeowner popup*/

.homeownerpopup-header .selectheadsmalllegend,
.homeownerpopup-header .selectheadsmalllegend2 {
    display: inline-block;
    padding: 5px 5px;
    color: #fff;
    margin: 0 5px 0 0;
    vertical-align: top;
}

.homeownerpopup-header .selectheadsmalllegend {
    background-color: #ffcc33;
}

.homeownerpopup-header .selectheadsmalllegend2 {
    background-color: #0099CC;
}

.table > thead > tr > th > a {
    color: #fff;
}

.homeowner-splitpopup .form-control.border-radius {
    border-radius: 4px;
}

.scanned-checkspage .warningMsg {
    color: #FF0000;
    font-size: 13px;
}

.check-couponImage h3 {
    font-size: 20px;
    display: inline-block;
    padding-right: 10px;
}


.check-couponImage {
    background: #f8f8f8;
    border: 1px solid #ddd;
    margin: 10px 0;
    padding: 0px 15px 10px;
}

.btnZip-icn {
    position: absolute;
    left: 11px;
    top: 10px;
    color: #e87722;
    font-size: 14px;
    font-weight: normal;
}

.zipbtn-group {
    padding: 6px 9px 6px 28px;
}

    .zipbtn-group input.btnzip {
        background: none;
        padding: 0;
        display: inline-block;
        margin: 0;
        float: right;
    }

.security-permission-table.dataTable.no-footer, .dataTables_scrollFootInner {
    width: 100% !important;
}

input[type="file"] {
    width: 0;
    height: 0;
    padding: 0;
    border: none;
    text-indent: -9999px;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    font-weight: normal;
    font-size: 14px;
    color: #333;
    margin: 0;
    border-radius: 4px;
    background: #fff;
}

    .custom-file-upload .fa-cloud-upload {
        color: #006298;
        float: right;
        padding: 3px 0 0 0;
        font-size: 15px;
    }

.grey-bgRow {
    background-color: #e7e8e9;
    margin: 0 0 10px;
    padding-bottom: 1px;
}

.table > thead > tr > th:last-child {
    border-right-width: 0;
}

.table > thead > tr > th:first-child {
    border-left-width: 0;
}

.splithmowner-innerpopup.homeownerpopup table tr td:before {
    display: none;
}

.scannedChecksPage .sidebar-section {
    margin-left: -255px;
}

.scannedChecksPage .main-wrapper-space {
    margin-left: 0;
}

.leftsidebar-link {
    /*background: #006298;*/
    color: #333;
    padding: 10px;
    border: 0;
    margin: 10px 0;
}

    .leftsidebar-link:hover {
        background: #006298;
        color: #fff;
    }

    .leftsidebar-link span {
        font-size: 20px;
    }

.table-scannedchecks .customCheckbox-container {
    margin: 2px 0 0px 7px;
}

.save,
.close-btn {
    text-decoration: underline;
    color: #006298;
}

.expandDiv3-errMsg h2 {
    color: #333;
    margin: 0;
}

.expandDiv3-errMsg {
    background: #f8f8f8;
    border: 1px solid #ddd;
    margin: 10px 0;
    padding: 15px;
}

i.fa-circle.duplicate {
    color: #4a9eff;
    font-size: 18px;
}

.duplicateCirle-row i.fa-circle.duplicate {
    color: #4a9eff;
    font-size: 18px;
    padding-bottom: 5px;
}

.duplicate {
    padding: 5px 0 0px 0;
    display: inline-block;
}

.online-recurrpage .header-input-filters {
    padding-bottom: 0;
}

.duplicateNote-row {
    background-color: #fff;
    margin: 10px -10px 0;
    padding: 12px 0;
    border-top: 1px solid #ddd;
    font-size: 13px;
    font-weight: 700;
}

.duplicateCircle-td i.fa-circle.duplicate {
    font-size: 18px;
    padding-left: 6px;
}

label.duplicateLabel {
    position: relative;
    font-weight: normal;
    float: left;
}

.circleDuplicate-hoverContent {
    display: none;
    position: absolute;
    left: -18px;
    top: 25px;
    z-index: 9999;
    width: 350px;
    background: #fff;
    -moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.34375);
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.34375);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.34375);
    border: 1px solid #3A913F;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    text-align: left;
}

    .circleDuplicate-hoverContent .hoverHeader {
        background: #3A913F;
        float: left;
        font-weight: normal;
        width: 100%;
        padding: 0 10px;
        border: 1px solid #3A913F;
        margin-bottom: 7px;
    }

        .circleDuplicate-hoverContent .hoverHeader h4 {
            color: White;
            font-size: 15px;
            display: inline-block;
            margin: 7px 0;
            font-weight: normal;
            font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        }

    .circleDuplicate-hoverContent .close {
        float: right;
        color: #fff;
        font-weight: normal;
        text-decoration: none;
        padding: 7px 0 0 0;
        font-size: 16px;
        border-bottom: none;
    }

        .circleDuplicate-hoverContent .close:hover {
            color: #fff !important;
        }

    .circleDuplicate-hoverContent .blueBg {
        color: White;
        font-size: 11px;
        background: #4a9eff;
        margin: 0 13px 7px;
        padding: 4px 10px;
        font-weight: normal;
        font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    .circleDuplicate-hoverContent p {
        font-size: 12px;
        margin: 8px 12px;
        font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

.duplicateLabel:hover .circleDuplicate-hoverContent {
    display: block;
}

/*.collapsePaymentday {
    display: inline-block;
}*/

.expandHeight {
    height: auto;
    overflow: visible;
}

.collapseHeight {
    height: 70px;
    overflow: hidden;
}

.expandPayment-btn,
.collapsePayment-btn {
    color: #333;
    position: relative;
    width: 80px;
    height: 20px;
    margin: 5px 0 0 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 1px dashed #e87722;
    background: transparent !important;
}


.expandPayment-btn:hover,
.collapsePayment-btn:hover { color: #e87722; }
    
    .expandPayment-btn:after {
        content: "show more  \f0d7";
        font-family: FontAwesome, "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        font-size: 13px;
        line-height: 22px;
        padding-right: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        color: #333;
    }

    .collapsePayment-btn:after {
        content: "show less  \f0d8";
        font-family: FontAwesome, "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        font-size: 13px;
        line-height: 22px;
        padding-right: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        color: #333;
    }

#example .duplicateCirle-row td {
    border-bottom: none;
    padding: 0 18px;
}

.table > tbody > tr.duplicateCirle-row.SelectedRow_CincAccounting > td {
    border-bottom: none !important;
}

.table > tbody > tr.duplicateCirle-row.SelectedRow_CincAccounting + tr.SelectedRow_CincAccounting > td {
    border-top: none !important;
}

.online-recurrpage .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
    vertical-align: top;
}

/*.online-recurrpage .table > tbody > tr.SelectedRow_CincAccounting > td:first-child {
    border-left: 3px solid #e87722 !important;
}

.online-recurrpage .table > tbody > tr.SelectedRow_CincAccounting > td:last-child {
    border-right: 4px solid #e87722 !important;
}*/

table.dataTable thead .sorting_asc > a,
.associationPopup-table thead tr th.sort_asc > a {
    background-image: url(../images/sort_asc.png) !important;
    background-position: right 50%;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0 25px 0 0;
}

table.dataTable thead .sorting_desc > a,
.associationPopup-table thead tr th.sort_desc > a {
    background-image: url(../images/sort_desc.png) !important;
    background-position: right 50%;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0 25px 0 0;
}


.viewreminderaudit-table {
    margin-top: 15px;
}

.table > tfoot > tr > th.grandTotal-th {
    font-size: 13px !important;
}

.checkRegister-page .radioBtn {
    margin: 0 25px 0 0;
    vertical-align: top;
    display: inline-block;
    width: auto;
    font-weight: normal;
}

    .checkRegister-page .radioBtn input {
        vertical-align: top;
    }

.errormodal .modal-footer .btn-blue, .confirmDialog .modal-footer .btn-blue { background-color: #e87722; border-color: #e87722; margin-right: 0; }

.errormodal .modal-footer .btn-blue:active:hover, .errormodal .modal-footer .btn-blue.active:hover, .errormodal .modal-footer .btn-blue:active:focus,
.errormodal .modal-footer .btn-blue.active:focus, .errormodal .modal-footer .btn-blue:active.focus, .errormodal .modal-footer .btn-blue.active.focus,
.confirmDialog .modal-footer .btn-blue:active:hover, .confirmDialog .modal-footer .btn-blue.active:hover, .confirmDialog .modal-footer .btn-blue:active:focus,
.confirmDialog .modal-footer .btn-blue.active:focus, .confirmDialog .modal-footer .btn-blue:active.focus,
.confirmDialog .modal-footer .btn-blue.active.focus{ background-color: #e87722 !important; border-color: #e87722 !important; color: #fff !important; }

.main-wrapper-space label.customCheckbox-container {
    width: auto;
    margin: 8px 0 10px 0;
}

.banklist-page label.customCheckbox-container { margin: 8px 0 2px 0; }
/*Snackbar/Toast message style starts from here*/
#snackbarSelectAssoc,
#snackbarDelete,
#snackbarSuccess,
#snackbarPost,
#snackbarMessage,
#snackbarDeleteSuccess,
#snackbarUnlockSuccess,
#snackbarResetSaveview,
#snackbarApprove,
#snackbarDecline,
#snackbarSuccessMessage {
    visibility: hidden;
    background-color: #006298;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 12px 15px;
    position: fixed;
    z-index: 1002;
    right: 15px;
    top: 95px;
    font-size: 13px;
    width: auto;
}

#snackbarSelectAssoc.show, #snackbarDelete.show, #snackbarSuccess.show, #snackbarPost.show,
#snackbarMessage.show, #snackbarDeleteSuccess.show, #snackbarUnlockSuccess.show, #snackbarResetSaveview.show,
#snackbarApprove.show, #snackbarDecline.show, #snackbarSuccessMessage.show {
 visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
 animation: fadein 0.5s, fadeout 0.5s 4.5s;
}



@-webkit-keyframes fadein {
    from {
        right: 0;
        opacity: 0;
    }

    to {
        right: 15px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        right: 0;
        opacity: 0;
    }

    to {
        right: 15px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        right: 15px;
        opacity: 1;
    }

    to {
        right: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        right: 15px;
        opacity: 1;
    }

    to {
        right: 0;
        opacity: 0;
    }
}

.warningIcn {
    padding: 0 10px 0 0;
    font-size: 18px;
    vertical-align: middle;
}

.successIcn {
    padding: 0 7px 0 0;
    font-size: 18px;
    vertical-align: middle;
}

.closeToastMsg {
    width: 15px;
    margin: 1px 0 0 17px;
    height: 20px;
    background-color: transparent;
    background: url(../images/close_icon_white.png) no-repeat;
    outline: none;
    opacity: 1;
    text-shadow: none;
    cursor: pointer;
    border: none;
    float: right;
}

.maintain-recurrpayment-page .note {
    font-size: 12px;
}

.maintain-recurrpayment-page iframe#DropDownNew.homeowner-payment {
    left: 15px !important;
    top: 64px !important;
    right: unset !important;
    width: 50%;
}

.maintain-recurrpayment-page .cls-update-info { padding: 0; }
.more-Formtoolbar .btn.btn-default { margin: 0 0 0 -5px; }
.action-btn, .more-btn { display: none; }
.btn-group .btn { font-size: 14px; outline: none; }
.btn-group.formtoolbar-wrapper { width: 100%; margin-bottom: 5px; clear: both; }

.dropdown-menu > li { list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }

/*Dashboard page style starts from here*/

.grid-stack > .grid-stack-item > .grid-stack-item-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-shadow: 0px 2px 1px #e6e4e4;
    -moz-box-shadow: 0px 2px 1px #e6e4e4;
    -webkit-box-shadow: 0px 2px 1px #e6e4e4;
}
.highchart-box .widget.grid-widget { border-top: 3px solid #006298; }
.highchart-box .content-top { padding: 10px 10px; border-bottom: 1px solid #f1f1f1; display: flex; margin: 0; }
.highchart-box .title { font-size: 16px; color: #333; flex: 1; }
.highchart-box .buttons a { margin: 0 0 0 5px; color: #9d9d9d; cursor: pointer; outline: none; }
.highchart-box .buttons a:hover, button.refreshWdgt:hover { color: #e87722; }
.highchartBox1 { height: auto; width: 100%; }
.highcharts-credits, .highchart-box.box6 .highcharts-legend { display: none; }
/*.highcharts-menu .highcharts-menu-item { font-size: 10px !important; padding: 2px 10px 2px !important; color: #333 !important; }*/
.dashboard-page .page-title { display: inline-block; }
.dashboard-container { margin: 10px 0 0 0; }
/*.highchart-box.grid-stack-item.ui-draggable.ui-resizable.ui-resizable-autohide { width: 47%; }
.highchart-box.box6.grid-stack-item.ui-draggable.ui-resizable.ui-resizable-autohide { width: 97%; }*/

.grid-stack > .grid-stack-item.highchart-box.box3 > .grid-stack-item-content { overflow-y: auto; }
.highcharts-root, .highcharts-container { width: 100% !important; }
.highchart-box .table { margin: 15px auto; border-collapse: unset !important; }
.grid-content { width: 96%; margin: 0 auto 20px; position: relative; height: 100%; }
.grid-content p { margin: 10px 0 0; display: inline-block; font-weight: 600; font-size: 13px; }
.grid-content .assoc-searchBox .bootstrap-select { width: 100% !important; }
.grid-content .assoc-searchBox { margin: 10px 0 0 0; }
.grid-content .assoc-searchBox button { background: #fff; border: 1px solid #ccc; margin: 4px 0 5px 0; color: #333; }
.grid-content .assoc-searchBox .btn-group.open .dropdown-toggle { box-shadow: none; }
.grid-content .assoc-searchBox .btn-group .dropdown-menu > li { border: none !important;}
.grid-content .assoc-searchBox .btn-group .bs-caret { position: relative; }
    .grid-content .assoc-searchBox .btn-group .bs-caret:before {
        content: "\f002";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        color: #9d9d9d;
        font-size: 14px;
    }
.grid-content .assoc-searchBox .btn-group .bs-caret .caret { display: none; }
.grid-content .assoc-searchBox .btn-group .btn.active, .grid-content .assoc-searchBox .btn-group .btn:active { box-shadow:none; outline: none; }
.grid-content .assoc-searchBox .bootstrap-select .dropdown-toggle:focus { outline: none !important; }
.highchart-box.box3 .assoc-searchBox + div + div + .table { margin-top: 0px; }
.highchart-box span.value1 {
    width: 12px;
    height: 12px;
    background: #006298;
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px 0 0;
}

.highchart-box span.value2 {
    width: 12px;
    height: 12px;
    background: #e87722;
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px 0 0;
}

.stackedchart-details { margin: 10px 12px; position: absolute; z-index: 1; left: 0; }
.stackedchart-details p { font-size: 13px; margin: 0 20px 0 0; display: inline-block; }
.highchart-box.box7 .edit-icon { text-align: center; }
.highchart-box.box7 .edit-icon i { font-size: 16px; }
.highchart-box .table > tbody > tr:last-child td { border-bottom: none !important; }
.highchart-box .table > tbody > tr > td:first-child { border-top: none !important;}
text.highcharts-axis-title { font-weight: bold;}
.highchart-box .msgTitle { border-bottom: 1px solid #f1f1f1; display: block; padding: 5px 0 5px 0; }
.highchart-box .messages-section p { font-weight: normal; }
.highchart-box .messages-section p > span { font-weight: 700; display: inline-block; width: auto; margin: 0 3px 0 0; }
.highchart-box .messages-section p > a { color: #e87722; text-decoration: underline; display: inline-block; width: 80%; vertical-align: top; }
.highchart-box .messages-section p.subject { width: 70%; }
.highchart-box .messages-section p.dateTime { width: 30%; text-align: right; }
.highchart-box ul { margin: 0; padding: 0; }
.highchart-box ul li { list-style-type: none; }
.highchart-box #Banktran tr td a,
.highchart-box table#Banktransectionnotopentb tr td a { font-size: 13px; display: inline-block; padding: 5px 0 0 0; }
.highchart-box #Banktran tr td a i,
.highchart-box table#Banktransectionnotopentb tr td a i { color: #000; background-image: none; font-size: 13px; padding-left: 5px; background: none;}
.highchart-box .view-details { color: #006298; position: absolute; right: 10px; bottom: -16px; font-size: 14px; text-decoration: none; }
.highchartBox1 + .view-details { margin: 0 10px 20px 0; }
.stackedchartBox + .view-details { margin: 0 10px 0 0; position: absolute; right: 0; bottom: 10px; }
/*.widget .content-section { position: relative; }*/
.margin-btm50 { margin-bottom: 50px; }
.margin-top10 { margin-top: 10px; }
.btn-group[role="group"] .btn-default:hover,
.btn-group[role="group"] .btn-default:active,
.btn-group[role="group"] .btn-default.active { background-color: #e87722; border-color: #e87722; color: #fff; }
.btn-group[role="group"] .btn-default:focus { background-color: #fff; border-color: #ccc; border-radius: 0; color: #4c4c4c; box-shadow: none; }
.btn-group[role="group"] .btn-default:hover i,
.btn-group[role="group"] .btn-default:active i, .btn-group[role="group"] .btn-default.active i { color: #fff; }
.btn-group[role="group"] .btn-default:focus i { color: #e87722; }
.highcharts-pie-series > span { top: 5px !important; }
#manageWidgetModal { padding-top: 10%; }
#manageWidgetModalBody { height: 250px; overflow-y: scroll; padding: 0; }
#manageWidgetModal .modal-dialog { width: 60%; }
.modal-open #manageWidgetModal.modal { overflow-y: unset; }
#manageWidgetModalBody .table { margin-bottom: 0; }
#manageWidgetModal .modal-content { border-radius: 0;}
.highchart-box .nodatafound { position: absolute; top: 75px; left:50%; transform: translate(-50%,-50%); font-weight: 700; font-size:12px; color: #666;}
.dashboard-page .highlight-box label { padding-top: 7px; margin: 0; text-align: right; font-size: 13px;}
.highlight-box { background-color: #f8f8f8; border: 1px solid #ccc; padding: 15px; margin: 10px 0 15px 0; }
.highlight-box .form-group { margin-bottom: 0;}
.dashboard-page .iframe { top: 149px !important; right: 31px !important; left: unset !important; }
.highchart-box.box8 .nodatafound { position: static;  font-weight: normal; }
.highcharts-title { visibility: hidden; }
.highchart-box.box6 .grid-content { width: 100%; margin: 0 auto; }
.highchart-box.box6 .highcharts-container { margin: 5px 0 0 0; }
.confirmDialog .modal-header { background: #006298; color: #fff; font-size: 18px;}
.confirmDialog .modal-header h4 { color: #fff; font-size: 18px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; display: inline-block; font-weight: normal; }
.confirmDialog .modal-header .close { background: url(/images/close_icon_white.png) 0 0 no-repeat; color: transparent; width: 15px; height: 15px; margin: 4px 0 0 0; }
.confirmDialog .modal-dialog { width: 30%; }
.confirmDialog.modal { top: 30%; }
.highchart-box.box6 .widget.grid-widget { position: relative; }
.grid-stack-item { cursor: grab; }
.highchart-box table.dataTable thead th,
.highchart-box table.dataTable thead td { padding: 6px; }
.highchart-box table#Banktran tr td, .highchart-box table#Banktransectionnotopentb tr td { border-bottom: none; padding: 0; }
.highchart-box table#Banktran tbody tr:hover,
.highchart-box .table tr.dataTables_emptyRow{ background-color: transparent; }
.highchart-box .table tr.dataTables_emptyRow td.dataTables_empty {
    font-size: 12px;
    padding: 0;
    color: #666;
    padding: 5px 0 0 0;
}
.highchart-box table.dataTable.no-footer { margin: 0; }
.highchart-box .table-responsive { margin-bottom: 5px; }
.highchart-box table td.tReceivableAmnt { font-weight: 600; padding: 5px 0 10px 0 !important; }


/*Toggle button css for Payment statistics of dashboard page*/
.highchart-box .switch { position: relative; display: inline-block; width: 60px; height: 24px; margin: 0; vertical-align: middle; }
.highchart-box .switch input { display: none; }
.highchart-box .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #006298; -webkit-transition: .4s; transition: .4s; border-radius: 34px; }
.highchart-box .slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 4px; bottom: 5px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; }
.highchart-box input:checked + .slider { background-color: #e87722; }
.highchart-box input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
.highchart-box input:checked + .slider:before { -webkit-transform: translateX(36px); -ms-transform: translateX(36px); transform: translateX(36px); }

/*------ ADDED CSS ---------*/
.highchart-box .slider:after { content: '$1000'; color: white; display: block; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 65%; font-size: 11px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 14px; }
.highchart-box .switchbtn-label { font-size: 13px; vertical-align: baseline; width: auto; }
.highchart-box input:checked + .slider:after { content: '$100'; left: 21px; }
.highchart-box .switchbtn-wrapper { display: inline-block; }
.recurpayTable .iframe { left: 0; right: unset !important; height: 180px; }
.grid-stack-item-content { overflow-y: auto; }
.confirmDialog .modal-footer .btn-blue { margin-right: 0;}

/* ------------------  MFA Configuration page style strats from here ------------------------*/
.mfaConfig-page .switch { position: relative; display: inline-block; width: 50px !important; height: 26px; }
.mfaConfig-page .switch input { display: none; }
.mfaConfig-page .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.mfaConfig-page .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 5px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.mfaConfig-page input:checked + .slider { background-color: #006298; }
.mfaConfig-page input:focus + .slider { box-shadow: 0 0 1px #006298; }
.mfaConfig-page input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

/* Rounded sliders */
.mfaConfig-page .slider.round { border-radius: 34px; }
.mfaConfig-page .slider.round:before { border-radius: 50%; }
.mfaConfig-page .customCheckbox-container { margin-right: 20px; }
.mfaConfig-page label.customCheckbox-container { margin: 2px 0 10px 0; }
.mfaconfiglist-page .dataTables_wrapper .bottom { border: none; box-shadow: none; }
/*legend MFA configuration*/

/*UserList page user-select box style*/
.userSelect-wrapper .select-arrow { top: 10px; }
.userSelect-wrapper select { font-size: 13px; font-weight: normal; }


.highlight { outline: 1px solid #E87722; background: #FDF1E8; }

@-webkit-keyframes highlight {
    0% {
        outline: 1px solid #E87722;
        background: #FDF1E8;
    }

    100% {
        outline: 1px solid #E87722;
        background: #FDF1E8;
    }
}

@-moz-keyframes highlight {
    0% {
        outline: 1px solid #E87722;
        background: #FDF1E8;
    }

    100% {
        outline: 1px solid #E87722;
        background: #FDF1E8;
    }
}

@-o-keyframes highlight {
    0% {
        outline: 1px solid #E87722;
        background: #FDF1E8;
    }

    100% {
        outline: 1px solid #E87722;
        background: #FDF1E8;
    }
}

@keyframes highlight {
    0% { outline: 1px solid #E87722; background: #FDF1E8; }
    100% { outline: 1px solid #E87722; background: #FDF1E8; }
}

#txtHOAddr { font-size: 13px; padding: 0 0 0 5px; }
.lockedUser-msg { font-size: 13px; margin: 5px 0 10px; display: inline-block; color: red; }
.text-blocked-homeowners { color: #e87722; }
.text-blocked-associations { color: #fbb683; }
.text-hard-stop-homeowners { color: #af2b1b; }
.dashed-hyperlink {
    border-bottom: 1px dashed #E87722;
    padding-bottom: 2px;
    text-decoration: none;
    font-size: 11px;
    color: #4c4c4c;
    text-decoration: none;
}

.table tbody tr td .input-group-btn a.btn.search-input-hg { border-bottom: none; }

#DropDown-lockboxAssoc {
    bottom: -239px !important;
    left: 6px !important;
    top: unset !important;
    right: unset !important;
    width: 70%;
    height: 250px;
}

.matchlockbox-page table#example tr td.totalValue-td {
    font-size: 14px;
    margin: 20px 0 10px;
    font-weight: 700;
    color: #666;
}

.matchlockbox-page .couponInfo-table td span { font-size: 12px; }
.matchlockbox-page .form-control { font-size: 13px;}
.tooltip-inner { max-width: 100% !important; font-size: 12px; }
.userSelect-wrapper { position: absolute; z-index: 999; margin: 0; }
.userSelect-wrapper label { font-size: 13px; line-height: 36px; }
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td { vertical-align: top !important;}
.updateAssoc-page .customCheckbox-container .checkmark { top: 32px; left: 0;}

.legend span {
    margin-left: 5px;
    margin-right: 15px;
    font-size: 13px;
}

.homeownerpopup .select-arrow { top: 43px; }
.propertylist-container .legend, .association-listfilter .legend,
.banklist-page .legend { font-size: 13px; }
.propertylist-container .legend-row, .association-listfilter .legend-row { background-color: #fff; margin: 0 -10px -10px; padding: 10px 0; }
.propertylist-container table td .fa, .manageAssoc table td .fa, .bankList-table td i.fa-circle { margin: 0; display: block; }
.wrap-tableLegend {
    display: inline-grid;
    vertical-align: sub;
    margin: 4px 10px 0 -15px;
    position: absolute;
}
.association-listfilter .legend span { margin: 0 15px 0 0; }
.manageAssoc .table .checkbox, .homeownerlist-table .checkbox, .bankList-table .checkbox { display: inline-block; vertical-align: top; }
.manageAssoc .table#example tbody tr td:first-child, .homeownerlist-table#example tbody tr td:first-child { padding: 10px 10px;}
.checkbox.nolegend { margin: 0 0 0 29px; }
.scannedChecksPage .table-container { min-height: .01%; overflow-x: auto; }
.banklist-page .header-input-filters { margin: 10px 0 10px;}

#expandDiv1.col-md-5 .iframe.scannedChecks-iframe { top: 61px; width: 85%; }
#expandDiv1.col-md-12 .iframe.scannedChecks-iframe { top: 61px; width: 49%; }
#expandDiv1.col-md-5 #DropDownNew.iframe-hmownerScannedChecks {
    top: 63px !important;
    left: unset !important;
    right: 15px !important;
    margin: 0 0 20px;
    width: 93%;
}
#expandDiv1.col-md-12 #DropDownNew.iframe-hmownerScannedChecks {
    top: 63px !important;
    left: unset !important;
    right: 15px !important;
    margin: 0;
    width: 50%;
}

.association-alertText { color: #006298; text-align: right; font-weight: 600; margin: 7px 0 0 0; }
.help-block { color: #737373; font-weight: 600; font-size: 12px;}
/*.sorting_disabled .sort { display: none; }
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc, table.dataTable thead .sorting { background-image: none !important; }
span.arrow-hack { padding-left: 12px; }*/

/*i.asc {
    background-image: url(../images/sort_asc.png) !important;
    background-position: right 50%;
    background-repeat: no-repeat;
}

span.desc {
    background-image: url(../images/sort_desc.png) !important;
    background-position: right 50%;
    background-repeat: no-repeat;
}

i.sort {
    background: url("http://cdn.datatables.net/1.10.0/images/sort_both.png");
    background-position: right 50%;
    background-repeat: no-repeat;
}*/

td[data-title="Amount"] { text-align: right; }

/*input placeholder style for dollar sign*/

.has-placeholder .form-control,
.recurepayupdate-page .fa-dollar.form-control-feedback input.form-control { padding-left: 22px;}
i[data-toggle="tooltip"] { cursor: pointer; }
button.refreshWdgt {
    background: transparent;
    border: none;
    color: #9d9d9d;
    cursor: pointer;
    outline: none;
}

.security-permission-table + .bottom, .table-scannedchecks + .bottom { display: none !important; }
.homeowner-splitpopup .more-btn { visibility: hidden; }
.inneriframe-splitScannedChecks#DropDownNew3 { top: 215px; right: -10px !important; width: 40%; left: unset!important; }
#activityLogPopup { width: 80% !important; top: 0; height: 450px; right: 50% !important; }
.activitylog-popup .dataTables_wrapper .dataTables_filter input { width: 40%;}
.activitylog-popup .dataTables_wrapper .dataTables_info, .activitylog-popup .dataTables_wrapper .dataTables_paginate { width: auto; }
.activitylog-popup .dataTables_wrapper .dataTables_length { width: auto; text-align: right; float: right !important; }
.homeowner-splitpopup .action-btn { display: block !important; }
.innerhmowner-splitiframe { width: 88% !important; height: 250px !important; top: 72px; }
#DropDownNew2.inneriframe-hmownerScannedChecks { left: 0px !important; right: unset !important; top: 218px; }
#DropDownNew2.innerhmowner-splitiframe {
    width: 90% !important;
    height: 280px !important;
    left: 1% !important;
    top: 220px !important;
}
.recurepayupdate-page .fa-dollar.form-control-feedback { top: 16px; left: 21px; }
.table-scannedchecks .fa-dollar.form-control-feedback, .homeowner-splitpopup .fa-dollar.form-control-feedback { top: 6px; }
.user-p-info .psw-notdetermine, .psw-veryweek, .psw-average, .psw-verystrong {
    position: absolute;
    top: 7px;
    left: 245px;
}
.popover-title {
    background: #3A913F;
    color: white !important;
    border-radius: unset !important;
}

.popover-content {
    font-size: 13px;
    font-weight: 600;
} 
.psw-notdetermine {
    color: #CCCCCC;
}

.psw-veryweek {
    color: #FF0000;
}

.psw-average {
    color: #E87722;
}

.psw-verystrong {
    color: #3A913F;
}

.error {
    color: red;
}

.menu {
    margin-left: 10px;
}

.menu-item {
    font-size: 16px;
    color: navy;
}

a.nav-link.dropdown-root {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
    color: black;
}

a.nav-link.dropdown-root > i {
    color: #006298;
}

li:hover > a.nav-link.dropdown-root > span {
    color: #e87722
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
    border-color: transparent;
}

.logon-background {
    background: url(../images/login-banner.jpg);
    min-height: 275px;
    background-size: cover;
    background-position: 0 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.logon-banner {
    background: rgba(0, 98, 152,.8);
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

.logon-banner p.seprator {
    display: inline-block;
    width: 4px;
    height: 93px;
    background: #e87733;
    vertical-align: middle;
    margin: 0 20px;
}

.logon-banner p {
    display: inline-block;
    color: #fff;
    width: 231px;
    font-size: 17px;
    margin: 5px 0 0 0;
    vertical-align: middle;
    text-align: left;
}

.logon-banner img {
    width: 130px;
}

.login-section {
    width: 80%;
    margin: 0 auto;
    padding: 30px 0;
    min-height: 326px;
}

.login-section-left button {
    background: #d75c00;
    color: #fff;
    border: 1px solid #d75c00;
    padding: 9px 20px;
    margin-bottom: 10px;
    border-radius: 3px;
    width: 100%;
    font-size: 14px;
}

.login-section-left label {
    text-align: left;
    font-size: 14px;
    color: #58595b;
    margin-bottom: 3px;
}

.login-section-left input {
    background: #f2f2f2;
    height: auto;
}

.slider-news h2 {
    font-size: 24px;
    background: #006298;
    color: #fff;
    margin: 0 0 10px 0;
    padding: 10px 15px;
    font-weight: bold;
}

.slider-news h5 {
    color: #888888;
    font-size: 20px;
    font-weight: bold;
}

.slider-news p {
    color: #58595b;
    font-size: 14px;
}

.btn-login {
    background: #e87722 !important;
    color: #fff;
    border: 1px solid #e87722 !important;
    padding: 7px 20px;
    margin-bottom: 10px;
    border-radius: 3px;
    width: 100%;
    font-size: 14px;
    outline: none;
}

.btn-login:hover,
.btn-login:focus {
    background: #d75c00 !important;
    border: 1px solid #d75c00 !important;
}

.btn-login:active:hover,
.btn-login.active:hover,
.btn-login:active:focus,
.btn-login.active:focus,
.btn-login:active.focus,
.btn-login.active.focus {
    color: #fff;
    background-color: #204d74 !important;
    border-color: #204d74 !important;
}

#busyIndicator {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: rgba(255, 255, 255, 0.8);
    display: none;
}

.busyIndicatorImage {
    color: #006298;
    position: absolute;
    top: 50%;
    font-size: 72px !important;
    left: 50%;
    margin-left: -38px !important;
    margin-top: -38px !important;
}

.AI-iframe {
    /* min-height: 1000px !important; */
    width: 100% !important;
    overflow: hidden;
}

table.dataTable thead .sorting_asc {
    background-image: none;
}

table.dataTable thead .sorting_desc {
    background-image: none;
}

.row-highlight {
    background-color: #ffc8b8;
}

tr.cinc-group td > i.fa.fa-caret-down.select-arrow {
    top: 20px;
    right: 30px;
}

.header-input-filters div i.fa.fa-caret-down.select-arrow {
    top: 10px;
}

#manager-filter-section .checkbox {
    display: inline-block;
    margin-right: 15px;
}

.manager-layout-body {
    margin-top: 20px;
}

.manager-layout-body label {
    text-align: left;
}

.manager-layout-body label.control-label {
    padding-top: 7px;
    margin: 0;
    text-align: right;
}

@media (max-width: 1200px) {
    .manager-layout-body label.control-label {
        text-align: left;
    }
}

@media (min-width: 1200px) and (max-width: 1230px) {
    .manager-layout-body .row {
        min-width: 960px;
    }
}

@media (max-width: 775px) {
    .manager-layout-body .row {
        min-width: 775px;
    }
}

.manager-layout-body input.checkbox-inline {
    margin-top: 10px;
}

.manager-layout-body input.checkbox-inline-combined {
    margin-top: 4px;
}

.manager-layout-body div.control-label-combined {
    margin-top: 4px;
}

.manager-layout-body label.control-label-combined {
    padding-top: 5px;
    display: inline;
    margin-right: 2px;
}

.manager-layout-body .form-group {
    height: 25px;
}

.manager-layout-body input[type=number]::-webkit-inner-spin-button,
.manager-layout-body input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

select.form-control {
    -webkit-appearance: menulist;
}

.ui-datepicker {
    width: 300px;
    margin: 5px auto 0;
    background-color: white;
    border: solid 1px silver;
    border-radius: 5px;
    padding: 5px;
    display: none;
}

.ui-datepicker table {
    width: 100%;
}

.ui-datepicker-title {
    text-align: center;
    font-size: 14px;
    color: #006398;
    margin-bottom: 10px
}

.ui-datepicker-prev {
    float: left;
    cursor: pointer;
    background-position: center -30px;
    font-size: 12px;
}

.ui-datepicker-next {
    float: right;
    cursor: pointer;
    background-position: center 0;
    font-size: 12px;
}

.ui-datepicker th {
    text-transform: uppercase;
    font-size: 8pt;
    text-align: center;
}

.ui-datepicker tbody td {
    padding: 0;
    text-align: center;
}

.ui-datepicker tbody td:last-child {
    border-right: 0;
}

.ui-datepicker a {
    text-decoration: none;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

td.ui-datepicker-today {
    border: solid 1px silver;
}

td.ui-datepicker-current-day {
    background-color: #006398
}

td.ui-datepicker-current-day a {
    color: white;
}

button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
    float: left;
    margin-top: 5px;
}

button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all {
    float: right;
    margin-top: 5px;
}

.context-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
}

.context-menu-separator {
    padding: 0 !important;
    border-bottom: 1px solid #ddd;
}

.context-menu li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
}

.context-menu li:hover {
    background-color: #F7D5BA;
}

.input-validation-error {
    border: 1px solid red !important;
}

div.validation-summary-errors > ul {
    list-style-type: none;
    margin-left: -35px;
    margin-top: 5px;
}

/* These horz align classes are for the DataTable */
.horz-align-left {
    text-align: left;
}

.horz-align-center {
    text-align: center;
}

.horz-align-right {
    text-align: right;
    padding-right: 25px !important;
}

#cincMessage {
    margin-top: 10px;
}

#cincMessageAlert {
    margin-bottom: 0;
}

.input-text-align-right {
    text-align: right;
}