@font-face{
    font-family:allianz-sans;
    src:url(../fonts/alsanreg-webfont.ttf) format("truetype");
    font-weight:400;
    font-style:normal}
/* Regular */
@font-face {
    font-family: 'AllianzSansWeb';
    src: url('../fonts/ALSANREG.eot');
    src: url('../fonts/ALSANREG.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ALSANREG.woff') format('woff'),
    url('../fonts/ALSANREG.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* Italic */
@font-face {
    font-family: 'AllianzSansWeb';
    src: url('../fonts/ALSANITA.eot');
    src: url('../fonts/ALSANITA.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ALSANITA.woff') format('woff'),
    url('../fonts/ALSANITA.ttf')  format('truetype');
    font-weight: normal;
    font-style: italic;
}
/* Bold */
@font-face {
    font-family: 'AllianzSansWeb';
    src: url('../fonts/ALSANBOL.eot');
    src: url('../fonts/ALSANBOL.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ALSANBOL.woff') format('woff'),
    url('../fonts/ALSANBOL.ttf')  format('truetype');
    font-weight: bold;
    font-style: normal;
}
/* Bold Italic */
@font-face {
    font-family: 'AllianzSansWeb';
    src: url('../fonts/ALSANBIT.eot');
    src: url('../fonts/ALSANBIT.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ALSANBIT.woff') format('woff'),
    url('../fonts/ALSANBIT.ttf')  format('truetype');
    font-weight: bold;
    font-style: italic;
}

/* Light */
/* Note: this is not style-linked to AllianzSansWeb */
@font-face {
    font-family: 'AllianzSansWeb-Light';
    src: url('../fonts/ALSANLIG.eot');
    src: url('../fonts/ALSANLIG.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ALSANLIG.woff') format('woff'),
    url('../fonts/ALSANLIG.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* Light Italic */
/* Note: this is not style-linked to AllianzSansWeb but as italic to AllianzSansWeb-Light */
@font-face {
    font-family: 'AllianzSansWeb-Light';
    src: url('../fonts/ALSANLIT.eot');
    src: url('../fonts/ALSANLIT.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ALSANLIT.woff') format('woff'),
    url('../fonts/ALSANLIT.ttf')  format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "oneweb-allianz";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/oneweb-allianz.woff") format("woff");
}

@font-face {
    font-family: "oneweb-controls";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/oneweb-controls.woff") format("woff");
}

body {
    font-family: 'AllianzSansWeb-Light',Arial,Helvetica,Verdana,sans-serif;
    font-size: 16px;
    line-height: 1.428571429;
    color: #333333;
    background-color: #f6f6f6;
    -webkit-font-smoothing: antialiased;
}

.portfolio-item-inner {
    padding: 25px 20px 25px;
}

.bs5-welcome-user {
    color: #0077c8;
}

ul.top-links {
    margin-right: 0;
}



.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
    display: none !important;
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}


a {
    color: #0077c8;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #199dd7;
    text-decoration: none;
}
a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}


.modal-body-text {
    font-size: 18px;
    font-family: "AllianzSansWeb-Light";
    color: #414141;
    margin-left: 20px;
    margin-right: 20px;

    a {
        color: #414141;
    }
    a:hover {
        color: #0077c8;
    }
}

.img-responsive {
    /* */
    display: block;
    max-width: 100%;
    height: auto;
}


.portfolio-icon {
    /* Makes sure the texts in 'Interactive Reporting' etc. are inside the proper boxes */
    /* TODO: Maybe it is better to set the relative class on the items */
    position: relative;
    /* Makes sure that half-filled rows are aligned to the left */
    margin: 0;
}

.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}

/* Make sure that list on "admin -> Change User" is shown in full height */
select[multiple],
select[size] {
    height: auto;
}


/* Dashboard charts */
.dashboard-chart-controls {
    font-family: "AllianzSansWeb-Light", sans-serif;
    font-size: 18px;
    position: relative;
    min-width: 148px;
    width: 148px;

    a {
        color: #414141;
    }
    a:hover {
        color: #0077c8;
    }
}

/* The bootstrap container has a max-width, even when printing. Even though we want to span the whole width. */
@media print {
    .container {
        width: 100% !important;
        max-width: 100% !important;
    }
}