
body {
	
background-color: #f1f2f7;
height: 100%;
font-family: 'Poppins', sans-serif !important;
color: #424a4d;
font-size:13px;
}

.head{
	background: #0d253c;
padding: 16px;
text-align:center;
color:#FFF;
font-size:16px;
font-weight:300;
}
.panel {
	width:450px;  border: 0 none;
box-shadow: -21px 32px 40px rgba(0, 0, 0, 0.2); margin: 200px auto 0px auto;
overflow: hidden;
padding: 0; background:#FFF; border-radius: 20px;
}
.ip{ padding:10px; margin:10px 0px; text-align:center;}

i{
	border-top: #EBEBEB 1px solid;
    border-bottom: #EBEBEB 1px solid;
    border-left: #EBEBEB 1px solid;
    display: block;
    width: 40px;
    text-align: center;
        padding: 11px 0px 12px 0px;
    color: #333;
	}


.content { padding:20px 40px;}


.item{ margin:10px 0px;}

textarea,
input[type="url"],
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="file"],
select {
	color:#000;
	width: 326px;
	height: 38px;
	padding: 4px;
	/*border-radius: 3px;*/
	font-size: 13px;
	
	line-height: 18px;	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  border: 1px solid #DDDDDD;
  font-family:'Poppins', arial;
  -webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
textarea:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
select:focus{   box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border-color:#8bade4; }
  
::-webkit-input-placeholder { color: #333; }

/*buttonlar*/
.button{
	font-weight: 500;
border-radius: 10px;
outline: 0 !important;
display: inline-block;
padding: 8px 14px;
margin: 5px 1px;
font-size: 13px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
-webkit-box-shadow: 0 1px 1px rgba(90,90,90,0.1);
box-shadow: 0 1px 1px rgba(90,90,90,0.1);
}

.button.btn-default{
	color: #000 !important;
background-color: #fcfdfd;
border-color: #dee5e7;
	}
.button.btn-default:hover{
	  background:#EDF1F1;
}


.button.btn-green{
	color: #fff !important;
background-color: #096;
border-color: #27c24c;
}

.button.btn-green:hover{
	background-color: #1E953C;
}
.error_box{ background: #e6b8b887;
    color: #851919;
    padding: 12px;
    border-radius: 10px;}
	
	.ok_box{padding:10px;color:#090;background:#E9FFD2}