:root {
    --page_size_x: 210mm;
    --page_size_y: 297mm;

    --page_margin_x: 10mm;
    --page_margin_y: 15mm;

    /*  Simple calculations */
    --page_margin_x_total: calc(2 * var(--page_margin_x));
    --page_margin_y_total: calc(2 * var(--page_margin_y));

}

#USE_CHAT_GPT_AI_ROOT, #USE_CHAT_GPT_AI_ROOT_Context_Menu {
    display: none !important;
}

body {
    margin: auto;
    orientation: portrait;
    width: calc(var(--page_size_x) - var(--page_margin_x_total));
    height: calc(var(--page_size_y) - var(--page_margin_y_total));
    font-family: 'Montserrat';
    font-size: 12pt;
}

#header3, #footer {
    display: none !important;
}

.no-print {
    display: none !important;
}

#main_firstrow {
    display: block;
    width: 100% !important;
}
#main_firstrow_sub1 {
    display: inline-block;
    width: 30% !important;
}
#main_firstrow_sub2 {
    display: inline-block;
    width: 100% !important;
}

#calendar_overview_table_div {
    text-align: center;
    display: inline-block;
    width: 65% !important;
}

.header-personal-data {
    font-size: 14pt;
    color: #606060;
    border-bottom: 1pt solid black;
    padding: 1mm;
    font-weight: 600;
    margin-top: 5mm;
    margin-bottom: 3mm;
}

.content-personal-data {
    font-size: 12pt;
    font-weight: 600;
}

.content-personal-data .item_value{
    margin-bottom: 2mm;
}

.pdata-container {
    width: 100mm !important;
    max-width: 100mm !important;
}

#personal-data-name {
    font-size: 125%;
    font-weight: 800;
    margin-bottom: 4mm;
}

.p100 {
    width: 100% !important;
}


#fivestages_table {
    margin-top: 5mm;
    width: 100mm;
    height: 80mm;
    background-repeat: no-repeat; background-size: contain; background-position: center;
}

#tfc_1_0, #tfc_2_0, #tfc_3_0, #tfc_4_0, #tfc_5_0 {
    font-weight: 800;;
}


.t_cs-y0 {
    height: 20mm;;
    width: 4%;
    border-bottom: 1px solid silver;
}

.t_cs-y {
    height: 20mm;;
    width: 24%;
    padding: 0.5mm;
    position: relative;
    text-align: center;
    border-bottom: 1px solid silver;
    border-right: 1px solid silver;
}

.tcs-vertical {
    width: 100%;
    height: 100%;
    writing-mode: vertical-lr;
    text-orientation: upright;
    text-align: center;
    letter-spacing: -2px;
    line-height: 5mm;
    font-size: 10px;
    background-color: #606060;
    color: white;
    font-weight: bold;;
}

#t_cs_2_1 {
    background-color: #b7d9f8a0;
}

#calendar_overview {
    display: block !important;
    width: 100% !important;
}

#calendar_overview_table {
    margin-top: 15mm;
    width: 65%;
    display: inline-block;
}

#calendar_overview_table th {
    background-color: #606060;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.bottomborder {
    border-bottom: 1px solid silver;
}

.tdc-fullborder {

}

.tdc-x-0 {
    background-color: #606060;
    color: #ffffff;
    padding: 0.5mm auto;
    font-weight: bold;
}

.tdc-x-1 {
    padding: 0.5mm;
    border-bottom: 1px solid silver;;
}
.tdc-x-1-others {
    text-align: left;
    font-size: 85%;;
}
.tdc-x-1-icon {
    padding-top: 1mm;
    text-align: center;;
}
.tdc-x-1-caption {
    padding-top: 1mm;
    height: 10mm;
    font-weight: bold;
}

.tdc-x-2 {
    padding: 0.5mm;
    border-bottom: 1px solid silver;;
    text-align: center;
}
.tdc-x-2-others, .tdc-x-2-others2 {
    font-size: 70%;
}
.tdc-x-2-others {
    text-align: left;
} 
.tdc-x-2-others2 {
    text-align: right;;
}
.tdc-x-2-icon {
    padding-top: 2mm;
    text-align: center;;
}
.tdc-x-2-caption {
    height: 7mm;
    padding: 1mm auto;
/*    border-bottom: 1px solid silver; */
    font-weight: bold;
}
.tdc-x-2-caption2 {
    height: 7mm;
}

.tdc-x-3 {
    padding-top: 1mm;
    padding-bottom: 1mm;
    border-bottom: 1px solid silver;
}

.tdc-x-4 {
    padding-top: 1mm;
    border-bottom: 1px solid silver;
    background-color: white;
}

.ss-container {
    zoom: 55%;
}

.ss {
    width: 100%;
    display: block !important;
    border-bottom: 1px solid silver;;
    padding: 0.1mm 0 !important;
    font-size: 7pt;
    min-height: 10mm;
}

.ss-1 {
    display: inline-block !important;
    width: 35%;
    vertical-align: top;
}
.ss-2 {
    display: inline-block !important;
    width: 60%;
    vertical-align: top;
}

.ss_item {
    display: inline-block !important;
    padding: 1mm 2mm !important;
    width: 10mm !important;
    text-align: center;
}

.div_ss {
    display: grid !important;
    grid-template-columns: 30% 70%;
    justify-content: normal;
}

.print-side-left {
    padding: 0;
    margin: 0;
    width: 50%;    
}

.print-side-right {
    padding: 0;
    margin: 0;
    width: 50%;    
}