@charset "UTF-8";
/*
* Bootstrap overrides https://v4-alpha.getbootstrap.com/getting-started/options/
* All values defined in bootstrap source
* https://github.com/twbs/bootstrap/blob/v4-dev/scss/_variables.scss can be overwritten here
* Make sure not to add !default to values here
*/
/* ==============================================================
Bootstrap tweaks
===============================================================*/
body, h1, h2, h3, h4 {
  font-weight: 300; }

a {
  color: #533f03;
  font-weight: bold; }

a:hover {
  color: #533f03;
  font-weight: bold; }

/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
Generic styles
========================================================================== */
/* Error highlight on input fields */
.ng-valid[required], .ng-valid.required {
  border-left: 5px solid green; }

.ng-invalid:not(form) {
  border-left: 5px solid red; }

/* other generic styles */
.jh-card {
  padding: 1.5%;
  margin-top: 20px;
  border: none; }

.error {
  color: white;
  background-color: red; }

.pad {
  padding: 10px; }

.w-40 {
  width: 40% !important; }

.w-60 {
  width: 60% !important; }

.break {
  white-space: normal;
  word-break: break-all; }

.readonly {
  background-color: #eee;
  opacity: 1; }

.footer {
  border-top: 1px solid rgba(0, 0, 0, 0.125); }

/* ==========================================================================
make sure browsers use the pointer cursor for anchors, even with no href
========================================================================== */
a:hover {
  cursor: pointer; }

.hand, [jhisortby] {
  cursor: pointer; }

/* ==========================================================================
Custom alerts for notification
========================================================================== */
.alerts .alert {
  text-overflow: ellipsis; }
  .alerts .alert pre {
    background: none;
    border: none;
    font: inherit;
    color: inherit;
    padding: 0;
    margin: 0; }
  .alerts .alert .popover pre {
    font-size: 10px; }

.alerts .toast {
  position: fixed;
  width: 100%; }
  .alerts .toast.left {
    left: 5px; }
  .alerts .toast.right {
    right: 5px; }
  .alerts .toast.top {
    top: 55px; }
  .alerts .toast.bottom {
    bottom: 55px; }

@media screen and (min-width: 480px) {
  .alerts .toast {
    width: 50%; } }

/* ==========================================================================
entity tables helpers
========================================================================== */
/* Remove Bootstrap padding from the element
   http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.no-padding-left {
  padding-left: 0 !important; }

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

.no-padding-top {
  padding-top: 0 !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

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

/* bootstrap 3 input-group 100% width
   http://stackoverflow.com/questions/23436430/bootstrap-3-input-group-100-width */
.width-min {
  width: 1% !important; }

/* Makes toolbar not wrap on smaller screens
   http://www.sketchingwithcss.com/samplechapter/cheatsheet.html#right */
.flex-btn-group-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-end;
  justify-content: flex-end; }

/* ==========================================================================
entity detail page css
========================================================================== */
.row.jh-entity-details > dd {
  margin-bottom: 15px; }

@media screen and (min-width: 768px) {
  .row.jh-entity-details > dt {
    margin-bottom: 15px; }
  .row.jh-entity-details > dd {
    border-bottom: 1px solid #eee;
    padding-left: 180px;
    margin-left: 0; } }

/* ==========================================================================
ui bootstrap tweaks
========================================================================== */
.nav, .pagination, .carousel, .panel-title a {
  cursor: pointer; }

.datetime-picker-dropdown > li.date-picker-menu div > table .btn-default,
.uib-datepicker-popup > li > div.uib-datepicker > table .btn-default {
  border: 0; }

.datetime-picker-dropdown > li.date-picker-menu div > table:focus,
.uib-datepicker-popup > li > div.uib-datepicker > table:focus {
  outline: none; }

body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text {
  padding: 0.40em; }

body .row {
  padding-bottom: 15px; }

.ui-chkbox-label {
  padding-top: 5px; }

.primeng-paging-container {
  position: relative; }

body .ui-paginator {
  padding: 5px; }

/* jhipster-needle-scss-add-main JHipster will add new css style */
p-calendar .ui-inputtext {
  width: 80%; }

.form-control-middle-text {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box; }

body p-dropdown.ng-valid[required] > div, p-autocomplete.ng-valid.required > div {
  border-left: 5px solid green;
  /* green */ }

body p-dropdown.ng-invalid:not(form) > div {
  border-left: 5px solid red;
  /* red */ }

body p-dropdown.ng-valid[required], p-dropdown.ng-valid.required {
  border-left: 0 none; }

body p-dropdown.ng-invalid:not(form) {
  border-left: 0 none; }

body li.ui-autocomplete-list-item.ui-corner-all {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-bottom: 5px;
  padding-top: 5px; }

body li.ui-autocomplete-list-item.ui-corner-all:last-child {
  border: none; }

body .ui-slidemenu-rootlist {
  width: 100% !important; }

body .modalSize > .modal-lg {
  max-width: 80%; }

body .modal-bigger > .modal-dialog {
  max-width: 97%; }

.ui-confirmdialog {
  z-index: 1500 !important; }

body .ui-g-1,
.ui-g-2,
.ui-g-3,
.ui-g-4,
.ui-g-5,
.ui-g-6,
.ui-g-7,
.ui-g-8,
.ui-g-9,
.ui-g-10,
.ui-g-11,
.ui-g-12 {
  float: left;
  box-sizing: border-box;
  padding: 0.3em !important; }

/*ESTILOS PARA SOLUCIONAR PROBLEMA DE FLOAT LABEL EN FIREFOX (quitar cuando la próxima build de primeng los solucione)*/
.ui-float-label > input:focus ~ label,
.ui-float-label > input.ui-state-filled ~ label,
.ui-float-label > .ui-inputwrapper-focus ~ label,
.ui-float-label > .ui-inputwrapper-filled ~ label {
  top: -.75em;
  font-size: 12px; }