/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
PHẢI TÌM QUY LUẬT CÔNG THỨC WIDTH THAY ĐỔI THEO FONT-SIZE. VÌ THAY ĐỔI CÕ CHỮ THÌ WIDTH THAY ĐỔI MẶC DÙ ĐÃ CÀI CỐ ĐỊNH SỐ
--*/

p1{
  		  -webkit-box-orient: vertical;
		  
		  display: -webkit-box;
		  overflow: hidden !important;
		  text-overflow: ellipsis;
		  -webkit-line-clamp: 2;
		}
.text_align
{
	text-align: left;
}
	
	.login_luckynumber {
		padding: 50px 50px;
		float: left;
		width: 100%;
	}

	.login_luckynumber form {
		padding: 0 20px 0 0;
		float: left;
		width: 100%;
	}

	.login_luckynumber form .field {
		display: flex;
		margin: 0;
	}

	.login_luckynumber form .field label.label_field {
		margin: 0 30px 0 0;
		width: 50px;
		line-height: 45px;
		text-align: right;
		height: 65px;
		font-weight: 300;
		font-size: 18px;
	}

	.login_luckynumber form .field {
		display: block;
		margin: 0 0 20px;
	}

	.login_luckynumber form .field input {
		
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: solid #ddd 2px;
		width: 505px;
		float: right;
		padding: 10px;
		line-height: normal;
		height: 100%;
		font-weight: 300;
		transition: ease all 0.5s;

	}

	.login_luckynumber form .field input:hover,
	.login_luckynumber form .field input:focus {
		box-shadow: none;
	}

	.login_luckynumber .field label.form-check-label .form-check-input {
		width: auto;
	}

	.hidden {
		visibility: hidden;
	}

	.login_luckynumber .field label.form-check-label {
		margin-left: 20px;
		position: relative;
		top: 0;
	}

	.luckynumber_section {
			width: 1260px;
			background: #fff;
			
			
			box-shadow: 0px 0 0px 0px #000;
			margin: auto;
			padding: 0;
			border-radius: 20px;
			overflow: hidden;
		}
	.luckynumber1_section {
			width: 1260px;
			background: #fff;
			
			
			box-shadow: 0px 0 0px 0px #000;
			margin: auto;
			padding: 0;
			border-radius: 20px;
			overflow: hidden;
		}
		.login_radius {		
			
			box-shadow: 0px 0 10px -8px #000;
			margin: 0px;
			padding: 0px 0 0px 0;
			border-radius: 20px;
			overflow: hidden;
			text-align: middle;
		}
	.luckynumber_form form .field input {			
			border-top: none;
			border-left: none;
			border-right: none;
			border-bottom: solid #ddd 2px;
			width: 195px;
			float: right;
			padding: 10px;
			line-height: normal;
			height: 100%;
			font-weight: 300;
			transition: ease all 0.5s;			
		}
	.luckynumber_form button {			
			
			height: 48px;
						
		}
	.luckynumber_form {
		padding: 40px 10px 10px 10px;
		float: left;
		width: 100%;
	}

.login_section {
    max-width: 810px;
    background: #fff;
    min-height: 350px;
    width: 100%;
    box-shadow: 0px 0 10px -8px #000;
    margin: 0px;
    padding: 0px;
    border-radius: 10px;
    overflow: hidden;
}


/* kích thước của desktop zoom 80% hoặc nhỏ hơn 90% */
.select1-selection
		{			
			min-width: 1140px !important;
			min-height: 40px !important;			
		}
.select2-selection
		{	
			/* đây là kích thước của desktop zoom < 90% */
			min-width: 37.5vw !important;
			min-height: 40px !important;			
		}
		
  .select1-dropdown
		{
			color: black;	
						
		}
  .select2-dropdown
		{
			color: black;	
						
		}


@media screen and (max-width: 1480px) {
	/* đây là kích thước của desktop zoom 90% */
.select1-selection
		{			
			min-width: 960px !important;
			min-height: 40px !important;			
		}
.select2-selection
		{	
			/* đây là kích thước của desktop zoom 90% */
			min-width: 35.5vw !important;
			min-height: 40px !important;			
		}
  
}

@media screen and (max-width: 1380px) {
		/* đây là kích thước của desktop zoom 100%: 1380 */
	.select1-selection
		{			
			min-width: 820px !important;	
		}
	.select2-selection
		{			
			min-width: 34.3vw !important;
		}
}	
@media screen and (max-width: 1250px) {
	/* đây là kích thước của desktop zoom 110%: 1250px. Width selection bên dưới lớn hơn vì sidebar bị ẨN */
  .fontsizesidebarletter {
    font-size: 28px;			
  }
  .fontsizesidebarnumber {
    font-size: 24px;			
  }
  
  .fontsizeheaderletter {
    font-size: 32px;			
  }
  .fontsizeheadernumber {
    font-size: 28px;			
  }
  
  .fontsizebodytitle {
    font-size: 28px;			
  }
  .fontsizebodycontent {
    font-size: 24px;			
  } 
  .select1-selection
		{			
			min-width: 1010px !important;
			min-height: 60px !important;			
		}
  .select2-selection
		{			
			min-width: 44.8vw !important; /*Sidebar bị ẩn, nên view port rộng hơn */
		}
  
}
@media screen and (max-width: 1100px) {
		/* đây là kích thước của desktop zoom 125% */
	.select1-selection
		{			
			min-width: 870px !important;	
		}
	.select2-selection
		{			
			min-width: 44.8vw !important; /*Sidebar bị ẩn, nên view port rộng hơn */
		}
		
		
}

@media screen and (max-width: 980px) {
	/* đây là kích thước của iphongXS/desktop zoom 150% 
	nếu width selection là 670px là khớp với zoom 150%, nhưng mobile XS lại bị hụt, cần là: 810px*/
  .fontsizesidebarletter {
    font-size: 24px;			
  }
  .fontsizesidebarnumber {
    font-size: 20px;			
  }
  
  .fontsizeheaderletter {
    font-size: 32px;	
	
  }
  .fontsizeheadernumber {
    font-size: 24px;			
  }
  
  .fontsizebodytitle {
    font-size: 24px;			
  }
  .fontsizebodycontent {
    font-size: 20px;			
  }
	html,
	body 
	{		
		font-size: 28px;	
	}
  input[type="text"]
		{
			font-size:28px;
		}
		input[type="email"]
		{
			font-size:28px;
		}
		input[type="date"]
		{
			font-size:28px;
		}	
  .select1-selection 
		{			
			min-width: 810px !important;
			min-height: 60px !important;			
		}
  .select2-selection
		{			
			min-width: 42vw !important; /*Sidebar bị ẩn, nên view port rộng hơn */
		}
  .select1-dropdown
		{
			color: black;	
			font-size: 28px;			
		}
  .select2-dropdown
		{
			color: black;	
			font-size: 28px;			
		}
	.luckynumber_section {
			width: 960px;
			background: #fff;
			min-height: 380px;
			
			box-shadow: 0px 0 0px -8px #000;
			margin: 10px;
			padding: 0;
			border-radius: 20px;
			overflow: hidden;
			
		}
	 .luckynumber1_section {
			width: 100%;
			background: #fff;
			min-height: 780px;
			
			box-shadow: 0px 0 10px -8px #000;
			margin: 10px;
			padding: 0;
			border-radius: 20px;
			overflow: hidden;
			
		}
		.login_radius {		
			min-width: 405px;
			box-shadow: 0px 0 10px -8px #000;
			margin: 10px;
			padding: 220px 0 430px 0;
			border-radius: 20px;
			overflow: hidden;
			text-align: middle;
		}
	.luckynumber_form form .field input {			
			border-top: none;
			border-left: none;
			border-right: none;
			border-bottom: solid #ddd 2px;
			width: 145px;
			float: right;
			padding: 0px;
			line-height: normal;
			height: 100%;
			font-weight: 300;
			transition: ease all 0.5s;			
		}
	.luckynumber_form button {			
			height: 88px;
			font-size: 34px;			
		}
	.luckynumber_form {
		padding: 40px 10px 0 10px;
		float: left;
		width: 100%;
	}

	.luckynumber_form form {
		padding: 0 0px 0 0;
		float: left;
		width: 100%;
	}

	.luckynumber_form form .field {
		display: flex;
		margin: 0;
	}

	.luckynumber_form form .field label.label_field {
		margin: 0 30px 0 0;
		width: 50px;
		line-height: 45px;
		text-align: right;
		height: 65px;
		font-weight: 300;
		font-size: 18px;
	}

	.luckynumber_form form .field {
		display: block;
		margin: 0 0 0px;
	}
	.luckynumber_form form .field input:hover,
	.luckynumber_form form .field input:focus {
		box-shadow: none;
	}

	.luckynumber_form .field label.form-check-label .form-check-input {
		width: auto;
	}

	.luckynumber_form .field label.form-check-label {
		margin-left: 20px;
		position: relative;
		top: 0;
	}


	.logo_luckynumber {
    background: url('images/layout_img/login_image.jpg');
    padding: 10px 0;
    background-position: center vertical_center;
    position: relative;
	}
	.logo_luckynumber::after {
		content: "";
		display: block;
		width: 100%;
		min-height: 100%;
		position: absolute;
		background: rgba(21, 40, 60, .8);
		top: 0px;
		left: 0;
	}
	.logo_luckynumber div {
		position: relative;
		z-index: 1;
	}

	.login_section {
			max-width: 980px;
			background: #fff;
			min-height: 580px;
			width: 100%;
			box-shadow: 0px 0 10px -8px #000;
			margin: 10px;
			padding: 0;
			border-radius: 10px;
			overflow: hidden;
		}
	.login_form form .field input {			
			border-top: none;
			border-left: none;
			border-right: none;
			border-bottom: solid #ddd 2px;
			width: 695px;
			float: right;
			padding: 10px;
			line-height: normal;
			height: 100%;
			font-weight: 300;
			transition: ease all 0.5s;
			
		}
		
		
}

@media screen and (max-width: 780px) {
		/* đây là kích thước của desktop zoom 175% */
	.select1-selection
		{			
			min-width: 550px !important;	
		}
	.select2-selection
		{			
			min-width: 84.8vw !important; /*Sidebar bị ẩn, nên view port rộng hơn */	
		}
		
}

@media screen and (max-width: 680px) {
	/* đây là kích thước của desktop zoom 200% */
  .fontsizesidebarletter {
    font-size: 20px;	
  }
  .fontsizesidebarnumber {
    font-size: 16px;			
  }
  
  .fontsizeheaderletter {
    font-size: 24px;			
  }
  .fontsizeheadernumber {
    font-size: 20px;			
  }
  
  .fontsizebodytitle {
    font-size: 20px;			
  }
  .fontsizebodycontent {
    font-size: 16px;			
  }
  .select1-selection
		{			
			min-width: 460px !important;	
		}
  .select2-selection
		{			
			min-width: 79vw !important;	
		}
		
}
	:root 
	{
    /*font-size: calc(1rem + ((1vw - 7.68px) * 0.6944));
    min-height: 0vw; 
	font-size: calc(0.75em + 1vmin);   */
    }

/*--//responsive--*/