/* Extension for kendo like custom button colors */

/* ------------------------------------------------------------------------ */
/* Kendo Secondary Button */
.k-button.k-secondary {
    color: #212529;
    background-color: #e4e4e4;
    border-color: #e4e4e4;
}

    .k-button.k-secondary:hover, .k-button.k-secondary.k-state-hover, .k-action-buttons .k-secondary:hover {
        color: #212529;
        background-color: #cbcbcb;
        border-color: #c4c4c4;
    }

    .k-button.k-secondary:active, .k-button.k-secondary.k-state-active, .k-button.k-secondary.k-state-selected {
        color: #212529;
        background-color: #e4e4e4;
        border-color: #e4e4e4;
    }

    .k-button.k-secondary:focus, .k-button.k-secondary.k-state-focused {
        box-shadow: 0 0 0 3px rgba(228,228,228,0.5);
    }


.k-button.k-outline.k-secondary {
    border-color: #e4e4e4;
    color: #333;
    background: none;
    box-shadow: none;
}

    .k-button.k-outline.k-secondary:hover, .k-button.k-outline.k-secondary.k-state-hover {
        border-color: #e4e4e4;
        color: #212529;
        background-color: #e4e4e4;
    }

    .k-button.k-outline.k-secondary:focus, .k-button.k-outline.k-secondary.k-state-focused {
        box-shadow: 0 0 0 3px rgba(228,228,228,0.5);
    }

    .k-button.k-outline.k-secondary:active, .k-button.k-outline.k-secondary.k-state-active {
        border-color: #e4e4e4;
        color: #212529;
        background-color: #e4e4e4;
    }

    .k-button.k-outline.k-secondary.k-state-selected {
        border-color: #e4e4e4;
        color: #212529;
        background-color: #e4e4e4;
    }
/* ------------------------------------------------------------------------ */
/* Kendo Dark Button */
.k-button.k-dark {
    color: #ffffff;
    background-color: #343a40;
    border-color: #343a40;
}

    .k-button.k-dark:hover, .k-button.k-dark.k-state-hover, .k-action-buttons .k-dark:hover {
        color: #ffffff;
        background-color: #23272b;
        border-color: #1d2124;
    }

    .k-button.k-dark:active, .k-button.k-dark.k-state-active, .k-button.k-dark.k-state-selected {
        color: #ffffff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .k-button.k-dark:focus, .k-button.k-dark.k-state-focused {
        box-shadow: 0 0 0 3px rgba(52,58,64,0.5);
    }


.k-button.k-outline.k-dark {
    border-color: currentColor;
    color: #343a40;
    background: none;
    box-shadow: none;
}

    .k-button.k-outline.k-dark:hover, .k-button.k-outline.k-dark.k-state-hover {
        border-color: #343a40;
        color: #ffffff;
        background-color: #343a40;
    }

    .k-button.k-outline.k-dark:focus, .k-button.k-outline.k-dark.k-state-focused {
        box-shadow: 0 0 0 3px rgba(52,58,64,0.5);
    }

    .k-button.k-outline.k-dark:active, .k-button.k-outline.k-dark.k-state-active {
        border-color: #343a40;
        color: #ffffff;
        background-color: #343a40;
    }

    .k-button.k-outline.k-dark.k-state-selected {
        border-color: #343a40;
        color: #ffffff;
        background-color: #343a40;
    }

/* ------------------------------------------------------------------------ */
/* Kendo Light Button */
.k-button.k-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

    .k-button.k-light:hover, .k-button.k-light.k-state-hover, .k-action-buttons .k-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

    .k-button.k-light:active, .k-button.k-light.k-state-active, .k-button.k-light.k-state-selected {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .k-button.k-light:focus, .k-button.k-light.k-state-focused {
        box-shadow: 0 0 0 3px rgba(248,249,250,0.5);
    }


.k-button.k-outline.k-light {
    border-color: #f8f9fa;
    color: #333;
    background: none;
    box-shadow: none;
}

    .k-button.k-outline.k-light:hover, .k-button.k-outline.k-light.k-state-hover {
        border-color: #f8f9fa;
        color: #212529;
        background-color: #f8f9fa;
    }

    .k-button.k-outline.k-light:focus, .k-button.k-outline.k-light.k-state-focused {
        box-shadow: 0 0 0 3px rgba(248,249,250,0.5);
    }

    .k-button.k-outline.k-light:active, .k-button.k-outline.k-light.k-state-active {
        border-color: #f8f9fa;
        color: #212529;
        background-color: #f8f9fa;
    }

    .k-button.k-outline.k-light.k-state-selected {
        border-color: #f8f9fa;
        color: #212529;
        background-color: #f8f9fa;
    }

/* ------------------------------------------------------------------------ */
/* Kendo Info Button */
.k-button.k-info {
    color: #ffffff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

    .k-button.k-info:hover, .k-button.k-info.k-state-hover, .k-action-buttons .k-info:hover {
        color: #ffffff;
        background-color: #138496;
        border-color: #117a8b;
    }

    .k-button.k-info:active, .k-button.k-info.k-state-active, .k-button.k-info.k-state-selected {
        color: #ffffff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .k-button.k-info:focus, .k-button.k-info.k-state-focused {
        box-shadow: 0 0 0 3px rgba(23,162,184,0.5);
    }


.k-button.k-outline.k-info {
    border-color: currentColor;
    color: #17a2b8;
    background: none;
    box-shadow: none;
}

    .k-button.k-outline.k-info:hover, .k-button.k-outline.k-info.k-state-hover {
        border-color: #17a2b8;
        color: #ffffff;
        background-color: #17a2b8;
    }

    .k-button.k-outline.k-info:focus, .k-button.k-outline.k-info.k-state-focused {
        box-shadow: 0 0 0 3px rgba(23,162,184,0.5);
    }

    .k-button.k-outline.k-info:active, .k-button.k-outline.k-info.k-state-active {
        border-color: #17a2b8;
        color: #ffffff;
        background-color: #17a2b8;
    }

    .k-button.k-outline.k-info.k-state-selected {
        border-color: #17a2b8;
        color: #ffffff;
        background-color: #17a2b8;
    }

/* ------------------------------------------------------------------------ */
/* Kendo Warning Button */
.k-button.k-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

    .k-button.k-warning:hover, .k-button.k-warning.k-state-hover, .k-action-buttons .k-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
    }

    .k-button.k-warning:active, .k-button.k-warning.k-state-active, .k-button.k-warning.k-state-selected {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .k-button.k-warning:focus, .k-button.k-warning.k-state-focused {
        box-shadow: 0 0 0 3px rgba(255,193,7,0.5);
    }


.k-button.k-outline.k-warning {
    border-color: currentColor;
    color: #ffc107;
    background: none;
    box-shadow: none;
}

    .k-button.k-outline.k-warning:hover, .k-button.k-outline.k-warning.k-state-hover {
        border-color: #ffc107;
        color: #212529;
        background-color: #ffc107;
    }

    .k-button.k-outline.k-warning:focus, .k-button.k-outline.k-warning.k-state-focused {
        box-shadow: 0 0 0 3px rgba(255,193,7,0.5);
    }

    .k-button.k-outline.k-warning:active, .k-button.k-outline.k-warning.k-state-active {
        border-color: #ffc107;
        color: #212529;
        background-color: #ffc107;
    }

    .k-button.k-outline.k-warning.k-state-selected {
        border-color: #ffc107;
        color: #212529;
        background-color: #ffc107;
    }

/* ------------------------------------------------------------------------ */
/* Kendo Danger Button */
.k-button.k-danger {
    color: #ffffff;
    background-color: #dc3545;
    border-color: #dc3545;
}

    .k-button.k-danger:hover, .k-button.k-danger.k-state-hover, .k-action-buttons .k-danger:hover {
        color: #ffffff;
        background-color: #c82333;
        border-color: #bd2130;
    }

    .k-button.k-danger:active, .k-button.k-danger.k-state-active, .k-button.k-danger.k-state-selected {
        color: #ffffff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

.k-button.k-danger:focus, .k-button.k-danger.k-state-focused {
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5);
}


.k-button.k-outline.k-danger {
    border-color: currentColor;
    color: #dc3545;
    background: none;
    box-shadow: none;
}

    .k-button.k-outline.k-danger:hover, .k-button.k-outline.k-danger.k-state-hover {
        border-color: #dc3545;
        color: #ffffff;
        background-color: #dc3545;
    }

    .k-button.k-outline.k-danger:focus, .k-button.k-outline.k-danger.k-state-focused {
        box-shadow: 0 0 0 3px rgba(220,53,69,0.5);
    }

    .k-button.k-outline.k-danger:active, .k-button.k-outline.k-danger.k-state-active {
        border-color: #dc3545;
        color: #ffffff;
        background-color: #dc3545;
    }

    .k-button.k-outline.k-danger.k-state-selected {
        border-color: #dc3545;
        color: #ffffff;
        background-color: #dc3545;
    }

/* ------------------------------------------------------------------------ */
/* Kendo Success Button */
.k-button.k-success {
    color: #ffffff;
    background-color: #28a745;
    border-color: #28a745;
}

    .k-button.k-success:hover, .k-button.k-success.k-state-hover, .k-action-buttons .k-success:hover {
        color: #ffffff;
        background-color: #218838;
        border-color: #1e7e34;
    }

    .k-button.k-success:active, .k-button.k-success.k-state-active, .k-button.k-success.k-state-selected {
        color: #ffffff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .k-button.k-success:focus, .k-button.k-success.k-state-focused {
        box-shadow: 0 0 0 3px rgba(40,167,69,0.5);
    }


.k-button.k-outline.k-success {
    border-color: currentColor;
    color: #28a745;
    background: none;
    box-shadow: none;
}

    .k-button.k-outline.k-success:hover, .k-button.k-outline.k-success.k-state-hover {
        border-color: #28a745;
        color: #ffffff;
        background-color: #28a745;
    }

    .k-button.k-outline.k-success:focus, .k-button.k-outline.k-success.k-state-focused {
        box-shadow: 0 0 0 3px rgba(40,167,69,0.5);
    }

    .k-button.k-outline.k-success:active, .k-button.k-outline.k-success.k-state-active {
        border-color: #28a745;
        color: #ffffff;
        background-color: #28a745;
    }

    .k-button.k-outline.k-success.k-state-selected {
        border-color: #28a745;
        color: #ffffff;
        background-color: #28a745;
    }


/* ------------------------------------------------------------------------ */
/* Kendo Link Button */
.k-button.k-link {
    color: #007bff;
    background-color: transparent;
    border:0;
}

    .k-button.k-link:hover, .k-button.k-link.k-state-hover, .k-action-buttons .k-link:hover {
        color: #0056b3;
        text-decoration: underline;
        background-color: transparent;
        border-color: transparent
    }

    .k-button.k-link:active, .k-button.k-link.k-state-active, .k-button.k-link.k-state-selected {
        text-decoration: underline;
        border-color: transparent;
        box-shadow: none
    }

    .k-button.k-link:focus, .k-button.k-link.k-state-focused {
        text-decoration: underline;
        border-color: transparent;
        box-shadow: none
    }

    .k-button.k-link:disabled, .k-button.k-link.disabled {
        color: #6c757d
    }

/* ------------------------------------------------------------------------ */
/* Functional Button Styles For Riskmatrix Controls */

.k-grid-excel-custom {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

/* Excel */
.k-button.k-grid-excel, .k-button.k-grid-excel-custom {
    color: white;
    background-color: #1f7a49;
    border-color: #1f7a49;
    float: right;
}

.k-button.k-excel {
    color: white;
    background-color: #1f7a49;
    border-color: #1f7a49;
}

    .k-button.k-grid-excel:hover, .k-button.k-grid-excel-custom:hover, .k-button.k-excel:hover {
        color: #ffffff;
        background-color: #155131;
        border-color: #1f7a49;
    }

    .k-button.k-grid-excel:active, .k-button.k-grid-excel-custom:active, .k-button.k-excel:active {
        color: #ffffff;
        background-color: #1f7a49;
        border-color: #1f7a49;
    }

    .k-button.k-grid-excel:focus, .k-grid-excel.k-state-focused, .k-button.k-grid-excel-custom:focus, .k-grid-excel-custom.k-state-focused,
    .k-button.k-excel:focus, .k-button.k-excel.k-state-selected {
        box-shadow: 0 0 0 3px rgba(40,167,69,0.5);
    }


    .k-button.k-grid-excel.k-outline, .k-button.k-grid-excel-custom.k-outline,
    .k-button.k-excel.k-outline {
        border-color: #1f7a49;
        color: #1f7a49;
        background: none;
        box-shadow: none;
    }

        .k-button.k-grid-excel.k-outline:hover, .k-grid-excel.k-outline.k-state-hover, .k-button.k-grid-excel-custom.k-outline:hover, .k-grid-excel-custom.k-outline.k-state-hover,
        .k-button.k-excel.k-outline:hover, .k-button.k-excel.k-outline.k-state-hover {
            border-color: #1f7a49;
            color: #ffffff;
            background-color: #1f7a49;
        }

        .k-button.k-grid-excel.k-outline:focus, .k-grid-excel.k-outline.k-state-focused, .k-button.k-grid-excel-custom.k-outline:focus, .k-grid-excel-custom.k-outline.k-state-focused,
        .k-button.k-excel.k-outline:focus, .k-button.k-excel.k-outline.k-state-focused {
            box-shadow: 0 0 0 3px rgba(40,167,69,0.5);
        }

        .k-button.k-grid-excel.k-outline:active, .k-grid-excel.k-outline.k-state-active, .k-button.k-grid-excel-custom.k-outline:active, .k-grid-excel-custom.k-outline.k-state-active,
        .k-button.k-excel.k-outline:active, .k-button.k-excel.k-outline.k-state-active {
            border-color: #1f7a49;
            color: #ffffff;
            background-color: #1f7a49;
        }

        .k-button.k-grid-excel.k-outline.k-grid-excel.k-state-selected, .k-button.k-grid-excel-custom.k-outline.k-grid-excel-custom.k-state-selected,
        .k-button.k-excel.k-outline.k-state-selected {
            border-color: #1f7a49;
            color: #ffffff;
            background-color: #1f7a49;
        }

/* Pdf */
.k-button.k-pdf {
    color: #ffffff;
    background-color: #af2121;
    border-color: #af2121;
}

.k-button.k-grid-pdf, .k-button.k-grid-pdf-custom {
    color: #ffffff;
    background-color: #af2121;
    border-color: #af2121;
    float: right;
}

    .k-button.k-grid-pdf:hover, .k-button.k-grid-pdf-custom:hover, .k-button.k-pdf:hover {
        color: #ffffff;
        background-color: #7a1e1e;
        background-color: #7a1e1e;
    }

    .k-button.k-grid-pdf:active, .k-button.k-grid-pdf-custom:active, .k-button.k-pdf:active {
        color: #ffffff;
        background-color: #af2121;
        border: #af2121;
    }

    .k-button.k-grid-pdf:focus, .k-button.k-grid-pdf.k-state-focused, .k-button.k-grid-pdf-custom:focus, .k-button.k-grid-pdf-custom.k-state-focused,
    .k-button.k-pdf:focus, .k-button.k-pdf.k-state-focused{
        box-shadow: 0 0 0 3px rgba(220,53,69,0.5);
    }

    .k-button.k-grid-pdf.k-outline, .k-button.k-grid-pdf-custom.k-outline, .k-button.k-pdf.k-outline {
        border-color: #af2121;
        color: #af2121;
        background: none;
        box-shadow: none;
    }

        .k-button.k-grid-pdf.k-outline:hover, .k-button.k-grid-pdf-custom.k-outline.k-state-hover,
        .k-button.k-pdf.k-outline:hover, .k-button.k-pdf.k-outline.k-state-hover {
            border-color: #af2121;
            color: #ffffff;
            background-color: #af2121;
        }

        .k-button.k-grid-pdf.k-outline:focus, .k-button.k-grid-pdf-custom.k-outline.k-state-focused,
        .k-button.k-pdf.k-outline:focus, .k-button.k-pdf.k-outline.k-state-focused {
            box-shadow: 0 0 0 3px rgba(220,53,69,0.5);
        }

        .k-button.k-grid-pdf.k-outline:active, .k-button.k-grid-pdf-custom.k-outline.k-state-active,
        .k-button.k-pdf.k-outline:active, .k-button.k-pdf.k-outline.k-state-active {
            border-color: #af2121;
            color: #ffffff;
            background-color: #af2121;
        }

        .k-button.k-grid-pdf.k-outline.k-grid-pdf.k-state-selected, .k-button.k-grid-pdf-custom.k-outline.k-grid-pdf-custom.k-state-selected,
        .k-button.k-pdf.k-outline.k-state-selected {
            border-color: #af2121;
            color: #ffffff;
            background-color: #af2121;
        }


/* Word */
.k-button.k-grid-word, .k-button.k-grid-word-custom {
    color: #ffffff;
    background-color: #2c579b;
    border-color: #2c579b;
    float: right;
}

.k-button.k-word {
    color: #ffffff;
    background-color: #2c579b;
    border-color: #2c579b;
    float: right;
}


    .k-button.k-grid-word:hover, .k-button.k-grid-word-custom:hover, .k-button.k-word:hover {
        color: #ffffff;
        background-color: #233e69;
        background-color: #233e69;
    }

    .k-button.k-grid-word:active, .k-button.k-grid-word-custom:active,
    .k-button.k-word:active {
        color: #ffffff;
        background-color: #2c579b;
        border: #2c579b;
    }

    .k-button.k-grid-word:focus, .k-button.k-grid-word.k-state-focused, .k-button.k-grid-word-custom:focus, .k-button.k-grid-word-custom.k-state-focused,
    .k-button.k-word:focus, .k-button.k-word .k-state-focused {
        box-shadow: 0 0 0 3px rgba(44,87,155,0.5);
    }

    .k-button.k-grid-word.k-outline, .k-button.k-grid-word-custom.k-outline, .k-button.k-word.k-outline {
        border-color: #2c579b;
        color: #2c579b;
        background: none;
        box-shadow: none;
    }

        .k-button.k-grid-word.k-outline:hover, .k-button.k-grid-word.k-outline.k-state-hover, .k-button.k-grid-word-custom.k-outline:hover, .k-button.k-grid-word-custom.k-outline.k-state-hover,
        .k-button.k-word.k-outline:hover, .k-button.k-word.k-outline.k-state-hover {
            border-color: #2c579b;
            color: #ffffff;
            background-color: #2c579b;
        }

        .k-button.k-grid-word.k-outline:focus, .k-button.k-grid-word.k-outline.k-state-focused, .k-button.k-grid-word-custom.k-outline:focus, .k-button.k-grid-word-custom.k-outline.k-state-focused,
        .k-button.k-word.k-outline:focus, .k-button.k-word.k-outline.k-state-focused {
            box-shadow: 0 0 0 3px rgba(44,87,155,0.5);
        }

        .k-button.k-grid-word.k-outline:active, .k-button.k-grid-word.k-outline.k-state-active, .k-button.k-grid-word-custom.k-outline:active, .k-button.k-grid-word-custom.k-outline.k-state-active,
        .k-button.k-word.k-outline:active, .k-button.k-word.k-outline.k-state-active {
            border-color: #2c579b;
            color: #ffffff;
            background-color: #2c579b;
        }

        .k-button.k-grid-word.k-outline.k-grid-word.k-state-selected, .k-button.k-grid-word-custom.k-outline.k-grid-word-custom.k-state-selected,
        .k-button.k-word.k-outline.k-state-selected {
            border-color: #2c579b;
            color: #ffffff;
            background-color: #2c579b;
        }

/* ------------------------------------------------------------------------ */
/* Bootstrap Equivalants of Button Sizes */

.k-button-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
}

.k-button-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
}