html,body {
	margin: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

form { padding: 0; margin : 0; }

.modal{display: none; position: fixed;  z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;}
.modal .modal-content{ width:450px; height: auto; background-color: #fefefe; margin: 15% auto; border: 1px solid #888;}
.modal .modal-content .close{float:right; width: 30px; height: 30px; background: transparent url('../img/close.svg') 0% 0% no-repeat padding-box; }
.modal .modal-content .title{clear:both; display: inline-block;width: 110px; height: 30px; line-height: 30px; padding-left:20px;  margin-top:20px;}
.modal .modal-content .title span{font-size:16px; font-weight: bold;}
.modal .modal-content div{width: 100%; height: auto; margin: 4px;}
.modal .modal-content div select{width: 100px; height: 30px;}
.modal .modal-content div .text{display: inline-block;width: 110px; height: 30px; line-height: 30px; padding-left:20px; text-align: left;}
.modal .modal-content div .button{width:initial; text-align: center; padding-top:10px; padding-bottom:10px;}
.modal .modal-content div a{display: inline-block;width: 60px; height: 30px; line-height: 29px; background: #F9F9F9 0% 0% no-repeat padding-box; border-radius: 3px; }
.modal .modal-content div a.on{background: #404040 0% 0% no-repeat padding-box; color:#fff;}
.modal .modal-content div button{display: inline-block;width: 60px; height: 30px; line-height: 29px; background: #404040 0% 0% no-repeat padding-box; border-radius: 3px; color:#fff; }

/* Full-width input fields */
input[type=text], input[type=password] {
	width: 80%;
	padding: 7px 12px;
	margin: 7px 0;
	display: inline-block;
	border: 1px solid #aaa;
}
input[type="text"][disabled] {
   color: #000000;
   border: 1px solid #ddd;
}

textarea {
	width: 80%;
	padding: 7px 12px;
	margin: 7px 0;
	display: inline-block;
	border: 1px solid #aaa;
}
textarea[disabled] {
   color: #000000;
   border: 1px solid #ddd;
   overflow:hidden;
}

.BtnACT {
	color: white;
	padding: 10px 18px;
	cursor: pointer;
	width: 100%;
	border: 1px solid #4CAF50;
	background-color: #4CAF50;
}

.BtnCCL {
  width: auto;
  padding: 10px 18px;
  border: 1px solid #f55555;
  background-color: #f55555;
}

button:hover {
	opacity: 0.8;
}

.BtnX {
	float: right;
	display: inline-block;
	width: 13px;
	height: 13px;
	background:
		linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,#000000 45%,#000000 55%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 100%),
        linear-gradient(135deg, #ffffff 0%,#ffffff 43%,#000000 45%,#000000 55%,#ffffff 57%,#ffffff 100%);
}
.BtnX:hover {
	background:
		linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,#ff0000 45%,#ff0000 55%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 100%),
		linear-gradient(135deg, #ffffff 0%,#ffffff 43%,#ff0000 45%,#ff0000 55%,#ffffff 57%,#ffffff 100%);
	cursor: pointer;
}
