html {
			    box-sizing:border-box; 
		    }

            body {
    	        background-color:white !important;
            }

            .container {
                text-align: center;
            }

            #notlogged_header {
                display: inline-block;
                margin-top: 0.1rem;
                margin-bottom: 0.1rem;
                margin-right: 0.5rem;
            }

            #logged_header {
                display: inline-block;
                margin-top: 0.1rem;
                margin-bottom: 0.1rem;
                margin-right: 0.5rem;
                justify-content: space-around !important;    
            }

            #title {
				font-family: 'Lucida Handwriting';
				font-size: 2em;
				border: 1px transparent;
                border-radius: .25rem;
                margin-bottom: 0.1rem;
                margin-right: 0.5rem;
                font-weight: 500;
                line-height: 1.5;
                padding: .375rem .75rem;
			}

            .welcome {
                display: inline-block;
				font-size: 2em;
				border: 1px transparent;
                border-radius: .25rem;
                margin-bottom: 0.1rem;
                margin-right: 0.5rem;
                font-weight: 500;
                line-height: 1.5;
                padding: .375rem .75rem;
            }

            #logout {
                display: block;
                float:right;
                margin-top: 0.1rem;
                margin-bottom: 0.1rem;
                margin-right: 0.5rem;
            }

            .col-md-8 {
                flex: 0 0 auto;
                width:auto;
            }

            #profilo{
                display: block;
                float:left;
                margin-top: 0.1rem;
                margin-bottom: 0.1rem;
                margin-left: 0.5rem;
				text-decoration: underline;
            }

            #registrati{
                display: block;
                float:left;
                margin-top: 0.2rem;
                margin-bottom: 0.2rem;
            }
            
            #nome {
                font-weight: bold;
                margin-left: 5px;
            }

            #bg_custom {
                /* fallback for old browsers */
                background: #ffdc80;

                /* Chrome 10-25, Safari 5.1-6 */
                background: -webkit-linear-gradient(to top, rgba(255, 220, 128, 1), rgba(247, 119, 55, 1));

                /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
                background: linear-gradient(to top, rgba(255, 220, 128, 1), rgba(247, 119, 55, 1))
            }

            .gradient-custom_top {
                /* fallback for old browsers */
                background: #ffdc80;

                /* Chrome 10-25, Safari 5.1-6 */
                background: -webkit-linear-gradient(to top, rgba(255, 220, 128, 1), rgba(247, 119, 55, 1));

                /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
                background: linear-gradient(to top, rgba(255, 220, 128, 1), rgba(247, 119, 55, 1))
            } 
            
            .bg-custom {
                /* fallback for old browsers */
                background: #ffdc80;

                /* Chrome 10-25, Safari 5.1-6 */
                background: -webkit-linear-gradient(to bottom, rgba(255, 220, 128, 1), rgba(247, 119, 55, 1));

                /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
                background: linear-gradient(to bottom, rgba(255, 220, 128, 1), rgba(247, 119, 55, 1))
            } 

            /* 
			
			MAI MODIFICARE UNO STILE BOOTSTRAP - AGGIUNGI UNA TUA CLASSE
			
			.d-flex.flex-column{
                width: 80vw;
            } */
            
            #brand {
                color: #212529;
                font-weight: bold;
            }

            #corpo {
                display: block;
                width: auto;
                margin-top: 0.1rem;
                margin-bottom: 0.1rem;  
            }

            .d-none {
			display:none ! important; 
    		}

            .gradient-custom_pop {
                /* fallback for old browsers */
                background: #84fab0;

                /* Chrome 10-25, Safari 5.1-6 */
                background: -webkit-linear-gradient(to right, rgba(132, 250, 176, 1), rgba(143, 211, 244, 1));

                /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
                background: linear-gradient(to right, rgba(132, 250, 176, 1), rgba(143, 211, 244, 1))
            }
		
		    .popup {
				position: fixed;
				top: 25vh;
				float: left;
				margin-left: 30%;
				margin-right: auto;
				border: 1px solid #000;
				border-radius: 5px;
				padding: 1vh;		
		    }

            .gradient-custom_pop_ext {
                /* fallback for old browsers */
                background: #ffdc80;

                /* Chrome 10-25, Safari 5.1-6 */
                background: -webkit-linear-gradient(to top, rgba(255, 220, 128, 1), rgba(247, 119, 55, 1));

                /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
                background: linear-gradient(to top, rgba(255, 220, 128, 1), rgba(247, 119, 55, 1))
            }

            .form_line{
                display: flex;
                flex-direction: column;
                align-items: left;
                margin-left: auto;
                margin-right: auto;
                padding-top: 0.375rem;
                padding-right: 0.75rem;
                padding-bottom: 0.375rem;
                padding-left: 0.75rem;
                margin-top: 5px;
                margin-bottom: 10px;
                width:auto;
                display: flex;
                flex-wrap: wrap;
            }   

            .field {
                width: 18vw;
                margin-left: 20px;
                margin-right: 20px;
            }

            .link_2 {
                display: block;
                align-content: center;
                padding-top: 0.375rem;
                padding-right: 0.75rem;
                padding-bottom: 0.375rem;
                padding-left: 0.75rem;
                margin-top: 0.5rem;
                margin-bottom: 0.375rem;
            }

		    .close-popup{
			  position: absolute;
			  top: 0;
			  right: 1vw;
			}

            .pc_field {
                font-size: 0.8em;
            }

			#title {
				font-family: 'Lucida Handwriting';
				font-size: 2em;
				font-weight: bold;
			}

            
            @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
                
                .fr_line{
                    font-size: 0.9em;
                    padding: 0;
                    margin-top: auto;
                    margin-bottom: auto;
                }
                .pc_field {
                    font-size: 0.8em;
                }
                
                .link_2 {
                    padding: 0;
                    font-size: 0.8rem!important;
                    margin-bottom: auto;
                }

            }
            
            /* (320x480) Smartphone, Portrait */
            @media only screen and (device-width: 320px) and (orientation: portrait) {
                .fr_line{
                    font-size: 0.9em;
                    padding: 0;
                    margin-top: auto;
                    margin-bottom: auto;
                }
                .pc_field {
                    font-size: 0.8em;
                }
                
                .link_2 {
                    padding: 0;
                    font-size: 0.8rem!important;
                    margin-bottom: auto;
                }

            }
            
            /* (320x480) Smartphone, Landscape */
            @media only screen and (device-width: 480px) and (orientation: landscape) {
                .fr_line{
                    font-size: 0.9em;
                    padding: 0;
                    margin-top: auto;
                    margin-bottom: auto;
                }
                .pc_field {
                    font-size: 0.8em;
                }
                
                .link_2 {
                    padding: 0;
                    font-size: 0.8rem!important;
                    margin-bottom: auto;
                }

            }
            
            /* (480x800) Android */
            @media only screen and (min-device-width: 480px) and (max-device-width: 800px) {
                .fr_line{
                    font-size: 0.9em;
                    padding: 0;
                    margin-top: auto;
                    margin-bottom: auto;
                }
                .pc_field {
                    font-size: 0.8em;
                }
                
                .link_2 {
                    padding: 0;
                    font-size: 0.8rem!important;
                    margin-bottom: auto;
                }

            }
            
            /* (640x960) iPhone 4 & 4S */
            @media only screen and (min-device-width: 640px) and (max-device-width: 960px) {
                 .fr_line{
                    font-size: 0.9em;
                    padding: 0;
                    margin-top: auto;
                    margin-bottom: auto;
                }
                .pc_field {
                    font-size: 0.8em;
                }
                
                .link_2 {
                    padding: 0;
                    font-size: 0.8rem!important;
                    margin-bottom: auto;
                }

            }

   @media (max-width: 767px) {
	
	.popup {
		margin-left:5%; 
		
	}
	.field{
		width: 70vw;
	}
	.form-control {
		font-size:1.0em;
	}
	.inner-popup {
		margin-top: 2vh;
	}
	#accedi {
		padding: 0.4em;
		width: 30vw;
		font-weight: bold;
		margin-bottom: 1vh;
	}
}      

.copyright {
	font-size :.5em;
    font-weight: bold !important;
}