.logo
{
	 margin: 20px auto;
	 background: url(images/layout/logo.png) no-repeat;
	 background-size: cover;
	 width: 230px !important; 
	 height: 57px;
 }
 
 #footer .logo
{
	 margin: 0;
	 background: url(images/layout/logo.png) no-repeat;
	 background-size: cover;
	 width: 150px !important;
	 height: 35px;
	 filter: brightness(0) invert(1);
 }
 
 
 .main-image
 {
	 background: url(images/layout/main-banner.jpg) no-repeat;
	 width: 100vw;
	 margin-left: 50%;
	 margin-right: 50%;
	 left: -50vw;
	 right: -50vw;
	 position: relative;
	 height: 300px;
	 background-size: cover;
	 background-position: 50% 70%;
	 margin-top: -25px;
	 z-index: -1;
 }
 
 .main-image:after
 {
	 /*content: " ";*/
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 background: linear-gradient(180deg, rgba(98,192,218,0.4) 0%, rgba(229,157,19,0.4) 100%);
	 z-index: -1;
 }
 
 .image:after
 {
	 top: 90px;
	 height: calc(100% - 90px);
	 content: " ";
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 background: linear-gradient(180deg, rgba(255,255,255,0.7) 20%, rgba(98,192,218,0.4) 100%);
	 z-index: -1;
 }
 
 .logo-2open-credentials
 {
    display: inline-block;
    width: 49px;
    height: 10px;
    margin: 5px 0 0 5px;
    background: url(https://www.2open.it/loghi/2open-footer.png) no-repeat center center;
}

 
 .table-striped tbody tr:nth-of-type(2n+1),
 .login .card-header
 {
	 background: url(images/layout/bg-box.png);
	 
 }
 
 
.image:before
{
  content: "";
  background: url(images/layout/bg-classifica.jpg) no-repeat;
  background-size: cover;
  display: block;
  width: 100%;
  height: calc(100% - 90px);
  position: absolute;
  z-index: -1;
  top: 90px;
  background-position: 50% 20%;
  opacity: 0.7;
}

.logo-iriad
{
	 background: url(images/layout/logo-iriad.png) no-repeat;
	 width: 72px;
	 height: 90px;
	 background-size: cover;
	 display: inline-block;
	 mix-blend-mode: multiply;
}

.logo-casapace
{
	 background: url(images/layout/logo-casadellapace.png) no-repeat;
	 width: 200px;
	 height: 70px;
	 background-size: cover;
	 display: inline-block;
	 mix-blend-mode: multiply;
}

.logo-onlus
{
	 background: url(images/layout/logo-onlusframmartino.png) no-repeat;
	 width: 96px;
	 height: 90px;
	 background-size: cover;
	 display: inline-block;
	 mix-blend-mode: multiply;
}

.logo-comune
{
	 background: url(images/layout/logo-monterotondo.png) no-repeat;
	 width: 78px;
	 height: 90px;
	 background-size: cover;
	 display: inline-block;
	 mix-blend-mode: multiply;
}