/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


form span.error {
    width: 100%;
    font-size: 0.857rem;
  }
  form .error:not(input) {
    color: #ea5455;
  }
  form input.error,
  form input.error:focus {
    border-color: #ea5455 !important;
  }
  form textarea.error {
    border-color: #ea5455 !important;
  }
  form .select2.error + .select2-container--classic .select2-selection--single,
  form .select2.error + .select2-container--default .select2-selection--single,
  form .select2.error + .select2-container--classic .select2-selection--multiple,
  form .select2.error + .select2-container--default .select2-selection--multiple {
    border-color: #ea5455 !important;
  }

  .was-validated .form-select:invalid:not([multiple]):not([size]),
  .was-validated .form-select:invalid:not([multiple])[size="1"],
  .form-select.is-invalid:not([multiple]):not([size]),
  .form-select.is-invalid:not([multiple])[size="1"] {
    background-position: right 1rem center, center right 2.5rem;
  }

  .rotated-th {
    /**
    * Since the rotated text is taken out of the DOM flow (position: absolute), we
    * need to artificially consume vertical space so that the rotated headers
    * don't overlap with the content above the table.
    */
    height: 250px ;
    position: relative ;
}

/**
* When an element is transform rotated, it still takes up the amount of space that
* it would have if not rotated. As such, I'm making the label "position: absolute"
* so that it doesn't take up any space ("absolute" takes it out of the DOM flow).
* Instead, I'm deferring the space allocation to the parent DIV.
*/
.rotated-th-label {
    bottom: 2px ;
    left: 50% ;
    position: absolute ;
    transform: rotate( -90deg ) ;
    transform-origin: center left ;
    white-space: nowrap ;
}

.tabela-contabil {
  font-family:  Arial, Helvetica, sans-serif;
}