.ui-sortable-fields-placeholder {
    border: 3px dashed #aaa;
}

.dragged-fields-container {
    display: inline-flex;
    width: auto !important;
    opacity: 0.7;
}

[data-schematype] .editor_header>h3, [data-schematype] .editor_header>label,
[data-schematype]>h3{
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: unset;
    width: calc(100% - 30px);
    font-weight: 550;
    min-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: none;
    line-height: unset;
    display: inline-block;
    padding-right: 15px;
}

.designer [data-schematype] .editor_header {
    cursor: pointer;
    display: flow-root;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

[data-schematype]>.form-group>.editor_header>.param_selector.evaluation {
    position: absolute;
}

[data-schematype] .editor_toolbar {
    margin-bottom: 4px;
    opacity: 0.5;
}

[data-schematype] .editor_toolbar:hover {
    margin-bottom: 4px;
    opacity: 1;
}

.designer [data-schematype] .editor_toolbar {
    margin-right: 15px;
}

[data-schematype] .editor_toolbar .btn_icon,
[data-schematype] .editor_toolbar .btn_title {
    vertical-align: middle;
    top: unset
}

[data-schematype] .editor_toolbar .btn {
    display: list-item;
    list-style: none;
    cursor: pointer;
    border: unset;
}


[data-schematype] select {
    position: relative;
    height: 1.6em;
    padding: 0 0 0 2px;
    vertical-align: top;
    cursor: pointer;
}

[data-schematype] select[size] {
    height: unset;
}

[data-schematype] select[multiple] {
    height: unset;
    padding: 8px 0 0 8px;
}

[data-schematype] .base_select_search {
    width: 100%;
}

[data-schemapath] .well {
    border: none;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    margin-bottom: 10px;
}

[data-schematype] label {
    width: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.designer [data-schematype] label.custom-form-radio-button {
    width: 100% !important;
}

.designer [data-schematype] label.custom-form-radio-button:hover {
    opacity: 0.7;
}

.form_editor [data-schematype] input.form-control,
.form_editor [data-schematype] select.form-control,
.form_editor [data-schematype] textarea.form-control{
    font-size: unset;

}

[data-schematype] .btn-group {
    min-height: 20px;
}


[data-schematype="object"] > td > .btn-group .btn {
    float: right;
    background: none;
    border: none;
}


[data-schemapath] button.json-editor-btn {
    font-size: 0.8em;
    padding: 4px 6px;
}

[data-schemapath] button.json-editor-btn-collapse {
    margin-right: 20px;

}

/*! =======================================================
                      ROOT
========================================================= */

xxxxx[data-schemapath='root'] {
    margin: 10px;
}

.form_editor [data-schemapath='root'] > h3 {
    display: none;
}

[data-schemapath='root'] > p {
    margin-left: 10px;
    padding-top: 10px;
    font-weight: 600;
}

[data-schemapath='root'] [data-schematype] {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 3px;
    margin-top: 0px;
    margin-bottom: 5px;
    overflow-y: hidden;
    display: block;
!important;
}

[data-schemapath='root'] [data-schematype="grouped_fields"] {
    overflow-x: hidden;
    overflow-y: hidden;
}


.designer [data-schemapath='root'] [data-schematype].single_over {
    outline: 1px solid rgba(255, 165, 0, 0.30);
}

.designer [data-schemapath='root'] [data-schematype] > .param_fields_placeholder,
.designer [data-schemapath='root'] [data-schematype='array'] th > .param_fields_placeholder {
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    color: #ffffff7d;
    z-index: 100;
}

.designer [data-schemapath='root'] [data-schematype='array'] th > .param_fields_placeholder {
    top: 4px;
}

.designer [data-schemapath='root'] [data-schematype].single_over > .param_fields_placeholder,
.designer [data-schemapath='root'] [data-schematype='array'].single_over th:hover > .param_fields_placeholder {
    opacity: 0.7;
}

.designer [data-schemapath='root'] [data-schematype="groups_list"] [data-schematype]:hover {
    outline: none;
}


.designer [data-schemapath='root'] [data-schematype='embedded_form'] [data-schematype]:hover {
    outline: unset;
}


.designer [data-schemapath='root'] [data-schematype="array"] [data-schematype]:hover {
    outline: unset;
}

.designer [data-schemapath='root'] [data-schematype].ui-field-selected:hover {
    outline: 1px solid orange;
}


/*! =======================================================
                      font_picker
========================================================= */

[data-schematype='font_picker'] .font_selector_container {
    height: 1.6em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--input-color);
    background: var(--input-background);
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-border-radius);
}
[data-schematype='font_picker'] .font_selector_container>span{
   white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 20px;

}

/*! =======================================================
                      STRING
========================================================= */

[data-schematype='string'] > .form-group  input,
[data-schematype='string'] > .form-group  textarea,
[data-schematype='number'] > .form-group  input,
[data-schematype='number2'] > .form-group  input,
[data-schematype='boolean'] > .form-group  select,
[data-schematype='datetime'] > .form-group  input {
    text-align: unset;
    font-weight: normal;
    height: 1.65em;
}
[data-schematype='string'] > .form-group > textarea{
    height: unset;
}


[data-schematype='string'] > .form-group > input::placeholder,
[data-schematype='tags'] > .form-group > .bootstrap-tagsinput >  input::placeholder,
[data-schematype='string'] > .form-group > textarea::placeholder,
[data-schematype='number'] > .form-group > input::placeholder,
[data-schematype='boolean'] > .form-group > select::placeholder,
[data-schematype='datetime'] > .form-group > input::placeholder {
    opacity: 0.7;
}

/*! =======================================================
                      number, number2, custom_number2
========================================================= */
[data-schematype='number'] > .form-group > input,
[data-schematype='number2'] > .form-group > input{
    text-align: right;
}

/* Applied only to inputs with .no-spinner */
input.no-spinner::-webkit-outer-spin-button,
input.no-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.no-spinner {
    -moz-appearance: textfield;
}

/*! =======================================================
                      smart_path
========================================================= */

[data-schematype='smart_path'] select {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    height: unset;
}


[data-schematype='smart_path'] .export_as {
    font-size: 11px;
    margin-left: 10px;
    opacity: 0.7;
    cursor: pointer;
}

[data-schematype='smart_path'] .export_as.empty {
}


[data-schematype='smart_path'] .ace_editor {
    width: calc(70% - 10px);
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
}


/*! =======================================================
                      EMBEDDED_FORM
========================================================= */

.designer [data-schemapath='root'] [data-schematype='embedded_form'] > .form-group {
    xxxmin-height: 70px;

}

.designer [data-schemapath='root'] [data-schematype='embedded_form'] > .form-group > .no_data_provided {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    min-height: 20px;
    display: block;
    font-size: 20px;
    opacity: 0.3;
}


/*! =======================================================
                      GROUPED_FIELDS
========================================================= */

xxx[data-schematype='grouped_fields'] > h3 {
    background: #24262b;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    margin-bottom: 5px;

}


[data-schematype='grouped_fields'] .grouped_field_container {
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
}


[data-schematype='grouped_fields'] [data-schematype] > .form-group {
}

[data-schematype='grouped_fields'] [data-schematype] .ui-resizable-e {
    right: 0;
}

[data-schematype='grouped_fields'] [data-schematype] .ui-resizable-e:hover {
    background: #464b51;

}

[data-schematype='grouped_fields'] > .form-group {
    margin-bottom: 0px;
    min-height: 50px;
}

[data-schematype='grouped_fields'] [data-schematype='radio_buttons'] .grouped_buttons {
    margin-top: 0px;
}


[data-schematype='grouped_fields'] {
    padding-top: 5px;
}


.over {
    outline: 1px solid var(--activated-color);
}


/*! =======================================================
                      KNOB
========================================================= */

[data-schematype='knob'] .knobs_container {
    display: inline-flex;
}

[data-schematype='knob'] .knobs_container.vertical {
    display: inline-grid;
}

[data-schematype='knob'] .knob_container {
    display: inline-block;

}

[data-schematype='knob'] .knob_container.off {
    opacity: 0.4;

}


[data-schematype='knob'] .control_knob {
    margin: 0px 3px;
    display: block;
}

[data-schematype='knob'] .knob_title {
    /* width: 100%; */
    text-align: center;
    display: block;
    font-size: 9px;
    /* padding-left: 5px; */
    /* padding-right: 5px; */
    padding: 2px;
    margin-left: 2px;
    margin-left: 2px;
    margin-right: 2px;
    cursor: default;
}

[data-schematype='knob'] .knob-tooltip:first-letter {
    text-transform: capitalize;
}

[data-schematype='knob'] input.editable {
    border: none;
    outline: none;
    padding: 0;
    text-align: center;

}

[data-schematype='knob'] .knob_title.on_off {
    /* width: 100%; */
    background: rgb(63, 63, 63);
    cursor: pointer;

}

[data-schematype='knob'] .knobs_container.vertical .knob_title.on_off {
    /* width: 100%; */
    margin-bottom: 5px;

}


/*! =======================================================
                      SLIDER
========================================================= */

[data-schematype='slider'] .slider.slider-vertical .slider-selection {
    margin-top: -2px
}

[data-schematype='slider'] .sliders_container {
    max-width: 100%;
    overflow: hidden;
    display: block;
}

[data-schematype='slider'] .slider_container > .slider > .slider-track {
    background: none;
}


[data-schematype='slider'] .sliders_container.vertical {
    display: inline-flex;
    width: 100%;
}

[data-schematype='slider'] .slider.slider-horizontal {
    width: calc(100% - 40px);
}

[data-schematype='slider'] .slider.slider-horizontal {

}

[data-schematype='slider'] .slider_container.vertical {
    display: inline-block;
    margin-top: 5px;
}

[data-schematype='slider'] .slider_container.horizontal {
    display: block;

}

[data-schematype='slider'] .slider_container .slider_value {
    width: 25px;

}

[data-schematype='slider'] .slider_container.vertical .slider_value {
    text-align: center;
    display: block;
    width: 100%;
}

[data-schematype='slider'] .slider_container.vertical .slider-track {
    background: unset;
    left: 50%;
    xxxmargin: 0 auto;
    width: 100%;
}

[data-schematype='slider'] .slider_container.vertical .slider-selection,
[data-schematype='slider'] .slider_container.horizontal .slider-track-high {
    background: black;
}

[data-schematype='slider'] .slider_container.vertical .slider-track-high,
[data-schematype='slider'] .slider_container.horizontal .slider-selection {
    background: var(--control-background);
}

[data-schematype='slider'] .slider_container .slider-handle {
    background: var(--main-color);
    color: var(--main-background);
}

[data-schematype='slider'] .slider_container.vertical .slider-selection,
[data-schematype='slider'] .slider_container.vertical .slider-track-high {
    width: 10px;
    margin: 0 auto;
    left: unset;
    right: unset;
}

[data-schematype='slider'] .slider_container.horizontal .slider_value {
    text-align: right;
    display: inline-block;
    margin-left: 5px;
    font-size: 0.8em;
}

[data-schematype='slider'] .slider_container.horizontal .slider_title {
    text-align: left;
    display: inline-block;
    margin-right: 5px;
    font-size: 11px;

}

[data-schematype='slider'] .slider.slider-vertical {
    margin-bottom: 0px;
    margin-top: 5px;
    display: -webkit-box;
    margin: 0 auto;
}

[data-schematype='slider'] .slider_container.vertical .slider_title {
    display: inline-block;

}

[data-schematype] p {
    width: calc(100% - 10px);
    margin-bottom: 0px;
}

/*! =======================================================
                      ARRAY
========================================================= */

[data-schematype="array"] {
    margin-bottom: 20px;

}
[data-schematype="array"] p{
    width: calc(100% - 20px);

}
[data-schematype="array"]>.well>.btn-group>.json-editor-btn-add,
[data-schematype="array"]>.well>.btn-group>.json-editor-btn-delete{
}


[data-schematype="array"]>.error_holder {
    display: inline-block;

}

[data-schematype="array"] tr .json-editor-btn-delete , [data-schematype="array"] tr .row_handle {
    padding: 0px 6px;
}
[data-schematype="array"] tr .json-editor-btn-delete:hover , [data-schematype="array"] tr .row_handle:hover {
    background: unset!important;
}

[data-schematype="array"] .JCLRgrip {
    z-index: 101;
}

.modal [data-schematype="array"] .JCLRgrip {
    z-index: 1056;
}

[data-schematype="array"] .list_builder_container {
    overflow: auto;
    margin-bottom: 8px;
}

[data-schematype="array"] tr[data-schematype] {
    display: table-row;
}

[data-schematype="array"] tr[data-schematype].hidden_field {
    display: none !important;
}

.designer [data-schematype="array"] tr[data-schematype].hidden_field {
    display: table-row;
}


[data-schematype="array"] td[data-schematype] {
    display: table-cell;
}

[data-schematype="array"] td[data-schematype].hidden_field {
    opacity: 0;
}

.designer [data-schematype="array"] td[data-schematype].hidden_field {
    opacity: 0.4;
    display: table-cell!important;
}

[data-schematype="array"] td[data-schematype].hidden_field .form-group {
    display: none;
}

.designer [data-schematype="array"] td[data-schematype].hidden_field .form-group {
    display: block;
}

[data-schematype="array"] > .form-group > .well {
    background: none;
    margin-bottom: 0;
    padding: 0;
}

[data-schematype="array"] th.hidden_col,
[data-schematype="array"] td.hidden_col {
    display: none;
}

.designer [data-schematype="array"] th.hidden_col,
.designer [data-schematype="array"] td.hidden_col {
    display: table-cell;
    opacity: 0.4;
}

[data-schematype="array"] [data-schematype] .form-group.has-error {
    border-left: 3px solid var(--state-error);
    padding-left: 4px;
}


[data-schematype="array"] [data-schematype="media_selector"] .file_preview_container,
[data-schematype="array"] [data-schematype="media_selector"] .file_preview_container > a.file_preview {
    text-align: center;
    xxxdisplay: contents;
    height: auto;
}

[data-schematype="array"] [data-schematype="media_selector"] .file_preview_container .video_preview img {
    height: unset;
}

[data-schematype="array"] [data-schematype="media_selector"] .file_preview_container {
    margin: 0;
}


[data-schematype='array'] table {
    background: none; /* rgba(72, 72, 72, 0.16); */
    font-size: unset;
    margin-bottom: 2px;
}

[data-schematype='array'] table th {
    vertical-align: middle;
    padding: 2px 4px;
    position: sticky;
    position: -webkit-sticky;
    top: -1px;
    z-index: 100;
    background: var(--main-background);
    font-size: unset;
    font-weight: 550;

}

[data-schematype='array'] table tr:first-child {
}


.modal [data-schematype='array'] table th {
    z-index: 1055;
}


[data-schematype='array'] table th .column_title {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    display: inline-block;
}

[data-schematype='array'] table th .remove_field {
    float: right !important;
    padding: 0 !important;
    opacity: 0 !important;
    margin-right: 3px;
}

[data-schematype='array'] table th:hover .remove_field {
    opacity: 1 !important;
}


[data-schematype='array'] table tr.row_selected {
    backgroundxxx: #5c5c5c;
}

[data-schematype='array'] .file_selector {
    margin-top: 0px;
    margin-bottom: 0px;
}

[data-schematype='array'] [data-schematype] > .form-group {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    overflow-x: auto;
    overflow-y: hidden;
    xxxbackground: none !important;
}

[data-schematype='array'] [data-schematype] > .form-group > .bootstrap-tagsinput {
    background: unset;
    border: unset;
    overflow-y: auto;
    overflow-x: hidden;
}

[data-schematype='array'] [data-schematype] > .form-group > .bootstrap-tagsinput input {
    background: unset;
    border: unset;
    overflow-y: auto;
    overflow-x: hidden;
    color: white;
}


[data-schematype='array'] tr[data-schematype='object'] > td:last-of-type {
    text-align: right;
    padding: 0;
}

[data-schematype='array'] tr[data-schematype='object'] > td:last-of-type>.btn-group {
    display: -webkit-inline-box;
}

[data-schematype='array'] tr[data-schematype='object'] > td:last-of-type .glyphicon {
    opacity: 0.4;
}


[data-schematype='array'] tr[data-schematype='object'] > td:last-of-type .glyphicon:hover {
    opacity: 1;
}

[data-schematype='array'] [data-schematype='workflow_selector'] > .well {
    padding: 0px;
    margin-bottom: 0px;
}

[data-schematype='array'] [data-schematype='radio_buttons'] .grouped_buttons {
    padding-right: 6px;
    padding-left: 6px;
}

[data-schematype='array'] [data-schematype='radio_buttons'] {
    padding-bottom: 0px;

}

[data-schematype='array'] > .well {
    padding: 0px;
    overflow-x: hidden;
    border: none;
    background: initial;
}

[data-schematype='array'] > h3 {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 0px;

}

[data-schematype='array'] .form-group {
    margin-bottom: 0px;
}

[data-schematype='array'] .form-group input,
[data-schematype='array'] .form-group select,
[data-schematype='array'] .form-group .select2,
[data-schematype='array'] .form-group textarea,
[data-schematype='array'] .form-group ul.tag-editor {
    margin-top: 2px;
    margin-bottom: 2px;
}


[data-schematype='array'].over {

}

[data-schematype='array'] tr.selected {
    background: #7878787a;
}


/*! =======================================================
                      DATA_SELECTOR
========================================================= */

[data-schematype='data_selector'] {
}

[data-schematype='data_selector'] .spinner {
    position: relative !important;
    left: 50% !important;
    top: 0 !important;
}


[data-schematype='data_selector'] > h3 {
    margin-bottom: 0px;
}

[data-schematype='data_selector'] > .form-group > label {
    display: block;
}

xxx[data-schematype='data_selector'] .well {
    border: none;
    background: none;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 0px;

    margin-top: 15px;
    padding-top: 0px;
    padding-bottom: 8px;
}

[data-schematype='data_selector'] .well {
    margin: 0;
    padding: 0;
    background: none;
}

[data-schematype='data_selector'] #data_selector_table .ui-selected {
    background-color: var(--activated-color);
}

[data-schematype='data_selector'] .select_media_spinner {
    float: right;
}

[data-schematype='data_selector'] button.data_selector_button {
    zoom: 1;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 100%;
    top: -3px;
}

[data-schematype='data_selector'] button.data_selector_button.css_picker {
    display: contents;
}
.data_selector_dialog .row{
    margin: unset;
}

.data_selector_dialog button {
    zoom: 1;

}

.data_selector_dialog .dataTables_scrollHeadInner table > thead {
    background: #141619;

}

.data_selector_dialog table thead tr {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

}

/*! =======================================================
                      FOLDER_SELECTOR
========================================================= */

[data-schematype='folder_selector'] .selector_container {
    width: 100%;
    display: table;
}

[data-schematype='folder_selector'] .selector_container .input_container {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

[data-schematype='folder_selector'] .selector_container .input_container > input {
    height: unset;
}

[data-schematype='folder_selector'] .selector_container.left .input_container {
    padding-left: 10px;
}

[data-schematype='folder_selector'] .selector_container.right .input_container {
    padding-right: 10px;
}


[data-schematype='folder_selector'] .selector_container .btn {
    background-image: unset;
}


/*! =======================================================
                      MEDIA_SELECTOR
========================================================= */

[data-schematype='media_selector'] .selector_container {
    overflow: hidden;
    width: 100%;
    border-radius: 3px;
}


[data-schematype='media_selector'] > .form-group.has-error .file_selector {
    xxxborder: 1px solid var(--state-error);
}


[data-schematype='media_selector'] .selector_container .file_preview_container {
    display: block;
}


[data-schematype='media_selector'] .selector_container .file_preview {
    xxxwidth: unset;
}


.form_editor [data-schematype='media_selector'] .selector_container .file_preview {
    box-shadow: none;
    cursor: pointer;
    xxxheight: 100%;
    width: 100%;
    height: auto;
    overflow: inherit;
}
.form_editor [data-schematype='media_selector'] .has-error .selector_container .file_preview{
    border: 1px solid var(--state-error)
}
.form_editor [data-schematype='media_selector'] .selector_container .file_preview .single_image {
    width: 100%;
}


[data-schematype='media_selector'] .image_container .file_preview {
    border-radius: 3px;
    height: auto;
    xxwidth: 245px;
    text-decoration: unset;
}

[data-schematype='media_selector'] .selector_container select {
    float: none;
    margin: 0 0 4px;
    width: 100%;
}


/*! =======================================================
                      RATE_PICKER
========================================================= */
[data-schematype='rate_picker'] > .form-group > .priorities {
}

[data-schematype='rate_picker'] > .form-group.has-error > .priorities {
    xxxborder: 1px solid var(--state-error);
}

[data-schematype='rate_picker'] > .form-group > .priorities > .priority {
    vertical-align: middle;
    font-family: 'Glyphicons Halflings' !important;
}


/*! =======================================================
                      WORKFLOW_SELECTOR
========================================================= */

[data-schematype='workflow_selector'] .workflow_selector_holder {
    padding-bottom: 0px;
    display: inline-block;
    width: 100%;
}

[data-schematype='workflow_selector'] .workflow_selector_container > span {
}

[data-schematype='workflow_selector'] .workflow_selector_container > span > select {
}


.designer [data-schematype='workflow_selector'] .open_workflow {
}

[data-schematype='workflow_selector'] .param_selector:hover {
    opacity: 1;
}

/*! =======================================================
                      RADIO_BUTTONS
========================================================= */
[data-schematype='radio_buttons'] {
    padding-bottom: 5px;
}

[data-schematype='radio_buttons'] > .form-group.has-error > .grouped_buttons {
    xxxborder: 1px solid var(--state-error);
}


[data-schematype='radio_buttons'] .grouped_buttons {
    display: inline-flex;

}

[data-schematype='radio_buttons'] .grouped_buttons.vertical_buttons {
    display: block;

}

[data-schematype='radio_buttons'] .custom-form-radio-button {
    overflow: hidden !important;
    width: 100%;
    text-align: center;
    background-image: inherit;
}

[data-schematype='radio_buttons'] [show_only_selected="true"] .custom-form-radio-button {
    display: none;
}


[data-schematype='radio_buttons'] [show_only_selected="true"] .custom-form-radio-button.active {
    display: flex;
}


[data-schematype='radio_buttons'] label.custom-form-radio-button {
    display: inline-block;
    font-size: inherit;
    border-color: rgb(58, 61, 70);;
}


[data-schematype='radio_buttons'] .radio_icon {
    margin-left: 5px;
    margin-right: 5px;
}

[data-schematype='radio_buttons'] .radio_icon.glyphicon-none {
    width: 0px;

}

[data-schematype='radio_buttons'] .radio_title {
    margin-left: 5px;
    margin-right: 5px;
}

[data-schematype='radio_buttons'] > .well {
    border: none;
}

[data-schematype='radio_buttons'] label.btn {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 1px 1px;
    background-color: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--input-border-radius);
}

[data-schematype='radio_buttons'] label.btn:not(:first-child):not(:last-child)  {
    margin-left: 2px;
    margin-right: 2px;
}
[data-schematype='radio_buttons'] label.btn:first-child  {
    margin-right: 2px;
}
[data-schematype='radio_buttons'] label.btn:last-child  {
    margin-left: 2px;
}
[data-schematype='radio_buttons'] .vertical_buttons label.btn:not(:first-child):not(:last-child)  {
    margin-left: unset;
    margin-right: unset;
    margin-top: 4px;
    margin-bottom: 4px;

}

[data-schematype='radio_buttons'] .vertical_buttons label.btn:first-child  {
    margin-right: unset;
    margin-bottom: 4px;
}
[data-schematype='radio_buttons'] .vertical_buttons label.btn:last-child  {
    margin-left: unset;
    margin-top: 4px;
}

[data-schematype='array'] [data-schematype='radio_buttons'] label.btn {
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*! =======================================================
                      BOOLEAN
========================================================= */

[data-schematype='boolean'] input {
    margin-top: -16px;
}

[data-schematype='boolean'] {
}

/*! =======================================================
                      ICON_PICKER
========================================================= */

[data-schematype='icon_picker'] > .form-group > .iconpicker {
    width: 100%;
    min-width: unset;
    max-width: unset;
    display: inline-block;
    transform: unset;
    min-height: 1em;
}

[data-schematype='icon_picker'] > .form-group.has-error > .iconpicker {
    xxxborder: 1px solid var(--state-error);
}


/*! =======================================================
                      COLOR_PICKER
========================================================= */

[data-basetype='color_picker'] .sp-preview {
    margin-right: 0px;
    border: none;
    width: 100%;
    height: 100%;
    border-radius: 2px;
}

[data-basetype='color_picker'] > .form-group,
[data-schematype='array'] [data-basetype='color_picker'] > .form-group {
    overflow: hidden;
}

[data-basetype='color_picker'] > .form-group.has-error .sp-preview {
    border: 3px solid var(--state-error);
}


[data-basetype='color_picker'] .icon_picker {

}

[data-basetype='color_picker'] .sp-disabled {
    opacity: 0.7;
}

[data-basetype='color_picker'] .sp-dd {
    display: none;
}

div.sp-replacer {
    background: none !important;
    display: block;
    width: 25px;
    height: 20px;
    min-height: unset;
    min-width: unset;
    max-height: unset;
    max-width: unset;
    border-radius: 4px;
    padding: 0;
}

div.sp-preview {
    width: 100%;
    height: 100%;
}
div.sp-replacer .sp-preview-inner{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
div.sp-replacer .sp-preview-inner>.css_var {
    width: 75%;
    height: 75%;
    display: block;
    border-radius: var(--input-border-radius);
    xorder: 2px solid black;
}

.sp-container .sp-palette-row.app_colors_row>.sp-thumb-el,
.sp-container .sp-palette-row.app_colors_row>.sp-thumb-el>.sp-thumb-inner{
    border-radius: 50%;
    background-image: unset;
}
.sp-container .sp-palette-row.app_colors_row.first_app_colors_row{
    margin-top: 10px;
}
.sp-container .sp-palette-row.app_colors_row .app_color_label{
    width: unset;
}

.sp-container .sp-palette-row-selection{
    margin-top: 10px;
}
/*! =======================================================
                      CHECKBOX2
========================================================= */
[data-schemapath] [data-schematype="checkbox2"] {
}

[data-schemapath] [data-schematype="checkbox2"] > .form-group {
    overflow-x: hidden;
}


[data-schemapath] [data-schematype="checkbox2"] .param_selector {
    position: absolute;
    opacity: 0.1;
}
[data-schemapath] [data-schematype="checkbox2"] > .checkbox > .param_selector{
    bottom: 3px;
}
[data-schemapath] [data-schematype="checkbox2"] .param_selector.visible_in_view {
    right: 0;
}
[data-schemapath] [data-schematype="checkbox2"]:hover .param_selector {
    opacity: 0.7;
}


[data-schemapath] [data-schematype="checkbox2"][compact="true"] {
    margin-bottom: 0px;
    margin-top: 0px;
}

[data-schemapath] [data-schematype="checkbox2"][compact="true"] .help-block{
    margin-bottom: 10px;
    margin-top: 0;
}
[data-schemapath] [data-schematype="checkbox2"] input {
    margin-top: unset;
    margin-left: unset;
    margin-right: 10px;
    vertical-align: middle;
    cursor: pointer;
    height: 1em !important;
    width: 1em !important;
}

[data-schemapath] [data-schematype="grouped_fields"] [data-schematype="checkbox2"] input {
    height: unset;
}

[data-schemapath] [data-schematype="checkbox2"] .checkbox {
    display: block;
    margin: unset;
}

[data-schemapath] [data-schematype='checkbox2'] label {
    display: flex;
    align-items: center;
    margin-top: 23px;
    padding-left: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: unset;

}

[data-schemapath] [data-schematype='checkbox2'][compact="true"] label {
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}


/*! =======================================================
                      SPACER
========================================================= */
[data-schemapath] [data-schematype="spacer"] {
    padding: 4px;
}

[data-schemapath] [data-schematype="spacer"] .well {
    background: none;
}

[data-schemapath] [data-schematype="spacer"] .spacer_container {
    display: block;
    background: none !important;
}


[data-schemapath] [data-schematype="spacer"] .spacer {
    text-align: center;
    font-size: 20px;
    display: flex;
    align-items: center;
    overflow: hidden;
}


[data-schemapath] [data-schematype="spacer"] hr {
    width: 100%;
    border-top: 1px solid #717785;
    margin: 0 auto;
}

[data-schemapath] [data-schematype="spacer"] .placeholder {
    width: 100%;
}



/*! =======================================================
                      ACE_EDITOR
========================================================= */
[data-schematype="string"] .ace_editor .ui-resizable-s {
    height: 10px
}
[data-schematype="string"] .ace_editor .ace_gutter-cell.ace_breakpoint{
    border-radius: 2px;
    background: var(--state-success);
    color: var(--sequence-state-text-color);

}

[data-schematype="string"] .ace_folding-enabled >  .ace_gutter-cell {
    color: gray;
}


/*! =======================================================
                      TAGS
========================================================= */
/* overwrite default CSS for tiny, dark tags */

[data-schematype="tags"] .bootstrap-tagsinput,
[data-schematype="sequence_tags"] .bootstrap-tagsinput{
    color: var(--input-color);
    background: var(--input-background);
    height: unset;
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-border-radius);
    overflow: auto;
    padding-left: 2px;
}

.customer [data-schematype="tags"] .bootstrap-tagsinput[disabled],
.customer [data-schematype="sequence_tags"] .bootstrap-tagsinput[disabled]{
    opacity: 1;
    background: unset;
    border: unset;
}
[data-schematype="tags"] .bootstrap-tagsinput[disabled] [data-role="remove"],
[data-schematype="sequence_tags"] .bootstrap-tagsinput[disabled] [data-role="remove"]{
    display: none !important;
}
[data-schematype="tags"] .bootstrap-tagsinput[disabled] [data-role="change-color"],
[data-schematype="sequence_tags"] .bootstrap-tagsinput[disabled] [data-role="change-color"]{
    display: none !important;
}
[data-schematype="tags"] .bootstrap-tagsinput[disabled] input,
[data-schematype="sequence_tags"] .bootstrap-tagsinput[disabled] input{
    display: none;
}

[data-schematype="tags"] input ,
[data-schematype="sequence_tags"] input {
    color: var(--input-color);
    font-size: unset;
    font-weight: normal;
}
[data-schematype="tags"] .tag ,
[data-schematype="sequence_tags"] .tag {
    margin-left: 2px;
    margin-top: 4px;
    margin-bottom: 4px;
    display: inline-block;
}

.tags-dropdown-menu{
    z-index: 9001;
}
.tags-dropdown-menu .sequence_tag{
    opacity: 0.8;
    cursor: pointer;
    display: inline-block;
}
.tags-dropdown-menu .sequence_tag:hover{
    opacity: 1;
}


[data-schematype="tags"] .tag[tag_color=""],
[data-schematype="sequence_tags"] .tag[tag_color=""]{
    background: var(--tag-background);
    color: var(--tag-color);
    font-size: unset;
}
[data-schematype="tags"] .tag>[data-role] ,
[data-schematype="sequence_tags"] .tag>[data-role] {
    opacity: 0.5;
}
[data-schematype="tags"] .tag:hover>[data-role] ,
[data-schematype="sequence_tags"] .tag:hover>[data-role] {
    opacity: 1;
}

[data-schematype="tags"] .tag>[data-role="change-color"],
[data-schematype="sequence_tags"] .tag>[data-role="change-color"]{
    margin-left: 5px;
    font-size: 0.8em;
    cursor: pointer;
}

[data-schematype="tags"] .tag>[data-role="remove"],
[data-schematype="sequence_tags"] .tag>[data-role="remove"]{
    margin-left: 5px;
}


/*! =======================================================
                      UPLOADER
========================================================= */
[data-schematype="uploader"] .qq-uploader {
    background: none;
    border: none;
    min-height: 0px;
    padding: 2px;
}

[data-schematype="uploader"] .qq-uploader:before {
    left: 0;
    padding-left: 150px;
    top: 22%;
    font-size: 150%;
}


[data-schematype="uploader"] .qq-gallery .qq-upload-drop-area-active {
    background: none;

}

[data-schematype="uploader"] .qq-upload-list {
    max-height: none;
}

[data-schematype="uploader"] .qq-uploader {
    max-height: none;

}

[data-schematype="uploader"] .qq-upload-button-selector {
    zoom: 1;
    background: var(--control-background);
    color: var(--control-color);
    border: none;
    box-shadow: none;
    width: unset;
    border-radius: var(--main-border-radius);
}

[data-schematype="uploader"] .remove_all_uploads {
    margin-left: 10px;
}

[data-schematype="uploader"] #trigger-upload {
    zoom: 1;
    margin-left: 10px;
}

[data-schematype="uploader"] .no_connector {
    text-align: center;
    width: 100%;
    display: block;
    padding: 20px;
    font-size: 16px;
    color: rgba(201, 218, 255, 0.5);
}

[data-schematype="uploader"] .upload-notif {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
}

[data-schematype="uploader"] .qq-gallery .qq-upload-delete,
[data-schematype="uploader"] .qq-gallery .qq-upload-pause,
[data-schematype="uploader"] .qq-gallery .qq-upload-continue {
    float: right;
}

[data-schematype="uploader"] .qq-gallery .qq-total-progress-bar-container {
    margin-left: 10px;
    float: right;
    width: 100%;
    max-height: 10px;
    margin-bottom: 18px;
    display: none;
    background: black;
}

[data-schematype="uploader"] .qq-gallery .qq-progress-bar-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-height: 10px;
}


[data-schematype="uploader"] .qq-gallery .qq-total-progress-bar,
[data-schematype="uploader"] .qq-gallery .qq-progress-bar {
    max-height: 10px;
}

[data-schematype="uploader"] .qq-gallery .qq-progress-bar-container .qq-progress-bar {
    border-radius: 0px;

}

[data-schematype="uploader"][hide_preview="true"] .qq-gallery .ri-film-line,
[data-schematype="uploader"][hide_preview="true"] .qq-gallery .qq-thumbnail-wrapper {
    display: none;

}


/*! =======================================================
                      REGISTERED_MEDIA
========================================================= */

[data-schematype="registered_media"] .registered_media .sub_datas_block {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
}


[data-schematype="registered_media"] .registered_media .sub_data_container {
    display: block;
    margin-bottom: 20px;
}

[data-schematype="registered_media"] .registered_media .sub_data_container .sub_data {
    margin: 4px;
}

[data-schematype="registered_media"] .registered_media .sub_data_container .sub_data.color {
    width: 30px;
    display: inline-block;
}

[data-schematype="registered_media"] .registered_media .sub_data_container .sub_data.tags {
    padding: 5px 8px;
    background: rgba(102, 128, 148, 0.51);
    display: inline-block;
    color: inherit;

}

[data-schematype="registered_media"] .registered_media .sub_data_container .sub_data_title {
    display: block;
    font-size: 0.8em;
    font-weight: 600;
    backgroundxxxx: rgba(35, 144, 198, 0.16);
    margin-bottom: 5px;
    padding-left: 7px;
    opacity: 0.6;
}


/*! =======================================================
                      VIDEOSJ
========================================================= */
[data-schemabasetype="base_media_container"] .no_data_provided, [data-schemabasetype="base_media_container"] .registered_media_error {
    display: block;
    height: 100px;
    width: 100%;
    padding-top: 20px;
    text-align: center;
    color: gray;
    padding-top: 20px;
    height: 50px;
    width: 100%
}

[data-schemabasetype="base_media_container"] .registered_media_containers {
    display: inline-block;
    width: 100%;
}


[data-schemabasetype="base_media_container"] .registered_media_content {
    display: inline-block;
    padding-top: 20px;
    width: 100%;
}

[data-schemabasetype="base_media_container"] .registered_media_content_title {
    display: inline-block;
    font-size: 0.9em;
    font-weight: 600;
    backgroundxxx: rgba(35, 144, 198, 0.16);
    margin-top: 5px;
    margin-bottom: 5px;
    opacity: 0.8;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;

    -webkit-user-select: all; /* Chrome 49+ */
    -moz-user-select: all; /* Firefox 43+ */
    -ms-user-select: all; /* No support yet */
    user-select: all;

}


[data-schemabasetype="base_media_container"] .registered_media_json {
    display: inline-block;
    padding-top: 20px;
}


[data-schemabasetype="base_media_container"] .registered_media_image {
    display: inline-block;
    padding-top: 20px;
    margin: 5px
}


[data-schemabasetype="base_media_container"] .registered_media {
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    display: block;
    padding: unset;
}


[data-schemabasetype="base_media_container"] > .form-group .glyphicon {
    width: 25px;
    margin-top: -2px;
    font-size: 14px;
}

[data-schemabasetype="base_media_container"] .btn_audio_tracks {
    position: absolute;
    right: 25px;
    margin-top: 1.5px;
}
[data-schemabasetype="base_media_container"] .btn_audio_tracks .vjs-menu{
    left: unset;
    right: -25px;
}


[data-schemabasetype="base_media_container"].focused .vjs-control-bar {
    border-left: 1px solid dodgerblue;
}

[data-schemabasetype="base_media_container"] video-js .vjs-marker {
    transition: unset;
    -webkit-transition: unset;
    -moz-transition: unset;
    top: 0px;
    height: calc(100% - 16px);
    margin-top: 6px;
    margin-bottom: 6px;
}

[data-schemabasetype="base_media_container"] video-js video {
    pointer-events: none;
}

[data-schemabasetype="base_media_container"] video-js .vjs-marker > .ui-resizable-e,
[data-schemabasetype="base_media_container"] video-js .vjs-marker > .ui-resizable-w {
    background: unset !important;
}


[data-schemabasetype="base_media_container"] video-js .vjs-tip {
    bottom: unset;
    top: 20px;
    opacity: 1;
    z-index: 999;
}

[data-schemabasetype="base_media_container"] video-js .vjs-tip .vjs-tip-arrow {
    display: none;
}


[data-schemabasetype="base_media_container"] .video_tag_container {
    display: block;
}


[data-schemabasetype="base_media_container"] .video_tag_container video-js {
    color: unset
}


[data-schemabasetype="base_media_container"] video-js .vjs-time-control {
    cursor: pointer;
    padding: 0;
}

[data-schemabasetype="base_media_container"] video-js .vjs-current-time-display,
[data-schemabasetype="base_media_container"] video-js .vjs-remaining-time-display{
    width: 60px;
    display: inline-block;
}



[data-schemabasetype="base_media_container"] video-js .vjs-control-bar,
[data-schemabasetype="base_media_container"] video-js.vjs-controls-disabled .vjs-control-bar {
    bottom: -60px;
    display: flex !important;
}


[data-schemabasetype="base_media_container"][native-controls="false"] video-js .vjs-control-bar {
    display: none !important;
}

[data-schemabasetype="base_media_container"] video-js .vjs-modal-dialog {
    backgroundxxx: unset !important;
}

[data-schemabasetype="base_media_container"] video-js.vjs-wavesurfer.vjs-fluid wave.vjs-wavedisplay {
    top: unset;
    bottom: -30px;
    z-index: 1;
    height: 30px;
}

[data-schemabasetype="base_media_container"] .control_bar_spacer {
    height: 30px;
    width: 100%;
    display: inline-block;
}

[data-schemabasetype="base_media_container"][native-controls="false"] .control_bar_spacer {
    display: none;
}

[data-schemabasetype="base_media_container"] .waveform_spacer {
    height: 30px;
    width: 100%;
    display: inline-block;
}

[data-schemabasetype="base_media_container"] .waveform_spacer .ui-resizable-s {
    z-index: 1002 !important;
    height: 4px !important;
    bottom: -4px !important;
}


[data-schemabasetype="base_media_container"] video-js .vjs-control.vjs-marker-in,
[data-schemabasetype="base_media_container"] video-js .vjs-control.vjs-marker-out {
    width: 25px;
}

[data-schemabasetype="base_media_container"] video-js .vjs-control.vjs-marker-in.on,
[data-schemabasetype="base_media_container"] video-js .vjs-control.vjs-marker-out.on {
    color: lime
}

[data-schemabasetype="base_media_container"] video-js .vjs-control.vjs-play-backward.on {
    color: orange
}

[data-schemabasetype="base_media_container"] video-js .vjs-picture-in-picture-control {
    display: none;
}

[data-schemabasetype="base_media_container"] .vjs-marker.selected{
    z-index: 1000;
    background: #00000063;
}

[data-schemabasetype="base_media_container"] .xselectable-glass {
    background-color: transparent;
    z-index: 1000;
    cursor: hand;
    cursor: pointer;
}

[data-schemabasetype="base_media_container"] .xselectable-box,
[data-schematype="accurate_hls_player"] .xselectable-box,
[data-schematype="accurate_mp4_player"] .xselectable-box{
    border: 2px solid orange;
    background-color: transparent;
    cursor: hand;
    cursor: pointer;
}


/*! =======================================================
                      VIDE MARKER RECT
========================================================= */


[data-schematype] .videojs_rect.selected{
    background: #00000063;
}


[data-schematype] .videojs_rect{
    position: absolute;
    border-width: 2px;
    border-style: solid;
}
[data-schematype] .videojs_rect:hover .ui-resizable-sw,
[data-schematype] .videojs_rect:hover .ui-resizable-se,
[data-schematype] .videojs_rect:hover .ui-resizable-nw,
[data-schematype] .videojs_rect:hover .ui-resizable-ne {
    background: lime;
    width: 6px ! important;
    height: 6px ! important;
    opacity: 1 ! important;
    display: inline-block ! important;
}

[data-schematype] .videojs_rect .ui-resizable-sw {

}

[data-schematype] .videojs_rect .ui-resizable-se {
    bottom: -5px;
    right: -5px;
}

[data-schematype] .videojs_rect .ui-resizable-nw {
}

[data-schematype] .videojs_rect .ui-resizable-ne {
}

[data-schematype] .videojs_rect .ui-resizable-e {
    right: 0px;
}

[data-schematype] .videojs_rect .ui-resizable-e {
    right: 0px;
}

[data-schematype] .videojs_rect .ui-resizable-n {
    top: 0px
}

[data-schematype] .videojs_rect .ui-resizable-w {
    left: 0px
}


[data-schematype] .xselectable-container {
    display: inline-block;
    width: 100%;
    height: auto;
}


[data-schematype] .video_marker_tags {
    position: absolute;
    top: 0;
    left: 0;
    margin: 4px;
    font-size: 11px;
    max-height: calc(100% - 65px);
    overflow: auto;
}

[data-schematype] .video_marker_tag {
    margin: 4px;
    display: block;
    color: white;
    background: rgba(59, 59, 59, 0.63);
}

[data-schematype] .video_marker_metadata {
    position: absolute;
    top: 0;
    right: 0;
    margin: 4px;
    max-height: calc(100% - 65px);
    overflow: auto;
    max-width: 50%;
}
[data-schematype] .video_marker_metadata table{
    background: rgba(0, 0, 0, 0.6);
    font-size: 1em;
}


[data-schematype] .video_marker_metadata_key_value{
    padding-top: 2px;
    padding-bottom: 2px;
}
[data-schematype] .video_marker_metadata_key {
    width: 120px;
    overflow: hidden;
    padding: 2px;
}
[data-schematype] .video_marker_metadata_value {
    width: 120px;
    overflow: hidden;
    padding: 2px;

}



/*! =======================================================
                      RECTANGLE
========================================================= */

[data-schematype="rectangle"] .inputs_container {
    padding-left: 3px;
    display: flex;
    overflow: hidden;

}

[data-schematype="rectangle"] .rect-sub-input {
    display: inline-block;
    width: calc(25% - 13px);
    padding-left: 0px;
    padding-right: 0px;
    outline: none;
}

[data-schematype="rectangle"] .rect-sub-input:focus {
}

[data-schematype="rectangle"] .rect-sub-label {
    font-size: 13px;
    margin-left: 2px;
    margin-right: 2px;
    opacity: 0.4;
}

[data-schematype="rectangle"] .rect-sub-label-x {
    margin-left: 0px;
}

/* Chrome, Safari, Edge, Opera */
[data-schematype="rectangle"] .rect-sub-input::-webkit-outer-spin-button,
[data-schematype="rectangle"] .rect-sub-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
[data-schematype="rectangle"] .rect-sub-input[type=number] {
    -moz-appearance: textfield;
    height: unset;
    text-align: right;
}

/*! =======================================================
                      MEDIA_CONTAINER
========================================================= */

[data-schematype="media_container"] .registered_media_content_title {
    display: block;
    display: block;
    font-size: 0.9em;
    font-weight: 600;
    backgroundxxx: rgba(35, 144, 198, 0.16);
    margin-bottom: 15px;
    opacity: 0.8;

    -webkit-user-select: all; /* Chrome 49+ */
    -moz-user-select: all; /* Firefox 43+ */
    -ms-user-select: all; /* No support yet */
    user-select: all;

}


[data-schematype="media_container"] .registered_media_image {
    display: inline-block;
}


[data-schematype="media_container"] .registered_media {
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    display: block;
    overflow: hidden;
}


/*! =======================================================
                      FORM_SELECTOR
========================================================= */

[data-schematype="form_picker"] > .form-group .font-select {
    width: 100%;
}


[data-schematype="form_picker"] > .form-group .font-select .fs-drop {
    width: 100%;
}


/*! =======================================================
                      CSS_EDITOR
========================================================= */

[data-schemapath='root'] [data-schematype="css_editor"] {
    padding-left: 0px;
}


[data-schematype="css_editor"] [role="tablist"] .panel-heading {
    display: inline;
}

[data-schematype="css_editor"] .spacer {
    opacity: 0;
}

[data-schematype="css_editor"] .font_selector_container {
    font-size: 0.8em;
}

[data-schematype="css_editor"] .tab-pane > div > div > .well {
    background: rgba(46, 51, 56, 0.5)
}

[data-schematype="css_editor"] [data-schematype] {
    padding-top: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    padding-left: 6px;
    padding-right: 10px;
}
[data-schematype="css_editor"] [data-schematype]>.well-sm {
    padding-top: 0px;
    padding-bottom: 0px;
}

[data-schematype="css_editor"] [data-schematype] .knob-tooltip {
    font-size: 10px;
}

[data-schematype="css_editor"] .nav {
    font-size: 0.9em;
    margin-left: 5px;
}

[data-schematype="css_editor"] .nav > li{
    margin-bottom: 0;
}
[data-schematype="css_editor"] .nav > li > a {
    padding: 5px;
    color: unset;
    min-width: 55px;
    text-align: center;
}
[data-schematype="css_editor"] .nav > li.active > a {
    color: var(--tab-selected-color);
}



[data-schematype="css_editor"] h3 {
    display: none;
}

[data-schematype="css_editor"] [data-schemapath] .row  {
    margin-top: 5px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 5px 0px var(--custom-form-background);
}
[data-schematype="css_editor"] [data-schemapath] .row +.row{

}


[data-schematype="css_editor"] .form-group {
    margin: 0px;
    width: 100%;
}

[data-schematype="css_editor"] .form-group .form-control {
    margin: 0px;
    padding: 0px;
}

[data-schematype="css_editor"] [data-schematype] .form-group label {
    margin: 0px;
    width: 100%;
    font-size: 0.8em;
    white-space: nowrap;
    text-overflow: unset;
    font-weight: normal;
    margin-bottom: 2px;
}


[data-schematype="css_editor"] [data-schematype="radio_buttons"] .grouped_buttons {
    text-align: center;
    height: 35px;
}

[data-schematype="css_editor"] [data-schemapath="root.box.zoom"],
[data-schematype="css_editor"] [data-schemapath="root.box.opacity"] {
    padding-right: 0px;
}


[data-schematype="css_editor"] [data-schemapath="root.box.opacity"] {
    padding-left: 0px;
}


[data-schematype="css_editor"] [data-schematype="radio_buttons"] .grouped_buttons > label {
    text-align: center;
    font-weight: 600;
    opacity: 0.3;
    height: 25px;
}
[data-schematype="css_editor"] [data-schematype="radio_buttons"] .grouped_buttons > label>.radio_icon {
    top: unset;
}


[data-schematype="css_editor"] [data-schematype="radio_buttons"] .grouped_buttons {
    text-align: center;
    height: 35px;
}


[data-schematype="css_editor"] input {
    margin: 0px;
    font-weight: normal;
}


[data-schematype="css_editor"] .selectize-control.multi .selectize-input {
    padding-bottom: 0px;
    padding-top: 0px;
    min-height: unset;
    background: var(--input-background);
    border: 1px solid var(--input-border-color);
    font-size: 0.9em;
}


[data-schematype="css_editor"] [data-schemapath="root.code"] {
    padding: 0;
    margin: 0;
}

[data-schematype="css_editor"] [data-schemapath="root.code"] .well {
    margin: 0px;
    padding: 0px;
}

[data-schematype="css_editor"] [data-schemapath="root.code.css"] {
    margin: 0px;
    padding: 0px;
}

[data-schemapath="root.code.css"] .form-group {
    margin: 0px;
    padding: 0px;

}

[data-schematype="css_editor"] [data-schemapath="root.code.css"] label {
    display: none;
}

[data-schematype="css_editor"] [data-schemapath="root.code.css"] .ace_editor {
    margin: 0;
    width: 100%;
}

[data-schematype="css_editor"] .knobs_container {
    display: inline;
}

[data-schemapath="root.background.gradient_b"] {
    padding-right: 0px;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month {
    opacity: 0.8;
    background: white;
}


/*! =======================================================
                      TEXT_BLOCK
========================================================= */
[data-schematype="text_block"] .text_content {
    word-break: break-word;
    overflow: scroll;
    display: block;
}

[data-schematype="text_block"] .text_content.empty {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    min-height: 20px;
    display: block;
    font-size: 20px;
    opacity: 0.3;
}


/*! =======================================================
                      GROUPS_LIST
========================================================= */

[data-schematype="groups_list"] .well {
    background: unset;
    padding: 0;
    margin-bottom: 0;
}

[data-schematype="groups_list"] [data-schematype="object"] .json-editor-btn-delete:focus  {
    outline: none;
    background: none;
}


[data-schematype="groups_list"] [data-schematype="grouped_fields"] {
    padding: 0;
    margin: 0;
}

[data-schematype="groups_list"] > .well > div > [data-schematype="object"] {
    padding: 0;
    margin: 0;
}


[data-schematype="groups_list"][no_item_name] > .well > div > [data-schematype="object"] > .editor_header,
[data-schematype="groups_list"][no_item_name] > .well > div > [data-schematype="object"] > h3 {
    position: absolute;
    right: 0;
    z-index: 100;
    width: auto;
}


[data-schematype="groups_list"] .groups_list_message {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    min-height: 20px;
    display: block;
    font-size: 20px;
    opacity: 0.3;
}



/*! =======================================================
                      SIMPLE_TABLE_SELECTOR
========================================================= */

[data-schematype='simple_table_selector'] > .well {
    padding-top: 0px;
    background: unset;
}
[data-schematype='simple_table_selector'] > h3 {
    font-size: 13px;
}
.form_editor [data-schematype='simple_table_selector'] .custom_form{
    background: unset;
}
[data-schematype='simple_table_selector'] > .form-group > .well > .select2-container{
    margin-bottom: 10px;
}
[data-schematype='simple_table_selector'] > .form-group > .well > select.simple_tables{
    width: calc(100% - 150px);
    margin-bottom: 10px;
    display: inline-block;
}

[data-schematype='simple_table_selector'] .simple_table_ace_holder{
    xxxheight: calc(100% - 50px);
}

[data-schematype='simple_table_selector'] .simple_table_ace_error{
    color: var(--state-error);
    font-weight: bold;
    margin-left: 10px;
    margin-top: 10px;
}
[data-schematype='simple_table_selector'] .select_edition_mode{
    margin-left: 5px;
    margin-right: 5px;
    float: right;
    color: grey;
    font-weight: normal;
    width: calc(140px);
    height: 22px;
}
[data-schematype='simple_table_selector'] .select_edition_mode:focus{
    outline: none;
    box-shadow: none;
}



[data-schematype='simple_table_selector'] [data-schemaid="root"]>h3{
    display: none;
}



/*! =======================================================
                      ACCURATE PLAYER
========================================================= */
ap-audio-routing-basic {
    --ap-audio-routing-background-color: rgba(0,0,0,0);
}

ap-audio-meter-basic {
    --AP-BACKGROUND-CARD: rgba(0,0,0,0);
    --ap-audio-meter-axis-background: rgba(0,0,0,0);
}

xxxap-timeline-audio-waveform {
    --ap-timeline-audio-waveform-height: 100px;
}
apc-popup{

}

ap-custom-controls-group + ap-custom-controls-group {
    margin-left: 10px;
}
ap-custom-controls-group {
    height: 30px;
    display: inline-flex;
    background-color: unset;
    color: unset;
    border-radius: 2px;
}

ap-custom-controls .ap-custom-control:hover{
    color: white;
}

ap-custom-controls .ap-custom-control{
    margin: auto 8px;
    vertical-align: middle;
    xxxfont-size: 14px;
    cursor: pointer;

}
ap-custom-controls .ap-custom-control.glyphicon-play,
ap-custom-controls .ap-custom-control.glyphicon-pause{
    xxxfont-size: 20px;
    margin-left: 15px;
    margin-right: 15px;

}

h4.accurate_no_player_linked{
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    display: inline-block;
    opacity: 0.8;
}

[data-schematype="simple_rows_selector"] table{
    color: unset;
    margin-top: 0 !important;
}
[data-schematype="simple_rows_selector"] .dataTables_scrollHead{
    border: 1px solid var(--panel-heading-background)!important;
    border-bottom: unset!important;
}

[data-schematype="simple_rows_selector"] div.dataTables_scrollHead .dataTables_scrollHeadInner {
    border-left: unset !important;
}
[data-schematype="simple_rows_selector"] .search_columns_holder{
    display: inline-flex;
    width: 100%;
    margin-bottom: 5px;
}

[data-schematype="simple_rows_selector"] .search_columns_holder input{
    width: 100%;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 24px;
    line-height: 24px;
}

[data-schematype="simple_rows_selector"] .search_columns_holder input:not(:first-child) {
    margin-left: 2px;
}
[data-schematype="simple_rows_selector"] .search_columns_holder input:not(:last-child) {
    margin-right: 2px;
}

[data-schematype="simple_rows_selector"] .search_columns_holder input::placeholder{
    text-align: center;
}