@import "./wc-uikit-kendo.scss";
@import "./wc-uikit-form.scss";
@import "./wc-uikit-grid.scss";
@import "./wc-uikit-toast.scss";
@import "./wc-uikit-dashboard.scss";
@import "./wc-uikit-primeng.scss";

body {
   background:$body_background_color;
}

.web-console-container {
  overflow: hidden;
} 

.row > div .label {
   background: $main_background_color;
}

button, .btn {
   background: $main_background_color;
}

button:active, .btn:active {
  background: $main_background_color;
}

.login {
  background: $main_background_color;
}

section {
  background: $main_background_color;
}

.loading > div {
  background: $main_background_color;
}

header {
   background: $header_background_color;
}

footer {
   background:$footer_background_color;
}

@keyframes processing {
  0% {
     background:$part_background_color;
 }
  50% {
     background: $part_processing_half_background_color;
 }
  100% {
     background:$part_background_color;
 }
}

mark{
  background-color:$mark_background_color;
  color:$mark_color;
}

::selection {
  background-color:$selection_background_color;
}

label {
   color: $label_color;
}

input[type=checkbox]:checked + label:before {
   background:$input_checkbox_checked_background_color;
   color: $input_checkbox_checked_color;
}

.switch input[type=checkbox] + label {
  background:$switch_background_color;
}

.switch input[type=checkbox]:checked + label {
  background:$switch_checked_background_color;
}

.switch input[type=checkbox] + label:before {
  background:$switch_before_background_color;
}

.dashboard .row > div {
  background:$dashboard_background_color;
}

.row > div .label {
  color: $label_color;
  background:$label_background_color;
}

.ok {
 color:$ok_color !important;
  fill:$ok_fill;
}

.ko {
 color:$ko_color !important;
  fill: $ko_fill;
}

.warn {
 color:$warn_color !important;
  fill:$warn_fill;
}

.tree .head {
  color:$tree_head_color;
}

.tree .head, .tree .parent, .tree .child {
  border-bottom: 1px dotted $tree_head_color;
}

.tree .parent, .tree .child {
  color:$tree_child_color;
}

.tree .parent.active, .tree .child.active {
  color:$tree_child_active_color;
  background:$tree_child_active_background_color;
}
.tree .parent:hover, .tree .child:hover {
 background:$tree_child_hover_background_color;
}

.login {
  background:$main_background_color;
  color:$main_color;
}

.login h1 {
   color:$main_color;
}
.login p {
   color:$main_color;
}

.login .logo {
 background:$login_logo_background
}

.login h1 {
  color:$main_color;
}

.login p {
 $login_part_color:$login_part_color;
}

app-root header {
  background: $header_background_color;
}

app-root header .description {
  color: $header_description_color;
}

app-root header .description:hover {
 color: $header_description_hover_color;
}

app-root header .description {
 font-family:montserrat;
  text-transform:uppercase;
  font-size:.56rem;
  color:#787f84;
  padding:.25rem .5rem;
  min-width:16%;
}

app-root header .description:hover {
 color:#ccc;
  transform:scale(1.2);
  transform-origin:left;
}

aside h1 {
  color:$aside_color;
  border-bottom:1px solid $aside_border_color;
}

textarea {
  outline: none;
}

input {
  outline: none;
}

.wc-property-editor-mini-button {
  color: $button_color;
}

.wc-property-editor-mini-button[disabled] {
  color: $button_disabled_color;
}


/*
.inspector input:focus {
   background-color: $inspector_input_focus_background_color;
}
.inspector textarea:focus {
   background-color: $inspector_textarea_focus_background_color;
}
.inspector > div > div > label[disabled] {
   color: $inspector_label_disabled_color;
}
.inspector > div > button[disabled] {
   color: $inspector_button_disabled_color;
}
.inspector > div > div > select[disabled] {
   color: $inspector_select_disabled_color;
}
*/

/*
section {
  background:$section_background_color;
}
*/

section .header {
 color:$title1_color;
}

section .header p {
  color:$section_header_p_color
}

.editor {
  color: $editor_color;
   background: $editor_background_color;
}

.editor input.error, .editor select.error {
  border-color:$editor_border_color;
}

th {
  border-bottom:2px solid $table_th_border_bottom_color;
   color:$table_th_color;
}

th.tablesorter-headerAsc:not(.nosort):after {
   color:$table_table_sorter_color;
}

th.tablesorter-headerDesc:not(.nosort):after {
   color:$table_table_sorter_color;
}

td {
  border-bottom:1px solid $table_td_border_bottom_color;
   color:$table_td_color;
}

tr:nth-child(2n+1) td {
  background:$table_nth_background_color;
}

tr:hover td {
  background:$table_td_hover_background_color;
}

table input.error, table select.error {
  border-color:$table_error_border_color;
}

table .tablesorter-childRow td > div + div {
  border-top:1px solid $table_sorter_childRow_border_color;
}

table .tablesorter-childRow div div:first-child {
   color:$table_sorter_childRow_color;
}

.counter .value {
   color:$counter_value_color;
}

.counter .key {
   color:$counter_key_color;
}

.list > div + div {
  border-top:1px solid $list_border_color;
}

.list .key {
   color:$list_key_color;
}

.list .value {
  color:$list_key_value;
}

.top-menu {
  background-color:  $main_background_color;
}

footer {
  background:$footer_background_color;
  color:$footer_color;
}

footer .switch input[type=checkbox]+label {
  background: $footer_switch_background_color;
}

footer .switch input[type=checkbox]+label:before {
  background: $footer_switch_before_background_color;
}

footer .switch input[type=checkbox]:checked+label {
 background:$footer_switch_checked_background_color;
}

footer .switch input[type=checkbox]:checked+label:before {
 background:$footer_switch_checked_before_background_color;
}

footer .size {
  background:$footer_size_background_color;
}

footer .size label {
  background:$footer_size_label_background_color;
}

footer .size :not(:checked) + label:hover {
  background: $footer_size_label_hover_background_color;
}

footer .size :checked + label {
 background:$footer_size_label_checked_background_color;
}