@import "contentpanel.css?10";
@import "tables.css?10";
@import "inputs.css?10";
@import "toolbar.css?10";

*,
*:before,
*:after
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:root
{
    --side-menu-width-min: 50px;
    --side-menu-width-max: 300px;
    --side-menu-width: 300px;
    --color-gold: #E5C25C;
    --color-gold: #E5C25C;
    --color-darkblue: #004466;
}

body.collapse_menu_side
{
    --side-menu-width: 50px;
}

body.hide_menu_side
{
    --side-menu-width: 0px;
}
body.hideslidemenu .menu_side_container {
    display: none;
    transition: none;
}

html, body
{
    width: 100%;
    height: 100%;
}

body
{
    margin: 0;
    padding: 10px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
}

html, body, table, select, input, option, textarea, button
{
    font-family: Verdana, Arial, Tahoma;
    font-size: 10pt;
}

#frmAllContent
{
    position: fixed;
    top: 65px;
    left: calc(var(--side-menu-width) + 5px);
    right: 0;
    bottom: 0;
    width: calc(100% - var(--side-menu-width) - 5px);
    height: calc(100% - 65px);
    border: 0;
    transition: all 0.25s 0.15s;
}

body.hide_menu_side #frmAllContent
{
    transition: none;
    width: 100%;
    left: 0;
}

.topbar
{
    background-color: #ffffff;
    height: 65px;
    border-bottom: 5px solid #E5C25C;
}

.menu_side_togglemenu
{
    display: block;
    float: right;
    height: 26px;
    width: 26px;
    margin: 0 0 -5px 0;
    line-height: 26px;
    margin: 4px 0.5rem;
    text-align: center;
    color: #000;
    z-index: 25;
    border-radius: 50%;
    left: 100%;
    top: 1rem;
    font-size: 1.2rem;
}

    .menu_side_togglemenu:hover
    {
        background-color: #ffffff;
    }

    .menu_side_togglemenu i
    {
        transform: scaleX(1);
        transition: transform 0.5s;
    }

body.collapse_menu_side .menu_side_togglemenu i
{
    transform: scaleX(-1);
}
/** 
@media (hover: hover) and (pointer: fine) {
    .menu_side_togglemenu {
        opacity: 0;
        transition: opacity 0.5s 0.2s;
        visibility: hidden;
    }

    .menu_side_container:hover .menu_side_togglemenu {
        opacity: 1;
        visibility: visible;
    }
}
**/
.topbar_logo
{
    display: block;
    background-color: #E5C25C;
    float: left;
    height: 65px;
    width: 65px;
    margin: 0 0.5em -5px 0;
}

    .topbar_logo img
    {
        width: 94%;
        margin: 3%;
    }

#topbar_account
{
    text-align: right;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    #topbar_account div
    {
        display: inline;
    }

#topbar_title
{
    line-height: 35px;
    height: 35px;
    font-size: 15pt;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#top_mainmenu
{
    float: right;
    margin-left: 0.5em;
}

.top_mainmenu_item
{
    float: left;
    overflow: hidden;
}

    .top_mainmenu_item a
    {
        display: block;
        width: 100px;
        border-left: 1px solid #ccc;
    }

    .top_mainmenu_item a
    {
        display: block;
        width: 60px;
        height: 60px;
        text-align: center;
        text-decoration: none;
    }

        .top_mainmenu_item a:hover
        {
            background: #eee;
        }

        .top_mainmenu_item a i
        {
            display: block;
            font-size: 22pt;
            line-height: 38px;
        }

        .top_mainmenu_item a .fa-user-circle,
        .top_mainmenu_item a .fa-sign-out
        {
            color: orange;
        }

.menu_side_container
{
    width: var(--side-menu-width);
    position: relative;
    z-index: 25;
    height: calc(100% - 65px);
    transition: width 0.3s;
    box-shadow: 5px 0px 0 0 #E5C25C;
    background-color: #eee;
}

.menu_side_width
{
    width: var(--side-menu-width);
    height: calc(100% - 34px);
    overflow: auto;
    transition: width 0.3s;
    border-top: 1px solid #ddd;
}


.menu_side_section h3
{
    white-space: nowrap;
    background: #fff;
    margin: 0;
    width: var(--side-menu-width);
    transition: width 0.3s;
    overflow: hidden;
}

    .menu_side_section h3 span
    {
        white-space: nowrap;
        padding: 0 0.5rem 0 calc(var(--side-menu-width-min) + 10px);
        line-height: 24px;
        width: var(--side-menu-width);
        display: block;
        font-weight: normal;
    }
/** ipad hebben ernstige problemen met scrollen binnen frames, daarom deze fix **/
#bodyscroller
{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: auto;
}

body.dashboardpage,
body.dashboardpage table,
body.dashboardpage td,
body.dashboardpage select,
body.dashboardpage input,
body.dashboardpage button,
body.dashboardpage option,
body.dashboardpage textarea
{
    /** 2017-03 | Bas **/
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-size: 10pt;
}

body.dashboardpage
{
    background-image: url('../img/barrel.jpg');
    background-color: #000;
}

    body.dashboardpage.adr
    {
        background-image: url('../img/ADR.jpg');
        background-color: #000;
    }

    body.dashboardpage.adnr
    {
        background-image: url('../img/ADNR.jpg');
        background-color: #000;
    }

    body.dashboardpage.adn,
    body.dashboardpage.ibc,
    body.dashboardpage.imsbc
    {
        background-image: url('../img/ADN.jpg');
        background-color: #000;
    }

    body.dashboardpage.icao
    {
        background-image: url('../img/ICAO.jpg');
        background-color: #000;
    }

    body.dashboardpage.imdg
    {
        background-image: url('../img/IMDG.jpg');
        background-color: #000;
    }

    body.dashboardpage.rid
    {
        background-image: url('../img/RID.jpg');
        background-color: #000;
    }


    body.dashboardpage,
    body.dashboardpage table
    {
        line-height: 1.5;
    }

img
{
    border: 0;
    vertical-align: middle;
}

fieldset
{
    background-color: #fff;
}

form
{
    display: inline;
}

.clearfix
{
    *zoom: 1;
    clear: both;
}

    .clearfix:before,
    .clearfix:after
    {
        display: table;
        line-height: 0;
        content: "";
    }

    .clearfix:after
    {
        clear: both;
    }

#header
{
    /*padding: 5px;*/
}

#content
{
    /*xpadding: 10px;*/
}

a
{
    color: #004466;
}

hr
{
    border-width: 0;
    border-top: 1px solid var(--color-gold);
}

.clientMessageDiv
{
    /**
	position: absolute;
	left: 30%;
	top: 30%;
	width: 400px;
	border-color: #000;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
    **/
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    justify-content: center;
    align-items: center;
}

.clientMessageDivInner
{
    background-color: #eee;
    border: 1px solid #fff;
    box-shadow: 4px 4px 10px 0px #000;
}

.clientMessageDivTitle
{
    background-color: #feb175;
    padding: 2px 5px 3px 5px;
    text-align: left;
    font-weight: bold;
    color: White;
    border-bottom: 1px solid #fff;
}

.clientMessageDivContent
{
    padding: 8px;
    text-align: center;
}

.timestamps
{
    position: absolute;
    z-index: 100;
    right: 0px;
    top: 0px;
    background-color: #fffff8;
    border: 1px solid #000;
    border-width: 1px 2px 2px 1px;
    overflow: hidden;
}

.impersonatebar
{
    background-color: #cacaca;
    padding: 2px 0 0 0;
    text-align: center;
    height: 20px;
}

.locationpath
{
    border-bottom: 1px solid #dbdbdb;
    padding: 0 2px 2px 10px;
}

    .locationpath span
    {
        padding: 0 2px 0 10px;
        background: #FFF url('../images/fff/bullet_white.png') no-repeat left center;
    }

.largebuttonmenu .menutext
{
    text-align: center;
    font-weight: bold;
    font-size: larger;
}

.largebuttonmenu .menuimage
{
    text-align: center;
}

.segregationtable
{
    border-collapse: collapse;
}

    .segregationtable th
    {
        text-align: left;
        font-weight: normal;
        color: #000;
        border: 1px solid #000;
    }

    .segregationtable td
    {
        border: 1px solid #000;
        padding: 0 8px 0 8px;
    }

table.segregationlegend td
{
    padding-top: 4px;
}

.rorotable
{
    border-collapse: collapse;
}

    .rorotable th
    {
        text-align: center;
        font-weight: bold;
        color: #000;
        border: 1px solid #000;
    }

    .rorotable td
    {
        border: 1px solid #000;
        padding: 0 8px 0 8px;
        text-align: center;
    }

.blueheaderfooter
{
    background-color: #375270;
}

.redmenuheader
{
    background-color: #6F0E0E;
    border-color: #6F0E0E;
    color: #FFFFFF;
}

.bookoverview td.titleimg
{
    width: 130px;
}

.bookoverview td.titletext
{
}

.bookoverview td.books
{
}

.bookoverview div.book
{
    float: left;
    width: 120px;
}

.bookoverview td.section
{
    border-bottom: 1px solid #000;
}

.news
{
    border: solid 1px black;
    background-color: #E1E5EA;
    border-radius: 20px;
    padding: 10px 30px 10px 30px;
}

    .news table
    {
        width: 100%;
    }

    .news td
    {
        padding-bottom: 10px;
    }

        .news td.summary
        {
            vertical-align: top;
        }

        .news td.date
        {
            width: 80px;
            vertical-align: top;
        }

    .news h2
    {
    }

    .news .readmore
    {
        cursor: pointer;
    }

.savepermissiontemplate
{
    text-align: center;
    margin: 20px;
}

#largeImgPanel
{
    text-align: center;
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #F5F5DC;
}

.changeedition
{
    text-align: center;
}

    .changeedition table
    {
        margin: 20px;
    }

        .changeedition table td
        {
            padding: 5px;
        }

.editionwarning
{
    background-color: #FFAEC9;
    border: solid 2px red;
    height: 30px;
    font-size: larger;
    padding: 6px 0 0 4px;
}

.createdocoption
{
    border-width: 1px;
    border-style: solid;
    border-color: #ddd #ddd #ddd #ddd;
    margin: 1px;
    height: 32px;
    cursor: pointer;
}

    .createdocoption:hover
    {
        border-width: 1px;
        border-style: solid;
        border-color: #eee #bbb #bbb #eee;
        margin: 1px;
        height: 32px;
        cursor: pointer;
    }

.jumbotron
{
    background: #ffffff;
    border-radius: 20px;
    padding: 1.5em;
    padding: 1.5rem;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);
    border: 1px solid #eee;
    overflow: hidden;
    line-height: 1.5;
}

.content-section
{
    margin: 0 auto;
    padding: 0 1rem;
}

    .content-section.padding-s
    {
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .content-section.padding-m
    {
        padding-top: 2%;
        padding-bottom: 2%;
    }

    .content-section.padding-l
    {
        padding-top: 4%;
        padding-bottom: 4%;
    }

    .content-section.padding-xl
    {
        padding-top: 8%;
        padding-bottom: 8%;
    }

    .content-section.fill
    {
        width: 100%;
    }

    .content-section.container
    {
        max-width: 1140px;
        width: 100%;
    }

    .content-section.narrow
    {
        max-width: 850px;
    }

    .content-section.supernarrow
    {
        max-width: 575px;
    }

.dashboard
{
    text-align: center;
}

.dashboardbox
{
    text-align: left;
    background: #ffffff;
    width: 28%;
    padding: 0;
    border-radius: 10px;
    margin: 2vh 0 2vh 4%;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);
    line-height: 1.5;
    float: left;
}

    .dashboardbox.fullwidth
    {
        width: 92%;
    }

    .dashboardbox.homenews
    {
        width: 44%;
    }

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1201px)
{
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 993px)
{
    .dashboardbox
    {
        width: 42%;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 769px)
{
    .dashboardbox
    {
        width: 92%;
    }
}

@media only screen and (max-width : 481px)
{
}



.dashboard > h1
{
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 3em;
    text-shadow: 2px 2px 2px #000000;
}

.dashboardbox h1,
.dashboardbox h2,
.dashboardbox h3
{
    padding: 0.25rem 1rem;
    font-size: 2em;
    clear: both;
    margin: 0;
}

.dashboardbox h2,
.dashboardbox h3
{
    font-weight: normal;
}

.dashboardbox h3
{
    opacity: 0.5;
}

.dashboardbox.homenews .dashboardbox-content
{
    padding: 0.25rem 1rem;
}

.dashboardbox.homenews .homenews-date
{
    text-align: right;
    font-style: italic;
    margin-top: -1rem;
}

.dashboardbox.homenews .homenews-date
{
    text-align: right;
    font-style: italic;
    margin-top: -1rem;
}

.dashboardbox.homenews .homenews_summary
{
    font-size: larger;
}

.dashboardbox.homenews .readmore
{
    display: block;
    padding: 0.5rem 0;
    border-bottom: 1px solid transparent;
    transition: all 0.25s;
}

.dashboardbox.homenews .active .readmore
{
    border-color: #E5C25C;
    margin-bottom: 0.5rem;
}

.dashboardbox.homenews .readmore:before
{
    display: inline-block;
    content: "\25BC";
    margin-right: 1rem;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.25s;
}

.dashboardbox.homenews .active .readmore:before
{
    transform: rotate(180deg);
}

.dashboardbox.homenews .homenews_content
{
    display: none;
}

.dashboardbox.homenews .active .homenews_content
{
    display: block;
}

ul.superlist
{
    font-size: 1.5em;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 1em;
    display: block;
}

    ul.superlist:first-child
    {
        margin-top: 1em;
    }

.superlist li
{
    width: 100%;
    display: block;
    border-top: 1px solid #f0f0f0;
    position: relative;
}

ul.superlist li:nth-child(odd) a
{
    background: #f0f0f0;
}

ul.superlist li:nth-child(even) a
{
    background: #ffffff;
}

.superlist li a
{
    display: block;
    height: 75px;
    overflow: hidden;
    padding-left: 90px;
    text-decoration: none;
    position: relative;
}

    .superlist li a i
    {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 75px;
        text-align: center;
        font-size: 2em;
        line-height: 75px;
        border-right: 1px solid #ddd;
        transition: all 0.2s;
        aspect-ratio: 1;
    }

        .superlist li a i img
        {
            width: 65px;
            height: 65px;
            margin: 5px;
            vertical-align: top;
        }

    .superlist li a span
    {
        display: block;
        padding-top: 1em;
        line-height: 1;
    }

    .superlist li a:hover
    {
        margin: 0 -5px;
        border-left: 5px solid #E5C25C;
        border-right: 5px solid #E5C25C;
    }

        .superlist li a:hover i
        {
            font-size: 2.5em;
        }

.menu_side_section .superlist
{
    border-bottom: 1px solid #fff;
    margin: 0;
}

    .menu_side_section .superlist li
    {
        font-size: 1.25rem;
        border-top: 1px solid #fff;
        width: var(--side-menu-width);
        overflow: hidden;
        transition: width 0.5s;
    }

        .menu_side_section .superlist li:hover
        {
            font-size: 1.25rem;
            border-top: 1px solid #fff;
            width: var(--side-menu-width-max);
            transition: width 0.5s 0.4s;
            border-color: #eee;
        }

body.collapse_menu_side .menu_side_section .superlist li,
body.collapse_menu_side .menu_side_section .superlist li:hover
{
    transition-duration: 0.1s;
}

    body.collapse_menu_side .menu_side_section .superlist li:hover
    {
        box-shadow: 2px 2px 7px rgba(0,0,0,0.5);
    }

.menu_side h3
{
    max-height: 35px;
    transition: all 0.1s 0.1s;
}

body.collapse_menu_side .menu_side h3
{
    max-height: 8px;           
}

.menu_side_width::-webkit-scrollbar
{
    width: 5px;
}

{
    overflow: hidden;
}

.menu_side_section .superlist li a
{
    height: 40px;
    padding-left: 60px;
    width: var(--side-menu-width-max);
    box-shadow: 0 10px 10px rgba(0,0,0,0.5);
}

.menu_side_section ul.superlist li:nth-child(odd) a
{
    background-color: #eee;
}

.menu_side_section ul.superlist li:nth-child(even) a
{
    background-color: #eee;
}

.menu_side_section .superlist li:nth-child(n) a:hover
{
    background-color: #fcfcfc;
}

.menu_side_section .superlist li a:hover
{
    border-left: none;
    border-right: none;
    margin: 0;
}

    .menu_side_section .superlist li a i,
    .menu_side_section .superlist li a:hover i
    {
        width: calc(var(--side-menu-width-min) + 1px);
        text-align: center;
        font-size: 1.5em;
        line-height: 40px;
        border-color: #fff;
    }

.menu_side_section .superlist li a span
{
    padding-top: 0;
    line-height: 40px;
}

.menu_side_section .superlist li a .dgpicon::before
{
    max-height: 40px;
}

.foldersAndDataCols
{
    display: flex;
    align-items: stretch;
}


    .foldersAndDataCols .colFolders
    {
        flex: 0 0 300px;
        //display: none;
        width: 1px;
        max-width: 1px;
        opacity: 0;
        transition: all 0.25s 0.15s;
        overflow-x: hidden;
    }

    .foldersAndDataCols .colData
    {
        flex: 1 0 auto; /*/0 0 100%;*/
        transition: all 0.25s
    }

    .foldersAndDataCols.showfolders .colFolders
    {
        transition: all 0.25s 0.15s;
        //display: block;
        width: auto;
        max-width: 500px;
        opacity: 1;
    }


.color-warning
{
    color: #ff8800 !important;
}

.color-error
{
    color: #C1272D !important;
}

.color-unimportant
{
    color: #ccc !important;
}

.color-adr,
.color-road
{
    color: #C1272D;
}

.color-air,
.color-icao
{
    color: #0071BC;
}

.color-adn,
.color-ibc,
.color-imdg,
.color-sea,
.color-water
{
    color: #00A99D;
}

.color-rail,
.color-rid
{
    color: #F7931E;
}

.color-pdf
{
    color: #C1272D;
}

.msgbox
{
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #b8daff;
    border-radius: .25rem;
    background-color: #cce5ff;
    margin: 0.5em 0;
}

    .msgbox.secondary
    {
        background-color: #e7e8ea;
        border-color: #dddfe2;
    }

    .msgbox.succes
    {
        background-color: #d4edda;
        border-color: #c3e6cb;
    }

    .msgbox.warning
    {
        background-color: #fff3cd;
        border-color: #ffeeba;
    }

    .msgbox.error
    {
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }

.hidden
{
    display: none;
}

.fa.file-pdf-o
{
    color: #cc0000;
}

.dgpicon::before
{
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    text-align: center;
    position: absolute;
}

.icon-ibc::before
{
    background-image: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e %3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='640px' height='640px' viewBox='0 0 640 640' style='enable-background:new 0 0 640 640%3b' xml:space='preserve'%3e%3cg id='ibc'%3e%3cpath style='fill:%2300A99D%3b' d='M438.8%2c77.4h-243c-11%2c0-20%2c9-20%2c20l20%2c75.8c0%2c11%2c9%2c20%2c20%2c20h9.5v66.4h184v-66.4h9.5c11%2c0%2c20-9%2c20-20 l20-75.8C458.8%2c86.4%2c449.8%2c77.4%2c438.8%2c77.4z M297.3%2c117.4v35.8h-65.4l-9.4-35.8H297.3z M402.7%2c153.2h-65.4v-35.8h74.9L402.7%2c153.2z '/%3e%3cpath d='M492.1%2c329.4l-174.8-22.2l-174.8%2c22.2L280%2c202.6c22-17.1%2c52.7-17.1%2c74.7%2c0L492.1%2c329.4z'/%3e%3cpath style='fill:%2300A99D%3b' d='M480.2%2c322.4l35.6%2c11.9c9.6%2c2.8%2c15.6%2c9.2%2c17.8%2c19.1c2.3%2c9.9%2c0%2c18.5-6.8%2c25.9l-59.4%2c59.4 c7.9%2c19.2%2c20.5%2c34.7%2c37.8%2c46.2c17.2%2c11.6%2c38.3%2c17.4%2c63.2%2c17.4c5.6%2c0%2c10.5%2c2%2c14.4%2c5.9c4%2c4%2c5.9%2c8.8%2c5.9%2c14.4v13.6 c0%2c5.6-2%2c10.5-5.9%2c14.4c-4%2c4-8.8%2c5.9-14.4%2c5.9c-49.8%2c0-90.2-16.7-121.3-50.1c-6.2%2c14.7-16.1%2c26.7-29.7%2c36.1 c-13.6%2c9.3-28.8%2c14-45.8%2c14H263c-11.3%2c0-21.9-2.1-31.8-6.4c-9.9-4.2-18.7-10.2-26.3-17.8c-7.6-7.6-13.4-16.3-17.4-25.9 c-31.1%2c33.4-71.6%2c50.1-121.3%2c50.1c-5.7%2c0-10.5-2-14.4-5.9c-4-4-5.9-8.8-5.9-14.4v-13.6c0-5.7%2c2-10.5%2c5.9-14.4c4-4%2c8.8-5.9%2c14.4-5.9 c24.9%2c0%2c46.1-5.8%2c63.6-17.4c17.5-11.6%2c30-27%2c37.3-46.2l-59.4-59.4c-6.8-7.3-9.1-16-6.8-25.9c2.3-9.9%2c8.2-16.3%2c17.8-19.1l35.6-11.9 l54.3-17l100.1-32.2c2.8-1.1%2c5.6-1.7%2c8.5-1.7c2.8%2c0%2c5.6%2c0.6%2c8.5%2c1.7l100.1%2c32.2L480.2%2c322.4z'/%3e%3c/g%3e%3c/svg%3e");
}

.icon-imdg::before
{
    background-image: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e %3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='640px' height='640px' viewBox='0 0 640 640' style='enable-background:new 0 0 640 640%3b' xml:space='preserve'%3e%3cg id='imdg'%3e%3cpath style='fill:%2300A99D%3b' d='M438%2c77.4H195c-11%2c0-20%2c9-20%2c20l20%2c75.8c0%2c11%2c9%2c20%2c20%2c20h8.5v197.2h184V193.2H418c11%2c0%2c20-9%2c20-20 l20-75.8C458%2c86.4%2c449%2c77.4%2c438%2c77.4z M300%2c117.4v35.8h-69l-9.4-35.8H300z M401.9%2c153.2H340v-35.8h71.4L401.9%2c153.2z'/%3e%3crect x='137.6' y='226.4' width='152.1' height='152.1'/%3e%3crect x='341.9' y='226.4' width='152.1' height='152.1'/%3e%3cpath style='fill:%2300A99D%3b' d='M479.4%2c322.4l35.6%2c11.9c9.6%2c2.8%2c15.6%2c9.2%2c17.8%2c19.1c2.3%2c9.9%2c0%2c18.5-6.8%2c25.9l-59.4%2c59.4 c7.9%2c19.2%2c20.5%2c34.7%2c37.8%2c46.2c17.2%2c11.6%2c38.3%2c17.4%2c63.2%2c17.4c5.6%2c0%2c10.5%2c2%2c14.4%2c5.9c4%2c4%2c5.9%2c8.8%2c5.9%2c14.4v13.6 c0%2c5.6-2%2c10.5-5.9%2c14.4c-4%2c4-8.8%2c5.9-14.4%2c5.9c-49.8%2c0-90.2-16.7-121.3-50.1c-6.2%2c14.7-16.1%2c26.7-29.7%2c36.1 c-13.6%2c9.3-28.8%2c14-45.8%2c14H262.2c-11.3%2c0-21.9-2.1-31.8-6.4c-9.9-4.2-18.7-10.2-26.3-17.8c-7.6-7.6-13.4-16.3-17.4-25.9 c-31.1%2c33.4-71.6%2c50.1-121.3%2c50.1c-5.7%2c0-10.5-2-14.4-5.9c-4-4-5.9-8.8-5.9-14.4v-13.6c0-5.7%2c2-10.5%2c5.9-14.4c4-4%2c8.8-5.9%2c14.4-5.9 c24.9%2c0%2c46.1-5.8%2c63.6-17.4c17.5-11.6%2c30-27%2c37.3-46.2l-59.4-59.4c-6.8-7.3-9.1-16-6.8-25.9c2.3-9.9%2c8.2-16.3%2c17.8-19.1l35.6-11.9 l54.3-17L308%2c273.2c2.8-1.1%2c5.6-1.7%2c8.5-1.7c2.8%2c0%2c5.6%2c0.6%2c8.5%2c1.7l100.1%2c32.2L479.4%2c322.4z'/%3e%3c/g%3e%3c/svg%3e");
}

.icon-adn::before
{
    background-image: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e %3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='640px' height='640px' viewBox='0 0 640 640' style='enable-background:new 0 0 640 640%3b' xml:space='preserve'%3e%3cg id='adn'%3e%3cpath style='fill:%2300A99D%3b' d='M571.5%2c456c-19.9%2c0-26.3%2c0.5-40.3-2.1c-0.2-1.1%2c7.4-80.6%2c5.2-90.5c-2.3-9.9-8.2-16.3-17.8-19.1 c0%2c0-99.4-25.9-172.5-31.7v-50.1h70.5c11%2c0%2c20-9%2c20-20l20-75.8c0-11-9-20-20-20h-243c-11%2c0-20%2c9-20%2c20l20%2c75.8c0%2c11%2c9%2c20%2c20%2c20H292 v50.3c-72.9%2c6.1-170.5%2c31.5-170.5%2c31.5c-9.6%2c2.8-15.6%2c9.2-17.8%2c19.1c-2.3%2c9.9%2c5.9%2c89.1%2c5.7%2c89.6c-16.9%2c3.8-16.7%2c3.1-40.9%2c3.1 c-13.8%2c0-25%2c11.2-25%2c25s11.2%2c25%2c25%2c25c18.4%2c0%2c34.8-1.2%2c49.6-3.3c49.7-7%2c80.9-24%2c109.2-39.4c30-16.3%2c53.6-29.2%2c96.2-29.2 c41.7%2c0%2c61.6%2c12.5%2c86.8%2c28.3c27.4%2c17.2%2c57.9%2c36.3%2c115.8%2c41.9c10.8%2c1%2c32.5%2c1.6%2c45.4%2c1.6c13.8%2c0%2c25-11.2%2c25-25S585.3%2c456%2c571.5%2c456z M338.5%2c186.7h71.4l-9.4%2c35.8h-61.9V186.7z M229.6%2c222.5l-9.4-35.8h78.4v35.8H229.6z'/%3e%3c/g%3e%3c/svg%3e");
}

.icon-prodlist::before
{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='640px' height='640px' viewBox='0 0 640 640' style='enable-background:new 0 0 640 640;' xml:space='preserve'%3E%3Cg id='productlist'%3E%3Crect x='72' y='90' width='503.3' height='458.3'/%3E%3Crect x='90' y='110.7' style='fill:%23ED7724;' width='468' height='200.8'/%3E%3Crect x='90' y='332.3' style='fill:%23ED7724;' width='467' height='200.4'/%3E%3Cg%3E%3Cpath d='M161.3,395.7H161l-23,10.9l-4.6-21.2l31.9-14.8h23.4v120.6h-27.3V395.7z'/%3E%3Cpath d='M233.3,463.7c5,2.6,16.5,7.4,28,7.4c14.7,0,22.1-7.1,22.1-16.1c0-11.9-11.9-17.3-24.3-17.3h-11.5v-20.2h10.9 c9.5-0.2,21.5-3.7,21.5-13.9c0-7.2-5.9-12.6-17.8-12.6c-9.8,0-20.2,4.3-25.2,7.2l-5.8-20.4c7.2-4.6,21.7-9.1,37.3-9.1 c25.8,0,40.1,13.5,40.1,30.1c0,12.8-7.2,22.8-22.1,28v0.4c14.5,2.6,26.2,13.5,26.2,29.3c0,21.3-18.7,36.9-49.4,36.9 c-15.6,0-28.8-4.1-35.8-8.5L233.3,463.7z'/%3E%3Cpath d='M420.4,430.4c0,37.3-15,62.9-45.8,62.9c-31.2,0-44.9-28-45.1-62.2c0-34.9,14.8-62.5,46-62.5 C407.8,368.6,420.4,397.4,420.4,430.4z M357.8,431.2c-0.2,27.7,6.5,40.8,17.4,40.8c10.9,0,16.9-13.7,16.9-41.2 c0-26.7-5.8-40.8-17.1-40.8C364.7,390,357.7,403.2,357.8,431.2z'/%3E%3Cpath d='M439.3,463.7c5,2.6,16.5,7.4,28,7.4c14.7,0,22.1-7.1,22.1-16.1c0-11.9-11.9-17.3-24.3-17.3h-11.5v-20.2h10.9 c9.5-0.2,21.5-3.7,21.5-13.9c0-7.2-5.9-12.6-17.8-12.6c-9.8,0-20.2,4.3-25.2,7.2l-5.8-20.4c7.2-4.6,21.7-9.1,37.3-9.1 c25.8,0,40.1,13.5,40.1,30.1c0,12.8-7.2,22.8-22.1,28v0.4c14.5,2.6,26.2,13.5,26.2,29.3c0,21.3-18.7,36.9-49.4,36.9 c-15.6,0-28.8-4.1-35.8-8.5L439.3,463.7z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M233.6,242c5,2.6,16.6,7.4,28.1,7.4c14.7,0,22.1-7.1,22.1-16.2c0-11.9-11.9-17.3-24.4-17.3h-11.5v-20.3h11 c9.5-0.2,21.6-3.7,21.6-13.9c0-7.3-6-12.6-17.9-12.6c-9.9,0-20.3,4.3-25.3,7.3l-5.8-20.5c7.3-4.6,21.8-9.1,37.4-9.1 c25.8,0,40.2,13.6,40.2,30.1c0,12.8-7.3,22.9-22.1,28.1v0.4c14.5,2.6,26.2,13.6,26.2,29.4c0,21.4-18.8,37-49.5,37 c-15.6,0-28.8-4.1-35.9-8.6L233.6,242z'/%3E%3Cpath d='M336.8,242c5,2.6,16.6,7.4,28.1,7.4c14.7,0,22.1-7.1,22.1-16.2c0-11.9-11.9-17.3-24.4-17.3h-11.5v-20.3h11 c9.5-0.2,21.6-3.7,21.6-13.9c0-7.3-6-12.6-17.9-12.6c-9.9,0-20.3,4.3-25.3,7.3l-5.8-20.5c7.3-4.6,21.8-9.1,37.4-9.1 c25.8,0,40.2,13.6,40.2,30.1c0,12.8-7.3,22.9-22.1,28.1v0.4c14.5,2.6,26.2,13.6,26.2,29.4c0,21.4-18.8,37-49.5,37 c-15.6,0-28.8-4.1-35.9-8.6L336.8,242z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}