@charset "utf-8";


/* reset */
body{font:12px/18px arial,sans-serif;color:#585858;}

body,div,p,span,form,iframe,table,td,th,input,textarea,button,label,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%; }
ul,ol,li,dl{list-style-type:none;}
em,i,dfn,cite,strong,small{font-style:normal;} 
img{border:0;}
fieldset,button,input,select,option{vertical-align:middle;font:12px/18px arial,sans-serif;}
table{border-collapse:collapse;border-spacing:0}
textarea{resize:none}

/* color */
a:link,a:visited{color:#575757;text-decoration:none;}
a:hover{color:#ef4165;text-decoration:none;}
a:active{color:#1d7400;}

/* clearfix */
.clearfix{ *zoom:1;}
.clearfix:after{display:table; line-height:0; content:""; clear:both;}

#pagespeed_wrapper {max-width:100vw;width:100vw;}

#pagespeed_entry_box { max-width:650px; width:60%;text-align:center;margin:0 auto; padding:0; padding-left:15px;padding-right:15px;}

#pagespeed_results_div {     width: 100vw;
    margin-bottom: 50px;
    max-width: 100vw;
    padding: 0;
    height:250px;
}

#website_screenshot {max-width:250px;max-height:200px;}
.range::before {
    content: '';
    width: 16px;
    height: 8px;
    border-radius: 4px;
    display: inline-block;
    margin: 1px 8px;
    }
.range.fast::before { background-color: #178239;}
.range.average::before {background-color: #e67700;}
.range.slow::before {background-color: #c7221f;}

.horizontal {float:left;margin-right:15px;}

/* Full-width input fields */
input[type=text], input[type=password], input[type=email]{
  width: 100%;
  padding: 5px!important;
  padding-left:0!important;
  padding-right:0!important;
  margin: 2px 0 10px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
  max-height:40px;
}

input[type=text]:focus, input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/register button */
.registerbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.registerbtn:hover {
  opacity:1;
}