.primary-nav .navbar-brand,
.primary-nav  .navbar-brand:hover{
    color: #fff;
}
.primary-nav .nav-link:hover{
    color: #d0d0d0;
}
.primary-nav .nav-link,
.primary-nav .nav-link:hover .bi{color:#fff}
.primary-nav .navbar-toggler{
    color: #fff;
}
.primary-nav .btn.navbar-toggler{
    border-color:#fff;
}
.primary-nav .btn.navbar-toggler:active,
.primary-nav .btn.navbar-toggler:focus{
    background: transparent;
    box-shadow: 0px 0px 0px transparent;
}
.primary-nav .dropdown-menu-item .nav-link{
    border-color: transparent;
}
.primary-nav .dropdown-menu-item .nav-link:hover,
.primary-nav .dropdown-menu-item .nav-link:active{
    border-color: #fff;
}

.side-nav,
.side-nav .nav-item,
.side-nav .nav-link{
    color: #fff;
    border-color: #fff;
}

.side-nav .nav-link:hover,
.side-nav .nav-link:active,
.side-nav .nav-link.active{
    border-color: #7a7a7a;
    background-color:#7a7a7a;
}
.divider{
    border-color: #d9d9d9;
}

.page-head{
    background: #e3e3e3;
}

.item .item-link{
    border-color: #e9e9e9;
    box-shadow: 4px 4px 8px #a7a7a7;
}
.item .text{
    color: #222222;
    border-color:  #e9e9e9;
    background: #e9e9e9;
}

.item .item-link:hover{
    border-color: #e9e9e9;
    box-shadow: 4px 4px 8px #12186c;
}

.item .item-link:hover> .item .text{
    color: #e9e9e9;
    border-color:#2d2d2d;
    background: #2d2d2d;
}
.btn.btn-add,
.btn.btn-add:focus{
    background-color: #e9e9e9;
    border-color: #c3c3c3;
}
.btn.btn-add .bi{
    color: #b7b7b7;
}
.btn.btn-add:hover,
.btn.btn-add:active{
    background-color: #d3d3d3;
    border-color: #c3c3c3;
}
.modal .modal-header{
    border-top-color: #fff;
}
.modal .modal-header,
.modal .modal-close{
    color: #fff;
}
.modal .modal-body{
    background-color: #e3e3e3;
}
.image-preview{
    background: #d6d6d6;
}
.image-preview .btn{
    color: #a5a5a5;
}
.image-preview .btn .text{
    border-color: #e9e9e9;    
    background: #303030b5
}
.image-preview .btn:hover .text{
    color: #aeaeae;    
    background: #121212dd
}

.banner-image{
    box-shadow: 4px 4px 8px #191919;
}
.summary{
    background-color:#cacaca;
}

.btn.btn-create,
.btn.btn-update{
    color: #fff;
    background: #0b0b0b;
}
.btn.btn-create:hover,
.btn.btn-update:hover,
.btn.btn-create:active,
.btn.btn-update:active,
.btn.btn-create:focus,
.btn.btn-update:focus
{
    color: #fff;
    background: #161616;
}

.btn.btn-delete,
.btn.btn-cancel{
    color: #fff;
    border-color: #BE0228;
    background: #BE0228;
}
.btn.btn-cancel:hover,
.btn.btn-canncel:active,
.btn.btn-cancel:focus,
.btn.btn-delete:hover,
.btn.btn-delete:active,
.btn.btn-delete:focus{
    border-color: #A50223;
    background: #A50223;
}
body{
    background:#c3c3c3;
}
.signin-card{
    color: #fff;
    border-color: #c3c3c3;
    background: #8e8e8e;
}
.signin-card .card-header{
    color: #fff;
    background: #090909;
}
.signin-card .card-body{
    border-color: #8e8e8e;
}
.signin-card .card-body label{
    color: #1d1d1d;
}
.logo-container .logo{
    border-color: #9e9e9e;
}

.signin-card{
    background: #999999;
}
.signin-card .btn.btn-signin,
.signin-card .btn.btn-link{
    color: #fff;
    background-color:#0b0b0b;
}

.signin-card .btn.btn-signin{
    border-color: #0b0b0b;
}
.signin-card .btn.btn-signin:hover,
.signin-card .btn.btn-signin:active,
.signin-card .btn.btn-signin:focus{
    border-color: #191919;
    background-color:#1a1a1a;
}
.signin-card .btn.btn-link{
    border-color: #343761;
    background-color: #343761;
}
.signin-card .btn.btn-link:hover,
.signin-card .btn.btn-link:active,
.signin-card .btn.btn-link:focus{
    border-color: #232541;
    background-color: #232541;
}
.signin-card .input-group-text{
    background: #a3a3a3;
    border-color: #cbcbcb;
}
.signin-card .input-group-text:hover,
.signin-card .input-group-text:active,
.signin-card .input-group-text:focus{
    color: #fff;
    background-color: #5a5a5a;
}