/*******************    Gia ta alert box       *****************/
.alert-box {
		color:#fff;
		border-radius:10px;
		font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
		padding:10px 16px 10px 36px;
		margin:5px;
        width:auto;
	}
 .closebtn {
    margin-left: 5px;
    padding-right:0px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 17px;
    line-height: 12px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}
	.alert-box span {
		font-weight:bold;
		text-transform:uppercase;
	}
	.ajaxmessage {
		background:#000000 url('../assets/loader.gif') no-repeat 10px 50%;
		background-size: 20px 20px;
		border:1px solid red;
        color:green;
	}

	.error {
		background:#000000 url('../assets/info_bubble.ico') no-repeat 10px 50%;
		background-size: 20px 20px;
		border:1px solid red;
        color:green;
	}
	.success {
		background:#e9ffd9 url('../assets/info_bubble.ico') no-repeat 10px 50%;
		background-size: 20px 20px;
		border:1px solid #a6ca8a;
	}
	.warning {
		background:#fff8c4 url('../assets/info_bubble.ico') no-repeat 10px 50%;
				background-size: 20px 20px;
		border:1px solid #f2c779;
	}
	.notice {
		background:#e3f7fc url('../assets/info_bubble.ico') no-repeat 10px 50%;
		background-size: 20px 20px;
		border:1px solid #8ed9f6;
	}

/*******************   End of  Gia ta alert box       *****************/



.overlay{
  position:fixed;
  top:0;
  bottom:0;
  right:0;
  left:0;
  z-index:99;
  pointer-events:none;
  background:#000;
  transform:scale(0.5);
  opacity:0;
}
input[type="checkbox"]:checked ~ .overlay{
  opacity:0.9;
  pointer-events:auto;
  transform:scale(1);
  transition: transform 0.5s ease, opacity 0.5s ease;
}
.modal{
  position:fixed;
  top:50%;
  left:50%;
  z-index:100;
  width:100%;
  max-width:650px;
  transform:translate(-50%, -50%) scale(0.5);
  pointer-events:none;
  opacity:0;
}
input[type="checkbox"]:checked ~ .modal{
  pointer-events:auto;
  opacity:1;
  transform:translate(-50%, -50%) scale(1);
  transition:transform 0.5s ease, opacity 0.5s ease;
  transition-delay:0.1s
}
.modal__content{
  display:block;
  background:#fff;
  padding:30px;
}