.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
    /*color: #333333;*/
    /*background-color: rgba(255,255,255,.5);*/
    /*background-color: #197BFF;*/
    /*background-color: rgba(179, 211, 255, 0.2);*/
    background-color: rgba(0, 89, 184, 0.2);
}

/*.navbar .nav-item > .active > a,
.navbar .nav-item > .active > a:hover,
.navbar .nav-item > .active > a:focus {
    color: red !important;/*#333333; /* <—– change your color here*/
/*    background-color: transparent;
}*/
.bg-primary {
    background: -webkit-linear-gradient(#00bbfa , 30%, #197BFF) !important;
    background: -o-linear-gradient(#00bbfa , 30%, #197BFF) !important;
    background: linear-gradient(#00bbfa , 30%, #197BFF) !important;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    /*color: #0AF3A9 !important;*/
    /*background-color: transparent;*/
    /*filter: brightness(20%);*/
    /*background-color: rgba(0,0,0,0.1);*/
    /*background-color: rgba(0, 123, 255, 0.5);*/
    background-color: rgba(0, 89, 184, 0.2);
    border:1px solid;
    border-color:  rgba(0, 89, 184, 0.3);
}

/*.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
     #ffffff;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}*/


/*0, 95, 222  #197BFF*/
/* change the color of active or hovered links */
/*.navbar .nav-item.active .nav-link,*/
/*.navbar .nav-item:hover .nav-link {
    color: #ff5500;
    background-color: rgba(179, 211, 255, 0.2);
    margin-top: -7px;
    margin-bottom: -7px;
}*/
/*.navbar {
   background-color: #ff5500 !important;
}*/

/*"targets": [4,5,6],
"className": ['dt-center'],*/
th.dt-right, td.dt-right { 
    text-align: right; 
}

th.dt-center, td.dt-center { 
    text-align: center; 
}

th.dt-left, td.dt-left { 
    text-align: left; 
}

.site-info a {
    /*color: #ffffff;*/
    color: rgba(255,255,255,.5);
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    /* display: none; */
}

.login-form {
    padding: 20px;
    margin: 10px;
}

.prod_brand,
.prod_price {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
}

.no_padding {
    padding: 0 !important;
    margin: 0 !important;
}

@media only screen and (max-width: 996px) {
    .col-top-padding-media {
        padding-top: 5px;
    }
}

.col-top-padding {
    padding-top: 5px;
}