/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 40px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a5ce3e+0,ffffff+50,a5ce3e+100 */
  background: #a5ce3e; /* Old browsers */
  background: -moz-linear-gradient(left, #a5ce3e 0%, #ffffff 50%, #a5ce3e 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #a5ce3e 0%,#ffffff 50%,#a5ce3e 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #a5ce3e 0%,#ffffff 50%,#a5ce3e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5ce3e', endColorstr='#a5ce3e',GradientType=1 ); /* IE6-9 */
}

/* Input button override
-------------------------------------------------- */
input#user_file:hover {
  background:  #eee;
}
/*input[type="file"] {
  display: none;
}
input[type="button"] {
  display: none;
}*/
input.hidden_input{
  display: none;
}

/* Footer (sticky)
-------------------------------------------------- */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
}
.footer p{
  text-align: center;
  margin-top:10px;
  color:#999;
}

/* Global styles
-------------------------------------------------- */
h1.root a{
  color:black;
  margin-bottom: 10px;
}
h1.root a:hover{
  color:black;
  text-decoration: underline;
}
h2.subtitle{
  margin-top:10px;
  margin-bottom: 24px;
}
ul{
  list-style: none;
  margin:0;
  padding:0;
}
li{
  display: inline-block;
}
img.img_responsive_dull{
    max-width: 100%;
    height: auto;
}
#photo_area{
  max-width: 512px;
  max-height: 512px;
  width:100%;
  height:100%;
  min-width: 240px;
  min-height: 240px;
  margin:0 auto;
  text-align: center;
/*   position: relative;
    padding: 45px 15px 15px;
    margin: 0 -15px 15px;
    border-color: #e5e5e5 #eee #eee;
    border-style: solid;
    border-width: 1px 0;
    -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
    box-shadow: inset 0 3px 6px rgba(0,0,0,.05);*/
}
.dash_border{
  background-color: rgba(255,255,255,.2);
  border:1px dashed #000;
}

div.center_outer {
}

label{
  display: block;
}
form.upload_form{
  position: absolute;
  width: 100%;
  height: 100%;
}
#take_photo_btn{
  margin-top:-25px;
}
div.center_inner {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#upload_controls{
  margin-top:25px;
  display: none;
}
#restart_btn, #rotate_btn, #upload_btn{
  display: inline-block;
  margin-left:5px;
  margin-right:5px;
}
.custom-file-upload {
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}
.custom-file-upload {
}

.align_center{
  text-align: center;
}

ul.action-buttons{
  margin-top: 40px;
  list-style: none;
  margin-left: 0;
  padding-left:0;
}
li{
  list-style: none;
  margin-left: 0;
  padding-left:0;
  /*margin-bottom:20px;*/
}
    
h1{
  font-size:56px;
  font-weight: bold;
  font-style:italic;
  text-align: center;
}
h2{
  font-size:20px;
  font-weight: bold;
  font-style:italic;
  text-align: center;
}

/* Intro page
-------------------------------------------------- */
canvas{
  display: block;
}
.photo{
  display: none;
  width:100%;
  height:100%;
}

/* form visibility */

#preloader_anim{
  display: none;
}
#about_btn{
  margin:20px;
}
#share_btns{
  display: none;
  margin:20px; 
}
a.btn-default{
  background-color: transparent;
}
a.btn-default:hover {
    color: #333;
    background-color: #fff;
    border-color: #adadad;
}
.debug-view{
  margin-bottom: 20px;
  font-size:14px;
  color:#333;
}
.debug-view img{
  margin-bottom:4px;
}
#full_results, #hide_more{
  display: none;
}