/* You can add global styles to this file, and also import other style files */

table .ui-inputtext {
    width: 100%;
}

.ui-fluid .ui-inputtext {
    min-height: 25px;
}

/* input.error-input, .error-input input, input.ng-invalid.ng-touched, select.ng-invalid.ng-touched
{
    background-image: linear-gradient(to bottom, #e62a10, #e62a10), linear-gradient(to bottom, #e62a10, #e62a10);
} */

.showErrors input.ng-invalid, .showErrors textarea.ng-invalid, .showErrors select.ng-invalid, .showErrors p-calendar.ng-invalid input, .showErrors p-inputmask.ng-invalid input, .showErrors p-autocomplete.ng-invalid .ui-inputtext, .showErrors p-dropdown.ng-invalid .ui-dropdown {
    background-image: linear-gradient(to bottom, #e62a10, #e62a10), linear-gradient(to bottom, #e62a10, #e62a10);
}

.showErrors p-editor.ng-invalid .ui-editor-toolbar, .showErrors p-editor.ng-invalid .ui-editor-content {
    border-color: #e62a10;
}

/* When showErrorAfterTouched is true in config.json */

/* input.ng-invalid.ng-touched, 
textarea.ng-invalid.ng-touched, 
select.ng-invalid.ng-touched, 
p-calendar.ng-invalid.ng-touched input, 
p-inputmask.ng-invalid.ng-touched input,
p-autocomplete.ng-invalid.ng-touched input,
p-dropdown.ng-invalid.ng-touched .ui-dropdown
{
    background-image: linear-gradient(to bottom, #e62a10, #e62a10), linear-gradient(to bottom, #e62a10, #e62a10);
}

.showErrors p-editor.ng-invalid.ng-touched .ui-editor-toolbar, 
.showErrors p-editor.ng-invalid.ng-touched .ui-editor-content
{
    border-color: #e62a10;
}
*/

.color-red {
    color: #e62a10;
}

.ui-tabview-left>.ui-tabview-nav {
    width: 15% !important;
    height: auto !important;
}

.ui-tabview-left>.ui-tabview-panels {
    width: 85% !important;
}

p-inputmask {
    padding: 0px !important;
    background-image: none !important;
}

p-inputmask[ng-reflect-disabled="true"] {
    background-image: none;
    cursor: auto !important;
}

.ui-dropdown {
    max-width: 95%;
}

p-autocomplete[oneitautocomplete] .ui-autocomplete-dropdown {
    margin-bottom: 5px;
}

p-autocomplete[oneitautocomplete] .ui-autocomplete-dropdown .pi.pi-caret-down:before {
    content: "\e94c";
    font-family: primeicons;
    font-size: 1.3rem;
    margin-bottom: 15px;
}

p-autocomplete[oneitautocomplete] .ui-autocomplete-dropdown.ui-widget:disabled, p-autocomplete[oneitautocomplete] .ui-autocomplete-dropdown.ui-state:disabled {
    opacity: 1;
}

.ui-toolbar-group-right.actionBtn {
    margin-right: 50px;
}

.ui-table-vertical .ui-table-tbody>tr>td {
    text-align: left;
    display: block;
    border: 0 none;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    clear: left;
}

.ui-table-vertical .ui-table-tbody>tr>td .ui-column-vertical-title {
    padding: .4em;
    min-width: 30%;
    display: inline-block;
    margin: -.4em 1em -.4em -.4em;
    font-weight: bold;
}

.ui-table-vertical .no-bg-border {
    background: none !important;
}

.ui-table-vertical .no-bg-border td {
    border: none !important;
}

p-tabview {
    width: 100%;
}

.overflowYAuto { 
    overflow-y: auto;
    max-height: 70vh;
}

p-progressSpinner {
    bottom: calc(100vh/2) !important;
    right: calc(100vw/2) !important;
    position: fixed !important;
}
