@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

/* icon width classes */
.iw1 {
    width: 1rem
}

.iw1-5 {
    width: 1.5rem
}

.iw2 {
    width: 2rem
}

.iw3 {
    width: 3rem
}

/* end icon width classes */

.card-hover {
    cursor: pointer;
}

/*  BGV Button classes */
.btn-bgv-primary {
    color: white;
    background-color: #5789b4;
    border: 1px solid #4e7ba2;
}

    .btn-bgv-primary:hover {
        color: white;
        background-color: #7aa6cf;
        border-color: #5789b4
    }

    .btn-check:focus + .btn-info, .btn-bgv-primary:focus {
        color: white;
        background-color: #7aa6cf;
        border-color: #5789b4;
        box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
    }

    .btn-check:active + .btn-bgv-primary, .btn-check:checked + .btn-bgv-primary, .btn-bgv-primary.active, .btn-bgv-primary:active, .show > .btn-bgv-primary.dropdown-toggle {
        color: white;
        background-color: #7aa6cf;
        border-color: #5789b4
    }

        .btn-check:active + .btn-bgv-primary:focus, .btn-check:checked + .btn-bgv-primary:focus, .btn-bgv-primary.active:focus, .btn-bgv-primary:active:focus, .show > .btn-bgv-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
        }

    .btn-bgv-primary.disabled, .btn-bgv-primary:disabled {
        color: #000;
        background-color: lightgray;
        border-color: lightgray
    }

.btn-bgv-outline-primary {
    color: #5789b4;
    border-color: #5789b4
}

    .btn-bgv-outline-primary:hover {
        color: white;
        background-color: #7aa6cf;
        border-color: #5789b4
    }

    .btn-check:focus + .btn-bgv-outline-primary, .btn-bgv-outline-primary:focus {
        box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
    }

    .btn-check:active + .btn-bgv-outline-primary, .btn-check:checked + .btn-bgv-outline-primary, .btn-bgv-outline-primary.active, .btn-bgv-outline-primary.dropdown-toggle.show, .btn-bgv-outline-primary:active {
        color: white;
        background-color: #7aa6cf;
        border-color: #5789b4
    }

        .btn-check:active + .btn-bgv-outline-primary:focus, .btn-check:checked + .btn-bgv-outline-primary:focus, .btn-bgv-outline-primary.active:focus, .btn-bgv-outline-primary.dropdown-toggle.show:focus, .btn-bgv-outline-primary:active:focus {
            box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
        }

    .btn-bgv-outline-primary.disabled, .btn-bgv-outline-primary:disabled {
        color: lightgray;
        background-color: transparent
    }

/* BGV Button classes */

/* BGV Color classes */
.btn-check:active + .bgv-dark-primary:focus, .btn-check:checked + .bgv-dark-primary:focus, .bgv-dark-primary.active:focus, .bgv-dark-primary:active:focus, .show > .bgv-dark-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(217,164,6,.5)
}

.bgv-dark-primary {
    color: whitesmoke;
    background-color: #2e4b61;
    border-color: #2e4b61;
}

    .bgv-dark-primary:hover {
        color: whitesmoke;
        background-color: #5C788C;
        border-color: #5C788C;
    }

    .btn-check:focus + .bgv-dark-primary, .bgv-dark-primary:focus {
        color: whitesmoke;
        background-color: #5C788C;
        border-color: #5C788C;
        box-shadow: 0 0 0 .25rem rgba(217,164,6,.5)
    }

    .btn-check:active + .bgv-dark-primary, .btn-check:checked + .bgv-dark-primary, .bgv-dark-primary.active, .bgv-dark-primary:active, .show > .bgv-dark-primary.dropdown-toggle {
        color: whitesmoke;
        background-color: #5C788C;
        border-color: #5C788C
    }

        .btn-check:active + .bgv-dark-primary:focus, .btn-check:checked + .bgv-dark-primary:focus, .bgv-dark-primary.active:focus, .bgv-dark-primary:active:focus, .show > .bgv-dark-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(217,164,6,.5)
        }

    .bgv-dark-primary.disabled, .bgv-dark-primary:disabled {
        color: whitesmoke;
        background-color: #5A5F63;
        border-color: #5A5F63;
    }

.bgv-darkgrey {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

    .bgv-darkgrey:hover {
        color: #fff;
        background-color: #5c636a;
        border-color: #565e64
    }

    .btn-check:focus + .bgv-darkgrey, .bgv-darkgrey:focus {
        color: #fff;
        background-color: #5c636a;
        border-color: #565e64;
        box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
    }

    .btn-check:active + .bgv-darkgrey, .btn-check:checked + .bgv-darkgrey, .bgv-darkgrey.active, .bgv-darkgrey:active, .show > .bgv-darkgrey.dropdown-toggle {
        color: #fff;
        background-color: #565e64;
        border-color: #51585e
    }

        .btn-check:active + .bgv-darkgrey:focus, .btn-check:checked + .bgv-darkgrey:focus, .bgv-darkgrey.active:focus, .bgv-darkgrey:active:focus, .show > .bgv-darkgrey.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
        }

    .bgv-darkgrey.disabled, .bgv-darkgrey:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

.bgv-darkgreen {
    color: #005a09;
    background-color: #005a09;
    border-color: #005a09
}

    .bgv-darkgreen:hover {
        color: #325a32;
        background-color: #325a32;
        border-color: #325a32
    }

    .btn-check:focus + .bgv-darkgreen, .bgv-darkgreen:focus {
        color: #325a32;
        background-color: #325a32;
        border-color: #325a32;
        box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
    }

    .btn-check:active + .bgv-darkgreen, .btn-check:checked + .bgv-darkgreen, .bgv-darkgreen.active, .bgv-darkgreen:active, .show > .bgv-darkgreen.dropdown-toggle {
        color: #325a32;
        background-color: #325a32;
        border-color: #325a32
    }

        .btn-check:active + .bgv-darkgreen:focus, .btn-check:checked + .bgv-darkgreen:focus, .bgv-darkgreen.active:focus, .bgv-darkgreen:active:focus, .show > .bgv-darkgreen.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(53,93,53,.5)
        }

    .bgv-darkgreen.disabled, .bgv-darkgreen:disabled {
        color: #005a09;
        background-color: #005a09;
        border-color: #005a09
    }

.bgv-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

    .bgv-danger:hover {
        color: #fff;
        background-color: #bb2d3b;
        border-color: #b02a37
    }

    .btn-check:focus + .bgv-danger, .bgv-danger:focus {
        color: #fff;
        background-color: #bb2d3b;
        border-color: #b02a37;
        box-shadow: 0 0 0 .25rem rgba(225,83,97,.5)
    }

    .btn-check:active + .bgv-danger, .btn-check:checked + .bgv-danger, .bgv-danger.active, .bgv-danger:active, .show > .bgv-danger.dropdown-toggle {
        color: #fff;
        background-color: #b02a37;
        border-color: #a52834
    }

        .btn-check:active + .bgv-danger:focus, .btn-check:checked + .bgv-danger:focus, .bgv-danger.active:focus, .bgv-danger:active:focus, .show > .bgv-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(225,83,97,.5)
        }

    .bgv-danger.disabled, .bgv-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }


.bgv-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

    .bgv-success:hover {
        color: #fff;
        background-color: #157347;
        border-color: #146c43
    }

    .btn-check:focus + .bgv-success, .bgv-success:focus {
        color: #fff;
        background-color: #157347;
        border-color: #146c43;
        box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
    }

    .btn-check:active + .bgv-success, .btn-check:checked + .bgv-success, .bgv-success.active, .bgv-success:active, .show > .bgv-success.dropdown-toggle {
        color: #fff;
        background-color: #146c43;
        border-color: #13653f
    }

        .btn-check:active + .bgv-success:focus, .btn-check:checked + .bgv-success:focus, .bgv-success.active:focus, .bgv-success:active:focus, .show > .bgv-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
        }

    .bgv-success.disabled, .bgv-success:disabled {
        color: #fff;
        background-color: #198754;
        border-color: #198754
    }

.bgv-ihpr {
    color: #403a60;
    background-color: #d9d9d6;
    border-color: #d9d9d6
}

    .bgv-ihpr:hover {
        color: #403a60;
        background-color: #989A9A;
        border-color: #403A60
    }

    .btn-check:focus + .bgv-ihpr, .bgv-ihpr:focus {
        color: #fff;
        background-color: #989A9A;
        border-color: #403A60;
        box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
    }

    .btn-check:active + .bgv-ihpr, .btn-check:checked + .bgv-ihpr, .bgv-ihpr.active, .bgv-ihpr:active, .show > .bgv-ihpr.dropdown-toggle {
        color: #fff;
        background-color: #989A9A;
        border-color: #403A60
    }

        .btn-check:active + .bgv-ihpr:focus, .btn-check:checked + .bgv-ihpr:focus, .bgv-ihpr.active:focus, .bgv-ihpr:active:focus, .show > .bgv-ihpr.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
        }

    .bgv-ihpr.disabled, .bgv-ihpr:disabled {
        color: #fff;
        background-color: #53556A;
        border-color: #53556A
    }

.bgv-gc8 {
    color: whitesmoke;
    background-color: #4D6B7F;
    border-color: #4D6B7F
}

    .bgv-gc8:hover {
        color: whitesmoke;
        background-color: #294254;
        border-color: #213644
    }

    .btn-check:focus + .bgv-gc8, .bgv-gc8:focus {
        color: #fff;
        background-color: #294254;
        border-color: #213644;
        box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
    }

    .btn-check:active + .bgv-gc8, .btn-check:checked + .bgv-gc8, .bgv-gc8.active, .bgv-gc8:active, .show > .bgv-gc8.dropdown-toggle {
        color: #fff;
        background-color: #294254;
        border-color: #213644
    }

        .btn-check:active + .bgv-gc8:focus, .btn-check:checked + .bgv-gc8:focus, .bgv-gc8.active:focus, .bgv-gc8:active:focus, .show > .bgv-gc8.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
        }

    .bgv-gc8.disabled, .bgv-gc8:disabled {
        color: #fff;
        background-color: #343C42;
        border-color: #343C42
    }

.bgv-gl7 {
    color: #C1D3A9;
    background-color: #6C0000;
    border-color: #6C0000
}

    .bgv-gl7:hover {
        color: #C1D3A9;
        background-color: #560000;
        border-color: #3D0000
    }

    .btn-check:focus + .bgv-gl7, .bgv-gl7:focus {
        color: #C1D3A9;
        background-color: #420101;
        border-color: #420101;
        box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
    }

    .btn-check:active + .bgv-gl7, .btn-check:checked + .bgv-gl7, .bgv-gl7.active, .bgv-gl7:active, .show > .bgv-gl7.dropdown-toggle {
        color: #C1D3A9;
        background-color: #420101;
        border-color: #420101
    }

        .btn-check:active + .bgv-gl7:focus, .btn-check:checked + .bgv-gl7:focus, .bgv-gl7.active:focus, .bgv-gl7:active:focus, .show > .bgv-gl7.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
        }

    .bgv-gl7.disabled, .bgv-gl7:disabled {
        color: #C1D3A9;
        background-color: #3A1919;
        border-color: #3A1919
    }


.bgv-gtl {
    color: #fff;
    background-color: #0C7055;
    border-color: #0C7055;
}

    .bgv-gtl:hover {
        color: #fff;
        background-color: #0B4937;
        border-color: #146c43;
    }

    .btn-check:focus + .bgv-gtl, .bgv-gtl:focus {
        color: #fff;
        background-color: #157347;
        border-color: #146c43;
        box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
    }

    .btn-check:active + .bgv-gtl, .btn-check:checked + .bgv-gtl, .bgv-gtl.active, .bgv-gtl:active, .show > .bgv-gtl.dropdown-toggle {
        color: #fff;
        background-color: #146c43;
        border-color: #13653f
    }

        .btn-check:active + .bgv-gtl:focus, .btn-check:checked + .bgv-gtl:focus, .bgv-gtl.active:focus, .bgv-gtl:active:focus, .show > .bgv-gtl.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
        }

    .bgv-gtl.disabled, .bgv-gtl:disabled {
        color: #fff;
        background-color: #198754;
        border-color: #198754
    }

.bgv-gold {
    color: #343a40;
    background-color: #ffc107;
    border-color: #ffc107
}

    .bgv-gold:hover {
        color: #343a40;
        background-color: #D4AF37;
        border-color: #D4AF37
    }

    .btn-check:focus + .bgv-gold, .bgv-gold:focus {
        color: #343a40;
        background-color: #D4AF37;
        border-color: #D4AF37;
        box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
    }

    .btn-check:active + .bgv-gold, .btn-check:checked + .bgv-gold, .bgv-gold.active, .bgv-gold:active, .show > .bgv-gold.dropdown-toggle {
        color: #343a40;
        background-color: #D4AF37;
        border-color: #D4AF37
    }

        .btn-check:active + .bgv-gold:focus, .btn-check:checked + .bgv-gold:focus, .bgv-gold.active:focus, .bgv-gold:active:focus, .show > .bgv-darkgrey.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
        }

    .bgv-gold.disabled, .bgv-gold:disabled {
        color: #fff;
        background-color: #D4AF37;
        border-color: #D4AF37
    }

.bgv-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #b1b2b3
}

    .bgv-light:hover {
        color: #000;
        background-color: #e0e0e0;
        border-color: #e0e0e0
    }

    .btn-check:focus + .bgv-light, .bgv-light:focus {
        color: #000;
        background-color: #e0e0e0;
        border-color: #e0e0e0;
        box-shadow: 0 0 0 .25rem rgba(211,212,213,.5)
    }

    .btn-check:active + .bgv-light, .btn-check:checked + .bgv-light, .bgv-light.active, .bgv-light:active, .show > .bgv-light.dropdown-toggle {
        color: #000;
        background-color: #e0e0e0;
        border-color: #e0e0e0
    }

        .btn-check:active + .bgv-light:focus, .btn-check:checked + .bgv-light:focus, .bgv-light.active:focus, .bgv-light:active:focus, .show > .bgv-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(211,212,213,.5)
        }

    .bgv-light.disabled, .bgv-light:disabled {
        color: #000;
        background-color: #f8f9fa;
        border-color: #b1b2b3
    }

.bgv-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

    .bgv-secondary:hover {
        color: #fff;
        background-color: #5c636a;
        border-color: #565e64
    }

    .btn-check:focus + .bgv-secondary, .bgv-secondary:focus {
        color: #fff;
        background-color: #5c636a;
        border-color: #565e64;
        box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
    }

    .btn-check:active + .bgv-secondary, .btn-check:checked + .bgv-secondary, .bgv-secondary.active, .bgv-secondary:active, .show > .bgv-secondary.dropdown-toggle {
        color: #fff;
        background-color: #565e64;
        border-color: #51585e
    }

        .btn-check:active + .bgv-secondary:focus, .btn-check:checked + .bgv-secondary:focus, .bgv-secondary.active:focus, .bgv-secondary:active:focus, .show > .bgv-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
        }

    .bgv-secondary.disabled, .bgv-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

.bgv-purple {
    color: #fff;
    background-color: #611f61;
    border-color: #611f61
}

    .bgv-purple:hover {
        color: #fff;
        background-color: #493649;
        border-color: #565e64
    }

    .btn-check:focus + .bgv-purple, .bgv-purple:focus {
        color: #fff;
        background-color: #5c636a;
        border-color: #565e64;
        box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
    }

    .btn-check:active + .bgv-purple, .btn-check:checked + .bgv-purple, .bgv-purple.active, .bgv-purple:active, .show > .bgv-purple.dropdown-toggle {
        color: #fff;
        background-color: #565e64;
        border-color: #51585e
    }

        .btn-check:active + .bgv-purple:focus, .btn-check:checked + .bgv-purple:focus, .bgv-purple.active:focus, .bgv-purple:active:focus, .show > .bgv-purple.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
        }

    .bgv-purple.disabled, .bgv-purple:disabled {
        color: #fff;
        background-color: #611f61;
        border-color: #611f61
    }

.accordion-button:not(.collapsed) {
    color: black;
    background-color: white;
}
/* BGV Color classes */

.navbar {
    padding-bottom: 0 !important
}

.nav-link.active {
    background-color: #7aa6cf !important;
}

.bg-bgv-blue {
    background-color: #5789b4
}


html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

/* Chrome, Safari, Edge, Opera */
input.no-arrow::-webkit-outer-spin-button,
input.no-arrow::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number].no-arrow {
    -moz-appearance: textfield; /* Firefox */
}

.fixedTop {
    position: -webkit-sticky;
    position: sticky;
    top: 5px;
}

.input-group .btn {
    position: relative;
    z-index: 0 !important;
}

    .input-group .btn:focus {
        z-index: 0 !important;
    }

.read-notification {
    background-color: gray;
}