form {
	padding:10px;
	margin:10px;
	border-radius:15px;
	border:2px #efe solid;
	position:relative;
	height:auto;
	width:auto;
}
 
label {
	width:200px;
	display:inline-block;
	float:left;
	clear:left;
}

input, textarea, select, .checks-block, .file-box {
	width:500px;
	max-width:100%;
	clear:right;
	margin-bottom:15px;
	border-radius:4px;
	padding:6px;
	outline:none;
	border:#e3f3e3 solid 1px ;
	color:#99a;
	transition:all 0.3s;
}
input[type='text'], input[type='email'], input[type='password']  {
background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #ffd), color-stop(100%, #fff));
  background: -moz-linear-gradient(top, #ffd, #fff);
}

textarea {
	height:100px;
}
 
input:hover, select:hover, textarea:hover {
	outline:none;
	border:#cdd solid 1px ;
}

input:focus, select:focus, textarea:focus {
	outline:none;
	box-shadow:2px 2px 10px rgba(150, 200, 150, 0.65);
}


button, #submit{
	cursor:pointer;
	width:100px;
	margin:10px;
	min-width:100px;
	border:1px solid #7eb9d0; 
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 10px 10px 10px 10px; 
	text-decoration:none; 
	outline:none;
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; 
	color: #FFFFFF;
	background-color: #a7cfdf; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
	background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
	background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
	background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
	background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
	background-image: linear-gradient(to bottom, #a7cfdf, #23538a);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
}

button:hover, #submit:hover{
background-color: #82bbd1; background-image: -webkit-gradient(linear, left top, left bottom, from(#82bbd1), to(#193b61));
background-image: -webkit-linear-gradient(top, #82bbd1, #193b61);
background-image: -moz-linear-gradient(top, #82bbd1, #193b61); background-image: -ms-linear-gradient(top, #82bbd1, #193b61);
 background-image: -o-linear-gradient(top, #82bbd1, #193b61);
 background-image: linear-gradient(to bottom, #82bbd1, #193b61);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82bbd1, endColorstr=#193b61);
}


 
input[type='checkbox'], input[type='radio'] {
clear:left;
line-height:30px;
color:black;
}

.checks-block {
display:inline-block;

}



fieldset {
border:none;
padding:0px;
margin:0px;

}




[type="checkbox"] + label , [type="radio"] + label {
margin-top:5px;
width:auto;
margin-bottom:10px;
color:black;
}


/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
margin-top:10px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;

  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: -2px;
  width: 18px; height: 18px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: -9px; left: 3px;
  font-size: 20px;
  color: #09ad09;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
  border: 1px solid #4778d9!important;
}






[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
margin-top:10px;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 25px;

  cursor: pointer;
}

/* radio aspect */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: -2px;
  width: 18px; height: 18px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 50%;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content: '\26AB';
  position: absolute;
  top: -4px; left: 3px;
  font-size: 17px;
  color: #0909ad;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled radio */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="radio"]:disabled:checked + label:after {
  color: #999;
}
[type="radio"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="radio"]:checked:focus + label:before,
[type="radio"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
  border: 1px solid #4778d9!important;
}




.file-box{
position:relative;
float:left;
min-width:300px;
width:65%;
}

.choose-file-box{
position:relative;
width:150px; 
overflow:hidden;
}


.btn-choose-file{
position:relative;
width:120px;
margin-left:auto;
margin-right:auto;
border-radius:10px;
color:white;
background:green;
margin:3px; 
}

.choose-file {
    position: absolute;
width:100%;
min-width:100%;
height:100%;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
 
}
  
 
#box-add-new{
position:absolute;
margin:auto;
width:400px;
height:150px;
background:white;
border:1px solid silver;
border-radius:15px;
padding:10px;
}
#btn-add-new, #btn-cancel-new{
background:green;
}
#btn-add-new:hover, #btn-cancel-new:hover{
background:#ada;
}

.submit {

padding:15px;
}