/**
 * public/css/index.css
 * Created by lorenzo on 05/04/2017
 */

body {
	height: 100%;
	font-family: verdana, arial, sanf-serif;
	font-size: 12px;
	margin: 0;
	line-height: 1;
}

div h2{
	text-align:center;
}

.ri{
	color: green;
}

.ss{
	color: blue;
}

.nuovo{
	display: none;
}

div {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sub-table{
	display: none;
}

/* Campi Modifica */
div[id^="editableinput"] > div.view,
div[id^="editableselect"] > div.view,
div[id^="editabletextarea"] > div.view,
div[id^="editabledate"] > div.view{
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	color: #555555;
	display: inline-block;
	font-size: 13px;
	line-height: 18px;
	min-height: 18px;
	margin: 1px 1px 10px 1px;
	padding: 4px;
	width: 220px;
}
div[id^="editableinput"] > div.edit ,
div[id^="editableselect"] > div.edit ,
div[id^="editabletextarea"] > div.edit ,
div[id^="editabledate"] > div.edit ,
div[id^="editableinput"] > div.loader,
div[id^="editableselect"] > div.loader,
div[id^="editabletextarea"] > div.loader,
div[id^="editabledate"] > div.loader {
	display:none;
}
div[id^="editable"] > div.masknojs{
	display:none;
}
div[id^="editable"] > div.viewnojs{
	display:inline-block;
}

div[id^="editabletextarea"].textarea > div.view,
div[id^="editabletextarea"].textarea > div.edit {
	width:100%;
}
div[id^="editableinput"].textarea > div.view {
	padding-bottom:20px;
}
div.edit > textarea {
	width:100%;
}

div.loader{
	display: block;
	position: absolute;
}

.miniform  {
	margin:0px;
}
.miniform div[id^="editableinput"] div.view {
	height: auto;
	margin: 0 !important;
	padding: 0 5px !important;
}
.miniform div[id^="editableinput"] div.edit > input {
	height: auto !important;
	margin: 0 !important;
	padding: 1px 5px !important;
}

.minitable div.view,
.minitable div.edit,
.minitable input {
	width:100px !important;
}

.autowidthtable,
.autowidthtable div.view,
.autowidthtable input {
	width: 100% !important;
	margin:auto !important;
	table-layout:fixed !important;
}
.autowidthtable div.edit {
	width: 96% !important;
}
/* Campi Modifica END */

div#alertbox {
	position: fixed;
	top: 5%;
	left: 1%;
}

input{
	font-family: arial, Verdana, sans-serif;
	font-size: 12px;
}

select{
	font-family: arial, Verdana, sans-serif;
	font-size: 12px;
}

.formright div.view ,
.formright input {
	text-align:right !important;
}

.password {
	background-color: #ccc;
}

.riga_icone_glyp{
	display: table;
}

.col_icona_glyp{
	padding: 0 2px 0 2px;
	display: table-cell;
	vertical-align: middle;
}
.col_icona_glyp.separator{
	color: #4c4c4c;
}

/**************** SORTABLE *******************/
.sortableContenitore ul { min-height:10px; }
.sortableContenitore li { width: 150px; }
/**************** FINE SORTABLE *******************/


/**************** HEADER FISSO TABELLA *******************/
.container{
	width:100%;
	margin:auto;
}

table{
	border-collapse:collapse;
	width:100%;
}

.grigio thead{
	background:#f5f5f5;
}

.fixed{
	top:30px;
	position:fixed;
	width:auto;
	display:none;
	border:none;
	z-index: 11;
}

.scrollMore{
	margin-top:600px;
}

.up{
	cursor:pointer;
}
/**************** FINE HEADER FISSO TABELLA *******************/

/**************** SELECTIZE CUSTOM *******************/

.selectize-input {
	min-height: 22px;
	padding: 0 3px;
	overflow: inherit;
}

/**************** PULSANTI CHECK *******************/
.bg-grey{
	background:#ddd !important;
	color:#555 !important;
}

/**************** LOADER BARRA BLU' *******************/
#saasLoader {
	width: 200px;
	position: fixed;
	top: 50%;
	left: 50%;
	text-align:center;
	margin-left: -100px;
	margin-top: -100px;
	z-index:10000;
	overflow: auto;
}

/**************** GESTIONE DELLA STRUTTURA A DIV *******************/
.contenitore-elemento.pannello .dashboard-panel{
	float: left;
	padding: 5px;
}

.contenitore-elemento.pannello {
	height: 100px;
	width: 245px;
	float: left;
	margin: 0 10px 10px 0;
}

.card-title.task{
	font-size: 12px;
}

/***************** JQUERY UI TIMEPICKER ADDON ******************/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }


.saas-target-argomento-pe{
	margin-top: -1px;
	vertical-align:middle;
}

.saas-modal-small{
	max-height: 900px;
	max-width: 550px;
	width: 60%;
}

.saas-modal-medium{
	max-height: 900px;
	max-width: 750px;
	width: 80%;
}

.saas-modal-large {
    max-height: 900px;
    max-width: 1100px;
	width: 90%;
}

.saas-modal-extralarge {
    height: 95vh;
    max-height: 95vh;
    max-width: 100%;
	width: 100%;
}

.saas-modal-extralarge .modal-content {
	min-height: 60vh;
}

.saas-filter-field {
	padding-top: 4px;
	padding-bottom: 4px;
}

.saas-simple-input {
	border-radius: 4px;
	border: 1px gray solid;
}

/* needed if you want to create a modal inside an <li> tag with class list-group-item*/
.list-group-item, .list-group-item:hover{ z-index: auto; }
.dev-div {
	font-style: italic;
	color: grey;
	background-color: cornsilk;
	margin-top: 4px;
}