/* Result table*/
/* Not used 2021-05-23
table.elem_results>thead>tr>th{
    background-color: #000;
    color:white;
    padding:5px;
}

table.elem_results>tbody>tr>td{
    padding-left:3px;
}
    
table.elem_results>tbody>tr:nth-child(odd){
    background-color: #ddd;
}
table.elem_results>tbody>tr:hover{
    background-color: #444;
    color:white;
  } */

.elem_result_footer {
    background-color: white;
}

/* ---------------------------------
RESULTS TEMPLATES
--------------------------------- */
div.elem_header{
    background-color: #1d1d1d;
    height: 45px;
    display: table;
    width: 100%;
}  
div.elem_title{
    font-size:26px;
    color:white;
    text-align:center;
    height:40px;
    line-height:40px;
    display:table-cell;
    vertical-align:middle;
}
div.elem_title_small{
    font-size: 16px;
    color: #d8f0ff;
    text-align: center;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    padding-right: 10px;
}

div.elem_action{
    display:table-cell;
    padding-left:5px;
    width:35px;
    height:100%;
    vertical-align:middle;
    text-align:right;
}
.elem_action img{
    cursor:pointer;
    max-height:30px;
}
.elem_action img:hover{
    background-color:black;
}
div.elem_action_small{
    display:table-cell;
    padding-left:5px;
    width:35px;
    height:100%;
    vertical-align:middle;
    text-align:left;
}
.elem_action_small img{
    cursor:pointer;
    max-height:20px;
}
.elem_action_small img:hover{
    background-color:black;
}
.refresh_notif {
    position:absolute;
    width:75px;
    background-color: #333;
    display:none;
    vertical-align:top;
    font-size:12px;
    color:white;
}

/* action Menu */
.elem_action_menu.left { /* When displayed in a report*/
    border-radius : 0px 0px 10px 0px;
}
.elem_action_menu.right{ /*otherwise*/
    right:2px;
    text-align:right;
    border-radius : 0px 0px 0px 10px;
}
.elem_action_menu {
    transition: all .3s ease;
    position:absolute;
    min-width:175px;
    min-width:100px;
    background-color: #333;
    vertical-align:top;
    font-size:12px;
    color:white;
}
.elem_action_menu ul {
    list-style-type: none;
    margin: 0px;
    padding:0px;
}
.elem_action_menu li {
    padding: 10px 10px;
}
.elem_action_menu li:hover {
    background-color: #43718F;
    cursor:pointer;
    border-radius: 8px;
}
.elem_action_menu li.editor {
    color: rgb(238, 255, 160);
}
.elem_desc{
    /* display:none; */
    background-color: white;
    /* width:100%; */
    padding:10px;
    text-align:center;
    font-size:14px;
    border-bottom: dotted 1px grey
}
.elem_params{
    /* width:100%; */
    background-color: white;
    padding:5px;
    text-align:center;
    font-size:12px;
}
.elem_error{
    color : red;
    background-color: #f5dfdf;    
}

.elem_warning{
    color : rgb(177, 124, 45);
    padding: 10px;
    font-weight: bold;
    background-color: white;
}

.elem_prompt_header{
    font-size:1.3em;
}
.elem_results{
    display:inline-block;
    width:100%;
    background-color: white;
    color:#34586f;
    opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.3s;
}

.elem_no_result {
    padding: 10px 0px;
    font-weight:bold;
    font-style: italic;
}


div.elem_header_small{
    background-color: #232d34;
    height: 32px;
    display: table;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}
td.elem_footer_small{
    background-color: #9c9b9b;
    height: 10px;
    border-radius: 0px 0px 5px 5px;    
}

table.elem_result_table{
    /* width:100%; */
    margin:0px;
    border-collapse:collapse;
}
table.elem_result_table>tbody>tr {
    background-color:#f2f2f2;
    color: #43718F;
}
table.elem_result_table>tbody>tr.selected {
    background-color:#91c4d4;
}
table.elem_result_table>tbody>tr:hover {
    background-color:#6397a7;
    color:white;
}
.elem_result_column {
    border: 1px solid #5572a5;
    padding: 2px 5px;
    background-color: #243d4d;
    font-size: 12px;
    color: #d8e5f1;
    font-weight: bold;
    height: 24px;
}
.elem_result_data {
    border: 1px solid #cee0ff;
    font-size:12px;
    padding:2px 5px;
}
.actionable{
    font-weight:bold;
    cursor:pointer;
  }

th.elem_data_prop{
    padding:6px 15px;
    margin:0px;
    border-right:solid 1px black;
    border-top:solid 1px black;
    color:white;
    width: 100px;
    vertical-align: top;    
}
th.elem_data_prop:hover{
    color: #8deac8;
}
th.elem_data_prop .collapse{
    display : inline-block;
    vertical-align : middle;
}
th.elem_data_prop .collapse img{
    height:15px;
    cursor: pointer;
}

/* When rendering an index value, not need to use space*/
th.elem_array_index {
    width: 20px;
}
td.elem_data_val{
    background-color:#f2f2f2;
    color: #43718F;
    padding:6px 10px;
    margin:0px;
    overflow : hidden;
    text-overflow :ellipsis;
    max-width:300px;
    word-break: break-all;
}
td.elem_data_val:hover{
    background-color:#6397a7;
    color:white;
}
/*
.elem_result_dataset {
    text-align: center;
}*/

table.json_result_table {
    width:auto;
}
table.json_result_table tr {
    background-color:#5c7c90;
}
table.json_result_table tr:hover {
    background-color:#3f7596;
}
th.json_data_prop{
    padding:6px 15px;
    margin:0px;
    border-right:solid 1px black;
    border-top:solid 1px black;
    color: #bce6e8;
    width: 70px;
}
td.json_data_val{
    background-color:#f2f2f2;
    color: #43718F;
    padding:6px 10px;
    margin:0px;
    overflow : hidden;
    text-overflow :ellipsis;
    max-width: 300px;
    word-break: break-all;
}
td.json_data_val:hover{
    background-color:#6397a7;
    color:white;
}

/*
data menu 
*/
.elem_datamenu{
    list-style-type: none;
    background-color: #cecece;
    /* border-radius: 0px 3px 0px 3px; */
    padding-top: 11px;
    border-top: 2px solid black;
    text-align: left;
    text-indent: 5px;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    /* line-height: 20px; */
    margin: 0px;    
}
.elem_datamenu>li {
    border-left: 6px solid transparent;
    border-bottom: 1px solid black;
    height: 40px;
    line-height: 40px;
    padding: 0px 5px;
    vertical-align:middle;
    font-size:12px;
    font-weight:normal;
    background-color:#fff;
    justify-content: space-between;
    display:flex;
    flex-flow: row nowrap;    
}

.elem_datamenu>li img {
    border:1px solid transparent;
    height : 15px;
    transform: translateY(10px);
    vertical-align: middle;
    margin-right:  3px;
}
.elem_datamenu>li img:hover {
    border:1px solid red;
}

.elem_datamenu>li:hover {
    border-left: 6px solid #03718f;
    /*border-radius: 5px;*/
    background-color : #c9eef9;
}
.elem_datamenu>li.selected {

    border-left: 6px solid #03718f;
    font-weight:bold;
    background-color:white;
}



table.json_data>tbody>tr>th {background-color:#598b9a;border:1px solid black;padding:2px;}
table.json_data>tbody>tr>td {background-color:#ccc;border:1px solid black;padding:2px;}
th.json_data{color:white;}


.elem_json_table_cont {
    width:100%;
}


@keyframes fadeInOpacity {
	0% { opacity: 0;	}
	100% { opacity: 1;	}
}
@keyframes fadeOpacity {
	0% { opacity: 1;	}
	100% { opacity: 0;	}
}