/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
 .bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bgcolor{
  background-color: white;
  background-attachment: fixed;
}

.footer{
  /* background-color: #48D1CC; */
  background-attachment: fixed;
  background-color: #f83600;
}

.text-muted {
color: #ffffff!important;
}

.navbarcolor {
  height: 80px;
  opacity: 0.9;
  /* background-color: #48D1CC; */
  background-color: #f83600;
  /* background-image: linear-gradient(to right, red , black); */
}

.modalcl {
  background-color: #efefef;
  /* background-image: linear-gradient(to right, darkred , white); */
}

.textcolor1 {
  color: #F8F8FF;
}

.textcolor2 {
  color: #FFFAF0;
}

.textcolor3 {
  color: #454545;
}

.textcolor4 {
color: cornsilk;
}

.textcolor5 {
color: yellow;
}

.textcolor6 {
color: darkred;
}

.textcolor7 {
  color: #ff6600;
  }

.textcolor8 {
    color: #999999;
  }

.line-through{
  text-decoration: line-through;
}

.textbt {
color: darkred;
}

.e {
background-color: #f83600;
}

.bg {
background-image: url("img/bg.jpg");
}

.font {
font-family: 'Kanit', sans-serif;
}

.bg2 {
background: linear-gradient(45deg, white, white, transparent);
}

.navmg {
/* margin-right: 160px; */
margin-left: 20px;
}

.deletebg {
background-color: red;
}

.slidecontainer {
width: 100%;
}

.fa-product-hunt:before {
content: "\f288";
color: coral;
}

.bgcategory {
background-color: #eff0f5;
}

.number-input input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}

.number-input {
margin-bottom: 3rem;
}

.number-input button {
-webkit-appearance: none;
background-color: transparent;
border: none;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0;
position: relative;
}

.number-input button:before,
.number-input button:after {
display: inline-block;
position: absolute;
content: '';
height: 2px;
transform: translate(-50%, -50%);
}

.number-input button.plus:after {
transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
text-align: center;
}

.number-input.number-input {
border: 1px solid #ced4da;
width: 10rem;
border-radius: .25rem;
}

.number-input.number-input button {
width: 2.6rem;
height: .7rem;
}

.number-input.number-input button.minus {
padding-left: 10px;
}

.number-input.number-input button:before,
.number-input.number-input button:after {
width: .7rem;
background-color: #495057;
}

.number-input.number-input input[type=number] {
max-width: 4rem;
padding: .5rem;
border: 1px solid #ced4da;
border-width: 0 1px;
font-size: 1rem;
height: 2rem;
color: #495057;
}

@media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color:transparent) {

.number-input.def-number-input.safari_only button:before,
.number-input.def-number-input.safari_only button:after {
margin-top: -.3rem;
}
}
}

@media (max-width: 600px) {
.img {
width: 100%;
  }
}

@media (min-width: 768px) {
.bd-placeholder-img-lg {
  font-size: 3.5rem;
  }
}

.modal-confirm {		
  color: #636363;
  width: 325px;
}
.modal-confirm .modal-content {
  padding: 20px;
  border-radius: 5px;
  border: none;
}
.modal-confirm .modal-header {
  border-bottom: none;   
      position: relative;
}
.modal-confirm h4 {
  text-align: center;
  font-size: 26px;
  margin: 30px 0 -15px;
}


.modal-confirm .icon-box {
  color: #fff;		
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -70px;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  z-index: 9;
  background: #82ce34;
  padding: 15px;
  text-align: center;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.modal-confirm .icon-box i {
  font-size: 58px;
  position: relative;
  top: 3px;
}
.modal-confirm.modal-dialog {
  margin-top: 80px;
}

.frem{
  font-size: 0.8rem;
}

.frem1{
  font-size: 0.6rem;
}

.bg-lightgray {
  background-color: #ececec;
}

/*# sourceMappingURL=bootstrap-grid.css.map */