/*html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}
*/

/* Add here all your css styles (customizations) */

/* --------------------- Form ----------------------------- */

.reqfield {
    color: red;
    font-size: 8px;
}

.formerror {
    color: red;
}

/* -------------------------------------------------- */
.ac20darkblue {
    background-color: #0F2238; /* Navy/Dark Blue: # 0F2238 */
}

.ac20teal {
    background-color: #00EDCA; /* Teal/Aqua: # 00EDCA */
}

.ac20yellow {
    background-color: #FFCB2E; /* Yellow: #FFCB2E */
}

.ac20grey {
    background-color: #7E7E7D; /* Grey: #7E7E7D */
}

.ac20violet {
    background-color: #8A6678; /* Violet: #8A6678 */
}

.ac20liteviolet {
    background-color: #B09DB0; /* Lite Violet: #B09DB0 */
}


.ac20blue {
    background-color: #426896; /*  Blue : #426896 */
}

.acRegGreen {
    background-color: #1da8b2; /*  New Unify Green : #0ABF53 */
}

.g-bg-acGreen {
    background-color: #1da8b2 !important;
}


.g-brd-acgreen {
    border-color: #1da8b2 !important;
}

.g-acgreen {
    color: #1da8b2 !important;
}

.g-acblue {
    color: #426896 !important;
}


/*------------------ Links ------------------*/
.acgreenLink {
    color: #1da8b2 !important;
}

a.acgreenLink:link {
    text-decoration: none;
    font-weight: 100;
}

a.acgreenLink:hover { /* mouse over link */
    text-decoration: none;
    font-weight: 500;
}

/*------------------ Button ------------------*/

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.btn-unifyblue {
    color: #ffffff;
    background-color: #426896;
    border-color: #426896;
}

    .btn-unifyblue:hover,
    .btn-unifyblue:focus,
    .btn-unifyblue:active,
    .btn-unifyblue.active,
    .open .dropdown-toggle.btn-unifyblue {
        color: #ffffff;
        background-color: #7b91ae;
        border-color:;
    }

    .btn-unifyblue:active,
    .btn-unifyblue.active,
    .open .dropdown-toggle.btn-unifyblue {
        background-image: none;
    }

    .btn-unifyblue.disabled,
    .btn-unifyblue[disabled],
    fieldset[disabled] .btn-unifyblue,
    .btn-unifyblue.disabled:hover,
    .btn-unifyblue[disabled]:hover,
    fieldset[disabled] .btn-unifyblue:hover,
    .btn-unifyblue.disabled:focus,
    .btn-unifyblue[disabled]:focus,
    fieldset[disabled] .btn-unifyblue:focus,
    .btn-unifyblue.disabled:active,
    .btn-unifyblue[disabled]:active,
    fieldset[disabled] .btn-unifyblue:active,
    .btn-unifyblue.disabled.active,
    .btn-unifyblue[disabled].active,
    fieldset[disabled] .btn-unifyblue.active {
        background-color: #426896;
        border-color:;
    }

    .btn-unifyblue .badge {
        color: #426896;
        background-color: #ffffff;
    }

/* Button AC green */
.u-btn-acgreen {
    color: #fff;
    background-color: #1da8b2;
    /*1da8b2*/
}

    .u-btn-acgreen:hover, .u-btn-acgreen.active {
        border-color: #7db8bc; /* #8cd54a;*/
        background-color: #7db8bc /*#8cd54a;*/
    }

    .u-btn-acgreen:hover, .u-btn-acgreen:focus, .u-btn-acgreen.active {
        color: #fff;
    }

    .u-btn-acgreen.g-btn-hover-reset:hover, .u-btn-acgreen.g-btn-hover-reset.active {
        background-color: #1da8b2;
        border-color: #1da8b2;
    }

/* Outline Button ac green */
.u-btn-outline-acgreen {
    color: #1da8b2;
    border-color: #1da8b2;
    background-color: transparent;
}

    .u-btn-outline-acgreen:focus, .u-btn-outline-acgreen.active {
        color: #fff;
        background-color: #1da8b2;
    }

    .u-btn-outline-acgreen:hover {
        color: #fff;
        background-color: #1da8b2;
    }

/* Outline Button ac green */
.u-btn-outline-acblue {
    color: #426896;
    border-color: #426896;
    background-color: transparent;
}

    .u-btn-outline-acblue:focus, .u-btn-outline-acblue.active {
        color: #fff;
        background-color: #426896;
    }

    .u-btn-outline-acblue:hover {
        color: #fff;
        background-color: #426896;
    }


.bblue {
    border: 1px solid blue;
}

.byellow {
    border: 1px solid yellow;
}

.topbar {
    color: white;
    font-weight: 500;
    padding: 8px 15px 8px 15px;
}

/*------------------ card design ------------------*/
.kzcard {
    display: grid;
    grid-template-columns: minmax(100px, 1fr) minmax(0px, auto) minmax(200px, 1fr);
    grid-template-rows: auto;
    grid-gap: 5px;
    align-items: center;
}

@media only screen and (max-width: 1000px) {
    .kzcard {
        grid-template-columns: auto;
        grid-template-rows: max-content max-content max-content;
    }

        .kzcard > .gridLeft, .kzcard > .gridMiddle, .kzcard > .gridRight {
            padding: 5px;
            margin-left: auto;
            margin-right: auto;
        }

        .kzcard > .gridMiddle {
        }

        .kzcard > .gridRight {
        }
}


/*------------------ Card Model ------------------*/

.cardModel {
    text-align: left;
}

    .cardModel .cardTitle {
    }

    .cardModel .a6header, .cardModel .a6footer {
        background-color: #426896 !important;
        color: white !important;
    }

    .cardModel .a6footer {
        min-height: 55px;
    }

    .cardModel .cardBody {
        border-style: solid;
        border-width: 0px 0px 0px 0px;
        top - right - bottom left border-color: #426896;
    }

/*------------------ Card Model Blue ------------------*/
cardHeaderBlue, .cardFooterBlue {
    background-color: #6D8AB1 !important;
    color: white !important;
    height: 30px !important;
}

.cardFooterWhite {
    background-color: white !important;
}
/*------------------ text ------------------*/
.text-unifyblue {
    color: #426896;
}

/*------------------ backgrounds ------------------*/
.g-bg-white {
    background-color: white;
}


.g-bg-unifyblue {
    background-color: #426896;
}

/*------------------ xxxxxx ------------------*/




/*------------------ borders ------------------*/

.bunifyblue {
    border: 1px solid #426896 !important;
}

.bwhite {
    border: 1px solid white !important;
}

.byellow {
    border: 1px solid yellow !important;
}

.bblue {
    border: 1px solid blue !important;
}

.bred {
    border: 1px solid red !important;
}

.bgreen {
    border: 1px solid green !important;
}

.bunifyblue3 {
    border: 3px solid #426896 !important;
}

.bwhite3 {
    border: 3px solid white !important;
}

.byellow3 {
    border: 3px solid yellow !important;
}

.bblue3 {
    border: 3px solid blue !important;
}

.bred3 {
    border: 3px solid red !important;
}

.bgreen3 {
    border: 3px solid green !important;
}

/*------------------ Widths ------------------*/

.g-w-10 {
    width: 10px;
}

.g-w-15 {
    width: 15px;
}

.g-w-20 {
    width: 20px;
}

.g-w-25 {
    width: 25px;
}

.g-w-50 {
    width: 50px;
}

.g-w-80 {
    width: 80px;
}

.g-w-100 {
    width: 100px;
}

.g-w-150 {
    width: 150px;
}

.g-w-200 {
    width: 200px;
}

.g-w-250 {
    width: 250px;
}

.g-w-300 {
    width: 300px;
}

.g-w-350 {
    width: 350px;
}

.g-w-375 {
    width: 375px;
}

.g-w-400 {
    width: 400px;
}

.g-w-450 {
    width: 450px;
}

.g-w-500 {
    width: 500px;
}

.g-w-600 {
    width: 600px;
}

.g-w-700 {
    width: 600px;
}

.g-w-800 {
    width: 800px;
}

.g-w-1000 {
    width: 1000px;
}

.g-w-1200 {
    width: 1200px;
}

.g-w-1400 {
    width: 1400px;
}

/*------------------ Debug ------------------*/