
	@font-face {
				font-family: 'Helvetica';
				src: url('font/Helvetica.ttf') format('truetype');
			}

	body{    font-family: 'Clarimo UD PE';}
	
	h1, h2{text-transform: uppercase;}
	h1{font-size:30px; color:#01916d; line-height: 150%;}
	h2{font-size:22px;}
	h3{text-transform: uppercase; font-size:20px;}
	.tomtat{
		marign-top:20px;
		color:#515151;
		font-size:14px;
	}	
	.detail{
		marign-top:20px;
		color:#515151;
		font-size:18px;
		padding:15px 0px;
	}	
	.detail2{
		marign-top:10px;
		color:#515151;
		font-size:18px;
		padding:10px 0px;
	}
	a.tieude{
		font-size:18px;
		font-weight:500;
		color:#000;
	}	
	a:href.tieude{
		color:#cb447e;
		font-size:18px;
		font-weight:bold;
	}
	
	.modal-traoqua .modal-dialog {
                width: 359px;
				height:10px;
				background-color: transparent;
            }
	.modal-datlich .modal-dialog {
                width: 355px;
				height:500px;
				background-color: transparent;
            }

			.modal-datlich2 .modal-dialog {
                width: 390px;
				height:500px;
				background-color: transparent;
            }

			.table-borderless > tbody > tr > td,
			.table-borderless > tbody > tr > th,
			.table-borderless > tfoot > tr > td,
			.table-borderless > tfoot > tr > th,
			.table-borderless > thead > tr > td,
			.table-borderless > thead > tr > th {
				border: none; padding:5px;
			}
	.btn-success{background-color:#01916d;}
	.btn-success2{background-color:#ffffff; border:1px solid #01916d; color:#01916d;  }
	.btn-success2:hover{background-color:#01916d; border:1px solid #01916d; color:#fff;  }

	.footer{
		background-color:#f5fffd;
	}
	#navbarSupportedContent{padding: 8px 0px 0px 0px; color:#000;  margin-top: 15px;}
	.navbar-brand{margin-left:80px;}
	a.nav-link {font-size:16px; color:#000; padding:5px;}

	.navbar-nav>li>a{padding:5px 9px;line-height:15px;}
	.nav-link:hover,
		.nav-link:active 
		{
			  border-bottom:2px solid #000;
			  padding-top:5px;padding-bottom:4px;
			  padding-left:9px; padding-right:9px;
		}
		
	a.nav-link-footer {font-size:13px; color:#777777; padding:5px;}
	.nav-link-footer:hover,
			.nav-link-footer:active 
		{
			border-bottom:1px solid #000;
			background-color: none;
		}
.button_share {
 text-align:center;
 padding: 6px 48px;
 border:none;
 background-color: #01916d;
 text-decoration: none;
 color: #fff;
 border: 1px #01916D solid;
}
.button_share:hover {
 color: #01916D;
 padding: 6px 48px;

 background-color: #fff;
 border: 1px #01916D solid;
}

.button_share2 {
	text-align:center;
	width:100%;
	padding: 6px auto;
	border:none;
	background-color: #01916d;
	text-decoration: none;
	color: #fff;
	border: 1px #01916D solid;
   }
.button_share2:hover {
	color: #01916D;
	width:100%;
	padding: 6px auto;
	background-color: #fff;
	border: 1px #01916D solid;
   }

.button_on_modal {
	text-align:center;
	width:100%;
	padding: 6px auto;
	border:none;
	background-color: #01916d;
	text-decoration: none;
	color: #fff;
	border: 1px #01916D solid;
   }
.button_on_modal:hover {
	color: #01916D;
	width:100%;
	padding: 6px auto;
	background-color: #fff;
	border: 1px #01916D solid;
   }

.button_dl {
 text-align:center;
 padding: 10px;
 width:180px;
 text-decoration: none;
 color: #01916D;
 background-color: #fff;
 border: 1px #01916D solid;
}
.button_dl:hover {
 color: #fff;
 border:none;
 background-color: #01916d;
}
.form-dl{background-image: url(/img/Group239308.svg); background-repeat: no-repeat; background-position: top; height: 594px; padding:62px 110px 0px 110px; margin-top:46px; }
	#image{background-image: url(/img/taolao.svg); background-repeat: no-repeat; background-position: center; background-size: contain; height:500px; padding:52px 0px 0px 0px; color:#a2a2a2;}
	.dl{padding:190px 0px 0px 110px}
	.buttonx1{
		font-size: 16px;
		text-transform: uppercase;
		color: #000;
		font-weight: 600;
		padding-top: 12px;
		
	}		

	.home{padding-left:10px;}
	.image-preview-filename{color: #01916d;}
	@media screen and (max-width: 768px) {
		#navbarSupportedContent,.navbar,.navbar-nav,.nav{border:0px;}
		a.nav-link {font-size:16px; color:#000; padding:5px 5px 9px 25px;}	
		.navbar-nav>li>a{padding:5px 5px 9px 25px;line-height:15px;}
			.nav-link:hover,
		.nav-link:active 
		{
			  padding-top:5px;padding-bottom:4px;
			  padding-left:25px; padding-right:9px;
		}
		.home{padding-left:0px;}

		#congnghetamsoat{margin-top: 250px;}

	}	
	
#floating-button-main {
  position: fixed;
  text-transform: uppercase;
  top: 45%;
  right: 0;
  z-index: 99999;
}
#floating-button-main a {
  background: #d5d4d5;
  color: #000000;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 30px 10px 10px;
  border-radius: 10px 0px 0px 10px;
  transition: ease 0.5s !important;
}

input[readonly] {
	background-color: white !important;
}

td.disabled.day {
    color: #dddddd !important; /* Màu nhạt */
}

td.old.day:not(.disabled):hover, td.day:not(.disabled):hover, td.new.day:not(.disabled):hover {
    background-color: #69ffd4 !important; /* Màu xanh lá cây nhạt */
}