@font-face {
  font-family: Rockwell;
  src: url("/src/fonts/rockwen.ttf");
}
@font-face {
  font-family: LucidaGrande;
  src: url("/src/fonts/LucidaGrande.ttf");
}
@font-face {
  font-family: LucidaGrandeBold;
  src: url("/src/fonts/LucidaGrandeBold.ttf");
}
.button {
  min-height: 30px;
  height: 30px;
}

.form-item .multiselect {
  min-height: 30px;
  height: auto;
}
.form-item .multiselect .multiselect__option--highlight {
  background: #3DD86D;
}
.form-item .multiselect .multiselect__option--selected.multiselect__option--highlight {
  background: #F70909;
}
.form-item .multiselect .multiselect__tags {
  border: 3px solid #000;
  border-radius: 0;
  min-height: 30px;
  padding: 3px 40px 0 8px;
}
.form-item .multiselect .multiselect__tags .multiselect__placeholder {
  margin-bottom: 0;
  padding: 0;
}
.form-item .multiselect .multiselect__tags .multiselect__input {
  border: none;
  height: 20px;
  line-height: 20px;
  margin: 0;
}
.form-item .multiselect .multiselect__tags .multiselect__tag {
  background: #3DD86D;
  color: #000;
  margin: 1px 10px 0 0;
  height: 18px;
  line-height: 20px;
  padding-top: 0;
  padding-bottom: 0;
}
.form-item .multiselect .multiselect__select {
  height: 30px;
}

input[type=checkbox] {
  width: 15px;
  height: 15px;
  display: block;
  border: 1px solid black;
}

table tr td {
  padding: 0 4px;
}

h1 {
  color: #620BDD;
  font-weight: bold;
  margin: 0 0 30px;
}

.form .form-item label {
  width: 100%;
}
.form .form-item.checkbox-formitem label {
  width: auto;
}

.field-chooser ul {
  list-style-type: none;
  padding: 0 0 0 15px;
}

.field-chooser {
  font-size: 16px;
}

.field-chooser ul a {
  color: #000000;
}

.field-chooser ul.table-fields a {
  color: #620BDD;
}

.dash-rows .dash-row {
  display: flex;
  margin: 0 -5px;
  position: relative;
  padding: 0 10px 0 0;
}
.dash-rows .dash-row .delete-row {
  position: absolute;
  right: -4px;
  top: 37px;
}
.dash-rows .dash-row .dash-col {
  width: 100%;
  padding: 10px;
}
.dash-rows .dash-row .html-col {
  margin: 0 0 20px;
}

main.general-padding {
  padding-top: 10px;
}

.form-group.row {
  width: 100%;
  margin: 0 0 10px 0;
}

.modal-content {
  padding: 10px;
  height: 100%;
  overflow: auto;
}

/**Sidebar**/
.sidebar-menus {
  margin: 0 0 5px;
}

.clone {
  margin-right: 5px;
}

.clone img {
  width: 100%;
}

.sidebar-actions {
  white-space: nowrap;
}

.name-title {
  display: flex;
  justify-content: space-between;
}

.name-caption {
  font-size: 12px;
  margin: -5px 0 0;
  color: #620BDD;
}

#toogle-sidebar {
  color: #620BDD;
  font-size: 20px;
  position: absolute;
  left: -7px;
  top: 0px;
}
#toogle-sidebar:hover {
  text-decoration: none;
}

.card {
  border-color: #620BDD;
}

.card-header {
  display: flex;
  background: #3DD86D;
  color: #000;
  border: none;
}
.card-header .btns-in-headers {
  font-size: 20px;
  cursor: pointer;
  color: #620BDD;
  margin-left: auto;
}
.card-header .btns-in-headers a:hover {
  color: #620BDD;
}

.card-body {
  font-size: 16px;
}

.table-header {
  background: #3DD86D;
  font-weight: bold;
}