/*======= https://unused-css.com/blog/css-rounded-table-corners/ =========*/
table.rounded-corners {
 /* Change these properties */
 --border: 1px solid silver;
 border-radius: 5px;


 /* Don't change these properties */
 border-spacing: 0;
 border-collapse: separate;
 border: var(--border);
 overflow: hidden;
}

/* Apply a border to the right of all but the last column */
table.rounded-corners th:not(:last-child),
table.rounded-corners td:not(:last-child) {
 border-right: var(--border);
}


/* Apply a border to the bottom of all but the last row */
table.with-grid>thead>tr:not(:last-child)>th,
table.with-grid>thead>tr:not(:last-child)>td,
table.with-grid>tbody>tr:not(:last-child)>th,
table.with-grid>tbody>tr:not(:last-child)>td,
table.with-grid>tfoot>tr:not(:last-child)>th,
table.with-grid>tfoot>tr:not(:last-child)>td,
table.with-grid>tr:not(:last-child)>td,
table.with-grid>tr:not(:last-child)>th,
table.with-grid>thead:not(:last-child),
table.with-grid>tbody:not(:last-child),
table.with-grid>tfoot:not(:last-child) {
 border-bottom: var(--border);
}

table.rounded-corners {
	width: 100%;
	background-color: white;
	font-size: 16px; 
	
}

/*===========================================================================*/

tr.hover_row:hover {
	white-space: nowpap; 
	background-color: LightYellow;
	cursor:pointer;
}

body{
	color: black; 
	font-size: 14px; 
	font-family: Arial, sans-serif;
    background-color: #F5F5F5;
	margin-top: 0px; 
	margin-bottom: 0px; 
	margin-left: 10px; 
	margin-right: 0px;


}
	

td.debug_run:hover { 
    background: Gainsboro;
	cursor: pointer;
    }    

td.edit_test:hover { 
    background: LightYellow;
	cursor: pointer;
    }    

td.k6_logo:hover { 
	cursor: pointer;
    }    


td.run_test:hover { 
    background: Honeydew;
	cursor: pointer;
    }
    
td.test_logo:hover { 
	cursor: pointer;
    }    
	
a:link {
	text-decoration: none;
	color: #252525;
}
a:visited {
	text-decoration: none;
	color: #252525;
}
a:hover {
	color: Maroon;
}
a:active {
	text-decoration: none;
	color: #252525;
}

a.logged_trace:link {
	text-decoration: none;
	color: steelblue;
}
a.logged_trace:visited {
	text-decoration: none;
	color: steelblue;
}
a.logged_trace:hover {
	text-decoration: underline;
	color: Maroon;
}
a.logged_trace:active {
	text-decoration: none;
	color: steelblue;
}


tr.section_title {
	background-color: #cfe2ff;
	font-weight: bold;
    color: black; 
    font-size: 16px
    }
	
	

div.page_title {
	font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
	font-size: 18px;
	color: DarkGreen;
	font-weight: bold;
	vertical-align: bottom;
	margin-top: 10px; 
	text-align: center;	

}

div.page_subtitle {
	font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
	font-size: 14px;
	color: #343a40;
	font-weight: normal;
	text-align: center;
	/* margin-top: 3px;  */
	/* margin-bottom: 7px;  */

}


.alert {
    position:relative; 
    top: 0px; 
    left: 0px; 
    width: 100%;
    z-index:9999; 
    border-radius:0px
}

	
.btn{
	--bs-btn-font-size: 0.988rem;
	--bs-btn-font-family: Arial;
	--bs-btn-border-radius: .20em;
	}
	
	
table.content {
    margin-left:auto; 
    margin-right:auto;
	}	
	
table.content td { 
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    padding: 3px;
    font-size: 12px; 
    }
	
table.content tr {
    background-color: white;
	}
	
table.content th {
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    padding: 3px;
    font-size: 12px; 
	white-space: nowrap;
    color: white;
    font-weight: bold;
    background: #6ea220;
    background: -moz-linear-gradient(45deg,  #6ea220 0%, #498400 49%, #63951d 50%, #95bb2b 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#6ea220), color-stop(49%,#498400), color-stop(50%,#63951d), color-stop(100%,#95bb2b));
    background: -webkit-linear-gradient(45deg,  #6ea220 0%,#498400 49%,#63951d 50%,#95bb2b 100%);
    background: -o-linear-gradient(45deg,  #6ea220 0%,#498400 49%,#63951d 50%,#95bb2b 100%);
    background: -ms-linear-gradient(45deg,  #6ea220 0%,#498400 49%,#63951d 50%,#95bb2b 100%);
    background: linear-gradient(45deg,  #6ea220 0%,#498400 49%,#63951d 50%,#95bb2b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ea220', endColorstr='#95bb2b',GradientType=1 );
    }
	
td.with_border { 
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    padding: 0px;
    font-size: 12px; 
	vertical-align: top;
    }
	
table.test_status_table { 
    border: 1px solid DarkGray;
}

table.test_status_table td { 
    padding: 2px;
}

/* styles of test states */
.gray_state {
	font-family: monospace; 
	font-size: 14px; 
	color: Dimgray;
	}

.orange_state {
	font-family: monospace; 
	font-size: 14px; 
	color: Peru;
	}
/*************************/



.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor: default;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }