.bgPVMENU {
  background-color: #f7f7f7;
}
.bgPVMENU:hover {
  background-color: #fff;
}
.bgGray {
  background: #dbdbdb;
}
.bgLowGray {
  background: #f5f5f5;
}
.bgBoxSelect {
  background: #feab4b;
  border: 2px solid rgb(97, 97, 97);
}
.bgHeadFilter {
  background-color: #3b3b3b;
}
.bgMenuTop {
  background: #4089ff;
}
.bgRed3 {
  background: #e83232;
}
.bgRed4 {
  background: #960000;
}

.bgFB {
  background-color: #3975ea;
}
.bgTW {
  background-color: #4d9feb;
}
.bgGG {
  background-color: #db4437;
}
.bgLINE {
  background-color: #70c46f;
}
.bgGreen {
  background-color: #0a7f08;
}
.bgHilighttext {
  background-color: #ffffb5;
}
.bgHilighttext2 {
  background-color: #ffffff;
}
.bgForm {
  background-color: #efefef;
}
.bgWhiteOP1 {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.bgWhiteOP2 {
  border-radius: 0px;
  background: #ffffff;
  box-shadow: inset -5px -5px 10px #f2f2f2,
              inset 5px 5px 10px #ffffff;
} 

.bgWhiteOP3{
  border-radius: 23px;
  background: #ffffff;
  box-shadow:  7px 7px 14px #bdbdbd,
             -7px -7px 14px #ffffff;
}

.bgWhiteOP4 {
  border-radius: 0px;
  background: #fff;
  box-shadow: 5px 5px 10px #d1d1d1, -5px -5px 10px #ffffff;
}

.bgExpire {
  background: rgb(205, 205, 205);

  border-radius: 20px;

}

.shadow01 {
  border-radius: 20px;
  background: #fff;
  box-shadow:  5px 5px 10px #bdbdbd,
             -5px -5px 10px #ffffff;
}

.custom-border {
  border: 3px solid #d1d1d1; /* 2px wide border with a golden color (#ffc107) */
}

.white-border {
  border: 3px solid #ffffff; /* 2px wide border with a golden color (#ffc107) */
}

/* Gradients color */
.bgPromo {
  background: #833ab4;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #fcb045, #fd1d1d, #833ab4);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #fcb045, #fd1d1d, #833ab4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bgBlueGD {
  background: #0575E6;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #021B79, #0575E6);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #021B79, #0575E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bgOrangeGD{
  background: #FDC830;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #F37335, #FDC830);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #F37335, #FDC830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.bgGreenGD{
  background: #56ab2f;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #a8e063, #56ab2f);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #a8e063, #56ab2f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.hover-gray {
  background-color: #f8f9fa; /* Default background color */
  transition: background-color 0.3s ease; /* Smooth transition effect */
}

.hover-gray:hover {
  background-color: #BEECFF; /* Background color on hover */
  color: #000;
  font-weight: bold;
}

.hover-yellow {
  background-color: #f8f9fa; /* Default background color */
  transition: background-color 0.3s ease; /* Smooth transition effect */
}

.hover-yellow:hover {
  background-color: #FDC830; /* Background color on hover */
}

.border-yellow-hover {
  background-color: #b9b9b9; /* Default background color */
  transition: border-color 0.3s ease; /* Smooth transition effect */
}

.border-yellow-hover:hover {
  border-color: #FDC830; /* Border color on hover */
}