//new added by Lou
// .page-header-row {
//     padding: 0px 30px;
// }

// .page-container {
//     padding: 0px 30px;
// }

// .no-of-record {
//     font-size: 14px;
// }

.ui-tooltip {
    max-width: 42.5em !important;
}

.hideMenu {
    .sidebar {
        margin-left: -470px !important;
    }
    .main-container {
        margin-left: 0 !important;
    }
}

.main-container {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.navbar-brand {
    margin-left: 5px;
}

.nav-hide-menu {
    border-color: #999;
    border-width: 1px;
    border-right-style: solid;
    border-left-style: none;
}

.nav-hide-menu-hide {
    .nav-hide-menu {
        display: none !important;
    }
}

.ui-datatable-data>tr>td {
    overflow: hidden;
    word-wrap: break-word;
}

.ui-table-tbody>tr>td {
    overflow: hidden;
    word-wrap: break-word;
}

// for computer or tablet
@media only screen and (min-width: 35.1em)  {
    .ui-state-default {
        & .vertical-text  {
            vertical-align: bottom;
        }
    }

    .vertical-text {
        & .ui-column-title {
            // transform: rotate(-90deg);
            // transform-origin: 61% 41% 0;
            writing-mode: vertical-rl;
            // text-orientation: upright;
            transform: rotate(-180deg);
            margin: 3px 0 -3px 0;
        }
    }

    // p-table start
    .vertical-text-header {
        width: 38px;
    }
    .vertical-text-header-span {
        // transform: rotate(-90deg);
        // transform-origin: 61% 41% 0;
        writing-mode: vertical-rl;
        // text-orientation: upright;
        transform: rotate(-180deg);
        margin: 3px 0 -3px 0;
    }

    .ui-text-global-filter {
        // width: auto;
        width: 90% !important;
        text-align: center;
    }

    .ui-header-global-filter {
        text-align: center;
    }

    .ui-header-global-filter > input {
        width: 90% !important;
    }
    // p-table end

}

// for phone
@media only screen and (max-width: 35em)  {
    .ui-text-global-filter {
        width: 80% !important;
        text-align: center;
    }

    .ui-header-global-filter {
        text-align: center;
    }

    .ui-header-global-filter > input {
        width: 80% !important;
    }

}

.ui-table-thead {
    text-align: center;
}

.refresh-current-page {
    // vertical-align: middle;
    // padding-left: 4px;
    // float: right;
    // padding: 5px 0;
    padding: 0px 4px 0px 0px;
}

.ui-paginator-page {
    width: auto !important;
}

.permission-table> .ui-table-wrapper {
    max-height: 550px;
}

.ui-fluid .ui-button-text-icon-left .ui-button-text,
.ui-fluid .ui-button-text-icon-right .ui-button-text {
    padding-left: 2em !important;
    // padding-right: 1em;
}

.ui-widget-header {
    text-align: center;
}

.show-menu-button {
    // margin-right: 5px;
    // width: 24px !important;
    // font-size: 22px !important;
    // float: left;
    // padding: 1px 0;
    position: absolute;
    z-index: 10;
    right: 0;
}

.global-search-icon {
    margin: 5px 5px 0 5px;
    float: left;
    padding: 1px 0;
}

.show-menu-checkbox > label {
    margin: 3px 0;
}

.mandatory-field {
    color: #f9808b;
}

.ui-fieldset .ui-fieldset-toggler {
    margin-right: .5em !important;
    color: #848484;
}

.ui-datatable-thead>tr>th {
    font-weight: bold !important;
    color: #1b1d1f !important;
}

.rowexpansion-header {
    padding:3px 6% 0 0 !important;
    text-align: left;
}

.rowexpansion-field {
    padding:0 !important;
}

.rowexpansion-row {
    padding:0 20px;
}

.rowexpansion-subrow {
    padding:0 !important;
    border-bottom: #d5d5d5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.ui-dropdown-panel .ui-dropdown-item {
    height: 20px;
}

.up-down-lable {
    padding: .5em .5em 0 .5em !important;
}

.ui-confirmdialog {z-index: 20000 !important;}
// .ui-widget-overlay {z-index: 19999 !important;}

.ui-growl {z-index: 30000 !important;}

///////////////////////////////


.ui-panelmenu .ui-panelmenu-content > .ui-panelmenu-root-submenu > .ui-submenu-list {
    margin-left: 10px !important;
}



body .ui-messages {
    padding: 1em;
    margin: 1em 0;
}

body .ui-messages.ui-messages-info {
    background-color: #7fbcec;
    border: 0 none;
    color: #212121;
}

body .ui-messages.ui-messages-info .ui-messages-icon {
    color: #212121;
}

body .ui-messages.ui-messages-info .ui-messages-close {
    color: #212121;
}

body .ui-messages.ui-messages-success {
    background-color: #b7d8b7;
    border: 0 none;
    color: #212121;
}

body .ui-messages.ui-messages-success .ui-messages-icon {
    color: #212121;
}

body .ui-messages.ui-messages-success .ui-messages-close {
    color: #212121;
}

body .ui-messages.ui-messages-warn {
    background-color: #ffe399;
    border: 0 none;
    color: #212121;
}

body .ui-messages.ui-messages-warn .ui-messages-icon {
    color: #212121;
}

body .ui-messages.ui-messages-warn .ui-messages-close {
    color: #212121;
}

body .ui-messages.ui-messages-error {
    background-color: #f8b7bd;
    border: 0 none;
    color: #212121;
}

body .ui-messages.ui-messages-error .ui-messages-icon {
    color: #212121;
}

body .ui-messages.ui-messages-error .ui-messages-close {
    color: #212121;
}

body .ui-messages .ui-messages-close {
    top: 0.25em;
    right: 0.5em;
    font-size: 1.5em;
}

body .ui-messages .ui-messages-icon {
    font-size: 2em;
}

body .ui-message {
    padding: 0.429em;
    margin: 0;
}

body .ui-message.ui-message-info {
    background-color: #7fbcec;
    border: 0 none;
    color: #212121;
}

body .ui-message.ui-message-info .ui-message-icon {
    color: #212121;
}

body .ui-message.ui-message-success {
    background-color: #b7d8b7;
    border: 0 none;
    color: #212121;
}

body .ui-message.ui-message-success .ui-message-icon {
    color: #212121;
}

body .ui-message.ui-message-warn {
    background-color: #ffe399;
    border: 0 none;
    color: #212121;
}

body .ui-message.ui-message-warn .ui-message-icon {
    color: #212121;
}

body .ui-message.ui-message-error {
    background-color: #f8b7bd;
    border: 0 none;
    color: #212121;
}

body .ui-message.ui-message-error .ui-message-icon {
    color: #212121;
}

body .ui-message .ui-message-icon {
    font-size: 1.25em;
}

body .ui-message .ui-message-text {
    font-size: 1em;
}

.ui-messages-error {
    color: #AB1A0F;
    background-color: #FFCBC8;
    border-color: #FFCBC8;
}


body .ui-button.ui-state-default.ui-button-secondary, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default {
    color: #333333;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
}

body .ui-button.ui-state-default.ui-button-secondary:enabled:hover, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:hover {
    background-color: #c8c8c8;
    color: #333333;
    border-color: #c8c8c8;
}

body .ui-button.ui-state-default.ui-button-secondary:enabled:focus, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:focus {
    -webkit-box-shadow: 0 0 0 0.2em #8dcdff;
    -moz-box-shadow: 0 0 0 0.2em #8dcdff;
    box-shadow: 0 0 0 0.2em #8dcdff;
}

body .ui-button.ui-state-default.ui-button-secondary:enabled:active, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:active {
    background-color: #a0a0a0;
    color: #333333;
    border-color: #a0a0a0;
}

body .ui-button.ui-state-default.ui-button-info, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default {
    color: #ffffff;
    background-color: #007ad9;
    border: 1px solid #007ad9;
}

body .ui-button.ui-state-default.ui-button-info:enabled:hover, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:hover {
    background-color: #116fbf;
    color: #ffffff;
    border-color: #116fbf;
}

body .ui-button.ui-state-default.ui-button-info:enabled:focus, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:focus {
    -webkit-box-shadow: 0 0 0 0.2em #8dcdff;
    -moz-box-shadow: 0 0 0 0.2em #8dcdff;
    box-shadow: 0 0 0 0.2em #8dcdff;
}

body .ui-button.ui-state-default.ui-button-info:enabled:active, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:active {
    background-color: #005b9f;
    color: #ffffff;
    border-color: #005b9f;
}

body .ui-button.ui-state-default.ui-button-success, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default {
    color: #ffffff;
    background-color: #34A835;
    border: 1px solid #34A835;
}

body .ui-button.ui-state-default.ui-button-success:enabled:hover, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:hover {
    background-color: #107D11;
    color: #ffffff;
    border-color: #107D11;
}

body .ui-button.ui-state-default.ui-button-success:enabled:focus, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:focus {
    -webkit-box-shadow: 0 0 0 0.2em #aae5aa;
    -moz-box-shadow: 0 0 0 0.2em #aae5aa;
    box-shadow: 0 0 0 0.2em #aae5aa;
}

body .ui-button.ui-state-default.ui-button-success:enabled:active, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:active {
    background-color: #0C6B0D;
    color: #ffffff;
    border-color: #0C6B0D;
}

body .ui-button.ui-state-default.ui-button-warning, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default {
    color: #333333;
    background-color: #ffba01;
    border: 1px solid #ffba01;
}

body .ui-button.ui-state-default.ui-button-warning:enabled:hover, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:hover {
    background-color: #ED990B;
    color: #333333;
    border-color: #ED990B;
}

body .ui-button.ui-state-default.ui-button-warning:enabled:focus, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:focus {
    -webkit-box-shadow: 0 0 0 0.2em #ffeab4;
    -moz-box-shadow: 0 0 0 0.2em #ffeab4;
    box-shadow: 0 0 0 0.2em #ffeab4;
}

body .ui-button.ui-state-default.ui-button-warning:enabled:active, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:active {
    background-color: #D38B10;
    color: #333333;
    border-color: #D38B10;
}

body .ui-button.ui-state-default.ui-button-danger, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default {
    color: #ffffff;
    background-color: #e91224;
    border: 1px solid #e91224;
}

body .ui-button.ui-state-default.ui-button-danger:enabled:hover, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:hover {
    background-color: #c01120;
    color: #ffffff;
    border-color: #c01120;
}

body .ui-button.ui-state-default.ui-button-danger:enabled:focus, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:focus {
    -webkit-box-shadow: 0 0 0 0.2em #f9b4ba;
    -moz-box-shadow: 0 0 0 0.2em #f9b4ba;
    box-shadow: 0 0 0 0.2em #f9b4ba;
}

body .ui-button.ui-state-default.ui-button-danger:enabled:active, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:active {
    background-color: #a90000;
    color: #ffffff;
    border-color: #a90000;
}

.ui-button-default-etable {
    // width: 21px !important;
    background: #f7f7f700 !important;
    border: none !important;
    color: #000 !important;
}

.ui-etable-func {
    text-align: center;
}

.ui-etable-total {
    background-color: #CCCACA !important;
    font-weight: bold;
}

//  .ui-etable {
//      font-size: 11px;
//  }

.text-uppercase {
    text-transform: uppercase;
}

.etable-number-general {
    text-align: right;
}

.etable-amount-general {
    text-align: right;
}

.etable-int-general {
    text-align: right;
}

.etable-datetime-general {
    text-align: left;
}


.etable-number-general-footer {
    text-align: right;
}

.etable-amount-general-footer {
    text-align: right;
}

.etable-int-general-footer {
    text-align: right;
}

.etable-datetime-general-footer {
    text-align: left;
}


.ui-picklist-buttons-cell > .ui-button {
    min-width: 25px;
}

.content-section {
    width: 100%;
    float: left;
    // box-sizing: border-box;
    // padding: .5em;
}

.breadcrumb {
    margin-bottom: 0;
}

.delete-msg-pre {
    font-size: inherit !important;
}

.ipms-p-checkbox > div > span {
    font-size: 12px;
}

.ui-dropdown-item.ui-corner-all {
    // overflow: hidden;
    // text-overflow: ellipsis;
    white-space: nowrap;
}

.ipms-cal-show-icon > .ui-inputtext {
    width: calc(100% - 29px) !important;
}

.ipms-cal-show-icon > .ui-button {
    margin-left: 5px;
    margin-right: 0;
}

.ui-message-row {
    margin: 0 0 10px 0 !important;
    border: 1px solid;
}

.ui-message-row > span {
    display: inline-block;
    width: 100%;
}

.ipms-p-checkbox-label {
    margin-bottom: 0;
}

.mandatory-field {
    color: red;
}

.label-display {
    opacity: 0.6;
    border-radius: 3px;
    color: #898989;
    border: 1px solid #d6d6d6;
    padding: .25em;
    width: 100%;
    min-height: 28px;
}

.ipms-left-menu .ipms-left-first-menu {
    padding-left: 15px;
}

.ipms-left-menu .ipms-left-second-menu {
    padding-left: 16px;
}

.ipms-left-menu .ipms-left-menu-3 {
    padding-left: 16px;
}

.ipms-left-menu .ipms-left-menu-4 {
    padding-left: 17px;
}

.ipms-left-first-label .ui-menuitem-text {
    width: 185px;
}

.ipms-left-second-label .ui-menuitem-text {
    width: 175px;
}

.ipms-left-label-3 .ui-menuitem-text {
    width: 170px;
}

.ipms-left-label-4 .ui-menuitem-text {
    width: 160px;
}

.ipms-left-first-label .ui-menuitem-text,
.ipms-left-second-label .ui-menuitem-text,
.ipms-left-third-label .ui-menuitem-text {
    // width: 185px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.breadcrumb-item > a {
    padding-left: 2px;
}

.error-dialog-content > h1 {
    font-size: 1.625rem;
}

.show-menu-checkbox-sc {
    .ui-chkbox-box.ui-state-active {
        border-color: #fff;
        background-color: #fff;
    }

    .ui-state-default {
        border: 1px solid #fff;
    }

    .ui-chkbox-icon {
        color: #624e4e;
        // margin: -6px;
    }

    .ui-chkbox-box.ui-state-focus {
        box-shadow: none;
    }

    .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
        border-color: #fff;
        // background: rgb(156, 136, 136);
        color: #fff;
    }

    .ui-chkbox-box.ui-state-focus.ui-state-active {
        background: #fff;
    }

}

.popup-menu-cb-container .ui-chkbox-label {
    margin-bottom: 0;
    margin-left: 5px;
}

.popup-menu-cb-container {
    margin-bottom: 2px;
}

.show-menu-listbox-sc {
    border: none !important;
    min-width: 300px;

    .ui-state-highlight {
        background: #fff;
        color: #000;
    }

    .ui-chkbox-box.ui-state-active {
        border-color: #fff;
        background-color: #fff;
    }

    .ui-state-default {
        border: 1px solid #fff;
    }

    .ui-chkbox-icon {
        color: #624e4e;
        // margin: -6px;
    }

    .ui-chkbox-box.ui-state-focus {
        box-shadow: none;
    }

    // .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
    //     border-color: rgb(51, 49, 49);
    //     // background: rgb(156, 136, 136);
    //     color: #fff;
    // }

    .ui-listbox-item:hover {
        border: 1px solid #000;
    }

    .ui-chkbox-box.ui-state-focus.ui-state-active {
        background: #fff;
    }

    .ui-listbox-item > span {
        padding-left: 5px;
    }
}

.ui-chkbox .ui-chkbox-icon {
    // margin: -1px 0 0 -1px;
    font-size: 12px;
}