@font-face {
    font-family: 'POR-Icons';
    src: url('https://borderless.porconnectrx.com/css/fonts/por-icons.eot');
    src: url('https://borderless.porconnectrx.com/css/fonts/por-icons.eot?#iefix') format('embedded-opentype'), url('https://borderless.porconnectrx.com/css/fonts/por-icons.svg#POR-Icons') format('svg'), url('https://borderless.porconnectrx.com/css/fonts/por-icons.woff') format('woff'), url('https://borderless.porconnectrx.com/css/fonts/por-icons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'POR-Icons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'POR-Icons';
    font-style: normal;
    speak: none;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-film:before {
    content: "\23";
}

.icon-paperclip:before {
    content: "\24";
}

.icon-calendar:before {
    content: "\25";
}

.icon-play-film:before {
    content: "\26";
}

.icon-chemistry:before {
    content: "\27";
}

.icon-file-cabinet:before {
    content: "\78";
}

.icon-phone:before {
    content: "\2c";
}

.icon-paperclip-2:before {
    content: "\2f";
}

.icon-phone-2:before {
    content: "\30";
}

.icon-calendar-2:before {
    content: "\31";
}

.icon-monitor:before {
    content: "\76";
}

.icon-download:before {
    content: "\33";
}

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

.icon-play:before {
    content: "\22";
}

.icon-image:before {
    content: "\36";
}

.icon-cell-phone:before {
    content: "\38";
}

.icon-phone-3:before {
    content: "\39";
}

.icon-capsule:before {
    content: "\64";
}

.icon-email:before {
    content: "\65";
}

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

.icon-paperclip-3:before {
    content: "\70";
}

.icon-favorite:before {
    content: "\2a";
}

.icon-chat:before {
    content: "\43";
}

.icon-calendar-3:before {
    content: "\73";
}

.icon-message:before {
    content: "\28";
}

.icon-tag:before {
    content: "\74";
}

.icon-monitor-2:before {
    content: "\56";
}

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

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

.icon-pie:before {
    content: "\2b";
}

.icon-stats-up:before {
    content: "\2d";
}

.icon-newspaper:before {
    content: "\2e";
}

.icon-feed:before {
    content: "\32";
}

.icon-file-pdf:before {
    content: "\37";
}

.icon-file-word:before {
    content: "\3a";
}

.icon-file-excel:before {
    content: "\3b";
}

.icon-search:before {
    content: "\3c";
}

.icon-new:before {
    content: "\3d";
}

.icon-paperclip-4:before {
    content: "\50";
}

.icon-star:before {
    content: "\35";
}

.icon-file-powerpoint:before {
    content: "\3e";
}

.icon-libreoffice:before {
    content: "\3f";
}

.icon-file-zip:before {
    content: "\40";
}

.icon-file-css:before {
    content: "\41";
}

.icon-file-xml:before {
    content: "\42";
}

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

.icon-printer:before {
    content: "\45";
}

.icon-key:before {
    content: "\46";
}

.icon-cart:before {
    content: "\47";
}

/* Use the following CSS code to display as a circular icon */
.circle48 {
    float: left;
    text-align: center;
    background: #e9d600;
    margin: 3px;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    border: 2px solid #000;
}

.circle34 {
    float: right;
    text-align: center;
    background: #e9d600;
    margin: 3px;
    width: 34px;
    height: 34px;
    border-radius: 34px;
    border: 1px solid #e9d600;
}

    .circle48 a, .circle34 a {
        text-decoration: none;
        color: #000;
    }

    .circle48:hover, .circle34:hover {
        background: #e5e5e5;
        border-color: #2a5985;
    }

        .circle48:hover a, .circle34:hover a {
            color: #545454;
        }

.centered {
    margin-left: auto;
    margin-right: auto;
}

.icon48 {
    font-size: 24px;
    padding: 12px;
}

.icon34 {
    font-size: 20px;
    padding: 7px;
}

.icon34Video {
    font-size: 20px;
    padding: 7px 7px 7px 9px;
}