@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    src: url("../webfonts/fa-light-300.eot");
    src: url("../webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-light-300.woff2") format("woff2"), url("../webfonts/fa-light-300.woff") format("woff"), url("../webfonts/fa-light-300.ttf") format("truetype"), url("../webfonts/fa-light-300.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 900;
    src: url("../webfonts/fa-solid-900.eot");
    src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }


.odp-icons {

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.odp-icon-text-align-left:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f036";
}

.odp-icon-text-align-center:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f037";
}

.odp-icon-text-align-right:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f038";
}

.odp-icon-font-style-italic:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f033";
}

.odp-icon-font-style-bold:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f032";
}

.odp-icon-font-style-underline:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f0cd";
}

.odp-icon-vertical-align-top:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f062";
}
.odp-icon-vertical-align-middle:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f060";
}
.odp-icon-vertical-align-bottom:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f063";
}

.odp-icon-border-top:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f341";
}
.odp-icon-border-right:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f340";
}
.odp-icon-border-bottom:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f33d";
}
.odp-icon-border-left:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f33e";
}

.odp-icon-user-profile:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f007";
}

.odp-icon-logout:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f2f5";
}

.odp-icon-image:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f03e";
}

.odp-icon-page:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f15c";
}

.odp-icon-user-interface-translation:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f1ab";
}

.odp-icon-tag:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f02b";
}

.odp-icon-task:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f0ae";
}

.odp-icon-home-teaser:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f015";
}

.odp-icon-gpx:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f4d7";
}

.odp-icon-group:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f0c0";
}

.odp-icon-category:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f5fd";
}

.odp-icon-mail-notification-template-frontend:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f0e0";
}
.odp-icon-mail-notification-template-backend:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f0e0";
}

.odp-icon-user:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f007";
}

.odp-icon-add:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f067";
}

.odp-icon-delete:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f1f8";
}

.odp-icon-settings:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f013";
}


.odp-icon-save:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f0c7";
}

.odp-icon-cancel:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f05e";
}

.odp-icon-close:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f00d";
}


.odp-icon-translation:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f1ab";
}

.odp-icon-translation:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f1ab";
}

.odp-icon-loading:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f110";
}

.odp-icon-draft:before, .odp-icon-release-state-1:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f110";
}

.odp-icon-release-state-draft:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f568";
}

.odp-icon-release-state-review:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f530";
}

.odp-icon-release-state-finished:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f00c";
}

.odp-icon-release-state-released:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f560";
}

.odp-icon-access-no:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f070";
}

.odp-icon-access-limited:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f06e";
    color:#FDDC22;
}

.odp-icon-access-full:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f06e";
    color:#66B032;

}
.odp-icon-access-comment:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f075";
}

.odp-icon-permissions:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f084";
}

.odp-icon-history:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f1da";
}

.odp-icon-edit:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f044";
}

.odp-icon-upload:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f093";
}

.odp-icon-reply:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f3e5";
}

.odp-icon-archive:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f187";
}

.odp-icon-angle-down:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f107";
}

.odp-icon-angle-up:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f106";
}

.odp-icon-calendar:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f133";
}


.odp-icon-permissions-read:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f530";
}
.odp-icon-permissions-write:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f044";
}
.odp-icon-permissions-change-permissions:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f084";
}
.odp-icon-permissions-publish:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f093";
}

.odp-icon-permissions-comment:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f075";
}

.odp-icon-permissions-edit-client-fields:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f00a";
}
.odp-icon-permissions-edit-main-fields:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f009";
}
.odp-icon-permissions-see-purchases:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f07a";
}
.odp-icon-permissions-change-relations:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f387";
}
.odp-icon-permissions-change-hierarchy:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f0e8";
}

.odp-icon-publish:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f093";
}


.odp-icon-msi-box:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f0c8";
}

.odp-icon-msi-article:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f1ea";
}

.odp-icon-msi-illustration:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f03e";
}

.odp-icon-msi-teaching-and-learning-aid:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f15b";
}


.odp-icon-font:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f031";
}

.odp-icon-bold:before {


    font-family: 'Open Sans';
    font-weight: bold;
    content: "B";
}

.odp-icon-undo:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f0e2";
}

 .odp-icon-clone:before {

     font-family: 'Font Awesome 5 Pro';
     font-weight: 300;
     content: "\f0c5";
 }

.odp-icon-plus:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f067";
}

.odp-icon-minus:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f068";
}

.odp-icon-zoom-in:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f00e";
}

.odp-icon-zoom-out:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f010";
}

.odp-icon-download:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f019";
}

.odp-icon-left:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f036";
}

.odp-icon-center:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f037";
}

.odp-icon-right:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f038";
}

.odp-icon-move:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f047";
}

.odp-icon-move-up:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f062";
}

.odp-icon-move-down:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f063";
}

.odp-icon-move:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f0b2";
}


.odp-icon-admin-region:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f279";
}

.odp-icon-bike-region:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f206";
}

.odp-icon-trail:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f4d7";
}

.odp-icon-service:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f0ad";
}

.odp-icon-accommodation:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f015";
}

.odp-icon-stg-trail-state:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f4d7";
}

.odp-icon-star:before {

     font-family: 'Font Awesome 5 Pro';
     font-weight: 300;
     content: "\f005";
 }


.odp-icon-task-open:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: "\f111";
}

.odp-icon-task-in-progress:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f042";
}

.odp-icon-task-closed:before {

    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f058";
}

.odp-icon-msi-text:before{

    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f031";

}

.odp-icon-msi-list:before{

    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f0ca";

}

.odp-icon-msi-numbered-list:before{

    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f0cb";

}

.odp-icons-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1); }

.odp-icons-pulse {
    -webkit-animation: odp-icons-spin 1s infinite steps(8);
    animation: odp-icons-spin 1s infinite steps(8); }

@-webkit-keyframes odp-icons-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }

@keyframes odp-icons-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }