@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700&subset=latin,latin-ext);
*{margin:0;outline:none;text-decoration:none;border:none;list-style:none;box-sizing: border-box !important;}
html,body{font-family: 'Open Sans', sans-serif; font-weight:400;font-size:14px;line-height:1.42857143;color:#444;
height:100%;padding:0;}body{background:#f6f7f8;overflow-y:scroll;}
.container{width:1048px; margin-left:auto; margin-right:auto; position:relative}
.well{height:auto; background:#FFF; width:100%; float:left; float:left;
border: 1px solid; border-color:#eee #e8e8e8 #ddd;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}


.formMid{position:absolute; left:50%; right:50%; width:320px; margin-left:-160px; top:50%; margin-top:-120px; display:inline-block;
background:#fff;
-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,.15);
-ms-box-shadow: 0 0 4px 1px rgba(0,0,0,.15);
-o-box-shadow: 0 0 4px 1px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 4px 1px rgba(0,0,0,.15);
box-shadow: 0 0 4px 1px rgba(0,0,0,.15);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.formMid ul{float:left;padding:30px 30px 20px;}
.formMid li{float:left; width:100%; margin-bottom:10px;}
.formMid .btn, .formMid input[type="text"], .formMid input[type="password"]{ width:100%;padding: 9px 10px; height: auto;}
.formMid input[type="text"], .formMid input[type="password"]{ 
	-webkit-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);
-moz-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);
box-shadow: inset 0px 1px 2px 0px rgba(238,238,238,1);}
.formMid li h1{font-size:18px; line-height:1; margin-bottom:10px; color:#333; text-align:center;}


@media only screen and (max-width:960px){
.form li .input-group-btn>.btn{ margin-bottom:0px;}
}

@media only screen and (max-width:620px){
.small{ max-width:100%;}
}

@media only screen and (max-width:400px){
.form > li{ padding-left:0;}
.form > li > label{ position:relative;display:block; margin-bottom:14px; margin-top:0; line-height:1;}
.form li .input-group-btn>.btn{ float:none; width:auto; bottom:0;}
}

select,
textarea,
input[type="text"],
input[type="password"]{
border:1px solid #e2e2e2;
display:inline-block;
width: 100%;
color: #777;
background-color: #fff;
height:34px;
padding: 6px 8px;
font-size: 14px;
line-height: 1.42857143 !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
/*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);*/
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus
{border-color:#cccccc;}

textarea{ height:auto;float:left; }
select,input[type="radio"],input[type="checkbox"]{ cursor:pointer; }

.inp-full li textarea, .inp-full li input[type="text"], .inp-full li input[type="password"]{width:100%;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button, input, optgroup, select, textarea { font-family: sans-serif;}

/* BUTTONS */
.btn{display:inline-block;background:#FFF;margin-bottom:0;font-weight:400;text-align:center;cursor:pointer;border:1px solid rgba(0, 0, 0, 0.08);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;  padding: 6px 30px; font-size: 14px; line-height: 1.42857143 !important;white-space:nowrap; color:#666;}.btn:active,.btn.active{background:#eee;}.btn.active,.btn:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);}.btn-danger.active,.btn-success.active,.btn-info.active{color:rgba(255, 255, 255, 0.75);}.btn-small{padding:5px 10px;font-size:11.9px;line-height:1;}.btn-danger{color:#ffffff;background:#f04b51;}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active{color:#ffffff;background:#ee5a5f;}.btn-success{color:#ffffff;background:#01b74b;}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active{color:#ffffff;background:#01a945;}.btn-info{color:#ffffff;background:#0a8bc4;}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active{color:#ffffff;background-color:#288ed2;}.btn-full{width:100%;}.bg-info{background:#4392ca;}.bg-danger{background:#e74b3c;}.bg-success{background:#34b150;}.color-info{color:#2b96de;}.color-danger{color:#F04B51;}.color-success{color:#34b150;}
.color-success{color:#34b150;}.color-white{color:#fff;}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}.btn-medium {padding: 4px 10px; font-size:13px; color:#666;}

