﻿/*@charset "utf-8";
 CSS Document */
@font-face {
    font-family: "roche-sans";
    src: url("https://fonts.roche.com/fonts/roche-sans/latest/RocheSans-Bold.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "roche-sans";
    src: url("https://fonts.roche.com/fonts/roche-sans/latest/RocheSans-Medium.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "roche-sans";
    src: url("https://fonts.roche.com/fonts/roche-sans/latest/RocheSans-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "roche-sans";
    src: url("https://fonts.roche.com/fonts/roche-sans/latest/RocheSans-Light.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "roche-serif";
    src: url("https://fonts.roche.com/fonts/roche-serif/latest/RocheSerif-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "roche-serif";
    src: url("https://fonts.roche.com/fonts/roche-serif/latest/RocheSerif-Light.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

body {
    font-family: "roche-sans", Arial, sans-serif !important;
}

/*disabled form-control */
.form-control:disabled,
.form-control[readonly] {
    background-color: #c7c7c7;
    opacity: 1;
}

/*input[type="file"] {
    color: transparent;
}

    input[type="file"]::-webkit-file-upload-text {
        visibility: hidden;
    }*/
.upload-input {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.upload-button {
    background: #0073aa;
    color: #fff;
    padding: 6px 14px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
}

.upload-wrapper {
    position: relative;
    display: inline-block;
}