/*Primary Theme CSS*/
html, body {
  padding:0;
  margin:0;
}
.container {
  overflow:auto;
}

/*Header*/
.header {
  position:relative;
  overflow:auto;
  padding:10px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f9fe+0,d6f0fd+100;White+3D+%232 */
  background: rgb(242,249,254); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,249,254,1) 0%, rgba(214,240,253,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */
}
.header .logo {
  width:150px;
  display:inline-block;
  vertical-align:middle;
  margin-right:15px;
}
.header .logo img {
  width:100%;
  height:auto;
}
.header .title {
  position:relative;
  display:inline-block;
  vertical-align:middle;
  padding-left:20px;
}
.header .title h1 {
  margin:0;
  font-family: 'News Cycle', sans-serif;
  color:#000000;
  font-weight:400;
}
.header .title, .header .logo {

}
.clearfix:after {
  clear:both;
  content:'';
}
.bottomshadowlight {
    display: inline-block;
    background: rgba(0,0,0,0.12);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(245,245,245,0.06) 50%, rgba(237,237,237,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.35)), color-stop(50%, rgba(245,245,245,0.06)), color-stop(100%, rgba(237,237,237,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(245,245,245,0.06) 50%, rgba(237,237,237,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(245,245,245,0.06) 50%, rgba(237,237,237,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(245,245,245,0.06) 50%, rgba(237,237,237,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%, rgba(245,245,245,0.06) 50%, rgba(237,237,237,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ededed', GradientType=0 );
    content: " ";
    width: 100%;
    position: relative;
    height: 12px;
    z-index: 99;
}

/*form*/
.form {
  width:600px;
  position:relative;
  margin:0 auto;
  max-width:100%;
  padding:15px;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.login {
  background-color:#d1d7da;
}
