/* Custom layout */
/* Fonts */
@import url(//fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,700);
@import url(//fonts.googleapis.com/icon?family=Material+Icons);

/* General */

/* Bootstrap primary as CSS variables */
:root{
  --bs-primary: #A2B194;
  --bs-primary-rgb: 162,177,148;
}

/* Optional: keep your button styles but use the variables */
.btn-primary{
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-outline-primary{
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-outline-primary:hover{
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

/* If you still want to force .bg-primary (Bootstrap already uses the rgb var): */
.bg-primary{
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

/* Your carousel arrows will now work with var(--bs-primary) */
.card .carousel-control-prev,
.card .carousel-control-next{
  width: 3%;
  background-color: var(--bs-primary);
  opacity: 75%;
  height: 15%;
  top: 30%;
}


.sidebar-BordingCentral-Light {
                                                            background-color: #FFFFFF !important
                            }

.btn-default {
                         background-color: #A2B194 !important;
                          border-color:#A2B194!important;
                        }

.btn-danger {
                         background-color: #983D3D !important;
                        border-color: #983D3D !important;
                        }

.card-footer {
                         background-color: #FFFFFF !important;
                        }
                        

a {
                        color:#A2B194;
                        }
                        .nav-pills .nav-link {
                         color: #A2B194;
                        }
                        

.sidebar-profile-image {
                        -webkit-filter: invert(False);
                          filter: invert(False);
                        }
                          .sidebar-product-image {
                          -webkit-filter: invert(False);
                          filter: invert(False);
                        }

.nav-pills .nav-link:not(.active):hover {
                        color:#A2B194;
                        }

.CustomCardFooterText {
                            color: #000000;
                        }
/* Address settings */








 .HideProductNumber {
                            display : none;
                            }







.CustomCardFooterText:hover {
                                color: #A2B194;
                            }

.ContentBackGroundColor {
                            background-color: #303430
                            }

.userdocuments-header.mb-2 {
color: #white;
}
 
.row.product-name.mb-2 {
color: white;
}
 
.row-name.mb-2 {
color: white;
}
 
span#ContentPlaceHolder1_LProductName {
color:white;
}

.ContentBackGroundColor {
    color: white;
}

.card {
    background-color: #000;
}

.text-dark {
    color: #fff !important;
}

.text-danger {
    color: #983D3D !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 7rem;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}

.product-card {
    margin: 0px !important;
    background-color: rgba(0, 0, 0, .125) !important;
    box-shadow: none;
}