html,body
{
    padding: 0;
    margin: 0;
}

*{
    font-family: Monospace;
    font-size: 15px;
    white-space:nowrap;
}
pre, textarea{
    white-space:pre;
}

    
table, td, tr{
    border-collapse: collapse;
    border: solid 1px #000;
    width: 0px;
    height: 0px;
    
}

table.tbl_props{
    margin: 5px 0;
}

table.tbl_props th{
    background-color: #006;
    color: #fff;
}

table.tbl_props td, table.tbl_varfunc th{
    padding: 3px;
} 
    
td.td_tree td{
    text-align:center;        
    vertical-align: top;
}

.txt_input_single {
    border: solid 1px #009;
    background-color: #eef;
    font-weight: bolder;
    color: #006;
    width: 600px;
    height: 25px;
}   
    
.txt_input{
    border: solid 1px #009;
    background-color: #eef;
    font-weight: bolder;
    color: #006;
    width: 600px;
    height: 300px;
}

 

    
.btn{
    border: solid 1px #008;
    display: inline-block;
    width: 240px;
    text-align: center;
    vertical-align: middle;
    padding: 6px 0;
    margin: 10px 0;    
    text-decoration: none;

     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
   
}


.tab td
{
    padding: 10px;
    vertical-align: top;
    
}


.tab .nob
{
    border: none !important;
 white-space:normal;
}

.tab
{
 border: solid 1px #009;
 width: 100%;
}

#tab_1 .nob
{
 border: solid 1px #009 !important;
}

#tab_1
{
 border: none !important;
}


#tab_5 .nob
{
 border: solid 1px #009 !important;
}

#tab_5
{
 border: none !important;
}

#tab_6 .nob
{
 border: solid 1px #009 !important;
}

#tab_6
{
 border: none !important;
}

#tab_7 .nob
{
 border: solid 1px #009 !important;
}

#tab_7
{
 border: none !important;
}




.term
{
/*    display: inline-block;*/

display: inline-block;
 vertical-align: text-top;
 padding: 10px;
}

.btn_tab
{
    border: solid 1px #00f;
    background-color: #66f;
    display: inline-block;
    padding: 3px 10px;
    
         -moz-border-radius: 10px  10px 0 0;
    -webkit-border-radius: 10px  10px 0 0;
    -khtml-border-radius: 10px  10px 0 0;
    border-radius: 10px  10px 0 0;
    cursor: pointer;
    text-decoration: none;
     font-weight: bolder;
     color: #fff;

    
}

.btn_tab:hover
{
    background-color: #aaf;
}



#menu
{
    border: solid 1px #006;
    background-color: #66f;
    padding: 20px 50px 0px 50px;
    height: 40px;
}

#menu a
{
    border: solid 1px #006;
    background-color: #99f;
    color: #fff;
    padding: 5px 10px 0 5px;
    text-decoration: none;
     font-weight: bolder;
     margin: 17px 0 0 0;
     display: inline-block;
}


#body
{
 padding: 10px;   
}


#fu_file
{
    border: solid 1px #008;
    width: 450px;
    padding: 3px 5px;
    margin: 5px 10px;
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}


#btn_upload
{
    border: solid 1px #008;
    display: inline-block;
    width: 100px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    padding: 3px 5px;
    margin: 5px 10px;
    text-decoration: none;

     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
   
    
}

h1{
	color: #eee;
	font-size: 30px;
	font-weight: bolder;
	margin: 0;
	padding: 0;
	text-align: right;
	position: absolute;
	right: 10px;
	top: 7px;
}

h1 img
{
    height: 50px;
}


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

.field-label {
    font-weight: bold;
    font-size: 16px;
}

.info-icon .material-icons {
    font-size:14px;
}

.tooltip-container {
    position: relative;
    display: inline-block;
}

.info-icon {
    font-size: 18px;
    color: #5c6bc0;
    cursor: pointer;
    vertical-align: middle;
}

.tooltip-text {
    visibility: hidden;
    opacity: 0;

    position: absolute;
    z-index: 9999;

    top: 28px;
    left: 0;

    background-color: #333;
    color: white;

    padding: 10px;
    border-radius: 6px;

    font-size: 13px;
    line-height: 1.4;

    width: max-content;
    max-width: 300px;

    transition: opacity 0.2s ease;

    pointer-events: none;
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}


.references-separator {
    margin-top: 50px;
    margin-bottom: 10px;
}

.references-section {
    padding-top: 10px;
}

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

.reference-label {
    display: inline-block;

    font-family: monospace;
    font-size: 15px;
    font-weight: bold;

    color: #2f5fa7;

    margin-bottom: 10px;
}

.reference-content {
    margin-top: 8px;
}

.reference-paper {
    width: 100%;
    max-width: 1200px;

    font-size: 16px;
    line-height: 1.7;

    color: #222;

    word-wrap: break-word;
    overflow-wrap: break-word;
}

.reference-paper i {
    color: #333;
}

.paper-image {
    width: 100%;
    max-width: 1100px;

    height: auto;

    display: block;

    margin-top: 10px;
    margin-bottom: 15px;

    border: 1px solid #ccc;
    border-radius: 6px;

    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.action-row {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 10px;
}

.algo-options {
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 13px;
}


.benchmark-links {
    width: 100%;
}

.benchmark-card {
    display: block;

    width: 100%;

    margin-bottom: 20px;
    padding: 22px 28px;

    box-sizing: border-box;

    background-color: #f8f9fc;

    border: 1px solid #d9dee8;
    border-left: 6px solid #5c6bc0;

    border-radius: 10px;

    text-decoration: none;

    transition: background-color 0.2s ease,
                box-shadow 0.2s ease;

    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.benchmark-card:hover {
    background-color: #eef2ff;

    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.benchmark-name {
    display: block;

    font-size: 22px;
    font-weight: bold;

    color: #2f5fa7;

    margin-bottom: 8px;
}

.benchmark-description {
    display: block;

    font-size: 15px;
    line-height: 1.5;

    color: #555;
}