@font-face {
    font-family: 'play_regular';
    src: url('../fonts/Play-Regular.ttf');
  }
  @font-face {
    font-family: 'poppins_regular';
    src: url('../fonts/Poppins-Regular.ttf');
  }
  body{
    font-family:  'poppins_regular', sans-serif !important;  
    font-size: small;
  }
  hr.dotted {
    border-top: 2px dotted #999;
}
  .alert-ajax{
    position: absolute !important;
    width: 100%;
  }

  .preview{
    width: 70px;
    height:70px;
    border-radius: 8px;
    margin-bottom: 4px;
    padding: 3px;
}
.removePic {
  position: absolute;
  cursor: pointer;
  font-size: 20px;
  margin: -10px 0px 0px -3px;
}
.hideBox{
  display: none;
}

canvas {
  border: 1px solid grey;
  width: 900px;

}

.inputSize{
  width: 300px;
}
.bg-side{
  background-color: #f0dddd !important;
  color: black !important;
}
.bg-main{
  background-color:#f4f6f9 !important;
}
.navbar-light .navbar-nav .nav-link {
  color: black !important;
} 
.menu-active,.menu-active p,.menu-active i{
  background-color: #f0dddd !important;
  color: black !important;
}
.text-dark{
  color: black !important;
}
.nav-link{
  color: black !important;
}
.nav-link:hover {
color: black !important;
} 
.nav-link:active {
color: black !important;
} 
.default-color{
  color: black !important;
}
/* input[readonly] {
  background-color: l !important;
} */
.bg-side{
  background-color: #f0dddd !important;
  color: black !important;
}
.card-primary.card-outline {
  border-top: 3px solid #f0dddd;
}
.cardDetails {
  position: relative;
  display: flex;
  width: 395px;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #23406f;
  background-clip: border-box;
  border: 1px solid #23406f;
  border-radius: 7px;
}

.light {
  color: #7d7979;
  font-size: 11px;
}
.quantity::-webkit-inner-spin-button, 
.quantity::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.callout.callout-info {
  border-left-color: #f0dddd !important;
}

.customImg{
  width: 100px !important;
  height: 100px !important;
}