:root {
    /* size */
    --ui-btn-size-lg: var(--kt-ui-btn-size-lg);
    --ui-btn-size-md: var(--kt-ui-btn-size-md);
    --ui-btn-size-sm: var(--kt-ui-btn-size-sm);
    --ui-btn-size-xs: var(--kt-ui-btn-size-xs);

    /* default param */
    --ui-btn-height: var(--kt-ui-btn-size-md);
    --ui-btn-min-width: var(--kt-ui-btn-min-width);

    --ui-btn-padding: var(--kt-ui-btn-padding);
    --ui-btn-padding-right: var(--kt-ui-btn-padding-right);

    --ui-btn-font-size: var(--kt-ui-btn-font-size);

    /*--ui-btn-border: var(--kt-ui-btn-border);*/
    /*--ui-btn-opacity-after: var(--kt-ui-btn-opacity-after);*/
    /*--ui-btn-box-shadow: var(--kt-ui-btn-box-shadow);*/
    /*--ui-btn-box-shadow-hover: var(--kt-ui-btn-box-shadow-hover);*/
    /*--ui-btn-box-shadow-active: var(--kt-ui-btn-box-shadow-active);*/
    /*--ui-btn-text-shadow: var(--kt-ui-btn-text-shadow);*/
    /*--ui-btn-text-shadow-hover: var(--kt-ui-btn-text-shadow-hover);*/
    /*--ui-btn-text-shadow-active: var(--kt-ui-btn-text-shadow-active);*/

    /* default param */
    --ui-btn-background: var(--kt-ui-btn-background);
    --ui-btn-background-hover: var(--kt-ui-btn-background-hover);
    --ui-btn-background-active: var(--kt-ui-btn-background-active);
    --ui-btn-border-color: var(--kt-ui-btn-border-color);
    --ui-btn-border-color-hover: var(--kt-ui-btn-border-color-hover);
    --ui-btn-border-color-active: var(--kt-ui-btn-border-color-active);
    /**/

    /*--ui-btn-disabled-color: var(--ui-btn-color);*/
    /*--ui-btn-disabled-background: var(--ui-btn-background);*/
    /*--ui-btn-disabled-border-color: var(--ui-btn-border-color);*/

    /*--ui-btn-clock-light-color: var(--ui-color-white);*/
    /*--ui-btn-clock-dark-color: var(--ui-color-gray-500);*/
    /*--ui-btn-wait-light-color: var(--ui-color-white);*/
    /*--ui-btn-wait-dark-color: var(--ui-color-gray-500);*/
    /*--ui-btn-spinner-color: var(--kt-ui-btn-spinner-color);*/

    --ui-btn-clock-white: var(--kt-ui-btn-clock-white);
    --ui-btn-clock-black: var(--kt-ui-btn-clock-black);
    --ui-btn-wait-white: var(--kt-ui-btn-wait-white);
    --ui-btn-wait-black: var(--kt-ui-btn-wait-black);
    --ui-btn-spinner: var(--kt-ui-btn-spinner);

    --ui-btn-background-disabled: var(--kt-ui-button-disabled);
    --ui-btn-border-color-disabled: var(--kt-ui-button-disabled);
}

:root, body {
    --ui-btn-radius: var(--kt-ui-btn-radius);
}

.ui-btn:focus {
    outline: 0;
}

.ui-btn,
.ui-btn-main {
    text-transform: var(--ui-text-transform-capitalize);
    /*text-transform: var(--ui-text-transform-lowercase);*/
    font-family: var(--kt-ui-btn-font-family);
    font-weight: var(--kt-ui-btn-font-weight);
}

/*.ui-btn:first-letter,
.ui-btn-main:first-letter,
.ui-btn-text:first-letter {
    text-transform: var(--ui-text-transform-uppercase);
}*/

.ui-btn-lg {
    --ui-btn-padding: var(--kt-ui-btn-padding-lg);
    --ui-btn-padding-right: var(--kt-ui-btn-padding-right-lg);
    --ui-btn-min-width: var(--kt-ui-btn-min-width-lg);
    --ui-btn-height: var(--ui-btn-size-lg);
    --ui-btn-font-size: var(--kt-ui-btn-font-size-lg);
}

.ui-btn-md {
    --ui-btn-padding-right: var(--kt-ui-btn-padding-right-md);
    --ui-btn-padding: var(--kt-ui-btn-padding-md);
    --ui-btn-min-width: var(--kt-ui-btn-min-width-md);
    --ui-btn-height: var(--kt-ui-btn-size-md);
    --ui-btn-font-size: var(--kt-ui-btn-font-size-md);
}

.ui-btn-sm {
    --ui-btn-padding-right: var(--kt-ui-btn-padding-right-sm);
    --ui-btn-padding: var(--kt-ui-btn-padding-sm);
    --ui-btn-min-width: var(--kt-ui-btn-min-width-sm);
    --ui-btn-height: var(--kt-ui-btn-size-sm);
    --ui-btn-font-size: var(--kt-ui-btn-font-size-sm);
}

.ui-btn-xs {
    --ui-btn-padding: var(--kt-ui-btn-padding-xs);
    --ui-btn-padding-right: var(--kt-ui-btn-padding-right-xs);
    --ui-btn-min-width: var(--kt-ui-btn-min-width-xs);
    --ui-btn-height: var(--ui-btn-size-xs);
    --ui-btn-font-size: var(--kt-ui-btn-font-size-xs);
}

.ui-btn-success {
    --ui-btn-opacity-after: var(--kt-ui-btn-opacity-after-success);
}

.ui-btn-success-light {
    --ui-btn-opacity-after: var(--kt-ui-btn-opacity-after-succces-light);
}

.ui-btn-success-dark {
    --ui-btn-opacity-after: var(--kt-ui-btn-opacity-after-success-dark);
}

.ui-btn-danger {
    --ui-btn-opacity-after: var(--kt-ui-btn-opacity-after-danger);
}

.ui-btn-danger-dark {
    --ui-btn-opacity-after: var(--kt-ui-btn-opacity-after-danger-dark);
}

.ui-btn-danger-light {
    --ui-btn-opacity-after: var(--kt-ui-btn-opacity-after-danger-light);
}

.ui-btn-secondary {
    --ui-btn-opacity-after: var(--kt-ui-btn-opacity-after-secondary);
}

.ui-btn-link {
    --ui-btn-opacity-after: var(--kt-ui-btn-opacity-after-link);
}

.ui-btn-light {
    --ui-btn-opacity-after: var(--kt-ui-btn-opacity-after-light);
    --ui-btn-padding: var(--kt-ui-btn-padding-light);
}

.ui-btn-light-border {
    --ui-btn-opacity-after: var(--kt-ui-btn-opacity-after-light-bodrer);
}

.k-team .webform-button,
.k-team .webform-small-button,
.k-team .webform-button-upload,
.k-team .webform-small-button.bx24-top-toolbar-button
{
    color: var(--ui-btn-color);
    box-sizing: border-box;
    margin: 0;
    outline: none;
    height: var(--ui-btn-height);
    border: var(--ui-btn-border);
    border-color: var(--ui-btn-border-color);
    background-color: var(--ui-btn-background);
    box-shadow: var(--ui-btn-box-shadow);
    text-shadow: var(--ui-btn-text-shadow);
    padding: var(--ui-btn-padding);
    border-radius: var(--ui-btn-radius);
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: 160ms linear background-color, 160ms linear color, 160ms linear opacity, 160ms linear box-shadow, 160ms linear border-color;
    font-family: var(--kt-ui-btn-font-family);
    font-size: var(--ui-btn-font-size);
    font-weight: var(--kt-ui-btn-font-weight);
    line-height: calc(var(--ui-btn-height) - 2px);

    --ui-btn-background: var(--kt-ui-transparent-01);
    --ui-btn-background-hover: var(--kt-ui-button-tertiary-hover);
    --ui-btn-background-active: var(--kt-ui-button-tertiary-active);
    --ui-btn-border-color: var(--kt-ui-button-tertiary);
    --ui-btn-border-color-hover: var(--kt-ui-button-tertiary);
    --ui-btn-border-color-active: var(--kt-ui-button-tertiary);
    --ui-btn-color: var(--kt-ui-text-primary);
    --ui-btn-color-hover: var(--kt-ui-text-accented);
    --ui-btn-color-active: var(--kt-ui-text-accented);
}

.k-team .webform-button.webform-button-create,
.k-team .webform-button.webform-small-button-blue,
.k-team .webform-small-button.webform-small-button-blue,
.k-team .webform-button-upload.webform-small-button-blue,
.k-team .webform-small-button.bx24-top-toolbar-button.webform-small-button-blue {
    --ui-btn-background: var(--kt-ui-button-primary);
    --ui-btn-background-hover: var(--kt-ui-button-primary-hover);
    --ui-btn-background-active: var(--kt-ui-button-primary-active);
    --ui-btn-border-color: var(--kt-ui-button-primary);
    --ui-btn-border-color-hover: var(--kt-ui-button-primary-hover);
    --ui-btn-border-color-active: var(--kt-ui-button-primary-active);
    --ui-btn-color: var(--kt-ui-text-on-color);
    --ui-btn-color-hover: var(--kt-ui-text-on-color);
    --ui-btn-color-active: var(--kt-ui-text-on-color);
}

.k-team .webform-button-text,
.k-team .webform-small-button-text,
.k-team .webform-small-button.bx24-top-toolbar-button .webform-small-button-text {
    color: var(--ui-btn-color) !important;
}

.k-team .webform-button:is(:hover, :focus-visible),
.k-team .webform-small-button:is(:hover, :focus-visible),
.k-team .webform-small-button:is(:hover, :focus-visible) .webform-small-button-text,
.k-team .webform-button-upload:is(:hover, :focus-visible),
.k-team .webform-field-upload:is(:hover, :focus-visible) .webform-button-upload,
.k-team .webform-button-blue:is(:hover, :focus-visible),
.k-team .webform-small-button-blue:is(:hover, :focus-visible),
.k-team .webform-small-button.bx24-top-toolbar-button:is(:hover, :focus-visible),
.k-team .webform-small-button-blue:is(:hover, :focus-visible) .webform-small-button-text {
    background-color: var(--ui-btn-background-hover);
    height: var(--ui-btn-height);
    box-shadow: var(--ui-btn-box-shadow-hover);
    text-decoration: none;
    text-shadow: var(--ui-btn-text-shadow-hover);
}

.k-team .webform-button:is(:active),
.k-team .webform-button-active,
.k-team .webform-button-active:link,
.k-team .webform-button-active:visited,
.k-team .webform-button-active:is(:active),
.k-team .webform-button-active:is(:hover),
.k-team .webform-small-button:is(:active),
.k-team .webform-small-button-active,
.k-team .webform-small-button-active:link,
.k-team .webform-small-button-active:visited,
.k-team .webform-small-button-active:is(:active),
.k-team .webform-small-button-active:is(:hover),
.k-team .webform-small-button-active:is(:hover) .webform-button-text,
.k-team .webform-small-button-active:is(:hover) .webform-small-button-text,
.k-team .webform-button-active:is(:hover) .webform-small-button-text,
.k-team .webform-button-active:is(:hover) .webform-button-text,
.k-team .webform-button-transparent.webform-button-active,
.k-team .webform-small-button-transparent.webform-button-active,
.k-team .webform-small-button-transparent.webform-small-button-active,
.k-team .webform-field-upload:is(:active) .webform-button-upload,
.k-team .webform-field-upload:is(:active) .webform-button-text {
    outline: 0;
    box-shadow: var(--ui-btn-box-shadow-active);
    text-shadow: var(--ui-btn-text-shadow-active);
}

.webform-button-blue,
.webform-button-blue:link,
.webform-button-blue:visited,
.webform-button-blue .webform-button-text,
.webform-button-blue .webform-small-button-text,
.webform-small-button-blue,
.webform-small-button-blue .webform-small-button-text,
.webform-small-button-blue:link,
.webform-small-button-blue:visited,
.webform-small-button-blue .webform-small-button-text {
    box-shadow: var(--ui-btn-box-shadow);
}

.k-team .webform-button + .webform-button,
.k-team .webform-small-button + .webform-small-button,
.k-team .webform-button-upload + .webform-button-upload,
.k-team .webform-small-button.bx24-top-toolbar-button + .webform-small-button.bx24-top-toolbar-button {
    margin-left: 8px;
}

.k-team .webform-small-button-add .webform-small-button-icon,
.k-team .bx24-top-toolbar-add .webform-small-button-icon {
    width: 0;
}

.k-team .webform-buttons {
    display: flex;
}

.ui-btn-lg.ui-btn:not(.ui-btn-round) {
    --ui-btn-radius: var(--kt-ui-btn-radius);
}

.ui-btn-lg:not(.ui-btn-round) .ui-btn-main {
    --ui-btn-radius: var(--kt-ui-btn-radius);
}

.ui-btn-lg:not(.ui-btn-round) .ui-btn-extra,
.ui-btn-lg:not(.ui-btn-round) .ui-btn-menu {
    --ui-btn-radius: var(--kt-ui-btn-radius);
}

.ui-btn-sm:not(.ui-btn-round) .ui-btn-extra,
.ui-btn-sm:not(.ui-btn-round) .ui-btn-menu {
    --ui-btn-radius: var(--kt-ui-btn-radius);
}

.ui-btn-round {
    min-width: var(--ui-btn-height);
}

.ui-btn.ui-btn-disabled.ui-btn-dropdown:before {
    border-color: var(--kt-ui-text-disabled);
}

.ui-btn-dropdown {
    --ui-btn-dropdown-arrow-color: var(--ui-btn-color);
}

.ui-btn,
.ui-btn-success {
    --ui-btn-background: var(--kt-ui-button-primary);
    --ui-btn-background-hover: var(--kt-ui-button-primary-hover);
    --ui-btn-background-active: var(--kt-ui-button-primary-active);
    --ui-btn-background-disabled: var(--kt-ui-button-primary-disabled);
    --ui-btn-border-color: var(--kt-ui-button-primary-border-color);
    --ui-btn-border-color-hover: var(--kt-ui-button-primary-border-color-hover);
    --ui-btn-border-color-active: var(--kt-ui-button-primary-border-color-active);
    --ui-btn-border-color-disabled: var(--kt-ui-button-primary-border-color-disabled);
    --ui-btn-color: var(--kt-ui-button-primary-color);
    --ui-btn-color-hover: var(--kt-ui-button-primary-color-hover);
    --ui-btn-color-active: var(--kt-ui-button-primary-color-active);
    --ui-btn-outline-focus: var(--kt-ui-button-primary-outline-focus);
}

.ui-btn:focus-visible, .ui-btn.ui-btn-focus {
    outline-offset: 1px;
    outline: var(--kt-ui-focus) solid 2px;
    --ui-btn-border-color: var(--kt-ui-transparent-01);
}

.ui-btn[disabled],
.ui-btn[disabled]:hover,
.ui-btn.ui-btn-disabled,
.ui-btn.ui-btn-disabled:hover,
.ui-btn-success.ui-btn-disabled,
.ui-btn-success.ui-btn-disabled:hover {
    color: var(--kt-ui-text-on-color-disabled);
    background-color: var(--ui-btn-background-disabled);
    border-color: var(--ui-btn-border-color-disabled);
    opacity: 1;
}

.ui-btn-success-light {
    --ui-btn-background: var(--kt-ui-button-secondary);
    --ui-btn-background-hover: var(--kt-ui-button-secondary-hover);
    --ui-btn-background-active: var(--kt-ui-button-secondary-active);
    --ui-btn-border-color: var(--kt-ui-button-secondary);
    --ui-btn-border-color-hover: var(--kt-ui-button-secondary-hover);
    --ui-btn-border-color-active: var(--kt-ui-button-secondary-active);
    --ui-btn-color: var(--kt-ui-text-primary);
    --ui-btn-color-hover: var(--kt-ui-text-accented);
    --ui-btn-color-active: var(--kt-ui-text-accented);
}

/*.ui-btn-success-light:focus-visible,*/
/*.ui-btn-success-light.ui-btn-focus {*/
/*    border: 1px solid #ffffff;*/
/*    box-shadow: 0px 0px 0px 2px var(--kt-ui-focus);*/
/*}*/

.ui-btn-success-light.ui-btn-disabled,
.ui-btn-success-light.ui-btn-disabled:hover {
    color: var(--kt-ui-text-disabled);
    background: var(--kt-ui-button-secondary-disabled);
    border-color: var(--kt-ui-button-secondary-disabled);
    opacity: 1;
}

.ui-btn-success-dark {
    --ui-btn-background: var(--kt-ui-button-primary);
    --ui-btn-background-hover: var(--kt-ui-button-primary-hover);
    --ui-btn-background-active: var(--kt-ui-button-primary-active);
    --ui-btn-background-disabled: var(--kt-ui-button-primary-disabled);
    --ui-btn-border-color: var(--kt-ui-button-primary-border-color);
    --ui-btn-border-color-hover: var(--kt-ui-button-primary-border-color-hover);
    --ui-btn-border-color-active: var(--kt-ui-button-primary-border-color-active);
    --ui-btn-border-color-disabled: var(--kt-ui-button-primary-border-color-disabled);
    --ui-btn-color: var(--kt-ui-button-primary-color);
    --ui-btn-color-hover: var(--kt-ui-button-primary-color-hover);
    --ui-btn-color-active: var(--kt-ui-button-primary-color-active);
    --ui-btn-outline-focus: var(--kt-ui-button-primary-outline-focus);
}

/*.ui-btn-success-dark:focus-visible,*/
/*.ui-btn-success-dark.ui-btn-focus {*/
/*    border: 1px solid #ffffff;*/
/*    box-shadow: 0px 0px 0px 2px var(--kt-ui-focus);*/
/*}*/

.ui-btn-success-dark.ui-btn-disabled,
.ui-btn-success-dark.ui-btn-disabled:hover {
    color: var(--kt-ui-text-on-color-disabled);
    background: var(--kt-ui-button-disabled);
    border-color: var(--kt-ui-button-disabled);
    opacity: 1;
}

.ui-btn-danger {
    --ui-btn-background: var(--kt-ui-button-ghost);
    --ui-btn-background-hover: var(--kt-ui-button-ghost-hover);
    --ui-btn-background-active: var(--kt-ui-button-ghost-active);
    --ui-btn-background-disabled: var(--kt-ui-button-ghost-disabled);
    --ui-btn-border-color: var(--kt-ui-button-ghost-border-color);
    --ui-btn-border-color-hover: var(--kt-ui-button-ghost-border-color-hover);
    --ui-btn-border-color-active: var(--kt-ui-button-ghost-border-color-active);
    --ui-btn-border-color-disabled: var(--kt-ui-button-ghost-border-color-disabled);
    --ui-btn-color: var(--kt-ui-button-ghost-color);
    --ui-btn-color-hover: var(--kt-ui-button-ghost-color-hover);
    --ui-btn-color-active: var(--kt-ui-button-ghost-color-active);
    --ui-btn-outline-focus: var(--kt-ui-button-ghost-outline-focus);
}

/*.ui-btn-danger:focus-visible,*/
/*.ui-btn-danger.ui-btn-focus {*/
/*    border: 1px solid var(--kt-ui-transparent-01);*/
/*    box-shadow: 0px 0px 0px 2px var(--kt-ui-focus);*/
/*}*/

.ui-btn-danger.ui-btn-disabled,
.ui-btn-danger.ui-btn-disabled:hover {
    color: var(--kt-ui-text-disabled);
    background-color: var(--kt-ui-transparent-01);
    border-color: var(--kt-ui-transparent-01);
    opacity: 1;
}

.ui-btn-success-light {
    --ui-btn-background: var(--kt-ui-button-secondary);
    --ui-btn-background-hover: var(--kt-ui-button-secondary-hover);
    --ui-btn-background-active: var(--kt-ui-button-secondary-active);
    --ui-btn-background-disabled: var(--kt-ui-button-secondary-disabled);
    --ui-btn-border-color: var(--kt-ui-button-secondary-border-color);
    --ui-btn-border-color-hover: var(--kt-ui-button-secondary-border-color-hover);
    --ui-btn-border-color-active: var(--kt-ui-button-secondary-border-color-active);
    --ui-btn-border-color-disabled: var(--kt-ui-button-secondary-border-color-disabled);
    --ui-btn-color: var(--kt-ui-button-secondary-color);
    --ui-btn-color-hover: var(--kt-ui-button-secondary-color-hover);
    --ui-btn-color-active: var(--kt-ui-button-secondary-color-active);
    --ui-btn-outline-focus: var(--kt-ui-button-secondary-outline-focus);
}

/*.ui-btn-success-light:focus-visible,*/
/*.ui-btn-success-light.ui-btn-focus {*/
/*    border: 1px solid #ffffff;*/
/*    box-shadow: 0px 0px 0px 2px var(--kt-ui-focus);*/
/*}*/

.ui-btn-success-light.ui-btn-disabled,
.ui-btn-success-light.ui-btn-disabled:hover {
    color: var(--kt-ui-text-disabled);
    background: var(--kt-ui-button-secondary-disabled);
    border-color: var(--kt-ui-button-secondary-disabled);
    opacity: 1;
}

.ui-btn-danger-dark {
    --ui-btn-background: var(--kt-ui-transparent-01);
    --ui-btn-background-hover: var(--kt-ui-button-tertiary-hover);
    --ui-btn-background-active: var(--kt-ui-button-tertiary-active);
    --ui-btn-background-disabled: var(--kt-ui-button-tertiary-disabled);
    --ui-btn-border-color: var(--kt-ui-button-tertiary-border-color);
    --ui-btn-border-color-hover: var(--kt-ui-button-tertiary-border-color-hover);
    --ui-btn-border-color-active: var(--kt-ui-button-tertiary-border-color-active);
    --ui-btn-border-color-disabled: var(--kt-ui-button-tertiary-border-color-disabled);
    --ui-btn-color: var(--kt-ui-button-tertiary-color);
    --ui-btn-color-hover: var(--kt-ui-button-tertiary-color-hover);
    --ui-btn-color-active: var(--kt-ui-button-tertiary-color-active);
    --ui-btn-outline-focus: var(--kt-ui-button-tertiary-outline-focus);
}

/*.ui-btn-danger-dark:focus-visible,*/
/*.ui-btn-danger-dark.ui-btn-focus {*/
/*    border: 1px solid var(--kt-ui-transparent-01);*/
/*    box-shadow: 0px 0px 0px 2px var(--kt-ui-focus);*/
/*}*/

.ui-btn-danger-dark.ui-btn-disabled,
.ui-btn-danger-dark.ui-btn-disabled:hover {
    color: var(--kt-ui-text-disabled);
    background-color: var(--kt-ui-transparent-01);
    border-color: var(--kt-ui-button-disabled);
    opacity: 1;
}

.ui-btn-danger-light {
    --ui-btn-background: var(--kt-ui-button-ghost);
    --ui-btn-background-hover: var(--kt-ui-button-ghost-hover);
    --ui-btn-background-active: var(--kt-ui-button-ghost-active);
    --ui-btn-background-disabled: var(--kt-ui-button-ghost-disabled);
    --ui-btn-border-color: var(--kt-ui-button-ghost-border-color);
    --ui-btn-border-color-hover: var(--kt-ui-button-ghost-border-color-hover);
    --ui-btn-border-color-active: var(--kt-ui-button-ghost-border-color-active);
    --ui-btn-border-color-disabled: var(--kt-ui-button-ghost-border-color-disabled);
    --ui-btn-color: var(--kt-ui-button-ghost-color);
    --ui-btn-color-hover: var(--kt-ui-button-ghost-color-hover);
    --ui-btn-color-active: var(--kt-ui-button-ghost-color-active);
    --ui-btn-outline-focus: var(--kt-ui-button-ghost-outline-focus);
}

/*.ui-btn-danger-light:focus-visible,*/
/*.ui-btn-danger-light.ui-btn-focus {*/
/*    border: 1px solid var(--kt-ui-transparent-01);*/
/*    box-shadow: 0px 0px 0px 2px var(--kt-ui-focus);*/
/*}*/

.ui-btn-danger-light.ui-btn-disabled,
.ui-btn-danger-light.ui-btn-disabled:hover {
    color: var(--kt-ui-text-disabled);
    background-color: var(--kt-ui-transparent-01);
    border-color: var(--kt-ui-transparent-01);
    opacity: 1;
}

.ui-btn-primary {
    --ui-btn-background: var(--kt-ui-button-primary);
    --ui-btn-background-hover: var(--kt-ui-button-primary-hover);
    --ui-btn-background-active: var(--kt-ui-button-primary-active);
    --ui-btn-background-disabled: var(--kt-ui-button-primary-disabled);
    --ui-btn-border-color: var(--kt-ui-button-primary-border-color);
    --ui-btn-border-color-hover: var(--kt-ui-button-primary-border-color-hover);
    --ui-btn-border-color-active: var(--kt-ui-button-primary-border-color-active);
    --ui-btn-border-color-disabled: var(--kt-ui-button-primary-border-color-disabled);
    --ui-btn-color: var(--kt-ui-button-primary-color);
    --ui-btn-color-hover: var(--kt-ui-button-primary-color-hover);
    --ui-btn-color-active: var(--kt-ui-button-primary-color-active);
    --ui-btn-outline-focus: var(--kt-ui-button-primary-outline-focus);
}

.ui-btn-primary.ui-btn-disabled,
.ui-btn-primary.ui-btn-disabled:hover {
    color: var(--kt-ui-text-on-color-disabled);
    background: var(--kt-ui-button-disabled);
    border-color: var(--kt-ui-button-disabled);
    opacity: 1;
}

.ui-btn-primary-dark {
    --ui-btn-background: var(--kt-ui-button-primary);
    --ui-btn-background-hover: var(--kt-ui-button-primary-hover);
    --ui-btn-background-active: var(--kt-ui-button-primary-active);
    --ui-btn-border-color: var(--kt-ui-button-primary);
    --ui-btn-border-color-hover: var(--kt-ui-button-primary-hover);
    --ui-btn-border-color-active: var(--kt-ui-button-primary-active);
    --ui-btn-color: var(--kt-ui-text-on-color);
    --ui-btn-color-hover: var(--kt-ui-text-on-color);
    --ui-btn-color-active: var(--kt-ui-text-on-color);
}

.ui-btn-primary-dark:focus-visible,
.ui-btn-primary-dark.ui-btn-focus {
    border: 1px solid #ffffff;
    box-shadow: 0px 0px 0px 2px var(--kt-ui-focus);
}

.ui-btn-primary-dark.ui-btn-disabled,
.ui-btn-primary-dark.ui-btn-disabled:hover {
    color: var(--kt-ui-text-on-color-disabled);
    background: var(--kt-ui-button-disabled);
    border-color: var(--kt-ui-button-disabled);
    opacity: 1;
}

.ui-btn-secondary {
    --ui-btn-background: var(--kt-ui-button-secondary);
    --ui-btn-background-hover: var(--kt-ui-button-secondary-hover);
    --ui-btn-background-active: var(--kt-ui-button-secondary-active);
    --ui-btn-border-color: var(--kt-ui-button-secondary);
    --ui-btn-border-color-hover: var(--kt-ui-button-secondary-hover);
    --ui-btn-border-color-active: var(--kt-ui-button-secondary-active);
    --ui-btn-color: var(--kt-ui-text-primary);
    --ui-btn-color-hover: var(--kt-ui-text-accented);
    --ui-btn-color-active: var(--kt-ui-text-accented);
}

.ui-btn-secondary:focus-visible,
.ui-btn-secondary.ui-btn-focus {
    border: 1px solid #ffffff;
    box-shadow: 0px 0px 0px 2px var(--kt-ui-focus);
}

.ui-btn-secondary.ui-btn-disabled,
.ui-btn-secondary.ui-btn-disabled:hover {
    color: var(--kt-ui-text-disabled);
    background: var(--kt-ui-button-secondary-disabled);
    border-color: var(--kt-ui-button-secondary-disabled);
    opacity: 1;
}

.ui-btn-link {
    --ui-btn-background: var(--kt-ui-button-ghost);
    --ui-btn-background-hover: var(--kt-ui-button-ghost-hover);
    --ui-btn-background-active: var(--kt-ui-button-ghost-active);
    --ui-btn-background-disabled: var(--kt-ui-button-ghost-disabled);
    --ui-btn-border-color: var(--kt-ui-button-ghost-border-color);
    --ui-btn-border-color-hover: var(--kt-ui-button-ghost-border-color-hover);
    --ui-btn-border-color-active: var(--kt-ui-button-ghost-border-color-active);
    --ui-btn-border-color-disabled: var(--kt-ui-button-ghost-border-color-disabled);
    --ui-btn-color: var(--kt-ui-button-ghost-color);
    --ui-btn-color-hover: var(--kt-ui-button-ghost-color-hover);
    --ui-btn-color-active: var(--kt-ui-button-ghost-color-active);
    --ui-btn-outline-focus: var(--kt-ui-button-ghost-outline-focus);
}

.ui-btn-link.ui-btn {    padding-right: var(--kt-ui-btn-padding-right) ;
    padding-left: var(--kt-ui-btn-padding-left);
}

.ui-btn-link:focus-visible,
.ui-btn-link.ui-btn-focus {
    border: 1px solid var(--kt-ui-transparent-01);
    box-shadow: 0px 0px 0px 2px var(--kt-ui-focus);
}

.ui-btn-link.ui-btn-disabled,
.ui-btn-link.ui-btn-disabled:hover {
    color: var(--kt-ui-text-disabled);
    background-color: var(--kt-ui-transparent-01);
    border-color: var(--kt-ui-transparent-01);
    opacity: 1;
}

.ui-btn-light {
    --ui-btn-background: var(--kt-ui-transparent-01);
    --ui-btn-background-hover: var(--kt-ui-button-tertiary-hover);
    --ui-btn-background-active: var(--kt-ui-button-tertiary-active);
    --ui-btn-border-color: var(--kt-ui-transparent-01);
    --ui-btn-border-color-hover: var(--kt-ui-button-tertiary-hover);
    --ui-btn-border-color-active: var(--kt-ui-button-tertiary-active);
    --ui-btn-color: var(--kt-ui-text-primary);
    --ui-btn-color-hover: var(--kt-ui-text-accented);
    --ui-btn-color-active: var(--kt-ui-text-accented);
}

.ui-btn-light:focus-visible,
.ui-btn-light.ui-btn-focus {
    border: 1px solid var(--kt-ui-transparent-01);
    box-shadow: 0px 0px 0px 2px var(--kt-ui-focus);
}

.ui-btn-light.ui-btn-disabled,
.ui-btn-light.ui-btn-disabled:hover {
    color: var(--kt-ui-text-disabled);
    background-color: var(--kt-ui-transparent-01);
    border-color: var(--kt-ui-transparent-01);
    opacity: 1;
}

.ui-btn-light-border {
    --ui-btn-background: var(--kt-ui-transparent-01);
    --ui-btn-background-hover: var(--kt-ui-button-tertiary-hover);
    --ui-btn-background-active: var(--kt-ui-button-tertiary-active);
    --ui-btn-border-color: var(--kt-ui-button-tertiary);
    --ui-btn-border-color-hover: var(--kt-ui-button-tertiary);
    --ui-btn-border-color-active: var(--kt-ui-button-tertiary);
    --ui-btn-color: var(--kt-ui-text-primary);
    --ui-btn-color-hover: var(--kt-ui-text-accented);
    --ui-btn-color-active: var(--kt-ui-text-accented);

    --kt-ui-btn-background-dark-theme: var(--kt-ui-transparent-01);
    --kt-ui-btn-background-hover-dark-theme: var(--kt-ui-button-tertiary-hover);
    --kt-ui-btn-background-active-dark-theme: var(--kt-ui-button-tertiary-active);
    --kt-ui-btn-color-dark-theme: var(--kt-ui-text-primary);
    --kt-ui-btn-color-hover-dark-theme: var(--kt-ui-text-accented);
    --kt-ui-btn-color-active-dark-theme: var(--kt-ui-text-accented);
    --kt-ui-btn-border-color-dark-theme: var(--kt-ui-button-tertiary);
}

.ui-btn-light-border:focus-visible,
.ui-btn-light-border.ui-btn-focus {
    border: 1px solid var(--kt-ui-transparent-01);
    box-shadow: 0px 0px 0px 2px var(--kt-ui-focus);
}

.ui-btn-light-border.ui-btn-disabled,
.ui-btn-light-border.ui-btn-disabled:hover {
    color: var(--kt-ui-text-disabled);
    background-color: var(--kt-ui-transparent-01);
    border-color: var(--kt-ui-button-disabled);
    opacity: 1;
}

/**
 * Стили кнопок только для светлой темы
 */
.bitrix24-light-theme .ui-btn-themes.ui-btn-link {
    --ui-btn-color: var(--kt-ui-btn-color-link-light-theme);
    --ui-btn-color-hover: var(--kt-ui-white);
    --ui-btn-color-active: var(--kt-ui-white);
}

.bitrix24-light-theme .ui-btn-themes.ui-btn-light {
    --ui-btn-background: var(--kt-ui-btn-background-light-theme);
    --ui-btn-background-hover: var(--kt-ui-btn-background-hover--light-theme);
    --ui-btn-background-active: var(--kt-ui-btn-background-active--light-theme);
    --ui-btn-colors-after-bg: var(--kt-ui-white);
    --ui-btn-colors-before-bg: var(--kt-ui-white);
    --ui-btn-color: var(--kt-ui-white);
    --ui-btn-color-hover: var(--kt-ui-white);
    --ui-btn-color-active: var(--kt-ui-white);
}

.bitrix24-light-theme .ui-btn-themes.ui-btn-light-border {
    --ui-btn-background: var(--kt-ui-btn-background-light-theme);
    --ui-btn-background-hover: var(--kt-ui-btn-background-hover--light-theme);
    --ui-btn-background-active: var(--kt-ui-btn-background-active--light-theme);
    --ui-btn-colors-after-bg: var(--kt-ui-white);
    --ui-btn-colors-before-bg: var(--kt-ui-white);
    --ui-btn-color: var(--kt-ui-white);
    --ui-btn-color-hover: var(--kt-ui-white);
    --ui-btn-color-active: var(--kt-ui-white);
    --ui-btn-border-color: var(--kt-ui-btn-border-color-light-theme);
}

/**
 * Стили кнопок только для тёмной темы
 */
.bitrix24-dark-theme .ui-btn-themes.ui-btn-link {
    --ui-btn-color: var(--kt-ui-btn-color-link-dark-theme);
    --ui-btn-color-hover: var(--kt-ui-btn-color-hover-link-dark-theme);
    --ui-btn-color-active: var(--kt-ui-btn-color-active-link-dark-theme);
}

.bitrix24-dark-theme .ui-btn-themes.ui-btn-light {
    --ui-btn-background: var(--kt-ui-btn-background-dark-theme);
    --ui-btn-background-hover: var(--kt-ui-btn-background-hover-dark-theme);
    --ui-btn-background-active: var(--kt-ui-btn-background-active-dark-theme);
    --ui-btn-colors-after-bg: var(--kt-ui-btn-colors-after-bg-dark-theme);
    --ui-btn-colors-before-bg: var(--kt-ui-btn-colors-before-bg-dark-theme);
    --ui-btn-color: var(--kt-ui-btn-color-dark-theme);
    --ui-btn-color-hover: var(--kt-ui-btn-color-hover-dark-theme);
    --ui-btn-color-active: var(--kt-ui-btn-color-active-dark-theme);
}

.bitrix24-dark-theme .ui-btn-themes.ui-btn-light-border {
    --ui-btn-background: var(--kt-ui-btn-background-dark-theme);
    --ui-btn-background-hover: var(--kt-ui-btn-background-hover-dark-theme);
    --ui-btn-background-active: var(--kt-ui-btn-background-active-dark-theme);
    --ui-btn-colors-after-bg: var(--kt-ui-btn-colors-after-bg-dark-theme);
    --ui-btn-colors-before-bg: var(--kt-ui-btn-colors-before-bg-dark-theme);
    --ui-btn-color: var(--kt-ui-btn-color-dark-theme);
    --ui-btn-color-hover: var(--kt-ui-btn-color-hover-dark-theme);
    --ui-btn-color-active: var(--kt-ui-btn-color-active-dark-theme);
    --ui-btn-border-color: var(--kt-ui-btn-border-color-dark-theme);
}

.webform-button,
.webform-small-button,
.webform-button-upload {
    color: var(--kt-ui-text-on-color);;
    border-color: var(--ui-btn-border-color);
    background: var(--ui-btn-background);
}

.webform-button:is(:hover),
.webform-button:is(:hover) .webform-button-text,
.webform-small-button:is(:hover),
.webform-small-button:is(:hover) .webform-small-button-text,
.webform-button-upload:is(:hover),
.webform-field-upload:is(:hover) .webform-button-upload,
.webform-button-blue:is(:hover),
.webform-button-blue:is(:hover) .webform-button-text,
.webform-small-button-blue:is(:hover),
.webform-small-button-blue:is(:hover) .webform-small-button-text {
    color: var(--ui-btn-color-hover);
    border-color: var(--kt-ui-button-primary-hover);
    background: var(--kt-ui-button-primary-hover);
}

.webform-button:is(:active),
.webform-button-active,
.webform-button-active:link,
.webform-button-active:visited,
.webform-button-active:is(:active),
.webform-button-active:is(:hover),
.webform-small-button:is(:active),
.webform-small-button-active,
.webform-small-button-active:link,
.webform-small-button-active:visited,
.webform-small-button-active:is(:active),
.webform-small-button-active:is(:hover),
.webform-small-button-active:is(:hover) .webform-button-text,
.webform-small-button-active:is(:hover) .webform-small-button-text,
.webform-button-active:is(:hover) .webform-small-button-text,
.webform-button-active:is(:hover) .webform-button-text,
.webform-button-transparent.webform-button-active,
.webform-small-button-transparent.webform-button-active,
.webform-small-button-transparent.webform-small-button-active,
.webform-field-upload:is(:active) .webform-button-upload,
.webform-field-upload:is(:active) .webform-button-text {
    color: var(--ui-btn-color-active);
    border-color: var(--ui-btn-border-color-active);
    background: var(--ui-btn-background-active) !important;
}

.webform-button-blue,
.webform-button-blue:link,
.webform-button-blue:visited,
.webform-button-blue .webform-button-text,
.webform-button-blue .webform-small-button-text,
.webform-small-button-blue,
.webform-small-button-blue .webform-small-button-text,
.webform-small-button-blue:link,
.webform-small-button-blue:visited,
.webform-small-button-blue .webform-small-button-text {
    color: var(--ui-btn-color);
    /*background: var(--ui-btn-background);*/
}

/**
 * Задизейбленная кнопка
 */
/*.ui-btn.ui-btn-disabled,*/
/*.ui-btn.ui-btn-disabled:is(:hover),*/
/*.ui-btn.ui-btn-disabled:is(:active),*/
/*.ui-btn[disabled],*/
/*.ui-btn[disabled]:is(:hover),*/
/*.ui-btn[disabled]:is(:active),*/
/*.ui-btn-disabled .ui-btn-main,*/
/*.ui-btn-disabled .ui-btn-main:is(:hover),*/
/*.ui-btn-disabled .ui-btn-main:is(:active),*/
/*.ui-btn-disabled .ui-btn-extra,*/
/*.ui-btn-disabled .ui-btn-extra:is(:hover),*/
/*.ui-btn-disabled .ui-btn-extra:is(:active),*/
/*.ui-btn-disabled .ui-btn-menu,*/
/*.ui-btn-disabled .ui-btn-menu:is(:hover),*/
/*.ui-btn-disabled .ui-btn-menu:is(:active),*/
/*.ui-btn-main-disabled .ui-btn-main,*/
/*.ui-btn-main-disabled .ui-btn-main:is(:hover),*/
/*.ui-btn-main-disabled .ui-btn-main:is(:active),*/
/*.ui-btn-extra-disabled .ui-btn-extra,*/
/*.ui-btn-extra-disabled .ui-btn-extra:is(:hover),*/
/*.ui-btn-extra-disabled .ui-btn-extra:is(:active),*/
/*.ui-btn-menu-disabled .ui-btn-menu,*/
/*.ui-btn-menu-disabled .ui-btn-menu:is(:hover),*/
/*.ui-btn-menu-disabled .ui-btn-menu:is(:active) {*/
/*    color: var(--ui-btn-disabled-color);*/
/*    background: var(--ui-btn-disabled-background);*/
/*    border-color: var(--ui-btn-border-color);*/
/*}*/

/**
 * Иконка "+" у кнопок
 */
.ui-btn-icon-add.ui-btn,
.ui-btn-icon-add.ui-btn-split,
.ui-btn-icon-add.ui-btn-double,
.ui-btn-icon-add.ui-btn-danger,
.ui-btn-icon-add.ui-btn-primary,
.ui-btn-icon-add.ui-btn-default,
.ui-btn-icon-add.ui-btn-danger-dark,
.ui-btn-icon-add.ui-btn-success-dark,
.ui-btn-icon-add.ui-btn-primary-dark,
.bitrix24-light-theme .ui-btn-icon-add.ui-btn-themes {
    --ui-btn-icon: var(--kt-ui-btn-icon-plus);
}

/**
 * Иконка поиска у кнопок
 */
.ui-btn-icon-search.ui-btn,
.ui-btn-icon-search.ui-btn-split,
.ui-btn-icon-search.ui-btn-danger,
.ui-btn-icon-search.ui-btn-primary,
.ui-btn-icon-search.ui-btn-default,
.ui-btn-icon-search.ui-btn-danger-dark,
.ui-btn-icon-search.ui-btn-success-dark,
.ui-btn-icon-search.ui-btn-primary-dark,
.bitrix24-light-theme .ui-btn-icon-search.ui-btn-themes {
    --ui-btn-icon: var(--kt-ui-btn-icon-search);
}

/**
 * Иконка шестирёнки у кнопки настроек
 */
.ui-btn-icon-setting.ui-btn,
.ui-btn-icon-setting.ui-btn-split,
.ui-btn-icon-setting.ui-btn-danger,
.ui-btn-icon-setting.ui-btn-primary,
.ui-btn-icon-setting.ui-btn-default,
.ui-btn-icon-setting.ui-btn-danger-dark,
.ui-btn-icon-setting.ui-btn-success-dark,
.ui-btn-icon-setting.ui-btn-primary-dark,
.bitrix24-light-theme .ui-btn-icon-setting.ui-btn-themes {
    --ui-btn-icon: var(--kt-ui-btn-icon-settings-white);
}

.ui-btn-icon-setting.ui-btn-link,
.ui-btn-icon-setting.ui-btn-light,
.ui-btn-icon-setting.ui-btn-success,
.ui-btn-icon-setting.ui-btn-secondary,
.ui-btn-icon-setting.ui-btn-light-border,
.bitrix24-dark-theme .ui-btn-icon-setting.ui-btn-themes {
    --ui-btn-icon: var(--kt-ui-btn-icon-settings-black);
}

/**
 * Иконка молнии у кнопки "Создать быструю задачу"
 */
.ui-btn-icon-setting.ui-btn-icon-task.ui-btn,
.ui-btn-icon-setting.ui-btn-icon-task.ui-btn-split,
.ui-btn-icon-setting.ui-btn-icon-task.ui-btn-danger,
.ui-btn-icon-setting.ui-btn-icon-task.ui-btn-primary,
.ui-btn-icon-setting.ui-btn-icon-task.ui-btn-default,
.ui-btn-icon-setting.ui-btn-icon-task.ui-btn-danger-dark,
.ui-btn-icon-setting.ui-btn-icon-task.ui-btn-success-dark,
.ui-btn-icon-setting.ui-btn-icon-task.ui-btn-primary-dark,
.bitrix24-light-theme .ui-btn-icon-setting.ui-btn-icon-task.ui-btn-themes {
    --ui-btn-icon: var(--kt-ui-btn-icon-task-white);
}

.ui-btn-icon-setting.ui-btn-icon-task.ui-btn-link,
.ui-btn-icon-setting.ui-btn-icon-task.ui-btn-light,
.ui-btn-icon-setting.ui-btn-icon-task.ui-btn-success,
.ui-btn-icon-setting.ui-btn-icon-task.ui-btn-secondary,
.ui-btn-icon-setting.ui-btn-icon-task.ui-btn-light-border,
.bitrix24-dark-theme .ui-btn-icon-setting.ui-btn-icon-task.ui-btn-themes {
    --ui-btn-icon: var(--kt-ui-btn-icon-task-black);
}

.ui-btn-file, .ui-btn-upload, .ui-btn-download {
    --ui-btn-background: var(--kt-ui-button-file);
    --ui-btn-background-hover: var(--kt-ui-button-file-hover);
    --ui-btn-background-active: var(--kt-ui-button-file-active);
    --ui-btn-background-disabled: var(--kt-ui-button-file-disabled);
    --ui-btn-border-color: var(--kt-ui-button-file-border-color);
    --ui-btn-border-color-hover: var(--kt-ui-button-file-border-color-hover);
    --ui-btn-border-color-active: var(--kt-ui-button-file-border-color-active);
    --ui-btn-border-color-disabled: var(--kt-ui-button-file-border-color-disabled);
    --ui-btn-color: var(--kt-ui-button-file-color);
    --ui-btn-color-hover: var(--kt-ui-button-file-color-hover);
    --ui-btn-color-active: var(--kt-ui-button-file-color-active);
    --ui-btn-outline-focus: var(--kt-ui-button-file-outline-focus);
}