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

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-Icon-Info:before {
    content: "\e900";
}

.icon-export:before {
    content: "\e901";
}

.icon-share:before {
    content: "\e902";
}

.icon-messages-3:before {
    content: "\e903";
}

.icon-whatsapp:before {
    content: "\e904";
}

.icon-wallet-add:before {
    content: "\e905";
}

.icon-directbox-send:before {
    content: "\e906";
}

.icon-info-2:before {
    content: "\e907";
}

.icon-wallet-money:before {
    content: "\e908";
}

.icon-arrow-up-fill:before {
    content: "\e909";
}

.icon-arrow-down-fill:before {
    content: "\e90a";
}

.icon-check-circle-outline:before {
    content: "\e90b";
}

.icon-arrow-down:before {
    content: "\e90c";
}

.icon-user:before {
    content: "\e90d";
}

.icon-arrow-up:before {
    content: "\e90e";
}

.icon-book1:before {
    content: "\e90f";
}

.icon-call:before {
    content: "\e910";
}

.icon-edit:before {
    content: "\e911";
}

.icon-folder:before {
    content: "\e912";
}

.icon-uniE908:before {
    content: "\e913";
}

.icon-uniE909:before {
    content: "\e914";
}

.icon-uniE90A:before {
    content: "\e915";
}

.icon-link:before {
    content: "\e916";
}

.icon-profile-user-2:before {
    content: "\e917";
}

.icon-sms:before {
    content: "\e918";
}

.icon-teacher:before {
    content: "\e919";
}

.icon-briefcase:before {
    content: "\e91a";
}

.icon-direct-normal:before {
    content: "\e91b";
}

.icon-info:before {
    content: "\e91c";
}

.icon-trash:before {
    content: "\e91d";
}

.icon-messages:before {
    content: "\e91e";
}

.icon-notifications:before {
    content: "\e91f";
}

.icon-note:before {
    content: "\e920";
}

.icon-arrow-left:before {
    content: "\e921";
}

.icon-alert:before {
    content: "\e922";
}

.icon-note-2:before {
    content: "\e923";
}

.icon-check-circle:before {
    content: "\e924";
}

.icon-note-filled:before {
    content: "\e925";
}

.icon-check:before {
    content: "\e926";
}

.icon-clock:before {
    content: "\e927";
}

.icon-briefcase-fill:before {
    content: "\e928";
}

.icon-document-upload:before {
    content: "\e929";
}

.icon-drag:before {
    content: "\e92a";
}

.icon-eye:before {
    content: "\e92b";
}

.icon-cloud-add:before {
    content: "\e92c";
}

.icon-archive-tick:before {
    content: "\e92d";
}

.icon-people1:before {
    content: "\e92e";
}

.icon-location:before {
    content: "\e92f";
}

.icon-document:before {
    content: "\e930";
}

.icon-document-text:before {
    content: "\e931";
}

.icon-clipboard-tick:before {
    content: "\e932";
}

.icon-card:before {
    content: "\e933";
}

.icon-buliding:before {
    content: "\e934";
}

.icon-Icon-culture-15:before {
    content: "\e935";
}

.icon-Icon-culture-16:before {
    content: "\e936";
}

.icon-Icon-culture-17:before {
    content: "\e937";
}

.icon-Icon-culture-18:before {
    content: "\e938";
}

.icon-Icon-culture-01:before {
    content: "\e939";
}

.icon-Icon-culture-02:before {
    content: "\e93a";
}

.icon-Icon-culture-03:before {
    content: "\e93b";
}

.icon-Icon-culture-04:before {
    content: "\e93c";
}

.icon-Icon-culture-05:before {
    content: "\e93d";
}

.icon-Icon-culture-06:before {
    content: "\e93e";
}

.icon-Icon-culture-07:before {
    content: "\e93f";
}

.icon-Icon-culture-08:before {
    content: "\e940";
}

.icon-Icon-culture-09:before {
    content: "\e941";
}

.icon-Icon-culture-10:before {
    content: "\e942";
}

.icon-Icon-culture-11:before {
    content: "\e943";
}

.icon-Icon-culture-12:before {
    content: "\e944";
}

.icon-Icon-culture-13:before {
    content: "\e945";
}

.icon-Icon-culture-14:before {
    content: "\e946";
}

.icon-book:before {
    content: "\e947";
}

.icon-global:before {
    content: "\e948";
}

.icon-pen-tool:before {
    content: "\e949";
}

.icon-people:before {
    content: "\e94a";
}

.icon-format-square:before {
    content: "\e94b";
}

.icon-location-fill:before {
    content: "\e94c";
}

.icon-sms-fill:before {
    content: "\e94d";
}

.icon-phone-fill:before {
    content: "\e94e";
}

.ji-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: 0.225em;
}

.ji-xs {
    font-size: .75em;
    line-height: .08333em;
    vertical-align: 0.125em;
}

.ji-sm {
    font-size: .875em;
    line-height: .07143em;
    vertical-align: 0.05357em;
}

.ji-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -0.075em;
}

.ji-xl {
    font-size: 1.5em;
    line-height: .04167em;
    vertical-align: -0.125em;
}

.ji-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -0.1875em;
}

.ji-3xl {
    font-size: 4em;
    line-height: 1.03125em;
    vertical-align: -0.1875em;
}

.ji-4xl {
    font-size: 4.5em;
    line-height: .03125em;
    vertical-align: -0.1875em;
}

.icon-primary {
    padding: 15px;
}

.icon-primary:hover {
    background-color: #cecece;
    border-radius: 50%;
    padding: 15px;
}

.icon-secondary {
    background-color: #cecece;
    border-radius: 50%;
    padding: 15px;
}

.icon-color-1 {
    color: #696969;
}

.icon-color-2 {
    color: #e55d2a;
}

.icon-color-3 {
    color: #9E9E9E;
}



.ji-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: 0.225em;
}

.ji-xs {
    font-size: .75em;
    line-height: .08333em;
    vertical-align: 0.125em;
}

.ji-sm {
    font-size: .875em;
    line-height: .07143em;
    vertical-align: 0.05357em;
}

.ji-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -0.075em;
}

.ji-xl {
    font-size: 1.5em;
    line-height: .04167em;
    vertical-align: -0.125em;
}

.ji-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -0.1875em;
}

.ji-3xl {
    font-size: 4em;
    line-height: 1.03125em;
    vertical-align: -0.1875em;
}

.ji-4xl {
    font-size: 4.5em;
    line-height: .03125em;
    vertical-align: -0.1875em;
}

.icon-primary {
    padding: 15px;
}

.icon-primary:hover {
    background-color: #cecece;
    border-radius: 50%;
    padding: 15px;
}

.icon-secondary {
    background-color: #cecece;
    border-radius: 50%;
    padding: 15px;
}

.icon-color-1 {
    color: #696969;
}

.icon-color-2 {
    color: #e55d2a;
}

.icon-color-3 {
    color: #9E9E9E;
}