textarea[readonly] {  width: 550px; height: 100px; }
body{ font-size: 0.95em;  }
a{ color: #337ab7;   }

a:focus{ outline: 0; }
.clear{ clear: both; }
.clear_after:after {content: ".";display: block; height: 0;clear: both; visibility: hidden; }

div.action_module{ float: left; text-align:center; font-size: 0.8em; padding:5px; }
#content{ width: 100%;  }

div#maschera{ display: none; background-color:rgba(192,192,192,0.6); position: absolute; z-index: 50; top: 0px;}
.dialog_style{ display: none; padding: 10px; margin: auto; width: 90%; position: fixed; left: 0px; right: 0px; top: 100px; background-color: white; border-radius: 5px; 
	text-align: center; font-size: 1.5em; z-index: 500; border: 3px solid grey; }	
#toast { top: 0px; bottom: 0px; }

div.search_box{ margin-right: 10px; float: left; }

#message_log{ position: fixed; bottom: 0px; width: 100%; margin-bottom: 0px; z-index: 1000000;}
#message_log_close{ float: right; margin-right: 5px; cursor: pointer; }

div#report_error{ position: fixed; z-index:100; padding: 10px; right: 10px; }
.error{ color:#a94442; font-size: 0.8em; }
.error > p{ margin-bottom: 0px; }
.has-error { color: #a94442; }

.table-sm>tbody>tr>td{ font-size: 0.9em; }
.table-sm>tbody>tr>td.actions_element{ width: 20px; padding: 4px 3px 0px 3px }

div.navbar-right a{ color: #777; }
div.navbar-right a:hover{ color: white; text-decoration: none; }

.form-horizontal div.form-group{ background-color: #f8f8f8; margin-left: 0px; margin-right: 0px; }
/*.form-horizontal div.form-group:nth-child(odd){ background-color: #f8f8f8; }*/
.form-horizontal .form-group .col-sm-7{ min-height: 34px; line-height: 34px; }
.form-horizontal .form-group .col-sm-7 label{ font-weight: normal; }

table thead { font-size: 0.8em; }
table.table { margin-top: 10px;  }

/* #### MULTI_ELEMENT ####*/
.bs-callout{ padding: 15px 20px 0px 20px; margin: 15px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; border-left-color: #5bc0de; }
.bs-callout .glyphicon-remove{ float: right; margin-top: -15px; margin-right: -15px; cursor: pointer }
#multi_field_add{ color: #428bca; }

/* AUTOCOMPLETE MULTI */
.btn-piccoletto{ margin:5px; padding: 3px 6px; font-size: 0.9em; border-radius: 5px; background-color: #337ab7; border-color: #2e6da4; color: #fff; float: left; line-height: 1.3em;}
.btn-piccoletto a{  color: white; }
.btn-piccoletto a:hover{ text-decoration: none; }

/*############### HOUR FIELD*/
.hour_fields select{ float: left; }

 
/*########## DATA LIST SORT (data_list_sort.php) ###########*/

div.list_sort_header{ border-bottom: 1px solid #999999; height: 30px;
    padding-top: 6px;  margin-bottom: 5px; margin-left: 5px; font-weight: bold; text-align: center; }
ul.sortable { list-style-type: none; margin: 0; padding: 0;}
ul.sortable li { margin: 4px; margin-top: 0px; padding: 5px; border: 1px solid #E3E3E3;
    background-color: #FFF; cursor:pointer;}
ul.sortable li div.element_value{ float: left; overflow:hidden; }
ul.sortable li div.actions_element{ float: left; margin-right: 5px }

/*########## STAT NEWSLETTER ##########*/

#box_stats{ padding: 10px; background-color: #ccc; border: 2px solid #bbb; margin-bottom: 20px; width: 450px;}
#box_stats .cell{ float: left; width: 150px; text-align: center;}
#box_stats .cell .title{ font-weight: bold; }
#box_stats .cell .number{ font-size: 4em; }

/*######### SIMPLE COLOR ########*/
.simpleColorContainer{ margin-top: 7px; }
.simpleColorChooser{ z-index: 1000; width: 302px !important; }