/**
 * VG Info 360 - Dashboard
 * Author: Nisar Abed | Team Virtualgeo Srl
 * Virtualgeo Srl - All Rights Reserved.
 *
 * Layouts
 *
 */

/* -----------------------------------------------------------------
Layout Fullscreen */

body.fullscreen.user_logged_out, 
body.fullscreen.user_logged_out #page-wrapper, 
body.fullscreen.user_logged_out #page-wrapper #main, 
body.fullscreen.user_logged_out #page-wrapper #main .full-container {background-color: #f0f0f0;}

/* -------------------------------------------
Items & Item > Layout Fullscreen */

body.vgi360_dashboard.fullscreen,
body.vgi360_dashboard.fullscreen #page-wrapper #main .full-container {background-color: #f0f0f0;}

body.vgi360_dashboard.fullscreen .vgi360-dashboard,
body.vgi360_dashboard.fullscreen .vgi360-dashboard .vgi360_items,
body.vgi360_dashboard.fullscreen .vgi360-dashboard section,
body.vgi360_dashboard.fullscreen .vgi360-dashboard .vgi360_items .vgi360_item {
    position: absolute;
    width: auto;
    height: auto;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;}

body.vgi360_dashboard.fullscreen .vgi360-dashboard section,
body.vgi360_dashboard.fullscreen .vgi360-dashboard .vgi360_items {
    display: block;
    float:none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;}

body.vgi360_dashboard.fullscreen .vgi360-dashboard .vgi360_items .vgi360_item {
    /* Fullscreen Style */
    border: 0px solid transparent;
    box-shadow: none;
    transition: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    /* Fullscreen Dimensions */
    top:50px !important;
    bottom: 0px !important;}

body.vgi360_dashboard.fullscreen .vgi360-dashboard .vgi360_items .vgi360_item.vgi360_item_modal {
    /* Modal Dimensions */
    top:auto !important;
    bottom: auto !important;
    position: relative;}

/* -------------------------------------------
Modal > Media (iFrame) */

body.vgi360_dashboard .uace_modal.uacem_show_media .uace_modal_content {
    width: 80vw;
    height: 80vh;
    min-height: 0px;
    min-width: 0px;
    max-width: 80vw;
    margin: 10vh auto 0px auto;
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    overflow: visible;}

body.vgi360_dashboard .uace_modal.uacem_show_media .uace_modal_content .uace_modal_title,
body.vgi360_dashboard .uace_modal.uacem_show_media .uace_modal_content .uace_modal_close {
    position: absolute;
    bottom:auto;
    top:-50px;
    height: 50px;
    left:auto;
    right:auto;
    line-height: 50px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);}

body.vgi360_dashboard .uace_modal.uacem_show_media .uace_modal_content .uace_modal_title {
    left:0px;
    z-index: 2;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

body.vgi360_dashboard .uace_modal.uacem_show_media .uace_modal_content .uace_modal_title .icon_vgi360 {
    background-color: rgba(255, 255, 255, 0.9);
    margin: 0px 10px -5px 0px;}

body.vgi360_dashboard .uace_modal.uacem_show_media .uace_modal_content .uace_modal_close {
    right:0px;
    z-index: 3;
    font-size: 40px;
    font-weight: bold;}

body.vgi360_dashboard .uace_modal.uacem_show_media .modal_area,
body.vgi360_dashboard .uace_modal.uacem_show_media .modal_area .cont_iframe,
body.vgi360_dashboard .uace_modal.uacem_show_media .modal_area .cont_iframe.youtube_iframe .fluid-width-video-wrapper {
    position: absolute;
    width: auto;
    height: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px 0px 0px 0px;
    z-index: 1;}

body.vgi360_dashboard .uace_modal.uacem_show_media .modal_area .cont_iframe {
    top: 0px !important;
    bottom: 0px !important;}

body.vgi360_dashboard .uace_modal.uacem_show_media .modal_area .cont_iframe.ciframe_x2:nth-child(1) {
    width: 50%;
    left:0px;
    right:auto;}

body.vgi360_dashboard .uace_modal.uacem_show_media .modal_area .cont_iframe.ciframe_x2:nth-child(2) {
    width: 50%;
    right:0px;
    left:auto;}

/* -------------------------------------------
Item > 2D & 360 Viewer */

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 {
    position: relative;
    width: 100%;
    height: 80vh;
    z-index: 1;
    /* 
    Impedisci la selezione accidentale 
    durante l'uso del touchscreen 
    */
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;}

body.vgi360_dashboard.fullscreen .vgi360_item.img_2d .viewer_2d,
body.vgi360_dashboard.fullscreen .vgi360_item.img_360 .viewer_360 {
    position: absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    width: 100%;
    height: 100%;}

/* -------------------------------------------
Item > 2D Viewer > Leaflet */

body.vgi360_dashboard.fullscreen .vgi360_item .viewer_2d.leaflet-container {background:#ffffff;}

/* Zoom Control */
body.vgi360_dashboard.fullscreen .vgi360_item.img_2d .viewer_2d .leaflet-top .leaflet-control {margin-top: 60px;}

body.vgi360_dashboard.fullscreen .vgi360_item.img_2d .viewer_2d .leaflet-popup-content {
    max-width: 100%;
    margin: 0px 0px 0px 0px;}

body.vgi360_dashboard.fullscreen .vgi360_item.img_2d .viewer_2d .leaflet-popup-content .row.spacer {
    margin: 5px 0px 0px 0px;
    padding: 5px 0px 0px 0px;}

body.vgi360_dashboard.fullscreen .vgi360_item.img_2d .viewer_2d .leaflet-popup-content .light_link {
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
    line-height: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    transition: 0.2s ease all;}

body.vgi360_dashboard.fullscreen .vgi360_item.img_2d .viewer_2d .leaflet-popup-content .light_link:hover,
body.vgi360_dashboard.fullscreen .vgi360_item.img_2d .viewer_2d .leaflet-popup-content .light_link:focus {
    color:#1473e6;
    transition: 0.2s ease all;}

body.vgi360_dashboard.fullscreen .vgi360_item.img_2d .viewer_2d .leaflet-popup-content .btn_light.btn_text {
    padding: 0px 1px 0px 1px;
    margin: 0px 1px 0px 1px;}

body.vgi360_dashboard.fullscreen .vgi360_item.img_2d .viewer_2d .leaflet-popup-content .icon_info {
    opacity: 0.6;
    transition: 0.2 ease all;}

body.vgi360_dashboard.fullscreen .vgi360_item.img_2d .viewer_2d .leaflet-popup-content .icon_info:hover {
    opacity: 1;
    transition: 0.2 ease all;}

/* Allineamento Mobile Leaflet + Overlay PopUp */
body.vgi360_dashboard.fullscreen .vgi360_item.img_2d .viewer_2d .leaflet-popup {padding-top: 50px;}
body.vgi360_dashboard.fullscreen .vgi360-dashboard .vgi360_items .vgi360_item.img_2d .viewer_2d .vgi360_item_overlay {top:50px;}

body.vgi360_dashboard.fullscreen .vgi360_item.img_2d .viewer_2d.leaflet-container a.leaflet-popup-close-button {
    top: 50px;
    right:0px;
    left:auto;
    bottom:auto;
    width: 40px;
    height: 30px;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    cursor:pointer;
    padding: 5px 5px 5px 5px;}

/* -------------------------------------------
Item > 2D Viewer > Leaflet > Options */

body.vgi360_dashboard.fullscreen .vgi360_item.img_2d .viewer_2d .leaflet-popup-content .row.row_options_under {display: block;}

body.vgi360_dashboard.fullscreen .vgi360_item.img_2d .viewer_2d .leaflet-popup-content .row.row_options_under.open .btn_light.btn_text {
    margin: 3px 1px 3px 1px;
    padding: 5px 1px 5px 1px;}

body.vgi360_dashboard.fullscreen .vgi360_item.img_2d .viewer_2d .leaflet-popup-content .btn_show_options {
    position: absolute;
    width: 40px;
    min-height: 20px;
    height: auto;
    top: 0px;
    right: 0px;
    z-index: 10;}

body.vgi360_dashboard.fullscreen .vgi360_item.img_2d .viewer_2d .leaflet-popup-content .tt_info {
    width: 100%;
    display: block;}

body.vgi360_dashboard.fullscreen .vgi360_item.img_2d .viewer_2d .leaflet-popup-content .tt_info::after {
    max-width: calc(100% - 50px);
    min-width: 250px;}


/* -------------------------------------------
Item > 2D Viewer > Leaflet Draw > Options 
Hide by .vgi360_ui (JS)
*/

/* Leaflet Draw UI */
body.vgi360_dashboard .leaflet-container .leaflet-control-container .leaflet-top.leaflet-left .leaflet-draw.leaflet-control.vgi360_ui {overflow: hidden;}

body.vgi360_dashboard .leaflet-container .leaflet-control-container .leaflet-top.leaflet-left .leaflet-draw.leaflet-control.vgi360_ui .leaflet-draw-section {left: -500px;}

/* Pointer PopUp */
body.vgi360_dashboard .leaflet-container .leaflet-pane.leaflet-map-pane .leaflet-pane.leaflet-popup-pane.vgi360_ui .leaflet-draw-tooltip.leaflet-draw-tooltip-single,
body.vgi360_dashboard .leaflet-container .leaflet-pane.leaflet-map-pane .leaflet-pane.leaflet-popup-pane.vgi360_ui .leaflet-draw-tooltip.leaflet-draw-tooltip-single:before {display: none;}


/* -------------------------------------------
Viewer 2D Scroll Controls */

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d_scroll {
    position: absolute;
    width: auto;
    height: auto;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    text-align: center;
    font-size: 15px;
    line-height: 0px;
    color:#ffffff;
    background-color: rgba(170, 170, 170, 0.6); /* #aaaaaa */
    transition: 0.2s ease opacity;
    z-index: 450;}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d_scroll.scroll_x:hover,
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d_scroll.scroll_y:hover {
    background-color: rgba(170, 170, 170, 1);
    transition: 0.2s ease opacity;}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d_scroll .scroll_box {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d_scroll .input_range { 
    outline: none;
    height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    cursor: pointer;
    opacity: 0.6;}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d_scroll .input_range:hover {opacity: 1;}

/* .input_range for -webkit- (Chrome, Opera, Safari, Edge) */
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d_scroll .input_range::-webkit-slider-thumb {
    width: 30px;
    height: 16px;
    border-radius: 15px;
    border:none;
    background: #ffffff;
    box-sizing: 0px 0px 15px 0px rgba(0,0,0,0.6);
    cursor:pointer;
    -webkit-appearance: none;
    appearance: none;}

/* .input_range for -moz- (Firefox) */
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d_scroll .input_range::-moz-range-thumb {
    width: 30px;
    height: 16px;
    border-radius: 15px;
    box-sizing: 0px 0px 15px 0px rgba(0,0,0,0.6);
    border:none;
    background: #ffffff;
    cursor: pointer;}

/* C */
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d_scroll.scroll_c {
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    right: 5px;
    bottom: 55px;}

body.vgi360_dashboard .vgi360_item.img_2d.with_scrollbars .viewer_2d_scroll.scroll_c {
    width: 20px;
    height: 20px;
    font-size: 15px;
    line-height: 20px;
    right:0px;
    bottom:50px;}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d_scroll.scroll_c .btn_scroll_switch {
    cursor: pointer;
    opacity: 0.6;}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d_scroll.scroll_c .btn_scroll_switch:hover {opacity: 1;}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d_scroll.scroll_c .btn_scroll_switch .fa-arrows-alt-v {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);}

/* X */
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d_scroll.scroll_x {
    height: 20px;
    left:0px;
    right:20px;
    bottom:50px;}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d_scroll.scroll_x .input_range {
    width: calc(100vw - 80px);}

/* Y */
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d_scroll.scroll_y {
    width: calc(100vh - 170px);
    height: calc(100vh - 170px);
    top:50px;
    left:calc(100% - 20px);
    bottom:70px;}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d_scroll.scroll_y .scroll_box {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d_scroll.scroll_y .input_range {width: calc(100vh - 210px);}
    

/* -------------------------------------------
Item > 360 Viewer > Photo Sphere Viewer */

body.vgi360_dashboard.fullscreen .vgi360_item.img_360 .viewer_360 .psv-container .psv-panel {
    position: absolute;
    max-width: calc(100% - 50px);
    height: auto;
    top:50px;
    bottom:50px;}

body.vgi360_dashboard.fullscreen .vgi360_item.img_360 .viewer_360 .psv-container .psv-panel-close-button {
    cursor:pointer;
    top: 60px;
    left: -38px;
    width: 34px;
    height: 34px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;}

body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-panel-close-button {
    box-shadow: -4px 0px 5px 0px rgba(0, 0, 0, 0.15);
    background: rgb(255, 255, 255);}

body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-panel-close-button::before,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-panel-close-button::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    content: "\f00d";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 24px;
    line-height:34px;
    text-align: center;
    color: #aaaaaa;
    background: transparent;
    -webkit-transform: rotate(0deg) scale(0.8);
    transform: rotate(0deg) scale(0.8);
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-panel-close-button:hover::before, 
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-panel-close-button:hover::after {
    color: #333;
    -webkit-transform: rotate(90deg) scale(1);
    transform: rotate(90deg) scale(1);
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-panel-close-button::before {display: none;}

body.vgi360_dashboard.fullscreen .vgi360_item.img_360 .viewer_360 .psv-container .psv-panel-content,
body.vgi360_dashboard.fullscreen .vgi360_item.img_360 .viewer_360 .psv-container .psv-panel-content:not(.psv-panel-content--no-margin) {
    padding: 0px 0px 0px 0px;}

/* -------------------------------------------
Items > Modal > JCE */

[tooltip].tt_smallsmall::after { min-width: 80px; }

body.vgi360_dashboard .vgi360_item .viewer_360 .psv-container .psv-panel-content .show_notes .jce_menu .jce_menu_item .jce_menu_item_box {width: calc(100% - 40px);}

/* -------------------------------------------
Items > Modal 360 Themes */

/* Items > body.vgi360_dashboard.vgi360_ui_light .viewer_360 */
body.vgi360_dashboard.vgi360_ui_light .vgi360_item.img_360 .viewer_360 .psv-panel {
    background: rgba(255, 255, 255, 0.9);}

body.vgi360_dashboard.vgi360_ui_light .vgi360_item.img_360 .viewer_360 .psv-panel-resizer {
    background: rgb(255, 255, 255);
    border-right:1px solid #eee;
    box-shadow: -4px 0px 5px 0px rgba(0, 0, 0, 0.15);}

body.vgi360_dashboard.vgi360_ui_light .vgi360_item.img_360 .viewer_360 .psv-panel-resizer::before {
    filter:invert(100%);}
    

/* -------------------------------------------
Item > 2D & 360° Viewer > Controls Area */

body.vgi360_dashboard .vgi360_item.img_2d .controls_area,
body.vgi360_dashboard .vgi360_item.img_360 .controls_area {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    width: 100%;
    height: auto;
    padding: 55px 15px 55px 15px;
    margin: 0px 0px 0px 0px;
    background-color: transparent;
    overflow: hidden;}

body.vgi360_dashboard .vgi360_item.img_2d .controls_area .ca_item,
body.vgi360_dashboard .vgi360_item.img_360 .controls_area .ca_item {
    position: relative;
    display: inline-block;
    z-index: 10;}

/* -------------------------------------------
Item > 2D & 360° Viewer > Controls Area > Search */

body.vgi360_dashboard .vgi360_item.img_2d .controls_area .search_in_map {
    position: absolute;
    max-width: 90%;
    width: 280px;
    min-height: 40px;
    top:65px;
    left:15px;
    right:auto;
    bottom:auto;
    border-radius: 2px;
    z-index: 10;}

body.vgi360_dashboard .vgi360_item.img_2d .controls_area .search_in_map input[type="text"] {
    position: absolute;
    width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 5px 40px 5px 10px;
    line-height: 30px;
    background-color:rgba(255, 255, 255, 0.75);
    border:0px solid transparent;
    transition:0.3s ease all;}

body.vgi360_dashboard .vgi360_item.img_2d .controls_area .search_in_map .btn_light {
    margin: 5px 5px 5px 5px;
    transition:0.3s ease all;}

body.vgi360_dashboard .vgi360_item.img_2d .controls_area .search_in_map:hover input[type="text"],
body.vgi360_dashboard .vgi360_item.img_2d .controls_area .search_in_map:focus input[type="text"],
body.vgi360_dashboard .vgi360_item.img_2d .controls_area .search_in_map input[type="text"]:hover,
body.vgi360_dashboard .vgi360_item.img_2d .controls_area .search_in_map input[type="text"]:focus {
    background-color: rgba(255, 255, 255, 9);
    transition:0.3s ease all;}

/* -------------------------------------------
Notice Box (Mobile Friendly) */

body.vgi360_dashboard .vgi360_item .controls_bar .notices_box {
    position: absolute;
    display: block;
    top:0px;
    bottom:auto;
    left:0px;
    right:0px;
    overflow: visible;}

/* -------------------------------------------
Simple Notice */

body.vgi360_dashboard .vgi360_item .vgi360_simple_notice {
    position: absolute;
    width: auto;
    height: auto;
    max-width: calc(100% - 30px);
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    overflow: visible;
    z-index: 1000;
    font-size: 14px;
    line-height: 20px;
    color:#333333;
    background-color: rgba(255, 255, 255, 0.6);
    text-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
    display: block;}

body.vgi360_dashboard .vgi360_item .vgi360_simple_notice {
    top: auto;
    left: auto;
    right: 15px;
    bottom: 65px;}

body.vgi360_dashboard .vgi360_item .controls_bar .notices_box .vgi360_simple_notice {
    top: auto;
    left: 15px;
    right: auto;
    bottom: 15px;}

body.vgi360_dashboard .vgi360_item .vgi360_simple_notice.strong_colors {
    color:#000000;
    background-color: rgba(255, 255, 255, 0.8);
    text-shadow: 0px 0px 4px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.6);}

body.vgi360_dashboard .vgi360_item .vgi360_simple_notice.hidden {display: none;}

/* with_scrollbars */
body.vgi360_dashboard .vgi360_item.with_scrollbars .controls_bar .notices_box .vgi360_simple_notice {bottom: 25px;}

/* -------------------------------------------
Simple Notice > Loading Markers (POI) */

body.vgi360_dashboard .vgi360_item .controls_bar .notices_box .vgi360_simple_notice.loading_merkers {
    top: auto;
    left: auto;
    right: 15px;
    bottom: 15px;}

body.vgi360_dashboard .vgi360_item .vgi360_simple_notice.loading_merkers .loading_spinner {
    width: 14px; 
    height: 14px;}

@keyframes loading_pulse {
    0%   { opacity: 1; }
    50%  { opacity: 0.5; }
    100% { opacity: 1; }
}

body.vgi360_dashboard .vgi360_item .vgi360_simple_notice.loading_merkers {animation: loading_pulse 2s infinite;}

body.vgi360_dashboard .vgi360_item .vgi360_simple_notice.loading_merkers:hover {animation: none;}

/* with_scrollbars */
body.vgi360_dashboard .vgi360_item.with_scrollbars .controls_bar .notices_box .vgi360_simple_notice.loading_merkers {
    right: 30px;
    bottom: 30px;}

/* -------------------------------------------
Simple Notice > Transparency Shapes Filter Off */

body.vgi360_dashboard .vgi360_item .controls_bar .vgi360_simple_notice.transparency_shapes_filter_off {
    top: auto;
    left: auto;
    right: 15px;
    bottom: 55px;}

/* with_scrollbars */
body.vgi360_dashboard .vgi360_item.with_scrollbars .controls_bar .vgi360_simple_notice.transparency_shapes_filter_off {
    right: 30px;
    bottom: 65px;}

/* -------------------------------------------
Item > 2D & 360° Viewer > Controls Bar > Add Marker */

/* Controls Bar > Buttons Primary */
body.vgi360_dashboard .vgi360_item .controls_bar .cb_btn_fx {transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_item .controls_bar .cb_btn_fx.cb_btn_deactivated {opacity: 0;}

/* Controls Bar > Markers */
body.vgi360_dashboard .vgi360_item .controls_bar .cb_add_markers_menu {display: block;}

/* Controls Bar > Markers > Controls Bar Buttons */
body.vgi360_dashboard .vgi360_item .controls_bar .cb_add_markers_menu .cb_add_markers_buttons {
    position: relative;
    display: block;
    width: 0px;
    height: 50px;
    overflow: hidden;
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    z-index: 2;}

/* Controls Bar > Markers > Controls Bar Buttons > Open */
body.vgi360_dashboard .vgi360_item .controls_bar .cb_add_markers_menu.open .cb_add_markers_buttons {width: auto;}

body.vgi360_dashboard .vgi360_item .controls_bar .cb_add_markers_menu .cb_add_markers_buttons,
body.vgi360_dashboard .vgi360_item .controls_bar .cb_add_markers_menu.open .cb_add_markers_buttons {transition: 0.2s ease auto;}

/* Controls Bar > BTN Add Markers */
/*
body.vgi360_dashboard .vgi360_item .controls_bar .cb_add_markers_menu .cb_add_markers_buttons .cb_add_markers_fx {
    width: 0px;
    height: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;}
*/

body.vgi360_dashboard .vgi360_item .controls_bar .cb_add_markers_menu .cb_add_markers_buttons .cb_add_markers_fx,
body.vgi360_dashboard .vgi360_item .controls_bar .cb_add_markers_menu.open .cb_add_markers_buttons .cb_add_markers_fx {
    width: auto;
    height: auto;
    padding: 5px 5px 5px 5px;
    margin: 10px 5px 10px 5px;}

body.vgi360_dashboard .vgi360_item .controls_bar .cb_add_markers_menu.open .cb_add_markers_buttons .cb_add_markers_fx.btn_icona {
    width: 18px;
    height: 18px;}

body.vgi360_dashboard .vgi360_item .controls_bar .cb_add_markers_menu .cb_add_markers_buttons .cb_add_markers_fx,
body.vgi360_dashboard .vgi360_item .controls_bar .cb_add_markers_menu.open .cb_add_markers_buttons .cb_add_markers_fx,
body.vgi360_dashboard .vgi360_item .controls_bar .cb_add_markers_menu.open .cb_add_markers_buttons .cb_add_markers_fx.btn_icona {transition: 0.2s ease all;}

/* Controls Bar > BTN Show/Hide */
body.vgi360_dashboard .vgi360_item .controls_bar .cb_add_markers_menu .btn_show_buttons,
body.vgi360_dashboard .vgi360_item .controls_bar .cb_add_markers_menu .btn_hide_buttons {display: block;}

body.vgi360_dashboard .vgi360_item .controls_bar .cb_add_markers_menu .btn_hide_buttons {display: none;}

/* Controls Bar > All Buttons */
body.vgi360_dashboard .vgi360_item .controls_bar .btn_light {
    transform: scale(1.0);
    margin: 9px 5px 9px 5px;}

body.vgi360_dashboard .vgi360_item .controls_bar .cb_add_markers_buttons .btn_light {
    margin: 10px 5px 10px 5px;}


/* -------------------------------------------
Item > 2D & 360° Viewer & Report > Controls Bar */

body.vgi360_dashboard .vgi360_item .controls_bar {
    z-index: 10;
    position: absolute;
    top:auto;
    left:0px;
    right:0px;
    bottom:0px;
    width: 100%;
    height: auto;
    min-height: 50px;
    line-height: 0px;
    box-sizing: border-box;
    padding: 0px 3% 0px 3%;
    background-color: rgba(255, 255, 255, 0.4);
    border-top:1px solid rgba(238, 238, 238, 0.2);
    box-shadow: 2px 0px 4px 4px rgba(0, 0, 0, 0.175);
    overflow: visible; /* Simple Notices */ 
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_item.report_view .controls_bar {background-color: rgb(255, 255, 255);}

/* Bar Items */
body.vgi360_dashboard .vgi360_item .controls_bar .bar_items,
body.vgi360_dashboard .vgi360_item .controls_bar .bar_items .bitems_l,
body.vgi360_dashboard .vgi360_item .controls_bar .bar_items .bitems_r,
body.vgi360_dashboard .vgi360_item .controls_bar .bar_items .cb_add_markers_menu,
body.vgi360_dashboard .vgi360_item .controls_bar .bar_items .cb_add_markers_menu.open .cb_add_markers_menu,
body.vgi360_dashboard .vgi360_item .controls_bar .bar_items .cb_add_markers_menu.open .cb_add_markers_buttons {
    display: flex;
    flex-direction: row;
    justify-content:center;
    height: 50px;}

body.vgi360_dashboard .vgi360_item .controls_bar .bar_items {
    position: relative;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: none;
    scrollbar-width: thin;
    scrollbar-color: rgba(102, 102, 102, 0.5) transparent;}

body.vgi360_dashboard .vgi360_item .controls_bar .bar_items .btn_light {min-width: 18px;}

body.vgi360_dashboard .vgi360_item .controls_bar .bar_items .btn_light.btn_disabled {
    filter: grayscale(100) 
    opacity(0.5);
    cursor: not-allowed;}

body.vgi360_dashboard .vgi360_item .controls_bar .bar_items .btn_light.separator {
    padding: 5px 2px 5px 2px;
    min-width: 10px;
    opacity: 0.8;}

/* Bar Items > Left/Right Mode */
body.vgi360_dashboard .vgi360_item .controls_bar .bar_items.bar_items_lr {justify-content:space-between;}

body.vgi360_dashboard .vgi360_item .controls_bar .bar_items.bar_items_lr .bitems_lr_separator {display: none;}

body.vgi360_dashboard .vgi360_item .controls_bar .bar_items.bar_items_lr .cb_add_markers_menu.open .cb_add_markers_buttons {margin: 0px 0px 0px 30px;}

/* -------------------------------------------
Item > Controls Bar > Buttons */

body.vgi360_dashboard .btn_light.btn_bianco.selected {
    color: #ffffff;
    border: 1px solid #1473e6;
    background-color: #1473e6;}

body.vgi360_dashboard .btn_light.btn_AutoRotate i {margin-left: 3px;}

/* All */
body.vgi360_dashboard .btn_light.btn_vgi360_black,
body.vgi360_dashboard .btn_light.btn_vgi360_blue,
body.vgi360_dashboard .btn_light.btn_vgi360_grey,
body.vgi360_dashboard .btn_light.btn_vgi360_azure,
body.vgi360_dashboard .btn_light.btn_vgi360_orange,
body.vgi360_dashboard .btn_light.btn_vgi360_green,
body.vgi360_dashboard .btn_light.btn_vgi360_red,
body.vgi360_dashboard .btn_light.btn_vgi360_yellow,
body.vgi360_dashboard .btn_light.btn_vgi360_purple {
    color: #333;
    padding: 4px 4px 4px 4px;
    border: 2px solid #ccc;
    background-color: #f8f8f8;}

/* White */
body.vgi360_dashboard .btn_light.btn_vgi360_white {
    color: #333333;
    background-color: #fcfcfc;
    border: 1px solid #cccccc;}

body.vgi360_dashboard .btn_light.btn_vgi360_white.selected,
body.vgi360_dashboard .btn_light.btn_vgi360_white:hover,
body.vgi360_dashboard .btn_light.btn_vgi360_white:focus {
    color: #ffffff;
    border: 1px solid #1473e6;
    background-color: #1473e6;}

body.vgi360_dashboard .btn_light.btn_vgi360_white .icon_vgi360 {background-color: #333333;}

body.vgi360_dashboard .btn_light.btn_vgi360_white.selected .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_white:hover .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_white:focus .icon_vgi360 {background-color: #ffffff;}

/* Black */
body.vgi360_dashboard .btn_light.btn_vgi360_black {
    color: #333333;
    border: 2px solid #333333;}

body.vgi360_dashboard .btn_light.btn_vgi360_black.selected,
body.vgi360_dashboard .btn_light.btn_vgi360_black:hover,
body.vgi360_dashboard .btn_light.btn_vgi360_black:focus {
    color: #ffffff;
    background-color: #333333;}

body.vgi360_dashboard .btn_light.btn_vgi360_black .icon_vgi360 {background-color: #333333;}

body.vgi360_dashboard .btn_light.btn_vgi360_black.selected .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_black:hover .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_black:focus .icon_vgi360 {background-color: #ffffff;}

/* Grey */
body.vgi360_dashboard .btn_light.btn_vgi360_grey {
    color: #666666;
    border: 2px solid #666666;}

body.vgi360_dashboard .btn_light.btn_vgi360_grey.selected,
body.vgi360_dashboard .btn_light.btn_vgi360_grey:hover,
body.vgi360_dashboard .btn_light.btn_vgi360_grey:focus {
    color: #ffffff;
    background-color: #666666;}

body.vgi360_dashboard .btn_light.btn_vgi360_grey .icon_vgi360 {background-color: #666666;}

body.vgi360_dashboard .btn_light.btn_vgi360_grey.selected .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_grey:hover .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_grey:focus .icon_vgi360 {background-color: #ffffff;}

/* Blue */
body.vgi360_dashboard .btn_light.btn_vgi360_blue {
    color: #0066ff;
    border: 2px solid #0066ff;}

body.vgi360_dashboard .btn_light.btn_vgi360_blue.selected,
body.vgi360_dashboard .btn_light.btn_vgi360_blue:hover,
body.vgi360_dashboard .btn_light.btn_vgi360_blue:focus {
    color: #ffffff;
    background-color: #0066ff;}

body.vgi360_dashboard .btn_light.btn_vgi360_blue .icon_vgi360 {background-color: #0066ff;}

body.vgi360_dashboard .btn_light.btn_vgi360_blue.selected .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_blue:hover .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_blue:focus .icon_vgi360 {background-color: #ffffff;}

/* Azure */
body.vgi360_dashboard .btn_light.btn_vgi360_azure {
    color: #4ba5d1;
    border: 2px solid #4ba5d1;}

body.vgi360_dashboard .btn_light.btn_vgi360_azure.selected,
body.vgi360_dashboard .btn_light.btn_vgi360_azure:hover,
body.vgi360_dashboard .btn_light.btn_vgi360_azure:focus {
    color: #ffffff;
    background-color: #4ba5d1;}

body.vgi360_dashboard .btn_light.btn_vgi360_azure .icon_vgi360 {background-color: #4ba5d1;}

body.vgi360_dashboard .btn_light.btn_vgi360_azure.selected .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_azure:hover .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_azure:focus .icon_vgi360 {background-color: #ffffff;}

/* Orange */
body.vgi360_dashboard .btn_light.btn_vgi360_orange {
    color: #ff6600;
    border: 2px solid #ff6600;}

body.vgi360_dashboard .btn_light.btn_vgi360_orange.selected,
body.vgi360_dashboard .btn_light.btn_vgi360_orange:hover,
body.vgi360_dashboard .btn_light.btn_vgi360_orange:focus {
    color: #ffffff;
    background-color: #ff6600;}

body.vgi360_dashboard .btn_light.btn_vgi360_orange .icon_vgi360 {background-color: #ff6600;}

body.vgi360_dashboard .btn_light.btn_vgi360_orange.selected .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_orange:hover .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_orange:focus .icon_vgi360 {background-color: #ffffff;}

/* Green */
body.vgi360_dashboard .btn_light.btn_vgi360_green {
    color: #009966;
    border: 2px solid #009966;}

body.vgi360_dashboard .btn_light.btn_vgi360_green.selected,
body.vgi360_dashboard .btn_light.btn_vgi360_green:hover,
body.vgi360_dashboard .btn_light.btn_vgi360_green:focus {
    color: #ffffff;
    background-color: #009966;}

body.vgi360_dashboard .btn_light.btn_vgi360_green .icon_vgi360 {background-color: #009966;}

body.vgi360_dashboard .btn_light.btn_vgi360_green.selected .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_green:hover .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_green:focus .icon_vgi360 {background-color: #ffffff;}

/* Red */
body.vgi360_dashboard .btn_light.btn_vgi360_red {
    color: #dd1111;
    border: 2px solid #dd1111;}

body.vgi360_dashboard .btn_light.btn_vgi360_red.selected,
body.vgi360_dashboard .btn_light.btn_vgi360_red:hover,
body.vgi360_dashboard .btn_light.btn_vgi360_red:focus {
    color: #ffffff;
    background-color: #dd1111;}

body.vgi360_dashboard .btn_light.btn_vgi360_red .icon_vgi360 {background-color: #dd1111;}

body.vgi360_dashboard .btn_light.btn_vgi360_red.selected .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_red:hover .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_red:focus .icon_vgi360 {background-color: #ffffff;}

/* Yellow */
body.vgi360_dashboard .btn_light.btn_vgi360_yellow {
    color: #e9b514;
    border: 2px solid #e9b514;}

body.vgi360_dashboard .btn_light.btn_vgi360_yellow.selected,
body.vgi360_dashboard .btn_light.btn_vgi360_yellow:hover,
body.vgi360_dashboard .btn_light.btn_vgi360_yellow:focus {
    color: #ffffff;
    background-color: #e9b514;}

body.vgi360_dashboard .btn_light.btn_vgi360_yellow .icon_vgi360 {background-color: #e9b514;}

body.vgi360_dashboard .btn_light.btn_vgi360_yellow.selected .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_yellow:hover .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_yellow:focus .icon_vgi360 {background-color: #ffffff;}

/* Purple */
body.vgi360_dashboard .btn_light.btn_vgi360_purple {
    color: #a55bb2;
    border: 2px solid #a55bb2;}

body.vgi360_dashboard .btn_light.btn_vgi360_purple.selected,
body.vgi360_dashboard .btn_light.btn_vgi360_purple:hover,
body.vgi360_dashboard .btn_light.btn_vgi360_purple:focus {
    color: #ffffff;
    background-color: #a55bb2;}

body.vgi360_dashboard .btn_light.btn_vgi360_purple .icon_vgi360 {background-color: #a55bb2;}

body.vgi360_dashboard .btn_light.btn_vgi360_purple.selected .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_purple:hover .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_vgi360_purple:focus .icon_vgi360 {background-color: #ffffff;}


/* -------------------------------------------
Item > 2D & 360° Viewer > Title */

body.vgi360_dashboard .vgi360_item.img_2d .img_title,
body.vgi360_dashboard .vgi360_item.img_360 .img_title {
    z-index: 10;
    position: absolute;
    top:70px;
    left:3%;
    max-width: 90%;
    max-height: 100px;
    box-sizing: border-box;
    padding: 15px 15px 15px 15px;
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: 2px 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 5px;}

body.vgi360_dashboard .vgi360_item.img_2d .img_title h3,
body.vgi360_dashboard .vgi360_item.img_360 .img_title h3,
body.vgi360_dashboard .vgi360_item.img_2d .img_title h4,
body.vgi360_dashboard .vgi360_item.img_360 .img_title h4 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    font-size: 18px;
    line-height: 25px;
    color:#000;
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.2);}

body.vgi360_dashboard .vgi360_item.img_2d .img_title h3,
body.vgi360_dashboard .vgi360_item.img_360 .img_title h3 {
    font-size: 22px;
    line-height: 25px;}

/* -------------------------------------------
Items > Popup & Modal */

body.vgi360_dashboard .vgi360_popup,
body.vgi360_dashboard .vgi360_modal {
    position: relative;
    width: auto;
    height: auto;
    max-width: 90vw;
    max-height: 70vh;
    overflow: auto;
    font-size: 15px;
    line-height: 20px;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_popup {padding: 5px 10px 5px 10px;}

body.vgi360_dashboard .vgi360_modal {
    position: absolute;
    width: auto;
    height: auto;
    top:0px;
    bottom:45px;
    left:0px;
    right:0px;
    max-width: 100%;
    max-height: 100%;
    color: #f0f0f0;
    overflow: auto;
    z-index: 1;}

body.vgi360_dashboard .vgi360_modal input[type="number"] {
    width: 80px;
    margin: 1px 1px 1px 1px;
    display: inline-block;}

body.vgi360_dashboard .vgi360_modal .checkbox_light,
body.vgi360_dashboard .vgi360_modal .radio_light {
    font-size: 14px;
    line-height: 16px;
    padding: 2px 2px 2px 2px;
    margin: 0px 15px 0px 0px;}

body.vgi360_dashboard .vgi360_modal .radio_light input[type="checkbox"],
body.vgi360_dashboard .vgi360_modal .radio_light input[type="radio"] {margin: 0px 2px 0px 0px;}

body.vgi360_dashboard .vgi360_modal.actions {
    padding: 0px 0px 0px 0px;
    width: auto;
    height: auto;
    max-height: 40px;
    overflow: auto;
    top:auto;
    bottom:5px;
    left:0px;
    right:0px;}

body.vgi360_dashboard .vgi360_modal.actions .btn_light {line-height: 18px;}

body.vgi360_dashboard .vgi360_popup {
    max-width: 100%;
    width: 280px;
    height: auto;}

body.vgi360_dashboard .vgi360_popup .pp_block {
    width: 100%;
    display: inline-block;}

body.vgi360_dashboard .vgi360_popup .pp_hidden,
body.vgi360_dashboard .vgi360_modal .mo_hidden {display: none;}

/* -------------------------------------------
Items > Popup & Modal > Overlay */

body.vgi360_dashboard .vgi360_popup .vgi360_item_overlay,
body.vgi360_dashboard .vgi360_items .vgi360_popup .vgi360_item_overlay,
body.vgi360_dashboard .vgi360_modal .vgi360_item_overlay {
    position: fixed;
    width: auto;
    height: auto;}

/* -------------------------------------------
Items > Popup & Modal > Row */

body.vgi360_dashboard .vgi360_popup .row,
body.vgi360_dashboard .vgi360_modal .row {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_modal .row {padding: 0px 0px 10px 0px;}

body.vgi360_dashboard .vgi360_popup .row:first-child,
body.vgi360_dashboard .vgi360_modal .row:first-child {padding: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_modal .row.no_space {padding: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_popup .row.actions,
body.vgi360_dashboard .vgi360_popup .row.separator {
    margin: 5px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    border-top:1px solid #ddd;}

body.vgi360_dashboard .vgi360_modal .row.actions,
body.vgi360_dashboard .vgi360_modal .row.separator {
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    border-top:1px solid #808080;}

body.vgi360_dashboard.vgi360_ui_light .viewer_360 .vgi360_modal .row.actions,
body.vgi360_dashboard.vgi360_ui_light .viewer_360 .vgi360_modal .row.separator {border-top:1px solid #ddd;}

body.vgi360_dashboard .vgi360_popup .row.actions,
body.vgi360_dashboard .vgi360_modal .row.actions {display: block;}

body.vgi360_dashboard .vgi360_modal.actions .row.actions {
    margin: 0px 0px 0px 0px;
    padding: 3px 10px 0px 10px;}

/* -------------------------------------------
Items > Popup & Modal */

body.vgi360_dashboard .vgi360_popup *
body.vgi360_dashboard .vgi360_modal * {transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_popup strong,
body.vgi360_dashboard .vgi360_modal strong {
    font-family: "OpenSans-Bold", sans-serif, arial;
    font-weight: normal;}

/* Input */
body.vgi360_dashboard .vgi360_modal textarea,
body.vgi360_dashboard .vgi360_popup input[type="text"] {
    background-color: #ffffff;
    padding: 5px 5px 5px 5px;
    border-radius: 2px;}

body.vgi360_dashboard .vgi360_modal input[type="checkbox"] {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);}

body.vgi360_dashboard .vgi360_modal label,
body.vgi360_dashboard .vgi360_popup label {display: inline-block;}

/* BTN Light */
body.vgi360_dashboard .vgi360_popup .btn_light,
body.vgi360_dashboard .vgi360_modal .btn_light {
    transform: scale(1.0);
    font-size: 14px;
    line-height: 20px;}

/* Tolltip */
body.vgi360_dashboard .vgi360_modal [tooltip].tt_small::after,
body.vgi360_dashboard .vgi360_popup [tooltip].tt_small::after {min-width: 80px;}

/* Info */
body.vgi360_dashboard .vgi360_popup .vgi360_popup_info,
body.vgi360_dashboard .vgi360_modal .vgi360_modal_info,
.vgi360_dashboard .uace_modal .vgi360_modal_info {
    position: relative;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: auto;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_info .vgi360_ppi_txt,
body.vgi360_dashboard .vgi360_modal .vgi360_modal_info .vgi360_mi_txt,
.vgi360_dashboard .uace_modal .vgi360_modal_info .vgi360_mi_txt {
    position: relative;
    padding: 0px 0px 0px 20px;
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    color: #666666;}

body.vgi360_dashboard .vgi360_popup .vgi360_loading .vgi360_popup_info .vgi360_ppi_txt {padding: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_info i,
body.vgi360_dashboard .vgi360_modal .vgi360_modal_info i,
.vgi360_dashboard .uace_modal .vgi360_modal_info i,
body.vgi360_dashboard .vgi360_popup .vgi360_popup_info .icon_vgi360,
body.vgi360_dashboard .vgi360_modal .vgi360_modal_info .icon_vgi360,
.vgi360_dashboard .uace_modal .vgi360_modal_info .icon_vgi360 {
    position: absolute;
    top:5px;
    left:0px;
    right:auto;
    bottom:auto;
    opacity: 0.9;
    width: 15px;
    height: 15px;
    text-shadow: none;
    text-align: center;
    font-size: 12px;
    line-height: 15px;}

/* Title */
body.vgi360_dashboard .vgi360_popup .vgi360_popup_title,
body.vgi360_dashboard .vgi360_modal .vgi360_modal_title,
.vgi360_dashboard .uace_modal .vgi360_modal_title,
body.vgi360_dashboard .vgi360_popup .row.row_title,
body.vgi360_dashboard .vgi360_modal .row.row_title,
.vgi360_dashboard .uace_modal .row.row_title {
    font-family: "OpenSans-Light", sans-serif, arial;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);}

body.vgi360_dashboard .vgi360_popup .row.row_title,
body.vgi360_dashboard .vgi360_modal .row.row_title {padding: 5px 0px 15px 0px;}

body.vgi360_dashboard .vgi360_popup .row.row_title.title_small,
body.vgi360_dashboard .vgi360_modal .row.row_title.title_small {
    font-size: 13px;
    line-height: 15px;
    color: #919191;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    padding: 2px 0px 2px 0px;}

/* Title Small > Btn Copy > Cloud ID */
body.vgi360_dashboard .vgi360_popup .popup_media_step_point_cloud .vgi360_popup_content {position: relative;}

body.vgi360_dashboard .vgi360_popup .popup_media_step_point_cloud .row_btn_copy,
body.vgi360_dashboard .vgi360_popup .popup_media_step_point_cloud .row.row_title.title_small.row_btn_copy {padding: 2px 90px 2px 0px;}

body.vgi360_dashboard .vgi360_popup .popup_media_step_point_cloud .row_btn_copy .btn_copy {
    position: absolute;
    top:3px;
    right:0px;
    left:auto;
    bottom:auto;}

body.vgi360_dashboard .vgi360_popup .popup_media_step_point_cloud .row_btn_copy .btn_copy .copyToClipboard {cursor:pointer;}

/* Select > IC Itam */
body.vgi360_dashboard .vgi360_modal .setup_poi_link {
    position: relative;
    display: block;
    max-width: 500px;}

body.vgi360_dashboard .uace_modal .setup_poi_relate .select_ic_item,
body.vgi360_dashboard .vgi360_modal .setup_poi_link .select_ic_item,
body.vgi360_dashboard .vgi360_popup .setup_poi_link .select_ic_item {width: 100%;}

body.vgi360_dashboard .uace_modal .setup_poi_relate .select_ic_item .row,
body.vgi360_dashboard .vgi360_modal .setup_poi_link .select_ic_item .row,
body.vgi360_dashboard .vgi360_popup .setup_poi_link .select_ic_item .row {
    padding: 5px 0px 5px 0px;
    font-size: 14px;
    line-height: 20px;}

body.vgi360_dashboard .vgi360_popup .setup_poi_link .select_ic_item .row.separator:last-child {padding: 5px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal .setup_poi_relate .row_title input[type="text"],
body.vgi360_dashboard .vgi360_modal .setup_poi_link .row_title input[type="text"],
body.vgi360_dashboard .vgi360_popup .setup_poi_link .row_title input[type="text"] {
    z-index: 5;
    width: 100%;
    margin: 0px 0px 5px 0px;
    padding: 5px 5px 5px 5px;}

body.vgi360_dashboard .uace_modal .setup_poi_relate .select_ic_item select,
body.vgi360_dashboard .vgi360_modal .setup_poi_link .select_ic_item select,
body.vgi360_dashboard .vgi360_popup .setup_poi_link .select_ic_item select {
    background-color: rgba(255, 255, 255, 0.7);
    text-align: left;
    width: 100%;
    max-width: 100%;
    margin: 2px 2px 2px 2px;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;}

body.vgi360_dashboard .uace_modal .setup_poi_relate .step_link_poi .select_ic_item .row,
body.vgi360_dashboard .vgi360_modal .setup_poi_link .step_link_poi .select_ic_item .row,
body.vgi360_dashboard .vgi360_popup .setup_poi_link .step_link_poi .select_ic_item .row {padding-bottom: 0px;}

/* Hide */
body.vgi360_dashboard .vgi360_modal .setup_poi_link .step_link_level select.vgi360-select-photo-link,
body.vgi360_dashboard .vgi360_popup .setup_poi_link .step_link_level select.vgi360-select-photo-link {display: none;}

/* -------------------------------------------
Items > setup_poi_relate */

body.vgi360_dashboard .uace_modal .row_poi_relate {line-height: 0px;}

body.vgi360_dashboard .uace_modal .setup_poi_relate .row.row_title {padding: 5px 0px 5px 0px; }

body.vgi360_dashboard .uace_modal .setup_poi_relate .row.row_title.with_btn {line-height: 35px;}

body.vgi360_dashboard .uace_modal .row_select_relate .relate_poi_box {
    position: relative;
    line-height: 40px;
    padding: 5px 10px 5px 10px;
    margin: 0px 0px 15px 0px;
    border-radius: 15px;
    border: 1px solid #ccc;
    z-index: 10;}

body.vgi360_dashboard .uace_modal .row_select_relate .relate_poi_box .btn_delete_this_poi_relate {
    position: absolute;
    top: 10px;
    right: 10px;
    left:auto;
    bottom:auto;}

/* -------------------------------------------
Items > Popup */

body.vgi360_dashboard .vgi360_popup {color:#333;}

/* Link */
body.vgi360_dashboard .vgi360_popup a {
    color:#1473e6;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);}

body.vgi360_dashboard .vgi360_popup a:hover,
body.vgi360_dashboard .vgi360_popup a:focus {
    color:#2285ff;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);}

body.vgi360_dashboard .vgi360_popup a.btn_light,
body.vgi360_dashboard .vgi360_popup a.btn_light:hover {color:#fff;}

body.vgi360_dashboard .vgi360_popup a.btn_light.btn_minimal_circle,
body.vgi360_dashboard .vgi360_popup a.btn_light:hover.btn_minimal_circle {
    color:#525252;
    border-color:#cccccc;
    background-color:#fff;}

body.vgi360_dashboard .vgi360_popup a.btn_light.btn_minimal_circle:hover,
body.vgi360_dashboard .vgi360_popup a.btn_light:hover.btn_minimal_circle:hover {
    color:#ffffff;
    border-color:#2285ff;
    background-color:#2285ff;}

body.vgi360_dashboard .vgi360_popup a.btn_light .icon_vgi360,
body.vgi360_dashboard .vgi360_popup a.btn_light:hover .icon_vgi360 {background-color:#fff;}

/* Title */
body.vgi360_dashboard .vgi360_popup .vgi360_popup_title,
body.vgi360_dashboard .vgi360_popup .row.row_title {
    font-size: 16px;
    line-height: 20px;
    color: #333333;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_title {
    margin: 0px 0px 5px 0px;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_title .txt_link,
body.vgi360_dashboard .vgi360_popup .vgi360_popup_title .txt_title {
    line-height: 25px;
    float:left;
    display: inline-block;
    max-width: 240px;
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_title .txt_link {
    /*
    padding: 0px 0px 0px 5px;
    font-size: 25px;
    */}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_title .txt_link.btn_light {
    margin: 0px 2px 0px 10px;
    line-height: 20px;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_title a,
body.vgi360_dashboard .vgi360_popup .row.row_title a {outline: none;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_title_link {position: relative;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_title input[type="text"],
body.vgi360_dashboard .vgi360_popup .vgi360_popup_title_link input[type="text"],
body.vgi360_dashboard .vgi360_popup .vgi360_popup_title_link select {
    border:1px solid transparent;
    margin:0px 0px 0px -5px;
    padding: 5px 5px 5px 5px;
    font-size: 15px;
    line-height: 20px;
    width: 100%;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_title_link input[type="text"] {
    z-index: 5;
    width: calc(100% - 40px);
    margin: 0px 40px 0px 0px;
    padding: 5px 5px 5px 5px;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_title_link select {
    z-index: 5;
    width: 100%;
    margin: 0px 0px 2px 0px;
    padding: 5px 30px 5px 0px;
    text-align: left;
    border-radius: 2px;}

/* Popup > Item & Photo 360° */
body.vgi360_dashboard .vgi360_popup .vgi360_media    .vgi360_popup_title_link input[type="text"],
body.vgi360_dashboard .vgi360_popup .vgi360_2d_image .vgi360_popup_title_link input[type="text"],
body.vgi360_dashboard .vgi360_popup .vgi360_3d_model .vgi360_popup_title_link input[type="text"],
body.vgi360_dashboard .vgi360_popup .vgi360_popitem  .vgi360_popup_title_link input[type="text"],
body.vgi360_dashboard .vgi360_popup .vgi360_360photo .vgi360_popup_title_link input[type="text"],
body.vgi360_dashboard .vgi360_popup .vgi360_pc_group .vgi360_popup_title_link input[type="text"],
body.vgi360_dashboard .vgi360_popup .vgi360_infocard .vgi360_popup_title_link input[type="text"],
body.vgi360_dashboard .vgi360_popup .vgi360_fortext  .vgi360_popup_title_link input[type="text"],
body.vgi360_dashboard .vgi360_popup .vgi360_infocard .vgi360_popup_title_link select {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_title_link a {
    z-index: 10;
    position: absolute;
    top:0px;
    right:0px;
    left:auto;
    bottom:auto;
    text-align: center;
    color: #fff;
    /*
    font-size: 22px;
    line-height: 35px;
    width: 35px;
    height: 35px;
    */}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_title_link a:hover,
body.vgi360_dashboard .vgi360_popup .vgi360_popup_title_link a:focus {
    /* font-size: 25px; */}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_title input[type="text"],
body.vgi360_dashboard .vgi360_popup .vgi360_popup_title input[type="text"],
body.vgi360_dashboard .vgi360_popup .vgi360_popup_title select {border-bottom: 1px dotted #989898}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_title input[type="text"]:hover,
body.vgi360_dashboard .vgi360_popup .vgi360_popup_title input[type="text"]:focus,
body.vgi360_dashboard .vgi360_popup .vgi360_popup_title select:hover,
body.vgi360_dashboard .vgi360_popup .vgi360_popup_title select:focus {border-bottom: 1px dotted #2285ff;}

body.vgi360_dashboard .vgi360_popup .row.row_title {font-size: 15px;}

/* Content > Btn Square */
body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .row.select_media {margin: 15px 0px 0px 0px;}

body.vgi360_dashboard .psv-panel-content .vgi360_modal .row.select_media {max-width: 365px;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .btn_square {
    float: left;
    transition: 0.2s ease all;}

/* Btn Square > x3 */
body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .btn_square,
body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .select_media.btn3 .btn_square {
    width: 32.333333%;
    margin: 0px 0.5% 30px 0.5%;}

/* Btn Square > x2 */
body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .select_media.btn2 .btn_square {
    width: 35%;
    margin: 0px 7.5% 30px 7.5%;}

/* Btn Square > x4 */
body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .select_media.btn4 {margin: 15px 0px 5px 0px;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .select_media.btn4 .btn_square {
    width: 24%;
    margin: 0px 0.5% 5px 0.5%;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .select_media.btn4 .btn_square .btn_label {display: none;}

/* Content > Btn Square */
body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .btn_square *,
body.vgi360_dashboard .psv-panel-content .vgi360_modal .btn_square * {transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .btn_square .icon_vgi360,
body.vgi360_dashboard .psv-panel-content .vgi360_modal .btn_square .icon_vgi360 {
    background-color: #666666;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .btn_square:hover .icon_vgi360,
body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .btn_square:focus .icon_vgi360,
body.vgi360_dashboard .psv-panel-content .vgi360_modal .btn_square:hover .icon_vgi360,
body.vgi360_dashboard .psv-panel-content .vgi360_modal .btn_square:focus .icon_vgi360 {
    background-color: #1473e6;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .btn_square .btn_label,
body.vgi360_dashboard .psv-panel-content .vgi360_modal .btn_square .btn_label {color:#666666;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .btn_square:hover .btn_label,
body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .btn_square:focus .btn_label,
body.vgi360_dashboard .psv-panel-content .vgi360_modal .btn_square:hover .btn_label,
body.vgi360_dashboard .psv-panel-content .vgi360_modal .btn_square:focus .btn_label {color: #1473e6;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .secondary {
    font-size: 12px;
    line-height: 18px;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .url_textarea {
    padding: 5px 5px 5px 5px;
    margin:5px 0px 5px 0px;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .small_title {
    font-family: "OpenSans-Light", sans-serif, arial; 
    color:#666;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .select_minimal {position:relative;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .select_minimal .select_title,
body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .select_minimal select {
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .select_minimal .select_title {
    position: absolute;
    font-family: "OpenSans-Light", sans-serif, arial;
    color:#666;
    top:5px;
    left:0px;
    width:100px;
    z-index: 0;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .select_minimal .select_title label {border-radius: 5px;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .select_minimal select {
    position: relative;
    padding: 5px 20px 5px 100px;
    background-color: transparent;
    width:100%;
    z-index: 1;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .select_minimal.select_type .select_title {
    width:40px;}
    
body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .select_minimal.select_type select {
    padding: 5px 20px 5px 40px;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .input_line {width: 100%;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .url_text {font-size: 12px;}

body.vgi360_dashboard .vgi360_popup .item_status ul,
body.vgi360_dashboard .vgi360_popup .item_status ul li,
body.vgi360_dashboard .vgi360_popup .photo_status ul,
body.vgi360_dashboard .vgi360_popup .photo_status ul li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style-type: none;
    line-height: 18px;
    font-size: 14px;}

body.vgi360_dashboard .vgi360_popup .item_status ul li,
body.vgi360_dashboard .vgi360_popup .photo_status ul li {padding: 2px 0px 2px 0px;}

body.vgi360_dashboard .vgi360_popup .item_status ul li .icon_vgi360,
body.vgi360_dashboard .vgi360_popup .photo_status ul li .icon_vgi360 {
    margin:0px 0px -5px 0px;
    width: 20px;
    height: 20px;}

/* -------------------------------------------
Items > Popup / Modal > Row Slim */

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .row_slim,
body.vgi360_dashboard .psv-panel-content .vgi360_modal .row_slim {display: block;}

body.vgi360_dashboard .psv-panel-content .vgi360_modal .row_slim {padding: 0px 10px 0px 10px;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .row_slim .btn_icon,
body.vgi360_dashboard .vgi360_modal .row_slim .btn_icon {
    margin: 0px 5px 0px 5px;
    cursor: pointer;}

body.vgi360_dashboard .vgi360_popup .vgi360_popup_content .row_slim .btn_icon:hover,
body.vgi360_dashboard .vgi360_modal .row_slim .btn_icon:hover {color:#2285ff;}
    
/* -------------------------------------------
Items > Popup > Point Cloud Status */

body.vgi360_dashboard .vgi360_popup .vgi360_pc_group .item_status .poi_group_btn {cursor:pointer;}

body.vgi360_dashboard .vgi360_popup .vgi360_pc_group .item_status .poi_group_btn:hover {color:#1473e6;}

body.vgi360_dashboard .vgi360_popup .vgi360_pc_group .item_status .poi_group_btn:hover .icon_vgi360 {background-color:#1473e6;}

body.vgi360_dashboard .vgi360_popup .vgi360_pc_group .item_status ul.poi_list {
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 5px 0px;}

body.vgi360_dashboard .vgi360_popup .vgi360_pc_group .item_status ul.poi_list li {
    list-style-type: disc;
    margin: 0px 0px 0px 10px;}

/* -------------------------------------------
Items > Modal > Photo Status */

body.vgi360_dashboard .vgi360_modal .vgi360_modal_content .photo_status .icon_vgi360 {margin: -5px 5px 5px 0px;}

/* -------------------------------------------
Items > Popup > Type */

body.vgi360_dashboard .vgi360_popup .vgi360_popitem .row.separator:first-child,
body.vgi360_dashboard .vgi360_popup .vgi360_360infocard .row.separator:first-child,
body.vgi360_dashboard .vgi360_popup .vgi360_360photo .row.separator:first-child,
body.vgi360_dashboard .vgi360_popup .vgi360_2d_image .row.separator:first-child,
body.vgi360_dashboard .vgi360_popup .vgi360_3d_model .row.separator:first-child,
body.vgi360_dashboard .vgi360_popup .vgi360_pp_survey .row.separator:first-child,
body.vgi360_dashboard .vgi360_popup .vgi360_pp_cpoint .row.separator:first-child {
    border-top: 0px solid transparent;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;}

/* -------------------------------------------
Items > Modal */

body.vgi360_dashboard.vgi360_ui_light .viewer_360 .vgi360_modal {color:#333;}

/* Link */
body.vgi360_dashboard .vgi360_modal a,
body.vgi360_dashboard .vgi360_modal .link {
    cursor: pointer;
    color:#1473e6;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);}

body.vgi360_dashboard .vgi360_modal a .icon_vgi360,
body.vgi360_dashboard .vgi360_modal .link .icon_vgi360 {background-color:#1473e6;}

body.vgi360_dashboard .vgi360_modal a:hover,
body.vgi360_dashboard .vgi360_modal a:focus,
body.vgi360_dashboard .vgi360_modal .link:hover,
body.vgi360_dashboard .vgi360_modal .link:focus {color:#4b9cff;}

body.vgi360_dashboard .vgi360_modal a:hover .icon_vgi360,
body.vgi360_dashboard .vgi360_modal a:focus .icon_vgi360,
body.vgi360_dashboard .vgi360_modal .link:hover .icon_vgi360,
body.vgi360_dashboard .vgi360_modal .link:focus .icon_vgi360 {background-color:#4b9cff;}

/* Title */
body.vgi360_dashboard .vgi360_modal .vgi360_modal_title,
body.vgi360_dashboard .vgi360_modal .row.row_title,
.vgi360_dashboard .uace_modal .vgi360_modal_title,
.vgi360_dashboard .uace_modal .row.row_title {
    font-size: 18px;
    line-height: 25px;
    color: #333333;}

body.vgi360_dashboard .vgi360_modal .vgi360_modal_title input[type="text"],
.vgi360_dashboard .uace_modal .vgi360_modal_title input[type="text"] {
    border:1px solid transparent;
    background-color: transparent;
    margin:0px 0px 0px -5px;
    padding: 5px 5px 5px 5px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

.vgi360_dashboard .uace_modal .vgi360_modal_title input[type="text"] {
    margin:0px auto 0px auto;}

body.vgi360_dashboard .vgi360_modal .vgi360_modal_title input[type="text"]:hover,
body.vgi360_dashboard .vgi360_modal .vgi360_modal_title input[type="text"]:focus,
.vgi360_dashboard .uace_modal .vgi360_modal_title input[type="text"]:hover,
.vgi360_dashboard .uace_modal .vgi360_modal_title input[type="text"]:focus {
    border: 1px dotted #2285ff;}

body.vgi360_dashboard .vgi360_modal .row.row_title {
    font-size: 16px;
    line-height: 20px;}

body.vgi360_dashboard.vgi360_ui_light .viewer_360 .vgi360_modal_title,
body.vgi360_dashboard.vgi360_ui_light .viewer_360 .row.row_title {color: #333333;}

body.vgi360_dashboard .viewer_360 .vgi360_modal_title .txt_link,
body.vgi360_dashboard .viewer_360 .vgi360_modal_title .txt_title {
    line-height: 30px;
    float:left;
    width: auto; /* 360px */
    max-width: calc(100% - 55px);
    text-overflow:ellipsis;
    white-space: nowrap;
    display: inline-block;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    -o-user-select:text;
    user-select:text;}

body.vgi360_dashboard .viewer_360 .vgi360_modal_title .txt_link.hidden,
body.vgi360_dashboard .viewer_360 .vgi360_modal_title .txt_title.hidden {display: none;}

body.vgi360_dashboard .viewer_360 .vgi360_modal_title .txt_title.txt_title_input {width: 360px;}

body.vgi360_dashboard .viewer_360 .vgi360_modal_title .txt_title.txt_title_input.txt_title_100 {max-width: 100%;}

body.vgi360_dashboard .viewer_360 .vgi360_modal_title .txt_link {
    width: auto;
    padding: 0px 5px 0px 15px;
    font-size: 30px;}

/* Content */
body.vgi360_dashboard .vgi360_modal .vgi360_modal_content {padding: 0px 0px 10px 0px;}

/* POI Link */
body.vgi360_dashboard .vgi360_modal .vgi360_modal_content .poi_link_buttons {line-height: 25px;}

/* Info > Select View */
body.vgi360_dashboard .vgi360_modal .vgi360_modal_content .btn360mk_buttons .btn_light.btn_trasp,
.vgi360_dashboard .uace_modal .uace_modal_content .btn360mk_buttons .btn_light.btn_trasp,
.vgi360_dashboard .uace_modal .uace_modal_content .row_menu .btn_light.btn_trasp {cursor:pointer;}

body.vgi360_dashboard .vgi360_modal .vgi360_modal_content .btn360mk_buttons .btn_light.btn_trasp:hover,
.vgi360_dashboard .uace_modal .uace_modal_content .btn360mk_buttons .btn_light.btn_trasp:hover,
.vgi360_dashboard .uace_modal .uace_modal_content .row_menu .btn_light.btn_trasp:hover {color:#227be6;}

body.vgi360_dashboard .vgi360_modal .vgi360_modal_content .btn360mk_buttons .btn_light.btn_trasp.btn_current,
body.vgi360_dashboard .vgi360_modal .vgi360_modal_content .btn360mk_buttons .btn_light.btn_trasp.btn_active,
.vgi360_dashboard .uace_modal .uace_modal_content .btn360mk_buttons .btn_light.btn_trasp.btn_current,
.vgi360_dashboard .uace_modal .uace_modal_content .btn360mk_buttons .btn_light.btn_trasp.btn_active,
.vgi360_dashboard .uace_modal .uace_modal_content .row_menu .btn_light.btn_trasp.btn_current,
.vgi360_dashboard .uace_modal .uace_modal_content .row_menu .btn_light.btn_trasp.btn_active {color:#1473e6;}

body.vgi360_dashboard .vgi360_modal .vgi360_modal_content .btn360mk_buttons .btn_light.btn_trasp.btn_current .icon_vgi360,
body.vgi360_dashboard .vgi360_modal .vgi360_modal_content .btn360mk_buttons .btn_light.btn_trasp.btn_active .icon_vgi360,
.vgi360_dashboard .uace_modal .uace_modal_content .btn360mk_buttons .btn_light.btn_trasp.btn_current .icon_vgi360,
.vgi360_dashboard .uace_modal .uace_modal_content .btn360mk_buttons .btn_light.btn_trasp.btn_active .icon_vgi360,
.vgi360_dashboard .uace_modal .uace_modal_content .row_menu .btn_light.btn_trasp.btn_current .icon_vgi360,
.vgi360_dashboard .uace_modal .uace_modal_content .row_menu .btn_light.btn_trasp.btn_active .icon_vgi360 {background-color:#1473e6;}

body.vgi360_dashboard .vgi360_modal .vgi360_modal_content .btn360mk_buttons .btn_light.btn_trasp:hover .icon_vgi360,
.vgi360_dashboard .uace_modal .uace_modal_content .btn360mk_buttons .btn_light.btn_trasp:hover .icon_vgi360,
.vgi360_dashboard .uace_modal .uace_modal_content .row_menu .btn_light.btn_trasp:hover .icon_vgi360 {background-color:#1473e6;}


/* -------------------------------------------
Show > View */

body.vgi360_dashboard .psv-panel .show_btn360mk_view,
.vgi360_dashboard .uace_modal .show_btn360mk_view,
body.vgi360_dashboard .psv-panel .show_btn360mk_populate,
.vgi360_dashboard .uace_modal .show_btn360mk_populate,
body.vgi360_dashboard .psv-panel .show_btn360mk_acsdata,
.vgi360_dashboard .uace_modal .show_btn360mk_acsdata {
    position: relative;
    display: block;
    width: 100%;
    height: auto;}

/* Show > Notes > View */
body.vgi360_dashboard .psv-panel .vgi360_notes .show_btn360mk_view,
.vgi360_dashboard .uace_modal .vgi360_notes .show_btn360mk_view,
body.vgi360_dashboard .psv-panel .vgi360_notes .show_btn360mk_populate,
.vgi360_dashboard .uace_modal .vgi360_notes .show_btn360mk_populate,
body.vgi360_dashboard .psv-panel .vgi360_notes .show_btn360mk_acsdata,
.vgi360_dashboard .uace_modal .vgi360_notes .show_btn360mk_acsdata {
    display: inline-block;
    width: auto;}

/* -------------------------------------------
Umodal > Change Minimized */

.vgi360_dashboard .uace_modal.uv_minimized .uace_modal_content .uace_modal_minimize .btn_to_minimize,
.vgi360_dashboard .uace_modal.uv_normal    .uace_modal_content .uace_modal_minimize .btn_to_normal {display: none;}

/* -------------------------------------------
Umodal > Side > vgi360sidel vgi360sider */

.vgi360_dashboard .uace_modal.uacem_vgi360side {
    position:static;
    z-index: none;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content,
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_overlay {z-index: 150;} /* 100000 */

/* .uacem_vgi360side > BTN Box */
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uacem_options {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0px 10px 0px 10px;
    margin: 0px 0px 0px 0px;}

/* Overlay */
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_overlay {
    position: fixed;
    top: 100px;
    bottom:50px;
    width: auto;
    height: auto;
    display: none;}

/* Content */
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content {
    position: absolute;
    top: 49px;
    bottom: 51px;
    left:auto;
    right:auto;
    width: 400px;
    max-width: calc(100vw - 50px); /* Like JS */
    height: auto !important; /* !important > JS Update Bug */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #b1b1b1;
    border-radius: 0px;
    overflow: visible;}

.vgi360_dashboard .vgi360_item.img_2d.doc_view .uace_modal.uacem_vgi360side .uace_modal_content {top: 0px;}

/* Slides */
.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_l .uace_modal_content {
    left:0px;
    border-left: 0px;
    box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.15);}

.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_r .uace_modal_content {
    right:0px;
    border-right: 0px;
    box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.15);}

/* Slides > Minimized */
.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_l.uv_minimized .uace_modal_content {
    /* !important for Resizer */
    left:auto !important;
    right:100% !important;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_r.uv_minimized .uace_modal_content {
    /* !important for Resizer */
    right:auto !important;
    left:100% !important;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_l.uv_normal .uace_modal_content,
.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_r.uv_normal .uace_modal_content,
.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_l.uv_minimized .uace_modal_content,
.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_r.uv_minimized .uace_modal_content {transition: 0.2s ease all;}

/* jQuery UI */
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content.ui-resizable-resizing:before {
    content:' ';
    position: absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-color: transparent;
    z-index: 50; /* under .uacem_resizer */ }

/* Modal > Options > View */
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_close,
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_expand,
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_change_side,
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_minimize,
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_pin {
    position: relative;
    float:right;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    color: #aaaaaa;
    background-color: transparent;
    display: inline-block;
    margin: 0px 0px 0px 0px;
    border-radius: 0px;
    width: 34px;
    height: 34px;
    text-align: center;
    font-weight: bold;
    line-height: 34px;
    font-size: 16px;
    z-index: 2;
    color: #aaaaaa;
    transition: 0.2s ease all;}

.vgi360_dashboard .uace_modal .uace_modal_content .uace_modal_close:hover, 
.vgi360_dashboard .uace_modal .uace_modal_content .uace_modal_close:focus,
.vgi360_dashboard .uace_modal .uace_modal_content .uace_modal_expand:hover, 
.vgi360_dashboard .uace_modal .uace_modal_content .uace_modal_expand:focus,
.vgi360_dashboard .uace_modal .uace_modal_content .uace_modal_change_side:hover, 
.vgi360_dashboard .uace_modal .uace_modal_content .uace_modal_change_side:focus,
.vgi360_dashboard .uace_modal .uace_modal_content .uace_modal_minimize:hover, 
.vgi360_dashboard .uace_modal .uace_modal_content .uace_modal_minimize:focus,
.vgi360_dashboard .uace_modal .uace_modal_content .uace_modal_pin:hover, 
.vgi360_dashboard .uace_modal .uace_modal_content .uace_modal_pin:focus {
    color: #333;
    transition: 0.2s ease all;}

/* BTN Close + Modal Minimized > Minimize */
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_close,
.vgi360_dashboard .uace_modal.uacem_vgi360side.uv_minimized .uace_modal_content .uace_modal_minimize {
    position: absolute;
    float: none;
    top: 60px;
    background-color: rgb(255, 255, 255);
    display: block;
    font-size: 28px;
    z-index: 60;}

/* Modal Minimized > Buttons */
.vgi360_dashboard .uace_modal.uacem_vgi360side.uv_minimized .uace_modal_content .uace_modal_close {top: 94px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.uv_minimized .uace_modal_content .uace_modal_minimize {
    top: 60px;
    font-size: 16px;}

/* BTN Close + BTN Minimize */
.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_l .uace_modal_content .uace_modal_close,
.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_l.uv_minimized .uace_modal_content .uace_modal_close,
.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_l.uv_minimized .uace_modal_content .uace_modal_minimize {
    right: -35px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.15);}

.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_l .uace_modal_content .uace_modal_close {right: -30px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_r .uace_modal_content .uace_modal_close,
.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_r.uv_minimized .uace_modal_content .uace_modal_close,
.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_r.uv_minimized .uace_modal_content .uace_modal_minimize {
    left: -35px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: -4px 0px 5px 0px rgba(0, 0, 0, 0.15);}


.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_r .uace_modal_content .uace_modal_close {left: -30px;}

/* Loader > Modal Minimized */
.vgi360_dashboard .uace_modal .poi_loading_minimized {
    position: absolute;
    height: 34px;
    width: 180px;
    overflow: hidden;
    top: 60px;
    font-size: 16px;
    color: #333;
    cursor:progress;
    user-select: none;
    z-index: 100;
    display:none;}

/* This loader is only for .uv_minimized */
.vgi360_dashboard .uace_modal:not(.uv_minimized) .poi_loading_minimized {display: none;}

.vgi360_dashboard .uace_modal .poi_loading_minimized .loading_spinner {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 2px;
    background-size: 22px 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgb(255, 255, 255);}

@keyframes plm_loading_pulse {
    0%   { opacity: 1; }
    50%  { opacity: 0.5; }
    100% { opacity: 1; }
}

.vgi360_dashboard .uace_modal .poi_loading_minimized .loading_label {
    position: relative;
    display: inline-block;
    height: 34px;
    width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
    padding: 5px 10px 5px 10px;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    animation: plm_loading_pulse 2s infinite;}

.vgi360_dashboard .uace_modal.uvside_l .poi_loading_minimized .litem {float: left;}

.vgi360_dashboard .uace_modal.uvside_r .poi_loading_minimized .litem {float: right;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_l.uv_minimized .uacem_options .poi_loading_minimized {
    right: -180px;
    text-align: left;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_r.uv_minimized .uacem_options .poi_loading_minimized {
    left: -180px;
    text-align: right;}

/* Close > Animation */
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_close i,
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_close span {
    display: inline-block;
    -webkit-transform: rotate(0deg) scale(0.8);
    transform: rotate(0deg) scale(0.8);}

.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_close:hover i,
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_close:hover span {
    -webkit-transform: rotate(90deg) scale(1);
    transform: rotate(90deg) scale(1);}

.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_close * {transition: 0.2s ease all;}

/* Change Slide */
.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_l .uace_modal_content .uace_modal_change_side .btn_to_left,
.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_r .uace_modal_content .uace_modal_change_side .btn_to_right {display: none;}

/* Items */
.vgi360_dashboard .uace_modal.uacem_vgi360side .row.separator,
.vgi360_dashboard .uace_modal.uacem_vgi360side .row.actions {
    border-top: 1px solid #ddd;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 0px 10px;}

/* Resizer */
.vgi360_dashboard .uace_modal.uacem_vgi360side .row.btn360mk_buttons {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uacem_resizer,
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uacem_resizer:after {
    content: ' ';
    position: absolute;
    width: 10px;
    height: auto;
    top:0px;
    bottom:0px;
    left:auto;
    right:auto;
    cursor: col-resize;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
    z-index: 100; /* above .uace_modal_content.ui-resizable-resizing */ }

.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_l .uace_modal_content .uacem_resizer {
    border-left: 1px solid #ccc;
    right:0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_r .uace_modal_content .uacem_resizer {
    border-right: 1px solid #ccc;
    left:0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uacem_resizer:after {
    width: 1px;
    height: 1px;
    top: calc(50% - 25px);
    bottom:auto;
    box-shadow:
    1px 0px #fff, 3px 0px #fff, 5px 0px #fff, 
    1px 2px #fff, 3px 2px #fff, 5px 2px #fff, 
    1px 4px #fff, 3px 4px #fff, 5px 4px #fff, 
    1px 6px #fff, 3px 6px #fff, 5px 6px #fff, 
    1px 8px #fff, 3px 8px #fff, 5px 8px #fff, 
    1px 10px #fff, 3px 10px #fff, 5px 10px #fff, 
    1px 12px #fff, 3px 12px #fff, 5px 12px #fff, 
    1px 14px #fff, 3px 14px #fff, 5px 14px #fff, 
    1px 16px #fff, 3px 16px #fff, 5px 16px #fff, 
    1px 18px #fff, 3px 18px #fff, 5px 18px #fff, 
    1px 20px #fff, 3px 20px #fff, 5px 20px #fff, 
    1px 22px #fff, 3px 22px #fff, 5px 22px #fff, 
    1px 24px #fff, 3px 24px #fff, 5px 24px #fff, 
    1px 26px #fff, 3px 26px #fff, 5px 26px #fff, 
    1px 28px #fff, 3px 28px #fff, 5px 28px #fff;
    background: transparent;
    filter: invert();}

.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_l .uace_modal_content .uacem_resizer:after {right:7px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_r .uace_modal_content .uacem_resizer:after {left:1px;}

/* Title */
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_title {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom:auto;
    width: auto;
    height: 80px;
    overflow: hidden;
    line-height: 20px;
    font-size: 16px;
    margin: 0px 10px 0px 10px;
    padding: 5px 10px 5px 10px;
    border-bottom:1px solid #ddd;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_l .uace_modal_content .uace_modal_title {
    padding-right: 80px;
    margin-left: 0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_r .uace_modal_content .uace_modal_title {
    padding-right: 80px;
    margin-right: 0px;}

/* Modal Area */
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .modal_area {
    position: absolute;
    width: auto;
    height: auto;
    top:0px;
    bottom:40px;
    left:0px;
    right:0px;
    margin: 80px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    overflow: auto;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .modal_area.ma_all_height {bottom:0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_l .uace_modal_content .modal_area {margin-right: 10px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_r .uace_modal_content .modal_area {margin-left: 10px;}

/* Modal Title > Content */
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_title .vgi360_modal_info {margin: 0px 50px 5px 0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_title .vgi360_modal_info {
    position: relative;
    display: block;
    width: 100%;
    height: 20px;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_title .vgi360_modal_title {
    color:#666;
    width: 100%;
    height: 50px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_title .vgi360_modal_title .txt_box {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 0px 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_title .vgi360_modal_title input[type="text"] {
    position: relative;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: 1px solid transparent;
    background-color: transparent;
    margin: 10px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_title .vgi360_modal_title input[type="text"]:hover,
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_title .vgi360_modal_title input[type="text"]:focus {
    border: 1px dotted #2285ff;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_title .link_icon {
    position: absolute;
    top:40px;
    left:auto;
    right:20px;
    bottom:auto;
    font-size: 30px;
    color: #1473e6;
    cursor: pointer;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);}

.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_title .link_icon i {margin:0px 0px 0px 0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_title .link_icon:hover,
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_title .link_icon:focus {color: #4b9cff;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .vgi360_modal_info i,
.vgi360_dashboard .uace_modal.uacem_vgi360side .vgi360_modal_info .icon_vgi360,
.vgi360_dashboard .uace_modal.uacem_vgi360side .vgi360_modal_info .vgi360_mi_txt {
    position: relative;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    font-size: 13px;
    line-height: 15px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .vgi360_modal_info i,
.vgi360_dashboard .uace_modal.uacem_vgi360side .vgi360_modal_info .icon_vgi360 {
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 15px;
    height: 15px;
    font-size: 12px;
    line-height: 25px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .vgi360_modal_info .subicon,
.vgi360_dashboard .uace_modal.uacem_vgi360side .vgi360_modal_info .subicon {
    position: relative;
    margin: 0px 5px 0px -10px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .vgi360_modal_info .subicon i,
.vgi360_dashboard .uace_modal.uacem_vgi360side .vgi360_modal_info .subicon .icon_vgi360 {
    top: -8px;
    left: -5px;
    width: 10px;
    height: 10px;
    font-size: 10px;
    line-height: 20px;
    margin: 0px;}

/* Action Bar */
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .action_bar {
    position: absolute;
    width: auto;
    height: 40px;
    overflow: auto;
    top:auto;
    bottom:0px;
    left:0px;
    right:0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_l .uace_modal_content .action_bar {right:10px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_r .uace_modal_content .action_bar {left:10px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .action_bar .row.actions {
    border-top: 1px solid #ddd;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;}

/* Modal Side > Expanded */
.vgi360_dashboard .uace_modal.uacem_vgi360side.vgi360side_is_expanded {position: fixed;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.vgi360side_is_expanded .uace_modal_overlay {
    display: block;
    top: 0px;
    bottom: 0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.vgi360side_is_expanded .uace_modal_content,
.vgi360_dashboard .uace_modal.uacem_vgi360side.vgi360side_is_expanded .uace_modal_content.uacem_is_expanded {
    position: relative;
    top:auto !important;
    bottom:auto !important;
    left:auto !important;
    right:auto !important;
    width: calc( 100% - 20px) !important;
    height: calc( 100% - 20px) !important;
    margin: 10px auto 10px auto;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    max-width: 100%;
    max-height: 100%;
    transition: 0.2s ease all;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.vgi360side_is_expanded .uace_modal_content .uace_modal_title {
    padding: 5px 80px 5px 20px;
    margin: 0px 0px 0px 0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.vgi360side_is_expanded .uace_modal_content .uace_modal_close {
    position: relative;
    top:auto;
    left: auto;
    right:auto;
    bottom:auto;
    font-size: 28px;
    margin: -10px -10px 0px 0px;
    border-radius: 0px;
    background-color: transparent;
    box-shadow: none;
    float: right;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.vgi360side_is_expanded .uace_modal_content .uace_modal_close:hover i,
.vgi360_dashboard .uace_modal.uacem_vgi360side.vgi360side_is_expanded .uace_modal_content .uace_modal_close:hover span {
    -webkit-transform:none;
    transform:none;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.vgi360side_is_expanded .uace_modal_content .uace_modal_expand { 
    /* margin: 0px 35px 0px 0px; */
    /* IoT Device */
    margin: -8px 0px 0px 0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.vgi360side_is_expanded .uace_modal_content .uace_modal_change_side,
.vgi360_dashboard .uace_modal.uacem_vgi360side.vgi360side_is_expanded .uace_modal_content .uacem_resizer {display: none;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.vgi360side_is_expanded .uace_modal_content .modal_area {
    padding: 0px 0px 0px 0px;
    margin-left: 10px;
    margin-right: 10px;
    bottom: 50px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.vgi360side_is_expanded .uace_modal_content .action_bar {
    height: 50px;
    left:0px;
    right:0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side.vgi360side_is_expanded .uace_modal_content .action_bar .row.actions {padding: 5px 10px 0px 10px;}

/* Title Only Info */
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content.title_only_info .uace_modal_title {height: 40px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content.title_only_info .modal_area {margin-top: 40px;}

/* Debug */
/*
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content {background-color: rgba(255, 0, 0, 0.5);}
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .modal_area {background-color: rgba(255, 255, 0, 0.5);}
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .action_bar {background-color: rgba(0, 21, 255, 0.5);}
*/

/* -------------------------------------------
Modal Side > Items */

.vgi360_dashboard .uace_modal.uacem_vgi360side h3 {
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    margin:0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .ul_markers ul {overflow: auto;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .ul_markers {
    font-size: 16px;
    line-height: 30px;}

.vgi360_dashboard .uace_modal.uacem_vgi360side .ul_markers ul.disc_icon {list-style-type: disc;}

.vgi360_dashboard .uace_modal.uacem_vgi360side input[type="checkbox"] {
    position: relative;
    width: 20px;
    height: 20px;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);}

.vgi360_dashboard .uace_modal.uacem_vgi360side .modal_area h3 {display: inline-block;}


.vgi360_dashboard .uace_modal.uacem_vgi360side .ul_markers ul {list-style-type: circle;}

/* -----------------------------------------------------------------------------
Modal Side > No .fullscreen */

body.vgi360_dashboard:not(.fullscreen) .uace_modal.uacem_vgi360side {
    pointer-events: none;
    position: fixed;
    z-index: none;}

body.vgi360_dashboard:not(.fullscreen) .uace_modal.uacem_vgi360side .uace_modal_overlay {
    pointer-events: auto;
    top:100px;
    bottom: 0px;
    /* display: none; */}

body.vgi360_dashboard:not(.fullscreen) .uace_modal.uacem_vgi360side .uace_modal_content {
    pointer-events: auto;
    max-height: calc(100vh - 50px);
    top: 100px;
    bottom: 0px;
    z-index: 100000;}

/* -------------------------------------------
Umodal > vgi360info > Setup */

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_vgi360_setup {
    font-size: 16px;
    line-height: 30px;}

/* -----------------------------------------------------------------------------
IoT Modal and Chart */

.vgi360_dashboard .vgi360_iot_device {
    position: relative;
    line-height: 30px;
    max-width: 500px;
    width: 100%;
    padding:0px 0px 40px 0px;
    font-size: 15px;}

.vgi360_dashboard .vgi360_iot_device .row {display: block;}

.vgi360_dashboard .vgi360_iot_device .row.hidden {display: none;}

.vgi360_dashboard .vgi360_iot_device,
.vgi360_dashboard .vgi360_iot_device .link,
.vgi360_dashboard .vgi360_modal .vgi360_iot_device .link {color:#666666;}

.vgi360_dashboard .vgi360_iot_device .row_edit {position: relative;}

.vgi360_dashboard .vgi360_iot_device .row_edit label {width: 100%;}

.vgi360_dashboard .vgi360_iot_device .row_edit .input_icon {
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    top:4px;
    left:2px;
    z-index: 2;}

.vgi360_dashboard .vgi360_modal .vgi360_iot_device .row_edit .input_icon {top:0px;}

.vgi360_dashboard .vgi360_iot_device .row_edit .text_wide.with_icon {
    padding: 3px 3px 3px 35px;
    cursor:pointer;
    z-index: 1;}

.vgi360_dashboard .vgi360_iot_device .row_edit input[type="text"] {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom-style: dotted;
    background-color: transparent;}

.vgi360_dashboard .vgi360_iot_device .row_no_data,
.vgi360_dashboard .vgi360_iot_device .row_chart {line-height: 20px;}

.vgi360_dashboard .vgi360_iot_device .row_latest_data {padding: 2px 0px 20px 0px;}

.vgi360_dashboard .vgi360_iot_device .row_latest_data .row {
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;}

.vgi360_dashboard .vgi360_iot_device .row_latest_data .device_last_sync .show_data,
.vgi360_dashboard .vgi360_iot_device .row_latest_data .device_sync_time .show_data {font-size:14px;}

.vgi360_dashboard .vgi360_iot_device .row_latest_data .row.device_data.separator,
.vgi360_dashboard .vgi360_iot_device .row_latest_data .row.sensors_data.separator {padding: 10px 0px 0px 0px;}

.vgi360_dashboard .vgi360_iot_device .link {cursor: pointer;}

.vgi360_dashboard .vgi360_iot_device .secondary {opacity: 0.8;}

.vgi360_dashboard .vgi360_iot_device .dataitem .secondary:hover {opacity: 1;}

.vgi360_dashboard .vgi360_iot_device .dataitem {display: block;}

.vgi360_dashboard .vgi360_iot_device .dataitem .small {font-size: smaller;}

.vgi360_dashboard .vgi360_iot_device .dataitem.link:hover,
.vgi360_dashboard .vgi360_modal .vgi360_iot_device .dataitem.link:hover {color: #227be6;}

.vgi360_dashboard .vgi360_iot_device .row_latest_data .device_data .dataitem {
    display: inline-block;
    margin: 2px 5px 2px 5px;}

.vgi360_dashboard .vgi360_iot_device .row_latest_data .sensors_data .dataitem {
    margin: 10px 5px 10px 5px;}

.vgi360_dashboard .vgi360_iot_device .row.row_chart,
.vgi360_dashboard .vgi360_modal .vgi360_iot_device .row.row_chart {padding: 2px 0px 30px 0px;}

.vgi360_dashboard .vgi360_iot_device .row.row_chart .row,
.vgi360_dashboard .vgi360_iot_device .row.row_chart .row.separator {padding: 5px 0px 0px 0px;}

.vgi360_dashboard .vgi360_iot_device .row_chart canvas.chart {
    border:1px solid #dddddd;
    width: 100%;
    height: auto;}

.vgi360_dashboard .vgi360_iot_device .row_chart .chart_options {
    position: relative;
    width: 100%;}

.vgi360_dashboard .vgi360_iot_device .row_chart .chart_options .btn_minimal.btn_timeline {
    font-size: 14px;
    padding: 5px 2px 5px 2px;
    margin: 3px 3px 3px 3px;}

.vgi360_dashboard .vgi360_iot_device .row_chart .chart_options .btn_minimal.btn_timeline.selected {color:#1473e6;}

.vgi360_dashboard .vgi360_iot_device .row_chart .chart_message.no_data {
    position: absolute;
    width: auto;
    height: auto;
    top:25px;
    left:10px;
    right:10px;
    bottom: auto;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    z-index: 10;}

/* Modal */
.vgi360_dashboard .vgi360_iot_device .btn_gotop {
    position: relative;
    float:right;}

.vgi360_dashboard .uace_modal.vgi360side_is_expanded .vgi360_iot_device,
.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_r.vgi360side_is_expanded .vgi360_iot_device,
.vgi360_dashboard .uace_modal.uacem_vgi360side.uvside_l.vgi360side_is_expanded .vgi360_iot_device {max-width: none;}

.vgi360_dashboard .uace_modal.vgi360side_is_expanded .vgi360_iot_device .row_chart canvas.chart {max-height: 60vh;}

/* -----------------------------------------------------------------------------
Seleziona e Visualizza Archivi > Info */

body.vgi360_dashboard .vgi360_modal .item_archives .row.row_title,
body.vgi360_dashboard .vgi360_modal .vgi360_notes .row.row_title,
body.vgi360_dashboard .vgi360_modal .vgi360_item_type .row.row_title {padding: 5px 0px 10px 0px;}

/* Info */
body.vgi360_dashboard .info_text .secondary {
    font-size: 14px;
    line-height: 20px;}

body.vgi360_dashboard .vgi360_modal .info_text {
    display: block;
    width: 100%;
    height: auto;
    padding: 5px 0px 5px 0px;}

body.vgi360_dashboard .vgi360_modal .row.row_edit_archives {
    position: relative;
    width: 100%;
    padding: 10px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_items .vgi360_modal_content .row_edit_archives {padding: 10px 0px 10px 0px;}

body.vgi360_dashboard .vgi360_items .row_edit_archives .search_box,
body.vgi360_dashboard .vgi360_items .vgi360_modal_content .row_edit_archives .search_box {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;}

body.vgi360_dashboard .vgi360_items .row_edit_archives .search_box .vgi360_item.vgi360_searchbar {
    position: relative;
    width: 98%;
    top:auto !important;
    bottom:auto !important;
    margin: 10px 1% 0px 1%;
    border-bottom:1px dotted #cccccc;}

body.vgi360_dashboard .vgi360_items .vgi360_modal_content .row_edit_archives .search_box .vgi360_item.vgi360_searchbar {margin: 10px 1% 5px 1%;}

body.vgi360_dashboard .vgi360_items .vgi360_modal_content .row_edit_archives .search_box .vgi360_item.vgi360_searchbar,
body.vgi360_dashboard .vgi360_items .vgi360_modal_content .vgi360_searchbar input[type="text"] {background-color: transparent;}

/* -----------------------------------------------------------------------------
Seleziona e Visualizza Archivi (jce_menu_light) */

body.vgi360_dashboard .vgi360-dashboard .vgi360_items .vgi360_item .jce_menu_light .btn_light {
    margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360-dashboard .vgi360_items .vgi360_item .jce_menu_light .btn_light.btn_icona {
    padding: 2px 2px 2px 2px;}

/* -------------------------------------------
Menu Levels > Edit > Menu */

body.vgi360_dashboard .vgi360_item .jce_menu_light ul,
body.vgi360_dashboard .vgi360_item .jce_menu_light ul li {
    box-sizing: border-box;
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 0px;}

body.vgi360_dashboard .vgi360_item .jce_menu_light ul {
    border:1px solid transparent;
    transition: 0s ease all;}

body.vgi360_dashboard .vgi360_item .jce_menu_light ul:hover {
    border:1px solid #dddddd;
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_item .jce_menu_light.view ul:hover {
    border:1px solid transparent;}

body.vgi360_dashboard .vgi360_item .jce_menu_light ul li ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 30px;}

body.vgi360_dashboard .vgi360_item .uace_modal_content .jce_menu_light ul li ul,
body.vgi360_dashboard .vgi360_item .vgi360_modal_content .jce_menu_light ul li ul {margin: 0px 0px 0px 15px;}

body.vgi360_dashboard .vgi360_item .jce_menu_light ul li ul li ul:hover {border-right: 0px;}

/* -------------------------------------------
Menu Levels > Edit > Principal Menu */

body.vgi360_dashboard .vgi360_item .jce_menu_light ul.jce_menu_principal:hover {
    border:1px solid transparent;}

body.vgi360_dashboard .vgi360_item .jce_menu_light ul.jce_menu_principal {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;}

/* -------------------------------------------
Menu Levels > Edit > Level */

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    line-height: 0px;
    min-height: 0px;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    transition: 0.2s ease all;}

/* Photo360 > Items > Modal */
body.vgi360_dashboard .psv-container .psv-panel .jce_menu_light .jce_menu_item {
    min-width: 300px;
    max-width: 750px;}

/* Contenitore Box per Mobile */
body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_item_box {
    display: inline-block;
    float:left;}

/* -------------------------------------------
Menu Levels > Edit > Level > Input & Btn */

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_btns {
    position: absolute;
    float: left;
    top:5px;
    left:5px;
    right:auto;
    bottom:auto;
    line-height: 0px;
    z-index: 10;}

/* -------------------------------------------
Menu Levels > Edit > Level > Input */

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_input,
body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_input_content {
    position: relative;
    width: auto;
    height: auto;
    max-width: 100%;
    padding: 0px 0px 0px 35px;
    margin: 0px 0px 0px 0px;
    word-break: break-all;
    z-index: 5;}

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_input_content {
    display: block;
    padding: 0px 10px 20px 40px;
    width: 100%;
    height: auto;}

body.vgi360_dashboard .vgi360_item .uace_modal_content .jce_menu_light .jce_menu_item .jce_menu_input_content,
body.vgi360_dashboard .vgi360_item .vgi360_modal_content .jce_menu_light .jce_menu_item .jce_menu_input_content {padding: 0px 10px 5px 40px;}

body.vgi360_dashboard .vgi360_item .jce_menu_light.view .jce_menu_item .jce_menu_input .title {
    padding: 0px 0px 0px 5px;}

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_input .title {
    font-family: "OpenSans-Regular", sans-serif, arial;
    font-weight: normal;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
    padding: 5px 0px 5px 0px;
    color:#333;
    font-size: 15px;
    line-height: 20px;}

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_input .title.jce_title_show {
    padding: 5px 5px 5px 0px;
    cursor: pointer;}

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_input_content .secondary {
    color:#666666;
    font-weight: lighter;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    line-height: 20px;
    font-size: 14px;}

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_input .label_cont,
body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_input label,
body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_input input[type="checkbox"] {
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 5px;
    float:left;
    width: 100%;
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 30px;
    cursor: pointer;}

body.vgi360_dashboard .vgi360_item .jce_menu_light.view .jce_menu_item .jce_menu_input .label_cont {cursor: default;}

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_input .label_cont {
    line-height: 20px;
    /* 30px for BTN New Card */
    padding: 5px 35px 5px 0px;
    margin: 0px 0px 0px 0px;
    z-index: 1;}

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_input .label_cont label {line-height: 20px;}

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_input input[type="checkbox"] {
    position: absolute;
    top:0px;
    left:0px;
    right:auto;
    bottom:auto;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.05);
    margin: 0px 0px 0px 0px;
    width: 20px;
    height: 20px;}

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_input .label_cont .title {
    position: relative;
    padding: 0px 0px 0px 30px;}

body.vgi360_dashboard .vgi360_item .jce_menu_light.view .jce_menu_item .jce_menu_input .label_cont .title {padding: 0px 0px 0px 0px;}

/* Buttons */
body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_btns {padding: 0px 1px 0px 1px;}

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_btns .btn_light {float:left;}

/* -------------------------------------------
Menu Levels > Edit > Btn Light */

body.vgi360_dashboard .vgi360_item .jce_menu_light .btn_light.btn_icona {
    font-size: 16px;
    line-height: 25px;
    height: 25px;
    width: 25px;}

body.vgi360_dashboard .vgi360_item .jce_menu_light .btn_light.btn_icona.btn_trasp {font-size: 12px;}

/* -------------------------------------------
Menu Levels > Edit > Btn > Open / Close */

body.vgi360_dashboard .jce_menu_light ul {display: none;}

body.vgi360_dashboard .jce_menu_light.view ul {display: block;}

body.vgi360_dashboard .jce_menu_light ul.jce_menu_principal {display: block;}

body.vgi360_dashboard .jce_menu_light .jce_menu_show,
body.vgi360_dashboard .jce_menu_light .jce_menu_show i {display: inline-block;}

body.vgi360_dashboard .jce_menu_light .jce_menu_show .jce_menu_open {display: none;}

/* -------------------------------------------
Images */

body.vgi360_dashboard .jce_menu_light .note_image {padding: 0px 0px 0px 40px;}

/* -------------------------------------------
Errors */

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_errors {
    position: relative;
    display: block;
    max-width: 90%;
    width: 340px;
    height: auto;
    padding: 5px 10px 10px 42px;
    font-size: 14px;
    line-height: 20px;}

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_errors .alert {
    border-radius: 5px;
    margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_errors .alert::before {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 10px;
    left: -24px;
    right:auto;
    bottom: auto;
    background-color: transparent;
    content: '\f06a';
    font-size: 16px;
    font-family: 'Font Awesome 5 Free';
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    filter:opacity(70%);
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item:hover .jce_menu_errors .alert::before {
    filter:opacity(100%);
    transition: 0.2s ease all;}

/* -------------------------------------------
Evidenzia */

@keyframes highlightsGradient {
	0%   { background-position: 0% 50%;   }
	50%  { background-position: 100% 50%; }
	100% { background-position: 0% 50%;   }
}

body.vgi360_dashboard .vgi360_item .jce_menu_item .jce_menu_item_box.highlights {
    border-radius: 2px;
    background: linear-gradient(-45deg, rgb(251, 255, 201) 0%, rgb(247, 255, 140) 100%);
    background-size: 400% 400%;
    color: #555555;
    background-color: #f7ff8c 100%;
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
    animation: highlightsGradient 6s infinite;
    transition: 0.2s ease all;}

body.vgi360_dashboard .highlights input[type="text"], 
body.vgi360_dashboard .highlights input[type="number"], 
body.vgi360_dashboard .highlights input[type="date"], 
body.vgi360_dashboard .highlights input[type="time"], 
body.vgi360_dashboard .highlights input[type="email"], 
body.vgi360_dashboard .highlights input[type="tel"], 
body.vgi360_dashboard .highlights input[type="password"] {
    -webkit-text-fill-color: #555555;
    color: #555555;}

body.vgi360_dashboard .highlights textarea {
    -webkit-text-fill-color: #666666;
    color: #666666;}

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .highlights .jce_menu_input .title {color:#555555;}

body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .highlights .jce_menu_input_content .secondary {color: #666666;}

/* -------------------------------------------
Nascondi Risulatai non pertinenti */

body.vgi360_dashboard .vgi360_item .jce_menu_item.jce_invisible {display: none;}

/* -------------------------------------------
Color Selection */

body.vgi360_dashboard .jce_menu_light .color_selection,
body.vgi360_dashboard .jce_menu_light .color_selection .btn_select_color,
body.vgi360_dashboard .jce_menu .color_selection .select_color_hub,
body.vgi360_dashboard .jce_menu_light .color_selection .select_color_hub {
    position: relative;
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .jce_menu_light .color_selection {
    display: block;
    width: 100%;
    margin: 0px 0px 10px 0px;}

body.vgi360_dashboard .jce_menu_light .color_selection .view_color {
    position: relative;
    display: inline-block;
    width: auto;
    min-height: 30px;
    line-height: 20px;
    z-index: 5;}

body.vgi360_dashboard .jce_menu_light .color_selection .view_color .show_color {
    position: absolute;
    top:2px;
    left:5px;
    right:auto;
    bottom:auto;
    width: 50px;
    height: 26px;
    border-radius: 2px;
    border: 1px solid #ccc;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.08);
    background-color: #fff;}

body.vgi360_dashboard .jce_menu_light .color_selection .view_color .show_color.empty {
    background-image: url(../images/colors/empty.png);}

body.vgi360_dashboard .jce_menu_light .color_selection .view_color .show_color_code {
    font-weight: normal;
    position: relative;
    width: 100%;
    height: auto;
    color:#666;
    padding: 5px 5px 5px 60px;
    margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .jce_menu_light .color_selection .view_color .show_color_code .code {
    font-family: "OpenSans-Light", sans-serif, arial;}

body.vgi360_dashboard .jce_menu .color_selection .btn_select_color,
body.vgi360_dashboard .jce_menu_light .color_selection .btn_select_color {
    font-size: 15px;
    line-height: 25px;
    cursor: pointer;}

body.vgi360_dashboard .jce_menu .color_selection .select_color_hub,
body.vgi360_dashboard .jce_menu_light .color_selection .select_color_hub {
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.08);
    position: relative;
    display: inline-block;}

body.vgi360_dashboard .jce_menu .color_selection .select_color_hub input.spectrum,
body.vgi360_dashboard .jce_menu .color_selection .select_color_hub .sp-replacer
body.vgi360_dashboard .jce_menu_light .color_selection .select_color_hub input.spectrum,
body.vgi360_dashboard .jce_menu_light .color_selection .select_color_hub .sp-replacer {
    border:1px solid #ccc;
    border-radius: 2px;}

body.vgi360_dashboard .jce_menu .color_selection .select_color_hub input.spectrum,
body.vgi360_dashboard .jce_menu_light .color_selection .select_color_hub input.spectrum {
    position: relative;
    width: 100%;
    height: auto;
    padding: 5px 5px 5px 55px;
    margin: 0px 0px 0px 0px;
    font-size: 15px;
    line-height: 18px;
    z-index: 5;}

body.vgi360_dashboard .jce_menu .color_selection .select_color_hub .sp-replacer,
body.vgi360_dashboard .jce_menu_light .color_selection .select_color_hub .sp-replacer {
    position: absolute;
    width: 50px;
    height: 30px;
    top:0px;
    left:0px;
    right:auto;
    bottom:auto;
    padding: 0px 0px 0px 0px;
    z-index: 10;}

body.vgi360_dashboard .jce_menu .color_selection .select_color_hub .sp-replacer .sp-preview,
body.vgi360_dashboard .jce_menu_light .color_selection .select_color_hub .sp-replacer .sp-preview {
    border:0px solid transparent;
    width: 100%;
    height: 100%;
    z-index: 1;}

body.vgi360_dashboard .jce_menu .color_selection .select_color_hub .sp-replacer .sp-preview .sp-clear-display,
body.vgi360_dashboard .jce_menu_light .color_selection .select_color_hub .sp-replacer .sp-preview .sp-clear-display {background-image: none;}

body.vgi360_dashboard .jce_menu .color_selection .select_color_hub .sp-replacer .sp-dd,
body.vgi360_dashboard .jce_menu_light .color_selection .select_color_hub .sp-replacer .sp-dd {
    position: absolute;
    top: 5px;
    right: 16px;
    left:auto;
    bottom:auto;
    font-size: 15px;
    z-index: 5;
    display: none;}

/* Menu Debug */
/*
body.vgi360_dashboard .jce_menu_light {background-color: rgba(203, 94, 37, 0.3);}
body.vgi360_dashboard .jce_menu_light .jce_menu_item {background-color: rgba(26, 226, 226, 0.30);}
body.vgi360_dashboard .jce_menu_light .jce_menu_btns {background-color: rgba(24, 31, 209, 0.30);}
body.vgi360_dashboard .jce_menu_light .jce_menu_item_box {background-color: rgba(84, 34, 198, 0.30);}
body.vgi360_dashboard .jce_menu_light .jce_menu_input {background-color: rgba(203, 217, 32, 0.30);}
body.vgi360_dashboard .jce_menu_light .jce_menu_input_content {background-color: rgba(154, 79, 32, 0.30);}
*/

/* -----------------------------------------------------------------------------
Color Spectrum JS */

/* Container */
body.vgi360_dashboard .sp-container {
    border:1px solid #ccc;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.08);
    border-radius: 5px;}

/* Picker Area */
body.vgi360_dashboard .sp-container .sp-picker-container {
    /* max-width: 95vw; */
    /* width: 232px; */
    border:0px solid transparent;}

/* Buttons */
body.vgi360_dashboard .sp-container .sp-input {
    border: 1px solid #ccc;
    background-color: #fff;
    transition: 0.2s ease all;}

body.vgi360_dashboard .sp-container .sp-input:hover,
body.vgi360_dashboard .sp-container .sp-input:focus {
    border:1px solid #2285ff;
    transition: 0.2s ease all;}

/* Scegli / Annulla */
body.vgi360_dashboard .sp-container .sp-choose,
body.vgi360_dashboard .sp-container .sp-cancel {
    font-size: 14px;
    line-height: 20px;
    margin: 3px 3px 3px 3px;
    padding: 5px 10px 5px 10px;
    border-radius: 15px 15px 15px 15px;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    color: #333 !important;
    text-shadow: none;
    text-decoration: none;
    background-image: none;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    float:right;
    transition: 0.2s ease all;}

/* Annulla */
body.vgi360_dashboard .sp-container .sp-cancel {color: #606060 !important;}

body.vgi360_dashboard .sp-container .sp-choose:hover,
body.vgi360_dashboard .sp-container .sp-choose:focus,
body.vgi360_dashboard .sp-container .sp-cancel:hover,
body.vgi360_dashboard .sp-container .sp-cancel:focus {
    color: #fff !important;
    background-color: #2285ff;
    border: 1px solid #2285ff;
    transition: 0.2s ease all;}

/* Reset */
body.vgi360_dashboard .sp-container .sp-clear-display {
    background-repeat: repeat;
    background-image: url(../images/colors/empty.png);
    cursor:pointer;}

body.vgi360_dashboard .sp-container .sp-dragger {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #888888;
    mix-blend-mode: difference;
    filter: brightness(150%);}

/* -----------------------------------------------------------------------------
Controllo IC */

body.vgi360_dashboard .ic_check_list {
    position: relative;
    width: 100%;
    height: auto;}

body.vgi360_dashboard .ic_check_list .row_title {text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);}

.uace_modal .ic_check_list .table_responsive,
.uace_modal .ic_check_list .table_responsive table {
    margin:0px auto 0px 0px;
    width: 100%;
    min-width: 100%;}

.uace_modal .ic_check_list .table_responsive table,
.uace_modal .ic_check_list .table_responsive table tr th, 
.uace_modal .ic_check_list .table_responsive table tr td {
    font-size: 14px;
    line-height: 20px;
    padding: 2px 5px 2px 5px;}

.uace_modal .ic_check_list .table_responsive table tr td.cell_item,
.uace_modal .ic_check_list .table_responsive table tr td.cell_list {
    width: 50%;
    max-width: 100%;
    overflow: auto;}

/* -----------------------------------------------------------------------------
Selettore Bolle 2D */

.select_2d .box {
    position: relative;
    width: 100%;
    height: auto;
    padding: 100% 0px 0px 0px; /* 1x1 */
    margin: 0px 0px 0px 0px;
    background-image: url(../images/loading/loading.gif);
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    border:1px solid #ddd;
    overflow: hidden;}

.select_2d .box .viewer_2d {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index: 1;}

.select_2d .box .controls {
    position: absolute;
    width: 100%;
    height: 0px;
    top:0px;
    left:0px;
    right:auto;
    bottom:auto;}

.select_2d .box .controls .btn_light {
    position: relative;
    z-index: 2;
    display: block;
    opacity: 0.6;}

.select_2d .box .controls .btn_light:hover {opacity: 1;}

/* Popup (4:3) */
.vgi360_popup .vgi360_popup_content .select_2d .box {padding: 75% 0px 0px 0px;}

/* -----------------------------------------------------------------------------
Modal > Display Options */

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .uace_modal_content {max-width: 600px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .uace_modal_content .modal_area {min-height: 0px;}

/* Separator Box */
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .uace_modal_content .separator_box {
    position: relative;
    display: block;
    width: calc(100% - 5px);
    height: auto;
    margin: 25px auto 10px 0px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #ddd;
    border-radius: 4px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .uace_modal_content .separator_box .separator_box_title {
    position: absolute;
    top:-22px;
    left:5px;
    right:auto;
    bottom:auto;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options label {
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .poi_options {
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    line-height: 20px;
    font-size: 16px;}

/* li  Row */
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 2px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li label,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .poi_options .po_option label {
    display: inline-block;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
    width: 98%;
    overflow: hidden;
    background-color: transparent;}

/* li > Items */
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li input[type="checkbox"],
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li .icon_vgi360.marker,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li label span {
    position: relative;
    display: inline-block;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li input[type="checkbox"] {
    top: -5px;
    margin: 0px 8px 0px 0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li .icon_vgi360.marker {
    top:3px;
    margin: 0px 2px 0px 0px;
    filter:grayscale(100%);
    width: 25px;
    height: 25px;
    transform: scale(1.5);}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li label span.poi_label,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .poi_options .po_option label span.opt_label {
    top:1px;
    margin: 0px 0px 0px 5px;
    width: calc(100% - 70px);
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li label span.poi_label .poi_counter {
    position: relative;
    display: inline-block;
    font-size: 75%;
    margin: 0px 0px 0px 5px;}

/*
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li label span.poi_label .poi_counter:before {content:'(';}
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li label span.poi_label .poi_counter:after  {content:')';}
*/

/* li > Title */
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li.title {padding: 0px 0px 5px 0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li .title,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .poi_options .po_title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    color: #333;
    font-size: 14px;
    border-bottom:1px solid #ddd;
    padding: 0px 0px 2px 0px;
    margin: 0px 0px 2px 0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li label .poi_label,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .poi_options .po_option .opt_label {position: relative;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li label .poi_label .loading_icon,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .poi_options .opt_label .loading_icon {
    position: absolute;
    top:0px;
    right:-25px;
    bottom:auto;
    left:auto;
    width: 20px;
    height: 20px;}

/* Label > Hover */
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li label:hover {background-color: rgba(172, 208, 255, 0.2);}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li label:hover .icon_vgi360.marker {filter:grayscale(0%);}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options ul li label:hover span,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .poi_options .po_option label:hover span {color: #1473e6;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options label * {transition: 0.2s ease all;}

/* Search box */
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .uace_modal_content .search_box {
    display: inline-block;
    width: calc(100% - 2px);
    height: auto;
    position: relative;
    overflow: hidden;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .uace_modal_content .search_box input[type="text"] {
    position: relative;
    width: calc(100% - 4px);
    height: 40px;
    font-size: 16px;
    padding: 3px 45px 3px 45px;
    margin: 2px 2px 2px 2px;
    border: 1px solid transparent;
    border-bottom: 1px dotted #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-radius:2px;
    background-color: transparent;
    transition: 0.2s ease all;
    z-index: 1;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .uace_modal_content .search_box .btn_search,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .uace_modal_content .search_box .btn_cancel {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 7px 10px 7px 10px;
    right: auto;
    bottom: auto;
    z-index: 5;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .uace_modal_content .separator_box .search_box .btn_search,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .uace_modal_content .separator_box .search_box .btn_cancel {margin: 7px 7px 7px 7px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .uace_modal_content .search_box .btn_cancel {
    right: 0px;
    left: auto;
    z-index: 10;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .uace_modal_content .search_filters {position: relative;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .uace_modal_content .search_filters title,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .uace_modal_content .search_filters label {
    display: inline-block;
    padding: 5px 5px 5px 5px;}

/* -----------------------------------------------------------------------------
Layout > Fullscreen > Only Content */

body.vgi360_dashboard.fullscreen_pb.vgi360_db_only_content .vgi360-dashboard .vgi360_items {margin: 40px 0px 40px 0px;}

body.vgi360_dashboard.fullscreen.vgi360_db_only_content header,
body.vgi360_dashboard.fullscreen.vgi360_db_only_content footer,
body.vgi360_dashboard.fullscreen_pb.vgi360_db_only_content header,
body.vgi360_dashboard.fullscreen_pb.vgi360_db_only_content footer {display: none;}

body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_menu.menu_se,
body.vgi360_dashboard.fullscreen_pb.vgi360_db_only_content .vgi360-dashboard .vgi360_menu.menu_se {background-color: rgb(255, 255, 255);}

body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_menu.menu_se,
body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_menu.menu_se.menu_scrolldown,
body.vgi360_dashboard.fullscreen_pb.vgi360_db_only_content .vgi360-dashboard .vgi360_menu.menu_se,
body.vgi360_dashboard.fullscreen_pb.vgi360_db_only_content .vgi360-dashboard .vgi360_menu.menu_se.menu_scrolldown {top:0px !important;}

/* -----------------------------------------------------------------------------
Layout > Fullscreen > Only Content > Doc View & Report View */

body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.doc_view,
body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.doc_view .box_viewer,
body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.doc_view .box_viewer .box_img,
body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.report_view,
body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.report_view .box_viewer {
    position: absolute;
    width: 100%;
    height: auto;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;}

body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.doc_view .box_viewer .box_img {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: radial-gradient(#505050,#333333);
    background-color: #282828;}

body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.doc_view .box_viewer .img_2d .box_img .viewer_2d {
    position: absolute;
    width:auto;
    height: auto;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:5;}

body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.doc_view .box_viewer .box_img.vgi360_panzoom img {
    margin: 15px 3% 15px 3%;
    background-color: rgba(255, 255, 255, 0.2);}

body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.doc_view,
body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.report_view {
    top:50px !important;
    bottom:0px !important;}

body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.doc_view .control_item.ci_zoom {
    position: absolute;
    z-index: 10;
    top:auto;
    left:3%;
    right:auto;
    bottom:55px;}

body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.doc_view .control_item.ci_zoom input[type="range"] {
    position: relative;
    width: 140px;
    max-width: 94%;
    height: 40px;
    display: block;
    cursor: pointer;}

body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.doc_view .box_viewer .cont_iframe {
    top: 0px !important;
    bottom: 0px !important;}

body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.report_view .box_viewer .cont_iframe {
    top: 0px !important;
    bottom: 50px !important;}

body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.doc_view .box_viewer .cont_iframe.ciframe_x2:nth-child(1) {
    width: 50%; 
    left:0px;
    right:auto;}

body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.doc_view .box_viewer .cont_iframe.ciframe_x2:nth-child(2) {
    width: 50%; 
    left:auto;
    right:0px;}

/* -----------------------------------------------------------------------------
Layout > Fullscreen > Only Content > Border BOX */

body.vgi360_dashboard.fullscreen.vgi360_db_only_content .viewer_2d .fx_bbox.fx_bb_t, 
body.vgi360_dashboard.fullscreen.vgi360_db_only_content .viewer_360 .fx_bbox.fx_bb_t {top: 0px;}

body.vgi360_dashboard.fullscreen.vgi360_db_only_content .viewer_2d .fx_bbox.fx_bb_l, 
body.vgi360_dashboard.fullscreen.vgi360_db_only_content .viewer_360 .fx_bbox.fx_bb_l, 
body.vgi360_dashboard.fullscreen.vgi360_db_only_content .viewer_2d .fx_bbox.fx_bb_r, 
body.vgi360_dashboard.fullscreen.vgi360_db_only_content .viewer_360 .fx_bbox.fx_bb_r {top:4px;}

/* -----------------------------------------------------------------------------
Change Theme */

.btn_vgi360_change_theme .vgi360_show_theme_dark,
.btn_vgi360_change_theme .vgi360_show_theme_light {display: none;}

/* -----------------------------------------------------------------------------
Marker */

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d .leaflet-marker-icon.selected_marker,
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d .leaflet-marker-icon.highlight_marker,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.selected_marker,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.highlight_marker {cursor: pointer;}

body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.psvm_loading,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.psvm_disabled {
    filter: grayscale(100%);
    opacity: 0.7;}

body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.psvm_loading {cursor:wait;}

body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.psvm_disabled {cursor:not-allowed;}

/* -----------------------------------------------------------------------------
Evidenzia Marker & Shapes > 2D & 360° 

.highlight_marker / .selected_marker
.highlight_shape / .selected_shape

.h_blue (Default) / .h_green / .h_yellow / .h_red

Css Shapes Styles: stroke-width, fill-opacity, stroke, fill
*/

/* -------------------------------------------
FX Colors */

@keyframes fx_lightblueShape {
    0%, 100% { filter: 
        drop-shadow(0 0 15px rgba(0, 187, 255, 0.8)) 
        drop-shadow(0 0 15px rgba(0, 187, 255, 0.8)) 
        brightness(120%);}
    50% { filter: 
        drop-shadow(0 0 5px rgba(0, 187, 255, 0.8))  
        drop-shadow(0 0 5px rgba(0, 187, 255, 0.8))  
        brightness(80%);}
}

@keyframes fx_blueShape {
    0%, 100% { filter: 
        drop-shadow(0 0 15px rgba(0, 89, 255, 0.8)) 
        drop-shadow(0 0 15px rgba(0, 89, 255, 0.8)) 
        brightness(120%);}
    50% { filter: 
        drop-shadow(0 0 5px rgba(0, 89, 255, 0.8))  
        drop-shadow(0 0 5px rgba(0, 89, 255, 0.8))  
        brightness(80%); }
}

@keyframes fx_greenShape {
    0%, 100% { filter: 
        drop-shadow(0 0 15px rgba(0, 193, 109, 0.8)) 
        drop-shadow(0 0 15px rgba(0, 193, 109, 0.8)) 
        brightness(120%); }
    50% { filter: 
        drop-shadow(0 0 5px rgba(0, 193, 109, 0.8))  
        drop-shadow(0 0 5px rgba(0, 193, 109, 0.8))  
        brightness(80%); }
}

@keyframes fx_yellowShape {
    0%, 100% { filter: 
        drop-shadow(0 0 15px rgba(221, 255, 0, 0.8)) 
        drop-shadow(0 0 15px rgba(221, 255, 0, 0.8)) 
        brightness(120%); }
    50% { filter: 
        drop-shadow(0 0 5px rgba(221, 255, 0, 0.8))  
        drop-shadow(0 0 5px rgba(221, 255, 0, 0.8))  
        brightness(80%); }
}

@keyframes fx_redShape {
    0%, 100% { filter: 
        drop-shadow(0 0 15px rgba(255, 0, 0, 0.8)) 
        drop-shadow(0 0 15px rgba(255, 0, 0, 0.8)) 
        brightness(120%); }
    50% { filter: 
        drop-shadow(0 0 5px rgba(255, 0, 0, 0.8))  
        drop-shadow(0 0 5px rgba(255, 0, 0, 0.8))  
        brightness(80%); }
}

@keyframes fx_noFilters {
    0%, 100% { 
        stroke-width:4px; 
        opacity: 1; }
    50% { 
        stroke-width:12px; 
        opacity:0.6; }
}


@keyframes fx_lightblueCircle {
    0% { 
        -webkit-box-shadow: 0px 0px 0px 5px rgba(80, 208, 255, 0.9);
        -moz-box-shadow: 0px 0px 0px 5px rgba(80, 208, 255, 0.9);
        -ms-box-shadow: 0px 0px 0px 5px rgba(80, 208, 255, 0.9);
        -o-box-shadow: 0px 0px 0px 5px rgba(80, 208, 255, 0.9);
        box-shadow: 0px 0px 0px 5px rgba(80, 208, 255, 0.9);}
    100% { 
        -webkit-box-shadow: 0px 0px 0px 15px rgba(80, 208, 255, 0.5);
        -moz-box-shadow: 0px 0px 0px 15px rgba(80, 208, 255, 0.5);
        -ms-box-shadow: 0px 0px 0px 15px rgba(80, 208, 255, 0.5);
        -o-box-shadow: 0px 0px 0px 15px rgba(80, 208, 255, 0.5);
        box-shadow: 0px 0px 0px 15px rgba(80, 208, 255, 0.5);}
}


/* -------------------------------------------
Markers */

body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d .leaflet-marker-icon.disabled {
    filter:saturate(0);
    opacity:0.2;}

/* Default */
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.selected_marker,
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.highlight_marker.selected_marker,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.selected_marker,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.highlight_marker.selected_marker,
/* .selected_marker */
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.selected_marker.h_lightblue,
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.highlight_marker.selected_marker.h_lightblue,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.selected_marker.h_lightblue,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.highlight_marker.selected_marker.h_lightblue,
/* .highlight_marker */
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.highlight_marker.h_lightblue,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.highlight_marker.h_lightblue {
    border-radius: 50%;
    filter: 
    drop-shadow(0 0 10px rgba(0, 187, 255, 0.8)) 
    brightness(100%);
    -webkit-animation: fx_lightblueShape 1.3s infinite;
    -moz-animation: fx_lightblueShape 1.3s infinite;
    -ms-animation: fx_lightblueShape 1.3s infinite;
    -o-animation: fx_lightblueShape 1.3s infinite;
    animation: fx_lightblueShape 1.3s infinite;}

/* Default */
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.highlight_marker,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.highlight_marker,
/* .selected_marker */
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.selected_marker.h_blue,
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.highlight_marker.selected_marker.h_blue,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.selected_marker.h_blue,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.highlight_marker.selected_marker.h_blue,
/* .highlight_marker */
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.highlight_marker.h_blue,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.highlight_marker.h_blue {
    border-radius: 50%;
    filter: 
    drop-shadow(0 0 10px rgba(0, 89, 255, 0.8)) 
    brightness(100%);
    -webkit-animation: fx_blueShape 1.3s infinite;
    -moz-animation: fx_blueShape 1.3s infinite;
    -ms-animation: fx_blueShape 1.3s infinite;
    -o-animation: fx_blueShape 1.3s infinite;
    animation: fx_blueShape 1.3s infinite;}

/* .selected_marker */
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.selected_marker.h_green,
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.highlight_marker.selected_marker.h_green,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.selected_marker.h_green,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.highlight_marker.selected_marker.h_green,
/* .highlight_marker */
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.highlight_marker.h_green,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.highlight_marker.h_green {
    filter: 
    drop-shadow(0 0 10px rgba(0, 193, 109, 0.8)) 
    brightness(100%);
    -webkit-animation: fx_greenShape 1.3s infinite;
    -moz-animation: fx_greenShape 1.3s infinite;
    -ms-animation: fx_greenShape 1.3s infinite;
    -o-animation: fx_greenShape 1.3s infinite;
    animation: fx_greenShape 1.3s infinite;}

/* .selected_marker */
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.selected_marker.h_yellow,
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.highlight_marker.selected_marker.h_yellow,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.selected_marker.h_yellow,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.highlight_marker.selected_marker.h_yellow,
/* .highlight_marker */
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.highlight_marker.h_yellow,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.highlight_marker.h_yellow {
    filter: 
    drop-shadow(0 0 10px rgba(221, 255, 0, 0.8)) 
    brightness(100%);
    -webkit-animation: fx_yellowShape 1.3s infinite;
    -moz-animation: fx_yellowShape 1.3s infinite;
    -ms-animation: fx_yellowShape 1.3s infinite;
    -o-animation: fx_yellowShape 1.3s infinite;
    animation: fx_yellowShape 1.3s infinite;}

/* .selected_marker */
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.selected_marker.h_red,
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.highlight_marker.selected_marker.h_red,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.selected_marker.h_red,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.highlight_marker.selected_marker.h_red,
/* .highlight_marker */
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.highlight_marker.h_red,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.highlight_marker.h_red {
    filter: 
    drop-shadow(0 0 10px rgba(255, 0, 0, 0.8)) 
    brightness(100%);
    -webkit-animation: fx_redShape 1.3s infinite;
    -moz-animation: fx_redShape 1.3s infinite;
    -ms-animation: fx_redShape 1.3s infinite;
    -o-animation: fx_redShape 1.3s infinite;
    animation: fx_redShape 1.3s infinite;}

/* .selected_marker -> Hover */
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.selected_marker:hover,
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.highlight_marker.selected_marker:hover,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.selected_marker:hover,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.highlight_marker.selected_marker:hover,
/* .highlight_marker -> Hover */
body.vgi360_dashboard .vgi360_item.img_2d  .viewer_2d  .leaflet-marker-icon.highlight_marker:hover,
body.vgi360_dashboard .vgi360_item.img_360 .viewer_360 .psv-marker.highlight_marker:hover {
    /*
    -webkit-animation: fx_lightblueCircle 1.5s infinite;
    -moz-animation: fx_lightblueCircle 1.5s infinite;
    -ms-animation: fx_lightblueCircle 1.5s infinite;
    -o-animation: fx_lightblueCircle 1.5s infinite;
    animation: fx_lightblueCircle 1.5s infinite;
    */
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -ms-animation: none !important;
    -o-animation: none !important;
    animation: none !important;}

/* -------------------------------------------
Shapes */

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d .leaflet-interactive.selected_shape,
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d .leaflet-interactive.selected_shape.h_lightblue,
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d .leaflet-interactive.highlight_shape.h_lightblue {
    filter: 
    drop-shadow(0 0 10px rgba(0, 187, 255, 0.8)) 
    brightness(100%);
    -webkit-animation: fx_lightblueShape 1.3s infinite;
    -moz-animation: fx_lightblueShape 1.3s infinite;
    -ms-animation: fx_lightblueShape 1.3s infinite;
    -o-animation: fx_lightblueShape 1.3s infinite;
    animation: fx_lightblueShape 1.3s infinite;}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d .leaflet-interactive.highlight_shape,
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d .leaflet-interactive.selected_shape.h_blue,
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d .leaflet-interactive.highlight_shape.h_blue {
    filter: 
    drop-shadow(0 0 10px rgba(0, 89, 255, 0.8)) 
    brightness(100%);
    -webkit-animation: fx_blueShape 1.3s infinite;
    -moz-animation: fx_blueShape 1.3s infinite;
    -ms-animation: fx_blueShape 1.3s infinite;
    -o-animation: fx_blueShape 1.3s infinite;
    animation: fx_blueShape 1.3s infinite;}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d .leaflet-interactive.selected_shape.h_green,
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d .leaflet-interactive.highlight_shape.h_green {
    filter: 
    drop-shadow(0 0 10px rgba(0, 193, 109, 0.8)) 
    brightness(100%);
    -webkit-animation: fx_greenShape 1.3s infinite;
    -moz-animation: fx_greenShape 1.3s infinite;
    -ms-animation: fx_greenShape 1.3s infinite;
    -o-animation: fx_greenShape 1.3s infinite;
    animation: fx_greenShape 1.3s infinite;}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d .leaflet-interactive.selected_shape.h_yellow,
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d .leaflet-interactive.highlight_shape.h_yellow {
    filter: 
    drop-shadow(0 0 10px rgba(221, 255, 0, 0.8)) 
    brightness(100%);
    -webkit-animation: fx_yellowShape 1.3s infinite;
    -moz-animation: fx_yellowShape 1.3s infinite;
    -ms-animation: fx_yellowShape 1.3s infinite;
    -o-animation: fx_yellowShape 1.3s infinite;
    animation: fx_yellowShape 1.3s infinite;}


body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d .leaflet-interactive.selected_shape.h_red,
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d .leaflet-interactive.highlight_shape.h_red {
    filter: 
    drop-shadow(0 0 10px rgba(255, 0, 0, 0.8)) 
    brightness(100%);
    -webkit-animation: fx_redShape 1.3s infinite;
    -moz-animation: fx_redShape 1.3s infinite;
    -ms-animation: fx_redShape 1.3s infinite;
    -o-animation: fx_redShape 1.3s infinite;
    animation: fx_redShape 1.3s infinite;}

/* 
For Safari 
<path> è il tag delle singole forme all'interno di un svg di lafet draw.
La classe delle forme .leaflet-interactive di solito è associata a un tag <path>.
Safari è in grado di applicare i filtri css solo a un elemento <svg>
e non solo una parte di questo come un <path>.
A Safari serve un metodo diverso alternativo agli effetti con i flitri Css.
Aggiunto fx_noFilters che viene visualizzato anche su Safari.
*/
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d.leaflet-safari .leaflet-interactive.selected_shape,
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d.leaflet-safari .leaflet-interactive.highlight_shape { 
    -webkit-animation: fx_noFilters 1.3s infinite;
    -moz-animation: fx_noFilters 1.3s infinite;
    -ms-animation: fx_noFilters 1.3s infinite;
    -o-animation: fx_noFilters 1.3s infinite;
    animation: fx_noFilters 1.3s infinite;}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d.leaflet-safari .leaflet-interactive.selected_shape.h_lightblue,
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d.leaflet-safari .leaflet-interactive.highlight_shape.h_lightblue {stroke: rgba(0, 187, 255, 0.95);}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d.leaflet-safari .leaflet-interactive.selected_shape.h_blue,
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d.leaflet-safari .leaflet-interactive.highlight_shape.h_blue {stroke: rgba(0, 89, 255, 0.95);}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d.leaflet-safari .leaflet-interactive.selected_shape.h_green,
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d.leaflet-safari .leaflet-interactive.highlight_shape.h_green {stroke: rgba(0, 193, 109, 0.95);}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d.leaflet-safari .leaflet-interactive.selected_shape.h_yellow,
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d.leaflet-safari .leaflet-interactive.highlight_shape.h_yellow {stroke: rgba(221, 255, 0, 0.95);}

body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d.leaflet-safari .leaflet-interactive.selected_shape.h_red,
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d.leaflet-safari .leaflet-interactive.highlight_shape.h_red {stroke: rgba(255, 0, 0, 0.95);}

/* .selected_shape .highlight_shape -> Hover */
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d .leaflet-interactive.selected_shape:hover,
body.vgi360_dashboard .vgi360_item.img_2d .viewer_2d .leaflet-interactive.highlight_shape:hover {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -ms-animation: none !important;
    -o-animation: none !important;
    animation: none !important;}

/* -----------------------------------------------------------------------------
Modal > POI List */

body.vgi360_dashboard .uacem_poi_list .poi_list {line-height: 20px;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_title,
body.vgi360_dashboard .uacem_poi_list .poi_list .pl_search {
    position: relative;
    display: inline-block;
    padding: 0px 0px 0px 0px;
    max-width: calc(100% - 85px); /* Buttons */}

/* Search */
body.vgi360_dashboard .uacem_poi_list .poi_list .pl_search {width: calc(100% - 85px);}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_search label {width: 100%;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_search .pl_search_input {
    position: relative;
    width: 100%;
    height: 35px;
    padding: 2px 0px 2px 40px;
    margin: 0px 0px 0px 0px;
    border:1px solid transparent;
    background-color: transparent;
    border-radius: 0px;
    border-bottom: 1px dotted #666;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_search .pl_search_btn {
    position: absolute;
    top:0px;
    left:0px;
    right:auto;
    bottom:auto;
    margin: 2px 0px 0px 2px;}

/* Title */
body.vgi360_dashboard .uacem_poi_list .poi_list .pl_title {
    padding: 7px 5px 7px 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}

/* Options */
body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list_options {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    top: -2px;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list.row.separator {padding: 5px 2px 0px 2px;}

body.vgi360_dashboard .uacem_poi_list .poi_list a,
body.vgi360_dashboard .uacem_poi_list .poi_list .link {
    color:#2160ac;
    cursor: pointer;}

body.vgi360_dashboard .uacem_poi_list .poi_list a:hover,
body.vgi360_dashboard .uacem_poi_list .poi_list .link:hover {color:#2285ff;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list ul {
    list-style: none;
    line-height: 30px;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list ul li {
    position: relative;
    margin: 0px 0px 5px 0px;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list ul li.new_poi {display: none;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list .pl_box {position: relative;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list .pl_box .pl_options {
    position: absolute;
    top:0px;
    right:0px;
    left:auto;
    bottom:auto;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list .pl_box .pl_options .btn_light {margin: 0px 3px 0px 3px;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list .pl_box .pl_options .btn_light.btn_active {color:#1473e6;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list .pl_box .pl_label,
body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list .pl_box .pl_edit {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0px 0px 0px 35px;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list .pl_box .pl_label.hidden,
body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list .pl_box .pl_edit.hidden {display: none;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list .pl_box .pl_icon {
    position: absolute;
    top:2px;
    left:0px;
    right:auto;
    bottom:auto;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list .pl_box .pl_label .pl_name,
body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list .pl_box .pl_edit label {padding: 0px 35px 0px 0px;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list .pl_box .pl_edit label {width: calc(100% - 35px);}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list .pl_box .pl_edit .btn_save {
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    position: absolute;
    top: 0px;
    right: 35px;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list .pl_box .pl_label .pl_name,
body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list .pl_box .pl_edit input[type="text"] {
    overflow: hidden;
    text-wrap:nowrap;
    text-overflow: ellipsis;}

body.vgi360_dashboard .uacem_poi_list .poi_list .pl_list .pl_box .pl_edit input[type="text"] {
    width: calc(100% - 4px);
    height: 25px;
    padding:2px 5px 2px 5px;
    margin: 2px 2px 2px 2px;
    border-color:transparent;
    background-color: transparent;
    border-bottom:1px dotted #666666;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;}

/* -----------------------------------------------------------------------------
Modal > AI Chatbot */

body.vgi360_dashboard .uacem_ai_chatbot .ai_chatbot .chat_footer,
body.vgi360_dashboard .uacem_ai_chatbot .ai_chatbot .chat_container {background-color: transparent;}

/* -----------------------------------------------------------------------------
Clone Tool */

body.vgi360_dashboard .psv-panel .vgi360_modal .clone_poi_tool {
    min-width: 170px;
    max-width: 400px; /* 600px */}

body.vgi360_dashboard .psv-panel .vgi360_modal .clone_poi_tool .clp_box {
    margin: 5px 0px 10px 0px;
    padding:10px 10px 10px 10px;
    border-radius: 15px;
    color: #333;
    border:0px solid #ddd;
    background-color: rgba(221, 221, 221, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 102, 255, 0.95);}

body.vgi360_dashboard .psv-panel .vgi360_modal .clone_poi_tool .clp_box .clp_info {border-top:1px solid #ddd;}

body.vgi360_dashboard .psv-panel .vgi360_modal .clone_poi_tool .clp_box .clp_action .note {font-size: 14px;}

/* -----------------------------------------------------------------------------
Test Editor > PSV Panel / Uace Modal */

body.vgi360_dashboard .psv-panel .vgi360_modal .vgi360_editor,
body.vgi360_dashboard .uace_modal .uace_modal_content .vgi360_editor {
    position: relative;
    width: 100%;
    height: auto;}

body.vgi360_dashboard .psv-panel .vgi360_modal .vgi360_editor {
    min-width: 170px;
    max-width: 600px;}

body.vgi360_dashboard .uace_modal .uace_modal_content .vgi360_editor iframe,
body.vgi360_dashboard .uace_modal .uace_modal_content .vgi360_editor textarea {
    height: 350px !important;
    max-height: 90vh !important;}

/* -----------------------------------------------------------------------------
Responsive Media Query */

/* .show_ind_ris {display: none;} */

/* -------------------------------------------
2560px / 2568 x 1440 */
@media (max-width: 2560px) {} 
/* -------------------------------------------
2050px / Costum */
@media (max-width: 2050px) {} 
/* -------------------------------------------
Full HD 1080p */
@media (max-width: 1920px) {}
/* -------------------------------------------
HD Ready 1050p */
@media (max-width: 1680px) {
    
    /* ---------------------------------------
    Items & Item > Layout Fullscreen */

    body.vgi360_dashboard.fullscreen .vgi360-dashboard .vgi360_items .vgi360_item {bottom: 0px !important;}
    
}
/* -------------------------------------------
HD Ready 840p */
@media (max-width: 1344px) {}
/* -------------------------------------------
HD Ready 720p */
@media (max-width: 1280px) {}
/* -------------------------------------------
Limite Grafico Schermi Grandi */
@media (max-width: 1164px) {
    
    /* -------------------------------------------
    Menu Levels > Edit > Menu */
    
    body.vgi360_dashboard .vgi360_item .jce_menu_light ul li ul {
        max-width: 100%;
        overflow: hidden;
        border:1px solid #ddd;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 5px;}
    
    body.vgi360_dashboard .vgi360_item .jce_menu_light.view ul li ul {
        border:1px solid transparent;}
    
    /* Errors */
    body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_errors {
    padding: 5px 5px 10px 5px}
    
    body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_errors .alert::before {
        top:10px;
        left:-8px;
    }
    
}
/* -------------------------------------------
Vantage - 1080px */
@media (max-width: 1080px) {}
/* -------------------------------------------
Tablet 10p iPad Orizzontale */
@media (max-width: 1024px) {}
/* -------------------------------------------
Tablet 10p iPad Orizzontale */
@media (max-width: 999px) {}
/* -------------------------------------------
Tablet 10p iPad Orizzontale | Tema menu Mobile */
@media (max-width: 992px) {}
/* -------------------------------------------
Tablet 10p (iPad Verticale 768px) */
@media (max-width: 810px) {}
/* -------------------------------------------
Tablet -10 Pollici 765px */
@media (max-width: 765px) {}
/* -------------------------------------------
Vantage - 680px mobile resolution. */
@media (max-width: 680px) {
    
    .vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_display_options .uace_modal_content {height: auto;}
    
    body.vgi360_dashboard .psv-container .psv-panel .jce_menu_light .jce_menu_item {min-width: 240px;}
    
    /* Check List IC to ACS */
    .uace_modal .ic_check_list .table_responsive,
    .uace_modal .ic_check_list .table_responsive table {margin: 0px auto 0px auto;}
    
    .uace_modal .ic_check_list .table_responsive table,
    .uace_modal .ic_check_list .table_responsive table tr th, 
    .uace_modal .ic_check_list .table_responsive table tr td {
        font-size: 14px;
        padding: 30px 5px 5px 5px;}
    
    .uace_modal .ic_check_list .table_responsive table {padding: 5px 0px 5px 0px;}
    
    .uace_modal .ic_check_list .table_responsive table tr td.cell_item,
    .uace_modal .ic_check_list .table_responsive table tr td.cell_list {
        width: auto;
        max-width: none;}
    
    .uace_modal .ic_check_list .table_responsive table tr td.cell_list {padding: 30px 10px 5px 10px;}

    /* Modal > Media */
    body.vgi360_dashboard .uace_modal.uacem_show_media .uace_modal_content .uace_modal_title,
    body.vgi360_dashboard .uace_modal.uacem_show_media .uace_modal_content .uace_modal_close,
    body.vgi360_dashboard .uace_modal.uacem_show_media .uace_modal_content .uace_modal_expand {
    top:-30px;
    height: 30px;
    left:auto;
    right:auto;
    line-height: 30px;}

    body.vgi360_dashboard .uace_modal.uacem_show_media .uace_modal_content .uace_modal_title {font-size: 13px;}

    body.vgi360_dashboard .uace_modal.uacem_show_media .uace_modal_content .uace_modal_title .icon_vgi360 {
        width: 20px;
        height: 20px;}

    body.vgi360_dashboard .uace_modal.uacem_show_media .uace_modal_content .uace_modal_close,
    body.vgi360_dashboard .uace_modal.uacem_show_media .uace_modal_content .uace_modal_expand {
        left: auto;
        right: 0px;
        font-size: 25px;}

}
    
/* -------------------------------------------
Vantage - Widget Circle Icon */
@media (max-width: 640px) {

    /* Layout > Fullscreen > Only Content */
    body.vgi360_dashboard.fullscreen_pb.vgi360_db_only_content .vgi360-dashboard .vgi360_items {margin: 0px 0px 35px 0px;}

}
/* -------------------------------------------
Smartphone iPhone 5 Orizzontale */
@media (max-width: 568px) {

    /* PSV Panel > Area */
    body.vgi360_dashboard .psv-panel .vgi360_docs .docs_list, 
    body.vgi360_dashboard .psv-panel .vgi360_docs .new_doc {
        width: 295px;
        min-width: 295px;
        max-width: 600px;}

    body.vgi360_dashboard .vgi360_item.report_view .controls_bar {text-align: center;}

    /* Cont Iframe > X2 */
    body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.doc_view .box_viewer .cont_iframe.ciframe_x2:nth-child(1),
    body.vgi360_dashboard .uace_modal.uacem_show_media .modal_area .cont_iframe.ciframe_x2:nth-child(1) {
        width: 100%; 
        height: 50% !important;
        top:0px !important;
        bottom: auto !important;
        left:0px;
        right:0px;}
    
    body.vgi360_dashboard.fullscreen.vgi360_db_only_content .vgi360-dashboard .vgi360_item.doc_view .box_viewer .cont_iframe.ciframe_x2:nth-child(2),
    body.vgi360_dashboard .uace_modal.uacem_show_media .modal_area .cont_iframe.ciframe_x2:nth-child(2) {
        width: 100%; 
        height: 50% !important; 
        top:auto !important;
        bottom: 0px !important;
        left:0px;
        right:0px;}
    
}
/* -------------------------------------------
Smartphone iPhone 4 Orizzontale */
@media (max-width: 480px) {

    /* -------------------------------------------
    Items > Modal > JCE */

    body.vgi360_dashboard .vgi360_item .viewer_360 .psv-container .psv-panel-content .show_notes .jce_menu .jce_menu_item .jce_menu_item_box {width: calc(90% - 40px);}

    body.vgi360_dashboard .psv-container .psv-panel .show_notes .row_edit .jce_menu_item .jce_menu_input {width: 130px;}

}
/* -------------------------------------------
Smartphone */
@media (max-width: 400px) {}
/* -------------------------------------------
Smartphone Standard Verticale */
@media (max-width: 359px) {}
/* -------------------------------------------
Smartphone iPhone 4/5 Verticale */
@media (max-width: 320px) {}
/* -----------------------------------------------------------------------------
Responsive - Media Queries Max Height */
@media (max-height:965px) {}
@media (max-height:720px) {}
@media (max-height:600px) {}
@media (max-height:480px) {}