/*
* Theme Name: Default theme
* Author: David Apaza
* Description: This template did was created for web app IGE
* Version: 1.0
*/
/*Main Config*/

body{
  background: url(../images/bg-svige-2020.jpg) center center no-repeat rgba(255,255,255,0.3);
  background-size: cover;
  background-position: fixed;
}
.wrapper{
  display: table;
}
.body-overlay{
  background: -moz-linear-gradient(top,  rgba(221,221,221,0.75) 0%, rgba(221,221,221,0.75) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,0.75)), color-stop(100%,rgba(221,221,221,0.75)));
  background: -webkit-linear-gradient(top,  rgba(221,221,221,0.75) 0%,rgba(221,221,221,0.75) 100%);
  background: -o-linear-gradient(top,  rgba(221,221,221,0.75) 0%,rgba(221,221,221,0.75) 100%);
  background: -ms-linear-gradient(top,  rgba(221,221,221,0.75) 0%,rgba(221,221,221,0.75) 100%);
  background: linear-gradient(to bottom,  rgba(221,221,221,0.75) 0%,rgba(221,221,221,0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfdddddd', endColorstr='#bfdddddd',GradientType=0 );
}
.form-wrapper{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.form-box{
  width: 90%;
  max-width: 400px;
  margin: 20px auto;
  display: inline-block;
  border-radius: 6px;
  background: #C5BB01;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
}
.form-block{
  padding: 10px;
}
.form-head{
  background-color:#f9f9f9;
  box-shadow: inset 0 -2px 3px #8F8801;
  padding: 20px;
  margin:25px 25px 0 25px;
}
.form-head .page-title{
  font-size:25px;
  margin:10px auto;
}
.form-title{
  font-size:45px;
  text-shadow: 2px 2px 2px #000;
}
.form-title span,
.form-title small{
  font-size:15px!important;
  text-shadow:none;
}
.form-title span{
  display:block;
}
.form-body{
  text-align: left;
  background-color:#FFF;
  margin:0 25px;
  padding: 15px;
}
.form-foot{
  margin: 0 25px 25px;
  background-color:#F7F7F7;
  box-shadow: inset 0 3px 3px #aaa;
}
.form-row{
  display: grid;
  grid-gap: 1px;
  grid-template-columns: auto 65%;
  padding: 2px;
  margin: 5px 0;
}
.form-bottom {
  display: flex;
  justify-content: center;
  padding: 2px;
}
.form-row label{
  margin-top: 5px;
  border-bottom: 1px dotted #999;
  font-weight: bold;
}
.form-field{
  display: block;
  width: 100%;
  height: calc(1.6em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-field:focus,
.form-field:active{
  border-color: #5e0225;
  border-radius: 0.25rem;
  box-shadow:inset 0 0 5px #8F8801;
}
/*footer*/
.form-copy{
  color: #777;
  font-size: 13px;
  margin:0;
  font-weight: 700;
  text-align: center;
}
.form-copy a{
  color: #888;
}
.form-copy a:hover{
  color: #8F8801;
}
.footer{
  margin-left: 0;
}
@media (max-width: 400px) {
  .form-head{
    margin:3px 3px 0 3px;
  }
  .form-body{
    margin:0 3px;
  }
  .form-foot{
    margin: 0 3px 3px;
  }
  .hidden-xs{
    display: none;
  }
  .form-row {
    grid-template-columns: auto;
}
}