body {
  padding-top: 65px;
}

@media (min-width:768px) {
  body {
    padding-top: 60px;
  }
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.transitional-color {
    transition: background-color 1s;
}

nav.development {
    background-color: blueviolet;
}

nav.development.navbar-inverse .navbar-brand {
    color: #e9d7ec;
}

nav.development.navbar-inverse .navbar-nav>li>a {
    color: #e9d7ec;
}

nav.development.navbar-inverse .hamburger {
    color: #e6b4ef;
}

.navbar-fixed-top .navbar-collapse {
  max-height: 2000px;
}

.alert > div > .glyphicon{
    display:table-cell;
}

.alert div {
    padding-left: 5px;
    display:table-cell;
}

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

.well {
  background-color: #f3f3f3;
}

/*.btn-group {
  display: flex;
}*/

tr.selectable:hover {
  cursor: pointer;
  background-color: #d9edf7;
}

.eventBox {
  height: 320px;
}

img.comingSoon {
  position: absolute;
  width: 50%;
  top: 289px;
  left: 82%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.panel-note {
  top: -16px;
  position: relative;
}



/* Sticky footer styles
 * -------------------------------------------------- */

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}


.tap-i18n-buttons > button.btn-default {
  background-color: #b2dbfb
}

.tap-i18n-buttons > button.btn-primary {
  display: none
}



#drawer-close-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}

#drawer {
    z-index: 11000;
}

#drawer .brand {
  cursor: pointer;
}

.has-warning input[type=file]:focus, .has-warning input[type=text]:focus, .has-warning input[type=password]:focus, .has-warning input[type=email]:focus, .has-warning input[type=number]:focus, .has-warning [type=text].form-control:focus, .has-warning [type=password].form-control:focus, .has-warning [type=email].form-control:focus, .has-warning [type=tel].form-control:focus, .has-warning [contenteditable].form-control:focus {
    -webkit-box-shadow: inset 0 -2px 0 #2196f3;
    box-shadow: inset 0 -2px 0 #2196f3 !important;
}

.has-warning select:focus, .has-warning select.form-control:focus {
    -webkit-box-shadow: inset 0 -2px 0 #2196f3;
    box-shadow: inset 0 -2px 0 #2196f3;
}

input.form-control[type=file]:focus {
  outline: none;
}

/* Number in circle */

.numberCircle {
  display: inline-block;
  border-radius: 50%;
  behavior: url(PIE.htc);
  width: 36px;
  height: 36px;
  padding: 2px;
  border: 2px solid #B2DBFC;
  color: #B2DBFC;
  text-align: center;
  font: 26px Arial, sans-serif;
  margin-right: 1px;
}

.cancelled {
  text-decoration: line-through;
}

.blue-wop {
  filter: invert(40%) sepia(93%) saturate(1974%) hue-rotate(187deg) brightness(92%) contrast(97%);
}

.watermark-wop {
  filter: invert(99%) sepia(0%) saturate(4140%) hue-rotate(316deg) brightness(118%) contrast(70%);
}

.hover-wop {
  filter: invert(32%) sepia(85%) saturate(1620%) hue-rotate(257deg) brightness(79%) contrast(95%);  
}

.green-wop {
  filter: invert(58%) sepia(72%) saturate(379%) hue-rotate(73deg) brightness(88%) contrast(88%);  
}

.spinning {
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); }
}

@-o-keyframes spin {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.btn.disabled.wop, .btn[disabled] {
  /* box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); */
  border: #ddd dotted 1px;
}

.btn.btn-default.disabled, .btn.btn-default[disabled] {
  color: #a6a6a6
}

.hamburger {
    color:#B2DBFC
}

.application-layout-fade-in {
    animation: fadein 1s;
}

.application-layout-center {
    left: 0;
    text-align: center;
    margin-top: -100px;
    position: absolute;
    top: 50%;
    width: 100%;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Event tags in event grid */

ul.events-grid-tags {
    margin: 0;
    padding: 0 0 0 0;
    list-style: none;
}

ul.events-grid-tags li {
    margin: 0;
    padding: 0 0 0 0;
    display: inline;
}
ul.events-grid-tags li:after {
    content: '·';
    margin-left: 0.2em;
}

ul.events-grid-tags li:last-child:after {
    content: none;
}