/*----------------------------------------------- public reset */
.forms_01{
	font-family:arial;
	font-weight:bold;
	line-height:24px;
}
.forms_01 label, .forms_01 input, .forms_01 textarea {
	display: block;
	width: 100%;
	padding: 5px;
	margin-top: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	border: none;
	background: transparent;
}
/*----------------------------------------------- labels */
.forms_01 label {
	padding-right: 7px;
	text-align:right;
	font-family: Droid Arabic kufi;
	font-weight: 100;
	margin-top:15px;
}
.forms_01 label span{
	display: block;
	width: 100%;
	font-size:12px;
	font-family: Droid Arabic Naskh;
	font-weight: 100;
	color: #b7b7b7;
}
/*----------------------------------------------- input and textarea */
.forms_01 input, .forms_01 textarea , .forms_01 select {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid silver;
	font-family: inherit;
	font-size: 14px;
	color: #0b64af;
	background:white;
}
.forms_01 textarea {
	height: 180px;
	resize: none;
}
.forms_01 input[type="text"]:focus,
.forms_01 input[type="password"]:focus,
.forms_01 input[type="email"]:focus,
.forms_01 input[type="tel"]:focus,
.forms_01 textarea:focus {
	transition: all 250ms;
}
.forms_01 input[type="text"]:focus,
.forms_01 input[type="password"]:focus,
.forms_01 input[type="email"]:focus,
.forms_01 input[type="tel"]:focus,
.forms_01 textarea:focus {
	box-shadow: 0px 0px 6px 0px skyblue;
	border-color: skyblue;
}
/*----------------------------------------------- submit */
.forms_01 input[type="submit"] {
	background: skyblue;
	border: none;
	cursor: pointer;
	border: 1px solid #30aadc;
	font-size:14px;
	font-weight:bold;
	/*color: white;*/
    color: #302d2d;
	transition: all 250ms;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
	font-family: Droid Arabic kufi;
	font-weight: 100;
	margin-top: 15px;
	margin-bottom: 15px;
    height: 40px;
}
.forms_01 input[type="submit"]:hover {
	background: #30aadc;
}
.forms_01 .error {
	box-shadow: 0px 0px 10px 1px rgba(255, 0, 0, 0.1) !important;
	border-color: red !important;
	color: red !important;
	background: white url(../images/icon_error.svg) no-repeat 5px center;
}
/*----------------------------------------------- notes */
.forms_01 p{
	background: skyblue;
	padding:5px;
	color:#fff;
	margin: 5px 0px;
	border-right:5px solid deepskyblue;
	font-family: Droid Arabic Naskh;
	font-weight: 100;
	font-size:12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;	
}
.forms_01 p.info{
	background:#ebe587;
	border-color:#c9c258;
	color:black;
}	
.forms_01 p.ok{
	background:#87eb97;
	border-color:#5ccd6e;
	color:black;
}
.forms_01 p.no{
	background:#eb8787;
	border-color:#c84949;
	color:white;
}
/*----------------------------------------------- select */
.forms_01 select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance:none;
	border:0;
	outline:none;
	cursor:pointer;
	border: 1px solid silver;
	font-family: inherit;
	font-size:12px;
	background:white url(../images/forms_select_arrow.svg) no-repeat 3px center;
	padding:3px 3px 3px 26px;
	font-family: Droid Arabic Naskh;
	width:100%;
	margin-top: 5px;
}
.forms_01 select::-ms-expand {
    display: none;
} 
@-moz-document url-prefix(){
	.forms_01 select{
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
	
	padding:3px 3px 3px 10px;
	}
}
/*----------------------------------------------- radio and checkbox */
.forms_01 input[type="radio"]{
	display:none;
}
.forms_01 input[type="radio"] + label{
	display:inline-block;

	vertical-align:besline;
	padding-left:15px;
	margin-bottom:5px;
	cursor:pointer;
	padding-right:10px;
	height:33px;
	border:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid silver;

	font-family: Droid Arabic Naskh;
	font-weight: bold;
	font-size:12px;
	background:white;
}
.forms_01 input[type="radio"] + label span{
	width:20px; height:20px;
	display:inline-block;
	margin:0px 0px -3px 10px;
	cursor:pointer;
	background: url(../images/select.png) no-repeat -40px center;
}
.forms_01 input[type="radio"]:checked + label span{
	background: url(../images/select.png) no-repeat -60px center;
}
.forms_01 input[type="checkbox"]{
	display:none;
}
.forms_01 input[type="checkbox"] + label{
	display:inline-block;
	vertical-align:besline;
	padding-left:15px;
	margin-bottom:5px;
	cursor:pointer;
	padding-right:10px;
	border:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid silver;
	height:33px;
	font-family: Droid Arabic Naskh;
	font-weight: bold;
	font-size:12px;
	background:white;
}
.forms_01 input[type="checkbox"] + label span{
	width:20px; height:20px;
	display:inline-block;
	margin:0px 0px -3px 10px;
	cursor:pointer;
	background: url(../images/select.png) no-repeat -20px center;
}
.forms_01 input[type="checkbox"]:checked + label span{
	background: url(../images/select.png) no-repeat left center;
}
.green{background:black;}