.client-search span {
    display: inline;
}

.twitter-typeahead {
    display: inline !important;
}

.tt-query, .tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    outline: none;
}

.tt-query {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-dropdown-menu {
    width: 422px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-input, input[type="text"] {
    margin-bottom: 0;
    /*box-shadow: 0 1px 2px rgba(100, 100, 100, 0.5);*/
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

.tt-suggestion.tt-is-under-cursor,
.tt-suggestion.tt-cursor { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion p {
    margin: 0;
}

.nav-link {
    padding-bottom: 6px;
    user-select: none;
    cursor: default;
    /*transition: border 0.25s;*/
    /*border-bottom: 4px transparent solid;*/
}

.nav-link i {
    margin-right: 12px;
    color: rgb(34, 34, 34)
}

@media only screen and (max-width: 40em)  {
    .nav-options {
        margin-left: 36px;
    }   
}

.transparent-underline {
}

.blue-underline {
    border-bottom: 4px darkblue solid;
}

.black-underline {
    border-bottom: 4px rgb(34, 34, 34) solid;
}

.nav-link-section {
    -webkit-transition: max-height 1s ease-in;
    -moz-transition: max-height 1s ease-in;
    -o-transition: max-height 1s ease-in;
    transition: max-height 1s ease-in;
    overflow: hidden;
}

.edit-field-pencil {
    cursor: pointer;
}

.edit-field-pencil i {
    color: rgb(180, 180, 180);
}

.edit-field-pencil:hover i {
    color: rgb(33, 33, 33);
}

.station {
    max-height: 0;
    transition: max-height 1s ease-in;
    overflow: hidden;
}

.property-edit__station {
    padding: 16px;
    border: 1px #ddd solid;
    border-bottom: none;
}

.property-edit__stations .property-edit__station:nth-child(even) {
    background: rgb(245, 245, 245);
}

.property-edit__stations .property-edit__station:last-child {
    border-bottom: 1px #ddd solid;
}

#container {
    width:300px;
    margin:auto;
    margin-top:100px;
}

.station-panel {
    border: 1px rgb(215, 215, 215) solid;
    border-bottom: none;
    padding: 10px 16px 10px 16px;
    box-shadow: 0 1px 2px rgb(140, 140, 140);
}
.js-birdEntry-selectedProperty .station-panel:last-child {
    border-bottom: 1px rgb(215, 215, 215) solid;
} 
.station-panel:hover {

}
.station-panel--active:hover {
    /*box-shadow: none;*/
}
.station-panel__header {
    cursor: pointer;
}
.station-panel__content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s ease;
}
.station-panel--active .station-panel__content {
    max-height: 2400px;
}
.station-panel__header__title {
    display: inline-block;
}
.station-panel__header__description {
    display: inline-block;
    margin-left: 12px;
    color: rgb(165, 165, 165);
}
.station-panel--active .station-panel__header__description {
    display: none;
}
.station-panel--active .station-panel__header {
    cursor: default;
}
.station-panel .station-panel--active:hover {
    box-shadow: none;
}

.button-save::before {
    /*font-family: 'foundation-icons';*/
    font-family: 'FontAwesome';
    background: rgb(84, 151, 32);
    position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 2.3;
	font-size: 140%;
	width: 60px;
    /*content: '\f1ac';*/
    content: '\f0c7';
    /*text-shadow:
       -1px -1px 0 rgb(77, 77, 77),  
        1px -1px 0 rgb(77, 77, 77),
        -1px 1px 0 rgb(77, 77, 77),
         1px 1px 0 rgb(77, 77, 77);*/
    box-shadow: 0 -3px 4px rgb(130, 130, 130) inset;
    color: rgb(240, 240, 240);
}

.button-save:hover:before {
    background: rgb(73, 140, 32);
}

.button:active {
    top: 2px;
}

.button {
    box-shadow: 0 -3px 4px rgb(130, 130, 130) inset;
    border-radius: 3px;
    transition: all 0.3s;
}

.button-save::after {
    /*font-family: 'foundation-icons';*/
    font-family: 'FontAwesome';
    width: 60px;
    box-shadow: 0 -3px 4px rgb(130, 130, 130) inset;
}

.home-link {
    color: rgba(0, 50, 0, 0.2);
    transition: color 0.5s;
}

.delete-bird-x {
    color: darkred;   
}

.not-connected {
    margin-left: 30%;
    margin-top: 40px;
}

.plateau-title {
    float: right;
    opacity: 0.8;
    margin-right: 40px;
    color: #ded;
    display: none;
}

.plateau-icon {
    margin-right: 8px;
}

.or-medium {
    margin: 30px 0 30px 25%;
}

.or-small {
    margin: 30px 0 30px 50%;
}