/* All css imports moved here to preserve same order. When added in angular.json, order gets changed */
@import url('~bootstrap/dist/css/bootstrap.min.css');
@import url('~primeng/resources/primeng.min.css');
@import url('~font-awesome/css/font-awesome.min.css');
@import url('~fullcalendar/dist/fullcalendar.min.css');
@import url('~quill/dist/quill.snow.css');
@import url('~primeicons/primeicons.css');
@import url('~select2/dist/css/select2.min.css');
@import url('~assets/css/common.css');

/* 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;
}
