/*===============================================
  Gmap
================================================= */

/* Default map height/width */
.map {
    width: 100%;
    height: 400px;
}

/* Inline Map Pagination Styles */
.map .pagination {
    text-shadow: 0 1px #ffffff;
    border-color: #ddd rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
    background-color: #fdfdfd;
    width: 92%;
    margin: 11px;
    -webkit-box-shadow: 0 2px 4px #AAA;
    box-shadow: 0 2px 4px #AAA;
}
.map .pagination .display {
    display: inline-block;
    width: 84%;
    height: 40px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    text-align: center;
    line-height: 40px;
    text-shadow: 0 1px #FFF;
}
.map .pagination .btn {
    width: 8%;
    height: 40px;
    cursor: pointer;
    border-radius: 0;
    vertical-align: top;
    border: 0;
}
.map .pagination .back-btn {
    float: left;
    border-right: 1px solid #ddd;
    background: url("@{img-path}/plugins/arrow_left_12x12.png") no-repeat 50% 50%;
}
.map .pagination .fwd-btn {
    float: right;
    border-left: 1px solid #ddd;
    background: url("@{img-path}/plugins/arrow_right_12x12.png") no-repeat 50% 50%;
}
.map .checker {
    margin-right: 8px;
}

/* Map Styling Helper Classes */
.map-shadow {
    -webkit-box-shadow: 0 2px 3px #999;
    box-shadow: 0 2px 3px #999;
}
.map-gradient {
    text-shadow: 0 1px #ffffff;
    border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
    background-color: #f0f0f0;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
}
.map-rounded {
    border-radius: 4px;
}