@font-face {
    font-family: 'Forestman';
    src: url('../fonts/forestman.eot');
    src: url('../fonts/forestman.eot?#iefix') format('embedded-opentype'), url('../fonts/forestman.woff2') format('woff2'), url('../fonts/forestman.woff') format('woff'), url('../fonts/forestman.ttf') format('truetype'), url('../fonts/forestman.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


.icon {
    position: relative;
    display: inline-block;
    font-family: "Forestman";
    font-style: normal;
    top: 2px;
    font-size: 20px;
}

.subMenuIcon {
    position: relative;
    font-family: "Forestman";
    font-style: normal;
    padding-right: 4px;
    font-size: 20px;
    top:4px;
    text-transform:none;
    width: 20px;
    height: 20px;
}

.dashIcon {
    position: relative;
    color:gray;
    display: inline-block;
    font-family: "Forestman";
    font-style: normal;
    top: 10px;
    right:7px;
    font-size: 30px;
}

.mobMenuIcon {
    font-family: "Forestman";
    font-style: normal;
    font-size: 20px;
}

.dashIconRed {
    position: relative;
    display: inline-block;
    font-family: "Forestman";
    font-style: normal;
    top: 3px;
    font-size: 110%;
    color: rgb(180,12,40);
}

.dashIconGreen {
    position: relative;
    display: inline-block;
    font-family: "Forestman";
    font-style: normal;
    top: 3px;
    font-size: 110%;
    color: rgb(220,166,0);
    padding: 0px;
    margin: 0px;
}

.searchClear {
    position: relative;
    display: inline-block;
    font-family: "Forestman";
    font-style: normal;
    top: 3px;
    font-size: 16px;
    color: rgb(100,100,100);
}

.mainicon {
    position: relative;
    display: inline-block;
    font-family: "Forestman";
    font-style: normal;
    top: 0px;
    font-size: 30px;
}
.iconForm {
    position: relative;
    display: inline-block;
    font-family: "Forestman";
    font-style: normal;
    top: 2px;
    font-size: 28px;
    color:#898c61;
    margin-left: 10px;
}

.iconFormTitle {
    position: relative;
    display: inline;
    font-family: "Forestman";
    font-style: normal;
    top: 0px;
    padding: 3px;
    color: rgb(200,200,200);
}

.iconFormList {
    position: relative;
    display: inline-block;
    font-family: "Forestman";
    font-style: normal;
    top: 2px;
    font-size: 20px;
}
.menuHide {
    position: absolute;
    color:rgb(200,200,200);
    display: inline-block;
    font-family: "Forestman";
    font-style: normal;
    top: 1px;
    right:0px;
    font-size: 16px;
}

.favoriteIcon:before {
    font-family: Forestman;
    display: inline-block;
    color: rgb(255, 216, 0);
    font-style: normal;
    content: '@';
    font-size: 100%;
    top: -5px;
    text-shadow: 1px 2px 3px #b7b2b2;
}
.favoriteGrayIcon:before {
    font-family: Forestman;
    display: inline-block;
    color: rgb(200,200,200);
    font-style: normal;
    content: '@';
    font-size: 15px;
    top: -5px;
}
.favoriteNotesIcon:before {
    font-family: Forestman;
    position: absolute;
    color: rgb(255, 216, 0);;
    font-style: normal;
    content: '@';
    font-size: 20px;
    top: 13px;
    left: 15px;
    text-shadow: 1px 2px 2px #b7b2b2;
}
.favoriteNotesIcon:after {
    font-family: Forestman;
    content: "W";
}
.favoritePropertyIcon:before {
    font-family: Forestman;
    position: absolute;
    color: rgb(255, 216, 0);;
    font-style: normal;
    content: '@';
    font-size: 20px;
    top: 13px;
    left: 15px;
    text-shadow: 1px 2px 2px #b7b2b2;
}
.favoritePropertyIcon:after {
    font-family: Forestman;
    content: "I";
}
.formBtnIcon {
    position: relative;
    display: inline-block;
    font-family: "Forestman";
    font-style: normal;
    top: 5px;
    margin-right: 3px;
    font-size: 22px;
}
.formDelIcon {
    position: relative;
    display: inline-block;
    font-family: "Forestman";
    font-style: normal;
    top: 2px;
    margin-right: 3px;
    font-size: 22px;
}

.mapPopIcon {
    position: relative;
    display: inline-block;
    font-family: "Forestman";
    font-style: normal;
    top: 3px;
}

.mobMenuIcon {
    font-family: "Forestman";
    font-style: normal;
    font-size: 20px;
}

.iconDashboard:before {
    content: "t";
}

.iconNotes:before {
    content: "e";
}

.iconProperty:before {
    content: "I";
}

.iconTree:before {
    content: "G";
}

.iconMap:before {
    content: "B";
}

.iconAnalysis:before {
    content: "9";
}

.iconSettings:before {
    content: "6";
}

.iconLogoff:before {
    content: "n";
}

.iconAddNew:before {
    content: "d";
}

.iconUploadFile:before {
    content: "#";
}
.iconNews:before {
    content: "A";
}

.iconSearch:before {
    content: "5";
}

.iconAddNote:before {
    content: "f";
}


.iconShowMap:before {
    content: "p";
}

.iconNavigate:before {
    content: "P";
}

.iconList:before {
    content: "%";
}

.iconNotePublic:before {
    content: "o";
}

.iconNotePrivate:before {
    content: "S";
}

.iconNoteFavorites:before {
    content: '?';
}

.iconPropertyInfo:before {
    content: '1';
}
.iconPropertyList:before {
    content: 'I';
}

.iconSave:before {
    content: '3';
}

.iconDelete:before {
    content: '2';
}

.iconCopy:before {
    content: 'W';
}

.iconForestradar:before {
    content: 'H';
}

.iconResults:before {
    content: 'M';
}

.iconCompany:before {
    content: 'o';
}

.iconEmployee:before {
    content: 'S';
}

.iconSend:before {
    content: '0';
}

.iconApiKey:before {
    content: 'w';
}


.iconForesradar:before {
    content: 'b';
}

.iconZoomIn:before {
    content: '+';
}
.iconZoomOut:before {
    content: '-';
}

.iconLayersBase:before {
    content: 'z';
}

.iconLayers:before {
    content: '%';
}

.iconReport:before {
    content: '9';
}
.iconGpsOff:before {
    content: 'm';
    color: #aa0606;
}

.iconGpsOn:before {
    content: 'E';
    color: rgb(120, 170, 40);
}

.iconGpsCenterOff:before {
    content: 'L';
}
.iconGpsCenterOn:before {
    content: 'L';
}
.iconGpsCenterOn:after {
    position:absolute;
    left:0px;
    content: 'N';
    color: rgb(120, 170, 40);
}

.iconTrackOff:before {
    content: '8';
}
.iconTrackOff::after {
    content: '!';
    left: 0px;
    color: #aa0606;
    position:absolute;
}

.iconTrackOn:before {
    content: '8';
    color: rgb(120, 170, 40);
}

.iconInfo:before {
    content: '1';
}

.iconMapEdit:before {
    content: 'h';
}
.iconCopyNote:before {
    content: 'x';
}
.iconEditNote:before {
    content: 'e';
}
.iconAddProperty:before {
    content: 'j';
}
.iconEditProperty:before {
    content: 'C';
}
.iconEditParcel:before {
    content: 'C';
}

.iconCacnel:before {
    content: 'n';
}
.iconCoordinates:before {
    content: 'K';
}
.iconForestInfo:before {
    content: 'F';
}
.iconCadastreInfo:before {
    content: 'O';
}

.iconTime:before {
    content: '"';
}

.iconDownload:before{
    content: 'r';
}

.iconDocUnLock:before {
    content: '&';
}
.iconDocAdd:before {
    content: '*';
}
.iconUserLock:before {
    content: '(';
}

.iconUserUnLock:before {
    content: ')';
}
.iconDot:before{
    content: 'N';
}

.iconTitle:before{
    content:'k';
}

.iconShowMore:before {
    content: ".";
}
.iconShowLess:before {
    content: "7";
}
.iconArrowLeft:before {
    content: "<";
}

.iconArrowRight:before {
    content: ">";
}
.iconMessage:before {
    content: "0";
}
.iconPesonalSettings:before {
    content: "b";
}
.iconCompany:before {
    content: "o";
}
.iconInfo:before {
    content: "1";
}
.iconWeather:before {
    content: "Z";
}
.iconMenu:before {
    content: ';';
}
.iconTime:before {
    content: 'y';
}
.iconPDF:before {
    content: 'U';
}
.iconCheck:before {
    content: 'V';
}
.iconCancelR:before {
    content: 'Y';
}

.iconTree:before {
    content: 'G';
}
.iconTrees:before {
    content: 'I';
}
.iconStock:before {
    content: 'o';
}

@media only screen and (max-width: 750px) {
    .icon {
        font-size: 20px;
    }
    .mainicon {
        font-size: 20px;
    }
    .Menu {
        height: 50px;
        line-height: 3!important;
    }
    .menuText {
        margin-top: 5px;
        font-size: 100%;
    }
    .MenuActive {
        height: 50px;
        line-height: 3!important;
    }
    .menuImg{
        width: 30px!important;
        height: 30px!important;
    }
    button {
        font: 400 80% Lato;
    }
}

@media screen and (max-width: 500px) {
    .mainicon {
        font-size: 30px;
    }
    .miniMenuImg {
        width: 15px;
        height: 15px;
    }
    .logo{
        transform: scale(0.7);
    }
}