@import url(https://fonts.googleapis.com/css?family=Roboto|Noto+Serif|Open+Sans&display=swap);


body {
    /*font-family: Tahoma, Geneva, Verdana, sans-serif;*/
    font-family: 'Open Sans', 'Roboto', Tahoma;
    font-size: 12px;
    color: #1e1e1e;
    background-color: #c3c3c3;
    margin-top: 0px;
}

div, p, td {
    font-family: 'Open Sans', 'Roboto', Verdana, sans-serif;
    font-size: 12px;
    /*color: #000000;*/
}

.page-container {
    /*width: 740px;*/
    /*width: 900px;*/
    /*background-color: #ffffff;*/
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    top: 0px;
    border: solid 0px #ccc;
}

.certificate-title {
    font-family: 'Noto Serif', Times New Roman, Times, serif;
    font-size: 32px;
    font-weight: bold;
    text-align:center;
}

.large-blue-text {
    font-size: 14px;
    color: #006495;
    font-weight: bold;
    padding: 2px;
}

.large-blue-header {
    color: #006495;
    font-size: 36px;
    font-family: Arial;
    font-weight: 700;
}

.table_product_listing td {
    border: solid 0px #cccccc;
}

.td_product_listing {
    border: solid 1px #cccccc;
}

.models-container td {
    font-size: 11px;
}

.unselectable {
    -moz-user-select: none;
    /*-khtml-user-select: none;*/
    -webkit-user-select: none;

    -ms-user-select: none;
    user-select: none;
}

.suspended-container {
    border-radius: 4px;
    position: fixed;
    left: 56%;
    top: 50vh;
    transform: translateX(-53%) rotate(-45deg);
    z-index: 1;
}

    .suspended-container h1 {
        font-size: 100px;
        font-weight: 600;
        color: #e74c3c !important;
        line-height: 200px;
        margin-top: 0;
        letter-spacing: 5px;
        margin-bottom: 0;
        opacity: .7;
    }

.draft-container {
    border-radius: 4px;
    position: fixed;
    left: 50%;
    top: 50vh;
    transform: translateX(-50%) rotate(-45deg);
    z-index: 1;
}

    .draft-container h1 {
        font-size: 100px;
        font-weight: 600;
        color: #999999 !important;
        line-height: 200px;
        margin-top: 0;
        letter-spacing: 5px;
        margin-bottom: 0;
        opacity: .7;
    }



.top-margin-10 {
    margin-top: 10px;
}

.top-margin-20 {
    margin-top: 20px;
}

.top-margin-40 {
    margin-top: 40px;
}

.left-margin-10 {
    margin-left: 10px;
}

.left-margin-20 {
    margin-left: 20px;
}

.left-margin-40 {
    margin-left: 40px;
}

.bottom-margin-10 {
    margin-bottom: 10px;
}

.bottom-margin-20 {
    margin-bottom: 20px;
}

.models-sub-heading {
    font-weight:700;
}

.red-disclaimer {
    color:#f00;
    font-weight:700;
    margin-left:-80px;
    font-size:1.2em;
}