.sy-button, .sy-button-error {
    padding: 4px 5px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 1px;
    height: 30px;
    cursor: pointer;
    text-decoration: none;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.k-content .sy-button {
    /*height: 22px;*/
    box-sizing: border-box;
}

.sy-i {
    font-size: 18px;
    margin: 5px;
    /*position: relative;*/
    cursor: pointer !important;
    color: #000000;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .sy-i:hover {
        font-size: 18px;
        color: #2983d9;
    }

    .sy-i:active {
        color: #000000;
    }


.sy-button {
    border: 1px solid transparent;
    background-color: #2983d9;
    color: #ffffff;
}

    .sy-button.inline {
        height: 26px;
    }

    .sy-button:hover, .sy-button:focus {
        background-color: #ffffff;
        border: 1px solid #2983d9;
        color: #2983d9;
    }

    .sy-button:active {
        background-color: #1a62a7;
        color: #ffffff;
    }

.sy-button-success {
    border: 1px solid transparent;
    background-color: #398218;
    color: #ffffff;
}

    .sy-button-success:hover, .sy-button-success:focus {
        background-color: #ffffff;
        border: 1px solid #398218;
        color: #398218;
    }

    .sy-button-success:active {
        background-color: #306817;
        color: #ffffff;
    }

.sy-button-warning {
    border: 1px solid transparent;
    background-color: #ffcc00;
    color: #ffffff;
}

    .sy-button-warning:hover, .sy-button-warning:focus {
        background-color: #ffffff;
        border: 1px solid #ffcc00;
        color: #ffcc00;
    }

    .sy-button-warning:active {
        background-color: #e5b700;
        color: #ffffff;
    }

.sy-button-error {
    border: 1px solid transparent;
    background-color: #d9534f;
    color: #ffffff;
}

    .sy-button-error:hover, .sy-button-error:focus {
        background-color: #ffffff;
        border: 1px solid #d9534f;
        color: #d9534f;
    }

    .sy-button-error:active {
        background-color: #a3403d;
        color: #ffffff;
    }

/*.sy-modalform-success-button button {
    background-color: #398218;
}

    .sy-modalform-success-button button:hover {
        background-color: #367619;
    }

    .sy-modalform-success-button button:active {
        background-color: #306817;
    }*/


.sy-button-xs {
    width: 20px !important;
    max-width: 20px !important;
}

.sy-button-sm {
    width: 40px !important;
    max-width: 40px !important;
}

.sy-button-md {
    width: 60px !important;
    max-width: 60px !important;
}

.sy-button-lg {
    width: 80px !important;
    max-width: 80px !important;
}

.sy-button-xl {
    width: 100px !important;
    max-width: 100px !important;
}

.sy-button-xxl {
    width: 130px !important;
    max-width: 130px !important;
}

.sy-button-xxxl {
    width: 160px !important;
    max-width: 160px !important;
}

.sy-button-xxxxl {
    width: 190px !important;
    max-width: 190px !important;
}

.sy-button-xxxxxl {
    width: 210px !important;
    max-width: 210px !important;
}

.sy-button-xxxxxxl {
    width: 240px !important;
    max-width: 240px !important;
}

.sy-button-max {
    width: 100% !important;
    max-width: 100% !important;
}

.sy-button-grid-comparison {
    min-width: 25px;
    max-width: 25px;
}

.sy-button-handle {
    padding: 5px !important;
    height: auto;
    font-size: 10px;
}

    .sy-button-handle[disabled] {
        color: rgba(179,179,179,1) !important;
        background-color: #2983d9 !important;
    }

.sy-button-link {
    background: transparent;
    color: cadetblue;
    text-decoration: underline;
    border: none;
    padding: 4px 5px !important;
    margin: 1px;
    height: 30px;
    cursor: pointer;
}

.sy-button-previous-next {
    font-size: 18px;
    top: 2px;
    position: relative;
    cursor: pointer;
}