.icon {
    position: relative;
    display: inline-block;
    font-family: Eveod, serif;
    font-style: normal;
    top: 2px;
    font-size: 115%
}

.statusIcon {
    position: relative;
    display: inline-block;
    font-family: Eveod, serif;
    font-style: normal;
    font-size: 15px;
}

.menuBtnIcon {
    position: relative;
    display: inline-block;
    font-family: Eveod, serif;
    font-style: normal;
    top: 0;
    margin-right: 3px;
    font-size: 200%;
}

.formBtnIcon {
    position: relative;
    display: inline-block;
    font-family: Eveod, serif;
    font-style: normal;
    top: 4px;
    margin-right: 3px;
    font-size: 200%;
}
.mobMenuIcon {
    font-family: Eveod, serif;
    font-style: normal;
    font-size: 20px;
}

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

.mainicon {
    position: relative;
    display: inline-block;
    font-family: Eveod, serif;
    font-style: normal;
    top: 0;
    font-size: 30px;
}
.iconForm {
    position: relative;
    display: inline-block;
    font-family: Eveod, serif;
    font-style: normal;
    top: 2px;
    font-size: 36px;
    color:gray;
}

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

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

.favoriteIcon:before {
    font-family: Eveod, serif;
    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: Eveod, serif;
    display: inline-block;
    color: rgb(200,200,200);
    font-style: normal;
    content: '@';
    font-size: 15px;
    top: -5px;
}
.favoriteNotesIcon:before {
    font-family: Eveod, serif;
    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: Eveod, serif;
    content: "W";
}
.favoritePropertyIcon:before {
    font-family: Eveod, serif;
    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: Eveod, serif;
    content: "I";
}

.formBtnLayerGroup {
    font-size: 15px;
    color: white;
    border: transparent;
    font-family: Eveod, serif;
    font-style: normal;
    cursor: pointer;
    margin-left: 20px
}
.formDelIcon {
    position: relative;
    display: inline-block;
    font-family: Eveod, serif;
    font-style: normal;
    top: 2px;
    margin-right: 3px;
    font-size: 22px;
}

.mapPopIcon {
    position: relative;
    display: inline-block;
    font-family: Eveod, serif;
    font-style: normal;
    top: 3px;
}

.iconPrint:before {
    content: "3";
}
.iconMap:before {
    content: "k";
}
.iconDownload:before {
    content: "i";
}

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

.iconProgress:before {
    content: "\p";
}
.iconCopy:before {
    content: "\p";
}
.iconStar:before {
    content: "\@";
    font-size: 110%;
}

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

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

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

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

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

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

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

.iconCheck:before {
    content: 'y';
}

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

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

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

.iconList:before {
    content: ';';
}

.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:0;
    content: 'N';
    color: rgb(120, 170, 40);
}

.iconEdit:before {
    content: 'j';
}

.iconCancel:before {
    content: 'x';
}
.iconCoordinates:before {
    content: 'K';
}
.iconNavigate:before {
    content: 'L';
}

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

.iconTruck:before{
    content: 'C';
}

.iconVechicle:before{
    content: 'c';
}

.iconArchive:before{
    content: 'O';
}

.iconArrowLeft:before {
    content: "<";
}

.iconArrowRight:before {
    content: ">";
}
.iconCompany:before {
    content: "g";
}
.iconMenu:before {
    content: ';';
}

.iconArchive:before {
    content: ';';
}

.iconCargo:before {
    content: 'h';
}

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

.iconWarehouseAdd:before {
    content: "r";
}

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

.iconNotesAdd:before {
    content: "q";
}
.iconCopy:before {
    content: "q";
}

.iconSplit:before {
    content: "a";
}

@media only screen and (max-width: 750px) {
    .mainicon {
        font-size: 20px;
    }
    .Menu {
        height: 40px;
    }
    .menuText {
        margin-top: 5px;
        font-size: 100%;
    }
    .MenuActive {
        height: 40px;
    }
}

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

    .Menu {
        height: 55px;
    }

    .menuText {
        margin-top: 10px;
        font-size: 110%;
    }

    .MenuActive {
        height: 55px;
    }
   
}