.navbar-default {
    background: #fff;
    border: 0px;
}
footer {
    background-color: white !important;
}
.pictureWrapperHome,
.pictureWrapperSmall {
    display: table;
    width: 100%;
    background-color: transparent !important;
    background: url('../../images/bg-50.jpg');
    background-size: cover;
background-repeat: no-repeat !important;
background-position: center;
background-attachment: fixed;
position: relative;
}
.pictureWrapperHome #middle,
.pictureWrapperSmall #middle {
    display: table-cell;
    vertical-align: middle;
}
.no-padding {
    padding: 0px !important;
}
.pattern-overlay {
    background: rgba(255,255,255,0.25);
    position: absolute;
width: 100%;
height: 100%;
}
.navbar-brand {
    padding: 0px;
}
.navbar-brand img {
    height: 120px;
margin: 0px;
position: relative;
z-index: 100;
}

.pictureWrapperHome h1,
.pictureWrapperSmall h1 {
    color: #e6207d;
}
.contentwrapper {
    padding: 25px;
}
.login-admin a {
    position: fixed !important;
bottom: 0px;
z-index: 1000;
right: 0px;
background: #333;
color: white !important;
padding: 10px !important;
}
.login-admin a:hover {
      background: #e6207d !important;
}
.subtitle-title {
    color: #e6207d;
margin: 0px;
padding: 0px;
font-size: 22px;
margin-top: 35px;
margin-bottom: 15px;
}

.pagination {
    margin: 5px 0px 0px !important;
}


.odd .row p,
.even .row p {
    margin: 0px;
    color: #777;
    line-height: 35px;
}
.odd .progress-bar,
.even .progress-bar {
    margin-top: 7px;
}
.odd {
    background: white !important;
}
.odd, .even {
    padding: 10px 20px;
color: #777;
font-size: 16px;
border-top: 1px solid #eee;
}
.odd:hover, .even:hover {
    background: #eee !important;
}
.odd:first-child {
    border-top: 0px !important;
}
.btn {
    outline: none !important; 
}
.panel-body-dashboard {
    padding: 0px !important;
}
.btn-createventgroup {
    margin-bottom: 15px;
}


.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #e6207d;
border-color: #e6207d;
}
.pagination>li>a, .pagination>li>span {
    color: #e6207d;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
     color: #e6207d;
      background-color: #eee;
}
.no-events {
    color: #999;
font-size: 16px;
margin-top: 10px;
}
.no-results {
    color: #999;
font-size: 16px;
padding: 15px;
}
.btn-score {
    width: 100%;
}
.btn-back {
    margin-bottom: 25px;
}
.row-persons {
    line-height: 30px;
}
.row-persons .progress-bar {
    margin-top: 5px;
}
.form-question {
   font-size: 17px;
border-top: 1px solid #ddd;
padding-top: 14px;
color: #e6207d;
}
.navbar-brand {
    font-size: 15px;
    line-height: 50px;
    margin-right: 10px;
}
.form-horizontal .form-group:first-child .form-question{
    border-top: 0px !important;
}
.form-question p {
    margin: 0px;
}
.form-question .glyphicon {
    font-size: 25px;
vertical-align: middle;
margin-right: 7px;
}
.progress-bar-overall {
    margin-bottom: 20px;
}
.btn-createventgroup,
.btn-createventgroup a,
.btn-createventgroup a button {
    width: 100%;
}
.btn-createventgroup a button {
    font-size: 21px;
}
.thumbnail h4 {
    margin-top: 0px;
font-size: 22px;
}

.notification {
   width: 300px;
height: auto;
position: fixed;
top: 0px;
left: 50%;
z-index: 1;
text-align: center;
margin-left: -150px;
color: white;
background: #e6207d;
line-height: 50px;
font-size: 17px;
}
h4.active span.label {
    background-color: #e6207d !important;
}
h4.active {
    color: #e6207d;
}
.row-steps {
    margin-bottom: 15px;
}
/*!
 * Datetimepicker for Bootstrap v3
//! version : 3.1.3
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  top: 0;
  left: 0;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget.timepicker-sbs {
  width: 600px;
}
.bootstrap-datetimepicker-widget.bottom:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.bottom:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.top:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.top:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  position: absolute;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget .dow {
  width: 14.2857%;
}
.bootstrap-datetimepicker-widget.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget > ul {
  list-style-type: none;
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
  width: 4px;
  padding: 0;
  margin: 0;
}
.bootstrap-datetimepicker-widget .datepicker > div {
  display: none;
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget td.cw {
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget td.today:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
  background-color: #428bca;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget td span.active {
  background-color: #428bca;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget td span.disabled,
.bootstrap-datetimepicker-widget td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget th.next,
.bootstrap-datetimepicker-widget th.prev {
  font-size: 21px;
}
.bootstrap-datetimepicker-widget th.disabled,
.bootstrap-datetimepicker-widget th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-group.date .input-group-addon span {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.bootstrap-datetimepicker-widget.left-oriented:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.left-oriented:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td {
  padding: 0px !important;
}

.select-organiser {
    background-color: #fff;
background-image: none;
border: 1px solid #ccc;
padding: 12px;
text-align: center;
border-radius: 4px;
font-size: 16px;
vertical-align: middle;
color: #888;
}
.select-organiser input {
    margin: 0px;
top: 0px;
vertical-align: middle;
margin-right: 5px;
}


@media screen and (max-width: 767px) {
  .bootstrap-datetimepicker-widget.timepicker-sbs {
    width: 283px;
  }
  
  .navbar-brand-name {
      display: none;
  }
  .navbar-brand img {
      height: 70px;
  }
  .login-admin {
      display: none;
  }
}