body {
  /*min-height: 2000px;*/
  padding-top: 150px;
  
 }
 
 @media (max-width: 767px) {
   body {
  /*min-height: 2000px;*/
  padding-top: 100px;
  
 }
   
}


.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;}


/*############## 
	NAV
############*/
.navbar-default{border-color:#ccc;  }

.navbar-brand {    padding: 5px 15px !important;}

.nav > li.active > a{ bottom: -1px;}

.nav > li.active a {
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
border-top-left-radius:4px;
border-top-right-radius:4px;}

.nav > li.activexs a {
background-color:#f8f8f8;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #fff;
    color: #000;}
	
.navbar-fixed-top {
    border: 0;
	padding:5px 0 10px 0;
	background-color:#fff;}
	


#showhide { padding-top:6px; padding-bottom:6px; width:125px;  text-align:center;  }



/*############## 
	LOGIN
############*/

#login {  background-color: #eee; padding-top:0}

.login-title {
  padding: 50px 0;
  text-align: center;
  letter-spacing: 2px;}
  
.login-title h1 {
  margin: 0 0 20px;
  font-size: 24px;
  font-weight: bold;
  color:#000;}
  
.login-title span {font-size: 16px;}
  
.login-title span .fa {color: #33b5e5;}

.login-title span a {
  color: #33b5e5;
  font-weight: 600;
  text-decoration: none;}

.center-inline {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;}
	
.form-module {
    background: #ffffff none repeat scroll 0 0;
    border-top: 5px solid #337ab7;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    max-width: 320px;
    position: relative;
    width: 100%;
	padding:20px;}


.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;}
  
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 20px;
  margin-top:0;}
  
.form-signin .checkbox {font-weight: normal;}

.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;}
  
.form-signin .form-control:focus {z-index: 2;}

.form-signin #Username {margin-bottom: 10px;}

.form-signin #Password {margin-bottom: 10px;}




/*#####################
	DATATABLES
#####################*/
.table-responsive { border:0;}

#righe-wrap { display:none}

#loading, #righe-loading { margin:0 auto; text-align:center;}
#loading img, #righe-loading img { width:80px;}

.DTTT_container { margin-bottom:10px !important; margin-left:25%; }
.dataTables_paginate { font-size:12px;}
.dataTables_length {float:left; margin-bottom:10px !important; }
.dataTables_filter{ float:right; margin-bottom:10px !important;}



/*##################
	RICERCA
###################*/
/*.ricerca { border-bottom: 1px solid #ccc; border-top:1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color:#f8f8f8; border-radius: 4px;}*/

#ricerca .panel { box-shadow: none!important}


#ricerca .panel-body {padding: 15px 15px 0px 15px;}

.form-inline{padding:0 5px;}

.nopadding {
   padding: 0px 10px; !important;
   margin: 0px !important;}

.form-inline .form-control {width: 100%;}

#ricerca .col-md-4, #ricerca .col-md-3, #ricerca .col-md-2, #ricerca .col-md-6 {
padding-left:0 !important;
padding-right:0 !important;
padding-bottom:10px ;}

#ricerca .checkbox label{padding-top: 6px; padding-bottom: 6px;}

.form-inline .form-group {width: 100%; } /*altrimenti i campi input vengono piccoli*/


/*#####################
DATATABLES
######################*/


div.dt-buttons {float: right;}
div.dataTables_filter {
    margin: 0 auto;
    width: 200px;
	float:none;
}
div.dataTables_length { display: inline-block}
div.dataTables_info  { float:left} 

@media only screen and (max-width: 767px) {
   div.dt-buttons { display:none  }
   div.dataTables_length{ display:none  }
   div.dataTables_info { display:block; float:none; margin-bottom:5px;}
}




/*####################
DATAPICKER
#####################*/

/*per disattivare la tstiera sui dispositivi mobili inserisci nell'input readonly=readonly e nel js del tatapicker focusOnShow: false, ignoreReadonly: true,*/

.form-control[readonly] { background-color: #fff !important; opacity: 1; }


@media (max-width: 767px) {
   .bootstrap-datetimepicker-widget { 
      display: none; 
	  visibility: hidden !important;
   }
   
}