.maptitle {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    height: 10mm;
    line-height: 10mm;
    overflow: hidden;
    text-align: center;
}
#DirectionsTab {
    border-collapse: collapse;
}
#DirectionsTab img {
    width: 100%;
    height: auto;
}
#DirectionsTab td {
    text-align: center;
    border: 0.5px solid #aaa;
}
#DirectionsTab td:nth-child(4) {
    text-align: left;
}
#PageInfo {
    border: 1px solid #ccc;
}
#InfoSection {
    margin: 6px 15px;
}
#PARInfoPageLogo {
    float: right;
    margin: 10px 0 0 0;
}
#InfoTitle {
    margin: 10px 0 30px 0;
}
#InfoNotes {
    margin-top: 30px;
}
.inforow {
    overflow: hidden;
}
#MeasurementsTab td:first-child {
    font-family: "Oswald", sans-serif;
}
#MeasurementsTab td {
    font-size: 14px;
}
#RouteInfo {
    float: left;
    overflow: hidden;
}
#StartMap {
    width: 300px;
    height: 250px;
    float: right;
    border: 1px solid #e2e2e2;
}
#InfoNotesText {
    line-height: 140%;
}
#PhotosTable {
    width: 100%;
    border-collapse: collapse;
}
#PhotosTable td {
    border: 0;
    text-align: center;
    white-space: nowrap;
    page-break-inside: avoid;
    page-break-after: auto;
    font-size: 12px;
    padding: 10px 4px;
}
.iconmarker {
    position: absolute;
    display: none;
}
.mmtext {
    width: 16px;
    height: 16px;
    line-height: 16px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    font-size: 10px;
    color: #4c6579;
    background-color: #fff;
    border: 1px solid #a2a7ab;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}
.mmtext.mm3 {
    font-size: 7px;
}
.dirnotext {
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 9px;
    font-size: 10px;
    color: #fff;
    background-color: #595959;
    border: 1px solid #a2a7ab;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}
.dirnotext.mm3 {
    font-size: 7px;
}
.dirtext {
    width: 22px;
    height: 22px;
    line-height: 22px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #fff;
    position: relative;
    display: block;
    left: -50%;
    top: -13px;
    font-size: 15px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}
.diricon {
    width: 18px;
    height: 18px;
    line-height: 18px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #4c6579;
    font-size: 14px;
    color: #fff;
    background: #4c6579;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    margin-left: 8px;
}
div.diricon i,
span.dirtext i {
    line-height: 18px;
}
.mapcredit {
    display: none;
    margin: 0 5px 1px 0;
}
span.mapcopyright {
    color: #444;
    font-size: 10px;
}
span.mapcopyright a {
    text-decoration: none;
    color: #4c6579;
}
.hillpanel {
    position: relative;
    height: 20mm;
    line-height: 20mm;
    width: 100%;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    border-left: 1px solid #3d4d5a;
    background-color: #fbfbfb;
}
.hillmin {
    position: absolute;
    line-height: 100%;
    bottom: 0;
    left: -1px;
    font-size: 10px;
    text-align: left;
    width: 50px;
    height: 11px;
    font-weight: bold;
    color: #3d4d5a;
}
.hillmax {
    position: absolute;
    line-height: 100%;
    top: 0;
    left: -1px;
    font-size: 10px;
    text-align: left;
    width: 50px;
    height: 10px;
    font-weight: bold;
    color: #3d4d5a;
}
.grid {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #ccc;
    opacity: 0.4;
}
.grid1 {
    bottom: 5mm;
}
.grid2 {
    bottom: 10mm;
}
.grid3 {
    bottom: 15mm;
}
.elevationchart {
    width: 100%;
    height: 20mm;
    line-height: 20mm;
}
.xtick {
    position: absolute;
    line-height: 100%;
    bottom: 3px;
    width: 9px;
    height: 6px;
    font-size: 9px;
    color: #333;
    font-weight: bold;
}
#DirSection,
#InfoSection,
#PhotosTable,
#PagePhotos,
#DirSection {
    font-family: Arial, Helvetica, sans-serif;
}
.fa-rotate-45 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.fa-rotate-135 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.fa-rotate-225 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}
.fa-rotate-315 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
}
span.labtext {
    position: relative;
    display: block;
    padding: 3px;
    border: solid 2px #888;
    border-radius: 3px;
    font-size: 11px;
    color: #222;
    background: #fff;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
span.labtext:before {
    content: "";
    position: absolute;
    background-color: #888;
}
span.labtext.labN:before,
span.labtext.labS:before {
    height: 18px;
    width: 2px;
    left: 50%;
}
span.labtext.labW:before,
span.labtext.labE:before {
    height: 2px;
    width: 25px;
    top: 50%;
}
span.labtext.labN {
    left: -50%;
    top: -40px;
}
span.labtext.labN:before {
    top: 20px;
}
span.labtext.labS {
    left: -50%;
    bottom: -16px;
}
span.labtext.labS:before {
    top: -18px;
}
span.labtext.labW {
    left: -100%;
    margin-right: 25px;
    top: -13px;
}
span.labtext.labW:before {
    right: -26px;
}
span.labtext.labE {
    right: 0;
    margin-left: 25px;
    top: -13px;
}
span.labtext.labE:before {
    left: -26px;
}
span.labintab {
    border-radius: 2px;
    display: inline-block;
    padding: 1px 5px;
    border: solid 1px #4c6579;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    float: left;
}
#PrintBar {
    padding: 10px 5px;
    background-color: #444;
    color: #fff;
    overflow: hidden;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
}
.turnmarker {
    width: 20px;
    height: 20px;
    line-height: 22px;
    border-radius: 4px;
    display: block;
    left: -50%;
    top: -10px;
    font-size: 14px;
    color: #222;
    background-color: #f7d417;
    border: 2px solid #222;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}
.labsizeS {
    font-size: 11px;
    padding: 2px 3px;
}
.labsizeM {
    font-size: 14px;
    padding: 1px 5px;
}
.labsizeL {
    font-size: 18px;
    padding: 2px 7px;
}
.osmapslogo {
    display: none;
    float: left;
    clear: both;
    margin: 8px 8px 3px 5px;
    width: 90px;
    height: 24px;
    background-image: url(//static.plotaroute.com/images/osmapslogo.svg);
    background-size: 90px 24px;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.dirstoprow {
    width: 100%;
    overflow: hidden;
    text-align: left;
}
.dirstop {
    display: inline-block;
    margin: 5px auto 0 auto;
    background-color: #595959;
    border: 1px solid #fff;
    padding: 2px 5px;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
}
.dirstop i.fa-hand-stop-o {
    margin: 0 5px 2px 0;
    font-size: 11px;
}
.dirlabsyms {
    clear: left;
    margin-top: 2px;
}
.leaflet-touch .leaflet-bar a.leaflet-control-zoom-out,
.leaflet-touch .leaflet-bar a.leaflet-control-zoom-in {
    width: 28px;
    height: 27px;
    line-height: 27px;
}
.leaflet-touch .leaflet-bar {
    box-shadow: rgba(0, 0, 0, 0.298039) 0 1px 4px -1px;
    border: 0;
    border-radius: 2px;
}
.leaflet-div-icon-symbol {
    border: 0;
    border-radius: 3px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #fff;
}
.leaflet-label {
    border: 2px solid #888;
    padding: 2px 4px;
    border-radius: 3px;
    display: block;
    cursor: pointer;
    font-family: Roboto, Arial, sans-serif;
    opacity: 1;
    position: absolute;
    white-space: nowrap;
}
.leaflet-label.label-small {
    border: 1px solid #888;
    font-size: 10px;
    padding: 1px 3px;
}
.leaflet-label:before {
    content: "";
    position: absolute;
    background-color: #888;
}
.leaflet-label-left {
    margin-left: -25px;
}
.leaflet-label-right {
    margin-left: 25px;
}
.leaflet-label-above {
    margin-top: -25px;
}
.leaflet-label-below {
    margin-top: 25px;
}
.leaflet-label-above:before,
.leaflet-label-below:before {
    height: 25px;
    width: 2px;
    left: 50%;
}
.leaflet-label-left:before,
.leaflet-label-right:before {
    height: 2px;
    width: 25px;
    top: 50%;
}
.leaflet-label-above:before {
    bottom: -25px;
}
.leaflet-label-below:before {
    top: -25px;
}
.leaflet-label-left:before {
    right: -25px;
}
.leaflet-label-right:before {
    left: -25px;
}
.fa.fa-char {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.fa.fa-char2 {
    font-family: "Oswald", "Arial Narrow", "Helvetica Narrow", sans-serif;
    font-weight: bold;
}
.fa-letter-a:before {
    content: "A";
}
.fa-letter-b:before {
    content: "B";
}
.fa-letter-c:before {
    content: "C";
}
.fa-letter-d:before {
    content: "D";
}
.fa-letter-e:before {
    content: "E";
}
.fa-letter-f:before {
    content: "F";
}
.fa-letter-g:before {
    content: "G";
}
.fa-letter-h:before {
    content: "H";
}
.fa-letter-i:before {
    content: "I";
}
.fa-letter-j:before {
    content: "J";
}
.fa-letter-k:before {
    content: "K";
}
.fa-letter-l:before {
    content: "L";
}
.fa-letter-m:before {
    content: "M";
}
.fa-letter-n:before {
    content: "N";
}
.fa-letter-o:before {
    content: "O";
}
.fa-letter-p:before {
    content: "P";
}
.fa-letter-q:before {
    content: "Q";
}
.fa-letter-r:before {
    content: "R";
}
.fa-letter-s:before {
    content: "S";
}
.fa-letter-t:before {
    content: "T";
}
.fa-letter-u:before {
    content: "U";
}
.fa-letter-v:before {
    content: "V";
}
.fa-letter-w:before {
    content: "W";
}
.fa-letter-x:before {
    content: "X";
}
.fa-letter-y:before {
    content: "Y";
}
.fa-letter-z:before {
    content: "Z";
}
.fa-letter-hq:before {
    content: "HQ";
}
.fa-number-1:before {
    content: "1";
}
.fa-number-2:before {
    content: "2";
}
.fa-number-3:before {
    content: "3";
}
.fa-number-4:before {
    content: "4";
}
.fa-number-5:before {
    content: "5";
}
.fa-number-6:before {
    content: "6";
}
.fa-number-7:before {
    content: "7";
}
.fa-number-8:before {
    content: "8";
}
.fa-number-9:before {
    content: "9";
}
.fa-number-10:before {
    content: "10";
}
.fa-number-11:before {
    content: "11";
}
.fa-number-12:before {
    content: "12";
}
.fa-number-13:before {
    content: "13";
}
.fa-number-14:before {
    content: "14";
}
.fa-number-15:before {
    content: "15";
}
.fa-number-16:before {
    content: "16";
}
.fa-number-17:before {
    content: "17";
}
.fa-number-18:before {
    content: "18";
}
.fa-number-19:before {
    content: "19";
}
.fa-number-20:before {
    content: "20";
}
.fa-number-21:before {
    content: "21";
}
.fa-number-22:before {
    content: "22";
}
.fa-number-23:before {
    content: "23";
}
.fa-number-24:before {
    content: "24";
}
.fa-number-25:before {
    content: "25";
}
.fa-number-26:before {
    content: "26";
}
.fa-number-27:before {
    content: "27";
}
.fa-number-28:before {
    content: "28";
}
.fa-number-29:before {
    content: "29";
}
.fa-number-30:before {
    content: "30";
}
.sc0 {
    background-color: #fff;
    color: #222;
}
.sc1 {
    background-color: #3598dc;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
.sc2 {
    background-color: #e77e23;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
.sc3 {
    background-color: #2fcc71;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
.sc4 {
    background-color: #f1c40f;
    color: #222;
    text-shadow: 1px 1px 1px #fff;
}
.sc5 {
    background-color: #c1392b;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
.sc6 {
    background-color: #9c59b8;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
.sc7 {
    background-color: #34495e;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
.sc8 {
    background-color: #808b8d;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
.sc9 {
    background-color: #ff007f;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
@media print and (color) {
    .noprint {
        display: none;
    }
    span.labtext.labN:before,
    span.labtext.labS:before {
        border-left: 1px solid #333;
        background: 0;
    }
    span.labtext.labW:before,
    span.labtext.labE:before {
        border-bottom: 1px solid #333;
        background: 0;
    }
    tr,
    td div {
        page-break-inside: avoid;
    }
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    div.mapcanvas div {
        page-break-before: auto;
        page-break-inside: auto;
    }
    #PhotosTabel thead {
        display: table-header-group;
    }
    div.gm-style-cc,
    div.gmnoprint {
        display: none;
    }
    .turnmarker {
        line-height: 19px;
        padding-left: 1px;
        width: 19px;
    }
    .leaflet-control-zoom {
        display: none;
    }
}