.tree_button {
	opacity: 1;
}
.tree_value_title ~ label { 
    left: 40px;
}
.removed_element .input_box{
    text-decoration: line-through;
    color: var(--color21)
} 
.removed_element {
    background: var(--color4) none repeat scroll 0% 0%;
}
.tree_button {
    right: 225px; 
    top:5px;    
}
.last_update_labels {
    margin: 0 0 0 5px;
    display: grid;
}
.last_update_text { 
    color: var(--color12); 
    font-size: 13px; 
}
.visible_hide{
    visibility: hidden;
}
.valid_ext_btn{
    position: absolute;
    text-align: right;
    top: 52px;
    right: 8px;
}         
.valid_ext_box
{  
    position: absolute;    
    overflow-x: hidden;  
    text-align:right;  
    left: unset;
    right: 2%;
    top: 65%;
}
.order_color {
	border: 1px solid var(--color5);
}

/* workflow */
.last_update_labels {margin: 0 0 0 5px;display: grid; }
.switch{float: none;}
.header{
    font-size: 13px;
font-weight: bold;
color: blue;
}
.sub_header{
    font-size: 13px;
font-weight: 400;
color: blue;
}
input:checked + .slider::before {	
	color: blue;
}
.slider.round::before {
	color: blue;
}
.child_element_title {
    font-size: 12px;
    font-weight: 400;
}
.child_elemt_div {
	display: grid;
	top: -10px;
}
.tree_button_wrkflow{
    opacity : 1;
    right: unset;
    top: -3px;   
}


@media (min-width: 1025px) and (max-width: 1280px) {  .tree_button{ right: 50px} }
@media (min-width: 768px) and (max-width: 1024px) { .tree_button{ right: 50px} }
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {.tree_button{ right: 50px} }