/* INDEX LOGIN */

#loading {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  background-color: rgba(255, 255, 255, .7);
  z-index: 99999;
}

#loading-image {
  z-index: 100;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #379392;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.home_login {
	background: url('/assets/img/home_bkg_cp.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

#messaggio{
	padding:10px;
	margin-top:15px;	
}
.corretto, .errore, .wait{
	padding: 20px;
	text-align: center;
	z-index: 9999999999;
	width:100%;
}

.green {
	background-color:#e6fff5;
}

.pink {
	background-color:#f5d0d0;
}

.yellow {
	background-color:#fffed4;
}

.blu {
	background-color:#e6eeff;
}

.corretto {
	font-size: 14px;
	animation: corretto-animation 0.5s running;
	background-color:#e6fff5;
}
@keyframes corretto-animation {
	0%   {transform:scale(3.0, 3.0);}
	100% {transform:scale(1.0, 1.0);}
}

.errore {
	font-size: 14px;
	animation: errore-animation 0.5s running;
	background-color:#ffe6e6;
}
@keyframes errore-animationXX {
	0%   {transform:scale(3.0, 3.0);}
	100% {transform:scale(1.0, 1.0);}
}

.wait {
	font-size: 14px;
	animation: wait-animation 0.5s running;
	background-color:#ffe6e6;
}
@keyframes wait-animation {
	0%   {transform:scale(3.0, 3.0);}
	100% {transform:scale(1.0, 1.0);}
}

/* MODFICA STILI DI BASE */
.page {
  background-color: #FFF;
}

.error {
	font-size: 14px;
	animation: errore-animation 0.5s running;
	color:#F00;
}

.txt-L					{text-align: left;}
.txt-C					{text-align: center;}
.txt-R					{text-align: right;}
.txt-J					{text-align: justify;}


.embed-responsive-1by3 {
   padding-top: 300%;
}

.table-condensed-plus>thead>tr>th, 
.table-condensed-plus>tbody>tr>th, 
.table-condensed-plus>tfoot>tr>th, 
.table-condensed-plus>thead>tr>td, 
.table-condensed-plus>tbody>tr>td, 
.table-condensed-plus>tfoot>tr>td{ padding: .25rem; vertical-align:middle }

.tooltip-inner {
    max-width: 400px !important;
}

.side-navbar { width: 230px !important; }
.page { width: calc(100% - 230px); }

.side-navbar .sidenav-header { 
	margin-bottom: 0 !important; 
	padding: 20px 20px 0 !important; 
}
.text-white {
	color: #FFFFFF;
	font-size: .9rem;
    font-weight: 300;
}