input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

button {
    color: var(--color-custom-default);
    background: none;
    padding: 0;
    border: 0;
    cursor: pointer;
}

.sw-field-group {
    margin: 8px 0 0 0;
    padding: 0 0 2px 0;
}

    .sw-field-group .sw-border-entry {
        margin: 2px 0 6px 0;
    }

    .sw-field-group .sw-link i {
        color: var(--color-custom-1);
        font-size: var(--font-size-icon-line);
        margin-left: 5px;
    }

.sw-border-entry {
    border: 1px solid var(--color-custom-1);
    border-top: none;
    border-left: none;
    border-bottom-right-radius: var(--border-radius);
    padding: 8px 11px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sw-modal-content .sw-border-entry {
    padding: 0;
}

.sw-border-entry *,
.sw-border-entry *:focus,
.sw-no-border-entry *,
.sw-no-border-entry *:focus {
    border: none;
    outline: none;
}

.sw-border-entry label,
form .sw-field-group label,
.sw-field-group label {
    font-weight: bold;
    color: var(--color-custom-field);
}

    .sw-border-entry label.field-name,
    .sw-border-entry input {
        font-size: var(--font-default-size);
        margin-right: 8px;
    }

.sw-border-entry input,
.sw-border-entry .sw-input-date,
.sw-border-entry .sw-select,
.sw-border-entry select,
.sw-border-entry textarea,
.sw-border-entry span.field-caption,
.sw-no-border-entry input,
.sw-no-border-entry .sw-input-date,
.sw-no-border-entry .sw-select,
.sw-no-border-entry select,
.sw-no-border-entry textarea,
.sw-no-border-entry span.field-caption {
    flex: 1;
    width: 100%;
    height: 28px;
}

.sw-border-entry textarea,
.sw-no-border-entry textarea {
    height: 100%;
}

.sw-border-entry input,
.sw-border-entry select,
.sw-no-border-entry input,
.sw-no-border-entry select,
.sw-border-entry textarea,
.sw-no-border-entry textarea {
    padding: 0;
    box-sizing: border-box;
    color: var(--color-custom-default);
    background: transparent;
}

.sw-border-entry select,
.sw-no-border-entry select {
    background-color: var(--color-custom-background);
}
.sw-border-entry [class^="sw-icon-"],
.sw-border-entry [class*="sw-icon-"],
.sw-no-border-entry [class^="sw-icon-"],
.sw-no-border-entry [class*="sw-icon-"] {
    padding: 7px 11px;
    font-size: var(--font-size-S);
}

.sw-border-entry .sw-select,
.sw-border-entry .sw-input-date,
.sw-no-border-entry .sw-select,
.sw-no-border-entry .sw-input-date {
    position: relative;
    cursor: pointer;
}

    .sw-border-entry .sw-select::after,
    .sw-border-entry .sw-input-date::after,
    .sw-no-border-entry .sw-select::after,
    .sw-no-border-entry .sw-input-date::after {
        font-family: 'SolmicroWeb' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        padding: 7px 11px;
        box-sizing: border-box;
        pointer-events: none;
    }

    .sw-border-entry .sw-select::after,
    .sw-border-entry .sw-input-date::after {
        background-color: var(--color-custom-background);
        /*background-color: transparent;*/
    }

    .sw-no-border-entry .sw-select::after,
    .sw-no-border-entry .sw-input-date::after {
        background-color: var(--color-custom-background);
        /*background-color: transparent;*/
    }

    .sw-border-entry .sw-select::after,
    .sw-no-border-entry .sw-select::after {
        content: "\45";
    }

    .sw-border-entry .sw-input-date::after,
    .sw-no-border-entry .sw-input-date::after {
        content: "\4f";
    }

    .sw-border-entry .sw-select select,
    .sw-no-border-entry .sw-select select {
        padding-right: 22px;
        cursor: pointer;
    }

.sw-border-entry span.field-caption {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    padding: 5px;
    box-sizing: border-box;
    text-overflow: ellipsis;
}

.sw-page-detail .sw-border-entry {
    border: none;
    border-bottom: 1px solid var(--color-custom-default);
    border-right: 1px solid var(--color-custom-default);
    border-bottom-right-radius: var(--border-radius);
    padding: 0;
}

    .sw-page-detail .sw-border-entry span.field-caption {
        padding: 0;
        margin-right: 6px;
        color: var(--color-custom-highlight);
    }

.sw-no-border-entry {
    border: 0;
}

label.field-caption {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: normal !important;
    color: var(--color-custom-default) !important;
}

    label.field-caption input[type=checkbox] {
        opacity: 0;
        height: 0;
        width: 0;
        flex: 0;
        order: 1;
    }

    label.field-caption .sw-checkmark {
        border: 1px solid var(--color-custom-1);
        border-radius: 4px;
        display: inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

        label.field-caption .sw-checkmark:after {
            display: none;
        }

    label.field-caption input:checked ~ .sw-checkmark:after {
        display: block;
    }

    label.field-caption .sw-checkmark:after {
        font-family: 'SolmicroWeb' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\58";
        position: absolute;
        top: 3px;
        left: 3px;
    }

.sw-filter {
    background: linear-gradient(90deg, transparent, transparent);
    padding: 4px;
    padding-top: 13px;
    border-radius: var(--border-radius);
}

    .sw-filter label.field-caption .sw-checkmark {
        margin: 4px 10px 4px 4px;
    }

.sw-dialog .sw-filter {
    background: none !important;
}

.sw-button {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--color-custom-1);
}

    .sw-button:hover {
        color: var(--color-custom-default);
    }

    .sw-button i {
        margin-left: 12px;
        vertical-align: middle;
    }

.sw-filter .sw-border-entry,
.sw-toolbar .sw-border-entry,
.sw-dialog .sw-border-entry {
    padding: 0 6px 0 0;
}

    .sw-filter .sw-border-entry.sw-checkGroup{
        flex-direction: column;
        align-items: start;
    }

    .sw-filter .sw-button:last-of-type {
        margin-top: 20px;
        align-self: flex-end;
        font-size: var(--font-size-XL);
        margin-right: 6px;
        margin-bottom: 6px;
    }

.sw-filter .sw-icon-navigation-right {
    font-size: var(--font-size-XL);
}

.sw-toolbar,
.sw-header,
.sw-expander-header,
.sw-expander-header.ui-state-active {
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 6px;
    margin-bottom: 0;
    border: 1px solid;
    border-top: none;
    border-left: none;
    border-right: none;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, var(--color-custom-background) 0%, var(--color-custom-default) 10%, var(--color-custom-default) 50%, var(--color-custom-default) 90%, var(--color-custom-background) 100%);
}

.sw-toolbar {
    margin-top: 31px;
}

    .sw-toolbar .sw-border-entry {
        margin-right: 12px;
    }

        .sw-toolbar .sw-border-entry label {
            font-weight: bold;
            color: var(--color-custom-field);
            margin-left: 6px;
            margin-right: 6px;
        }


    .sw-toolbar > .sw-border-entry:last-of-type {
        margin-left: auto;
        margin-right: 0;
        width: 25%;
    }

    .sw-toolbar > .sw-border-entry:first-of-type {
        width: 25%;
        margin-left: auto;
    }

    .sw-toolbar .sw-toggler {
        display: flex;
        align-items: flex-end;
        position: inherit;
    }

    .sw-toolbar .sw-btn {
        margin: 0 12px;
        color: var(--color-custom-1);
        position: relative;
        font-size: var(--font-size-L);
    }

        .sw-toolbar .sw-btn span {
            color: var(--color-custom-default);
            font-size: var(--font-size-icon-sufix);
        }

        .sw-toolbar .sw-btn.sw-toggler:after {
            content: "\45";
            font-family: 'SolmicroWeb' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: inline-block;
            margin-left: 10px;
            cursor: pointer;
        }

    .sw-toolbar .sw-collapse {
        display: none;
        margin-top: 10px;
        border-left: 2px solid var(--color-custom-background);
        border-right: 2px solid var(--color-custom-background);
        border-bottom: 2px solid var(--color-custom-background);
        border-radius: var(--border-radius);
        box-shadow: 0px 0px 4px 4px white;
    }

    .sw-toolbar .sw-border-entry .sw-btn {
        margin: 0;
        display: flex;
    }

form.sw-form {
    padding: 14px 0;
    display: flex;
    flex: 1 0 1px;
    overflow-y: scroll;
    align-content: flex-start;
    align-items: start;
}

form button:focus,
form input:focus {
    outline: none;
}

form input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid var(--color-custom-default);
    border-radius: 0;
    height: 12px;
    width: 12px;
    margin-right: 10px;
}

form .sw-field-group {
    border: none !important;
}

.sw-search-result {
    overflow: auto;
    margin-top: 10px;
}

    .sw-search-result ul {
        list-style: none;
        padding: 0;
        width: 100%;
        margin: 0;
    }

    .sw-search-result li {
        border: 1px solid var(--color-disabled);
        cursor: pointer;
        margin: 7px 5px 7px 0;
        padding-left: 2px;
        background: var(--color-disabled);
        border-radius: var(--border-radius);
        line-height: var(--font-modal-title-size);
    }

        .sw-search-result li:hover {
            background: var(--color-custom-1-dimmed);
        }

.sw-header {
    padding: 14px 0;
    /*flex: 1 0 1px;
    overflow-y: scroll;
    align-content: flex-start;*/
}

.sw-container-row.sw-header {
    align-items: start;
}

.sw-form .sw-container-row,
.sw-header .sw-container-row {
    justify-content: flex-start;
}

.sw-form .sw-field-group,
.sw-header .sw-field-group,
.ui-tabs-panel .sw-field-group {
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
}

.sw-field-group label {
    margin-right: 10px;
}

.sw-header .sw-container-row.sw-field-group .sw-decimal,
.ui-tabs-panel .sw-container-row.sw-field-group .sw-decimal {
    margin-left: auto;
}

.sw-group-separator {
    height: 1.2em;
}

.ui-dialog-content .sw-modal-content .sw-field-group {
    justify-content: flex-start;
    border-bottom: 1px solid var(--color-disabled);
    padding: 0;
}

    .ui-dialog-content .sw-modal-content .sw-field-group label {
        color: var(--color-custom-modal-field);
        font-weight: normal;
    }


/* Controles de terceros */
.e-input-group.e-control-wrapper::before,
.e-input-group.e-control-wrapper::after {
    height: 0px !important;
}

.e-input-group,
.e-input-group.e-control-wrapper {
    margin-bottom: 0px !important;
}

    .e-input-group input.e-input,
    .e-input-group.e-control-wrapper input.e-input {
        font-family: var(--font-custom-default-family) !important;
        font-size: var(--font-default-size) !important;
        font-style: var(--font-custom-default-style) !important;
    }

    input.e-input,
    .e-input-group input.e-input,
    .e-input-group.e-control-wrapper input.e-input {
        padding: 0px !important;
    }

        input.e-input::selection,
        .e-input-group input.e-input::selection,
        .e-input-group.e-control-wrapper input.e-input::selection {
            background: inherit !important;
            color: var(--color-custom-default) !important;
        }

.sw-border-entry input.e-input,
.sw-border-entry .e-input-group input.e-input,
.sw-border-entry .e-input-group.e-control-wrapper input.e-input,
.sw-no-border-entry input.e-input,
.sw-no-border-entry .e-input-group input.e-input,
.sw-no-border-entry .e-input-group.e-control-wrapper input.e-input {
    color: var(--color-custom-default) !important;
}

.e-input-group .e-input-group-icon,
.e-input-group.e-control-wrapper .e-input-group-icon,
.e-input-group .e-clear-icon,
.e-input-group.e-control-wrapper .e-clear-icon {
    color: var(--color-custom-default) !important;
}

    .e-input-group .e-input-group-icon:last-child,
    .e-input-group.e-control-wrapper .e-input-group-icon:last-child {
        margin-right: 8px;
    }


    .e-input-group .e-clear-icon::before,
    .e-input-group.e-control-wrapper .e-clear-icon::before {
        font-size: var(--font-default-size);
    }

/* Time Picker */
.e-time-wrapper,
.e-time-wrapper.e-input-focus,
.e-date-wrapper {
    border: 0px !important;
}

    .e-time-wrapper .e-time-icon.e-icons,
    *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
        font-size: var(--font-default-size);
    }

.e-timepicker.e-popup .e-list-parent {
    background-color: var(--color-custom-background) !important;
}

    .e-timepicker.e-popup .e-list-parent .e-list-item {
        color: var(--color-custom-default) !important;
        font-family: var(--font-custom-default-family) !important;
        font-style: var(--font-custom-default-style) !important;
    }

        .e-timepicker.e-popup .e-list-parent .e-list-item.e-active {
            background-color: var(--color-custom-1-dimmed) !important;
        }

        .e-timepicker.e-popup .e-list-parent .e-list-item.e-hover {
            background-color: var(--color-custom-1-extra-dimmed) !important;
        }

/* Date Picker */
.e-date-wrapper,
.e-date-wrapper.e-input-focus {
    border: 0px !important;
}
    .e-date-wrapper .e-date-icon.e-icons,
    *.e-control-wrapper.e-date-wrapper .e-date-icon.e-icons {
        font-size: var(--font-default-size);
    }

.e-datepicker.e-popup .e-calendar {
    background-color: var(--color-custom-background) !important;
}

/* Calendar */
.e-calendar .e-date-icon-prev,
.e-calendar .e-date-icon-next,
.e-bigger.e-small .e-calendar .e-date-icon-prev,
.e-bigger.e-small .e-calendar .e-date-icon-next {
    color: var(--color-custom-default);
}
.e-calendar .e-header .e-prev:hover > span, 
.e-calendar .e-header .e-next:hover > span, 
.e-bigger.e-small .e-calendar .e-header .e-prev:hover > span, 
.e-bigger.e-small .e-calendar .e-header .e-next:hover > span {
    color: var(--color-custom-1-extra-dimmed);
}

.e-calendar .e-content.e-decade td > span.e-day {
    background-color: transparent;
}
.e-calendar .e-header.e-decade .e-title {
    color: var(--color-custom-default);
}

.e-calendar .e-content.e-decade td:hover span.e-day {
    background-color: var(--color-custom-1-extra-dimmed);
    color: var(--color-custom-default);
}