@font-face {
   font-family: 'DBHeavent';
   font-style: normal;
   font-weight:normal;
   src: url('https://img.advice.co.th//images_nas/advice/oneweb/assets/fonts/DBHeavent/DBHeavent.ttf') 
   /* src: url('https://img.advice.co.th/images_nas/advice/oneweb/assets/fonts/DBHeaventRoundedBd/DBHeaventRoundedv3.2.ttf')  format('truetype'); */
}
.swal2-popup {
	background: #f8f9fa !important;
	width: 555px!important;
	height: auto !important;
}
.swal2-title {
	/* font-size: 17px; */
   font-size: 27px !important;
	color: #131212 !important;
}
.swal2-html-container { font-size: 23px !important; }
.swal2-actions button { font-size: 16px !important; }
.verify-code {
   position: absolute;
   font-size: 18px;
   font-weight: bold;
   top: 35%;
   left: 50%;
   transform: translate(-50%, -80%);
   color: dimgray;
   font-family: sans-serif;
}
.btnModalDismiss {
   font-size: 20px;
   line-height: 26px;
   border-radius: 40px;
   width: 26px;
   position: absolute;
   right: -10px;
   top: -10px;
   background: black;
   color: white;
   opacity: 0.7;
}
.btnModalDismiss:hover {
   opacity: 1;
}
.modal-header, .modal-body { 
   text-align: center;
}
.btn_verify{
   font-size: 15px;
   margin-left: 5px;
   height: 33.9px;
   color: #fff;
   background-color: #428bca;
   border-color: #357ebd;
}
.verify_container{
   margin: 0 auto;
   margin-bottom: 10px;
   display: block !important;
}
.countdown_time {
   background: gainsboro;
   display: inline-block;
   padding: 0px 10px 0px 10px;
   border-radius: 40px;
   margin-top: 5px;
}
.verify-pass, .verify-not-allowed, .verify-incorrect{
   font-size: 17px;
}
.verify-pass {
   color:green;
}
.verify-not-allowed, .verify-incorrect {
   color:red;
}
.txt_verify_pass{
   text-align: center;
   font-size: 15px;
}
.pass_show .ptxt{
	margin-top: -27px!important;
   margin-right: 10px!important;
}
.log-in-new{
   font-family: 'Athiti', sans-serif;
}
.verify-body{
	height: 470px;
}
.modal-header {
   display: block !important;
}
/* 
.page-wrapper.toggled .page-content {
    padding-left: 0px!important;
}
.page-wrapper .page-content > div {
    padding: 0px 0px!important;
}
h1{
    font-size: 3.5rem;
}
h2{
    font-size: 3.0rem; 
}
.pass_show .ptxt {
    top: 100% !important;
}
.modal-header {
    font-weight: bold;
    display: unset;
}
.modal-body {
    font-size: 14px;
}
 */

 .send_verify_code span:hover {
   background-color: yellow;
 }

 /* .md-verify-detail{ */
   /* padding: 0px; */
 /* } */

 .md-verify-title{
   font-weight: bold;
 }

 .md-detail{
   font-size: 12px;
   border: 2px solid #2778c4;
   border-radius: 9px;
   padding: 8px;
 }

 .under-line{
   text-decoration:underline;
 }

 .font-bold{
   font-weight:bold;
 }

 .pointer{
   cursor: pointer;
 }

 .text-warning{
   color: red !important;
    font-weight:bold;
    font-style: italic;
 }

.swal-height {
   height: 45vh !important;
 }
/* /// Verify OTP Number /// */
  .txt-v1 {
    font-size: 23px; }
  .txt-v2 {
    font-size: 20px;
    font-style: normal; }
  .txt-v3 {
    font-size: 27px;
    font-weight: bold; }
  .txt-v4 {
    font-size: 30px;
    font-weight: bold; }
  .txt-vg {
    color: #9CA3AF;
    font-size: 23px; }
.box-shadow-advice {
   height: 110px;
   background: linear-gradient(180deg, #F5F5F7 0%, rgba(245, 245, 247, 0.00) 100%); }
.box-shadow-aserv {
   height: 110px;
   background: linear-gradient(180deg, #CC2127 -170%, rgba(245 245 247 / 0) 100%) !important; }
.number-ref {
   position: absolute;
   text-align: center;
   top: 22%;
   left: 39%; }
.v-number {
   font-family: 'DBHeavent' !important;
   /* position: absolute;
   right: 34%;
   top: 22%; */
   font-size: 150px;
   height: 120px;
   font-weight: bold; }
.v-numref {
   font-family: 'DBHeavent' !important;
   /* position: absolute;
   right: 40.5%;
   top: 52%;  */
   font-size: 20px;
   font-weight: bold !important; }
.v-pagin {
   opacity: 0;
   transition: opacity 0.6s linear 0s; }
.rounded-login { border-radius: 2.25rem !important; }
.text-aserv { color:#CC2127; }
.btn-aserv { color:#FFF;
background: linear-gradient(180deg, #CC2127 50%, #321213 140%); }
.line-h-p { line-height: 17px !important; }
.headstep { margin-bottom: 20px; }
.mc-top { margin-top: 0px !important; }
.mc-hight { height: 300px; }
@media (max-width: 767px) {
   .headstep { margin-bottom: 0px; }
   .txt-step { margin-top: -5px; }
   .h-sx { line-height: 23px !important; }
   .txt-v3 { font-size: 23px; }
   .mc-hight { height: 120px; }
   .number-ref {
      left: 32%; }
   .v-number {
      font-family: 'DBHeavent' !important;
      font-weight: bold; }
   .box-shadow-aserv { height: 200px; } 
}