:root {
    --rz-primary: #E95420;
    --rz-light-red: #eb3a3a;
    --rz-dark-red: #8A0808;
    --rz-light-green: #04B404;
    --rz-dark-green: #0B6121;
    --rz-danger: #8A0808;
    --rz-switch-background-color: var(--rz-dark-red);
    --rz-switch-checked-background-color: var(--rz-dark-green);
    --rz-switch-box-shadow: transparent;
    --rz-switch-circle-background-color: var(--rz-light-red);
    --rz-switch-checked-circle-background-color: var(--rz-light-green);
    --danger: var(--rz-danger);
    /*--rz-switch-background-color: var(--rz-base-600);*/
    /*--rz-switch-checked-background-color: var(--rz-primary-lighter);*/
    /*--rz-switch-circle-background-color: var(--rz-text-color);*/
    /*--rz-switch-checked-circle-background-color: var(--rz-primary);*/
    /*--rz-switch-box-shadow: var(--rz-shadow-1);*/
    /*--rz-light-red: #DF0101;*/
}

input[type="search"]::-webkit-search-cancel-button {
    /* Remove default */
    -webkit-appearance: none;
    /* Now your own custom styles */
    height: 14px;
    width: 14px;
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
    /* setup all the background tweaks for our custom icon */
    background-repeat: no-repeat;
    /* icon size */
    background-size: 14px;
}

.rz-switch {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 2.25rem;
    min-width: 2.25rem;
    height: 0.875rem;
}

.rz-switch-circle {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.rz-switch-circle.rz-disabled {
    opacity: 0.5;
    cursor: initial;
}

.rz-switch .rz-switch-circle {
    background: var(--rz-switch-background-color);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: calc(5 * var(--rz-border-radius));
}

.rz-switch.rz-switch-checked .rz-switch-circle {
    background: var(--rz-switch-checked-background-color);
}

.rz-switch .rz-switch-circle:before {
    background: var(--rz-switch-circle-background-color);
    width: 1.25rem;
    height: 1.25rem;
    left: 0;
    margin-top: -0.625rem;
    border-radius: calc(5 * var(--rz-border-radius) - 3px);
    transition: transform 0.2s linear;
    box-shadow: var(--rz-switch-box-shadow);
}

.rz-switch-circle:before {
    position: absolute;
    content: "";
    top: 50%;
}

.rz-switch-circle.rz-disabled:before {
    box-shadow: none;
}

.rz-switch.rz-switch-checked .rz-switch-circle:before {
    background: var(--rz-switch-checked-circle-background-color);
    transform: translateX(1rem);
}

.rz-switch .rz-switch-circle:hover:not(.rz-disabled):before {
    transition: background var(--rz-transition), transform var(--rz-transition), outline-color var(--rz-transition);
    box-shadow: var(--rz-switch-box-shadow), 0 0 0 10px rgba(255, 255, 255, 0.08);
}

.rz-switch.rz-switch-checked .rz-switch-circle:hover:not(.rz-disabled):before {
    box-shadow: var(--rz-switch-box-shadow), 0 0 0 10px var(--rz-primary-lighter);
}

.rz-switch.formfield {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 2.25rem;
    min-width: 2.25rem;
    height: 0.875rem;
}

.rz-navigation-item-text {
    font-size: 16px;
    font-weight: 300;
}

.required .rz-form-field-label:after {
    content: "*";
    color: #eb3a3a;
    margin-left: 2px;
    font-size: 16px;
    font-weight: bold;
}

.rz-form-field-label .rz-textbox.invalid {
    color: #eb3a3a;
}

.valid.modified:not([type=checkbox]) {
    outline: 0px solid transparent;
}

.rz-dialog-title {
    font-weight: var(--rz-dialog-title-font-weight);
    letter-spacing: var(--rz-dialog-title-letter-spacing);
    color: white;
}

.rz-tabview-panel {
    height: 100% !important;
}

/* Remove outer padding and background */
.custom-upload .rz-fileupload-buttonbar {
    padding: 0;
    background: none;
}

/* Hide the "Choose" text */
.custom-upload .rz-button-text {
    display: none;
}

/* Remove background and padding from the button */
.custom-upload .rz-fileupload-choose {
    background: none;
    padding: 0 !important;
}

    /* Remove styling applied when the user clicks the button */
    .custom-upload .rz-fileupload-choose:active {
        background: none !important;
        box-shadow: none !important;
    }

/* Icon styling */
.custom-upload .rz-button-icon-left {
    display: inline-block !important;
    color: #000;
    font-size: 32px !important;
    width: 32px !important;
}

    /* Specify the icon itself - Material Icons 'attach_file' */
    .custom-upload .rz-button-icon-left::before {
        content: 'attach_file';
    }