/* overlay */
.popup-overlay,
.unique-popup-overlay{
  display:none;
  position:fixed;
  left:0; right:0; bottom:0;
  background-color:#fdfdfd;
  text-align:center;
  z-index:99;
  border-radius: 15px 15px 0 0 !important;
  padding: 20px 20px 0 !important;
  box-shadow: 7px -2px 7px rgba(0, 0, 0, 0.1);
}

.unique-popup p{
  margin-bottom: 0;
  font-size: 15px;
  line-height: 26px;
}

.btn-success{
  background-color:#0566AB !important;
  padding:7px 25px !important;
  border-radius: 0 !important;
  border: 0 !important;
}

/* ปุ่ม */
a.popup-setting,
a.unique-popup-setting{
  display:inline-block;
  color:#0566AB;
  padding:7px 0;
  border-radius:6px;
  text-decoration: underline;
  font-weight: 500;
}
a.popup-close,
a.unique-popup-close{
  display:inline-block;
  color:#fff;
  background-color:#333;
  padding:7px 25px;
  text-decoration:none;
  margin-right: 5px;
}
a.popup-submit,
a.unique-popup-submit{
  display:inline-block;
  color:#fff;
  background-color:#0566AB;
  padding:7px 25px;
  text-decoration:none;
}

.modal-body b, strong{
  font-weight: 500 !important;
}
.modal-title{
  color: #000;
}

/* สวิตช์ */
.switch{ position:relative; display:inline-block; width:60px; height:34px; }
.switch input{ opacity:0; width:0; height:0; }
.slider{ position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background:#ccc; transition:.4s; }
.slider:before{ content:""; position:absolute; height:26px; width:26px; left:4px; bottom:4px; background:#fff; transition:.4s; }
input:checked + .slider{ background:#2196F3; }
input:focus + .slider{ box-shadow:0 0 1px #2196F3; }
input:checked + .slider:before{ transform:translateX(26px); }
.slider.round{ border-radius:34px; }
.slider.round:before{ border-radius:50%; }

/* กล่องข้อความ */
.popup,
.unique-popup{ color:#000 !important; }

.unique-popup h4{
  color: #0566AB;
  font-size: 20px;
}
.modal-body h4{
  color: #0566AB;
  font-size: 18px;
}
.unique-popup.row{
  align-items: center;
}
.pdpa-popup{
  color: #05A4DE;
  font-weight: 500;
  padding-right: 5px;
  text-decoration: underline;
}
.box-pdpa{
  margin-top: 25px;
}
.box-pdpa h4{
  font-size: 19px;
  color: #000;
}

@media (max-width: 991px){
  .unique-popup-overlay .col-9, .unique-popup-overlay .col-3{
    width: 100%;
  }
  .unique-popup-overlay .col-3{
    margin-bottom: 15px;
  }
}
@media (max-width: 767px){
  .unique-popup-overlay .col-3{
   text-align: left !important;
   margin-top: 10px;
  }
  .box-pdpa h4{
    font-size: 17px;
    color: #000;
  }
  .box-pdpa{
    margin-top: 15px;
  }
}