/*-----------------------------------------------------------------------------
 navigation
*/

#block-menu-block-1 .navbar,
.nav-tabs {
  margin-top: -6px;
  padding: 5px 2px;
  background: #EEE;
  border-radius: 8px;
}
#block-menu-block-1 .nav>li>a,
#block-menu-block-2 .nav>li>a,
.nav-tabs>li>a {
  font-size: 14px;
  margin: 2px 5px;
}
#block-menu-block-2 .nav>li.active>a,
#block-menu-block-2 .navbar-default .navbar-nav>li.active>a {
  border-radius: 5px 5px 0 0;
}


.pager li>a, .pager li>span {
  color: #23272B;
  background: white;
  border-color: white;
  border-radius: 5px;
}
.pager li>a:hover, .pager li>span:hover,
.pager li>a:focus, .pager li>span:focus {
 color: white;
 background-color: #23272B;
 border-color: #23272B;
}


/*-----------------------------------------------------------------------------
 Forms
*/

.views-exposed-widgets {
  display: flex;
  justify-content: center;
}
.views-exposed-form .views-exposed-widget .btn {
  margin-top: 1.6em;
}

.views-exposed-widget label {
  white-space: nowrap;
}


/* Date widgets */
.field-type-datetime .container-inline-date > .form-item {
  margin-bottom:0px;
}
.field-type-datetime .date-padding {
  padding:0px;
}
.views-exposed-form .container-inline-date .date-padding,
#feeds-import-form .container-inline-date .date-padding {
  float: none;
}
.views-exposed-form .form-type-date-popup,
#feeds-import-form .form-type-date-popup {
  margin-bottom: 1em;
}
.field-type-datetime .panel-default {
  border: none;
}
.field-type-datetime .panel-default>.panel-heading {
  border: none;
  background: inherit;
  padding: 0;
  font-weight: bold;
}
.field-type-datetime .panel-default>.panel-body {
  padding: 0;
}
.field-type-datetime .date-combo .container-inline-date .date-padding {
    padding: 5px 10px 0 0;
}
.field-type-datetime .date-float {
  clear: none;
  width: 100%;
}
.field-type-datetime .date-no-float .form-item .form-item label {
  display: none;
}
#ui-datepicker-div {
  z-index: 9999 !important;
}
.container-inline-date .form-item input {
  width: 8em;
}
div.autocomplete-deluxe-multiple {
  width: 100%;
}

/* VBO styles */
.views-field-views-bulk-operations input[type="checkbox"] {
  margin-left: auto;
  position:inherit;
}
div[class*="show-value"]  .radio+.radio, .checkbox+.checkbox {
  margin-top: 0px;
}



.select-print {
  display: none;
}


/* Help links in views */
.contextual-help {
  position: absolute;
  right: 15px;
  top: 10px;
  padding-right: 10px;
  color: #fff !important;
}


/* Download buttons in views */
.view .feed-icon {
  margin-top: 1.5em;
}

.view .feed-icon .img-responsive {
  display:inline;
  margin-right: 10px;
}


/*-----------------------------------------------------------------------------
 Openlayers
*/
div.ol-attribution {
  padding-top: 2px;
}
div.ol-attribution li {
  display: block;
  float: left;
  clear: left;
  padding-left: 18px;
}
div.ol-attribution li:first-of-type {
  padding-left: 2px;
}
div.ol-attribution li:nth-child(2) {
  clear: none;
  padding-left: 2px;
}

.ol-popup {
  min-width: 5em;
}


/*-----------------------------------------------------------------------------
 flags
*/
#trap-assign-add-users-form {
  margin-top: 1.5em;
}

.node-type-trap .flag-subscribe_to_trap {
  margin-bottom: 15px;
}

.flag-subscribe_to_trap .flag .checkmark-wrapper,
.flag-subscribe-to-trap .flag .checkmark-wrapper {
  display:inline-block;
  width: 22px;
  height:22px;
  margin-right: 10px;
}

.flag-subscribe_to_trap .flag .checkmark,
.flag-subscribe-to-trap .flag .checkmark {
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  top: -4px;

  border: 2px solid #888;
  background-color: #fff;
}

.flag-subscribe_to_trap .flag .flagged .checkmark,
.flag-subscribe-to-trap .flag .flagged .checkmark {
  background-color: green;
  border: 2px solid green;
}

.flag-subscribe_to_trap .flag .checkmark-tick,
.flag-subscribe-to-trap .flag .checkmark-tick {
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  position: absolute;
  top: -2px;
  left: -2px;
  width: 22px;
  height: 22px;
}

.flag-subscribe_to_trap .flag .checkmark-stem,
.flag-subscribe-to-trap .flag .checkmark-stem {
  position: absolute;
  width:3px;
  height:9px;
  background-color:#fff;
  left:11px;
  top:6px;
}

.flag-subscribe_to_trap .flag .checkmark-kick,
.flag-subscribe-to-trap .flag .checkmark-kick {
  position: absolute;
  width:3px;
  height:3px;
  background-color:#fff;
  left:8px;
  top:12px;
}

.flag-subscribe_to_trap .flag .unflagged .checkmark-stem,
.flag-subscribe-to-trap .flag .unflagged .checkmark-kick,
.flag-subscribe_to_trap .flag .unflagged .checkmark-stem,
.flag-subscribe-to-trap .flag .unflagged .checkmark-kick {
  background-color: #ddd;
}

/*-----------------------------------------------------------------------------
 assigned users
*/
.users-assigned-to-node {
  clear: both;
}

.assigned-users-row {
  text-align: center;
}



/*-----------------------------------------------------------------------------
 footer
*/
footer {
  clear: both;
  margin-top: 2em;
}
footer .links {
  height: 7em;
  padding-top: 2em;
}
footer .logo-gt {
  float: left;
}
footer .nav {
  float: right;
}
footer .nav>li {
  float: left;
}

/*
 Autocomplete deluxe
 */

.form-type-autocomplete-deluxe label {
  display: block;
}

.autocomplete-deluxe-container input {
  height: 22px;
  margin-top: 2px;
}

.views-exposed-widgets .autocomplete-deluxe-multiple {
  width: 175px;
}

/*-----------------------------------------------------------------------------
 Misc
*/
.glyphicon-refresh-animate {
  -animation: loadspin .7s infinite linear;
  -webkit-animation: loadspin2 .7s infinite linear;
}

@-webkit-keyframes loadspin2 {
  from { -webkit-transform: rotate(0deg);}
  to { -webkit-transform: rotate(360deg);}
}

@keyframes loadspin {
  from { transform: scale(1) rotate(0deg);}
  to { transform: scale(1) rotate(360deg);}
}


/*-----------------------------------------------------------------------------

/* desktop only styles */
@media (min-width: 768px) {
}

/* tablet/awkward inbetween styles */
@media (max-width: 832px) {
}

/* mobile only styles */
@media (max-width: 767px) {
}