/*------------------------------------------------------------------
	0. Basic
	1. Box dark / .box-dark
	2. Search, Result tables / .dataTable
	3. Form / Ricerche
	4. Form Horizontal / hr
	5. Form View / .view
	6. Login page / .background-image
	7. Field data table / .field-dataTable
	8. Wizard / .wizard
	9. Messaggi / .message-modal
	10. Form inline
	Color Used:
	Main Navigation #1A2226
	Search #374850;
	Main Menu #222D32;
	Sub Menu #2c3b41; 
------------------------------------------------------------------*/
/*
override adminLTE.css fo font awesome 5
*/
/*
.main-header .sidebar-toggle {
  float: left;
  background-color: transparent;
  background-image: none;
  padding: 15px 15px;
  font-family: Font Awesome\ 5 Free;
}

.main-header .sidebar-toggle:before {
  content: "\f0c9"; 
}
*/
/*
  [0. Basic]
*/
.content-header > .breadcrumb,
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
.sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span,
.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header,
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu > .user-body,
.progress.sm,
.progress-sm,
.progress.sm .progress-bar,
.progress-sm .progress-bar,
.progress.xs,
.progress-xs,
.progress.xs .progress-bar,
.progress-xs .progress-bar,
.progress.xxs,
.progress-xxs,
.progress.xxs .progress-bar,
.progress-xxs .progress-bar,
.small-box,
.box,
.box .overlay,
.overlay-wrapper .overlay,
.box-body,
.no-header .box-body,
.box-body .box-pane,
.box-body .box-pane-right,
.box-footer,
.todo-list > li,
.chat .item > .attachment,
.info-box,
.info-box-icon,
.timeline:before,
.timeline > li > .timeline-item,
.timeline > li.time-label > span,
.btn,
.btn-app,
.callout,
.alert,
.nav-tabs-custom,
.nav-tabs-custom > .nav-tabs,
.nav-tabs-custom > .tab-content,
.products-list > .item,
.direct-chat-text,
.lockscreen-item,
.external-event,
.content-header > .breadcrumb,
.label,
.nav-tabs > li > a {
  border-radius: 0 !important;
}

.pull-center {
	/*
	display: block;
	margin-left: auto;
	margin-right: auto;
	*/
	text-align: center;
}

.spacer-left {
	margin-left: 10px;
}

.divider {
	background: #367fa9 none repeat scroll 0 0;
	color: #FFF;
	display: block;
	padding: 10px;
	position: relative;
	font-size: 16px;
	/*font-weight: bold;*/
	margin-left: -10px; 
	margin-right: -10px; 
	margin-bottom: 10px;
	clear: both;
}


/* 
	[1. Box dark / .box-dark]
*/
.box.box-dark {
  border-top-color: #2C3B41;
}
.box.box-solid.box-dark {
  border: 1px solid #2C3B41;
}
.box.box-solid.box-dark > .box-header {
  color: #FFF;
  background: #2C3B41;
  background-color: #2C3B41;
}
.box.box-solid.box-dark > .box-header a,
.box.box-solid.box-dark > .box-header .btn {
  color: #FFF;
}

.box-body .search .form-group {
	margin-bottom: 8px;
}

.box-body .search .dark {
  background: #e0e0e0 none repeat scroll 0 0;
  /* font-weight: bold; */
  font-size: 16px;
  margin-left: -10px; 
  margin-right: -10px;
  padding: 8px;
  
}

.box-body .search .search-button {
	padding-top: 2%;
}

.box-footer {
  background-color: #f4f4f4;
}

.box-body .box-row {
	height: 30px;
	padding: 5px 10px;
	margin-bottom: 15px;
}


.box-body .box-divider {
	background: #e0e0e0 none repeat scroll 0 0;
	color: #444;
	display: block;
	padding: 10px;
	position: relative;
	font-size: 16px;
	/*font-weight: bold;*/
	margin-left: -10px; 
	margin-right: -10px; 
	margin-bottom: 10px;
}
.box-body .box-divider:before{
  content: " ";
  display: table;
}
.box-body .box-divider:after {
  clear: both;
}
.box-body .box-divider > .fa,
.box-body .box-divider > .glyphicon,
.box-body .box-divider > .ion {
  display: inline-block;
  font-size: 16px;
  margin: 0;
  margin-right: 5px;
  line-height: 1;
}
/* 
	[2. Search, Result tables / .dataTable]
*/
.box.dataTable .box-body label {
	font-weight: normal;
	color: #374850;
}
.dataTable th  {
    background-color: #2c3b41;
    color: white;
} 

.dataTable td .btn {
	 padding: 2px 10px;
}

.dataTable div.paginate {
    margin: 0;
    text-align: right;
    white-space: nowrap;
}
.dataTable div.paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
}
.dataTable div.info {
	padding-top: 8px;
	white-space: nowrap;
}

.dataTable .table-bordered {
    border-collapse: separate !important;
}

.dataTable thead .sorting,
.dataTable thead .sorting_asc,
.dataTable thead .sorting_desc {
	cursor: pointer;
	position: relative;
}

.dataTable thead .sorting:after,
.dataTable thead .sorting_asc:after,
.dataTable thead .sorting_desc:after {
	position: absolute;
	top: 8px;
	right: 8px;
	display: block;
	font-family: 'Glyphicons Halflings';
	opacity: 1;
}
.dataTable thead .sorting:after {
	opacity: 0.4;
	content: "\e150"; /* sort */
}
.dataTable thead .sorting_asc:after {
	content: "\e155"; /* sort-by-attributes */
}
.dataTable thead .sorting_desc:after {
	content: "\e156"; /* sort-by-attributes-alt */
}
.dataTable thead > tr > th {
	/* padding-right: 30px; */
}

/* 
	[3. Form / ricerche]
*/
.form-group-btn {
    position: relative;
    white-space: nowrap;
	display: table-cell;
	vertical-align: middle;
    width: 1%;
}
.search-table {
	display: table;
	width: 100%;
	margin-bottom: 5px;
}
.search-row {
	display: table-row;
	vertical-align: middle;
}

.search-cell {
	display: table-cell;
	vertical-align: middle;
	padding: 2px;
}

/* 
	[4. Form Horizontal / hr]
*/
.form-horizontal hr {
  margin-top: -10px;
  margin-bottom: 5px;
  border: 0;
  border-top: 1px solid #f4f4f4; /*#eee;*/
}

.form-horizontal .form-error {
	color: #a94442;
    display: block;
	/*  font-size: 12px; */
	font-size: 85%;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
}
.form-horizontal .form-error:before {
	font-family: FontAwesome;
	content: "\f071";
	display: inline-block;
	margin-right: 6px;
}
/* 
	[5. Form view / .view]
*/

.view {
    background-color: #fff;
    background-image: none;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    width: 100%;
}

.view-area {
    background-color: #fff;
    background-image: none;
    color: #555;
    display: block;
    font-size: 14px;
    min-height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    width: 100%;
}

.view-border {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.view-area-border {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    min-height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

/* 
  [6. Login page / .background-image]
*/
.login-page .login-logo {
  color: #000;
  font-size: 30px;
}
.login-logo img {
	vertical-align: top;
} 

.login-page.dark {
  background-color: #333333;
}
.login-page.dark .login-logo {
  color: #f6f6f6;
}

.login-page.background-image {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.login-page.background-image.sunset   { background-image: url(https://upload.wikimedia.org/wikipedia/commons/c/ca/Sunset_free_wallpaper.jpg); }
.login-page.background-image.forest   { background-image: url(http://thewowstyle.com/wp-content/uploads/2015/04/1712173free-wallpaper.jpg); }
.login-page.background-image.sky      { background-image: url(http://www.torange.us/photo/22/16/heavenly-light-1378730240_97.jpg); }
.login-page.background-image.travel   { background-image: url(http://ewallpapers-hub.com/wp-content/uploads/2015/02/free-background-images-5.jpg); }
.login-page.background-image.night    { background-image: url(http://blog.creaders.net/upfile/images/20130728/20130728002559_74643_big.jpg); }
.login-page.background-image.flowers  { background-image: url(http://www.fantom-xp.com/wallpapers/28/Field_poppies_-_free_hq_wallpaper.jpg); }

.login-page.gradient-dark {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#404040+0,000000+100 */
  background: #404040; /* Old browsers */
  background: -moz-linear-gradient(top,  #404040 0%, #000000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#000000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #404040 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #404040 0%,#000000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #404040 0%,#000000 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #404040 0%,#000000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.login-page.gradient-light {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,C3D2E5+100 */
  background: #f6f6f6; /* Old browsers */
  background: -moz-linear-gradient(top,  #f6f6f6 0%, #C3D2E5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#C3D2E5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f6f6f6 0%,#C3D2E5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f6f6f6 0%,#C3D2E5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f6f6f6 0%,#C3D2E5 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f6f6f6 0%,#C3D2E5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#C3D2E5',GradientType=0 ); /* IE6-9 */
}

.login-page.background-image.sunset .login-logo,
.login-page.background-image.forest .login-logo,
.login-page.background-image.night .login-logo,
.login-page.gradient-dark .login-logo {
  color: #f6f6f6;
  text-shadow: 0px 0px 2px #000;
}

/* 
  [7. Field data table / .field-dataTable]
*/

.field-dataTable p.title {
  background-color: #E0E0E0;
  padding: 6px;
  margin-bottom: 0;
}

/* 
  [8. Wizard / .wizard]
*/

/* contenitore della lista con i vari step*/
.box > .box-header ol.wizard {
  margin        : 0;
  padding       : 0;
  font-size     : 1.4em;
  counter-reset : li; /* Initiate a counter */
  /* hack per eliminare gli spazi tra gli elementi del wizard */
  display       : -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display       : -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display       : -ms-flexbox;      /* TWEENER - IE 10 */
  display       : -webkit-flex;     /* NEW - Chrome */
  display       : flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

/* elemento per lo step "normale" */
.box > .box-header ol.wizard > li {
  list-style         : none; /* Disable the normal item numbering */
  /*background       : rgba(255,255,255,0.6);*/
  display            : inline-block;
  padding            : 0.6em;
  margin             : 0px;
  margin-right       : 5px; /*30px */
  position           : relative;
  -webkit-transition : all 0.2s ease-in-out;
  -moz-transition    : all 0.2s ease-in-out;
  transition         : all 0.2s ease-in-out;
}

/* l'ultimo elemento degli step non deve avere un margine a destra*/
.box > .box-header ol.wizard > li:last-child {
  margin-right : 0px;
}

/* separatore a puntini tra i vari step */
/*
.box > .box-header ol.wizard li:after {
  content    : " ";
  width      : 30px;
  position   : absolute;
  top        : 50%;
  right      : -30px;
  border-top : 1px solid rgba(255,255,255,0.6);
}
*/
.box > .box-header ol.wizard li:last-child:after {
  border-width: 0px;
}

/* colore del testo dentro lo step */
.box > .box-header ol.wizard > li a,
.box > .box-header ol.wizard > li span {
  color: #fff !important;
}

/* icona con il numero dello step */
.box > .box-header ol.wizard > li a:before,
.box > .box-header ol.wizard > li span:before {
  content            : counter(li); /* Use the counter as content */
  counter-increment  : li; /* Increment the counter by 1 */
  padding            : 0.2em 0.65em;
  background         : #fff;
  color              : #333;  
  border-radius      : 50%;
  margin-right       : 0.6em;
}

/* hack per stile hover (elimina l'effetto standard di bootstrap) */
.box > .box-header ol.wizard > li a:hover,
.box > .box-header ol.wizard > li.selected a:hover {
  background : transparent !important;
}

/* stile hover sullo step */
.box > .box-header ol.wizard > li:hover,
.box > .box-header ol.wizard > li.selected {
  background-color : rgba(0,0,0,0.4);
}

/* stili per lo step disabilitato */
.box > .box-header ol.wizard > li.disabled a,
.box > .box-header ol.wizard > li.disabled span {
  color: rgba(255,255,255,0.4) !important;
}
.box > .box-header ol.wizard > li.disabled:hover {
  background : transparent !important;
}
.box > .box-header ol.wizard > li.disabled a:before,
.box > .box-header ol.wizard > li.disabled span:before {
  color: rgba(0,0,0,0.4);
  background: rgba(255,255,255,0.4);
}

/* hack per lo stile disabilitato con il box-dark
(il testo è bianco semi-trasparente anzichè scuro) */
.box.box-dark > .box-header ol.wizard > li.disabled a,
.box.box-dark > .box-header ol.wizard > li.disabled span {
  color: rgba(255,255,255,0.4) !important;
}
.box.box-dark > .box-header ol.wizard > li.disabled a:before,
.box.box-dark > .box-header ol.wizard > li.disabled span:before {
  color: rgba(0,0,0,0.4);
  background: rgba(255,255,255,0.4);
}

/* 
  [9. Messaggi / .message-modal]
*/

.message-modal .modal {
	position: relative;
	top: auto;
	bottom: auto;
	right: auto;
	left: auto;
	display: block;
	z-index: 1;
}
.message-modal .modal {
	background: transparent!important;
}

/*
  [0. Form Inline]
*/
.form-control-wide {
	width: 100%!important;
}

/*
	[Data Table]
*/
.table-striped  > tbody > tr:nth-of-type(odd) td.td-warning {
  background-color: #ffdda8;
}
.table-striped > tbody > tr:nth-of-type(even) td.td-warning {
  background-color: #ffe9c6;
}
.table-striped  > tbody > tr:nth-of-type(odd) td.td-success {
  background-color: #a8ffc3;
}
.table-striped > tbody > tr:nth-of-type(even) td.td-success {
  background-color: #d1ffdf;
}
.table-striped  > tbody > tr:nth-of-type(odd) td.td-danger {
  background-color: #ffc6a8;
}
.table-striped > tbody > tr:nth-of-type(even) td.td-danger {
  background-color: #ffe1d1;
}

.table-striped-big tr:nth-child(4n+1), .table-striped-big tr:nth-child(4n+2) {
    background: #f9f9f9;
}
/* 
  [99. Altro / varie classi]
*/