.page-partecipaAllaStoria {
    padding: 20px;
    background: rgba(121,140,149,0.7);
    color: white;
    margin-top: 11px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.2em;
    border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 0px !important;
    -webkit-border-radius: 10px;
    /* box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); */
}
.page-partecipaAllaStoria p {
    margin-bottom: 5px;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
}

.page-partecipaAllaStoria form{
	color: black;
}


.page-title{
	margin-bottom: 30px;
}
.page-subtitle{
	margin-bottom: 30px;
}

.page-content{
	margin-bottom: 30px;
}

.subpagesItem{
	margin-bottom: 30px;
}

#formIscrivi {
    margin-top: 20px;
    padding: 15px;
    background: white;
    text-align: left;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 0px;
}

table.listaMieClassi td{
	padding: 6px;
}


#listaCompitiAltreClassi ul li {
	list-style: none;
	
}
#listaCompitiAltreClassi ul {
	list-style-type:none;
	padding-left: 0 !important;
    margin-left: 0 !important;
}


.compito{
	border: 1px red !important;
	margin-top: 20px;
	margin-bottom: 20px;
}

.buttonApriGallery{
	margin-top: 50px;
}


.compito {
    /*background-color: #222B31;*/
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.3);
    background-image: -webkit-linear-gradient(right top, #213b4c 0%, #222B31 100%);
	background-image: linear-gradient(to left bottom, #213b4c 0%, #222B31 100%);
    border: 1px red !important;
    margin-top: 20px;
    margin-bottom: 20px;
}

.compito h3 {
    color: white;
    border-left: 5px #ee445f solid;
    font-family: "Roboto", sans-serif;
    font-weight: 300 !important;
    margin-bottom: 0px;
    padding-left: 10px;
}

.sotto_compito {
    color: white;
    font-style: italic;
}

.grid-stack-item .pagina {
    background-color: #f9f9f9;
}


/* for custom scrollbar for webkit browser*/

::-webkit-scrollbar {
    width: 6px;
} 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
} 
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}

.portGrid_autori {
    background-color: #EE445F;
    color: white;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    padding: 10px;
    font-size: 14px;
    width: 100%;
    display: inline-block;
}

.portGrid_consegna {
    color: white;
    /* font-style: italic; */
    font-weight: 300;
    font-size: 13px;
    text-align: left;
    margin-top: 3px;
}


h3.main_title {
    margin-top: 10px;

}

.listaLinks .item a {
    color: black;
    font-size: 14px !important;
}


.span_pagina {
    /* background-color: #006098; */
    padding-left: 4px;
    padding-right: 5px;
    border: 1px solid #222B31 !important;
    border-radius: 0px;
    color: #222B31 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    letter-spacing: 0px !important;
    font-style: normal !important;
    font-family: "Roboto", sans-serif !important;
    float: left !important;
}

span.span_pagina {
    margin-right: 5px;
}

.infoBlocco {
    float: left;
    font-style: normal !important;
    letter-spacing: 0px !important;
    font-size: 11px !important;
    color: #222B31 !important;
    font-weight: 500 !important;
}


.grid-stack .corpoBlocco .titolo {
    display: inline-block !important;
    font-size: 24px !important;
    letter-spacing: 0px !important;
    line-height: 1em !important;
    margin-bottom: 0px !important;
    margin-top: 10px !important;
    font-weight: 400 !important;
    font-family: "Roboto", sans-serif !important;
}

.portGrid_header {
    margin-bottom: 10px;
    color: white;
    margin-top: 0px;
}

.grid-stack-item-content .content p {
    font-size: 12px;
}

.blocco .descrizione p {
    font-size: 12px;
}


.back-to-top {
    background: #222B31 !important;
    color: #fff;
}

.back-to-top:hover, .back-to-top:active {
    background: #fff;
    color: #EE445F;
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);
}


.back-to-top:hover i.ion-ios7-arrow-up {
    color: #EE445F;
}

.blocco {
    border: none !important;
}

.buttonApriGallery {
    margin-top: 11px;
    float: left !important;
    margin-left: 0px;
    padding-left: 0px;
}

/*ul.listaPics {
	list-style: none;
}

ul.listaPics li {
background: url('../img/logo.png') no-repeat left top;
}*/

.fixed .navbar-collapse {
    max-width: 1140px;
}

.menu.fixed {
    width: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background-color: #222B31;
    height: 70px !important;
    z-index: 200;
    -webkit-box-shadow: none !important;
    box-shadow: !important;
    border-top: 8px solid #005189;
    border-bottom: 4px solid #EE445F !important;
}

.menu.fixed .container, .menu.fixed .container > ul, .menu.fixed .container > ul > li {
    height: 58px !important;
}

.logo_fixes {
	display: none;
}

.fixed .logo_fixes {
	display: inherit;
    float: left;
    margin-top: 8px;
    margin-left: 0px;
}

.listaFiles a {
    color: #223644;
    text-decoration: none;
    font-size: 14px;
}

.listaPics a {
    color: #223644;
    text-decoration: none;
    font-size: 14px;
}

.listaLinks a {
    color: #223644;
    text-decoration: none;
    font-size: 14px;
}

ul.listaFiles {
    list-style: none;
    padding-left: 0px;
}

ul.listaPics {
    list-style: none;
    padding-left: 0px;
}

ul.listaLinks {
    list-style: none;
    padding-left: 0px;
}




.buttonApriGallery button.btn.btn-primary {
    color: #223644;
    border: 0px #223644 solid !important;
    background-color: white;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    border-radius: 0px !important;
}

h1 {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    margin-bottom: -10px;
}
.blocco {
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(15, 32, 58,0.1) 100%);
}

.ui-draggable-handle .blocco {
    background-image: none;
}

.ui-draggable-handle .pagina, .ui-draggable-handle .pagina {
    background-color: transparent !important;
}

.ui-draggable-handle  {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(15, 32, 58,0.1) 100%);

}









/*.grid-stack-item-content {
    background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(219, 227, 239,0.3) 100%);
}
*/
#portGridMenu button.btn.btn-primary.dropdown-toggle {
    background-color: black;
    border: 1px solid black;
}

.titoloBoxCommenti a {
    color: white;
}

.titoloBoxCommenti {
    margin-bottom: 20px;
}



button#btnIscriviti {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #222B31;
    letter-spacing: 1px;
    border-radius: 0px !important;
}

.main_intro2 {
    background-image: url(../img/kid.jpg);
    padding: 20px;
    padding-top: 9px;
    margin-top: 10px;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.3);
    display: inline-block;
    height: auto !important;
    /* background-position: left top; */
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    margin-bottom: 20px;
}

.boxListaMieClassi {
/*    width: 33%;
    float: left;*/
    margin-right: 3px;
    background-color: white;
    padding: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.listaMieClassi a {
    color: #222B31;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
}


.page-content.content-prim {
    font-size: 14px;
}


.btnCoautori {
    background-color: #222b31;
    color: white;
    font-family: "Roboto", sans-serif;
}

.btnCoautori .glyphicon {
    color: white !important;
}

/*.box_img {
    background-image: url(../img/kid.jpg);
    height: 610px;
    width: 100%;
    display: inline-block;
}*/

.gradient_inside {
    padding: 20px;
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0.6) 0%, rgba(235,235,235, 0.7) 70%);
    padding-bottom: 0px;
    min-height: 295px;
   margin-top: 45px
}


label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
    font-size: 12px;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    font-size: 12px;
    -webkit-user-select: none;
}

#formIscrivi .form-group {
    margin-bottom: 2px;
}

#formIscrivi .btn {
    margin-top: 10px;
}

.container.main-cont {
    /*min-height: 100vh;*/
}

.footer-container a {
    color: black;
}

.blu-style {
    color: black !important;
    font-size: 14px;
}


.footer_logo img {
/*    width: 220px;*/
    margin-top: 10px;
}

img.logo_indire_footer {
    max-width: 240px;
}

img.logo_maker_footer {
    max-width: 340px;
    margin-top: 20px;
}

.footer-container .page-title {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    min-height: 0px;
    border-bottom: none;
    margin-top: 10px;
    margin-bottom: 11px !important;
    font-weight: 400;
    font-weight: 500 !important;
    color: #222B31;
    border-bottom: 1px solid #222B31;
}


.commentoAvatar {
    float: left;
    margin-right: 10px;
    margin-top: -13px;
    margin-left: -10px;
}

.commentoTesto {
    background-color: white;
    color: black;
    padding: 10px;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
}

.commentoTesto:before {
content: '';
    height: 0;
    width: 0;
    position: absolute;
    display: block;
    border-width: 10px 12px 10px 0;
    border-style: solid;
    border-color: transparent #FCFCFC;
    top: 8px;
    left: -11px;
}

.commentoData {
    font-size: 11px;
    font-style: italic;
}

.commentoAutore {
    font-family: "Roboto", sans-serif;
    /*background-color: #EE445F;*/
}


button.btn.btn-default.tastoinvio {
    width: 100%;
    margin-bottom: 20px;
}



.linee {
    background-image: url('../img/linee2.png');
    height: 1200px;
    position: absolute;
    width: 100%;
    z-index: 999999999999999;
}


#pageContent{
	margin-top: 30px;
	margin-bottom: 30px;
}


iframe {
    border: 2px solid white;
}


.span_pagina, .span_file, .span_gallery, .span_video, .span_link {
    background-color: #223644 !important;
    padding-left: 4px;
    padding-right: 5px;
    border: 1px solid black !important;
    border-radius: 0px;
    color: white !important;
    text-transform: uppercase;
    font-size: .9em;
    background-color: black;
    font-weight: bold !important;
}


span.span_video, span.span_link, span.span_file,  span.span_gallery {
    float: left;
    margin-right: 8px;
}


.actionBlocco button.btn.btn-primary.btn-xs {
    background-color: black;
    border: 1px solid white;
}

#formIscrivi .btn {
    margin-top: 10px;
    border-radius: 0px !important;
}


.titoloDomandaRiepilogo{
	color: black !important;
}

.domandaRiepilogo{
	color: black;
}

.boxRiepilogoValutazione{
	background: white;
	color: black;
	padding: 20px;
}

td.punteggio{
	font-size: 3em;
	width: 40%;
	text-align: right;
}

.green{
	color: green;
}

#manigliaSidebar{
	position: fixed;
	width: 50px;
	top: 70;
	right: 0;
	z-index: 90;
	background-color: rgba(0,0,0,0.85);
	padding: 20px;
	color: white;
	text-align: center;	
	/*transition: all 0s ease-in-out;
    -ms-transform: translate(500px, 0px); 
    -webkit-transform: translate(500px, 0px); 
    transform: translate(500px, 0px);*/
}
#manigliaSidebar a:link{
	color: white !important;
}


#sidebar{
	position: fixed;
	width: 500px;
	top: 70;
	right: 0;
	min-height: calc(100vh - 70px);
	z-index: 90;
	background-color: rgba(0,0,0,0.85);
	padding: 20px;
	color: white;	
	font-size: .8em;	
	transition: all 0s ease-in-out;
    -ms-transform: translate(500px, 0px); /* IE 9 */
    -webkit-transform: translate(500px, 0px); /* Safari */
    transform: translate(500px, 0px);
}

#notifiche{
	height: 70vh ;
	overflow-y: scroll;
	overflow-x:hidden; 
	margin-top: 20px;
	padding-right: 10px;
}


.closeSidebar{
	transition: all 0.3s ease-in-out !important;
    -ms-transform: translate(500px, 0px) !important; /* IE 9 */
    -webkit-transform: translate(500px, 0px) !important; /* Safari */
    transform: translate(500px, 0px) !important;
}

.openSidebar{
	transition: all 0.3s ease-in-out !important;
    -ms-transform: translate(0px, 0px) !important; /* IE 9 */
    -webkit-transform: translate(0px, 0px) !important; /* Safari */
    transform: translate(0px, 0px) !important;
}

#campanaNotifiche a:link{
	/*padding-top: -4px !important;*/
	color: yellow !important;
}

body.modal-open {
    overflow: visible;
}

.text-destra{
	text-align: left !important;
}

h3.nuovaNotifica{
    color: white;
    border-left: 5px #ee445f solid;
    font-family: "Roboto", sans-serif;
    font-weight: 300 !important;
    margin-bottom: 0px;
    padding-left: 10px;
}

.notificaItem{
	margin-bottom: 50px;	
}

#notifiche a:link{
	color: white;
}
.notificaTesto{
	color: white;
}

.notificaData{
	color: white;
	font-size: .8em;
	text-align: right;
}
.badge{
	margin-top: 10px;
	background-color: red !important;
	color: white !important;
	font-family: 'Roboto', sans serif !important;
}


.testoCorsivo{ text-decoration: italic; }
.testoSottolineato{ text-decoration: underline;}
.testoAccettazione{ margin-top: 30px;}
#accettazione{margin-top: 50px;}
.checkbox label{
	font-size: 1.5em !important;
}

#boxRevisioniPrecedenti{
	margin-top: 100px;
}
.itemRevisionePrecedente{
	margin-bottom: 50px; 
	border-left: 2px solid gray; 
	padding: 20px;
	background: white;
}
.itemRevisionePrecedenteData{
	float: right;
}

#logoTestuale a:link{
	color: black !important;	
}

#logoTestuale a:visited{
	color: black !important;	
}

#logoTestuale{
	text-align: left !important;
}

#logoTestuale h1{
	text-align: left !important;
	margin-top: 0px !important;
	font-size: 3em;
	margin-bottom: 10px;
}

#logoTestuale p{
	text-align: left !important;
	margin-top: 0px !important;
	font-size: 1em;
	margin-bottom: 10px;
}