/*================================================================================
	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.  */

html .content .content-wrapper .content-header-title {
  font-weight: 500;
  color: #0072d7;
  padding-right: 1rem;
  border-right: 1px solid #d6dce1;
}
.content.app-content {
  padding: calc(4.5rem+ 4.45rem+ 1.3rem) 2rem0 !important;
}

.app-content content {
  padding: calc(4.5rem+ 4.45rem+ 1.3rem) 2rem0;
}

.main-menu .navbar-header .navbar-brand .brand-logo img {
  max-width: 56px;
}

.main-menu .navbar-header {
  height: 6rem;
  padding: 0.35rem 1rem 0.3rem 1rem;
}

.main-menu.menu-light .navigation > li.active > a {
  box-shadow: 0 0 10px 1px rgba(144, 203, 255, 0.7);
}

.main-menu .navbar-header .navbar-brand .brand-text span {
  font-size: 0.8em;
  color: #9ea6bd;
  text-transform: uppercase;
  font-weight: 600;
}

.auth-wrapper .brand-logo {
  flex-direction: column;
  align-items: center;
  margin: 1em;
}

.auth-wrapper .brand-logo img {
  width: 100px;
}

.auth-wrapper .brand-logo h2 {
  font-weight: 600;
  margin: 1em;
  padding: 0;
}

.auth-wrapper.auth-basic .auth-inner {
  max-width: 600px;
}

html body {
  height: 100%;
  background-color: #d0d8e963;
  direction: ltr;
}

/*------------- PAGE MANAGER --------------------------*/

.invoice-preview .invoice-date-wrapper .invoice-date-title,
.invoice-edit .invoice-date-wrapper .invoice-date-title,
.invoice-add .invoice-date-wrapper .invoice-date-title {
  width: 9rem;
  margin-bottom: 0;
}

.table:not(.table-dark):not(.table-light) thead:not(.table-dark) th,
.table:not(.table-dark):not(.table-light) tfoot:not(.table-dark) th {
  background-color: #f3f2f7;
  /*   background-color: #0072d7;                                                                                                                                                                                                                                            color: #fff; */
}
.table:not(.table-dark):not(.table-light) thead:not(.table-dark) th.date,
.table:not(.table-dark):not(.table-light) tfoot:not(.table-dark) th.date {
  background-color: #f7f7fa;
  /*   background-color: #0072d7;                                                                                                                                                                                                                                            color: #fff; */
}

.table:not(.table-dark):not(.table-light) thead:not(.table-dark) th.merged,
.table:not(.table-dark):not(.table-light) tfoot:not(.table-dark) th.merged {
  background-color: #e4e7ed;
  /* background-color: #d2d6dd; */
  color: #00172c;

  border-left: 2px solid #c4cbdb !important;

  /* background-color: #f3f2f7; */
  /*   background-color: #015bab;                                              
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    /* background-color: #f3f2f7; */
  /* background-color: #015bab;                                                                                                                                                                                               color: #00172c; */
}

th.reduct {
  padding: 0.5em;
  width: 90 px;
}

.form-control.val,
.form-control.per {
  _width: auto;
  min-width: 60px;
  padding: 0.571rem 0.2rem;
  text-align: center;
  /* background: #fff; */
  background: transparent;

  border: 0;
  /* background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ea5455'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ea5455' stroke='none'/%3e%3c/svg%3e) !important;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     background-size: calc(0.725em + 0.571rem) calc(0.725em + 0.571rem); */
}

.form-control.val,
.form-control.per {
  min-width: 80px;
}

span.up svg {
  /* color: green; */
  _display: none;
}

span.down svg {
  /* color: red; */
  _display: block;
}

.form-control.val.is-invalid,
.form-control.per.is-invalid {
  color: red !important;
}

.form-control.val.is-valid,
.form-control.per.is-valid {
  color: green !important;
}

.form-control:focus:invalid,
.form-control:focus.is-invalid,
.form-control:focus:valid,
.form-control:focus.is-valid {
  box-shadow: 0 3px 10px 0 rgb(34 41 47 / 10%);
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .form-control:invalid,
.form-control.is-invalid {
  /* border-color: #ea5455; */
  /* padding-right: calc(0.4em + 0.4rem); */
  padding: 0.6em 0.2em;
}

/* .form-control:disabled,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            } */

.code .badge {
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 100%;
}

.code .bg-light-info2 {
  background: rgb(125 184 235 / 17%) !important;
  color: #00aeef !important;
}

/* .invalid class prevents CSS from automatically applying */
.invalid input:required:invalid {
  background: #be4c54;
}

/* Mark valid inputs during .invalid state */
.invalid input:required:valid {
  background: #17d654;
}

.validate-now {
  position: fixed;
  bottom: 5%;
  right: 79px;
  z-index: 1031;
}
.save-now {
  position: fixed;
  bottom: 5%;
  left: 79px;
  z-index: 1041;
}

.validate-now.danger .btn {
  box-shadow: 0 1px 20px 1px #ea5455 !important;
}

.validate-now.success .btn {
  box-shadow: 0 1px 20px 1px #28c76f !important;
  /*  box-shadow: 0 1px 20px 1px #4acfbe !important; */
}
.validate-now.info .btn {
  box-shadow: 0 1px 20px 1px #00cfe8 !important;
}

.table > :not(caption) > * > * {
  height: 30px;
  padding: 0.5rem 0.2rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.text-info2 {
  /* background: rgb(125 184 235 / 17%) !important; */
  color: #00aeef !important;
}

.puce {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-around;
}
