@import url("icons.css");
/*@import url("options.css.php");*/

.afp-dropdown {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
}

.k-field {
  position: relative;
}

.afp-list {
  display: block;
  margin: 0 -5px;
}

.afp-list--icon {
  width: 50%;
  float: left;
  padding: 10px 5px;
  display: block;
  text-align: center;
}

.afp-list--icon-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.afp-icon-preview {
  justify-content: left;
  padding: 0 .75rem;
}

@media ( max-width: 477px ) {

  .k-file-preview-image .k-image span {
    padding-bottom: 50% !important;
  }

  .k-file-preview-image img {
    padding: 10px;
  }

  .k-fieldset .k-grid {
    grid-row-gap: 10px;
  }

  .k-header {
    padding-top: 20px;
  }

  .k-tab-button.k-button {
    flex-grow: 0;
  }

  .k-section {
    padding-bottom: 20px;
  }

  .k-panel-view {
    padding-bottom: 20px;
  }


}

.k-info-field .k-headline:empty {
  display: none;
}

.k-registration p {
  display: none !important;
}

.k-registration a.k-button {
  display: none !important;
}

.k-registration {
  margin-right: 0;
}

.btn {
  display: inline-block;
  background: #000;
  padding: 6px 12px;
  color: #fff;
  text-decoration: none !important;
  border-radius: 2px;
}

code {
  background: #fff;
  padding: .25rem .5rem;
  line-height: 1.5rem;
  border: 1px solid #ccc;
  display: block;
  overflow: auto;
  white-space: nowrap;
  font-size: 12px;
  line-height: 20px;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.k-text[data-theme=help] {
  font-size: 12px;
  line-height: 18px;
}

.k-list-item-image .k-icon:before {
  position: absolute;
  top: 9px;
  left: 9px;
  text-align: center;
  width: 20px;
  height: 20px;
  font-size: 16px;
  line-height: 20px;
}

.k-card-icon .k-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  margin: -10px 0 0 -10px;
}

.k-card-icon .k-icon svg {
  display: none;
}

.fal.fa-columns {
  color: #a7bd68 !important;
}

.k-registration {
  opacity: .5 !important;
}

/*
.k-box[data-theme="none"] {
  padding: 0;
  border-radius: 0;
  border: 0;
  background: transparent;
  font-size: .775rem;
}
*/

.k-field.k-info-field[section="section_hinweis"] h2 {
  display: none;
}

.k-headline[data-size="large"] {
  border-bottom: 1px solid #999;
  font-weight: 600;
  font-size: 1rem;
}

.k-tabs[data-theme=notice] .k-tabs-badge {
  background: var(--color-notice);
  padding: .25rem;
  color: #fff;
}

/* PLUGIN COLOR PICKER */

.color-picker__presets {
  display: block !important;
}

.color-picker__preset {
  float: left;
}

.color-picker__wrapper {
  max-width: 300px;
}

/* PLUGIN COLOR PALETTE */

.color-palette_input-color[data-tooltip] {
  position:relative;
  z-index:2;
  cursor:pointer;
}

.color-palette_input-color[data-tooltip]:after,
.color-palette_input-color[data-tooltip]:before {
  visibility:hidden;
  pointer-events:none;
}

.color-palette_input-color[data-tooltip]:before{
  position:absolute;
  bottom:120%;
  left:50%;
  margin-bottom:5px;
  margin-left: -60px;
  padding:6px;
  width:120px;
  background-color:#000;
  color:#fff;
  content:attr(data-tooltip);
  text-align:center;
  font-size:12px;
  line-height:14px;
  opacity: 0;
  transition: all .15s;
}

.color-palette_input-color[data-tooltip]:after{
  position:absolute;
  bottom:120%;
  left:50%;
  margin-left:-5px;
  width:0;
  border-top:5px solid #000;
  border-right:5px solid transparent;
  border-left:5px solid transparent;
  content:"";
  font-size:0;
  line-height:0;
  opacity: 0;
  transition: all .15s;
}

.color-palette_input-color[data-tooltip]:hover:after,
.color-palette_input-color[data-tooltip]:hover:before {
  visibility:visible;
  opacity: 1;
}

.color-palette_input-list li.active {
  pointer-events: all;
  outline: none;
  box-shadow: 0 0 0 1px #ccc;
}

.color-palette_input-color.color-palette-bg_false {
  background-image: url(../images/panel/transparent.png) !important;
  background-size: cover !important;
}

.color-palette_input-color.color-palette-bg_gradient {
  background-image: url(../images/panel/gradient.png) !important;
  background-size: cover !important;
}

/*
.color-palette_input-list li.medium.active:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  content: "\f00c";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  text-align: center;
  color: #fff;
  background: #000;
  z-index: 10;
}
*/

.color-palette_input-color {
  border: 1px solid #ccc;
}

/* OVERFLOW SELECTS */

.k-input[data-theme=field][data-type=select] {
  white-space: nowrap;
}

.k-input[data-theme=field][data-type=select] .k-input-element {
  max-width: 100%;
}

.k-input[data-theme=field][data-type=select] .k-select-input {
  text-overflow: ellipsis;
  padding-right: 23px;
}

/* PLUGIN BUILDER */


.k-block-header-tab.k-button {
  padding: .5rem;
  font-size: 12px;
}

.k-builder-block-tabs {
  margin-right: 0;
}

.k-icon-fa:before,
.k-icon-fas:before,
.k-icon-far:before,
.k-icon-fab:before,
.k-icon-fal:before {
  font-size: 15px;
  width: 1rem;
  height: 1rem;
  display: block;
  margin: 0 auto;
}

.k-icon-fa svg,
.k-icon-fas svg,
.k-icon-far svg,
.k-icon-fab svg,
.k-icon-fal svg {
  display: none;
}

.k-builder-block-header .k-icon-fa:before,
.k-builder-block-header .k-icon-fas:before,
.k-builder-block-header .k-icon-far:before,
.k-builder-block-header .k-icon-fab:before,
.k-builder-block-header .k-icon-fal:before {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 15px;
}

.k-block-types .k-button .k-icon {
  line-height: 38px;
}

.k-block-container:hover .k-block-options {
  display: block;
}

.k-layout-columns.k-grid {
  grid-gap: 15px;
}

.k-layout-columns.k-grid {
  background: transparent;
}

.k-layout-column {
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
}

/*

.k-layout-toolbar {
  background: #000;
}

.k-layout-toolbar:hover {
  color: #fff;
}

*/


.k-layout:not(:last-of-type),
.k-layout {
  margin-bottom: 15px;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-block-container .k-block-options {
  right: 12px;
  top: 12px;
  margin: 0;
}

.k-drawer-body .k-headline-field {
  margin: 0 -1.5rem;
  padding: .5rem 1.5rem;
  background: #dadada;
}

.k-drawer-body .k-headline-field .k-headline[data-size="large"] {
  border: 0 none;
}

.k-drawer-body .k-fieldset>.k-grid .k-column:first-child .k-headline-field {
  padding-top: .5rem;
}

/*
.k-layout-column {
  min-height: 64px !important;
}

.k-block-container {
  padding-top: 21px;
  padding-bottom: 21px;
}
*/

.k-block-types {
  grid-template-columns: repeat(2,1fr);
}