/* This is for the top card title to split into 3 columns */
.kzcard {
    display: grid;
    grid-template-columns: minmax(100px, 1fr) minmax(0px, auto) minmax(300px, 1fr);
    grid-template-rows: auto;
    grid-gap: 5px;
}

@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 {
        }
}

.kzpanelitem {
    display: grid;
    grid-template-columns: 40px auto fit-content(40px) fit-content(20px);
    grid-template-rows: auto;
    grid-gap: 0px;
    align-items: center;
}

/* ----------------------- card header ----------------------- */


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

.cardFooterWhite {
    background-color: white !important;
}


/* ----------------------- End of Grid Section ----------------------- */
/* Global  */
.text-bsgreen {
    color: #155724;
}

.text-bsred {
    color: #721c24;
}


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

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

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

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

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

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

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

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



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

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


.g-h-300 {
    height: 300px;
}

.g-h-200 {
    height: 200px;
}

.g-hpct-100 {
    height: 100%;
}


.g-wpct-100 {
    width: 100%;
}
.w-100 {
    width: 100%;
}
/*----------*/
.customCardHdr {
    background-color: #6D8AB1 !important;
    color: white !important;
}


.btn-specifier {
    color: #ffffff;
    background-color: #6D8AB1;
    border-color: #6D8AB1;
}

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

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

    .btn-specifier.disabled,
    .btn-specifier[disabled],
    fieldset[disabled] .btn-specifier,
    .btn-specifier.disabled:hover,
    .btn-specifier[disabled]:hover,
    fieldset[disabled] .btn-specifier:hover,
    .btn-specifier.disabled:focus,
    .btn-specifier[disabled]:focus,
    fieldset[disabled] .btn-specifier:focus,
    .btn-specifier.disabled:active,
    .btn-specifier[disabled]:active,
    fieldset[disabled] .btn-specifier:active,
    .btn-specifier.disabled.active,
    .btn-specifier[disabled].active,
    fieldset[disabled] .btn-specifier.active {
        background-color: #6D8AB1;
        border-color:;
    }

    .btn-specifier .badge {
        color: #6D8AB1;
        background-color: #ffffff;
    }


/*colors*/
.bg-specifier {
    background-color: #6D8AB1;
}
.text-specifier {
    color: #6D8AB1;
}

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


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

.bred {
    border: 4px solid red !important;
}
.bgreen {
    border: 4px solid green !important;
}

.bs3green {
    color: #dff0d8;
}
.bs3greenb {
    color: #d6e9c6;
}
.bs3greend {
    color: #3c763d;
}

.bs3blue {
    color: #d9edf7;
}
.bs3blueb {
    color: #bce8f1;
}
.bs3blued {
    color: #31708f;
}

.bs3yellow {
    color: #fcf8e3;
}
.bs3yellowb {
    color: #faebcc;
}
.bs3yellowd {
    color: #8a6d3b;
}

.bs3red {
    color: #f2dede;
}
.bs3redb {
    color: #ebccd1;
}
.bs3redd {
    color: #a94442;
}


.bg-b3green {
    background-color: #dff0d8 !important;
}

.bg-b3greenb {
    background-color: #d6e9c6;
}

.bg-b3greend {
    background-color: #3c763d;
}

.bg-b3blue {
    background-color: #d9edf7;
}

.bg-b3blueb {
    background-color: #bce8f1;
}

.bg-b3blued {
    background-color: #31708f;
}

.bg-b3yellow {
    background-color: #fcf8e3;
}

.bg-b3yellowb {
    background-color: #faebcc;
}

.bg-b3yellowd {
    background-color: #8a6d3b;
}


.bg-b3red {
    background-color: #f2dede;
}

.bg-b3redb {
    background-color: #ebccd1;
}

.bg-b3redd {
    background-color: #a94442;
}



.pageResutList {

}

    .pageResutList .danger1 {
        background-color: #f8d7da; /* bs alert red */
        color: #721c24;
        border-color: #f5c6cb;
        text-align: center;
        font-weight: 600;
    }

    .pageResutList .success1 {
        text-align: center;
        background-color: #d4edda; /* bs alert green */
        color: #155724;
        border-color: #c3e6cb;
        font-weight: 600;
    }

.formTextLine {
    background-color: #6D8AB1;
    color:white;
}