.nav-sidebar ul li a {
    color: red;
}

.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
    margin-top: 0px;
}

.nav-treeview li a p {
    color: black !important;
    font-weight: 400 !important;
}

.nav-icon:hover {
    color: red !important;
}

.nav-links a:hover {
    color: gray !important;
}
.navbar {
    /*background-image: url('../gif/16.png');*/
    /*background-color: #ff1b1b;*/
    background: linear-gradient(to bottom, #ff1b1b, #ff5f15);
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem .5rem;
}

    .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .ClrWhite{
        color:white;
    }
.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: .5rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none;
    }

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}

    .navbar-toggler:focus, .navbar-toggler:hover {
        text-decoration: none;
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat;
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto;
}
.navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

        .navbar-expand-sm .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand-sm .navbar-nav .nav-link {
            padding-right: 1rem;
            padding-left: 1rem
        }

    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }
.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: 1rem;
            padding-left: 1rem
        }

    .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }
.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9)
}

    .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5)
}

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0,0,0,.7)
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0,0,0,.3)
    }

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,.5)
}

    .navbar-light .navbar-text a {
        color: rgba(0,0,0,.9)
    }
        .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
            color: rgba(0,0,0,.9)
        }

.navbar-dark .navbar-brand {
    color: #fff
}

    .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
        color: #fff
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.75)
}

    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
        color: #fff
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255,255,255,.25)
    }

    .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
        color: #fff
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.75);
    border-color: rgba(255,255,255,.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,.75)
}

    .navbar-dark .navbar-text a {
        color: #fff
    }

        .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
            color: #fff
        }
.navbar-custom-menu > .navbar-nav > li {
    position: relative
}

    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        position: absolute;
        right: 0;
        left: auto
    }

@media (max-width:767.98px) {
    .navbar-custom-menu > .navbar-nav {
        float: right
    }

        .navbar-custom-menu > .navbar-nav > li {
            position: static
        }

            .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
                position: absolute;
                right: 5%;
                left: auto;
                border: 1px solid #ddd;
                background-color: #fff
            }
}

.navbar-nav > .user-menu > .nav-link::after {
    content: none
}

.navbar-nav > .user-menu > .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
    width: 280px
}

    .navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

        .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
            height: 175px;
            padding: 10px;
            text-align: center
        }

            .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
                z-index: 5;
                height: 90px;
                width: 90px;
                border: 3px solid;
                border-color: transparent;
                border-color: rgba(255,255,255,.2)
            }

            .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
                z-index: 5;
                font-size: 17px;
                margin-top: 10px
            }

                .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
                    display: block;
                    font-size: 12px
                }

        .navbar-nav > .user-menu > .dropdown-menu > .user-body {
            border-bottom: 1px solid #495057;
            border-top: 1px solid #dee2e6;
            padding: 15px
        }

            .navbar-nav > .user-menu > .dropdown-menu > .user-body::after {
                display: block;
                clear: both;
                content: ""
            }

@media (min-width:576px) {
    .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
        background-color: #fff !important;
        color: #495057 !important
    }
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #f8f9fa;
    padding: 10px
}

    .navbar-nav > .user-menu > .dropdown-menu > .user-footer::after {
        display: block;
        clear: both;
        content: ""
    }

    .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
        color: #6c757d
    }

@media (min-width:576px) {
    .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
        background-color: #f8f9fa
    }
}

.navbar-nav > .user-menu .user-image {
    border-radius: 50%;
    float: left;
    height: 2.1rem;
    margin-right: 10px;
    margin-top: -2px;
    width: 2.1rem
}

@media (min-width:576px) {
    .navbar-nav > .user-menu .user-image {
        float: none;
        line-height: 10px;
        margin-right: .4rem;
        margin-top: -8px
    }
}

.dark-mode .dropdown-menu {
    background-color: #343a40;
    color: #fff
}

.dark-mode .dropdown-item {
    color: #fff
}

    .dark-mode .dropdown-item:focus, .dark-mode .dropdown-item:hover {
        background-color: #3f474e
    }

.dark-mode .dropdown-divider {
    border-color: #6c757d
}

.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #3a4047;
    color: #fff
}

    .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
        color: #fff
    }

        .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:focus, .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
            background-color: #3f474e;
            color: #dee2e6
        }

        .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:focus {
            background-color: #454d55
        }

.dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body {
    border-color: #6c757d
}

    .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
        background-color: transparent !important;
        color: #fff !important
    }

        .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a:focus, .dark-mode .navbar-nav > .user-menu > .dropdown-menu > .user-body a:hover {
            color: #ced4da !important
        }

.nav-pills .nav-link {
    color: black;
}

    .nav-pills .nav-link:not(.active):hover {
        color: #007bff
    }

.nav-pills .nav-item.dropdown.show .nav-link:hover {
    color: #fff
}

.nav-tabs.flex-column {
    border-bottom: 0;
    border-right: 1px solid #dee2e6
}

    .nav-tabs.flex-column .nav-link {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0;
        margin-right: -1px
    }

        .nav-tabs.flex-column .nav-link:focus, .nav-tabs.flex-column .nav-link:hover {
            border-color: #e9ecef transparent #e9ecef #e9ecef
        }

        .nav-tabs.flex-column .nav-item.show .nav-link, .nav-tabs.flex-column .nav-link.active {
            border-color: #dee2e6 transparent #dee2e6 #dee2e6
        }

    .nav-tabs.flex-column.nav-tabs-right {
        border-left: 1px solid #dee2e6;
        border-right: 0
    }

        .nav-tabs.flex-column.nav-tabs-right .nav-link {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: .25rem;
            border-top-left-radius: 0;
            border-top-right-radius: .25rem;
            margin-left: -1px
        }

            .nav-tabs.flex-column.nav-tabs-right .nav-link:focus, .nav-tabs.flex-column.nav-tabs-right .nav-link:hover {
                border-color: #e9ecef #e9ecef #e9ecef transparent
            }

            .nav-tabs.flex-column.nav-tabs-right .nav-item.show .nav-link, .nav-tabs.flex-column.nav-tabs-right .nav-link.active {
                border-color: #dee2e6 #dee2e6 #dee2e6 transparent
            }

.navbar-no-expand {
    -ms-flex-direction: row;
    flex-direction: row
}

    .navbar-no-expand .nav-link {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .navbar-no-expand .dropdown-menu {
        position: absolute
    }

.navbar-light {
    background-color: #f8f9fa
}

.navbar-dark {
    background-color: #343a40;
    border-color: #4b545c
}

.navbar-primary {
    background-color: #007bff;
    color: #fff
}

    .navbar-primary.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-primary.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-primary.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-primary.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-primary.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-primary.navbar-light .form-control-navbar, .navbar-primary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #0071eb;
        border-color: #0065d1;
        color: rgba(52,58,64,.8)
    }

        .navbar-primary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-primary.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-primary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-primary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-primary.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-primary.navbar-light .form-control-navbar:focus, .navbar-primary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #006fe6;
            border-color: #0065d1 !important;
            color: #343a40
        }

    .navbar-primary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-primary.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-primary.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-primary.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-primary.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-primary.navbar-dark .form-control-navbar, .navbar-primary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #1486ff;
        border-color: #2e93ff;
        color: rgba(255,255,255,.8)
    }

        .navbar-primary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-primary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-primary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-primary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-primary.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-primary.navbar-dark .form-control-navbar:focus, .navbar-primary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #1a88ff;
            border-color: #2e93ff !important;
            color: #fff
        }

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

    .navbar-secondary.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-secondary.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-secondary.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-secondary.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-secondary.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-secondary.navbar-light .form-control-navbar, .navbar-secondary.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #636b72;
        border-color: #575e64;
        color: rgba(52,58,64,.8)
    }

        .navbar-secondary.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-secondary.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-secondary.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-secondary.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-secondary.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-secondary.navbar-light .form-control-navbar:focus,
        .navbar-secondary.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #60686f;
            border-color: #575e64 !important;
            color: #343a40
        }

    .navbar-secondary.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-secondary.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-secondary.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-secondary.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-secondary.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-secondary.navbar-dark .form-control-navbar,
    .navbar-secondary.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #757f88;
        border-color: #838c94;
        color: rgba(255,255,255,.8)
    }

        .navbar-secondary.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-secondary.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-secondary.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-secondary.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-secondary.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-secondary.navbar-dark .form-control-navbar:focus,
        .navbar-secondary.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #78828a;
            border-color: #838c94 !important;
            color: #fff
        }

.navbar-success {
    background-color: #28a745;
    color: #fff
}

    .navbar-success.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-success.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-success.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-success.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-success.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-success.navbar-light .form-control-navbar, .navbar-success.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #24973e;
        border-color: #1f8236;
        color: rgba(52,58,64,.8)
    }

        .navbar-success.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-success.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-success.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-success.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-success.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-success.navbar-light .form-control-navbar:focus,
        .navbar-success.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #23923d;
            border-color: #1f8236 !important;
            color: #343a40
        }

    .navbar-success.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-success.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-success.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-success.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-success.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-success.navbar-dark .form-control-navbar, .navbar-success.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #2cb74c;
        border-color: #31cc54;
        color: rgba(255,255,255,.8)
    }

        .navbar-success.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-success.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-success.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-success.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-success.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-success.navbar-dark .form-control-navbar:focus, .navbar-success.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #2dbc4e;
            border-color: #31cc54 !important;
            color: #fff
        }

.navbar-info {
    background-color: #17a2b8;
    color: #fff
}

    .navbar-info.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-info.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-info.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-info.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-info.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-info.navbar-light .form-control-navbar, .navbar-info.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #1592a6;
        border-color: #127e8f;
        color: rgba(52,58,64,.8)
    }

        .navbar-info.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-info.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-info.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-info.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-info.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-info.navbar-light .form-control-navbar:focus, .navbar-info.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #148ea1;
            border-color: #127e8f !important;
            color: #343a40
        }

    .navbar-info.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-info.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-info.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-info.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-info.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-info.navbar-dark .form-control-navbar, .navbar-info.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #19b2ca;
        border-color: #1cc6e1;
        color: rgba(255,255,255,.8)
    }

        .navbar-info.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-info.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-info.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-info.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-info.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-info.navbar-dark .form-control-navbar:focus, .navbar-info.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #1ab6cf;
            border-color: #1cc6e1 !important;
            color: #fff
        }

.navbar-warning {
    background-color: #ffc107;
    color: #1f2d3d
}

    .navbar-warning.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-warning.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-warning.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-warning.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-warning.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-warning.navbar-light .form-control-navbar, .navbar-warning.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #f2b500;
        border-color: #d8a200;
        color: rgba(52,58,64,.8)
    }

        .navbar-warning.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-warning.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-warning.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-warning.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-warning.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-warning.navbar-light .form-control-navbar:focus, .navbar-warning.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #edb100;
            border-color: #d8a200 !important;
            color: #343a40
        }

    .navbar-warning.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-warning.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-warning.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-warning.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-warning.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-warning.navbar-dark .form-control-navbar, .navbar-warning.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #ffc61b;
        border-color: #ffcc35;
        color: rgba(255,255,255,.8)
    }

        .navbar-warning.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-warning.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-warning.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-warning.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-warning.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-warning.navbar-dark .form-control-navbar:focus, .navbar-warning.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #ffc721;
            border-color: #ffcc35 !important;
            color: #fff
        }

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

    .navbar-danger.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-danger.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-danger.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-danger.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-danger.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-danger.navbar-light .form-control-navbar, .navbar-danger.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #d72536;
        border-color: #c22231;
        color: rgba(52,58,64,.8)
    }

        .navbar-danger.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-danger.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-danger.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-danger.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-danger.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-danger.navbar-light .form-control-navbar:focus, .navbar-danger.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #d32535;
            border-color: #c22231 !important;
            color: #343a40
        }

    .navbar-danger.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-danger.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-danger.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-danger.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-danger.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-danger.navbar-dark .form-control-navbar, .navbar-danger.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #df4655;
        border-color: #e35c69;
        color: rgba(255,255,255,.8)
    }

        .navbar-danger.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-danger.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-danger.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-danger.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-danger.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-danger.navbar-dark .form-control-navbar:focus, .navbar-danger.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #e04b59;
            border-color: #e35c69 !important;
            color: #fff
        }

.navbar-lightblue {
    background-color: #3c8dbc;
    color: #fff
}

    .navbar-lightblue.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-lightblue.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-lightblue.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-lightblue.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-lightblue.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-lightblue.navbar-light .form-control-navbar, .navbar-lightblue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #3781ad;
        border-color: #317399;
        color: rgba(52,58,64,.8)
    }

        .navbar-lightblue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-lightblue.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-lightblue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-lightblue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-lightblue.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-lightblue.navbar-light .form-control-navbar:focus, .navbar-lightblue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #367fa9;
            border-color: #317399 !important;
            color: #343a40
        }

    .navbar-lightblue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-lightblue.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-lightblue.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-lightblue.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-lightblue.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-lightblue.navbar-dark .form-control-navbar, .navbar-lightblue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #4897c5;
        border-color: #5ba2cb;
        color: rgba(255,255,255,.8)
    }

        .navbar-lightblue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-lightblue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-lightblue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-lightblue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-lightblue.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-lightblue.navbar-dark .form-control-navbar:focus, .navbar-lightblue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #4c99c6;
            border-color: #5ba2cb !important;
            color: #fff
        }

.navbar-navy {
    background-color: #001f3f;
    color: #fff
}

    .navbar-navy.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-navy.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-navy.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-navy.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-navy.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-navy.navbar-light .form-control-navbar, .navbar-navy.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #00152b;
        border-color: #000811;
        color: rgba(52,58,64,.8)
    }

        .navbar-navy.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-navy.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-navy.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-navy.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-navy.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-navy.navbar-light .form-control-navbar:focus, .navbar-navy.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #001226;
            border-color: #000811 !important;
            color: #343a40
        }

    .navbar-navy.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-navy.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-navy.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-navy.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-navy.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-navy.navbar-dark .form-control-navbar, .navbar-navy.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #002953;
        border-color: #00366d;
        color: rgba(255,255,255,.8)
    }

        .navbar-navy.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-navy.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-navy.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-navy.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-navy.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-navy.navbar-dark .form-control-navbar:focus, .navbar-navy.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #002c59;
            border-color: #00366d !important;
            color: #fff
        }

.navbar-olive {
    background-color: #3d9970;
    color: #fff
}

    .navbar-olive.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-olive.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-olive.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-olive.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-olive.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-olive.navbar-light .form-control-navbar, .navbar-olive.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #378a65;
        border-color: #307858;
        color: rgba(52,58,64,.8)
    }

        .navbar-olive.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-olive.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-olive.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-olive.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-olive.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-olive.navbar-light .form-control-navbar:focus, .navbar-olive.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #368763;
            border-color: #307858 !important;
            color: #343a40
        }

    .navbar-olive.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-olive.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-olive.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-olive.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-olive.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-olive.navbar-dark .form-control-navbar, .navbar-olive.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #43a87b;
        border-color: #4cb888;
        color: rgba(255,255,255,.8)
    }

        .navbar-olive.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-olive.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-olive.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-olive.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-olive.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-olive.navbar-dark .form-control-navbar:focus, .navbar-olive.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #44ab7d;
            border-color: #4cb888 !important;
            color: #fff
        }

.navbar-lime {
    background-color: #01ff70;
    color: #1f2d3d
}

    .navbar-lime.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-lime.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-lime.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-lime.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-lime.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-lime.navbar-light .form-control-navbar, .navbar-lime.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #00ec67;
        border-color: #00d25c;
        color: rgba(52,58,64,.8)
    }

        .navbar-lime.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-lime.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-lime.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-lime.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-lime.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-lime.navbar-light .form-control-navbar:focus, .navbar-lime.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #00e765;
            border-color: #00d25c !important;
            color: #343a40
        }

    .navbar-lime.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-lime.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-lime.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-lime.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-lime.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-lime.navbar-dark .form-control-navbar, .navbar-lime.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #15ff7b;
        border-color: #2fff8a;
        color: rgba(255,255,255,.8)
    }

        .navbar-lime.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-lime.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-lime.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-lime.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-lime.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-lime.navbar-dark .form-control-navbar:focus, .navbar-lime.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #1bff7e;
            border-color: #2fff8a !important;
            color: #fff
        }

.navbar-fuchsia {
    background-color: #f012be;
    color: #fff
}

    .navbar-fuchsia.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-fuchsia.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-fuchsia.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-fuchsia.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-fuchsia.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-fuchsia.navbar-light .form-control-navbar, .navbar-fuchsia.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #df0eb0;
        border-color: #c70d9d;
        color: rgba(52,58,64,.8)
    }

        .navbar-fuchsia.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-fuchsia.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-fuchsia.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-fuchsia.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-fuchsia.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-fuchsia.navbar-light .form-control-navbar:focus, .navbar-fuchsia.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #db0ead;
            border-color: #c70d9d !important;
            color: #343a40
        }

    .navbar-fuchsia.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-fuchsia.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-fuchsia.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-fuchsia.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-fuchsia.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-fuchsia.navbar-dark .form-control-navbar, .navbar-fuchsia.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #f125c3;
        border-color: #f33dca;
        color: rgba(255,255,255,.8)
    }

        .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-fuchsia.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-fuchsia.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-fuchsia.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-fuchsia.navbar-dark .form-control-navbar:focus, .navbar-fuchsia.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #f22ac5;
            border-color: #f33dca !important;
            color: #fff
        }

.navbar-maroon {
    background-color: #d81b60;
    color: #fff
}

    .navbar-maroon.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-maroon.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-maroon.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-maroon.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-maroon.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-maroon.navbar-light .form-control-navbar, .navbar-maroon.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #c61958;
        border-color: #af164e;
        color: rgba(52,58,64,.8)
    }

        .navbar-maroon.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-maroon.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-maroon.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-maroon.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-maroon.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-maroon.navbar-light .form-control-navbar:focus, .navbar-maroon.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #c11856;
            border-color: #af164e !important;
            color: #343a40
        }

    .navbar-maroon.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-maroon.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-maroon.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-maroon.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-maroon.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-maroon.navbar-dark .form-control-navbar, .navbar-maroon.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #e4246a;
        border-color: #e63a79;
        color: rgba(255,255,255,.8)
    }

        .navbar-maroon.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-maroon.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-maroon.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-maroon.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-maroon.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-maroon.navbar-dark .form-control-navbar:focus, .navbar-maroon.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #e4286d;
            border-color: #e63a79 !important;
            color: #fff
        }

.navbar-blue {
    background-color: #007bff;
    color: #fff
}

    .navbar-blue.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-blue.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-blue.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-blue.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-blue.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-blue.navbar-light .form-control-navbar, .navbar-blue.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #0071eb;
        border-color: #0065d1;
        color: rgba(52,58,64,.8)
    }

        .navbar-blue.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-blue.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-blue.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-blue.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-blue.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-blue.navbar-light .form-control-navbar:focus, .navbar-blue.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #006fe6;
            border-color: #0065d1 !important;
            color: #343a40
        }

    .navbar-blue.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-blue.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-blue.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-blue.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-blue.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-blue.navbar-dark .form-control-navbar, .navbar-blue.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #1486ff;
        border-color: #2e93ff;
        color: rgba(255,255,255,.8)
    }

        .navbar-blue.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-blue.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-blue.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-blue.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-blue.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-blue.navbar-dark .form-control-navbar:focus, .navbar-blue.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #1a88ff;
            border-color: #2e93ff !important;
            color: #fff
        }

.navbar-indigo {
    background-color: #6610f2;
    color: #fff
}

    .navbar-indigo.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-indigo.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-indigo.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-indigo.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-indigo.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-indigo.navbar-light .form-control-navbar, .navbar-indigo.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #5d0ce1;
        border-color: #530bc9;
        color: rgba(52,58,64,.8)
    }

        .navbar-indigo.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-indigo.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-indigo.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-indigo.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-indigo.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-indigo.navbar-light .form-control-navbar:focus, .navbar-indigo.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #5b0cdd;
            border-color: #530bc9 !important;
            color: #343a40
        }

    .navbar-indigo.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-indigo.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-indigo.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-indigo.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-indigo.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-indigo.navbar-dark .form-control-navbar, .navbar-indigo.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #7223f3;
        border-color: #823cf4;
        color: rgba(255,255,255,.8)
    }

        .navbar-indigo.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-indigo.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-indigo.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-indigo.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-indigo.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-indigo.navbar-dark .form-control-navbar:focus, .navbar-indigo.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #7528f3;
            border-color: #823cf4 !important;
            color: #fff
        }

.navbar-purple {
    background-color: #6f42c1;
    color: #fff
}

    .navbar-purple.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-purple.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-purple.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-purple.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-purple.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-purple.navbar-light .form-control-navbar, .navbar-purple.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #663bb4;
        border-color: #5b35a0;
        color: rgba(52,58,64,.8)
    }

        .navbar-purple.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-purple.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-purple.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-purple.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-purple.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-purple.navbar-light .form-control-navbar:focus, .navbar-purple.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #643ab0;
            border-color: #5b35a0 !important;
            color: #343a40
        }

    .navbar-purple.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-purple.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-purple.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-purple.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-purple.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-purple.navbar-dark .form-control-navbar, .navbar-purple.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #7b51c6;
        border-color: #8965cc;
        color: rgba(255,255,255,.8)
    }

        .navbar-purple.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-purple.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-purple.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-purple.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-purple.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-purple.navbar-dark .form-control-navbar:focus, .navbar-purple.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #7e55c7;
            border-color: #8965cc !important;
            color: #fff
        }

.navbar-pink {
    background-color: #e83e8c;
    color: #fff
}

    .navbar-pink.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-pink.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-pink.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-pink.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-pink.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-pink.navbar-light .form-control-navbar, .navbar-pink.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #e62c81;
        border-color: #de1a74;
        color: rgba(52,58,64,.8)
    }

        .navbar-pink.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-pink.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-pink.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-pink.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-pink.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-pink.navbar-light .form-control-navbar:focus, .navbar-pink.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #e5277e;
            border-color: #de1a74 !important;
            color: #343a40
        }

    .navbar-pink.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-pink.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-pink.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-pink.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-pink.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-pink.navbar-dark .form-control-navbar, .navbar-pink.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #ea5097;
        border-color: #ed67a4;
        color: rgba(255,255,255,.8)
    }

        .navbar-pink.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-pink.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-pink.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-pink.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-pink.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-pink.navbar-dark .form-control-navbar:focus, .navbar-pink.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #eb559a;
            border-color: #ed67a4 !important;
            color: #fff
        }

.navbar-red {
    background-color: #dc3545;
    color: #fff
}

    .navbar-red.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-red.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-red.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-red.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-red.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-red.navbar-light .form-control-navbar, .navbar-red.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #d72536;
        border-color: #c22231;
        color: rgba(52,58,64,.8)
    }

        .navbar-red.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-red.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-red.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-red.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-red.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-red.navbar-light .form-control-navbar:focus, .navbar-red.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #d32535;
            border-color: #c22231 !important;
            color: #343a40
        }

    .navbar-red.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-red.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-red.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-red.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-red.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-red.navbar-dark .form-control-navbar, .navbar-red.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #df4655;
        border-color: #e35c69;
        color: rgba(255,255,255,.8)
    }

        .navbar-red.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-red.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-red.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-red.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-red.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-red.navbar-dark .form-control-navbar:focus, .navbar-red.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #e04b59;
            border-color: #e35c69 !important;
            color: #fff
        }

.navbar-orange {
    background-color: #fd7e14;
    color: #1f2d3d
}

    .navbar-orange.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-orange.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-orange.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-orange.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-orange.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-orange.navbar-light .form-control-navbar, .navbar-orange.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #fa7302;
        border-color: #e16702;
        color: rgba(52,58,64,.8)
    }

        .navbar-orange.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-orange.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-orange.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-orange.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-orange.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-orange.navbar-light .form-control-navbar:focus, .navbar-orange.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #f57102;
            border-color: #e16702 !important;
            color: #343a40
        }

    .navbar-orange.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-orange.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-orange.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-orange.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-orange.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-orange.navbar-dark .form-control-navbar, .navbar-orange.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #fd8928;
        border-color: #fd9742;
        color: rgba(255,255,255,.8)
    }

        .navbar-orange.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-orange.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-orange.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-orange.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-orange.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-orange.navbar-dark .form-control-navbar:focus, .navbar-orange.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #fd8c2d;
            border-color: #fd9742 !important;
            color: #fff
        }

.navbar-yellow {
    background-color: #ffc107;
    color: #1f2d3d
}

    .navbar-yellow.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-yellow.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-yellow.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-yellow.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-yellow.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-yellow.navbar-light .form-control-navbar, .navbar-yellow.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #f2b500;
        border-color: #d8a200;
        color: rgba(52,58,64,.8)
    }

        .navbar-yellow.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-yellow.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-yellow.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-yellow.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-yellow.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-yellow.navbar-light .form-control-navbar:focus, .navbar-yellow.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #edb100;
            border-color: #d8a200 !important;
            color: #343a40
        }

    .navbar-yellow.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-yellow.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-yellow.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-yellow.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-yellow.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-yellow.navbar-dark .form-control-navbar, .navbar-yellow.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #ffc61b;
        border-color: #ffcc35;
        color: rgba(255,255,255,.8)
    }

        .navbar-yellow.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-yellow.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-yellow.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-yellow.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-yellow.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-yellow.navbar-dark .form-control-navbar:focus, .navbar-yellow.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #ffc721;
            border-color: #ffcc35 !important;
            color: #fff
        }

.navbar-green {
    background-color: #28a745;
    color: #fff
}

    .navbar-green.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-green.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-green.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-green.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-green.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-green.navbar-light .form-control-navbar, .navbar-green.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #24973e;
        border-color: #1f8236;
        color: rgba(52,58,64,.8)
    }

        .navbar-green.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-green.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-green.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-green.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-green.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-green.navbar-light .form-control-navbar:focus, .navbar-green.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #23923d;
            border-color: #1f8236 !important;
            color: #343a40
        }

    .navbar-green.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-green.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-green.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-green.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-green.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-green.navbar-dark .form-control-navbar, .navbar-green.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #2cb74c;
        border-color: #31cc54;
        color: rgba(255,255,255,.8)
    }

        .navbar-green.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-green.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-green.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-green.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-green.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-green.navbar-dark .form-control-navbar:focus, .navbar-green.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #2dbc4e;
            border-color: #31cc54 !important;
            color: #fff
        }

.navbar-teal {
    background-color: #20c997;
    color: #fff
}

    .navbar-teal.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-teal.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-teal.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-teal.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-teal.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-teal.navbar-light .form-control-navbar, .navbar-teal.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #1db78a;
        border-color: #1aa179;
        color: rgba(52,58,64,.8)
    }

        .navbar-teal.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-teal.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-teal.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-teal.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-teal.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-teal.navbar-light .form-control-navbar:focus, .navbar-teal.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #1cb386;
            border-color: #1aa179 !important;
            color: #343a40
        }

    .navbar-teal.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-teal.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-teal.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-teal.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-teal.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-teal.navbar-dark .form-control-navbar, .navbar-teal.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #23dba4;
        border-color: #38dfae;
        color: rgba(255,255,255,.8)
    }

        .navbar-teal.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-teal.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-teal.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-teal.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-teal.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-teal.navbar-dark .form-control-navbar:focus, .navbar-teal.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #26dca6;
            border-color: #38dfae !important;
            color: #fff
        }

.navbar-cyan {
    background-color: #17a2b8;
    color: #fff
}

    .navbar-cyan.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-cyan.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-cyan.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-cyan.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-cyan.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-cyan.navbar-light .form-control-navbar, .navbar-cyan.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #1592a6;
        border-color: #127e8f;
        color: rgba(52,58,64,.8)
    }

        .navbar-cyan.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-cyan.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-cyan.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-cyan.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-cyan.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-cyan.navbar-light .form-control-navbar:focus, .navbar-cyan.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #148ea1;
            border-color: #127e8f !important;
            color: #343a40
        }

    .navbar-cyan.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-cyan.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-cyan.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-cyan.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-cyan.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-cyan.navbar-dark .form-control-navbar, .navbar-cyan.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #19b2ca;
        border-color: #1cc6e1;
        color: rgba(255,255,255,.8)
    }

        .navbar-cyan.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-cyan.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-cyan.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-cyan.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-cyan.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-cyan.navbar-dark .form-control-navbar:focus, .navbar-cyan.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #1ab6cf;
            border-color: #1cc6e1 !important;
            color: #fff
        }

.navbar-white {
    background-color: #fff;
    color: #1f2d3d
}

    .navbar-white.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-white.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-white.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-white.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-white.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-white.navbar-light .form-control-navbar, .navbar-white.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #f5f5f5;
        border-color: #e8e8e8;
        color: rgba(52,58,64,.8)
    }

        .navbar-white.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-white.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-white.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-white.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-white.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-white.navbar-light .form-control-navbar:focus, .navbar-white.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #f2f2f2;
            border-color: #e8e8e8 !important;
            color: #343a40
        }

    .navbar-white.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-white.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-white.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-white.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-white.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-white.navbar-dark .form-control-navbar, .navbar-white.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #fff;
        border-color: #fff;
        color: rgba(255,255,255,.8)
    }

        .navbar-white.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-white.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-white.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-white.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-white.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-white.navbar-dark .form-control-navbar:focus, .navbar-white.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #fff;
            border-color: #fff !important;
            color: #fff
        }

.navbar-gray {
    background-color: #6c757d;
    color: #fff
}

    .navbar-gray.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-gray.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-gray.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-gray.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-gray.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-gray.navbar-light .form-control-navbar, .navbar-gray.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #636b72;
        border-color: #575e64;
        color: rgba(52,58,64,.8)
    }

        .navbar-gray.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-gray.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-gray.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-gray.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-gray.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-gray.navbar-light .form-control-navbar:focus, .navbar-gray.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #60686f;
            border-color: #575e64 !important;
            color: #343a40
        }

    .navbar-gray.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-gray.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-gray.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-gray.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-gray.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-gray.navbar-dark .form-control-navbar, .navbar-gray.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #757f88;
        border-color: #838c94;
        color: rgba(255,255,255,.8)
    }

        .navbar-gray.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-gray.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-gray.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-gray.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-gray.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-gray.navbar-dark .form-control-navbar:focus, .navbar-gray.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #78828a;
            border-color: #838c94 !important;
            color: #fff
        }

.navbar-gray-dark {
    background-color: #343a40;
    color: #fff
}

    .navbar-gray-dark.navbar-light .form-control-navbar::-webkit-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-gray-dark.navbar-light .form-control-navbar::-moz-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-gray-dark.navbar-light .form-control-navbar:-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-gray-dark.navbar-light .form-control-navbar::-ms-input-placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-gray-dark.navbar-light .form-control-navbar::placeholder {
        color: rgba(52,58,64,.8)
    }

    .navbar-gray-dark.navbar-light .form-control-navbar, .navbar-gray-dark.navbar-light .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #2b3035;
        border-color: #1f2327;
        color: rgba(52,58,64,.8)
    }

        .navbar-gray-dark.navbar-light .form-control-navbar:focus::-webkit-input-placeholder {
            color: #343a40
        }

        .navbar-gray-dark.navbar-light .form-control-navbar:focus::-moz-placeholder {
            color: #343a40
        }

        .navbar-gray-dark.navbar-light .form-control-navbar:focus:-ms-input-placeholder {
            color: #343a40
        }

        .navbar-gray-dark.navbar-light .form-control-navbar:focus::-ms-input-placeholder {
            color: #343a40
        }

        .navbar-gray-dark.navbar-light .form-control-navbar:focus::placeholder {
            color: #343a40
        }

        .navbar-gray-dark.navbar-light .form-control-navbar:focus, .navbar-gray-dark.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #292d32;
            border-color: #1f2327 !important;
            color: #343a40
        }

    .navbar-gray-dark.navbar-dark .form-control-navbar::-webkit-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-gray-dark.navbar-dark .form-control-navbar::-moz-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-gray-dark.navbar-dark .form-control-navbar:-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-gray-dark.navbar-dark .form-control-navbar::-ms-input-placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-gray-dark.navbar-dark .form-control-navbar::placeholder {
        color: rgba(255,255,255,.8)
    }

    .navbar-gray-dark.navbar-dark .form-control-navbar, .navbar-gray-dark.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar {
        background-color: #3d444b;
        border-color: #495159;
        color: rgba(255,255,255,.8)
    }

        .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-webkit-input-placeholder {
            color: #fff
        }

        .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-moz-placeholder {
            color: #fff
        }

        .navbar-gray-dark.navbar-dark .form-control-navbar:focus:-ms-input-placeholder {
            color: #fff
        }

        .navbar-gray-dark.navbar-dark .form-control-navbar:focus::-ms-input-placeholder {
            color: #fff
        }

        .navbar-gray-dark.navbar-dark .form-control-navbar:focus::placeholder {
            color: #fff
        }

        .navbar-gray-dark.navbar-dark .form-control-navbar:focus, .navbar-gray-dark.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar {
            background-color: #3f474e;
            border-color: #495159 !important;
            color: #fff
        }

.navbar-nav-not-expanded {
    -ms-flex-direction: row;
    flex-direction: row
}

    .navbar-nav-not-expanded .dropdown-menu {
        position: absolute
    }

    .navbar-nav-not-expanded .nav-link {
        padding-right: 1rem;
        padding-left: 1rem
    }

.dark-mode .nav-pills .nav-link {
    color: #ced4da
}

.nav-item ul li a.active {
    color: red !important;
}

.menu-open a.active {
    color: red !important;
}

.nav-pills .nav-link a > menu-open {
    color: red !important;
}

.nav-sidebar .menu-is-opening > .nav-link i {
    color: red !important;
}

.nav-sidebar .menu-is-opening > .nav-link p {
    color: red !important;
}
}