.bg-danger {
  background: linear-gradient(to right, #f05159, #ec222c);
  color: #fff;
}
.bg-warning {
  background: linear-gradient(to right, #e6b350, #e0a023);
  color: #fff;
}
.bg-success {
  background: linear-gradient(to right, #a4bf5f, #8ca843);
  color: #fff;
}
.navbar-brand {
  background-image: url(data:image/png;base64,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);
}
body {
  overflow: hidden;
  color: #414042;
}
img.icon-user {
  width: 40px;
  height: 40px;
  border-radius: 10px;
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  color: inherit;
}
button,
a {
  cursor: pointer;
  color: #414042;
}
.relative {
  position: relative;
}
button.btn.btn-remove {
  color: #a61a32;
  background: none;
  border: none;
  box-shadow: none;
  position: absolute;
  top: 0;
  right: -30px;
}
.btn-success {
  color: #fff;
  background-color: #2c6b56;
  border-color: #2c6b56;
}
.btn-success:disabled {
  background-color: #83a45f;
  border-color: #83a45f;
}
.btn-tag {
  margin-right: 3px;
  margin-bottom: 3px;
  padding: 3px 10px;
  border-radius: 2px;
}
button.btn-card {
  width: calc(100% - 10px) !important;
  margin: 5px;
  border: none;
  border-radius: 4px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  min-height: 50px;
  background: #2c6b56;
  color: #fff;
}
button.btn-card > * {
  color: #fff;
}
button.btn-card:hover {
  background: #008fd5;
  border-color: #008fd5;
}
.badge-primary {
  background-color: #0072b4;
}
.btn-primary {
  background: #0072b4;
  border-color: #0072b4;
  color: #fff;
}
.btn-primary > * {
  color: #fff;
}
.btn-primary:hover {
  background: #008fd5;
  border-color: #008fd5;
}
.form-check {
  display: block;
  position: relative;
  padding-left: 35px;
  user-select: none;
  /* Hide the browser's default checkbox */
}
.form-check input {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.form-check label {
  margin-left: 5px;
}
label.btn-primary {
  background-color: #008fd5;
  border-color: #008fd5;
}
button:focus,
a:focus {
  outline: none;
}
hr {
  border-top: 1px solid rgba(3, 65, 7, 0.3);
}
hr.dark {
  border-top: 1px solid #034107;
}
a:hover {
  text-decoration: none !important;
  color: inherit;
}
.full-size {
  width: 100%;
  height: 100%;
}
.full-width {
  width: 100%;
}
.navbar {
  padding: 0;
  height: 55px;
  flex-flow: row;
  align-items: flex-start;
}
.navbar .navbar-brand {
  background-color: #fff;
  margin-right: 0px !important;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 85% auto;
  border: none;
  width: 190px;
  height: 100%;
}
.navbar .dropdown-menu {
  position: absolute;
  right: 0;
  left: auto;
  border-radius: 0;
}
.navbar .dropdown-menu * {
  color: #000;
}
.app-body {
  height: calc(100vh - 55px);
  position: relative;
  display: flex;
}
.app-body .maincontainer {
  display: flex;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  overflow-x: auto;
}
nav.bg-agricolus-header {
  background-color: #2c6b56;
  background: linear-gradient(to top, #1d5644, #356b4c);
  color: #fff;
  align-items: center;
}
nav.bg-agricolus-header .title {
  flex: 1;
  margin-left: 30px;
}
nav.bg-agricolus-header .header-tools ul {
  align-items: center;
}
nav.bg-agricolus-header .header-tools ul li {
  height: auto;
}
nav.bg-agricolus-header .header-tools ul .nav-link {
  display: flex;
  align-items: center;
}
nav .navbar-toggler {
  width: 50px;
  font-size: 1.09375rem;
  line-height: 1;
  background: transparent;
  border: 1px solid transparent;
  display: inline-block;
  line-height: 46px;
}
nav .navbar-toggler * {
  color: #fff;
  line-height: 1px;
}
nav .header-tools {
  color: #fff;
}
nav .header-tools * {
  color: #fff;
}
nav .header-tools ul {
  flex-direction: row;
}
nav .header-tools ul li {
  height: 40px;
  margin: 0 10px;
}
.input-group {
  display: flex;
  flex-flow: row nowrap;
}
.sidebar {
  transition: margin-left 0.25s, margin-right 0.25s, width 0.25s, flex 0.25s, -ms-flex 0.25s;
  flex: 0 0 240px;
  order: -1;
  background: #fff;
  z-index: 3;
  position: relative;
}
.sidebar .nav {
  display: flex;
  flex-flow: column nowrap;
}
.sidebar .nav .nav-item {
  overflow: hidden;
  max-width: 240px;
  white-space: nowrap;
  min-height: 40px;
}
.sidebar .nav .nav-item a {
  color: #222 !important;
  position: relative;
}
.sidebar .nav .nav-item a .badge {
  float: right;
  line-height: 19px;
  min-width: 25px;
  border-radius: 15px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.sidebar .nav .nav-item:hover {
  overflow: visible;
}
.sidebar .nav .nav-item .nav-link:hover {
  color: #fff !important;
  background: linear-gradient(to right, #c9243f, #c9243f);
}
.sidebar .nav .nav-item .nav-link:hover i {
  color: #fff;
}
.sidebar .nav .nav-item .nav-link.active,
.sidebar .nav .nav-item .nav-link.active:hover {
  background: linear-gradient(to right, #a61a32, #c9243f);
  color: #fff !important;
}
.sidebar .nav .nav-item .nav-link.active i,
.sidebar .nav .nav-item .nav-link.active:hover i {
  color: #fff !important;
}
.sidebar .nav .nav-item .nav-link.active .badge,
.sidebar .nav .nav-item .nav-link.active:hover .badge {
  background-color: #fff !important;
  color: #222 !important;
}
.sidebar .nav .nav-item .nav-link i {
  color: #222;
  width: 20px;
  margin: 0 12px 0 0;
  font-size: 20px;
  text-align: center;
}
.sidebar .nav .nav-item .nav-dropdown > ul,
.sidebar .nav .nav-item .nav-dropdown > ol {
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.sidebar .nav .nav-item .nav-dropdown.open > ul,
.sidebar .nav .nav-item .nav-dropdown.open > ol {
  background: rgba(200, 255, 200, 0.15);
  padding-left: 0.5rem;
}
.fa-x1-5 {
  font-size: 1.5em;
}
.main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  background-size: cover;
  background-color: #f1f1f1;
  background-position: center, center;
  position: relative;
  box-shadow: 2px 2px 6px rgba(60, 60, 60, 0.4) inset;
}
.main > .scrollable {
  padding-bottom: 50px;
}
.sidebar-minimized .sidebar {
  margin-left: -190px;
  padding-left: 190px;
}
.sidebar-minimized .sidebar .nav-link {
  padding: 0;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  align-content: center;
  min-height: 40px;
}
.sidebar-minimized .sidebar .nav-link i {
  padding: 0;
  margin: 0 !important;
}
.sidebar-minimized .sidebar .header {
  width: 60px;
}
.sidebar-minimized .sidebar .header button {
  display: block;
  width: 100%;
  padding-right: 15px;
}
.sidebar-minimized .sidebar .VueCarousel {
  display: none !important;
}
.sidebar-minimized .sidebar .nav .nav-item:hover {
  min-width: 0;
}
.sidebar-minimized .sidebar .nav .nav-item .nav-link {
  font-size: 0em;
}
.sidebar-minimized .sidebar .nav .nav-item .icon-preferred {
  left: 37px;
  top: 8px;
}
.sidebar-minimized .sidebar .nav .nav-item .nav-dropdown .nav-link {
  background-color: rgba(0, 0, 0, 0.85);
}
.sidebar-minimized .sidebar .nav .nav-item .badge {
  display: none;
}
.margin-top-30 {
  margin-top: 30px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-top-bottom-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.progress {
  background-color: #6a6a6a;
  border-radius: 0;
}
.scrollable {
  height: 100%;
  overflow-y: scroll;
  overflow-x: auto;
}
.scrollable::-webkit-scrollbar {
  width: 7px;
}
.scrollable::-webkit-scrollbar-thumb {
  background: linear-gradient(to left, #a61a32, #c9243f);
}
.scrollable .form-check {
  padding-left: 18px;
}
.scrollable .form-check input {
  height: 13px;
}
.scrollable .form-check .form-check-input:disabled ~ .form-check-label {
  color: #414042;
}
.pointer {
  cursor: pointer;
}
.custom-checkbox .custom-control-label::before {
  background: white;
}
.full-height {
  height: 100%;
}
.flex {
  display: flex;
}
.space-between {
  justify-content: space-between;
}
.flex-column {
  display: flex;
  flex-flow: column;
}
.btn-outline-secondary.custom-disabled.active {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
  opacity: 0.65;
}
.trattor-container {
  position: relative;
  left: calc(50% - 225px);
  width: 400px;
}
.trattor-icon {
  height: 50px !important;
  width: 50px !important;
  flex: 0 0 50px !important;
  font-size: 20px !important;
  background-image: url(/assets/img/icons8-tractor-50_green.png) !important;
  display: block !important;
  color: red;
  position: relative !important;
  animation: rotate 8s linear 1s infinite, walk 0.1s alternate 1s infinite !important;
  -webkit-animation: rotate 8s linear 1s infinite, walk 0.1s alternate 1s infinite !important;
}
@keyframes walk {
  0% {
    top: 0;
  }
  100% {
    top: 3px;
  }
}
@keyframes rotate {
  0% {
    left: 0;
    transform: scaleX(1);
  }
  49.99% {
    left: 100%;
    transform: scaleX(1);
  }
  50% {
    left: 100%;
    transform: scaleX(-1);
  }
  99.99% {
    left: 0;
    transform: scaleX(-1);
  }
  100% {
    left: 0;
    transform: scaleX(1);
  }
}
.main-loader {
  position: relative;
  height: 100vh;
  display: flex;
  flex-flow: column;
  justify-content: center;
  background: 'white';
}
.main-loader:after {
  content: "";
  display: block;
  height: 70px;
  background-image: url("/assets/img/agricolus_logo_official_trasp.png");
  background-repeat: no-repeat;
  background-position: center;
}
.admin-container {
  height: 100%;
}
.table td,
.table th {
  padding: 5px 10px;
  font-size: 14px;
}
.tree-indent {
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}
.tree-indent + .fa {
  margin: 0 5px 0 0;
}
.small-tree-indent {
  margin-left: 3px;
  margin-right: 3px;
  display: inline-block;
}
.capitalize {
  text-transform: capitalize;
}
.badge {
  font-size: 12px;
  font-weight: normal;
}
.dashboard-logo {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-box {
  width: auto;
  flex: 1;
  max-width: 500px;
  margin-right: auto;
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0 10px;
  background-color: #4a7a5e;
  position: relative;
}
.search-box .input-group:focus,
.search-box input:focus {
  outline: none;
  box-shadow: none;
}
.search-box .input-group,
.search-box .input-group,
.search-box input,
.search-box .input-group-text,
.search-box input:focus,
.search-box button {
  border: none;
  color: #eee;
  background: transparent;
}
.search-box .input-group::placeholder,
.search-box .input-group::placeholder,
.search-box input::placeholder,
.search-box .input-group-text::placeholder,
.search-box input:focus::placeholder,
.search-box button::placeholder {
  color: #c7d3bc;
}
.search-box button {
  font-size: 1.2rem;
}
.search-box button.active {
  background-color: #008fd5 !important;
  position: relative;
}
.search-box button.active .badge {
  position: absolute;
  bottom: 0;
  right: 0;
  top: auto;
}
.search-box.disabled::after {
  position: absolute;
  background-color: #8d979c65;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: "";
}
.main-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  border-bottom: 1px solid rgba(89, 90, 89, 0.3);
  margin-bottom: 15px;
}
.main-header button {
  width: calc(100% - 10px) !important;
  margin: 5px;
  border: none;
  border-radius: 4px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  background: #2b614f;
  color: #fff;
  padding: 8px 25px !important;
  width: auto !important;
  height: auto;
}
.spin-animation {
  animation: rotation 2s linear infinite;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.opened-parent tr {
  background: #e0e0e0;
}
.opened-children {
  border: 3px solid #d1d3d4;
}
.export-data {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
  gap: 5px;
}
.export-button {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
}
.togglebutton {
  display: inline-block;
}
.togglebutton label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}
.togglebutton label {
  margin-bottom: 0;
}
.togglebutton label .toggle {
  text-align: left;
}
.togglebutton label .toggle,
.togglebutton label input[type=checkbox][disabled] + .toggle {
  content: "";
  display: inline-block;
  width: 50px;
  height: 24px;
  background-color: #ddd;
  border-radius: 15px;
  transition: background 0.3s ease;
  vertical-align: middle;
  position: relative;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  line-height: 24px;
  text-align: center;
  color: #979797;
  font-size: 10px;
  text-transform: uppercase;
}
.togglebutton label .toggle:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: linear-gradient(to bottom, #1756ad, #002680);
  border-radius: 20px;
  position: relative;
  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.4);
  left: 1px;
  top: 2px;
  position: absolute;
  border: none;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}
.togglebutton label input[type=checkbox][disabled] + .toggle:after,
.togglebutton label input[type=checkbox][disabled]:checked + .toggle:after {
  background-color: #BDBDBD;
}
.togglebutton label input[type=checkbox] + .toggle:active:after,
.togglebutton label input[type=checkbox][disabled] + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.6), 0 0 0 20px rgba(0, 0, 0, 0.2);
}
.togglebutton label input[type=checkbox]:checked + .toggle:after {
  left: 28px;
}
.togglebutton label input[type=checkbox]:checked + .toggle {
  content: "";
  background-image: linear-gradient(to bottom, #3fa4ff, #1791ff);
  color: #fff;
}
.card {
  box-sizing: border-box;
  border: none;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  background: #fff;
}
.card.card-selected {
  border: 2px solid #008fd5;
}
.card.card-red {
  background-color: #c9243f !important;
  color: #fff;
}
.card .btn-card-transparent {
  height: 100%;
  border: none;
  box-shadow: none;
  background: none;
}
.card > *:not(h1, h2, h3, h4, h5, h6) {
  font-size: 14px;
}
.card h4.card-title {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
}
.card p {
  margin-bottom: 0.25rem;
}
.card .card-body {
  padding: 10px;
}
.card .card-body.more-padding {
  padding: 30px;
}
.card .card-body .measure {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 70px;
  display: inline-block;
  vertical-align: bottom;
}
.card .card-img {
  background-color: #2c6b56;
  border-radius: 0;
}
.card footer,
.card header,
.card .card-header {
  flex: 1 100%;
  padding: 3px 20px;
  display: flex;
  justify-content: space-between;
}
.card.field-card {
  width: 200px;
  min-height: 300px;
  border-radius: 4px;
  overflow: hidden;
}
.card.card-hover:hover .body::after {
  content: "";
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  background-color: rgba(0, 143, 213, 0.3);
}
.card .card-info {
  padding: 0px 10px;
  display: flex;
  align-items: center;
  flex-flow: column;
  flex: 1;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  margin: 5px 0px;
  order: 2;
  padding-top: 5px;
}
.card .card-info h1,
.card .card-info h2,
.card .card-info h3,
.card .card-info h4,
.card .card-info h5 {
  margin: 10px 0px;
  text-align: center;
}
.card .card-info:last-child {
  border-right: none;
}
.card .card-info span {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  text-align: center;
}
.card .card-info small {
  flex-grow: 0;
  height: 20px;
  text-align: center;
  font-weight: 300;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.card .card-info time {
  flex: 1;
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 0.8rem;
}
.card .card-info.dss-info {
  width: 25%;
  max-width: 25%;
}
.card .card-info.dss-info span.col {
  flex-flow: column;
  width: 100%;
}
.card .card-info.dss-info span.col > span {
  font-size: 0.8rem;
  width: 100%;
  display: inline-block;
}
.card .card-info.dss-info span.row {
  flex-flow: row;
  width: 100%;
  margin: 0;
  justify-content: flex-start;
}
.card .card-info.dss-info span.row > span {
  box-sizing: border-box;
  flex-grow: unset;
  flex-shrink: unset;
  flex-basis: auto;
  font-size: 0.8rem;
  width: 100%;
  display: inline-block;
}
.card .card-active {
  background-color: rgba(0, 143, 213, 0.3);
}
.card.horizontal-card {
  display: flex;
  flex-flow: row wrap;
  margin: 5px;
  margin-bottom: 10px;
  min-height: 70px;
}
.card.horizontal-card .card-status {
  box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.5) inset;
  background-color: rgba(0, 0, 0, 0.05);
}
.card.horizontal-card header {
  order: 1;
  border-bottom: 1px solid rgba(100, 100, 100, 0.2);
}
.card.horizontal-card footer {
  background-color: rgba(0, 0, 0, 0.05);
  order: 4;
}
.card.horizontal-card footer *,
.card.horizontal-card header * {
  color: #034107;
}
.card.horizontal-card.pending-invitation {
  overflow: hidden;
}
.card.horizontal-card.pending-invitation::before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 100%;
}
.card.horizontal-card.pending-invitation::before {
  background-color: #e13b3b;
}
.card.horizontal-card.issue-open,
.card.horizontal-card.issue-solved {
  overflow: hidden;
}
.card.horizontal-card.issue-open::before,
.card.horizontal-card.issue-solved::before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 100%;
}
.card.horizontal-card.issue-open::before {
  background-color: #e13b3b;
}
.card.horizontal-card.issue-solved::before {
  background-color: #2c6b56;
}
.card.horizontal-card .body,
.card.horizontal-card .section {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  order: 2;
  flex: 10;
}
.card.horizontal-card .body .section,
.card.horizontal-card .section .section {
  flex: 10 100%;
}
.card.horizontal-card .section {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.card.horizontal-card .card-status {
  display: flex;
  flex-flow: column;
  flex: 1 0;
  align-items: center;
  justify-content: center;
  order: 0;
  max-width: 50px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.card.horizontal-card .card-status.card-image {
  width: 80px;
  min-width: 80px;
  background-color: #2c6b56;
}
.card.horizontal-card .card-status.card-image img {
  max-width: 80px;
  resize: both;
}
.card.horizontal-card .card-status.big,
.card.horizontal-card .card-status.big-150 {
  max-width: 150px;
  overflow: hidden;
}
.card.horizontal-card .card-status.big-150 {
  min-width: 150px;
}
.card.horizontal-card .card-status.issue-open {
  background: linear-gradient(to right, #f05159, #ec222c);
  color: #fff;
}
.card.horizontal-card .card-status.issue-solved {
  background: linear-gradient(to right, #a4bf5f, #8ca843);
  color: #fff;
}
.card.horizontal-card .card-status.pending-invitation {
  background: linear-gradient(to right, #f05159, #ec222c);
  color: #fff;
}
.card.horizontal-card .card-buttons {
  display: flex;
  flex-flow: column;
  order: 5;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.5) inset;
}
.card.horizontal-card .card-buttons button {
  background: none;
  height: 100%;
  width: 50px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 1px;
}
.card.horizontal-card .card-buttons button:first-child {
  border-top-right-radius: 4px;
}
.card.horizontal-card .card-buttons button:last-child {
  border-bottom-right-radius: 4px;
}
.no-shadow {
  box-shadow: none;
}
.fields-box,
.stations-box {
  display: flex;
  flex-flow: row wrap;
}
a.card-wrapper {
  display: block;
  padding: 5px;
}
.card-body-vertical .card,
.card .card {
  border-radius: 0;
  box-shadow: 0px 1px 2px 0px rgba(100, 100, 100, 0.6);
  background: #fff;
}
.input-area {
  padding: 0 30px;
}
.input-area h1,
.input-area h2,
.input-area h3,
.input-area h4,
.input-area h5,
.input-area h6 {
  margin: 30 0;
}
.input-area .spacer {
  padding: 20px 0;
}
.input-area .buttons {
  margin-bottom: 40px;
  margin-top: 30px;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}
.input-area .buttons button {
  margin-left: 5px;
  flex-grow: 1;
  width: 20%;
  order: 2;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.input-area .buttons button.btn-danger {
  order: 1;
  justify-self: flex-start;
}
.input-area header {
  padding: 00px 20px;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 10px;
  color: #00350e;
}
.input-area header:first-child {
  margin-top: 20px;
}
.options-container header {
  padding: 00px 20px;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 10px;
  color: #00350e;
}
input[aria-invalid="true"] {
  border-color: red;
}
div.vdp-datepicker[aria-invalid="true"] > div.input-group > span > span {
  border-right-color: red;
  border-top-color: red;
  border-bottom-color: red;
}
div.vdp-datepicker[aria-invalid="true"] > div.input-group > input {
  border-left-color: red;
  border-top-color: red;
  border-bottom-color: red;
}
.text-muted {
  color: #00350e !important;
}
.invalid-input-value {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}
.v-select.searchable .dropdown-toggle {
  height: 38px;
}
.v-select input[type=search].form-control {
  float: left !important;
  width: 100% !important;
  height: 38px !important;
  margin: 0 !important;
  border: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  background: transparent !important;
  border-radius: 0.25rem !important;
}
.searchable.open input[type=search].form-control {
  background: white !important;
}
.v-select .dropdown-toggle::after {
  display: none;
}
.v-select .dropdown-toggle {
  -webkit-appearance: none;
}
.v-select .open-indicator {
  display: none !important;
}
.v-select .selected-tag {
  margin: 6px 1px 0 5px !important;
  background: none !important;
  border: 0 !important;
}
.v-select li:hover > a {
  background: transparent !important;
}
.v-select .dropdown-menu li {
  line-height: normal !important;
}
.v-select .dropdown-menu a {
  display: block;
  padding: 8px 5px;
}
.v-select .dropdown-menu a:hover {
  background: #eee !important;
}
.v-select a:hover {
  background: #eee !important;
}
.v-select li.text-center {
  text-align: center;
  padding: 8px 0;
  color: #999;
}
.tree-node.selected > .tree-content {
  background-color: transparent !important;
  font-weight: bold !important;
}
.tree-node:not(.selected) > .tree-content:hover {
  background: inherit !important;
}
.margin-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.margin-left-5 {
  margin-left: 5px;
}
.max-width-200 {
  max-width: 200px;
}
.typeahead {
  position: relative;
}
.typeahead .list {
  position: absolute;
  top: 40px;
  background: #fff;
  z-index: 100;
  width: 98%;
  max-height: 300px;
  overflow: auto;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5);
  border: 1px solid green;
}
.card-detail {
  height: 100%;
  position: relative;
  display: flex;
  flex-flow: column;
}
.card-detail header {
  padding: 0 30px;
}
.card-detail header small {
  font-size: 14px;
}
.card-detail .card-body,
.card-detail .card-body-vertical {
  border-radius: 4px;
  overflow: hidden;
  flex-flow: column;
  display: flex;
  margin: 20px;
  margin-top: 0;
  box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.6);
}
.card-detail .card-body .container-fluid,
.card-detail .card-body-vertical .container-fluid {
  padding: 20px;
}
.card-detail .card-body-vertical {
  flex-flow: row;
  flex: 1 1 auto;
}
.card-detail .card-body-vertical .sub-menu ul li a:hover,
.card-detail .card-body-vertical .sub-menu ul li a.active {
  background: linear-gradient(to left, white, #e0e0e0);
}
.card-detail .card-edit-body h1,
.card-detail .card-edit-body h2,
.card-detail .card-edit-body h3,
.card-detail .card-edit-body h4,
.card-detail .card-edit-body h5,
.card-detail .card-edit-body h6,
.card-detail .card-edit-body header {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid #ccc;
}
.card-detail .card-edit-body .buttons {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset;
  background-color: rgba(0, 0, 0, 0.3);
  padding-top: 1px;
  display: flex;
  height: 70px;
  justify-content: flex-end;
}
.card-detail .card-edit-body .buttons button {
  width: 100%;
  min-width: 100px;
  order: 2;
  flex-grow: 1;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.card-detail .card-edit-body .buttons button.btn-danger {
  order: 1;
  justify-self: flex-start;
}
.card-detail .sub-menu {
  margin: 0;
  background-color: #83a45f;
  flex-shrink: 0;
  min-width: 150px;
  background: linear-gradient(to left, #1d5644, #356b4c);
}
.card-detail .sub-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.card-detail .sub-menu ul li a {
  display: block;
  padding: 10px;
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  border-bottom: 1px solid #e0e0e0;
}
.card-detail .sub-menu ul li a:hover,
.card-detail .sub-menu ul li a.active {
  background-color: #e0e0e0;
  background: linear-gradient(to left, white, #e0e0e0);
  color: #414042;
}
.card-detail .right-sub-menu {
  background: linear-gradient(to right, #1d5644, #356b4c);
  min-width: auto;
  width: 41px;
}
.card-detail .right-sub-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.card-detail .right-sub-menu li {
  width: 100px;
  height: 100px;
  transform: rotate(90deg) !important;
  margin-left: -59px;
}
.card-detail .right-sub-menu li a {
  display: block;
  padding: 10px;
  color: #fff;
  font-size: 14px;
  height: 41px;
  border-right: 1px solid #222;
  text-align: center;
}
.card-detail .right-sub-menu li a.active,
.card-detail .right-sub-menu li a:hover {
  background: linear-gradient(to bottom, white, #e0e0e0);
  color: #222;
}
.card-detail .field-detail-container {
  flex-grow: 1;
  margin: 0;
  background: #fff;
  overflow-x: hidden;
}
.card-detail .field-detail-container::-webkit-scrollbar {
  width: 7px;
}
.card-detail .field-detail-container::-webkit-scrollbar-thumb {
  background: linear-gradient(to left, #a61a32, #c9243f);
}
.field-detail-box {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding-top: 10px;
}
.field-detail-box .field-detail-p i {
  padding: 5px;
}
.input-group.search-box {
  width: auto;
  flex: 1;
  margin-left: 20px;
  max-width: 500px;
  margin-right: auto;
}
.filter-container {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: -1;
}
.filter-container .filters {
  display: block;
  transition: left 0.3s;
  position: absolute;
  left: 0;
  width: calc(100% - 160px);
  margin: 0 30px;
  height: 0;
  top: -50px;
  padding: 20px;
  background-color: #fff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  z-index: 2;
  transition: top 0.3s ease-in-out;
}
.filter-container .filtered-content {
  height: 100%;
  position: relative;
}
.filter-container.show {
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
}
.filter-container.show .filters {
  top: 0;
  left: 0;
  height: auto;
}
.vdp-datepicker {
  flex: 1 1 auto;
}
.vdp-datepicker .input-group {
  flex-flow: row-reverse;
}
.vdp-datepicker .input-group .form-control {
  border-radius: 0.25rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #fff;
}
.vdp-datepicker .input-group .form-control:disabled {
  background-color: #e9ecef;
}
.vdp-datepicker .input-group .input-group-prepend {
  display: flex;
  margin-left: -1px;
}
.vdp-datepicker .input-group .input-group-prepend > .input-group-text {
  border-radius: 0.25rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.size-1 {
  flex: 1 !important;
}
.size-2 {
  flex: 2 !important;
}
.size-3 {
  flex: 3 !important;
}
.size-4 {
  flex: 4 !important;
}
.size-5 {
  flex: 5 !important;
}
.size-6 {
  flex: 6 !important;
}
.size-7 {
  flex: 7 !important;
}
.size-8 {
  flex: 8 !important;
}
.dashboard-container {
  padding-top: 10px;
  padding-bottom: 30px;
  display: flex;
  flex-flow: row wrap;
}
.dashboard-container .card {
  margin-top: 5px;
}
.dashboard-container .card header,
.dashboard-container .card footer,
.dashboard-container .card .card-header {
  max-height: 30px;
}
.card.horizontal-card.dashboard-card {
  max-height: 30vh;
}
.card.dashboard-card {
  max-height: 30vh;
  background: none;
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: none;
}
.card.dashboard-card .chart-container {
  width: 100%;
  height: calc(100% - 30px);
  padding: 0 !important;
}
.card.dashboard-card .chart-container-full {
  widows: 100%;
  padding: 0 !important;
  height: 100%;
}
.widget-container {
  display: flex;
  flex-flow: row wrap;
}
.dashboard section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(auto-fit, minmax(400px, 1fr));
  padding: 2rem;
  grid-row-gap: 2rem;
  grid-column-gap: 2rem;
}
.dashboard section tr.expired {
  color: #999 !important;
}
.box {
  display: flex;
  padding: 1rem;
  flex-flow: column;
  border: 2px solid #1d5644;
  background-color: #fff;
}
.box.box-2 {
  grid-column-start: 1;
  grid-column-end: -1;
}
.box > header:first-child {
  background-color: #1d5644;
  margin: -1rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  color: #fff;
  font-size: 1.2rem;
}
.box > header:first-child .vdp-datepicker {
  display: inline-block;
  color: #222;
  width: 150px;
}
.scroll {
  height: 100%;
  overflow: auto;
}
.iziToast-wrapper {
  padding: 20px;
}
.iziToast-wrapper.iziToast-wrapper-topLeft,
.iziToast-wrapper.iziToast-wrapper-topRight {
  top: 40px;
}
.sidebar-minimized .agr-error,
.sidebar-minimized .agr-success {
  margin-left: 50px !important;
}
.iziToast {
  min-width: 200px;
  border-radius: 0;
}
.iziToast.agr-error,
.iziToast.agr-success {
  transition: margin-left 0.3s;
  margin-left: 240px;
}
.iziToast.iziToast-color-blue {
  background-color: rgba(0, 114, 180, 0.8) !important;
  border-color: #0072b4 !important;
}
.iziToast.iziToast-color-red {
  background-color: rgba(201, 36, 63, 0.9) !important;
  border-color: #c9243f !important;
}
.iziToast.iziToast-color-green,
.iziToast.iziToast-color-yellow {
  background-color: #fff;
  border-color: #2c6b56 !important;
  box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.5);
}
.iziToast.iziToast-color-green .iziToast-body *,
.iziToast.iziToast-color-yellow .iziToast-body * {
  color: #2c6b56 !important;
}
.iziToast .fa-spin {
  -webkit-animation: fa-spin 2s infinite linear !important;
  animation: fa-spin 2s infinite linear !important;
  opacity: 1 !important;
}
.tooltip {
  display: block !important;
  z-index: 10000;
}
.tooltip .tooltip-inner {
  background: rgba(0, 0, 0, 0.8);
  color: white;
  border-radius: 4px;
  padding: 5px 10px 4px;
}
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
}
.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}
.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="right"] {
  margin-left: 5px;
}
.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip[x-placement^="left"] {
  margin-right: 5px;
}
.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip.popover .popover-inner {
  background: #f9f9f9;
  color: black;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}
.tooltip.popover .popover-arrow {
  border-color: #f9f9f9;
}
.tooltip[aria-hidden='true'] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
}
.tooltip[aria-hidden='false'] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}
.admin-tools {
  position: absolute;
  top: 0;
  right: 0;
  left: 0px;
  bottom: 0;
  z-index: 1;
  background-color: #d1d3d4;
  width: 100%;
  transition: width 0.3s, left 0.3s;
}
.admin-tools.hidden {
  left: 100%;
  width: 0;
}
.admin-tools.hidden .admin-container {
  display: none;
}
.admin-tools .toggler-show {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 50px;
  padding: 0 5px;
  left: -30px;
  background-color: #fff;
  line-height: 30px;
  box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.invite-user {
  float: right;
}
.tree {
  min-width: 200px;
  flex: 1;
  padding-inline-start: 10px;
  height: 100%;
  overflow-y: scroll;
  overflow-x: auto;
}
.tree::-webkit-scrollbar {
  width: 7px;
}
.tree::-webkit-scrollbar-thumb {
  background: linear-gradient(to left, #a61a32, #c9243f);
}
.tree li,
.tree ul {
  list-style-type: none;
  padding-inline-start: 5px;
  cursor: pointer;
  padding: 2px;
}
.tree li small,
.tree ul small {
  font-size: 0.9rem;
}
.tree label {
  font-weight: bold;
  font-size: 1.1rem;
  width: 100%;
  padding: 0.3rem 1rem;
  margin: 0;
}
.tree .tree-icon {
  color: grey;
}
.tree .tree-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.8rem;
  border-top: 1px dotted;
}
.tree .tree-item button {
  background: none;
}
.tree .root {
  background-color: rgba(0, 0, 0, 0.05);
}
.tree .root:hover {
  background-color: #007bff94;
  color: #fff;
}
.user-editor,
.subscription-editor {
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  padding-top: 20px;
  padding-bottom: 20px;
}
.user-editor table thead .vertical,
.subscription-editor table thead .vertical {
  min-height: 150px;
  height: 150px;
  vertical-align: bottom;
}
.user-editor table thead .vertical th,
.subscription-editor table thead .vertical th {
  padding-left: 0.5rem;
}
.user-editor table tr.expired,
.subscription-editor table tr.expired {
  color: #666;
}
.user-editor table tr.expired i,
.subscription-editor table tr.expired i {
  color: #999 !important;
}
.user-editor table tr.expired button i,
.subscription-editor table tr.expired button i {
  color: #fff !important;
}
.user-editor table tbody tr,
.subscription-editor table tbody tr {
  border: none;
  height: 40px;
}
.user-editor table th,
.subscription-editor table th {
  border-top: none;
  vertical-align: bottom;
  font-weight: normal;
}
.user-editor table tbody,
.subscription-editor table tbody {
  border: none;
}
.user-editor table tbody td,
.subscription-editor table tbody td {
  vertical-align: middle;
  text-align: center;
  padding: 0;
  border: 1px solid #e2e2e2;
}
.user-editor table tbody td:last-child,
.subscription-editor table tbody td:last-child {
  border: none;
  display: none;
}
.user-editor table tbody td .toggle,
.subscription-editor table tbody td .toggle {
  padding: 0.2rem;
  margin: 0;
}
.user-editor table tbody td input,
.subscription-editor table tbody td input,
.user-editor table tbody td select,
.subscription-editor table tbody td select {
  background: none !important;
  border-radius: 0 !important;
  border: none !important;
}
.user-editor table tbody td input:focus,
.subscription-editor table tbody td input:focus,
.user-editor table tbody td select:focus,
.subscription-editor table tbody td select:focus {
  outline: none;
  border: none;
}
.user-editor table tbody td input label,
.subscription-editor table tbody td input label,
.user-editor table tbody td select label,
.subscription-editor table tbody td select label {
  margin: 0;
}
.user-editor table tbody td.no-border,
.subscription-editor table tbody td.no-border {
  border: none;
}
.user-editor table tbody tr:hover,
.subscription-editor table tbody tr:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}
.user-editor table tbody tr:hover td:last-child,
.subscription-editor table tbody tr:hover td:last-child {
  display: table-cell;
  background-color: transparent;
}
.user-editor .input-area .card-body > header,
.subscription-editor .input-area .card-body > header {
  margin-top: 0.5rem;
  font-size: 1rem;
}
.user-editor .input-area .card-body > header label,
.subscription-editor .input-area .card-body > header label {
  font-size: 1.5rem;
  flex: 2;
  text-align: left;
}
.user-editor .input-area .card-body > header > *,
.subscription-editor .input-area .card-body > header > * {
  flex: 1;
  text-align: right;
}
.no-background {
  background: none;
}
.pointer {
  cursor: pointer;
}
.selected {
  background-color: #007bff94 !important;
  color: #fff !important;
}
.selected * {
  color: #fff !important;
}
/*.disabled {
  text-decoration: line-through;
}*/
.user-details {
  flex: 3;
  background-color: rgba(0, 0, 0, 0.05);
  margin-bottom: 1rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.user-details .tab-container {
  min-height: 50px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: stretch;
  align-items: center;
}
.user-details .tab-container span {
  padding: 1rem;
  text-align: center;
  font-weight: bold;
  font-size: 1.1rem;
  color: #555;
  cursor: pointer;
}
.user-details .tab-container span.selected {
  background-color: white;
  color: #000;
}
.user-details section {
  background-color: white;
  flex: 1;
  width: 100%;
  height: calc(100% - 50px);
  display: flex;
  flex-flow: column nowrap;
  overflow-y: auto;
}
.user-details section .subscription-details {
  height: 100%;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.user-details section .subscription-details .ror,
.user-details section .subscription-details .col {
  margin: 0;
}
.user-details section .subscription-details header {
  display: flex;
  font-size: 1.2rem;
  justify-content: flex-end;
  min-height: 60px;
  align-items: center;
  padding: 0 1rem;
}
.user-details section .subscription-details header .header-button {
  border-radius: 50%;
  border: none;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
}
.user-details section .subscription-details .card-body {
  flex: 1 0 80%;
  padding: 1rem;
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;
}
.user-details section .subscription-details .buttons {
  padding: 1rem 1rem;
}
.user-details section .product-details {
  height: 100%;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.user-details section .product-details .ror,
.user-details section .product-details .col {
  margin: 0;
}
.user-details section .product-details header {
  font-size: 1.2rem;
  min-height: 60px;
  padding: 0 1rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.user-details section .product-details header .header-button {
  border-radius: 50%;
  border: none;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
}
.user-details section .product-details .card-body {
  flex: 1 0 80%;
  padding: 1rem;
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;
}
.user-details section .product-details .buttons {
  padding: 1rem 1rem;
}
.hr-70 {
  width: 70%;
}
@media only screen and (max-width: 1300px) {
  th.vertical {
    transform: translateX(30%) rotate(-70deg);
    transform-origin: 0.5rem calc(150px - 1rem);
    letter-spacing: normal;
    width: 2rem;
    padding: 0;
    /* height       : 0; */
    max-width: 2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.model-status.info {
  background: linear-gradient(to right, #008fd5, #0072b4);
  color: #fff;
}
.model-status.low {
  background: linear-gradient(to right, #a4bf5f, #8ca843);
  color: #fff;
}
.model-status.medium {
  background: linear-gradient(to right, #e6b350, #e0a023);
  color: #fff;
}
.model-status.warning {
  background: linear-gradient(to right, #f58345, #f26315);
  color: #fff;
}
.model-status.alarm {
  background: linear-gradient(to right, #f05159, #ec222c);
  color: #fff;
}
.future {
  background-color: #E3F2FD;
}
.model-admin {
  overflow: initial;
  height: auto;
  font-size: 0.8rem;
}
.model-admin h3 {
  margin-top: 2px;
  font-size: 1.2rem;
}
.model-admin .horizontal-card header {
  margin: 4px;
}
.model-admin .horizontal-card header small {
  font-size: 0.9rem !important;
}
.page-editor {
  position: relative;
  height: 100%;
  padding: 0;
  padding-left: 15px;
}
.page-editor header {
  display: flex;
  flex-flow: row nowrap;
  height: 50px;
  padding: 0;
  align-items: center;
}
.page-editor .editor-body {
  padding: 0;
  height: calc(100% - 50px);
  display: flex;
  flex-flow: column nowrap;
}
.page-editor .editor-body .editor-col {
  height: 100%;
  padding: 0;
}
.page-editor .editor-body .preview-col {
  height: 100%;
  overflow: scroll;
  padding: 15px;
}
.FAQ-editor {
  position: relative;
  height: 100%;
  padding: 0;
  padding-left: 15px;
}
.FAQ-editor header {
  display: flex;
  flex-flow: row nowrap;
  height: 50px;
  padding: 0;
  align-items: center;
}
.FAQ-editor .editor-body {
  padding: 0;
  height: calc(100% - 50px);
  display: flex;
  flex-flow: column nowrap;
}
.FAQ-editor .editor-body .editor-col {
  height: 100%;
  padding: 0;
}
.FAQ-editor .editor-body .preview-col {
  height: 100%;
  overflow: scroll;
  padding: 15px;
}
.users-list {
  display: flex;
  flex-flow: row wrap;
  padding: 2rem 1rem;
}
.users-list > .card {
  flex: 1 0 40%;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfedw.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlEA.ttf) format('truetype');
}
.cell {
  display: flex;
  flex-flow: column;
  padding: 1rem;
  position: relative;
  border: none;
  justify-content: space-between;
}
.cell.row {
  flex-flow: row;
}
.cell label {
  font-size: 1.2rem;
  color: #222;
  margin-bottom: 1rem / 4;
  padding-inline-start: 1rem / 4;
}
.cell small {
  color: #666;
  margin-bottom: 1.4rem;
  padding-inline-start: 1rem;
  font-size: 0.8rem;
}
.cell input,
.cell textarea,
.cell select {
  padding: 0.4rem 1rem;
  font-size: 0.9rem;
}
.cell input:focus,
.cell textarea:focus,
.cell select:focus {
  outline: none;
  border-color: #799be5;
  border-width: 2px;
}
.cell textarea {
  border-radius: 18px / 2;
  padding: 0.4rem 0.5rem;
}
.cell .row,
.cell .col {
  display: flex;
  flex: 1;
}
.cell .row {
  flex-flow: row;
}
.cell .row-nowrap {
  flex-flow: row;
}
.cell .col {
  flex-flow: column;
}
table {
  width: 100%;
  font-weight: normal;
  border: none !important;
}
table.border tbody tr td,
table.border tbody tr .dragIcon {
  border: 1px solid #ddd;
}
table thead .vertical {
  min-height: 150px;
  height: 150px;
  vertical-align: bottom;
}
table thead .vertical th {
  padding-left: 0.5rem;
}
table td:first-of-type {
  width: 2rem;
  text-align: right;
  font-size: 0.8rem;
  font-weight: 300;
}
table th {
  font-weight: 300;
  font-size: 0.8rem;
  padding: 3px;
  text-align: left;
}
table th.center {
  text-align: center;
}
table th.vertical {
  transform: rotate(-90deg);
  transform-origin: 0.5rem calc(150px - 1rem);
  letter-spacing: normal;
  width: 2rem;
  padding: 0;
  /* height: 0; */
  max-width: 2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}
table th.border {
  border: 1px solid #ddd;
  border-top: none;
  border-bottom: none;
}
table td.control {
  border-right: none;
  width: 2rem;
}
table td.control:right {
  border-left: none;
}
table td.center {
  text-align: center;
}
table tbody tr {
  overflow-x: visible;
  position: relative;
  cursor: pointer;
  height: 35px;
}
table tbody tr .dragIcon {
  width: 20px;
  top: 0;
  visibility: hidden;
}
table tbody tr .btn {
  visibility: hidden;
}
table tbody tr:hover,
table tbody tr:active,
table tbody tr:focus,
table tbody tr.selected {
  background-color: #f6f8f9;
}
table tbody tr:hover .dragIcon,
table tbody tr:active .dragIcon,
table tbody tr:focus .dragIcon,
table tbody tr.selected .dragIcon {
  visibility: visible;
}
table tbody tr:hover .btn,
table tbody tr:active .btn,
table tbody tr:focus .btn,
table tbody tr.selected .btn {
  visibility: visible;
}
table tbody tr:hover .editable,
table tbody tr:active .editable,
table tbody tr:focus .editable,
table tbody tr.selected .editable {
  border: 1px solid #ddd;
}
table tbody tr.newitem {
  height: 34px;
}
table tbody tr input {
  width: 100%;
  border: none;
  background: none;
  outline: none;
  padding-left: 0.5rem;
}
table tbody tr input.light {
  color: #666;
  font-size: 0.9rem;
  font-weight: 300;
}
table tbody tr input.center {
  text-align: center;
  padding: 0;
}
table tbody tr input::placeholder {
  color: #bbb;
}
table .noborder-right {
  border-right: none !important;
}
table .noborder-left {
  border-left: none !important;
}
.backdrop,
.modal-container {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.backdrop .modal,
.modal-container .modal {
  position: relative;
  background: #fff;
  min-width: 600px;
  min-height: 200px;
  max-height: 95%;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  width: auto;
  height: auto;
  display: flex;
  flex-flow: column;
  padding: 1rem;
}
.backdrop .modal label,
.modal-container .modal label {
  font-size: 1rem;
}
.backdrop .modal .cell.day,
.modal-container .modal .cell.day {
  font-size: 1rem;
}
.backdrop .modal footer,
.modal-container .modal footer,
.backdrop .modal header,
.modal-container .modal header {
  height: 50px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin: 10px 20px 10px 20px;
  color: #222;
}
.backdrop .modal section,
.modal-container .modal section {
  flex-grow: 1;
  margin: 0 22px;
  max-height: 100%;
  font-size: 1.4rem;
  display: block;
  margin-bottom: 10px;
}
.backdrop .modal section .custom-control-label,
.modal-container .modal section .custom-control-label {
  font-size: 1rem;
}
.backdrop .modal section table,
.modal-container .modal section table {
  font-size: 1rem;
}