div.hero-background {
    margin: 10px 0px 20px 0px;
    background-position: center;
    height:190px;
    padding: 20px 0px 10px 10px;
    vertical-align:middle;
}

div.hero-box {
    background-color: rgba(10, 51, 0, 0.7);
    max-width: 450px;
    margin: 0px 0px 0px 10px;
    padding: 6px 25px 10px 15px;
}

div.hero-box-2 {
    background-color: rgba(10, 51, 0, 0.7);
    max-width: 300px;
    margin: 0px 10px 0px 5px;
    padding: 6px 15px 10px 15px;
}

div.hero-box-text {
    font-size:28px;
    font-weight:600;
    color: white;
}

div.hero-box-additional-text {
    margin-top:10px;
    font-size:17px;
    font-weight:600;    
}

.classification-left-block {
    width: 60px;
    padding: 0px 20px 0px 0px;
}

.classification-literal {
    margin: 0px 0px 10px 0px; 
    text-align: left; 
    font-size: 15px; 
    font-weight: 600;
}

.classification-description-block {
    background-color:#dfdfdf; 
    padding: 8px 10px 12px 10px; 
    margin: 0px 0px 5px 0px;
}

.classification-description-block-2 {
    padding: 0px 10px 12px 10px; 
    margin: 0px 0px 0px 0px;
}

.classification-description-block-3 {
    background-color:#dfdfdf; 
    padding: 10px 10px 5px 10px; 
    margin: 0px 0px 20px 0px;
    border: 1px solid white;
}

.classification-description-block-4 {
    background-color:#dfdfdf; 
    padding: 5px 10px 5px 10px; 
    margin: 0px 0px 0px 0px;
    border: 1px solid  white;
}


.classification-left-block-sdg {
    width: 160px;
}

.classification-name {
    margin-top: 0px;
    text-align: left;
    font-size: 16px; 
    font-weight: 600;
    vertical-align: top;
}

.classification-desc {
    margin: 5px 5px 5px 0px;
    text-align: left;
}

.block-separator {
    width: 20px;
    display: none;
}

.table-border-spacing-10 {
    border-spacing: 10px; 
}

.table-layout-auto {
    table-layout: auto; 
}

.hidden {
    opacity: 0;
    filter: blur(5px);
    transform: translateX(-100%);
    transition: all 1s;
}

.hidden-2 {
    opacity: 0;
    transition: all 1s;
}

.show {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0);
}

.home-res-block {
    padding: 20px 50px 25px 30px;
    color: white;
}

.home-classif-block {
    padding: 20px 50px 25px 30px;
}

.table-border-v-10 {
    border-spacing: 0 10px;  
}

.table-border-v-20 {
    border-spacing: 0 20px;  
}

.table-border-collapse-separate {
    border-collapse: separate;    
}

.table-border-collapse-collapse {
    border-collapse: collapse;    
}

.font-w-4 {
    font-weight: 400;
}

.font-w-5 {
    font-weight: 600;
}

.font-w-6 {
    font-weight: 600;
}

.font-s-26 {
    font-size: 26px
}

.font-s-20 {
    font-size: 20px;
}

.font-s-17 {
    font-size: 17px;
}

.font-s-13 {
    font-size: 13px;
}

.home-promo-text {
    padding: 20px 20px 20px 20px;
    font-size: 26px;
    width: 240px;      
    color: white;      
    background-color: rgba(10, 51, 0, 0.7);
}

.home-table {
    width: 100%;
    word-break: break-word;
}

.home-promo-text-hl {
    color: rgb(156, 255, 85);    
}

.home-hero {
    height:220px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 40% 60%;
}

.home-header-large-text {
    color:white; font-size:52px;
    text-shadow: 3px 3px 3px rgba(13, 29, 2, 0.7);
    font-weight:600;
    vertical-align: top;
    background-position: center;
}

.detail-title-additional {
    display: block;
    font-size: 26px;
    color:#004e11;
    font-weight:600;    
    padding: 8px 0px 5px 0px;
}

.detail-title {
    display: none;
    font-size: 26px;
    color:#004e11;
    font-weight:600;    
}

.related-values-images-block {
    margin-top:5px;
}

span.related-values-images-single-line {
    margin-right: 6px;
    text-align: left;
    display: inline-block;
}

.sdg-element {
    border: 0px solid grey;
}


span.black-message {
    color:black;
    background-color: white;
    border-radius:2px;
    padding: 0px 6px 0px 6px;
    margin: 0px 0px 0px 0px;
}

footer.footer-block{
    text-align:center;
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    color:white;
    background-color:rgb(48, 51, 47);
}

footer.footer-wrapper {
    margin: 40px 0px 0px 10px; 
}

div.footer-logo-block {
    text-align: center;
    width: 110px;
}

span.footer-text {
    white-space: nowrap;
    background-color: white;
    color: black;
    font-size: 11px;
    font-weight: 600;
    margin: 3px 0px 0px 0px; 
    display: inline-block;
    text-align: center;
    width: 100%;
}

img.footer-logo {
    width: 100%;
}

div.footer-separator {
    padding: 0px 10px 0px 10px;
}

div.footer-block {
    text-align:center;
    padding: 0px 40px 0px 40px;
    color:white;
    background-color:rgb(48, 51, 47)
}

div.footer-copyright-block {
    display:inline-block;
    background-color:rgb(35, 94, 35);
    padding: 2px 9px 3px 9px; 
}


div.footer-copyright-block {
    padding: 10px 10px 20px 20px;
}

div.footer-copyright-text {
    text-align:center;
    padding:0px 10px 0px 10px;
}

.display-rescenter-info-box {
    font-size:13px;
    padding: 0px 8px 0px 8px;
    text-align:center;
    background-color:rgb(64, 128, 80);
    border:1px solid rgb(64, 128, 80);
    color:white;
    border-radius:3px
}

body.main {
    font-family: 'Arial', sans-serif;
    font-optical-sizing: auto; 
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-weight: 400;
    font-size: 14px;
    background-color:white; 
    color:black;
    margin: 10px 10px 10px 10px;
    padding-bottom: 0px;
}

div.body {
    background-color: white;
    margin: 0px 0px 4px 0px;
    color:black;
    font-size: 14px;
    position: relative;      
    height: auto;               
}

div.page-title {
    background-color: rgb(85, 85, 85); 
    color:white;
    margin: 20px 0px 4px 10px;
    padding: 10px 0px 10px 10px;
    font-weight: 600;
    font-size: 17px;
    print-color-adjust: exact;
}
 
div.main-menu-item-dark {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: 400;      
    color:rgb(255, 255, 255);
    background-color: rgb(23, 70, 13);
    font-size: 13px;      
}

div.main-menu-item-dark:hover {
    background-color: rgb(255, 255, 255);
    color: rgb(23, 70, 13);
}

div.home-menu-children {
    display: none;
    position: absolute;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: inherit; 
    font-weight: 400;      
    font-size: 13px;      
    color:rgb(255, 255, 255);
    background-color: rgb(23, 70, 13);
    vertical-align: middle;
    z-index: 10000;
}

span.menu-children {
    padding: 0px 10px 0px 15px;
}


.float-r {
    float: right;
}

div.home-menu-children-mobile {
    display: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: inherit; 
    font-weight: 400;      
    font-size: 13px;      
    color:rgb(255, 255, 255);
    background-color: rgb(23, 70, 13);
    vertical-align: middle;
}


div.main-menu-item-separator {
    display:flex;
    width: 1px;
    background-color: rgb(255, 255, 255);
}

div.main-menu-item-children-separator {
    width: 100%;
    height: 1px;
    background-color: rgb(255, 255, 255);
}

button.home-menu {
    margin: 0px 0px 0px 0px;
    padding: 7px 15px 7px 15px;
    background-color: rgb(23, 70, 13);
    border: none;
    color: rgb(255, 255, 255);
    width: 100%;
    display: block;    
    text-align: left;    
}

button.home-menu:hover {
    text-decoration: none;
    background-color: rgb(255, 255, 255);
    border: none;
    color:rgb(23, 70, 13);
    cursor: pointer;
}

button.menu-title{
    margin: 0px 0px 0px 0px;
    padding: 12px 15px 12px 15px;
    background-color: rgb(9, 49, 0);
    border: none;
    color: rgb(255, 255, 255);
    width: 100%;
    display: block;    
    text-align: left;    
}

button.menu-title:hover {
    text-decoration: none;
    background-color: rgb(255, 255, 255);
    border: none;
    color:rgb(23, 70, 13);
    cursor: pointer;
}


div.public-message-wrapper {
    margin: 150px 0px 150px 0px;
}

hr.message-separator-grey-3 {
    color:rgb(240, 240, 240);
    margin-top: 9px;
    margin-bottom: 8px; 
}

div.login-wrapper {
    text-align: center; 
    margin: 150px 20px 200px 20px; 
}

div.login-box {
    text-align:center; 
    padding: 20px 10px 20px 10px; 
    border: 1px solid rgb(83, 102, 79); 
    border-radius: 8px; 
    vertical-align: middle;
    display: inline-block;   
    width: 30%;   
    min-width: 300px;   
    max-width: 400px;   
}

img.login-logo {
    width: 200px;
    vertical-align: middle;
    margin: 0px 20px 0px 20px; 
}

div.login-text {
    white-space: nowrap; 
    vertical-align: middle;
    background-color: rgb(23, 70, 13); 
    color: white; 
    font-weight:600; 
    font-size:18px; 
    text-align: center; 
    margin: 10px 0px 30px 0px; 
    padding: 5px 10px 5px 10px; 
}

div.left_pane_arrow_public {
    padding: 0px 0px 0px 0px;
    position: fixed;
    top: 450px; 
    margin: 0px 0px 0px -3px;
    z-index: 1;
    width: 24px;    
    height: 32px;    
    font-size: 22px;
    vertical-align: middle;
}

div.left_pane_options_public {
    padding: 5px 8px 5px 8px;
    border: 1px solid #777777; 
    border-radius:6px; 
    background-color: white;
    position: fixed;
    top: 56px; 
    margin: 0px 0px 0px 42px;
    z-index: 1;
    width: 300px;    
    height: 880px;    
    overflow-y:scroll;
    font-size:13px;
    box-shadow: 5px 4px #666666;    
}

div.left_pane_title {
    padding: 5px 5px 5px 4px;
    border: 1px solid #777777; 
    border-radius:6px; 
    background-color: #cecece;
    position: fixed;
    top: 10px; 
    z-index: 1;
    width: 252px;    
    font-size:14px;
    height: 36px;    
    margin: 0px 0px 0px 42px;
    box-shadow: 5px 4px #666666;    
}

div.left_pane_options {
    padding: 5px 8px 5px 8px;
    border: 1px solid #777777; 
    border-radius:6px; 
    background-color: white;
    position: fixed;
    top: 56px; 
    margin: 0px 0px 0px 42px;
    z-index: 1;
    width: 244px;    
    height: 880px;    
    overflow-y:scroll;
    font-size:13px;
    box-shadow: 5px 4px #666666;    
}


div.left_pane_options_table {
    padding: 0px 8px 20px 0px;
    margin: 9px 10px 0px 0px;
    width: 300px;    
    font-size:13px;
}

div.mobile_pane_options_table {
    padding: 0px 8px 20px 0px;
    margin: 9px 10px 0px 0px;
    width: 100%;    
    font-size:13px;
}


div.left_pane_options_table_inner {
    max-height:85vh;    
    overflow-y: scroll;
    font-size:13px;
    margin: 0px 0px 0px 0px;
}

div.mobile_pane_options_table_inner {
    font-size:13px;
    margin: 0px 0px 0px 0px;
}

option.color_tag {
    border-radius: 4px; 
    margin: 5px 10px 5px 10px; 
    color: black;     
    
}


a.contrast {
    color: green;
    background-color: #d0f8d0; 
}

a.no_decoration {
    color: black;
    text-decoration: none;
    background-color: #ffffff; 
    padding: 1px 8px 1px 8px;
    font-weight: 600;
    font-size: 14px;
    border-radius:4px;
}

a.no_decoration_2 {
    color: black;
    text-decoration: none;
    background-color: #ffffff; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: 400;
}

a.no_decoration_3:link {
    color: white;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

a.no_decoration_3:hover {
    color: rgb(0, 0, 0);
}

a.no_decoration_3:visited {
    color: white;
}

a.no_decoration_4:link {
    color: #004e11;
    text-decoration: none;
    font-weight: 600;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

a.no_decoration_4:hover {
    color:rgb(19, 139, 49);
}

a.no_decoration_4:visited {
    color: #004e11;
}


a.no_decoration_5:link {
    color: white;
    text-decoration: none;
    font-weight: 600;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

a.no_decoration_5:hover {
    color: rgb(81, 255, 0);
}

a.no_decoration_5:visited {
    color: white;
}

a.no_decoration_6:link {
    color: white;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

a.no_decoration_6:hover {
    color: rgb(81, 255, 0);
}

a.no_decoration_6:visited {
    color: white;
}

a.no_decoration_7:link {
    color: white;
    text-decoration: none;
    font-weight: 600;
    margin: 0px 0px 0px 0px;
    padding: 0px 8px 0px 8px;
    background-color: #138f2ca8;
}

a.no_decoration_7:hover {
    color: rgb(81, 255, 0);
}

a.no_decoration_7:visited {
    color: white;
}

a.no_decoration_9:link {
    color: white;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 8px 16px 8px 16px;
}

a.no_decoration_9:hover {
    color: rgb(0, 0, 0);
}

a.no_decoration_9:visited {
    color: white;
}


a.no_decoration:visited {
    color: black;
    background-color: #ffffff; 
}

a.no_decoration:hover {
    color: black;
    background-color: #ffffff; 
}

.custom_file_upload {
    background-color: #d0f8d0; 
    border-color : #grey; 
    color:#004e11; 
}

div.inner_go_back {
    padding: 5px 10px 5px 10px;
    border: 1px solid black; 
    border-radius:6px; 
    background-color: #bbbbbb;
    position: sticky;
    bottom: 0; 
    margin: 0;
}

textarea.big_text {
    margin-right: 2px;
    border:1px solid; 
    border-color:#888888; 
    color:#004e11; 
    margin: 6px 4px 14px 0px;
    width: 80%;
    height: 150px;     
}

textarea.big_text_hidden {
    margin-right: 2px;
    border:1px solid; 
    border-color:#888888; 
    color:#004e11; 
    margin: 6px 4px 14px 0px;
    width: 80%;
    height: 140px; 
    display: none;
}

input[type="checkbox"]{
    width: 17px; /*Desired width*/
    height: 17px; /*Desired height*/
    cursor: pointer;
    font-optical-sizing: auto;    
    vertical-align: middle;
}

hr.separator {
    color:#205020;
    height:1px;    
}

.message_separator, .message_separator_big, .message_separator_big_top, .message_separator_big_bottom, .message_separator_red, .message_separator_green, .message_separator_white {
    color:#999999;
    height:1px;
    margin-top:7px;
    margin-bottom:7px;
}

hr.message_separator_grey {
    color:rgb(219, 219, 219);
    margin-top: 15px;
    margin-bottom: 8px; 
}


hr.message_separator_grey_1 {
    color:rgb(219, 219, 219);
    margin-top: 0px;
    margin-bottom: 8px; 
    margin-right: 0px; 
}

hr.message_separator_grey_2 {
    color:rgb(219, 219, 219);
    margin-top: 10px;
    margin-bottom: 8px; 
    margin-right: 0px; 
}

hr.message_separator_grey_3 {
    color:rgb(219, 219, 219);
    margin-top: 9px;
    margin-bottom: 8px; 
}

hr.message_separator_grey_4 {
    color:rgb(219, 219, 219);
    margin-top: 10px;
    margin-bottom: 20px; 
}

hr.message_separator_grey_5 {
    color:rgb(219, 219, 219);
    margin-top: 20px;
    margin-bottom: 20px; 
}

hr.message_separator_grey_soft {
    color:rgba(255, 255, 255, 0.6);
    margin-top: 10px;
    margin-bottom: 4px;    
    border-width: 1px;       
}

hr.message_separator_white {
    color:white;
    margin-top: 20px;
    margin-bottom: 4px;    
}

hr.message-separator-white-2 {
    color:white;
    margin-top: 0px;
    margin-bottom: 0px;    
}

hr.message_separator_grey_soft_2 {
    color:rgba(255, 255, 255, 0.6);
    margin-top: 5px;
    margin-bottom: 5px;
    border-width: 1px;       
    margin-bottom: 10px;    
}

hr.message_separator_grey_soft_3 {
    color:rgba(255, 255, 255, 0.6);
    border-width: 1px;       
    margin-top: 1px;
    margin-bottom: 1px;    
}

hr.message_separator_bright_green {
    background-color:#52d46ca8; 
    color:#52d46ca8; 
    margin: 10px 0px 15px 0px;        
}

hr.message_separator_bright_green_thick {
    height:2px;
    background-color:#52d46ca8; 
    color:#52d46ca8; 
    margin: 15px 0px 0px 0px;        
}

hr.message_separator_bright_grey_thick {
    height:2px;
    background-color:#888888; 
    color:#888888; 
    margin: 15px 0px 10px 0px;        
}

hr.message_separator_red {
    color:rgb(158, 18, 18);
}

hr.message_separator_green {
    color:green;
}

hr.message_separator_big {
    margin-top: 10px;
    margin-bottom: 10px;
}

hr.message_separator_big_top {
    margin-top: 15px;
    margin-bottom: 5px;
}

hr.message_separator_big_bottom {
    margin-top: 5px;
    margin-bottom: 15px;
}

hr.public-field-separator {
    color:rgba(255, 255, 255, 0.6);
    border-width: 1px;       
    margin: 5px 0px 5px 0px;    
}

.group, .group_yellow, .group_red, .group_lightgrey, .group_lightgrey_2, .group_small, .group_medium, .group_fit {
    border: 1px solid rgb(100, 120, 100); 
    margin: 8px 6px 14px 0px; 
    padding: 6px 10px 10px 10px;
    overflow-x: auto;    
}

div.most-viewed-rank {
    background-color: rgb(0, 184, 0);
    color: white;
    font-size: 28px;
    font-weight: 600;
    padding: 5px 10px 5px 5px;
}

div.most-viewed-views {
    background-color: green;
    color: white;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 10px 5px 5px;
}

div.group_yellow {
    border: 1px solid yellow;
}

div.group_red {
    border: 1px solid rgb(158, 18, 18);
    background-color: #222222;
}

div.group_lightgrey {
    border: 1px solid #aaaaaa;
    background-color: #cfcfcf;
}

div.group_lightgrey_2 {
    border: 1px solid #dddddd;
    background-color: #eeeeee;
    margin-right: 0px; 
}

div.group_medium {
    margin: 6px 0px 16px 0px; 
    padding: 10px 10px 0px 10px;
}

span.group_small {
    border: 1px solid rgb(138, 150, 138); 
    margin: 0px 20px 0px 0px; 
    padding: 2px 10px 2px 8px;
    display: inline-block;
}

div.group_small_2 {
    border: 1px solid rgb(138, 150, 138);
    background-color:#dddddd;
    border-radius:4px; 
    margin: 6px 0px 10px 0px; 
    padding: 10px 10px 0px 10px;
}

div.group_small_3 {
    border: 1px solid rgb(138, 150, 138);
    background-color:#dddddd;
    border-radius:4px; 
    margin: 6px 0px 0px 0px; 
    padding: 3px 10px 6px 10px;
}

span.group_fit {
    margin: 0px 20px 4px 0px; 
    padding: 0px 8px 6px 6px;
    display: inline-block;
}

span.group_fit_2 {
    margin: 0px 20px 4px 0px; 
    padding: 0px 8px 0px 6px;
    display: inline-block;
}
div.group_fit_3 {
    border: 1px solid rgb(190, 190, 190);
    margin: 0px 20px 4px 0px; 
    padding: 0px 28px 18px 6px;
    display: inline-block;
}

div.field_title {
    margin: 5px 0px 5px 0px; 
    color: black;
    display: block;
    font-weight: 600;
}

div.message {
    padding: 4px 10px 0px 10px;
}

div.message_2 {
    padding: 10px 20px 10px 0px;
    text-align: center;
}

div.message-3 {
    padding: 10px 20px 10px 0px;
    text-align: left;
}


div.messages_group {
    color: #ffffff;
    background-color: #222222;   
    padding: 12px 10px 12px 10px;
    margin: 8px 0px 8px 0px;
}

div.message_container {
    padding: 14px 10px 6px 0px;
}

div.info_node {
    padding: 10px 10px 10px 6px;
    margin: 5px 0px 5px 0px;
    background-color: #dddddd;   
    text-align: left;
    vertical-align: middle;
}

div.message_indent {
    padding: 0px 0px 8px 36px;
    margin: 8px 0px 0px 0px;
}

div.inner {
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 70px 0px;
    color:black;
}

div.inner_3 {
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 100px 0px;
    color:black;
}
div.inner_2 {
    padding: 0px 0px 10px 10px;
    margin: 0px 0px 0px 0px;
    color:black;
}

div.list_process_button {
    position: sticky;
    bottom: 70px; 
    width:100%; 
    padding: 10px 0px 10px 10px; 
    background-color:white; 
    border: 1px solid black;    
}

div.field_input {
    padding: 0px 0px 15px 0px;
    color:#004e11; 
    font-weight:400;
}

div.field-input-public {
    margin: 0px 0px 15px 0px;
    padding: 0px 10px 0px 0px;    
    color:#004e11; 
    font-weight:400;
}

div.mini_block {
    padding: 0px 0px 5px 0px;
}

span.field_title_grey {
    color: rgb(75, 75, 75);
    margin: 5px 10px 0px 10px;
    vertical-align:middle;
}

span.field_title_clear {
    color: yellowgreen;
    margin: 5px 10px 0px 10px;
    vertical-align:middle;
}

span.small_text {
    font-size:12px;
    color:black;
    font-weight:400;
}

span.bold_black_text {
    font-size:15px;
    color:black;
    font-weight:600;
}

span.bold_green_text {
    font-size:15px;
    color:#004e11; 
    font-weight:600;
}

div.field_value {
    margin: 5px 0px 0px 0px;
    color:#000000; 
    font-weight:400;
    text-align: left;
    font-size: 14px;
}


span.field_value {
    margin: 0px 0px 0px 10px;
    color:#004e11; 
    font-weight:400;
    text-align: left;
    font-size: 14px;
}

span.field_value_list {
    margin: 0px 0px 0px 0px;
    color:#004e11; 
    font-weight:400;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
}

a:any-link {
    color: rgb(40, 68, 29);
}

a:visited {
    color: rgb(40, 68, 29);
}

a:hover {
    color: rgb(37, 131, 0);
}

table.home_links {
    text-align:center;
    padding:0px 0px 10px 0px;
    width: 100%;
}

table.list {
    margin: 10px 0px 10px 0px;
    table-layout: auto;
    width: 100%;
}

table.mult_select {
    padding: 0px 0px 0px 0px;
    width: 100%;
    table-layout: fixed;
    border: none;
}

thead.head {
    text-align: center;
    position: sticky;
    border: solid 1px grey;
    top: 0;      
    print-color-adjust: exact;
}


th.text {
    color: white;
    font-size: 13px;
    font-weight: 500;
    border: solid 1px white;
    background-color: #0f3600;
    padding: 4px 7px 4px 7px; 
    print-color-adjust: exact;
}

th.text_2 {
    font-size:15px;
    font-weight:600;
    color: black;
    padding: 4px 7px 4px 7px;
    border: solid 1px white;
    background-color: #cccccc;
    text-align:left;
    display: table-cell;
    print-color-adjust: exact;
}

tbody.body {
    font-weight: 400;
    font-size: 15px;
}


tr.head_print_1 {
    font-size: 13px;
    font-weight: 500;
    color: black;
    background-color: #cccccc;
    padding: 4px 7px 4px 7px; 
    print-color-adjust: exact;
}

tr.head_print_2 {
    font-size: 13px;
    font-weight: 500;
    color: black;
    background-color: #cccccc;
    padding: 4px 7px 4px 7px; 
    print-color-adjust: exact;
    outline: thin solid rgb(192, 192, 192);
}


td.head_print {
    color: black;
    font-size: 13px;
    font-weight: 500;
    background-color: #cccccc;
    padding: 4px 7px 4px 7px; 
    print-color-adjust: exact;
    border: solid 1px white;
}

tr.row_center {
    text-align:center;
}

tr.row {
    outline: thin solid rgb(192, 192, 192);
}

td.home_link {
    padding: 20px 0px 0px 0px;
}

td.text {
    text-align:left;
    padding: 6px 10px 6px 10px;
}

td.text_2 {
    text-align:left;
    padding: 6px 10px 6px 10px;
    background-color: #dddddd;
}

td.number {
    text-align:right;
    padding: 6px 10px 6px 10px;

}

td.id {
    text-align:right;
    padding: 6px 10px 6px 10px;

}

td.center {
    vertical-align:top;
    text-align:center;
    padding: 6px 10px 6px 10px;

}

td.right {
    vertical-align:top;
    text-align:right;
    padding: 6px 10px 6px 10px;

}

td.left {
    vertical-align:top;
    text-align:left;
    padding: 6px 10px 6px 10px;

}

td.left_list {
    vertical-align:top;
    text-align:left;
    padding: 6px 10px 6px 10px;

}


td.id:hover {
    background-color: #00330b;
}

span.white_text {
    color:white;  
}

div.sticky {
    position: sticky;
    top: 0;      
    print-color-adjust: exact;
    padding: 8px 0px 8px 0px;
    background-color:rgb(13, 77, 0);
    vertical-align: middle;
    color:white;
    border: 1px solid rgb(119, 119, 119);    
    z-index: 1000;
}

.underline_text {
    text-decoration-style: dotted;    
}

.stripped_background {
    color: white;
    background: repeating-linear-gradient(
      45deg,
      #b3ffac 4px,
      #ffffff 15px
    );
}

.low_top {
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 6px 15px;
}

.tag, .tag_small, .error_tag, .warning_tag, .ok_tag, .black_tag, .black_tag_big, .black_tag_small, .white_tag_small, .white_tag_big, .white_tag_2, .tag_with_value, .yellow_tag, .orange_tag, .white_tag, .grey_tag, .blue_tag, .green_tag_1,  .green_tag_2  {
    color:black; 
    background-color: white; 
    font-size: 12px; 
    font-weight: 400; 
    border: 1px solid #aaaaaa;
    padding: 1px 5px 1px 5px;
    margin: 4px 4px 4px 0px;
    display: inline-block;    
    vertical-align: middle;
    print-color-adjust: exact;
} 

.dark-grey-tag-whi, .dark-grey-tag-yel, .black-tag-whi , .black-tag-yel  {
    color:white; 
    background-color: #666666; 
    font-size: 12px; 
    font-weight: 400; 
    border: 1px solid #aaaaaa;
    padding: 1px 5px 1px 5px;
    margin: 4px 7px 4px 0px;
    vertical-align: middle;
    print-color-adjust: exact;
} 

.dark-grey-tag-yel  {
    color:yellow; 
    font-weight: 600; 
} 

.black-tag-whi  {
    background-color: rgb(41, 41, 41); 
    color:white; 
} 

.black-tag-yel  {
    background-color: rgb(41, 41, 41); 
    color:yellow; 
    font-weight: 600; 
} 

.tag {
    color:black; 
    background-color: white; 
    font-size: 12px; 
    font-weight: 400; 
    border-radius: 0px; 
    padding: 2px 5px 2px 5px;
    margin: 4px 4px 4px 0px;
    display: inline-block;    
    vertical-align: middle;
    print-color-adjust: exact;
}

.tag:hover  {
    color:black; 
    background-color: white; 
    transition: background-color 0.5s; 
}

.tag_small  {
    padding: 1px 6px 2px 3px;
    margin: 3px 3px 0px 0px;
}

.error_tag  {
    color:white; 
    background-color: red; 
}

.warning_tag {
    color:black; 
    background-color: yellow;   
}

.ok_tag {
    color:white; 
    background-color: rgb(0, 161, 0);
}

.black_tag {
    color:white; 
    background-color: black; 
}

.white_tag {
    color:black; 
    background-color: white; 
}

.yellow_tag {
    color:black; 
    background-color: yellow; 
}

.white_tag_small {
    color:black; 
    background-color: white; 
    font-size:11px; 
}

.black_tag_small {
    color:white; 
    background-color: black; 
    font-size:11px; 
}

.white_tag_2 {
    color:black; 
    background-color: white; 
    margin-left: 5px;
}


.grey_tag {
    color:black; 
    background-color: #cdcdcd; 
}

.green_tag_1 {
    color:white; 
    background-color:rgb(74, 131, 36);        
    border: 1px solid rgb(74, 131, 36);      
}

.black_tag_big {
    color:white; 
    background-color: black; 
    font-size:14px; 
}

.white_tag_big {
    color:black; 
    background-color: white; 
    font-size:15px; 
    display: inline;    
    vertical-align:middle;
}

.orange_tag {
    color:black; 
    background-color: orange; 
}

.blue_tag {
    color:white; 
    background-color: blue; 
}

.green_tag_2 {
    color:rgb(0, 0, 0); 
    background-color:rgb(76, 255, 70);        
    border: 1px solid rgb(76, 255, 70);      
}

.tag_with_value  {
    margin: 0px 6px 0px 3px;
    padding: 2px 4px 2px 4px;
}

.ok_text, .warning_text, .error_text, .bold_text {
    padding: 0px 4px 10px 0px;
    color:#004e11; 
    font-size:15px;
    font-weight:400;
}

.warning_text {
    color:red;
}

.error_text {
    color:red;
}

.bold_text {
    color:black;
    font-weight:600;
}

.italic_text {
    color:#333333;
    font-style: italic;
}

span.tag_value {
    background-color:white; 
    border-radius: 2px; 
    color: black;
    margin: 0px 0px 0px 3px;
    padding: 0px 4px 0px 4px;
}

span.bold_text {
    padding: 6px 4px 6px 0px;
    color:black;
    font-weight:600;
    display: block;
}

span.field_title_light {
    color: rgb(0, 0, 0);
    font-weight:400;
}

span.field_title_bold {
    color: rgb(0, 0, 0);
    font-weight:600;
}

span.field_title_large {
    color: rgb(0, 0, 0);
    font-weight:600;
    font-size:14px;
    padding: 6px 10px 6px 0px;
    vertical-align:middle;
}

span.field_title_large_2 {
    color: rgb(0, 0, 0);
    font-weight:600;
    font-size:14px;
    padding: 0px 0px 0px 0px;
    vertical-align:middle;
}

span.field_title_large_2:hover {
    background-color: cyan;
}

a.graph {
    border:none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width:100%;
    color: rgb(1, 9, 85);;
    cursor: pointer;
    display: inherit;
    text-decoration: none;
}

a.graph:hover {
    background-color: rgb(235, 255, 162);
}

button.graph {
    border:none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width:100%;
    cursor: pointer;
    display: inherit;
}
button.graph:hover {
    background-color: rgb(235, 255, 162);
}

button.graph_2 {
    border:none;
    padding: 3px 0px 4px 6px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    text-align:left;
}
button.graph_2:hover {
    background-color: rgb(235, 255, 162);
}

button.graph_3 {
    border:none;
    padding: 3px 6px 4px 6px;
    margin: 0px 0px 0px 0px;
    color: rgb(1, 9, 85);
    cursor: pointer;
    background-color: #cccccc;
}

button.graph_3:hover {
    background-color: rgb(235, 255, 162);
}

span.graph_3 {
    padding: 3px 5px 4px 5px;
    margin: 0px 0px 0px 0px;
    color: rgb(1, 9, 85);
    background-color: #cccccc;
}


span.field_title_very_large {
    color: rgb(0, 0, 0);
    font-weight:600;
    font-size:15px;
    padding: 0px 10px 0px 6px;
    margin: 0px 7px 0px 0px;
    vertical-align:middle;
}

span.field-title-very-large-2 {
    color: rgb(0, 0, 0);
    font-weight:600;
    font-size:16px;
    padding: 0px 10px 0px 0px;
    margin: 0px 7px 0px 0px;
    vertical-align:middle;
}

span.public_message_title, .public_message_title_medium {
    color: rgb(0, 0, 0);
    font-weight:600;
    font-size:20px;
    padding: 0px 10px 0px 6px;
    vertical-align: middle;
}


span.public_message_title_medium {
    font-weight:600;
    font-size:22px;    
}

.public_message_text {
    color: rgb(0, 0, 0);
    font-weight:600;
    font-size:18px;
    padding: 0px 10px 0px 6px;
    vertical-align:middle;
}

span.public_message_text_2 {
    color: rgb(0, 0, 0);
    font-weight:600;
    font-size:16px;
    padding: 10px 0px 30px 6px;
    vertical-align:middle;
}

span.user_message {
    color: white;
    font-weight: 500;
    text-align: left; 
    vertical-align: middle; 
}

span.user_text_message {
    color:black;
    background-color: white;
    border-radius:2px;
    padding: 0px 6px 0px 6px;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
}

span.message_error {
    color: red;
    display: block;
    font-weight: 600;
    text-align: left; 
}


div.loading_screen_dark {
    position: fixed;
    background-color: rgba(31, 31, 31, 0.5);
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 99999;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 8%;
    display: none;   /* hide it */    
}

div.loading_animation_dark {
    display: inline-block;
    margin: 400px 45% 0% 45%;
    height: 100px;
}

div.loading_animation_clear {
    display: inline-block;
    margin: 350px 45% 0% 38%;
    height: 100px;
}

.ubuntu-mono-regular {
    font-family: "Ubuntu Mono", serif;
    font-weight: 400;
    font-style: normal;
}

ul.left_pane {
    margin: 6px 0px 8px 6px;
    padding: 0px 0px 0px 6px;
}

li.left_pane {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

li.left_pane_link {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 2px 4px;
}

li.left_pane_link:hover {
    margin: 0px 0px 0px 0px;
    background-color: #e1e1e1;
}

div.public_field_title_list {
    color:#006616; 
    margin-top: 5px;
    word-break: keep-all;
    font-size: 14px;
}

div.public-field-title-display {
    color:rgb(23, 70, 13); 
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: 600;
}

div.public-field-title-display-2 {
    color:#006616; 
    margin-bottom: 2px;
    font-weight: 600;
}

span.title-2 {
    font-size:22px;    
    font-weight:600;
    color: rgb(25, 54, 6);
}

.ia-tag {
    color:#006616;  
    background-color: white; 
    font-size: 11px; 
    font-weight: 600; 
    border-radius: 3px;
    border: 1px solid #999999;
    padding: 2px 5px 0px 5px;
    margin: 0px 3px 2px 4px;
    display: inline-block;    
    vertical-align: middle;
    cursor: help;
} 

div.scroll-horiz-container {
    overflow-x: scroll;
    white-space: nowrap;
    overflow-x: auto;
}