/**
 * Sa nu apara spin la numere
 */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]:hover,
input[type=number]:focus {
  -moz-appearance: number-input;
}

/** 
 * aici personalizez v-input daca este numeric
 */
.v-input.cs-input-numeric .v-input__control .v-input__slot .v-text-field__slot input {
  text-align: right !important;
}

.v-toolbar__content .v-app-bar__nav-icon,
.v-toolbar__content .header-btn {
  width: 36px !important;
  height: 36px !important;
}

.text-no-transform {
  text-transform: none !important;
}

.text-no-decoration {
  text-decoration: none !important;
}

.clickable {
  cursor: pointer !important;
}

.v-data-table.cs-datatable .v-data-table__wrapper table thead tr th {
  padding: 0 2px !important;
}
.v-data-table.cs-datatable .v-data-table__wrapper table tbody tr td {
  padding: 0 2px !important;
}
.v-data-table.cs-datatable .v-data-table__wrapper table tbody tr.is-active {
  background-color: #99dbf3 !important;
}
.v-data-table.cs-datatable .v-data-table__wrapper table tbody tr.is-active td div {
  color: #000000 !important;
  font-weight: bold;
}

.v-treeview-node__root {
  min-height: auto !important;
}

.v-treeview--dense .v-treeview-node__root {
  min-height: auto !important;
}

.full-width {
  width: 100% !important;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.v-sheet-attribute {
  position: relative;
}
.v-sheet-attribute .attribute-caption {
  position: absolute;
  top: 0;
  left: 20px;
  top: -10px;
  z-index: 1;
  background-color: #FFFFFF;
}

.cs-file-uploader {
  position: relative;
}
.cs-file-uploader .image-upload-box-input {
  position: absolute;
  top: 0;
  left: -5000px;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
}
.cs-file-uploader .file-preview {
  position: relative;
}
.cs-file-uploader .file-preview .errors-container {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
}

.v-list-item.menu-item-is-disabled .v-list-item__title .v-sheet .v-image .v-image__image {
  filter: grayscale(100%);
}
.v-list-item.menu-item-is-disabled .v-list-item__title i.v-icon {
  filter: grayscale(100%);
  color: gray !important;
}
.v-list-item.menu-item-is-disabled .v-list-item__title span {
  color: gray !important;
}

.bg-dark-blue {
  background-color: #0d1c45 !important;
}

.text-dark-blue {
  color: #0d1c45 !important;
  caret-color: #0d1c45 !important;
}

.bg-light-blue {
  background-color: #00a0db !important;
}

.bg-orange {
  background-color: #f47920 !important;
}

.text-orange {
  color: #f47920 !important;
  caret-color: #f47920 !important;
}

.vb > .vb-dragger {
  z-index: 5;
  width: 12px;
  right: 0;
}

.vb > .vb-dragger > .vb-dragger-styler {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotate3d(0, 0, 0, 0);
  transition: background-color 100ms ease-out, margin 100ms ease-out, height 100ms ease-out;
  background-color: rgba(48, 121, 244, 0.1);
  margin: 5px 5px 5px 0;
  border-radius: 20px;
  height: calc(100% - 10px);
  display: block;
}

.vb.vb-scrolling-phantom > .vb-dragger > .vb-dragger-styler {
  background-color: rgba(48, 121, 244, 0.3);
}

.vb > .vb-dragger:hover > .vb-dragger-styler {
  background-color: rgba(48, 121, 244, 0.5);
  margin: 0px;
  height: 100%;
}

.vb.vb-dragging > .vb-dragger > .vb-dragger-styler {
  background-color: rgba(48, 121, 244, 0.5);
  margin: 0px;
  height: 100%;
}

.vb.vb-dragging-phantom > .vb-dragger > .vb-dragger-styler {
  background-color: rgba(48, 121, 244, 0.5);
}