.layout_base_container
{
	position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
}

.background_header
{
    background-color:gray;
}

.general_comlost
{
    display:flex;
    align-items:center;
    opacity:.3;
    background-color:white;
    position:absolute;
    z-index:999;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
}

.general_comlost DIV
{
    width:100%;
    color:red;
    font-size:14px;
    font-weignt:bold;
    text-align:center;
}

.running_active_layout_header
{
	display:none;
    border-bottom:solid 1px silver;
}

.running_active_layout_outer
{
    top:0px; 
    left:0px; 
    width:100%;
    height:100%;
    position:relative; 
}
.running_active_layout
{
	position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    
}
.running_active_layout_system:hover
{
    
}
.running_active_layout_custom:hover
{
    
}

.running_active_layout_activity
{
	
}

.running_active_layout_warning
{
    opacity:0.8;
}

.running_active_layout_alarm
{
    opacity:0.2;
}

.running_active_layout_warning_message
{
	position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:999999;
    opacity:.6;
    background-color:darkgray;
    color:red;
    font-size:16px;
    display:none;
}

.running_active_layout_warning_message A
{
	font-size:14px;
    color:white;
    text-decoration:underlined;
}

.running_active_layout_warning_message TABLE
{
	position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
.running_active_layout_warning_message TD
{
	text-align:center;
    padding:0px;
}

.layout
{
	white-space: nowrap;
    text-align: center
}

.layout .titolo
{
	width:100%;
    height:26px;
    font-weight:bold;
    font-size:18px;
}

.layout .descrizione
{
	width:100%;
    height:18px;
    border-bottom:solid 1px gainsboro;
}
.layout .struttura
{
	width:100%;
}

.layout .colonna
{
	display: inline-block;
    vertical-align:top;
}

.layout .footer
{
	float:left;
    width:100%;
}

.layout .colonna .sinistra
{
    min-width:200px;
    vertical-align:top;
    margin-top:10px;
}

.layout .colonna .destra
{
    min-width:500px;
    vertical-align:top;
    margin-left:30px;
    margin-top:10px;
}

.layout .colonna .titolo
{
	font-weight:bold;
    font-size:12px;
}

.layout .griglia .titolo
{
    font-size:12px;
}

.layout .struttura .sinistra
{
    width:300px;
    vertical-align:top;
}

.layout .struttura .centrale
{
    width:200px;
    vertical-align:top;
}

.layout .struttura .destra
{
    vertical-align:top;
    min-width:300px;
}

.layout .griglia
{
	border-left:solid 1px gainsboro;
    border-top:solid 1px gainsboro;
    width:100%;
    min-width:300px;
    border: solid 1px gainsboro;
}

.layout .griglia .titolo
{
	font-weight:normal;
	text-align:right;
    width:100px;
    border-bottom:solid 1px gainsboro;
    padding-right:10px;
    padding-left:5px;
    height:14px;
    white-space:nowrap;
}

.layout .griglia .valore
{
	text-align:left;
    border-bottom:solid 1px gainsboro;
    height:14px;
}

.layout .griglia .gruppo
{
	font-weight:normal;
	text-align:center;
    font-size:15px;
    padding-top:3px;
    padding-bottom:3px;
    background-color:gainsboro;
    margin-top:10px;
}





.layout #immagine
{
	widith:100%;
    height:100%;
	overflow:hidden;
    text-align:center;
}


.layout .griglia_widget
{
    width:100%;
    border: solid 1px gainsboro;
}

.layout .griglia_widget .titolo
{
	font-weight:normal;
	text-align:right;
    width:100px;
    white-space:nowrap;
    padding:10px;
    height:14px;
}

.layout .griglia_widget .valore
{
	text-align:left;
    padding:10px;
}

.layout .griglia_widget .gruppo
{
	font-weight:normal;
	text-align:center;
    font-size:15px;
    padding-top:3px;
    padding-bottom:3px;
    background-color:gainsboro;
    margin-top:10px;
}

.layout .big
{
	font-size:18px;
}






.element_event_icons
{
	text-align:left;
    height:17px;
    padding-left:14px;
}


.element_event_table
{
	
    border-spacing: 2px;
    border-collapse: separate;
}

.element_event_table TD
{
	min-width:200px;
}

.element_event_td
{
    min-width:200px;
    vertical-align:top;
    text-align:center;
    background-color:white;
    color:black;
    padding-left:2px;
    padding-right:2px;
    border-radius:5px;
    border:solid 1px silver;
    background-image:url(/m2/wam/app/media/waiting.gif);
    background-repeat:no-repeat;
    background-size:18px 18px;
    background-position:1px 1px;
}

.element_event_name
{
	font-size:15px;
    font-weight:bold;
    color:black;
    margin-left:10px;
    margin-right:10px;
    text-align:center;
    border-radius:3px;
    background-color:whitesmoke;
    padding-top:2px;
    padding-bottom:2px;
}

.element_event_informations_td
{
	text-align:center;
    font-size:14px;
}

.flash .element_name_selected
{
	color:black;
	background-color:transparent;
}

.flash .element_name_selected A
{
	color:black;
}


.element_header_div
{
	position:fixed;
    top:0px;
    left:0px;
    right:0px;
    height:34px;
    overflow:hidden;
}

.element_layout_container
{
	position:fixed;
    top:34px;
    left:0px;
    bottom:0px;
    width:100%;
    padding-bottom:31px;
    overflow:auto;
    -webkit-user-select: none;  
      -moz-user-select: none;    
      -ms-user-select: none;      
      user-select: none;
}

.layout_editor_bottom_element
{
	position:absolute;
    height:2px;
    background-color:blue;
    left:0px;
    right:0px;
    top:3000px;
}

#element_layout_editing_toolbar
{
    display:none;
}

.element_event_div
{
	position:fixed;
    left:0px;
    right:0px;
    height:65px;
    overflow:auto;
    display:none;
    background-color:rgb(242, 242, 242);
}

.shadow
{
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.shadow2
{
	box-shadow:0 1px 4px gray, 0 0 40px gray inset;
}

@media print 
{
	.layout-page
    {
        page-break-after: always; 
        margin-top:0px;
        box-shadow: none;
        border:none;
    }
    
    .element_layout_container
    {
    	overflow:visible;
        border:none;
        position:static;
    }
    
    .layout-page-a4
    {
        width:210mm;
        height:297mm;
    }
}


.layout_toolbar_table
{
	width:100%;
    height:100%;
    background-color:gray;
    color:white;
    padding:5px;
    font-size:11px;
    border-spacing:0px;
    
}
.layout_toolbar_group
{
	padding-bottom:5px;
    height:30px;
}

.layout_toolbar_group_div_others
{
	margin-top:20px;
}

.layout_toolbar_group_div
{
	height:15px;
    vertical-align:bottom;
    font-size:12px;
    color:black;
    text-align:center;
    padding:2px;
    background-color:silver;
    border-radius:4px;
}

.layout_toolbar_item
{
	height:20px;
}

.layout_toolbar_item_label
{
	font-size:11px;
    color:whitesmoke;
	text-align:right;
    min-width:80px;
    padding-right:10px;
}

.layout_toolbar_item_value
{
	font-size:11px;
    padding-top:1px;
    padding-bottom:1px;
}

.layout_toolbar_table INPUT
{
	margin:0px;
    padding:0px;
    font-size:11px;
}

.layout_toolbar_item_field
{
	width:97%;
    border-radius:3px;
    border:solid 1px silver;
    background-color:white;
    height:28px;
}

.layout_toolbar_item_field_small
{
    width:50px;
    border-radius:3px;
    border:solid 1px silver;
    background-color:white;
}

.layout_toolbar_table SPAN
{
	font-size:10px;
}

.layout_toolbar_item_subfields
{
	border-spacing:0px;
    width:100%;
}

.layout_toolbar_item_subfield_label
{
	padding-right:3px;
	font-size:10px;
    text-align:right;
    min-width:30px;
    color:silver;
}

.layout_toolbar_functions
{
	height:30px;
}

.layout_toolbar_functions TD
{
	text-align:center;
    padding-bottom:10px;
}

.layout_toolbar_functions TD input
{
	width:60px;
}


.layout_dragover
{
	background-color:blue;
    opacity:.4;
}

.dragover
{
    background-color:violet;
    opacity:.5;
}