@import url("fonts/fonts.css");
    @import url("fonts/font-awesome.min.css");

    :root {
        /* standard colors */
        --white: white;
        --face: #f7f7f7;
        --black: black;
        --silver: silver;
        --gray: gray;
        /* custom colors */
        --blue: #368dff;
        --orange: #E56c3c;
        --orange-light: #F58634;
        --orange-dark: #bf6340;
        --green: #1E865C;
        --green-light: #c6db71;
        /* default parameters */
        --font-family-text: "Lato", Sans-serif;
        --header-height: 80px;
        --header-background: #007581;
    }

    body {
        font-size: 16px;
        font-family: var(--font-family-text);
        background: var(--face);
        color: var(--black);
        padding: 0;
        margin: 0;
    }

    body *,
    button,
    a,
    input,
    textarea,
    option,
    select,
    ul,
    li,
    ol,
    canvas {
        font-family: var(--font-family-text) !important;
    }

    body {
        display: flex;
        flex-direction: column;
        justify-content: top;
        min-height: 100vh;
        overflow-x: hidden;
    }

    /****************************/
    /* common rules */

    div,
    span {
        user-select: none;
    }

    .normal {
        font-weight: normal;
        font-style: normal;
    }

    .bold {
        font-weight: bold;
    }

    .italic {
        font-style: italic;
    }

    .white-text {
        color: var(--white)
    }

    .black-text {
        color: var(--black)
    }

    .blue-text {
        color: var(--blue);
    }

    .orange-text {
        color: var(--orange);
    }

    .orange-light-text {
        color: var(--orange-light);
    }

    .green-text {
        color: var(--green);
    }

    .ghost {
        opacity: 0.6;
    }

    .capital {
        text-transform: capitalize;
    }

    .small-capital {
        font-variant: small-caps;
    }

    .uppercase {
        text-transform: uppercase;
    }

    .small,
    small {
        font-size: 0.75em;
    }

    .big,
    big {
        font-size: 1.5em;
    }

    .align-left {
        text-align: left;
    }

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

    .align-right {
        text-align: right;
    }

    .align-justify {
        text-align: justify;
    }

    .align-justify-left {
        text-align: justify;
        text-align-last: left;
    }

    .align-justify-center {
        text-align: justify;
        text-align-last: center;
    }

    .align-justify-right {
        text-align: justify;
        text-align-last: right;
    }

    .float-right {
        float: right;
    }

    .float-left {
        float: left;
    }

    .inline {
        display: inline;
    }

    .inline-block {
        display: inline-block;
    }

    .block {
        display: block;
    }

    .flex-row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .flex-col {
        display: flex;
        flex-direction: column;
    }

    .nowrap {
        white-space: nowrap;
    }

    *[onclick] {
        cursor: pointer;
    }

    loading,
    bigLoading {
        position: absolute;
        background-color: #0008;
        background-image: url('../img/loading_square.gif');
        background-position: center center;
        background-repeat: no-repeat;
        animation: grow .3s;
    }

    loading {
        background-size: contain;
    }

    bigLoading {
        background-size: auto min(80%, 80px);
    }

    subtitle {
        display: block;
        font-size: 0.75em;
        line-height: 0.5m;
    }

    header {
        background: var(--header-background);
        margin: 0;
        border: 0 none;
        border-radius: 0;
        box-shadow: 0 2px 8px -4px #0008;
        display: flex;
    }

    header .logo {
        background: url(../img/logo-h-white.png) no-repeat left center;
        background-size: contain;
        height: 80px;
        width: 250px;
        max-width: calc(100vw - 225px);
        padding: 0px;
        margin: 0px;
        margin-left: 60px;
        border: none;
        opacity: 1;
    }

    @media screen and (max-width: 600px) {
        header .logo {
            background-image: url(../img/logo-w.png);
            background-size: auto 90%;
        }
    }

    content {
        display: block;
        margin: 0;
        padding: 0;
        padding-top: 20px;
        padding-bottom: 40px;
        text-align: center;
        overflow: auto;
        overflow: overlay;
        max-height: calc(100vh - 140px);
    }

    footer {
        margin-top: auto;
        min-height: 30px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }

    a {
        display: inline-block;
        text-decoration: none;
        color: black;
        border-bottom: 1px solid var(--orange);
        opacity: 0.8;
    }

    a:hover {
        opacity: 1;
    }

    button {
        background-color: var(--orange);
        border-radius: 6px;
        border: 2px solid #fff0;
        padding: 5px 30px;
        margin: 4px;
        color: var(--white);
        font-weight: bold;
        font-size: 1em;
        cursor: pointer;
        transition: .3s;
    }

    button a {
        text-decoration: none;
        color: var(--white);
        opacity: 1;
    }

    button:hover {
        border: 2px solid #fff8;
    }

    button:active {
        border: 2px solid #0008;
    }

    button.blue {
        background-color: var(--blue);
    }

    button.gray {
        background-color: var(--gray);
    }

    button.discreet {
        filter: saturate(0.25) opacity(0.5);
    }

    button.discreet:hover {
        filter: none;
    }

    span.option {
        margin: 20px 10px;
        display: inline-block;
    }

    input.simple {
        border: 0px none;
        border-bottom: 1px solid #0008;
        background: #0000;
        outline: none;
    }

    input[type="checkbox"]+label {
        display: inline-block;
        vertical-align: top;
    }

    input:not(:checked)+label {
        opacity: 0.5;
    }

    input:not(:checked)+label * {
        pointer-events: none;
    }

    input[type=radio].radio {
        display: none;
    }

    input[type=radio].radio+label {
        position: relative;
        font-size: 1em;
        line-height: 1em;
        vertical-align: text-bottom;
        display: inline-block;
        margin: 4px;
        cursor: pointer;
    }

    input[type=radio].radio+label:before {
        content: '';
        border-radius: 50%;
        border: 2px solid var(--silver);
        display: inline-block;
        vertical-align: text-bottom;
        width: 1em;
        height: 1em;
        margin: 0 4px;
        transition: .3s;
    }

    input[type=radio].radio:checked+label:before {
        border-color: var(--orange);
    }

    input[type=radio].radio+label:after {
        content: '';
        position: absolute;
        left: 4px;
        top: 0;
        width: 1em;
        height: 1em;
        border: 2px solid #0000;
        border-radius: 50%;
        background: var(--blue);
        opacity: 0.5;
        transform: scale(0);
        transition: .3s;
    }

    input[type=radio].radio:checked+label:after {
        opacity: 1;
        transform: scale(0.55);
    }

    input[type=radio]+label .content {
        max-height: 0;
        opacity: 0;
        padding: 0px 30px;
        margin-bottom: 20px;
        border-left: 2px solid #e77a4f;
        position: relative;
        left: 13px;
        transition: .3s;
    }

    input[type=radio]:checked+label .content {
        max-height: 200vh;
        padding: 10px 30px 30px;
        opacity: 1;
    }

    select {
        position: relative;
        border: 2px solid silver;
        border-radius: 5px;
        padding: 2px 30px;
    }

    select:before {
        content: '▼';
        color: var(--orange);
        position: absolute;
        right: 0;
    }

    .submit-area {
        padding: 0px;
        transition: .3s;
    }

    .submit-area.active {
        position: sticky;
        bottom: 0;
        background: #f7f7f7e0;
        border-radius: 10px 10px 0 0;
        padding: 10px;
        box-shadow: 0 -5px 10px -5px #0004;
    }

    hr {
        border: 0px none;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--white), transparent);
        opacity: 0.5;
        margin: 10px 0;
    }

    hr.black {
        background: linear-gradient(90deg, transparent, var(--black), transparent);
    }

    .field {
        display: block;
        border: 1px solid var(--silver);
        border-radius: 5px;
        margin: 8px;
        padding: 5px 10px;
    }

    .floating-blocks, .cards-3d-deck {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .cards-3d-deck{
        justify-content: center;
    }

    @media screen and (max-width: 600px) {
        .floating-blocks {
            flex-direction: column;
        }
    }

    .floating-blocks>div,
    .cards-3d-deck>div.card-3d {
        background: var(--white);
        position: relative;
        padding: 10px;
        margin: 0;
        font-size: 28px;
        min-width: 200px;
        min-height: 100px;
        border: 1px solid var(--silver);
        border-radius: 8px;
        box-shadow: 2px 2px 4px #0008;
    }
    .cards-3d-deck>div.card-3d{
        font-size: 1em;
        margin: 1em 1em;
    }

    .floating-blocks>div:after {
        content: '';
        position: absolute;
        display: inline-block;
        width: 40px;
        height: 40px;
        right: 10px;
        bottom: 10px;
        border: 1px solid var(--orange);
        border-radius: 50%;
        background-color: #0000;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 25px;
    }

    .floating-blocks>div .info {
        color: var(--orange);
        font-weight: bold;
        display: block;
    }

    .check-mark {
        padding-left: 30px;
        background: url(../img/checkmark.png) no-repeat left center;
        background-size: auto 60%;
    }

    notifications {
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 1;
    }

    notifications:before {
        content: '';
        background: url('../img/notify.png') no-repeat center center;
        background-size: contain;
        position: absolute;
        display: block;
        width: 40px;
        height: 40px;
        top: -20px;
        right: 10px;
        opacity: 0.9;
        filter: none;
        transition: .3s;
    }

    notifications:hover {
        opacity: 1;
        filter: drop-shadow(0 0 5px #0008);
    }

    notifications .notification {
        position: absolute;
        /* min-width: 300px; */
        max-width: calc(100vw + 30px);
        right: 10px;
        top: 15px;
        filter: drop-shadow(2px 4px 5px #0008);
    }

    @media screen and (max-width: 600px) {
        notifications {
            position: absolute;
            right: 0;
            top: 0;
            transform: scale(0.75) translate(30px, -17px);
        }
    }

    .notification:after {
        content: attr(count);
        display: inline-block;
        color: white;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        text-align: center;
        height: 20px;
        width: 20px;
        background: red;
        border-radius: 50%;
        padding: 0px;
        position: absolute;
        top: -10px;
        right: 10px;
        /* border: 1px solid white; */
        /* box-shadow: 0 0 2px 2px red; */
        opacity: 01;
        transition: .3s;
    }

    notifications:hover .notification:after {
        opacity: 0;
    }

    notifications .notification>span {
        display: none;
        cursor: default;
    }

    notifications:hover .notification>span {
        display: block;
        position: relative;
        padding-left: 20px;
        padding-right: 18px;
        margin-top: 1px;
        white-space: nowrap;
        text-align: left;
        background: white;
        color: #e56c3c;
        opacity: 0;
        transition: .3s;
        border-radius: 25px 10px 50px 25px;
        animation: fade-in .3s forwards;
    }

    @media screen and (max-width: 600px) {
        notifications:hover .notification>span {
            white-space: normal;
            width: 100vw;
        }
    }

    notifications:hover .notification>span:hover {
        background: white linear-gradient(180deg, white, silver);
    }

    .notification>span:before {
        content: '!';
        display: inline-block;
        color: white;
        font-size: 15px;
        font-weight: bold;
        line-height: 14px;
        background: red;
        border-radius: 50%;
        padding: 0px 5px 0;
        position: absolute;
        top: 5px;
        left: -2px;
        border: 1px solid white;
        box-shadow: 0 0 2px 2px red;
        opacity: 1;
        transition: .3s;
    }

    notifications .notification>span a {
        display: block;
        border-bottom: 0px none;
    }

    .icon.clients:after {
        background-image: url('../img/sbb_client.png');
        background-size: 100% auto;
    }

    .icon.profile-setup:after {
        background-image: url('../img/profile_setup.png');
    }

    .icon.tenders:after {
        background-image: url('../img/tenders.png');
    }

    .icon.documents:after {
        background-image: url('../img/documents.png');
    }

    .icon.awards:after {
        background-image: url('../img/awards.png');
    }

    .accordion {
        position: relative;
    }

    .accordion>button[for] {
        display: block;
        position: relative;
        width: 100%;
        margin: 0px;
        text-align: left;
        filter: saturate(0.25);
    }

    .accordion>button.open[for] {
        filter: saturate(1);
    }

    .accordion>button[for]::before {
        content: '+';
        display: inline-block;
        position: relative;
        margin: 0 5px 0 -18px;
        transition: .3s .1s;
    }

    .accordion>button.open[for]::before {
        background: var(--white);
        transform: rotate(-180deg) scale(0.8, 0.15);
        transition: .3s;
    }

    .accordion>button[for]::after {
        content: '«';
        float: right;
        transform: rotate(-90deg) scale(1);
        animation: accordion-arrow-backward .3s;
    }

    .accordion>button.open[for]::after {
        transform: rotate(-90deg) scale(-1);
        animation: accordion-arrow-forward .3s;
    }

    .accordion>div {
        display: block;
        max-height: unset;
        padding: 20px;
        border: 1px solid silver;
        border-radius: 10px;
        margin: 4px;
        margin-top: -20px;
        overflow: hidden;
        max-height: 0;
        transition: .3s;
    }

    .accordion>div.open {
        max-height: unset;
    }

    .business-card {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: flex-start;
        position: relative;
    }

    .business-card:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
        opacity: 0.2;
    }

    .business-card:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: url('../img/grunge-layer-mask.jpg') center center;
        background-size: 100% 100%;
        mix-blend-mode: screen;
        opacity: 0.8;
        filter: invert(1);
        z-index: -1;
    }

    table.business-details {
        margin: auto;
        border-collapse: collapse;
    }

    table.business-details td:nth-child(1) {
        text-align: right;
        padding-right: 20px;
        border-top: 1px solid #0004;
        border-bottom: 1px solid #0004;
        font-weight: bold;
        font-size: 0.75em;
        vertical-align: bottom;
    }

    table.business-details td:nth-child(2) {
        text-align: left;
        padding-left: 20px;
        border-left: 1px solid #0002;
        border-bottom: 1px solid #0001;
        font-size: 1.5em;
        vertical-align: bottom;
    }

    table.business-details tr:first-child td {
        border-top: 0px none;
    }

    table.business-details tr:last-child td {
        border-bottom: 0px none;
    }

    table.business-details .file-link {
        background: none;
        display: block;
        text-align: center;
        margin-top: 10px;
    }

    table.business-details .file-link .name {
        max-width: unset;
    }

    .js-snackbar-container {
        bottom: 35px;
    }

    .tab-links {
        display: inline-block;
        background: var(--white);
        border-radius: 10px;
        padding: 10px 20px;
        padding-bottom: 0px;
    }

    .tab-links .link a {
        display: inline-block;
        position: relative;
        padding: 10px 30px 15px 30px;
        text-decoration: none;
        border-bottom: 4px solid #0000;
        transition: .5s;
        opacity: 1;
    }

    .tab-links .link a:hover {
        transition: .5s;
        border-bottom: 4px solid var(--orange-light);
    }

    .tab-links .link.active a {
        border-bottom: 4px solid var(--orange);
    }

    .file-link {
        background: var(--face);
        border-radius: 10px;
        padding-top: 0px !important;
        margin-top: -20px;
        position: relative;
    }

    .file-link .delete {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAFgEAYAAADx4WWjAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAZjElEQVR42u2deVyU1f7HzzyzDzCA7MgihCsY7uYOiZIamebVFl/Wy8zSxLTQuld/lmIuCGIu9cruLa9lXlNTUQsVUgQRNBbZF5F9lWEbZpj9/P74doQZ87LMDHjvPe9/vj7MPOf5fp6zjc/3e86D0H8rNTVRUd988/rrxpZTV3f48PHjixb1m+N5eVOmvP76hQtXryKEEMYVFWFhERG7dvW2nIKC4OBVq/71L1JOWdk774SHb9tmcoc1mpaWtjYLi6Ki+fPff/+f/7x2DS6YlobQpEkYJyQgxOViXFGxYUNExN693ZVXWDh//urV339/8yZCQiGUM3EixqTcqqq//e3gwQ8+MJkAnU6tVqvZbKk0KSkj47nnfv/d2nrcOInk1i2EHBw6HSBCyss3btyz53Eh4PiJEwkJCAkEGKenIzRlCsaJiQhZW2OcmentHRhYUCCX5+Tcv+/nZ/KaIKjVlZUSibPz3bu2tv7+jY1JSQjZ22P8++8ITZiA8c2bCIlEGNfU7Njx9dcbN5aXv/fe55/v2kXueFfHrawwzsjw8po1Kz9fp5PJVCoOx9T+sp4spLq6qcnJKTPTzy8wMDtbpWpurqlxcBAIEPL2RkihQKi8HCEWCyEOByGBACEPD4RkMoSysxGyshoxYtKkvLxnn83IiI3192cYoZDL1WjMduefhEbT2Njebm2dnT1x4sKFt26lpCDk7Q01Mm5cp719GyEPD4zz8+fNe/PNixcx1moxZhhz+9ftBTgce3tLy9ZWodDT08enqEirRUguh89YrE6r1SLU3o6QWDx27HPP3bjBYrHZLJZO1+933JDCwnnzVq8+eZJ0xvR0hKZNwzg5GSF3d4xJjXRt+2IxxpWVYWFRUX/964A5npc3e/aKFT/+aNg5k5IQsrPDOC9v/PjXX09Nzcpyc3vhhbKy5GSEXFygSY0fD6MWj4dxRcWmTZGRW7b0m+P5+dOnr1jx00+Gw+HNmwhZWmKcmTliRFBQdjb5vlrd1NTSYm2dmsrnDx0qlycnI+TsrC9EIMC4ouKDDyIitm41ucNqtUTS3GxlVVQ0f/66dZ0TWUYGQjNmQJPo6rhOp1RqtWy2YTkKRUFBVdXQoampPN7QoR0dt26BkPR0hCZPxpjMyDCRbdxoMgE6nUqlVnO5UmlSUmbmtGl374rFY8c2NcXFwQXv3RsxIigoKwtjpVKr7X5UUSgKCiorfXxSU0Wi4cOl0vh4KCcz08srMPD+fbk8O7u4+NlnTV4ThI6OrKzS0qFDc3JCQpYuPX1ap+vo0Ggev+PdIZPduVNY6O+flRUUFBLyyy9arVSqUAiFZnPcEI2mrq611cbG2HJUqrKyhgZX135znEKhUCgUCoVCoVAoFAqFQvlP4FGIyd//wIGYGPL0eOFCsOSRooWF/jHG3RT7R7kkwNHeDpY8W7106d69DRteesn4p9UGQbdZs8BOmAD26FGwajVYS8veFd/RAZbExtatA6tUgjW5gFdfBXv4MFhnZ7hTpEZ6D9TsiRNwFBsL9u23jXWc8FiUEi5IwqFlZWBLSkAIqaGeOn7uHBzNnAl2yBAoRyo1lYDHnvfDBUiV+/qCfeYZcOjs2Z45/s03cBQQAHbUKFM7TmB19wVwyNMTjlJSwCYlgW1tBUtqjM8HGxwMdsYMcDw319SOE7qNuIAD5eVwtGwZ2CVLwFpbgyU1RvrQypXmdrzHAvQhTaCoCOzy5eDoqlVwnJEBtqnJ3I73UQAJEQkEYG1t9T8nf++/UJKRqQBsNvSR3sfQBkiASPTHaX+cV1sLTUirhWNWt4PCAAuorQU7aBDYpUv1P5fJwJo+rcZoAfqjyvvvgz18GJpQXh4cjxkD1vTjvdEC9IUcOwZHZDglwyyEtREqLu4vARQKhUKhUCgUCoVCoVAoFMp/JL1+GAuLe0isbM8esCScum/fhAkIpaWdP9/vAsCxyEg4mjsX7MOHYA2XEE6ZAtbKSv/vJBx786b+eVwuWEdHsHFxINT4xUAGT5G9vMA6O4NtbgZrbw+WPJVOTARLHrMTS+LC48aBbWsD29gI1sFB/zrGYyCAhIpIXJgE927fBktCSCtXgv31V/07v3gx2DVrwA4dCjYwEOzp02DPnDGTAJJSQCLq48eDhdVlCB05Apa0fdKESFxg506wOTlgSVDwtdfAkiaZkAC2vt5YAQaP10kA4949/b8/KcWARGQMAxrk76TJEFJTwVZWGuv4YwKgU5FQEYn/EkjwjrRxQwyTP8ioRM4j1NTAdQzLN4EAfVpa9I9JDSgUYEmb77ogtyvkcxL4Jpg+cvMEASTiQiBtndQQEWIogNQE+Zz0KYLp48dPEFBSon9MhlUS/yXDIhk+iQDSxFQqsGKxfjkkQG52AWT8N1yRTZYmks8N5wHSREjc2MlJ/3zTdd5uBJBF54Zt1s4OLJmgyJ0nAkjNkBwKMgOTpkfOM7sAMkoYdmYyqvzZqvquDhKhBJJy9qRRzIQCYJgjna2qSv9TMk+QpkCakkSi/33iMIFMWGQiMx3dRNQNL0gi825uYEeNAks6rYsL2Dfe0D+PjP9kxu43Afn5YOfNAxsSApYMk6SzkiZE/u7tDZb8GjWc2SkUCoVCoVAoFAqFQqFQKBTjMNuiHViaMmQIHJFNgqOjYQVIRcVTKwAcJ2swydJFEuEhi0sDAvRXCPYdk20pC46TQAiJIxgG/0iN/PILfN/DY8AF6C8WTU8Hu3YtWPIQ2HBNJXko/MMPxl6/z+u9wHGSOhATA5Y8nSZbnhcWgiXLch88AEtibl9/bayAXvcBcHzwYDgiKQfdpQ6Q9cW//AKWy4U+QCL3/SAAHCc5EyRyTxa+9RQfH3DcMIjYd7ptQvqdjaQIkM7YHSQ2tmSJqR3vVgA4TqKMpI331HHCokXg+MWLpnb8iQL0R5UbN/rm+MKF5nacYLAxBgkVVVeDJaNKT1m8GBwnuxmYH7b+cEi21ScB7qlT//3ppI2TO06aWv/xx0Tm7g72wgWwZCOLjz7689NITgS545cu9bfjBI6+Q6TTkt8wpEZIqtknn4B95ZWBuuOG/FEDZC8VAo8HliRnkJ8IU6eC46SmBp4/aoC0ebKnyq1bYElKQWEhOE5+GlAoFAqFQqFQKBQKhUKhUCgDi8nCrKdOFRffuTN+/LJlMTEREdevIyQUkuAqPPPu6JBKEbp6ddmy7dtDQubOdXPz9SUBk75jsk0dWSwWi8Xi8xFiGDbbygpsVwFwzGIhxGIZLpB7CgQAGg1CGMOjYmIJXY/JmhvjMfu7U80NFTDQUAEEnc6w0/6HCfDyEovt7auru442+oJ0Oq0WITc3CwtbW7Kk0Xg4P/10//6dO7D4n8Uiq097/mJkPp/N5nC02t9+q6rKzx89GiGBgIzyMP6zWGB5PKEQoZMni4tTUwMCLl4sLc3MFAg6OrRatbrn2z5DTTMMl8swDKNUshCKilqyBOPOiae3TYE4yGZDdpBAALkoGOvfBhYLFu12dMCaV6iR3l+PnMflCgQdHRyY8lUqEMDj9b5A8m0ixNDxzu/B36EmOq/T272qQQCbzeUKhUolB4oATX3b9rr3Z5Gm1Sm99+fDOVotB35kCYXGNyFyvlBImhD5BrnT0IRUKlhtbFwT0mi0Wo1m0CDWtWuVlbm5s2aBI2TRf8/fJ8/lMgybrVbn5zc319b6+a1Zc/36t98ePtzZJ4jjSqVcjlBExKxZK1Zs3jxpkqOjl9edO2q1TqfVksGjezDGGGMOh81msRhGJuPMmePuboqftZmZjY3l5QUFCKlUCsXhw11HI7jDarVKhVBIiKenv39MzMiRtrYuLsbHnU02D+TmNjXV1np6du2c+m2bYRgGoaoqmay5meRmGI/JBEBT+jPHzQv9LTTQUAEDjcn+Tww/srjczgmKWDJrwjHGCGFM8pGeIgHw61Au5/G4XIGgoYFhuFyBoPPXjk6n0ajVLBZMQP33hggKhUKhUCgUCoVCoVAoFAoFIYTQhx8mJHz//dq1CO3b9/LLLS0IRUQsXNjSsm3b7ds//fThh/3tT6+fzEFekK0t/Ivsbkw+M9ws2Pz04eEuxhgrlX+eF0S2rH2qBTxd9FrAk5I6GKZ/Q0uEXvcBFxdLSxuburquj9ExRsjBgc+3sGho6HcBH32UkHD8eGgoxHOFQmjThlkOGNvYCARCYXt7XFx1dUHBCy8gJBTC1vBQH2fPlpZmZISE7NiRknLmDIvV2qpSKRQWFlBeZ91AnJdhWCyGYRiZLCpq5szly8mbJXoPC6F9+xYuxBghFotE6v8810Gng78LBJBOKRLpj0FyOWx4rlBAJB7Cqo9DymcYCG+HhZ092/fGx3k8v+dJof/HR50/vyxxsOt9//flGANn27bp05cv37wZxnUSWyepBp0vRrCzEwgsLEgTCgq6eLGkJC1twQIiPDjY03PMmCtX5s718Bg16sqVtjalsqNDJAInSV3AkU7H4bBYLBab3d6+fTtCP/9svJAeExWVlnbx4vLlCO3Z8+KLGCO0e/eCBRgfOZKRERv77rv96ArUQG9PKC9va5NInJ07kzmgKdTXKxRSKdmfov/o9TzA4zFM/72F3gwCIEw60G530ut7CeO4QNB1tOkcVQzfO/MUCmCzGYbNbmyEcby1lQhgGIZhsfp/JqZQKBQKhUKhUCgUCoVCofxv0uPAQmNjW1tbm5NTfX1ra3Pzyy9LJFKpVDp9Oiy/cnXV6XQ6na69ncfj8bjcjAw7O0tLK6vz5729nZ1dXDIzzSWg2ydzKSlFRfn5lpbNzTKZVLpwYUtLe3t7+xtvqFQajUYzdqxWi5BOZ2mJMUTN1GqdTqcjb0cXiUpL6+vr6trbvbycnJyd79/vtxqorJRIHj4cOTI7u7y8rOz0aY1Gq9VqfX0h0I0Ql8tmczgPH8Kz0oICCIU4OkIUc/hwEIgQj8fhcDgajY+Pi4uLyzvvDBvm6urmduyYqQQ89nS6rq6lpalpzJi8vMrKioq4OHDI11ck4vEEghs3LCz4fIFgzhxwzNNz3rxx4yZMmDmTx+NyudyRIwUCHo/HGz5cLBaJRKIjR0AuhwM34rvvSkrq6mprN240Ww1cuZKenpaWmalUajQajb+/lZVQKBB8+WVg4OjR/v7vv9/bC1y/np19797LL0ON/PxzR4darVKxWFOnDh8+cuS0aY6O1tY2NsnJfa4BuVyhUCjc3cvLGxrq69evl8tVKqXS318k4vN5vOvX++o4Ac4/fx5q7IMPSHShpKS2trZ23z5ja4ApL29sbGgIDq6qamqSSF56ic2G8CjYnTuNvYC+kEOHBAIul8stK2tr6+iQy6dOLStraKir6+17DLoIaG6WyWSyoCCFQq1Wq6dO5XI5HA6npgbu0+3bphLw6IIMwzDMtWtk1WtDQ0tLS8vEiX0uD9anOzoyDEKdK7rJjt+mzz6BUaywkAReVSqtVqcj7+TogwCtVqfT6eRyksQBw6GDA3xsrnCevb3+XghqdZ8FQGdNT+dwGIZh8vNBkK8vCOnt+we6B2bsqVPBImRjIxKJRH2f4BgvLwcHJ6cLF5ydbW1tbGJjVSqtVqMhaTVhYaZyPD4+MzM9fc4cjQZjjGfOtLQUi8XikhJfXw+PIUN+/bXPAmxtraysrNLS7O3FYmvrL7+EO9/erlSq1Wp1aOj16zk5WVmQUtA3x+/dy8iwsdHptFqtNjqax3N0dHREaNiwIUO8vDZvNvbGPJqJ7eysrMTi+/dHjHBzc3ffvFmhUKlUKoRUKrVarT53Diakdevi47OyMjO73wsF7viMGRhrtVptQoKFxZgxY8b4+ra0XLp0+TJCpaV790ZEGN/Hnvhb6MGDurra2vXrc3MrKysqoqNJ0gaPx2az2ZWVMBxevgyjSlkZhFutraHpzZ4N6SKTJgkEDg4ODghJJBcvXryIUEXFRx9t2oSQTCaXy+UIBQVFRkZGrls3bVpYWFhY7/OGuv05XVvb1NTUNHFicXFtbU3NoUMKhVqtUk2eDD/iyLDY+X2MoXNaWg4aZGf34IG7u6urq2tYWE7O6tXvvhsQcPfusWPHjq1fb23t7e3tjZBUWl1dXY3QvHmHDh06tGHDhAmrV69e/cUXJhNgSFWVRNLY6OtbXS2RSCQTJqjVsEUI5GApldbWIpFIVFDg6enu7uGRlGRpyWKxWJ27msXFbdmyZcvBgykpUVFRUaGhYrG7u7s7Qm1tICQ4ODIyMnLTpokT165duzYyss9ty9xcv/7ZZ599duDAzp1CoVCIcVSUm5ubG8bkOCkpIiIiYseOgfazWxISwsPDw6Ojw8N5PB4P46iowYMHD8Z4506RSCTCODFx9+7du033m8xsgKO7du3cKRAIBBgfPOjj4+PTKeTKlbCwsLC9ewfaz25JSTl06NCh8PDwcD6fz8d49247Ozs7jD/5hM1mszHOyzt79uzZ0FC5vKGhoWHIkKcuc/e550JDQ0P/7/+Cg/fv379/yxadDuYjS0sLCwsLhLhcoVAolEoRYrPZbKVyoP19IgpFa2trq739jz+GhISEnDhx8uTixYsXHz/e0dHc3NxsazvQ/lEoFAqFQqFQKBQKhUKhUChG0U2ERiBob1cqFYp9+ySStjapdP58iGa2tdnbW1uLxTt3jhzp5ubhcfbsUyMgL6+qqqIiKKisrKGhvv7YMUg5GDwY4jFlZbDlu7W1VouxTicUWltbWFhYXL7s7m5nZ2+/dKmHh4ODo2PP319gLI8e7hYV1dRUVQUGlpc3NDQ0XLum1ep0GJeWwtLDCRMglDRsGJvNZjPM4MEcDofD4Xz4YX19S0tz8yuv1NQ0NUkksbH9XgUymULR0WFvD2k29fUxMXfupKQkJvb0/Bs3cnKysvz8zp9PTU1OxhjygvovIMEUF9fV1dZu3QrRRUdHCws+n8/v+crsgAA/v2efzcnhcjkcLvf0aYlEKm1tXbPm/v3a2urqnu9q32cBLS3t7TLZsmWwGrW8fPZsf/+xY/PyelsQZLlcuaLVarUYI1Rd3dTU3Gz+Fd4MQgixWCT3zdLyt9+yszMze79NAkTibW2hHB5PKOTxeDzymngzCvDxcXZ2cgoP1+lg7wKVSqPRalev7m1BGHO5XO6qVba2Hh7u7ikpkyYNHTpsWHOzuQU84s6d4uKCgpiY06eTkxMTMYbOOWpUd+fFxxcW5udv356QUF9fW4txeXlZWWlp3zOwesujplJd3dTU2CgQlJXV1zc0nD/f1NTeLpUGB8OmL6dPw7B57RpE4p2ctFoej8t99VWRaNAgOztf39zc5ctXrECIzy8vLy8/dWrSpC1btmxZvtzff+XKlSt7/kqM3vJoHhg8eNAge3uFYtq0kSNHjXrhBVdXW1s7ux07RCI+n8+fOBEmtM8/hy3KQ0OHDHnmGR+fqioXl4cPJZIXX9Tp0tLS0lJSiopKSkpKli0rKrp69erVc+dyck6dOnWq/9faP0ZiYl5ebq6bW2pqQUF+/uM7OV27tm5daKit7YkTISEhIUlJkEiD8fHjwcHBwcnJKSkHDx482PfUsn7jzp2vvvrqKzu7b78NCAgIyMjYtIkImT179uz4+Nu3o6Ojo21sBtrPbklOjoyMjLS0PH48KCgoKC5u/XoQcvTojBkzZmRkyGR1dXV1gwcbex2z7dExdWpYWFhYe3tVVWpqaurChTKZVCqVPniAsUaj0bi58flisVjc92Q/swsguLlNnjx5skx26dKqVatW/eMfarVGo9HodAzD5/P5Eom5r0+hUCgUCoVCoVAoFAqFQqH8b3PsWHFxauqLLx49mp+fmLho0UD702Nyc1ta6urc3RHas2fBAowR2rkzOBjjTz+9e/fCBeO3ZzDbKiaZTKNRqRgmIOD06e3bb95EiMuFMIdGo1Ih9N13hYXJyatWPbUCnn/+3Lndu2NjHz5sbKyoGDKEOO7q6uHh51dRkZPzl7989tnkyU+dgDfeiI//+9+/+CI1tbDw1q05cxDi80UihBiGz7ew0Gji4195ZevW558Xi/l8oRD2yX8q2LUrMzM29r33EAoPDwrCGKEvvnjtNYwR2rVrwQKMY2OrqwsKnn/ebA6MHn3y5JYtiYlTppw6tW1bz9e4x8RUVOTkzJpFNpFH6MABcBw6a3R0Ts5vv61dazbH58y5dGn//h9+QGjr1mnTOi88evQPP3z88Y0bdXUKhUz2eJQxL6+lpa7OzQ2h6OhXX1WpEIqOXroUY4R27JgzB+OVKxMSjh//6iuzOf4HzPTpzs5Dh2ZmImRt7eSEEEIikViMUHZ2dXVBwaxZfn7ffbd+fV7egwetrQ0NnUsAAwLOnAkPv3ULIY1GqeRyEZLL29oQmjnTzy8wMD7+229nzVqxYs0acwt4FOi+cqWqKi8vIGDRonPndu+OiZHLOzqkUisr8ioKe3t7e0/PsjIPDyurQYNKS9PTy8uzsgIDEVKrlUqEXF3t7T08KisfPHjrrQMHvLwEAjabwyFv6e4HAYQHD6RSicTNbc6cM2d27IiLKympqSksHD4cISsre3uEEMIY3IL9JxBiGDZbpyspefvtI0e8vJ55xsrKzq6iwtyOEx4bRr29razs7KqqcnLefHP//tGj584dOXLmzMuXEWptra8HAbDDgVqtUCD0669Llnz66dy5/e14r3nrrbi4o0ePHkXo44/HjcN4796srGvXNmwYaL96TVxcZWVu7owZA+3Hfw3/D73/bnBl1mLvAAAAAElFTkSuQmCC);
        background-repeat: no-repeat;
        background-position: right -75px;
        position: relative;
        left: 10px;
        opacity: 0;
        cursor: pointer;
        transition: .3s;
    }

    .file-link span.block:hover {
        background: #fff;
        border-radius: 10px;
    }

    .file-link span.block:hover .delete {
        opacity: 1;
    }

    .file-link .name {
        padding-left: 24px;
        background: url(../img/documents.png) left center no-repeat;
        background-size: contain;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
    }

    .file-link .name.pdf {
        background-image: url(../img/pdf.svg);
    }

    .file-link .name.doc,
    .file-link .name.docx {
        background-image: url(../img/doc.svg);
    }

    .file-link .name.ppt,
    .file-link .name.pptx,
    .file-link .name.pps,
    .file-link .name.ppsx {
        background-image: url(../img/ppt.svg);
    }

    .file-link .name.csv,
    .file-link .name.xls,
    .file-link .name.xlsx {
        background-image: url(../img/xls.svg);
    }

    .file-link .name.rtf {
        background-image: url(../img/rtf.svg);
    }

    .file-link .name.txt {
        background-image: url(../img/txt.svg);
    }

    img.sbb-client {
        display: inline-block;
        background: url(../img/logo.png) no-repeat center center;
        background-size: cover;
        height: 30px;
        width: 30px;
        margin: 0 10px;
        vertical-align: middle;
        overflow: hidden;
    }

    span.rating {
        display: inline-block;
        position: relative;
        height: auto;
        width: 125px;
        padding-top: 10px;
    }

    span.rating .bg,
    span.rating .value {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        height: 30px;
        width: 125px;
        background: url(../img/five-silver-stars-rating.png) no-repeat left top;
        background-size: 125px 30px;
    }

    span.rating .value {
        background-image: url(../img/five-golden-stars-rating.png);
    }