body {
    margin: 0 !important;
    padding: 0 !important;
    font-family: Verdana, sans-serif!important;
    font-size: 14px!important;
    background: white !important;
}

.ui-layout-container {
    margin: 0 !important;
    padding: 0 !important;
}

.marathon_header {
    font-size: medium !important;
    text-align: center !important;
    color: #041735 !important;
    font-weight: bolder !important;
}

#center_element, #south_footer {
    border: none !important;
}

#south_footer, #north_header1, #north_header2, #north_header3 {
    /*background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))) !important;*/
    background: #800020 !important;
    border-radius: 0 !important;
}

#north_header1 .ui-layout-unit-header-title,
#north_header2 .ui-layout-unit-header-title,
#north_header3 .ui-layout-unit-header-title {
    color: #fff!important;
}

#south_footer .ui-layout-unit-content,
#footer,
#north_header1 .ui-layout-unit-content,
#north_header1 .ui-menu,
#north_header1 .ui-layout-unit-header,
#north_header2 .ui-menu,
#north_header2 .ui-layout-unit-content,
#north_header3 .ui-layout-unit-content,
#north_header3 .ui-layout-unit-header {
    border: none !important;
    background: transparent !important;
    overflow: hidden !important;
}

#south_footer {
    position: fixed !important;
}

#center_layout .ui-layout-unit-content {
    padding-top: 0!important;
}

.head_menu {
    border: 1px solid #fff !important;
    color: #fff !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 100 !important;
    text-shadow: none !important;
}


.menu_chevron {
    margin: 2px 5px!important;
    color: #fff !important;
    text-align: center!important;
}

.text-white {
    color: white!important;
}

.menu_chevron .ui-menuitem-text {
    display: none !important;
}

.head_menu:hover {
    color: #000 !important;
    background: #85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0))) !important;
    transition: background 1s, color 500ms;
}

.notify-icon {
    position: relative;
    padding: 0.5em !important;
}

.notify-badge {
    padding: 3px 8px;
    font-size: 9px !important;
    background-color: #d9534f;
    border-radius: 10px;
    margin-left: 5px;
    position: absolute;
    left: 10px;
    top: 15px;
}



.no-hover {
    pointer-events: none !important;
}

/*new style for templates*/
.top-menubar {
    padding: 5px !important;
    border-radius: 0 !important;
    background: #800020;
}

.top-mainbar {
    border-radius: 0 !important;
    padding: 5px !important;
    background: #0097A7;
    height: 90px;
}

.top-mainbar li:first-child {
    margin-left: 30px!important;
}

.top-mainbar li:last-child {
    float: right!important;
    margin-right: 30px!important;
}

.top-mainbar img {
    transform: none !important;
}

.top-menubar li:first-child {
    margin-left: 30px!important;
}

.top-menubar li:last-child {
    float: right!important;
    margin-right: 30px!important;
}

.top-menubar img {
    transform: none !important;
}

.bottom-footer {
    text-align: center;
    padding: 5px;
    text-decoration: none;
    background: #800020;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 1px;
    color: #fff;
}

.bottom-footer a {
    color: #fff !important;
    text-decoration: none!important;
}

.menu-bars {
    text-align: center!important;
    font-size: large!important;
    color: #fff !important;
    margin-right: 10px!important;
}

.head_menu_disable:hover {
    background: transparent!important;
    border: none!important;
    box-shadow: none!important;
}

.vertical-last-child-menu li:last-child {
    margin-top: 25px!important;
}

.notification-menu-bar li:not(:first-child) {
    padding-top: 25px!important;
    float: right!important;
    margin-right: 15px!important;
}

.history-menu-bar li:nth-last-child(2) {
    float: right!important;
    margin-right: 15px!important;
}

.lhs-slide-btn {
    padding: 5px!important;
    color: #fff!important;
    background: #800020!important;
    position: absolute!important;
    top: 17px!important;
    left: 5px!important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-size: x-large!important;
}

.lhs-slide-btn:focus {
    outline: none !important;
}

.lhs-slide-btn .ui-icon:hover {
    color: #000!important;
    transition: color 500ms!important;
}

.lhs-slide-btn .ui-button-text {
    display: none!important;
}

.main-container {
    overflow-y: scroll!important;
    overflow-x: hidden!important;
    height: 91vh!important;
    color: #4f4f4f!important;
}

.main-container::-webkit-scrollbar, .app-content::-webkit-scrollbar, .ui-datascroller-content::-webkit-scrollbar, .utility-content::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 15px;
    background-color: transparent;
}

.main-container::-webkit-scrollbar-thumb, .app-content::-webkit-scrollbar-thumb, .ui-datascroller-content::-webkit-scrollbar-thumb, .utility-content::-webkit-scrollbar-thumb {
    border-radius: 8px!important;
    border: 1px solid white!important;
    background-color: #c2c2c2!important;
}

.navbar-header {
    display: block !important;
    text-align: center!important;
    font-size: x-large!important;
    color: #fff!important;
    position: fixed!important;
    top: 40px!important;
    width: 100%!important;
}

#lhs_frame_content {
    padding: 5px!important;
}

/*new style for template end here..*/

.box {
    border-radius: 1px!important;
    padding: 10px!important;
    position: relative!important;
    height: auto!important;
    margin: auto!important;
    box-sizing: border-box!important;
    top: 50%!important;
    width: 400px!important;
    transform: translateY(-50%)!important;
}

.panel_login .ui-widget-content {
    padding: 10px!important;
    border: none!important;
    background-color: transparent!important;
}

.panel_login input {
    height: 35px!important;
    width: 96%!important;
    font-size: large !important;
    color: #000000!important;
    border: none!important;
    outline: none!important;
    border-bottom: 1px gray solid!important;
    margin-top: 7px!important;
    border-radius: 0!important;
}

.panel_login .ui-panelgrid-cell, .panel_login label {
    font-size: large !important;
}

.login_header {
    display: block;
    text-align: center !important;
    font-size: 25px !important;
    font-weight: bolder !important;
    color: #fff!important;
    background-color: #000080!important;
    margin-bottom: 0 !important;
}

.registration_header {
    font-size: 25px !important;
    font-weight: bolder !important;
    background: transparent!important;
    margin-bottom: 30px !important;
}

.badge {
    display: inline-block!important;
    min-width: 10px!important;
    padding: 3px 7px!important;
    font-size: 10px !important;
    font-weight: 700!important;
    line-height: 1!important;
    color: #ffffff!important;
    text-align: center!important;
    white-space: nowrap!important;
    vertical-align: middle!important;
    background-color: #d9534f!important;
    border-radius: 10px!important;
    margin-left: 5px!important;
}

#footer, #footer a {
    text-align: center !important;
    color: #fff !important;
}

.login_btns {
    display: inline!important;
    margin-left: 10px!important;
}

.login_content {
    color: #0e0a15!important;
}

.menu_div {
    background: transparent!important;
    text-align: center!important;
    color: #000000!important;
}

.menu_div .container {
    margin: auto!important;
}

.home_menu_1 {
    width: 60vh !important;
    text-align: left!important;
    color: #000000!important;
    background: none !important;
    border: none !important;
    margin: 0 auto !important;
    display: inline-block !important;
}

.home_menu_1 .ui-menuitem {
    width: 100% !important;
    display: block!important;
    margin-bottom: 15px !important;
}

.home_menu_1 .ui-menuitem-link:hover {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    color: #286090 !important;
    border-radius: 0!important;
    transition: color 1s!important;
}

.home_menu_1 .ui-menuitem-text {
    float: none !important;
}

.menu_item .ui-menuitem-text {
    font-size: larger!important;
    text-decoration: none!important;
}

.menu_item::after {
    content: ''!important;
    display: block!important;
    width: 0!important;
    height: 2px!important;
    background: #4386fb!important;
    transition: width 1.5s!important;
}

.menu_item:hover {
    text-decoration: none !important;
}

.menu_item:focus::after {
    width: 100%!important;
}

.menu_item:hover::after {
    width: 100%!important;
}

#messages_container > .ui-growl-info {
    background-color: #337AB7 !important;
    color: #FFFFFF !important;
    position: fixed!important;
    top: 50px !important;
    right: 20px;
}

#errorMessages_container > .ui-growl-error {
    background-color: #FF0000 !important;
    color: #FFFFFF !important;
    position: fixed!important;
    top: 50px !important;
    right: 20px!important;
}

div[id="mainpage:messages_container"] .ui-growl-item-container {
    position: fixed!important;
    bottom: 16px!important;
    right: 16px!important;
    background: #d9534f;
}

div[id="mainpage:messages_container"] .ui-growl-item-container .ui-growl-title {
    padding: 10px;
}
.ui-growl-title {
    font: 18px Proxima Nova Rg;
    text-align: center!important;
    padding: 0 7px 0 0 !important;
}

/*div.ui-growl {
    left: 50%!important;
    right: 0!important;
    top: 13%!important;
    margin-left:-150px!important;
}*/

.ui-growl-item{
    background: #0097a7;
}



.ui-growl-message {
    color: white;
}

.ui-growl-message p {
    font: 16px Proxima Nova Rg;
    letter-spacing: -1px!important;
}

.ui-growl-icon-close {
    color: white!important;
    display:block!important;
}



.app-content {
    margin-top: 3vh;
    overflow-y: scroll;
    height: 75vh;
    padding: 3px;
}

.panel-content {
    overflow-y: scroll;
    height: 75vh;
    padding: 3px;
}

.email_input {
    font-size: large;
    width: 100%;
    border: none;
    outline: none;
    border-bottom: 1px solid grey;
    height: 40px;
    padding: 0;
}

.email_content {
    width: 100%;
    border: none;
    outline: none;
    border-bottom: 1px solid grey;
    padding: 0;
}

/* vendor login section */
#vendor_login_header {
    /*color: #fff0f5;*/
    color: #fff;
    background: #000080;
}

.vendor_login_box {
    border-radius: 5px;
    border: #000066 1px solid;
    padding: 20px;
    height: auto;
    box-sizing: border-box;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    margin-top: 6%;
    width: 500px;
}

.register {
    color: #000000;
}

.links {
    display: inline-block !important;
}

.vendor_password_reset {
    background: #DE5DC4 -webkit-gradient(linear, left top, left bottom, from(#DE5D6E), to(#DE5DC4)) no-repeat !important;
    color: white !important;
    font-weight: 100 !important;
    border: 1px solid !important;
    border-radius: 5px!important;
    outline: none!important;
    width: 120px !important;
    height: 35px !important;
    margin-right: 20px !important;
    box-shadow: none !important;
    text-shadow: none !important;
}


.reset_btn {
    background: #000080 !important;
    color: white !important;
    font-weight: 100 !important;
    border: 1px solid !important;
    border-radius: 5px;
    outline: none;
    width: 220px;
    height: 40px;
}

.forget_password {
    color: #161616;
    margin-left: 25px !important;
    text-decoration: underline !important;
    font-size: small !important;
}

.register:hover {
    color: #045ff2;
    background-color: #c5c8cc;
}

.register-box {
    padding: 10px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.forget_password:hover {
    color: #045ff2;
    background-color: #c5c8cc;
}

.menu_item_bb:hover {
    color: #4386fb;
    font-weight: bold;
    font-size: larger;
}

form .vendor_register_panel .ui-widget-content, form .vendor_register_panel .noBorder {
    font-weight: bolder;
}

.vendor-ref-pg {
    width: 100%;
    border: none;
}

.vendor-ref-pg tr td {
    border: 1px solid #fff !important;
    min-height: 35px !important;
}

.info_register {
    font-weight: bold;
}

.services_text {
    display: block;
    margin: 20px 0;
    text-align: center;
    color: #aaa;
    padding: 4px 0;
    border-color: #eee;
    border-top: 3px double;
    border-bottom: 3px double;
}

.north_layoutUnit .ui-layout-unit-content form .top_header_vcc .ui-menu-list .ui-menuitem:last-child {
    float: right !important;
    margin-right: 10px !important;
}

.row_table_style:nth-child(even) {
    background-color: #9DB6C0 !important;
}

.wrap_on_next_line table tbody tr td {
    word-wrap: break-word;
}

#btn_div_right {
    margin-left: 60%;
    display: block;
    overflow: auto;
    right: 0 !important;
    padding: 10px !important;
}

.center-panel {
    width: 500px !important;
}

.center-panel ul li {
    max-height: 50px !important;
    font-size: 20px;
    color: transparent;
}

.center-panel li:hover {
    font-size: 25px;
    text-decoration: underline;
}

.navbar-inverse {
    background: #800020 !important;
}

.app_head {
    color: #000 !important;
}

.apps {
    background: #000080 !important;
    color: #fff !important;
}

.setting {
    background: #de5d83 !important;
    color: #fff
}

input, .ui-inputtext, .ui-inputtextarea, .ui-chips-container {
    border-width: 1px !important;
    border-color: #808080;
    box-shadow: none !important;
    padding: 4px;
    border-radius: 2px;
}

.ui-autocomplete, .ui-autocomplete-input {
    width: 100% !important;
}

input:hover {
    border-color: #add8e6 !important;
    transition: border-color 1s;
}

input:focus {
    border-color: #00bfff !important;
    transition: border-color 2s;
}

.ui-inputtext:hover {
    border-color: #add8e6 !important;
    transition: border-color 1s;
}

.ui-inputtext:focus {
    border-color: #00bfff !important;
    transition: border-color 1s;
}

.ui-inputtextarea:hover {
    border-color: #add8e6 !important;
    transition: border-color 1s;
}

.ui-inputtextarea:focus {
    border-color: #00bfff !important;
    transition: border-color 1s;
}

.ui-selectonemenu label {
    box-shadow: none !important;
    border: 1px solid #808080;
}

.ui-selectonemenu:hover {
    border-color: #add8e6 !important;
    transition: border-color 1s;
}

.ui-selectonemenu:focus {
    border-color: #00bfff !important;
    transition: border-color 1s;
}

.ui-button .ui-icon {
    overflow: visible;
}

.ui-menuitem-icon {
    width: 20px !important;
    overflow: visible !important;
    margin-right: 5px;
}

.ui-separator {
    border: 1px solid #564242 !important;
}

img:hover {
    transform: none;
}

#header_container {
    height: 80px;
}

#company_logo {
    position: absolute;
    top: 0;
    left: 100px;
    height: 80px;
}

#portal_footer {
    color: #ffffff;
}

#header_text {
    position: absolute;
    font-weight: bolder;
    font-size: large;
    color: white;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 25px;
    top: 10%;
}

button[id="portal_form:logout_btn"] {
    margin: 20px;
    border: 1px solid #fff !important;
    color: white;
    background: transparent;
    box-shadow: none !important;
    font-weight: 100 !important;
    text-shadow: none !important;
}

button[id="portal_form:logout_btn"]:hover {
    font-weight: bold;
    border: none !important;
    color: #000;
    background: #85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0))) !important;
}

#company_logo:hover {
    transform: scale(1.0);
}

.tree-panel {
    max-height: 500px !important;
    overflow-x: hidden !important;
    width: 40vw !important;
    border: none !important;
}

.tree-panel .ui-tree {
    border: none !important;
}

.ui-confirmdialog-yes {
    background: #329932 !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    border: 1px solid !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-radius: 5px;
    outline: none;
    height: 35px;
    font-family: Proxima Nova Rg;
}

.ui-confirmdialog-no {
    background: #ff3232 !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    border: 1px solid !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-radius: 5px;
    outline: none;
    height: 35px;
    font-family: Proxima Nova Rg;
}

.lease_login_btn {
    background: #0097A7 !important;
    color: white !important;
    font-weight: 100 !important;
    border: 1px solid !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-radius: 5px;
    outline: none;
    height: 35px!important;
    font-family: Proxima Nova Rg;
}

/*bid-summary */
.bidlink:hover {
    font-weight: bold;
    color: deepskyblue;
}

#bid_sum_title {
    color: #4d4f51;
    text-align: center;
    text-decoration: underline;
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.textarea-expand {
    width: 98% !important;
    padding: 5px !important;
    height: 100px !important;
    white-space: pre-wrap !important;
}

#email_bid input, #editable_div {
    width: 100% !important;
    min-height: 20px;
    border: 0;
    border-bottom: 1px solid #808080;
    padding: 5px;
    outline: none;
    color: inherit;
    line-height: 30px;
}

#email_bid textarea {
    width: 100%;
    height: 350px;
    padding: 5px;
    overflow-y: scroll;
    outline: none;
    color: inherit;
}

#email_bid input:hover,
#email_bid textarea:hover,
#editable_div:hover {
    border-color: #00bfff;
}

.attach_ol .ui-orderlist-list {
    display: inline !important;
    border: 0 !important;
}

.attach_ol .ui-orderlist-list .ui-orderlist-item, .attachment {
    display: inline-block !important;
    border: 1px solid #00bfff !important;
    background: #add8e6 !important;
    padding: 3px;
    border-radius: 3px;
    margin: 5px !important;
}

#editable_div span {
    margin-right: 10px;
}

.chip {
    display: inline;
    border-radius: 5px;
    background-color: #add8e6;
    margin-right: 10px;
    padding: 5px;
    background-clip: border-box;
}

.chip:empty {
    background: none;
}

.rmv-attach {
    margin: 5px;
    color: #808080 !important;
}

.rmv-attach:hover {
    color: #ff0000 !important;
    border: 1px solid white;
    background: white;
    padding-left: 2px;
    padding-right: 2px;
}

.icon-danger .ui-icon {
    color: #ff3300;
}

.icon-submit .ui-icon {
    color: #008000;
}

.icon-primary .ui-icon {
    color: #2f556a;
}

.img_comsys:hover {
    transform: scale(1.0) !important;
}

.noBorder .ui-grid {
    border: none !important;
}

#ajax_loader:hover, #loader_img:hover {
    transform: scale(1.0) !important;
}

.field-set-trans {
    margin-bottom: 20px;
}

.field-set-trans .ui-fieldset-legend {
    background: #fff;
    color: #2f556a !important;
    border: 1px solid #a8a8a8 !important;
}

.field-set-trans .ui-fieldset-toggler {
    display: none;
}

.field-set-trans legend:hover {
    background: #d3d3d3;
    transition: background 2s;
}

.field-set-trans:hover, .file-desc-sec:hover {
    border: 1px solid #7096ab;
    box-shadow: 0 0 25px #85b2cb;
    transition: box-shadow 1s;
}

.data-grid-clear .ui-datagrid-content {
    border: none !important;
}

/*Check print void*/
#print_check_div .print_check_btn {
    text-shadow: none;
    display: block;
    width: 150px;
    height: 150px;
    line-height: 50px;
    border: 10px solid #0504ff;
    border-radius: 50%;
    color: #f5f5f5;
    text-align: center;
    text-decoration: none;
    background: #5d5d5d;
    box-shadow: 0 0 3px gray;
    font-size: 20px;
    font-weight: bold;
    transition: background 2s, border-color 3s;
    margin: auto;
}

#print_check_div .print_check_btn:hover {
    background: #fafad2;
    color: #000;
    border-color: #5d5d5d;
    transition: background 2s, border-color 3s, color 1s;
}

#checkreqvoid_form button {
    margin-bottom: 5px !important;
}

.bottom_radio {
    border: 1px solid #2f556a;
    border-radius: 5px;
    padding: 10px;
    font-weight: bold;

}

.header-primary .ui-dialog-titlebar {
    background: #2f556a !important;
    color: #fff !important;
    text-shadow: none !important;
}

.header-danger .ui-dialog-titlebar {
    background-color: #ff0000 !important;
    color: #fff !important;
    text-shadow: none !important;
}

#check_void_text {
    font-weight: bold;
}

#check_void_text span {
    text-decoration: underline;
    color: #2f556a;
}

#checkreqvoid_form .ui-state-highlight {
    background: #2f556a !important;
    color: #fff !important;
    text-shadow: none !important;
    border: 1px solid #000 !important;
}

tbody[id="checkreqvoid_form:check_printing_data"] .ui-state-hover:hover,
tbody[id="checkreqvoid_form:check_voiding_data"] .ui-state-hover:hover {
    background: #b7e1fc !important;
}

.btn-last {
    position: absolute;
    bottom: 20px;
}

.icon-trash:hover {
    font-size: x-large;
}

.ui-widget-content .ui-datatable-even .ui-datatable-selectable .ui-state-hover {
    overflow-x: hidden !important;
}

.ui-widget-content .ui-datatable-odd .ui-datatable-selectable .ui-state-hover {
    overflow-x: hidden !important;
}

.ui-datatable table {
    overflow-x: hidden !important;
}

.ui-datatable .ui-datatable-data tr.ui-state-hover {
    overflow-x: hidden !important;
}

.ui-datatable-scrollable-body {
    overflow-x: hidden !important;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    overflow-x: hidden !important;
}

#alert_header {
    text-shadow: none !important;
    padding: 5px;
    background: #add8e6 !important;
    display: block;
    text-align: center;
    font-weight: bolder !important;
    font-size: 18px !important;
}

#alert_header:empty {
    display: none;
}

.labelfocus, .label-focus {
    font-weight: bold !important;
}

.ui-messages-error ul li span.ui-messages-error-detail {
    margin-left: 25px;
    color: #2f556a !important;
}

div[id="checkreqvoid_form:checkprint_confirm"] .ui-dialog-content {
    font-weight: bold !important;
}

div[id="checkreqvoid_form:checkprint_confirm"] .ui-dialog-titlebar {
    background: #000;
    color: #fff;
    text-shadow: none;
}

.no-border-input {
    border: 1px solid #fff !important;
    border-radius: 3px;
}

/*vendor - registration*/
.form-group {
    margin-top: 20px;
    margin-bottom: 25px;
    position: relative;
}

.form-group .form-control {
    height: 35px;
    border-radius: 5px;
    width: 500px;
    border: 1px solid gray;
    padding: 5px;
    outline: none;
    font-size: 15px;
    background: transparent;
}

.form-control:focus {
    border: 1px solid #0a6087;
}

.form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 7px 0 0 13px;
    pointer-events: none;
    color: #aaa;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.form-control:valid + .form-control-placeholder {
    color: #0a6087;
    font-size: 80%;
    top: -22px;
}

.form-control:not(:focus) + .form-control-placeholder {
    color: gray;
}

#result, #confirm_pass {
    margin-left: 5px;
    position: absolute;
    right: 0;
}

.short {
    color: #FF0000;
}

.weak {
    color: #E66C2C;
}

.good {
    color: #2D98F3;
}

.strong {
    color: #006400;
}

.register_btn {
    background: #000080 !important;
    color: white !important;
    font-weight: 100 !important;
    border: 1px solid !important;
    border-radius: 5px;
    outline: none;
    width: 150px;
    height: 35px;
}

.btn-danger {
    height: 35px;
    background: #ff3300 !important;
    color: #fff !important;
    text-shadow: none !important;
    text-decoration: none !important;
    box-shadow: none;
}

.btn-warning {
    height: 35px;
    background: #fa6302 !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: none;;
}

.btn-success {
    height: 35px;
    background: #329932 !important;
    color: #fff !important;
    text-shadow: none !important;
    text-decoration: none !important;
    box-shadow: none;
}

#move_invoices_dlg .ui-dialog-titlebar,
.btn-primary {
    height: 35px;
    background: #2f556a !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: none;
}

.btn-clear, .btn-bool-clear {
    background: #fff !important;
    color: #2f556a !important;
    text-shadow: none !important;
    text-decoration: none !important;
    box-shadow: none;
    border: 1px solid #2f556a;
}

.btn-clear {
    height: 35px;
}

.btn-sign {
    height: 35px;
    background: #ffff00 !important;
    color: #000 !important;
    text-shadow: none !important;
    text-decoration: none !important;
    box-shadow: none;
    border: 1px solid #ffff00;
}

.btn-clear:hover, .btn-bool-clear:hover {
    background: #2f556a !important;
    color: #fff !important;
    transition: background 2s, color 1s;
}

.btn-primary-icon-only {
    width: 35px;
    border: none !important;
    background: transparent !important;
    color: #2f556a !important;
}

.btn-primary-icon-only .ui-icon {
    font-size: large !important;
}

.check_similar_btn {
    display: inline-block;
    height: 35px;
    top: -3px;
    background: #f7e7ce !important;
    color: #000 !important;
    font-weight: 100 !important;
    text-align: center;
    border-radius: 5px;
}

.txt-danger, .txt-danger .ui-inputfield {
    color: #ff0000 !important;
}

.txt-warn:empty {
    display: none;
}

.txt-warn {
    white-space: pre-wrap;
    margin-left: 15px;
}

.txt-warn, .txt-warn-simple {
    color: #fa6302 !important;
    background: #f1f1f1;
}

.text-center {
    display: block;
    text-align: center !important;
}

.text-center .ui-inputfield {
    text-align: center !important;
}

.txt-primary {
    color: #2f556a !important;
}

.txt-success {
    color: #329932 !important;
}

.txt-light {
    color: #7f7f7f !important;
}

.txt-success-box {
    background: #329932 !important;
    color: #fff;
    padding: 3px;
    display: block;
    margin: 1px;
    border-radius: 2px;
}

.signature-btn {
    height: 60px !important;
    background: #ffff00 !important;
    color: #ff0000 !important;
}

.signature-btn .ui-button-text {
    text-shadow: none !important;
}

.left-space-25-lg {
    margin-left: 25% !important;
}

.pg-scroll tr td {
    padding: 2px !important;
}

.pg-scroll .inp-big-center {
    border: 1px solid #fff;
}

.same-line-blocks {
    display: inline-flex;
    width: 100%;
}

.visible-xs {
    display: none;
}

@media screen and (max-width: 640px) {
    .hidden-xs {
        display: none !important;
    }

    .visible-xs {
        display: block;
    }

    .register-box, .panel_login, #main_container {
        width: 100% !important;
    }

    .form-group .form-control, .panel_login input {
        width: 80% !important;
        margin-left: 5px;
        height: auto !important;
    }

    .vendor_login_box {
        width: 100% !important;
        border: none;
    }

    .vendor_login_box .ui-grid-row {
        border: none !important;
    }

    button[id="portal_form:logout_btn"] {
        float: right !important;
        top: 20px;
        left: 13em;
    }

    .text-left, .text-right, .text-center {
        clear: both !important;
        float: none !important;
        text-align: left !important;
        display: block;
    }

    .responsive-tbl .ui-datatable-scrollable-body td .ui-column-title {
        font-weight: bold;
    }

    .responsive-tbl .ui-datatable-tablewrapper table td .ui-column-title {
        font-weight: bold;
        text-decoration: underline;
    }

    .inp-width-sm {
        width: 100% !important;
        text-align: left !important;
    }

    .float-btn, .float-btn-clear {
        display: inline;
        position: static !important;
        margin: 20px;
        bottom: 0;
        right: 0;
    }

    #south_footer, #west_layout, #west_layout-resizer {
        display: none !important;
    }

    #center_layout {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        border: 0 !important
    }

    .menu-label-hide-xs .ui-menuitem-text {
        display: none;
    }

    .wo-rt, .wo-lt {
        clear: both !important;
        float: none !important;
    }

    .pg-fixed td {
        width: 150px;
        display: inline-block;
    }

    .menu-responsive, .menu-responsive li {
        width: 100% !important;
    }

    .menu_div_responsive {
        position: relative !important;
        transform: none !important;
        left: 0;
    }

    .left-space-15-lg {
        margin-left: 0 !important;
    }

    .head_menu .ui-menuitem-text {
        display: none;
    }

    .head_menu .ui-menuitem-text {
        display: none;
    }

    .same-line-blocks {
        display: block;
    }

    .sticky, .sticky-lower, .sticky-unit-header {
        position: relative !important;
        top: auto !important;
    }

    .responsive-tbl {
        border: 1px solid #a8a8a8;
        border-radius: 3px;
    }
}

@media screen and (max-width: 1400px) {
    .pg-scroll-wrap {
        overflow: scroll !important;
    }

    .pg-scroll tr td {
        width: 80px;
    }

    .pg-scroll tr td:last-child {
        width: 160px;
    }

    .hidden-md {
        display: none;
    }
}

.app-content input, .app-content .ui-input, .app-content .ui-inputfield {
    height: 32px;
}

.txt-cu {
    text-align: center;
    text-decoration: underline;
    display: block;
}

.ui-selectonemenu.noblur.ui-state-disabled, .noblur .ui-state-disabled, .noblur input, .noblur.ui-state-disabled {
    opacity: 1;
}

.ui-selectonemenu.noblur.ui-state-disabled .ui-selectonemenu-trigger {
    opacity: 0.35 !important;
}

.ui-inputfield.noblur, .noblur .ui-inputfield {
    background: #fff;
}

#utility_type, .mortgage_head {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 auto;
}

.doc_ol li {
    font-weight: bold;
    color: #2f556a;
    margin: 5px;
}

.no-top {
    margin-top: 0;
}

.denied {
    margin: 20px;
}

.panel-toggleable .ui-panel-titlebar .ui-panel-titlebar-icon {
    float: left !important;
}

.ui-selectonemenu-filter-container {
    width: 100% !important;
}

.ui-selectonemenu-filter-container .ui-icon-search {
    right: 20px !important;
}

.ui-selectonemenu-filter {
    width: 90% !important;
}

.filter-input, .filter-input .ui-inputfield {
    width: 85% !important;
}

.form_links a {
    text-decoration: none;
    color: #4386fb !important;
}

.form_links a:hover {
    font-weight: bold;
}

.confirm-dlg .ui-confirm-dialog-severity {
    color: #fa6302;
    overflow: visible;
    margin-right: 10px;
    font-size: larger;
    margin-top: 5px;
}

.confirm-dlg .ui-dialog-titlebar, .msg-dlg .ui-dialog-titlebar {
    background: #fff !important;
}

.confirm-dlg .ui-dialog-buttonpane {
    border: none !important;
    text-align: center !important;
    margin-top: 0;
}

.confirm-dlg .ui-dialog-buttonpane button {
    height: 40px;
    margin: auto 10px;
    width: 100px;
    font-size: larger;
    font-weight: bold !important;
}

.confirm-dlg .ui-confirm-dialog-message {
    font-size: larger !important;
}

.btn-pane button {
    height: 40px;
    font-size: large !important;
    margin-bottom: 10px;
}

.msg-dlg p {
    font-size: larger;
    text-align: justify;
}

.global-notify-dlg {
    position: fixed !important;
    top: 75px !important;
    width: 50vw !important;
    max-height: 80vh !important;
    overflow-y: scroll !important;
    left: 40vw !important;
    -ms-overflow-style: none !important;
}

.global-notify-caret {
    display: inline !important;
    position: fixed;
    font-size: 50px;
    color: #fff;
    top: 40px;
    right: 250px;
}

.dlg-overflow {
    max-height: 90% !important;
    max-width: 90% !important;
    overflow-y: scroll !important;
}

.global-notify-dlg::-webkit-scrollbar {
    display: none !important;
}

.contact-link {
    color: #0000EE;
}

.res-filter {
    width: 85% !important;
    margin-top: 25px !important;
}

.icon-close {
    text-decoration: none;
    padding: 5px;
    margin: 5px;
}

.icon-close .fa {
    text-decoration: none !important;
    border: 1px solid;
    border-radius: 25%;
    padding: 2px;
    font-size: smaller;
}

.icon-close .fa:hover {
    border: none;
    border-radius: 50% !important;
    background: #a8a8a8 !important;
    color: #ff0000 !important;
    margin: auto !important;
    padding: 5px;
}

.dl-attachment .ui-datalist-content, .dl-alt-row .ui-datalist-content {
    border: none !important;
}

.dl-attachment ol li, .dl-attachment ul li {
    min-height: 35px !important;
}

.dl-attachment .ui-datalist-content {
    background: transparent !important;
}

.dl-alt-row .ui-datalist-item {
    padding: 7px;
}

.dl-alt-row .ui-datalist-item:nth-child(even) {
    background: none repeat scroll 0 0 #f2f5f9 !important;
}

.dl-alt-row .ui-paginator-bottom {
    border: none;
    background: transparent;
    float: left;
}

.icon-edit .fa:hover {
    border-radius: 50% !important;
    background: #a8a8a8 !important;
    color: #2f556a !important;
    margin: auto !important;
    padding: 5px;
}

.file-upload .ui-fileupload-buttonbar .ui-fileupload-cancel {
    background: #ff0000;
}

.file-upload .ui-fileupload-buttonbar .ui-fileupload-upload {
    background: #008000;
}

.file-upload .ui-fileupload-buttonbar .ui-fileupload-choose {
    background: #2f556a;
}

.file-upload .ui-fileupload-buttonbar .ui-button {
    text-shadow: none !important;
    color: #fff !important;
    border: none !important;
}

.file-upload .ui-fileupload-buttonbar .ui-button-icon-left {
    display: none;
}

.app-status {
    display: block !important;
    font-size: large !important;
    color: #ff0000;
}

.required-ast {
    display: inline !important;
    font-size: large !important;
    font-weight: bold;
    color: #ff0000;
}

.img-prof {
    border-radius: 50%;
    max-width: 100px;
    max-height: 100px;
    height: 100%;
    width: 100%;
    background: #2f556a center;
    text-align: center;
    vertical-align: middle;
    margin-left: 20%;
    margin-top: 10px;
    padding: 5px;
}

.img-prof span {
    color: #fff;
    font-size: 45px;
    font-weight: bolder;
    line-height: 100px;
    text-transform: uppercase;
}

.prof-div {
    border: none;
    margin: 0 auto;
    padding: 20px;
    width: 80%;
}

.prof-div button {
    height: 28px !important;
}

.upload-panel .ui-fileupload-buttonbar {
    background: #fff !important;
    border-radius: 0 !important;
}

.icon-edit {
    font-size: larger;
    color: #ff0000;
}

.animated .ui-progressbar-value {
    background-image: url("../../images/progress-bar.gif") !important;
}

.onemenu-panel-lg .ui-selectonemenu-items-wrapper {
    max-height: 350px !important;
}

.onemenu-panel-lg .ui-selectonemenu-items-wrapper .ui-state-disabled {
    opacity: 1 !important;
}

.no-border-table th, .no-border-table td, .no-border-table .ui-treetable-header {
    border: 1px solid #fff !important;
}

.no-border-table .ui-datatable-footer, .no-border-table .ui-datatable-header {
    border: none !important;
}

.table-wrap .ui-datatable-tablewrapper {
    border: 1px solid #a8a8a8 !important;
}

.table-large-cell .ui-datatable-data tr, .table-large-cell .ui-datatable-scrollable-header-box tr {
    height: 40px !important;
}

.no-border-line th, .no-border-line td, .no-border-line .ui-widget-content, .no-border-line .ui-datatable-footer {
    border: none !important;
}

.no-border-table .ui-datatable-empty-message {
    color: #a8a8a8;
}

.table-no-pad td {
    padding: 0 !important;
}

.table-scroll-50 .ui-datatable-scrollable-body {
    height: 50vh !important;
}

.chkbox-inline .ui-chkbox-label {
    display: inline !important;
    text-overflow: ellipsis;
}

.chkbox-many-inline .ui-chkbox label, .chkbox-many-inline .ui-g label {
    display: inline !important;
}

.chkbox-flex-overflow {
    display: flex !important;
}

.chkbox-flex-overflow .ui-chkbox-label {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 1px !important;
}

.inline-radio .ui-g .ui-g-12 {
    padding: 0 !important;
}

.inline-radio label {
    display: inline !important;
}

@media screen and (min-width: 40.063em) and (max-width: 64.063em) {
    .ui-md-offset-2 {
        margin-left: 16.66666%;
    }

    .ui-md-offset-3 {
        margin-left: 25%;
    }

    .ui-md-offset-6 {
        margin-left: 50%;
    }

    .ui-md-offset-5 {
        margin-left: 41.66666%;
    }

    .left-space-25-lg {
        margin-left: 0 !important;
    }
}

@media screen and (max-height: 750px) {
    .sticky, .sticky-lower, .sticky-unit-header {
        position: relative !important;
        top: auto !important;
    }
}

.top-margin-15 {
    margin-top: 15px !important;
}

.pg-fixed {
    table-layout: fixed !important;
    width: 100% !important;
    border-collapse: separate;
}

.pg-fixed tr {
    border: none !important;
}

.pg-fixed td {
    border-top: none !important;
    border-bottom: none !important;
}

.pg-fixed tr td:not(:first-child) {
    text-align: center;
}

.md-child {
    margin-left: 15px !important;
    display: inline-block !important;
}

.md-child-sub {
    margin-left: 30px !important;
    display: inline-block !important;
}

.md-child-sub-no {
    margin-left: 30px !important;
}

.inp-no-border, .inp-no-border .ui-inputfield, .menu-no-border {
    border: none !important;
    background: transparent !important;
    min-height: 30px;
}

.inp-no-border:focus, .inp-no-border .ui-inputfield:focus, .menu-no-border:focus {
    border: 1px solid #00bfff !important;
    background: #fff !important;
    transition: border 1s, background 1s;
}

.menu-no-border .ui-selectonemenu-trigger {
    background: none !important;
    border: none !important;
}

.menu-no-border .ui-selectonemenu-trigger:hover {
    border: none !important;
    background: transparent !important;
    display: block !important;
}

.menu-no-border label {
    background: transparent !important;
}

.radio-noblur label.ui-state-disabled {
    opacity: 1 !important;
}

.fo-one-menu {
    background: #fff !important;
    box-shadow: none !important;
    min-height: 30px;
}

.fo-one-menu {
    border: 1px solid #808080 !important;
}

.fo-one-menu label {
    background: transparent !important;
}

.fo-one-menu .ui-selectonemenu-trigger, .fo-auto-complete button {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.fo-one-menu-panel input {
    box-sizing: border-box !important;
}

.fo-one-menu-panel .ui-selectonemenu-filter-container .ui-icon {
    right: 15% !important;
}

.fo-one-menu-panel .ui-selectonemenu-items-wrapper .ui-state-disabled {
    opacity: 0.80 !important;
}

.command-link-btn {
    height: 30px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    border: 1px solid #a8a8a8 !important;
    padding: 5px !important;
    border-radius: 3px !important;
    background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    text-shadow: none !important;
    margin: 5px !important;
    vertical-align: middle !important;
    color: #4f4f4f !important;
}

.confirm-command-link {
    font-weight: 100 !important;
    color: #fff !important;
    text-shadow: none !important;
}

.div-pad-10 {
    padding: 10px 4px !important;
}

.link-text {
    margin-left: 5px !important;
}

.header-bottom {
    vertical-align: bottom !important;
}

.filter-hidden .ui-column-filter {
    display: none !important;
}

.transparent-datalist .ui-datalist-content {
    background: transparent !important;
}

.row-highlight {
    background: #a3d6f3 !important;
    color: black !important;
}

.row-highlight a {
    color: #fff !important;
}

.row-highlight .ui-row-toggler {
    background-color: #fff !important;
}

.sign-grid .ui-inputfield {
    width: 100% !important;
    box-shadow: none !important;
    height: 40px !important;
    text-align: center !important;
}

.widget-no-border .ui-widget-content {
    border: none !important;
}

.sign-btn {
    width: 100% !important;
    box-shadow: none !important;
    height: 40px !important;
    text-align: center !important;
    background: transparent !important;
    font-weight: 100 !important;
}

.device-many-radio .ui-g div {
    padding: 0 !important;
    margin: 1px !important;
}

.no-pad-side-grid .ui-panelgrid-cell {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.panel-header {
    border-color: #91bad0 !important;
}

.panel-header .ui-panel-titlebar {
    font-size: larger;
    height: 25px;
    text-shadow: none;
    background-color: #91bad0;
    border: 1px solid #91bad0;
    overflow: hidden;
}

.panel-header .ui-inputfield {
    height: 40px !important;
}

.validate-fail, .validate-fail .ui-inputfield, .validate-fail .ui-selectonemenu-label {
    background: #ffff00 !important;
}

.grid-border .ui-panelgrid-cell {
    border: 1px solid #a8a8a8 !important;
    padding: 10px;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999;
    background: #fff;
}

.sticky-lower {
    position: -webkit-sticky;
    position: sticky;
    z-index: 99;
    background: #fff;
    top: 45px;
}

.sticky-sm {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;
    z-index: 999;
    background: #fff;
}

.sticky-unit-header {
    position: fixed;
    top: 14vh;
    width: 70vw;
    padding: 5px;
    background: #c2d8e5;
    z-index: 99999;
}

.row-header-tbl .ui-rowgroup-header {
    background: #2f556a !important;
    text-shadow: none !important;
    color: #fff !important;
}

.row-header-tbl .ui-rowgroup-header a {
    color: #fff !important;
}

.row-header-tbl .ui-rowgroup-header td {
    border: none !important;
}

.row-header-tbl th .ui-sortable-column-icon {
    display: none !important;
}

.inp-dynamic {
    font-size: 1.2em !important;
}

.inp-dynamic, .inp-dynamic .ui-selectonemenu-label, .inp-dynamic .ui-inputfield {
    min-height: 45px !important;
    border-radius: 3px;
}

.inp-dynamic .ui-selectonemenu-label, .inp-dynamic .ui-inputfield {
    padding: 5px;
}

.digital-clock .ui-clock {
    background: transparent;
}

.inp-label-up {
    font-size: 80% !important;
}

.inp-big-left, .inp-big-left .ui-inputfield {
    display: block;
    height: 30px;
    border-color: #a8a8a8 !important;
}

.inp-big-center, .inp-big-center .ui-inputfield {
    text-align: center !important;
    display: block;
    height: 30px;
    border-color: #a8a8a8 !important;
}

.inp-big-right {
    text-align: right !important;
    display: block;
    height: 30px;
    border-color: #a8a8a8 !important;
}

.text-overflow, .one-menu-text-overflow .ui-inputfield {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.content-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.link-lg {
    padding-top: 15px;
    font-size: large !important;
    font-weight: bold !important;
}

.no-header-table .ui-datatable-tablewrapper table thead {
    visibility: hidden !important;
}

.no-border-tree {
    border: none !important;
}

.no-border-tree .ui-tree-toggler {
    display: none !important;
}

.no-border-tree .ui-tree-container {
    overflow: hidden !important;
}

.no-border-tree .ui-treenode-label {
    width: 100% !important;
}

.no-border-tree .ui-treenode-children {
    width: 94% !important;
}

.no-margin {
    margin: 0 !important;
}

.text-left .ui-inputfield {
    text-align: left !important;
}

.border-primary {
    border-bottom: 2px solid #2f556a;
    margin: auto;
    width: 20%;
}

.border-box-primary {
    border: 1px solid #2f556a !important;
}

.border-box-primary.ui-state-error {
    border: 1px solid #ff0000 !important;
}

.vertical-center {
    display: flex;
    align-items: center;
}

.dlg-head {
    display: block;
    font-weight: bold;
    margin: 0 0 20px;
    border-bottom: 1px solid #329932;
    text-align: center;
    color: #4f4f4f;
}

.link-box {
    margin-bottom: 10px;
    font-size: larger;
    border: 1px solid #a8a8a8;
    border-radius: 3px;
}

.progress_bar {
    border-color: #feb76b !important;
}

.progress_bar .ui-progressbar-value {
    background-image: url("../../images/progress-bar.gif");
}

.fa-chart .jqplot-point-label {
    font-weight: bold;
}

.fa-chart .jqplot-highlighter-tooltip, .fa-chart .jqplot-canvasOverlay-tooltip {
    color: #ff0000 !important;
    font-weight: bold;
    background: #fff !important;
    z-index: 9999;
}

.tab-menu-clear {
    border: none;
}

.tab-menu-trans .ui-state-active .ui-menuitem-text {
    text-shadow: none !important;
}

.tab-menu-clear .ui-tabmenuitem {
    box-shadow: none;
    border: none;
}

.tab-menu-clear .ui-state-active {
    border: 1px solid #2f556a;
    margin-bottom: 0 !important;
}

.tab-menu-clear .ui-tabmenu-nav {
    background: transparent;
}

.tab-menu-content-wrap {
    border: 1px solid #2f556a;
    border-radius: 3px;
    padding: 5px;
    overflow: hidden;
}

.text-small {
    font-size: smaller !important;
}

.sign-confirm-btn {
    margin: 5px;
    text-align: center;
    display: block;
}

.box-border-wide {
    padding: 5px;
    border: 1px solid #a8a8a8;
    border-radius: 3px;
    display: block;
    font-size: larger;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-month {
    float: right !important;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-year {
    float: left !important;
}

.labeled_value {
    line-height: 1.6 !important;
    text-align: justify;
}

.borderbottom {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
}

.centerField {
    text-align: center;
    width: 100%;
}

.inp-required, .inp-required .ui-inputfield {
    background: yellow !important;
}

.double-underline {
    text-decoration: underline;
    border-bottom: 1px solid;
}

.accordion-border {
    border: 1px solid #a8a8a8 !important;
    border-radius: 3px;
}

.accordion-border .ui-accordion-header {
    box-shadow: none !important;
    margin: 0 !important;
}

.accordion-border .ui-accordion-content {
    overflow: hidden !important;
}

.accordion-no-pad .ui-accordion-content {
    padding: 0 !important;
}

.panel-grid-header {
    border: 1px solid #a8a8a8;
    background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    color: #333;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.tree-node, .tree-node .ui-treenode-label {
    width: 100% !important;
    border: none !important;
}

.tree-node .ui-tree-container {
    overflow: hidden !important;
}

.tree-node .ui-tree-container > .ui-treenode-parent > .ui-tree-selectable, .tree-node .ui-tree-container > .ui-treenode-leaf > .ui-tree-selectable {
    font-weight: bold !important;
}

.one-menu-no-trigger .ui-selectonemenu-trigger {
    display: none !important;
}

.one-menu-no-trigger {
    padding-right: 0 !important;
}

.one-menu-panel .ui-selectonemenu-filter {
    width: 83% !important;
}

.text-lg {
    font-weight: bold !important;
    font-size: larger !important;
}

.rating-level .ui-rating-star {
}

.headerRowCol {
    background: #2f556a !important;
    color: #fff !important;
}

.headerRowCol .ui-column-title {
    display: none !important;
}

.slidebar-left {
    position: fixed;
    top: 40px;
    left: 0;
    padding: 3px 0;
    margin: 5px;
    z-index: 9999;
}

.no-header-tree table thead {
    display: none !important;
}

.no-header-tree td, .no-header-tree tr, .no-header-tree tbody {
    border: none !important;
    padding: 1px !important;
}

.no-header-tree .ui-treetable-indent {
    width: 20px !important;
}

.pg-tabular .header-row {
    min-height: 30px;
    display: block;
    border: none;
    padding-top: 5px;
}

.pg-tabular .ui-widget-header {
    color: #4f4f4f !important;
}

.pg-tabular tr:hover {
    color: #03396c;
    font-weight: bold;
    background: #85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))) !important;
}

.pg-tabular tr:nth-child(odd) {
    background: none repeat scroll 0 0 #f2f5f9;
}

.pg-tabular .ui-panelgrid-cell {
    padding: 4px 4px !important;
}

.noblur .ui-state-disabled.hasDatepicker {
    padding: 4px !important;
}

#contentWrapper {
    overflow-y: scroll!important;
    height: 100%;
}

.document-data-list .ui-datalist-content {
    border: none !important;
}

.document-data-list .ui-datalist-content ul {
    margin: 0 !important;
}

.document-data-list li {
    min-height: 30px !important;
}

.document-data-list li:nth-child(even) {
    background: none repeat scroll 0 0 #f2f5f9;
}

.document-data-list .ui-datalist-nobullets {
    padding-left: 0;
}

.img-dynamic {
    width: 100% !important;
    height: 100%;
    transform: none;
    object-fit: contain;
}

#secretPeek:hover {
    font-size: large;
    color: #2f556a;
    transition: font-size 500ms, color 1s;
}

.header-lg {
    font-weight: bold!important;
    font-size: 20px!important;
    text-align: center!important;
}

.main-menu {
    text-align: left !important;
    background: #6ebcff!important;
    font-size: large!important;
    font-weight: bold!important;
    border: 1px solid #800020!important;
    border-radius: 5px!important;
    position: relative!important;
    margin-bottom: 10px!important;
}

.main-menu a {
    text-decoration: none!important;
    display: block!important;
    margin-top: 5px!important;
    padding: 10px!important;
    color: black!important;
    font-size: large!important;
}

.main-menu img, .main-menu .icon {
    max-width: 35px!important;
    max-height: 35px!important;
    float: left!important;
    margin-right: 15px!important;
    padding: 8px!important;
}

.hr-main {
    border-top: 2px solid;
    color: #800020;
    margin: 0 0;
}

.main-menu:hover {
    border-color: transparent!important;
    box-shadow: 0 0 25px #99324c!important;
    transition: box-shadow 1s, border-color 500ms;
}

.app-content .ui-state-disabled:not(.ui-commandlink):not(.ui-button) {
    opacity: 1;
}

.file-choose {
    padding-right: 5px!important;
    text-decoration: underline!important;
    text-align: right!important;
}

.dl-transparent .ui-datalist-content {
    background: transparent !important;
}

.bottom-border {
    border-bottom: 1px solid #a8a8a8!important;
    padding: 0 2px!important;
}

.panelgrid-highlight .ui-panelgrid-content:hover {
    box-shadow: 0 0 25px #000;
    border: 1px solid #000 !important;
    transition: box-shadow 1s;
}

.ui-timepicker-div .ui-widget-header {
    display: none;
}

.ui-timepicker-div .ui-timepicker-select {
    height: 35px;
    background: transparent;
    width: 80px;
}

.scroller-nopad .ui-datascroller-header, .scroller-nopad .ui-datascroller-content {
    padding: 0 !important;
}

.tab-menu-clear .ui-menuitem-link {
    padding: 5px !important;
}

.ui-alt-row-highlight tr:nth-child(even) {
    background: none repeat scroll 0 0 #f2f5f9 !important;
}

.bg-white {
    background: #fff !important;
}

.udvf-bottom {
    border-bottom-color: #fff !important;
}

.comp-block {
    display: block !important;
    white-space: normal !important;
}

.bg-col-blue {
    background-color: #d6ebf2!important;
}

.bg-col-blue-light {
    background-color: #e6f3f7!important;
}

.bg-col-red {
    background-color: #ffcccc!important;
}

.bg-col-red-light {
    background-color: #ffe0e0!important;
}

.bg-col-yellow {
    background-color: #ffff7f!important;
}

.bg-col-yellow-light {
    background-color: #ffffbf!important;
}

.bg-col-green {
    background-color: #b2ffb2!important;
}

.bg-col-green-light {
    background-color: #d8ffd8!important;
}

.bg-col-orange {
    background-color: #ffcf79!important;
}

.bg-col-light {
    background-color: #e4e4e4!important;
}

.bg-col-dark {
    background-color: #b9b9b9!important;
}

.trans-top-bottom-cell {
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
}

.apt-builtin-treenode .ui-state-highlight {
    background: transparent !important;
    font-weight: bold !important;
    text-shadow: none !important;
}

.pg-droppable {
    background: #a8a8a8 !important;
    border: 1px solid #7096ab;
    box-shadow: 0 0 10px #85b2cb;
}

.grouping-panel .ui-panel-content {
    padding: 2px !important;
}

.td-text-right {
    min-width: auto !important;
    column-width: auto !important;
    text-align: right !important;
}

.chkbox-reverse .ui-chkbox-box {
    background: transparent !important;
    opacity: 1 !important;
    transform: scale(1.1);
}

.radio-nopad .ui-g-12 {
    padding: 0 !important;
}

.radio-no-label .ui-g-12 label {
    display: none !important;
}

.scroller-borderless .ui-datascroller-content {
    border: none !important;
}

.tab-view-border .ui-tabs-panel {
    border: 1px solid #a8a8a8 !important;
    margin: 0 3px !important;
}

.unit-input-wrapper {
    position: relative;
}

.unit-relative {
    position: absolute;
    top: 15%;
    right: 5px;
}

.row-odd, .ui-outputpanel-alt .ui-outputpanel:nth-child(odd) {
    background: transparent !important;
}

.row-even, .ui-outputpanel-alt .ui-outputpanel:nth-child(even) {
    background: none repeat scroll 0 0 #f2f5f9 !important;
}

.fo-panel label {
    color: #4f4f4f;
}

.fo-terms div:nth-child(-n+3), .fo-terms div[title='header'] {
    display: none;
}

.fo-terms p {
    text-align: justify !important;
}

#multiFamilyForm .ui-inputfield {
    box-shadow: none !important;
    min-height: 30px;
}

.unit-input-wrapper {
    position: relative;
}

.slide-bar-ul li {
    font-size: large;
    padding: 10px;
    margin: 2px;
    list-style: none;
}

.slide-bar-ul li a {
    text-decoration: none!important;
}

.slide-bar-active {
    background: #2f556a!important;
    border: 1px solid #2f556a!important;
    font-weight: bold!important;
    padding: 7px!important;
    color: #fff !important;
    border-radius: 3px!important;
}

.slide-bar-right {
    position: fixed;
    top: 40px;
    right: 10px;
    padding: 3px 0;
    margin: 5px;
    z-index: 9999;
}

.resident-abstract-slide-bar-right {
    position: fixed;
    width: 40px;
    right: 10px;
    padding: 3px 0;
    margin: 5px;
    z-index: 9999;
}

.saleOperatingPG td {
    padding: 1px 10px !important;
}

.slide-bar-menu {
    background: transparent !important;
    width: auto !important;
    overflow: hidden !important;
}

.slide-bar-menu li {
    width: 100% !important;
    margin: 5px !important;
    text-transform: uppercase;
    background: none !important;
    border: none !important;
}

.slide-bar-menu .ui-menuitem a {
    display: inline-flex !important;
    padding-left: 22px !important;
}

.slide-bar-menu .ui-menuitem a:hover {
    background: #2f556a !important;
    color: #fff !important;
    font-weight: bold!important;
    transition: font-weight 1000ms, color 500ms, background 750ms!important;
}

.slide-bar-menu h3 {
    padding-left: 0 !important;
    color: #0a6087!important;
}

.slide-bar-menu h3 .ui-icon {
    padding-right: 10px!important;
}

.frozen-rent-datatable .ui-datatable-scrollable-body, .frozen-scroll-dt .ui-datatable-scrollable-body {
    overflow-x: scroll !important;
}

.frozen-rent-datatable .ui-datatable-frozenlayout-left {
    border-right: 1px solid #a8a8a8 !important;
}

.scrollable-table {
    table-layout: fixed!important;
}

.scrollable-table td {
    border-color: #fff !important;
    padding: 0 !important;
    vertical-align: top !important;
}

.scrollable-table .ui-widget-header {
    vertical-align: bottom !important;
}

.scrollable-table td::-webkit-scrollbar, .content-layout .ui-layout-unit-content::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 15px;
    background-color: transparent;
}

.scrollable-table td::-webkit-scrollbar-thumb, .content-layout .ui-layout-unit-content::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 1px solid white;
    background-color: rgba(194, 194, 194, .5);
}

.pac-container, .pac-item {
    width: max-content !important;
}

#map {
    height: 100%;
}

.fo-one-menu-bold .ui-inputfield {
    font-weight: bold !important;
}

.search-slider {
    background: transparent;
    border: 1px solid #329932;
    box-shadow: inset 0 2px 2px #add6ad;
    border-radius: 2px;
}

.search-slider .ui-slider-handle {
    box-shadow: none;
    background: #329932;
    width: 20px !important;
    height: 20px !important;
    border: none;
    border-radius: 2px;
}

.progress-static {
    position: absolute;
    top: 5vh;
    right: 10px;
    width: 200px !important;
}

.btn-no-border {
    border: none !important;
    border-radius: 3px !important;
    font-weight: bold;
}

.map-label-table {
    border-spacing: 5px;
}

.map-label-table th {
    border: none;
    text-align: left;
}

.printer-bg-graphics {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
    height: 100%;
    width: 100%;
}

.replacement-cb-logs .ui-datatable-scrollable-body {
    max-height: 55vh !important;
}

.marker-box {
    position: relative;
}

.marker-box img {
    height: 38px;
    width: 38px;
}

.marker-box span {
    position: absolute;
    font-weight: bold;
    top: 5%;
    left: 25%;
}

.separator-right {
    border-right: 1px solid #a8a8a8;
}

.no-pad-datatable .ui-datatable-tablewrapper th {
    padding: 0 !important;
    background: transparent !important;
}

.no-pad-datatable .ui-datatable-tablewrapper td {
    padding: 0 5px !important;
}

.no-pad-datatable .ui-datatable-tablewrapper tr, .no-pad-datatable .ui-datatable-data {
    background: transparent !important;
}


.tab-view-small-pad .ui-tabs-panel {
    padding: 1em !important;
}

.tab-view-crop .ui-tabmenuitem {
    max-width: 20vw !important;
    overflow: hidden;
}

.tab-view-crop .ui-tabmenuitem .ui-menuitem-text {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.storage-dt .ui-datatable-frozenlayout-right .ui-datatable-scrollable-body {
    display: block !important;
    overflow: scroll !important;
}

.fixed-height {
    height: 30px;
    overflow: hidden;
}

.row-group-data-table .ui-rowgroup-header .ui-rowgroup-toggler {
    display: none !important;
}

.notify-list li:nth-child(even), .even-highlight .ui-datascroller-list .ui-datascroller-item:nth-child(odd),
.auto-complete-alt li:nth-child(even), .alternate-row-color-pg .ui-panelgrid-content .ui-g:nth-child(even),
.vendor-ref-pg tr:nth-child(even), .feature-tree-tbl .ui-node-level-2:nth-child(odd), .feature-tree-tbl .ui-node-level-3:nth-child(odd),
.alt-content:nth-child(odd) {
    background-color: #eaecee;
}

.utility-content {
    height: 81vh;
    overflow-y: scroll;
}

.auto-complete-alt li {
    min-height: 10px;
}

.ui-treetable-table tbody tr:nth-child(even) {
    background: #e9ecef;
}

.feature-tree-tbl, .feature-tree-tbl th, .feature-tree-tbl tr, .feature-tree-tbl td, .feature-tree-tbl tbody {
    border: none !important;
}

.feature-tree-tbl td {
    padding: 0 !important;
}

.feature-tree-tbl .ui-node-level-1 {
    background: #b7cad5 !important;
    height: 25px;
}

.img-zoom:hover {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    position: relative;
    z-index: 999;
    transition: transform 500ms;
}

.cell-nopad {
    padding: 0 !important;
}

.text-g{
    color: green!important;
}

.text-blue{
    color: blue!important;
}

.text-nu{
    text-decoration: none!important;
}

.file-tool:hover {
    padding: 3px;
    border-radius: 3px;
    border: 1px solid #a8a8a8;
    background: #a8a8a8;
    font-size: 2em;
    transition: font-size 500ms;
}

.top-divider {
    border-bottom: 1px solid #a8a8a8;
}

.frozen-scroll-dt .ui-state-hover td {
    background: #85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0))) !important;
    box-shadow: 0 0 8px #85b2cb;
    font-weight: bold;
}

.vnd-login-opt {
    text-decoration: none !important;
    font-weight: bold;
    padding: 10px;
}

.vnd-login-opt:hover {
    background: #a8a8a8;
    border-radius: 5px;
    transition: background 500ms;
}

.inp-bold {
    font-weight: bold !important;
}


.ui-growl .ui-growl-icon-close{
    background-color:yellow;
}

.vcc-main-menu {
    text-align: left !important;
    background: #6ebcff!important;
    font-size: large!important;
    font-weight: bold!important;
    border: 1px solid #800020!important;
    border-radius: 5px!important;
    position: relative!important;
    margin-bottom: 10px!important;
}

.vcc-main-menu a {
    text-decoration: none!important;
    display: block!important;
    margin-top: 5px!important;
    padding: 13px!important;
    color: black!important;
    font-size: large!important;
    border-radius: 15px 15px 15px 5px;
}

.vcc-main-menu img, .vcc-main-menu .icon {
    max-width: 25px!important;
    max-height: 28px!important;
    float: left!important;
    margin-right: 20px!important;
    padding: 8px!important;
    margin-left: 3px;
}

.vcc-main-menu:hover {
    border-color: transparent!important;
    box-shadow: 0 0 25px #99324c!important;
    transition: box-shadow 1s, border-color 500ms;
}

.align-top{
    vertical-align: top!important;
}