/* inclusioni */
/*@import "/index-sys-gui-sp.css";*/
/*@import "/index-sys-gui-login.css";*/









@media (min-width: 0px) {
    #test{background:violet;}
    /* da 0 a 575 */
    .sp1-1 {width:8.333333333%; float: left;}    
    .sp1-2 {width:16.666666667%; float: left;}
    .sp1-3 {width:25%; float: left;}
    .sp1-4 {width:33.333333333%;float: left;}
    .sp1-5 {width:41.666666667%; float: left;}    
    .sp1-6 {width:50%; float: left;}
    .sp1-7 {width:58.333333333%; float: left;}
    .sp1-8 {width:66.666666667%;float: left;}
    .sp1-9 {width:75%; float: left;}    
    .sp1-10{width:83.333333333%; float: left;}
    .sp1-11{width:91.666666667%; float: left;}
    .sp1-12{width:100%;float: left;}      
    /* --------------------------------------> */         
 
}

@media (min-width: 390px) {
    #test{background:orange;}
    /* da 576 a 767 */
    .sp2-1 {width:8.333333333%; float: left;}    
    .sp2-2 {width:16.666666667%; float: left;}
    .sp2-3 {width:25%; float: left;}
    .sp2-4 {width:33.333333333%;float: left;}
    .sp2-5 {width:41.666666667%; float: left;}    
    .sp2-6 {width:50%; float: left;}
    .sp2-7 {width:58.333333333%; float: left;}
    .sp2-8 {width:66.666666667%;float: left;}
    .sp2-9 {width:75%; float: left;}    
    .sp2-10{width:83.333333333%; float: left;}
    .sp2-11{width:91.666666667%; float: left;}
    .sp2-12{width:100%;float: left;}      
    /* --------------------------------------> */         
 
}



@media (min-width: 576px) {
    #test{background:red;}
    /* da 576 a 767 */
    .sp3-1 {width:8.333333333%; float: left;}    
    .sp3-2 {width:16.666666667%; float: left;}
    .sp3-3 {width:25%; float: left;}
    .sp3-4 {width:33.333333333%;float: left;}
    .sp3-5 {width:41.666666667%; float: left;}    
    .sp3-6 {width:50%; float: left;}
    .sp3-7 {width:58.333333333%; float: left;}
    .sp3-8 {width:66.666666667%;float: left;}
    .sp3-9 {width:75%; float: left;}    
    .sp3-10{width:83.333333333%; float: left;}
    .sp3-11{width:91.666666667%; float: left;}
    .sp3-12{width:100%;float: left;}      
    /* --------------------------------------> */         
 
}

@media (min-width: 768px) {
    #test{background:yellow;}
    /* da 768 a 991 */
    .sp4-1 {width:8.333333333%; float: left;}    
    .sp4-2 {width:16.666666667%; float: left;}
    .sp4-3 {width:25%; float: left;}
    .sp4-4 {width:33.333333333%;float: left;}
    .sp4-5 {width:41.666666667%; float: left;}    
    .sp4-6 {width:50%; float: left;}
    .sp4-7 {width:58.333333333%; float: left;}
    .sp4-8 {width:66.666666667%;float: left;}
    .sp4-9 {width:75%; float: left;}    
    .sp4-10{width:83.333333333%; float: left;}
    .sp4-11{width:91.666666667%; float: left;}
    .sp4-12{width:100%;float: left;}      
    /* --------------------------------------> */         
 
}

@media (min-width: 992px) {
    #test{background:green;}
    /* da 992 a 1199 */
    .sp5-1 {width:8.333333333%; float: left;}    
    .sp5-2 {width:16.666666667%; float: left;}
    .sp5-3 {width:25%; float: left;}
    .sp5-4 {width:33.333333333%;float: left;}
    .sp5-5 {width:41.666666667%; float: left;}    
    .sp5-6 {width:50%; float: left;}
    .sp5-7 {width:58.333333333%; float: left;}
    .sp5-8 {width:66.666666667%;float: left;}
    .sp5-9 {width:75%; float: left;}    
    .sp5-10{width:83.333333333%; float: left;}
    .sp5-11{width:91.666666667%; float: left;}
    .sp5-12{width:100%;float: left;}      
    /* --------------------------------------> */         
 
}

@media (min-width: 1200px) {
    #test{background:orange;}
    /* da 1200 a 1399 */
    .sp6-1 {width:8.333333333%; float: left;}    
    .sp6-2 {width:16.666666667%; float: left;}
    .sp6-3 {width:25%; float: left;}
    .sp6-4 {width:33.333333333%;float: left;}
    .sp6-5 {width:41.666666667%; float: left;}    
    .sp6-6 {width:50%; float: left;}
    .sp6-7 {width:58.333333333%; float: left;}
    .sp6-8 {width:66.666666667%;float: left;}
    .sp6-9 {width:75%; float: left;}    
    .sp6-10{width:83.333333333%; float: left;}
    .sp6-11{width:91.666666667%; float: left;}
    .sp6-12{width:100%;float: left;}      
    /* --------------------------------------> */         
 
}

@media (min-width: 1400px) {
    #test{background:crimson;}
    /* da 1400 in su */
    .sp7-1 {width:8.333333333%; float: left;}    
    .sp7-2 {width:16.666666667%; float: left;}
    .sp7-3 {width:25%; float: left;}
    .sp7-4 {width:33.333333333%;float: left;}
    .sp7-5 {width:41.666666667%; float: left;}    
    .sp7-6 {width:50%; float: left;}
    .sp7-7 {width:58.333333333%; float: left;}
    .sp7-8 {width:66.666666667%;float: left;}
    .sp7-9 {width:75%; float: left;}    
    .sp7-10{width:83.333333333%; float: left;}
    .sp7-11{width:91.666666667%; float: left;}
    .sp7-12{width:100%;float: left;}      
    /* --------------------------------------> */         
 
}




.content-login{
    margin-top: 100px;
    //background: yellow;
    text-align:center;
}

.bg-login{
    background:#fbfbfb;
}

.qui{
    font-size:17px;
    border:dashed 1px #333333;
    padding:3px 3px 3px 3px;
    cursor:pointer;
}

.qui:hover  span{
    color:#ffffff;
    background: #333333;
}


#email-pw-content p, #reg-user-content p{
    font-size:14px;
    padding:0px 20px 0px 20px;
    text-align:justify;
    
}

.input_pw_content{
    position: relative;    
}

.pw_eye{
    position: absolute;
    right:5px;
    top:5px;
    opacity:0.7;
    cursor:pointer;
}

.pw_eye:hover{
    opacity:1.0;
}

.input-check-content{
    text-align:left;
}

.input-label{
    padding:5px 7px 5px 7px;
    font-size:15px;
    text-align:right;
    background: #fafafa;
    //background: #eeeeee;    
    margin-right:3px;
    box-sizing:border-box;
}


.input-text-check{
    
    width:100%;
    padding:3px 7px 2px 7px;
    font-size: 17px;
    font-weight:normal;
    color:#555555;
    border:1px solid #dddddd;
    box-sizing:border-box;
}

.input-text{
    
    width:100%;
    padding:3px 7px 3px 7px;
    font-size: 17px;
    font-weight:normal;
    color:#555555;
    border:1px solid #dddddd;
    box-sizing:border-box;
    
}

.input-text:focus{
    border:1px solid #555555;
}

.input-text::placeholder{
    font-size: 17px;
    color:#999;
}

.input-form{
    border:solid 1px #eeeeee;
    padding:0px 0px 0px 0px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 3px #dddddd;
    background:#ffffff;    
}

.input-form-inside{
    padding:20px 5px 20px 5px;
    background:#ffffff;
}

.input-cont{
    padding:5px 0px 5px 0px;
    clear:both;
}

.input-button{
    /*
    padding:5px 10px 5px 10px;
    background:#eeeeee;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 3px #dddddd;
    border:solid 1px #dddddd;
    cursor:pointer; 
    color:#777;   
    */
    
    border-radius:5px 5px 5px 5px;
    padding:5px 15px 5px 15px;
    color:#ffffff;
    //font-weight:bold;
    font-size:17px;
    cursor:pointer;
    //width: 100%;
    text-align:center;
    border:none;
    background:#3498db;
}

.input-button:hover{
    
    opacity:0.8;
    
    /*
    background:#333333;
    color:#ffffff;
    */
}

.input-button-scheda-contabile{
    /*
    padding:5px 10px 5px 10px;
    background:#eeeeee;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 3px #dddddd;
    border:solid 1px #dddddd;
    cursor:pointer; 
    color:#777;   
    */
    
    border-radius:5px 5px 5px 5px;
    padding:5px 10px 5px 10px;
    color:#000;
    //font-weight:bold;
    font-size:17px;
    cursor:pointer;
    //width: 100%;
    text-align:center;
    border:solid 1px #eee;
    //background:#3498db;
    background:#fff;
    opacity:0.6;
}

.input-button-scheda-contabile:hover{
    
    opacity:1.0;
    /*
    background:#333333;
    color:#ffffff;
    */
}


#ajaxlog{
    min-height:10px;
    border:dashed 1px #777;
    padding:5px 5px 5px 5px;
}

.check-label-2{
     font-size:15px;
     color:#777;
}

.radio-cont{
    text-align:left;
}

.radio-1{

}

.check-radio-2{
    margin-right:15px;
}


.input-select-0{
    
    width:100%;
    padding:3px 9px 3px 5px;
    font-size: 17px;
    font-weight:normal;
    color:#555555;
    border:1px solid #dddddd;
    box-sizing:border-box;
}

.sel-bor-not-ok{
    border:1px solid crimson;
}

.input-select-1{
    background:#ffffff;
    width:100%;
    //border:1px solid #eeeeee;
    border:none;
    font-size:15px;
    color:#777;
    cursor:pointer;
    box-sizing:border-box;
}

.input-select-1 option{
    background:#ffffff;
    font-size:15px;
    color:#dddddd;
}

.input-group{
    margin-top:15px;
    border-top:dashed 1px #ddd;
    text-align:left;
    
}

.cb{
    clear:both;
}

.readonly{
    background:#333333;
    color:#ffffff;
    opacity:0.7;
}


    
    
    
    
    /* left menu ------------------------------------------------------------*/
    /* Partendo da sinistra a sinistra */
    /* ##### Left menu */   
    .menu-left{
        width:230px;
        position:fixed;
        left: 0px;
        top: 0px;
        bottom: 0px;
        background: #000000;
        color:#eee;
        z-index:998;
        
        //display:none;         
        
    }
    
            .menu-left-logo{
            
                padding:15px 15px 15px 15px;
                text-align:center;
                font-weight:bold;            
                   
                //border-bottom:dashed 1px #aaa;
                margin-bottom:0px;
                /*
                display : flex;
                align-items : center;
                */    
            }
            
            .menu-item{
                
                /*  #546371 rialzo sopra
                    #1f2f3f rialzo sotto
                    #1abb9c striscia verde laterale
                */
                
                padding:5px 0px 5px 0px;
                cursor:pointer;
                overflow:hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                position:relative;
            }
            
            
            .menu > div.menu-item{
                border-top:solid 1px #546371;
                //border-bottom:solid 1px #1f2f3f;    
            }
            
            .menu > div.menu-item i.menu-icon-right{
                padding:0px 8px 0px 5px;
            }
            
            .borR{
                border-right:solid 3px #1abb9c;  
            }
            
            .mnu-selected{
                background:#374a5e;
            }
            
            .menu-item:hover{
                background:#374a5e;
                opacity: 0.8; 
            }
            
            .menu-item.at-boot-selected{
                background:#374a5e;
            }
            
            .menu-left-content{
                font-size: 12px;
                color: #eee;
            }
            
            .menu-voice{
                padding:0px 5px 0px 5px;
            }
            
            .menu-icon-left{
                font-size:initial;
                padding:0px 5px 0px 5px;
            }
            
            .menu-icon-left-space{
                margin-right:19px;
            }
            
            .menu-icon-right{
                                
                font-size:initial;
                padding:0px 5px 0px 5px;
                position:absolute;
                top: 5px;
                right: 0px;
            }
            
            .menu-sub{
                border-top:solid 1px #374a5e;
                display:none;
            }
            
            .menu-sub div.menu-item{
                padding-left: 29px;
            }
            
            .menu-sub div.menu-sub div.menu-item{
                padding-left: 58px;
            }
            
            .menu-sub div.menu-sub div.menu-item.node{
                background-position-x: 29px;
            }
            
            .menu-sub div.menu-sub div.menu-item.archnode{
                background-position-x: 0px;
            }
            
            .menu-sub div.menu-sub div.menu-item.archfeat{
                background-position-x: 0px;
            }
            
            .menu-sub div.menu-sub div.menu-item.feat{
                background-position-x: 29px;
            }
            
            .node{
                background-image: url("../img/node26.png");
                background-repeat: no-repeat;
                background-position: left;
                
                
            }
            
            .archnode{
                background-image: url("../img/archnode26.png");
                background-repeat: no-repeat;
                background-position: left;
            }
            
            .archfeat{
                background-image: url("../img/archfeat26.png");
                background-repeat: no-repeat;
                background-position: left;
            }
            
            .feat{
                background-image: url("../img/feat26.png");
                background-repeat: no-repeat;
                background-position: left;
            }

    /* Main menu ------------------------------------------------------------*/
    /* ##### Main menu */
    .menu-main{
        position: fixed;
        top: 0px;
        right: 0px;
        height: auto;
        //border-bottom:solid 1px #ddd; 
        background: #ffffff;     
        border-bottom:solid 1px #d9dee4;
        z-index:9000;
        
        color:_css_txt_main_menu;
        
        
        //opacity:0.4;
        
    }
    
        .menu-main-inside{
            //margin:5px 5px 5px 5px;
            padding:5px 5px 5px 5px;
            //border:solid 1px #999;
            color:#000000;
            height: 32px; 
            text-align:right;
        }
        
            ul#name-list{
               margin:0px 0px 0px 0px; 
            }
            
            ul#name-list li{
                display:inline;
                position:relative;
                
            }
            
            .name-profile-tab{
                position:absolute; 
                top:10px; 
                right:3px; 
                font-size: 13px;
                color:#555;
                background:#fff;
                padding:10px 0px 10px 0px;
                box-shadow: 0px 0px 5px #eee;  
                border-radius:4px 4px 4px 4px;    
                display:none; 
                min-width:220px;               
            }
            
                .name-profile-tab > table{
                    //padding:0px 0px 0px 0px;
                    border-collapse: collapse;
                    width: 100%;
                }
                
                .name-profile-tab > table td{
                    padding:5px 15px 5px 15px;
                    text-align: right;
                    width:30px;
                }
                
                .name-profile-tab > table tr{
                    cursor:pointer;
                }
                
                .name-profile-tab > table tr:hover{
                    background:#f8f9fa;
                }
                
                .name-profile-tab > table td:first-child{
                    width:200px;
                    text-align: left;
                }
            
            .name-img{
            
                //border: 1px solid #fff;
                //box-shadow: 0px 0px 10px #fff;
                padding:0px 0px 0px 0px;
                border-radius: 100% 100% 100% 100%; 
                height: 30px;
                opacity: 0.5;
            
            }
        
            .name{
                font-size: 13px;                
                vertical-align:56%;                
                padding:0px 10px 0px 10px;
                cursor:pointer;
                //display:block; 
                
            }
            
            .name:hover{
                opacity:0.6;
            } 
       
    
    #icon-menu{
        width:30px;
        height:30px;
        float:left;
        //border:solid 1px #fff; 
        //border-radius:25px 25px 25px 25px;
        //box-shadow: 0px 0px 3px #999;
        text-align: center;
        font-size:24px;
        color: #000000;
        cursor: pointer;
    }   
            
    #icon-menu:hover{
        opacity:0.6;
    }
    
    #loading-menu{
        display:none;
        margin-left:7px;
        //width:30px;
        height:30px;
        float:left;
        //border:solid 1px #fff; 
        //border-radius:25px 25px 25px 25px;
        //box-shadow: 0px 0px 3px #999;
        text-align: center;
        font-size:24px;
        color: #000000;
        cursor: pointer;
        border:1px dashed #ccc;
        border-radius:5px 5px 5px 5px;
    }        
            
    #loading-menu img{
        image-rendering: auto;
        height:100%;    
    }
    
    #loading-menu div{
        
        float:right;
        padding:7px 5px 10px 5px;
        font-size:12px;
        margin-bottom:5px;
        //padding-bottom:5px;    
    }        
            
    /*### --------------------------------------------------*/
        
    @media (min-width: 0px) {
        /*#test{background:violet;}*/
        /* da 0 a 575 */
        /* --------------------------------------> */         
        .menu-left{
            display:none;
        }
        
        .menu-main{
            left: 0px;
        }
    }

    @media (min-width: 390px) {
        /*#test{background:orange;}*/
        /* da 576 a 767 */
        /* --------------------------------------> */         
     
    }



    @media (min-width: 576px) {
        /*#test{background:red;}*/
        /* da 576 a 767 */
        /* --------------------------------------> */         
     
    }

    @media (min-width: 768px) {
        /*#test{background:yellow;}*/
        /* da 768 a 991 */
        /* --------------------------------------> */         
        .menu-left{
            display:block;
        }
        
        .menu-main{
            left: 230px;
        }
    }

    @media (min-width: 992px) {
        /*#test{background:green;}*/
        /* da 992 a 1199 */
        /* --------------------------------------> */         
     
    }

    @media (min-width: 1200px) {
        /*#test{background:orange;}*/
        /* da 1200 a 1399 */
        /* --------------------------------------> */         
     
    }

    @media (min-width: 1400px) {
        /*#test{background:crimson;}*/
        /* da 1400 in su */
        /* --------------------------------------> */         
     
    }


    
    
    html, body {
    
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        font-family: Roboto, Arial, sans-serif;
        //font-family: "Titillium Web","Helvetica Neue",Helvetica,Arial,sans-serif;
    
        background: #ffffff;
        color:#333333;
    }
    
    
    h3{
        font-size: 1.75rem;
        //font-weight:normal;
    }
    
    .devB{
        box-shadow:inset 0px 0px 1px 1px blue;
    }
    
    .devOpacity{
        opacity:0.3;
        background:blue;
    }
    
    
    
    /* ##### Main menu on top e main content sotto */
    .index-page{
        //margin-left:230px;
    }
     
    .console-log{
        padding:20px 20px 20px 20px;
        display:none;
    
    } 
        
    #console-log{
        padding:20px 20px 20px 20px;
        border:dashed 1px #333333;
        display:none;
    }
    
    
    
    /* ##### Main Content o contesto principale */
    .index-content{
        /*margin-left:230px;*/
        margin-top:32px;
        position:relative;
    }
    
        .sys-notice, .sys-notice-cont{
            position: fixed;
            width:100%;
            height:72px;
            box-sizing:border-box;
            top: 0px;
            padding:10px 10px 10px 30px;
            display:none;
            
            
        }
        
        .sys-notice{
            z-index:99999;
            color:#fff;
            padding-left:40px;
            
        }
        
        .sys-notice-cont{
            z-index:99998;
            background:crimson;
            opacity: 0.4;
            //border-bottom:1px solid ;
        }
    
        .index-content-inside{
            padding:20px 20px 20px 20px;
            color:#4e6175;
            //border:solid 1px #eee;
        }
        
        
            .page-div-content{
            
                padding:15px 15px 15px 15px;
            
                background:#ffffff;
                box-shadow: 0px 0px 5px #eee;
                border-radius: 4px 4px 4px 4px;
                margin:2px 2px 2px 2px;
            }
        
            .page-div-content-2{
            
                padding:1px 1px 1px 1px;
            
                background:#ffffff;
                box-shadow: 0px 0px 5px #eee;
                border-radius: 4px 4px 4px 4px;
                margin:2px 2px 2px 2px;
            }
            
            .page-div-content-3{
            
                padding:15px 15px 15px 15px;
            
                background:#ffffff;
                box-shadow: 0px 0px 5px #eee;
                border-radius: 4px 4px 4px 4px;
                margin:2px 2px 2px 2px;
            
            }
            
            .page-div-content-4{
            
                padding:15px 15px 15px 15px;
                background:#ffffff;
                margin:2px 2px 2px 2px;
                box-sizing:border-box;
            
            }
            
            .page-div-content-5{
            
                padding:15px 15px 15px 15px;
            
                background:#ffffff;
                box-shadow: 0px 0px 5px #eee;
                border-radius: 4px 4px 4px 4px;
                margin:5px 5px 5px 5px;
            }
                
            
                .page-h1-small{
                    font-size:17px;
                    font-weight:normal;
                }
                
                .page-2-inside-container{
                    padding:15px 15px 15px 15px;  
                      
                }
                
                .page-2-inside-container-4{
                    padding:15px 15px 0px 15px;  
                      
                }
                
                .page-button-container{
                    border-top:dashed 1px #333333; 
                    text-align:center;
                    padding: 15px 15px 15px 15px;
                }
                
                .page-3-inside-container{
                    padding:0px 0px 0px 0px;  
                      
                }
                
                
        
    .cls-pre{
        padding:15px 15px 15px 15px;
        font-family: mono, arial;
        background:#333;
        color:#ffffff; //lightgreen;
        border-radius:10px 10px 10px 10px;
        border:solid 1px #ffffff;
        box-shadow:0px 0px 5px #555;
        
    }        
      
      
    .info-table{
    
    }
    
    .info-div-02{
        border: dashed 1px #999;
        border-radius:7px 7px 0px 0px;            
    }
    
        .info-table-icon{
            font-size:42px;
        }  
        
        .info-table-description{
            border-left: dashed 1px #999;
            text-align:justify;
        }
        
        
        .info-table-icon-02{
            font-size:27px;
        }  
        
        .info-table-description-02{
            border-left: dashed 1px #999;
        }
            
        .info-p{
            text-align:justify;
            margin:10px 0px 0px 0px;
        }    
        
            .staff-1{
                text-align:right;
            }
            
    .square-title{
        margin-top:0px;
        border-bottom:solid 1px #eee;
        padding-bottom:7px;
        
        
    } 
    
    .square-title-no-margin{
        margin:0px 0px 3px 0px;
        border-bottom:solid 1px #eee;
        padding-bottom:7px;
    }       

    .file-list-link{
        padding:5px 5px 5px 5px;
        margin:0px 15px 0px 2px;
        cursor:pointer;
        
        
        border-radius: 5px 5px 5px 5px;
        border:dashed 1px #333333;
        
        box-sizing:border-box;
        
        display:inline-block;
        white-space:nowrap;
        position:relative; /* must be relative */
        width:100%; /* fit to table cell width */
        overflow:hidden;
    }
    
    .file-list-link:hover{
        background:#eee;
    }

    .sep01{
        border-top: dashed 1px #333333;
        height: 10px;
    }
    
    .sep02{
        margin-top:10px;
        border-top: dashed 1px #333333;
        height: 10px;
    }
    
    #win-gen-log{
        padding:15px 15px 15px 15px;
        display:none;
    }
    
    .info-car-fil{
        color: orange;
    }
    
    .info-car-par{
        text-align:justify;
    }
    
    .serach-txt-container{
        //max-height:120px;
        border: solid 1px #555555;
        
        box-sizing:border-box;
        //padding:5px 5px 5px 5px;
        display:none;
        //overflow-y:scroll;
        margin:5px 0px 5px 0px;
    }
    
    .crimson_border:focus{
        border:solid 1px crimson;
    }
    
    .input-search:focus {
         outline:none;
    }
    
    .search_tr{
        cursor:pointer;
    }
    
    .button_set_01{    
        padding:0px 0px 15px 0px;
        border-bottom:1px solid #eee;
        margin-bottom:15px;
    }
    
    .div_id_class{
        //height:70px;
        //background:red;
        margin:5px 0px 0px 0px;
        box-sizing:border-box;
        border:solid 1px #ddd;
        padding:5px 5px 5px 5px;
        display:none;
    }
    
    .div_id_console{
        border-bottom:solid 1px #eee;
        padding: 0px 0px 5px 0px;
        //text-align:right;
    }
    
    
    .div_id_console_icons{
        float:right;
    }
    
    .div_id_console i{
        color:#999;
        cursor:pointer;
    }
    
    .div_id_console i:hover{
        color:#333;
    }
    
    .div_id_container{
        padding: 5px 0px 0px 0px;
        
        max-height:210px;
        overflow:scroll;
    }
    
    .node_cld{
        //font-weight:bold;
        cursor:pointer; 
        color:#555;   
    }
    
    .node_cld:hover{
        opacity:0.7;
        
    }
    
    .node_cld_selected{
        font-weight:bold;
        color:#000;  
    }
    
    .node_cld_icon_1{
        color:green;
    }
    
    .node_cld_icon_2{
        color:#ccc;
    }
    
    .disabled{
        background:#fafafa;
        border-color:#fafafa;
    }
    
    .input-text.input-search.disabled{
        //font-weight:bold;
    }
    
    .tab{
        margin-top:10px;
        border-bottom:1px solid #f5f5f5;
        padding:10px 10px 5px 10px;
    }
    
    .tab_sel{
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        padding:5px 10px 5px 10px;
        border-radius:5px 5px 0px 0px;
        opacity:0.6;
        cursor:pointer;
    }
    
    .tab_sel:hover{
        opacity:1.0;
    }
    
    .tab_sel_selected{
        //background:#374a5e;
        background:#555;
        color:#fff;
        opacity:1.0;
    }
    
    .tab_sel_selected:hover{
        opacity:0.8;
    }
    
    .tab_div{
        display:none;
    }
    
    .tab_div_selected{
        display:block;
    }
    
    .table_rep{
        width:100%;
    }
    
    .table_rep td{
        padding:2px 2px 2px 2px;
    }
    
    
    
    #calc_container table td{
        border-collapse:collapse;
        //border-top:none;
        border:dashed 1px #ddd;
    
    }
    
    #calc_container table{
        width:100%;
    }
    
    /*### --------------------------------------------------*/
    
    @media (min-width: 0px) {
        /*#test{background:violet;}*/
        /* da 0 a 575 */
        /* --------------------------------------> */         
        .index-content{
            margin-left:0px;
        }
    }

    @media (min-width: 390px) {
        /*#test{background:orange;}*/
        /* da 576 a 767 */
        /* --------------------------------------> */         
    }
    
    @media (min-width: 576px) {
        /*#test{background:red;}*/
        /* da 576 a 767 */
        /* --------------------------------------> */         
    }

    @media (min-width: 768px) {
        /*#test{background:yellow;}*/
        /* da 768 a 991 */
        /* --------------------------------------> */         
        .index-content{
            margin-left:230px;
        }
            
    }

    @media (min-width: 992px) {
        /*#test{background:green;}*/
        /* da 992 a 1199 */
        /* --------------------------------------> */         
     
    }

    @media (min-width: 1200px) {
        /*#test{background:orange;}*/
        /* da 1200 a 1399 */
        /* --------------------------------------> */         
     
    }

    @media (min-width: 1400px) {
        /*#test{background:crimson;}*/
        /* da 1400 in su */
        /* --------------------------------------> */         
     
    }


    
        
        
    .win-container{
    
        position:fixed;
        padding:0;
        margin:0;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        opacity:0.5;
        background:#000;
        
        display:none;
        
        z-index:9001;
        
    
    }
    
    .win-window{
        
        position:fixed;
        padding:50px 0px 0px 0px;
        margin:0;
        top:0;
        width: 100%;
        height: 100%;
        
        overflow-y:scroll;         
        z-index:9002;        
        display:none;
    }
    
    .win-window-in{
        text-align:center;
        color:#000;
        background:#fff;
        margin:0 auto;
        width:80%;
        padding:1px 1px 1px 1px;
            
        background:#fff;
        box-shadow: 0px 0px 3px #fff;
        border-radius: 4px 4px 4px 4px;
        margin-bottom:100px;
    }
    
    .w-head{
        background: #555555;
        padding:5px 5px 5px 5px;
        color: #ffffff;
        border-radius:3px 3px 0px 0px;
        font-weight:bold;
    }
    
        .w-head-cmd{
            float:right;
        }
            
            .win-close-cmd{
                cursor:pointer;
                font-size:20px;
            }
            
            .win-close-cmd:hover{
                opacity:0.7;
            }
        
        .w-head-title{
            padding:5px 5px 5px 5px;
            float:left;
        }
        
    .w-body{
        padding:1px 0px 0px 0px;
        color:#333333;
        text-align:left;    
    }    
    
    
    .win-but-con{
        padding-left:250px;
    }
    
    .win-del-p{
        //text-align:center;
        border-bottom: 1px dashed #333333;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    
    .win-del-btn{
        text-align:right;
    }
    
    .win-del-btn-yes-no{
        width:110px;
    }
    
    #win-delete-log{
        border:dashed 1px #333333;
        color: #333333;
        margin:15px 15px 15px 15px;
        text-align:left;
        padding:15px 15px 15px 15px;
        display:none;
    }


        
    .wizard-1{
    
        background:#eee;
        height:52px;
        
    }
    
    .ws-1, .ws-2, .ws-3, .ws-4{
        
        //border:solid 1px #ddd;
        width:26%;    
        float:left;
        height:52px;
        box-sizing:border-box;
        position:relative;
        //border-right:solid 1px #eee;
        
    }
    
    .ws-1{
        background:#bbb
    }
    
    .ws-2{
        background:#ccc
    }
    
    .ws-3{
        background:#dddddd
    }
    
    .ws-4{
        background:#eeeeee
    }
    
    .ws-desc{
        padding:5px 5px 5px 5px;
        font-size: 14px;
        color:#ffffff;
        text-align:center;
        line-height:42px;
        font-weight:bold;
        text-shadow:0px 0px 2px #333;
        
    
    }

    .wsp{
        width:20px;
        height:52px;
        width: 0; height: 0; line-height: 0;
        border-bottom: 26px solid transparent;
        border-top:  26px solid transparent;
    }
    
    .wsp-1{
        position:absolute;
        left:0px;
        top:0px;
        border-left:20px solid #bbb;        
    }
    
    .wsp-2{
        position:absolute;
        left:0px;
        top:0px;
        border-left:20px solid #ccc;
    }
    
    .wsp-3{
        position:relative;
        float:left;
        border-left:20px solid #dddddd;
    }
    
    .ws-b{
        background:#3498db;
    }
    
    .ws-g{
        background:#1abb9c;
    }
    
        .wsp-b{
            border-left-color:#3498db;
        }
        
        .wsp-g{
            border-left-color:#1abb9c;
        }
    
    
    /* -------------------------------------------------  */
    
    .wiz-cont{
        
        display:none;
    
    }
    
    .wiz-cont-null{
        
        display:none;
    
    }
    
    .wiz-info-prat{
        margin-bottom:15px;
    }
    
    .info-prat{
    
        text-align:justify;
        border: dashed 1px #ffa500;
        padding: 10px 10px 10px 10px;
        color:#ffa500;
        border-radius: 5px 5px 5px 5px;
        
    }
    
    /* -------------------------------------------------  */
    
    
    .wizard-sep{
        //border-top:dashed 1px #333333;
        margin-bottom:15px;  
    }        
    
    .prat-btn-compra-container{
        
        text-align:center;
        margin:20px 20px 20px 20px;
    }
    
    
    .prat-btn-compra{
        background:#ff4500;
        border-radius:10px 10px 10px 10px;
        padding:20px 20px 20px 20px;
        color:#ffffff;
        font-weight:bold;
        font-size:26px;
        cursor:pointer;
    }
    
    .prat-btn-compra:hover{
        opacity:0.8;
    }
    
    
    .prat-btn-container{
        
        text-align:center;
        margin:20px 20px 20px 20px;
    }
       
    
    .prat-btn-null, .prat-btn-null-2{
        background:#ffa500;
        border-radius:5px 5px 5px 5px;
        padding:5px 5px 5px 5px;
        color:#ffffff;
        font-weight:bold;
        font-size:17px;
        cursor:pointer;
        width: 120px;
        text-align:center;
        border:none;
        margin-left:5px;
        float:left;
        cursor:pointer;
    }
    
    .prat-btn-null{
        display:none;
    }
    
    .prat-btn-null:hover , .prat-btn-null-2:hover{
        opacity:0.8;
    }
    
    .prat-btn-mod-download{
        background:#ffa500;
        border-radius:5px 5px 5px 5px;
        padding:5px 5px 5px 5px;
        color:#ffffff;
        font-weight:bold;
        font-size:17px;
        cursor:pointer;
        //width: auto;
        text-align:center;
        border:none;
        cursor:pointer;
    }
    
    .prat-btn-mod-download:hover{
        opacity:0.8;
    }
    
    .btn-mod-cont{
        box-sizing:border-box;
        padding: 10px 10px 10px 10px;
        text-align:center;
        border-top:dashed 1px #333333;
        
    }
    
    .prat-btn{
        background:#1abb9c;
        border-radius:10px 10px 10px 10px;
        padding:20px 20px 20px 20px;
        color:#ffffff;
        font-weight:bold;
        font-size:26px;
        cursor:pointer;
    }
    
    .prat-btn:hover{
        opacity:0.8;
    }
    
    .prat-btn-on, .prat-btn-back{
        background:#1abb9c;
        border-radius:5px 5px 5px 5px;
        padding:5px 5px 5px 5px;
        color:#ffffff;
        font-weight:bold;
        font-size:17px;
        cursor:pointer;
        width: 120px;
        text-align:center;
        border:none;
        margin-left:5px;
    }
    
    .prat-btn-back{
        float:right;
        padding-right:15px;
        display:none;
        
    }
    
    .prat-btn-on{
        float:right;
        padding-left:15px;
        display:none;
        
    }
    
    .prat-btn-on:hover, .prat-btn-back:hover{
        opacity:0.8;
    }

    #wizard-content-inside{
        box-sizing:border-box;
        border:dashed 1px #333333;
        border-radius:5px 5px 5px 5px;
    }
    
    #form-upl{
        padding: 0px 0px 0px 0px ;
        margin:0px 0px 0px 0px ;
        background:red;
        display:none;
    }
    
    .riepilogo-prat{
        //border-top:dashed 1px #333333;
        
    }
    
    .riepilogo-prat label{
        font-size:12px;
    }
    
    .r-info{
        text-align:justify;
        border: dashed 1px #1abb9c;
        padding: 10px 10px 10px 10px;
        color:#1abb9c;
        border-radius: 5px 5px 5px 5px;
    }
    
    .r-prat-sep{
        border-top:solid 3px #3498db;
        //border-bottom:dashed 1px #eeeeee;
        font-size: 12px;
        text-align:right;
        margin:15px 0px 15px 0px;
        padding: 2px 5px 2px 5px;
    }
    
    .r-tbl{
        border-collapse: collapse;
        border:solid 1px #ffffff;
        width:100%;
        
    }
    
    .r-tbl th{
        background: #3498db;
        color:#ffffff;
        font-size:12px;
        width:30%;
    }
    
    .r-tbl td{
        background: #f9f9f9;  
        overflow:hidden;     
    }
    
    .r-tbl td div{
        //display:inline-block;
        white-space:nowrap;
        position:relative; /* must be relative */
        width:100%; /* fit to table cell width */
        margin-right:-1000px; /* technically this is a less than zero width object */
        overflow:hidden;
        text-align:left;
    }
    
    .r-file-icon{
        color: #1abb9c;
    }
    
    .td-file-type{
        background:#ffffff;
    }
    
    .r-file-type{
        padding: 30px 5px 5px 5px;
        text-align:right;
        font-size:12px; 
    }
    
    .pos-info{
        text-align:justify;
        border: dashed 1px #ff4500;
        padding: 10px 10px 10px 10px;
        color:#ff4500;
        border-radius: 5px 5px 5px 5px;
        box-sizing:border-box;
        
    }
    
    .pos-info-pagato{
        text-align:justify;
        border: dashed 1px #ff4500;
        padding: 10px 10px 10px 10px;
        color:#ff4500;
        border-radius: 5px 5px 5px 5px;
        box-sizing:border-box;
        
    }
    
    .loading01{
        height:32px;
        width:32px;
        border-bottom:dashed 1px #ff4500;
        border-right:dashed 1px #ff4500;
        padding:10px 10px 10px 10px;
        border-radius:0px 0px 5px 0px;
        
        color:#000;
        font-weight:normal;
        //box-sizing:border-box;
        
        float:left;
    }
    
    .loading01img{
        height:32px;
    }
    
    
    .pos-info-text{
        padding:10px 10px 10px 10px;
        box-sizing:border-box;
    }
    
    .pos-info-text-title{
        font-size:21px;
        box-sizing:border-box;
        float:left;
        padding:0px 0px 0px 0px;
    }
    
    .pos-problem{
        color:crimson;
        text-align: center;
    }
    
    .sub-title-prat-cont{
        text-align:justify;
    }
    
    .prat-lav{
        //background:red;
    }


    



    /* Buttons  -------------------------------------*/    
    
    .input-button-upload-01{
        width:120px;
        
    }
    
    .upload-btn-cont-01-4{
        //background:#eee;
        text-align:right;
        padding: 0px 0px 3px 3px;
        
    }
    
    .select-btn-cont-01-4{
        //background:#eee;
        text-align:right;
        padding: 0px 3px 3px 0px;
        
    }
    
    .upload-btn-cont-01{
        //background:#eee;
        text-align:right;
        padding: 5px 0px 5px 0px;
        
    }
    
    .upl-input-btn{
        border-radius:5px 5px 5px 5px;
        padding:5px 5px 5px 5px;
        color:#fff;
        //font-weight:bold;
        font-size:17px;
        cursor:pointer;
        width: 100%;
        text-align:center;
        border:none;
    }
    
    .upl-input-btn:hover{
        opacity:0.8;
    }
    
    .input-button-upload-01{
        background:#3498db;
    }
    
    .input-button-select-01{
        background:#bdc3c7;
    }
    
    .input-button-delete-01{
        background:#ea6254;
    }
    
    .select-btn-cont-01{
        //border:solid 1px crimson;
        box-sizing:border-box;
    }
    
    /*          -------------------------------------*/
    
    .ok-upload-file{
        color:#bdc3c7;
        
    }
    
    .input-cont-upload-R{
        box-sizing:border-box;
        padding:5px 0px 5px 5px;
        
    }
    
    .input-cont-upload-R-4{
        box-sizing:border-box;
        padding:0px 0px 0px 0px;
    }
    
    .input-cont-upload-L{
        border-right: dashed 1px #999;
        padding:5px 10px 5px 0px;
        box-sizing:border-box;
        min-height:140px;
    }
    
    .input-cont-upload-L-4{
        box-sizing:border-box;
    }
    
    .input-file{
       display:none;
       //visibility:hidden; 
    }
    
    .brogress{
        
        margin:5px 0px 0px 0px;
        width:100%;
        height:15px;
        padding:0px 0px 0px 0px;
        font-size: 17px;
        font-weight:normal;
        color:#555555;
        border-left:1px solid #dddddd;
        border-right:1px solid #dddddd;
        border-top:1px solid #dddddd;
        box-sizing:border-box;
        border-radius:5px 5px 0px 0px;
        overflow:hidden;
    }
    
    .brogress-bar{
        width:0%;
        height:15px;
        background:#40c2a6;
        box-sizing:border-box;
        padding:0px 0px 0px 0px;
        text-align:center;
        color:#fff;
        font-size:10px;
        padding-top:2px;
        
    }
    
    .upload-text{
        margin:0px 0px 5px 0px;
        width:100%;
        padding:5px 7px 5px 7px;
        font-size: 17px;
        font-weight:normal;
        color:#555555;
        border:1px solid #dddddd;
        box-sizing:border-box;
        border-radius:0px 0px 5px 5px;
    }
    
    .upload-error-container{
        padding:7px 0px 0px 0px;        
    }
    
    .file-container{
        box-sizing:border-box;
        width:100%;
        height:130px;
        text-align:center;
        position:relative;
            
    }
    
    .file-container-4{
        box-sizing:border-box;
        width:100%;
        text-align:center;
        min-height:21px;
    }
      
    
    .upl-arrow-select{
        //padding-top:65px;
        color:#ea6254;
        text-align:left;
        position:absolute;
        bottom: 47px;
        left: 0px;
    }
    
    .upl-arrow-select-4{
        //padding-top:65px;
        //color:#ea6254;
        text-align:left;
    }
    
    .upl-arrow-upload{
        //padding-top:99px;
        color:#f4a82f;
        //display:none;
        text-align:left;
        position:absolute;
        bottom: 12px;
        left: 0px;
    }
    
    .upl-arrow-upload-4{
        //padding-top:99px;
        //color:#f4a82f;
        //display:none;
        text-align:left;
        
    }
    
    .upl-arrow-ok{
        //padding-top:17px;
        color:#1abb9c;
        //display:none;
        position:absolute;
        top: 20px;
        text-align:center;
        width:100%;
        
        
    }
    
    .upl-arrow-ok-4{
        //padding-top:17px;
        //color:#1abb9c;
        display:none;
        //position:absolute;
           
        
    }    
    
    .upl-arrow-ok i{
        font-size:32px;
        color:#40c2a6;
        
        
    }
    
    .upl-arrow-ok-4 i{
        //font-size:32px;
        
        color:#40c2a6;
    }
    
    .upl-big-c{
        box-sizing:border-box;
        border:dashed 1px #999;
        /*
        border-left:dashed 1px #999;
        border-bottom:dashed 1px #999;
        border-right:dashed 1px #999;
        */
        padding:0px 15px 0px 15px;
        border-radius:0px 0px 10px 10px;
    }
    
    .upl-big-c-4{
        box-sizing:border-box;
    }
    
    .input_pw_content_upl{
        position: relative;    
    }

    .pw_eye_upl{
        position: absolute;
        right:1px;
        top:16px;
        cursor:pointer;
        border-left:solid 1px #ddd;
        border-bottom:solid 1px #ddd;
        background:#fff;
        padding:0px 3px 0px 5px;
        border-radius:0px 5px 0px 5px;0
        
    }
    
    .pw_eye_upl span{
        opacity:0.7;
    }
    .pw_eye_upl span:hover{
        opacity:1.0;
    }
    
    .file-content-del{
        display:none;
    }
    
    .file-content-del-4{
        text-align:center;
        display:none;
        padding-bottom:15px;
    }
    
    .er-bord-upl{
        border-bottom: dashed 1px #999;
    }




    .tt_cont{
        border-left:dashed 1px #ddd; //;
        border-top:dashed 1px #ddd; //;
        border-bottom:dashed 1px #ddd; //;
        padding:5px 0px 5px 15px;
        border-radius: 5px 0px 0px 5px;
        
    }
    
    .tt_lbl_cont{
        /*
        border-left:dashed 1px ;
        border-bottom:dashed 1px ;
        margin-top:3px;
        */
        margin-bottom:3px;
        
    }
    
    .tt_lbl, .tt_lbl_0{
        //border:solid 1px #ccc;
        cursor:default; 
        padding:0px 5px 0px 5px;
        //border:1px solid #fff;
    }
    
    .tt_lbl_0{
        //cursor:default;
    }
    
    .tt_lbl:hover .tt_lbl_move{
        //border:1px solid #555;
        display:inline;
    }
    
    .tt_lbl_move{
        display:none;
    }
    
    .tt_cont_move{
        height:7px;
        box-sizing:border-box;
        margin:3px 1px 3px 1px;
    }
    
    
    .tt_cont_move:hover{
        background: #1abb9c;
        opacity:0.1;
        
    }
    
    .tt_cm_clone{
        position:absolute; 
        border:dashed 1px crimson;
        padding: 5px 5px 5px 5px;
        border-radius: 0px 5px 5px 5px;
        z-index:99999;
    }
    
    /*------------*/
    
    .div_xy{
        box-sizing:border-box;
        border:dashed 1px #aaa;
        height:250px;
    }
    
    .div_xy_in{
        width:20px;
        height:20px;
        background:crimson;
    }
    
    .div_xy_in:hover{
        //cursor:grabbing;
    }
    
    /* -------------------- */
    
     .tree_div_id_cont{
        padding:15px;
        border: #4e6175 solid 1px;
    }
    
    .div-id-node{
        padding: 15px 0px 15px 30px;
        box-sizing:border-box;
        border-left:1px solid #ddd;
        border: solid 1px #fff;
    }
    
    .div-id-node:hover{
        //border: dashed 1px #bbb;
    }
    
    .tree-icon{
        cursor:pointer;
        color:#374a5e;
    }
    
    .tree-icon:hover{
        opacity:0.7;
    
    }
    
    .tree-icon-dis{
        //background:#374a5e;
    }
    
    .tree-icon-dis i{
        background:#374a5e; //#4e6175;
        color:#fff;
        //opacity:0.7;
        margin-right:3px;
        cursor:pointer;
        border-radius:5px 5px 5px 5px;
    }
    
    .tree-icon-dis i:hover{
        opacity:0.5;
    }


/* Google font Roboto Links da inserire in index.html in alternativa ai css in host 
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&family=Poppins:wght@700&family=Roboto:ital,wght@0,100;0,300;0,400;1,100;1,300;1,400&family=Titillium+Web:wght@200;300;600&display=swap" rel="stylesheet">

    font-family: 'Open Sans', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Titillium Web', sans-serif;
*/


html, body{

    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-family: Roboto, Arial, sans-serif;
    
    //font-family: "Titillium Web","Helvetica Neue",Helvetica,Arial,sans-serif;
     
    color:#333333;
    
    
}



.logo-app{
    //font-size:34px;
}

#test{
    height:17px;
    padding:3px 3px 3px 3px;
    width:100%;
    position: fixed;
    top:0px;
    left:0px;
    z-index:1000;
    display:block;
    color:#eee;
}

#puntini{
    border-top:1px dashed #333333;
}

#striscia{
    height:10px;
    width:100%;
    position: fixed;
    top:1px;
    left:0px;
    //z-index:1000;
    //display:none;
    display:block;
    background: #333333;
}


#col{
    position:fixed;
    width:20px;
    height:20px;
    top:0px;
    right:0px;
    background:#ddd;
    border:solid 1px #555;
}

.cb{
    clear:both;
}

/* contenitori */

.content{
    min-height: 70px;
    text-align:center;
    padding:10px 10px 10px 10px; 
}


#container{
    width:500px;
}

.cursive {
    font-family: "Rock Salt",cursive;
    font-size:10px;
    
}

.orange{
    color:orange;
}

.ragsoc{
    font-size:12px;
}

.h1-1{
    font-size:24px;
    font-weight:normal;
    text-align:left;    
}

.h1-1 small{
    font-size:12px;
    
}


.margin-top-0{
    margin-top:0px;
    
}

.authuser{

    background: #555555;
    color:#ffffff; 
    margin-bottom:1px;  
    padding:10px 10px 10px 10px; 

}

.span-link{
    cursor:pointer;
}

.span-link:hover{
    text-decoration:underline;
}

.ragsoc-inside{
    text-align:right;
}

.para-form{
    text-align:right;
    padding:20px 20px 0px 20px;
}

.sep1{
    border-top:solid 1px #eee;
    /*border-bottom:solid 1px #ddd;*/
    box-shadow: 0px 0px 3px #ddd;
    margin-top:30px;
}

.er_cont{
    background:crimson;
    color:#ffffff;
    padding: 10px 10px 10px 10px;
    text-align:left;
    display:none;ffa500
    margin-bottom:7px;
    //border:solid 1px #ffffff;
}

.er_cont_ul{
    padding:0px 0px 0px 15px;
    margin:0px 0px 0px 0px;
}

.ok_cont{
    background: #1abb9c;
    color:#ffffff;
    padding: 10px 10px 10px 10px;
    text-align:left;
    display:none;
    //border:solid 1px #ffffff;
    margin-bottom:7px;
}


.colBorCrim{
    border-color:crimson;
    
}

.colTxtCrim{
    color:crimson;
}

.colBorCrimLogin{
    border-color:crimson;
    
}

.colTxtCrimLogin{
    color:crimson;
}

.scroll-container{
    overflow-x: scroll;

}

/*----------------------------*/

.pratica-info table{
    width:100%;
}

.pratica-info table, th, td{
    border-collapse:collapse;
    border:1px solid #ffffff;
    padding:5px 10px 5px 10px;
    
}


.pratica-info table th{
    width:40%;
    color:#ffffff;
    background:#333333;
}

.pratica-info table td{
    
    text-align:left;
    
    background:#f5f5f5;
    color:#333333;
}

.pdf-icon-01{
    font-size:27px;
}
.sep-01{
    height:12px;
}

.lnk-mod_aa5_6{
    cursor:pointer;
}

.lnk-mod_aa5_6:hover{
    text-decoration:underline;
}
/*----------------------------*/

.search-btn{
        border-radius:5px 5px 5px 5px;
        padding:5px 5px 5px 5px;
        color:#ffffff;
        //font-weight:bold;
        font-size:17px;
        cursor:pointer;
        width: 100%;
        text-align:center;
        border:none;
        background:#3498db;
    }
    
.search-btn:hover{
    opacity:0.8;
}

.sep002{
    height:5px;
}

.more-result-lst-btn{
        border-radius:0px 0px 5px 5px;
        padding:5px 5px 5px 5px;
        color:#333333;
        //font-weight:bold;
        font-size:17px;
        cursor:pointer;
        width: 100%;
        text-align:center;
        border:1px solid #f5f5f5;
        background:#f5f5f5;
    }
    
.more-result-lst-btn:hover{
    opacity:0.8;
}
    

.list-2 table{
    width:100%;
}

.list-2 table, th, td{
    border-collapse:collapse;
    border:1px solid #ffffff;
    padding:5px 10px 5px 10px;
}

.list-2 table caption{
    padding:5px 10px 5px 10px;
    color:#ffffff;
    background:#555555;
    border:solid 1px #ffffff;
    font-weight:bold;
}

.list-2 table th{
    color:#ffffff;
    background:#333333;
    
}

.list-2 table td{
    color:#333333;
    background:#f5f5f5;
}

/*
.list-2 table tr:nth-child(odd) {
   background-color: lightblue;
   background:#f9f9f9;
}
.list-2 table tr:nth-child(even) {
   background-color: lightgreen;
   background:#f5f5f5;
}
*/

/*
.list-2 table tr:hover{
    background: #ffffff;    
}
*/

.list-2-cmd{
    width:10px;
    cursor:pointer;
}

.list-2-cmd-gen{
    width:10px;
    //background: red;
    
}


.list-2-cmd:hover{
    color:#ffffff;
    background:#333333;
}

/*------------------------ list-3 ----*/

.list-3-container{
    padding:0px 15px 15px 15px;
}

.list-3 table{
    width:100%;
}

.list-3 table, th, td{
    border-collapse:collapse;
    border:1px solid #ffffff;
    padding:5px 10px 5px 10px;
}

.list-3 table caption{
    padding:5px 10px 5px 10px;
    //color:#ffffff;
    //background:#555555;
    border:solid 1px #ffffff;
    font-weight:bold;
}

.list-3 table th{
    color:#ffffff;
    background:#555555;
    
}

.list-3 table td{
    color:#333333;
    background:#f5f5f5;
}

/*
.list-3 table tr:nth-child(odd) {
   background-color: lightblue;
   background:#f9f9f9;
}
.list-3 table tr:nth-child(even) {
   background-color: lightgreen;
   background:#f5f5f5;
}



.list-3 table tr:hover{
    background: #ffffff;    
}
*/

.list-3-cmd{
    width:10px;
    cursor:pointer;
}

.list-3-cmd-gen{
    width:10px;
    //background: red;
    
}


.list-3-cmd:hover{
    color:#ffffff;
    background:#333333;
}

/*------------------------ list-4 ----*/

.list_little{
    padding:0px 0px 0px 0px;
}

.list_little table{
    width:100%;
    font-size:13px;
    border-collapse:collapse;
    //color:red;
}

.list_little table th, .list_little table td{
    border-collapse:collapse;
    border:1px solid #ffffff;
    //padding:0px 2px 0px 2px;
    padding:5px 5px 5px 5px;
    color:red; 
}

.list_little table caption{
    padding:0px 2px 0px 2px;
    //color:#ffffff;
    //background:#555555;
    border:solid 1px #ffffff;
    font-weight:bold;
    text-align:right;
}

.list_little table th{
    color: #ffffff;
    background: #374a5e; //#83909e; // #555555;
    
}

.list_little table td{
    color:#374a5e; //#333333;
    background:#f5f5f5;
    font-weight:bold;
}

.list_littl-1-cmd{
    width:10px;
}

/*
.list-3 table tr:nth-child(odd) {
   background-color: lightblue;
   background:#f9f9f9;
}
.list-3 table tr:nth-child(even) {
   background-color: lightgreen;
   background:#f5f5f5;
}



.list-3 table tr:hover{
    background: #ffffff;    
}
*/


.sch_tree_cont_caption{
    box-sizing:border-box;
    float:left;
    width:30%;
    opacity:0.7;
    font-size:
}

.sch_tree_cont_buttons{
    box-sizing:border-box;
    float:right;
    width:70%;
    text-align:right;
    
}

.sch_tree_cont{
    //box-sizing:border-box;
    //border-top:dashed 1px #ccc;
    
    
}

.sch_tree_btn{
    /*
    padding:5px 10px 5px 10px;
    background:#eeeeee;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 3px #dddddd;
    border:solid 1px #dddddd;
    cursor:pointer; 
    color:#777;   
    */
    
    
    //border-radius:5px 5px 5px 5px;
    padding:0px 0px 0px 10px;
    color:#000;
    //font-weight:bold;
    font-size:13px;
    cursor:pointer;
    //width: 100%;
    text-align:center;
    //border:solid 1px #eee;
    //border-left:dashed 1px #ccc;
    //background:#3498db;
    background:#fff;
    opacity:0.6;
}

.sch_tree_btn:hover{
    
    opacity:1.0;
    /*
    background:#333333;
    color:#ffffff;
    */
}

.in_tree{
    font-size:13px;
}

/*----------------------------*/


.list-1 table{
    width:100%;
}

.list-1 table, th, td{
    border-collapse:collapse;
    border:1px solid #ffffff;
    padding:5px 10px 5px 10px;
}

.list-1 table caption{
    padding:5px 10px 5px 10px;
    color:#ffffff;
    background:#555555;
    border:solid 1px #ffffff;
    font-weight:bold;
}

.list-1 table th{
    color:#ffffff;
    background:#333333;
}

.list-1 table td{
    color:#333333;
}

.list-1 table tr:nth-child(odd) {
   background-color: lightblue;
   background:#f9f9f9;
}
.list-1 table tr:nth-child(even) {
   background-color: lightgreen;
   background:#f5f5f5;
}

.list-1 table tr:hover{
    background: #ffffff;    
}

.list-1-cmd{
    width:10px;
    cursor:pointer;
}

.list-1-cmd-gen{
    width:10px;
    //background: red;
    
}


.list-1-cmd:hover{
    color:#ffffff;
    background:#333333;
}

.di2{
    
    border:solid 1px blue;
    padding:5px 5px 5px 5px;
    margin:5px 5px 5px 5px;
}

.di3{
    
    border:solid 1px green;
    padding:5px 5px 5px 5px;
    margin:5px 5px 5px 5px;
}

/*--------------------------------------*/

.update-table table{
    width:100%;
}

.update-table table, th, td{
    border-collapse:collapse;
    border:1px solid #ffffff;
    padding:5px 10px 5px 10px;
}

.update-table table caption{

    background: #ffffff;
    border: dashed 1px #ccc;
    padding:5px 10px 5px 10px;
    /*
    
    color:#ffffff;
    background:#555555;
    border:solid 1px #ffffff;
    font-weight:bold;
    */
}

.update-table table th{
    color:#ffffff;
    background:#333333;
}

.update-table table td{
    color:#333333;
}

.uptbl-no-padding{
    padding:0px 0px 0px 0px;
    width:30%;
}

.status-ac-img{
    height:28px;
    /*border:dashed 1px #333333;*/
    float:left;
    
}

.status-ac-icon{
    font-size:28px;
    float:left;
    color: crimson;
}

.status-ac-icon-checked{
    font-size:28px;
    float:left;
    color: #1abb9c;
}

.uptbl-td-2{
    padding-top:5px;
    
}

.status-ac-txt{
    /*border:dashed 1px #333333;*/
    padding:7px 6px 3px 5px;
    //color:red;
    float:left;    
}

.status-ac-txt-err{
    color: crimson;
}

#status-ac-container-date{
    display:block;
}

#status-ac-container-loading{
    display:none;
}

#status-ac-container-error{
    display:none;
}

#status-ac-container-ok{
    display:none;
}

/*--------------------------------*/

.data-container{
    box-sizing:border-box;
    border:1px solid #ddd;
    margin-top:5px;
    padding:3px 3px 3px 3px;
    display:none;
}

.data-table table{
    width:100%;
}

.data-table table th.day_name{
    font-size:10px;
    background:#000000;
    color:#ffffff;
}

.data-table table td.week_sel{
    background:#555555;
    color:#ffffff; 
    font-size:10px;      
}

.data-table table td.week_sel_not_sel{
    background:#555555;
    color:#ffffff; 
    font-size:10px;
}

.data-table table td.out_month{
    opacity:0.4;       
}

.data-table table td.day_now{
    background:#000000;
    color:#ffffff;
}

.data-table table td.day_end_week{
    background:crimson;    
    color:#ffffff;
}

.data-table table td div.day_selected{
    background: #ffa500;
    border-top:solid 1px #ffffff;
    height:3px;
    position:absolute;
    bottom:0px;
    right:0px;
    width:100%;
}

.data-table table td div.disp_none{
    display:none;
}


.data-table table td:hover:not(.week_sel_not_sel){
    cursor:pointer;
    opacity:0.7;
}

.data-table table, th, td{
    border-collapse:collapse;
    border:1px solid #ffffff;
    padding:5px 10px 5px 10px;
    text-align:center;
    position:relative;
}

.data-table table caption{
    padding:5px 10px 5px 10px;
    color:#ffffff;
    background:#555555;
    border:solid 1px #ffffff;
    font-weight:bold;
}

.calc-container-cmd{
    padding:3px 0px 5px 0px;
    border-bottom:dashed 1px #ddd;
    font-size:13px;
    text-align:right;
}

.calc-cmd{
    margin-left:7px;
    //border-left:dashed 1px #ddd;
    cursor:pointer;
}

.calc-cmd:hover{
    opacity:0.7;
}

.calc-filtri{
    display:none;
    border-bottom:dashed 1px #ddd;
    padding:5px 0px 5px 0px;
    font-size:13px;
}

.calc-container{
    padding:5px 0px 5px 0px;
    font-size:13px;
}