/** START CSS RadAjax_Jasmatuph **/
.RadButton {
    background-color:var(--telerikColor4) !important;
}

.RadButton .rbDecorated {
    color: var(--telerikColor4) !important;
}

.RadButton.rbDisabled .rbDecorated {
    color : var(--telerikColor4) !important;
}

.RadButton_Jasmatuph {
    font-size:var(--defaultFontSize) !important;
    color: var(--telerikColor1) !important;
    background-color: var(--telerikColor4);
    -webkit-border-radius: var(--cornerWidth) var(--cornerWidth) var(--cornerWidth) var(--cornerWidth);
    -moz-border-radius: var(--cornerWidth) var(--cornerWidth) var(--cornerWidth) var(--cornerWidth);
    border-radius: var(--cornerWidth) var(--cornerWidth) var(--cornerWidth) var(--cornerWidth);
    width : 200px;
    /* ToggleStates */
    /* three state */
    /* Split buttons */
    /* disabled states */
}

    .RadButton_Jasmatuph .rbDecorated {
        color: var(--telerikColor1) !important;
    }

    .RadButton_Jasmatuph.rbSkinnedButton, .RadButton_Jasmatuph.rbVerticalButton, .RadButton_Jasmatuph.rbLinkButton {
        border-color: var(--telerikColor4);
        color: var(--telerikColor1);
        background-color: var(--telerikColor4);
    }

    .RadButton_Jasmatuph.rbLinkButton {
        text-decoration: none;
        line-height: var(--lineHeight);
    }

    .RadButton_Jasmatuph.rbSkinnedButton .rbDecorated {
        height: var(--lineHeight) !important;
        padding : 0px;
    }

    .RadButton_Jasmatuph.rbPressedButton .rbDecorated {
        margin-left: -4px;
    }

    .RadButton_Jasmatuph.rbSkinnedButtonChecked .rbDecorated, .RadButton_Jasmatuph.rbSkinnedButtonChecked:hover .rbDecorated {
        color: var(--telerikColor3);
        
    }

    .RadButton_Jasmatuph .rbDecorated.rbPrimary {
        padding-left: 10px;
    }

    .RadButton_Jasmatuph .rbDecorated.rbSecondary {
        padding-right: 10px;
    }

    .RadButton_Jasmatuph.rbVerticalButton {
        padding-left: 0;
    }

        .RadButton_Jasmatuph.rbVerticalButton .rbDecorated {
            padding-left: 8px;
            height: 40px !important;
        }

            .RadButton_Jasmatuph.rbVerticalButton .rbDecorated.rbPrimary {
                padding-left: 40px;
                height: 40px !important;
            }

        .RadButton_Jasmatuph.rbVerticalButton, .RadButton_Jasmatuph.rbVerticalButton .rbDecorated {
            height: 50px;
            line-height: 20px;
            width: 60px;
            padding-left: 20px;
        }

    .RadButton_Jasmatuph.rbSkinnedButton, .RadButton_Jasmatuph.rbLinkButton, .RadButton_Jasmatuph.rbVerticalButton {
        border: 1px solid var(--telerikColor4);
    }

    .RadButton_Jasmatuph span.rbPrimary {
        padding-left: 30px;
    }

    .RadButton_Jasmatuph span.rbSecondary {
        padding-right: 30px;
    }

    .RadButton_Jasmatuph.RadButton.rbToggleButton:hover {
        background-color: red;
        background-image: url('../asset/image/bg-pagination_hover.png');
        background-position: 5px 8px;
        background-repeat: no-repeat;
        border: 0;
        border-width: 0;
        cursor: pointer;
    }

    .RadButton_Jasmatuph.RadButton.rbToggleButton:active, .RadButton_Jasmatuph.RadButton.rbToggleButton:focus {
        background-color: var(--telerikColor4);
        background-image: url('../asset/image/bg-pagination.png');
        background-position: 5px 8px;
        background-repeat: no-repeat;
        border: 0;
        border-width: 0;
        cursor: pointer;
    }

    .RadButton_Jasmatuph.rbToggleButton:active .rbText, .RadButton_Jasmatuph.rbToggleButton:focus .rbText {
        background-color: var(--telerikColor4);
        background-image: url('../asset/image/bg-pagination_hover.png');
        background-position: 5px 8px;
        background-repeat: no-repeat;
        border: 0;
        border-width: 0;
        cursor: pointer;
    }

    .RadButton_Jasmatuph.rbToggleButton .rbPrimaryIcon.rbToggleRadioChecked {
        /* Checked State */
        width: 25px;
        height: 15px;
        line-height: 15px;
        background-color: transparent;
        background-image: url('../asset/image/bg-pagination_hover.png');
        background-position: 0px 0px;
        border: 0;
        border-width: 0;
        cursor: pointer;
    }

    .RadButton_Jasmatuph .rbDecorated {
        font-size: var(--defaulFontSize);
    }

    .RadButton_Jasmatuph.RadButton:hover {
        color: var(--telerikColor1);
        background-color: var(--telerikColor3) !important;
        border: 1px solid var(--telerikColor3);
    }

    .RadButton_Jasmatuph.RadButton:active, .RadButton_Jasmatuph.RadButton:focus, .RadButton_Jasmatuph.rbPressedButton, .RadButton_Jasmatuph.RadButton.rbSkinnedButtonChecked, .RadButton_Jasmatuph.RadButton.rbSkinnedButtonChecked:hover, .RadButton_Jasmatuph.RadButton.rbLinkButtonChecked, .RadButton_Jasmatuph.RadButton.rbLinkButtonChecked:hover, .RadButton_Jasmatuph.RadButton.rbVerticalButtonChecked, .RadButton_Jasmatuph.RadButton.rbVerticalButtonChecked:hover {
        color: var(--telerikColor1);
        -webkit-border-radius: var(--cornerWidth) var(--cornerWidth) var(--cornerWidth) var(--cornerWidth);
        -moz-border-radius: var(--cornerWidth) var(--cornerWidth) var(--cornerWidth) var(--cornerWidth);
        border-radius: var(--cornerWidth) var(--cornerWidth) var(--cornerWidth) var(--cornerWidth);
    }

        .RadButton_Jasmatuph.RadButton:active .rbDecorated, .RadButton_Jasmatuph.RadButton:focus .rbDecorated {
            color: var(--telerikColor6);
        }

        .RadButton_Jasmatuph.RadButton.rbLinkButtonChecked, .RadButton_Jasmatuph.RadButton.rbLinkButtonChecked:hover {
            background-color: var(--telerikColor4);
            color: var(--telerikColor6);
            border: 1px solid var(--telerikColor4);
        }

    .RadButton_Jasmatuph.rbSkinnedButton .rbPrimaryIcon.rbToggleCheckbox, .RadButton_Jasmatuph.rbSkinnedButton .rbPrimaryIcon.rbToggleCheckboxChecked, .RadButton_Jasmatuph.rbSkinnedButton .rbPrimaryIcon.rbToggleRadio, .RadButton_Jasmatuph.rbSkinnedButton .rbPrimaryIcon.rbToggleRadioChecked, .RadButton_Jasmatuph.rbSkinnedButton .rbPrimaryIcon.rbToggleCheckboxFilled, .RadButton_Jasmatuph.rbSkinnedButton .rbSecondaryIcon.rbToggleCheckbox, .RadButton_Jasmatuph.rbSkinnedButton .rbSecondaryIcon.rbToggleCheckboxChecked, .RadButton_Jasmatuph.rbSkinnedButton .rbSecondaryIcon.rbToggleRadio, .RadButton_Jasmatuph.rbSkinnedButton .rbSecondaryIcon.rbToggleRadioChecked, .RadButton_Jasmatuph.rbSkinnedButton .rbSecondaryIcon.rbToggleCheckboxFilled, .RadButton_Jasmatuph.rbLinkButton .rbPrimaryIcon.rbToggleCheckbox, .RadButton_Jasmatuph.rbLinkButton .rbPrimaryIcon.rbToggleCheckboxChecked, .RadButton_Jasmatuph.rbLinkButton .rbPrimaryIcon.rbToggleRadio, .RadButton_Jasmatuph.rbLinkButton .rbPrimaryIcon.rbToggleRadioChecked, .RadButton_Jasmatuph.rbLinkButton .rbPrimaryIcon.rbToggleCheckboxFilled, .RadButton_Jasmatuph.rbLinkButton .rbSecondaryIcon.rbToggleCheckbox, .RadButton_Jasmatuph.rbLinkButton .rbSecondaryIcon.rbToggleCheckboxChecked, .RadButton_Jasmatuph.rbLinkButton .rbSecondaryIcon.rbToggleRadio, .RadButton_Jasmatuph.rbLinkButton .rbSecondaryIcon.rbToggleRadioChecked, .RadButton_Jasmatuph.rbLinkButton .rbSecondaryIcon.rbToggleCheckboxFilled, .RadButton_Jasmatuph.rbToggleButton .rbPrimaryIcon.rbToggleCheckbox, .RadButton_Jasmatuph.rbToggleButton .rbPrimaryIcon.rbToggleCheckboxChecked, .RadButton_Jasmatuph.rbToggleButton .rbPrimaryIcon.rbToggleRadio, .RadButton_Jasmatuph.rbToggleButton .rbPrimaryIcon.rbToggleCheckboxFilled, .RadButton_Jasmatuph.rbToggleButton .rbSecondaryIcon.rbToggleCheckbox, .RadButton_Jasmatuph.rbToggleButton .rbSecondaryIcon.rbToggleCheckboxChecked, .RadButton_Jasmatuph.rbToggleButton .rbSecondaryIcon.rbToggleRadio, .RadButton_Jasmatuph.rbToggleButton .rbSecondaryIcon.rbToggleRadioChecked, .RadButton_Jasmatuph.rbToggleButton .rbSecondaryIcon.rbToggleCheckboxFilled {
        /*OnNormal State of Toggle Button */
        width: 25px;
        height: 15px;
        line-height: 15px;
        background-color: transparent;
        background-image: url('../asset/image/bg-pagination.png');
        background-position: 0px 0px;
        border: 0;
        border-width: 0;
        cursor: pointer;
        color: var(--telerikColor1);
        -webkit-border-radius: var(--cornerWidth) var(--cornerWidth) var(--cornerWidth) var(--cornerWidth);
        -moz-border-radius: var(--cornerWidth) var(--cornerWidth) var(--cornerWidth) var(--cornerWidth);
        border-radius: var(--cornerWidth) var(--cornerWidth) var(--cornerWidth) var(--cornerWidth);
    }

    .RadButton_Jasmatuph.rbToggleButton .rbText {
        padding: 0 8px;
    }

    .RadButton_Jasmatuph.rbToggleButton.rbTextButton {
        border: 0 none !important;
        color: var(--telerikColor6);
    }

        .RadButton_Jasmatuph.rbToggleButton.rbTextButton .rbText {
            padding: 0 28px;
        }

    .RadButton_Jasmatuph .rbSplitRight,
    .RadButton_Jasmatuph .rbSplitLeft {
        width: 28px;
    }

    .RadButton_Jasmatuph span.rbSplitRight,
    .RadButton_Jasmatuph span.rbSplitLeft,
    .RadButton_Jasmatuph span.rbSplitRight:hover,
    .RadButton_Jasmatuph span.rbSplitLeft:hover, .RadButton_Jasmatuph.RadButton.rbDisabled span.rbSplitLeft, .RadButton_Jasmatuph.RadButton.rbDisabled span.rbSplitRight, .RadButton_Jasmatuph.RadButton.rbDisabled:hover span.rbSplitLeft, .RadButton_Jasmatuph.RadButton.rbDisabled:hover span.rbSplitRight {
        width: 25px;
        height: 15px;
        line-height: 15px;
        color : aqua !important;
        background-color: var(--telerikColor3);
        border: 0;
        border-width: 0;
        cursor: pointer;
    }

        .RadButton_Jasmatuph span.rbSplitRight:active,
        .RadButton_Jasmatuph span.rbSplitRight:focus,
        .RadButton_Jasmatuph span.rbSplitLeft:active,
        .RadButton_Jasmatuph span.rbSplitLeft:focus {
            background-position: -11px -58px;
        }

    .RadButton_Jasmatuph.RadButton .rbSplitRight {
        border-left: 1px solid var(--telerikColor2);
    }

        .RadButton_Jasmatuph.RadButton:hover .rbSplitRight, .RadButton_Jasmatuph.RadButton .rbSplitRight:hover {
            border-left: 1px solid var(--telerikColor3);
        }

        .RadButton_Jasmatuph.RadButton:active .rbSplitRight, .RadButton_Jasmatuph.RadButton:focus .rbSplitRight, .RadButton_Jasmatuph.RadButton .rbSplitRight:active, .RadButton_Jasmatuph.RadButton .rbSplitRight:focus {
            border-left: 1px solidvar(--telerikColor3);
        }

    .RadButton_Jasmatuph.RadButton .rbSplitLeft {
        border-right: 1px solid var(--telerikColor2);
    }

        .RadButton_Jasmatuph.RadButton:hover .rbSplitLeft, .RadButton_Jasmatuph.RadButton .rbSplitLeft:hover {
            border-right: 1px solid var(--telerikColor3);
        }

        .RadButton_Jasmatuph.RadButton:active .rbSplitLeft, .RadButton_Jasmatuph.RadButton:focus .rbSplitLeft, .RadButton_Jasmatuph.RadButton .rbSplitLeft:active, .RadButton_Jasmatuph.RadButton .rbSplitLeft:focus {
            border-right: 1px solid var(--telerikColor3);
        }

    .RadButton_Jasmatuph.rbLinkButton.rbDisabled {
        opacity: .6;
    }

    .RadButton_Jasmatuph.RadButton.rbDisabled, .RadButton_Jasmatuph.RadButton.rbDisabled:hover, .RadButton_Jasmatuph.RadButton.rbDisabled:active, .RadButton_Jasmatuph.RadButton.rbDisabled:focus {
        background-color: var(--telerikColor1) !important;
        border-style: solid;
        border-width: 1px;
        border-color: var(--telerikColor4) !important;
        color: var(--telerikColor4) !important;
        outline: none !important;
    }

    .RadButton_Jasmatuph.rbToggleButton.rbDisabled, .RadButton_Jasmatuph.rbToggleButton.rbDisabled:hover, .RadButton_Jasmatuph.rbToggleButton.rbDisabled:active, .RadButton_Jasmatuph.rbToggleButton.rbDisabled:focus {
        /**background-color: transparent !important;
        border: 0 none !important;**/
        color : var(--telerikColor4) !important;
        border : 1px solid var(--telerikColor4) !important;
    }

    .RadButton_Jasmatuph.rbDisabled:hover .rbSplitLeft, .RadButton_Jasmatuph.rbDisabled:active .rbSplitLeft, .RadButton_Jasmatuph.rbDisabled:focus .rbSplitLeft, .RadButton_Jasmatuph.rbDisabled .rbSplitLeft, .RadButton_Jasmatuph.rbDisabled .rbSplitLeft:hover, .RadButton_Jasmatuph.rbDisabled .rbSplitLeft:active, .RadButton_Jasmatuph.rbDisabled .rbSplitLeft:focus {
        border-right: 1px solid var(--telerikColor7);
    }

    .RadButton_Jasmatuph.rbDisabled:hover .rbSplitRight, .RadButton_Jasmatuph.rbDisabled:active .rbSplitRight, .RadButton_Jasmatuph.rbDisabled:focus .rbSplitRight, .RadButton_Jasmatuph.rbDisabled .rbSplitRight, .RadButton_Jasmatuph.rbDisabled .rbSplitRight:hover, .RadButton_Jasmatuph.rbDisabled .rbSplitRight:active, .RadButton_Jasmatuph.rbDisabled .rbSplitRight:focus {
        border-left: 1px solid var(--telerikColor7);
    }

    .RadButton_Jasmatuph.rbLinkButton.rbDisabled, .RadButton_Jasmatuph.rbLinkButton.rbDisabled:hover {
        border: 1px solid var(--telerikColor4);
        background-color : var(--telerikColor1) !important;
    }

    .RadButton_Jasmatuph span.rbPrimaryIcon {
        top: 9px;
        left: 5px;
    }

    .RadButton_Jasmatuph span.rbSecondaryIcon {
        top: 9px;
        right: 5px;
    }

    .RadButton_Jasmatuph:focus .rbToggleCheckbox + .rbDecorated, .RadButton_Jasmatuph:focus .rbToggleCheckboxChecked + .rbDecorated, .RadButton_Jasmatuph:active .rbToggleCheckbox + .rbDecorated, .RadButton_Jasmatuph:active .rbToggleCheckboxChecked + .rbDecorated, .RadButton_Jasmatuph:focus .rbToggleRadio + .rbDecorated, .RadButton_Jasmatuph:focus .rbToggleRadioChecked + .rbDecorated, .RadButton_Jasmatuph:active .rbToggleRadio + .rbDecorated, .RadButton_Jasmatuph:active .rbToggleRadioChecked + .rbDecorated {
        color: white;
        background-color : red;
    }

    .RadButton_Jasmatuph:focus .rbToggleCheckboxChecked + .rbDecorated {
        background-color: var(--telerikColor3) !important;
    }

    .RadButton_Jasmatuph.rbLinkButton.rbRounded {
        border-radius: var(--cornerWidth);
    }

.RadButton.RadButton_Jasmatuph {
    height: var(--buttonHeight);
    line-height: var(--lineHeight);
}

.RadCheckBox.RadButton {
    color: var(--telerikColor1);
    background-color: var(--telerikColor4) !important;
    border: 0;
    outline: 0;
}

.RadButton.RadCheckBox {
    padding-left: 20px;
    padding-right: 15px;
    border-radius : var(--cornerWidth) !important;
    background-color : var(--telerikColor4);
}

    .RadButton.RadCheckBox:hover {
        background-color: var(--telerikColor3) !important;
    }

.rbCheckBox, .rbRadioButton, .rbToggleButton {
    height: var(--buttonHeight) !important;
}

.rbPrimaryIcon {
    top: 8px !important;
    left: 8px !important;
}

.rbDisabled .rbDecorated {
    opacity: 0.5 !important;
    background-color : red;
}
/** END CSS RadAjax_Jasmatuph **/