.input-plain {
    background: transparent !important;
    outline: none !important;
    padding: 0px !important;
}

.html-text-editor-s {
    min-height: 300px;
    max-height: 500px;
    margin-bottom: 1rem;
}

.rz-grid-table thead {
    z-index: 0 !important;
}

.rz-html-editor-toolbar {
    padding: 0 !important;
}

.rz-html-editor-button {
    padding: 0 !important;
}

    .rz-html-editor-button.rz-selected {
        background-color: var(--green) !important;
    }

.rz-autocomplete-input {
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    height: auto !important;
    font-size: 1rem !important;
}

input[type="date"]::before {
    color: #999999;
    content: attr(placeholder);
}

input[type="date"] {
    color: #ffffff;
}

    input[type="date"]:focus,
    input[type="date"]:valid {
        color: #666666;
    }

        input[type="date"]:focus::before,
        input[type="date"]:valid::before {
            content: "" !important;
        }

/* Toggle Button */
.cm-toggle {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    border: 0;
    outline: 0;
    cursor: pointer;
}

    /* To create surface of toggle button */
    .cm-toggle:after {
        content: '';
        width: 50px;
        height: 25px;
        display: inline-block;
        background: rgba(196, 195, 195, 0.55);
        border-radius: 18px;
        clear: both;
    }

    /* Contents before checkbox to create toggle handle */
    .cm-toggle:before {
        content: '';
        width: 25px;
        height: 25px;
        display: block;
        position: absolute;
        left: 0;
        border-radius: 50%;
        background: rgb(255, 255, 255);
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
    }

    /* Shift the handle to left on check event */
    .cm-toggle:checked:before {
        left: 25px;
        box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6);
    }

    /* Background color when toggle button will be active */
    .cm-toggle:checked:after {
        background: #dc3545;
    }

    /* Transition for smoothness */
    .cm-toggle,
    .cm-toggle:before,
    .cm-toggle:after,
    .cm-toggle:checked:before,
    .cm-toggle:checked:after {
        transition: ease .3s;
        -webkit-transition: ease .3s;
        -moz-transition: ease .3s;
        -o-transition: ease .3s;
    }

    .no-radio-outline {
        outline: none !important;
    }