/*
    Blu - #0F8F8E
    Giallo/Ocra - #BE8209
    Grigio - #797979
*/

body{
font-size: 5vw;
}


::-webkit-scrollbar{
width: 1vw;
height: 1vw;
}

/*
#################################################################
*/




.button{
padding: 0vw 5vw;
    
width: 80vw;    
line-height: 10vw;    
    
font-size: 4.5vw; 
    
border-radius: 1vw;   
    
box-shadow: 0.15vw 0.15vw 1vw rgba(121,121,121,0.5);
-webkit-box-shadow: 0.15vw 0.15vw 1vw rgba(121,121,121,0.5);
-moz-box-shadow: 0.15vw 0.15vw 1vw rgba(121,121,121,0.5);
-o-box-shadow: 0.15vw 0.15vw 1vw rgba(121,121,121,0.5);
}
    .button:active{
    box-shadow: inset 0.15vw 0.15vw 1vw rgba(121,121,121,0.5);
    -webkit-box-shadow: inset 0.15vw 0.15vw 1vw rgba(121,121,121,0.5);
    -moz-box-shadow: inset 0.15vw 0.15vw 1vw rgba(121,121,121,0.5);
    -o-box-shadow: inset 0.15vw 0.15vw 1vw rgba(121,121,121,0.5);
    }


.button[data-Large]{
width: 80vw;
}




input{
padding: 0vw 5vw;
    
width: 80vw; 
line-height: 10vw;    
    
font-size: 4.5vw;

border: 0.25vw solid rgba(121,121,121,0.5);
border-radius: 1vw;
}
select{
padding: 0vw 5vw;
    
width: 91vw; 
height: 10vw;    
    
font-size: 4.5vw;

border: 0.25vw solid rgba(121,121,121,0.5);
border-radius: 1vw;
}
    optgroup{
    padding-bottom: 1vw;
        
    font-size: 4.5vw;    
        
    border-bottom: 0.25vw solid #0F8F8E;
    }
    input[type='radio'], input[type='checkbox']{
    width: 7.5vw;
    height: 7.5vw;
    }
    input[type='number']{
    width: 50vw;
    }
    input[type='datetime-local']{
    height: 10vw;    
    }
        input:hover, select:hover, .choice:hover{
        outline: 0.25vw solid rgba(190,130,9,0.25);
        }
        input:focus, select:focus{
        outline: 0.25vw solid rgba(190,130,9,0.85);
        }

textarea{
padding: 1vw 2.5vw;
    
width: 85vw; 
line-height: 7.5vw;    
height: 20vw;    
min-height: 20vw;    
max-height: 35vw;    
    
font-size: 4.5vw;

border: 0.25vw solid rgba(121,121,121,0.5);
border-radius: 1.5vw;
}

.choiceBox{
column-gap: 5vw; 
    
margin: 0vw auto;
    
width: 37.5vw;
}
    .choiceNoUpd{
    line-height: 10vw;    
        
    font-size: 4.5vw;    

    border: 0.5vw solid rgba(121,121,121,0.5);
    border-radius: 1vw;
        
    background-size: auto 7.5vw;
    }

    .choice{
    column-gap: 5vw;
        
    margin-bottom: 2.5vw; 
                
    font-size: 4.5vw;    

    border: 0.5vw solid rgba(121,121,121,0.5);
    border-radius: 1vw;
        
    background-size: auto 7.5vw;
    }
        .choiceBox div{
        line-height: 10vw;    
        }


.inputCheckUnsaved{
border: 0.5vw solid #BE0909 !important;
}

[contenteditable]{
margin: 2.5vw;    
    
    
border-radius: 1.5vw;
}










    .formRow{
    display: block;
        
    margin-bottom: 2.5vw;   
    }
        .formRow label{
        width: 80vw;    
        line-height: 10vw;    

        font-size: 4.5vw;    
        }

        #togglePassword{
        top: 10.5vw;
        right: 1.5vw;
            
        padding: 2.5vw;    
            
        height: 4.5vw;
        }



.table{
width: 100%;
}
    .tableRow, .tableHead{
    display: block;
    }
        .tableHead{
        padding-right: 1vw;        
            
        border-bottom: 0.05vw solid #0F8F8E;
        }
    .tableContent{
    max-height: inherit;
        
    font-size: 3.5vw;
        
    overflow: hidden;
    }
.tableCell{
padding: 2.5vw 1vw;
    
width: calc(100% - 2vw);    
    
border-right: 0.05vw solid rgba(121,121,121,0.25);   
}


/*
#################################################################
*/


#top{
width: 90vw;
height: 25vw;
    
box-shadow: 0vw 0vw 0.5vw #797979;
-webkit-box-shadow: 0vw 0vw 0.5vw #797979;
-moz-box-shadow: 0vw 0vw 0.5vw #797979;
-o-box-shadow: 0vw 0vw 0.5vw #797979;
}
    #logo{
    width: 30vw;
    height: 20vw;    
    }

    #menuTop{
    display: none; 
        
    position: absolute;
    top: 25vw;
    left: 0vw;
        
    padding: 0vw 5vw 5vw 5vw;
    
    width: 90vw;
        
    background: rgba(255, 255, 255, 1);
    
    box-shadow: 0vw 0.25vw 0.25vw rgba(121, 121, 121, 0.5);
    -webkit-box-shadow: 0vw 0.25vw 0.25vw rgba(121, 121, 121, 0.5);
    -moz-box-shadow: 0vw 0.25vw 0.25vw rgba(121, 121, 121, 0.5);
    -o-box-shadow: 0vw 0.25vw 0.25vw rgba(121, 121, 121, 0.5);        
        
    z-index: 10;
    }
        .menu{
        width: 100%;
        line-height: 10vw;
            
        font-size: 5vw;
            
        text-shadow: 0.25vw 0.25vw 0.25vw rgba(121,121,121,0.5);
        }
            .menu:hover{
            border-bottom: 0.5vw solid #0F8F8E;
            }

            #menuTop .button{
            margin-top: 5vw;   
                
            width: 80vw;    
            }

        #menuTopMobile{
        display: block;
            
        width: 50vw;
        height: 100%;
            
        background: url('../../img/menu.png') center right no-repeat;
        background-size: auto 75%;
            
        cursor: pointer;
        }



.tit{
padding-bottom: 2.5vw;    
    
font-size: 5vw;
}


/*
#################################################################
*/


#content{
margin: 30vw 0vw 10vw 0vw;
padding: 0vw 2.5vw;    
    
width: 95vw;    
min-height: calc(100vh - 65vw);  
}


/*
#################################################################
*/


.registerTypeRow{
display: block;
}

    .registerType, .registerTypeToggle{
    margin-top: 5vw;    
    padding: 25vw 5vw 2.5vw 5vw;
        
    width: 80vw;
            
    font-size: 5vw;
        
    background-size: auto 17.5vw;
    background-repeat: no-repeat;
    background-position: center 3.5vw;
        
    border-radius: 0.5vw;    
        
    text-shadow: 0.5vw 0.5vw 0.5vw rgba(121,121,121,0.5);
        
    box-shadow: 0vw 0vw 0.5vw #797979;
    -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
    -moz-box-shadow: 0vw 0vw 0.5vw #797979;
    -o-box-shadow: 0vw 0vw 0.5vw #797979;
    }
        .registerType:hover, .registerType:active, .registerTypeToggle:hover, .registerTypeToggle:active{
        outline: 0.05vw solid #0F8F8E;
        }
        .registerType:active, .registerTypeToggle:active{
        box-shadow: inset 0vw 0vw 0.15vw #797979;
        -webkit-box-shadow: inset 0vw 0vw 0.15vw #797979;
        -moz-box-shadow: inset 0vw 0vw 0.15vw #797979;
        -o-box-shadow: inset 0vw 0vw 0.15vw #797979;
        }



#registerForm_Info{
margin: 10vw auto 5vw auto;
    
font-size: 4vw;
}
    .registerForm_policyRow{
    display: flex;
    align-items: center;
    column-gap: 5vw;
        
    margin-bottom: 5vw;
        
    text-align: justify;
    }
        .registerForm_policyRow label{             
        flex-grow: 0;
            
        width: 70vw;
        }
        .registerForm_policyRow input{
        width: 10vw !important;
        height: 10vw !important;
        }

    #registerForm_MailInfo{
    margin: 1vw auto 10vw auto;
    padding: 5vw;

    font-size: 3.75vw;    
        
    border-radius: 2.5vw;
        
    box-shadow: 0vw 0vw 0.5vw #797979;
    -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
    -moz-box-shadow: 0vw 0vw 0.5vw #797979;
    -o-box-shadow: 0vw 0vw 0.5vw #797979;  
    }


#userContent{
padding-top: 5vw;    
}




/*
#################################################################
*/


#loginForm_Confirm{
margin-top: 5vw;        
}


#loginForm_pswLost{
margin-top: 5vw;    
    
font-size: 3.5vw;
}

#loginForm_pswLostInfo{
margin: 1.5vw auto 10vw auto;
    
font-size: 3.25vw;
}


#login_nYrBox{
margin-top: 10vw;    
padding-top: 10vw;    
    
width: 100%;    
    
border-top: 0.05vw solid rgba(121, 121, 121, 0.5);    
}
    #login_nYrTit{
    padding-bottom: 2.5vw;
        
    font-size: 3.5vw;
    }


/*
#################################################################
*/



#dashboard_top{
margin-top: 5vw;    
}

#dashboard_topUserInfo{
display: none;
}


/*
#################################################################
*/

#profilo_main{
display: block;
}

    .profilo_hr{
    height: 10vw;
    }

    #profiloUpd_Confirm{
    margin-bottom: 30vw;    
    }

/*
#################################################################
*/


#animali_new{
margin: 0vw auto 15vw auto;

width: 80vw;
}


#animali_container{
display: block;    
    
margin: 0vw auto;
    
width: 100%;
}
    .animali_box{
    margin-bottom: 5vw;    
        
    width: 100%;
    height: 80vw;  
        
    border-radius: 1.5vw;    
        
    text-shadow: 0.05vw 0.05vw 0.5vw rgba(121,121,121,0.5);
        
    outline: 0.05vw solid rgba(190,130,9,0.25);
        
    box-shadow: 0vw 0vw 0.5vw rgba(121,121,121,0.35);
    -webkit-box-shadow: 0vw 0vw 0.5vw rgba(121,121,121,0.35);
    -moz-box-shadow: 0vw 0vw 0.5vw rgba(121,121,121,0.35);
    -o-box-shadow: 0vw 0vw 0.5vw rgba(121,121,121,0.35);
    }
        .animali_box:hover, .animali_box:active{
        box-shadow: 0vw 0vw 0.5vw rgba(121,121,121,1.00);
        -webkit-box-shadow: 0vw 0vw 0.5vw rgba(121,121,121,1.00);
        -moz-box-shadow: 0vw 0vw 0.5vw rgba(121,121,121,1.00);
        -o-box-shadow: 0vw 0vw 0.5vw rgba(121,121,121,1.00);
        }


        .animali_boxTitRow{
        padding: 0vw 2.5vw;    
            
        width: calc(100% - 5vw);
        line-height: 10vw;
        }
            .animali_boxTit{
            padding: 0vw 5vw;    
            }
            .animali_boxPref{
            height: 7.5vw;
            }

        .animali_boxSeparator{
        margin-top: 15vw;    
        padding-top: 15vw;    
        }

    .animali_boxDel{
    position: absolute;
    top: 2.5vw;
    right: 2.5vw;
        
    padding: 2.5vw;
        
    width: 10vw;
                
    border-radius: 1.5vw;    
        
    box-shadow: 0vw 0vw 0.5vw #797979;
    -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
    -moz-box-shadow: 0vw 0vw 0.5vw #797979;
    -o-box-shadow: 0vw 0vw 0.5vw #797979;
    }



#animaliForm_NoIDrow{
margin-bottom: 5vw;        
margin-left: 0vw;        
padding-left: 8.5vw;    
padding-right: 0vw;    
    
line-height: 10vw;    
    
font-size: 3.5vw;

border-radius: 1.5vw;    
    
background: url("../../img/info.png") 0.5vw center no-repeat;
background-size: auto 6vw;
    
box-shadow: 0vw 0vw 0.15vw #BE8209;
-webkit-box-shadow: 0vw 0vw 0.15vw #BE8209;
-moz-box-shadow: 0vw 0vw 0.15vw #BE8209;
-o-box-shadow: 0vw 0vw 0.15vw #BE8209;
}


#animali_menu{
display: block;
    
margin-top: 0vw;    
    
width: calc(100% - 0.5vw); 
    
border-top: 0.15vw solid #0F8F8E;    
border-left: 0.15vw solid #0F8F8E;    
border-right: 0.15vw solid #0F8F8E;    
border-radius: 2vw 2vw 0vw 0vw;
    
overflow: hidden;
}
    .animali_menu{
    padding: 0vw 5vw;    
        
    width: 85vw;
    line-height: 10vw;
        
    border-radius: 0vw;
    }


#animali_content{
padding: 2.5vw 2.5vw 0vw 2.5vw;    
    
min-height: auto;    
    
border-radius: 0vw 0vw 2vw 2vw;        
    
border: 0.15vw solid #0F8F8E;
}

    #animali_profilo_content{
    display: block;
    }

        #animali_profilo_img{
        width: 88.5vw;
        height: 88.5vw;
            
        border-radius: 2vw;    

        box-shadow: inset 0vw 0vw 1.5vw #797979;
        -webkit-box-shadow: inset 0vw 0vw 1.5vw #797979;
        -moz-box-shadow: inset 0vw 0vw 1.5vw #797979;
        -o-box-shadow: inset 0vw 0vw 1.5vw #797979;
        }
            #animali_profilo_imgUpdate{
            bottom: 2.5vw;    
            right: 20vw;
                
            padding: 2.5vw;
                
            width: 10vw;
                
            border-radius: 1.5vw;    
                
            box-shadow: 0vw 0vw 0.5vw #797979;
            -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
            -moz-box-shadow: 0vw 0vw 0.5vw #797979;
            -o-box-shadow: 0vw 0vw 0.5vw #797979;
            }
            #animali_profilo_imgDelete{
            bottom: 2.5vw;    
            right: 2.5vw;
                
            padding: 2.5vw;
                
            width: 10vw;
                
            border-radius: 1.5vw;    
                
            box-shadow: 0vw 0vw 0.5vw #797979;
            -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
            -moz-box-shadow: 0vw 0vw 0.5vw #797979;
            -o-box-shadow: 0vw 0vw 0.5vw #797979;
            }


        #animali_profilo_Delete{
        margin-top: 15vw;
        }


            .animali_transfer_buttons{
            display: inline-block;
                
            margin: 5vw auto;
            }

        #animali_transfer_1{
        margin: 2.5vw auto;
        }
            #animali_transfer_1info{
            padding-top: 12.5vw;
            padding-bottom: 2.5vw;
                
            font-size: 5vw;    

            background-size: auto 10vw;
            }


        #animali_transfer_2{
        display: none;
            
        margin-top: 2.5vw;    
        }

#animali_transfer_input{
margin-top: 2.5vw;    
    
width: 100%;    
}

.animali_transfer_cancel{
margin-top: 2.5vw;    
}


        #animali_profilo_main{
        width: 100%;    
        }

        #animali_content input:not([type='checkbox']), #animali_content .button{        
        width: 75vw;
        }
        #animali_content textarea{
        width: 80vw;
        }
        #animali_content select{
        width: 85.5vw;
        }


            #animali_profilo_Pref{
            position: absolute;
            top: 46vw;    
            right: 11vw;    
                
            margin: 0vw; 
                 
            height: 10vw;
                
            padding: 2.5vw;
                
            width: 10vw;
                
            background: rgba(255,255,255,0.75);
                
            border-radius: 1.5vw;    
                
            box-shadow: 0vw 0vw 0.5vw #797979;
            -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
            -moz-box-shadow: 0vw 0vw 0.5vw #797979;
            -o-box-shadow: 0vw 0vw 0.5vw #797979;
            }
            #animali_profilo_QR{
            margin: 15vw auto 5vw auto;
                
            width: 65vw;
            height: 65vw;
                
            border-radius: 2.5vw;  
            }        


    #animali_sanit_head{
    display: block;
        
    text-align: left;
    }

            #animali_sanit_headSx_box{
            display: flex;
            flex-wrap: wrap;
            grid-row-gap: 2.5vw;

            padding: 2.5vw;    

            width: calc(100% - 5vw);
            height: 90vw;    

            border-radius: 2.5vw;

            box-shadow: inset 0vw 0vw 0.5vw #797979;
            -webkit-box-shadow: inset 0vw 0vw 0.5vw #797979;
            -moz-box-shadow: inset 0vw 0vw 0.5vw #797979;
            -o-box-shadow: inset 0vw 0vw 0.5vw #797979;
            }
                .animali_sanit_headSx{
                margin: 0vw;

                width: 85vw;
                height: 85vw;

                border-radius: 2.5vw;

                outline: 0.05vw solid #BE8209;

                background-size: auto 35%;
                }
                    .animali_sanit_headSx:hover{
                    box-shadow: 0vw 0vw 0.5vw #797979;
                    -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
                    -moz-box-shadow: 0vw 0vw 0.5vw #797979;
                    -o-box-shadow: 0vw 0vw 0.5vw #797979;
                    }

                    .animali_sanit_headSxUpd{
                    bottom: 2.5vw;    
                    right: 20vw;

                    padding: 2.5vw;

                    width: 10vw;

                    border-radius: 1.5vw;
 
                    box-shadow: 0vw 0vw 0.5vw #797979;
                    -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
                    -moz-box-shadow: 0vw 0vw 0.5vw #797979;
                    -o-box-shadow: 0vw 0vw 0.5vw #797979;
                    }
                    .animali_sanit_headSxDel{
                    bottom: 2.5vw;    
                    right: 2.5vw;

                    padding: 2.5vw;

                    width: 10vw;

                    border-radius: 1.5vw;    

                    box-shadow: 0vw 0vw 0.5vw #797979;
                    -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
                    -moz-box-shadow: 0vw 0vw 0.5vw #797979;
                    -o-box-shadow: 0vw 0vw 0.5vw #797979;
                    }

        #animali_sanit_headDx{
        width: calc(100% - 0.5vw);
            
        text-align: center;
        }



#animali_sanit_docsMain{
margin-top: 25vw;    
}    


#animali_sanit_docs{
margin: 0vw -2.5vw;
    
width: calc(100% + 5vw);
}

#animali_sanit_docs .tableHead{
display: none;
}

        .animali_sanit_docs_row{
        min-height: 15vw;
        height: auto;
            
        text-align: left;
            
        border-top: 0.05vw solid #0F8F8E;
        }
            .animali_sanit_docs_row .miniLoader{                
            height: 15vw;
            }

            .animali_sanit_docs_c1, .animali_sanit_docs_c2, .animali_sanit_docs_c3, .animali_sanit_docs_c4, .animali_sanit_docs_c6{
            padding: 2.5vw !important;    
                
            width: 100%;
                
            border: none;
            
            background: none !important;
            }
                .animali_sanit_docs_c2_tipoSel{
                width: calc(100% - 1.5vw) !important;  
                    
                font-size: 3.5vw;    
                }
                .animali_sanit_docs_c3_edit{
                width: calc(100% - 12.5vw) !important;  
                }
                .animali_sanit_docs_c1[contenteditable]{
                margin: 2.5vw 2vw;    
                    
                width: calc(100% - 5vw);
                min-height: 30vw;
                }

                .animali_sanit_docs_c4_subTit{
                padding-top: 0.5vw;
                }


            .animali_sanit_docs_c4_5_6{
            width: 100%;
            }
                #animali_sanit_docsAdd, .animali_sanit_docsUpdConfirm{
                margin: 0vw auto;
                    
                width: inherit;    
                height: inherit;
                }
                .animali_sanit_docsCancel, .animali_sanit_docsCancelRow{
                margin: 5vw auto 0vw auto;    
                    
                width: inherit;    
                height: inherit;
                line-height: 7.5vw;
                    
                font-size: 85%;    
                }


            .animali_sanit_docs_c5{
            display: none !important;
            }


            .animali_sanit_docs_c6{
            column-gap: 15vw;
                
            padding-bottom: 3.5vw !important;
            }

                .animali_sanit_docsUpd, .animali_sanit_docsDel{
                margin-top: 0vw;    
                    
                height: 7.5vw;
                }


            .animali_sanit_docs_rowAllegati{
            column-gap: 2.5vw;
                                
            padding: 0vw 2.5vw;    
                
            border-top: none;    
                
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -o-box-shadow: none;
            }
                .animali_sanit_docs_rowAllegati .miniLoader{
                display: none;
                }


                .animali_sanit_docs_rowAllegatiBox{                    
                margin: 2.5vw 1.5vw;

                width: 75vw;
                height: 40vw;

                border-radius: 2.5vw;
                    
                background-size: auto 35%;
                }

                    .animali_sanit_docs_rowAllegatiBox_empty{
                    padding-top: 20vw;    
                    padding-bottom: 1vw;    
                        
                    font-size: 3.5vw;
                    text-align: center;
                        
                    background: url('../../img/empty.png') center 2.5vw no-repeat;
                    background-size: auto 13.5vw;
                    }

                    .animali_sanit_docs_rowAllegatiBox:hover{
                    box-shadow: 0vw 0vw 0.5vw #797979;
                    -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
                    -moz-box-shadow: 0vw 0vw 0.5vw #797979;
                    -o-box-shadow: 0vw 0vw 0.5vw #797979;
                    }


                    .animali_sanit_docs_rowAllegatiBoxUpd{
                    bottom: 2.5vw;    
                    right: 17.5vw;

                    padding: 2.5vw;

                    width: 7.5vw;

                    border-radius: 1.5vw;
 
                    box-shadow: 0vw 0vw 0.5vw #797979;
                    -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
                    -moz-box-shadow: 0vw 0vw 0.5vw #797979;
                    -o-box-shadow: 0vw 0vw 0.5vw #797979;
                    }
                    .animali_sanit_docs_rowAllegatiBoxDel{
                    bottom: 2.5vw;    
                    right: 2.5vw;

                    padding: 2.5vw;

                    width: 7.5vw;

                    border-radius: 1.5vw;    

                    box-shadow: 0vw 0vw 0.5vw #797979;
                    -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
                    -moz-box-shadow: 0vw 0vw 0.5vw #797979;
                    -o-box-shadow: 0vw 0vw 0.5vw #797979;
                    }
 


    #animali_sanit_docsHead{
    display: block;
        
    margin-bottom: 2.5vw;    
    }
        .animali_sanit_docsHead{
        column-gap: 2.5vw;
            
        margin: 0vw -2.5vw;    
        padding: 0vw 2.5vw;    

        width: 90vw;
        line-height: 15vw;

        border-radius: 0.5vw 0.5vw 0vw 0vw;  
        }
            .animali_sanit_docsHead div{
            font-size: 4vw;    
            }


    #animali_docs_content{
    display: block;
        
    padding: 1.5vw;    
    }
        .animali_docs_box{
        margin-bottom: 2.5vw;    
        padding-top: 60vw;
        padding-bottom: 1vw;
            
        width: 86vw;
        height: 15vw;
        line-height: 10vw;

        border-radius: 2.5vw;

        background-position: center 15vw;
        background-size: auto 30vw;
        }
            .animali_docs_box[data-D='new']{
            background-position: center 17.5vw;
            }

            .animali_docs_boxTit{
            bottom: 2.5vw;    
            left: 2.5vw;    
                
            padding: 0vw 2.5vw;
                
            height: 8vw;
            line-height: 8vw;
                
            font-size: 3.5vw;    
            }
                div.animali_docs_boxTit{
                width: calc(100% - 10vw);    
                    
                font-size: 4vw;    
                }


            .animali_docs_boxDel{
            position: absolute;
            top: 2.5vw;
            right: 2.5vw;
                
            padding: 2.5vw;

            width: 10vw;

            border-radius: 1.5vw;    

            box-shadow: 0vw 0vw 0.5vw #797979;
            -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
            -moz-box-shadow: 0vw 0vw 0.5vw #797979;
            -o-box-shadow: 0vw 0vw 0.5vw #797979;
            }
                 

            .animali_docs_boxContent{
            width: 86vw;    
            height: 86vw;    
            } 

    #animali_profSearchContainer, #animali_SearchContainer{
    column-gap: 2.5vw;
    }
        #animali_profSearch, #animali_Search{
        line-height: 10vw;
        }
        #animali_profSearchIcon, #animali_SearchIcon{
        height: 7.5vw;
        }

            #animali_profSearchRes, #animali_SearchRes{
            display: block;

            margin: 2.5vw 0vw;    
            padding: 0vw 2.5vw;    
                
            width: calc(100% - 5vw);    
            height: 50vw;
            }
                #animali_profSearchRes .miniLoader, #animali_SearchRes .miniLoader{
                height: 90%;
                }



            .animali_profBox, .animali_resBox{
            margin: 2.5vw auto;    
            padding: 2.5vw 2.5vw 2.5vw 15vw;

            width: 65vw;    
            height: 20vw;    
            line-height: 5vw;    

            border-radius: 2.5vw;    

            background-position: 3.5vw center;
            background-repeat: no-repeat;
            background-size: auto 7.5vw;

            box-shadow: 0vw 0vw 0.5vw #797979;
            -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
            -moz-box-shadow: 0vw 0vw 0.5vw #797979;
            -o-box-shadow: 0vw 0vw 0.5vw #797979;
            }
                .animali_profBox[data-U='new']{
                padding: 3.75vw 2.5vw 0vw 25vw;

                width: 55vw;    
                line-height: 7.5vw;    
                    
                background-size: auto 50%; 
                background-position: 5% center;
                }
                .animali_profBox:hover, .animali_resBox:hover{
                box-shadow: 0vw 0vw 0.5vw #797979;
                -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
                -moz-box-shadow: 0vw 0vw 0.5vw #797979;
                -o-box-shadow: 0vw 0vw 0.5vw #797979;
                }    

            .animali_resBox{
            padding: 2.5vw;
                
            width: calc(100% - 5vw);     
            height: 30vw;
            }
                .animali_resImg{
                margin-right: 2.5vw;    
                    
                width: 20vw;
                height: 100%;
                    
                border-radius: 1vw 0vw 0vw 1vw; 
                }

                .animali_profTit, .animali_resTit{
                margin-right: 0vw;
                }
                    .userFormatInd{    
                    height: 7.5vw;    
                    line-height: 7.5vw;    

                    font-size: 3.5vw;
                    }


                    .animali_resTit{
                    display: block;
                        
                    margin-right: 0vw;  
                    }
                        .animali_resTitUid{
                        margin-top: 2.5vw;
                        margin-right: 2.5vw;
                            
                        font-size: 85%;
                        }

                .animali_profSubTit, .animali_resSubTit{
                padding-top: 1.5vw;

                font-size: 4vw;    
                color: rgba(0,0,0,0.5);
                }

                .animali_resProp{
                padding-top: 1.5vw;
                    
                font-size: 3.5vw;    
                }


            .animali_profDel{
            top: 2vw;
            right: 2vw;
                
            height: 5.5vw;
            }




        #animali_profSearchEmpty{
        margin: 10vw auto 0vw auto;
        padding-top: 20vw;    

        font-size: 4vw;

        background-size: auto 15vw;
        }

#animali_profListBox{
display: block;
}

    .profes_box{
    margin: 2.5vw auto;    
    padding: 0vw;

    width: 95vw;
    }

        .profes_boxAn{
        padding: 2.5vw;    
        }
            .profes_boxAnLi{
            column-gap: 2.5vw;    
                
            padding-left: 7.5vw;
                
            line-height: 10vw;    
                
            background-size: auto 5vw;
            }
                .profes_boxAnLi_Specie{
                display: none;
                }
                .profes_boxAnLiDel{
                height: 7.5vw;
                }


        .profes_boxA_all{
        margin: 2.5vw auto;
            
        width: 100%;
            
        font-size: 3.5vw;
        }


#profes_box{
margin-top: 0vw;    
}



#dashboard_content{
grid-row-gap: 10vw;    
    
margin-top: 10vw; 
}
    #dashboard_animali{
    margin-right: 0vw;    
        
    width: 100%;
    }
        #dashboard_animaliBox{
        display: block;

        padding: 2.5vw;
            
        width: calc(100% - 5vw);
        height: 120vw;
            
        border-radius: 1.5vw 0vw 0vw 1.5vw;    

        box-shadow: inset 0vw 0vw 0.5vw #797979;
        -webkit-box-shadow: inset 0vw 0vw 0.5vw #797979;
        -moz-box-shadow: inset 0vw 0vw 0.5vw #797979;
        -o-box-shadow: inset 0vw 0vw 0.5vw #797979;
        }


    #dashboard_help{
    margin: 2.5vw 0vw;    
    padding: 2.5vw;    
        
    width: calc(100% - 5vw);
    height: auto;
        
    border-radius: 1.5vw;    
            
    box-shadow: 0vw 0vw 0.5vw #797979;
    -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
    -moz-box-shadow: 0vw 0vw 0.5vw #797979;
    -o-box-shadow: 0vw 0vw 0.5vw #797979;
        
    background: #FCFCFC;
    }
        #dashboard_helpTit{
        margin: 2.5vw auto 5vw auto;
            
        font-size: 5vw;
        }
        #dashboard_helpButton{
        margin: 0vw auto;
            
        width: 75vw;
        }


    #dashboard_profs{
    margin: 2.5vw 0vw;    
    padding: 2.5vw 0vw;    
        
    width: 100%;
    height: 50vh;
    }
        #dashboard_profsMap{
        width: 100%;
        height: calc(100% - 6vw);
            
        border-radius: 1.5vw;    

        box-shadow: 0vw 0vw 0.5vw #797979;
        -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
        -moz-box-shadow: 0vw 0vw 0.5vw #797979;
        -o-box-shadow: 0vw 0vw 0.5vw #797979;
        }

            .dashboard_profsMapIW{
            padding-left: 0vw;    

            height: auto;    
            line-height: 5vw;    

            font-size: 4vw;

            background: none;
            }

    #dashboard_toDoList{        
    width: 100%;
    height: auto;
    }
        .dashboard_toDoList_row{
        margin-bottom: 2.5vw;
        }

            .dashboard_toDoList_rowPlaceholder, .dashboard_toDoList_row.ui-sortable-helper{
            margin-bottom: 2.5vw;
            padding: 2.5vw 0vw;    
                
            height: 10vw;    
                
            border-radius: 1.5vw;
            }


            .dashboard_toDoList_rowMove{
            display: none;
            }
            .dashboard_toDoList_rowInput{
            margin: 0vw;
            }
            #dashboard_toDoList_rowSpace{
            margin-right: 0vw;    
                
            width: 7.5vw;
            line-height: 5vw;    
                
            opacity: 0;
            }

            .dashboard_toDoList_rowTxt{
            margin: 0vw 2.5vw;
            padding: 2.5vw 5vw;
                
            min-height: 30vw;    
            max-height: 50vw;    
            }

            #dashboard_toDoList_rowAdd, .dashboard_toDoList_rowDel{
            margin-top: 0vw;
            margin-left: 0vw;

            height: 8vw;
            }



    #dashboard_profile{
    width: 100%;
    height: auto;
    }


        #dashboard_profileAccount{
        margin: 0vw auto 5vw auto;
        padding: 2.5vw;
            
        width: calc(100% - 5vw);
            
        border-radius: 1vw;    

        background: #FCFCFC;    
            
        box-shadow: 0vw 0vw 0.5vw #797979;
        -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
        -moz-box-shadow: 0vw 0vw 0.5vw #797979;
        -o-box-shadow: 0vw 0vw 0.5vw #797979;
        }
            #dashboard_profileAccount .button{
            width: 75vw;
            }

        #dashboard_profileType{
        display: block;
            
        margin: 0vw auto;
            
        width: 100%;
        }
            .dashboard_profileTypeBox{
            margin-bottom: 2.5vw;    
            padding: 15vw 2.5vw 2.5vw 2.5vw;

            width: calc(100% - 5vw);
 
            font-size: 3.5vw;

            background-size: auto 10vw;
            background-position: center 2.5vw;

            border-radius: 1.5vw;    

            box-shadow: 0vw 0vw 0.5vw #797979;
            -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
            -moz-box-shadow: 0vw 0vw 0.5vw #797979;
            -o-box-shadow: 0vw 0vw 0.5vw #797979;
            }
                .dashboard_profileTypeBox:active{
                box-shadow: inset 0vw 0vw 0.5vw #797979;
                -webkit-box-shadow: inset 0vw 0vw 0.5vw #797979;
                -moz-box-shadow: inset 0vw 0vw 0.5vw #797979;
                -o-box-shadow: inset 0vw 0vw 0.5vw #797979;
                }

        .dashboard_profileAccountSubscribe{
        margin: 2.5vw auto 0vw auto;
        }

        #dashboard_profileAccountBoxDates{
        margin-top: 2.5vw;
        }
            #dashboard_profileAccountBoxDatesArrow{
            width: 15vw; 
            }
            #dashboard_profileAccountBoxDates div{
            width: 25vw;
            height: 10vw;    
            line-height: 10vw; 
            }

    #subscribeBox{
    display: block;
    }
        #subscribeBoxSx{
        width: 100%;
        }


            .subscribeBoxRow{
            flex-wrap: wrap;                
            column-gap: 2.5vw;
                
            margin-bottom: 2.5vw;    
            padding: 2.5vw;    
                
            height: 20vw;    
            
            border-radius: 1.5vw;    

            box-shadow: 0vw 0vw 0.5vw #797979;
            -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
            -moz-box-shadow: 0vw 0vw 0.5vw #797979;
            -o-box-shadow: 0vw 0vw 0.5vw #797979;
            }
                .subscribeBoxRow:active, .subscribeBoxRowActive{
                box-shadow: inset 0vw 0vw 0.5vw #797979;
                -webkit-box-shadow: inset 0vw 0vw 0.5vw #797979;
                -moz-box-shadow: inset 0vw 0vw 0.5vw #797979;
                -o-box-shadow: inset 0vw 0vw 0.5vw #797979;
                }

                .subscribeBoxRow_input{
                width: 7.5vw !important;
                height: 7.5vw !important;
                }

                    .subscribeBoxRow_tit{
                    font-size: 5vw;
                    }
                    .subscribeBoxRow_subtit{
                    padding: 1.5vw 0vw 0vw 0vw;

                    font-size: 3.5vw;
                    }
                        .subscribeBoxRow_subtit i{
                        padding-left: 2.5vw;    
                            
                        font-size: 3.5vw;
                        }
                .subscribeBoxRow_eur{
                padding-top: 3vw;    
                    
                width: 100%;
                    
                text-align: center;
                font-size: 5vw;
                }

                .subscribeBoxRow_img{
                height: 10vw;
                }

#subscribeCouponBox{
padding: 2.5vw 0vw;    
}

    #subscribeCouponBoxLink{
    line-height: 5vw;    
        
    font-size: 3.5vw;    
    }
        #subscribeCouponBoxLink:hover{
        text-shadow: 0.05vw 0.05vw 0.25vw rgba(121,121,121,0.2);
        }

        #subscribeCouponBoxFormFlex{
        display: block;
        }
            #subscribeCouponBoxFormInput{
            margin: 2.5vw auto;
                
            width: 100%;
            }

    #subscribeCouponBoxFormClose{
    display: none;
    }


    #subscribeCouponBoxInfo{
    margin: 2.5vw auto 10vw auto;
    padding: 2.5vw 5vw;
        
    border-radius: 1vw;    

    box-shadow: 0vw 0vw 0.5vw #797979;
    -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
    -moz-box-shadow: 0vw 0vw 0.5vw #797979;
    -o-box-shadow: 0vw 0vw 0.5vw #797979;
    }
        #subscribeCouponBoxInfoTit{
        font-size: 5vw;
        }
        #subscribeCouponBoxInfoDisc{
        padding-top: 2.5vw;    
            
        font-size: 3.5vw;
        }
        #subscribeCouponBoxInfoDel{
        position: relative;
        top: 1.5vw;
        right: 0vw;
            
        height: 7.5vw;
        }


#subscribeTot{
margin-top: 10vw;    
padding: 5vw 0vw;    
    
font-size: 7.5vw;
}



#subscribeConfirm{
margin: 10vw auto 0vw auto;
    
width: 80vw;
line-height: 15vw;
    
font-size: 7.5vw;    
}
    #subscribeConfirmF{
    margin: 10vw auto 0vw auto;

    width: 80vw;
    line-height: 15vw;

    font-size: 7.5vw;  
    }
#subscribePayPalButton{
margin: 10vw auto 0vw auto;
    
width: 80vw;
}

        #subscribeBoxDx{
        margin: 30vw 0vw;    
            
        width: 100%;
        }

#dashboard_main{
margin: -2.5vw -5vw -5vw -5vw;
padding: 2.5vw 5vw 5vw 5vw;
}


        .dashboard_profileAccountRow{
        display: block;
            
        margin-top: 7.5vw;
        }
            .dashboard_profileAccountRow label{
            width: 100%;
                
            text-align: center;
            }
            .dashboard_profileAccountRow input{
            margin-top: 2.5vw;    
                
            width: 73vw;
            }

    #dashboard_profileVetConfirm{
    margin: 7.5vw auto 0vw auto;
        
    width: 75vw;
    }

    #dashboard_profileInfo{
    margin-top: 10vw;
    margin-bottom: 2.5vw;
    padding: 17.5vw 1.25vw 0vw 1.25vw;
        
    font-size: 4vw;
        
    background: url('../../img/info.png') center 3.5vw no-repeat;
    background-size: 10vw auto;
    }




    #chi_siamo{
    margin: -5vw -5vw -12.5vw -5vw;

    height: calc(100vh - 40vw);
    
    background-size: 25vw;
    }


#faqMain{
background: none;
}

    .faqBox{
    margin: 5vw auto;    
        
    width: 90vw;    
        
    text-align: justify;
    }
        .faqBox_D{
        padding: 2.5vw;
            
        width: calc(100% - 5vw);    
        line-height: 5vw;    
        
        white-space: normal;
        
        border-radius: 1.5vw;

        box-shadow: 0vw 0vw 0.5vw #797979;
        -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
        -moz-box-shadow: 0vw 0vw 0.5vw #797979;
        -o-box-shadow: 0vw 0vw 0.5vw #797979;
        }
            .faqBox[data-Open] .faqBox_D{
            background: none;
            }

        .faqBox_R{
        display: none;
        
        position: relative;
        top: 2.5vw;
        right: 0vw;
            
        padding: 2.5vw;    
            
        width: calc(100% - 5vw);    
        max-height: inherit;    
            
        background: none;
            
        border-left: none;
            
        overflow: auto;
        }






#profes_main{
display: block;
}

    #profes_sx{
    width: 100%;
    }
        #profes_tit{
        margin: 0vw auto;
        padding: 2.5vw;    

        width: calc(100% - 5vw);
        }

            .profes_det{
            column-gap: 5vw;
                
            margin-bottom: 5vw;
            }
                .profes_detL{
                width: 30vw;
                }
                .profes_detV{
                width: 30vw;
                }





    #profes_dx{
    width: 100%;
    height: calc(100vh - 85vw);
    }
        #profes_map{
        border-radius: 2.5vw;    

        box-shadow: 0vw 0vw 0.5vw #797979;
        -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
        -moz-box-shadow: 0vw 0vw 0.5vw #797979;
        -o-box-shadow: 0vw 0vw 0.5vw #797979;
        }




.homeGalleryMain{
display: flex;
flex-direction: column;
    
margin-bottom: 20vw;    
    
width: 95vw;    
    
border-radius: 1.5vw;    
    
box-shadow: 0vw 0vw 0.5vw #797979;
-webkit-box-shadow: 0vw 0vw 0.5vw #797979;
-moz-box-shadow: 0vw 0vw 0.5vw #797979;
-o-box-shadow: 0vw 0vw 0.5vw #797979;
    
overflow: hidden;
}
    .homeGalleryContainer{
    margin-right: 0vw;
        
    width: 100%;
            
    border-radius: 0vw;   
        
    order: 1;
    }
        .homeGalleryBoxImg{
        display: none;
            
        width: 100%;    
        min-height: 55vw;  
        }
            .homeGalleryBoxImg[data-G='0']{
            width: 100%;   
            min-height: 55vw;    
            }

            .homeGalleryBoxImgActive{
            display: block;
            }


    .homeGalleryDescrDx{
    margin: 2.5vw 0vw;    
    padding: 2.5vw;    

    width: calc(100% - 5vw);   
        
    order: 2;
    }

        .homeGalleryDescrTit{
        font-size: 7vw;
            
        text-shadow: 0.25vw 0.25vw 1vw #DFDFDF;    
        }
        .homeGalleryDescrMain{
        margin: 5vw auto 2.5vw auto;
            
        line-height: 5.5vw;   
            
        font-size: 4vw;
        }
        .homeGalleryDescrDx .button{
        margin: 7.5vw auto 0vw auto;
            
        width: 70vw;
        }

#homeMap{
margin-bottom: 20vw;        
    
height: 50vh;
 
border-radius: 1.5vw;    

box-shadow: 0vw 0vw 0.5vw #797979;
-webkit-box-shadow: 0vw 0vw 0.5vw #797979;
-moz-box-shadow: 0vw 0vw 0.5vw #797979;
-o-box-shadow: 0vw 0vw 0.5vw #797979;
}



#contattiMain{
flex-direction: column;
}
    #contattiSx{
    width: 100%;
        
    font-size: 4vw;   
        
    order: 2;
    }
        #contattiSx .tit{
        font-size: 6vw;
            
        text-shadow: 0.25vw 0.25vw 1vw #DFDFDF;    
        }
        #contattiSx .subtit{
        margin: 0vw 0vw 10vw 0vw;
            
        font-size: 5vw;
        }
            #contattiEmail{
            margin: 0vw auto 5vw auto;    
            padding-left: 15vw;
                
            width: 100%;    
            line-height: 10vw;
                 
            background-size: auto 10vw;
            }
            #contattiWP{
            margin: 0vw auto;    
            padding-left: 15vw;
                
            width: 100%;    
            line-height: 10vw;
                
            background-size: auto 10vw;
            }

    #contattiDx{
    margin-bottom: 5vw;    
        
    width: 90vw;
        
    border-radius: 2.5vw;
        
    box-shadow: 0vw 0vw 0.5vw #797979;
    -webkit-box-shadow: 0vw 0vw 0.5vw #797979;
    -moz-box-shadow: 0vw 0vw 0.5vw #797979;
    -o-box-shadow: 0vw 0vw 0.5vw #797979;
        
    order: 1;
    }



#come_funziona_main{
line-height: 8vw;
}
    #come_funziona_main h1{
    line-height: 12.5vw;
    }
    #come_funziona_main h2{
    line-height: 10vw;
    }
    #come_funziona_main b{
    padding: 0vw 1vw;
    }
    #come_funziona_main img{
    max-width: 92.5vw;
    }
    .come_funziona_img1{
    padding: 0vw 1vw;    
    
    height: auto;    
    max-height: 10vw;
    }
    .come_funziona_img5{
    padding: 1vw;    
    
    height: auto;    
    max-height: 25vw;
    }
    .come_funziona_img10{
    padding: 1vw;    
    
    height: auto;    
    max-height: 40vw;
    }
    .come_funziona_img20{
    display: block;
    
    margin: 0vw auto;
    padding: 1vw;    
    
    height: auto;    
    max-height: 50vw;
    }    
    .come_funziona_img30{
    display: block;
    
    margin: 0vw auto;
    padding: 1vw;    
    
    height: auto;    
    max-height: 80vw;
    }





/*
#################################################################
*/

.miniLoader{
height: 30vw;
}

#loader{
background: rgba(121,121,121,0.75) url("../../img/load.gif") center 40vw no-repeat;
background-size: 40vw auto;
}


/*
#################################################################
*/



#foot{
flex-direction: column;
    
padding: 0vw 10vw 10vw 10vw;    
    
width: 80vw;
line-height: 7.5vw;    
    
font-size: 5vw;
text-align: center;    
    
box-shadow: 0vw 0vw 0.5vw #797979;
-webkit-box-shadow: 0vw 0vw 0.5vw #797979;
-moz-box-shadow: 0vw 0vw 0.5vw #797979;
-o-box-shadow: 0vw 0vw 0.5vw #797979;    
}

.footBox{
padding: 5vw 0vw;    
    
width: 100%;
    
order: 1;
}

    #footBoxImg{
    margin: 5vw 0vw;
        
    width: 80vw;  
    height: 35vw;
        
    order: 2;
    }

        .footBox:last-of-type{
        text-align: center;
        }

    #footBottom{
    padding-top: 5vw;    
        
    width: 80vw;
        
    font-size: 3vw;
        
    order: 3;
    }


#footInstallApp{
margin-bottom: 5vw;    
}


/*
#################################################################
*/

.policyPar{
padding-bottom: 5vw;    
    
text-align: justify;
}


/*
#################################################################
*/
















/*
#################################################################
#################################################################
#################################################################
*/


#debug{
max-height: 50vh; 
line-height: 7.5vw;	
    
text-shadow: 0.5vw 0.5vw 1vw #797979;    
}