@font-face {
    font-family: 'Walt_Disney_Script';
    src: url('../styles/brook23.ttf') format('truetype');;
}

body{
    background: url(../images/sfondosulrosso.png) no-repeat 50% 0 fixed;height: 0px;position:relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;


}

#ContainerHome{
    margin-top:75px;
    background-attachment:scroll;
    background:url(../images/lotobudda5.png) repeat-y 50% ;position: relative;


}




#ContainerHome div{
    background-attachment:scroll;
    margin-bottom: 10px;
    padding:10px;
   }
div.postHome{
    margin-left:2%;
    margin-bottom: 25px;
}
#condividi{
    color:white;
   /* margin-top:150px;*/
   /* bottom:60%;*/
    margin-left: 48%;
    color: #607cb7;
    font-size: 15px;
    text-decoration: double;
    width:100px;
    height: 40px;

  }


#commento{
    display: none;
    width:100%;
    min-heigth:150px;
    margin-left:10%;
    margin-top:15px;
}

input.form-control {
    width: 300px;
    height: 46px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    background-color: rgb(255, 255, 255);
    font: bold 24px/45px Helvetica, Sans-Serif;
    letter-spacing: -1px;
    margin-left:-10px;
    border:none;


}
.input-group{
    width: 400px;
    height: 46px;
    margin-top: 9px;/*barra search*/
    margin-left: 15px;
    margin-right: 20%;
    margin-left: 50%;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    background-color: rgb(255, 255, 255);
    font: bold 24px/45px Helvetica, Sans-Serif;
    letter-spacing: -1px;
    margin-left:80%;
} /*per spostare barra search*/

.alert{
    margin-top: 70px;
    width: inherit;
    max-width:50%;
}

/*home*/
.w3-top{
    overflow: visible;

}

.geobudda{
    font-family: "Helvetica";
    font-size:10px;
    color: #fff;
    margin-top:5px;
    margin-left:6px;
    line-height:2px;
}
#geoIcon{
    margin-top:5px;
    hspace:10px;
    color: #fff;
}



#menu {
    border-radius:30px;

    list-style-type:none;
    position: absolute;
    top: 69px;
    left: 0.2%;
    width: 250px;
    line-height:35px;	/* Interlinea */
    background-color:rgb(116,134,179);
    z-index: +1000;
    display: none;
}

.menu ul{
    width:100%;
    float:left;
    margin-top:50px;
    list-style-type:none;
    margin:0;
    padding:0;

}
.menu ul li{
    margin-top:30px;/*spazio tra le varie funzionalità*/
    border-left: 10px solid transparent;

}

.menu ul li:first-child{
    margin-top:40px;/*spaziotrainiziofinestra e prima funzione*/
}
.menu ul li:hover{
    background: #9acae5;

   }

.menu ul li a{
    text-align: left;
    color: #fff;
    text-decoration: none;
    padding: 5px 0;
    display: block;
}
/*menuButton*/
#menuButton a{
    cursor:pointer;
    transition:all 0.2s;
}

/*close button*/
.closeButton{
    font-size:5px;
    color:#fff;
    position:absolute;
    left:200px;
    top:1px;
    z-index: +1000;
}
.glyphicon {
    text-align: left;
    color: #fff;
    text-decoration:none;
    padding: 5px 0;
    display: flex;
}

/*6692c4*/
#topBarHome{
    background-color: #7c9bc4;
    border-radius:15px;
    /*Per posizionare il contenuto*/
    display:flex;
    align-items:right;
    height: 65px;
    z-index: 1000;

    }

#userNameHome{
    font-family: "Helvetica";
}

#logoBarImgHome{
    content: url("../images/logonaisho.png");
    width: 200px;/* dimensioni logo nella barra della home*/
    height: 60px;
    margin-top:-6px;
}

#logoBarImgContainerHome{
    position: absolute;
    right: 0px;
    margin-right: 40px;/*per spostare logonaisho nella barra della home*/
    margin-top:10px;
}

#logoBarHome{
    position: absolute;
    right: 50px;
    margin-right: 20px;
}

#homeLinkHome{
    color: #ffffff;
}

#userLinkHome{
    color: #ffffff;
}
#newsIcon{
    color: #ffffff;
}
#OffIcon{
    color:#FFFFFF;
}


#searchItemHome{
    max-width: 30%;


}

#bodyHome{
    overflow:auto;
    padding-top:15px;
    /*top: 40%;*/
    width: 50%;
    min-height: 35%;
}


#bodyHome{
   /* position: fixed;*/
    margin-left:26%;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: +300;
    background-attachment:scroll;
    text-align: justify;
    align-content: space-between;
    border-radius: 15px;
}
#eventi{
    margin-left:5%;
    background-color: rgba(255, 255, 255, 0.81);
    z-index: +300;
    background-attachment:scroll;
    text-align: justify;
    align-content: space-between;
    border-radius: 15px;
}
/*eventi nella home*/
p.eventiHome{
    color: #3903ff;
    padding-left: 30%;
}


ul#elencoEventi li{
    font-size: 15px;
    padding-top:5px;
    float:left;
    width:inherit;
    margin-left: 20px;
}
div.media-body {
    width:inherit;
    margin: 30%;
}


#contenitoreFrase {
    /*top: 75px;*/
    margin-left: 12.5%;
    width: 75%;
   /* height: 15%;*/
   /* position: fixed;*/
    background-color: transparent;
    z-index: +300;
    background-attachment:scroll;
    text-align: center;
    align-content: space-between;
    }

#frasedelgiorno{
    font-family: brook23;
    padding-top: 1em;
    color:white;
    font-size: 20px;
    font-style: italic;
    text-align: center;
    margin-left:20px;
}

#condividi{
    color: #fff; /*colore scritta dentro il bottone*/
    border-color: #6a99e2;
    border-radius: 15px;
    background-color: #739ab7;


}

#eventi {
    width: 90%;
    min-height: 12%;
    }

ul#elencoEventi li:first-child{
    padding-top: 20px;
}

#detail{
    margin-top:10%;
    max-width:50%;
    font-size:15px;
    background: white;
    border-radius: 15px;
    margin-left:25%;

}
#detail h1{
    alignment: center;
    padding-left: 30%;
    color: black;
    padding-top:3%;
}
#detail p{
    alignment: center;
    color: black;
    padding-left:3%;
    padding-bottom:1%;
}

#detailPost,#detailForum{
    margin-top:100px;
    font-size:20px;
    background: white;
    border-radius: 15px;
    margin-left: 10%;
    margin-right: 10%;
    align-content: center;
    padding-left:3%;
    padding-bottom:15px;

}

#detailPost h1{
     alignment: center;
     color: black;
     padding-top:3%;
 }
/*bottoni mi piace e commenta*/
.mipiace-commenta button{
    margin:3%;
    border-radius: 5px;
    background: #9acae5;
    padding: 5px;

}
span.mipiace-commenta{
    margin-left:15%;
    margin-top:10px;
    }
#nonMiPiace{
    background-color: #ff8614;
}
ul {
    list-style-type: none;
}
#commentiPost{
    margin-top:20px;
    background: transparent;
    border-radius: 15px;
    margin-left: 10%;
    margin-right: 10%;
    align-content: center;
    padding-left:3%;
    padding-bottom:5px;
    padding-top: 15px;
    overflow: auto;
}
#detailForum h1{
   alignment: center;
   color: black;
   padding-top:3%;
}

#detailForum p{
    padding-left:3%;
}

#commentiForum{
    min-height:200px;
    background: white;
    border-radius: 15px;
    margin-left: 10%;
    align-content: center;
    padding:3%;
    margin-top:5px;
 }
#mappa{
    margin-top:10%;
    height:250px;
    width:80%;
    margin-left:10%;
}
/*fine home*/

.form-control{
    color: rgba(0, 0, 0, 0.4);
    width: 300px;

    background-color: white;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
label{
    text-align: left;
}

.LinkList{
    float: right;
    padding-right: 10px;
}
img.media-object{
    width: 80px;
    height: 80px;
}

.frmModifiche{
    margint-top:3%;
    position:absolute;
    width:90%;
    height:680px;
    margin-left:35%;
    }

.frmModifiche h2{
    margin-top: 120px;
    margin-left: 15px;
    }
.frmModifiche button {
    float: left;
    margin-left: 75px;
    padding: 5px;
}
#addPost {
    transform: rotate(-3deg);
    margin-left:3%;
}
#addPost #txtTitolo {
    margin-left:3%;
}

/*profilo personale*/

.clear {
    clear: both;
}

#profilo1{
    margin-left: 10px;
    margin-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    float: left;
    left: 0%;
    width: 30%;
    background-color:#FFF;
    position: relative;
    display:block;
    float :left;
    border-radius: 15px;
}
#profilo2{
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 10px;
    float: left;
    width: 65%;
    background-color: rgba(255, 255, 255, 0.61);
    display:block;
    border-radius: 15px;
    height:17em;
    overflow: auto;
}

#profilo1 h1{
    font-size: initial;
    padding-top:5px;
    color:black;
    line-height: inherit;
}
#profilo2 h1{
    font-size: initial;
    padding-top:5px;
    color: #337ab7;
    line-height: inherit;
}
 h1{
     padding-top: 75px;
     color: white;
     font-size:30px;
     margin-left: 20px;
 }

#userIcon{
    float:left;
    padding: inherit;
    width: 220px;
    height: 170px;
}

/*Prega*/
.clear1 {
    clear: both;
}

#prega1{
    margin-left: 10px;
    margin-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    float: left;
    left: 0%;
    width: 30%;
    background-color:#FFF;
    position: relative;
    display:block;
    float :left;
    border-radius: 15px;
}

#prega1 h3{
    font-size: initial;
    padding-top:5px;
    color:black;
    line-height: inherit;
}

h3{
    padding-top: 75px;
    color: white;
    font-size:30px;
    margin-left: 10px;
}

#immaginegong{
    margin-left: 15%;
    margin-top:8%;
}

.salva-visualizza-pubblica{
    font-family: "Helvetica ", serif;
    color:#FFFFFF;
    }

#salva-visualizza-pubblica{
    margin-left: 40%;
    margin-top: 10%;
}

.salva-visualizza-pubblica a{
    color:white;
}

/*Cronometro*/
*{
    margin: 0;
    padding: 0;
}
#contenitore{
    margin: 10px auto;
    width:  540px;
    height: 115px;
    margin-left:40%;
    margin-top:-25%;
}
.orologio{
    float:left;
    font-size: 98px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: oldlace;
}
.bottone{
    outline: none;
    border: 1px solid #363431;
    color: white;
    width: 128px;
    height: 30px;
    text-shadow: 0px -1px 1px black;
    font-size: 20px;
    border-radius: 5px;
    font-family: Helvetica;
    cursor: pointer;
    background-image: linear-gradient(#235dad, #1f97b7);
}


.bottone:active{
    background-image: linear-gradient(#235dad, #1f97b7);
}
.bottone:hover{
    box-shadow: 0px 0px 14px #1f97b7;
}

#cambia-immagine{
    width:50%;
    background-color: rgba(255,255,255,0.5);
    margin-top: 5%;
    border-radius:15px;
    text-align: center;
    align-content: center;
    padding:15px;
}
#cambia-immagine button{
    margin-top: 45px;
    margin-left: 25px;
    border-right: 10px;
    margin-right: 10%;
}


#changeImg {
    color: #3903FF;
    width: inherit;
    margin-left: -74%;
    margin-top:10px;

}

#edit{
    color: #3903FF;
    width: inherit;
    margin-left: -10px;
    margin-top:10px;
 }
/*
#prega,#tutor{
    background-color:transparent;
    width: 10%;
    margin-left: 10px;
    margin-top:-20%;

}
*/

  /*bisogna centrare le icone*/


#prega:hover, #changeImg:hover,#edit:hover,#tutor:hover{
    opacity:0.5;
}
a.prega-tutor{
   margin-left:0px;
}
img.prega-tutor{
    margin-bottom:-15%;
    margin-left:15%;
    background-color:transparent;
    width: 10%;
    margin-top:-20%;
}
#profile-bar{
    text-align: center;
    padding-top: 5px;
    margin-left:25%;
}

form.frmLogin {
    margin-right: 20%;
    margin-left: 20%;
}

/*.logoNaisho{
    content:url("../images/logonaisho2.png");
    height: 200px;
    width: 350px;
    margin-left: -5%;
}*/


#titolo{
    font-family: Andalus;
    text-align: center;
    font-size: 40px;
    color : #ffffff;

}
.form-group {
    margin-top: 15px;
    margin-left: 30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    color: #FFFFFF;
}
.btn {
    margin-left: 145px;
    height:46.5px;/* altezza barra sotto search*/
}

.link {
    text-align: center;
    padding-top: 38.5px;
    color:white;
}
.link2 {
    text-align: center;
    padding-top: 0px;
    color:white;
    margin-left: -140px;
}


.link a:link{
    color: #ffffff;
    }

.link2 a:link{
    color: #ffffff;
    text-decoration: underline;


  }
.loghi {
    height: 30px;
    width: 30px;
}


.w3-large{
    color:#FFFFFF;
    margin-top: 15px;
    margin-left: 10px;
    letter-spacing:5px;
    text-decoration: none;
}


/*icona lente*/
.btn{
   border-radius:15px;
   background-color: #dddddd;

}

/*chat*/
.userList {
    margin-top:90px;
    border-radius: 15px;
    padding:5px;
    background-color: white;
    text-align: center;
    font-size: inherit;
}

.userList p{
    color:black;
    margin-left:2%;
}

#chat {
    margin-top:90px;
    border-radius: 15px;
    padding:5px;
    width: 100%;
    background-color: white;
    text-align: center;
    font-size: inherit;
    text-decoration-color: #0f0f0f;
}

.google-maps {
    position: relative;
    padding-bottom: 75%; /*Definisco l'aspect ratio */
    height: 0;
    overflow: hidden;
}

/*Other Profile*/
#otherProfile{
    margin-top: 85px;
    padding-left: 10px;
    padding-bottom: 10px;
    float: left;
    left: 0%;
    width: 30%;
    height:40em;
    background-color:#FFF;
    position: relative;
    display:block;
    float :left;
    border-radius: 15px;
}
#otherProfile h1{
    color:black;
    alignment: center;
    margin-top:-10%;
}

#otherProfileInfo{
    margin-top: 90px;
    margin-left: 20px;
    margin-right: 10px;
    float: left;
    width: 65%;
    background-color:#FFF;
    display:block;
    border-radius: 15px;
    height:18em;
    text-decoration-color: black;
    overflow: auto;
}

#otherProfileInfo h4{
    font-size:20px;
    margint-top:30px;
    margin-left: 50%;
}

#buttonOtherProfile{
    margin-top:10px;
    left: -30%;
   }

#buttonOtherProfile button{
    width:300px;
    color: #ffffff;
    margin-top: 5px;
    margin-right: 10%;
    }

#postOtherProfile{
    margin-left: 50px;
    font-size: 17px;
    padding-top:12px;
    margin-right: 3%;
   }


/*calendario*/
.nuovoevento-forum{
    margin-left: 10px;
    margin-top:30px;
    margin-right: 200px;
    line-height:20px;
    width:20%;
    float:left;
    display:block;
}


#newEvent,#newForum{
   margin-top:10px;
}

.calendario{
    margin-left: 0%;
    margin-top: -200px;
    padding-left: 10px;
    padding-bottom: 10px;
    float: right;
    width: 75%;
    margin-right:40px;
    height:400px;
    background-color:#FFFFFF;
    position: relative;
    border-radius: 15px;
    display:block;
}

.calendar_default_cornerright_inner{
    border-radius: 15px;
}

.calendar_default_cornerright{
    border-radius: 15px;
}

.calendar_default_main{
    border-radius: 15px;
}

/*forum nella vista calendario*/
#forumCalendar{
    background-color: rgba(255, 255, 255, 0.6);
    min-height:50px;
    max-height:250px;
    margin-top:20px;
    border-radius:15px;
    padding-top: 20px;
    margin-left:2.5%;
    width:95%;
    margin-bottom: 20px;
    overflow: auto;

}

#forumCalendar p {
    padding-top:10px;
    color:black;
    margin-left:5%;
}

/*storico preghiere*/
#contenitorePreghiere{
    margin-top: 150px;
    margin-left:20%;
}

#contenitorePreghiere tr,td{
    color:black;
    alignment: center;
    padding-right: 50px;

}
#contenitorePreghiere table{
    margin-left: 200px;
    padding:20px;
}
.containerpreg:before {
    content:"";
    position:absolute;
    top:130px;
    right:250px;
    width:900px;
    height:900px;
    background:url(../images/pergamenapreghiere.png) no-repeat;
    z-index: -1;/*sfondo sotto la scritta*/
}

#elencoPreghiere{
    margin-top:100px;
    font: 20px/35px Helvetica, Sans-Serif;
}
/*
#tutorPage{
    margin-top:100px;
}
*/



h4.pagina-tutor {
    margin-left: 15%;
}
p.pagina-tutor {
    margin-left: 15%;
}
span.pagina-tutor {
    margin-left: 15%;
}
.tutor {
    color: #9acae5;
    }
#bodyHome p{
    color: #3903ff;
    margin-left:10%
}

/*crea nuovo post*/
/*bottone condividi*/

.btn-success:hover {
    color: #FFFFFF;/*colore scritta dentro il bottone*/
    background-color: #235dad;
    border-color:#08339d;
}
.btn {
    border-radius: 15px;
    background-color: #607cb7;
}
.btn center-block{
    color: #fff; /*colore scritta dentro il bottone*/
    background-color: #235dad;
    border-color: #08339d;
}


a {
    color: rgba(0, 7, 2, 0.98);
    text-decoration: none;
}
#scrittaannulla{
    color:#FFFFFF;
    text-decoration: none;

}

#modifiche {
    content:"";
    position:absolute;
    top:70px;
    right:250px;
    width:900px;
    height:680px;
    background:url(../images/postitpiuscuro.png) no-repeat;
    transform:rotate(3deg);
    z-index: -1;/*sfondo sotto la scritta*/
    margin-left: 200px;
    padding:20px;

}


.form-group{
    margin-top:3%;
    font: 20px/35px Helvetica, Sans-Serif;
}

strong {
    font-weight: 700;
    margin-top: 100px;
}
h2 {
    font-weight: 700;
    margin-top: 100px;
    margin-left: 10%;
    color: #FFFFFF;
    /*margin-left: 120px;*/
}


#contenuto{
    margin-left:3%;
    margin-top:10%;
    color:rgba(17, 7, 6, 0.84);
}
#txtTitolo{
   /* margin-left:160px;*/
    width:550px;
    height:100px;
    margin-top: 5%;
}

#caricaimmag{
    margin-left:7%;
    color: rgba(17, 7, 6, 0.84);
}
#condividieannulla{
    margin-left:15%;
}
.condividieannulla{
    margin-left:230px;
    margin-top:60px;
}
h5{
    color:white;
    font-size:20px;
    margin-top:80px;
    margin-left: 20%;
    width:20%;
}
.bottoniopzione{
    margin-left:35%;
    margin-top:-3%;

}
#buddaetutor,#solobudda,#solotutor{
    border-radius: 15px;
    height:50px;
    width:150px;
}
.inviti{
    background-color: white;
    margin-left: 10%;
    margin-bottom: 20px;
    border-radius: 15px;
    padding: 3%;
    width:40%;
}

.inviti div{
    padding: 1%;
}

.invita-nonInvita{
    margin-right: 50%;
}

#img-profilo,#imgOther{
    width: 220px;
    height: 170px;
    margin-left: 15%;
 }

#calendarForum {
    margin-top: -30px;
    margin-left:45%;
}
#elencoCommentiForum{
    background-color:transparent;
    /*border-radius: 15px;*/
    margin-left:10%;
    margin-right: 10%;
    overflow: auto;
}

div.commenti {
     background-color: rgba(191, 233, 255, 0.79);
     border-radius: 10px;
     padding:5px;
     margin-right: 30px;
     margin-top: 10px;
 }
h2.commenti {
    margin-left:10%;
    margin-top:0px;
}
div.foo{
    background-color: rgba(255, 255, 255, 0.35);
}

#searchDiv{
    margin-left:5%;
    align-content: center;
    padding:25px;
}
#campoRicerca{
    width:42%;
    margin-left:2%;
    margin-bottom:2%;
}
#searchDiv p{
     font-size: 20px;
     margin-left:2%;
     color:whitesmoke;
 }
#searchDiv a{
    font-size: 20px;
    margin-left:2%;
    color:whitesmoke;
}
img.imgPost{
    margin-left:10%;
    width:120px;
    height:100px
}

#cerca{
    float:right;
    width:30%;
    margin-top:10%;
    margin-right:60px;

}
.btn-success {
    color: #FFFFFF;
    background-color: #235dad;
    border-color: #08339d;
    margin-left:280px;
}
button.fainuovaricerca {
    color: #FFFFFF;
    background-color: #235dad;
    border-color: #08339d;
    border-radius:15px;
    width:200px;
    height:40px;
    margin-left:890px;
    }
#otherP{
    margin-left:10%;
}

#calendarioInviti{
    background-color: rgba(255, 255, 255, 0.8);
    min-height:50px;
    max-height:250px;
    margin-top:20px;
    border-radius:15px;
    padding-top: 20px;
    margin-left:2.5%;
    width:95%;
    margin-bottom: 20px;
    overflow: auto;

}

#calendarioInviti p {
    padding-top:10px;
    color:black;
}
#calendarInviti{
    margin-left: 45%;
}

#txtInvita{
    margin-top:-19%;
    margin-left:55%;
    position:relative;
    }
#divInvita{
    margin-left: 55%;
}
#otherProfileInfo h1{
    font-size: initial;
    padding-top:5px;
    color: #337ab7;
    line-height: inherit;
}
#otherProfileInfo li{
   margin-left:-95%;
}
#notifiche{
    margin-left:2%;
   }



.container-fluid1.ng-scope{
    width:400px;
}
.container-fluid2.ng-scope{
    width:400px;
}
.container-fluid3.ng-scope{
    width:400px;
}
/* MODIFICHE DESIGN FOR 30*/
postmic{ font-weight: 700;
    font-size: xx-large;
    margin-top: 100px;
    margin-left: 10%;
    color: black;

}
profmic{
    font-size: x-large;
    margin-top: 100px;
    margin-left: 10%;
    color:black;
}

div.pagina-tutor {
    margin-left: 15%;
}

h1.userList{
    color:black;
    font-size: x-large;
    margin-top: 3%;
}

#profilo3{
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 10px;
    float: left;
    width: 65%;
    background-color: rgba(255, 255, 255, 0.61);
    display:block;
    border-radius: 15px;
    height:16em;
    overflow: auto;
}

#profilo3 h1{
    font-size: initial;
    padding-top:5px;
    color: #337ab7;
    line-height: inherit;
}

h4.forumHome{
    margin-left: 10%;
}

p.comm{
    font-size: large;
}

#detailPost p{
    padding-left:3%;
}

#otherProfileInfo2{
    margin-top: 3%;
    margin-left: 20px;
    margin-right: 10px;
    float: left;
    width: 65%;
    background-color:#FFF;
    display:block;
    border-radius: 15px;
    height:18em;
    text-decoration-color: black;
    overflow: auto;
}

#otherProfileInfo2 h1{
    font-size: initial;
    padding-top:5px;
    color: #337ab7;
    line-height: inherit;
}
#otherProfileInfo2 li{
    margin-left:-95%;
}
#otherProfileInfo2 h4{
    font-size:20px;
    margint-top:30px;
    margin-left: 50%;
    color:black;
}

#singleComment{
    background-color: rgba(123,170,249,0.36);
    border-radius: 10px;
    padding:15px;
    margin-top: auto;
}