body {
    user-select: none;
}

.cppc1 {
    background-color: yellow;
    cursor: pointer;
    border: 1px solid;
    padding: 1px;
    margin: 1px;
}

.cppc2 {
    background-color: lime;
    cursor: pointer;
    border: 1px solid;
    padding: 1px;
    margin:1px;
}

.cppp1 {
    background-color: navajowhite;
    cursor: pointer;
    border: 1px solid;
    padding: 1px;
    margin-top: 1pt;
    margin-bottom: 1pt !important;
}

.cppr1 {
    background-color: coral;
    cursor: pointer;
    border: 1px solid;
    padding: 1px;
    margin: 1px;
}

.cppd1 {
    background-color: darkgray;
    cursor: pointer;
    border: 1px solid;
    padding: 1px;
    margin: 1px;
}

.cpp_o {
    background-color: #005366;
    color: white;
    padding: 5px;
    font-weight: bold;
    height:50px;
}

.cpp_tb {
    background-color: #AAAAAA;
    padding: 5px;
}

.cpsel {
    width: 100%;
    padding: 5px;
}

#cpp_t_acc {
    height: 80%;
    overflow-y: scroll;
}

#cpp_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #005366;
    display: none;
    z-index: 10000;
}
#cpp_maskd {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFCD73;
    display: none;
    z-index: 10000;
}
#cpp_cenp {
    width: 70%;
    height: 600px;
    margin: 5px auto;
    border: 1px solid #333;
    background-color: white;
    /* cursor: pointer;*/
    padding: 10px;
    top: 150px;
    left: 100px;
    position: absolute;
    z-index: 10001;
    display: none;
}

#cpp_pdfv {
    width: 70%;
    height: 600px;
    margin: 5px auto;
    border: 1px solid #333;
    background-color: white;
    /* cursor: pointer;*/
    padding: 10px;
    top: 150px;
    left: 100px;
    position: absolute;
    z-index: 10001;
    display: none;
}

#cpp_helph {
    width: 70%;
    height: 600px;
    margin: 5px auto;
    border: 1px solid #333;
    background-color: white;
    /* cursor: pointer;*/
    padding: 10px;
    top: 150px;
    left: 100px;
    position: absolute;
    z-index: 10001;
    display: none;
}

#cpp_pdfscan {
    width: 70%;
    height: 600px;
    margin: 5px auto;
    border: 1px solid #333;
    background-color: white;
    /* cursor: pointer;*/
    padding: 10px;
    top: 150px;
    left: 100px;
    position: absolute;
    z-index: 10001;
    display: none;
}

#cpp_dettdati {
    width: 70%;
    height: 600px;
    margin: 5px auto;
    border: 1px solid #333;
    background-color: white;
    /* cursor: pointer;*/
    padding: 10px;
    top: 150px;
    left: 100px;
    position: absolute;
    z-index: 10001;
    display: none;
}

.ui-dialog-buttonpane {
    background-color: #FFCD73;
}

.toolbar {
    float: left;
}

.cppleft {
    text-align:right;
}

.nav-item {
    background-color: lightgray !important;
    margin: 2pt;
}

.nav-item:hover {
    background-color: darkgray !important;
}


div.dt-container .dt-search input {
    width: 350px;
}

.cpde {
    cursor: pointer;
}

h2 {
    width: 90%;
}
.cpp_sp {
    border: 1px solid;
    padding: 8px;
}
.cppco {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 10px;
    grid-auto-flow: dense;
}
.cpb {
    background-color: cadetblue;
    padding: 20px;
    text-align: center;
    cursor:pointer;
}
.cpb img {
    width:40%;
}
.cpb .cpic {
    width: 24px;
}
.cpich {
    width: 16px;
}
.cpb .cpde {
height:150px;
overflow:auto;
}
#cpp_img0 {
    width: 90%;
    height: 800px;
    margin: 5px auto;
    border: 1px solid #333;
    background-color: white;
    /* cursor: pointer;*/
    padding: 10px;
    top: 50px;
    left: 50px;
    position: absolute;
    z-index: 10001;
    display: none;
}


.a9s-toolbar-btn {
    margin: 4px 4px 4px 0;
    outline: 0;
    border: none;
    cursor: pointer;
    background-color: transparent;
    border-radius: 4px;
    padding: 8px;
    width: 45px;
    height: 45px;
}

.a9s-toolbar-btn:hover {
    background-color: rgba(0,0,0,0.05);
}

.a9s-toolbar-btn-inner {
    display: flex;
    align-items: center;
}

.a9s-toolbar-btn svg {
    overflow: visible;
    width: 100%;
    height: 100%;
}

    .a9s-toolbar-btn svg * {
        stroke-width: 5px;
        fill: none;
        stroke: rgba(0,0,0,0.5);
    }

.a9s-toolbar-btn g.handles circle {
    stroke-width: 4px;
    fill: #fff;
    stroke: #000;
}

.a9s-toolbar-btn.mouse path {
    fill: #000;
}

.a9s-toolbar-btn.active {
    background-color: rgba(0,0,0,0.3);
}

    .a9s-toolbar-btn.active svg * {
        stroke: rgba(255,255,255,0.6);
    }

    .a9s-toolbar-btn.active.mouse path {
        fill: rgba(255,255,255,0.6);
    }

    .a9s-toolbar-btn.active g.handles circle {
        stroke: #fff;
        fill: rgba(0,0,0,0.2);
    }