.hero-search-wrap-custom {
  max-width:50%!important;
  padding:10px 0px 150px!important;
  margin: auto!important;
}
.hero-banner{
  padding:2em 0!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height:40px!important;
}
.hero-banner, .hero-header, .large-banner, .main-banner.image-banner{
  min-height:450px!important;
  background-color:#ee1e80!important;
}
.hero-search h1{
  font-size:24px!important;
}
.select2-container--default .select2-selection--single{
 height:40px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:40px!important;
}
.input-with-icon .form-control, .input-with-icon .select2-container, .input-with-shadow .form-control, .input-with-shadow .select2-container{
  height:40px!important;
}
.btn.search-btn{
 padding:5px!important;
}
.image-cover{
 background-position:center!important; 
}
section{
  padding: 30px 0!important;
}

.custom-modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, .4);
}

.custom-modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

.custom-modal-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.custom-modal-close:hover,
.custom-modal-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#hero-search-action-btn {
  position:absolute;
  right:7px;
    top:7px;
}
#hero-search-action-btn .btn.search-btn {
  padding:3px!important;
  font-size:0.7rem!important;
}
.hero-search-wrap-custom .ui-tabs {
  background-color:rgba(0, 0, 0, 0.7)!important;
  border:none!important;
}
.hero-search-wrap-custom .ui-corner-all {
  border-radius:10px!important;
}
.hero-search-wrap-custom .ui-widget-header {
  background-color:#000!important;
  border:none!important;
  color:#ccc!important;
}
.hero-search-wrap-custom .ui-tabs .ui-tabs-nav {
  padding:1em 1em 0;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border:1px solid #ee1e80!important;
  background:#ee1e80!important;
}
.page-title {
  background:#ee1e80!important;
}

/* This is for new requirement 18/09/2023 */
.container-popup {
    position: relative;
    padding-top: 50%;
    height: 0;
    background: url('https://386bds.com.vn/storage/1908-banner.png') 0 0 no-repeat;
    background-size: contain;
}

@media (min-width:320px) {
    .close-homepage-popup {
      	right: 10px;
    }
    .page-title {
        height: 350px !important;
    }

    .full-search-2.hero-search-radius {
        padding: 0.9rem !important;
    }

    .hero-search-wrap-custom {
        max-width: 100% !important;
    }

    .content_popup {
        position: absolute;
        top: unset;
        bottom: -30%;
        left: 0%;
        margin: 0;
        font-size: 1.4vw;
        height: 100%;
    }

    #regNow {
        transform: scale(1);
    }
}

@media (min-width:641px) {
    .hero-search-wrap-custom {
        max-width: 50% !important;
    }

    .modal-dialog-centered {
        max-width: 70% !important;
    }

    #regNow {
        transform: scale(0.6);
    }

    .page-title {
        height: 200px !important;
    }

    .content_popup {
        position: absolute;
        top: -15%;
        left: 0%;
        margin: 0;
        font-size: 1.4vw;
        height: 100%;
    }
  
  	.close-homepage-popup {
      	right: 20px;
    }
}

@media (min-width:1025px) {
    .full-search-2.hero-search-radius {
        padding: 0.6rem !important;
    }

    #regNow {
        transform: scale(1);
    }
}

/* Bảng giá */
.bangGia {
  border-collapse: collapse;
  width: 100%;
}

.bangGia th, .bangGia td {
  border: 1px solid black;
  padding: 8px;
  text-align: center;
  color: black;
}

.bangGia th {
  background-color: #4462c1;
  color: white;
}

.bangGia .nap-button {
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 2px 2px;
  cursor: pointer;
}

.bangGia tr:nth-child(even) {
  background-color: #c5d5ea;
}

.bangGia tr:nth-child(odd) {
  background-color: #e9ebf5;
}

.bangDayTin {
  border-collapse: collapse;
  width: 100%;
}

.bangDayTin th, .bangDayTin td {
  border: 1px solid black;
  padding: 8px;
  text-align: center;
  color: black;
  background-color: #c5d5ea;
}

.bangDayTin th:nth-child(1),
.bangDayTin td:nth-child(1){
  background-color: #4462c1;
  color: white;
}

#bangNap td:nth-child(4),
#bangNap td:nth-child(5),
#bangNap th:nth-child(4),
#bangNap th:nth-child(5){
  color: red;
}

#bangGoi td:nth-child(3),
#bangGoi td:nth-child(5),
#bangGoi td:nth-child(7){
  color: red;
  font-weight: bold;
}

#bangGoi td:nth-child(2),
#bangGoi td:nth-child(3),
#bangGoi td:nth-child(6),
#bangGoi td:nth-child(7){
  background-color: #F4B183;
}

#bangGoi td:nth-child(4),
#bangGoi td:nth-child(5){
  background-color: #A9D18E;
}

/* CHANGE COLOR OF SWITCH */
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	background-color: #0dcaf0!important;
}

@media screen and (max-width: 767px) {
  .image-cover.hero-banner {
    background-image: url('https://386bds.com.vn/storage/campaign-1-10/banner-m-xe-1.png')!important;
  }
}

.agency-list .agency-avatar img {
	width:60%
}

/* REQUIRE 0611 */
.chi-tiet-btn {
  	padding-top:0.5rem;
  	padding-bottom:0.5rem;
  	border-radius: 2rem;
  	border-width:0px;
  	background-color: #fff;
  	color:#b03128;
  	box-shadow: 10px 10px 12px -5px rgba(0,0,0,0.41);
  	-webkit-box-shadow: 10px 10px 12px -5px rgba(0,0,0,0.41);
  	-moz-box-shadow: 10px 10px 12px -5px rgba(0,0,0,0.41);
  	transition: 0.5s;
}

.chi-tiet-btn:hover {
  	color: #fff;
  	background-color:#b03128;
}

/* FEEDBACK 2408 */
.btn-outline-black {
    background-color: #fff;
    border-color: #000000cc;
    color: #000000cc;
    transition: .2s ease-in;
}

.btn-outline-black:hover {
    background-color: #000;
  	color: #fff;
}

/* BANNER QC */
:root {
  --banner-qc-height: 500px;
  --banner-qc-url: url(https://386bds.com.vn/storage/campaign-1-10/kcn.jpg);
}

@media screen and (max-width: 767px) {
  	:root {
  		--banner-qc-height: 200px;
	}
}

.bds386-qc-banner-underlay {
	width: 100%;
    height: var(--banner-qc-height);
    cursor: pointer;
    overflow: hidden;
}

.bds386-qc-banner-underlay .img-underlay {
  	position: relative;
    top: 0;
    left: 0;
    background: var(--banner-qc-url) center / cover no-repeat;
    filter: blur(8px);
    -webkit-filter: blur(5px);
    width: 115%;
    height: calc(var(--banner-qc-height) + 30px);
    z-index: 1;
  	margin:-15px;
}

.bds386-qc-banner-properties-list {
  	position: relative;
    background: var(--banner-qc-url) center / auto 100% no-repeat;
    width: auto;
    height: var(--banner-qc-height);
    z-index: 10;
    top: calc(var(--banner-qc-height) * -1);
}

#app:has(> div.bds386-qc-banner-underlay) .page-title {
	height: auto !important;
    padding: 10px 0px;
}