body {
    font-size: 100%;
    font-family: 'Open Sans', sans-serif;
    color: rgba(0,0,0,1.0);
}

a, a:visited {
    text-decoration:none;    
}

button {
    padding: 0.2em;
    font-family: 'Open Sans', sans-serif;
    color: rgb(77,77,29);
}

input, textarea {
    /*padding: 0.2em;*/
    padding: 3px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(77,77,29);
}

textarea {
    overflow:auto;
	font: -moz-field;
}

sup {
    font-size: .7em;
    vertical-align: top;
    margin-left: 0.1em;
}

/*Fix form the chrome checkbox*/
input[type=checkbox]
{  
   -webkit-appearance:checkbox;
}

input:focus, textarea:focus {
    border: 1px solid rgb(67, 133, 124);
}

input.k-textbox:focus {
    border: 1px solid rgb(67, 133, 124);
}

select {
    font-family: 'Open Sans', sans-serif;
    color: rgb(77,77,29);
}

/** Fix borders */
input, textarea, select, button {
    border-radius: 0;
    border: 1px solid rgb(149,165,166);
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    outline: none;
}

/** Global classes */
.nodisplay {
    display: none;
}

.not-visible {
    visibility: hidden;
}

.k-button {
    border-width: 0px !important;
}

/* Shared platform actions. Customer-authored image/theme buttons do not use these classes. */
:root {
    --action-primary: #ff6b00;
    --action-primary-hover: #ed6300;
    --action-danger: #c93636;
    --action-danger-hover: #b52f2f;
    --action-danger-pressed: #a72929;
    --action-secondary: #f1f2f4;
    --action-secondary-hover: #e5e7eb;
    --action-secondary-border: #b8bec6;
}

:is(.primary-commandButton, .orangebutton, .purplebutton),
.k-button:is(.primary-commandButton, .orangebutton, .purplebutton),
.k-taskboard-pane-actions [data-command="SaveChangesCommand"] {
    color: #fff;
    background-color: var(--action-primary);
    background-image: none;
    border-color: var(--action-primary);
}

:is(.primary-commandButton, .orangebutton, .purplebutton):not(:disabled):not(.k-state-disabled):not(.disabled):not([aria-disabled="true"]):is(:hover, .k-state-hover),
.k-taskboard-pane-actions [data-command="SaveChangesCommand"]:not(:disabled):not(.k-state-disabled):is(:hover, .k-state-hover) {
    color: #fff;
    background-color: var(--action-primary-hover);
    border-color: var(--action-primary-hover);
}

:is(.danger-commandButton, .dangerbutton),
.k-button:is(.danger-commandButton, .dangerbutton) {
    color: #fff;
    background-color: var(--action-danger);
    background-image: none;
    border-color: var(--action-danger);
}

:is(.danger-commandButton, .dangerbutton):not(:disabled):not(.k-state-disabled):not(.disabled):not([aria-disabled="true"]):is(:hover, .k-state-hover) {
    color: #fff;
    background-color: var(--action-danger-hover);
    border-color: var(--action-danger-hover);
}

:is(.danger-commandButton, .dangerbutton):not(:disabled):not(.k-state-disabled):not(.disabled):not([aria-disabled="true"]):is(:active, .k-state-active) {
    color: #fff;
    background-color: var(--action-danger-pressed);
    border-color: var(--action-danger-pressed);
}

:is(.secondary-commandButton, .greybutton, .graybutton),
.k-button:is(.secondary-commandButton, .greybutton, .graybutton),
.k-taskboard-pane-actions [data-command="ClosePaneCommand"],
:is(.commandButton, .commandbutton):not(:is(.primary-commandButton, .orangebutton, .purplebutton, .danger-commandButton, .dangerbutton, .redbutton, .greenbutton, .alt-greenbutton)) {
    color: #333;
    background-color: var(--action-secondary);
    background-image: none;
    border: 1px solid var(--action-secondary-border);
}

/* Kendo's legacy border reset must not remove the secondary outline. */
.k-button:is(.secondary-commandButton, .greybutton, .graybutton),
.k-taskboard-pane-actions [data-command="ClosePaneCommand"],
.k-button:is(.commandButton, .commandbutton):not(:is(.primary-commandButton, .orangebutton, .purplebutton, .danger-commandButton, .dangerbutton, .redbutton, .greenbutton, .alt-greenbutton)) {
    border-width: 1px !important;
}

:is(.secondary-commandButton, .greybutton, .graybutton):not(:disabled):not(.k-state-disabled):not(.disabled):not([aria-disabled="true"]):is(:hover, .k-state-hover),
.k-taskboard-pane-actions [data-command="ClosePaneCommand"]:not(:disabled):not(.k-state-disabled):is(:hover, .k-state-hover),
:is(.commandButton, .commandbutton):not(:is(.primary-commandButton, .orangebutton, .purplebutton, .danger-commandButton, .dangerbutton, .redbutton, .greenbutton, .alt-greenbutton)):not(:disabled):not(.k-state-disabled):not(.disabled):not([aria-disabled="true"]):is(:hover, .k-state-hover) {
    color: #333;
    background-color: var(--action-secondary-hover);
}

.greenbutton {
	color: #fff;
	background-color: #09c66e;
}

	.greenbutton:not(.k-state-disabled):hover,
	.greenbutton:not(.k-state-disabled):active {
		color: #fff;
		background-color: #0da860 !important;
	}

.alt-greenbutton {
    color: #fff;
    background-color: rgb(67, 133, 124);
}

    .alt-greenbutton:not(.k-state-disabled):hover,
    .alt-greenbutton:not(.k-state-disabled):active {
        color: #fff;
        background-color: rgb(1, 149, 156) !important;
    }

.redbutton {
    color: #fff;
    background-color: #e74c3c;
    border-color: #e74c3c;
}

	.redbutton:not(:disabled):not(.k-state-disabled):not(.disabled):not([aria-disabled="true"]):hover,
	.redbutton:not(:disabled):not(.k-state-disabled):not(.disabled):not([aria-disabled="true"]):active {
		color: #fff;
		background-color: #c0392b !important;
	}

:is(.commandButton, .commandbutton),
button:is(.primary-commandButton, .orangebutton, .purplebutton),
button:is(.danger-commandButton, .dangerbutton),
button:is(.secondary-commandButton, .greybutton, .graybutton),
.kendodialog-button,
.k-taskboard-pane-actions .k-button,
:is(.inline-commandButton, .inlinebutton) {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 2em;
    padding: calc(6em / 14) 1em;
    margin: 0;
    border-width: 1px !important;
    border-style: solid;
    border-radius: calc(4em / 14);
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: calc(20 / 14);
    text-transform: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    gap: calc(6em / 14);
    transition: background-color 120ms, box-shadow 120ms;
}

button:is(.inline-commandButton, .inlinebutton),
:is(.inline-commandButton, .inlinebutton) {
    height: auto;
    min-height: calc(24em / 13);
    padding: calc(4em / 13) calc(12em / 13);
    border-radius: calc(4em / 13);
    gap: calc(6em / 13);
    font-size: 0.8125rem;
    line-height: calc(18 / 13);
}

/* Embedded actions follow widget typography rather than the page's root font. */
:is(.commandButton, .commandbutton).widget-commandButton {
    font-size: 0.875em;
}

:is(.inline-commandButton, .inlinebutton).widget-commandButton {
    font-size: 0.8125em;
}

/* The font's plus glyph has a fixed heavy stroke; section actions use a lighter cross. */
:is(.inline-commandButton, .inlinebutton) > .icon-plus::before {
    content: "";
    display: block;
    width: calc(12em / 13);
    height: calc(12em / 13);
    background:
        linear-gradient(currentColor, currentColor) center / calc(12em / 13) calc(2em / 13) no-repeat,
        linear-gradient(currentColor, currentColor) center / calc(2em / 13) calc(12em / 13) no-repeat;
}

/* An opt-in group keeps translated pairs equal without fixed label widths. */
.actionbutton-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-end;
    gap: 0.5rem;
}

.actionbutton-group,
.k-taskboard-pane-actions {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 0.5rem;
    width: max-content;
    max-width: 100%;
    margin-left: auto;
}

.actionbutton-group > button,
.actionbutton-group > input,
.k-taskboard-pane-actions > button,
.actionbutton-group > .actionbutton-slot > button {
    width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    margin: 0;
}

:is(.commandButton, .commandbutton):focus-visible,
button:is(.primary-commandButton, .orangebutton, .purplebutton):focus-visible,
button:is(.danger-commandButton, .dangerbutton):focus-visible,
button:is(.secondary-commandButton, .greybutton, .graybutton):focus-visible,
.kendodialog-button:focus-visible,
:is(.inline-commandButton, .inlinebutton):focus-visible,
.k-taskboard-pane-actions .k-button:focus-visible,
:is(.commandButton, .commandbutton).k-state-focused {
    outline: 2px solid #43857c;
    outline-offset: 2px;
}

:is(.commandButton, .commandbutton):not(:disabled):not(.k-state-disabled):not(.disabled):not([aria-disabled="true"]):is(:active, .k-state-active),
:is(.inline-commandButton, .inlinebutton):not(:disabled):not(.k-state-disabled):not(.disabled):not([aria-disabled="true"]):is(:active, .k-state-active),
.k-taskboard-pane-actions .k-button:not(:disabled):not(.k-state-disabled):is(:active, .k-state-active) {
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
}

:is(.commandButton, .commandbutton):disabled,
:is(.commandButton, .commandbutton).k-state-disabled,
:is(.commandButton, .commandbutton).disabled,
:is(.commandButton, .commandbutton)[aria-disabled="true"],
button:is(.primary-commandButton, .orangebutton, .purplebutton):disabled,
button:is(.danger-commandButton, .dangerbutton):disabled,
button:is(.secondary-commandButton, .greybutton, .graybutton):disabled,
:is(.inline-commandButton, .inlinebutton):disabled,
.k-taskboard-pane-actions .k-button:is(:disabled, .k-state-disabled),
:is(.inline-commandButton, .inlinebutton).k-state-disabled {
    opacity: 0.55;
    cursor: default;
    box-shadow: none;
}

:is(.commandButton, .commandbutton).disabled {
    pointer-events: none;
}

/* Keep native, React and Kendo disabled actions on the same palette. */
:is(.commandButton, .commandbutton):is(.primary-commandButton, .orangebutton, .purplebutton):is(:disabled, .k-state-disabled, .disabled, [aria-disabled="true"]),
.k-taskboard-pane-actions [data-command="SaveChangesCommand"]:is(:disabled, .k-state-disabled) {
    color: #fff;
    background-color: var(--action-primary);
    border-color: var(--action-primary);
}

:is(.commandButton, .commandbutton):is(.secondary-commandButton, .greybutton, .graybutton):is(:disabled, .k-state-disabled, .disabled, [aria-disabled="true"]),
.k-taskboard-pane-actions [data-command="ClosePaneCommand"]:is(:disabled, .k-state-disabled) {
    color: #333;
    background-color: var(--action-secondary);
    border-color: var(--action-secondary-border);
}

:is(.commandButton, .commandbutton):is(.danger-commandButton, .dangerbutton):is(:disabled, .k-state-disabled, .disabled, [aria-disabled="true"]),
.k-button:is(.danger-commandButton, .dangerbutton):is(:disabled, .k-state-disabled, .disabled, [aria-disabled="true"]) {
    color: #fff;
    background-color: var(--action-danger);
    border-color: var(--action-danger);
}

:is(.commandButton, .commandbutton).redbutton:is(:disabled, .k-state-disabled, .disabled, [aria-disabled="true"]) {
    color: #fff;
    background-color: #e74c3c;
}

/* Section actions keep the orange accent with less emphasis than primary actions. */
:is(.inline-commandButton, .inlinebutton):is(.primary-commandButton, .orangebutton, .purplebutton),
:is(.inline-commandButton, .inlinebutton):is(.primary-commandButton, .orangebutton, .purplebutton):is(:disabled, .k-state-disabled, .disabled, [aria-disabled="true"]) {
    color: #b94e00;
    background-color: var(--action-secondary);
    border-color: var(--action-primary);
}

:is(.inline-commandButton, .inlinebutton):is(.primary-commandButton, .orangebutton, .purplebutton):not(:disabled):not(.k-state-disabled):not(.disabled):not([aria-disabled="true"]):is(:hover, .k-state-hover) {
    color: #9d4200;
    background-color: #fff3e8;
    border-color: var(--action-primary-hover);
}

:is(.inline-commandButton, .inlinebutton):is(.primary-commandButton, .orangebutton, .purplebutton):not(:disabled):not(.k-state-disabled):not(.disabled):not([aria-disabled="true"]):is(:active, .k-state-active) {
    color: #9d4200;
    background-color: #ffe7d6;
    border-color: var(--action-primary-hover);
}

@media (prefers-reduced-motion: reduce) {
    :is(.commandButton, .commandbutton),
    :is(.inline-commandButton, .inlinebutton) {
        transition: none;
    }
}

input.k-button.redbutton.kendodialog-button.button-ok {
    display: inline-block;
}

input.k-button.greenbutton.kendodialog-button.button-confirm {
    display: inline-block;
}

.logentry-form .k-widget {
  font-size: 0.8em;
  font-weight: normal;
}

.logentry-form .k-label {
  font-size: 0.85em;
  font-weight: normal;
}