/*
Some styling items are hard coded in order to keep the window formatting from
getting out of wack. The [ThemeName]Settings.uss file has the values for all
options.
*/
/* ************************************************************************** */
/* Style Applications */
.windowFrame {
    color: var(--windowFrame__content-color);
    background-color: var(--windowFrame__background-color);

    min-width: var(--windowFrame__min-width);
    min-height: var(--windowFrame__min-height);

    border-top-width: var(--windowFrame__border-top-width);
    border-right-width: var(--windowFrame__border-right-width);
    border-bottom-width: var(--windowFrame__border-bottom-width);
    border-left-width: var(--windowFrame__border-left-width);

    border-top-left-radius: var(--windowFrame__border-top-left-radius);
    border-top-right-radius: var(--windowFrame__border-top-right-radius);
    border-bottom-left-radius: var(--windowFrame__border-bottom-left-radius);
    border-bottom-right-radius: var(--windowFrame__border-bottom-right-radius);

    border-top-color: var(--windowFrame__border-top-color);
    border-right-color: var(--windowFrame__border-right-color);
    border-bottom-color: var(--windowFrame__border-bottom-color);
    border-left-color: var(--windowFrame__border-left-color);

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;

    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.windowFrame.windowFrame__fullscreen {
    border-radius: 0;
    border-width: 0;
}

.windowFrame.windowFrame__fullscreen #windowFrameHeader {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.windowFrame.windowFrame__fullscreen #windowFrameFooter {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.windowFrameLocked {
    display: flex;
    visibility: visible;
    width: var(--windowFrame__lock-icon-size);
    height: var(--windowFrame__lock-icon-size);
    background-image: var(--windowFrame__lock-icon);
    -unity-background-image-tint-color: var(--windowFrame__lock-icon-tint);
}

.windowFrameUnlocked {
    display: none;
    visibility: hidden;
}

#windowFrameHeader {
    text-overflow: ellipsis;
    overflow: hidden;
    align-items: center;

    min-height: var(--windowFrame__header-min-height);

    background-color: var(--windowFrame__header-background-color);


    border-top-left-radius: var(--windowFrame__border-top-left-radius) !important;
    border-top-right-radius: var(--windowFrame__border-top-right-radius) !important;

    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;

    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

#windowFrameTitle {
    flex-grow: 1;
    flex-direction: row;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--windowFrame__title-color);

    font-size: var(--windowFrame__title-font-size);
    -unity-font-style: var(--windowFrame__title-font-style);
    -unity-text-align: var(--windowFrame__title-text-align);
    justify-content: var(--windowFrame__title-justify-content);

    border-top-left-radius: var(--windowFrame__border-top-left-radius);
    border-top-right-radius: var(--windowFrame__border-top-right-radius);

    padding-left: var(--windowFrame__title-padding-left);
    padding-right: var(--windowFrame__title-padding-right);
    padding-top: var(--windowFrame__title-padding-top);
    padding-bottom: var(--windowFrame__title-padding-bottom);

    margin-top: var(--windowFrame__title-margin-top);
    margin-bottom: var(--windowFrame__title-margin-bottom);
    margin-left: var(--windowFrame__title-margin-left);
    margin-right: var(--windowFrame__title-margin-right);
}

/* Header Right - window context menu icon */
#windowFrameOptionsMenu {
    overflow: visible;
    visibility: visible;
    display: flex;
    align-content: center;
    justify-content: center;
    opacity: 1;
    margin-top: var(--windowFrame__options-menu-margin-top);
    width: var(--windowFrame__options-menu-min-width);
    height: var(--windowFrame__options-menu-min-height);
    background-image: var(--windowFrame__options-menu-icon);
    -unity-background-image-tint-color: var(--windowFrame__options-menu-icon-tint);
    border-bottom-right-radius: var(--windowFrame__border-bottom-right-radius);
}

/* Primary content container of a window frame */
#windowFrameContent {
    height: 100%;
    width: 100%;
    flex-grow: 1;

    color: var(--windowFrame__content-color);
    background-color: var(--windowFrame__background-color);

    padding-top: var(--windowFrame__content-padding-top);
    padding-bottom: var(--windowFrame__content-padding-bottom);
    padding-left: var(--windowFrame__content-padding-left);
    padding-right: var(--windowFrame__content-padding-right);

    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}


#windowFrameContent Label:focus, .form__label-element:focus {
    color: var(--forms__label-color-focus) !important;
}

#windowFrameContent Slider:focus, .form__slider-element:focus {
    color: var(--forms__label-color-focus) !important;
}

#windowFrameContent SliderInt:focus, .form__slider-element:focus {
    color: var(--forms__label-color-focus) !important;
}


/* Main Footer Container */
#windowFrameFooter {
    align-items: center;
    align-content: center;
    flex-shrink: 0;

    background-color: var(--windowFrame__footer-background-color);
    min-height: var(--windowFrame__footer-min-height);

    border-bottom-left-radius: var(--windowFrame__border-bottom-left-radius);
    border-bottom-right-radius: var(--windowFrame__border-bottom-right-radius);

    padding-top: var(--windowFrame__footer-padding-top);
    padding-bottom: var(--windowFrame__footer-padding-bottom);
    padding-left: var(--windowFrame__footer-padding-left);
    padding-right: var(--windowFrame__footer-padding-right);

    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

/* Footer Toolbar (Content) area */
#windowFrameFooterToolbar {
    border-bottom-left-radius: var(--windowFrame__border-bottom-left-radius);
    border-bottom-right-radius: var(--windowFrame__border-bottom-right-radius);
}

/* Resize Icon area in Footer */
#windowFrameResizeArea {
    width: var(--windowFrame__resize-area-size);
    height: var(--windowFrame__resize-area-size);
    background-image: var(--windowFrame__resize-icon);
    -unity-background-image-tint-color: var(--windowFrame__resize-icon-tint);

    margin-bottom: var(--windowFrame__resize-area-margin-bottom);
    margin-left: var(--windowFrame__resize-area-margin-left);
    margin-top: var(--windowFrame__resize-area-margin-top);
    margin-right: var(--windowFrame__resize-area-margin-right);

    border-bottom-right-radius: var(--windowFrame__border-bottom-right-radius);
}

#windowFrameResizeArea:hover {
    cursor: var(--windowFrame__resize-area-cursor);
}

/* ************************************************************************** */
/* Context Menus Section */
/* Outer Wrapper */
#ContextMenu {
    background-color: var(--context-menu__background-color);
    /* Keeps the unity layout from getting weird, spacing is done in the scrollview */
    padding: 0;
    margin: 0;

    border-top-color: var(--context-menu__border-top-color);
    border-right-color: var(--context-menu__border-right-color);
    border-bottom-color: var(--context-menu__border-bottom-color);
    border-left-color: var(--context-menu__border-left-color);

    border-top-width: var(--context-menu__border-top-width);
    border-right-width: var(--context-menu__border-right-width);
    border-bottom-width: var(--context-menu__border-bottom-width);
    border-left-width: var(--context-menu__border-left-width);

    border-top-left-radius: var(--context-menu__border-top-left-radius);
    border-top-right-radius: var(--context-menu__border-top-right-radius);
    border-bottom-left-radius: var(--context-menu__border-bottom-left-radius);
    border-bottom-right-radius: var(--context-menu__border-bottom-right-radius);
}

#ContextMenu .context-menu__title-label {
    color: var(--context-menu__title-color);
    font-size: var(--context-menu__title-font-size);
    background-color: var(--context-menu__title-background-color);
    -unity-font-style: var(--context-menu__title-font-style);

    padding-top: var(--context-menu__title-padding-top);
    padding-bottom: var(--context-menu__title-padding-bottom);
    padding-left: var(--context-menu__title-padding-left);
    padding-right: var(--context-menu__title-padding-right);

    margin-bottom: var(--context-menu__title-margin-bottom);
    margin-top: var(--context-menu__title-margin-top);
    margin-left: var(--context-menu__title-margin-left);
    margin-right: var(--context-menu__title-margin-right);

    border-bottom-color: var(--context-menu__title-border-bottom-color);
    border-top-color: var(--context-menu__title-border-top-color);
    border-left-color: var(--context-menu__title-border-left-color);
    border-right-color: var(--context-menu__title-border-right-color);

    border-top-width: var(--context-menu__title-border-top-width);
    border-bottom-width: var(--context-menu__title-border-bottom-width);
    border-left-width: var(--context-menu__title-border-left-width);
    border-right-width: var(--context-menu__title-border-right-width);

    border-top-left-radius: var(--context-menu__title-border-top-left-radius);
    border-top-right-radius: var(--context-menu__title-border-top-right-radius);
    border-bottom-left-radius: var(--context-menu__title-border-bottom-left-radius);
    border-bottom-right-radius: var(--context-menu__title-border-bottom-right-radius);
}

/* Line Item Display */
#ContextMenu .context-menu__item-label {
    color: var(--context-menu__color);
    font-size: var(--context-menu__item-label-font-size);
    -unity-font-style: var(--context-menu__item-label-font-style);
    flex-grow: 1;


    padding-top: var(--context-menu__padding-top);
    padding-bottom: var(--context-menu__padding-bottom);
    padding-left: var(--context-menu__padding-left);
    padding-right: var(--context-menu__padding-right);

    margin-bottom: var(--context-menu__margin-bottom);
    margin-top: var(--context-menu__margin-top);
    margin-left: var(--context-menu__margin-left);
    margin-right: var(--context-menu__margin-right);
}

#ContextMenu .context-menu__item-checked-box {
    /*color: var(--context-menu__item-checked-box-color);*/
    width: var(--context-menu__item-checked-box-width);
    height: var(--context-menu__item-checked-box-height);
    background-image: var(--context-menu__item-checked-box-icon);
    -unity-background-image-tint-color: var(--context-menu__item-checked-box-icon-tint);
}


/* Line Item Display :hover */
#ContextMenu .context-menu__item-label:hover {
    color: var(--context-menu__color-hover);
    font-size: var(--context-menu__item-label-font-size-hover);
    -unity-font-style: var(--context-menu__item-label-font-style-hover);
}

#ContextMenu .context-menu__item {

    flex-grow: 1;
    align-items: center;
    border-top-color: var(--context-menu__item-border-top-color);
    border-bottom-color: var(--context-menu__item-border-bottom-color);
    border-left-color: var(--context-menu__item-border-left-color);
    border-right-color: var(--context-menu__item-border-right-color);

    border-top-width: var(--context-menu__item-border-top-width);
    border-bottom-width: var(--context-menu__item-border-bottom-width);
    border-left-width: var(--context-menu__item-border-left-width);
    border-right-width: var(--context-menu__item-border-right-width);

    border-top-left-radius: var(--context-menu__item-border-top-left-radius);
    border-top-right-radius: var(--context-menu__item-border-top-right-radius);
    border-bottom-left-radius: var(--context-menu__item-border-bottom-left-radius);
    border-bottom-right-radius: var(--context-menu__item-border-bottom-right-radius);

    padding-top: var(--context-menu__item-padding-top);
    padding-bottom: var(--context-menu__item-padding-bottom);
    padding-left: var(--context-menu__item-padding-left);
    padding-right: var(--context-menu__item-padding-right);

    margin-top: var(--context-menu__item-margin-top);
    margin-bottom: var(--context-menu__item-margin-bottom);
    margin-left: var(--context-menu__item-margin-left);
    margin-right: var(--context-menu__item-margin-right);
}

#ContextMenu .context-menu__item:hover {
    background-color: var(--context-menu__background-color-hover);
    color: var(--context-menu__color-hover);
}

#ContextMenu .context-menu__item:hover Label {
    color: var(--context-menu__color-hover);
}

#ContextMenu .context-menu__item-disabled {
    opacity: 0.5;
}

#ContextMenu .context-menu__item-disabled:hover {
    -unity-font-style: normal;
}

#Contextmenu .context-menu__separator {
    background-color: var(--context-menu__separator-color);
    height: var(--context-menu__separator-height);
    width: var(--context-menu__separator-width);
    margin-top: var(--context-menu__separator-margin-top);
    margin-bottom: var(--context-menu__separator-margin-bottom);
}

#ContextMenuSettingsForm {
    flex-shrink: 0;
    flex-direction: var(--context-menu-settings-form__flex-direction);

    margin-top: var(--context-menu-settings-form__margin-top);
    margin-bottom: var(--context-menu-settings-form__margin-bottom);
    margin-left: var(--context-menu-settings-form__margin-left);
    margin-right: var(--context-menu-settings-form__margin-right);

    padding-top: var(--context-menu-settings-form__padding-top);
    padding-bottom: var(--context-menu-settings-form__padding-bottom);
    padding-left: var(--context-menu-settings-form__padding-left);
    padding-right: var(--context-menu-settings-form__padding-right);

    border-top-color: var(--context-menu-settings-form__border-top-color);
    border-bottom-color: var(--context-menu-settings-form__border-bottom-color);
    border-left-color: var(--context-menu-settings-form__border-left-color);
    border-right-color: var(--context-menu-settings-form__border-right-color);

    border-top-width: var(--context-menu-settings-form__border-top-width);
    border-bottom-width: var(--context-menu-settings-form__border-bottom-width);
    border-left-width: var(--context-menu-settings-form__border-left-width);
    border-right-width: var(--context-menu-settings-form__border-right-width);

    border-top-left-radius: var(--context-menu-settings-form__border-top-left-radius);
    border-top-right-radius: var(--context-menu-settings-form__border-top-right-radius);
    border-bottom-left-radius: var(--context-menu-settings-form__border-bottom-left-radius);
    border-bottom-right-radius: var(--context-menu-settings-form__border-bottom-right-radius);
}

#ContextMenuSettingsForm #ContextMenuSettingsFormTitle {
    color: var(--context-menu-settings-form__title-color);
    font-size: var(--context-menu-settings-form__title-font-size);
    -unity-font-style: var(--context-menu-settings-form__title-font-style);
    -unity-text-align: var(--context-menu-settings-form__title-text-align);
    background-color: var(--context-menu-settings-form__title-background-color);

    margin-top: var(--context-menu-settings-form__title-margin-top);
    margin-bottom: var(--context-menu-settings-form__title-margin-bottom);
    margin-left: var(--context-menu-settings-form__title-margin-left);
    margin-right: var(--context-menu-settings-form__title-margin-right);

    padding-top: var(--context-menu-settings-form__title-padding-top);
    padding-bottom: var(--context-menu-settings-form__title-padding-bottom);
    padding-left: var(--context-menu-settings-form__title-padding-left);
    padding-right: var(--context-menu-settings-form__title-padding-right);

    border-top-color: var(--context-menu-settings-form__title-border-top-color);
    border-bottom-color: var(--context-menu-settings-form__title-border-bottom-color);
    border-left-color: var(--context-menu-settings-form__title-border-left-color);
    border-right-color: var(--context-menu-settings-form__title-border-right-color);

    border-top-width: var(--context-menu-settings-form__title-border-top-width);
    border-bottom-width: var(--context-menu-settings-form__title-border-bottom-width);
    border-left-width: var(--context-menu-settings-form__title-border-left-width);
    border-right-width: var(--context-menu-settings-form__title-border-right-width);

    border-top-left-radius: var(--context-menu-settings-form__title-border-top-left-radius);
    border-top-right-radius: var(--context-menu-settings-form__title-border-top-right-radius);
    border-bottom-left-radius: var(--context-menu-settings-form__title-border-bottom-left-radius);
    border-bottom-right-radius: var(--context-menu-settings-form__title-border-bottom-right-radius);
}

#ContextMenuSettingsForm #ContextMenuSettingsFormElementsContainer {
    background-color: var(--context-menu-settings-element-container__background-color);

    border-top-color: var(--context-menu-settings-element-container__border-top-color);
    border-bottom-color: var(--context-menu-settings-element-container__border-bottom-color);
    border-left-color: var(--context-menu-settings-element-container__border-left-color);
    border-right-color: var(--context-menu-settings-element-container__border-right-color);

    border-top-width: var(--context-menu-settings-element-container__border-top-width);
    border-bottom-width: var(--context-menu-settings-element-container__border-bottom-width);
    border-left-width: var(--context-menu-settings-element-container__border-left-width);
    border-right-width: var(--context-menu-settings-element-container__border-right-width);

    border-top-left-radius: var(--context-menu-settings-element-container__border-top-left-radius);
    border-top-right-radius: var(--context-menu-settings-element-container__border-top-right-radius);
    border-bottom-left-radius: var(--context-menu-settings-element-container__border-bottom-left-radius);
    border-bottom-right-radius: var(--context-menu-settings-element-container__border-bottom-right-radius);

    padding-top: var(--context-menu-settings-element-container__padding-top);
    padding-bottom: var(--context-menu-settings-element-container__padding-bottom);
    padding-left: var(--context-menu-settings-element-container__padding-left);
    padding-right: var(--context-menu-settings-element-container__padding-right);

    margin-top: var(--context-menu-settings-element-container__margin-top);
    margin-bottom: var(--context-menu-settings-element-container__margin-bottom);
    margin-left: var(--context-menu-settings-element-container__margin-left);
    margin-right: var(--context-menu-settings-element-container__margin-right);

}


/* ************************************************************************** */
/* Tooltips Section */
#Tooltip {
    background-color: var(--tooltip__background-color);
    flex-direction: var(--tooltip__flex-direction);
    color: var(--tooltip__color);
    font-size: var(--tooltip__font-size);
    -unity-font-style: var(--tooltip__font-style);
    -unity-text-align: var(--tooltip__text-align);

    border-top-color: var(--tooltip__border-top-color);
    border-bottom-color: var(--tooltip__border-bottom-color);
    border-left-color: var(--tooltip__border-left-color);
    border-right-color: var(--tooltip__border-right-color);

    padding-top: var(--tooltip__padding-top);
    padding-bottom: var(--tooltip__padding-bottom);
    padding-left: var(--tooltip__padding-left);
    padding-right: var(--tooltip__padding-right);

    border-top-left-radius: var(--tooltip__border-top-left-radius);
    border-top-right-radius: var(--tooltip__border-top-right-radius);
    border-bottom-left-radius: var(--tooltip__border-bottom-left-radius);
    border-bottom-right-radius: var(--tooltip__border-bottom-right-radius);

    border-top-width: var(--tooltip__border-top-width);
    border-bottom-width: var(--tooltip__border-bottom-width);
    border-left-width: var(--tooltip__border-left-width);
    border-right-width: var(--tooltip__border-right-width);
}

#Tooltip #TooltipLabel {
    color: var(--tooltip__color);
    font-size: var(--tooltip__font-size);
    -unity-font-style: var(--tooltip__font-style);
    -unity-text-align: var(--tooltip__text-align);
}

#TooltipSettingsForm {
    margin-top: var(--tooltip-settings-form__margin-top);
    margin-bottom: var(--tooltip-settings-form__margin-bottom);
    margin-left: var(--tooltip-settings-form__margin-left);
    margin-right: var(--tooltip-settings-form__margin-right);

    padding-top: var(--tooltip-settings-form__padding-top);
    padding-bottom: var(--tooltip-settings-form__padding-bottom);
    padding-left: var(--tooltip-settings-form__padding-left);
    padding-right: var(--tooltip-settings-form__padding-right);

    border-top-color: var(--tooltip-settings-form__border-top-color);
    border-bottom-color: var(--tooltip-settings-form__border-bottom-color);
    border-left-color: var(--tooltip-settings-form__border-left-color);
    border-right-color: var(--tooltip-settings-form__border-right-color);

    border-top-width: var(--tooltip-settings-form__border-top-width);
    border-bottom-width: var(--tooltip-settings-form__border-bottom-width);
    border-left-width: var(--tooltip-settings-form__border-left-width);
    border-right-width: var(--tooltip-settings-form__border-right-width);

    border-top-left-radius: var(--tooltip-settings-form__border-top-left-radius);
    border-top-right-radius: var(--tooltip-settings-form__border-top-right-radius);
    border-bottom-left-radius: var(--tooltip-settings-form__border-bottom-left-radius);
    border-bottom-right-radius: var(--tooltip-settings-form__border-bottom-right-radius);
}

#TooltipSettingsForm #TooltipSettingsFormElementsContainer {
    background-color: var(--tooltip-settings-form__elements-conatiner-background-color);
    color: var(--tooltip-settings-form__elements-conatiner-color);

    border-top-color: var(--tooltip-settings-form__elements-conatiner-border-top-color);
    border-bottom-color: var(--tooltip-settings-form__elements-conatiner-border-bottom-color);
    border-left-color: var(--tooltip-settings-form__elements-conatiner-border-left-color);
    border-right-color: var(--tooltip-settings-form__elements-conatiner-border-right-color);

    border-top-width: var(--tooltip-settings-form__elements-conatiner-border-top-width);
    border-bottom-width: var(--tooltip-settings-form__elements-conatiner-border-bottom-width);
    border-left-width: var(--tooltip-settings-form__elements-conatiner-border-left-width);
    border-right-width: var(--tooltip-settings-form__elements-conatiner-border-right-width);

    border-top-left-radius: var(--tooltip-settings-form__elements-conatiner-border-top-left-radius);
    border-top-right-radius: var(--tooltip-settings-form__elements-conatiner-border-top-right-radius);
    border-bottom-left-radius: var(--tooltip-settings-form__elements-conatiner-border-bottom-left-radius);
    border-bottom-right-radius: var(--tooltip-settings-form__elements-conatiner-border-bottom-right-radius);

    padding-top: var(--tooltip-settings-form__elements-conatiner-padding-top);
    padding-bottom: var(--tooltip-settings-form__elements-conatiner-padding-bottom);
    padding-left: var(--tooltip-settings-form__elements-conatiner-padding-left);
    padding-right: var(--tooltip-settings-form__elements-conatiner-padding-right);

    margin-top: var(--tooltip-settings-form__elements-conatiner-margin-top);
    margin-bottom: var(--tooltip-settings-form__elements-conatiner-margin-bottom);
    margin-left: var(--tooltip-settings-form__elements-conatiner-margin-left);
    margin-right: var(--tooltip-settings-form__elements-conatiner-margin-right);

}

#TooltipSettingsForm #TooltipSettingsFormTitle {
    color: var(--tooltip-settings-form__title-color);
    background-color: var(--tooltip-settings-form__title-background-color);
    font-size: var(--tooltip-settings-form__title-font-size);
    -unity-font-style: var(--tooltip-settings-form__title-font-style);
    -unity-text-align: var(--tooltip-settings-form__title-text-align);

    margin-top: var(--tooltip-settings-form__title-margin-top);
    margin-bottom: var(--tooltip-settings-form__title-margin-bottom);
    margin-left: var(--tooltip-settings-form__title-margin-left);
    margin-right: var(--tooltip-settings-form__title-margin-right);

    padding-top: var(--tooltip-settings-form__title-padding-top);
    padding-bottom: var(--tooltip-settings-form__title-padding-bottom);
    padding-left: var(--tooltip-settings-form__title-padding-left);
    padding-right: var(--tooltip-settings-form__title-padding-right);

    border-top-color: var(--tooltip-settings-form__title-border-top-color);
    border-bottom-color: var(--tooltip-settings-form__title-border-bottom-color);
    border-left-color: var(--tooltip-settings-form__title-border-left-color);
    border-right-color: var(--tooltip-settings-form__title-border-right-color);

    border-top-width: var(--tooltip-settings-form__title-border-top-width);
    border-bottom-width: var(--tooltip-settings-form__title-border-bottom-width);
    border-left-width: var(--tooltip-settings-form__title-border-left-width);
    border-right-width: var(--tooltip-settings-form__title-border-right-width);

    border-top-left-radius: var(--tooltip-settings-form__title-border-top-left-radius);
    border-top-right-radius: var(--tooltip-settings-form__title-border-top-right-radius);
    border-bottom-left-radius: var(--tooltip-settings-form__title-border-bottom-left-radius);
    border-bottom-right-radius: var(--tooltip-settings-form__title-border-bottom-right-radius);


}

/* ************************************************************************** */
/* Themes Form Element Section */

#ThemeSettingsForm {
    margin-top: var(--theme-settings-form__margin-top);
    margin-bottom: var(--theme-settings-form__margin-bottom);
    margin-left: var(--theme-settings-form__margin-left);
    margin-right: var(--theme-settings-form__margin-right);

    padding-top: var(--theme-settings-form__padding-top);
    padding-bottom: var(--theme-settings-form__padding-bottom);
    padding-left: var(--theme-settings-form__padding-left);
    padding-right: var(--theme-settings-form__padding-right);

    border-top-color: var(--theme-settings-form__border-top-color);
    border-bottom-color: var(--theme-settings-form__border-bottom-color);
    border-left-color: var(--theme-settings-form__border-left-color);
    border-right-color: var(--theme-settings-form__border-right-color);

    border-top-width: var(--theme-settings-form__border-top-width);
    border-bottom-width: var(--theme-settings-form__border-bottom-width);
    border-left-width: var(--theme-settings-form__border-left-width);
    border-right-width: var(--theme-settings-form__border-right-width);

    border-top-left-radius: var(--theme-settings-form__border-top-left-radius);
    border-top-right-radius: var(--theme-settings-form__border-top-right-radius);
    border-bottom-left-radius: var(--theme-settings-form__border-bottom-left-radius);
    border-bottom-right-radius: var(--theme-settings-form__border-bottom-right-radius);
}

#ThemeSettingsFormLineItemImage {
    margin: 0;
    min-width: var(--theme-settings-form__line-item-image-size);
    min-height: var(--theme-settings-form__line-item-image-size);
    max-width:  var(--theme-settings-form__line-item-image-size);
    max-height:  var(--theme-settings-form__line-item-image-size);
}


#ThemeSettingsForm #ThemeSettingsHeaderLabel {
    color: var(--theme-settings-form__title-color);
    background-color: var(--theme-settings-form__title-background-color);
    font-size: var(--theme-settings-form__title-font-size);
    -unity-font-style: var(--theme-settings-form__title-font-style);
    -unity-text-align: var(--theme-settings-form__title-text-align);

    margin-top: var(--theme-settings-form__title-margin-top);
    margin-bottom: var(--theme-settings-form__title-margin-bottom);
    margin-left: var(--theme-settings-form__title-margin-left);
    margin-right: var(--theme-settings-form__title-margin-right);

    padding-top: var(--theme-settings-form__title-padding-top);
    padding-bottom: var(--theme-settings-form__title-padding-bottom);
    padding-left: var(--theme-settings-form__title-padding-left);
    padding-right: var(--theme-settings-form__title-padding-right);

    border-top-color: var(--theme-settings-form__title-border-top-color);
    border-bottom-color: var(--theme-settings-form__title-border-bottom-color);
    border-left-color: var(--theme-settings-form__title-border-left-color);
    border-right-color: var(--theme-settings-form__title-border-right-color);

    border-top-width: var(--theme-settings-form__title-border-top-width);
    border-bottom-width: var(--theme-settings-form__title-border-bottom-width);
    border-left-width: var(--theme-settings-form__title-border-left-width);
    border-right-width: var(--theme-settings-form__title-border-right-width);

    border-top-left-radius: var(--theme-settings-form__title-border-top-left-radius);
    border-top-right-radius: var(--theme-settings-form__title-border-top-right-radius);
    border-bottom-left-radius: var(--theme-settings-form__title-border-bottom-left-radius);
    border-bottom-right-radius: var(--theme-settings-form__title-border-bottom-right-radius);
}

#ThemeSettingsForm #ThemesList {
    background-color: var(--theme-settings-form__theme-list-background-color);

    border-top-color: var(--theme-settings-form__theme-list-border-top-color);
    border-bottom-color: var(--theme-settings-form__theme-list-border-bottom-color);
    border-left-color: var(--theme-settings-form__theme-list-border-left-color);
    border-right-color: var(--theme-settings-form__theme-list-border-right-color);

    border-top-width: var(--theme-settings-form__theme-list-border-top-width);
    border-bottom-width: var(--theme-settings-form__theme-list-border-bottom-width);
    border-left-width: var(--theme-settings-form__theme-list-border-left-width);
    border-right-width: var(--theme-settings-form__theme-list-border-right-width);

    border-top-left-radius: var(--theme-settings-form__theme-list-border-top-left-radius);
    border-top-right-radius: var(--theme-settings-form__theme-list-border-top-right-radius);
    border-bottom-left-radius: var(--theme-settings-form__theme-list-border-bottom-left-radius);
    border-bottom-right-radius: var(--theme-settings-form__theme-list-border-bottom-right-radius);

    margin-top: var(--theme-settings-form__theme-list-margin-top);
    margin-bottom: var(--theme-settings-form__theme-list-margin-bottom);
    margin-left: var(--theme-settings-form__theme-list-margin-left);
    margin-right: var(--theme-settings-form__theme-list-margin-right);

    padding-top: var(--theme-settings-form__theme-list-padding-top);
    padding-bottom: var(--theme-settings-form__theme-list-padding-bottom);
    padding-left: var(--theme-settings-form__theme-list-padding-left);
    padding-right: var(--theme-settings-form__theme-list-padding-right);
}

#ThemeSettingsForm #ThemesList #ThemeSettingsFormLineItemButtonsContainer {
    background-color: var(--theme-settings-form__buttons-container-background-color);

    border-top-color: var(--theme-settings-form__buttons-container-border-top-color);
    border-bottom-color: var(--theme-settings-form__buttons-container-border-bottom-color);
    border-left-color: var(--theme-settings-form__buttons-container-border-left-color);
    border-right-color: var(--theme-settings-form__buttons-container-border-right-color);

    border-top-width: var(--theme-settings-form__buttons-container-border-top-width);
    border-bottom-width: var(--theme-settings-form__buttons-container-border-bottom-width);
    border-left-width: var(--theme-settings-form__buttons-container-border-left-width);
    border-right-width: var(--theme-settings-form__buttons-container-border-right-width);

    border-top-left-radius: var(--theme-settings-form__buttons-container-border-top-left-radius);
    border-top-right-radius: var(--theme-settings-form__buttons-container-border-top-right-radius);
    border-bottom-left-radius: var(--theme-settings-form__buttons-container-border-bottom-left-radius);
    border-bottom-right-radius: var(--theme-settings-form__buttons-container-border-bottom-right-radius);

    margin-top: var(--theme-settings-form__buttons-container-margin-top);
    margin-bottom: var(--theme-settings-form__buttons-container-margin-bottom);
    margin-left: var(--theme-settings-form__buttons-container-margin-left);
    margin-right: var(--theme-settings-form__buttons-container-margin-right);

    padding-top: var(--theme-settings-form__buttons-container-padding-top);
    padding-bottom: var(--theme-settings-form__buttons-container-padding-bottom);
    padding-left: var(--theme-settings-form__buttons-container-padding-left);
    padding-right: var(--theme-settings-form__buttons-container-padding-right);
}

#ThemeSettingsForm #ThemesList #ThemeSettingsFormLineItemButtonsContainer #ThemeSettingsFormLineItemSetActiveButton {
    background-color: var(--theme-settings-form__set-active-button-background-color);
    color: var(--theme-settings-form__set-active-button-color);
    font-size: var(--theme-settings-form__set-active-button-font-size);
    -unity-font-style: var(--theme-settings-form__set-active-button-font-style);
    -unity-text-align: var(--theme-settings-form__set-active-button-text-align);

    border-top-color: var(--theme-settings-form__set-active-button-border-top-color);
    border-bottom-color: var(--theme-settings-form__set-active-button-border-bottom-color);
    border-left-color: var(--theme-settings-form__set-active-button-border-left-color);
    border-right-color: var(--theme-settings-form__set-active-button-border-right-color);
    border-top-width: var(--theme-settings-form__set-active-button-border-top-width);
    border-bottom-width: var(--theme-settings-form__set-active-button-border-bottom-width);
    border-left-width: var(--theme-settings-form__set-active-button-border-left-width);
    border-right-width: var(--theme-settings-form__set-active-button-border-right-width);
    border-top-left-radius: var(--theme-settings-form__set-active-button-border-top-left-radius);
    border-top-right-radius: var(--theme-settings-form__set-active-button-border-top-right-radius);
    border-bottom-left-radius: var(--theme-settings-form__set-active-button-border-bottom-left-radius);
    border-bottom-right-radius: var(--theme-settings-form__set-active-button-border-bottom-right-radius);

    margin-top: var(--theme-settings-form__set-active-button-margin-top);

}


#ThemesList #LineWrapper {
    margin-top: var(--theme-settings-form__theme-list-line-item-margin-top);
    margin-bottom: var(--theme-settings-form__theme-list-line-item-margin-bottom);
    margin-left: var(--theme-settings-form__theme-list-line-item-margin-left);
    margin-right: var(--theme-settings-form__theme-list-line-item-margin-right);

    padding-top: var(--theme-settings-form__theme-list-line-item-padding-top);
    padding-bottom: var(--theme-settings-form__theme-list-line-item-padding-bottom);
    padding-left: var(--theme-settings-form__theme-list-line-item-padding-left);
    padding-right: var(--theme-settings-form__theme-list-line-item-padding-right);
}

#ThemeSettingsForm #ThemesList #ThemeSettingsFormLineItem {

    border-top-color: var(--theme-settings-form__theme-list-line-item-border-top-color);
    border-bottom-color: var(--theme-settings-form__theme-list-line-item-border-bottom-color);
    border-left-color: var(--theme-settings-form__theme-list-line-item-border-left-color);
    border-right-color: var(--theme-settings-form__theme-list-line-item-border-right-color);

    border-top-width: var(--theme-settings-form__theme-list-line-item-border-top-width);
    border-bottom-width: var(--theme-settings-form__theme-list-line-item-border-bottom-width);
    border-left-width: var(--theme-settings-form__theme-list-line-item-border-left-width);
    border-right-width: var(--theme-settings-form__theme-list-line-item-border-right-width);

    border-top-left-radius: var(--theme-settings-form__theme-list-line-item-border-top-left-radius);
    border-top-right-radius: var(--theme-settings-form__theme-list-line-item-border-top-right-radius);
    border-bottom-left-radius: var(--theme-settings-form__theme-list-line-item-border-bottom-left-radius);
    border-bottom-right-radius: var(--theme-settings-form__theme-list-line-item-border-bottom-right-radius);
}

#ThemeSettingsForm #ThemesList #ThemeSettingsFormLineItem #ThemeSettingsFormLineItemNameLabel {
    color: var(--theme-settings-form__line-item-name-color);
    font-size: var(--theme-settings-form__line-item-name-font-size);
    -unity-font-style: var(--theme-settings-form__line-item-name-font-style);
    -unity-text-align: var(--theme-settings-form__line-item-name-text-align);

    margin-top: var(--theme-settings-form__line-item-name-margin-top);
    margin-bottom: var(--theme-settings-form__line-item-name-margin-bottom);
    margin-left: var(--theme-settings-form__line-item-name-margin-left);
    margin-right: var(--theme-settings-form__line-item-name-margin-right);

    padding-top: var(--theme-settings-form__line-item-name-padding-top);
    padding-bottom: var(--theme-settings-form__line-item-name-padding-bottom);
    padding-left: var(--theme-settings-form__line-item-name-padding-left);
    padding-right: var(--theme-settings-form__line-item-name-padding-right);

    background-color: var(--theme-settings-form__line-item-name-background-color);
    border-top-color: var(--theme-settings-form__line-item-name-border-top-color);
    border-bottom-color: var(--theme-settings-form__line-item-name-border-bottom-color);
    border-left-color: var(--theme-settings-form__line-item-name-border-left-color);
    border-right-color: var(--theme-settings-form__line-item-name-border-right-color);

    border-top-width: var(--theme-settings-form__line-item-name-border-top-width);
    border-bottom-width: var(--theme-settings-form__line-item-name-border-bottom-width);
    border-left-width: var(--theme-settings-form__line-item-name-border-left-width);
    border-right-width: var(--theme-settings-form__line-item-name-border-right-width);

    border-top-left-radius: var(--theme-settings-form__line-item-name-border-top-left-radius);
    border-top-right-radius: var(--theme-settings-form__line-item-name-border-top-right-radius);
    border-bottom-left-radius: var(--theme-settings-form__line-item-name-border-bottom-left-radius);
    border-bottom-right-radius: var(--theme-settings-form__line-item-name-border-bottom-right-radius);
}

#ThemesList .active {
    background-color: var(--forms__collection-view-item-background-color-selected);
}

#ThemesList .default-theme #LineWrapper {
    border-left-color: var(--forms__collection-view-item-border-color-is-default);
    border-left-width: var(--forms__collection-view-item-border-width-is-default);
}


.form__label-element {
    color: var(--windowFrame__content-color);
    font-size: var(--tooltip-settings-form__label-font-size);
    -unity-font-style: var(--tooltip-settings-form__label-font-style);
    -unity-text-align: var(--tooltip-settings-form__label-text-align);
}

.form__slider-element {
    color: var(--windowFrame__content-color);
    font-size: var(--tooltip-settings-form__label-font-size);
    -unity-font-style: var(--tooltip-settings-form__label-font-style);
    -unity-text-align: var(--tooltip-settings-form__label-text-align);
}

.form__label-element:focus {
    color: var(--forms__label-color-focus) !important;
}

.form__slider-element:focus {
    color: var(--forms__label-color-focus) !important;
}

SliderInt:focus {
    color: var(--forms__label-color-focus) !important;
}


/* ************************************************************************** */
/* Form Elements */


.form__label-element {

}

.form__enum-element {

}

.form__slider-element {

}

/* Unity Overrides */
#unity-text-input {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
}

.unity-label {
    white-space: normal;
}

.unity-label:focus {
    color: var(--forms__label-color-focus) !important;
}

.unity-base-field__label:focus {
    color: var(--forms__label-color-focus) !important;
}


.unity-base-slider__label {
    flex-grow: 0;
}

.unity-button {
    border-radius: var(--forms__button-border-radius);
}

.unity-slider-int__label {
    flex-grow: 0;
    margin: 0;
}

.unity-two-pane-split-view__dragline--horizontal {
    background-color: var(--forms__dragline-color);
    cursor: var(--forms__dragline-horizontal-cursor);
    width: var(--forms__dragline-width);
    -unity-background-image-tint-color: var(--windowFrame__lock-icon-tint);
}

.unity-collection-view__item--alternative-background {
    background-color: var(--forms__collection-view-item-background-color-alternate);
}


/* ************************************************************************** */
/* Form Element Overrides */