* {
    user-select: none;
}


#main {

  --c_padding: calc( var(--padding) * 5 );

  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: relative;
  margin-left: calc( var( --sidebar_width ) + var( --highlight_width ) );
  height: 100vh;
  overflow: auto;

}

/* Header */
#main #header {
  position: relative;
  height: calc( 30px + calc( var(--padding) * 0.7 ) );
  line-height: calc( 30px + calc( var(--padding) * 0.7 ) );
  margin: var(--c_padding);
  margin-right: calc( var(--c_padding) - 8px );
  box-sizing: border-box;
}
#main #header .page_title {
  font-size: 160%;
  font-weight: 500;
  opacity: 0.9;
}
#main #header .page_title .count {
    display: inline-block;
    font-size: 75%;
    opacity: 0.6;
    position: relative;
    top: -6px;
}
#main #header .page_title .count:before,
#main #header .page_title .count:after {
    font-size: 70%;
    margin: 0 3px;
    position: relative;
    top: -2px;
    font-weight: 100;
    opacity: 0.9;
}
#main #header .page_title .count:before {
    content: "(";
}
#main #header .page_title .count:after {
    content: ")";
}
#main #header .menu {
  position: absolute;
  top: 0;
  right: 0;
}
#main #header .menu .item {
  float: left;
  margin-left: calc( var(--padding) );
  padding: calc( var(--padding) * 0.35 ) calc( var(--padding) * 1 );
  line-height: 1;
  height: 30px;
  line-height: 30px;
  border-radius: 6px;
  opacity: 0.5;
  transition: 100ms ease-in all;
  cursor: pointer;
}
#main #header .menu .item:hover {
  color: rgba(var(--theme_color), 0.6 );
  opacity: 1
}
#main #header .menu .item .icon span {
  font-size: 14pt;
}
#main #header .menu .item > .icon {
  display: inline-block;
  position: relative;
  top: 4px;
}
#main #header .menu .item > .label {
  display: inline-block;
  font-weight: 500;
  font-size: 80%;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
#main #header .menu .item.update {
  background: rgba(var(--theme_color),1);
  opacity: 0.8;
  color: #fff;
  position: relative;
  overflow: hidden;
  display: none
}
#main #header .menu .item.update .icon {
  margin-right: 10px;
}
#main #header .menu .item.update:before {
  content: "";
  display: block;
  position: absolute;
  right: 150px;
  top: -36px;
  bottom: 0;
  width: 20%;
  background: radial-gradient(rgba(255,255,255,0.4), transparent);
  transform: rotate(45deg);
  height: 300%;
  z-index: 1;
  animation: shine infinite 5000ms cubic-bezier(0.18, 0.89, 0.32, 1.28)
}
#main #header .menu .item.nots.has_update {
  color: rgba(var(--theme_color), 0.6 );
  background: rgba(var(--theme_color), 0.18 );
  opacity: 1;
}
#main #header .menu .item.nots.has_update .icon {
    position: relative;
    top: -7px;
    animation: ring 1.6s cubic-bezier(0.18, 0.89, 0.32, 1.28) infinite;
}
#main #header .menu .item.nots.has_update .icon span {
    position: relative;
    top: 12px;
}

@keyframes ring {
    0% {
        transform: rotate(20deg);
    }
    12.5% {
        transform: rotate(-20deg);
    }
    25% {
        transform: rotate(22deg);
    }
    37.5% {
        transform: rotate(-18deg);
    }
    50% {
        transform: rotate(13deg);
    }
    62.5% {
        transform: rotate(-9deg);
    }
    75% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@keyframes shine {
  0% {
    right:150px
  }
  0% {
    right:150px
  }
  0% {
    right:150px
  }
  100% {
    right: -45px
  }
}

#main .content {
  margin: var(--c_padding);
}
body.no_main_content_padding #main .content {
    margin: 0;
}

body.p_content_stats #main #header {
  opacity: 0;
}
body.p_content_stats #main #header .page_title {
  display: none;
}
body.p_content_stats .content .stats_head {
  position: absolute;
  top: var(--c_padding);
  left: var(--c_padding);
  right: var(--c_padding);
  display: flex;
  width: auto;
  justify-content: space-between;
  flex-wrap: wrap;
}
body.p_content_stats .content .stats_head ._t {
  font-size: 160%;
  font-weight: 500;
  opacity: 0.9;
}
body.p_content_stats .content .stats_head ._fs {
  display: flex;
}
body.p_content_stats .content .stats_head ._fs ._f ._face {
  height: 20px;
  line-height: 20px;
  padding: 5px 10px;
  border: 1px solid #999;
  border-radius: 5px;
  opacity: 0.4;
  font-weight: 300;
  cursor: pointer;
  transition: 200ms ease-in opacity;
  margin-left: 5px;
}
body.p_content_stats .content .stats_head ._fs ._f .material-icons-outlined {
  font-size: 12pt;
  line-height: 0;
  position: relative;
  top: 3px;
  margin-left: 5px;
}
body.p_content_stats .content .stats_head ._fs ._f:hover {
  opacity: 1;
}
body.p_content_stats .content .stats_head ._fs ._f.sfr input {
  width: 5px;
  height: 2px;
  opacity: 0.01
}

body.p_content_stats.page_index .content .stats_head ._fs {
    display: none;
}
body.p_content_stats.page_index .content .stats_head {
  right: auto;
}
body.p_content_stats.page_index #main #header {
    opacity: 1;
}


/* Boxes */
#main .box {
  margin-bottom: calc( var(--padding) * 6 );
}
#main .boxes .box:last-child {
  margin-bottom: 0
}
#main .box .box-title {
  font-size: 130%;
  font-weight: 500;
  padding-bottom: calc( var(--padding) * 2 );
  opacity: 0.9
}
#main .box .box-tip {
  margin-top: calc( var(--padding) * -1.9 );
  margin-bottom: calc( var(--padding) * 2 );
    opacity: 0.4;
    font-size: 90%;
}

#main .box.with-border .box-title {
  font-weight: 600;
  font-size: 105%;
  opacity: 0.7;
  margin-bottom: calc( var(--padding) * 1.5 )
}
#main .box.with-border .box-content {
  border: 1px solid transparent;
  border-color: rgb( var(--bg_secondary_color) );
  box-shadow: 0px 4px 17px 5px rgba( var(--bg_secondary_border_color), 0.7 );
  padding: var(--padding);
  transition: 300ms ease-out box-shadow, 300ms ease-out color, border-color 300ms ease-out;
  border-radius: 8px;
}
#main .box.no-padding .box-content {
  padding: 0
}
#main .box.no-padding .box-content .box-title {
  padding-bottom: calc( var(--padding) * 2 );
}

/* Boxes legends */
#main .box .box-content .s_legends {
  margin: calc( var(--padding) * 2.5 ) 0;
}
#main .box .box-content .s_legends .s_legend {
  text-align: center;
  line-height: 1;
}
#main .box .box-content .s_legends .s_legend .label {
   font-size: 70%;
    font-weight: 300;
    opacity: 0.5;
}
#main .box .box-content .s_legends .s_legend .value {
    font-size: 200%;
    font-weight: 400;
    opacity: 0.8
}

/* Plugins */
#main .plugins {
  margin-top: 20px;
}
#main .plugins .plugin {
  position: relative;
  background: rgba( var( --ui_color ), 0.02 );
  padding: 20px;
  padding-bottom: 50px;
  border-radius: 6px;
  height: 190px;
  box-sizing: border-box;
  border: 1px solid rgba( var( --ui_color ), 0.05 )
}
#main .plugins .plugin .data {
  padding-right: 85px;
  min-height: 50px;
  margin-bottom: 25px;
}
#main .plugins .plugin .icon {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 70px;
  height: 70px;
}
#main .plugins .plugin .data ._d .title {
  font-weight: 500;
  margin-bottom: 10px;
  opacity: 0.85;
  font-size: 120%;
}
#main .plugins .plugin .data ._d .title span.version {
    font-size: 65%;
    background: rgba(var(--theme_color),0.6);
    color: #fff;
    font-weight: 400;
    padding: 3px 7px 2px;
    line-height: 1;
    display: inline-block;
    position: relative;
    top: -2px;
    border-radius: 4px;
    opacity: 0.6;
    margin-left: 10px;
}
#main .plugins .plugin .data ._d .description {
  font-size: 90%;
  opacity: 0.5;
}
#main .plugins .plugin .footer {
  position: absolute;
  bottom: 20px;
  right: 20px;
  left: 20px;
}
#main .plugins .plugin .footer .price {
    float: left;
    width: 150px;
    font-weight: 500;
    font-size: 120%;
    opacity: 0.8;
}
#main .plugins .plugin .footer .price.purchased {
    font-size: 100%;
    position: relative;
    top: 3px;
}
#main .plugins .plugin .footer .button_wrapper {
    float: left;
    width: calc( 100% - 150px );
    text-align: right;
}
#main .plugins .plugin .bof_dropdown {
  width: 240px
}
#main .plugins .plugin .footer .button_wrapper .btn {
  font-size: 90%;
  padding: 6px 18px;
  line-height: 1;
  border-radius: 8px;
  opacity: 1;
  white-space: nowrap;
  font-weight: 500;
  opacity: 0.8;
  transition: 250ms ease all
}
#main .plugins .plugin .footer .button_wrapper .btn:hover {
  opacity: 1
}
#main .plugins .plugin .footer .button_wrapper .btn.btn-secondary {
  background: none;
  border: 1px solid rgba(var(--ui_color),0.1);
  color: rgba(var(--ui_color),0.4);
}
#main .plugins .plugin .footer .button_wrapper .btn.btn-secondary:hover {
  border: 1px solid rgba(var(--ui_color),0.3);
  color: rgba(var(--ui_color),0.6);
}

/* Theme styling */
#main .section_stats.box {
}
#main .section_stats .section_stat {
  padding-left: 80px;
  min-height: 60px;
  margin-bottom: var(--c_padding);
  width: 125px;
  max-width: calc( 100% - 80px );
}
#main .section_stats .section_stat .value {
  font-size: 220%;
  opacity: 0.8;
}
#main .section_stats .section_stat .title {
  font-weight: 500;
  padding-top: 9px;
  padding-bottom: 5px;
  line-height: 0.75
}
#main .section_stats .section_stat .icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 10px;
}
#main .section_stats .section_stat .icon span {
  font-size: 21pt;
}
#main .section_stats .icon {
  opacity: 1;
}
#main .section_stats .row.cols_padding .col {
    padding-bottom: 0;
}

/* Dash */
#dashboard_separator {
  --max_cols: 1
}
#dashboard_stats_cards {
  --max_cols: 1
}
#dashboard_plugins {
  --max_cols: 2
}

/* Filters */
.filter_head {}
.filter_head .record_count {
    float: left;
    font-size: 140%;
    opacity: 0.8;
}
.filter_head .record_count span {
    background: rgba( var( --ui_color ), 0.1 );
    font-size: 60%;
    border-radius: 9px;
    padding: 3px 7px;
    position: relative;
    top: -1px;
    margin-left: 5px;
}
.filter_head .search_wrapper {
    float: right;
    position: relative;
    line-height: 1;
    top: 1px;
}
.filter_head .search_wrapper input {
    background: transparent;
    padding: 6px 12px;
    border: 1px solid rgba( var(--ui_color), 0.1 );
    width: 140px;
    font-size: 90%;
    border-radius: 10px;
    color: rgba(var(--ui_color),0.6);
}
.filter_head .search_wrapper span {
    position: absolute;
    right: 7px;
    font-size: 12pt;
    color: rgba( var(--ui_color), 0.3 );
    top: 5px;
}
.filter_head .search_wrapper input::placeholder {
    color: rgba(var(--ui_color),0.3);
}
.filter_head .filter_handler_wrapper {
    float: right;
    cursor: pointer;
}
.filter_head .filter_handler_wrapper .filter_handler {
    margin-right: 20px;
    color: rgba( var(--ui_color), 0.5 );
    line-height: 28px;
    position: relative;
    padding-left: 27px;
    text-decoration: underline;
    font-size: 90%;
    transition: color ease-in 200ms
}
.filter_head .filter_handler_wrapper:hover .filter_handler {
    color: rgba( var(--ui_color), 0.8 );
}
.filter_head .filter_handler_wrapper .filter_handler.active {
  color: rgba(var(--theme_color),0.6)
}
.filter_head .filter_handler_wrapper .filter_handler span {
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 20px;
}

.filters_wrapper .filters {
  position: relative;
  display: none
}
.filters_wrapper .filters.active {
  display: block;
}
.filters_wrapper .filters .title {
    padding: 25px 0 0;
    font-size: 120%;
}
.filters_wrapper .filters .clear {
    position: absolute;
    top: 30px;
    right: 0;
    color: rgba(var(--theme_color),0.5);
    font-weight: 300;
    font-size: 90%;
    line-height: 23px;
}
.filters_wrapper .filters .filter_wrapper {
    padding: 20px 0;
}
.filters_wrapper .filters .filter_wrapper.i_n_query {
    display: none;
}
.filters_wrapper .filters .filter_wrapper .filter_title {
    font-size: 95%;
    margin-bottom: 5px;
}
.filters_wrapper .filters .filter_wrapper .filter_tip {
    margin-top: 10px;
    font-size: 80%;
    opacity: 0.4;
}
.filters_wrapper .filters .filter_wrapper .filter {}
.filters_wrapper .filters .filter_wrapper .filter .bof_input {
    border: 1px solid rgba(var(--ui_color),0.09);
    box-sizing: border-box;
}
.filters_wrapper .filters .divide {
    height: 1px;
    margin: 10px 0;
    background: rgba(var(--ui_color),0.06);
}
.filters_wrapper .filters .buttons_wrapper {
    padding: 10px 0 0;
}
.filters_wrapper .filters .buttons_wrapper .btn {
    padding: 6px 30px;
    border-radius: 5px;
    margin-right: 5px;
}
.filters_wrapper .filters .buttons_wrapper .btn-secondary {
    opacity: 0.5;
}
.filters_wrapper .filters .filter_wrapper .filter .bof_input.bof_time_range {
    color: rgba(var(--ui_color),0.6);
    padding: 10px
}
.filters_wrapper ._fiw {
}
.filters_wrapper ._fiw::-webkit-scrollbar {
  width: 2px;
}
.filters_wrapper ._fiw::-webkit-scrollbar-track {
  background-color: rgb( var(--bg_color) );
}
.filters_wrapper ._fiw::-webkit-scrollbar-thumb {
  background-color: rgb( var(--bg_color) );
  border: 2px solid rgba( var( --ui_color ), 0.1 );
}

.content_table_wrapper {
    margin-top: calc( var(--c_padding) * 1 );
    color: rgba( var(--ui_color), 0.65 );
}
.content_table_wrapper table {
    width: 100%;
    border-spacing: 0;
    border-bottom: 1px solid rgba( var(--ui_color), 0.1 )
}
.content_table_wrapper table thead tr td {
    border-bottom: 1px solid rgba( var(--ui_color), 0.1 );
    padding: 0;
    margin: 0;
    padding-bottom: 15px;
    font-weight: 600;
    font-size: 90%;
    line-height: 1;
    vertical-align: bottom;
}
.content_table_wrapper table tbody tr:first-child td {
    padding-top: 25px;
}
.content_table_wrapper table tbody tr:last-child td {
    padding-bottom: 25px;
}
.content_table_wrapper table tbody tr td {
    padding: 20px 5px;
    font-weight: 500;
    font-size: 90%
}

.content_table_wrapper table tbody tr.active td,
.content_table_wrapper table tbody tr:hover td {
    background: rgba(var(--ui_color),0.02);
}
.content_table_wrapper table tbody tr.active td.title {
    color: rgba(var(--ui_color),1);
}
.content_table_wrapper table tr td._s .cb_wrapper {
    width: 12px;
    height: 12px;
    display: block;
    position: relative;
    cursor: pointer;
    margin-left: 6px
}
.content_table_wrapper table tr td._s .cb_wrapper input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
.content_table_wrapper table tr td._s .cb_wrapper .cb_clone {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid rgba(var(--ui_color),0.2);
    border-radius: 4px;
    box-sizing: border-box;
}
.content_table_wrapper table tr td._s .cb_wrapper input:checked ~ .cb_clone {
    background: rgba(var(--theme_color),0.7);
    border: none;
}

.content_table_wrapper table tbody tr td.title {
  font-size: 100%
}
.content_table_wrapper table tbody tr td .verified {
    font-size: 12pt;
    color: rgba(var(--theme_color),0.8);
    position: relative;
    top: -1px;
    margin-left: 5px;
}
.content_table_wrapper table tbody tr td.title.sub_title {
    font-size: 90%;
}
.content_table_wrapper table tbody tr td.title span.smaller {
    display: block;
    font-size: 80%;
    opacity: 0.4;
}
.content_table_wrapper table tbody tr td.cover_td .cover {
    width: 40px;
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
    border: 1px solid rgba(var(--ui_color),0.1);
}
.content_table_wrapper table tbody tr td.cover_td .cover:after {
    padding-top: 100%;
    content: "";
    display: block;
}
.content_table_wrapper table tbody tr td.cover_td {
    width: 60px;
}
.content_table_wrapper table tbody tr td span.sub,
.content_table_wrapper table tbody tr td.type_time span {
    display: block;
    font-size: 80%;
    opacity: 0.6;
}
.content_table_wrapper table tbody tr td.type_tag span {
  border: 1px solid rgba(var(--ui_color),0.1);
  padding: 5px 7px 5px 16px;
  border-radius: 12px;
  font-size: 90%;
  display: inline-block;
  position: relative;
  text-transform: capitalize;
}
.content_table_wrapper table tbody tr td.type_tag span:before {
  content: "";
  display: block;
  background: rgba(var(--ui_color),0.1);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 6px;
  bottom: 0;
  margin: auto;
}
.content_table_wrapper table tbody tr td.type_tag span.spotify:before {
    background: rgba(var(--c_green),0.5);
}
.content_table_wrapper table tbody tr td.type_tag span.free {
  opacity: 0.4
}
.content_table_wrapper table tbody tr td.type_tag span.coming {
  opacity: 0.4
}
.content_table_wrapper table tbody tr td.type_tag span.script:before {
  background: rgba(var(--c_red),1);
}
.content_table_wrapper table tbody tr td.type_tag span.failed:before {
  background: rgba(var(--c_red),0.5);
}
.content_table_wrapper table tbody tr td.type_tag span.plugin:before,
.content_table_wrapper table tbody tr td.type_tag span.finished:before,
.content_table_wrapper table tbody tr td.type_tag span.ready:before {
  background: rgba(var(--c_green),0.5);
}
.content_table_wrapper table tbody tr td.type_tag span.theme:before,
.content_table_wrapper table tbody tr td.type_tag span.running:before {
  background: rgba(var(--c_blue),0.5);
}
.content_table_wrapper table tbody tr td.type_tag span.tool:before {
  background: rgba(var(--c_yellow),0.5);
}
.content_table_wrapper table tbody tr td.type_tag span.coming:before {
  background: rgba(var(--c_red),1);
}
.content_table_wrapper table tbody tr td.type_tag span:empty {
    display: none;
}
.content_table_wrapper table tbody tr td.type_simple .price_wrapper {
    font-size: 160%;
}
.content_table_wrapper table tbody tr td.type_simple .price_wrapper .currency_wrapper {
  font-size: calc( var(--font-size) * 0.8 );
  opacity: 0.5;
  font-weight: 300;
}
.content_table_wrapper table tbody tr td.type_simple .price_wrapper .currency_wrapper.onLeft {
  margin-right: 5px
}
.content_table_wrapper table tbody tr td.type_simple .price_wrapper .currency_wrapper.onRight {
  margin-left: 5px
}
.content_table_wrapper table tbody tr td.type_simple .price_wrapper.down ._n {
    color: rgba( var(--c_red), 0.6 );
}
.content_table_wrapper table tbody tr td.type_simple .price_wrapper.up ._n {
    color: rgba( var(--c_green), 0.6 );
}
.content_table_wrapper table tbody tr td.type_simple.a_btn .btn {
  padding: 4px 20px;
  font-size: inherit;
  opacity: 0.5;
  transition: 200ms ease all
}
.content_table_wrapper table tbody tr td.type_simple.a_btn .btn:hover {
  opacity: 1;
}


.content_table_wrapper table tbody tr td.details {
    font-size: 75%;
}
.content_table_wrapper table tbody tr td.details ul {}
.content_table_wrapper table tbody tr td.details ul li {}
.content_table_wrapper table tbody tr td.details ul li b {
    font-style: normal;
    font-weight: 400;
    opacity: 0.7;
    margin-right: 4px;
    text-transform: capitalize;
}
.content_table_wrapper table tbody tr td.details ul li b:after {
    content: ":";
    margin-left: 2px;
    opacity: 0.5;
}
.content_table_wrapper table tbody tr td.details ul li i {
    font-style: normal;
}
.content_table_wrapper table tbody tr td._m {
  cursor: pointer;
}
.content_table_wrapper table tbody tr td._m > span {
  transition: 200ms opacity ease-out;
  opacity: 0.5;
}
.content_table_wrapper table tbody tr td._m > span:hover {
  opacity: 1;
}
.content_table_wrapper table tbody tr td.tags {}

.content_table_wrapper table tbody tr td.tags span {
  font-size: 88%;
  display: inline-block;
  position: relative;
  text-transform: capitalize;
  margin-right: 7px;
}
.content_table_wrapper table tbody tr td.tags span:after {
    content: "";
    display: block;
    background: rgba(var(--ui_color),0.25);
    position: absolute;
    height: 1px;
    right: 0;
    left: 0;
    bottom: 0;
}
.content_table_wrapper table tbody tr td.tags span._role.admin:after {
  background-color: rgba(var(--c_red),0.45);
}
.content_table_wrapper table tbody tr td.tags span._role.moderator:after {
  background-color: rgba(var(--c_orange),0.45);
}

.content_table_wrapper table tbody tr td .boolean_wrapper {
  opacity: 0.3
}
.content_table_wrapper table tbody tr td .boolean_wrapper span {
    font-size: 18px
}
.content_table_wrapper table tbody tr td .boolean_wrapper span:after {
    content: "cancel";
}
.content_table_wrapper table tbody tr td .boolean_wrapper.active {
  opacity: 1;
  color: rgba(var(--c_green),0.6)
}
.content_table_wrapper table tbody tr td .boolean_wrapper.active span:after {
    content: "check_circle";
}

.content_table_wrapper .nada {
    margin-bottom: 40px;
    margin-top: -20px;
}
.content_table_wrapper .nada span {
  font-size: 40pt;
  opacity: 0.1;
  margin-right: 10px;
  position: relative;
  margin-bottom: 10px;
  top: 20px;
}

.content_table_wrapper .table_buttons {
  padding-top: calc( var(--padding) * 2 );
}
.content_table_wrapper .table_buttons .pages_buttons {
    font-size: 90%;
    padding-top: 2px;
}
.content_table_wrapper .table_buttons .pages_buttons .page_button {
    float: right;
    margin-left: 10px;
    padding: 2px;
    opacity: 0.7;
    cursor: pointer;
}
.content_table_wrapper .table_buttons .pages_buttons .page_button.i {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
}
.content_table_wrapper .table_buttons .pages_buttons .page_button.active {
    background: rgba(var(--ui_color),0.1);
    opacity: 1;
}
.content_table_wrapper .table_buttons .group_buttons {
  display: none
}
.content_table_wrapper .table_buttons .group_buttons.show {
  display: block;
}
.content_table_wrapper .table_buttons .group_buttons select {
    background: rgba(var(--bg_color),1);
    color: rgba(var(--ui_color),0.4);
    border: 1px solid rgba(var(--ui_color),0.2);
    border-radius: 6px;
    padding: 5px;
    font-size: 90%;
}
.content_table_wrapper .table_buttons .group_buttons .btn {
    height: 28px;
    padding: 0px 17px;
    border-radius: 6px;
    font-size: 10pt
}
.content_table_wrapper .table_buttons .new_button,
.content_table_wrapper .table_buttons .btn-secondary {
  display: none;
  height: 28px;
  padding: 0px 17px;
  border-radius: 6px;
  font-size: 10pt;
  transition: opacity 200ms ease;
  opacity: 0.6;
  line-height: 26px;
}
.content_table_wrapper .table_buttons .btn-secondary {
  margin-left: 5px;
}
.content_table_wrapper .table_buttons .btn-secondary.show,
.content_table_wrapper .table_buttons .new_button.show {
  display: inline-block;
}
.content_table_wrapper .table_buttons .new_button.show:hover {
  opacity: 1
}

.content_table_wrapper table tbody tr td .data_with_cover {
    position: relative;
    padding-left: 60px;
}
.content_table_wrapper table tbody tr td .data_with_cover .cover_wrapper {
    position: absolute;
    width: 50px;
    left: 0;
    top: 0;
    bottom: 0;
    height: 50px;
    margin: auto;
    border-radius: 50%;
    overflow: hidden;
    background: center center no-repeat;
    background-size: cover
}
.content_table_wrapper table tbody tr td .data_with_cover.small {
    padding-left: 45px;
}
.content_table_wrapper table tbody tr td .data_with_cover.small .cover_wrapper {
    width: 35px;
    height: 35px;
}

/* Languages */
.lang_table_wrapper {
    border: 2px solid rgba( var( --ui_color ), 0.05 );
    border-radius: 6px;
}
.lang_table_wrapper table {
    width: 100%;
    border-collapse: collapse;
}
.lang_table_wrapper table thead tr td {
    padding: 15px;
    background: rgba( var( --ui_color ), 0.05 );
}
.lang_table_wrapper table tbody tr td {
    padding: 10px 15px;
    color: rgba(var(--ui_color),0.5);
    font-size: 90%;
    font-weight: 600;
}
.lang_table_wrapper table tbody tr td input {
    width: 100%;
    box-sizing: border-box;
    background: transparent;
    border: none;
    color: rgba(var(--ui_color),0.6);
}
.lang_table_wrapper table tbody tr:first-child td {
    padding-top: 15px;
}
.lang_table_wrapper table tbody tr:last-child td {
    padding-bottom: 15px;
}
.lang_table_wrapper table tbody tr td input:focus {
    border-bottom: 1px solid rgba(var(--theme_color),0.66);
}

/* Setting */
.settings_wrapper {
}
.setting_group {
  padding: calc( var(--padding) * 3 );
  padding-bottom: 0;
  border: 2px solid rgba( var( --ui_color ), 0.05 );
  border-radius: 6px;
}
.settings_wrapper .setting_group .setting_wrapper:nth-child(2n+1) {
  /*background: rgba(var(--bg_secondary_color),0.8);*/
  padding: calc( var(--padding) * 3 );
}
.settings_wrapper .setting_group .group_title {
  font-size: 135%;
  font-weight: 500;
  margin-bottom: calc( var(--padding) * 3 );
}
.settings_wrapper .setting_group .group_title span {
  line-height: 0;
  position: relative;
  top: 4px;
  margin-right: 10px;
}
.settings_wrapper .setting_group .group_title .group_tip {
    margin-top: calc( var(--padding) * 0.5 );
    font-size: calc( var(--font-size) * 0.9 );
    opacity: 0.5;
}
.settings_wrapper .setting_group .setting_wrapper {
  margin: 0 calc( var(--padding) * -3 );
  padding: calc( var(--padding) * 3 );
  position: relative;
  transition: 300ms ease-out all
}
.settings_wrapper .setting_group .setting_wrapper.type_hidden {
  display: none !important
}
.settings_wrapper .setting_group .setting_wrapper:last-child {
  margin-bottom: 0;
}
.settings_wrapper .setting_group .setting_wrapper.hideByRules {
  display: none;
}
.settings_wrapper .setting_group .divide_title {
  display: block;
      text-align: center;
      margin: calc( var(--padding) * 4 ) calc( var(--padding) * -2 ) calc( var(--padding) * 3 );
      position: relative;
}
.settings_wrapper .setting_group .divide_title:before {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  background: rgba( var(--ui_color), 0.05 );
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.settings_wrapper .setting_group .divide_title span {
  display: inline-block;
  background: rgba(var(--theme_color),1);
  padding: 2px 17px;
  z-index: 1;
  position: relative;
  border-radius: 5px;
  font-size: 90%;
  color: rgba(255,255,255,0.8);
}
.settings_wrapper .setting_group .title {
  margin-bottom: 5px;
  padding-left: 2px;
  font-weight: 500;
  font-size: 105%;
  transition: color ease 300ms
}
.settings_wrapper .setting_group .title nec {
    position: relative;
    color: rgba(var(--c_red),0.8);
    top: -4px;
    font-size: 120%;
    font-weight: 100;
    line-height: 0;
}
.settings_wrapper .setting_group .title ._g_n {
    font-size: 70%;
    opacity: 0.65
}
.settings_wrapper .setting_group .title ._g_n:before,
.settings_wrapper .setting_group .title ._g_n:after {
   content: "[";
   margin: 0 2px;
}
.settings_wrapper .setting_group .title ._g_n:after {
   content: "]"
}
.settings_wrapper .setting_group .setting_wrapper.type_bof_object .title {
  margin-bottom: 15px;
}
.settings_wrapper .setting_group .setting_wrapper .detail {
  margin-top: 10px;
  font-size: 80%;
  opacity: 0.5;
  padding-left: 2px;
  word-break: break-word;
}
.settings_wrapper .setting_group .setting_wrapper .detail b{
  transition: color ease 300ms
}
body.page_social_login_setting  .settings_wrapper .setting_group .setting_wrapper .detail b{
  user-select: all;
}
.settings_wrapper .setting_group .setting_wrapper .detail a {
  text-decoration: underline;
}
.settings_wrapper .setting_group .setting_wrapper .error {
    margin-top: 20px;
    color: rgba(var(--c_red),0.7);
}
.settings_wrapper .setting_group .setting_wrapper .error:before {
  content: "Error:";
  display: block;
  font-size: 110%;
  font-weight: 600;
}
.settings_wrapper .setting_group .setting_wrapper .input_wrapper .bof_input {
  background: rgb(var(--bg_color));
  border: 1px solid rgba( var(--ui_color), 0.1 );
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
  font-family: monospace;
  color: rgba(var(--ui_color),0.8);
  font-size: 110%;
  transition: 300ms ease-out all
}
.settings_wrapper .setting_group .setting_wrapper .input_wrapper .bof_input.bof_digit {
  width: 120px;
  max-width: 100%;
}
.settings_wrapper .setting_group .setting_wrapper .input_wrapper .bof_input:focus {
    color: rgb(var(--theme_color));
    border-color: rgb(var(--theme_color));
    outline: none !important
}
.settings_wrapper .setting_group .setting_wrapper.type_checkbox {
    padding-right: calc( var(--padding) * 3 + 70px );
}
.settings_wrapper .setting_group .setting_wrapper.type_checkbox .input_wrapper {
    width: 50px;
    position: absolute;
    right: calc( var(--padding) * 3 );
    top: 0;
    bottom: 0;
    margin: auto;
    height: 26px
}
.settings_wrapper.t2 .setting_group {
  padding-top: 0;
  border-top: none;
}
.settings_wrapper.t2 .setting_group .setting_wrapper {
  border-top: 2px solid rgba(var(--ui_color),0.03)
}
.settings_wrapper.t2 .setting_group .setting_wrapper.hideByGroup,
.settings_wrapper.t2 .setting_group .setting_wrapper.hideByRules {
  display: none
}
.settings_wrapper.t2 .setting_group.type_multi .setting_wrapper,
.settings_wrapper.t2 .setting_group .setting_wrapper.is_offable {
    padding-left: calc( ( var(--padding) * 8 ) + 50px );
}
.settings_wrapper.t2 .setting_group .setting_wrapper .lock_wrapper {
    position: absolute;
    left: calc( var(--padding) * 3 );
    top: 0;
    bottom: 0;
    height: 50px;
    margin: auto;
}
.settings_wrapper.t2 .setting_group .setting_wrapper .lock_wrapper > span {
    font-size: 75%;
    margin-bottom: 5px;
    display: block;
    opacity: 0.4;
    font-weight: 500;
}
.settings_wrapper.t2 .setting_group.type_multi .setting_wrapper .input_wrapper {
    opacity: 0.4;
}
.settings_wrapper.t2 .setting_group .setting_wrapper.type_select_i .title {
    margin-bottom: 10px;
}
.settings_wrapper.t2 .setting_group.type_multi .setting_wrapper.unlocked .input_wrapper {
    opacity: 1;
}
.settings_wrapper .setting_group .setting_wrapper.failed .title {
    color: rgba(var(--c_red),0.7);
}
.settings_wrapper .setting_group .setting_wrapper.failed .detail b {
    color: rgba(var(--c_red),0.9);
    font-weight: 800
}
.settings_wrapper #exe_button.t2,
.settings_wrapper #save_button.t2 {
  width: 200px;
  max-width: 100%
}
.settings_wrapper #exe_button,
.settings_wrapper #save_button {
  margin-top: calc( var(--padding) * 2 );
  display: block;
  text-align: center;
  background: rgba(var(--theme_color),0.2);
  border-radius: 6px;
  padding: 12px 0;
  color: rgba(var(--theme_color),1);
  font-size: 100%;
  text-transform: uppercase;
  word-spacing: 10px;
  letter-spacing: 1px;
  transition: 200ms ease opacity;
  font-weight: 500;
}
.settings_wrapper #exe_button:hover,
.settings_wrapper #save_button:hover {
    opacity: 1;
}
.settings_wrapper #exe_button {
  background: rgba(var(--theme_color2),0.24);
  color: rgba(var(--theme_color2),1);
  font-weight: 700;
}

.settings_wrapper.on_right .setting_group {
    padding: 0 calc( var(--padding) * 2 );
    /* border-top: none; */
}
.settings_wrapper.on_right .setting_group .setting_wrapper {
    margin: 0 calc( var(--padding) * -2 );
    padding: calc( var(--padding) * 2 );
}
.settings_wrapper.on_right {
    font-size: 90%;
    margin-top: 5px;
}
.settings_wrapper.on_right .setting_group .divide_title:first-child {
    margin-top: 0;
    position: relative;
    top: calc( var(--padding) * -1 );
}
.settings_wrapper.on_right .setting_group .divide_title:first-child:before {
    display: none;
}

.settings_wrapper .setting_group .title ._setting span {
    font-size: 15pt;
    opacity: 0.5;
    line-height: 0;
    position: relative;
    bottom: -5px;
    left: 10px;
    cursor: pointer;
}
.settings_wrapper .setting_group .setting_wrapper .detail ._setting {
    text-decoration: underline;
    margin-top: 10px;
    display: block;
    cursor: pointer;
}
.settings_wrapper .setting_group .setting_wrapper .detail ._setting span {
    font-size: 11pt;
    line-height: 0;
    position: relative;
    bottom: -3px;
    margin-right: 5px;
}
.settings_wrapper .setting_group .setting_wrapper .detail ._crud_stats {
    display: block;
    margin: 5px 0;
}
.settings_wrapper .setting_group .setting_wrapper .detail ._crud_stats span {
    font-size: 10pt;
    line-height: 0;
    position: relative;
    bottom: -2px;
    margin-right: 15px;
    color: rgba(var(--c_red),0.7);
}
.settings_wrapper .setting_group .setting_wrapper .detail ._crud_stats span.ok {
    color: rgba(var(--c_green),0.9);
}
.settings_wrapper .setting_group .setting_wrapper .detail ._crud_stats span._text {
    font-weight: 600;
    font-size: 8pt;
    position: relative;
    top: 0px;
}

.settings_wrapper ._groups {
    margin-bottom: 30px;
    background: rgba(var(--ui_color),0.0);
    text-align: center;
}
.settings_wrapper ._groups ._group {
    padding: 8px 25px;
    background: rgba( var( --ui_color ), 0.05 );
    color: rgba( var( --ui_color ), 0.5 );
    margin-bottom: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-align: center;
    cursor: pointer;
    margin: 4px;
    border-radius: 6px;
    display: inline-block;
}
.settings_wrapper ._groups ._group.active,
.settings_wrapper ._groups ._group:hover {
    background: rgba(var(--theme_color),0.3);
    color: rgba(var(--theme_color),0.6);
}

div.editor_js_child {
  max-width: 100%;
    width: 740px;
    border: 1px solid red;
    padding: 30px 20px;
    border: 1px solid rgba( var(--ui_color), 0.1 );
    border-radius: 7px;
    margin: 20px auto;
    box-sizing: border-box;
}
div.editor_js_child .codex-editor .codex-editor__redactor {
    padding-bottom: 80px !important;
}
div.editor_js_child .codex-editor--narrow .ce-toolbox {
    background: rgba(var(--ui_color),0.06);
}
div.editor_js_child .ce-toolbox__button--active, div.editor_js_child .ce-toolbox__button:hover {
  background: transparent
}

/* Themes */
#themes {
}
#themes .theme {
  background: rgba(var(--ui_color),0.02);
  border: 1px solid rgba(var(--ui_color),0.05);
  border-radius: 6px;
  transition: 200ms ease all;
  overflow: hidden
}
#themes .theme.active {

}
#themes .theme:hover {
  background: rgba(var(--ui_color),0.03);
  border-color: rgba(var(--ui_color),0.08);
}
#themes .theme .preview_wrapper {
  background: rgba(var(--font_color),0.1) center top no-repeat;
  background-size: cover;
  width: 100%;
  margin-bottom: calc( var(--padding) * 2.5 );
}
#themes .theme .preview_wrapper:after {
  content: "";
  padding-top: 50%;
  display: block;
}
#themes .theme .name {
  font-size: 120%;
  font-weight: 500;
  padding: 0 calc( var(--padding) * 2 );
}
#themes .theme .name span.price{
  float: right;
  display: inline-block;
  font-size: 80%;
  opacity: 0.4;
  position: relative;
  top: 3px;
  text-decoration: underline;
}
#themes .theme.active span.price {
  color: rgb(var(--theme_color))
}
#themes .theme .detail {
  font-size: 90%;
  color: rgba(var(--ui_color),0.4);
  line-height: 1.8;
  margin-top: calc( var(--padding) * 1 );
  padding: 0 calc( var(--padding) * 2 );
}
#themes .theme .buttons {
  padding: calc( var(--padding) * 2 );
}
#themes .theme .buttons .btn {
  border-radius: 6px;
  padding: 6px 20px;
  opacity: 0.6;
}
#themes .theme .buttons .btn span {
  line-height: 0;
  position: relative;
  top: 4px;
  font-size: 13pt;
  opacity: 0.6;
}
#themes .theme .buttons .btn.btn-primary {
  background: rgba(var(--theme_color),0.7);
}
#themes .theme .buttons .btn.btn-primary:hover {
  opacity: 1;
}


/* Plugins */
#plugins {
  --max_cols: 1
}

@media( min-width: 570px ){
  #dashboard_separator {
    --max_cols: 1
  }
  #dashboard_stats_cards {
    --max_cols: 2
  }
}
@media( min-width: 990px ){
  #dashboard_separator {
    --max_cols: 5
  }
  #dashboard_stats_cards {
    --max_cols: 3
  }
}
@media( min-width: 1300px ){
  #dashboard_stats_cards {
    --max_cols: 4
  }
}
@media( min-width: 1500px ){
  #dashboard_stats_cards {
    --max_cols: 5
  }
}

body.page_page #main #header,
body.page_menu #main #header,
body.hide_header #main #header {
  display: none;
}
body.page_page ._widget.ui-draggable-dragging,
body.page_menu ._widget.ui-draggable-dragging {
    background: rgba(var(--bg_secondary_color),1);
    border: 1px solid rgba(var(--ui_color),0.1);
    padding: 14px;
    text-align: center;
}
body.page_page ._widget.ui-draggable-dragging ._icon,
body.page_menu ._widget.ui-draggable-dragging ._icon {
    font-size: 20px;
    margin:0;
    display: block
}
body.page_page ._widget.ui-draggable-dragging ._label,
body.page_menu ._widget.ui-draggable-dragging ._label {
    display: none
}
body.page_page ._guide,
body.page_menu ._guide {
    padding: calc( var(--padding) * 2 );
    border: 3px dashed rgba( var( --ui_color ), 0.05);
    border-radius: 6px;
    margin-bottom: calc( var(--padding) * 2 );
    text-align: center;
    color: rgba(var(--ui_color),0.25);
}
body.page_page .settings,
body.page_menu .settings {
    display: none;
}
body.page_page .pageBuilder_head,
body.page_menu .pageBuilder_head {
    font-size: 130%;
    font-weight: 500;
    margin-bottom: calc( var(--padding) * 4 );
    opacity: 0.9;
}
body.page_page .pageBuilder_head ._h,
body.page_menu .pageBuilder_head ._h {
    float: left;
    margin-right: 20px;
    padding-bottom: calc( var(--padding) * 0.4 );
    cursor: pointer;
}
body.page_page .pageBuilder_head ._h.active,
body.page_menu .pageBuilder_head ._h.active {
  border-bottom: 2px solid rgba(var(--theme_color),0.7);
  color: rgba(var(--theme_color),0.7);
}
body.page_page .pageBuilder_head > div,
body.page_menu .pageBuilder_head > div {
    float: left;
}
body.page_page .pageBuilder_head ._hs,
body.page_menu .pageBuilder_head ._hs {
  margin-left: 30px;
}
body.page_page .pageBuilder_head ._h:last-child,
body.page_menu .pageBuilder_head ._h:last-child {
    margin-right: 0;
}
body.page_page .pageBuilder_head ._t,
body.page_menu .pageBuilder_head ._t {
    font-size: 120%;
}

div#build_site ._widget {
  background: rgba( var( --ui_color ), 0.02 );
  border: 2px solid rgba( var( --ui_color ), 0.05);
  padding: calc( var(--padding) * 2 );
  margin-bottom: calc( var(--padding) * 2 );
  color: rgba(var(--ui_color),0.8);
  transition: 300ms ease opacity;
  border-radius: 6px
}
body.page_page .pageBuilder_head ._h.view span {
    font-size: 104%;
    line-height: 0;
    position: relative;
    top: 3px;
    margin-right: 2px;
    opacity: 0.4;
    margin-left: 7px;
}
div#build_site ._widget.ui-draggable-dragging {
  opacity: 0;
  overflow: hidden;
}
div#build_site ._widget ._head {
  line-height: 26px;
  white-space: nowrap;
  /* background: red; */
  overflow: hidden;
}
div#build_site ._widget ._head > div {
  /* display: inline-block; */
  float: left;
}
div#build_site ._widget ._head ._buttons ._button {
  /* display: inline-block; */
  float: left;
  margin-left: 10px;
  opacity: 0.6;
  transition: 200ms ease all
}
div#build_site ._widget ._head ._buttons ._button:hover {
  opacity: 1
}
div#build_site ._widget ._head ._buttons {
  float: right;
  cursor: pointer;
}
div#build_site ._widget ._head ._name {
  line-height: 1;
  text-align: center;
  margin: 0 15px;
  font-size: 80%;
  opacity: 0.3;
  position: relative;
  top: 3px;
}
div#build_site ._widget ._head ._title {
  font-size: 120%;
}
div#build_site ._widget .material-icons-outlined {
  font-size: 20px;
  display: block;
  position: relative;
  top: 2px;
}
div#build_site ._widget ._head ._move_handler {
  color: rgba(var(--ui_color),1);
  transform: scale(1.2);
  cursor: grab
}
div#build_site ._widget ._head ._buttons ._button.remove {
  cursor: pointer;
}
div#build_site ._widget_drop_site {
    height: 0;
    overflow: hidden;
}
div#build_site ._widget_drop_site.ui-droppable-active {
  background: rgba( var( --ui_color ), 0.01 );
  border: 2px dashed rgba( var( --ui_color ), 0.05);
  padding: calc( var(--padding) * 1 ) calc( var(--padding) * 2 );
  margin-bottom: calc( var(--padding) * 0.5 );
  margin-top: calc( var(--padding) * -1.5 );
  text-align: center;
  color: rgba( var( --ui_color ), 0.3);
  font-weight: 600;
  height: auto;
  border-radius: 6px
}
div#build_site ._widget_drop_site.ui-droppable-hover {
    background: rgba( var( --ui_color ), 0.04 );
    border-color: rgba( var( --theme_color ), 0.3);
    color: rgba( var( --theme_color ), 0.5);
}
div#build_site .widget_grid_list {
    margin-top: calc( var(--padding) * 3 );
    margin-bottom: calc( var(--padding) * -1 );
}
div#build_site .widget_grid_list .widget_grid_part {
    height: 100%;
    display: block;
}
div#build_site .widget_grid_list .widget_grid_part ._widget_drop_site {
    height: 20px;
    background: rgba( var( --ui_color ), 0.01 );
    border: 2px dashed rgba( var( --ui_color ), 0.05);
    padding: calc( var(--padding) * 1 ) calc( var(--padding) * 2 );
    margin-bottom: calc( var(--padding) * 1 );
    margin-top: 0;
    text-align: center;
    color: rgba( var( --ui_color ), 0.3);
    font-weight: 600;
    border-radius: 6px
}
div#build_site .widget_grid_list .widget_grid_part ._widget_drop_site.ui-droppable-hover {
    background: rgba( var( --ui_color ), 0.04 );
    border-color: rgba( var( --theme_color ), 0.3);
    color: rgba( var( --theme_color ), 0.5);

}
div#build_site ._widget ._head ._native {
  line-height: 0.8;
  margin-left: 15px;
  font-size: 8pt;
  position: relative;
  top: 4px;
  text-align: center;
  background: rgba(var(--theme_color),0.1);
  color: rgba(var(--theme_color),0.4);
  padding: 10px 5px;
  margin: -10px 0 -10px 15px;
}

body.page_menu div#build_site {
  margin-bottom: 20px;
}
body.page_menu div#build_site ._widget._child,
body.page_menu div#build_site ._widget_drop_site._child {
  margin-left: calc( var(--padding) * 3 );
}
body.page_menu div#build_site ._widget {
  font-size: 85%;
  padding: calc( var(--padding) * 1 );
  margin-bottom: calc( var(--padding) * 1 );
  border-width: 1px;
  cursor: grab
}
body.page_menu div#build_site ._widget .material-icons-outlined {
  font-size: 17px;
  top: 4px;
}
body.page_menu div#build_site ._widget ._head ._icon {
  margin-right: 5px;
}
body.page_menu div#build_site ._widget_drop_site.ui-droppable-active {
  margin-top: calc( var(--padding) * -0.5 );
  padding: calc( var(--padding) * 0.4 ) calc( var(--padding) * 1 );
  font-weight: 400;
  font-size: 90%
}

.modal .inputs .input .tip ._mdi_picker,
.modal .inputs .input .tip ._object_picker {
  display: inline-block;
  background: rgba(var(--theme_color),0.3);
  color: rgba(var(--theme_color),1);
  padding: 2px 20px 1px;
  margin: 0 5px;
  border-radius: 5px;
  cursor: pointer;
}
.modal_hover.mdi_hover {
  z-index: 1002;
}
.modal.mdi_popup ._mdi_searcher {}
.modal.mdi_popup ._mdi_searcher input {
  display: block;
  width: calc( 100% + ( var(--padding) * 4 ) );
  margin: calc( var(--padding) * 2 ) calc( var(--padding) * -2 );
  padding: 10px;
  box-sizing: border-box;
  border: 2px solid rgba(var(--ui_color),0.1);
  color: rgba(var(--ui_color),0.8);
}
.modal.mdi_popup {
  z-index: 1004;
  width: 420px;
  top: 50px;
}
.modal.mdi_popup ._mdi_icons {
  position: relative;
}
.modal.mdi_popup ._mdi_icons ._mdi_icon {
  width: 40px;
  float: left;
  overflow: hidden;
  text-align: center;
  font-size: 26pt;
  margin: 5px;
  cursor: pointer;
}
.modal.mdi_popup ._mdi_icons ._mdi_icon.selected {
  color: rgba(var(--theme_color),1)
}
.modal.mdi_popup ._mdi_icons ._mdi_icon ._mdi_title {
  font-size: 7pt;
  display: none;
  overflow: hidden;
  height: 15px;
}
.modal.mdi_popup ._mdi_icons {
  height: 400px;
  overflow: auto;
  margin: 0 calc( var(--padding) * -2 );
}
.modal.mdi_popup ._mdi_icons::-webkit-scrollbar {
  width: 13px;
}
.modal.mdi_popup ._mdi_icons::-webkit-scrollbar-track {
  background-color: rgba( var(--ui_color), 0.06 );
    border-radius: 10px
}
.modal.mdi_popup ._mdi_icons::-webkit-scrollbar-thumb {
  background-color: rgba( var(--ui_color),0.5 );
    border-radius: 10px
}
.modal.mdi_popup .buttons {
  margin: calc(var(--padding)*3) calc( var(--padding) * -2 ) calc( var(--padding) * -1 );
  padding: 0;
  text-align: center;
}
.modal.mdi_popup .buttons .button .btn {
  padding: 7px 45px;
}
.modal.mdi_popup .buttons .button .btn.btn-primary {
  filter: grayscale(1);
}
.modal.mdi_popup.selected .buttons .button .btn.btn-primary {
  filter: grayscale(0);
}

.modal.opm {
  z-index: 1005;
  width: 400px;
  top: 50px;
}
.modal.opm .inputs {
  margin-top: calc( var(--padding) * 3 );
}
.modal_hover.close_opm {
  z-index: 1003;
}

.modal .inputs .input.locked {
    position: relative;
}
.modal .inputs .input.locked:after {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    content: "lock";
    position: absolute;
    right: 0;
    top: 31px;
    z-index: 3;
    color: rgb(var(--theme_color));
}
.modal .inputs .input.locked:before {
    content: "";
    background: rgba(var(--bg_color),1);
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    opacity: 0.6;
}

.page_cli_setting .row {
  --max_cols: 6;
}
.page_cli_setting .row .col.col-12 {
  width: ( 1% * var(--max_cols) / var(--max_cols) * 100 )
}

body.page_upload_setting .row {
}
body.page_upload_setting .setting_group .setting_wrapper {
  display: none;
}
body.page_upload_setting .row.cols_padding.cols_padding_2x > .col {
  padding: calc( var( --padding ) * 1 );
}
body.page_upload_setting .setting_group {
  padding: calc( var(--padding) * 2 );
  padding-bottom: 0;
}
body.page_upload_setting .settings_wrapper .setting_group .group_title {
  margin-bottom: calc( var(--padding) * 2 );
  font-size: 100%;
  font-weight: 400;
  color: rgba(var(--ui_color),0.7);
}
body.page_upload_setting .settings_wrapper .setting_group .group_title span {
  top: 6px;
}

body.page_upload_setting .row .col:nth-child(-n+5) .setting_group .setting_wrapper,
body.page_upload_setting .settings_wrapper .setting_group.active .setting_wrapper {
  display: block;
}
body.page_upload_setting .row .col:nth-child(-n+5) .setting_group,
body.page_upload_setting .settings_wrapper .setting_group.active {
  padding: calc( var(--padding) * 3 );
  padding-bottom: 0
}
body.page_upload_setting .row .col:nth-child(-n+5) .setting_group .group_title,
body.page_upload_setting .settings_wrapper .setting_group.active .group_title {
  margin-bottom: calc( var(--padding) * 3 );
  font-size: 135%;
  color: rgb(var(--ui_color));
}
body.page_upload_setting .row .col:nth-child(-n+5) .setting_group .group_title:after {
  display: none
}
body.page_upload_setting .settings_wrapper .setting_group .group_title:after {
  content: "+";
  display: block;
  position: absolute;
  right: calc( var(--padding) * 3.5 );
  top: calc( var(--padding) * 2.7 );
  font-size: 150%;
  transition: 200ms ease all;
  cursor: pointer;
  font-weight: 600;
}
body.page_upload_setting .settings_wrapper .setting_group .group_title:hover:after {
  transform: scale(1.5);
}
body.page_upload_setting .settings_wrapper .setting_group.active .group_title:after {
  content: "-";
  top: calc( var(--padding) * 3.4 );
  right: calc( var(--padding) * 4 );
}

body.page_notifications .filter_head,
body.page_notifications .content_table_wrapper .table_buttons {
    display: none;
}

#process_placeholder {
    background: midnightblue;
    font-family: monospace;
    font-size: 11pt;
    font-weight: 200;
    padding: 20px;
    border-radius: 6px;
    letter-spacing: 0px;
}
#process_placeholder.active:after {
    content: "Loading ...";
    opacity: 0.5;
}
#process_placeholder .log {
  word-break: break-all;
}
#process_placeholder .log.t_err {
  color: red;
}

.crond_tables_wrapper {}
.crond_tables_wrapper btitle {
    font-size: 105%;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}
.crond_tables_wrapper .table_cleaner_wrapper {
    position: relative;
    border-bottom: 1px solid rgba(var(--ui_color),0.1);
    min-height: 38px;
    padding: 10px 0;
    padding-right: 60px;
    color: rgba(var(--ui_color),0.3);
    font-size: 8pt;
}
.crond_tables_wrapper .table_cleaner_wrapper:last-child {
  border-bottom: none;
  padding-bottom: 0
}
.crond_tables_wrapper:after {
    content: "";
    display: block;
    clear: both;
}
.crond_tables_wrapper .table_cleaner_wrapper .input_wrapper {
    position: absolute;
    right: 5px;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 26px;
}
.crond_tables_wrapper .table_cleaner_wrapper name {
    display: block;
    font-size: 9pt;
    color: rgba(var(--ui_color),0.9);
}
.crond_tables_wrapper .table_cleaner_wrapper rules {
    font-size: 80%;
    opacity: 0.5;
}


.select_i_c_wrapper.columns {
  margin: 0 -10px;
}
.select_i_c_wrapper.columns .select_i_c {
  height: 70px;
  width: 143px;
  display: inline-block;
  float: left;
  background: rgba(var(--ui_color),0.015);
  margin: 10px;
  padding: 4px 5px;
  border-radius: 5px;
  cursor: pointer
}
.select_i_c_wrapper.columns .select_i_c ._cs {
  width: 100%;
  height: 71%;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
}
.select_i_c_wrapper.columns .select_i_c ._cs ._c {
  width: 50%;
  margin: 5px 3px;
  border: 1px solid rgba(var(--ui_color),0.3);
  height: calc( 100% - 10px );
  float: left;
  display: inline-block;
  border-radius: 2px
}
.select_i_c_wrapper.columns .select_i_c ._cs ._c.c4 {
  width: 33.3333%;
}
.select_i_c_wrapper.columns .select_i_c ._cs ._c.c3 {
  width: 25%;
}
.select_i_c_wrapper.columns .select_i_c ._cs ._c.c8 {
  width: 66.6666%;
}
.select_i_c_wrapper.columns .select_i_c .label {
  font-size: 80%;
  text-align: center;
  display: block;
  margin-top: 4px;
  opacity: 0.3;
}
.select_i_c_wrapper.columns .select_i_c:hover,
.select_i_c_wrapper.columns .select_i_c.thisOne{
  background: rgba(var(--ui_color),0.08);
}
.select_i_c_wrapper.columns .select_i_c:hover ._cs ._c,
.select_i_c_wrapper.columns .select_i_c.thisOne ._cs ._c{
  border: 1px solid rgba(var(--ui_color),0.5);
}
.select_i_c_wrapper.columns .select_i_c:hover .label,
.select_i_c_wrapper.columns .select_i_c.thisOne .label{
  opacity: 0.6
}

.bof_dropdown#anots {
  width: 400px;
  box-shadow: 31px 0 26px 19px rgba(var(--bg_color),0.9);
  border: 1px solid rgba(var(--ui_color),0.05);
}
.bof_dropdown#anots .nots_wrapper {
  line-height: 1;
  /* padding: calc( var(--padding) * 1 ) 0; */
}
.bof_dropdown#anots .nots_wrapper .not_wrapper {
  position: relative;
  padding: calc( var(--padding) * 1.7 );
  display: flex;
  border-bottom: 1px solid rgba(var(--ui_color),0.06);
  flex-wrap: nowrap;
}
.bof_dropdown#anots .nots_wrapper .not_wrapper .icon_wrapper {
  width: 40px;
  height: 40px;
  font-size: 10pt;
  flex-shrink: 0;
  margin: auto 0;
  margin-right: 20px;
  color: rgba(var(--theme_color));
  background: rgba(var(--theme_color),0.2);
  text-align: center;
  line-height: 48px;
  border-radius: 50%;
}
.bof_dropdown#anots .nots_wrapper .not_wrapper .icon_wrapper span {
  font-size: 13pt;
}
.bof_dropdown#anots .nots_wrapper .not_wrapper .text_wrapper {
  height: fit-content;
  font-size: 90%;
  color: rgba(var(--ui_color),0.24);
  margin: auto 0;
  flex-grow: 100;
  font-weight: 400;
  line-height: 1.25
}
.bof_dropdown#anots .nots_wrapper .not_wrapper .text_wrapper .title {
  display: block;
  font-size: calc(var(--font-size)*1.1);
  margin-bottom: 5px;
  color: rgba(var(--ui_color),0.7);
  letter-spacing: 0px;
}
.bof_dropdown#anots .nots_wrapper .not_wrapper:last-child {
  border-bottom: none;
}
.bof_dropdown#anots .nots_wrapper .not_wrapper .buttons_wrapper {
  /* width: 100px; */
  flex-shrink: 0;
  flex-grow: 1;
  text-align: center;
  height: fit-content;
  margin: auto 0;
  margin-left: 10px;
}
.bof_dropdown#anots .nots_wrapper .not_wrapper .buttons_wrapper .btn {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.bof_dropdown#anots .nots_wrapper .not_wrapper .buttons_wrapper .btn:last-child {
  margin-bottom: 0;
}
.bof_dropdown#anots .nots_wrapper .not_wrapper .buttons_wrapper .btn-secondary {
  padding: 0;
  background: transparent;
  /* text-decoration: underline; */
  opacity: 0.4;
  position: relative;
  display: inline-block;
  font-weight: 300;
  padding-bottom: 4px;
  font-size: 80%
}
.bof_dropdown#anots .nots_wrapper .not_wrapper .buttons_wrapper .btn-secondary:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  border-bottom: 1px dashed rgba(var(--ui_color),0.4);
}
.bof_dropdown#anots .nots_wrapper .not_wrapper .buttons_wrapper .btn-primary {
  padding: 5px 14px;
  opacity: 1;
  font-weight: 400;
}
.bof_dropdown#anots .nots_wrapper .nada {
  padding: 20px;
  text-align: center;
  opacity: 0.4;
  text-transform: uppercase;
}


.background_img_dim {
  margin: 1px;
}
.background_img_dim .select_i_c {
  float: left;
  border: 2px solid transparent;
  margin: -1px
}
.background_img_dim .select_i_c ._h {
    width: 40px;
    height: 40px;
    display: block;
    background: rgba(var(--theme_color),0.74);
    position: relative;
}
.background_img_dim .select_i_c ._h:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  --bg_dim_high: 0.85;
  --bg_dim_med: 0.65;
  --bg_dim_lil: 0.45;
}
.background_img_dim .select_i_c.thisOne {
    border: 2px solid rgba(var(--theme_color2),1);
}

.modal .background_img_dim .select_i_c .label {
    font-size: 80%;
    opacity: 0.4;
    font-weight: 500;
}
.background_img_dim:after {
    content: "";
    display: block;
    clear: both;
    float: none;
    width: 100%;
    height: 0;
}
._h.radial_high_lil:after {
    background: radial-gradient(rgba(var(--bg_color),var(--bg_dim_high)), rgba(var(--bg_color),var(--bg_dim_lil)));
}
._h.radial_high_med:after {
    background: radial-gradient(rgba(var(--bg_color),var(--bg_dim_high)), rgba(var(--bg_color),var(--bg_dim_med)));
}
._h.radial_high_high:after {
    background: radial-gradient(rgba(var(--bg_color),var(--bg_dim_high)), rgba(var(--bg_color),var(--bg_dim_high)));
}
._h.radial_med_lil:after {
    background: radial-gradient(rgba(var(--bg_color),var(--bg_dim_med)), rgba(var(--bg_color),var(--bg_dim_lil)));
}
._h.radial_med_med:after {
    background: radial-gradient(rgba(var(--bg_color),var(--bg_dim_med)), rgba(var(--bg_color),var(--bg_dim_med)));
}
._h.radial_med_high:after {
    background: radial-gradient(rgba(var(--bg_color),var(--bg_dim_med)), rgba(var(--bg_color),var(--bg_dim_high)));
}
._h.radial_lil_lil:after {
    background: radial-gradient(rgba(var(--bg_color),var(--bg_dim_lil)), rgba(var(--bg_color),var(--bg_dim_lil)));
}
._h.radial_lil_med:after {
    background: radial-gradient(rgba(var(--bg_color),var(--bg_dim_lil)), rgba(var(--bg_color),var(--bg_dim_med)));
}
._h.radial_lil_high:after {
    background: radial-gradient(rgba(var(--bg_color),var(--bg_dim_lil)), rgba(var(--bg_color),var(--bg_dim_high)));
}
._h.linear_lil_med:after {
    background: linear-gradient(to right,rgba(var(--bg_color),var(--bg_dim_lil)), rgba(var(--bg_color),var(--bg_dim_med)));
}
._h.linear_lil_high:after {
    background: linear-gradient(to right,rgba(var(--bg_color),var(--bg_dim_lil)), rgba(var(--bg_color),var(--bg_dim_high)));
}
._h.linear_med_high:after {
    background: linear-gradient(to right,rgba(var(--bg_color),var(--bg_dim_med)), rgba(var(--bg_color),var(--bg_dim_high)));
}
._h.linear_high_med:after {
    background: linear-gradient(to right,rgba(var(--bg_color),var(--bg_dim_high)), rgba(var(--bg_color),var(--bg_dim_med)));
}
._h.linear_high_lil:after {
    background: linear-gradient(to right,rgba(var(--bg_color),var(--bg_dim_high)), rgba(var(--bg_color),var(--bg_dim_lil)));
}
._h.linear_high_lil_high:after {
    background: linear-gradient(to right,rgba(var(--bg_color),var(--bg_dim_high)), rgba(var(--bg_color),var(--bg_dim_lil)),rgba(var(--bg_color),var(--bg_dim_high)));
}
._h.linear_lil_high_lil:after {
    background: linear-gradient(to right,rgba(var(--bg_color),var(--bg_dim_lil)), rgba(var(--bg_color),var(--bg_dim_high)),rgba(var(--bg_color),var(--bg_dim_lil)));
}
._h.linear_lil_high_lil:after {
    background: linear-gradient(to right,rgba(var(--bg_color),var(--bg_dim_lil)), rgba(var(--bg_color),var(--bg_dim_high)),rgba(var(--bg_color),var(--bg_dim_lil)));
}
._h.linear_r_lil_med:after {
    background: linear-gradient(to bottom,rgba(var(--bg_color),var(--bg_dim_lil)), rgba(var(--bg_color),var(--bg_dim_med)));
}
._h.linear_r_lil_high:after {
    background: linear-gradient(to bottom,rgba(var(--bg_color),var(--bg_dim_lil)), rgba(var(--bg_color),var(--bg_dim_high)));
}
._h.linear_r_med_high:after {
    background: linear-gradient(to bottom,rgba(var(--bg_color),var(--bg_dim_med)), rgba(var(--bg_color),var(--bg_dim_high)));
}
._h.linear_r_high_med:after {
    background: linear-gradient(to bottom,rgba(var(--bg_color),var(--bg_dim_high)), rgba(var(--bg_color),var(--bg_dim_med)));
}
._h.linear_r_high_lil:after {
    background: linear-gradient(to bottom,rgba(var(--bg_color),var(--bg_dim_high)), rgba(var(--bg_color),var(--bg_dim_lil)));
}
._h.linear_r_high_lil_high:after {
    background: linear-gradient(to bottom,rgba(var(--bg_color),var(--bg_dim_high)), rgba(var(--bg_color),var(--bg_dim_lil)),rgba(var(--bg_color),var(--bg_dim_high)));
}
._h.linear_r_lil_high_lil:after {
    background: linear-gradient(to bottom,rgba(var(--bg_color),var(--bg_dim_lil)), rgba(var(--bg_color),var(--bg_dim_high)),rgba(var(--bg_color),var(--bg_dim_lil)));
}
._h.linear_r_lil_high_lil:after {
    background: linear-gradient(to bottom,rgba(var(--bg_color),var(--bg_dim_lil)), rgba(var(--bg_color),var(--bg_dim_high)),rgba(var(--bg_color),var(--bg_dim_lil)));
}


.modal ._pds {
  overflow: auto;
  white-space: nowrap;
}
.modal ._pds ._pd {
  display: inline-block;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 20px;
  opacity: 0.5;
  transition: 200ms ease-in all;
}
.modal ._pds ._pd ._pd_ch {
  height: 300px;
  width: 152px;
  background: top center no-repeat;
  background-size: cover;
  margin-bottom: 15px;
  border-radius: 6px;
}
.modal ._pds ._pd ._pd_n {
  text-align: center;
  font-weight: 500;
  margin-bottom: 10px;
}
.modal ._pds ._pd:last-child {
  margin-right: 0;
}
.modal ._pds ._pd:hover {
  opacity: 1;
}
.modal ._pds ._pd ._pd_btns {
  text-align: center;
}
.modal ._pds ._pd ._pd_btns .btn {
  padding: 2px 16px;
  opacity: 0.7;
}
.modal ._pds ._pd ._pd_btns .btn:hover {
  opacity: 1;
}

#p_ps li {
  user-select: all
}
#ffmpeg_test,
#ffmpeg_static_test {
  padding: 4px 15px;
  text-decoration: none;

}


.editorJSBtnLine {
  max-width: 100%;
  width: 740px;
  margin: 0 auto;
}
.editorJSBtnLine .btn {
  color: rgba(var(--theme_color),0.6);
  background: rgba(var(--theme_color),0.15);
  padding: 8px 23px;
  font-size: calc(var(--font-size)*0.8);
  border-radius: 10px;
  font-weight: 600;
  position: relative;
  padding-left: 48px;
  opacity: 0.6;
  transition: 200ms ease opacity
}
.editorJSBtnLine .btn:hover {
  opacity: 1
}
.editorJSBtnLine .btn span {
  position: absolute;
  top: 0;
  left: 16px;
  bottom: 0;
  margin: auto;
  height: fit-content;
  font-size: 17pt;
}

.ce-inline-toolbar .ce-inline-tool .icon {
    display: none
}


body.page_email_setting .settings_wrapper #save_button,
body.page_email_setting .settings_wrapper #exe_button {
  display: inline-block;
  margin-right: 10px;
}

body.page_youtube_piped_setting #test_instance {
  padding: 4px 12px;
  border-radius: 4px;
}

body.page_youtube_piped_setting #select_instance {
  padding: 4px 12px;
  border-radius: 4px;
}
body.page_youtube_piped_setting td.result {
  font-size: 80%;
  line-height: 1;
  font-weight: 500;
}
body.page_youtube_piped_setting td.result.ok {
  color: rgb(var(--c_green))
}
body.page_youtube_piped_setting td.result.failed {
  color: rgb(var(--c_red))
}