@import 'https://fonts.googleapis.com/css?family=Dosis:500|Open+Sans';
.result {
  padding: 0px; }

html {
  position: relative;
  min-height: 100%; }

body {
  /* Margin bottom by footer height */
  margin-bottom: 55px;
  background-color: #e9e9e9; }

.img-screen {
  max-width: 250px; }

.image-container {
  text-align: center;
  vertical-align: middle; }

.navbar-footer {
  margin-bottom: 0; }

.youtubeicon {
  width: 34px; }

.fa-spinner {
  position: absolute;
  opacity: .5;
  top: 50%;
  left: 50%;
  background-size: 100%;
  z-index: 9999; }

.parent {
  display: table;
  margin-bottom: 20px; }

.logged-in {
  margin-right: 95px; }

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  margin-left: 50px; }

.child {
  float: none;
  display: table-cell;
  vertical-align: bottom; }

.sequenceicon {
  max-width: 10000px; }

.site-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 55px; }

.panel-activity {
  margin-bottom: 0px;
  padding: 8px 15px 8px;
  line-height: 1.4; }

.panel-profile {
  margin-bottom: 0px; }

.profile-img {
  background-color: lightgrey;
  height: 110px;
  padding: 20px;
  width: 110px;
  border-radius: 68px; }

.curser_pointer {
  cursor: pointer;
  cursor: hand; }

body {
  color: #555;
  font-family: 'Open Sans', sans-serif;
  line-height: 25px; }

.whiteHeading h1,
.whiteHeading h2,
.whiteHeading h3,
.whiteHeading h4,
.whiteHeading {
  color: white; }

h1,
h2,
h3,
h4 {
  color: #fc7700;
  font-family: 'Dosis', sans-serif; }

legend {
  margin-bottom: 8px;
  color: #555;
  font-family: 'Dosis', sans-serif;
  font-size: 170%;
  font-weight: 120; }

.dropdown-menu {
  min-width: 60px;
  padding: 0px; }

.btn.dropdown {
  padding: 3px; }

.wrapper {
  width: 760px;
  margin: 0 auto 5em auto; }

.main {
  overflow: hidden; }

.error-spacer {
  height: 4em; }

img.icon {
  width: auto;
  max-height: 100%;
  margin-top: 25px;
  margin-bottom: 5px; }

div.item {
  position: relative;
  float: left;
  padding-left: 25px; }

.grid-sizer {
  width: 24%;
  height: auto; }

.imgcontainer {
  position: relative;
  float: left;
  width: 100%; }

.image img {
  float: left;
  width: 100%; }

img.addmargin {
  margin-top: 20px;
  margin-bottom: 5px; }

img.animation {
  width: auto;
  max-width: 95%;
  max-height: 450px; }

img {
  max-width: 100%; }

select {
  width: 100%;
  height: 22px; }

.list-actions {
  display: inline;
  float: right; }

.inline {
  display: inline; }

.float-right {
  float: right; }

a {
  color: #555; }

.orange, .orange p {
  color: #fc7700;
  border-color: #fc7700; }

.link-active {
  color: #fc7700;
  border-color: #fc7700; }

.icon {
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  -webkit-filter: sepia(0%);
  -moz-filter: sepia(0%);
  -o-filter: sepia(0%);
  filter: sepia(0%); }

.icon:hover:not(a) {
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  -webkit-filter: sepia(100%);
  -moz-filter: sepia(100%);
  -o-filter: sepia(100%);
  filter: sepia(100%); }

div#iconbox {
  display: inline-block;
  padding: 10px; }

a:focus,
a:hover {
  text-decoration: none;
  color: #fc7700; }

.neighbour a:hover {
  text-decoration: none;
  color: black; }

select {
  color: #666666; }

label {
  margin-top: 5px;
  margin-bottom: 0px;
  color: #666666; }

.inlineHeader {
  display: inline; }

form {
  display: inline; }

.btn.btn-warning {
  border-color: #fc7700;
  background-color: #fc7700; }

.alert.alert-danger {
  background-color: #fc7700; }

.not-active {
  cursor: default;
  pointer-events: none; }

div.media-container {
  text-align: center;
  border: 1px solid lightgray;
  border-radius: 4px; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  border-color: #fc7700;
  background-color: #fc7700; }

.pagination > li > a,
.pagination > li > span {
  color: #fc7700; }

.navbar-brand > img {
  color: #fc7700; }

.navbar-brand {
  padding-top: 1px;
  margin-right: 10px;
  font-size: 14px; }

.pose.panel-default > .panel-heading {
  background-color: #fcc700; }

.transition.panel-default > .panel-heading {
  background-color: #fca400; }

.panel-default > .panel-heading h2 {
  display: inline;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 2px;
  border-radius: 10px; }

.welcome {
  overflow: hidden;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.04); }

.welcome1 {
  border-color: #fc9500;
  background-color: #fc9500; }

.welcome2 {
  border-color: #fc9500;
  background-color: #fc9500; }

.welcome3 {
  border-color: #fca400;
  background-color: #fca400; }

.welcome4 {
  border-color: #fcbb00;
  background-color: #fcbb00; }

.smalldiv {
  height: 252px; }

.largediv {
  height: 465px; }

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #fc7700; }

.navbar-nav > li > a {
  padding-top: 20px;
  font-size: 17px; }

.footer {
  font-size: 13px !important; }

.vertical-align {
  display: inline;
  -ms-flex-direction: row;
  flex-direction: row; }

.post-img {
  display: block;
  margin: auto; }

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: center;
  justify-content: center;
  /* Optional, to align inner items
  horizontally inside the column */ }

hr {
  margin-top: 5px;
  margin-bottom: 15px; }

.text {
  text-align: justify; }

.ui-accordion-header:focus {
  outline: none; }

@media (min-width: 1200px) {
  .container {
    width: auto !important;
    padding-right: 60px;
    padding-left: 60px; }
    .container .row-3 {
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -moz-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end; } }

div.neighbour {
  margin-bottom: 3px;
  padding: 3px; }

.titel_img {
  display: block;
  max-width: 100%;
  height: auto; }

.is-table-row {
  overflow: hidden; }

.is-table-row [class*="col-"] {
  margin-bottom: -999px;
  padding-bottom: 999px; }

.ui-autocomplete {
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 200px; }

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
  height: 200px; }

.radial-grad {
  background: radial-gradient(white, #F6F6F6); }

.thumbnail {
  margin-bottom: 0px; }

.thumbnail.inline {
  display: inline-block; }

.thumbnail h4 {
  margin-top: 0px;
  margin-bottom: 0px; }

.thumbnail-start {
  width: auto;
  height: 150px !important;
  max-height: 100%;
  margin: auto; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  color: #fc7700;
  border: 1px solid #c5c5c5; }

.no-gutter > [class*='col-'] {
  padding-left: 0; }

.ui-button:active .ui-icon {
  display: none; }

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  display: none; }

.ui-icon,
.ui-widget-content .ui-icon {
  display: none; }

.sameheight, .equalheight {
  display: table-cell;
  vertical-align: bottom; }

.leftimage {
  width: 43%;
  padding-top: 15px;
  vertical-align: bottom; }

.rightimage {
  right: 0;
  bottom: 0;
  width: 43%;
  padding-top: 15px;
  vertical-align: bottom; }

.arrow {
  padding-bottom: 57px;
  color: black; }

.youtubeicon {
  position: absolute;
  top: 12px;
  left: 8px;
  padding-bottom: 5px;
  transform: scale(0.9, 0.9);
  vertical-align: bottom;
  color: #fca400; }

.clearfix {
  overflow: auto; }

.no-border {
  border: 0px !important; }

.margin-left {
  margin-left: 10px; }

a:active, .a:active, a:focus, .a:focus, a:hover, .a:hover {
  border: none !important;
  outline: none !important; }

#wrapper {
  width: 100%;
  height: 150%;
  overflow-x: scroll;
  white-space: no-wrap; }

.table {
  display: table; }

.tr {
  display: table-row; }

.td {
  display: table-cell; }

.box {
  margin: 20px;
  width: 200px;
  height: 200px; }

cite {
  text-align: center; }

#custom-handle {
  width: 2em;
  height: 1.6em;
  top: 50%;
  margin-top: -.8em;
  text-align: center;
  line-height: 1.6em; }

#amount, textarea {
  background-color: #fafafa; }

.row.is-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.row.is-flex > [class*='col-'] {
  -ms-flex-direction: row;
  flex-direction: row; }

.flex-item {
  -ms-flex-item-align: end;
  align-self: flex-end;
  max-width: 225px;
  min-width: 225px;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.flex-item-small {
  -ms-flex-item-align: end;
  align-self: flex-end;
  max-width: 100px;
  min-width: 100px;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.align-items-center {
  -ms-flex-item-align: center;
  align-self: center; }

.my-container {
  display: -ms-flexbox;
  display: flex; }

.horizontally-scrolled-items {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow-y: auto; }

.wildcard {
  border: 2px solid;
  border-color: grey;
  border-radius: 15px;
  background-color: #e9e9e9;
  border: 1px;
  color: grey;
  -ms-flex-item-align: center;
  align-self: center;
  margin-left: 10px;
  margin-right: 10px;
  padding: 20px; }

.align-left {
  margin-left: -40px;
  margin-right: 20px; }

.minusmargin {
  margin-top: -30px; }

.pose-container {
  margin-right: 0;
  margin-left: 0;
  max-height: 50vh;
  overflow-x: auto; }

.no-close .ui-dialog-titlebar-close {
  display: none; }

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button; }

/*# sourceMappingURL=app.css.map */