.container-fluid {
		background: #f0f0f0;
	}
	ul li {
		display: inline-block;
	}
	.menu-small {	
		margin: 10px 0;
		text-decoration: underline #28a745 solid !important;
	}
	/*.menu-small a {
		color: black;
		text-decoration-color: #28a745 !important;
		font-size: x-large;
		font-weight: 700;
		font-size: 20px;
	}*/
	.menu-small a {
		color: #f8cd0a;
		text-decoration-color: #8bc34a !important;
		font-size: x-large;
		font-weight: 700;
		font-size: 15px;
		border: 1px solid #28a745;
		border-radius: 5px;
		padding: 10px;
		background: #28a745;
		box-shadow: 0px 0px 10px 1px #90909080;
	}

	.item-hire {
		padding: 10px;
	    max-height: 190px;
	    color: black;
	    background: white;
	    background-color: #fff;
	    border-radius: 5px;
	    box-shadow: 0px 0px 10px 2px #212f3f1a;
	    margin: 10px 0;
	}
	.item-hire-content {
		display: -webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-size: 15px;
		margin-bottom: 0px;
	}

	@-webkit-keyframes my {
		0% { color: #F8CD0A; } 
		50% { color: #fff;  } 
		100% { color: #F8CD0A;  } 
	}
	@-moz-keyframes my { 
		0% { color: #F8CD0A;  } 
		50% { color: #fff;  }
		100% { color: #F8CD0A;  } 
	}
	@-o-keyframes my { 
		0% { color: #F8CD0A; } 
		50% { color: #fff; } 
		100% { color: #F8CD0A;  } 
	}
	@keyframes my { 
		0% { color: #F8CD0A;  } 
		50% { color: #fff;  }
		100% { color: #F8CD0A;  } 
	} 
	.animation-need {
		/*width: 27%;*/
		white-space: nowrap;
		font-size:15px;
		font-weight:bold;
		-webkit-animation: my 700ms infinite;
		-moz-animation: my 700ms infinite; 
		-o-animation: my 700ms infinite; 
		animation: my 700ms infinite;
	}
	.price_animation {
		/*width: 73%;*/
		font-size: 15px;
		overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    	text-transform: uppercase;
	}
	.m-b-10 {
		margin-bottom: 10px;
	}
	.price-local {
		display: inline-flex;
		justify-content: center;
		width: 100%;
		margin-bottom: 0px;
		font-size: small;
	}
	.price {
		background: #f0f0f0;
		padding:2px;
		border-radius: 5px;
	}
	.local {
		width: 50%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		background: #f0f0f0;
		padding:2px;
		border-radius: 5px;
	}

	.tooltip-local {
	  	display: inline-block;
	  	/*border-bottom: 1px dotted black;*/
	}

	.tooltip-local .tooltip-small {
	 	visibility: hidden;
	    /*width: 100%;*/
	    background-color: #030303e6;
	    color: white;
	    text-align: center;
	    border-radius: 6px;
	    padding: 5px 0;
	    position: absolute;
	    z-index: 99;
	    top: 50%;
	    left: 50%;
	    margin-left: 0px;
	    padding: 5px 5px;
	}

	.tooltip-local:hover .tooltip-small {
	  	visibility: visible;
	}

	.tooltip-local .tooltip-small::after {
	  	content: " ";
	  	position: absolute;
	  	top: 100%; /* mũi tên ở phía dưới tooltip */
	  	left: 50%;
	  	margin-left: -5px;
	  	border-width: 5px;
	  	border-style: solid;
	  	border-color: #060606 transparent transparent transparent;
	}

	.page-login {
		margin: 50px 0;
		padding: 30px;
		justify-content: space-evenly;
	}

	.border-login {
		background: #fff;
    	padding: 30px;
    	border-radius: 10px;
    	box-shadow: 0px 0px 2px 2px #212f3f1a;
	}
	.fa-globe-americas {
	    font-size: 150px;
	    color: aliceblue;
	    display: flex;
	    justify-content: space-around;
	    margin: 15px 0;
	}
	.form-login {
		margin: 20px 0;
	}

	.begin_hiring {
		background:#fff;
	}
	.alert-error {
		margin: 5% 0;
	    padding: 5%;
	    color: white;
	    background-color: #db6161;
	    width: 100%;
	    font-size: 30px;
	    text-align: center;
	}

	.loader {
	    position: fixed;
	    left: 0px;
	    top: 0px;
	    width: 100%;
	    height: 100%;
	    z-index: 9999;
	    background: url('../images/sms/GD.gif') 50% 50% no-repeat rgb(248 248 248 / 50%);
	}

	.ui-dialog-titlebar-close {
		display: none;
	}

	.ui-widget-header {
		text-align: center;
	}

	.ui-draggable {
		z-index: 1111;
	}

	.ui-widget-overlay {
		z-index: 11111 !important;
	}

	.ui-dialog-buttonset button {
		background: #28a745;
	    color: white;
	    border: 1px solid #28a745 !important;
	    border-radius: 5px;
	}

	.item-hire h4{
		display: -webkit-box;
		-webkit-line-clamp:1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-transform: uppercase;
		font-size: 15px;
	}

	#captcha {
		width: 70%;
	}

	.captcha {
		width: 30%;
	}

	input[type="file"] {
  		display: block;
	}

	.imageThumb {
		max-height: 200px;
		border: 2px solid;
		padding: 1px;
		cursor: pointer;
	}

	.pip {
		display: inline-block;
		margin: 10px 10px 0 0;
	}

	.remove {
		display: block;
		background: #444;
		border: 1px solid black;
		color: white;
		text-align: center;
		cursor: pointer;
	}

	.remove:hover {
		background: white;
		color: black;
	}

	.states_search {
		margin: 5px 0;
		border-radius: 2px;
		cursor: pointer;
	}
	.states_search a{
		color: black;
	}

	.states_search:nth-child(odd) {
		color: black;
		background-color: #dee2e6;
	}

	.states_search:nth-child(even) {
		color: black;
		background-color: #ccc;
	}

	.list-state {
		padding: 0 30px;
		margin-top: 20px
	}

	@media only screen and (max-width: 1200px){
		.item-hire h4{
			font-size: 20px;
		}
		.animation-need {
			font-size: 16px;
		}
		.price_animation {
			font-size: 16px;
		}
		.item-hire-content {
			font-size: 15px
		}
		.price-local {
			font-size: 15px;
		}
	}

	@media only screen and (max-width: 1024px) {
		.captcha {
		    width: 40%;
		}
		.item-hire h4{
			font-size: 20px;
		}
		.animation-need {
			font-size: 16px;
		}
		.price_animation {
			font-size: 16px;
		}
		.item-hire-content {
			font-size: 15px
		}
		.price-local {
			font-size: 15px;
		}
	}

	@media only screen and (max-width: 950px){
		.list-state {
			padding: 0 15px;
		    width: 100%;
		    height: 180px;
		    overflow: scroll;
		    margin: auto;
		    margin-top: 20px;
		}
	}

	@media only screen and (max-width: 768px) {
		.price-local {
			/*display: none;*/
		}
		.animation-need {
			width: 27%;
			font-size: 18px;
		}
		.price_animation {
			width: 73%;
			font-size: 18px;
		}
		.item-hire h4{
			font-size: 20px;
			font-weight: 700;
		}
	}

	@media only screen and (max-width: 767px) { 
		.states_search {
			font-size: smaller;
		}
	}

	@media only screen and (max-width: 760px){
		.animation-need {
			width: 20%;
			font-size: 18px;
		}
		.price_animation {
			width: 80%;
			font-size: 18px;
		}
	}

	@media only screen and (max-width: 600px) {
		.col-customer {
			width: 33.33% !important;
		}
		.list-state {
			padding: 0 15px;
		    width: 100%;
		    height: 140px;
		    overflow: scroll;
		    margin: auto;
		    margin-top: 20px;
		}
		.imageThumb {
			max-height: 100px;
		}
		.states_search {
			font-size: smaller;
		}
	}

	@media only screen and (max-width: 540px) {
		.menu-small {
			width: 50%;
		}
		.menu-small a{
			font-size: 15px;
		}
		.animation-need {
			width: 20%;
			font-size: 20px;
		}
		.price_animation {
			width: 80%;
			font-size: 20px;
		}
		#captcha {
		    width: 75%;
		}
		.captcha {
		    width: 40%;
		}
	}

	@media only screen and (max-width: 540px) {
		#captcha {
		    width: 80%;
		}
		.captcha {
		    width: 50%;
		}
	}

	@media only screen and (max-width: 489px) {
		#captcha {
		    width: 80%;
		}
		.captcha {
		    width: 51%;
		}
	}

	@media only screen and (max-width: 480px) {
		#captcha {
		    width: 80%;
		}
		.captcha {
		    width: 70%;
		}
		.item-hire h4 {
		    font-size: 18px;
		    font-weight: 700;
		}
		.animation-need {
		    width: 20%;
		    font-size: 18px;
		}
		.price_animation {
		    width: 80%;
		    font-size: 18px;
		}
	}
	@media only screen and (max-width: 430px) {
		.animation-need {
		    width: 23%;
		    font-size: 17px;
		}
		.price_animation {
		    width: 77%;
		    font-size: 17px;
		}
		.item-hire-content {
		    font-size: 13px;
		}
		.menu-small a {
		    font-size: 12px;
		}
		.states_search {
			font-size: smaller;
		}
	}
	@media only screen and (max-width: 420px){
		.animation-need {
		    width: 25%;
		    font-size: 18px;
		}
		.states_search {
			font-size: smaller;
		}
	}

	@media only screen and (max-width: 414px) {
		.menu-small {
			width: 50%;
		}
		.menu-small a{
			font-size: 13px;
		}
		.header_hiring h2{
			font-size: 25px;
		}
		.fa-globe-americas {
			font-size: 100px;
		}
		.border-login h3{
			font-size: 20px;
		}
		#Back_To_Recruiting {
			font-size: 16px;
		}
		#form_enter_info_hiring {
			font-size: 12px;
		}
		#form_enter_info_hiring .form-control {
			height: calc(1em + 0.75rem + 1px);
			font-size: 15px;
		}
		.captcha img{
			height: 26px;
		}
		.btn-refresh {
			font-size: 10px;
		}
		#captcha {
		    width: 60%;
		}
		.captcha {
		    width: 50%;
		}
		.states_search {
			font-size: smaller;
		}
		.animation-need {
		    width: 25%;
		    font-size: 20px;
		}
	}

	@media only screen and (max-width: 412px) {
		.alert-error {
			font-size: 20px;
		}
	}

	@media only screen and (max-width: 390px) {
		.border-login h3{
			font-size: 20px;
		}
		#Back_To_Recruiting {
			font-size: 16px;
		}
		.animation-need {
		    width: 25%;
		    font-size: 18px;
		}
	}

	@media only screen and (max-width: 375px) {
		.menu-small {
			width: 50%;
		}
		.menu-small a{
			font-size: 13px;
		}
		.header_hiring h2{
			font-size: 22px;
		}
		.fa-globe-americas {
			font-size: 100px;
		}
		.border-login h3{
			font-size: 20px;
		}
		#Back_To_Recruiting {
			font-size: 16px;
		}
		#form_enter_info_hiring {
			font-size: 12px;
		}
		#form_enter_info_hiring .form-control {
			height: calc(1em + 0.75rem + 1px);
			font-size: 15px;
		}
		.captcha img{
			height: 26px;
		}
		.btn-refresh {
			font-size: 10px;
		}
		#captcha {
		    width: 60%;
		}
		.captcha {
		    width: 50%;
		}
		.states_search {
		    font-size: x-small;
		}
		.animation-need {
		    width: 25%;
		    font-size: 18px;
		}
		.price_animation {
		    width: 65%;
		    font-size: 18px;
		}
		.item-hire h4 {
		    font-size: 18px;
		    font-weight: 700;
		}
	}

	@media only screen and (max-width: 360px) {
		.menu-small {
			width: 50%;
		}
		.menu-small a{
			font-size: 10px;
		}
		.header_hiring h2{
			font-size: 22px;
		}
		.item-hire h4 {
		    font-size: 16px;
		    font-weight: 700;
		}
		.animation-need {
			width: 25%;
			font-size: 16px;
		}
		.price_animation {
			width: 75%;
			font-size: 16px;
		}
		.item-hire-content {
			font-size: 12px;
		}
		.price-local {
			font-size: 14px;
		}
		#Back_To_Recruiting {
			font-size: 16px;
		}
		.fa-globe-americas {
			font-size: 100px;
		}
		.border-login h3{
			font-size: 20px;
		}
		.border-login {
			padding: 15px;
		}
		.place-name {
			font-size: 15px;
		}
		#form_enter_info_hiring {
			font-size: 13px;
		}
		#captcha {
			width: 65%;
		}
		.captcha {
			width: 50%;
		}
		#form_enter_info_hiring .form-control {
			height: calc(1em + 0.75rem + 1px);
			font-size: 15px;
		}
		.captcha img{
			height: 26px;
		}
		.btn-refresh {
			font-size: 10px;
		}
		.states_search {
		    font-size: x-small;
		}
	}

	@media only screen and (max-width: 310px) {
		.animation-need {
		    width: 27%;
		    font-size: 16px;
		}
		.menu-small a {
		    font-size: 10px;
		}
		.item-hire-content {
		    font-size: 12px;
		}
	}

	@media only screen and (max-width: 280px) {
		.menu-small {
			width: 50%;
		}
		.menu-small a{
			font-size: 9px;
		}
		.header_hiring h2{
			font-size: 20px;
		}
		.animation-need {
			width: 30%;
			font-size: 15px;
		}
		.price_animation {
			width: 70%;
			font-size: 15px;
		}
		.item-hire h4 {
		    font-size: 16px;
		    font-weight: 700;
		}
		.item-hire-content {
			font-size: 12px;
		}
		.price-local {
			font-size: 13px;
		}
		.fa-globe-americas {
			font-size: 70px;
		}
		.border-login h3{
			font-size: 15px;
		}
		#Back_To_Recruiting {
			font-size: 10px;
		}
		.border-login {
			padding:15px;
		}
		.place-name {
			font-size: 15px;
		}
		#form_enter_info_hiring {
		    font-size: 8px;
		}
		#form_enter_info_hiring .form-control {
		    height: calc(0.5em + 0.75rem + 1px);
		    font-size: 10px;
		}
		.captcha img {
		    height: 20px;
		}
		.btn-refresh {
		    font-size: 5px;
		}
		.captcha {
		    width: 75%;
		}
		#captcha {
			height: calc(0.5em + 0.75rem + 6px) !important;
		}
		.cancel_hiring ,#save_hiring {
			font-size: 12px;
    		margin: auto;
		}
	}