﻿
.borderless td, .borderless th {
    border: none !important;
}

.main {
    margin-top: 55px;
    width: 100%;
    margin: 40px auto 0;
}

.p40 {
    font-size: 30px !important;
    font-weight: bold !important;
}

.p35 {
    font-size: 40px !important;
}

.p25 {
    font-size: 25px !important;
}

.value {
    font-weight: 700;
    font-size: 3.2rem !important;
}

.table-single > tbody {
    font-weight: 700;
}

    .table-single > tbody > tr > td,
    .table-single > tbody > tr > th,
    .table-single > tfoot > tr > td,
    .table-single > tfoot > tr > th,
    .table-single > thead > tr > td,
    .table-single > thead > tr > th {
        line-height: 2.2;
        text-align: center;
        vertical-align: middle;
        border-right: hidden !important;
        border-left: hidden !important;
    }

.table-single td,
.table-single > thead > tr > th {
    border-width: 1px;
    border-style: solid;
}

.type-name-wrapper .name {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 5px;
}

.type-name-wrapper .value {
    font-size: 32px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 5px;
}

.type-name-wrapper .limit {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 5px;
}

.content-header {
    position: absolute;
    top: 80px;
    left: 125px;
}

/* Fading animation */
.fade1 {
    animation-name: fade1;
    animation-duration: 2s;
}

.explain {
    margin: 5px;
    padding: 5px;
    border: 1px solid #dee2e6;
}

.publish-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start; /* Change this to 'stretch' if you also want full height */
}

.header-logo,
.header-company-name {
    height: 125px;
}

    .header-company-name h3 {
        margin-left: 20px;
        font-size: 24px;
        font-weight: 600;
        text-transform: uppercase
    }

    .header-logo img {
        display: inline-block;
        vertical-align: middle;
        max-height: 60px;
    }

.publish-header ul {
    position: absolute;
    top: 120px;
    right: 10px;
}

@@keyframes fade1 {
    from {
        opacity: .3
    }

    to {
        opacity: 1
    }
}
