.frontend-content {
    position: relative;
    background: white;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
    line-height: 1.8;
}

.frontend-content-title {
    font-size: 1.6em;
    padding-bottom: 15px;
}

.map-topic {
    font-size: 1.2em;
}

.logo-detail {
    max-width: 150px;
}

.padding-left-10 {
    padding-left: 10px;
}

.activity-gallery {
    list-style: none;
    padding: 0;

    li {
        display: inline-block;
        height: 200px;
        vertical-align: top;
        overflow: hidden;

        img {
            width: 200px;
            margin: 6px;
        }
    }
}

.error-page {
    margin-top: 30px;
    .frontend-content {
        padding: 60px 0;
    }
}

.contact-con {
    margin-top: 20px !important;

    h2 {
        margin: 10px 0 40px;
    }

    strong { font-size: 1.2em; }
    p { margin-top: 20px; }
}

.tab {
    display: inline-block;
    background-color: #dfdfdf;
    padding: 5px 10px;
    border-radius: 5px;
    color: #000;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid grey;
}

.map-caption {
    margin-top: -120px;
}

.status-filter {
    margin-right: 10px;
}

.map-link {
    position: absolute;
    left: -159px;
    top: 133px;

    ul {
        -webkit-transform: rotate(270deg);
          -moz-transform: rotate(270deg);
           -ms-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
               transform: rotate(270deg);
        writing-mode: lr-tb;

        li {
            display: inline-block;
            border: 2px solid #aaa;
            border-bottom: none;
            cursor: pointer;

            a {
                display: block;
                padding: 5px 10px;
                text-decoration: none;
                font-weight: bold;
                color: #aaa;
            }

            &.active-tab,
            &:hover {
                background: #fff;
                a { color: #666; }
            }
        }
    }
}

// reports
.form-reports {
    margin-top: 20px;
    margin-bottom: 10px;
    .form-control {
        width: auto;
        margin: 0 5px;
    }
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.all-report {
    th,
    td {
        &:first-child { text-align: left; }
    }
}

.medium-block {

    @media (min-width: 992px) {
    .col-md-1.date-block {
        width: 12.444444444444442%;
        }
    }
}

.map-size {
    zoom:.8;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
      -o-transform: scale(.8);
         transform: scale(.8);

    .map {
        margin: 0 auto;
    }
}

@media print {
    //See http://stackoverflow.com/questions/5949897/how-to-get-a-background-image-to-print-using-css
    .map:before { content: url(../img/thailand.png); }
    .map { margin-top: -100px !important; }

    .map-size {
        zoom:.7;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
          -o-transform: scale(.7);
             transform: scale(.7);
    }
    .main-navigation-wrapper,
    .filters-wrapper,
    .map-link,
    .icon-for-chart,
    footer,
    header { display: none; }
}

// .navbar-brand {
//     color: #fff;
// }

.navbar-toggle {
    background: #fff;
    .icon-bar { background: #888; }

    &.nav-name {
        float: left;
        background: transparent;
        font-size: 1.3em;
        color: #fff;
    }
}

.navbar-collapse { max-height: none !important; }

.admin-main-wrapper {
    .navbar-collapse {
        padding: 0!important;
    }

    .nav-name {
        padding-left: 20px;
        color: #444;
    }
}