/* trail index plugin styles */

.trail-index-hint {
    font-size: 8pt;
}
.trail-index-map {
    border:1px solid black;
}

div.trail-index-map-control {
    position: absolute;
    top:8px;
    left:8px;
    /* z-index:1; */
    z-index:800;
}

div#trail-index-map-bucket {
    background-color:#fff;
    height:27px;
    width:200px;
    border:1px solid #999999;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius:4px;
    padding:2px;
    box-sizing: border-box;
    font-size:12pt;
    display:inline-block;
}

select#trail-index-map-select {
    /* height:27px; */
    width:200px;
    font-size:12pt !important;
    clear:both;
    float:left;
    border:1px solid #999999;
}

div#trail-index-map-bucket-buttons {
    display:block;
}

div.trail-index-map-buttons, div.trail-index-map-buttons a, div.trail-index-map-buttons a img {
    /* padding-top:10px; */
    display:inline;
    /* z-index:1; */
    z-index:800;
}

div.trail-index-map-buttons a:link {
    text-decoration: none;
}

div.trail-index-map-buttons a img {
    border: 1px solid #999999 !important;
    border-radius: 4px;
    margin:1px;
    padding: 2px;
    background-color:#fff;
}

div.leaflet-popup-content h1 {
    font-size:12pt;
}

.leaflet-container .leaflet-map-pane img {
    border: none;
}

div.leaflet-control-coordinates {
    margin-bottom: 50px !important;
}

.trail-index-map a:link {
    text-decoration: none;
}

h2.trail-index-newsfeed {
    margin-top: 25px;
}

table.trail-index-table {
    width:90%;
}
table.trail-index-sub-table {
    width:100%;
}
table.trail-index-table th {
    font-weight:bold;
    vertical-align: middle;
    text-align: left;
}
table.trail-index-table td {
    vertical-align: middle;
    text-align: left;
}
table.trail-index-table .center {
    text-align: center;
}
div.trail-index-newsfeed-name {
    float:left;
    font-weight:bold;
}
div.trail-index-newsfeed-date {
    float:right;
    font-weight:bold;
}
div.trail-index-newsfeed-desc {
    clear:both;
    font-weight:normal;
}
.leaflet-control-zoom a:link {
    color:black;
}
/* a.leaflet-control-zoom-fullscreen {
    z-index:800;
} */
div.leaflet-top,
div.leaflet-bottom {
    /* z-index: 2; */
}
form.trail-index-form label {
    display:block;
}

form.trail-index-form label input[type=checkbox]{
    margin-bottom:10px;
    margin-right:10px;
}

form.trail-index-form fieldset {
    padding-bottom:10px;
    display: inline;
    width: initial;
    float: left;
    margin-right:20px;
}

.trail-index-feed-item {
    padding-top:5px;
    margin-top:10px;
    border-top:1px solid #999999;
}

.trail-index-feed-item-header-left {
    float:left;
}

.trail-index-feed-header-img {
    border:none !important;
    margin-right:10px
}

.trail-index-feed-item-title {
    margin-bottom:0px;
    padding-top:5px;
}

.trail-index-feed-item-desc {
}

table.trail-index-table td.top {
    vertical-align: top;
}

a.trail-index-ext-btn {
    cursor:pointer;
    color: white !important;
    border: 0;
    border-radius: 5px;
    padding:10px;
    margin-bottom:5px;
    background-color: darkred;
    text-decoration: none !important;
    text-transform: uppercase;
    display:inline-block;
    text-align: center;
}

div.trail-index-reg-todo {
    border:1px solid;
    padding:20px;
    margin-top:20px
}
div.trail-index-reg-done {
    border:1px solid;
    padding:20px;
    margin-top:20px
}
div.trail-index-reg-later {
    border:1px solid #999999;
    color:#999999;
    padding:20px;
    margin-top:20px
}

i.trail-index-reg-check-todo {
    font-size:48px;
    float:left;
    margin-right:20px
}
i.trail-index-reg-check-done {
    font-size:48px;
    color:#88C540;
    float:left;
    margin-right:20px
}
i.trail-index-reg-check-later {
    font-size:48px;
    float:left;
    margin-right:20px
}

.trail-index-reg-message {
    color:darkred;
    font-weight:bold;
}

.page-spinner {
    position:fixed;
    left:50%;
    top:50%;
    z-index:1000000;

    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #88C540;
    width: 50px;
    height: 50px;
    -webkit-animation: page-spin 2s linear infinite;
    animation: page-spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes page-spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes page-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}