/*
$color-main-background: inherit;
*/
/*
$color-main-highlight-hover: inherit;
$color-main-text: inherit;
$color-main-text-on-highlight: inherit;
$color-main-control-hover: inherit;
$color-main-control-border: inherit;
$color-main-control-border-hover: inherit;
$color-main-control-border-active: $color-main-control-border-hover;

$color-logo-background: $color-main-highlight;
*/
/*
$color-dropdown-background: $color-main-background;
$color-dropdown-hover: inherit;
$color-dropdown-down-arrow: $color-main-text;

$color-task-entry-background: inherit;
$color-task-entry-border: inherit;
$color-task-entry-text: $color-task-entry-border;
$color-task-entry-selected: $color-main-highlight;

$color-create-task-button: inherit;
$color-create-task-dropdown-entry-text: inherit;
$color-create-task-dropdown-entry-hover: inherit;
$color-create-task-dropdown-background: inherit;

$color-button-add-background: inherit;
$color-button-add-text: inherit;

$color-button-delete-background: inherit;
$color-button-delete-text: inherit;

$color-tabs-background: inherit;

$color-info-background: inherit;
$color-info-text: inherit;
$color-info-border: $color-info-text;

$color-icon-control: inherit;
$color-icon-control-active: $color-main-highlight;

$color-task-container-divider: $color-main-control-hover;

$color-error-background: $color-main-background;
$color-error: $color-button-delete-background;
$color-error-control-text: $color-error;
$color-error-text: $color-error;
$color-error-border: $color-error;

$color-calendar-icon: inherit;
$color-title-task-id: inherit;

$color-admin-background: inherit;

$color-tile-navigation-background: $color-main-highlight; // #CCDDDF;
$color-tile-create-background: inherit; // #C5D4BA;
$color-tile-background: inherit;
$color-tile-border: inherit;
$color-tile-input-background: inherit;
$color-tile-input-background-active: inherit;
$color-tile-icon-shape-background: inherit;

$color-tile-menu-close: inherit;

$color-auditlog-light: inherit;
$color-auditlog-dark: $color-main-highlight;

$color-link: inherit;
$color-link-hover: inherit;
*/
/*
$color-checkbox-mark: inherit;
$color-options-text: inherit;
$color-toggle-active-text: inherit;
$color-toggle-inactive-text: inherit;

$color-header: $color-main-highlight;

$color-favorite-star: inherit;
$color-favorite-star-selected: inherit;

$color-wf-documentation-link: inherit;
$color-wf-documentation-link-selected: inherit;

$color-button: inherit;
$color-button-text: inherit;
*/
/*
$border-control: 1px solid $color-main-control-border;
$border-control-hover: 1px solid $color-main-control-border-hover;
$border-control-active: 1px solid $color-main-control-border-active;

$border-button: none; // 1px solid $color-button;
$border-add-button: none; // 1px solid $color-button-add-background;
$border-button-hover: none; // 1px solid $color-main-control-border-hover;
*/
/*
$border-button-delete: none; // 1px solid $color-button-delete-background;
$border-button-delete-hover: none; // 1px solid $color-main-control-border-hover;

$border-error: 1px solid $color-error-border;

$border-info-slideout: 1px solid $color-info-border;

$border-dropdown: 1px solid $color-main-control-border;

$border-tile-navbox: 1px solid $color-tile-border;

$box-shadow-tile-navbox: unset;
*/
body {
  font-family: Verdana, Arial, sans-serif;
  /*background-color: $color-main-background;*/ }

p {
  font-family: Verdana, Arial, sans-serif;
  font-weight: 400; }

button, input, optgroup, select, textarea {
  font-family: Verdana, Arial, sans-serif; }

.spinner {
  /*stroke: $color-main-highlight;*/ }

/* login */
.login-bg {
  background: #828383; }

.login-img {
  width: 350px; }

.login-label::before {
  font-family: Verdana, Arial, sans-serif;
  color: white; }

.login-label::after {
  font-family: Verdana, Arial, sans-serif;
  background: #646464; }

.login-input {
  color: white;
  border-bottom: 2px solid white;
  font-family: Verdana, Arial, sans-serif; }

.login-submit {
  border: none;
  color: #828383;
  background: white; }

.login-submit:hover {
  box-shadow: none;
  border: none; }

.login-loading {
  background: white; }

.login-link {
  color: white; }

.login-link:hover {
  color: white; }

#login-error {
  color: inherit; }

.reset-submit {
  background-color: white;
  color: #828383;
  border: none; }

.reset-submit:hover {
  border: none; }

/* adminpanel / My Home */
.settings-nav-item > a {
  color: #1fa59f; }

/*
.dropdown-item>a:hover {
    background: $color-dropdown-hover;
}

.dropdown-item>a {
    color: $color-main-text;
}

.c-dropdown {
    background: $color-dropdown-background;
    border: $border-control;
}

.tasks-sort-fields-dropdown.c-dropdown {
    margin-bottom: 5px;
}

.c-dropdown:hover {
    border: $border-control-hover;
}

.c-dropdown a {
    color: $color-main-text;
}

.c-dropdown .chevron:after,
.c-dropdown .chevron:before {
    background: $color-main-text;
}

#settingsMenubar .c-dropdown .chevron:after,
#settingsMenubar .c-dropdown .chevron:before {
    background: $color-button-text;
}


.c-dropdown a:hover {
    background: $color-dropdown-hover;
}

.c-dropdown .c-dropdown-dropdown {
    background: $color-dropdown-background;
    border: $border-dropdown;
}

.user-myhome .settings-nav:nth-child(1) .dropdown-toggle {
    color: $color-dropdown-down-arrow;
}

#myhome-panel #tasks-form {
    color: $color-main-text;
}

#myhome-panel .tasks-container {
    background-color: $color-main-background;
}

#myhome-panel .task-entry {
    background-color: $color-task-entry-background;
    border: 1px solid $color-task-entry-border;
}

#myhome-panel .task-entry.selected {
    background-color: $color-task-entry-selected;
}

#myhome-panel .task-entry-body {
    background-color: $color-task-entry-background;
    color: $color-task-entry-text;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}

#myhome-panel .task-container-divider:hover {
    background-color: $color-main-highlight;
}

#myhome-panel div.task-container-divider {
    background-color: $color-task-container-divider;
}

#myhome-panel .tasks-filter, 
#myhome-panel .tasks-sort {
    fill: $color-icon-control;
}

#myhome-panel .tasks-filter.enabled,
#myhome-panel .tasks-sort.enabled {
    fill: $color-icon-control-active;
}

#myhome-panel .task-search {
    background-color: $color-main-background;
    color: $color-main-text;
    border: $border-control;
}

#myhome-panel .task-search:hover {
    border: $border-control-hover;
}

#myhome-panel .task-search:focus {
    background-color: $color-main-background;
    border: $border-control-active;
}
*/
/* editProfile */
/*
.settings-name {
    color: $color-main-text;
}

.overlay-row-list .settings-name {
    color: $color-main-text;
}

.settings-info-icon {
    background: $color-main-highlight;
 }

.c-toggle:not(:checked) + .c-toggle-label:before {
    color: $color-toggle-active-text;
}

.c-toggle:checked + .c-toggle-label:before {
    background: $color-main-highlight;
    color: $color-toggle-inactive-text;
}

.c-toggle:not(:checked) + .c-toggle-label:after {
    background: $color-main-highlight;
    color: $color-toggle-inactive-text;
}

.c-toggle:checked + .c-toggle-label:after {
    color: $color-toggle-active-text;
}

.c-input {
    background: $color-main-background;
    color: $color-main-text;
    border: $border-control;
}

.c-input:hover {
    background: $color-main-background;
    border: $border-control-hover
}

.c-input:focus {
    background: $color-main-background;
    border: $border-control-active;
}
*/
.c-plus-minus > i {
  background: #1fa59f; }

.c-plus-minus:after {
  background: #1fa59f; }

/*
*/
/* hide Federated authentication group */
/*
.user-myhome li.settings-row.js-settings-group-trigger:nth-of-type(2) {
    display: none;
}

.input--error input, .input--error a.js-dropdown-toggle {
    background: $color-error-background;
    color: $color-error-control-text;
    border: $border-error;
}

.c-input__message--error {
    color: $color-error-text;
}

.settings-info-slideout {
    color: $color-info-text;
    background: $color-info-background;
}

.settings-slideout-name {
    color: $color-info-text;
    background: $color-info-background;
    border: $border-info-slideout;
}

.settings-slideout-description {
    color: $color-info-text;
}
*/
/* My Home */
/*
#myhome-panel 
{
    .create-task-button {
        background-color: $color-create-task-button;
    }

    .create-task-options {
        background-color: $color-create-task-dropdown-background;
        color: $color-create-task-dropdown-entry-text;
    }

    .create-task-option:hover {
        background-color: $color-create-task-dropdown-entry-hover;
    }

    button {
        background-color: $color-button;
        color: $color-button-text;
        border: $border-button;
    }

    button:hover {
        border: $border-button-hover;
    }

    button.delete {
        background-color: $color-button-delete-background;
        color: $color-button-delete-text;
        border: $border-button-delete;
    }

    button.delete:hover {
        border: $border-button-delete-hover;
    }

    .task-tabs-container {
        background-color: $color-tabs-background;
    }

    .task-tab {
        font-weight: $font-weight-tabs;
    }

    .task-tab.selected {
        background-color: $color-main-highlight;
    }

    .wv-container input, 
    .wv-container select {
        background-color: $color-main-background;
        color: $color-main-text;
        border: $border-control !important;
    }

    .wv-container input:hover,
    .wv-container select:hover {
        border: $border-control-hover !important;
    }

    .wv-container input:focus,
    .wv-container select:focus {
        background-color: $color-main-background;
        border: $border-control-active !important;
    }

    .wv-container input:invalid, 
    .wv-container select:invalid {
        background-color: $color-main-background;
        border: $border-error !important;
    }

    .wv-container #springlake-index-panel .error, 
    .wv-container #table-tab-containers .error {
        color: $color-error-text;
    }

    .wv-container .task-collaboration-comment {
        background-color: $color-main-background;
        color: $color-main-text;
        border: $border-control !important;
    }

    .wv-container .task-collaboration-comment:hover {
        background-color: $color-main-background;
        border: $border-control-hover !important;
    }

    .wv-container .task-collaboration-comment:focus {
        background-color: $color-main-background;
        border: $border-control-active !important;
    }

    .wv-container select {
        background: url("data:image/svg+xml; charset=utf8, %3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20width%3D%2738%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M7.406%207.828l4.594%204.594%204.594-4.594%201.406%201.406-6%206-6-6z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
        background-position: 100% 50%;
        background-repeat: no-repeat;
        background-color: $color-main-background; 
        fill: $color-dropdown-down-arrow;
    }

    .wv-container .input-group-addon {
        color: $color-calendar-icon;
    }

    .task-title-id {
        color: $color-title-task-id;
    }

    .task-attachment-button {
        background-color: $color-button;
    }

    .task-attachment-button-title {
        color: $color-button-text;
    }
}

.connector-type-delete { // right side of connector (e.g. field) button with delete x
    background: $color-button;
    height: 36px;
}

.connector-type-delete:hover {
    background: $color-button-delete-background;
}
*/
/* Admin Panel, tiles */
/*
.admin {
    background: $color-admin-background;
}

.navbox {
    box-shadow: $box-shadow-tile-navbox; // 0 2px 14px rgba(0, 0, 0, 0.12);
    background: $color-tile-background;
    border: $border-tile-navbox;
}

.navbox .icon.cp-blue {
    background-color: $color-tile-navigation-background;
}

.navbox .icon.create {
    background-color: $color-tile-create-background;
}

.settings-nav .dropdown-item.steps-list-item .steps-dot.active-dot { // current page dot in menu (top left)
    box-shadow: inset 0 0 0 15px $color-main-highlight;
}

.item {
    color: $color-main-text;
    font-weight: $font-weight-tile-title;
}

.item.create {
    color: $color-main-text;
}

.navbox-input {
    background: $color-tile-input-background;
    color: $color-main-text;
}

.navbox-input:focus {
    background: $color-tile-input-background-active;
    color: $color-main-text;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

.shape--default-bg {
    background: $color-tile-icon-shape-background;
}

.item-overlay {
    background: $color-main-background;
    border: $border-tile-navbox;
}

.item-move-close,
.item-overlay-close {
    color: $color-tile-menu-close;
}

.item-overlay-menu a {
    color: $color-main-text;
}

.item-overlay-menu .item-overlay-option:hover {
    background: rgba(0, 0, 0, 0.2);
}

.item-delete-confirmation {
    background-color: $color-button-delete-background;
}

.right-container .navbox:hover .item-delete {
    color: unset;
}

.item-delete-confirmation p {
    color: $color-button-delete-text;
}

.item-delete-confirmation p.no {
    color: $color-button-delete-background;
    background-color: $color-button-delete-text;
}

.item-move-menu-container {
    background: $color-main-background;
}

.item-move-item.current {
    background: rgba(0, 0, 0, 0.3);
}

.item-move-item {
    background: $color-main-background;
    color: $color-main-text;
}

.item-move-menu .item-move-item:not(.current):hover {
    background: rgba(0, 0, 0, 0.2);
}

.auditlog-record-cell-even {
    background-color: $color-auditlog-light;
}

.auditlog-record-cell-odd {
    background-color: $color-auditlog-dark;
}

.connector-btn {
    background: $color-button;
    color: $color-button-text;
    border: $border-button;
}

.connector-btn:hover {
    border: $border-button-hover;
}

.settings-row-list .settings-item a:not(.settings-test-link) {
    color: $color-button-text;
}

.settings-row-list .settings-item .c-dropdown a:not(.settings-test-link),
.settings-row-list .settings-item .c-dropdown-dropdown a:not(.settings-test-link) {
    color: $color-main-text;
}

.settings-row-list .settings-item #settingsMenubar .c-dropdown a:not(.settings-test-link) {
    color: $color-button-text;
}

.settings-row-list .settings-item #settingsMenubar .c-dropdown-dropdown a:not(.settings-test-link) {
    color: $color-main-text;
}

.settings-row-list .settings-item .c-options a:not(.settings-test-link) {
    color: $color-options-text;
}

.settings-row-list .settings-item .c-options a.active:not(.settings-test-link) {
    color: $color-main-text-on-highlight;
}

.input-attached-btn {
    background: $color-button;
    color: $color-button-text;
    border: $border-button;
}

.input-attached-btn:hover {
    border: $border-button-hover;
}

.settings-row-list .settings-item a.a-organization-link:not(.settings-test-link) {
    font-size: 14px;
    font-size: 1.4rem;
    color: $color-link;
}

.c-checkbox:checked+.c-checkbox-label {
    box-shadow: inset 0 0 0 20px $color-main-highlight;
}

.c-checkbox-label:before {
    border-left: 3px solid $color-checkbox-mark;
    border-bottom: 3px solid $color-checkbox-mark;
}

.c-btn--blue {
    background: $color-button;
    color: $color-main-text-on-highlight;
    border: $border-button;
}

.c-btn--blue:hover {
    background: $color-main-highlight-hover;
    border: $border-button-hover;
}

.c-btn--red {
    background: $color-button-delete-background;
    color: $color-button-delete-text;
    border: $border-button-delete;
}

.c-options .c-options-item .active {
    background: $color-main-highlight;
}
*/
/* slider */
/*
input[type=range].c-slider::-webkit-slider-thumb {
    background: $color-main-highlight;
}

input[type=range].c-slider::-moz-range-thumb {
    background: $color-main-highlight;
}

input[type=range].c-slider::-ms-thumb {
    background: $color-main-highlight;
}

.connector-add {
    border: $border-add-button;
    color: $color-button-add-text;
    background: $color-button-add-background;
}

.connector-add:hover {
    border: $border-button-hover;
}

.c-input--num {
    background: $color-main-background;
    color: $color-main-text;
    border: 1px solid $color-main-control-border;
}

.c-input--num:hover {
    background: $color-main-background;
    color: $color-main-text;
    border: 1px solid $color-main-control-border-hover;
}

.c-input--num:focus {
    background: $color-main-background;
    color: $color-main-text;
    border: 1px solid $color-main-control-border-active;
}

.connector-overlay-header {
    background: $color-header;
    color: $color-main-text;
}

.favorite-star {
    fill: $color-favorite-star;
}

.favorite-star.selected {
    fill: $color-favorite-star-selected;
}

.wf-documentation-link {
    fill: $color-wf-documentation-link;
}

.wf-documentation-link.selected {
    fill: $color-wf-documentation-link-selected;
}

.workflow-configurations-search {
    background-color: $color-main-background;
    color: $color-main-text;
    border: 1px solid $color-main-control-border;
}

.workflow-configurations-search:hover {
    border: 1px solid $color-main-control-border-hover;
}

.workflow-configurations-search:active {
    border: 1px solid $color-main-control-border-active;
}

.unlock-workflow-button, .lock-workflow-button {
    background: $color-button;
    color: $color-button-text;
    border: $border-button;
}

.unlock-workflow-button:hover, .lock-workflow-button:hover {
    border: $border-button-hover;
}

.lock-workflow-button.workflow-locked-button {
    background-color: $color-button-delete-background;
    color: $color-button-delete-text;
    border: $border-button-delete;
}

.lock-workflow-button.workflow-locked-button:hover {
    border: $border-button-delete-hover;
}

.workflow-locked-text {
    color: $color-error;
}

.workflow-settings-menubar {
    background: $color-main-highlight;
    color: $color-main-text-on-highlight;

    .c-dropdown {
        background: transparent;
        border: none;
    }
}

.workflow-settings-close-button {
    color: $color-main-text-on-highlight;
}

.columns .ui-table tbody tr.columns-row-highlighted {
    background-color: $color-main-highlight;
}

#workflow-last-published, #workflow-monitor-last-published {
    color: $color-main-text-on-highlight;
}

#counters-span {
    color: $color-main-text-on-highlight;
}

.upload-appearance-button {
    background: $color-button; 
    color: $color-button-text; 
    border: $border-button;
}

.upload-appearance-button:hover {
    border: $border-button-hover;
}

.wizard-header {
    background-color: $color-main-highlight;
}

.wizard-footer {
    background-color: $color-main-highlight;
 }
*/
@-webkit-keyframes loader-b {
  0% {
    background-color: rgba(130, 131, 131, 0.2); }
  25% {
    background-color: #828383; }
  50% {
    background-color: rgba(130, 131, 131, 0.2); }
  75% {
    background-color: rgba(130, 131, 131, 0.2); }
  100% {
    background-color: rgba(130, 131, 131, 0.2); } }

@keyframes loader-b {
  0% {
    background-color: rgba(130, 131, 131, 0.2); }
  25% {
    background-color: #828383; }
  50% {
    background-color: rgba(130, 131, 131, 0.2); }
  75% {
    background-color: rgba(130, 131, 131, 0.2); }
  100% {
    background-color: rgba(130, 131, 131, 0.2); } }

@-webkit-keyframes loader {
  0% {
    background-color: rgba(130, 131, 131, 0.2); }
  25% {
    background-color: rgba(130, 131, 131, 0.2); }
  50% {
    background-color: #828383; }
  75% {
    background-color: rgba(130, 131, 131, 0.2); }
  100% {
    background-color: rgba(130, 131, 131, 0.2); } }

@keyframes loader {
  0% {
    background-color: rgba(130, 131, 131, 0.2); }
  25% {
    background-color: rgba(130, 131, 131, 0.2); }
  50% {
    background-color: #828383; }
  75% {
    background-color: rgba(130, 131, 131, 0.2); }
  100% {
    background-color: rgba(130, 131, 131, 0.2); } }

@-webkit-keyframes loader-a {
  0% {
    background-color: rgba(130, 131, 131, 0.2); }
  25% {
    background-color: rgba(130, 131, 131, 0.2); }
  50% {
    background-color: rgba(130, 131, 131, 0.2); }
  75% {
    background-color: #828383; }
  100% {
    background-color: rgba(130, 131, 131, 0.2); } }

@keyframes loader-a {
  0% {
    background-color: rgba(130, 131, 131, 0.2); }
  25% {
    background-color: rgba(130, 131, 131, 0.2); }
  50% {
    background-color: rgba(130, 131, 131, 0.2); }
  75% {
    background-color: #828383; }
  100% {
    background-color: rgba(130, 131, 131, 0.2); } }