@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
body {
    font-family: 'Roboto', sans-serif;
  }
.customerDetails {
    background-color: #fffeed;
    
}
.salesNotes {
    background-color: #defbff;
}

.orderInterface {
    background-color: #f1fff5;
}

.customerSection {
    padding: 15px;
}

.loadingModal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/admin/images/loading.gif') 
                50% 50% 
                no-repeat;
}


/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loadingModal {
    display: block;
}


#Emailer input {
    width: 100%;
}

#Emailer textarea {
    width: 100%;
}

#Emailer label {
    margin: 5px;
    width: 58px;
    display: inline-block;
}

#EmailControls {
  margin: 8px auto;
  
}

#EmailControls input {
  margin-left: 155px;
  font-weight:bold;
  width: 160px;
  height: 50px;
  
}

#viewAttachment {
    cursor: pointer;
}

/* new customized css added */
.jumbutron-style{
    background:none;
}

.container-div-4 {
    background-color: #ebd30c;
    height: 100%; /* Set the height to 100% to fill the container */
    border-radius: 10px;
    padding: 10px;
  }
  
  .customized-row {
    display: flex; /* Use flexbox to align the divs */
  }
  
  .customized-col-md-4 {
    flex: 1; /* Distribute the available space evenly among the columns */
  }

.container-div-4 h3{
    /* text-align:center; */
    border-bottom: solid 2px #000;
    padding-bottom: 8px;
}
.customized-col-md-4 ul{
    padding-left: 15px;
}
.customized-col-md-4 ul li{
    list-style: circle;
}  
.customized-col-md-4 a:link,
.customized-col-md-4 a:visited
{
    color: #333;
    font-size: 15px;
    /* text-decoration: underline; */
}
.customized-col-md-4 a:hover{
    text-decoration: underline;
}
/* Override Bootstrap button colors */
.btn, .btn:hover, .btn:focus {
    background-color: #ebd30c;
    color: #000; /* Set text color to ensure contrast */
  }
  
  /* Override Bootstrap link colors */
  a, a:hover, a:focus {
    color: #c4b538;
  }
  
  /* Override Bootstrap nav link colors */
  .navbar-nav .nav-link, .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
    color: #ebd30c;
  }
/* Override Bootstrap btn-primary color */
.btn-primary, .btn-primary:hover, .btn-primary:focus {
    background-color: #ebd30c;
    border-color: #ebd30c; /* Optionally change border color */
    color: #000; /* Set text color to ensure contrast */
  }
  .container{
    padding-bottom:50px;
  }
  nav .container{
    padding-bottom: 0 !important;
  }
  .loading-load-more, .load-more-button{
    text-align:center;
  }
  .button{
    color:#000 !important;
    text-shadow: none !important;
  }
  .customer-tab.active a{
    background-color:#fffeed !important;
  }
  .notes-tab.active a{
    background-color:#defbff !important;
  }
  .orders-tab.active a{
    background-color:#f1fff5 !important;
  }
/* end */


/* nav bar styles */

/* end */