/* ========== iconite laterale ========== */

    .hideclass {
        opacity: 0;
        -moz-transition: all 1000ms linear;
        -webkit-transition: all 1000ms linear;
        -o-transition: all 1000ms linear;
        transition: all 1000ms linear;
        -moz-transform: translate3d(150px, 0px, 0px);
        -webkit-transform: translate3d(150px, 0px, 0px);
        -o-transform: translate(150px, 0px);
        -ms-transform: translate(150px, 0px);
        transform: translate3d(150px, 0px, 0px);
        z-index: -1;
    }

    @media all {
        .side-icons {
            position: fixed;
            z-index: 2;
            right: 0;
            display: grid;
            grid-template-rows: repeat(5, 0.1fr);
            gap: 1rem;
            top: 53%;
            justify-items: flex-end;
            align-items: center;
            width: 100vw;
            
        }
        .side-icons {
    pointer-events: none;
}

.side-icons button,
.side-icons a,
.side-icons i {
    pointer-events: auto;
}

       
        /*-----------search bar-----------*/

        #unhide {
            display: none;
        }

        #expand {
            color: whitesmoke;
            width: 0;
            background-color: #0046FF;
            overflow-x: hidden;
            transition: 0.5s;
            padding-top: 60px;
            padding: 10px 25px 10px 15px;
            border-radius: 8px;
            border: none;

        }

        #expand:hover {
            color: #0000009a;
            transform: scale(1.1);
            color:#0046FF;
            background-color: whitesmoke;
        }

        #unhide {
            position: fixed;
            z-index: 1;
            top: 51%;
            right: 40px;
            background-color: whitesmoke;
        }

        #unhide div {
            margin: 0;
        }

        .bara-search:hover {
            background: inherit;
            border-radius: 10px;
        }

       
    }

    /*user way accessibility button*/
    #userwayAccessibilityIcon {
        top: 40rem;
        bottom: 13px;
        right: 0px;
        left: auto;
    }

    /* ******************************* PC ***************************** */
    @media (min-width: 981px) {
        .asistadiv p {
            margin: 0;
            text-align: center;
            font-size: 1.8em;
        }
    }

    /* ******************************* TABLETA ***************************** */
    @media (min-width: 641px) and (max-width: 980px) {
        .asistadiv p {
            margin: 0;
            text-align: center;
            font-size: 15px;
        }
    }

    /* ******************************* MOBIL ***************************** */
    @media (max-width: 640px) {
        .asistadiv p {
            margin: 0;
            text-align: center;
            font-size: 10px;
        }
    }

    #unhide {
  display: none;
  position: fixed;
  top: 150px;
  right: 80px;
  z-index: 999999;
  background: #fff;
  padding: 10px;
  width: 600px;
  pointer-events: auto;
}

#unhide * {
  pointer-events: auto;
}

.gsc-control-cse,
.gsc-search-box,
.gsc-input,
.gsc-input-box,
input.gsc-input {
  pointer-events: auto !important;
  z-index: 999999 !important;
}

input.gsc-input {
  cursor: text !important;
}
.side-icons {
  position: fixed;
  right: 0;
  top: 45%;
  z-index: 99999;
  width: auto;
  height: auto;
  display: block;
  pointer-events: none;
}

.bara-search {
  position: relative;
  pointer-events: auto;
}

#expand {
  pointer-events: auto;
}

#unhide {
  display: none;
  position: absolute;
  right: 41px;
  top: -30px;
  /* right: 60px;
  top: 0; */
  width: 600px;
  background: #fff;
  z-index: 999999;
  pointer-events: auto;
}