/*

Ver.: 231115.1

MENU

§_01. BLINK

§A_01. ADMIN: TITOLI PAGINA SETTAGGI
§A_02. ADMIN: TABELLA SETTAGGI
§A_03. ADMIN: LOG

§F_01. FRONT: DIV UTILITY - SIPARIO, CORNICE, MENU
§F_02. FRONT: BOX DI RICERCA
§F_03. FRONT: FOOTER
§F_04. FRONT: TABELLA PRINCIPALE
§F_05. FRONT: TABELLA FORNITORI
§F_06. FRONT: FORM PRINCIPALE
§F_07. FRONT: DRAG & DROP
§F_08. FRONT: BOTTONI MOVIMENTI
§F_09. FRONT: CONTEXT MENU
§F_10. FRONT: CLASSE "BLINK"

*/



/* #################################################################################################### §_01. BLINK */
.blink_me {
    animation: blinker 5s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0.3;
    }
}


/* #################################################################################################### §A_01. ADMIN: TITOLI PAGINA SETTAGGI */
.gis-tag-settaggi {
    background-color:cornflowerblue;
    padding:10px;
    border-radius:0 30px 30px 0;
    margin-bottom:0;
}


/* #################################################################################################### §A_02. ADMIN: TABELLA SETTAGGI */
.gis-settaggi tr { height: 3em; }
.gis-settaggi tr td { padding:5px; }


/* #################################################################################################### §A_03. ADMIN: LOG */
#log-screen {
    padding: 20px;
    font-size: 15px;
    font-family: 'Courier New', Courier, monospace;
}
.gis-log-sx { /* colonna sinistra */
    float:left;
    width:200px;
}
.gis-log-dx { /* colonna destra */
    float:left;
    width:calc(100% - 200px);
    white-space:normal;
}









/* #################################################################################################### §F_01. FRONT: DIV UTILITY - SIPARIO, CORNICE, MENU */

.sotto-sipario {
    position: absolute;
    background-color:#666;
    opacity:0.9;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9998;
}

.sopra-sipario {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9999;
    display:flex;
    justify-content:center;
    align-items:center;
}

.sopra-sipario div {
    width: 30%;
    min-width: 300px;
    height: 30%;
    min-height: 200px;
    box-sizing: border-box;
    padding:30px;

    border: 20px solid #FFA500;
    border-image-source: url('/wp-content/plugins/gisgest-core/img/brd-warning.png');
    border-image-slice: 640 640; /* perché l'immagine è un 3x3 fatta da 9 immagini 640x640 */
    border-image-repeat: round round;

    background-color: white;

    overflow-y: auto;
}

.sopra-sipario div h1 span {
    font-size: 25px;
    color:#b27300;
}

/*
.body-border {
    border: 20px solid #FFA500;
    border-image-source: url('/wp-content/plugins/gisgest-core/img/brd-warning.png');
    border-image-slice: 640 640;
    border-image-repeat: round round;
}
*/







.body-border {
    /* il contenuto viene spostato dentro, lo spazio libero è occupato dalla cornice fissa (vedi ::before) */
    padding: 20px;
    box-sizing: border-box;
    min-height: 100vh;
}

.body-border::before {
    /* cornice fissa rispetto alla finestra: non scorre col contenuto */
    content: '';
    position: fixed;
    top: var(--wp-admin--admin-bar--height, 0px); /* sotto la admin-bar di WP, se presente */
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    border: 20px solid #FFA500;
    border-image-source: url('/wp-content/plugins/gisgest-core/img/brd-warning.png');
    border-image-slice: 640 640; /* perché l'immagine è un 3x3 fatta da 9 immagini 640x640 */
    border-image-repeat: round round;
    pointer-events: none; /* i click passano al contenuto sottostante */
    z-index: 9997; /* sopra al contenuto/footer, sotto al sipario (9998/9999) */
}

.body-border #gis_footer {
    /* il footer resta dentro la cornice invece che attaccato al bordo finestra */
    bottom: 20px;
    left: 20px;
    right: 20px;
    width: auto;
}



















.dropdown-item:hover {
    background-color:#0B7171 !important;
}


/* #################################################################################################### §F_02. FRONT: BOX DI RICERCA */
#gis_src_box {
    background-color:#ccc;
    overflow: hidden;
    z-index: 999;
}
.ricerca-box-chiuso {
    height: 80px;
}

.body-border #gis_src_box {
    /* si ferma appena sotto la cornice fissa invece che sotto top:0 */
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 20px);
}


/* #################################################################################################### §F_03. FRONT: FOOTER */
#gis_footer {
    color: white;
    background-color: #333;
    z-index: 1060;
}

.foot_wip {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffa500;
}

.foot_err {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: red;
    color: white;
    text-align: center;
}


/* #################################################################################################### §F_04. FRONT: TABELLA PRINCIPALE */
.table thead tr th a {
    text-decoration: none;
}

.grosso {
    font-size: x-large;
}

.narrow {
    font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
}

.bg-evi {
    background-color:#CCC !important; /* GRIGIO */
    /* background-color:#FFC !important; /* GIALLO */
    /* background-color:#FCC !important; /* ROSSO */
}
.bg-green {
    background-color:#d5fbe9 !important; /* GREEN */
}

.idtag {
    font-size: x-small;
    color: #999;

}


/* #################################################################################################### §F_05. FRONT: TABELLA FORNITORI */
.riga-tab-fornitore input {
    width: 100%;
    border: 1px solid #DDDDDD;
}

.tf_term_txt {
    cursor:pointer;
}


/* #################################################################################################### §F_05. FRONT: TABELLA FORNITORI */
.tablav-item input {
    width: 100%;
    border: 1px solid #DDDDDD;
}
.tablavDIS-item input {
    width: 100%;
    border: 1px solid #DDDDDD;
}
.tablavMOV-item input {
    width: 100%;
    border: 1px solid #DDDDDD;
}


/* #################################################################################################### §F_06. FRONT: FORM PRINCIPALE */
#f1_err {
    text-align:center;
    color:red;
    font-weight:bold;
}


/* #################################################################################################### §F_07. FRONT: DRAG & DROP */

.drag-list {
    cursor:move;
}


/* #################################################################################################### §F_08. FRONT: BOTTONI MOVIMENTI */

.btn-mov {
    padding: 10px;
    border: none;
    border-radius:5px;
}

.btn-mov-acc {
    background-color: #005C5E;
    color: white;
}

.btn-mov-spe {
    background-color: #CCC;
    color: #333;
    cursor:move;
}


/* #################################################################################################### §F_09. FRONT: CONTEXT MENU */

#gis_ctx_menu {
    position: fixed;
    z-index: 99999;
    width: 150px;
    background-color: #005C5E;
    border-radius: 3px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    padding:5px;
    display: none; /* è sempre nascosto tranne quando lo chiamo */
}

.gis_ctx_item {
    padding: 8px 10px;
    color: white;
    cursor: pointer;
}

.gis_ctx_item:hover {
    background-color: #208484;
}


/* #################################################################################################### §F_10. FRONT: CLASSE "BLINK" */

@keyframes blink {
  50% { opacity: 0.3; }
}
.blink {
  animation: blink 1s steps(1, start) infinite;
}


/* #################################################################################################### §F_11. FRONT: FISARMONICA COSTI */

.gis-chev {
    display: inline-block;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    padding: 3px;
    transform: rotate(-45deg);
    transition: transform 0.2s ease;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: 5px;
}
.gis-chev-open {
    transform: rotate(45deg);
}

.gis-row-tot > td:first-child { border-left: 4px solid #997404; padding-left: 6px; }
.gis-row-ann > td:first-child { border-left: 4px solid #0d6efd; padding-left: 6px; }
.gis-row-mes > td:first-child { border-left: 4px solid #0dcaf0; padding-left: 20px; }
.gis-row-doc > td:first-child { border-left: 4px solid #dee2e6; padding-left: 36px; }

