body {
  background-color: #ed750e;
  font-family: 'Roboto', sans-serif;
}

h1 {
  color: #994d00;
  //text-shadow: 2px 0px 2px rgba(0, 0, 0, 0.8), 0px 0px 20px rgba(255, 255, 255, 0.8);
  font-size: 26px;
}

h1 small {
  color: #333;
}


a:hover {
  text-decoration: none;
}

img.lazy {
  display: none;
}

.heading {
  min-height: 80px;
  margin-bottom: 20px;
}

.clearfix {
  margin-bottom: 10px;
}

.content {
  background-color: white;
  padding-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  -webkit-box-shadow: 0px 0px 15px #000;
  -moz-box-shadow: 0px 0px 15px #000;
  box-shadow: 0px 0px 15px #000;
  border: 1px solid black;

}

.navbar-fixed-bottom {
  margin: 0px;
  background-image: none;
  border-top: 1px solid #999;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
  background: #e2e2e2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0);
  /* IE6-9 */

  color: black;

}

.front-white {
  background-color: white;
}

.text-front {
  display: inline-block;
  vertical-align: middle;
  float: none;
  height: auto;
}

.alert-front {
  color: #2a2a2a;
  background-color: #f1f1f1;
  border-color: #eae8e8;
}


.navbar-fixed-bottom a,
.navbar-fixed-bottom a:hover {
  color: black;
  margin: 0px auto;

}

.navbar-fixed-bottom img {
  margin-padding: 5px;
  margin-left: 5px;
}

.fixed-footer {}

.fixed-footer h4 {
  margin: 0px;
  margin-left: 5px;

}

.vcenter {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.navbar .navbar-brand {
  padding: 5px;
}


.navbar {

  background: #f77a31;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f77a31 0%, #ff8630 50%, #f47200 51%, #f4a03f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f77a31), color-stop(50%, #ff8630), color-stop(51%, #f47200), color-stop(100%, #f4a03f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f77a31 0%, #ff8630 50%, #f47200 51%, #f4a03f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f77a31 0%, #ff8630 50%, #f47200 51%, #f4a03f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f77a31 0%, #ff8630 50%, #f47200 51%, #f4a03f 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f77a31 0%, #ff8630 50%, #f47200 51%, #f4a03f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f77a31', endColorstr='#f4a03f', GradientType=0);
  /* IE6-9 */

  border-bottom: 1px solid #c66622;
}


.navbar .nav {
  padding-left: 10px;
}



.navbar li {
  border-left: 1px solid #f09d61;
  border-right: 1px solid #f09d61;
}


.navbar-nav>.active>a,
.navbar-nav>.active>a:hover,
.navbar-nav>.active>a:focus,
.navbar-nav>a:hover,
.navbar-nav>li>a:hover,
.navbar-nav>li.open>a {

  -webkit-box-shadow: inset 1px 1px 0px #985813, inset -1px -1px 0px #985813;
  -moz-box-shadow: inset 1px 1px 0px #985813, inset -1px -1px 0px #985813;
  box-shadow: inset 1px 1px 0px #985813, inset -1px -1px 0px #985813;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#dd7a35), to(#984a13));
  background-image: -moz-linear-gradient(top, #984a13, #dd7a35);
  //background-color: #984a13;
  color: white;
  text-shadow: 0 6px 0 rgba(0, 0, 0, .1), 0 0 10px rgba(0, 0, 0, .9);
}

.navbar-nav>li>a {
  color: black;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .4), 0 0 10px rgba(255, 255, 255, .9);
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  transition: all .1s linear;
}


.navbar .navbar-toggle {
  background-color: #dd7a35;
}

.navbar .navbar-toggle .icon-bar {
  background-color: #985813;
}

.footer {
  margin-top: 30px;
}

#messagecomposer textarea {
  resize: none;
}

.messages {
  padding-bottom: 10px;
}

.message-scroll {
  max-height: 500px;
  overflow: auto;
}

.notifications {
  position: fixed;
  top: 60px;

}

.image-gallery {
  display: none;
}

p.message-thread {

  padding-top: 10px;
  padding-bottom: 10px;
}

.dashed {
  border: 1px dashed black;
  padding: 5px;
  margin: 10px;
}


.media-object {

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;

}

a:hover {
  /* transition: -webkit-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 400ms; -webkit-transition: -webkit-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 400ms; -webkit-transform: translateZ(10px) translateY(-3px);  */
  opacity: 0.7;
}


.galleria {
  margin: 5px;
  width: 100%;
  height: 400px;
  background: transparent;
  /* -moz-box-shadow: 0 0 3px 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,.2);
  box-shadow: 0 0 3px 3px rgba(0,0,0,.2); */
}


.has-error input {
  background-color: #ffcccc !important;
}

.has-success input {
  background-color: #ccffcc !important;
}

.has-warning input {
  background-color: #ffffcc !important;
}

.disabled input {
  cursor: not-allowed;
  background-color: #eeeeee !important;
  border: 1px solid #ccceee !important;
  opacity: 1;
}

.dropzone {
  margin-bottom: 20px;
  border: 1px dashed !important;
}

.profilebuttons {
  margin: 5px;
}

.media:first-child {
  margin-top: 15px;
}


/* Responsive */




.banks {
  width: 150px;
  height: 110px;
  margin: 15px;
  padding: 0px;
}

.banks form span {
  display: table-cell;
  vertical-align: middle;
  height: 82px;
  width: 180px;
}

.banks form span input {
  margin-left: auto;
  margin-right: auto;
  display: block;
  background-color: white;
}


.C1 {
  width: 180px;
  height: 120px;



  clear: none;

}

.C1:hover {}

.C1 form {
  width: 180px;
  height: 120px;
}

.C1 form span {}

.C1 form span input {}

.C1:hover form span input {}

.banks div {
  text-align: center;
  font-family: arial;
  font-size: 8pt;
}


*[class*='col-xs'] {
  padding: 5px;
}