body {
    background-color: #F9EFE5;
    background-image: url(https://qr.duochoalinh.vn/wp-content/uploads/2024/09/background.png) !important;
}
#closeModalButton {
  position: absolute;
  right: 10px;
  background: none;
  border: none;
  font-size: 24px;
  color: #000;
  cursor: pointer;
}
.fb-page {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.fb-page img {
	max-width:70px;
}

.left-column {
	flex-basis: 30%;
	text-align: right;
}

.right-column {
	flex-basis: 70%;
}
.onp-sl-group
{
	padding:0px !important;
}
.onp-sl,.onp-sl-control
{
	margin:0px !important;
}
.hide-class input
{
	display:none !important; 
}
.onp-sl-outer-wrap
{
	border-bottom:0px !important;
	border:unset !important;
	box-shadow :unset !important;
	background: unset !important;
}
.onp-sl-inner-wrap
{
	background-color: rgb(0 0 0 / 0%) !important;
}
.onp-sl-button
{
	border-radius: 20px !important;
    box-shadow: 0px 4px 10px rgb(0 0 0) !important;
}
.wpforms-submit-container
{
	padding : 0px !important;
}
.wpforms-error
{
	color: orange !important;
	margin: 2px !important;
}
.submit-dang-ky{
	background: linear-gradient(45deg, #fbefc9, #fbcf72) !important;
    color: #006904 !important;
	width: 160px !important;
    padding: 0px !important;
    height: 32px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
	border-radius: 20px !important;
	box-shadow: 0px 4px 10px rgb(0 0 0) !important;
	}
#swal2-content
{
	text-align:center;	
}
.user-phone .iti__flag-container
{
	display:none !important;
}
.modal-content div
{
	justify-content: center;
    align-items: center;
    text-align: center;	
}
.wpforms-container label{
  font-size:12px !important; 
	font-weight:300 !important;
	color:white !important;
	margin-bottom:6px !important;
}

.wpforms-container{
  padding:16px !important; 
	margin:0px !important;
	margin-top:150px!important;
}
.wpforms-container .choices__inner,.wpforms-container  input{
	height:40px  !important; 
}
.wpforms-submit-container
{
	text-align: center;
}

@font-face {
  font-family: 'BeVietnam';
  src: url('./BeVietnam-Regular.ttf') format('truetype');
}
div,p,h1,h2,h3,h4,h5,span,li,label {
  font-family: 'BeVietnam' !important;
}

.nopadding-section
{
	padding: 0px !important;
}
.border-section {
    border: 1px solid #009bdf;
}

.anti-counterfeiting-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.anti-counterfeiting-form table.form-table {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.anti-counterfeiting-form th,
.anti-counterfeiting-form td {
    padding: 15px;
    vertical-align: middle;
    border-radius: 4px;
}

.anti-counterfeiting-form th {
    text-align: left;
    font-weight: 600;
}

.anti-counterfeiting-form td input {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 4px;
    background-color: #f2f2f2;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.anti-counterfeiting-form td input:focus {
    outline: none;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

.anti-counterfeiting-form .submit {
    text-align: center;
}

.anti-counterfeiting-form .anti-counterfeiting-btn {
    background-color: #bf0e0e;
    border: none;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.anti-counterfeiting-form .anti-counterfeiting-btn:hover {
    background-color: #0069d9;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 500px) {
    .anti-counterfeiting-form table.form-table {
        max-width: 100%;
    }
}
.anti-counterfeiting-form td input:hover {
    transform: translate3d(0, -5px, 0);
}
.anti-counterfeiting-form .anti-counterfeiting-btn:hover {
    background-color: #0069d9;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.3);
    transform: translate3d(0, -2px, 0);
}

.swal2-container
{
	z-index:10000;
}

.sticky-top
{    position: sticky;
    top: 0;
    z-index: 100;
	opacity: 1;
}
.sticky-top {
  @supports (position: sticky) {
    position: sticky;
    top: 0;
    z-index: $zindex-sticky;
	opacity: 1;
  }
}
.menu-link
{
	text-decoration:unset !important;
}

.red-button
{
color:white;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
isolation: isolate;

width: 120px;
height: 44px;

background: linear-gradient(180deg, #C42B36 0%, #88050D 100%);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
align-items: center;
  justify-content: center;
}
.white-button
{box-sizing: border-box;

/* Auto layout */

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 8px;
isolation: isolate;

width: 120px;
height: 44px;

/* Main Colors/Secondary */

border: 1px solid #C30001;

/* Inside auto layout */

flex: none;
order: 1;
flex-grow: 0;
}
.green-button
{
color:white;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
isolation: isolate;

width: 120px;
height: 44px;

background: #009BDF;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
align-items: center;
  justify-content: center;
}
.nopadding-block * ,.nopadding-block{
    padding: 0px !important;
	overflow-x: unset !important;
  }
@media (max-width: 640px) {
div,p,h1,h2,h3,h4,h5,span,li,label {
  font-family: 'BeVietnam' !important;
}
.4px-padding
 {padding: 4px !important;}
#sp-x8fnnzl8qc2a{
justify-content: flex-start !important;
}
  #sp-cwicbn .sp-el-col,.nopadding-col, .nopadding-block * ,.nopadding-block{
    padding: 0px !important;
overflow-x: unset !important;
  }
.nopadding-section
{
	padding: 0px !important;
}
.nopadding-row {
  padding-bottom: 2px !important;
  padding-top: 2px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.col-wrapper30{
    padding-right: 8px !important;
 padding-top: 24px !important;
 padding-left: 8px !important;
  }
.col-wrapper70{
    padding-top: 24px !important;
 padding-right: 8px !important;
 padding-left: 4px !important;
  }
  #sp-cwicbn .sp-el-block {
    padding: 0px !important;
  }
  #sp-cwicbn, #sp-pzphne ,#sp-ii7qey,#sp-rnb9mt,#sp-ejq6dw {
    padding: 0px !important;
  }
  #sp-cwicbn .sp-el-row {
    padding: 0px !important;
  }
#sp-bil8mi
{
    font-size: 13px;
}
}

.menu-item {
}
.menu-item *{
  user-select: none;
}

.menu-item:hover {  
	background-image: linear-gradient(150deg, rgb(46, 118, 242) 0%, rgb(27, 55, 255) 100%) !important;
  cursor: pointer;
}

.menu-item .sp-text-center {
  padding-bottom:15px !important;
}
.user-email
{
	display:none;
}
.wpforms-field
{
	padding-top:0px !important;
}