﻿/* ROOT */
:root {
    --color_KS: #0066a3;
    --color_KS_dark: #095484;
    --color_HTML: #e9ecef;
}

body {
    background-color: var(--color_HTML)!important;
}

.mt25
{
    margin-top:25px;
}

.pt25
{
    padding-top:25px;
}

.pb10 {
    padding-bottom:10px;
}

.red {
    color: red;
}

.cap-title {
    color: var(--color_KS);
}

/*CUSTOMIZED BUTTONS*/

/* Foundation Button */
.button, button {
    display: inline-block;
    padding: 0.85em 1em;
    margin: 0 0 1rem 0;
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #1779ba;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    border: none;
}

.button:hover, .button:focus, button:hover, button:focus {
    background-color: #126394;
    color: #fff;
}

.button:active, button:active {
    background-color: #0f4a73;
    color: #fff;
}

.button.disabled, .button.disabled:hover, .button.disabled:focus, button.disabled, button.disabled:hover, button.disabled:focus {
    background-color: #b3c2cc;
    color: #fff;
    cursor: not-allowed;
    pointer-events: none;
}