/*
 * 
 * VG Info 360 - Dashboard
 * Author: Nisar Abed
 * Company: Virtualgeo Srl
 * 
 */

/* -----------------------------------------------------------------
Generale */

body.vgi360_dashboard .hidden,
.vgi360_dashboard .uace_modal .row.hidden {display: none;}

body.vgi360_dashboard .pointer {cursor:pointer;}

body.vgi360_dashboard .ofhidden {overflow: hidden !important;}

body.vgi360_dashboard .not_allowed {cursor:not-allowed !important;}

body.vgi360_dashboard .solo_desktop {display: inline-block !important;}
body.vgi360_dashboard .solo_mobile {display: none !important;}

body.vgi360_dashboard .mirror {transform: scaleX(-1);}

body.vgi360_dashboard .text_overflow {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

/* Select NONE */
body.vgi360_dashboard .btn_light,
body.vgi360_dashboard .select_none {
    -webkit-touch-callout: none;
    -webkit-user-select:none;
    -khtml-user-select: none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;}

body.vgi360_dashboard input[type="file"] {cursor:pointer;}

body.vgi360_dashboard input[type="text"] {
    -webkit-text-fill-color:#666666;    /* Override iOS / Chrome */
    -webkit-opacity:1;                    /* Override iOS opacity change affecting text & background color */
    opacity:1;
    color:#666666;                      /* Override IE font color change */
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;}

/* Placeholder > Chrome */
body.vgi360_dashboard input[type="text"]::placeholder,
body.vgi360_dashboard input[type="number"]::placeholder, 
body.vgi360_dashboard input[type="date"]::placeholder, 
body.vgi360_dashboard input[type="time"]::placeholder, 
body.vgi360_dashboard input[type="email"]::placeholder, 
body.vgi360_dashboard input[type="tel"]::placeholder, 
body.vgi360_dashboard input[type="password"]::placeholder, 
body.vgi360_dashboard input[type="search"]::placeholder,
body.vgi360_dashboard textarea::placeholder {
    -webkit-text-fill-color:#999999;
    color:#999999;}

/* Le classi sono mostrate o nasconste in base ai dati della tabella */
body.vgi360_dashboard .vgi360_items .dataTableEmpty_show,
body.vgi360_dashboard .vgi360_items .dataTableEmpty_hide {display: none;}

/* -------------------------------------------
Dashboard > Row Box */

body.vgi360_dashboard .row_box,
body.vgi360_dashboard .row.row_box {
    position: relative;
    margin: 15px auto 15px auto;
    padding: 10px 15px 10px 15px;
    border-radius: 15px;
    border:1px solid #ccc;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);}

body.vgi360_dashboard .row_box.rb_red {
    color: #555555;
    background-color:#ffccd2;}

body.vgi360_dashboard .entry-content .row_box.rb_red h3 {color:#000;}

/* -----------------------------------------------------------------
Dashboard > Footer */

body.vgi360_dashboard #colophon, 
body.vgi360_dashboard .layout-full #colophon {display: none;}

/* body.vgi360_dashboard .show_ind_ris {display: block;} */

body.vgi360_dashboard .vgi360_version {
    position: relative;
    width: 100%;
    text-align: right;
    font-size: 11px;
    line-height: 13px;
    padding: 5px 5px 0px 0px;
    cursor: pointer;
    z-index: 10;}

body.vgi360_dashboard .vgi360_version .vgi360_ver_item {
    position: relative;
    display: inline-block;
    padding: 0px 0px 0px 5px;
    opacity: 0.45;
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_version .vgi360_ver_item:hover {
    opacity: 1;
    transform: scale(1.2);
    transition: 0.2s ease all;}

/* -----------------------------------------------------------------
UACE Theme */

body.vgi360_dashboard,
body.vgi360_dashboard #main.site-main {
    box-sizing: border-box;
    background-color: #f6f6f6;
    min-height: 85vh;}

body.vgi360_dashboard .main-navigation,
body.vgi360_dashboard .vgi360_menu.menu_se {
    border-bottom: 1px solid #dddddd;
    box-shadow: none;
}

body.vgi360_dashboard #main.site-main {padding:50px 0px 0px 0px;}

body.vgi360_dashboard #page-wrapper .full-container,
body.vgi360_dashboard.responsive.layout-full #page-wrapper .full-container {max-width: 100%;}

body.vgi360_dashboard .vgi360_items section {position: relative;}

body.vgi360_dashboard .cont_iframe iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;}

body.vgi360_dashboard .main-navigation,
body.vgi360_dashboard .vgi360_menu.menu_se {
    border-bottom: 1px solid #dddddd;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);}

/* -----------------------------------------------------------------
Text */

body.vgi360_dashboard .secondary {
    color:#999999;
    font-weight: normal;}

body.vgi360_dashboard .txt_lowercase {text-transform:lowercase;}

/* -----------------------------------------------------------------
Superadmin Info */

body.vgi360_dashboard .vgi360_superadmin_info,
body.vgi360_dashboard .vgi360_manager_worker_info {
    padding: 0px 15px 0px 0px;
    display: inline-block;}

body.vgi360_dashboard .vgi360_superadmin_info .btn_light.btn_trasp,
body.vgi360_dashboard .vgi360_manager_worker_info .btn_light.btn_trasp {
    color:#666;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
    cursor:pointer;
    font-size: 13px;
    padding: 0px 0px 0px 0px;
    margin: 0px 5px 0px 5px;}

body.vgi360_dashboard .vgi360_superadmin_info .btn_light.btn_trasp:hover,
body.vgi360_dashboard .vgi360_manager_worker_info .btn_light.btn_trasp:hover {color:#1473e6;}

/* -----------------------------------------------------------------
Plan Info */

body.vgi360_dashboard .vgi360_sections_info {
    padding: 0px 0px 0px 0px;
    display: inline-block;}

body.vgi360_dashboard .vgi360_menu.menu_se .vgi360_sections_info {
    margin: 10px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_sections_info .btn_light.btn_trasp {
    color:#666;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
    cursor:pointer;
    font-size: 13px;
    padding: 0px 0px 0px 0px;
    margin: 0px 5px 0px 5px;}

body.vgi360_dashboard .vgi360_sections_info .btn_light.btn_trasp:hover {color:#1473e6;}

/* -----------------------------------------------------------------
Snet */

body.vgi360_dashboard .vgi360_sections_info .vgi360_snet,
body.vgi360_dashboard .vgi360_superadmin_info .vgi360_snet {
    color:#666;
    z-index: auto;
    display: inline-block;
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_sections_info .vgi360_snet {position: relative;}

body.vgi360_dashboard .vgi360_sections_info .vgi360_snet .icon,
body.vgi360_dashboard .vgi360_superadmin_info .vgi360_snet .icon {z-index: 1;}

body.vgi360_dashboard .vgi360_sections_info .vgi360_snet .icon:before,
body.vgi360_dashboard .vgi360_superadmin_info .vgi360_snet .icon:before {
    position: absolute;
    top:1px;
    left:15px;
    right:auto;
    bottom:auto;
    font-family: 'Font Awesome 5 Free';
    content:'\f0ac';
    font-weight: 900;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_menu.menu_se .vgi360_sections_info .vgi360_snet {border-radius: 15px;}

body.vgi360_dashboard .vgi360_menu.menu_se .vgi360_sections_info .vgi360_snet .icon:before {
    content:'\f07c';
    color: #1473e6;
    top:4px;
    left:15px;}

body.vgi360_dashboard .vgi360_menu.menu_se .vgi360_sections_info .vgi360_snet .icon.plans:before {content:'\f5fd';}

body.vgi360_dashboard .vgi360_menu.menu_se .vgi360_sections_info .vgi360_snet .icon.buildings:before {content:'\f1ad';}

body.vgi360_dashboard .vgi360_sections_info .vgi360_snet select,
body.vgi360_dashboard .vgi360_items .vgi360_item .vgi360_superadmin_info .vgi360_snet select {
    z-index: 2;
    padding: 3px 20px 3px 25px;
    font-size: 13px;
    color:#666;
    max-width: 200px;
    box-shadow: none;
    background-color: #ebebeb;
    border:1px solid #e3e3e3;}

body.vgi360_dashboard .vgi360_sections_info .vgi360_snet select {max-width: 100%;}

body.vgi360_dashboard .vgi360_menu.menu_se .vgi360_sections_info .vgi360_snet select {
    border-radius: 15px;
    padding: 4px 20px 4px 30px;
    margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_sections_info .vgi360_snet select:hover,
body.vgi360_dashboard .vgi360_items .vgi360_item .vgi360_superadmin_info .vgi360_snet select:hover {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border:1px solid #ccc;}

body.vgi360_dashboard .vgi360_sections_info .vgi360_snet:hover,
body.vgi360_dashboard .vgi360_sections_info .vgi360_snet select:hover,
body.vgi360_dashboard .vgi360_superadmin_info .vgi360_snet:hover,
body.vgi360_dashboard .vgi360_items .vgi360_item .vgi360_superadmin_info .vgi360_snet select:hover {
    color:#333;
    transition: 0.2s ease all;}

/* -----------------------------------------------------------------
Contenitore */

body.vgi360_dashboard {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 70vh;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    font-weight: normal;
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px auto;}

/* -----------------------------------------------------------------
Menu Dashboard */

body.vgi360_dashboard .menu_se {
    background-color: rgba(255, 255, 255, 0.7);
    border-bottom:1px solid rgba(255, 255, 255, 0.7);
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_menu.menu_se,
body.vgi360_dashboard .vgi360_menu.menu_se.menu_scrolldown {
    overflow: hidden;
    max-height: 50px;
    box-sizing: border-box;
    padding: 0px 3% 0px 3%;}

body.vgi360_dashboard .vgi360_menu.menu_se .ms_breadcrumbs,
body.vgi360_dashboard .vgi360_menu.menu_se .ms_over {
    height: 50px;
    overflow: hidden;
    color:#333;}

body.vgi360_dashboard .vgi360_menu.menu_se .ms_breadcrumbs {
    position: relative;
    display: inline-block;
    width: calc(100% - 60px);
    margin-right: 60px;
    white-space: nowrap;
    overflow: hidden;
    overflow-x:auto;
    text-align: left;
    line-height: 46px;
    /* No Scroll */
    /* 
    text-overflow: ellipsis;
    scrollbar-width: none; 
    */
    /* Scroll > Firefox */
    scrollbar-width: thin;
    scrollbar-color: rgba(102, 102, 102, 0.5) transparent;}

/* Scroll > Safari / Chrome / Edge */
body.vgi360_dashboard .vgi360_menu.menu_se .ms_breadcrumbs::-webkit-scrollbar { 
    width: 5px;
    height: 5px;
    background: transparent; }

body.vgi360_dashboard .vgi360_menu.menu_se .ms_breadcrumbs::-webkit-scrollbar-thumb { background: rgba(102, 102, 102, 0.5); }

body.vgi360_dashboard .vgi360_menu.menu_se .ms_breadcrumbs.ms_window_view,
body.vgi360_dashboard .vgi360_menu.menu_se .ms_breadcrumbs.ms_view360photo {
    width: calc(100% - 140px);
    margin-right: 140px;}

body.vgi360_dashboard .vgi360_menu.menu_se .ms_over {
    position: absolute;
    top: 0px;
    right: 3%;
    left: auto;
    bottom: auto;
    text-align: right;
    line-height: 50px;}

body.vgi360_dashboard .vgi360_menu.menu_se .floatl {float:left;}

body.vgi360_dashboard .vgi360_menu.menu_se .floatr {float:right;}

/* Select */
body.vgi360_dashboard .vgi360_menu select {
    font-size: 14px;
    border:1px solid #1473e6;
    margin: 8px 10px 2px 10px;}

body.vgi360_dashboard .vgi360_menu select.floatr {margin: 8px 10px 2px 0px;}

body.vgi360_dashboard .vgi360_menu select:hover,
body.vgi360_dashboard .vgi360_menu select:focus {border: 1px solid #84adff;}

/* Select > Minimal */
body.vgi360_dashboard select.select_minimal,
body.vgi360_dashboard .select_minimal select {
    color: #666;
    font-size: 14px;
    text-align: left;
    cursor:pointer;
    background-color: transparent;
    border:1px solid transparent;
    border-bottom:1px dotted #989898;
    border-radius: 0px;
    margin: 0px 0px 0px 0px;
    transition: 0.2s ease all;}

body.vgi360_dashboard select.select_minimal:hover,
body.vgi360_dashboard .select_minimal:hover select,
body.vgi360_dashboard select.select_minimal:focus,
body.vgi360_dashboard .select_minimal:focus select {
    color: #333;
    background-color: #fff;
    border-bottom:1px dotted #2285ff;
    transition: 0.2s ease all;}

/* Btn Light > VGI Icons */
body.vgi360_dashboard .btn_light .icon_vgi360,
body.vgi360_dashboard .vgi360_menu .btn_light .icon_vgi360,
body.vgi360_dashboard .vgi360_menu .btn_light .icon_vgi360.icon_menu {
    top:0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px -3px 0px;
    width: 18px;
    height: 18px;}

/* Btn Switch */
body.vgi360_dashboard .btn_light.btn_switch {
    transform: scale(1);
    color: #333;
    border: 1px solid transparent;
    background-color: transparent;
    box-shadow:none;
    padding: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_menu.menu_se .btn_light.btn_switch {
    font-size: 25px;
    line-height: 30px;}

body.vgi360_dashboard .btn_light.btn_switch:hover,
body.vgi360_dashboard .btn_light.btn_switch:focus {
    color: #1473e6;
    border: 1px solid transparent;
    background-color: transparent;
    box-shadow:none;}

body.vgi360_dashboard .btn_light.btn_switch span {padding: 0px 5px 0px 5px;}

body.vgi360_dashboard .vgi360_menu.menu_se .btn_light.btn_switch span {padding: 0px 10px 0px 10px;}

body.vgi360_dashboard .btn_light.btn_switch .icon_vgi360 {
    width: 25px;
    height: 25px;
    Background-color: #666666;}

body.vgi360_dashboard .btn_light.btn_switch:hover .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_switch:focus .icon_vgi360 {background-color: #1473e6;}

/* Btn Light > icon Hover */
body.vgi360_dashboard .btn_light .icon_hover,
body.vgi360_dashboard .btn_light:hover .icon_nothover {display: none;}

body.vgi360_dashboard .btn_light .icon_nothover,
body.vgi360_dashboard .btn_light:hover .icon_hover {display: inline-block;}

/* Btn Light > icon big */
body.vgi360_dashboard .btn_light .icon_big {font-size: 20px;}

/* Current */
body.vgi360_dashboard .vgi360_menu .current,
body.vgi360_dashboard .vgi360_menu .btn_light.current,
body.vgi360_dashboard .vgi360_menu .btn_light.btn_minimal.current {color:#333;}

body.vgi360_dashboard .vgi360_menu .btn_light.btn_minimal.current .icon_vgi360.icon_menu {background-color: #333;}

body.vgi360_dashboard .vgi360_menu .current:hover,
body.vgi360_dashboard .vgi360_menu .current:focus,
body.vgi360_dashboard .vgi360_menu .btn_light.current:hover,
body.vgi360_dashboard .vgi360_menu .btn_light.current:focus,
body.vgi360_dashboard .vgi360_menu .btn_light.btn_minimal.current:hover,
body.vgi360_dashboard .vgi360_menu .btn_light.btn_minimal.current:focus {color:#1473e6;}

body.vgi360_dashboard .vgi360_menu .btn_light.btn_minimal.current:hover .icon_vgi360.icon_layer.icon_menu,
body.vgi360_dashboard .vgi360_menu .btn_light.btn_minimal.current:focus .icon_vgi360.icon_layer.icon_menu {background-color: #1473e6;}

/* Btn Light > Menu SE > Breadcrumbs */
body.vgi360_dashboard .vgi360_menu.menu_se .ms_breadcrumbs .btn_light,
body.vgi360_dashboard .vgi360_menu.menu_se .ms_breadcrumbs .btn_light.btn_trasp.btn_arrow,
body.vgi360_dashboard .vgi360_menu.menu_se .ms_breadcrumbs .btn_light.btn_trasp.btn_separator {
    display: inline;
    padding: 5px 0px 5px 0px;
    margin: 0px 2px 0px 2px;
    float:none;}

/* Btn Light > Menu SE > Over */
body.vgi360_dashboard .vgi360_menu.menu_se .ms_over .btn_light,
body.vgi360_dashboard .vgi360_menu.menu_se .ms_over .btn_light.btn_switch {
    padding: 5px 0px 5px 0px;
    margin: 10px 2px 0px 2px;
    float:right;}

body.vgi360_dashboard .vgi360_menu.menu_se .ms_over .btn_light.btn_switch {margin: 5px 2px 0px 2px;}

body.vgi360_dashboard .vgi360_menu.menu_se .ms_over .btn_light.btn_icona {padding: 5px 5px 5px 5px;}

/* -----------------------------------------------------------------
Modal > User Settings Menu */

body.vgi360_dashboard .uace_modal.uacem_user_settings_menu .uace_modal_content {max-width: 350px;}

body.vgi360_dashboard .uace_modal.uacem_user_settings_menu .uace_modal_content .modal_area {min-height: 50px;}

body.vgi360_dashboard .uace_modal.uacem_user_settings_menu .btn_light.btn_switch .icon_vgi360 {
    width: 18px;
    height: 18px;}

/* Modal > User Settings Menu */
body.vgi360_dashboard .uace_modal.uacem_user_settings {
    width: 230px;
    max-width: 90%;
    height: auto;
    top: 99px; /* Menu */
    left: auto;
    right: 3%;
    bottom: auto;
    overflow: visible;
    position: fixed;}

body.vgi360_dashboard.vgi360_db_only_content .uace_modal.uacem_user_settings {top:49px; /* Menu */}

body.vgi360_dashboard .uace_modal.uacem_user_settings .uace_modal_content {
    width: 100%;
    height: auto;
    min-height: 0px;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border:1px solid #ccc;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);}

body.vgi360_dashboard .uace_modal.uacem_user_settings .uace_modal_content .uace_modal_title {
    border-bottom:1px solid #ccc;
    height: 35px;
    line-height: 35px;
    font-size: 15px;}

body.vgi360_dashboard .uace_modal.uacem_user_settings .uace_modal_content .uace_modal_title .icon_vgi360 {
    width: 15px; 
    height: 15px;}

body.vgi360_dashboard .uace_modal.uacem_user_settings .uace_modal_content .modal_area {
    min-height: 0px;
    margin: 0px 0px 0px 0px; 
    /* margin: 30px 0px 0px 0px; */} 

body.vgi360_dashboard .uace_modal.uacem_user_settings .uace_modal_content .modal_area .row {margin: 2px 0px 2px 0px;}

body.vgi360_dashboard .uace_modal.uacem_user_settings .uace_modal_content .modal_area .row:last-child {margin: 2px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal.uacem_user_settings .uace_modal_content .uace_modal_close {margin: -3px 0px 0px 0px;}

/* HIDE / SHOW Options */
body.vgi360_dashboard .uace_modal.uacem_user_settings .uace_modal_content .row_cbar_menu {display: none;}

body.vgi360_dashboard.fullscreen .uace_modal.uacem_user_settings .uace_modal_content .row_cbar_menu {display: block;}

/* -----------------------------------------------------------------
CSA Text Logo */

body.vgi360_dashboard .textlogo_plan,
body.vgi360_dashboard .textlogo_expansion {
    color:#fff;
    border-radius:2px;
    font-weight: bold;
    padding:0px 4px 0px 4px;
    border:1px solid #fff;}

body.vgi360_dashboard .textlogo_plan {background-color:#329cff;}

body.vgi360_dashboard .textlogo_expansion {background-color:#48d69b;}

/* -----------------------------------------------------------------
CSA Items */

body.vgi360_dashboard .vgi360_items {
    width: 100%;
    height: auto;
    min-height: 70vh;
    box-sizing: border-box;
    margin: 90px 0px 40px 0px;
    padding: 10px 2.5% 10px 2.5%;}

body.vgi360_dashboard .vgi360_items .vgi360_item {
    display: inline-block;
    float:left;}

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_item_padd {
    box-sizing: border-box;
    padding: 15px 15px 15px 15px;}

body.vgi360_dashboard .vgi360_items .vgi360_box {
    width: 100%;
    max-width: 100%;
    position: relative;
    display: inline-block;
    z-index: 10;}

body.vgi360_dashboard .vgi360_items .vgi360_box.data_loading {
    max-height: 70vh;
    overflow: hidden;}

/* -----------------------------------------------------------------
Overlay */

body.vgi360_dashboard .vgi360_items .vgi360_item_overlay,
.vgi360_dashboard .uace_modal .vgi360_item_overlay,
body.vgi360_dashboard .vgi360_items .vgi360_item_table_loading_overlay {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url(../images/loading/loading.gif);
    background-repeat: no-repeat;
    background-size: 100px 100px;
    background-position: center;
    z-index: 9999;
    display: none;}

body.vgi360_dashboard .vgi360_items .vgi360_item_table_loading_overlay {
    display: block;
    border:1px solid #ccc;
    background-color: rgb(255, 255, 255);}

body.vgi360_dashboard .vgi360_items .vgi360_item_overlay.fixed {position: fixed;}

/* -----------------------------------------------------------------
Loading Icon */

.loading_icon {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/loading/loading.gif);}

.btn_light .loading_icon {
    position: absolute;
    width: auto;
    height: auto;
    top: 0px;
    left: 0px;
    right:0px;
    bottom:0px;
    background-size: 20px;
    border-radius: 15px;
    z-index: 10;}

/* -----------------------------------------------------------------
CSA > Modal */

.vgi360_dashboard .uace_modal .modal_area {color:#666;}

.vgi360_dashboard .uace_modal .row {
    display: inline-block;
    width: 100%;
    height: auto;
    position: relative;
    margin: 2px 0px 5px 0px;
    padding: 2px 0px 0px 0px;}

.vgi360_dashboard .uace_modal .row:last-child {
    padding: 2px 0px 0px 0px;
    margin: 2px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal .show_customer_data {
    font-size: 16px;
    line-height: 25px;}

.vgi360_dashboard .uace_modal .row.no_margin,
.vgi360_dashboard .uace_modal .row:last-child {margin: 0px 0px 0px 0px;}

.vgi360_dashboard .uace_modal a {color:#2160ac;}

.vgi360_dashboard .uace_modal a:hover {color:#2d81e7;}

.vgi360_dashboard .uace_modal .vgi360_item_overlay {background-size: 45px 45px;}

.vgi360_dashboard .uace_modal .uace_modal_content .uace_modal_close, 
.vgi360_dashboard .uace_modal .uace_modal_content .uace_modal_expand,
.vgi360_dashboard .uace_modal .uace_modal_content .uace_modal_change_side,
.vgi360_dashboard .uace_modal .uace_modal_content .uace_modal_minimize,
.vgi360_dashboard .uace_modal .uace_modal_content .uace_modal_pin {
    color: #aaaaaa;
    cursor: pointer;}

.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: #000;
    text-decoration: none;}

/* Btn > Pin Active */
.vgi360_dashboard .uace_modal .uace_modal_content .uace_modal_pin .active,
.vgi360_dashboard .uace_modal.uacem_vgi360side .uace_modal_content .uace_modal_pin .active {color: #1473e6;}

/* -------------------------------------------
CSA > Modal > Inline */

body.vgi360_dashboard .uace_modal.uacem_inline {
    top:50px;
    min-height: 40px;}

body.vgi360_dashboard .uace_modal.uacem_inline, 
body.vgi360_dashboard .uace_modal.uacem_inline .uace_modal_overlay {
    height: auto;
    bottom:auto;}

body.vgi360_dashboard .uace_modal.uacem_inline .uace_modal_overlay,
body.vgi360_dashboard .uace_modal.uacem_inline .uace_modal_content .uace_modal_close,
body.vgi360_dashboard .uace_modal.uacem_inline .uace_modal_content .uace_modal_expand,
body.vgi360_dashboard .uace_modal.uacem_inline .uace_modal_content .uace_modal_change_side,
body.vgi360_dashboard .uace_modal.uacem_inline .uace_modal_content .uace_modal_minimize,
body.vgi360_dashboard .uace_modal.uacem_inline .uace_modal_content .uace_modal_pin,
body.vgi360_dashboard .uace_modal.uacem_inline .uace_modal_content .uace_modal_title {display: none;}

body.vgi360_dashboard .uace_modal.uacem_inline .uace_modal_content {
    width: 100%;
    max-width: 100%;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    border-radius:0px;
    min-height: 50px;
    border: 1px solid #ccc;
    border-left:0px solid transparent;
    border-right:0px solid transparent;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);}

body.vgi360_dashboard .uace_modal.uacem_inline .uace_modal_content .modal_area {
    box-sizing: border-box;
    margin: 0px 0px 0px 0px;
    padding: 0px 3% 0px 3%;
    position: relative;
    width: 100%;}

body.vgi360_dashboard .uace_modal.uacem_inline .cont_set {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
    min-height: 50px;
    float:left;}

body.vgi360_dashboard .uace_modal.uacem_inline .set {
    display: inline-block;
    float:left;
    margin: 0px 10px 0px 10px;}

body.vgi360_dashboard .uace_modal.uacem_inline .set .set_title {
    position: relative;
    width: 100%;
    padding: 8px 10px 0px 10px;
    text-align: left;
    font-family: "OpenSans-Bold", sans-serif, arial;
    color: rgba(0, 0, 0, 0.5);
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);
    font-size: 14px;
    line-height: 16px;}

body.vgi360_dashboard .uace_modal.uacem_inline .set.floatr {float:right;}

body.vgi360_dashboard .uace_modal.uacem_inline .set .btn_light {
    margin: 5px 2px 5px 2px;
    padding: 5px 8px 5px 8px;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);}

body.vgi360_dashboard .uace_modal.uacem_inline .set .btn_light.btn_icona {padding: 5px 5px 5px 5px;}

body.vgi360_dashboard .uace_modal.uacem_inline .set .vgi360_btn_close_modal {margin-left:20px;}

/* -----------------------------------------------------------------
CSA > Modal Search bar > Minimal */

body.vgi360_dashboard .uace_modal.uacem_search_minimal .uace_modal_flexbox {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: auto;
    height: auto;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .uace_modal_content {
    padding: 0px 0px 0px 0px;
    margin: 40vh auto 0px auto;
    border: 0px solid transparent;
    background-color: transparent;
    box-shadow: none;
    line-height: 0px;
    min-height: 0px;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .uace_modal_flexbox .uace_modal_content {margin: 0px 0px 40px 0px;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .uace_modal_content .uace_modal_close {
    margin: 0px 0px 0px 0px;
    position: absolute;
    line-height: 25px;
    top: 10px;
    right: 10px;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .vgi360_item_overlay {border-radius: 5px;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .uace_modal_content .modal_area {margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .title_box {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
    margin: 0px auto 5px auto;
    display: none;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal.uacem_print_report .title_box {display: block;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal.uacem_print_report .uace_modal_close {top:30px;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_box {
    display: inline-block;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_box:before {
    content:'';
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    border:1px solid #ddd;
    z-index: 0;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal input[type="text"] {
    position: relative;
    width:100%;
    height: 45px;
    font-size: 16px;
    padding: 10px 35px 10px 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: 5px;
    transition: 0.2s ease all;
    z-index: 1;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal input[type="text"]:focus {
    border: 2px solid #2285ff;
    transition: 0.2s ease all;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .btn_search {
    position: absolute;
    top:0px;
    left:0px;
    margin: 7px 10px 7px 10px;
    right:auto;
    bottom:auto;
    z-index: 5;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options {
    position: relative;
    width: 100%;
    height: auto;
    line-height: 20px;
    text-align: left;
    border-radius: 5px;
    padding: 5px 5px 5px 5px;
    margin: 0px auto 0px auto;
    border: 1px solid #ddd;
    background-color: #fefefe;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box {
    position: relative;
    display: inline-block;
    float:left;
    width: 100%;
    height: auto;
    padding: 5px 5px 5px 5px;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box.ob_x2 {width: 50%;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box .opt_item {
    display: inline-block;
    text-align: left; /* Default LEFT */
    width: 100%;
    float:left;}

/* Columns */
body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box.opt_col_x2 .opt_item,
body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box.opt_col_x4 .opt_item.opt_col_x2 {width: 50%;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box.opt_col_x4 .opt_item,
body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box.opt_col_x2 .opt_item.opt_col_x4 {width: 25%;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box .opt_item.space {padding: 5px 5px 5px 5px;}

/* DB Data */
body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box .opt_item.dbdata {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    padding: 5px 5px 5px 5px;}

body.vgi360_dashboard .uace_modal .query_totals .box_totals .data_totals.dt_topline,
body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box .opt_item.dbdata.dbd_title {border-top:1px solid #ccc;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box .opt_item.dbdata.dbd_title {
    width: 100%;
    font-weight: bold;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box .opt_item.dbdata.dbd_val {font-weight: bold;}


body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box .opt_box_label,
body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box .opt_box_text {
    width: 100%;
    padding: 0px 0px 5px 0px;
    position: relative;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box .opt_box_text {
    border-radius: 5px;
    border:1px solid #ddd;
    padding: 10px 5px 10px 5px;
    margin:10px 0px 10px 0px;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box .opt_box_label .icon_top_right {
    position: absolute;
    top:-5px;
    right:-5px;
    z-index: 5;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box .opt_box_label .btn_show_text {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box .opt_box_label .btn_show_text.active {color: #3485aa;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box label {
    display: inline-block;
    cursor: pointer;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_box,
body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options {
    margin: 0px auto 5px auto;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);}

body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box.hidden,
body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box .opt_item.hidden {display: none;}

/* Totals */
body.vgi360_dashboard .uace_modal .query_totals.search_options.closed {
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none;}

body.vgi360_dashboard .uace_modal .query_totals .box_totals .data_totals.dt_topline {
    position: relative;
    display: block;}

body.vgi360_dashboard .uace_modal .query_totals .box_totals,
body.vgi360_dashboard .uace_modal .query_totals .opt_box.box_totals {display: none;}

body.vgi360_dashboard .uace_modal .query_totals .btn_show_query_totals .icon_show,
body.vgi360_dashboard .uace_modal .query_totals .btn_show_query_totals .icon_hide {display: none;}

body.vgi360_dashboard .uace_modal .query_totals .btn_show_query_totals .icon_show.active,
body.vgi360_dashboard .uace_modal .query_totals .btn_show_query_totals .icon_hide.active {display: inline-block;}

/* Show Title Box */
body.vgi360_dashboard .uace_modal.uacem_search_minimal.show_title_box .title_box {display: block;}

body.vgi360_dashboard .uace_modal.uacem_search_minimal.show_title_box .uace_modal_content .uace_modal_close {top:35px;}

/* -----------------------------------------------------------------
CSA > Modal > POI Tool */

body.vgi360_dashboard .uace_modal.uacem_poi_tool {
    width: auto;
    height: auto;
    top: 120px;
    right: 20px;
    left:auto;
    bottom:auto;
    z-index: 9000;
    overflow: visible;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool.upt_left {
    left: 20px;
    right: auto;}

/* with_scrollbars */
body.vgi360_dashboard .vgi360_item.with_scrollbars .uace_modal.uacem_poi_tool {right: 30px;}

body.vgi360_dashboard .vgi360_item.with_scrollbars .uace_modal.uacem_poi_tool.upt_left {right: auto;}

body.vgi360_dashboard.fullscreen.vgi360_db_only_content .uace_modal.uacem_poi_tool {top: 60px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content {
    width:370px;
    max-width: calc(100vw - 40px);
    min-height: 0px;
    line-height: 20px;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    border-radius: 12px;
    border: 1px solid #dddddd;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.10);}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .btn_uace_view_minimized {
    position: absolute;
    top:0px;
    right:0px;
    left:auto;
    bottom:auto;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    z-index: 2;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .btn_uace_view_minimized .fa-window-minimize {
    position: relative;
    top: -5px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .uace_modal_title {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #dddddd;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 5px 0px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .uace_modal_title i {margin: 0px 0px 0px 0px;}
 
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .uace_modal_title .icon_vgi360 {
    width: 18px;
    height: 18px;
    margin: 0px 0px -2px 0px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area {
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    max-height: calc(100vh - 225px);
    overflow: auto;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area .search_bar_label,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area .row.search_bar_label,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area .input_field_label,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area .row.input_field_label {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area .search_bar,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area .row.search_bar {
    width: calc(100% - 4px);
    margin: 2px 2px 5px 2px;
    border-radius: 5px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area .input_field_box,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area .row.input_field_box {
    width: calc(100% - 6px);
    margin: 2px 3px 5px 3px;
    border-radius: 5px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area .search_bar input[type="text"],
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area .input_field_box input[type="text"] {border-radius: 5px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area .input_field_box input[type="text"].input_wide {
    padding: 6px 5px 6px 5px;
    width: 100%;}

body.vgi360_dashboard.fullscreen.vgi360_db_only_content .uace_modal.uacem_poi_tool .uace_modal_content .modal_area {max-height: calc(100vh - 175px);}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area select {
    width:100%;
    max-width: 100%;
    text-align: left;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area .row_title input[type="text"] {
    width:calc(100% - 6px);
    max-width: 100%; /* calc(100% - 15px); */
    background-color: transparent;
    border:1px solid transparent;
    border-bottom: 1px dotted #666666;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: 0px 0px 0px 3px;
    text-align: left;}

/* Row Selected POI */
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area .row_selected_poi .poi_selected_btn {
    user-select: none;
    cursor:pointer;
    position: relative;
    display: inline-block;
    line-height: 20px;
    margin: 8px 5px 5px 8px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area .row_selected_poi .poi_selected_btn:hover {color: #1473e6;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area .row_selected_poi .poi_selected_btn:hover .icon_vgi360 {background-color: #1473e6;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .modal_area .row_selected_poi ul.poi_list {margin: 0px 0px 5px 0px;}

/* Minimized Mode */
body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_minimized_mode .uace_modal_content {
    padding: 8px 10px 8px 10px;
    overflow: hidden;
    opacity: 0.8;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_minimized_mode .uace_modal_content .uace_modal_title {
    font-size: 14px;
    line-height: 20px;
    border-bottom: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_minimized_mode .uace_modal_content {width: 200px;}

/* Items */
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .separator,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .row.separator,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .spacer,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .row.spacer,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .row.action {
    margin-top:5px;
    padding-top:5px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .separator,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .row.separator,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .row.action {border-top:1px solid #dddddd;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .row.notice {
    border-radius: 5px;
    padding: 5px 5px 5px 5px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .row_colors .color_picker {max-height: 266px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .row_colors .color_picker.active {margin-top: 5px;}

/* body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .row.action {margin-top:0px;} */

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .color_view {
    position: relative; 
    display: inline-block;
    width:18px; 
    height:18px;
    border:1px solid #dddddd;
    border-radius: 2px;
    overflow: hidden;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .color_view .cv_color,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .color_view .cv_back {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .color_view,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .color_view .cv_color,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .color_view .cv_back {
    background: transparent;
    background-color: transparent;
    background-repeat: repeat;
    background-position: center;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .color_view .cv_back {
    background-image:url(../images/colors/empty.png);
    z-index: -1;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .btn_light .color_view {margin: 0px 0px -4px 0px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .btn_light.btn_view_color:hover {transform: scale(0.98);}

/* Spectrum */
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .sp-container.sp-flat {
    position: relative;
    z-index: 1;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .sp-container.sp-light {
    border:1px solid #dddddd;
    background-color: transparent;
    box-shadow: none;
    border-radius: 2px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .sp-container.sp-light .sp-palette-container {border-right:1px solid #dddddd;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .sp-container.sp-light input[type="text"] {padding:5px 5px 5px 5px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .sp-container.sp-light .sp-cancel,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .sp-container.sp-light .sp-choose {
    color: #525252 !important;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #dddddd;
    border-radius: 15px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .sp-container.sp-light .sp-cancel:hover,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .sp-container.sp-light .sp-cancel:focus,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .sp-container.sp-light .sp-choose:hover,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .sp-container.sp-light .sp-choose:focus {
    color: #ffffff !important;
    border: 1px solid #2285ff;
    background-color: #2285ff;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .row .title_name {
    position: relative;
    width: 100%;
    margin:2px 0px 2px 0px;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 5px;
    transition: 0.2s ease all;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .row .title_name:hover {
    text-overflow:inherit;
    overflow: auto;
    word-wrap:break-word;
    transition: 0.2s ease all;}

/* -----------------------------------------------------------------
CSA > Modal > POI Tool > Draw */

body.vgi360_dashboard .uace_modal.uacem_draw_shape_poi .uace_modal_content {
    width: 340px;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.20);}

body.vgi360_dashboard .uace_modal.uacem_draw_shape_poi .uace_modal_content input.shape_name {font-size: 14px;}

body.vgi360_dashboard .uace_modal.uacem_draw_shape_poi .uace_modal_content .row_shapes_mode .btn_light.btn_minimal {
    margin: 3px 3px 3px 3px;
    padding: 5px 5px 5px 5px;}

body.vgi360_dashboard .uace_modal.uacem_draw_shape_poi .uace_modal_content .row_shapes_mode .btn_light.opt_allowed.active .btn_text {font-size: 13px;}

/*
body.vgi360_dashboard .uace_modal.uacem_draw_shape_poi .uace_modal_content .row_shapes_mode .btn_light .btn_text {display: none;}

body.vgi360_dashboard .uace_modal.uacem_draw_shape_poi .uace_modal_content .row_shapes_mode .btn_light.opt_allowed.active .btn_text {display: inline-block;}
*/

/* -----------------------------------------------------------------
Modal Highlight */

body.vgi360_dashboard .uace_modal .uace_modal_content,
body.vgi360_dashboard .uace_modal .uace_modal_content.show_modal_highlight {transition: 0.2s ease all;}

@keyframes modal_flashes {
    0%, 100% {border: 1px solid rgba(34, 133, 255, 0.2);}
    50%  {border: 1px solid rgb(34, 133, 255);}
}

body.vgi360_dashboard .uace_modal .uace_modal_content.show_modal_highlight {
    border: 1px solid rgb(34, 133, 255);
    box-shadow: 0px 3px 6px 0px rgba(34, 133, 255, 0.1);
    -webkit-animation:modal_flashes 1s linear infinite;
    -moz-animation:modal_flashes 1s linear infinite;
    animation:modal_flashes 1s linear infinite;}

/* -----------------------------------------------------------------
CSA > Modal > POI Tool > Multiple Selection Poi */

body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_multiple_selection_poi .uace_modal_content .row.action {
    border-top: 0px solid transparent;
    margin-top: 0px;
    padding-top: 0px;}

/* -----------------------------------------------------------------
CSA > Modal > POI Tool > Options Title */

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .opt_title {
    position: relative;
    display: block;
    padding: 0px 0px 5px 0px;
    font-size: 16px;
    line-height: 20px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .opt_title [tooltip] {
    display: inline-block;
    max-width: 100%;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .opt_title.hidden,
body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .opt_title [tooltip].hidden {display: none;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .opt_title [tooltip-position='top'] {min-width: 180px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .opt_title .iconinfo {
    font-size: 80%;
    opacity: 0.3;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool .uace_modal_content .opt_title:hover .iconinfo {opacity: 0.8;}

/* -----------------------------------------------------------------
CSA > Modal > POI Tool > Draw Shape Poi */

/* Row Shapes Mode */
body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .row_shapes_mode .btn_light.active {color:#1473e6;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .row_shapes_mode .btn_light.opt_notallowed {
    cursor: not-allowed;
    opacity: 0.5;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .row_shapes_mode .box_edit_shape_items {
    position: relative; 
    display: inline-block;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .row_shapes_mode .shapes_counter {
    position: absolute;
    top: -5px;
    right: -10px;
    padding: 5px 0px 5px 0px;
    margin: 0px 5px 0px 5px;
    letter-spacing: 0px;
    font-size: 12px;
    opacity: 0.6;
    cursor: pointer;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .row_shapes_mode .shapes_counter:hover {opacity: 0.9;}

/* Set Line Weight */
body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .set_line_weight {
    position: relative;
    display: inline-block;
    margin: 3px 3px 3px 3px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .set_line_weight.hidden {display: none;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .set_line_weight label {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .set_line_weight input[type="number"] {
    width:65px;
    min-width: 0px;
    max-width: 100%;
    padding: 5px 10px 5px 10px;
    margin: 0px 0px 0px 0px;
    border-radius:15px;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .set_line_weight.with_icon input[type="number"] {
    width: 85px;
    padding: 5px 10px 5px 30px;}

/* Icon Input + BTN */
body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .set_line_weight.with_icon .icon_input,
body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .set_line_weight.with_icon .btn_action {
    position: absolute;
    top: 1px;
    left: 1px;
    font-size: 14px;
    width: 30px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    opacity: 0.8;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .set_line_weight.with_icon .btn_action {
    top: 0px;
    left: 0px;
    cursor: pointer;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .set_line_weight.with_icon .icon_input .icon_vgi360 {
    width: 20px; 
    height: 20px;
    margin: 6px 0px 0px 0px;}

/* Active - btn_minimalblu */
body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .set_line_weight.btn_minimalblu input[type="number"] {
    color: #333333;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #2285ff;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .set_line_weight.btn_minimalblu .icon_input {color: #2285ff;}

body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .set_line_weight.btn_minimalblu .icon_input .icon_vgi360 {background-color: #2285ff;}

/* ReadOnly */
body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .set_line_weight input[readonly="readonly"] {
    color: #333;
    background-color: #eaeaeacc;
    cursor:not-allowed;}

/* Bad Value */
body.vgi360_dashboard .uace_modal.uacem_poi_tool.uacem_draw_shape_poi .uace_modal_content .set_line_weight input[type="number"].bad_value {
    color: #ff0000;
    -webkit-text-fill-color: #ff0000;}

/* -----------------------------------------------------------------
Modal > Saving Notes */

body.vgi360_dashboard .uace_modal .um_notes .one_note {margin: 0px 2px 0px 2px;}

body.vgi360_dashboard .uace_modal .um_notes .one_note .info {padding: 0px 0px 0px 20px;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_item .um_notes {line-height: 20px;}


/* -----------------------------------------------------------------
Modal > Slim */

body.vgi360_dashboard .uace_modal.uacem_slim .row.title {
    border-bottom: 1px solid #ddd;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 2px 0px;}

body.vgi360_dashboard .uace_modal.uacem_slim .row label {
    position: relative;
    display: block;}

body.vgi360_dashboard .uace_modal.uacem_slim .row label .icon_label {
    opacity: 0.6;
    transition: 0.2s ease all;}

body.vgi360_dashboard .uace_modal.uacem_slim .row [tooltip]:hover .icon_label,
body.vgi360_dashboard .uace_modal.uacem_slim .row label[tooltip]:hover .icon_label {
    opacity: 1;
    transition: 0.2s ease all;}

body.vgi360_dashboard .uace_modal.uacem_slim .nopadding {
    padding-left:0px !important; 
    padding-right:0px !important;}

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

body.vgi360_dashboard .uace_modal.uacem_slim .row input[type="text"],
body.vgi360_dashboard .uace_modal.uacem_slim .row input[type="number"], 
body.vgi360_dashboard .uace_modal.uacem_slim .row input[type="date"], 
body.vgi360_dashboard .uace_modal.uacem_slim .row input[type="time"], 
body.vgi360_dashboard .uace_modal.uacem_slim .row input[type="email"], 
body.vgi360_dashboard .uace_modal.uacem_slim .row input[type="tel"], 
body.vgi360_dashboard .uace_modal.uacem_slim .row input[type="password"] {
    width: 100%;
    padding: 3px 3px 3px 3px;}

/* -----------------------------------------------------------------------------
Input Icon */

body.vgi360_dashboard .input_text_icon {
    position: relative;
    display: block;}

body.vgi360_dashboard .input_text_icon input[type="text"],
body.vgi360_dashboard .input_text_icon input[type="number"], 
body.vgi360_dashboard .input_text_icon input[type="date"], 
body.vgi360_dashboard .input_text_icon input[type="time"], 
body.vgi360_dashboard .input_text_icon input[type="email"], 
body.vgi360_dashboard .input_text_icon input[type="tel"], 
body.vgi360_dashboard .input_text_icon input[type="password"] {
    padding-left: 30px !important;
    z-index: 1;}

body.vgi360_dashboard .input_text_icon .iti_icon {
    position: absolute;
    top:7px;
    left:10px;
    right:auto;
    bottom:auto;
    cursor:pointer;
    z-index: 2;}

/* -----------------------------------------------------------------------------
Upload Area */

body.vgi360_dashboard .upload_area {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    border-radius: 2px;
    background-color: #fff;
    border: 2px dashed #0087F7;
    line-height: 30px;
    font-size: 15px;
    overflow: hidden;
    color:#333;}

body.vgi360_dashboard .upload_area label {
    position: relative;
    padding: 0px 0px 0px 0px;
    /* padding: 15px 10px 15px 10px; */
    width: 100%;
    height: auto;}

body.vgi360_dashboard .upload_area label .upload_label {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: 40px;
    padding: 10px 10px 0px 10px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    text-align: center;
    top:0px;
    left:0px;
    right:0px;
    bottom:auto;
    z-index: 1;}

body.vgi360_dashboard .upload_area label input[type="file"] {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow: hidden;
    padding: 45px 10px 15px 10px; /* Drop Area */
    margin: 0px 0px 0px 0px;
    text-align: center;
    background-color: transparent;
    -webkit-text-fill-color: #555555;
    color: #555555;
    z-index: 2;}

body.vgi360_dashboard .upload_area label,
body.vgi360_dashboard .upload_area label input[type="file"],
body.vgi360_dashboard .upload_area label .upload_label {cursor:pointer;}

/* Upload Directory */
body.vgi360_dashboard .vgi360_docs .new_doc .ld_item.upload_directory {
    position: relative;
    width: calc(100% - 4px);
    height: auto;
    text-align: left;
    line-height: 18px;
    font-size: 14px;
    padding: 0px 0px 0px 0px;
    margin: 3px 2px 3px 2px;
    border: 1px solid #ccc;
    border-radius: 3px;
    transition: 0.2s ease all;
    z-index: 5;}

body.vgi360_dashboard .vgi360_docs .new_doc .ld_item.upload_directory .sep,
body.vgi360_dashboard .vgi360_docs .new_doc .ld_item.upload_directory .info {
    margin: 0px 0px 0px 7px;
    transition: 0.2s ease all;
    user-select: none;
    opacity: 0.7;}

body.vgi360_dashboard .vgi360_docs .new_doc .ld_item.upload_directory .info {cursor:help;}

body.vgi360_dashboard .vgi360_docs .new_doc .ld_item.upload_directory:focus .sep,
body.vgi360_dashboard .vgi360_docs .new_doc .ld_item.upload_directory:hover .sep,
body.vgi360_dashboard .vgi360_docs .new_doc .ld_item.upload_directory:focus .info,
body.vgi360_dashboard .vgi360_docs .new_doc .ld_item.upload_directory:hover .info {opacity: 1;}

body.vgi360_dashboard .vgi360_docs .new_doc .ld_item.upload_directory .link {
    display: inline-block;
    margin: 0px 2px 0px 2px;
    padding: 5px 5px 5px 5px;
    opacity: 0.6;
    transition: 0.2s ease all;
    user-select: none;
    cursor:pointer;}

body.vgi360_dashboard .vgi360_docs .new_doc .ld_item.upload_directory .link:focus,
body.vgi360_dashboard .vgi360_docs .new_doc .ld_item.upload_directory .link:hover {
    color:#2285ff;
    opacity: 0.95;}

/* -----------------------------------------------------------------------------
Modal > Docs > Upload */

body.vgi360_dashboard .uace_modal.uacem_multi_upload .uace_modal_content .modal_area,
body.vgi360_dashboard .uace_modal.uacem_multi_upload.uacem_vgi360info .uace_modal_content .modal_area {min-height: 0px;}

body.vgi360_dashboard .uace_modal.uacem_multi_upload .txt_info {text-align: left;}

body.vgi360_dashboard .uace_modal.uacem_multi_upload .box_file_list {
    position: relative;
    max-height: 40vh;
    overflow: auto;
    text-align: left;
    line-height: 20px;
    border:1px solid #ccc;
    padding: 10px 10px 10px 10px;
    transition: 0.2s ease all;}

body.vgi360_dashboard .uace_modal.uacem_multi_upload .box_file_list:hover {
    border: 1px solid #2285ff;
    transition: 0.2s ease all;}

body.vgi360_dashboard .uace_modal.uacem_multi_upload ul.file_list {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal.uacem_multi_upload ul.file_list li {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal.uacem_multi_upload .file-name,
body.vgi360_dashboard .uace_modal.uacem_multi_upload .file-progress {
    width: 100%;
    height: auto;
    display: block;}

body.vgi360_dashboard .uace_modal.uacem_multi_upload .upload_complete {}

/* -----------------------------------------------------------------
Modal > Invoice */

body.vgi360_dashboard .uace_modal.uacem_manage_invoice .uace_modal_content {
    padding: 20px 20px 20px 20px;
    width: 95%;
    max-width: 600px;}

/* body.vgi360_dashboard .uace_modal.uacem_manage_invoice .uace_modal_content .uace_modal_expand {top:5px;} */

body.vgi360_dashboard .uace_modal.uacem_manage_invoice .uace_modal_content .modal_area {margin: 30px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal.uacem_manage_invoice .uace_modal_content .cont_iframe {height: 770px;}

body.vgi360_dashboard .uace_modal.uacem_manage_invoice .uace_modal_content .uace_modal_close, 
body.vgi360_dashboard .uace_modal.uacem_manage_invoice .uace_modal_content .uace_modal_expand {padding:10px 10px 10px 10px;}

body.vgi360_dashboard .uace_modal.uacem_manage_invoice .uace_modal_content.uacem_is_expanded .cont_iframe {height: calc(90vh - 180px);}

/* -----------------------------------------------------------------
Simple Confirmation */

body.vgi360_dashboard .box_simple_conf {
    position: absolute;
    display: block;
    top:auto;
    bottom:-20px;
    left:0px;
    right:auto;
    bottom:auto;
    line-height: 15px;
    padding: 0px 5px 0px 5px;
    font-size:14px;
    display: none;}

body.vgi360_dashboard .btn_light .box_simple_conf {
    text-align: center;
    top:auto;
    bottom:-15px;
    left:0px;
    right:0px;}

body.vgi360_dashboard .box_simple_conf.bsc_highlights {
    color:#2285ff;
    text-shadow :0px 0px 0px rgba(0, 0, 0, 0.05);
    transition: 0.2s ease all}

/* -----------------------------------------------------------------
Row Collapse BTN */

body.vgi360_dashboard .row_collapse_btn {
    cursor:pointer;
    user-select: none;}

body.vgi360_dashboard .row_collapse_btn .rcb_status,
body.vgi360_dashboard .row_collapse_btn .rcb_title {
    position: relative;
    display: inline-block;}

/* -----------------------------------------------------------------
Row Confirm */

body.vgi360_dashboard .row_confirm,
body.vgi360_dashboard .row_confirm_area {
    position: relative;
    width: 100%;
    height: auto;}

body.vgi360_dashboard .row_confirm {padding: 5px 15px 5px 15px;}

body.vgi360_dashboard .row_confirm_area .row_confirm {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    line-height: 30px;
    margin: 5px 0px 0px 0px;
    border-top: 1px solid #ddd;
    background-color: #fefefe;
    z-index: 5;}

/* -----------------------------------------------------------------
Modal > Row Data */

body.vgi360_dashboard .uace_modal .uace_modal_content .row_data {
    margin: 0px 0px 0px 0px;
    font-size: 16px;
    line-height: 20px;}

body.vgi360_dashboard .uace_modal .uace_modal_content .row_data .rd_box {
    position: relative;
    display: inline-block;
    width: 100%;
    padding:0px 5px 0px 5px;
    float:left;}

body.vgi360_dashboard .uace_modal .uace_modal_content .row_data .rdb_x2 {width: 50%;}

body.vgi360_dashboard .uace_modal .uace_modal_content .row_data .rdb_x4 {width: 25%;}

body.vgi360_dashboard .uace_modal .uace_modal_content .row_data .rd_box .pointer {
    max-height: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}

/* -----------------------------------------------------------------
Textarea Counter > Hover */

body.vgi360_dashboard .counter_hover .textarea_counter {
    display: block;
    position: absolute;
    text-align: right;
    line-height: 14px;
    font-size: 14px;
    user-select: none;
    right: 10px;
    bottom: 10px;
    top:auto;
    left:auto;
    opacity: 0.7;
    border-radius: 5px;
    padding:5px 5px 5px 5px;
    background-color: transparent;
    transition:0.2s ease all;}

body.vgi360_dashboard .counter_hover .textarea_counter:hover {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.9);
    transition:0.2s ease all;}

/* -----------------------------------------------------------------
Modal > Commission Request */

/* Items border in hover */
body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content .modal_area {padding:0px 5px 0px 5px;}

body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content .row_notice.owner_notice {
    margin: 0px 0px 0px 0px;
    padding: 5px 30px 5px 30px; /* step_number */
    line-height: 20px;
    font-size: 15px;
    border-radius: 5px;
    border:1px solid #e0e0e0;
    background-color: #f0f0f0;
    user-select: none;
    z-index: 1;}

body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content .step_number {
    position: absolute;
    user-select: none;
    top:10px;
    right: 10px;
    text-align: right;
    left:auto;
    bottom:auto;
    opacity: 0.8;
    z-index: 2;}

body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content .step_number.sn_l {
    right: auto;
    text-align: left;
    left:10px;}

body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content .step_number.txt_admin {opacity: 0.8;}

body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content .step_number.txt_admin:hover {opacity: 1;}

body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content h1,
body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content h2,
body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content h3,
body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content h4,
body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content h5,
body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content h6 {padding:10px 30px 10px 30px;} /* step_number */

body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content .row_form label{
    display: block;
    width: 100%;}

body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content .row_form input[type="text"],
body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content .row_form input[type="number"] {width: 100%;}

body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content .row_form textarea {
    position: relative;
    width: 100%;
    margin: 5px auto 5px auto;
    padding: 5px 10px 5px 10px;
    text-align: left;
    min-height: 80px;}

body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content .row_note .row_message {
    position: relative;
    width: 100%;
    margin: 5px auto 5px auto;
    padding: 10px 5px 10px 5px;
    text-align: left;
    border: 0px solid transparent;
    border-radius:3px;}

body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content .row_request_summary .cont_iframe {
    width: 80%;
    margin: 0px auto 0px auto;}

/* Txt Data */
body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content .txt_data {
    display: inline-block;
    line-height: 20px;
    min-height: 20px;}

/* Row > Manage */
body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content .row_manage {
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    margin:5px auto 5px auto;
    background-color: rgba(227, 201, 54, 0.1);
    border:2px solid rgba(227, 201, 54, 0.7);}

body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content .row_manage .rm_button {
    cursor:pointer;
    user-select: none;}

body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content .row_manage .row.rm_button {margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal.uacem_commission_request .uace_modal_content .row_manage .rm_button .rm_status {display: inline-block;}

/* -----------------------------------------------------------------
CSA > Elements */

body.vgi360_dashboard .vgi360_work_priority {
    display: inline-block;
    max-width: 90px;
    padding: 2px 2px 2px 2px;}
body.vgi360_dashboard .vgi360_work_priority input[type="number"] {max-width: 50px;}

body.vgi360_dashboard .vgi360_set_working_time {
    position: relative;
    width: 110px;}

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

body.vgi360_dashboard .vgi360_manage_works .vgi360_work_info {
    position: relative;
    display: inline-block;
    padding: 0px 35px 0px 0px;}

body.vgi360_dashboard .vgi360_manage_works .vgi360_work_info .btn_icona {
    position: absolute;
    top:0px;
    right:0px;
    left: auto;
    bottom: auto;
    margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_items label {display: inline-block;}

body.vgi360_dashboard .vgi360_items .btn_light {margin: 3px 3px 3px 3px;}

body.vgi360_dashboard .vgi360_items .btn_light label {cursor: pointer;}

body.vgi360_dashboard .vgi360_items .txt_bold {font-weight:bold;}

body.vgi360_dashboard .vgi360_items .txt_grey {color:#666;}

body.vgi360_dashboard .vgi360_items .txt_black {color:#000000;}

body.vgi360_dashboard .vgi360_items .txt_blu {color:#0045ff;}

body.vgi360_dashboard .vgi360_items .txt_green {color:#64a8ab;}

body.vgi360_dashboard .vgi360_items .txt_yellow {color:#ffba00;}

body.vgi360_dashboard .vgi360_items .strong {
    font-family: "OpenSans-Bold", sans-serif, Arial;
    font-weight: normal;}

body.vgi360_dashboard .vgi360_items .normal {
    font-family: "OpenSans-Regular", sans-serif, Arial;
    font-weight: normal;}

/* -------------------------------------------
Simple Link */

.simple_link, a.simple_link {
    color: #1473e6;
    outline: none;
    margin: 0px 10px 0px 10px;
    padding: 0px 5px 0px 5px;}

.simple_link:hover, a.simple_link:hover {color: #227be6;}

.simple_link, a.simple_link,
.simple_link:hover, a.simple_link:hover {transition: 0.2s ease all;}

/* -------------------------------------------
Buttons */

.btn_square {
    display: inline-block;
    position: relative;
    cursor: pointer;}

/* Btn Square > x3 */
.btn_square,
.select_media.btn3 .btn_square {width: 100px;} 

/* Btn Square > x2 */
.select_media.btn2 .btn_square {
    width: 100px;
    margin-left:25px;
    margin-right:25px;}

/* Btn Square > x4 */
.select_media.btn4 .btn_square {width: 75px;}

.btn_square:before {
    content: "";
    display: block;
    padding-top: 100%;}

.btn_square i,
.btn_square [tooltip] {
    position: absolute;
    width: auto;
    height: auto;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    padding: 5px 5px 5px 5px;}

.btn_square .btn_label {
    position: absolute;
    width: auto;
    top:auto;
    left:0px;
    right:0px;
    bottom:-30px;
    min-height: 30px;
    line-height: 15px;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;}

.btn_square.with_label {margin: 0px 0px 40px 0px;}

/* -------------------------------------------
Bootstrap > Tooltip */

body.vgi360_dashboard .tooltip .tooltip-inner {max-width: 500px;}

/* -------------------------------------------
Tooltip */

body.vgi360_dashboard [tooltip].tt_hover_area_top {
    display: inline-block;
    width: 150px;
    max-width: 100%;}

body.vgi360_dashboard [tooltip].tt_hover_area_top::before {content: none;}

body.vgi360_dashboard [tooltip].tt_info_manager {display: inline-block;}

body.vgi360_dashboard [tooltip] {z-index: 1;}

body.vgi360_dashboard [tooltip].tt_small::after {min-width: 50px;}

body.vgi360_dashboard [tooltip].tt_smallx2::after {min-width: 120px;}

body.vgi360_dashboard [tooltip].tt_big::after {min-width: 280px;}

body.vgi360_dashboard [tooltip].tt_mid::after {min-width: 200px;}

body.vgi360_dashboard [tooltip].tt_middle::after {min-width: 245px;}

body.vgi360_dashboard [tooltip].tt_delete_notice::after {min-width: 60px;}

body.vgi360_dashboard [tooltip].tt_info_manager.tt_mid::after {min-width: 200px;}

body.vgi360_dashboard [tooltip].tt_info_manager::after {min-width: 310px;}

body.vgi360_dashboard [tooltip].tt_num_net::after {min-width:100px;}

body.vgi360_dashboard [tooltip].tt_min_am::after {min-width: 160px;}

body.vgi360_dashboard [tooltip].tt_final_cus_data::after {min-width: 230px;}

body.vgi360_dashboard [tooltip].tt_public_id::after {min-width: 180px;}

body.vgi360_dashboard [tooltip].tt_business_paid::after {min-width: 170px;}

body.vgi360_dashboard [tooltip].tt_business_loaded::after {min-width: 160px;}

body.vgi360_dashboard [tooltip].tt_business_royalty::after {min-width: 200px;}

body.vgi360_dashboard [tooltip].tt_info_assignments::after {min-width: 140px;}

body.vgi360_dashboard [tooltip].tt_info_works::after {min-width: 130px;}

body.vgi360_dashboard [tooltip].tt_dl_eclc::after {min-width: 250px;}

body.vgi360_dashboard [tooltip].tt_delivery_hours_time::after {min-width: 250px;}

body.vgi360_dashboard [tooltip].tt_autoblock_info::after {min-width: 220px;}

/* -------------------------------------------
Datetimepicker */

body.vgi360_dashboard .vgi360_dtp,
body.vgi360_dashboard .vgi360_dtp_date,
body.vgi360_dashboard .vgi360_dtp_time {
    max-width: 200px;
    margin: 1px 0px 1px 0px;
    display: inline-block;}

body.vgi360_dashboard .vgi360_dtp_date {max-width: 120px;}

body.vgi360_dashboard .vgi360_dtp_time {max-width: 80px;}

/* -----------------------------------------------------------------------------
Checkbox Toggle */

body.vgi360_dashboard .btn_checkbox_toggle {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 16px;
    line-height: 20px;
    background-color: transparent;}

body.vgi360_dashboard .btn_checkbox_toggle label,
body.vgi360_dashboard .btn_checkbox_toggle input[type='checkbox'] {
    position: relative;
    width: 25px;
    height: 25px;}

body.vgi360_dashboard .btn_checkbox_toggle input[type='checkbox'] {opacity: 0;}

body.vgi360_dashboard .btn_checkbox_toggle .icon,
body.vgi360_dashboard .btn_checkbox_toggle .icon:after {
    text-align: center;
    position: absolute;
    cursor:pointer;
    display: inline-block;
    font-weight: bold;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index: 1;}

body.vgi360_dashboard .btn_checkbox_toggle .icon {
    color: #666;
    border: 2px solid transparent;
    border-radius: 50%;
    transition: 0.2s ease all;}

body.vgi360_dashboard .btn_checkbox_toggle .icon:hover {
    color: #2285ff;
    border: 2px solid #2285ff;
    border-radius: 50%;
    transition: 0.2s ease all;}

body.vgi360_dashboard .btn_checkbox_toggle .icon:after {
    content: attr(data-notchecked);}

body.vgi360_dashboard .btn_checkbox_toggle input[type='checkbox']:checked ~ .icon:after {
    content: attr(data-checked);}

/* -------------------------------------------
Select */

body.vgi360_dashboard select.select_minimal_circle,
body.vgi360_dashboard .select_minimal_circle select {
    color: #525252;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #ccc;
    background-image: url(../images/select/freccia_select_giu_b.png);
    background-position: 98% 55%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    max-width: 150px;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    overflow: hidden;}

body.vgi360_dashboard select.select_minimal_circle option,
body.vgi360_dashboard .select_minimal_circle select option {background: rgb(255, 255, 255);}

body.vgi360_dashboard select.select_wide,
body.vgi360_dashboard .select_minimal_circle select.select_wide {
    width: 100%;
    max-width: 100%;}

body.vgi360_dashboard .vgi360_docs .select_minimal_circle.with_icon {position: relative;}

body.vgi360_dashboard .vgi360_docs .select_minimal_circle.with_icon select {
    position: relative;
    font-size: 12px;
    padding:5px 20px 5px 25px;}

body.vgi360_dashboard .vgi360_docs .select_minimal_circle.with_icon .icon {
    position: absolute;
    top:5px;
    left:10px;
    bottom:auto;
    right:auto;
    color:#000000;
    height: 20px;
    width: 20px;
    line-height: 20px;}

body.vgi360_dashboard .ld_highlights select.select_minimal_circle,
body.vgi360_dashboard .ld_highlights .select_minimal_circle select {background-color: rgba(255, 255, 255, 0.8);}

/* -------------------------------------------
Item Wide */

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_wide,
body.vgi360_dashboard .vgi360_items.vgi360_items_box .vgi360_item.vgi360_wide {
    width: 100%;
    height: auto;
    line-height: 50px;
    min-height: 50px;}

body.vgi360_dashboard .vgi360_items.vgi360_items_box .vgi360_item.vgi360_wide {width: 99%;}

/* -------------------------------------------
Show Alert */

body.vgi360_dashboard .vgi360_items .vgi360_item .vgi360_show_alert {
    position: absolute;
    top:105%;
    left:0px;
    right:0px;
    bottom:auto;
    width: 90%;
    max-width: 250px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    line-height: 20px;
    font-size: 15px;
    padding: 3px 5px 3px 5px;
    margin: 0px auto 0px auto;
    border-radius: 5px;
    z-index: 1000;
    display: none;}

body.vgi360_dashboard .vgi360_items .vgi360_item .vgi360_show_alert:after {
    content: '';
    width:0px;
    height:0px;
    top:-15px;
    left:50%;
    right:0px;
    bottom: 100%;
    margin: 5px 0px 0px -5px;
    position: absolute;
    display: block;
    border: 5px solid transparent;
    border-bottom: 5px solid rgba(0, 0, 0, 0.7);}

/* -----------------------------------------------------------------
CSA Item > .hoverbox */

body.vgi360_dashboard .vgi360_items .vgi360_item {
    width: 100%;
    height:auto;
    position: relative;
    min-height: 50px;
    line-height: 40px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 15px 0px;
    background-color: rgb(253, 253, 253);
    border: 1px solid #ddd;
    /* box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2); */
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_item_nom {margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_items .vgi360_item .row.row_light {line-height: 20px;}

body.vgi360_dashboard .vgi360_items .vgi360_item.hover_box:hover,
body.vgi360_dashboard .vgi360_items .vgi360_item.hover_box:focus {
    background-color: rgb(255, 255, 255);
    border: 1px solid #84adff;
    box-shadow: 0px 2px 4px rgba(102, 153, 255, 0.4);
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_items .vgi360_item .vgi360_data {
    display: inline-block;
    float:left;
    box-sizing: border-box;
    padding: 5px 10px 5px 10px;}

body.vgi360_dashboard .vgi360_items .vgi360_item .vgi360_item_overlay {background-size: 50px 50px;}

/* -----------------------------------------------------------------
CSA Items > Box View */

body.vgi360_dashboard .vgi360_items.vgi360_items_box .vgi360_item {
    width: 19%;
    height:280px;
    position: relative;
    font-size: 16px;
    line-height: 30px;
    border-radius: 2px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0.5% 15px 0.5%;
    background-color: rgb(253, 253, 253);
    box-sizing: border-box;
    border: 1px solid #ddd;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    transform: 0.2s ease all;}

body.vgi360_dashboard .vgi360_items.vgi360_items_box .vgi360_item:hover,
body.vgi360_dashboard .vgi360_items.vgi360_items_box .vgi360_item:focus {
    background-color: rgb(255, 255, 255);
    border: 1px solid #84adff;
    box-shadow: 0px 3px 6px rgba(102, 153, 255, 0.4);
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_items.vgi360_items_box .vgi360_item .vgi360_data {
    display: inline-block;
    float:left;
    width: 100%;}

body.vgi360_dashboard .vgi360_items.vgi360_items_box .vgi360_item .vgi360_data.vgi360_title {
    position: absolute;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    color: #666;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    overflow: visible;}

/* Worker > Tooltip Static */
body.vgi360_dashboard .vgi360_items.vgi360_items_box .vgi360_item .tooltip.static {
    display: inline-block;
    min-width: 120px;}

body.vgi360_dashboard .vgi360_items.vgi360_items_box .vgi360_item .tooltip.static .tooltiptext {width: 120px;}

/* -----------------------------------------------------------------
Business > Networks */

body.vgi360_dashboard .vgi360_manage_networks_business .vgi360_balance {
    font-size: 16px;
    line-height: 20px;
    text-shadow: 2px 4px 6px rgba(0, 0, 0, 0.05);}

body.vgi360_dashboard .vgi360_manage_networks_business .acs-network-expiration-date .vgi360_balance {
    font-size: 16px;
    line-height: 20px;}

body.vgi360_dashboard .vgi360_manage_networks_business .vgi360_balance i.fa_trasp {opacity: 0.8;}

body.vgi360_dashboard .vgi360_manage_networks_business .vgi360_balance:hover i.fa_trasp {opacity: 1;}

body.vgi360_dashboard .vgi360_manage_networks_business .vgi360_balance.vgi360_b_positive i {color: #279340;}

body.vgi360_dashboard .vgi360_manage_networks_business .vgi360_balance.vgi360_b_alert i {color: #d4a007;}

body.vgi360_dashboard .vgi360_manage_networks_business .vgi360_balance.vgi360_b_negative i {color: #ba2e3b;}

body.vgi360_dashboard .vgi360_manage_networks_business .manage_acs_royalty,
body.vgi360_dashboard .vgi360_manage_networks_business .manage_acs_royalty input,
body.vgi360_dashboard .vgi360_manage_networks_business .manage_acs_royalty .value,
body.vgi360_dashboard .vgi360_manage_networks_business .manage_acs_rental,
body.vgi360_dashboard .vgi360_manage_networks_business .manage_acs_rental input,
body.vgi360_dashboard .vgi360_manage_networks_business .manage_acs_rental .value {display: inline-block;}

body.vgi360_dashboard .vgi360_manage_networks_business .manage_acs_royalty input,
body.vgi360_dashboard .vgi360_manage_networks_business .manage_acs_rental input {max-width: 100px;}

body.vgi360_dashboard .vgi360_manage_networks_business .manage_acs_royalty .value {width: 25px;}
body.vgi360_dashboard .vgi360_manage_networks_business .manage_acs_royalty {width: 130px;}

body.vgi360_dashboard .vgi360_manage_networks_business .manage_acs_rental .value {width: 60px;}
body.vgi360_dashboard .vgi360_manage_networks_business .manage_acs_rental {width: 165px;}

/* -----------------------------------------------------------------
My payments data > Modal */

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data .modal_area {margin: 20px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data .modal_area input.readonly {
    border:1px solid #cccccc;
    color:#adadad;
    background-color: #f0f0f0;
    box-shadow: none;
    cursor:default;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data .modal_area input.readonly_hidden {
    border: 1px solid transparent;
    color:#000000;
    background-color: transparent;
    box-shadow: none;
    cursor:default;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data .modal_area .info_text {
    width: 100%;
    line-height: 25px;
    font-size: 15px;
    color:#999;
    font-style: italic;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data input,
body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data select {
    background-color: rgb(255, 255, 255);
    border: 1px solid #ccc;
    box-shadow: none;
    transition: 0.2s ease all;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data input.vgi360_alert,
body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data select.vgi360_alert {
    border: 1px solid rgb(255, 132, 132);
    box-shadow: 0px 3px 6px rgba(255, 102, 102, 0.4);}

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data input:hover, 
body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data select:hover,
body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data input.vgi360_alert:hover,
body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data select.vgi360_alert:hover {
    border: 1px solid #84adff;
    box-shadow: 0px 3px 6px rgba(102, 153, 255, 0.4);
    transition: 0.2s ease all;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data input {padding: 5px 10px 5px 10px;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data h3 {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    padding: 20px 0px 10px 0px;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data .payments_data {
    padding: 0px 0px 15px 0px;
    border-bottom:1px solid #ccc;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data .payments_data input[type="text"] {width:100%;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data .payments_data .info_text {padding: 0px 0px 5px 0px;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data .invoice_data .info_text {padding: 0px 0px 10px 0px;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data .invoice_data label {
    position: relative;
    width: 50%;
    height: auto;
    min-height: 50px;
    box-sizing: border-box;
    padding: 0px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    display: inline-block;
    text-align: center;
    float:left;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data label.row_100 {width: 100%;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data .invoice_data label input[type="text"],
body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data .invoice_data label select {
    width: 98%;
    max-width: 98%;
    margin: 0px auto 0px auto;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data .save_data {
    width: 100%;
    position: relative;
    border-top:1px solid #ccc;
    padding: 15px 0px 10px 0px;
    float:none;
    clear:both;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data .save_data .vgi360_txt_alert {
    font-size: 15px; 
    color:rgb(255, 79, 79);}

/* -----------------------------------------------------------------
Tabelle */

body.vgi360_dashboard .table_responsive {
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 0px 0px 0px 0px;}

/* DataTable.js > Correggi */
body.vgi360_dashboard .table_responsive table,
body.vgi360_dashboard .table_responsive table.responsive {
    width: calc(100% - 1px) !important; /* -1 Hide Scrollbar */
    min-width: 0px;}

body.vgi360_dashboard table, 
body.vgi360_dashboard table .btn_light.btn_trasp {color: #555555;}

body.vgi360_dashboard table tr th,
body.vgi360_dashboard table tr td {
    min-width: 150px;
    position: relative;
    line-height: 25px;
    font-size: 15px;
    text-align: left;
    padding: 10px 10px 10px 10px;
    border-left:0px solid transparent;
    border-right:0px solid transparent;
    background-color: transparent;
    transition: 0.2s ease all;}

body.vgi360_dashboard table tr th,
body.vgi360_dashboard table tr td {
    border: 1px solid transparent;}

/* Table > Head and Footer */
body.vgi360_dashboard table thead tr th,
body.vgi360_dashboard table thead tr td,
body.vgi360_dashboard table tfoot tr th, 
body.vgi360_dashboard table tfoot tr td {
    padding: 15px 25px 15px 15px; /* Arrows Space */
    border: 1px solid #eee;
    font-family: "OpenSans-Regular", sans-serif, arial;}

body.vgi360_dashboard .table_responsive table thead tr:first-child th {border-bottom: 1px solid #cccccc;}

body.vgi360_dashboard .table_responsive table tfoot tr:first-child th {border-top: 1px solid #cccccc;}

body.vgi360_dashboard table table thead tr th {font-size: 14px;}
body.vgi360_dashboard table table thead tr th i {font-size: 15px;}

body.vgi360_dashboard table table tfoot tr th {font-size: 12px;}
body.vgi360_dashboard table table tfoot tr th i {font-size: 15px;}

body.vgi360_dashboard section:last-child .table_responsive {margin: 0px 0px 5px 0px;}

/* Table > Rows */
body.vgi360_dashboard table thead tr th,
body.vgi360_dashboard table thead tr td {border-top: 0px solid transparent;}

body.vgi360_dashboard table thead tr th,
body.vgi360_dashboard table thead tr td,
body.vgi360_dashboard table tfoot tr th,
body.vgi360_dashboard table tfoot tr td {
    background-color: rgba(255, 255, 255, 0.4);}

body.vgi360_dashboard table tbody tr:nth-child(odd) td {
    background-color: rgba(227, 227, 227, 0.4);}

body.vgi360_dashboard table tbody tr:nth-child(even) td {
    background-color: rgba(255, 255, 255, 0.4);}

/* Table > Types */
body.vgi360_dashboard table tr td.td_vgi360_small,
body.vgi360_dashboard table tr th.th_vgi360_small {min-width: 50px;}

body.vgi360_dashboard table .vgi360_highlight {font-size: 16px;}

/* Table > Modal */   
body.vgi360_dashboard .uace_modal .table_responsive {border:1px solid #ccc;}

/*Table > New (Hide) */
body.vgi360_dashboard table tr.vgi360_new_tr {display: none;}

/* Table > Title Rows */
body.vgi360_dashboard table.dataTable th .title_raw1,
body.vgi360_dashboard table.dataTable td .title_raw1 {
    position: relative;
    display: inline-block;
    top: -7.5px;}

body.vgi360_dashboard table.dataTable th .title_raw1 .title_raw2,
body.vgi360_dashboard table.dataTable td .title_raw1 .title_raw2 {
    position: absolute;
    top: 20px;
    bottom: auto;
    left: 2px;
    right: auto;
    font-size: 75%;
    line-height: 20px;}

/* -------------------------------------------
Table > Arrows */

body.vgi360_dashboard table.dataTable thead .sorting,
body.vgi360_dashboard table.dataTable thead .sorting_asc,
body.vgi360_dashboard table.dataTable thead .sorting_desc {cursor:pointer;}

body.vgi360_dashboard table.dataTable thead .sorting:hover,
body.vgi360_dashboard table.dataTable thead .sorting_asc:hover,
body.vgi360_dashboard table.dataTable thead .sorting_desc:hover {color:#1473e6;}

body.vgi360_dashboard table.dataTable thead .sorting:after,
body.vgi360_dashboard table.dataTable thead .sorting_asc:after,
body.vgi360_dashboard table.dataTable thead .sorting_desc:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    vertical-align: middle;
    position: absolute;
    top:18px;
    right:5px;
    left:auto;
    bottom:auto;
    width: 15px;
    height: 15px;
    content: '';
    color:#aaaaaa;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    transition: 0.2s ease all;}

body.vgi360_dashboard table.dataTable thead .sorting:after {content: '\f0dc';}

body.vgi360_dashboard table.dataTable thead .sorting_asc:after {content: '\f0de';}

body.vgi360_dashboard table.dataTable thead .sorting_desc:after  {content: '\f0dd';}

body.vgi360_dashboard table.dataTable thead .sorting:hover:after,
body.vgi360_dashboard table.dataTable thead .sorting_asc:hover:after,
body.vgi360_dashboard table.dataTable thead .sorting_desc:hover:after {
    color:#1473e6;
    transition: 0.2s ease all;}

/* -------------------------------------------
Rows > Style */

body.vgi360_dashboard table tr.vgi360_tr_barred td:not(.td_action) * {text-decoration:line-through;}

/* -------------------------------------------
Rows > Colors */

/* 
Rows Effects > vgi360_tr_yellow (Action Required) 
*/
body.vgi360_dashboard table tr.vgi360_tr_yellow td,
body.vgi360_dashboard table tr.vgi360_tr_yellow:nth-child(odd) td,
body.vgi360_dashboard table tr.vgi360_tr_yellow:nth-child(even) td {background-color: rgba(255, 196, 0, 0.1);}

body.vgi360_dashboard table tr.vgi360_tr_yellow:hover td,
body.vgi360_dashboard table tr.vgi360_tr_yellow:nth-child(odd):hover td,
body.vgi360_dashboard table tr.vgi360_tr_yellow:nth-child(even):hover td {background-color: rgba(255, 196, 0, 0.2);}

/* 
Rows Effects > vgi360_tr_green (Action Required) 
*/
body.vgi360_dashboard table tr.vgi360_tr_green td,
body.vgi360_dashboard table tr.vgi360_tr_green:nth-child(odd) td,
body.vgi360_dashboard table tr.vgi360_tr_green:nth-child(even) td {background-color: rgba(13, 157, 46, 0.1);}

body.vgi360_dashboard table tr.vgi360_tr_green:hover td,
body.vgi360_dashboard table tr.vgi360_tr_green:nth-child(odd):hover td,
body.vgi360_dashboard table tr.vgi360_tr_green:nth-child(even):hover td {background-color: rgba(13, 157, 46, 0.2);}

/* 
Rows Effects > vgi360_tr_red (Action Required) 
*/
body.vgi360_dashboard table tr.vgi360_tr_red td,
body.vgi360_dashboard table tr.vgi360_tr_red:nth-child(odd) td,
body.vgi360_dashboard table tr.vgi360_tr_red:nth-child(even) td {background-color: rgba(255, 0, 0, 0.1);}

body.vgi360_dashboard table tr.vgi360_tr_red:hover td,
body.vgi360_dashboard table tr.vgi360_tr_red:nth-child(odd):hover td,
body.vgi360_dashboard table tr.vgi360_tr_red:nth-child(even):hover td {background-color: rgba(255, 0, 0, 0.2);}

body.vgi360_dashboard table tr.vgi360_tr_red.vgi360_tr_barred td:not(.td_action) * {color: #800000;}

/* 
Rows Effects > vgi360_tr_grey (Action block) 
*/
body.vgi360_dashboard table tr.vgi360_tr_grey td,
body.vgi360_dashboard table tr.vgi360_tr_grey:nth-child(odd) td,
body.vgi360_dashboard table tr.vgi360_tr_grey:nth-child(even) td {background-color: rgba(175, 175, 175, 0.1);}

body.vgi360_dashboard table tr.vgi360_tr_grey:hover td,
body.vgi360_dashboard table tr.vgi360_tr_grey:nth-child(odd):hover td,
body.vgi360_dashboard table tr.vgi360_tr_grey:nth-child(even):hover td {box-shadow: 0px 3px 3px rgba(175, 175, 175, 0.2);}

/* -------------------------------------------
Rows Effects > vgi360_tr_total (All Data) */

body.vgi360_dashboard table tr.vgi360_tr_total td,
body.vgi360_dashboard table tr.vgi360_tr_total:nth-child(odd) td,
body.vgi360_dashboard table tr.vgi360_tr_total:nth-child(even) td,
body.vgi360_dashboard table tr.vgi360_tr_total.tr_blue td,
body.vgi360_dashboard table tr.vgi360_tr_total.tr_blue:nth-child(odd) td,
body.vgi360_dashboard table tr.vgi360_tr_total.tr_blue:nth-child(even) td {
    font-family: "OpenSans-Bold", sans-serif, Arial;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    background-color: rgba(68, 140, 255, 0.4);
    box-shadow: 0px 3px 3px rgba(195, 230, 203, 0.6);}

body.vgi360_dashboard table tr.vgi360_tr_total.tr_azure td,
body.vgi360_dashboard table tr.vgi360_tr_total.tr_azure:nth-child(odd) td,
body.vgi360_dashboard table tr.vgi360_tr_total.tr_azure:nth-child(even) td {
    font-family: "OpenSans-Bold", sans-serif, Arial;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    background-color: rgba(114, 168, 254, 0.4);
    box-shadow: 0px 3px 3px rgba(195, 230, 203, 0.6);}

/* -------------------------------------------
Rows > hover */

body.vgi360_dashboard table tr td,
body.vgi360_dashboard table tr td,
body.vgi360_dashboard table tr:nth-child(odd) td,
body.vgi360_dashboard table tr:nth-child(odd) td,
body.vgi360_dashboard table tr:nth-child(even) td,
body.vgi360_dashboard table tr:nth-child(even) td {
    border: 1px solid transparent;
    transition: 0.2s ease all;}

body.vgi360_dashboard table tr:hover td,
body.vgi360_dashboard table tr:focus td,
body.vgi360_dashboard table tr:nth-child(odd):hover td,
body.vgi360_dashboard table tr:nth-child(odd):focus td,
body.vgi360_dashboard table tr:nth-child(even):hover td,
body.vgi360_dashboard table tr:nth-child(even):focus td,
body.vgi360_dashboard table tr.vgi360_tr_total:hover td,
body.vgi360_dashboard table tr.vgi360_tr_total:focus td,
body.vgi360_dashboard table tr.vgi360_tr_total:nth-child(odd):hover td,
body.vgi360_dashboard table tr.vgi360_tr_total:nth-child(odd):focus td,
body.vgi360_dashboard table tr.vgi360_tr_total:nth-child(even):hover td,
body.vgi360_dashboard table tr.vgi360_tr_total:nth-child(even):focus td {
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    background-color: rgba(172, 208, 255, 0.4);
    border: 1px solid #eee;
    transition: 0.2s ease all;}

/* -----------------------------------------------------------------------------
Input & Select */

body.vgi360_dashboard table input,
body.vgi360_dashboard table select {
    background-color: #ffffff;
    border: 1px solid #ddd;
    font-size: 15px;
    box-shadow: inset 0px 3px 6px rgba(102, 153, 255, 0.0);}

body.vgi360_dashboard table select {text-align: left;}

body.vgi360_dashboard input.text_wide,
body.vgi360_dashboard table input.text_wide,
body.vgi360_dashboard input.text_wide.tw_mobile_btn,
body.vgi360_dashboard table input.text_wide.tw_mobile_btn {
    max-width: 100%;
    min-width: 200px;
    width: 100%;}

body.vgi360_dashboard input.text_wide.tw_small,
body.vgi360_dashboard table input.text_wide.tw_small,
body.vgi360_dashboard input.text_wide.tw_mobile_btn.tw_small,
body.vgi360_dashboard table input.text_wide.tw_mobile_btn.tw_small {min-width: 100px;}

body.vgi360_dashboard input.input_number {
    width: 110px;
    min-width: 110px;}

body.vgi360_dashboard .input_number_info input.input_number {margin: 0px 5px 0px 5px;}

body.vgi360_dashboard textarea.url_textarea {
    font-size: 10px;
    width: 100%;
    height: 65px;}

body.vgi360_dashboard input[type="text"].input_line,
body.vgi360_dashboard input[type="number"].input_line,
body.vgi360_dashboard table input[type="text"],
body.vgi360_dashboard table input[type="number"],
body.vgi360_dashboard table input[type="mail"],
body.vgi360_dashboard table input[type="password"],
body.vgi360_dashboard table input[type="date"],
body.vgi360_dashboard table input[type="datetime"],
body.vgi360_dashboard table input[type="datetime-local"] {
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom: 1px dotted #989898;
    border-radius: 0px;
    box-shadow: none;}

body.vgi360_dashboard textarea.url_textarea:hover,
body.vgi360_dashboard input[type="text"].input_line:hover,
body.vgi360_dashboard input[type="number"].input_line:hover,
body.vgi360_dashboard table input[type="text"]:hover,
body.vgi360_dashboard table input[type="number"]:hover,
body.vgi360_dashboard table input[type="mail"]:hover,
body.vgi360_dashboard table input[type="password"]:hover,
body.vgi360_dashboard table input[type="date"]:hover,
body.vgi360_dashboard table input[type="datetime"]:hover,
body.vgi360_dashboard table input[type="datetime-local"]:hover,
body.vgi360_dashboard table input[type="text"]:focus,
body.vgi360_dashboard table input[type="number"]:focus,
body.vgi360_dashboard table input[type="mail"]:focus,
body.vgi360_dashboard table input[type="password"]:focus,
body.vgi360_dashboard table input[type="date"]:focus,
body.vgi360_dashboard table input[type="datetime"]:focus,
body.vgi360_dashboard table input[type="datetime-local"]:focus {
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.8);}

/* -------------------------------------------
Input Text Button */

/* Content */
body.vgi360_dashboard .input_text_btn {
    position: relative;
    display: block;}

/* Button > Left */
body.vgi360_dashboard .input_text_btn input.itb_text,
body.vgi360_dashboard .input_text_btn table input.itb_text {
    position: relative;
    padding: 3px 3px 3px 30px;
    margin: 0px 0px 0px 0px;
    max-width: 100%;
    min-width: 200px;
    width: 100%;
    z-index: 1;}

body.vgi360_dashboard .input_text_btn .itb_btn,
body.vgi360_dashboard .input_text_btn table .itb_btn {
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    opacity: 0.7;
    z-index: 2;
    top:0px;
    left:0px;
    right:auto;
    bottom:auto;
    transition: 0.2s ease all;}

body.vgi360_dashboard .input_text_btn .itb_btn:hover,
body.vgi360_dashboard .input_text_btn table .itb_btn:hover {
    opacity: 1;
    transition: 0.2s ease all;}

/* Button > Right (input_text_btn itb_r) */
body.vgi360_dashboard .input_text_btn.itb_r input.itb_text,
body.vgi360_dashboard .input_text_btn.itb_r table input.itb_text {padding: 3px 30px 3px 3px;}

body.vgi360_dashboard .input_text_btn.itb_r .itb_btn,
body.vgi360_dashboard .input_text_btn.itb_r table .itb_btn {
    top:0px;
    left:auto;
    right:0px;
    bottom:auto;}

/* -------------------------------------------
Readonly > Input */

body.vgi360_dashboard table input.readonly {
    color: #888888;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    cursor:default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}

body.vgi360_dashboard table input.trasp,
body.vgi360_dashboard table input.readonly.trasp {
    border: 1px solid transparent;
    box-shadow: none;
    background-color: transparent;
    color: #333;}

/* -------------------------------------------
Input & Select > Effects */

body.vgi360_dashboard table input:hover,
body.vgi360_dashboard table input:focus,
body.vgi360_dashboard table select:hover,
body.vgi360_dashboard table select:focus {
    border: 1px solid #84adff;
    box-shadow: inset 0px 3px 6px rgba(102, 153, 255, 0.175);}

/* -----------------------------------------------------------------------------
DataTables.js > Elements */

body.vgi360_dashboard .dataTables_length,
body.vgi360_dashboard .dataTables_filter,
body.vgi360_dashboard .dataTables_info,
body.vgi360_dashboard .dataTables_paginate {
    position: relative;
    width: 100%;
    height: auto;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    padding: 5px 5px 5px 5px;
    text-align: center;
    outline: none;
    background-color: #fff;}

body.vgi360_dashboard .dataTables_info.show {display: block;}

/* -------------------------------------------
DataTables.js > Buttons */

body.vgi360_dashboard table .dataTables_paginate .paginate_button {
    border:1px solid transparent;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    margin: 5px 5px 5px 5px;
    border-radius: 15px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    cursor:pointer;}

body.vgi360_dashboard .dataTables_paginate .paginate_button.previous,
body.vgi360_dashboard .dataTables_paginate .paginate_button.next {
    border:1px solid #ccc;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);}

/* -------------------------------------------
DataTables.js > Info & Search Bar */

body.vgi360_dashboard .dataTables_filter,
body.vgi360_dashboard .dataTables_info {
    color:#666;
    overflow: hidden;
    box-sizing: border-box;
    padding: 5px 5px 5px 5px;
    font-size: 14px;
    line-height: 25px;
    display: none;}

body.vgi360_dashboard .dataTables_filter {
    text-align: right;
    border-bottom:1px solid #ccc;
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);}

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

body.vgi360_dashboard .dataTables_filter input[type="search"] {
    box-sizing: border-box;
    padding: 5px 10px 5px 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    font-size: 16px;
    border:0px solid transparent;}

body.vgi360_dashboard tr td.dataTables_empty {
    font-size: 14px;
    color:#333;
    font-family: "OpenSans-Bold", sans-serif, arial;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 25px 10px 25px 10px;
    background-color: rgba(255, 255, 255, 0.5);}

/* -----------------------------------------------------------------------------
CSA > Table Row */

body.vgi360_dashboard table .vgi360_table_row {
    position: relative;
    width: 100%;
    min-height: 25px;
    padding: 0px 0px 5px 0px;}

body.vgi360_dashboard table .vgi360_table_row:last-child {padding: 0px 0px 0px 0px;}

body.vgi360_dashboard table .vgi360_table_row.row_one_line {white-space: nowrap;}

/* -----------------------------------------------------------------------------
CSA > Table > td Absolute */

body.vgi360_dashboard table td.vgi360_td_ab {min-width: 300px;}

body.vgi360_dashboard table td.vgi360_td_ab .vgi360_table_row {
    position: absolute;
    box-sizing: border-box;
    top:5px;
    bottom:5px;
    left:5px;
    right:5px;
    width: auto;
    height: auto;
    overflow:auto;}

body.vgi360_dashboard table td.vgi360_td_ab .vgi360_table_row,
body.vgi360_dashboard table td.vgi360_td_ab .vgi360_table_row:last-child {
    padding: 0px 0px 0px 0px;}

body.vgi360_dashboard table td.vgi360_td_ab.vgi360_td_sel_software .btn_light {
    margin: 1px 5px 5px 5px;}

/* -----------------------------------------------------------------------------
Tabelle > SCROLL (.dataTables_scroll) */

body.vgi360_dashboard .dataTables_scroll {z-index: 5;}

/* -------------------------------------------
ScrollHead & ScrollFoot */

/*
body.vgi360_dashboard .dataTables_scroll .dataTables_scrollHead,
body.vgi360_dashboard .dataTables_scroll .dataTables_scrollFoot {
    background-color: rgba(255, 255, 255, 0.9);}
*/

body.vgi360_dashboard .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner,
body.vgi360_dashboard .dataTables_scroll .dataTables_scrollFoot .dataTables_scrollFootInner {
    padding: 0px 0px 0px 0px !important;}

/* -------------------------------------------
ScrollBody */

body.vgi360_dashboard .dataTables_scroll .dataTables_scrollBody {
    position: relative; 
    overflow: auto; 
    /* 
    Mantengo height via CSS per adattare la finestra anche senza gli eventi JS (click, ready).
    380px = menu pr + menu se + space top + title + thead + tfoot + space bottom.
    */
    max-height: calc(100vh - 380px) !important;
    width: 100%;
    /* 
    Se ci sono troppi contenuti per stare 
    nello schermo è necessario lo scroll laterale.
    overflow-x: hidden !important; 
    */}

/*
body.vgi360_dashboard .dataTables_scroll .dataTables_scrollBody table {width: calc(100% - 1px) !important;}
*/

/* -------------------------------------------
ScrollBody > Header e Footer */
body.vgi360_dashboard .dataTables_scroll .dataTables_scrollBody table.dataTable thead tr,
body.vgi360_dashboard .dataTables_scroll .dataTables_scrollBody table.dataTable thead tr th,
body.vgi360_dashboard .dataTables_scroll .dataTables_scrollBody table.dataTable thead .sorting,
body.vgi360_dashboard .dataTables_scroll .dataTables_scrollBody table.dataTable thead .sorting_asc,
body.vgi360_dashboard .dataTables_scroll .dataTables_scrollBody table.dataTable thead .sorting_desc,
body.vgi360_dashboard .dataTables_scroll .dataTables_scrollBody table.dataTable tfoot tr,
body.vgi360_dashboard .dataTables_scroll .dataTables_scrollBody table.dataTable tfoot tr th {
    cursor:default;
    vertical-align :bottom;
    border:0px solid transparent;}

/* -------------------------------------------
ScrollBody > Header e Footer > Arrows */
body.vgi360_dashboard .dataTables_scroll .dataTables_scrollBody table.dataTable thead .sorting::after,
body.vgi360_dashboard .dataTables_scroll .dataTables_scrollBody table.dataTable thead .sorting_asc::after,
body.vgi360_dashboard .dataTables_scroll .dataTables_scrollBody table.dataTable thead .sorting_desc::after {display: none;}

/* -----------------------------------------------------------------------------
DataTable */

table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
    position: relative;
    cursor: pointer;}

table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-top: -10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #31b131;}

table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: '-';
    background-color: #d33333;}

table.dataTable > tbody > tr.child {padding: 0.5em 1em;}

table.dataTable > tbody > tr.child:hover {background: transparent !important;}

table.dataTable > tbody > tr.child ul.dtr-details {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;}

table.dataTable > tbody > tr.child ul.dtr-details > li {
    border-bottom: 1px solid #dbdbdb;
    margin: 0px 0px 0px 35px;
    padding: 0.5em 0;}

table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {padding-top: 0;}

table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {border-bottom: none;}

table.dataTable > tbody > tr.child span.dtr-title {
    display: inline-block;
    min-width: 75px;
    min-height: 35px;}

div.dtr-modal {
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    padding: 10em 1em;}

div.dtr-modal div.dtr-modal-display {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
    overflow: auto;
    margin: auto;
    z-index: 102;
    overflow: auto;
    background-color: #f5f5f7;
    border: 1px solid black;
    border-radius: 0.5em;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);}

div.dtr-modal div.dtr-modal-content {
    position: relative;
    padding: 1em;}

div.dtr-modal div.dtr-modal-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border: 1px solid #eaeaea;
    background-color: #f9f9f9;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 12;}

div.dtr-modal div.dtr-modal-close:hover {background-color: #eaeaea;}

div.dtr-modal div.dtr-modal-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    background: rgba(0, 0, 0, 0.6);}

@media screen and (max-width: 767px) {
    
    div.dtr-modal div.dtr-modal-display {width: 95%;}
    
}

body.vgi360_dashboard .search_datatable {display: none !important;}

/* -----------------------------------------------------------------------------
DataTable > Responsive [Inline] */

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {cursor: default !important;}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {display: none !important;}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
    position: relative;
    padding-left: 45px;
    cursor: pointer;}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    top: 15px;
    left: 5px;
    right:auto;
    bottom:auto;
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-radius: 50%;
    color: #333;
    background-color: rgba(255, 255, 255, 0.95);
    border:1px solid #ccc;
    font-size: 14px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    /* content: '\f078'; */
    content: '\f142';}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    color:#1473e6;
    /* content: '\f077'; */
    content: '\f142';}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {padding-left: 27px;}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
    top: 5px;
    left: 4px;
    height: 14px;
    width: 14px;
    border-radius: 14px;
    line-height: 14px;
    text-indent: 3px;}

/* -----------------------------------------------------------------------------
DataTable > Responsive [Column] */

table.dataTable.dtr-column.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-column.collapsed > tbody > tr[role="row"] > th:first-child {
    position: relative;
    padding-left: 45px;
    cursor: pointer;}

table.dataTable .btn_dtr_inline_ms {
    position: absolute;
    top:0px;
    left:-40px;
    right:auto;
    bottom:auto;
    display: none;}

table.dataTable.dtr-column.collapsed > tbody > tr[role="row"] > td .btn_dtr_inline_ms,
table.dataTable.dtr-column.collapsed > tbody > tr[role="row"] > th .btn_dtr_inline_ms {display: block;}

table.dataTable.dtr-column.collapsed > tbody > tr.parent > td .btn_dtr_inline_ms,
table.dataTable.dtr-column.collapsed > tbody > tr.parent > th .btn_dtr_inline_ms {color:#1473e6;}

/* -----------------------------------------------------------------------------
Sections > Tables */

body.vgi360_dashboard .vgi360_item.vgi360_title,
body.vgi360_dashboard .vgi360_box .vgi360_item,
body.vgi360_dashboard .vgi360_box .table_responsive {border-radius: 0px;}

body.vgi360_dashboard .vgi360_item.vgi360_title {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;}

body.vgi360_dashboard .vgi360_box .vgi360_item,
body.vgi360_dashboard .vgi360_box .table_responsive {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;}

body.vgi360_dashboard .uace_modal .vgi360_box .vgi360_item,
body.vgi360_dashboard .uace_modal .vgi360_box .table_responsive {border-radius: 0px;}

/* -----------------------------------------------------------------------------
CSA > BTN Light */

body.vgi360_dashboard table .btn_light.btn_trasp {
    padding: 1px 5px 1px 5px;}

body.vgi360_dashboard table .btn_light .tt_info {display:block;}

body.vgi360_dashboard table td.vgi360_td_time_remuneration .btn_light {
    margin: 1px 1px 1px 1px;}

body.vgi360_dashboard table .btn_light input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: -2px 0px 2px 0px;}

body.vgi360_dashboard table .vgi360_show_current_status .btn_light.btn_info_status {min-width: 150px;}

/* -------------------------------------------
BTN Light > btn nowrap */

body.vgi360_dashboard .btn_light.btn_nowrap {white-space: nowrap;}

/* -------------------------------------------
TXT Admin */

body.vgi360_dashboard .txt_admin {color: #bb8f09;}

body.vgi360_dashboard .txt_admin:focus,
body.vgi360_dashboard .txt_admin:hover,
body.vgi360_dashboard .btn_light:focus .txt_admin,
body.vgi360_dashboard .btn_light:hover .txt_admin {
    color: #e3c836;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.3);}

body.vgi360_dashboard .btn_light.btn_admin_hover:focus .txt_admin,
body.vgi360_dashboard .btn_light.btn_admin_hover:hover .txt_admin {color: #ffffff;}

/* -------------------------------------------
Links > Admin */

body.vgi360_dashboard .link_admin,
body.vgi360_dashboard a.link_admin,
body.vgi360_dashboard .uace_modal .link_admin,
body.vgi360_dashboard .uace_modal a.link_admin {
    position: relative;
    display: inline-block;
    cursor:pointer;
    border-bottom: 1px solid rgba(209, 159, 8, 0.8);
    transition: 0.2s ease all;}

body.vgi360_dashboard .link_admin:focus,
body.vgi360_dashboard a.link_admin:focus,
body.vgi360_dashboard .link_admin:hover,
body.vgi360_dashboard a.link_admin:hover,
body.vgi360_dashboard .uace_modal .link_admin:focus,
body.vgi360_dashboard .uace_modal a.link_admin:focus,
body.vgi360_dashboard .uace_modal .link_admin:hover,
body.vgi360_dashboard .uace_modal a.link_admin:hover  {
    color:#e5ae07;
    border-bottom: 1px solid rgba(229, 174, 7, 0.8);
    transition: 0.2s ease all;}

/* BTN Light > Link Admin */
body.vgi360_dashboard .vgi360_items .btn_light.link_admin {
    color: #666;
    border:1px solid transparent;
    background-color: transparent;
    border-bottom: 1px solid rgba(229, 174, 7, 0.8);
    box-shadow: none;
    border-radius: 0px;
    padding: 5px 10px 2px 10px;
    margin:3px 3px 6px 3px;}

body.vgi360_dashboard .vgi360_items .btn_light.link_admin:focus,
body.vgi360_dashboard .vgi360_items .btn_light.link_admin:hover {
    color: #bb8f09;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #d19f08;
    border-radius: 15px;
    padding: 5px 10px 5px 10px;
    margin:3px 3px 3px 3px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);}

/* -------------------------------------------
Btn Light */

body.vgi360_dashboard .btn_light,
.vgi360_dashboard .uace_modal .btn_light,
.vgi360_dashboard .uace_modal a.btn_light {
    transform: scale(0.98);
    color: #f8f8f8;
    border:1px solid #1473e6;
    background-color: #1473e6;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);}

body.vgi360_dashboard .btn_light .icon_vgi360,
.vgi360_dashboard .uace_modal .btn_light .icon_vgi360,
.vgi360_dashboard .uace_modal a.btn_light .icon_vgi360 {background-color: #f8f8f8;}

body.vgi360_dashboard .vgi360_controls .btn_light {margin: 2px 2px 2px 2px;}

body.vgi360_dashboard .btn_light:focus,
body.vgi360_dashboard .btn_light:hover,
.vgi360_dashboard .uace_modal .btn_light:focus,
.vgi360_dashboard .uace_modal .btn_light:hover,
.vgi360_dashboard .uace_modal a.btn_light:focus,
.vgi360_dashboard .uace_modal a.btn_light:hover {
    transform: scale(1);
    color: #ffffff;
    border:1px solid #2285ff;
    background-color: #2285ff;}

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

body.vgi360_dashboard .vgi360_controls .btn_light:focus,
body.vgi360_dashboard .vgi360_controls .btn_light:hover {
    color: #333;
    border:1px solid #ccc;
    background-color: #fff;}

body.vgi360_dashboard .btn_light.btn_arancio,
body.vgi360_dashboard .uace_modal .btn_light.btn_arancio {
    color: #ffffff;
    border:1px solid #f8963f;
    background-color: #f8963f;}

body.vgi360_dashboard .btn_light.btn_arancio:hover,
body.vgi360_dashboard .btn_light.btn_arancio:focus,
body.vgi360_dashboard .uace_modal .btn_light.btn_arancio:hover,
body.vgi360_dashboard .uace_modal .btn_light.btn_arancio:focus {
    color: #ffffff;
    border:1px solid #ff9a41;
    background-color: #ff9a41;}

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_controls .btn_light.dt_vgi360_show:hover,
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_controls .btn_light.dt_vgi360_show:focus {
    color: #fff;
    border: 1px solid #1473e6;
    background-color: #1473e6;
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.2);}

body.vgi360_dashboard .btn_light.btn_minimalblu,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimalblu {
    color: #2285ff;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #2285ff;}

body.vgi360_dashboard .btn_light.btn_minimalblu .icon_vgi360,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimalblu .icon_vgi360 {background-color: #2285ff;}

body.vgi360_dashboard .btn_light.btn_bianco,
.vgi360_dashboard .uace_modal .btn_light.btn_bianco,
.vgi360_dashboard .uace_modal a.btn_light.btn_bianco {
    color:#333;
    border:1px solid #cccccc;
    background-color: #fcfcfc;}

body.vgi360_dashboard .btn_light.btn_biancoblu,
.vgi360_dashboard .uace_modal .btn_light.btn_biancoblu,
.vgi360_dashboard .uace_modal a.btn_light.btn_biancoblu {
    color:#2285ff;
    border:1px solid #2285ff;
    background-color: #fcfcfc;}

body.vgi360_dashboard .btn_light.btn_bianco:focus,
body.vgi360_dashboard .btn_light.btn_bianco:hover,
.vgi360_dashboard .uace_modal .btn_light.btn_bianco:focus,
.vgi360_dashboard .uace_modal .btn_light.btn_bianco:hover,
.vgi360_dashboard .uace_modal a.btn_light.btn_bianco:focus,
.vgi360_dashboard .uace_modal a.btn_light.btn_bianco:hover,
body.vgi360_dashboard .btn_light.btn_minimalblu:hover,
body.vgi360_dashboard .btn_light.btn_minimalblu:focus,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimalblu:hover,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimalblu:focus {
    color: #ffffff;
    border:1px solid #1473e6;
    background-color: #1473e6;}

body.vgi360_dashboard .btn_light.btn_bianco:focus .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_bianco:hover .icon_vgi360,
.vgi360_dashboard .uace_modal .btn_light.btn_bianco:focus .icon_vgi360,
.vgi360_dashboard .uace_modal .btn_light.btn_bianco:hover .icon_vgi360,
.vgi360_dashboard .uace_modal a.btn_light.btn_bianco:focus .icon_vgi360,
.vgi360_dashboard .uace_modal a.btn_light.btn_bianco:hover .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_minimalblu:hover .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_minimalblu:focus .icon_vgi360,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimalblu:hover .icon_vgi360,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimalblu:focus .icon_vgi360 {background-color: #fff;}

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_controls .btn_light.dt_vgi360_show.btn_bianco:hover,
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_controls .btn_light.dt_vgi360_show.btn_bianco:focus {
    color: #333;
    border: 1px solid #ccc;
    background-color: #fff;}

body.vgi360_dashboard .btn_light.btn_minimal_lime,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimal_lime {
    color: #99cc33;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #99cc33;}

body.vgi360_dashboard .btn_light.btn_minimal_lime:focus,
body.vgi360_dashboard .btn_light.btn_minimal_lime:hover,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimal_lime:focus,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimal_lime:hover {
    color: #ffffff;
    border:1px solid #a7df37;
    background-color: #a7df37;}

body.vgi360_dashboard .btn_light.btn_verde,
.vgi360_dashboard .uace_modal .btn_light.btn_verde,
.vgi360_dashboard .uace_modal a.btn_light.btn_verde,
body.vgi360_dashboard .btn_light.vgi360_success,
.vgi360_dashboard .uace_modal .btn_light.vgi360_success,
.vgi360_dashboard .uace_modal a.btn_light.vgi360_success {
    color:#ffffff;
    border:1px solid #8bbd48;
    background-color: #8bbd48;}

body.vgi360_dashboard .btn_light.btn_minimalverde,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimalverde {
        color: #8bbd48;
        background-color: rgba(255, 255, 255, 0.5);
        border: 1px solid #8bbd48;}

body.vgi360_dashboard .btn_light.btn_verde:focus,
body.vgi360_dashboard .btn_light.btn_verde:hover,
.vgi360_dashboard .uace_modal .btn_light.btn_verde:focus,
.vgi360_dashboard .uace_modal .btn_light.btn_verde:hover,
.vgi360_dashboard .uace_modal a.btn_light.btn_verde:focus,
.vgi360_dashboard .uace_modal a.btn_light.btn_verde:hover,
body.vgi360_dashboard .btn_light.vgi360_success:focus,
body.vgi360_dashboard .btn_light.vgi360_success:hover,
.vgi360_dashboard .uace_modal .btn_light.vgi360_success:focus,
.vgi360_dashboard .uace_modal .btn_light.vgi360_success:hover,
.vgi360_dashboard .uace_modal a.btn_light.vgi360_success:focus,
.vgi360_dashboard .uace_modal a.btn_light.vgi360_success:hover,
body.vgi360_dashboard .btn_light.btn_minimalverde:focus,
body.vgi360_dashboard .btn_light.btn_minimalverde:hover,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimalverde:focus,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimalverde:hover {
    color: #ffffff;
    border:1px solid #70bd48;
    background-color: #70bd48;}

body.vgi360_dashboard .btn_light.btn_giallo,
.vgi360_dashboard .uace_modal .btn_light.btn_giallo,
.vgi360_dashboard .uace_modal a.btn_light.btn_giallo {
    color:#ffffff;
    text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
    border:1px solid #efd549;
    background-color: #efd549;}

body.vgi360_dashboard .btn_light.btn_minimalgiallo,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimalgiallo {
        color: #bb8f09;
        background-color: rgba(255, 255, 255, 0.5);
        border: 1px solid #d19f08;}

body.vgi360_dashboard .btn_light.btn_giallo:focus,
body.vgi360_dashboard .btn_light.btn_giallo:hover,
.vgi360_dashboard .uace_modal .btn_light.btn_giallo:focus,
.vgi360_dashboard .uace_modal .btn_light.btn_giallo:hover,
.vgi360_dashboard .uace_modal a.btn_light.btn_giallo:focus,
.vgi360_dashboard .uace_modal a.btn_light.btn_giallo:hover,
body.vgi360_dashboard .btn_light.btn_minimalgiallo:focus,
body.vgi360_dashboard .btn_light.btn_minimalgiallo:hover,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimalgiallo:focus,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimalgiallo:hover {
    color:#ffffff;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
    border:1px solid #e3c836;
    background-color: #e3c836;}

body.vgi360_dashboard .btn_light.btn_rosso,
.vgi360_dashboard .uace_modal .btn_light.btn_rosso,
.vgi360_dashboard .uace_modal a.btn_light.btn_rosso,
body.vgi360_dashboard .btn_light.vgi360_error,
.vgi360_dashboard .uace_modal .btn_light.vgi360_error,
.vgi360_dashboard .uace_modal a.btn_light.vgi360_error {
    color:#ffffff;
    border:1px solid #d33c3c;
    background-color: #d33c3c;}

body.vgi360_dashboard .btn_light.btn_minimalrosso,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimalrosso {
        color: #d33c3c;
        background-color: rgba(255, 255, 255, 0.5);
        border: 1px solid #d33c3c;}

body.vgi360_dashboard .btn_light.btn_rosso:focus,
body.vgi360_dashboard .btn_light.btn_rosso:hover,
.vgi360_dashboard .uace_modal .btn_light.btn_rosso:focus,
.vgi360_dashboard .uace_modal .btn_light.btn_rosso:hover,
.vgi360_dashboard .uace_modal a.btn_light.btn_rosso:focus,
.vgi360_dashboard .uace_modal a.btn_light.btn_rosso:hover,
body.vgi360_dashboard .btn_light.vgi360_error:focus,
body.vgi360_dashboard .btn_light.vgi360_error:hover,
.vgi360_dashboard .uace_modal .btn_light.vgi360_error:focus,
.vgi360_dashboard .uace_modal .btn_light.vgi360_error:hover,
.vgi360_dashboard .uace_modal a.btn_light.vgi360_error:focus,
.vgi360_dashboard .uace_modal a.btn_light.vgi360_error:hover,
body.vgi360_dashboard .btn_light.btn_minimalrosso:focus,
body.vgi360_dashboard .btn_light.btn_minimalrosso:hover,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimalrosso:focus,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimalrosso:hover {
    color:#ffffff;
    border:1px solid #e33e3e;
    background-color: #e33e3e;}

body.vgi360_dashboard .btn_light.btn_minimal_violet,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimal_violet {
    color: #773980;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #773980;}

body.vgi360_dashboard .btn_light.btn_minimal_violet:focus,
body.vgi360_dashboard .btn_light.btn_minimal_violet:hover,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimal_violet:focus,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimal_violet:hover {
    color: #ffffff;
    border:1px solid #8a4395;
    background-color: #8a4395;}

body.vgi360_dashboard .btn_light.btn_minimal_orange,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimal_orange {
    color: #ff632b;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #ff632b;}

body.vgi360_dashboard .btn_light.btn_minimal_orange:focus,
body.vgi360_dashboard .btn_light.btn_minimal_orange:hover,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimal_orange:focus,
body.vgi360_dashboard .uace_modal .btn_light.btn_minimal_orange:hover {
    color: #ffffff;
    border:1px solid #fe6f3b;
    background-color: #fe6f3b;}

body.vgi360_dashboard .btn_light.btn_trasp,
.vgi360_dashboard .uace_modal .btn_light.btn_trasp,
.vgi360_dashboard .uace_modal a.btn_light.btn_trasp {
    cursor:default;
    color: #666;
    border:1px solid transparent;
    background-color: transparent;
    box-shadow: none;}

body.vgi360_dashboard .btn_light.btn_trasp:focus,
body.vgi360_dashboard .btn_light.btn_trasp:hover,
.vgi360_dashboard .uace_modal .btn_light.btn_trasp:focus,
.vgi360_dashboard .uace_modal .btn_light.btn_trasp:hover,
.vgi360_dashboard .uace_modal a.btn_light.btn_trasp:focus,
.vgi360_dashboard .uace_modal a.btn_light.btn_trasp:hover {
    color: #666;
    border:1px solid transparent;
    background-color: transparent;}

body.vgi360_dashboard .btn_light.btn_trasp:focus .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_trasp:hover .icon_vgi360 {background-color: #666;}

body.vgi360_dashboard [tooltip].btn_light.btn_trasp {cursor:pointer;}

body.vgi360_dashboard .btn_light.btn_minimal,
.vgi360_dashboard .uace_modal .btn_light.btn_minimal,
.vgi360_dashboard .uace_modal a.btn_light.btn_minimal {
    cursor:pointer;
    color: #666666;
    border:1px solid transparent;
    background-color: transparent;
    box-shadow: none;}

body.vgi360_dashboard .btn_light.btn_minimal .icon_vgi360,
.vgi360_dashboard .uace_modal .btn_light.btn_minimal .icon_vgi360,
.vgi360_dashboard .uace_modal a.btn_light.btn_minimal .icon_vgi360 {background-color: #666666;}

body.vgi360_dashboard .btn_light.btn_minimal:focus .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_minimal:hover .icon_vgi360,
.vgi360_dashboard .uace_modal .btn_light.btn_minimal:focus .icon_vgi360,
.vgi360_dashboard .uace_modal .btn_light.btn_minimal:hover .icon_vgi360,
.vgi360_dashboard .uace_modal a.btn_light.btn_minimal:focus .icon_vgi360,
.vgi360_dashboard .uace_modal a.btn_light.btn_minimal:hover .icon_vgi360 {background-color: #1473e6;}

/* No Focus > link _blank */
body.vgi360_dashboard table .btn_light.btn_minimal,
.vgi360_dashboard .uace_modal table .btn_light.btn_minimal,
.vgi360_dashboard .uace_modal table a.btn_light.btn_minimal,
body.vgi360_dashboard table tr td .btn_light.btn_minimal,
body.vgi360_dashboard table .btn_light.btn_minimal.nofocus:focus,
.vgi360_dashboard .uace_modal table .btn_light.btn_minimal.nofocus:focus,
.vgi360_dashboard .uace_modal table a.btn_light.btn_minimal.nofocus:focus,
body.vgi360_dashboard table tr td .btn_light.btn_minimal.nofocus:focus {
    color: #525252;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #ccc;}

body.vgi360_dashboard table tr td .btn_light.btn_minimal, 
body.vgi360_dashboard table tr td .btn_light.btn_minimal {background-color: rgba(255, 255, 255, 0.80);}

body.vgi360_dashboard table tr:hover td .btn_light.btn_minimal {background-color: rgba(255, 255, 255, 0.95);}

body.vgi360_dashboard .btn_light.btn_minimal:focus,
body.vgi360_dashboard .btn_light.btn_minimal:hover,
.vgi360_dashboard .uace_modal .btn_light.btn_minimal:focus,
.vgi360_dashboard .uace_modal .btn_light.btn_minimal:hover,
.vgi360_dashboard .uace_modal a.btn_light.btn_minimal:focus,
.vgi360_dashboard .uace_modal a.btn_light.btn_minimal:hover {
    transform: scale(1);
    color: #1473e6; /* #1473e6 */
    border:1px solid transparent;
    background-color: transparent;}

body.vgi360_dashboard table .btn_light.btn_minimal:hover,
.vgi360_dashboard .uace_modal table .btn_light.btn_minimal:focus,
.vgi360_dashboard .uace_modal table .btn_light.btn_minimal:hover,
.vgi360_dashboard .uace_modal table a.btn_light.btn_minimal:focus,
.vgi360_dashboard .uace_modal table a.btn_light.btn_minimal:hover,
body.vgi360_dashboard table tr:hover td .btn_light.btn_minimal:hover, 
body.vgi360_dashboard table tr:hover td .btn_light.btn_minimal:focus,
body.vgi360_dashboard table tr:focus td .btn_light.btn_minimal:hover,
body.vgi360_dashboard table tr:focus td .btn_light.btn_minimal:focus {
    color: #ffffff;
    border:1px solid #1473e6;
    background-color: #1473e6;}

body.vgi360_dashboard .btn_light.btn_minimal_circle,
.vgi360_dashboard .uace_modal .btn_light.btn_minimal_circle,
.vgi360_dashboard .uace_modal a.btn_light.btn_minimal_circle {
    color: #525252;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #ccc;}

body.vgi360_dashboard .btn_light.btn_minimal_circle .icon_vgi360,
.vgi360_dashboard .uace_modal .btn_light.btn_minimal_circle .icon_vgi360,
.vgi360_dashboard .uace_modal a.btn_light.btn_minimal_circle .icon_vgi360 {background-color: #525252;}

body.vgi360_dashboard .controls_bar .btn_light.btn_minimal_circle {
    color: #333333;
    background-color: rgb(255, 255, 255);}

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

body.vgi360_dashboard .btn_light.btn_minimal_circle.selected,
body.vgi360_dashboard .controls_bar .btn_light.btn_minimal_circle.selected,
body.vgi360_dashboard .btn_light.btn_minimal_circle:hover,
body.vgi360_dashboard .btn_light.btn_minimal_circle:focus,
.vgi360_dashboard .uace_modal .btn_light.btn_minimal_circle.selected,
.vgi360_dashboard .uace_modal .btn_light.btn_minimal_circle:hover,
.vgi360_dashboard .uace_modal .btn_light.btn_minimal_circle:focus,
.vgi360_dashboard .uace_modal a.btn_light.btn_minimal_circle.selected,
.vgi360_dashboard .uace_modal a.btn_light.btn_minimal_circle:hover,
.vgi360_dashboard .uace_modal a.btn_light.btn_minimal_circle:focus {
    color: #fff;
    background-color: #2285ff;
    border: 1px solid #2285ff;}

body.vgi360_dashboard .btn_light.btn_minimal_circle.selected .icon_vgi360,
body.vgi360_dashboard .controls_bar .btn_light.btn_minimal_circle.selected .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_minimal_circle:hover .icon_vgi360,
body.vgi360_dashboard .btn_light.btn_minimal_circle:focus .icon_vgi360,
.vgi360_dashboard .uace_modal .btn_light.btn_minimal_circle.selected .icon_vgi360,
.vgi360_dashboard .uace_modal .btn_light.btn_minimal_circle:hover .icon_vgi360,
.vgi360_dashboard .uace_modal .btn_light.btn_minimal_circle:focus .icon_vgi360,
.vgi360_dashboard .uace_modal a.btn_light.btn_minimal_circle.selected .icon_vgi360,
.vgi360_dashboard .uace_modal a.btn_light.btn_minimal_circle:hover .icon_vgi360,
.vgi360_dashboard .uace_modal a.btn_light.btn_minimal_circle:focus .icon_vgi360 {background-color: #ffffff;}

body.vgi360_dashboard .btn_light.btn_minimal_circle .loading_icon {background-color: #ffffff;}

body.vgi360_dashboard .btn_light.btn_admin,
body.vgi360_dashboard .uace_modal .btn_light.btn_admin {
        color: #bb8f09;
        background-color: rgba(255, 255, 255, 0.5);
        border: 1px solid #d19f08;}

body.vgi360_dashboard .btn_light.btn_admin:focus,
body.vgi360_dashboard .btn_light.btn_admin:hover,
body.vgi360_dashboard .btn_light.btn_admin_hover:focus,
body.vgi360_dashboard .btn_light.btn_admin_hover:hover,
body.vgi360_dashboard .uace_modal .btn_light.btn_admin:focus
body.vgi360_dashboard .uace_modal .btn_light.btn_admin:hover  {
    color:#ffffff;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
    border:1px solid #e3c836;
    background-color: #e3c836;}

body.vgi360_dashboard .btn_light .txt_saturate,
body.vgi360_dashboard .btn_light:hover .txt_saturate {
    filter:saturate(300%);
    transition: 0.2 ease all;}

body.vgi360_dashboard .btn_light:hover .txt_saturate {filter:saturate(100%);}

body.vgi360_dashboard [tooltip].btn_light.btn_minimal {cursor:pointer;}

body.vgi360_dashboard .btn_light.btn_disabled,
body.vgi360_dashboard .btn_light.btn_disabled:focus,
body.vgi360_dashboard .btn_light.btn_disabled:hover {
    cursor: not-allowed;
    filter: saturate(0%);
    opacity: 50%;}

body.vgi360_dashboard .btn_light.btn_code {
    color: #666;
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none;}

body.vgi360_dashboard .btn_light.btn_code:focus,
body.vgi360_dashboard .btn_light.btn_code:hover {
    color: #fff;
    background-color: #2285ff;
    border: 1px solid #2285ff;}

/* -----------------------------------------------------------------------------
CSA Item > Titoli & Controlli */

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title,
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_wide.vgi360_title,
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_controls,
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_wide.vgi360_controls,
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_searchbar,
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_wide.vgi360_searchbar {
    padding: 5px 15px 5px 15px;
    line-height: 40px;
    min-height: 40px;
    font-size: 16px;
    z-index: 20;}

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_searchbar,
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_wide.vgi360_searchbar {
    padding: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title,
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_controls,
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_searchbar {
    border: 1px solid #ccc;
    border-bottom: 0px solid transparent;
    background-color: #fdfdfd;
    box-shadow: none;
    margin-bottom: 0px;}

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_controls,
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_searchbar {display: none;}

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_searchbar.searchbar_visible {display: block;}

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_controls.vgi360_controls_show, /* !!!!! */
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_searchbar.vgi360_searchbar_show {display: block;}

body.vgi360_dashboard .vgi360_items .vgi360_searchbar input[type=text] {
    box-sizing: border-box;
    padding: 5px 135px 5px 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    font-size: 16px;
    border: 0px solid transparent;
    z-index: 1;}

body.vgi360_dashboard .vgi360_items .vgi360_searchbar .cont_btn {
    position: absolute;
    width: auto;
    height: auto;
    top:0px;
    right:10px;
    bottom:0px;
    left:auto;
    z-index: 2;}

body.vgi360_dashboard .vgi360_items .vgi360_searchbar .cont_btn .btn_light {
    position: relative;
    top: -2px;}

body.vgi360_dashboard .vgi360_items .vgi360_searchbar .btn_show_relevant .btn_hide i,
body.vgi360_dashboard .vgi360_items .vgi360_docs .docs_search .btn_show_relevant .btn_hide i {transform: rotate(180deg);}

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title .vgi360_title_txt,
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_controls .vgi360_title_txt {
    text-align: left;
    float:left;}

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title .vgi360_title_txt {
    font-family: 'OpenSans-Regular', sans-serif, serif, Arial;
    font-weight: 400;
    cursor: default;
}

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title .vgi360_title_txt .icon_vgi360 {
    width: 16px;
    height: 16px;
    margin: 0px 0px -3px 0px;}

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title .vgi360_title_txt .btn_light {font-weight: normal;}

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title .txt_light {
    font-family: 'OpenSans-Light', sans-serif, serif, Arial;
    font-weight: normal;}

/* -----------------------------------------------------------------------------
CSA Item > Comandi */

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title .vgi360_title_cmd,
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_controls .vgi360_title_cmd {
    float:right;
    font-weight: normal;
    font-size: 15px;
    line-height: 0px;}

body.vgi360_dashboard .vgi360_items .vgi360_item .vgi360_title_cmd select {
    outline: none;
    border-radius: 15px;
    font-size: 14px;
    line-height: 20px;
    padding: 3px 25px 3px 10px;
    margin: 1px 3px 3px 3px;
    background-color: #ffffff;
    text-align: left;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);}

/* -------------------------------------------
Cmd Mobile Menu */

body.vgi360_dashboard .vgi360_items .vgi360_item .vgi360_title_cmd .in_cmd_mobile_menu {
    margin: 1px 2px 1px 2px;
    position: relative;
    display: inline-block;}

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title.title_cmd_mobile_menu .vgi360_title_cmd .btn_light,
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title.title_cmd_mobile_menu .in_cmd_mobile_menu,
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title.title_cmd_mobile_menu .btn_cmd_mobile_menu {float:right;}

body.vgi360_dashboard .vgi360_items .vgi360_item.title_cmd_mobile_menu .vgi360_title_cmd .in_cmd_mobile_menu .btn_light {float:none;}

/* -----------------------------------------------------------------------------
Select > Ver.JS */

body.vgi360_dashboard .uace_select .uace_select_js {
    line-height: 20px;
    border-radius: 15px;}

body.vgi360_dashboard .uace_select .uace_select_js:after {
    top: 13px;
    right: 8px;}

body.vgi360_dashboard .uace_select .uace_select_js.select-arrow-active:after {
    top: 19px;
    right: 8px;}

body.vgi360_dashboard .uace_select .uace_select_js_items {min-width: 250px;}

body.vgi360_dashboard .uace_select .uace_select_js_items div {font-size: 14px;}

/* -----------------------------------------------------------------------------
Modal > Search */

body.vgi360_dashboard .uace_modal.uacem_vgi360_search_filter .uace_modal_content .modal_area .vgi360_search_engine_item {
    display: inline-block;
    box-sizing: border-box;
    padding: 0px 5px 0px 5px;
    line-height: 50px;
    font-size: 15px;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_search_filter .modal_area input[type="text"] {
    font-size: 18px;
    padding: 5px 10px 5px 10px;
    min-width: 250px;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_search_filter .modal_area select {padding: 2px 20px 2px 2px;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_search_filter .modal_area input,
body.vgi360_dashboard .uace_modal.uacem_vgi360_search_filter .modal_area select {
    background-color: #fff;
    border: 1px solid #ccc;
    margin: -4px 0px 0px 0px;
    box-shadow: none;
    transition: 0.2s ease all;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_search_filter .modal_area input:hover,
body.vgi360_dashboard .uace_modal.uacem_vgi360_search_filter .modal_area input:focus,
body.vgi360_dashboard .uace_modal.uacem_vgi360_search_filter .modal_area select:hover,
body.vgi360_dashboard .uace_modal.uacem_vgi360_search_filter .modal_area select:focus {
    border: 1px solid #84adff;
    box-shadow: inset 0px 3px 6px rgba(102, 153, 255, 0.175);
    transition: 0.2s ease all;}

/* -----------------------------------------------------------------------------
Modal > History & Notes */

body.vgi360_dashboard .uace_modal.uacem_assignment_history .modal_area {position: relative;}

body.vgi360_dashboard .uace_modal.uacem_assignment_history .cont_info_history,
body.vgi360_dashboard .uace_modal.uacem_assignment_history .cont_notes,
body.vgi360_dashboard .uace_modal.uacem_assignment_history .cont_buttons {
    position: relative;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 15px 0px 15px 0px;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    line-height: 20px;
    text-align: left;}

body.vgi360_dashboard .uace_modal.uacem_assignment_history .cont_info_history {
    padding: 5px 5px 15px 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    line-height: 18px;
    max-height: 150px;
    overflow: auto;}

body.vgi360_dashboard .uace_modal.uacem_assignment_history .cont_info_history ul {list-style-type: circle;}

body.vgi360_dashboard .uace_modal.uacem_assignment_history .cont_notes {border-bottom: 0px solid transparent;}

body.vgi360_dashboard .uace_modal.uacem_assignment_history .cont_notes textarea {
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    height: 200px;
    transition: 0.2s ease all;}

body.vgi360_dashboard .uace_modal.uacem_assignment_history .cont_notes textarea:hover,
body.vgi360_dashboard .uace_modal.uacem_assignment_history .cont_notes textarea:focus {
    border: 1px solid #84adff;
    box-shadow: inset 0px 3px 6px rgba(102, 153, 255, 0.175);
    transition: 0.2s ease all;}

body.vgi360_dashboard .uace_modal.uacem_assignment_history .cont_buttons {
    padding: 0px 0px 0px 0px;
    border-bottom: 0px solid transparent;}


/* -----------------------------------------------------------------------------
Modal > Sets */

body.vgi360_dashboard .uace_modal.uacem_vgi360_sets .uace_modal_content {
    width: 90%;
    max-width: 1080px;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_sets .modal_area .info_txt {
    padding: 0px 0px 15px 0px;
    font-size: 14px;
    line-height: 20px;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_sets .modal_area .sets_map {
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 10px 10px 10px 10px;
    overflow: auto;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_sets .modal_area .sets_map ul,
body.vgi360_dashboard .uace_modal.uacem_vgi360_sets .modal_area .sets_map ul li {
    font-size: 15px;
    line-height: 20px;
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 15px;
    list-style-type: circle;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_sets .modal_area .sets_map ul li {margin: 10px 25px 10px 10px;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_sets .modal_area .sets_map .btn_light {margin: 0px 0px 0px 0px;}


/* -----------------------------------------------------------------------------
Search Bar + New Item */

body.vgi360_dashboard .search_bar {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    border:1px solid #ccc;
    margin: 5px 0px 5px 0px;}

body.vgi360_dashboard .search_bar input[type="text"] {
    padding: 6px 50px 6px 5px;
    border:0px solid transparent;
    width: 100%;
    z-index: 1;}

body.vgi360_dashboard .search_bar .btn_light.btn_search,
body.vgi360_dashboard .search_bar .btn_light.btn_new {
    position: absolute;
    top:0px;
    right:0px;
    bottom:auto;
    left:auto;
    z-index: 2;}

body.vgi360_dashboard .uacem_manage_user_worker_groups .btn_light.btn_search {right:40px;}

body.vgi360_dashboard .uacem_manage_user_worker_groups .btn_light.btn_new {right:0px;}

/* -----------------------------------------------------------------------------
 Worker > Cash Out */

body.vgi360_dashboard .vgi360_items .vgi360_worker_cash_out .vgi360_item.vgi360_controls_cash_out {margin-top: 15px;}

body.vgi360_dashboard .vgi360_items .vgi360_worker_cash_out .vgi360_title_txt .txt_light.txt_infos {font-size: 15px;}

/* -----------------------------------------------------------------------------
 Worker > Find Reserved */

body.vgi360_dashboard .vgi360_items .vgi360_assignments_reserved {display: none;}

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_assignments_reserved,
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_wide.vgi360_assignments_reserved,
body.vgi360_dashboard .vgi360_items .vgi360_assignments_reserved input[type="text"] {
    margin: 0px 0px 0px 0px;
    line-height: 40px;
    min-height: 40px;}

body.vgi360_dashboard .vgi360_items .vgi360_assignments_reserved input[type="text"] {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin: 0px 0px 0px 0px;
    padding: 5px 50px 5px 15px;
    border:0px solid transparent;
    line-height: 30px;
    border-radius: 0px;
    z-index: 1;}

body.vgi360_dashboard .vgi360_items .vgi360_assignments_reserved .btn_light.btn_search_reserved {
    position: absolute;
    top:3px;
    right:5px;
    left:auto;
    bottom:auto;
    z-index: 2;}

/* -----------------------------------------------------------------------------
CSA > Networks */

body.vgi360_dashboard .vgi360_manage_networks  .network_name {width: 100%;}

/* -----------------------------------------------------------------------------
Modal > Table Select */

body.vgi360_dashboard .uace_modal.table_select .uace_modal_content {
    max-width: 90%;
    width: 700px;}

body.vgi360_dashboard .uace_modal.table_select .search_bar {margin: 0px 0px 15px 0px;}

body.vgi360_dashboard .uace_modal.table_select .table_responsive {
    max-width: 665px;
    margin-bottom: 10px;}

body.vgi360_dashboard .uace_modal.table_select table {min-width: 660px;}

body.vgi360_dashboard .uace_modal.table_select table tr th,
body.vgi360_dashboard .uace_modal.table_select table tr td {
    padding: 5px 5px 5px 5px;
    line-height: 25px;
    font-size: 15px;
    min-width: 80px;
    text-align: left;
    transition: 0.2s ease all;}

body.vgi360_dashboard .uace_modal.table_select table tr th {
    font-family: "OpenSans-Regular", sans-serif, arial;
    color: #333;
    background-color: rgba(255, 255, 255, 0.6);} 

body.vgi360_dashboard .uace_modal.table_select table tr:hover td,
body.vgi360_dashboard .uace_modal.table_select table tr:focus td {
    background-color: rgba(218, 234, 255, 0.4);
    box-shadow: 0px 3px 0px rgba(218, 234, 255, 0.6);
    transition: 0.2s ease all;}

body.vgi360_dashboard .uace_modal.table_select table select {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    background-color: #fff;}

/* -----------------------------------------------------------------------------
Modal > Title Big */

body.vgi360_dashboard .uace_modal.uacem_title_big .uace_modal_title {
    height: 55px;
    left:-5px;}

/* -----------------------------------------------------------------------------
Modal > VAT settings */

body.vgi360_dashboard .uacem_vat_countries_settings input[type="text"],
body.vgi360_dashboard .uacem_vat_countries_settings input[type="number"] {width: 80px;}

body.vgi360_dashboard .uace_modal.uacem_title_big .modal_area {margin: 55px 0px 0px 0px;}

/* -----------------------------------------------------------------------------
Modal > Global Worker Settings */

body.vgi360_dashboard .uace_modal.uacem_global_worker_user_settings .uace_modal_content {width: 1000px;}

body.vgi360_dashboard .uace_modal.uacem_global_worker_user_settings.table_select .table_responsive {max-width: 965px;}

/* -----------------------------------------------------------------------------
Modal Info > Status List */

body.vgi360_dashboard .uacem_info .info_status {
    color:#666;
    box-sizing: border-box;
    text-shadow: 2px 4px 4px solid rgba(0, 0, 0, 0.1);
    padding: 10px 10px 10px 10px;}

body.vgi360_dashboard .uacem_info .status_list,
body.vgi360_dashboard .uacem_info .req_list {
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    font-size: 14px;
    line-height: 20px;}

body.vgi360_dashboard .uacem_info .status_list ul,
body.vgi360_dashboard .uacem_info .req_list ul {
    list-style: none;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;}

body.vgi360_dashboard .uacem_info .status_list ul li,
body.vgi360_dashboard .uacem_info .req_list ul li {
    position: relative;
    list-style: none;
    box-sizing: border-box;
    margin: 0px 0px 0px 15px;
    padding: 5px 10px 5px 10px;}

body.vgi360_dashboard .uacem_info .status_list ul li:last-child,
body.vgi360_dashboard .uacem_info .req_list ul li:last-child {margin: 0px 0px 0px 15px;}

body.vgi360_dashboard .uacem_info .status_list ul li:before,
body.vgi360_dashboard .uacem_info .req_list ul li:before {
    content: "\f358";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    top: 7px;
    left: -16px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    right:auto;
    bottom:auto;}

body.vgi360_dashboard .uacem_info .req_list ul li:before {content: "\f111";}

body.vgi360_dashboard .uacem_info .status_list ul li.stop:before {content: "\f28d";}

body.vgi360_dashboard .uacem_info .status_list ul li.circle:before {
    content: "\f111";}

body.vgi360_dashboard .uacem_info .status_list ul li.point:before {
    content: "\f111";
    font-weight: 900;}

body.vgi360_dashboard .uacem_info .status_list ul li.start:before {
    content: "\f358";
    font-weight: 900;}

body.vgi360_dashboard .uacem_info .status_list ul li.arrival:before {
    content: "\f140";
    font-weight: 900;}

body.vgi360_dashboard .uacem_info .status_list ul li.work_hidden:before {
    content: "\f070";}

body.vgi360_dashboard .uacem_info .status_list ul li.work_reserved:before {
    font-weight: 900;
    content: "\f292";}

body.vgi360_dashboard .uacem_info .status_list ul li.work_public:before {
    content: "\f06e";}

body.vgi360_dashboard .uacem_info .status_list ul li.work_filed:before {
    content: "\f187";
    font-weight: 900;}

body.vgi360_dashboard .uacem_info .status_list .title,
body.vgi360_dashboard .uacem_info .status_list .info {display: block;}

body.vgi360_dashboard .uacem_info .status_list .title {
    font-size: 16px;
    font-weight: bold;}

body.vgi360_dashboard .uacem_info .uace_modal_content .uace_modal_close,
body.vgi360_dashboard .uacem_info .uace_modal_content .uace_modal_expand {
    position: absolute;
    top:15px;
    right:15px;
    left:auto;
    bottom:auto;
    margin: 0px 0px 0px 0px;
    z-index: 5;}

body.vgi360_dashboard .uacem_info .uace_modal_content .uace_modal_title {
    font-family: "OpenSans-Light", sans-serif, arial;
    color:#333;}

body.vgi360_dashboard .uacem_info .uace_modal_content .uace_modal_title i {margin: 0px 0px 0px 5px;}

/* -----------------------------------------------------------------------------
Modal > Title Ul & Small Title */

body.vgi360_dashboard .uace_modal .small_title,
body.vgi360_dashboard .uacem_info .title_ul {
    font-size: 20px;
    line-height: 25px;
    padding: 0px 0px 0px 0px;
    color:#333;
    font-family: "OpenSans-Light", sans-serif, arial;
    font-weight: normal;}

body.vgi360_dashboard .uace_modal .small_title.st_normal,
body.vgi360_dashboard .uace_modal .small_title .st_normal,
body.vgi360_dashboard .uace_modal .small_title.st_light,
body.vgi360_dashboard .uace_modal .small_title .st_light {
    font-family: "OpenSans-Regular", sans-serif, arial;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;}

body.vgi360_dashboard .uace_modal .small_title.st_light,
body.vgi360_dashboard .uace_modal .small_title .st_light {font-family: "OpenSans-Light", sans-serif, arial;}

body.vgi360_dashboard .uacem_info .status_list .title_ul {padding: 10px 0px 15px 0px;}

/* -----------------------------------------------------------------------------
Modal > .uacem_info .status_list ul li ul */

body.vgi360_dashboard .uacem_info .status_list ul li ul {
    list-style: none;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;}

body.vgi360_dashboard .uacem_info .status_list ul li ul li {
    list-style-type: disc;
    padding: 1px 0px 3px 0px;}

body.vgi360_dashboard .uacem_info .status_list ul li ul li:before,
body.vgi360_dashboard .uacem_info .req_list ul li ul li:before {display: none;}

/* -----------------------------------------------------------------------------
Modal > Status */

body.vgi360_dashboard .uacem_work_status_info .uace_modal_content,
body.vgi360_dashboard .uacem_assignment_status_info .uace_modal_content,
body.vgi360_dashboard .uacem_my_orders_status_info .uace_modal_content {max-width: 900px;}

body.vgi360_dashboard .uacem_work_status_info .status_list,
body.vgi360_dashboard .uacem_assignment_status_info .status_list,
body.vgi360_dashboard .uacem_my_orders_status_info .status_list {display: none;}

body.vgi360_dashboard .uacem_info .btn_modal_show_status_legend .txt_show {display: inline-block;}
body.vgi360_dashboard .uacem_info .btn_modal_show_status_legend .txt_hide {display: none;}

body.vgi360_dashboard .uace_modal.uacem_info .row.cont_buttons {padding-top: 10px;}

/* -----------------------------------------------------------------------------
Modal > Menu Sections */

body.vgi360_dashboard .uace_modal.uacem_vgi360_menu_sections .uace_modal_content {padding: 0px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_menu_sections .modal_area .small_title {
    font-size: 18px;
    line-height: 20px;
    padding: 10px 0px 5px 0px;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_menu_sections .modal_area .small_title:first-child {padding: 0px 0px 5px 0px;}

/* -----------------------------------------------------------------------------
Modal > Users Network Settings */

body.vgi360_dashboard .uacem_users_network_settings .modal_area .row {margin-bottom: 10px;}

body.vgi360_dashboard .uacem_users_network_settings .modal_area .row.row_info {font-size: 14px;}

body.vgi360_dashboard .uacem_users_network_settings .modal_area .row .value_info {max-width: 100%;}

body.vgi360_dashboard .uacem_users_network_settings .modal_area .row .value_info input {
    width: 80px;
    margin-right: 5px;
    max-width: 90%;}

/* -----------------------------------------------------------------------------
Modal > Under Processing */

body.vgi360_dashboard .uace_modal.uacem_worker_job_under_processing .uace_modal_content {max-width: 650px;}

body.vgi360_dashboard .uace_modal.uacem_worker_job_under_processing .small_title {
    font-size: 18px;
    line-height: 30px;}

body.vgi360_dashboard .uace_modal.uacem_worker_job_under_processing .row {
    font-size: 15px;
    line-height: 20px;}

body.vgi360_dashboard .uace_modal.uacem_worker_job_under_processing .row .btn_light {margin: 10px 3px 10px 3px;}

/* -----------------------------------------------------------------------------
Modal > Do The Job */

body.vgi360_dashboard .uace_modal.uacem_worker_do_the_job .modal_area {margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal.uacem_worker_do_the_job .modal_area .row {line-height: 25px;}

/* -----------------------------------------------------------------------------
Modal > Create Payment Order / My Order Info */

body.vgi360_dashboard .uace_modal.uacem_create_payment_order .uace_modal_content,
body.vgi360_dashboard .uace_modal.uacem_my_order_info .uace_modal_content {max-width: 600px;}

body.vgi360_dashboard .uace_modal.uacem_create_payment_order .modal_area,
body.vgi360_dashboard .uace_modal.uacem_my_order_info .modal_area {margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal.uacem_create_payment_order .table_responsive,
body.vgi360_dashboard .uace_modal.uacem_my_order_info .table_responsive {max-width: 560px;}

body.vgi360_dashboard .uace_modal.uacem_create_payment_order table,
body.vgi360_dashboard .uace_modal.uacem_my_order_info table {min-width: 100%;}

body.vgi360_dashboard .uace_modal.uacem_create_payment_order table th,
body.vgi360_dashboard .uace_modal.uacem_create_payment_order table td,
body.vgi360_dashboard .uace_modal.uacem_my_order_info table th,
body.vgi360_dashboard .uace_modal.uacem_my_order_info table td {
    padding: 5px 10px 5px 10px;
    line-height: 20px;}

/* -----------------------------------------------------------------------------
Works & Final Custumers Input */

body.vgi360_dashboard .vgi360_manage_final_customers  input[type="text"],
body.vgi360_dashboard .vgi360_manage_works  input[type="text"],
body.vgi360_dashboard .vgi360_manage_works  input[type="date"] {width: 100%;}

/* -----------------------------------------------------------------------------
Modal > Business > Networks Settings */

body.vgi360_dashboard .vgi360_manage_business .uace_modal.networks_settings input[type="text"] {width: 100%;}

body.vgi360_dashboard .vgi360_manage_business .uace_modal.networks_settings .row.info {
    color: #898989;
    line-height: 25px;
    font-size: 15px;}

body.vgi360_dashboard .vgi360_manage_business .uace_modal.networks_settings .row.action {margin-top: 10px;}

/* -----------------------------------------------------------------------------
Modal > Pagamento Ordini */

body.vgi360_dashboard .uacem_my_order_payment_status .row {line-height: 25px;}

body.vgi360_dashboard .uacem_my_order_payment_status .payment_status i {
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);}

body.vgi360_dashboard .uacem_my_order_payment_status .pay_progress {color:#2285ff;}

body.vgi360_dashboard .uacem_my_order_payment_status .pay_error {color:#e8cf42;}

body.vgi360_dashboard .uacem_my_order_payment_status .pay_issued {color:#70bd48;}

/* -----------------------------------------------------------------------------
Menu > Business & Payments */

body.vgi360_dashboard .vgi360_menu_wide,
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title.vgi360_menu_wide {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 15px 0px;}

body.vgi360_dashboard .vgi360_menu_wide ul,
body.vgi360_dashboard .entry-content .vgi360_menu_wide ul,
body.vgi360_dashboard .vgi360_menu_wide ul li {
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_menu_wide ul {
    line-height: 20px;
    font-size: 16px;
    width: 100%;
    list-style: none;}

body.vgi360_dashboard .vgi360_menu_wide ul li {
    width: 33.33333%;
    padding: 0px 0px 0px 0px;
    float:left;
    margin-left: 0px;
    border-right:1px solid #ccc;
    text-align: center;}

body.vgi360_dashboard .vgi360_menu_wide ul li:last-child {border-right:0px solid #ccc;}

body.vgi360_dashboard .vgi360_menu_wide ul li a {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0px 0px 0px 0px;
    color:#666;
    background-color: rgba(255, 255, 255, 0.8);
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_menu_wide ul li.current a,
body.vgi360_dashboard .vgi360_worker_cash_out .vgi360_menu_wide ul li.link_cash_out a,
body.vgi360_dashboard .vgi360_worker_my_orders .vgi360_menu_wide ul li.link_my_orders a,
body.vgi360_dashboard .current_network_works .vgi360_menu_wide ul li.link_business a,
body.vgi360_dashboard .current_networks .vgi360_menu_wide ul li.link_business_networks a {
    color:#fff;
    background-color: #2285ff;}

body.vgi360_dashboard .vgi360_menu_wide ul li a:hover,
body.vgi360_dashboard .vgi360_menu_wide ul li a:focus {
    color:#666;
    background-color: #dfedff;
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_menu_wide ul li,
body.vgi360_dashboard .vgi360_menu_wide ul li a,
body.vgi360_dashboard .vgi360_menu_wide ul li.static {height: 50px;}

body.vgi360_dashboard .vgi360_menu_wide ul li a,
body.vgi360_dashboard .vgi360_menu_wide ul li.static {padding: 15px 10px 15px 10px;}

/* -------------------------------------------
Menu > Business & Payments > No Link */

body.vgi360_dashboard .vgi360_menu_wide ul li.static {
    text-align: left;
    font-weight: bold;
    color: #333;
    background-color: rgba(255, 255, 255, 0.8);}

body.vgi360_dashboard .vgi360_menu_wide ul li.static a {
    padding: 0px 0px 0px 0px;
    width: auto;}

/* -------------------------------------------
Menu > Business & Payments > Icon Link */

body.vgi360_dashboard .vgi360_menu_wide ul li .vgi360mw_icon_link {opacity: 0;}

body.vgi360_dashboard .vgi360_menu_wide ul li.view_link .vgi360mw_icon_link,
body.vgi360_dashboard .vgi360_worker_cash_out .vgi360_menu_wide ul li.link_my_orders .vgi360mw_icon_link,
body.vgi360_dashboard .vgi360_worker_my_orders .vgi360_menu_wide ul li.link_cash_out .vgi360mw_icon_link,
body.vgi360_dashboard .current_network_works .vgi360_menu_wide ul li.link_business_networks .vgi360mw_icon_link,
body.vgi360_dashboard .current_networks .vgi360_menu_wide ul li.link_business .vgi360mw_icon_link {opacity: 1;}

body.vgi360_dashboard .vgi360_menu_wide ul li.current .vgi360mw_icon_link {opacity: 0;}

/* -----------------------------------------------------------------------------
Menu > Billing Document */

body.vgi360_dashboard .uacem_info.uacem_my_order_billing_document .uace_modal_content {max-width: 600px;}

body.vgi360_dashboard .uacem_info.uacem_my_order_billing_document .row.action {margin-top: 15px;}

body.vgi360_dashboard .uacem_info.uacem_my_order_billing_document .vgi360_upload {
    position: relative;
    display: inline-block;
    margin: 0px auto 0px auto;
    width: 90%;
    height: auto;
    box-sizing: border-box;
    line-height: 25px;
    font-size: 14px;
    padding: 10px 10px 10px 10px;
    border-radius: 15px;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
    transform: scale(0.98);
    transition: 0.2s ease all;}

body.vgi360_dashboard .uacem_info.uacem_my_order_billing_document .vgi360_upload:hover {
    transform: scale(1);
    border: 1px solid #bababa;
    background-color: #ffffff;
    transition: 0.2s ease all;}

body.vgi360_dashboard .uacem_info.uacem_my_order_billing_document .cont_iframe {max-height: 300px;}

body.vgi360_dashboard .uacem_info.uacem_my_order_billing_document .vgi360_upload input[type="file"] {max-width: 98%;}

body.vgi360_dashboard .uacem_info.uacem_my_order_billing_document .vgi360_upload,
body.vgi360_dashboard .uacem_info.uacem_my_order_billing_document .vgi360_upload input[type="file"] {cursor: pointer;}

body.vgi360_dashboard .uacem_info.uacem_my_order_billing_document .vgi360_billing_step_1,
body.vgi360_dashboard .uacem_info.uacem_my_order_billing_document .vgi360_billing_step_2,
body.vgi360_dashboard .uacem_info.uacem_my_order_billing_document .vgi360_billing_step_3,
body.vgi360_dashboard .uacem_info.uacem_my_order_billing_document .vgi360_billing_step_4 {
    border-bottom:1px solid #333;}

/* -----------------------------------------------------------------------------
Section > My Account */

section.vgi360_my_account .form-group {line-height: 50px;}

section.vgi360_my_account .form-group input {
    display: inline-block;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.07);}

section.vgi360_my_account .form-group input[type="text"],
section.vgi360_my_account .form-group input[type="email"],
section.vgi360_my_account .form-group input[type="password"],
section.vgi360_my_account .form-group input[type="number"] {
    padding: 15px 10px 15px 10px;
    line-height: 25px;
    font-size: 16px;}

section.vgi360_my_account .form-group input::placeholder {color:#ccc;}

section.vgi360_my_account .form-group [tooltip]::after {max-width: 380px;}

section.vgi360_my_account .form-group .action {
    border-top: 1px solid #ccc;
    margin: 10px 0px 0px 0px;
    padding: 10px 10px 10px 10px;}

/* -------------------------------------------
Section > My Account > Index */

section.vgi360_my_account .vgi360_my_account_index a.btn_title {outline: none;}

section.vgi360_my_account .vgi360_my_account_index .btn_title {
    position: relative;
    max-width: 90%;
    padding: 25px 0px 0px 0px;
    margin: 10px 0px 10px 0px;
    font-size: 20px;
    line-height: 30px;
    cursor: pointer;
    transition: 0.2s ease all;}

section.vgi360_my_account .vgi360_my_account_index .btn_title .icon_big {
    font-size: 60px;
    line-height: 120px;
    text-align: center;
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0px auto 10px auto;
    color: #f8f8f8;
    border: 1px solid #1473e6;
    background-color: #1473e6;
    transform: scale(0.98);
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
    transition: 0.2s ease all;}

section.vgi360_my_account .vgi360_my_account_index .btn_title:hover .icon_big {
    transform: scale(1);
    color: #ffffff;
    border: 1px solid #2285ff;
    background-color: #2285ff;
    transition: 0.2s ease all;}

section.vgi360_my_account .vgi360_my_account_index .btn_title .info {
    outline: none;
    color:#666;
    font-size: 15px;
    line-height: 25px;
    min-height: 75px;
    margin-top: 10px;
    max-width: 100%;
    width: 300px;
    transition: 0.2s ease all;}

section.vgi360_my_account .vgi360_my_account_index .btn_show_all_account_settings {display: inline-block;}

section.vgi360_my_account .vgi360_my_account_index .btn_hide_all_account_settings {display: none;}

/* -------------------------------------------
Section > My Account > All (Show Hide JS) */

section.vgi360_my_account .vgi360_manage_account,
section.vgi360_my_account .vgi360_personal_data,
section.vgi360_my_account .vgi360_payments {display: none;}

section.vgi360_my_account .vgi360_my_account_index,
section.vgi360_my_account .vgi360_manage_account,
section.vgi360_my_account .vgi360_personal_data,
section.vgi360_my_account .vgi360_payments,
section.vgi360_my_account .change_password_items,
section.vgi360_my_account .change_password_items_read,
section.vgi360_my_account .gdpr_account_data,
section.vgi360_my_account .gdpr_delete_account {width: 100%;}

section.vgi360_my_account .action .change_password_items,
section.vgi360_my_account .action .change_password_items_read {width: auto;}

section.vgi360_my_account .change_password_items,
section.vgi360_my_account .gdpr_account_data,
section.vgi360_my_account .gdpr_delete_account {display: none;}

section.vgi360_my_account .change_password_items_read {display: inline-block;}

/* -----------------------------------------------------------------------------
Section > Downloads */

section.vgi360_downloads .vgi360_item .gc_app {
    box-shadow: none;
    background-color: transparent;
    border:1px solid transparent;
    margin: 10px auto 10px auto;}

section.vgi360_downloads .vgi360_item .system_req {
    position: relative;
    width: 100%;
    padding: 2px 15px 15px 15px;
    margin: 0px auto 40px auto;}

section.vgi360_downloads .vgi360_item .gc_app .info_txt {display: none;}

section.vgi360_downloads .vgi360_item .gc_app .desc_app {
    height: auto;
    min-height: 25px;}

section.vgi360_downloads .vgi360_item .gc_app .cont_btn {margin:0px 0px 0px 0px;}

section.vgi360_download .sc_page_download {margin: 25px 0px 50px 0px;}

/* -----------------------------------------------------------------------------
Counter > Page Views Count Plugin */

body .pvc_stats {
    font-size: 12px;
    text-align: center;
    float:none;
    clear:both;
    margin: 10px auto 10px auto;
    padding: 5px 5px 5px 5px;
    color: #666;
    display: none;}

/* -----------------------------------------------------------------------------
Forms > Esito */

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

/*
body.vgi360_dashboard .vgi360_error,
body.vgi360_dashboard table tr td.vgi360_error {background-color: rgba(255, 27, 27, 0.9) !important;}
*/

body.vgi360_dashboard .vgi360_error[tooltip]::after,
body.vgi360_dashboard .vgi360_error[tooltip]::before {
    box-shadow: 2px 4px 4px rgba(255, 27, 27, 0.1);
    opacity: 1;}

body.vgi360_dashboard .vgi360_error[tooltip]::after {
    background: rgba(255, 27, 27, 0.9);}

body.vgi360_dashboard .vgi360_error[tooltip]::before {
    border-color: rgba(255, 27, 27, 0.9) transparent transparent transparent;}

body.vgi360_dashboard .vgi360_error.nocss[tooltip]::after,
body.vgi360_dashboard .vgi360_error.nocss[tooltip]::before {display: block !important;}

/* -------------------------------------------
Success */

/*
body.vgi360_dashboard .vgi360_success,
body.vgi360_dashboard table tr td.vgi360_success {background-color: rgba(107, 222, 133, 0.9) !important;}
*/

body.vgi360_dashboard .vgi360_success[tooltip]::after,
body.vgi360_dashboard .vgi360_success[tooltip]::before {
    box-shadow: 2px 4px 4px rgba(107, 222, 133, 0.1);
    opacity: 1;}

body.vgi360_dashboard .vgi360_success[tooltip]::after {
    background: rgba(107, 222, 133, 0.9);}

body.vgi360_dashboard .vgi360_success[tooltip]::before {
    border-color: rgba(107, 222, 133, 0.9) transparent transparent transparent;}

body.vgi360_dashboard .vgi360_success.nocss[tooltip]::after,
body.vgi360_dashboard .vgi360_success.nocss[tooltip]::before {display: block !important;}

/* -----------------------------------------------------------------------------
Modal > Info Contact Assignments (CF7) */

body.vgi360_dashboard .uace_modal.uacem_info_contact .uace_modal_title {
    font-size: 16px;
    line-height: 40px;
    height: 40px;}

body.vgi360_dashboard .uace_modal.uacem_info_contact .modal_area {margin: 15px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal.uacem_info_contact .modal_area .show_id {
    padding: 10px 0px 10px 0px;
    font-size: 25px;
    color:#333;}

body.vgi360_dashboard .uace_modal.uacem_info_contact .modal_area .wpcf7 {line-height: 30px;}

body.vgi360_dashboard .uace_modal.uacem_info_contact .modal_area .wpcf7 .modulo_oggetto,
body.vgi360_dashboard .uace_modal.uacem_info_contact .modal_area .wpcf7 .modulo_destinatario,
body.vgi360_dashboard .uace_modal.uacem_info_contact .modal_area .wpcf7 .modulo_username,
body.vgi360_dashboard .uace_modal.uacem_info_contact .modal_area .wpcf7 .modulo_user_email,
body.vgi360_dashboard .uace_modal.uacem_info_contact .modal_area .wpcf7 .modulo_user_tel {display: none;}

body.vgi360_dashboard .uace_modal.uacem_info_contact .modal_area .wpcf7 .captcha_txt,
body.vgi360_dashboard .uace_modal.uacem_info_contact .modal_area .wpcf7 .captcha_img {display: inline-block;}

body.vgi360_dashboard .uace_modal.uacem_info_contact .modal_area .wpcf7 .wpcf7-submit {margin-top: 15px;}

/* -----------------------------------------------------------------------------
Notifiche */

/* -------------------------------------------
AVVISI (.vgi360_warnings) */

/* Nascondi / Mostra */
body.vgi360_dashboard .vgi360_warnings .content_vgi360_warnings,
body.vgi360_dashboard .vgi360_warnings .vgi360w_commands,
body.vgi360_dashboard .vgi360_warnings .vgi360w_warnings {
    position: relative;
    width: 100%;}

body.vgi360_dashboard .vgi360_warnings .vgi360w_commands {
    position: absolute;
    width: auto;
    display: inline-block;
    top:10px;
    right:10px;
    left:auto;
    bottom:auto;
    z-index: 50;}

body.vgi360_dashboard .vgi360_warnings .vgi360w_commands.vgi360w_hidden {
    top:-40px;
    right:0px;}

body.vgi360_dashboard .vgi360_warnings .vgi360w_commands .btn_show_warnings {
    float:right;
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_warnings .vgi360w_commands .btn_light {
    margin: 0px 0px 0px 0px;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);}

body.vgi360_dashboard .vgi360_warnings .vgi360w_commands .btn_light i {margin: 0pc 0pc 0pc 0pc;}

/* vgi360 Warnings */
body.vgi360_dashboard .vgi360_warnings .vgi360_item.vgi360_wide {
    margin-bottom: 15px;}

body.vgi360_dashboard .vgi360_items .vgi360_warnings .vgi360_item,
body.vgi360_dashboard .vgi360_items .vgi360_warnings .vgi360_item.vgi360_title,
body.vgi360_dashboard .vgi360_items .vgi360_warnings .vgi360_item.vgi360_wide.vgi360_title {
    padding: 5px 50px 5px 10px;}

body.vgi360_dashboard .vgi360_warnings i {
    margin-right:5px;
    font-size: 18;}

body.vgi360_dashboard .vgi360_warnings h2,
body.vgi360_dashboard .vgi360_warnings .text_message {
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;}

body.vgi360_dashboard .vgi360_warnings h2 {
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: "OpenSans-Bold", sans-serif, arial;}

body.vgi360_dashboard .vgi360_warnings .text_message {
    font-family: "OpenSans-Light", sans-serif, arial;}

/* -------------------------------------------
CENTRO NOTIFICHE (.uacem_user_notifications) */

body.vgi360_dashboard .uace_modal.uacem_user_notifications .uace_modal_overlay {background-color: rgba(0,0,0,0.6);}

body.vgi360_dashboard .uace_modal.uacem_user_notifications .uace_modal_content {
    max-width: 95%;
    width: 1080px;
    max-height: 100vh;
    margin: 40px auto 0px auto;
    border: 0px solid transparent;
    background-color: transparent;}

body.vgi360_dashboard .uace_modal.uacem_user_notifications .uace_modal_content .uace_modal_close,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .uace_modal_content .uace_modal_expand,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .uace_modal_content .uace_modal_change_side,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .uace_modal_content .uace_modal_minimize {
    position: absolute;
    top:22px;
    right:20px;
    left:auto;
    bottom:auto;
    margin: 0px 0px 0px 0px;
    font-size: 40px;
    color: #fff;
    transform: scale(0.8);
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
    transition: 0.2s ease all;}

body.vgi360_dashboard .uace_modal.uacem_user_notifications .uace_modal_content .uace_modal_expand {right:50px;}

body.vgi360_dashboard .uace_modal.uacem_user_notifications .uace_modal_content .uace_modal_close:hover,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .uace_modal_content .uace_modal_expand:hover {
    transform: scale(1.0);
    transition: 0.2s ease all;}

body.vgi360_dashboard .uace_modal.uacem_user_notifications .uace_modal_content .uace_modal_title {
    position: relative;
    display: inline-block;
    background-color: transparent;
    color:rgba(255, 255, 255, 0.95);
    padding: 2px 2px 15px 2px;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    font-size: 20px;
    line-height: 25px;
    width: 100%;
    height: auto;}

body.vgi360_dashboard .uace_modal.uacem_user_notifications .uace_modal_content .modal_area {
    overflow: auto;
    height: 75vh;
    margin: 0px 0px 0px 0px;}
    
/* -------------------------------------------
NOTIFICA (.vgi360_notice) */

body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice {
    text-align: left;
    position: relative;
    width: 99%;
    height: auto;
    background-color: #fff;
    border-radius: 15px;
    padding: 15px 15px 15px 15px;
    margin: 0px auto 15px 0px;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);}

body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice h2,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice .text_message {
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    color:#666;
    font-family: "OpenSans-Light", sans-serif, arial;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice h2 {
    font-family: "OpenSans-Bold", sans-serif, arial;
    padding: 0px 250px 10px 0px;}

body.vgi360_dashboard .uace_modal.uacem_user_notifications .vgi360_notice .vgi360_notice_info_action {
    position: absolute;
    top:5px;
    right:5px;
    left:auto;
    bottom:auto;}

body.vgi360_dashboard .uace_modal.uacem_user_notifications .vgi360_notice .notice_time,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .vgi360_notice .btn_delete_notice {
    display: inline-block;
    float:left;}

/* -------------------------------------------
COLORI > AVVISI & NOTIFICHE */

/* Icone > notifiche */
body.vgi360_dashboard i.icon_warning {
    color: #d4a007;
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);}

/* Icone */
body.vgi360_dashboard .vgi360_warnings i,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice i {
    text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);}


/* Verde */
body.vgi360_dashboard .vgi360_items .vgi360_warnings .alert-success.vgi360_item,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: transparent;}

body.vgi360_dashboard .entry-content .vgi360_warnings .alert-success.vgi360_item h2,
body.vgi360_dashboard .vgi360_warnings.alert-success .vgi360_item .text_message,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice.alert-success h2,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice.alert-success .text_message {color: #155724;}

/* Giallo */
body.vgi360_dashboard .vgi360_items .vgi360_warnings .alert-warning.vgi360_item,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: transparent;}

body.vgi360_dashboard .entry-content .vgi360_warnings .alert-warning.vgi360_item h2,
body.vgi360_dashboard .vgi360_warnings.alert-warning .vgi360_item .text_message,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice.alert-warning h2,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice.alert-warning .text_message {color: #856404;}

/* Rosso */
body.vgi360_dashboard .vgi360_items .vgi360_warnings .alert-danger.vgi360_item,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: transparent;}

body.vgi360_dashboard .entry-content .vgi360_warnings .alert-danger.vgi360_item h2,
body.vgi360_dashboard .vgi360_warnings.alert-danger .vgi360_item .text_message,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice.alert-danger h2,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice.alert-danger .text_message {color: #721c24;}

/* Blu */
body.vgi360_dashboard .vgi360_items .vgi360_warnings .alert-notice.vgi360_item,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice.alert-notice {
    color: #004085;
    background-color: #cce5ff;
    border-color: transparent;}

body.vgi360_dashboard .entry-content .vgi360_warnings .alert-notice.vgi360_item h2,
body.vgi360_dashboard .vgi360_warnings.alert-notice .vgi360_item .text_message,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice.alert-notice h2,
body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice.alert-notice .text_message {color: #004085;}

/* -----------------------------------------------------------------------------
Input > File */

body.vgi360_dashboard input[type="file"] {
    font-size: 15px;
    line-height: 20px;
    max-width: 100%;}

body.vgi360_dashboard table input[type="file"] {
    padding: 5px 5px 5px 5px;
    border: 1px solid #ddd;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    transition:0.2s ease all;}

body.vgi360_dashboard table input[type="file"]:hover {
    background-color: rgb(255, 255, 255);
    transition:0.2s ease all;}

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

/* -------------------------------------------
Cont > Edit */

body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_item_padd {
    padding:10px 10px 10px 10px;}

/* -------------------------------------------
Azioni e Comandi */

body.vgi360_dashboard .vgi360_item .jce_menu_info_actions {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    line-height: 40px;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    z-index: 10;}

body.vgi360_dashboard .vgi360_item .jce_menu_info_actions:first-child {margin: 0px 0px 10px 0px;}

body.vgi360_dashboard .vgi360_item .jce_menu_info_actions .jce_menu_info {
    text-align: left;
    float:left;
    display: inline-block;
    font-size: 14px;
    padding:8px 5px 8px 5px;
    line-height: 20px;
    color: #333;}

body.vgi360_dashboard .vgi360_item .jce_menu_info_actions .jce_menu_actions {
    text-align: right;
    float:right;
    display: inline-block;}

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

body.vgi360_dashboard .vgi360_item .jce_menu ul,
body.vgi360_dashboard .vgi360_item .jce_menu 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 ul {
    border:1px solid transparent;
    transition: 0s ease all;}

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

body.vgi360_dashboard .vgi360_item .jce_menu ul li ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 40px;}

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

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

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

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

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

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item_new,
body.vgi360_dashboard .vgi360_item .jce_menu ul li.jce_menu_item_new,
body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item_add_new,
body.vgi360_dashboard .vgi360_item .jce_menu ul li.jce_menu_item_add_new {display: none;}

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

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    line-height: 40px;
    min-height: 40px;
    padding: 2px 2px 10px 2px;
    margin: 0px 0px 0px 0px;
    max-width: 100%;
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_item_box {
    width:500px; /* Item Width */
    float:left;}

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

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_icon,
body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_btns,
body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_input,
body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_input_content {
    float:left;
    width: auto;
    line-height: 0px;}

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_input,
body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_input_content {position: relative;}

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

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_input_content {
    position: relative;
    width: 100%;
    max-width: 88%; /* Mobile */
    height: auto;
    box-sizing: border-box;
    margin: 0px 0px 0px 0px;
    padding: 1px 5px 5px 5px;}

/* Input > Textarea */
body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_input_content textarea {
    width: 360px; /* 220px */
    max-width: 100%;
    line-height: 20px;
    min-height: 32px;
    font-size: 14px;
    height: 32px; /* Autosize JS */
    box-sizing: border-box;
    /* border: 1px solid #ccc; */
    border: 1px solid transparent;
    background-color: transparent;
    border-radius: 2px;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    transition: 0.2s ease all;}

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

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_icon {
    font-size: 10px;
    padding: 0px 10px 0px 0px;
    color: #666;}

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

body.vgi360_dashboard .vgi360_item .jce_menu .btn_light {margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_input {
    position: relative;
    width: calc(100% - 200px); /* - jce_menu_btns */
    max-width: 100%;
    height: 37px;
    line-height: 37px;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;}

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_input label,
body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_input input {
    position: absolute;
    width: auto;
    height: auto;
    max-width: 100%;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index: 10;}

/* Input > Text */
body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_input input {
    top:6px;
    bottom:auto;
    left: 0px;
    right: 0px;
    height: 25px;
    line-height: 25px;
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    border:0px solid transparent;
    border-bottom: 1px dashed #888888;
    border-radius: 0px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;}

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_input input[type="text"] {
    width: calc(100% - 10px);
    max-width:none;
    margin: 0px 5px 0px 5px;
    padding: 0px 5px 0px 5px;}

/* Edit > Card */
body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_input .item_archive_card,
body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_input .item_archive_card {
    position: absolute;
    top:0px;
    right:0px;
    left:auto;
    bottom:auto;}

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_input .item_archive_card .btn_light,
body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_input .item_archive_card .btn_light {
    opacity: 0.7;
    z-index: 15;}

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_input .item_archive_card .btn_light:hover,
body.vgi360_dashboard .vgi360_item .jce_menu_light .jce_menu_item .jce_menu_input .item_archive_card .btn_light:hover {
    opacity: 1;}

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

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_btns .btn_light {
    float:left;
    line-height: 25px;
    padding: 5px 3px 5px 3px;}

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_btns .btn_checkbox_toggle {
    float:left;
    padding: 7px 3px 3px 3px;}

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

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

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

body.vgi360_dashboard .vgi360_item .jce_menu .btn_light.btn_icona .icon_vgi360 {
    width: 22px;
    height: 22px;
    margin: 3px 0px -3px 0px;}

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

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

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

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

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

/* -------------------------------------------
Debug

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_btns {background-color: rgb(41, 230, 34);}

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_input {background-color: rgb(200, 230, 34);}

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_item_box {background-color: rgb(221, 67, 67);}

body.vgi360_dashboard .jce_menu .jce_menu_item .jce_menu_btns_mobile {background-color: rgb(27, 146, 161);}
*/

/* -----------------------------------------------------------------------------
Menu Mobile */

body.vgi360_dashboard .jce_menu .jce_menu_item .jce_menu_btns_mobile {float: left;}

/* -------------------------------------------
Menu > Tipo Elemento */

body.vgi360_dashboard .jce_menu .jce_menu_item_type .btn_item_type {z-index: 5;}

body.vgi360_dashboard .jce_menu .jce_menu_item_type .menu_select_type {
    position: absolute;
    top:auto;
    left:auto;
    right:70px;
    bottom:5px;
    width: 180px;
    height: auto;
    background-color: #ffffff;
    border:1px solid #ccc;
    border-radius: 2px;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    display: none;
    z-index: 10;}

body.vgi360_dashboard .jce_menu .jce_menu_item_type .menu_select_type .menu_select_type_title {
    font-size: 15px;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 5px 5px;}

body.vgi360_dashboard .jce_menu .jce_menu_item_type .menu_select_type select {
    margin: 0px 0px 0px 0px;
    padding: 2px 20px 2px 5px;
    text-align: left;
    width: 100%;
    max-width: 100%;}

body.vgi360_dashboard .jce_menu .jce_menu_item_type .menu_select_type .btn_menu_select_type_close {
    position: absolute;
    top:0px;
    right:0px;
    bottom:auto;
    left:auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    z-index: 10;}


/* -------------------------------------------
Errors */
body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_errors {
    position: relative;
    display: block;
    max-width: 90%;
    width: 450px;
    height: auto;
    padding: 5px 10px 10px 53px;
    font-size: 14px;
    line-height: 20px;}

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

body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_errors .alert::before {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 10px;
    left: -25px;
    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 .jce_menu_item:hover .jce_menu_errors .alert::before {
    filter:opacity(100%);
    transition: 0.2s ease all;}

/* -------------------------------------------
All Modals */
body.vgi360_dashboard .uace_modal .uace_modal_content { max-height: calc(100vh - 10vh); }

body.vgi360_dashboard .uace_modal .uace_modal_content.uacem_is_expanded {max-width: 100% !important;}

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

.vgi360_dashboard .uace_modal.uacem_vgi360info {
    font-size: 15px;
    line-height: 20px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info .uace_modal_content {
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    margin: 60px auto 0px auto;
    width: 90vw;
    height: auto;
    max-height: calc(100vh - 120px);
    max-width: 700px;
    overflow: hidden;
    transition: 0.2s ease all;}

.vgi360_dashboard .uace_modal.uacem_vgi360info .uace_modal_content.uacem_is_expanded {
    position: relative;
    width: calc( 100% - 20px);
    height: calc( 100% - 20px);
    margin:10px auto 10px auto;
    max-width: 100%;
    max-height: 100%;
    transition: 0.2s ease all;}

.vgi360_dashboard .uace_modal.uacem_vgi360info .uace_modal_content .uace_modal_close,
.vgi360_dashboard .uace_modal.uacem_vgi360info .uace_modal_content .uace_modal_expand {
    line-height: 20px;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top:0px;
    right:0px;
    left:auto;
    bottom:auto;}

.vgi360_dashboard .uace_modal.uacem_vgi360info .uace_modal_content .uace_modal_expand {right:40px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info .uace_modal_content .uace_modal_title {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom:auto;
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    padding: 0px 50px 0px 20px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info .uace_modal_content .uace_modal_title i {
    margin: 0px 5px 0px 0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info .uace_modal_content .uace_modal_title .icon_vgi360 {
    top: 2px;
    width: 18px; 
    height: 18px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info .uace_modal_content .modal_area {
    margin: 35px 0px 0px 0px;
    max-height: calc(100vh - 175px);
    min-height: 270px;
    overflow: auto;}

.vgi360_dashboard .uace_modal.uacem_vgi360info .uace_modal_content.uacem_is_expanded .modal_area {max-height: calc(100vh - 80px);}

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

.vgi360_dashboard .uace_modal.uacem_vgi360info 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_vgi360info .ul_markers ul {overflow: auto;}

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

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

.vgi360_dashboard .uace_modal.uacem_vgi360info 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_vgi360info .modal_area h3 {display: inline-block;}

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

.vgi360_dashboard .uace_modal.uacem_vgi360info .row.separator,
.vgi360_dashboard .uace_modal.uacem_vgi360info .row.action {
    border-top: 1px solid #ddd;
    margin: 5px 0px 0px 0px;
    padding: 5px 0px 0px 0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info .row.action,
.vgi360_dashboard .uace_modal.uacem_vgi360info .row.actions,
.vgi360_dashboard .uace_modal.uacem_vgi360info .row.separator.actions {line-height: 0px;}

/* -------------------------------------------
Umodal > vgi360info 
Inline Title (Setup / Info)
*/

.vgi360_dashboard .uace_modal.uacem_vgi360info .row_inline_title {
    position: relative;
    width: 100%;
    height: auto;}

.vgi360_dashboard .uace_modal.uacem_vgi360info .row_inline_title .rinline_text,
.vgi360_dashboard .uace_modal.uacem_vgi360info .row_inline_title input[type="text"].rinline_text {
    width: calc(100% - 4px);
    height: auto;
    margin:0px 2px 0px 2px;
    padding: 3px 55px 3px 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

.vgi360_dashboard .uace_modal.uacem_vgi360info .row_inline_title .rinline_btn {
    position: absolute;
    top:0px;
    right:0px;
    bottom:auto;
    left:auto;}

/* -------------------------------------------
Modals > Info Archives > Connected Cards */

body.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_connected_cards .uace_modal_content {max-width: 850px;}

.uace_modal.uacem_connected_cards .table_responsive {width: 100%;}

/* -------------------------------------------
Modals > Info Card > Import Archives */

body.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_ic_import_archives .uace_modal_content {max-width: 1080px;}

.uace_modal.uacem_ic_import_archives .table_responsive {
    width: 100%;
    min-height: 120px;
    max-height: calc(100vh - 360px);
    overflow: auto;}

.uace_modal.uacem_ic_import_archives .uacem_is_expanded .table_responsive {
    max-height: calc(100vh - 265px);
    overflow: auto;}

.uace_modal.uacem_ic_import_archives .row.search {position: relative;}

.uace_modal.uacem_ic_import_archives .row.search input[type="text"] {
    width: calc(100% - 6px);
    box-sizing: border-box;
    margin: 0px 3px 0px 3px;
    padding: 10px 50px 10px 5px;}

.uace_modal.uacem_ic_import_archives .row.search .btn_light.btn_search_archive {
    position: absolute;
    top: 6px;
    right: 10px;}

/* -------------------------------------------
Modals > Info Card > Users Permissions */

body.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_ic_user_permissions .uace_modal_content{max-width: 1080px;}

body.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_ic_access_via_url .uace_modal_content {max-width: 800px;}

.uace_modal .form_ic_user_permissions h3.share_status {
    margin: 0px 0px 0px 0px;
    padding: 10px 5px 5px 5px;}

.uace_modal .form_ic_user_permissions .row {line-height: 25px;}

.uace_modal .form_ic_user_permissions .table_responsive {
    width: 100%;
    min-height: 120px;
    max-height: calc(100vh - 500px);
    overflow: auto;}

.uace_modal .form_ic_user_permissions .table_responsive table tr td .row {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    line-height: 0px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;}

.uace_modal .form_ic_user_permissions .table_responsive table tr td .row.info_title {
    display: block;
    padding: 10px 0px 5px 0px;
    margin: 0px 0px -10px 0px;
    line-height: 20px;
    font-size: 12px;}

.uace_modal .form_ic_user_permissions .table_responsive table tr td .row.hidden {display: none;}

.uace_modal .form_ic_user_permissions .table_responsive table tr td .row.row_first {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;}

.uace_modal .form_ic_user_permissions .uacem_is_expanded .table_responsive {
    max-height: calc(100vh - 405px);
    overflow: auto;}

.uace_modal .form_ic_user_permissions .multiple_access_area.maa_open {margin:5px 0px 0px 0px;}

.uace_modal .form_ic_user_permissions .row.search {
    position: relative;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 10px 0px;}

.uace_modal .form_ic_user_permissions .row.multiple_access {
    position: relative;
    text-align: left;}

.uace_modal .form_ic_user_permissions .row.search input[type="text"],
.uace_modal .form_ic_user_permissions .row.multiple_access input[type="text"],
.uace_modal .form_ic_user_permissions .row.multiple_access input[type="password"] {
    width: calc(100% - 6px);
    box-sizing: border-box;
    margin: 0px auto 0px auto;
    padding: 10px 10px 10px 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

.uace_modal .form_ic_user_permissions .row.search input[type="text"] {padding: 10px 105px 10px 10px;}

.uace_modal .form_ic_user_permissions .row.multiple_access label,
.uace_modal .form_ic_user_permissions .row.multiple_access label {
    position: relative;
    width: calc(50% - 6px);
    margin:0px 3px 0px 3px;
    float:left;}

.uace_modal .form_ic_user_permissions .row.multiple_access .secondary {font-size: 85%;}

.uace_modal .form_ic_user_permissions .row.multiple_access .icon_text {
    position: absolute;
    top:0px;
    left:0px;
    right:auto;
    bottom:auto;
    text-align: center;
    line-height: 45px;
    width:50px;
    height: auto;
    z-index: 2;}

.uace_modal .form_ic_user_permissions .row.search .btn_light.btn_search_add {
    position: absolute;
    top: 2px;
    right: 5px;}

.uace_modal .form_ic_user_permissions .row.search_message {padding: 0px 0px 10px 0px;}

.uace_modal .form_ic_user_permissions .show_info_icuserp {display: none;}

.uace_modal .form_ic_user_permissions .btn_show_info_icuserp {
    font-size: 14px;
    cursor:pointer;
    display: inline-block;
    color:#2872cc;}

/* BTN > User */
.uace_modal .form_ic_user_permissions .area_user .btn_user {
    width: auto;
    max-width: 250px;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 6px 3px -6px 3px;
    overflow:hidden;}

.uace_modal .form_ic_user_permissions .area_user .btn_user.user_owner,
.uace_modal .form_ic_user_permissions .area_permits .label_all_permissions {font-weight: bold;}

.uace_modal .form_ic_user_permissions .area_user .btn_user.user_owner .txt_owner,
.uace_modal .form_ic_user_permissions .area_permits .label_all_permissions .txt_owner,
.uace_modal .form_ic_user_permissions .permissions_table .label_read_only .txt_info {
    font-weight: normal;
    font-size: 85%;}

/* BTN > Copy */
.uace_modal .form_ic_user_permissions .btn_copy,
.uace_modal.uacem_ic_access_via_url   .btn_copy {
    position: relative;
    display: inline-block;
    line-height: 0px;
    max-width: 100%;
    border-radius:5px;
    color:#333;
    border: 1px solid #ccc;
    background-color: rgba(255, 255, 255, 0.5);
    cursor:pointer;
    top:10px;}

/* BTN > Copy > Table Align */
.uace_modal .form_ic_user_permissions .table_responsive table tr td .row .btn_copy {top:0px;}

.uace_modal .form_ic_user_permissions .table_responsive table tr td .row.row_first .btn_copy {top:10px;}

/* BTN > Copy > To Clipboard */
.uace_modal .form_ic_user_permissions .btn_copy .copyToClipboard {
    position: relative;
    display: inline-block;
    line-height: 25px;
    padding: 5px 10px 5px 30px;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;} /* Correction > .copyToClipboard */

/* Correction > .copyToClipboard */
body.vgi360_dashboard .uace_modal.form_ic_user_permissions td.area_data {
    padding: 0px 10px 10px 10px;
    max-width: 530px;}

.uace_modal .form_ic_user_permissions .btn_copy .copyToClipboard:after {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 10px;
    left: 10px;
    right: auto;
    bottom: auto;
    content:'\f0c5';
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    vertical-align: middle;
    font-size: 14px;
    line-height: 14px;
    text-align: center;}

.uace_modal .form_ic_user_permissions .btn_copy.active {
    color:#fff;
    border: 1px solid #2285ff;
    background-color: #2285ff;}

/* Info Hover Fx */
.uace_modal .form_ic_user_permissions .icon_hhover {opacity: 0.5;}

.uace_modal .form_ic_user_permissions .icon_hhover:hover {opacity: 1;}

/* Select > Permissions */
.uace_modal .form_ic_user_permissions .select_user_permissions {
    position: relative;
    display:inline-block;
    padding: 0px 5px 0px 5px;
    margin: 0px 3px 0px 3px;}

.uace_modal .form_ic_user_permissions .select_user_permissions .icon_select {
    display: inline-block;
    min-width:22px;
    padding:0px 5px 0px 0px;}

/* Select > First Page */
.uace_modal.uacem_ic_access_via_url .select_minimal_circle.with_icon.select_first_page label {width: 100%;}

.uace_modal.uacem_ic_access_via_url .select_minimal_circle.with_icon.select_first_page select {
    width: 100%;
    max-width: 100%;
    padding-left: 30px;}

.uace_modal.uacem_ic_access_via_url .select_minimal_circle.with_icon.select_first_page .icon {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;}

/* INPUT */
.uace_modal .form_ic_user_permissions .input_access_name label,
.uace_modal .form_ic_user_permissions .input_url label,
.uace_modal .form_ic_user_permissions .input_access_name input,
.uace_modal .form_ic_user_permissions .input_url input {width: 100%;}

.uace_modal .form_ic_user_permissions .input_access_name label {margin:0px 0px 2px 0px;}

.uace_modal .form_ic_user_permissions .input_access_name input,
.uace_modal .form_ic_user_permissions .input_url input {padding: 2px 3px 2px 30px;}

.uace_modal .form_ic_user_permissions .input_access_name .input_icon,
.uace_modal .form_ic_user_permissions .input_url .input_icon {
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    top:-3px;
    left:0px;
    right:auto;
    bottom:auto;}

/* BTN > Copy URL */
.uace_modal .form_ic_user_permissions .btn_copy.btn_copy_url_access {
    max-width: calc(100% - 40px);
    width: calc(100% - 40px);}

.uace_modal .form_ic_user_permissions .btn_copy.btn_copy_url_access .copyToClipboard {
    font-size: 14px;
    max-width: 100%;
    width: 100%}

.uace_modal .form_ic_user_permissions .btn_get_qrcode {
    position: relative;
    top: -10px;}

.uace_modal .form_ic_user_permissions .hidden,
.uace_modal .form_ic_user_permissions .select_user_permissions .icon_select.hidden {display: none;}

.uace_modal .form_ic_user_permissions .table_responsive table tr.empty_table_message td .row {
    margin: 7px 0px 7px 0px;
    line-height: 25px;}

/* -------------------------------------------
Modals > My Info Card > Importa */

body.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_import_info_card .uace_modal_content {max-width: 1080px;}

.uace_modal.uacem_import_info_card .table_responsive {width: 100%;}

.uace_modal.uacem_import_info_card .row.search {
    position: relative;
    padding: 15px 0px 10px 0px;
    margin: 0px 0px 0px 0px;}

.uace_modal.uacem_import_info_card .row.search input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    margin: 0px 0px 0px 0px;
    padding: 10px 50px 10px 10px;}

.uace_modal.uacem_import_info_card .row.search .btn_light.btn_search_add {
    position: absolute;
    top:18px;
    right:5px;}

.uace_modal.uacem_import_info_card .row.search_message {padding: 0px 0px 10px 0px;}

.uace_modal.uacem_import_info_card .show_info_icuserp {display: none;}

.uace_modal.uacem_import_info_card .btn_show_info_icuserp {
    margin: 0px 10px 0px 10px;
    font-size: 14px;
    cursor:pointer;
    display: inline-block;
    color:#2872cc;}


/* -------------------------------------------
Icons > Layers */

.icon_vgi360 {
    position: relative;
    display: inline-block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;}

.icon_vgi360,
/* Jce Menu */
.jce_menu .icon_vgi360,
.jce_menu .btn_light.btn_icona .icon_vgi360 {
    width: 25px;
    height: 25px;}

/* Menu Secondario */
.icon_vgi360.icon_menu,
.icon_vgi360.icon_small {
    top:3px;
    width: 17px;
    height: 17px;}

/* Pulsante sola Icona */
.btn_light.btn_icona .icon_vgi360 {
    width: 18px;
    height: 18px;}

/* Default Colors (SVG) */
body.vgi360_dashboard .icon_vgi360,
body.vgi360_dashboard .icon_vgi360.nolink:hover,
body.vgi360_dashboard .btn_light.btn_trasp .icon_vgi360 {background-color: #666666;}

body.vgi360_dashboard .icon_vgi360.icon_empty,
body.vgi360_dashboard .icon_vgi360.icon_empty.nolink:hover {background-color: #999999;}

body.vgi360_dashboard .icon_vgi360.icon_load,
body.vgi360_dashboard .icon_vgi360.icon_load.nolink:hover,
body.vgi360_dashboard .btn_light.btn_minimal .icon_vgi360.icon_load {background-color: #1473e6;}

body.vgi360_dashboard .vgi360_popup .icon_vgi360,
body.vgi360_dashboard .vgi360_popup .icon_vgi360.nolink:hover {background-color: #333333;}

body.vgi360_dashboard .vgi360_popup .btn_light.btn_bianco .icon_vgi360,
body.vgi360_dashboard .vgi360_popup .btn_light.btn_bianco .icon_vgi360.nolink:hover {background-color: #333333;}

body.vgi360_dashboard .vgi360_popup .btn_light.btn_bianco:hover .icon_vgi360 {background-color: #ffffff;}

body.vgi360_dashboard .icon_vgi360.icon_acs,
body.vgi360_dashboard .icon_vgi360.icon_acs.nolink:hover {background-color: #ec7f22;}

body.vgi360_dashboard .btn_light:hover .icon_vgi360 {background-color: #ffffff;}

body.vgi360_dashboard .btn_minimal:hover .icon_vgi360,
body.vgi360_dashboard .btn_minimal:focus .icon_vgi360 {background-color: #2285ff;}

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

body.vgi360_dashboard .btn_light.btn_minimal:hover .icon_vgi360.icon_menu,
body.vgi360_dashboard .btn_light.btn_minimal:focus .icon_vgi360.icon_menu {background-color: #004cff;}

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

/* -------------------------------------------
Icons > .faicon_vgi360 > (Custom Font Awesome) */

body.vgi360_dashboard .faicon_vgi360::before {
    /* Dafault: fas fa-info-circle */
    content: '\f05a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;}

body.vgi360_dashboard .faicon_vgi360.fai_exclamation_circle::before {content: '\f06a';}

body.vgi360_dashboard .faicon_vgi360.fai_exclamation_triangle::before {content: '\f071';}

/* -------------------------------------------
Icons > IC Logo */

.icon_vgi360.icon_ic_logo {
    -webkit-mask-image: url(../images/icons/ic_logo.svg);
    mask-image: url(../images/icons/ic_logo.svg);
    mask: url(../images/icons/ic_logo.svg);}

.btn_light.btn_blu .icon_vgi360.icon_ic_logo {background-color: #ffffff;}

/* -------------------------------------------
Icons > Layer (Layers Buttons) */

.icon_vgi360.icon_layer {
    -webkit-mask-image: url(../images/icons/layer.svg);
    mask-image: url(../images/icons/layer.svg);
    mask: url(../images/icons/layer.svg);}

.card_report ul li a .icon_vgi360.icon_layer {background-color: #1473e6;}

.btn_light.btn_blu .icon_vgi360.icon_layer {background-color: #ffffff;}

/* -------------------------------------------
Icons > No Mail */

.icon_vgi360.icon_no_mail {
    -webkit-mask-image: url(../images/icons/no-mail.svg);
    mask-image: url(../images/icons/no-mail.svg);
    mask: url(../images/icons/no-mail.svg);}

.card_report ul li a .icon_vgi360.icon_no_mail {background-color: #1473e6;}

.btn_light.btn_blu .icon_vgi360.icon_no_mail {background-color: #ffffff;}

/* -------------------------------------------
Icons > Polygon */

.icon_vgi360.icon_polygon {
    -webkit-mask-image: url(../images/icons/polygon.svg);
    mask-image: url(../images/icons/polygon.svg);
    mask: url(../images/icons/polygon.svg);}

.card_report ul li a .icon_vgi360.icon_polygon,
.btn_light.btn_minimalblu .icon_vgi360.icon_polygon {background-color: #1473e6;}

.btn_light.btn_blu .icon_vgi360.icon_polygon {background-color: #ffffff;}

/* -------------------------------------------
Icons > Info Polygon */

.icon_vgi360.icon_info_polygon {
    -webkit-mask-image: url(../images/icons/info_polygon.svg);
    mask-image: url(../images/icons/info_polygon.svg);
    mask: url(../images/icons/info_polygon.svg);}

.card_report ul li a .icon_vgi360.icon_info_polygon,
.btn_light.btn_minimalblu .icon_vgi360.icon_info_polygon {background-color: #1473e6;}

.btn_light.btn_blu .icon_vgi360.icon_info_polygon {background-color: #ffffff;}

/* -------------------------------------------
Icons > File DXF */

.icon_vgi360.icon_file_dxf {
    -webkit-mask-image: url(../images/icons/file-dxf.svg);
    mask-image: url(../images/icons/file-dxf.svg);
    mask: url(../images/icons/file-dxf.svg);}

.card_report ul li a .icon_vgi360.icon_file_dxf,
.btn_light.btn_minimalblu .icon_vgi360.icon_file_dxf {background-color: #1473e6;}

.btn_light.btn_blu .icon_vgi360.icon_file_dxf {background-color: #ffffff;}

/* -------------------------------------------
Icons > File SVG */

.icon_vgi360.icon_file_svg {
    -webkit-mask-image: url(../images/icons/file-svg.svg);
    mask-image: url(../images/icons/file-svg.svg);
    mask: url(../images/icons/file-svg.svg);}

.card_report ul li a .icon_vgi360.icon_file_svg,
.btn_light.btn_minimalblu .icon_vgi360.icon_file_svg {background-color: #1473e6;}

.btn_light.btn_blu .icon_vgi360.icon_file_svg {background-color: #ffffff;}

/* -------------------------------------------
Icons > Border */

.icon_vgi360.icon_border {
    -webkit-mask-image: url(../images/icons/border.svg);
    mask-image: url(../images/icons/border.svg);
    mask: url(../images/icons/border.svg);}

.card_report ul li a .icon_vgi360.icon_border,
.btn_light.btn_minimalblu .icon_vgi360.icon_border {background-color: #1473e6;}

.btn_light.btn_blu .icon_vgi360.icon_border {background-color: #ffffff;}

/* -------------------------------------------
Icons > line */

.icon_vgi360.icon_line {
    -webkit-mask-image: url(../images/icons/line.svg);
    mask-image: url(../images/icons/line.svg);
    mask: url(../images/icons/line.svg);}

.card_report ul li a .icon_vgi360.icon_line,
.btn_light.btn_minimalblu .icon_vgi360.icon_line {background-color: #1473e6;}

.btn_light.btn_blu .icon_vgi360.icon_line {background-color: #ffffff;}

/* -------------------------------------------
Icons > rectangle */

.icon_vgi360.icon_rectangle {
    -webkit-mask-image: url(../images/icons/rectangle.svg);
    mask-image: url(../images/icons/rectangle.svg);
    mask: url(../images/icons/rectangle.svg);}

.card_report ul li a .icon_vgi360.icon_rectangle,
.btn_light.btn_minimalblu .icon_vgi360.icon_rectangle {background-color: #1473e6;}

.btn_light.btn_blu .icon_vgi360.icon_rectangle {background-color: #ffffff;}

/* -------------------------------------------
Icons > circle */

.icon_vgi360.icon_circle {
    -webkit-mask-image: url(../images/icons/circle.svg);
    mask-image: url(../images/icons/circle.svg);
    mask: url(../images/icons/circle.svg);}

.card_report ul li a .icon_vgi360.icon_circle,
.btn_light.btn_minimalblu .icon_vgi360.icon_circle {background-color: #1473e6;}

.btn_light.btn_blu .icon_vgi360.icon_circle {background-color: #ffffff;}

/* -------------------------------------------
Icons > marker */

.icon_vgi360.icon_marker {
    -webkit-mask-image: url(../images/icons/marker.svg);
    mask-image: url(../images/icons/marker.svg);
    mask: url(../images/icons/marker.svg);}

.card_report ul li a .icon_vgi360.icon_marker,
.btn_light.btn_minimalblu .icon_vgi360.icon_marker {background-color: #1473e6;}

.btn_light.btn_blu .icon_vgi360.icon_marker {background-color: #ffffff;}

/* -------------------------------------------
Icons > circlemarker */

.icon_vgi360.icon_circlemarker {
    -webkit-mask-image: url(../images/icons/circlemarker.svg);
    mask-image: url(../images/icons/circlemarker.svg);
    mask: url(../images/icons/circlemarker.svg);}

.card_report ul li a .icon_vgi360.icon_circlemarker,
.btn_light.btn_minimalblu .icon_vgi360.icon_circlemarker {background-color: #1473e6;}

.btn_light.btn_blu .icon_vgi360.icon_circlemarker {background-color: #ffffff;}

/* -------------------------------------------
Icons > Layer (Layers Buttons) */

.icon_vgi360.icon_search_circle {
    -webkit-mask-image: url(../images/icons/search-circle.svg);
    mask-image: url(../images/icons/search-circle.svg);
    mask: url(../images/icons/search-circle.svg);}

/* -------------------------------------------
Icons > IC Project */

.icon_vgi360.icon_ic_project {
    -webkit-mask-image: url(../images/icons/info_card.svg);
    mask-image: url(../images/icons/info_card.svg);
    mask: url(../images/icons/info_card.svg);}

/* -------------------------------------------
Icons > Media */

.icon_vgi360.icon_media {
    -webkit-mask-image: url(../images/icons/media.svg);
    mask-image: url(../images/icons/media.svg);
    mask: url(../images/icons/media.svg);}

.icon_vgi360.icon_media_circle {
    -webkit-mask-image: url(../images/icons/media-circle.svg);
    mask-image: url(../images/icons/media-circle.svg);
    mask: url(../images/icons/media-circle.svg);}

/* -------------------------------------------
Icons > IoT Device */

.icon_vgi360.icon_iot_device {
    -webkit-mask-image: url(../images/icons/iot_device.svg);
    mask-image: url(../images/icons/iot_device.svg);
    mask: url(../images/icons/iot_device.svg);}

.icon_vgi360.icon_iot_device_circle {
    -webkit-mask-image: url(../images/icons/iot_device_circle.svg);
    mask-image: url(../images/icons/iot_device_circle.svg);
    mask: url(../images/icons/iot_device_circle.svg);}

/* -------------------------------------------
Icons > Marker List */

.icon_vgi360.icon_marker_list {
    -webkit-mask-image: url(../images/icons/marker-list.svg);
    mask-image: url(../images/icons/marker-list.svg);
    mask: url(../images/icons/marker-list.svg);}

/* -------------------------------------------
Icons > WiFI */

.icon_vgi360.icon_wifi {
    -webkit-mask-image: url(../images/icons/wifi.svg);
    mask-image: url(../images/icons/wifi.svg);
    mask: url(../images/icons/wifi.svg);}

.icon_vgi360.icon_wifi_circle {
    -webkit-mask-image: url(../images/icons/wifi_circle.svg);
    mask-image: url(../images/icons/wifi_circle.svg);
    mask: url(../images/icons/wifi_circle.svg);}

/* -------------------------------------------
Icons > Link */

.icon_vgi360.icon_link {
    -webkit-mask-image: url(../images/icons/link.svg);
    mask-image: url(../images/icons/link.svg);
    mask: url(../images/icons/link.svg);}

.icon_vgi360.icon_link_circle {
    -webkit-mask-image: url(../images/icons/link_circle.svg);
    mask-image: url(../images/icons/link_circle.svg);
    mask: url(../images/icons/link_circle.svg);}

/* -------------------------------------------
Icons > 2D Image */

.icon_vgi360.icon_2d_image {
    -webkit-mask-image: url(../images/icons/2d-image.svg);
    mask-image: url(../images/icons/2d-image.svg);
    mask: url(../images/icons/2d-image.svg);}

.icon_vgi360.icon_2d_image_circle {
    -webkit-mask-image: url(../images/icons/2d-image-circle.svg);
    mask-image: url(../images/icons/2d-image-circle.svg);
    mask: url(../images/icons/2d-image-circle.svg);}

/* -------------------------------------------
Icons > 3D Model */

.icon_vgi360.icon_3d_model {
    -webkit-mask-image: url(../images/icons/3d-model.svg);
    mask-image: url(../images/icons/3d-model.svg);
    mask: url(../images/icons/3d-model.svg);}

.icon_vgi360.icon_3d_model_circle {
    -webkit-mask-image: url(../images/icons/3d-model-circle.svg);
    mask-image: url(../images/icons/3d-model-circle.svg);
    mask: url(../images/icons/3d-model-circle.svg);}

.vgi360_media .row.actions .btn_light .icon_vgi360.icon_3d_model {background-color: #ffffff;} /* !!!!! */

/* -------------------------------------------
Icons > Point Cloud */

.icon_vgi360.icon_point_cloud {
    -webkit-mask-image: url(../images/icons/point-cloud.svg);
    mask-image: url(../images/icons/point-cloud.svg);
    mask: url(../images/icons/point-cloud.svg);}

.icon_vgi360.icon_point_cloud_circle {
    -webkit-mask-image: url(../images/icons/point-cloud-circle.svg);
    mask-image: url(../images/icons/point-cloud-circle.svg);
    mask: url(../images/icons/point-cloud-circle.svg);}
    
.icon_vgi360.icon_point_cloud_plus {
    -webkit-mask-image: url(../images/icons/point-cloud-plus.svg);
    mask-image: url(../images/icons/point-cloud-plus.svg);
    mask: url(../images/icons/point-cloud-plus.svg);}

.icon_vgi360.icon_point_cloud_group {
    -webkit-mask-image: url(../images/icons/point-cloud-group.svg);
    mask-image: url(../images/icons/point-cloud-group.svg);
    mask: url(../images/icons/point-cloud-group.svg);}
    
.icon_vgi360.icon_point_cloud_group_circle {
    -webkit-mask-image: url(../images/icons/point-cloud-group-circle.svg);
    mask-image: url(../images/icons/point-cloud-group-circle.svg);
    mask: url(../images/icons/point-cloud-group-circle.svg);}

.vgi360_media .row.actions .btn_light .icon_vgi360.icon_point_cloud {background-color: #ffffff;} /* !!!!! */

/* -------------------------------------------
Icons > Video */

.icon_vgi360.icon_video {
    -webkit-mask-image: url(../images/icons/play-empty-circle.svg);
    mask-image: url(../images/icons/play-empty-circle.svg);
    mask: url(../images/icons/play-empty-circle.svg);}

/* -------------------------------------------
Icons > Photo 360° (Layers Buttons) */

.icon_vgi360.icon_360_photo {
    -webkit-mask-image: url(../images/icons/360-photo.svg);
    mask-image: url(../images/icons/360-photo.svg);
    mask: url(../images/icons/360-photo.svg);}

.card_report ul li a .icon_vgi360.icon_360_photo {background-color: #1473e6;}

/* -------------------------------------------
Icons > Text (Layers Buttons) */

.icon_vgi360.icon_text {
    -webkit-mask-image: url(../images/icons/text.svg);
    mask-image: url(../images/icons/text.svg);
    mask: url(../images/icons/text.svg);}

.icon_vgi360.icon_text_circle {
    -webkit-mask-image: url(../images/icons/text-circle.svg);
    mask-image: url(../images/icons/text-circle.svg);
    mask: url(../images/icons/text-circle.svg);}

.card_report ul li a .icon_vgi360.icon_text,
.card_report ul li a .icon_vgi360.icon_text_circle {background-color: #0147e6;}

.icon_vgi360.icon_text.icon_menu,
.icon_vgi360.icon_text.icon_menu.nolink:hover {background-color: #ffffff;}

.btn_light.btn_bianco .icon_vgi360.icon_text.icon_menu {background-color: #000000;}

.btn_light.btn_bianco:hover .icon_vgi360.icon_text.icon_menu,
.btn_light.btn_bianco:focus .icon_vgi360.icon_text.icon_menu {background-color: #ffffff;}

.btn_light.btn_minimal .icon_vgi360.icon_text.icon_menu {background-color: #0147e6;}

.btn_light.btn_minimal:hover .icon_vgi360.icon_text.icon_menu,
.btn_light.btn_minimal:focus .icon_vgi360.icon_text.icon_menu {background-color: #0147e6;}

.vgi360_fortext .row.actions .btn_light .icon_vgi360.icon_text {background-color: #ffffff;}

/* -------------------------------------------
Icons > Card */

.icon_vgi360.icon_card {
    -webkit-mask-image: url(../images/icons/card.svg);
    mask-image: url(../images/icons/card.svg);
    mask: url(../images/icons/card.svg);}

.card_report ul li a .icon_vgi360.icon_card {background-color: #0147e6;}

.icon_vgi360.icon_card.icon_menu,
.icon_vgi360.icon_card.icon_menu.nolink:hover {background-color: #ffffff;}

/* -------------------------------------------
Icons > New Card */

.icon_vgi360.icon_newCard {
    -webkit-mask-image: url(../images/icons/new-card.svg);
    mask-image: url(../images/icons/new-card.svg);
    mask: url(../images/icons/new-card.svg);}

.card_report ul li a .icon_vgi360.icon_newCard {background-color: #0147e6;}

.icon_vgi360.icon_newCard.icon_menu,
.icon_vgi360.icon_newCard.icon_menu.nolink:hover {background-color: #ffffff;}

/* -------------------------------------------
Icons > Themes */

.icon_vgi360.icon_cog {
    -webkit-mask-image: url(../images/icons/cog.svg);
    mask-image: url(../images/icons/cog.svg);
    mask: url(../images/icons/cog.svg);}

.icon_vgi360.icon_sun {
    -webkit-mask-image: url(../images/icons/sun.svg);
    mask-image: url(../images/icons/sun.svg);
    mask: url(../images/icons/sun.svg);}

.icon_vgi360.icon_moon {
    -webkit-mask-image: url(../images/icons/moon.svg);
    mask-image: url(../images/icons/moon.svg);
    mask: url(../images/icons/moon.svg);}

.icon_vgi360.icon_menu_centred {
    -webkit-mask-image: url(../images/icons/menu-centred.svg);
    mask-image: url(../images/icons/menu-centred.svg);
    mask: url(../images/icons/menu-centred.svg);}

.icon_vgi360.icon_menu_leftright {
    -webkit-mask-image: url(../images/icons/menu-leftright.svg);
    mask-image: url(../images/icons/menu-leftright.svg);
    mask: url(../images/icons/menu-leftright.svg);}

/* -------------------------------------------
Icons > Marker */

/* All */
body.vgi360_dashboard .icon_vgi360.marker {
    background-color: transparent;
    -webkit-mask-image: none;
    mask-image: none;
    mask: none;}

/* info */
.icon_vgi360.marker_info {background-image: url(../images/markers/item.svg);}

.icon_vgi360.marker_info_link {background-image: url(../images/markers/link_360_photo_info.svg);}

/* Shape */
.icon_vgi360.marker_shape,
.icon_vgi360.marker_surface {background-image: url(../images/markers/polygon.svg);}

.icon_vgi360.marker_line {background-image: url(../images/markers/line.svg);}

/* Link */
.icon_vgi360.marker_link {background-image: url(../images/markers/link.svg);}

/* Link Photo */
.icon_vgi360.marker_360_photo_link,
.icon_vgi360.marker_360_photo_link_ground {background-image: url(../images/markers/link_360_photo.svg);}

.icon_vgi360.marker_360_photo_link_drone {background-image: url(../images/markers/link_360_photo_apr.svg);}

.icon_vgi360.marker_360_photo_link_tls {background-image: url(../images/markers/link_360_photo_tls.svg);}

/* Media */
.icon_vgi360.marker_text {background-image: url(../images/markers/text.svg);}

.icon_vgi360.marker_media_text {background-image: url(../images/markers/text_circle.svg);}

.icon_vgi360.marker_media_2d_image {background-image: url(../images/markers/2d_image.svg);}

.icon_vgi360.marker_media_3d_model {background-image: url(../images/markers/3d_model.svg);}

.icon_vgi360.marker_media_point_cloud {background-image: url(../images/markers/point_cloud.svg);}

.icon_vgi360.marker_media_point_cloud_group {background-image: url(../images/markers/point_cloud_group.svg);}

.icon_vgi360.marker_media_video {background-image: url(../images/markers/video.svg);}

.icon_vgi360.marker_media_web {background-image: url(../images/markers/link_circle.svg);}

/* 360° Photo */
.icon_vgi360.marker_360_photo,
.icon_vgi360.marker_360_photo_ground {background-image: url(../images/markers/360_photo.svg);}

.icon_vgi360.marker_360_photo_drone {background-image: url(../images/markers/360_photo_apr.svg);}

.icon_vgi360.marker_360_photo_tls {background-image: url(../images/markers/360_photo_tls.svg);}

/* Level */
.icon_vgi360.marker_level {background-image: url(../images/markers/level.svg);}

/* IoT */
.icon_vgi360.marker_iot_device {background-image: url(../images/markers/iot_device.svg);}

/* Info Shape */
.icon_vgi360.marker_info_shape {background-image: url(../images/markers/info_polygon.svg);}


/* -------------------------------------------
Icons > FaX nolink */

.fa.nolink, .fas.nolink, .far.nolink, 
.fal.nolink, .fad.nolink, .fab.nolink,
.fa.nolink:hover, .fas.nolink:hover, .far.nolink:hover, 
.fal.nolink:hover, .fad.nolink:hover, .fab.nolink:hover {
    color: #666666;}

/* -------------------------------------------
Icons > Alarm */

@keyframes bellRings {
    0%, 100% { 
        transform: rotate( 20deg);
        filter: brightness(120%);}
    50% { 
        transform: rotate(-20deg);
        filter: brightness(80%);}
}

@keyframes iconPulsates {
    0%, 100% { filter: brightness(100%); }
    50% {      filter: brightness(60%); }
}

.icon_bell.animated,
.fa-bell.animated { animation: bellRings 1s linear infinite alternate; }

.icon_hourglass.animated,
.fa-hourglass-half.animated { animation: iconPulsates 1s linear infinite; }

/* -------------------------------------------
Lista Foto 360° */

body.vgi360_dashboard .vgi360_info_card_items .vgi360_title .icon_vgi360 {
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 5px -4px 0px;
    width: 20px;
    height: 20px;}

/* 1a Foto 360° */
body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_wide.listp360, 
body.vgi360_dashboard .vgi360_items.vgi360_items_box .vgi360_item.vgi360_wide.listp360 {
    margin: 15px 0px 0px 0px;
    padding: 10px 10px 10px 10px;}

body.vgi360_dashboard .list_photo_360 .listp360 .img_link {
    position: relative;
    display: inline-block;
    float:left;
    background-color: #333;
    box-sizing: border-box;
    border: 5px solid #fff;
    width: 16.66666%;
    padding-top: 16.66666%;
    height: 0px;
    overflow: hidden;
    background-image: url(../images/loading/loading.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px 80px;}

/* Link */
body.vgi360_dashboard .list_photo_360 .listp360 .img_link a,
body.vgi360_dashboard .list_photo_360 .listp360 .img_link a .image_link,
body.vgi360_dashboard .list_photo_360 .listp360 .img_link a .img_title,
body.vgi360_dashboard .list_photo_360 .listp360 .img_link a .photo_status {
    position: absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;}

/* Title */
body.vgi360_dashboard .list_photo_360 .listp360 .img_link a .img_title,
body.vgi360_dashboard .list_photo_360 .listp360 .img_link a .img_photo_status {
    top:auto;
    left:0px;
    right:0px;
    bottom:5px;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    color:#fff;
    padding: 5px 5px 5px 5px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    transform: scale(0.9);
    transition: 0.2s ease all;}

body.vgi360_dashboard .list_photo_360 .listp360 .img_link a:hover .img_title,
body.vgi360_dashboard .list_photo_360 .listp360 .img_link a:hover .img_photo_status {
    transform: scale(1.0);
    transition: 0.2s ease all;}

/* Status */
body.vgi360_dashboard .list_photo_360 .listp360 .img_link a .img_photo_status {
    position: absolute;
    top:10px;
    right:0px;
    left:auto;
    bottom:auto;
    padding: 0px 0px 0px 0px;
    text-align: right;}

body.vgi360_dashboard .list_photo_360 .listp360 .img_link a .img_photo_status .photo_status_info {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 2px 40px 2px 2px;
    font-size: 14px;
    min-height: 25px;
    line-height: 25px;}

body.vgi360_dashboard .list_photo_360 .listp360 .img_link a .img_photo_status .photo_status_info .text {
    position: relative;
    width: 100%;
    text-align: left;}

body.vgi360_dashboard .list_photo_360 .listp360 .img_link a .img_photo_status .photo_status_info .icon_vgi360 {
    position: absolute;
    top:5px;
    right:5px;
    left:auto;
    bottom:auto;
    width: 25px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;}

/* Img */
body.vgi360_dashboard .list_photo_360 .listp360 .img_link a .image_link {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    transition: 0.2s ease all;
    filter: brightness(80%);
    /* background-image:url(../images/test/test_photo_360.jpg); */}

/* Zoom Effect */
body.vgi360_dashboard .list_photo_360 .listp360 .img_link a:hover .image_link {
    filter: brightness(100%);
    background-size: auto 110%;
    transition: 0.2s ease all;}

/* -----------------------------------------------------------------------------
Dashboard > Show Messages */

body.vgi360_dashboard .vgi360_messages .vgi360_item .page_404_face {
    color:#a0a0a0;
    padding-bottom: 0px;}

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

body.vgi360_dashboard .vgi360_messages .vgi360_me_content .inline {display: inline-block;}

/* Layout Fullscreen */
body.vgi360_dashboard.fullscreen .vgi360_messages .vgi360_me_content {
    position: absolute;
    width: auto;
    height: auto;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    /* padding: 110px 10px 10px 10px; */
    padding: 8vh 10px 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #fff;}

body.vgi360_dashboard.fullscreen .vgi360_messages .vgi360_me_content .vgi360_item.vgi360_title.vgi360_wide {line-height: 20px;}

body.vgi360_dashboard.fullscreen .vgi360-dashboard .vgi360_items .vgi360_messages .vgi360_item {
    position: relative;
    text-align: center;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    border-color: transparent;
    background-color: transparent;}

body.vgi360_dashboard.fullscreen .vgi360-dashboard .vgi360_items .vgi360_messages .vgi360_item .box_notice,
body.vgi360_dashboard.fullscreen_pb .vgi360-dashboard .vgi360_items .vgi360_messages .vgi360_item .box_notice {
    display: block;
    line-height: 20px;
    padding: 15px 15px 15px 15px;
    margin: 25px auto 25px auto;}

body.vgi360_dashboard.fullscreen .vgi360-dashboard .vgi360_items .vgi360_messages .vgi360_item .box_notice {
    width: 450px;
    max-width: 90vw;
    text-align: left;}

/* Layout Fullscreen PB */
body.vgi360_dashboard.fullscreen_pb .vgi360-dashboard .vgi360_items .vgi360_messages .vgi360_item .box_notice {width: auto;}

body.vgi360_dashboard .vgi360-dashboard .vgi360_items .vgi360_messages .box_notice .row {
    position: relative;
    display: block;
    width: 100%;
    margin: 5px 0px 10px 0px;}

body.vgi360_dashboard .vgi360-dashboard .vgi360_items .vgi360_messages .box_notice .spacer {
    display: block;
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding:10px 0px 0px 0px;}

body.vgi360_dashboard .vgi360-dashboard .vgi360_items .vgi360_messages .box_notice .notice_icon {
    font-size: 35px;
    line-height: 35px;}

body.vgi360_dashboard .vgi360-dashboard .vgi360_items .vgi360_messages .box_notice .notice_title {font-size: 20px;}

body.vgi360_dashboard .vgi360-dashboard .vgi360_items .vgi360_messages .box_notice .row.info {max-width: 500px;}

/* -----------------------------------------------------------------------------
Dashboard > Item Types */

body.vgi360_dashboard .vgi360_item_type {
    display: block;
    position: relative;
    width: 100%;
    height: auto;}

body.vgi360_dashboard .vgi360_item_type .btn_show_hide_search_types {
    margin: 0px 5px 0px 5px;
    display: inline-block;}

body.vgi360_dashboard .vgi360_item_type .btn_show_hide_search_types .btn_show_search_types {
    color:#555555;
    cursor: pointer;
    padding: 0px 0px 0px 0px;
    margin: 0px 5px 0px 5px;
    outline: none;}

body.vgi360_dashboard .vgi360_item_type .btn_show_hide_search_types .btn_show_search_types:hover {
    color: #2285ff;}

/* Note > Search */
body.vgi360_dashboard .vgi360_item_type .search_item_types_bar {
    position: relative;
    width: 100%;
    height: auto;
    display: none;}

body.vgi360_dashboard .vgi360_item_type .search_item_types_bar input[type="text"] {
    position: relative;
    width: calc(100% - 50px);
    font-size: 15px;
    line-height: 25px;
    margin: 5px 50px 5px 0px;
    padding: 5px 50px 5px 5px;
    z-index: 0;}

body.vgi360_dashboard .vgi360_item_type .search_item_types_bar .btn_light {margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_item_type .search_item_types_bar .btn_light.btn_icon {
    width: 16px;
    height: 16px;
    padding: 2px 2px 2px 2px;}

body.vgi360_dashboard .vgi360_item_type .search_item_types_bar .btn_light.btn_search_item_type {
    position: absolute;
    top:8px;
    right:55px;
    left:auto;
    bottom:auto;
    z-index: 1;}

body.vgi360_dashboard .vgi360_item_type .row .btn_light.btn_trasp,
body.vgi360_dashboard .vgi360_item_type .search_item_types_bar .btn_light.btn_trasp.btn_search_item_type {
    color: #666;
    cursor:pointer;
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_item_type .row .btn_light.btn_trasp:hover,
body.vgi360_dashboard .vgi360_item_type .search_item_types_bar .btn_light.btn_trasp.btn_search_item_type:hover {
    color: #2285ff;
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_item_type .search_item_types_bar .btn_light.btn_infos {
    position: absolute;
    top:8px;
    right:5px;
    left:auto;
    bottom:auto;
    z-index: 1;}

/* Note > New Note > Search */
body.vgi360_dashboard .vgi360_item_type .row {
    font-size: 14px;
    line-height: 20px;
    padding: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_item_type .row .btn_light {
    padding: 0px 0px 0px 0px;
    margin: 0px 5px 0px 5px;}

/* -----------------------------------------------------------------------------
Dashboard > Titolo Tipo Elemento */

body.vgi360_dashboard .vgi360_item_type .item_type_checkbox {
    position: absolute;
    width: auto;
    height: auto;
    top:0px;
    left:0px;
    right:auto;
    bottom:auto;}

body.vgi360_dashboard .vgi360_item_type .item_type_title {
    position: relative;
    display: inline-block;
    width: calc(100% - 50px);
    min-width: 250px;
    height: auto;}

body.vgi360_dashboard .vgi360_item_type .item_type_title {padding: 0px 0px 0px 25px;}

body.vgi360_dashboard .vgi360_item_type .item_type_selected .item_type_title {padding: 0px 0px 0px 0px;}

body.vgi360_dashboard .psv-container .psv-canvas-container {
    background: #ffffff !important;
    transition: 0.2s ease all;}

body.vgi360_dashboard .psv-container .psv-panel .vgi360_item_type .item_type_title .row {
    padding: 0px 0px 0px 0px;
    margin: 4px 0px 0px 0px;
    font-size: 14px;
    line-height: 25px;}

body.vgi360_dashboard .psv-container .psv-panel .vgi360_item_type .item_type_title .row:last-child {
    margin: 0px 0px 4px 0px;}

body.vgi360_dashboard .psv-container .psv-panel .modelling_smart_grid_object_type {display: none;}

body.vgi360_dashboard .vgi360_item_type .item_type_title .show_color {
    position: relative;
    display: inline-block;
    float:left;
    width: 50px;
    height: 25px;
    border-radius: 2px;
    border: 1px solid #ccc;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.08);
    background-color: #fff;}

body.vgi360_dashboard .vgi360_item_type .item_type_title .show_color.empty {
    background-image: url(../images/colors/empty.png);}

body.vgi360_dashboard .vgi360_item_type .item_type_title .txt_color {
    margin: 0px 5px 0px 5px;
    float:left;
    position: relative;
    display: inline-block;
    color: #666;}

body.vgi360_dashboard .vgi360_item_type .item_type_title .txt_color .code {
    font-family: "OpenSans-Light", sans-serif, arial;}

/* -----------------------------------------------------------------------------
Dashboard > Modal > Documenti */

body.vgi360_dashboard .vgi360_docs,
body.vgi360_dashboard .vgi360_docs .docs_list,
body.vgi360_dashboard .vgi360_docs .docs_notes,
body.vgi360_dashboard .vgi360_docs .docs_box {
    display: block;
    position: relative;
    width: 100%;
    height: auto;}

body.vgi360_dashboard .vgi360_docs .docs_list {padding: 2px 0px 2px 0px;}

body.vgi360_dashboard .vgi360_docs .docs_box {margin: 0px 0px 5px 0px;}

body.vgi360_dashboard .vgi360_docs select,
body.vgi360_dashboard .vgi360_docs input[type="checkbox"] {cursor:pointer;}

body.vgi360_dashboard .vgi360_docs .title_docs { line-height: 35px; }

body.vgi360_dashboard .vgi360_docs .docs_drive {border-top: 1px solid #e7e7e7;}

.vgi360_dashboard .uace_modal.uacem_vgi360info .modal_area .vgi360_docs h3,
body.vgi360_dashboard .vgi360_modal .vgi360_docs .row.row_title {
    max-width: 100%;
    padding-right: 200px;}

body.vgi360_dashboard .vgi360_docs .docs_options {
    position: absolute;
    top:-5px;
    right:5px;
    left:auto;
    bottom:auto;
    max-width: calc(100% - 200px);
    overflow: hidden;}

.vgi360_dashboard .vgi360_docs .docs_options .show_btn360mk_populate {
    display: inline-block;
    width: auto;
    height: auto;}

body.vgi360_dashboard .vgi360_docs .docs_order select {max-width: 100%;}

body.vgi360_dashboard .vgi360_docs .hidden {display: none !important;}

body.vgi360_dashboard .vgi360_docs .ld_oneitem {
    position: relative;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 2px 0px 0px 0px;
    border-radius: 15px;
    line-height: 40px;
    border: 1px solid transparent;
    background-color: transparent;
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_oneitem:after {
    content:' ';
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: auto;
    bottom: 0px;
    left:0px;
    right:0px;
    border-bottom: 1px solid #e7e7e7;}
    
body.vgi360_dashboard .vgi360_docs .docs_list .ld_oneitem.ld_highlights,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_oneitem:not(.hidden):last-child:after {border-bottom: 1px solid transparent;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_oneitem.ld_onefolder.ld_onefolder_open {overflow: visible;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_oneitem.ld_onefolder.ld_onefolder_open:after {bottom: -5px;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_oneitem.ld_onefolder.ld_onefolder_open.ld_highlights {border-bottom: 1px solid #e7e7e7;}

body.vgi360_dashboard .vgi360_docs .ld_oneitem.ld_info {
    font-size: 13px;
    line-height: 20px;
    padding:5px 10px 5px 10px;}

body.vgi360_dashboard .vgi360_docs .ld_item {
    position: relative;
    width: auto;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    display: inline-block;
    float:left;}

body.vgi360_dashboard .vgi360_docs .ld_item.ldi_options {overflow: hidden;}

body.vgi360_dashboard .vgi360_docs .ld_onefolder .ld_onefolder_content {
    border-top:1px solid transparent;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;}

body.vgi360_dashboard .vgi360_docs .ld_onefolder.ld_onefolder_open .ld_onefolder_content {border-top:1px solid #ddd;}

/* Folders > Show */
body.vgi360_dashboard .vgi360_docs .ld_onefolder.ld_onefolder_open {
    border:1px solid #ddd;
    background-color: rgba(221, 221, 221, 0.1);
    overflow: hidden;}

body.vgi360_dashboard .vgi360_docs .ld_onefolder .ld_onefolder_note {display: none;}

body.vgi360_dashboard .vgi360_docs .ld_onefolder.ld_onefolder_open .ld_onefolder_note {display: block;}

/* Link > Select Folders */
body.vgi360_dashboard .vgi360_docs .select_doc_folder {display: inline-block;}

body.vgi360_dashboard .vgi360_docs .select_doc_folder.select_minimal_circle select {
    text-align: left;
    max-width: 150px;}

body.vgi360_dashboard .vgi360_docs .docs_options .btn_light.btn_minimal {padding: 5px 4px 5px 4px;}

body.vgi360_dashboard .vgi360_docs .docs_list .btn_light.btn_minimal, 
body.vgi360_dashboard .vgi360_docs .docs_list .uace_modal .btn_light.btn_minimal,
body.vgi360_dashboard .vgi360_docs .docs_list .btn_light.btn_trasp, 
body.vgi360_dashboard .vgi360_docs .docs_list .uace_modal .btn_light.btn_trasp,
body.vgi360_dashboard .vgi360_docs .docs_search .btn_light.btn_minimal {padding: 5px 8px 5px 8px;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_link,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title {
    width: calc(100% - 85px);
    font-size: 13px;
    line-height: 30px;
    padding: 5px 5px 5px 5px;
    outline: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    z-index: 1;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title {
    /* 130px + Doc Number */
    width: calc(100% - 130px);}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_link .ldi_icon_b,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_link .ldi_icon_a,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .ldi_icon_b,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .ldi_icon_a {
    min-width:20px;
    margin: 0px 0px 0px 5px;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_link .ldi_icon_b,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .ldi_icon_b {
    font-size: 20px;
    margin: 5px 5px -5px 0px;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_link.ldi_read,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title.ldi_read {width: 100%;}

/* BTN */
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .btn_onefolder {
    position: relative;
    display: inline;
    cursor: pointer;}

/* Link */
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_link a,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_title {
    position: relative;
    display: inline;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 2px 5px 2px;
    margin: 0px 0px 0px 0px;
    color:#555555;
    outline: none;
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_link a {cursor: pointer;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_link a:hover {
    color:#666666;
    text-decoration: underline;
    transition: 0.2s ease all;}

/* Folder > Title */
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_title {
    position: relative;
    font-family: "OpenSans-Regular", sans-serif, arial;
    font-size: 14px;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_title .ft_title,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_title .ft_doc_number {
    display: inline-block;
    max-width: calc(100% - 40px); /* 40px for .ft_doc_number */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_title .ft_doc_number {
    text-overflow:inherit;
    color: #999999;
    font-size: 12px;
    max-width: calc(40px);}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_title .show_btn360mk_populate {
    width: auto;
    display: inline-block;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_title.highlight_title {color:#3485aa;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_title.highlight_title:hover {color:#2ea0d4;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_title .ft_doc_number:hover,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_title.highlight_title .ft_doc_number {color:#555555;}

/* Link > Public */
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc.ld_is_public .ld_item.ldi_link a,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder.ld_is_public .ld_item.ldi_link a {color:#3485aa;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc.ld_is_public .ld_item.ldi_link a:hover,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder.ld_is_public .ld_item.ldi_link a:hover {color:#2ea0d4;}

/* Rename */
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_link .doc_rename,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_link .doc_rename label,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_link .doc_rename input[type="text"],
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_rename,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_rename label,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_rename input[type="text"] {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_link .doc_rename .ldi_icon_b,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_link .doc_rename .ldi_icon_a,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_rename .ldi_icon_b,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_rename .ldi_icon_a {
    margin: 0px 0px 0px 0px;
    position: absolute;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    z-index: 1;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_link .doc_rename .ldi_icon_b,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_rename .ldi_icon_b {
    top:10px;
    left:7px;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_link .doc_rename .ldi_icon_a,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_rename .ldi_icon_a {
    top:20px;
    right:7px;}

body.vgi360_dashboard .vgi360_docs .ld_highlights input[type="text"] {
    -webkit-text-fill-color: #555555;
    color: #555555;
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom: 1px dotted #989898;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_oneitem .btn_onedoc_select input[type="checkbox"].not_allowed {opacity: 0.7;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_link .doc_rename input[type="text"],
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_rename input[type="text"] {
    position: absolute;
    height: auto;
    width: calc(100% - 62px);
    left:31px;
    right:31px;
    top: 9px;
    bottom: 6px;
    line-height: 25px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    z-index: 2;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_link .doc_rename input[type="text"]:hover,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_title .folder_rename input[type="text"]:hover {border-bottom: 1px dotted #2285ff;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_action,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_action {
    position: absolute;
    top:0px;
    right:0px;
    bottom:auto;
    left:auto;
    z-index: 2;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_row,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_row {
    position: relative;
    width: 100%;
    line-height: 20px;
    height: auto;
    min-height: 40px;
    border-top: 1px solid #ccc;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .ld_item.ldi_row .ldi_txt_info,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_row .ldi_txt_info {
    font-size: 13px;
    line-height: 40px;
    padding: 0px 5px 0px 5px;
    color:#666;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .ld_item.ldi_action .show_btn360mk_populate {
    display: inline-block;
    width: auto;}

/* Note / Avvisi | ldi_txt_info ul */
body.vgi360_dashboard .vgi360_docs .ldi_txt_info ul {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_docs .ldi_txt_info ul li {
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 25px;}

body.vgi360_dashboard .vgi360_docs .ldi_txt_info ul li.faicon_vgi360::before {
    position: absolute;
    top: 5px;
    left: -20px;
    right:auto;
    bottom:auto;}

body.vgi360_dashboard .vgi360_docs .ldi_txt_info ul li.secondary {font-size: 13px;}

/* Safe delete / Move Docs */
body.vgi360_dashboard .vgi360_docs .safedelete_docs,
body.vgi360_dashboard .vgi360_docs .move_docs {margin: 5px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_docs .safedelete_docs .ld_item,
body.vgi360_dashboard .vgi360_docs .move_docs .ld_item {
    width: 100%;
    height: auto;
    padding: 5px 5px 5px 5px;
    line-height: 25px;}

body.vgi360_dashboard .vgi360_docs .safedelete_docs .btn_light {margin: 12px 8px 2px 8px;}

body.vgi360_dashboard .vgi360_docs .move_docs .select_minimal_circle {margin: 3px 3px 0px 3px;}

/* Nuova riga da clonare */
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc.ld_onedoc_new,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder.ld_onefolder_new {display: none;}

body.vgi360_dashboard .vgi360_docs select {border-radius: 15px;}

/* Azioni Multiple */
body.vgi360_dashboard .vgi360_docs .docs_select_actions.floatr {
    margin: 0px 8px 0px 8px;
    line-height: 38px;}

/* Doc > Actions */
body.vgi360_dashboard .vgi360_docs .doc_actions {
    border-top: 1px solid #e7e7e7;
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;}

/* New Doc */
body.vgi360_dashboard .vgi360_docs .new_doc .btn_light.floatr {margin: 3px 8px 3px 8px;}

body.vgi360_dashboard .vgi360_docs .new_doc .ld_item {
    width: 100%;
    line-height: 40px;
    height: auto;}

body.vgi360_dashboard .vgi360_docs .new_doc .ld_item.ld_title {
    height: auto;
    font-size: 14px;
    line-height: 25px;
    padding: 5px 5px 0px 5px;}

body.vgi360_dashboard .vgi360_docs .new_doc .ld_item.ld_title.ld_title_type {padding: 5px 5px 5px 5px;}

body.vgi360_dashboard .vgi360_docs .new_doc .ld_item.ld_title.ld_title_upload {padding: 5px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_docs .new_doc .ld_item label {display: block;}

body.vgi360_dashboard .vgi360_docs .new_doc .ld_item .ld_input {
    position: relative;
    width: 100%;
    float:left;
    display: inline-block;
    z-index: 1;}

body.vgi360_dashboard .vgi360_docs .new_doc .ld_item .ld_input input[type="text"] {
    width: calc(100% - 4px);
    margin: 0px 4px 0px 2px;
    padding-left: 32px;}

body.vgi360_dashboard .vgi360_docs .new_doc .ld_item .ld_label {
    position: absolute;
    width: auto;
    top: 2px;
    left: 12px;
    right: auto;
    bottom: auto;
    padding: 0px 0px 0px 0px;
    z-index: 2;}

/* Upload Label > Docs */
body.vgi360_dashboard .vgi360_docs .new_doc .ld_item.upload_area {
    margin: 5px 0px 10px 0px;
    line-height: 30px;
    font-size: 15px;}

/* Area Attiva */
body.vgi360_dashboard .vgi360_docs .ld_onefolder_opt {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid transparent;
    border-radius: 15px;}

/* Evidenzia */
body.vgi360_dashboard .vgi360_docs .ld_highlights,
body.vgi360_dashboard .vgi360_docs .ld_onefolder_open.ld_highlights .ld_onefolder_opt  {
    background-color: #e4f1ff;
    border: 1px solid #b8daff;
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_docs .ld_oneitem.ld_highlights {margin: 0px 0px 5px 0px;}

body.vgi360_dashboard .ld_highlights .btn_light.btn_minimal {color:#555555;}

body.vgi360_dashboard .ld_highlights .btn_light.btn_minimal:hover {color:#1473e6;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc.ld_highlights .ld_item.ldi_action::before,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder.ld_highlights .ld_item.ldi_action::before {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 2;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .btn_light.btn_minimal.btn_selected,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .btn_light.btn_minimal.btn_selected {color: #1473e6;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .btn_ready .txt_to_save,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .btn_ready .txt_to_save {display: none;}

body.vgi360_dashboard .vgi360_docs .docs_list .ld_onedoc .btn_selected .txt_to_save,
body.vgi360_dashboard .vgi360_docs .docs_list .ld_onefolder .btn_selected .txt_to_save {display: inline-block;}

body.vgi360_dashboard .vgi360_docs .docs_notes .row {
    padding: 5px 5px 5px 5px;
    margin: 10px 0px 10px 0px;}

/* Docs > Search / New Doc */
body.vgi360_dashboard .vgi360_docs .docs_search .search_doc_text {
    position: relative;
    width: calc(100% - 4px);
    height: auto;
    z-index: 5;
    margin: 0px 2px 0px 2px;
    padding: 5px 50px 5px 5px;}

body.vgi360_dashboard .vgi360_docs .docs_search .btn_show_relevant,
body.vgi360_dashboard .vgi360_docs .docs_search .search_doc_btn {
    position: absolute;
    top:0px;
    right:4px;
    bottom:auto;
    left:auto;
    z-index: 10;}

/* Docs > Area */
body.vgi360_dashboard .uace_modal.uacem_vgi360side .vgi360_docs,
body.vgi360_dashboard .psv-panel .vgi360_docs {
        min-width: 365px;
        max-width: 600px;}
    
body.vgi360_dashboard .uace_modal.uacem_vgi360side.vgi360side_is_expanded .vgi360_docs {max-width:none;}


/* -----------------------------------------------------------------------------
Dashboard > Modal > Impostazioni POI */

body.vgi360_dashboard .uace_modal .row_poi_type .row,
body.vgi360_dashboard .uace_modal .row_poi_type .row.separator,
body.vgi360_dashboard .uace_modal .row_poi_type_options .row,
body.vgi360_dashboard .uace_modal .row_poi_type_options .row.separator {padding: 10px 0px 10px 0px;}

body.vgi360_dashboard .uace_modal .row_poi_type_options .one_notice {
    display: block;
    position: relative;
    line-height: 20px;
    padding: 0px 8px 10px 8px;}

body.vgi360_dashboard .uace_modal .row_poi_type_options .one_notice.hidden {display: none;}

body.vgi360_dashboard .uace_modal .row_poi_type_options .one_notice .icon {
    position: absolute;
    top:0px;
    left:5px;}

body.vgi360_dashboard .uace_modal .row_poi_type_options .one_notice .text {
    position: relative;
    padding: 0px 0px 0px 15px;}


/* -----------------------------------------------------------------------------
Dashboard > Note */

body.vgi360_dashboard .vgi360_notes {
    display: block;
    position: relative;
    width: 100%;
    height: auto;}

body.vgi360_dashboard .vgi360_notes .vgi360_notes,
body.vgi360_dashboard .vgi360_notes .search_notes,
body.vgi360_dashboard .vgi360_notes .search_notes_bar,
body.vgi360_dashboard .vgi360_notes .show_notes {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;}

/* Note > Search */
body.vgi360_dashboard .vgi360_notes .search_notes .search_notes_bar input[type="text"] {
    position: relative;
    width: calc(100% - 50px);
    font-size: 15px;
    line-height: 25px;
    margin: 5px 50px 5px 0px;
    padding: 5px 50px 5px 5px;
    z-index: 0;}

body.vgi360_dashboard .vgi360_notes .search_notes .search_notes_bar .btn_light {margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_notes .search_notes .search_notes_bar .btn_light.btn_icon {
    width: 16px;
    height: 16px;
    padding: 2px 2px 2px 2px;}

body.vgi360_dashboard .vgi360_notes .search_notes .search_notes_bar .btn_light.btn_search_notes {
    position: absolute;
    top:8px;
    right:55px;
    left:auto;
    bottom:auto;
    z-index: 1;}

body.vgi360_dashboard .vgi360_notes .search_notes .row .btn_light.btn_trasp,
body.vgi360_dashboard .vgi360_notes .search_notes .search_notes_bar .btn_light.btn_trasp.btn_search_notes {
    color: #666;
    cursor:pointer;
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_notes .search_notes .row .btn_light.btn_trasp:hover,
body.vgi360_dashboard .vgi360_notes .search_notes .search_notes_bar .btn_light.btn_trasp.btn_search_notes:hover {
    color: #2285ff;
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_notes .search_notes .search_notes_bar .btn_light.btn_infos {
    position: absolute;
    top:8px;
    right:5px;
    left:auto;
    bottom:auto;
    z-index: 1;}

/* Note > New Note > Search */
body.vgi360_dashboard .vgi360_notes .search_notes .row {
    font-size: 14px;
    line-height: 20px;
    padding: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_notes .search_notes .row .btn_light {
    padding: 0px 0px 0px 0px;
    margin: 0px 5px 0px 5px;}

/* Items > Modal 360 > Notes > Search */
body.vgi360_dashboard .psv-container .psv-panel .search_notes,
body.vgi360_dashboard .psv-container .psv-panel .search_notes .search_notes_bar {max-width: 390px;}

/* Note > New Note */
body.vgi360_dashboard .vgi360_notes .jce_menu_item_new_note {display: none;}

/* Note > Una Nota */
body.vgi360_dashboard .vgi360_notes .jce_menu .one_note {margin: 0px 0px 20px 0px;}

body.vgi360_dashboard .vgi360_notes .jce_menu .one_note:last-child {margin: 0px 0px 10px 0px;}

body.vgi360_dashboard .vgi360_notes .jce_menu .row.row_mobile {
    width: auto;
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;}

/* Note > Permissions */
body.vgi360_dashboard .vgi360_notes .jce_menu .one_note .jce_note_permissions {
    position: relative;
    /* width: 316px; */
    max-width: calc(100% - 100px);
    border-top: 0px solid transparent;
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    line-height: 18px;
    padding: 3px 2px 3px 2px;
    margin: 0px 0px 0px 40px;
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_notes .jce_menu .one_note .jce_note_permissions .row {
    width: auto;
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 2px 0px;}

body.vgi360_dashboard .vgi360_notes .jce_menu .one_note .jce_note_permissions .row label {
    margin: 0px 2px 0px 2px;
    cursor: pointer;}

body.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_vgi360_items .uace_modal_content {
    max-width: 1080px;}

/* Modal > Levels > Notes */
body.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_vgi360_items_notes .uace_modal_content {
    max-width: 1080px;}

body.vgi360_dashboard .note_image a {outline: none;}

/* Note > Images */
body.vgi360_dashboard .note_image,
body.vgi360_dashboard .note_image .show_image,
body.vgi360_dashboard .note_image .manage_image {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: auto;}

/* Note > Images > Show */
body.vgi360_dashboard .note_image .show_image {
    max-height: 350px;
    max-width: 350px;
    background-image: url(../images/loading/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80px 80px;
    background-color: #333;
    margin: 5px auto 10px 0px;}

body.vgi360_dashboard .note_image .show_image img {
    width: auto;
    height: auto;
    max-width: 100%;
    border-radius: 5px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    filter:grayscale(50%);
    transition: 0.2s ease all;}

body.vgi360_dashboard .note_image .show_image img:hover {
    filter:grayscale(0%);
    transition: 0.2s ease all;}

body.vgi360_dashboard .note_image .show_image,
body.vgi360_dashboard .note_image .show_image img {
    border-radius: 5px;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.1);}

/* Note > Images > Add */
body.vgi360_dashboard .note_image .manage_image {
    max-width: 310px;
    padding: 5px 5px 5px 5px;
    display: none;}

body.vgi360_dashboard .note_image .manage_image .row {
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 5px 0px;
    line-height: 20px;}

/* Note > Images > Delete */
body.vgi360_dashboard .note_image .manage_image .btn_light_link {
    margin: 0px 5px 0px 5px;
    padding: 2px 2px 2px 2px;
    color: #666;
    cursor: pointer;
    transition: 0.2s ease all;}

body.vgi360_dashboard .note_image .manage_image .btn_light_link:hover {
    color: #2285ff;
    transition: 0.2s ease all;}

body.vgi360_dashboard .note_image .manage_image .row_delete_image {display: none;}

/* Items > Modal 360 > Notes */
body.vgi360_dashboard .psv-container .psv-panel .show_notes .row_edit .jce_menu_item {
    min-width: 365px;
    overflow: hidden;}
    
body.vgi360_dashboard .psv-container .psv-panel .show_notes .row_edit .jce_menu_item .jce_menu_input {width: 200px;}
    
body.vgi360_dashboard .psv-container .psv-panel .show_notes .row_edit .jce_menu_item .jce_menu_input_content textarea {width: 260px;}
    
body.vgi360_dashboard .psv-container .psv-panel .show_notes .row_view .jce_menu_item .note_image .show_image,
body.vgi360_dashboard .psv-container .psv-panel .show_notes .row_edit .jce_menu_item .note_image .show_image {
        max-height: 260px;
        max-width: 260px;}

/* Items > Show Notes */
body.vgi360_dashboard .vgi360_items .vgi360_notes .title_notes .btn_show_hide_notes {
    margin: 0px 5px 0px 5px;
    display: inline-block;}

body.vgi360_dashboard .vgi360_items .vgi360_notes .title_notes .btn_show_notes {
    outline: none;
    color: #555555;
    cursor: pointer;
    padding: 0px 0px 0px 0px;
    margin: 0px 5px 0px 5px;}

body.vgi360_dashboard .vgi360_items .vgi360_notes .title_notes .btn_show_notes:hover {
    color: #2285ff;}

body.vgi360_dashboard .vgi360_items .vgi360_notes .search_notes {display: none;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_items .vgi360_notes .search_notes {display: inline-block;}

body.vgi360_dashboard .uace_modal.uacem_vgi360_items_notes .vgi360_notes .search_notes {display: inline-block;}

/* -----------------------------------------------------------------------------
Fancybox */

/* Overaly */
body.vgi360_dashboard #fancybox-overlay {
    background-color: rgba(0, 0, 0, 0.4) !important;
    opacity: 1 !important;
    z-index: 111100;}

/* Wrap */
body.vgi360_dashboard #fancybox-wrap {z-index: 111101;}

/* Img */
body.vgi360_dashboard #fancybox-wrap #fancybox-content #fancybox-img {
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
    border: 1px solid #808080 !important;}

/* Title (Bottom) */
/*
body.vgi360_dashboard #fancybox-wrap #fancybox-title.fancybox-title-float {
    top:auto !important;
    left:0px !important;
    right:0px !important;
    bottom:-52px !important;
    width: 100%;
    height: auto;}
*/

/* Title (top) */
body.vgi360_dashboard #fancybox-wrap #fancybox-title.fancybox-title-float {
    top:0px !important;
    left:0px !important;
    right:0px !important;
    bottom:auto !important;
    width: 100%;
    height: auto;}

body.vgi360_dashboard #fancybox-wrap #fancybox-title {display: none;}

body.vgi360_dashboard #fancybox-wrap #fancybox-title table {margin: 0px 0px 0px 0px;}

body.vgi360_dashboard #fancybox-wrap #fancybox-title table,
body.vgi360_dashboard #fancybox-wrap #fancybox-title #fancybox-title-float-main {width: 100%;}

body.vgi360_dashboard #fancybox-wrap #fancybox-title #fancybox-title-float-main {
    color:rgba(255, 255, 255, 0.8);
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    font-size: 1.000em; /* 16px */
    line-height: 20px;
    font-weight: normal;
    overflow: hidden;
    /* text-align: center; */
    padding: 5px 10px 5px 10px;
    border:0px solid transparent;
    background: none;
    transition: 0.2s ease all;}

body.vgi360_dashboard #fancybox-wrap #fancybox-title #fancybox-title-float-left,
body.vgi360_dashboard #fancybox-wrap #fancybox-title #fancybox-title-float-right {display: none;}

/* Show Title */
body.vgi360_dashboard #fancybox-wrap #fancybox-title,
body.vgi360_dashboard #fancybox-wrap #fancybox-img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;}

/* -----------------------------------------------------------------------------
Item Type Archive */

body.vgi360_dashboard .vgi360_item_type_archive .vgi360_item .jce_menu_input:first-child {
    margin: 0px 5px 0px 0px;}

body.vgi360_dashboard .vgi360_item_type_archive .vgi360_item .jce_menu_input.type_code {
    font-weight: bold;
    width: 100px;
    max-width: 100px;
    overflow: hidden;}

body.vgi360_dashboard .vgi360_item_type_archive .vgi360_item .jce_menu_input.type_code input {
    font-weight: bold;}

body.vgi360_dashboard .vgi360_item_type_archive .vgi360_item .jce_menu_input.type_name {
    width: 220px;
    max-width: 100%;
    overflow: hidden;}

body.vgi360_dashboard .vgi360_item_type_archive .vgi360_item .jce_menu .jce_menu_item .jce_menu_input_content .row {
    margin: 5px 0px 5px 0px;
    width: 255px;
    max-width: 100%;}

/* -----------------------------------------------------------------------------
Link View Network Work */

body.vgi360_dashboard .view_network_work a,
.vgi360_dashboard .uace_modal .view_network_work a {
    color: #666;
    transition: 0.2s ease all;}

.vgi360_dashboard .uace_modal a:hover,
.vgi360_dashboard .uace_modal .view_network_work a:hover {
    color: #2285ff;
    transition: 0.2s ease all;}

/* -----------------------------------------------------------------------------
Modal > Archive set card default */

.uace_modal.uacem_archive_set_card_default .set_card_default .vgi360_item {
    box-shadow: none !important;
    border:0px solid transparent !important;}

.uace_modal.uacem_archive_set_card_default .set_card_default .vgi360_item.vgi360_item_padd {
    padding: 0px 0px 0px 0px !important;}

/* .uace_modal.uacem_archive_set_card_default .set_card_default .vgi360_item .jce_menu_info {display: none;} */

/* -----------------------------------------------------------------------------
Modal > Set Card / View Card */

body.vgi360_dashboard .uace_modal.uacem_vgi360info .uace_modal_content .uace_modal_title i.icon_vgi360 {
    margin-top:-2px;
    width: 20px;
    height: 20px;}

.uace_modal.uacem_vgi360_archive_item_card .set_card_default .vgi360_item {
    box-shadow: none !important;
    border:0px solid transparent !important;}

.uace_modal.uacem_vgi360_archive_item_card .set_card_default .vgi360_item.vgi360_item_padd {
    padding: 0px 0px 0px 0px !important;}

/* -----------------------------------------------------------------------------
Modal > Safe Delete */

.entry-content .uace_modal.uacem_slim.uacem_safe_delete h4 {padding: 5px 0px 5px 0px;}

/* -----------------------------------------------------------------------------
Modal > IC Safe Delete */

.uace_modal.uacem_info_card_delete .vgi360-delete-ic-step-notice,
.uace_modal.uacem_info_card_delete .row.action .vgi360-delete-ic-confirm,
.uace_modal.uacem_info_card_delete .vgi360-delete-ic-step-confirm,
.uace_modal.uacem_info_card_delete .row.action .vgi360-delete-ic-delete,
.uace_modal.uacem_info_card_delete .vgi360-delete-ic-step-result,
.uace_modal.uacem_info_card_delete .row.action .vgi360-delete-ic-result-close {display: none;}

.uace_modal.uacem_info_card_delete .delete_ic_confirm_text {
    position: relative;
    width: 90%;
    height: auto;
    font-family: 'Courier New', monospace, sans-serif, Arial;
    color:#ff2222;
    background-color: #f7f7f7;
    border: 1px solid #ff0000;
    border-radius: 5px;
    padding: 10px 10px 8px 10px;
    margin: 0px auto 0px auto;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;}

.uace_modal.uacem_info_card_delete .delete_ic_confirm_label {
    position: relative;
    width: 100%;
    height: auto;
    display: block;}

.uace_modal.uacem_info_card_delete .delete_ic_confirm_code {
    position: relative;
    display: block;
    width: 90%;
    font-size: 16px;
    line-height: 25px;
    padding: 5px 5px 5px 5px;
    margin: 0px auto 0px auto;}

/* -----------------------------------------------------------------------------
Menu Fixed */

body.vgi360_dashboard .menu_fixed {display: none;}

/* -----------------------------------------------------------------------------
Input Icon Text */

.vgi360_dashboard .input_icon_text,
.vgi360_dashboard .input_icon_text label {
        position: relative;
        display:block;
        width: 100%;
        height: auto;}
    
.vgi360_dashboard .input_icon_text {
        width: 98%;
        margin: 0px auto 0px auto;
        padding: 0px 0px 0px 0px;
        text-align: left;}
    
.vgi360_dashboard .input_icon_text i {
        position: absolute;
        top:0px;
        left:0px;
        right:auto;
        bottom:auto;
        width: 40px;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
        z-index: 2;}
    
.vgi360_dashboard .input_icon_text input[type="text"] {
        position: relative;
        width: 100%;
        height: 40px;
        line-height: 20px;
        padding: 5px 5px 5px 40px;}

/* -----------------------------------------------------------------------------
Modal Uacem Owner */

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_ic_owner .uace_modal_content {max-width: 550px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_ic_owner .uace_modal_content .modal_area {min-height: 100px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_ic_owner .uace_modal_content .big_strong {
    font-size: 110%;
    font-weight: bold;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_ic_owner .vgi360_notice.row_notice {
    display: block;
    position: relative;
    width: 98%;
    height: auto;
    border-radius: 5px;
    box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.1);
    padding: 10px 10px 10px 10px;
    margin:0px auto 5px auto;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_ic_owner .vgi360_notice.row_notice .link:hover {
    color:#1473e6;
    cursor: pointer;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_ic_owner .vgi360_notice.row_notice.owner_notice {
    width: 80%;
    padding: 10px 35px 10px 10px;
    margin:0px auto 30px auto;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_ic_owner .vgi360_notice.row_notice .btn_remove_notice {
    position: absolute;
    top:0px;
    right:0px;
    width: 35px;
    height: 35px;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    z-index: 2;
    cursor:pointer;}


/* -----------------------------------------------------------------------------
Modal Uacem > Modal Georeferenziazione > Row Collapse */

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .cont_collapse {
    position: relative;
    transition: 0.2s ease all;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .cont_collapse .btn_box_collapse {
    user-select:none;
    cursor: pointer;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .cont_collapse .area_title:hover .btn_box_collapse {
    color:#1473e6;
    text-shadow: none;
    /* text-shadow: 0px 0px 4px rgba(0,0,0,0.3); */
    transition: 0.2s ease all;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .cont_collapse .area_title:hover .btn_box_collapse .icon_vgi360 {
    background-color:#1473e6;
    transition: 0.2s ease all;}

/* -----------------------------------------------------------------------------
Modal Uacem > Modal Georeferenziazione > Table Rows Density */

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .table_responsive.high_density table tr td,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .table_responsive.high_density table tr td.td_action {
    line-height: 0px;
    padding: 1px 10px 1px 10px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .table_responsive.high_density table .btn_light {
    position: relative;
    margin:0px 3px 0px 3px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .table_responsive.high_density table tr td.td_action .btn_light {top: 5px;}

/* -----------------------------------------------------------------------------
Modal Uacem > Modal Georeferenziazione */

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content {max-width: 960px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .modal_area {min-height: 50px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .btn_radio {
    position: relative;
    display: block;
    float:left;
    width:auto;
    height: auto;
    border:1px solid transparent;
    border-radius: 15px;
    padding: 5px 0px 0px 0px;
    margin: 5px 5px 0px 5px;
    text-align: left;
    user-select: none;
    transform: scale(0.95);
    transition: 0.2 ease all;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .btn_radio:hover {
    color:#1473e6; 
    transition: 0.2 ease all;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .btn_radio label {
    position: relative;
    width: 100%;
    height: auto;
    cursor:pointer;
    overflow: hidden;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .btn_radio input[type="radio"] {
    position: absolute;
    top: 5px;
    left: 5px;
    right: auto;
    bottom:auto;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .btn_radio .info {
    position: relative;
    padding: 0px 0px 0px 25px;
    max-width: 330px;
    min-height: 60px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .btn_radio .info .info_title {font-weight: bold;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .btn_radio.active .info .info_title {color:#1473e6;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .btn_radio .info .info_image {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 120px;
    height: auto;
    padding: 5px 0px 0px 0px;
    left: -10px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .btn_radio .info .info_image img {
    width: 100%;
    height: auto;}

/* X2 */
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .row_btn_radio_x2 .btn_radio:first-child,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .row_btn_radio_x2 .btn_radio:last-child { width:49%;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .row_btn_radio_x2 .btn_radio:first-child {
    margin-left:0px;
    margin-right:1%;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .row_btn_radio_x2 .btn_radio:last-child {
    margin-left:1%;
    margin-right:0px;}

/* Area Title */
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .area_title {position: relative;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .area_title .at_title {
    position: relative;
    padding: 0px 135px 0px 0px;
    z-index: 1;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .area_title .at_title .box_text {
    position: relative;
    display: inline-block;
    margin: 0px 0px 0px 25px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .area_title .at_title .box_icon {
    position: absolute;
    font-size: 18px;
    top: 5px;
    left: 0px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .area_title .at_title .box_icon .icon_vgi360 {
    width: 18px;
    height: 18px;}

/* Slim Title */
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .area_title.slim_title .at_title {
    padding: 5px 135px 5px 0px;
    min-height: 30px;}

/* Big Icon Title */
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .area_title.big_icon_title .box_text {margin: 0px 0px 0px 40px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .area_title.big_icon_title .at_title .box_icon {
    position: absolute;
    font-size: 30px;
    top: 5px;
    left: 3px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .area_title.big_icon_title .at_title .box_icon .icon_vgi360 {
    width: 30px;
    height: 30px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .area_title .at_options {
    position: absolute;
    top:auto;
    right:5px;
    left:auto;
    bottom:3px;
    z-index: 2;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .area_title .at_options .btn_light.btn_arrow {
    position: relative;
    bottom: -5px;}

/* Table Elastic */
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .table_elastic table tr th,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .table_elastic table tr td {min-width: 80px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .table_elastic table input[type="text"],
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .table_elastic table input[type="file"],
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .table_elastic table label,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .table_elastic table select {width: 100%;}

/* Table Overlay Processing */
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .table_overlay_processing,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .table_overlay_processing.table_responsive {
    min-height: 30vh;
    max-height: 30vh;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .table_overlay_processing table,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .table_overlay_processing.table_responsive table {opacity: 0.5;}

/* Info input */
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .table_elastic table .info_input {position: relative;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .table_elastic table .info_input input[type="text"],
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .table_elastic table .info_input input[type="file"] {padding-right:25px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .table_elastic table .info_input .info_icon {
    position: absolute;
    top:0px;
    right:8px;
    line-height: 20px;
    cursor:pointer;
    z-index: 5;}

/* Table Items */
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing table .info_label {
    position: relative;
    display:inline-block;
    height: 20px;
    width: auto;
    padding: 0px 0px 0px 45px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing table .info_label .box_image {
    position: absolute;
    top:-10px;
    left:0px;
    width: 40px;
    height: 40px;
    user-select: none;
    z-index: 1;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing table .info_label .box_image .marker_name,
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing table .info_label .box_image img {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index: 1;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing table .info_label .box_image .marker_name {
    text-align: center;
    text-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    z-index: 5;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing table.tb_auto .info_label .box_image .marker_name {line-height: 40px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing table.tb_manual .info_label .box_image .marker_name {line-height: 30px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing table .info_label .box_image .text {
    line-height: 20px;
    font-size: 14px;}

/* Options List */
.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .row_option_list .one_option {margin:5px 10px 5px 10px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .row_option_list .one_option label {
    padding: 2px 2px 2px 2px;
    cursor: pointer;}

/* -----------------------------------------------------------------------------
Modal Uacem > Modal Georeferenziazione > Import 360 photos */

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

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

/* -----------------------------------------------------------------------------
Modal Uacem > Modal Georeferenziazione > Default Url */

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

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing_pc_default_url .uace_modal_content textarea.wide {
    padding: 5px 5px 5px 5px;
    margin: 0px 3px 0px 3px;
    width: calc(100% - 6px);}

/* -----------------------------------------------------------------------------
Modal Uacem > Modal Georeferenziazione > Del Item */

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .step_loaded .td_action .btn_delete .state {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
    text-align: center;
    line-height: 30px;}

/* -----------------------------------------------------------------------------
Loading */

/* --------------------------------------
Loading Dots */

@keyframes dotFlashing {
    0%, 10%   { opacity: 1; }
    50%, 100% { opacity: 0.4; }
}

.loading_dots,
.loading_dots::before,
.loading_dots::after {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #333333;
    color: #333333;}

.loading_dots {
    display: inline-block;
    position: relative;
    animation: dotFlashing 1s infinite alternate;
    margin-left: 16px;
    animation-delay: 0.5s;}
    
.loading_dots::before, 
.loading_dots::after {
    content: '';
    display: inline-block;
    position: absolute;
    animation: dotFlashing 1s infinite alternate;
    top: 0;}
    
.loading_dots::before {
    left: -12px;
    animation-delay: 0s;}
    
.loading_dots::after {
    left: 12px;
    animation-delay: 1s;}


/* --------------------------------------
Loading Spinner */

.vgi360_dashboard .loading_spinner {
    display: inline-block;
    width: 18px; 
    height: 18px;
    background-size: cover;
    background-image: url(../images/loading/loading.gif);}


/* --------------------------------------
Loading Simple Icon */

@keyframes rotate360 {
    to { transform: rotate(360deg); }
}

.simple_spinner {
    border: 3px solid hsla(185, 100%, 62%, 0.2);
    border-top-color: #3cefff;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    animation: rotate360 1s linear infinite;
}

/* -----------------------------------------------------------------------------
Progress */

/* Modal Overlay */
.vgi360_progress.vgi360_item_overlay {
    position: absolute;
    width: auto;
    height: auto;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;}

.vgi360_progress.vgi360_item_overlay,
body.vgi360_dashboard .vgi360_items .vgi360_progress.vgi360_item_overlay, 
.vgi360_dashboard .uace_modal .vgi360_progress.vgi360_item_overlay {
    background-image: none;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 10;}

body.vgi360_dashboard .vgi360_items .vgi360_item_overlay.transparent {background-color: transparent;}

.vgi360_progress.vgi360_item_overlay .progress_box {
    width: 100%;
    height: 100%;
    display: flex;
    text-align: left;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: auto;}

/* Step View */
.vgi360_progress .progress_box .step_view {margin: 10px 0px 40px 0px;}

.vgi360_progress .progress_box .step_view strong {
    font-family: "OpenSans-Bold", sans-serif, Arial;
    font-weight: normal;}

.vgi360_progress .progress_box .step_view .sv_info,
.vgi360_progress .progress_box .step_view .sv_desc {
    position: relative;
    font-size: 14px;
    line-height: 20px;}

.vgi360_progress .progress_box .step_view .sv_info {
    cursor:help;
    top: -5px;}

.vgi360_progress .progress_box .step_view .sv_desc {
    display: block;
    min-height: 20px;
    padding: 5px 0px 5px 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}

.vgi360_progress .progress_box .step_view .sv_desc.space {min-height: 0px;}

.vgi360_progress .progress_box .step_view .sv_desc.slim {padding: 0px 0px 5px 0px;}

.vgi360_progress .progress_box .step_view .sv_desc .desc_icon,
.vgi360_progress .progress_box .step_view .sv_desc .desc_text,
.vgi360_progress .progress_box .step_view .sv_desc .desc_box {
    position: relative;
    font-size: 13px;
    display: inline;}

.vgi360_progress .progress_box .step_view .sv_desc .desc_box {
    display: block;
    padding: 0px 0px 0px 18px;
    white-space:initial;}

.vgi360_progress .progress_box .step_view .sv_desc .desc_icon {margin: 0px 2px 0px 0px;}

.vgi360_progress .progress_box .step_view .sv_desc .desc_box .desc_icon {
    position: absolute;
    top:4px;
    left:0px;}

/* Important Message */
@keyframes important_text {
    0%, 100% { color: inherit;}
    50% {color: #1473e6;}
}

.vgi360_progress .progress_box .step_view .important_message {
    font-family: "OpenSans-Light", sans-serif, Arial;
    max-width: 240px;
    font-size: 16px;
    line-height: 20px;
    padding: 0px 0px 10px 0px;
    animation: important_text 2s linear infinite;}

/* Generic Loading */
.vgi360_progress .generic_loading {
    margin: 15px 0px 10px 0px;}

.vgi360_progress .generic_loading .gl_icon,
.vgi360_progress .generic_loading .gl_icon.simple_spinner {
    position: relative;
    display:inline-block;
    float:left;
    width: 40px;
    height: 40px;
    border: 3px solid hsla(0, 0%, 50%, 0.4);
    border-top-color: #777777;
    /* 
    background-image: url(../images/loading/loading.gif);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center; 
    */
}

.vgi360_progress .generic_loading .gl_txt {
    display: inline-block;
    line-height: 40px;
    font-size: 13px;
    padding: 0px 0px 0px 10px;
    float:left;}

/* Progress Bar */
.vgi360_progress .progress_bar {
    position: relative;
    height: 30px;
    max-width: 90vw;
    max-height: 90vh;
    font-size: 16px;}

.vgi360_progress .progress_bar,
.vgi360_progress .progress_box .step_view .sv_desc {width: 300px;}

.vgi360_progress.vgi360_item_overlay .progress_bar {margin: 0px auto 0px auto;}

.vgi360_progress .progress_bar .bar_percentage {
    position: absolute;
    width: auto;
    height: auto;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    text-align: left;
    border-radius: 2px;
    border:1px solid rgb(190, 190, 190);
    background-color: #cccccc;
    overflow: hidden;}

.vgi360_progress .progress_bar .bar_percentage .progress_percentage {
    position: relative;
    width: 0%; /* JS */
    height: 100%;
    top:0px;
    left:0px;
    background-color: #1473e6;
    transition: 0.2s ease all;}

.vgi360_progress .progress_bar .bar_percentage .progress_percentage .txt_percentage {
    position: absolute;
    display: flex;
    width: auto;
    height: 100%;
    min-width: 50px;
    justify-content: flex-end;
    align-items: center;
    padding: 0px 5px 0px 5px;
    font-size: 0.875em;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}

.vgi360_progress .txt_percentage {
    color:#fff;
    top:0px;
    right:0px;
    left:auto;
    bottom:auto;}

.vgi360_progress .txt_percentage[data-progress="0"], .vgi360_progress .txt_percentage[data-progress="1"],
.vgi360_progress .txt_percentage[data-progress="2"], .vgi360_progress .txt_percentage[data-progress="3"],
.vgi360_progress .txt_percentage[data-progress="4"], .vgi360_progress .txt_percentage[data-progress="5"],
.vgi360_progress .txt_percentage[data-progress="6"], .vgi360_progress .txt_percentage[data-progress="7"],
.vgi360_progress .txt_percentage[data-progress="8"], .vgi360_progress .txt_percentage[data-progress="9"] {
    color:#666666;
    right: -30px;}

.vgi360_progress .txt_percentage[data-progress="10"], .vgi360_progress .txt_percentage[data-progress="11"],
.vgi360_progress .txt_percentage[data-progress="12"], .vgi360_progress .txt_percentage[data-progress="13"] {
    color:#666666;
    right: -38px;}

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

.vgi360_progress .progress_bar .bar_percentage {
    background: linear-gradient(-45deg, #f0f0f0, #eeeeee);
    background-size: 400% 400%;
    animation: background_position 10s ease infinite;}

.vgi360_progress .progress_bar .bar_percentage .progress_percentage,
.vgi360_progress .progress_bar.pb_move_grey .bar_percentage .progress_percentage {
    background: linear-gradient(-45deg, #c7c7c7, #444444, #c7c7c7);
    background-size: 400% 400%;
    animation: background_position 10s ease infinite;}

.vgi360_progress .progress_bar.pb_move_blue .bar_percentage .progress_percentage {
    background: linear-gradient(-45deg, #23d5ab, #1473e6, #23d5ab);
    background-size: 400% 400%;
    animation: background_position 10s ease infinite;}

.vgi360_progress .progress_bar.pb_move_green .bar_percentage .progress_percentage {
    background: linear-gradient(-45deg, #25bee4, #14e6a0, #25bee4);
    background-size: 400% 400%;
    animation: background_position 10s ease infinite;}

.vgi360_progress .progress_bar.pb_move_orange .bar_percentage .progress_percentage {
    background: linear-gradient(-45deg, #e4b725, #e68414, #e4b725);
    background-size: 400% 400%;
    animation: background_position 10s ease infinite;}

/* Progress Notifications */
.vgi360_progress .box_notifications {
    position: relative;
    width: 100%;
    line-height: 0px;
    text-align: center;
    height: auto;
    top:-40px;}

.vgi360_progress .box_notifications .box_x2 {
    display: block;
    width: 50%;
    height: auto;
    float:left;}

.vgi360_progress .box_notifications .title,
.vgi360_progress .box_notifications .note {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    padding: 5px 5px 5px 25px;}

.vgi360_progress .box_notifications .note:before {
    content:' ';
    position: absolute;
    width: 5px;
    height: 5px;
    top: 12px;
    left: 10px;
    border-radius: 50%;
    background-color: #666;}

.vgi360_progress .box_notifications .title {
    font-size: 15px;
    font-family: "OpenSans-Bold", sans-serif, Arial;
    padding: 5px 5px 5px 5px;}

.vgi360_progress .box_notifications .title .counter {
    font-family: "OpenSans-Regular", sans-serif, Arial;
    margin: 0px 2px 0px 2px;
    font-size: 14px;}

.vgi360_progress .box_notifications .title .counter:before {content:'(';}

.vgi360_progress .box_notifications .title .counter:after {content:')';}

.vgi360_progress .box_notifications .note .name,
.vgi360_progress .box_notifications .note .desc {
    display: block;
    word-wrap: anywhere;}

.vgi360_progress .box_notifications .note .name {font-family: "OpenSans-Bold", sans-serif, Arial;}

/* PSV Modal */
.psv-panel-content .vgi360_progress.vgi360_item_overlay .progress_box {
    max-width: 100%;
    overflow: hidden;}

.psv-panel-content .vgi360_progress.vgi360_item_overlay .progress_box .step_view {width: 90%;}

.psv-panel-content .vgi360_progress.vgi360_item_overlay .progress_box .row {
    display: block;
    margin: 0px auto 0px auto;}

.psv-panel-content .vgi360_progress.vgi360_item_overlay .progress_box .row h3 {
    font-size: 20px;
    line-height: 25px;}

.psv-panel-content .vgi360_progress.vgi360_item_overlay .progress_box .row,
.psv-panel-content .vgi360_progress.vgi360_item_overlay .progress_box .row h3 {text-align: left;}

.psv-panel-content .vgi360_progress.vgi360_item_overlay .progress_box .progress_bar {
    width: 100%;
    max-width: 100%;}

/* -----------------------------------------------------------------------------
IC Banner */

.ic_banner {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 30px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;}

.ic_banner .icb_box,
.ic_banner .icb_logo,
.ic_banner .icb_service,
.ic_banner .icb_title {
    position: relative;
    display: inline-block;
    float:left;}

.ic_banner .icb_box {
    display: inline-block;
    float:none;
    /*
    padding: 5px 5px 5px 5px;
    border: 1px solid #ccc;
    */
    border-radius: 5px;}

.ic_banner .icb_logo {
    width: 20px;
    height: 20px;
    margin: 5px 5px 5px 0px;}

.ic_banner .icb_service {font-family: "OpenSans-Bold", sans-serif, Arial;}

.ic_banner .icb_service::after {
    content:'/';
    padding: 0px 5px 0px 5px;}

.ic_banner .icb_title,
.ic_banner .icb_service::after {font-family: "OpenSans-Light", sans-serif, Arial;}

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

body.vgi360_dashboard .clone_poi_tool,
body.vgi360_dashboard .clone_poi_tool .clp_box {
    position: relative;
    width: 100%;
    height: auto;
    text-align: left;}

body.vgi360_dashboard .clone_poi_tool .clp_box .clp_info {
    padding: 5px 0px 0px 0px;
    margin: 5px 0px 5px 0px;}

/* -----------------------------------------------------------------------------
Google Translate */

/* Contenitore */
.vgi360_google_translate {
    position: relative;
    display: inline-block;
    padding: 0px 0px 0px 0px;}

/* Pulsante seleziona lingua */
.vgi360_google_translate .gt_select {
    display: inline-block;
    font-size: 15px;}

.vgi360_google_translate .gt_select * {outline: none;}

.vgi360_google_translate .gt_select .goog-te-gadget-simple {
    background-color: transparent !important;
    border-left: 0px !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-right: 0px !important;
    font-size: 14px !important;
    display: inline-block !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    cursor: pointer !important;
    zoom: 1 !important;
    display: inline !important;}

.vgi360_google_translate .gt_select .goog-te-gadget-icon {border-radius: 50%;}

/* Text and Arrow */
.vgi360_google_translate .gt_select.btn_light:hover span,
.vgi360_google_translate .gt_select.btn_light:focus span,
.vgi360_google_translate .gt_select.btn_light.btn_minimal_circle:hover span,
.vgi360_google_translate .gt_select.btn_light.btn_minimal_circle:focus span {color:#ffffff !important;}

.vgi360_google_translate .gt_select span {display: none;}
.vgi360_google_translate .gt_select span:first-child {display: inline-block;}
.vgi360_google_translate .gt_select span:last-child {display: inline-block;}

/* Nascondi barra traduzione */
.goog-te-banner-frame.skiptranslate {display: none !important;}

/* google_transalte.js */
body.vgi360_gtranslate_js {top:0px !important;}

/* -----------------------------------------------------------------------------
Query ( .vgi360_info_query ) */

/* Contenitore */
body.vgi360_dashboard .poi_box {
    position: relative;
    width: 100%;
    height: auto;
    line-height: 40px;
    padding: 10px 0px 25px 0px;
    overflow: hidden;}

body.vgi360_dashboard .poi_box a:hover {text-decoration: underline;}

body.vgi360_dashboard .poi_box a,
body.vgi360_dashboard .poi_box a:hover,
body.vgi360_dashboard .poi_box a:focus {
    outline: 0;
    transition: 0.2s ease all;}

/* Titolo Contenitore */
body.vgi360_dashboard .poi_box .poi_box_title {
    font-family: 'OpenSans-Light', sans-serif, serif, Arial;
    font-size: 16px;
    line-height: 20px;
    padding: 0px 0px 20px 0px;}

body.vgi360_dashboard .poi_box .poi_box_title .icon_vgi360 {
    width: 16px;
    height: 16px;}

body.vgi360_dashboard .poi_box .poi_box_title .pbt_title {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; 
    white-space: nowrap;
    display: inline-block;}

body.vgi360_dashboard .poi_box .poi_box_title .pbt_breadcrumbs {font-size: 14px;}

body.vgi360_dashboard .poi_box .poi_box_title .pbt_breadcrumbs a {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis; 
    white-space: nowrap;
    word-wrap:break-word;
    display: inline-block;
    padding: 0px 5px 0px 5px;
    margin: 0px 0px -5px 0px;}

body.vgi360_dashboard .poi_box .poi_box_title .pbt_title,
body.vgi360_dashboard .poi_box .poi_box_title .pbt_breadcrumbs .pbt_principal {
    font-family: 'OpenSans-Regular', sans-serif, serif, Arial;
    padding: 0px 10px 0px 10px;}

body.vgi360_dashboard .poi_box .poi_box_title .pbt_breadcrumbs a.pbt_principal {
    white-space:normal;
    max-width:none; }

body.vgi360_dashboard .poi_box .poi_box_title .separator {
    margin: 5px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    border-top: 1px solid #ddd;}

/* Lista Elementi POI */
body.vgi360_dashboard .poi_box .poi_box_list {
    font-family: 'OpenSans-Light', sans-serif, serif, Arial;
    position: relative;
    font-size: 15px;
    line-height: 40px;}

body.vgi360_dashboard .poi_box .poi_box_list ul {list-style: none;}

body.vgi360_dashboard .poi_box .poi_box_list ul li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 15px;}

body.vgi360_dashboard .poi_box .poi_box_list ul li a {color: #777777;}
body.vgi360_dashboard .poi_box .poi_box_list ul li a:hover {color: #1473e6;}

body.vgi360_dashboard .poi_box .poi_box_list ul li a i {padding: 0px 2px 0px 2px;}

/* -----------------------------------------------------------------------------
Query Tree */

body.vgi360_dashboard .query_tree ul {
    font-size: 15px;
    line-height: 30px;
    list-style-type:none;
    padding: 0px 0px 0px 0px;
    margin: -5px 0px 0px 0px;}

body.vgi360_dashboard .query_tree ul li {
    position: relative;
    margin: 0px 0px 5px 25px;} /* 25px */

/* Schema > UL Line */
body.vgi360_dashboard .query_tree ul li ul {border-left: 1px solid #aaaaaa;}

/* Schema > LI Line */
body.vgi360_dashboard .query_tree ul li:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 5px;
    top: 15px;
    left: -25px; /* 25px */
    right: auto;
    bottom: auto;
    border-bottom: 1px solid #aaaaaa;}

/* Schema > Cover Last UL Line */
body.vgi360_dashboard .query_tree ul li ul::after {
    content: "";
    position: absolute;
    top:auto;
    left:0px;
    right:auto;
    bottom:0px;
    width: 2px;
    height: 25px;
    background-color: #ffffff;}

body.vgi360_dashboard .query_tree ul li .tree_item {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .query_tree ul li .tree_item .icon,
body.vgi360_dashboard .query_tree ul li .tree_item .icon .icon_vgi360 {
    width: 30px;
    height: 30px;
    font-size: 18px;}

body.vgi360_dashboard .query_tree ul li .tree_item .icon {
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 5px;
    left: -15px;
    right:auto;
    bottom:auto;
    filter:grayscale(100%);}

body.vgi360_dashboard .query_tree ul li .tree_item a:hover .icon {filter:grayscale(0%);}

body.vgi360_dashboard .query_tree ul li .tree_item .title {
    display: inline-block;
    position: relative;
    margin: 5px 0px 0px 20px;
    height: auto;
    width: auto;
    max-width: calc(100% - 50px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}

/* Link - No Link */
body.vgi360_dashboard .query_tree ul li .tree_item a.no_link {cursor:default;}

body.vgi360_dashboard .query_tree ul li .tree_item a,
body.vgi360_dashboard .query_tree ul li .tree_item a.no_link:hover {
    outline: none;
    color: #777777;}

body.vgi360_dashboard .query_tree ul li .tree_item.result a {color: #333333;}

body.vgi360_dashboard .query_tree ul li .tree_item a:hover,
body.vgi360_dashboard .query_tree ul li .tree_item.result a:hover {color: #1473e6;}

/* Icon Hover */
body.vgi360_dashboard .query_tree ul li .tree_item a .icon_hover {
    position: relative;
    display: inline-block;
    font-size: 12px;
    opacity: 0;
    top:-8px;}

body.vgi360_dashboard .query_tree ul li .tree_item a:hover .icon_hover {opacity: 0.9;}

body.vgi360_dashboard .query_tree ul li .tree_item a.no_link:hover .icon_hover {opacity: 0;}


/* -----------------------------------------------------------------------------
Users Resources */

body.vgi360_dashboard .table_view_settings table {margin-bottom: 0px;}

body.vgi360_dashboard .table_view_settings table tr th,
body.vgi360_dashboard .table_view_settings table tr td {
    padding: 3px 3px 3px 3px;
    font-size: 14px;
    line-height: 20px;}

body.vgi360_dashboard .table_view_settings table tr th.title,
body.vgi360_dashboard .table_view_settings table tr th .title,
body.vgi360_dashboard .table_view_settings table tr td.title,
body.vgi360_dashboard .table_view_settings table tr td .title {
    background-color: transparent;
    border:1px solid transparent;
    padding: 6px 3px 6px 3px;}

body.vgi360_dashboard .table_view_settings table tr th .data,
body.vgi360_dashboard .table_view_settings table tr td .data {
    display: inline-block;
    min-width: 100px;
    font-weight:bold;
    cursor:pointer;}

body.vgi360_dashboard .table_view_settings table tr th .label,
body.vgi360_dashboard .table_view_settings table tr td .label {cursor:pointer;}

body.vgi360_dashboard .table_view_settings table tr th .label .label_info,
body.vgi360_dashboard .table_view_settings table tr td .label .label_info {margin: 0px 0px 0px 15px;}

body.vgi360_dashboard .uace_modal.uacem_ic_config .tvs_highlights,
body.vgi360_dashboard .table_view_settings .tvs_highlights {
    color:rgb(34, 133, 255);
    opacity: 0.8;
    transition: 0.2s ease all;}

body.vgi360_dashboard .uace_modal.uacem_ic_config .tvs_highlights.green,
body.vgi360_dashboard .table_view_settings .tvs_highlights.green {color:rgb(11, 184, 86);}

body.vgi360_dashboard .uace_modal.uacem_ic_config .tvs_highlights.yellow,
body.vgi360_dashboard .table_view_settings .tvs_highlights.yellow {color:rgb(255, 200, 34);}

body.vgi360_dashboard .uace_modal.uacem_ic_config .tvs_highlights.red,
body.vgi360_dashboard .table_view_settings .tvs_highlights.red {color:rgb(255, 34, 34);}

body.vgi360_dashboard .uace_modal.uacem_ic_config span:hover .tvs_highlights,
body.vgi360_dashboard .table_view_settings table tr th:hover .tvs_highlights,
body.vgi360_dashboard .table_view_settings table tr td:hover .tvs_highlights {
    opacity: 1.0;
    transition: 0.2s ease all;}

body.vgi360_dashboard section.vgi360_users_resources table tbody tr.vgi360_tr_total .total_users,
body.vgi360_dashboard section.vgi360_affiliate_manager table tbody tr.vgi360_tr_total .total_users {cursor:pointer;}

body.vgi360_dashboard section.vgi360_users_resources table tbody tr.vgi360_tr_total .total_users .total,
body.vgi360_dashboard section.vgi360_affiliate_manager table tbody tr.vgi360_tr_total .total_users .total {
    display: inline-block;
    min-width: 35px;
    text-align: left;}

body.vgi360_dashboard section.vgi360_users_resources table tbody tr.vgi360_tr_total .total_users.btn_light.users_info_btn,
body.vgi360_dashboard section.vgi360_affiliate_manager table tbody tr.vgi360_tr_total .total_users.btn_light.users_info_btn {padding-right: 40px;}

body.vgi360_dashboard section.vgi360_users_resources table tbody tr.vgi360_tr_total .total_users.btn_light.users_info_btn .users_info_icons,
body.vgi360_dashboard section.vgi360_affiliate_manager table tbody tr.vgi360_tr_total .total_users.btn_light.users_info_btn .users_info_icons {
    position: absolute;
    width: 20px;
    height: 20px;
    text-align: center;
    right:10px;
    left:auto;
    top:8px;
    bottom:auto;}

/* -----------------------------------------------------------------------------
Table > Info Box (table_info_box) */

body.vgi360_dashboard table .table_info_box .data {font-family: "OpenSans-Bold", sans-serif, Arial;}

body.vgi360_dashboard table .table_info_box .label {font-family: "OpenSans-Normal", sans-serif, Arial;}

body.vgi360_dashboard table .table_info_box .tib_row {display: block;}

body.vgi360_dashboard table .table_info_box .btn_light.data,
body.vgi360_dashboard table .table_info_box .btn_light.label {
    max-width: calc(100% - 60px);
    max-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;}

body.vgi360_dashboard table .table_info_box .btn_light.data {
    max-width: none;
    padding: 5px 8px 5px 8px;
    margin: 3px 0px 3px 3px;}

body.vgi360_dashboard table .table_info_box .btn_light.label {
    margin: 3px 3px 6px 0px;}

body.vgi360_dashboard table .table_info_box .tib_row .tib_icon_hhover {
    opacity: 0.5;
    transition: 0.2 ease all;}

body.vgi360_dashboard table .table_info_box .tib_row:hover .tib_icon_hhover {
    opacity: 1.0;
    transition: 0.2 ease all;}

/* -----------------------------------------------------------------------------
UL > List Custom Icons */

body.vgi360_dashboard ul.list_custom_icons,
body.vgi360_dashboard .ul_list_custom_icons ul {list-style-type: none;}

body.vgi360_dashboard ul.list_custom_icons,
body.vgi360_dashboard ul.list_custom_icons li,
body.vgi360_dashboard .ul_list_custom_icons ul,
body.vgi360_dashboard .ul_list_custom_icons ul li {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;}

body.vgi360_dashboard ul.list_custom_icons li,
body.vgi360_dashboard .ul_list_custom_icons ul li {margin: 0px 0px 10px 20px;}

body.vgi360_dashboard ul.list_custom_icons li .li_icon,
body.vgi360_dashboard .ul_list_custom_icons ul li .li_icon {
    position: absolute;
    font-size: 14px;
    left:-20px;
    top:2px;
    right:auto;
    bottom:auto;}

/* -----------------------------------------------------------------------------
UL > UL Select List */

body.vgi360_dashboard .ul_list_custom_icons.ul_select_list {margin: 0px 0px 10px 0px;}

body.vgi360_dashboard .ul_list_custom_icons.ul_select_list ul li {margin: 2px 0px 2px 20px;}

body.vgi360_dashboard .ul_list_custom_icons.ul_select_list ul li .li_icon {top:8px;}

body.vgi360_dashboard .ul_list_custom_icons.ul_select_list .item_ic .li_icon {top: 10px;}

body.vgi360_dashboard .ul_select_list label {
    padding:2px 5px 2px 5px;
    cursor: pointer;
    user-select:none;}

body.vgi360_dashboard .ul_select_list label:hover {color:#1473e6;}

body.vgi360_dashboard .ul_select_list label:hover .icon_vgi360 {background-color:#1473e6;}

body.vgi360_dashboard .ul_select_list label input[type="checkbox"] {
    position: relative;
    padding: 0px 0px 0px 5px;}

body.vgi360_dashboard .ul_select_list label .title {
    position: relative;
    padding: 0px 0px 0px 2px;
    display: inline-block;
    top: 6px;
    width: auto;
    height: 20px;
    max-width: 190px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

body.vgi360_dashboard .ul_select_list .item_ic .title {font-size: 16px;}

body.vgi360_dashboard .ul_select_list .item_layer .title {font-size: 14px;}

body.vgi360_dashboard .ul_select_list .item_group .title {font-size: 12px;}

/* -----------------------------------------------------------------------------
Modal > Menu Structure IC */

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic {line-height: 20px;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic a {outline: none;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .uace_modal_content .uace_modal_close,
body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .uace_modal_content .uace_modal_expand {
    margin-left:5px;
    padding: 10px 5px 10px 5px;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .uace_modal_content .uace_modal_close {font-size: 32px;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .ic_title {
    display: inline-block;
    max-width: calc(100% - 60px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    margin: 0px 0px -4px 0px;}
    
body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list .structure_link  {
    width: calc(100% - 85px);
    z-index: 5;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list .archives_link {
    position: absolute;
    top:0px;
    right:0px;
    bottom:auto;
    left:auto;
    z-index: 10;}

/* Structure List */
body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list {
    max-height: calc(60vh);
    padding: 0px 5px 0px 0px;
    overflow: auto;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .uace_modal_content.uacem_is_expanded .structure_list {max-height:calc(100vh - 165px);}

/* UL */
body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list ul {
    padding: 0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    list-style: none;
    line-height: 25px;
    font-size: 16px;}

/* LI */
body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li {
    position: relative;
    display: block;
    margin: 5px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list ul li ul li {margin-left: 15px;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li .icon,
body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li .text {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li .icon_vgi360 {
    width: 18px; 
    height: 18px;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li .icon i {
    top: -6px;
    position: relative;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li .text {
    max-width: calc(100% - 32px);
    padding: 0px 15px 0px 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li .text .icon_link {
    position: absolute;
    width: 15px;
    height: auto;
    text-align: right;
    top:0px;
    right:0px;
    left:auto;
    bottom:auto;
    font-size: 14px;
    opacity: 0.4;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li a.current .text .icon_link {
    font-size: 18px;
    opacity: 0.8;}

@keyframes pulsating_icon {
    50%  {opacity: 0.4;}
    100% {opacity: 0.8;}
}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li a:hover .text .icon_link {animation: pulsating_icon 0.8s infinite;}

/* Link */
body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li a {color:#666666;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li a .icon_vgi360 {background-color: #666666;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li a.current {color:#1473e6;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li a.current .icon_vgi360 {background-color: #1473e6;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li a:hover {color:#2285ff;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li a:hover .icon_vgi360 {background-color: #2285ff;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li a:hover .text .icon_link {opacity: 0.95;}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li a.current:hover .text .icon_link {font-size: 18px;}

/* Current */
body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li.current a {color: rgba(0, 115, 255, 0.9);}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li.current a .icon_vgi360 {background-color: rgba(0, 115, 255, 0.9);}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li.current a:hover {color: rgb(0, 115, 255);}

body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic .structure_list li.current a:hover .icon_vgi360 {background-color: rgb(0, 115, 255);}

/* FX */
body.vgi360_dashboard .uace_modal.uacem_menu_structure_ic * {transition: 0.2s ease all;}

/* -----------------------------------------------------------------------------
Modal > Flow Chart > Report Options */
 
body.vgi360_dashboard .uace_modal.uacem_flowchart_report_options .modal_area {line-height:30px;}

body.vgi360_dashboard .uace_modal.uacem_flowchart_report_options .source_name {font-size: 16px;}

body.vgi360_dashboard .uace_modal.uacem_flowchart_report_options .select_archives ul {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;}

body.vgi360_dashboard .uace_modal.uacem_flowchart_report_options .select_archives ul li {
    line-height: 20px;
    padding: 5px 0px 5px 15px;
    margin: 0px 0px 0px 0px;}

body.vgi360_dashboard .uace_modal.uacem_flowchart_report_options .select_archives ul li label {
    position: relative;
    display: inline-block;
    user-select: none;
    cursor:pointer;}

/* -----------------------------------------------------------------------------
Border BOX */

body.vgi360_dashboard .viewer_2d .fx_bbox,
body.vgi360_dashboard .viewer_360 .fx_bbox {
    background-color: rgba(20, 115, 230, 0.5);
    position: absolute;
    display: none;
    z-index: 450;}

body.vgi360_dashboard .viewer_2d .fx_bbox.fx_bb_t,
body.vgi360_dashboard .viewer_360 .fx_bbox.fx_bb_t,
body.vgi360_dashboard .viewer_2d .fx_bbox.fx_bb_b,
body.vgi360_dashboard .viewer_360 .fx_bbox.fx_bb_b {
    height: 4px;
    width: auto;
    left:0px;
    right:0px;}

body.vgi360_dashboard .viewer_2d .fx_bbox.fx_bb_t,
body.vgi360_dashboard .viewer_360 .fx_bbox.fx_bb_t {
    top:50px;
    bottom:auto;}

body.vgi360_dashboard .viewer_2d .fx_bbox.fx_bb_b,
body.vgi360_dashboard .viewer_360 .fx_bbox.fx_bb_b {
    top:auto;
    bottom:51px;}

body.vgi360_dashboard .viewer_2d .fx_bbox.fx_bb_l,
body.vgi360_dashboard .viewer_360 .fx_bbox.fx_bb_l,
body.vgi360_dashboard .viewer_2d .fx_bbox.fx_bb_r,
body.vgi360_dashboard .viewer_360 .fx_bbox.fx_bb_r {
    height: auto;
    width: 4px;
    top:54px;
    bottom:55px;}

body.vgi360_dashboard .viewer_2d .fx_bbox.fx_bb_l,
body.vgi360_dashboard .viewer_360 .fx_bbox.fx_bb_l {
    left:0px;
    right:auto;}

body.vgi360_dashboard .viewer_2d .fx_bbox.fx_bb_r,
body.vgi360_dashboard .viewer_360 .fx_bbox.fx_bb_r {
    left:auto;
    right:0px;}

/* with_scrollbars */
body.vgi360_dashboard .vgi360_item.with_scrollbars .viewer_2d .fx_bbox.fx_bb_t,
body.vgi360_dashboard .vgi360_item.with_scrollbars .viewer_360 .fx_bbox.fx_bb_t {right:20px;}

body.vgi360_dashboard .vgi360_item.with_scrollbars .viewer_2d .fx_bbox.fx_bb_b,
body.vgi360_dashboard .vgi360_item.with_scrollbars .viewer_360 .fx_bbox.fx_bb_b {
    bottom:70px;
    right:20px;}

body.vgi360_dashboard .vgi360_item.with_scrollbars .viewer_2d .fx_bbox.fx_bb_l,
body.vgi360_dashboard .vgi360_item.with_scrollbars .viewer_360 .fx_bbox.fx_bb_l {bottom:70px;}

body.vgi360_dashboard .vgi360_item.with_scrollbars .viewer_2d .fx_bbox.fx_bb_r,
body.vgi360_dashboard .vgi360_item.with_scrollbars .viewer_360 .fx_bbox.fx_bb_r {
    right:20px;
    bottom:70px;}

/*
body.vgi360_dashboard .vgi360_item .controls_bar .notices_box .vgi360_simple_notice.fx_bbox_message {
border: 4px solid rgba(20, 115, 230, 0.5);
padding: 3px 8px 3px 8px;
top: auto;
left: 4px;
right: auto;
bottom: 5px;
border-left: 0px;
border-bottom: 0px;
border-radius: 0px;
border-top-right-radius: 5px;
box-shadow: none;
cursor:help;}
*/

body.vgi360_dashboard .vgi360_item .controls_bar .notices_box .vgi360_simple_notice.fx_bbox_message {
    border: 0px;
    top: auto;
    left: 4px;
    right: auto;
    bottom: 5px;
    border-left: 0px;
    box-shadow: none;
    background-color: transparent;
    cursor:help;}

body.vgi360_dashboard .vgi360_item .controls_bar .notices_box .vgi360_simple_notice.fx_bbox_message .text {
    font-size: 12px;
    opacity: 0.8;
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_item .controls_bar .notices_box .vgi360_simple_notice.fx_bbox_message:hover .text {
    opacity: 0.95; 
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_item .controls_bar .notices_box .vgi360_simple_notice.fx_bbox_message .icon {color: rgba(20, 115, 230, 0.9);}

/* -----------------------------------------------------------------------------
WP Editor */
body.vgi360_dashboard .vgi360_editor {position: relative;}

body.vgi360_dashboard .vgi360_editor .wp-editor-tools,
body.vgi360_dashboard .vgi360_editor .wp-editor-container {width: 100%;}

body.vgi360_dashboard .vgi360_editor .wp-editor-container {
    border: 1px solid #ccc;
    border-radius: 2px;
    overflow: hidden;}

/* TinyMCE */
body.vgi360_dashboard .vgi360_editor .wp-editor-container .mce-panel {
    border-bottom: 1px solid #dddddd;
    background-color:#ffffff;}

body.vgi360_dashboard .vgi360_editor .wp-editor-container .mce-panel.mce-statusbar {border-top: 1px solid #dddddd;}

/* TinyMCE > BG */
body.vgi360_dashboard .vgi360_editor .wp-editor-container .mce-panel.mce-toolbar-grp,
body.vgi360_dashboard .vgi360_editor .wp-editor-container .mce-panel.mce-statusbar,
body.vgi360_dashboard .mce-panel.mce-inline-toolbar-grp.mce-toolbar-grp {background-color: #fbfbfb;}

/* TinyMCE > Hover Toolbar */
body.vgi360_dashboard .mce-panel.mce-inline-toolbar-grp .mce-stack-layout {padding: 5px 5px 5px 5px;}

body.vgi360_dashboard .mce-panel.mce-inline-toolbar-grp.mce-toolbar-grp {border: 1px solid #dddddd;}

body.vgi360_dashboard .mce-panel.mce-inline-toolbar-grp.mce-toolbar-grp input[type="text"] {background-color: #fff;}

/* Quicktags Toolbar */
body.vgi360_dashboard .vgi360_editor .wp-editor-container .quicktags-toolbar {
    border-bottom: 1px solid #cccccc;
    background: #ececec;}

body.vgi360_dashboard .vgi360_editor .wp-editor-container .quicktags-toolbar .button {
    color: #2285ff;
    border-color: #2285ff;
    background: rgba(255, 255, 255, 0.5);
    text-shadow: none;
    box-shadow: none;}

body.vgi360_dashboard .vgi360_editor .wp-editor-container .quicktags-toolbar .button:hover {
    color: #fff;
    border-color: #1473e6;
    background: #1473e6;}

/* Tabs */
body.vgi360_dashboard .vgi360_editor .vgi360_options {
    position: absolute;
    top:-5px;
    right:0px;
    text-align: right;
    z-index: 10;}

body.vgi360_dashboard .vgi360_editor .wp-editor-tabs {
    min-height: 35px;
    float:left;}

body.vgi360_dashboard .vgi360_editor .wp-editor-tabs .wp-switch-editor {
    float:left;
    margin: 5px 5px 0px 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius:0px;
    text-shadow: none;
    background: rgba(255, 255, 255, 0.5);
    color: #666666;
    /* border-bottom-color: #cccccc; */
    border:1px solid #cccccc;
    border-bottom:0px;
    box-shadow: none;
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_editor .wp-editor-tabs .wp-switch-editor:hover {
    color: #2285ff;
    border:1px solid #2285ff;
    border-bottom:0px;
    transition: 0.2s ease all;}

body.vgi360_dashboard .vgi360_editor .wp-editor-tabs .wp-switch-editor.active {
    color: #fff;
    background: #1473e6;
    border:1px solid #1473e6;
    border-bottom:0px;}

/* Buttons > MCE */
body.vgi360_dashboard .mce-panel .mce-btn,
body.vgi360_dashboard .mce-panel .mce-btn .mce-ico {color: #666666;}

body.vgi360_dashboard .mce-panel .mce-btn {
    border:1px solid #cccccc;
    background-color: rgba(255, 255, 255, 0.5);}

body.vgi360_dashboard .mce-panel .mce-btn button,
body.vgi360_dashboard .mce-panel .mce-btn button:hover {
    box-shadow: none;
    background: none;
    border-color: transparent;
    -webkit-appearance: none;}

/* Buttons > MCE > Hover */
body.vgi360_dashboard .mce-panel .mce-btn:hover,
body.vgi360_dashboard .mce-panel .mce-btn:hover .mce-ico,
body.vgi360_dashboard .mce-panel .mce-btn:focus,
body.vgi360_dashboard .mce-panel .mce-btn:focus .mce-ico {color: #2285ff;}
    
body.vgi360_dashboard .mce-panel .mce-btn:hover,
body.vgi360_dashboard .mce-panel .mce-btn:focus {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #2285ff;}

/* Buttons > MCE > Active */
body.vgi360_dashboard .mce-panel .mce-btn.mce-active,
body.vgi360_dashboard .mce-panel .mce-btn.mce-active .mce-ico {
    color: #ffffff;
    border: 1px solid #1473e6;
    background-color: #1473e6;}

body.vgi360_dashboard .mce-panel .mce-btn.mce-active {
    border: 1px solid #1473e6;
    background-color: #1473e6;}

/* Buttons > MCE Primary */
body.vgi360_dashboard .mce-panel .mce-btn.mce-primary,
body.vgi360_dashboard .mce-panel .mce-btn.mce-primary .mce-ico {color: #fff;}

body.vgi360_dashboard .mce-panel .mce-btn.mce-primary {
    border:1px solid #1473e6;
    background-color: #1473e6;}

body.vgi360_dashboard .mce-panel .mce-btn.mce-primary:hover,
body.vgi360_dashboard .mce-panel .mce-btn.mce-primary:hover .mce-ico,
body.vgi360_dashboard .mce-panel .mce-btn.mce-primary:focus,
body.vgi360_dashboard .mce-panel .mce-btn.mce-primary:focus .mce-ico {color: #fff;}

body.vgi360_dashboard .mce-panel .mce-btn.mce-primary:hover,
body.vgi360_dashboard .mce-panel .mce-btn.mce-primary:focus {
    border:1px solid #1473e6;
    background-color: #1473e6;}

/* MCE Icons */
body.vgi360_dashboard .mce-panel .mce-ico.mce-i-removeformat {transform: rotate(180deg);}
body.vgi360_dashboard .mce-panel .mce-ico.mce-i-removeformat::before {content: "\f100";}

/* MCE Icons > VGI360 */
body.vgi360_dashboard .mce-panel .mce-ico.mce_vgi360_ico { font: normal 20px/1 dashicons;}

body.vgi360_dashboard .mce-panel .mce-ico.mce_vgi360_ico.ico_trash::before {content: "\f182";}

/* WP Editor > Menu Button */
body.vgi360_dashboard .mce-panel .mce-btn.mce-menubtn.mce-btn-has-text button {
    font-family: "OpenSans-Regular", sans-serif, Arial;
    padding: 1px 5px 1px 5px;
    font-size: 15px;}

body.vgi360_dashboard .mce-panel .mce-btn.mce-menubtn.mce-btn-has-text button .mce-caret {
    opacity: 0.8;
    margin-top: 9px;}

/* WP Editor > MCE Menu Float Panel */
body.vgi360_dashboard .mce-panel.mce-floatpanel.mce-menu {
    color: #666666;
    background: #ffffff;}

body.vgi360_dashboard .mce-panel.mce-floatpanel.mce-menu .mce-menu-item:hover {
    background: #2285ff;
    border-left: 0px solid #2285ff;}

body.vgi360_dashboard .mce-panel.mce-floatpanel.mce-menu .mce-menu-item.mce-active {
    background: #1473e6;
    border-left: 0px solid #ffffff;}

body.vgi360_dashboard .mce-panel.mce-floatpanel.mce-menu .mce-menu-item.mce-active .mce-text {color: #fff;}

/* WP Editor > Modal */
body.vgi360_dashboard #wp-link-backdrop {background: rgba(0,0,0,0.4);}

body.vgi360_dashboard #wp-link-wrap,
body.vgi360_dashboard #wp-link-wrap #link-modal-title,
body.vgi360_dashboard #wp-link-wrap .submitbox {
    color: #666666;
    background-color: #ffffff;}

body.vgi360_dashboard #wp-link-wrap {
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #cccccc;}

body.vgi360_dashboard #wp-link-wrap #wp-link-close {
    box-shadow: none; 
    text-shadow: none;}

/* WP Editor > Submitbox */
body.vgi360_dashboard #wp-link-wrap .submitbox .button {
    text-shadow: none;
    border-radius: 15px;
    font-size: 14px;
    font-weight: normal;
    font-family: "OpenSans-Normal", sans-serif, Arial;
    color: #333333;
    border: 1px solid #333333;
    background-color: rgb(255, 255, 255);
    transition: 0.2s ease all;}

body.vgi360_dashboard #wp-link-wrap .submitbox .button.button-primary {
    color: #f8f8f8;
    border: 1px solid #1473e6;
    background-color: #1473e6;}

body.vgi360_dashboard #wp-link-wrap .submitbox .button:hover,
body.vgi360_dashboard #wp-link-wrap .submitbox .button.button-primary:hover {
    color: #fff;
    border: 1px solid #2285ff;
    background-color: #2285ff;
    transition: 0.2s ease all;}

/* WP Editor > Modal > Hide Tools */
body.vgi360_dashboard #link-selector #search-panel, 
body.vgi360_dashboard #link-selector #wplink-link-existing-content {display: none !important;}

/* -----------------------------------------------------------------------------
WP Editor > Output */

body.vgi360_dashboard .vgi360_editor_output,
body.vgi360_dashboard .vgi360_editor_output.row {
    position: relative; 
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;}

/* Editor Style */
body.vgi360_dashboard .vgi360_editor_output {
    font-family: sans-serif,Arial,Helvetica,Verdana;
    font-size: 15px;
    line-height: 20px;
    color: #333333;
    background-color: transparent;}

/* UACE Modal */ 
body.vgi360_dashboard .vgi360_editor_output.row:last-child {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;}

/* PSV Modal */ 
body.vgi360_dashboard .psv-panel-content .row.separator.psv_separator {
    margin: 5px 0px 0px 0px;
    padding: 20px 0px 5px 0px;}

/* P */
body.vgi360_dashboard .vgi360_editor_output p {margin: 5px 0px 5px 0px;}

/* UL > LI */
body.vgi360_dashboard .vgi360_editor_output ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;}

body.vgi360_dashboard .vgi360_editor_output ul li {
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 0px;}

/* Link */
body.vgi360_dashboard .vgi360_editor_output a,
body.vgi360_dashboard .vgi360_editor_output a:hover {color:#1473e6;}

body.vgi360_dashboard .vgi360_editor_output a:hover {text-decoration: underline;}

/* -----------------------------------------------------------------------------
Pagination */

.vgi360_dashboard .vgi360_pagination {
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 14px;
    line-height: 20px;}

.vgi360_dashboard .vgi360_pagination .btn_go_page,
.vgi360_dashboard .vgi360_pagination .btn_go_prev,
.vgi360_dashboard .vgi360_pagination .btn_go_next {
    font-size: 16px;
    line-height: 20px;
    margin: 2px 2px 2px 2px;}

.vgi360_dashboard .vgi360_pagination .btn_go_page {padding:5px 2px 5px 2px;}

.vgi360_dashboard .vgi360_pagination .btn_go_prev,
.vgi360_dashboard .vgi360_pagination .btn_go_next {padding: 5px 5px 5px 5px;}

.vgi360_dashboard .vgi360_pagination .current {
    font-weight: bold;
    text-decoration: underline;}

.vgi360_dashboard .vgi360_pagination .items_per_page {
    position: absolute;
    font-size: 12px;
    top:3px;
    right:0px;
    left:auto;
    bottom:auto;}

.vgi360_dashboard .vgi360_pagination .items_per_page select {background-color: #fff;}

/* -----------------------------------------------------------------------------
JCE Menu Item > Ul Sortable */

/* elemento durante lo spostamento */
.uace_ul_sortable li.ui-sortable-handle.ui-sortable-helper .jce_menu_item {background-color: rgba(34,133,255,0.5);}

/* Segnaposto spostamento */
.uace_ul_sortable li.ui-sortable-placeholder.ui-state-highlight {border: 2px solid red !important;}

/* -----------------------------------------------------------------------------
AI Chatbot */

.ai_chatbot,
.ai_chatbot .chat_container {
    position: absolute;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
    width: auto; 
    height: auto;
    font-size: 16px;
    line-height: 20px;}

.ai_chatbot .chat_container {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;}

.ai_chatbot .with_options {display: block;}

.ai_chatbot .with_options .options {
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid #ddd;}

.ai_chatbot .with_options .options .btn_label {padding: 5px 0px 5px 0px;}

.ai_chatbot .with_options .chat_container {top: 50px;}

/* Area messaggi */
.ai_chatbot .chat_messages {
    flex: 1; /* Occupa lo spazio disponibile */
    display: flex;
    flex-direction: column;
    padding: 10px 10px 10px 0px;
    background-color: transparent; /* #ece5dd */
    overflow-y: auto;}

/* Messaggi */
.ai_chatbot .user_msg, 
.ai_chatbot .ai_msg,
.ai_chatbot .loader {
    max-width: 95%;
    border-radius: 16px;
    margin: 4px 0 4px auto;
    padding: 9px 13px;
    font-size: 15px;
    word-break: break-word;}

.ai_chatbot .user_msg p, 
.ai_chatbot .ai_msg p,
.ai_chatbot .loader p {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;}

/* Utente (destro) */
.ai_chatbot .user_msg {
    max-width: 70%;
    align-self: flex-end;
    background-color: #1473e6;
    color: #fff;
    border-top-right-radius: 0px;
    margin: 4px 0 4px auto;}

/* AI (sinistro) + Loader (Destro) */
.ai_chatbot .ai_msg, 
.ai_chatbot .loader {
    align-self: flex-start;
    background-color: transparent; /* #eeeeee */
    color: #333;
    border-top-left-radius: 0px;
    margin: 4px auto 4px 0;}

.ai_chatbot .loader .loader_label {font-size: 15px;}

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

@keyframes spinIcon {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.ai_chatbot .text_thinking i {
    background-image: linear-gradient(90deg, #00fff0, #a020f0, #ff00cc, #00fff0, #08f7fe 80%);
    background-size: 400% 400%;
    animation: moveGradient 2s linear infinite, spinIcon 1s linear infinite;
    -webkit-background-clip: text;
    background-clip: text;
    color:transparent;
    text-shadow: 0px 0px 4px rgba(0,0,0,0.2);}

/* AI Ready - AI First */
.ai_chatbot .chat_messages .ai_msg.ai_ready,
.ai_chatbot .chat_messages .ai_msg.first_msg {font-weight: bold;}

/* Chat Items... */
.ai_chatbot .chat_messages a {color: #1473e6;}

.ai_chatbot .chat_messages a:hover {color:#2b8aff;}

.ai_chatbot .chat_messages ul {margin: 10px 0px 15px 0px;}

.ai_chatbot .chat_messages ul li {margin: 0px 0px 5px 15px;}

.ai_chatbot .chat_messages table {
    position: relative;
    display: table;
    width: auto;
    height: auto;
    max-width: 100%;
    overflow: auto;
    margin: 10px 0px 15px 0px;}

.ai_chatbot .chat_messages table,
.ai_chatbot .chat_messages table th,
.ai_chatbot .chat_messages table td {border:1px solid #ccc;}

body.vgi360_dashboard .ai_chatbot .chat_messages table td {border:1px solid #ccc !important;}

/* Footer (input e invio) */
.ai_chatbot .chat_footer {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px;
    background-color: #ffffff;
    border-top: 1px solid #e0e0e0;}

.ai_chatbot .chat_input {
    flex: 1;
    padding: 10px;
    border: none;
    border-radius: 20px;
    border: 1px solid #eeeeee;
    font-size: 15px;
    line-height: 20px;
    outline: none;
    background: #eeeeee;
    margin-right: 55px;
    min-height: 20px;
    max-height: 65vh;
    resize: none;
    transition: 0.2s ease all;}

.ai_chatbot .chat_input:focus,
.ai_chatbot .chat_input:active {border: 1px solid #1473e6;}

.ai_chatbot .chat_send_btn {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    font-size: 15px;
    background: #1473e6;
    color: #fff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    border: none;
    cursor: pointer;
    transform: scale(0.95);}

.ai_chatbot .chat_send_btn:hover,
.ai_chatbot .chat_send_btn:focus,
.ai_chatbot .chat_send_btn:active {
    background: #2285ff;
    outline: none;
    transform: scale(1);}

/* Chatbot Items */
.ai_chatbot .chat_table {
    position: relative;
    display: table;
    margin: 40px 0px 0px 0px;}

.ai_chatbot .chat_table .btn_copy {
    position: absolute;
    top: -38px;
    right: 0px;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    color: #555555;
    border: 1px solid #ccc;
    transition: 0.2s ease all;
    z-index: 10;}

.ai_chatbot .chat_table .btn_copy::before {
    position: absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    font-family: 'Font Awesome 5 Free';
    content:'\f0c5';
    font-weight: 900;
    vertical-align: middle;}

.ai_chatbot .chat_table .btn_copy,
.ai_chatbot .chat_table .btn_copy::before {
    text-align: center;
    line-height: 35px;
    cursor:pointer;}

.ai_chatbot .chat_table .btn_copy:hover {
    color: #1473e6;
    border: 1px solid #1473e6;}

.ai_chatbot .chat_table .btn_copy.active {
    color: #fff;
    border: 1px solid #1473e6;
    background-color: #1473e6;}


/* -----------------------------------------------------------------------------
Modal > Activate Trial */

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_ic_activate_trial .uace_modal_content {
    padding: 10px 15px 10px 15px;
    max-width: 600px;
    font-size: 16px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_ic_activate_trial .uace_modal_content .icon_vgi360 {background-color: #666666;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_ic_activate_trial .uace_modal_content .row_info {font-size: 15px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_ic_activate_trial .uace_modal_content h4 {
    font-size: 25px;
    line-height: 30px;}

.vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_ic_activate_trial .uace_modal_content .verde.txtshn {text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05);}

/* -----------------------------------------------------------------------------
Iubenda Privacy Controls and Cookie Solution */

.vgi360_dashboard button.iubenda-cs-preferences-link {display: none !important;}

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

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

/* -----------------------------------------------------------------------------
Responsive - Media Queries Max Width */
@media (max-width: 2560px) {}
@media (max-width: 2050px) {} 
@media (max-width: 1920px) {
    
    /* Worker > Box */
    body.vgi360_dashboard .vgi360_items.vgi360_items_box .vgi360_item {width: 24%;}
    
    body.vgi360_dashboard .list_photo_360 .listp360 .img_link a .img_photo_status .photo_status_info {
        font-size: 12px;}

    /* Modal > Invoice */
    body.vgi360_dashboard .uace_modal.uacem_manage_invoice .uace_modal_content {margin: 5vh auto 0px auto;}

    body.vgi360_dashboard .uace_modal.uacem_manage_invoice .uace_modal_content .cont_iframe {height: 600px;}
    
}
@media (max-width: 1680px) {

    /* Modal > Invoice */
    body.vgi360_dashboard .uace_modal.uacem_manage_invoice .uace_modal_content .cont_iframe {height: 500px;}

}
@media (max-width: 1344px) {
    
    /* Worker > Box */
    body.vgi360_dashboard .vgi360_items.vgi360_items_box .vgi360_item {width: 32.33333%;}
    
    /* TT Info Manager */
    body.vgi360_dashboard [tooltip].tt_info_manager::after {min-width: 250px;}

    /* Modal > Invoice */
    body.vgi360_dashboard .uace_modal .uace_modal_content .row_data {font-size: 14px;}
    
    /* -------------------------------------------
    Lista Foto 360° */
    body.vgi360_dashboard .list_photo_360 .listp360 .img_link {
        width: 25%;
        padding-top: 25%;}
    
    body.vgi360_dashboard .list_photo_360 .listp360 .img_link a .img_photo_status .photo_status_info .text {display: none;}

}
@media (max-width: 1280px) {
    
    /* Table Responsive */
    body.vgi360_dashboard .table_responsive {max-width: 1200px;}
    
}
@media (max-width: 1164px) {
    
    /* -------------------------------------------
    Menu Levels > Edit > Menu */
    body.vgi360_dashboard .vgi360_item .jce_menu ul li ul {
        max-width: 100%;
        /* overflow: hidden; */
        border:1px solid #ddd;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 5px;}
    
    /* Errors */
    body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_errors {padding: 5px 5px 10px 5px}
    
    body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_errors .alert::before {
    top: 10px;
    left: -10px;}
    
}
@media (max-width: 1080px) {
    
    /* -------------------------------------------
    Menu Business & Payments */
    body.vgi360_dashboard .vgi360_menu_wide ul li,
    body.vgi360_dashboard .vgi360_menu_wide ul li a,
    body.vgi360_dashboard .vgi360_menu_wide ul li.static {height: 40px;}

    body.vgi360_dashboard .vgi360_menu_wide ul li a,
    body.vgi360_dashboard .vgi360_menu_wide ul li.static {padding: 10px 10px 10px 10px;}
    
    body.vgi360_dashboard .vgi360_menu_wide ul li.static {text-align: center;}
    
    body.vgi360_dashboard .vgi360_menu_wide ul li {
        border-right: 0px solid transparent;
        border-bottom: 1px solid #ccc;
        width: 100%;}
    
    body.vgi360_dashboard .vgi360_menu_wide ul li:last-child {border-bottom: 0px solid transparent;}

    body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box.opt_col_x4 .opt_item {width: 50%;}
    
}
@media (max-width: 1024px) {}
@media (max-width: 999px) {
    
    /* Menu > Select */
    body.vgi360_dashboard  .vgi360_menu select.floatr {margin: 8px 0px 2px 0px;}
    
    /* Menu > View */
    body.vgi360_dashboard .vgi360_menu .vgi360-js-view-box,
    body.vgi360_dashboard .vgi360_menu .vgi360-js-view-table {display: none !important;}
    
    /* Items Box */
    body.vgi360_dashboard  .vgi360_items.vgi360_items_box .vgi360_item {width: 49%;}

    /* Pagination */
    .vgi360_dashboard .vgi360_pagination .items_per_page .info {display: none;}
    
}
@media (max-width: 992px) {}
@media (max-width: 810px) {
    
    /* -------------------------------------------
    Modal > Inline */
    body.vgi360_dashboard .uace_modal.uacem_inline, 
    body.vgi360_dashboard .uace_modal.uacem_inline .uace_modal_overlay {
        top:0px;
        height: 100%;
        bottom: 0px;}
    
    body.vgi360_dashboard .uace_modal.uacem_inline .uace_modal_overlay {display: block;}

    body.vgi360_dashboard .uace_modal.uacem_inline .uace_modal_content .uace_modal_close,
    body.vgi360_dashboard .uace_modal.uacem_inline .uace_modal_content .uace_modal_expand,
    body.vgi360_dashboard .uace_modal.uacem_inline .uace_modal_content .uacem_change_side {
        display: block;
        margin: 0px 5px 0px 0px;}
    
    body.vgi360_dashboard .uace_modal.uacem_inline .modal_area .vgi360_btn_close_modal {display: none;}

    body.vgi360_dashboard .uace_modal.uacem_inline .uace_modal_content {
        width: 90%;
        max-width: 90%;
        margin: 10vh auto 0px auto;
        padding: 5px 5px 5px 5px;
        border-radius:5px;
        border: 1px solid #888;
        border-left:1px solid #888;
        border-right:1px solid #888;
        box-shadow: none;}

    body.vgi360_dashboard .uace_modal.uacem_inline .uace_modal_content .modal_area {
        margin: 20px 0px 0px 0px;}
    
    body.vgi360_dashboard .uace_modal.uacem_inline .cont_set {padding: 0px 0px 10px 0px;}
    
    body.vgi360_dashboard .uace_modal.uacem_inline .set,
    body.vgi360_dashboard .uace_modal.uacem_inline .set.floatr {
        display: block;
        width: 100%;
        float:none;}
    
    /* -------------------------------------------
    Modal > Search */
    body.vgi360_dashboard .uace_modal.uacem_vgi360_search_filter .modal_area input[type="text"] {
        min-width: 150px;
        width: 80%;}

    body.vgi360_dashboard .uace_modal.uacem_vgi360_search_filter .uace_modal_content .modal_area .vgi360_search_engine_item {
        width: 100%;
        text-align: center;
        line-height: 40px;
        float:none;}

}
@media (max-width: 765px) {}
@media (max-width: 680px) {
    
    /* -------------------------------------------
    Notifiche */
    body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice {width: 98%;}
    
    body.vgi360_dashboard .uace_modal.uacem_user_notifications .vgi360_notice .vgi360_notice_info_action {
        top: 5px;
        right: 5px;}
    
    body.vgi360_dashboard .uace_modal.uacem_user_notifications .vgi360_notice .vgi360_notice_info_action .btn_light {float:none;}
    
    body.vgi360_dashboard .uace_modal.uacem_user_notifications .modal_area .vgi360_notice h2 {padding: 30px 0px 5px 0px;}
    
    /* -------------------------------------------
    Tabelle Mobile */
    
    body.vgi360_dashboard .uace_modal .table_responsive.table_mobile,
    .table_responsive.table_mobile {border: 0px solid transparent;}
    
    .table_responsive.table_mobile {max-height: none;}
    
    .table_responsive.table_mobile table {min-width: 0px;}
    
    .table_mobile table, 
    .table_mobile thead, .table_mobile tbody, .table_mobile tfoot,
    .table_mobile th, .table_mobile td, .table_mobile tr {
        display: block;
        width: 100%;}
    
    .table_mobile thead {display: none;}
    
    .table_responsive.table_mobile table tr {
        border:1px solid #ddd;
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
        border-radius: 2px;
        margin: 10px 0px 10px 0px;}
    
    .table_responsive.table_mobile table tr th, 
    .table_responsive.table_mobile table tr td {
        overflow: hidden;
        padding: 30px 5px 5px 5px;
        position: relative;
        border:0px solid transparent;}
    
    .table_responsive.table_mobile table tr th:before, 
    .table_responsive.table_mobile table tr td:before {
        position: absolute;
        top: 0px;
        left: 0px;
        right:0px;
        bottom:auto;
        width: 100%;
        height: 25px;
        font-size: 14px;
        text-align: left;
        line-height:25px;
        padding: 0px 10px 0px 10px;
        overflow: hidden;
        border-top:1px solid #ddd;
        content: attr(mobile-label);}
    
    .table_responsive.table_mobile table tr th:first-child:before, 
    .table_responsive.table_mobile table tr td:first-child:before {border-top:0px solid transparent;}

    /* Correction > .copyToClipboard */
    body.vgi360_dashboard .uace_modal .form_ic_user_permissions td.area_data {padding: 15px 10px 10px 10px;}

    body.vgi360_dashboard .uace_modal .form_ic_user_permissions td.area_data .btn_light {margin: 10px 3px 3px 3px;}

    /* Table Mobile > Table Show Settings */
    .table_responsive.table_mobile.table_view_settings table tr th:before,
    .table_responsive.table_mobile.table_view_settings table tr td:before {text-align: right;}

    .table_responsive.table_mobile.table_view_settings table tr th .label,
    .table_responsive.table_mobile.table_view_settings table tr td .label {display: none;}

    body.vgi360_dashboard table .vgi360_table_row.row_one_line {white-space:normal;}

    /* -------------------------------------------
    Umodal */

    .vgi360_dashboard .uace_modal.uacem_vgi360info .uace_modal_content {
        border-radius: 0px;
        margin: 10px auto 10px auto;
        width: 95%;
        height: 95vh;
        max-width: 100%;
        max-height: calc(100vh - 100px);
        box-shadow: none;}
    
    .vgi360_dashboard .uace_modal.uacem_vgi360info .uace_modal_content .modal_area {
        max-height: calc(100vh - 160px);
        min-height: 0px;}
    
    /* -------------------------------------------
    Notes */
    
    body.vgi360_dashboard .vgi360_notes .jce_menu .row.row_mobile {
        width: 100%;
        display: block;}
    
    /* Note > Images > Add */
    body.vgi360_dashboard .note_image .manage_image .row,
     .uace_modal .note_image .manage_image .row,
    body.vgi360_dashboard .note_image .manage_image .row small,
    .vgi360_dashboard .uace_modal .note_image .manage_image .row small {font-size: 13px;}
    
    body.vgi360_dashboard .note_image .manage_image input[type="file"] {font-size: 12px;}
    
    /* -------------------------------------------
    JCE Menu > Items */
    
    body.vgi360_dashboard .note_image .show_image {
        max-height: 300px;
        max-width: 300px;}

    /* -------------------------------------------
    Modals > Info Card > Card Users */

    .uace_modal .form_ic_user_permissions .row.multiple_access label,
    .uace_modal .form_ic_user_permissions .row.multiple_access label {
            position: relative;
            margin:2px 0px 2px 0px;
            width: calc(100% - 6px);}

    .uace_modal .form_ic_user_permissions .area_user .btn_user {margin: 3px 3px 3px 3px;}

    /* Modal > Invoice */
    body.vgi360_dashboard .uace_modal.uacem_manage_invoice .uace_modal_content {padding: 10px 10px 10px 10px;}

    body.vgi360_dashboard .uace_modal .uace_modal_content .row_data {font-size: 12px;}

    /* Progress Notifications */
    .vgi360_progress .box_notifications .box_x2 {width: 100%;}
    
}
@media (max-width: 640px) {

    /* Hidden Mobile */
    body.vgi360_dashboard .solo_desktop {display: none !important;}
    body.vgi360_dashboard .solo_mobile {display: inline-block !important;}
    
    /* Worker > Box */
    body.vgi360_dashboard .vgi360_items.vgi360_items_box .vgi360_item {width: 99%;}
    
    /* Worker > Data Modal */
    body.vgi360_dashboard .uace_modal.uacem_vgi360_worker_data .invoice_data label {width: 100%;}
    
    /* Items > Modal 360 > Notes */
    body.vgi360_dashboard .psv-container .psv-panel .show_notes .row_edit .jce_menu_item {min-width: 315px;}

    /* -------------------------------------------
    Dashboard > Mobile */

    body.vgi360_dashboard .menu_se {background-color: rgba(255, 255, 255, 0.85);}

    body.vgi360_dashboard .vgi360_items {
        margin: 50px 0px 50px 0px;
        padding: 0px 5% 0px 5%;}

    body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title, 
    body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_wide.vgi360_title {
        background-color: transparent;
        border: 0px solid transparent;
        padding: 0px 0px 0px 0px;
        margin: 25px 0px 10px 0px;}

    body.vgi360_dashboard .vgi360_box .vgi360_item, 
    body.vgi360_dashboard .vgi360_box .table_responsive {border-radius: 10px;}
    
    body.vgi360_dashboard .vgi360_items .vgi360_box .table_responsive {
        overflow: hidden;
        max-height: none;}

    body.vgi360_dashboard table.dataTable thead .sorting::after, 
    body.vgi360_dashboard table.dataTable thead .sorting_asc::after, 
    body.vgi360_dashboard table.dataTable thead .sorting_desc::after {right: 10px;}

    body.vgi360_dashboard table thead tr th, 
    body.vgi360_dashboard table thead tr td, 
    body.vgi360_dashboard table tfoot tr th, 
    body.vgi360_dashboard table tfoot tr td {padding: 15px 35px 15px 15px;}
    
    /* Itestazione */
    body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title .vgi360_title_txt, 
    body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title .vgi360_title_cmd {
        position: relative;
        text-align: center;
        font-size: 14px;
        line-height: 30px;
        width: 100%;}

    /* -------------------------------------------
    vgi360_title > Mobile Menu */

    body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title.title_cmd_mobile_menu .vgi360_title_txt, 
    body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title.title_cmd_mobile_menu .vgi360_title_cmd {
        text-align: left;
        z-index: 2;}

    body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title.title_cmd_mobile_menu .vgi360_title_txt {
        position: absolute;
        top:0px;
        left:0px;
        height: 40px;
        padding: 10px 150px 0px 0px;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        z-index: 1;}

    body.vgi360_dashboard .vgi360_items .vgi360_item.vgi360_title.title_cmd_mobile_menu.tcmm_wide .vgi360_title_txt {padding: 10px 60px 0px 0px;}

    body.vgi360_dashboard .vgi360_items .vgi360_item.title_cmd_mobile_menu .vgi360_title_cmd .in_cmd_mobile_menu {
        position: relative;
        width: 100%;
        height: auto;
        text-align: right;
        margin: 5px 0px 5px 0px;
        padding: 5px 10px 5px 10px;
        border:1px solid #ccc;
        border-radius: 10px;
        background-color: #fff;
        text-align: center;
        overflow: visible;
        display: none;}

    /* -------------------------------------------
    JCE Menu */

    body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_item_box {width: 400px;}

    body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_input {width: calc(100% - 70px);}

    body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_btns_mobile {
        position: absolute;
        width: auto;
        height: auto;
        top:37px;
        left:0px;
        right:0px;
        bottom:auto;
        float:none;
        /* overflow: hidden; */
        display: none;
        text-align: center;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 10px;
        transition: 0.2s ease all;
        z-index: 15;}

    body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_btns .btn_light {float: none;}

    body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_btns .btn_light.btn_icona .icon_vgi360 {margin: 5px 0px -5px 0px}

    body.vgi360_dashboard .btn_light.btn_minimal.show_btns_on_mobile.active {color:#1473e6;}
    
    /* Menu Mobile */
    body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_btns_mobile.active {
        background-color: #ffffff;
        border: 1px solid #cccccc;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
        transition: 0.2s ease all;}

    body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_btns .btn_checkbox_toggle {float:none;}

    /* DataTable Text Input > For BTN Mobile */
    body.vgi360_dashboard input.text_wide.tw_mobile_btn,
    body.vgi360_dashboard table input.text_wide.tw_mobile_btn {
        /*
        max-width: 100%;
        min-width: 200px;
        padding: 3px 43px 3px 3px;
        width: 100%;
        */
        max-width: 100%;
        min-width: 200px;
        padding: 3px 3px 3px 3px;
        margin: 0px 40px 0px 0px;
        width: calc(100% - 40px);}

    /* DataTable btn_light > For BTN Mobile */
    body.vgi360_dashboard .btn_light.btn_trasp.tw_mobile_btn {
        max-width:calc(100vw - 160px);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; 
        /* Corr. Overflow H */
        margin-bottom: -5px;}

    /* BTN Mobile for text Input */
    body.vgi360_dashboard .btn_light.btn_mobile_ab {
        position: absolute;
        top:0px;
        right:0px;
        bottom:auto;
        left:auto;}

    /* DataTable > Responsive [Inline] */

    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child, 
    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
        padding-left: 10px; 
        padding-right: 45px;}

    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
        right: 5px;
        left:auto;}

    table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
    table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
        padding-right: 27px;
        padding-left: 0px;}

    table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
    table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
        right:4px;
        left: auto;}

    /* DataTable > Responsive [Column] */

    table.dataTable.dtr-column.collapsed > tbody > tr[role="row"] > td:first-child,
    table.dataTable.dtr-column.collapsed > tbody > tr[role="row"] > th:first-child {
        padding-left: 10px;
        padding-right: 45px;}

    table.dataTable .btn_dtr_inline_ms {
        right:-40px;
        left:auto;}

    /* Modal > Importa Archivi */
    .uace_modal.uacem_ic_import_archives .table_responsive {
        max-height: calc(100vh - 370px);}

    .uace_modal.uacem_ic_import_archives .uacem_is_expanded .table_responsive {
        max-height: calc(100vh - 285px);}

    /* Modal > Permessi IC */
    .uace_modal .form_ic_user_permissions .table_responsive,
    .uace_modal .form_ic_user_permissions .uacem_is_expanded .table_responsive {max-height:none;}

    /* Searchbar */
    body.vgi360_dashboard .vgi360_items .vgi360_searchbar input[type=text] {padding: 5px 60px 5px 10px;}

    body.vgi360_dashboard .vgi360_items .vgi360_searchbar .cont_btn .btn_light.btn_search {
        padding: 5px 5px 5px 5px;
        border-radius: 50%;
        width: 18px;
        height: 18px;}

    body.vgi360_dashboard .vgi360_items .vgi360_searchbar .cont_btn .btn_light.btn_search .label {display: none;}

    /* -----------------------------------------------------------------
    CSA > Modal Search bar > Minimal */

    body.vgi360_dashboard .uace_modal.uacem_search_minimal input[type="text"],
    body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box label {font-size: 12px;}

    body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box.ob_x2 {width: 100%;}

    /* Columns */
    body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box.opt_col_x2 .opt_item,
    body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box.opt_col_x4 .opt_item.opt_col_x2,
    body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box.opt_col_x4 .opt_item,
    body.vgi360_dashboard .uace_modal.uacem_search_minimal .search_options .opt_box.opt_col_x2 .opt_item.opt_col_x4  {
        width: 100%;
        float:none;}


    /* -----------------------------------------------------------------
    Border BOX */

    /*
    body.vgi360_dashboard .viewer_2d .fx_bbox.fx_bb_b,
    body.vgi360_dashboard .viewer_360 .fx_bbox.fx_bb_b {background-color: transparent;}

    body.vgi360_dashboard .viewer_2d .fx_bbox.fx_bb_l,
    body.vgi360_dashboard .viewer_360 .fx_bbox.fx_bb_l,
    body.vgi360_dashboard .viewer_2d .fx_bbox.fx_bb_r,
    body.vgi360_dashboard .viewer_360 .fx_bbox.fx_bb_r {
        background: linear-gradient(0deg, rgba(20, 115, 230, 0.0) 5%, rgba(20, 115, 230, 0.5) 35%);
        background-color: transparent;}
    */

    /* -----------------------------------------------------------------
    Modal Uacem > Modal Georeferenziazione */

    /* X2 */
    .vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .row_btn_radio_x2 .btn_radio:first-child,
    .vgi360_dashboard .uace_modal.uacem_vgi360info.uacem_georeferencing .uace_modal_content .row_btn_radio_x2 .btn_radio:last-child { 
        width:100%;
        margin-left:auto;
        margin-right:auto;}


    /* Pagination */
    .vgi360_dashboard .vgi360_pagination .items_per_page .info {display: inline-block;}

    .vgi360_dashboard .vgi360_pagination .items_per_page {
        position: relative;
        margin:5px 0px 0px 0px;
        width: 100%;
        top:auto;
        right:auto;
        left:auto;
        bottom:auto;
    
}
@media (max-width: 568px) {

    /* -------------------------------------------
    Menu SE */
    body.vgi360_dashboard .vgi360_menu.menu_se .ms_breadcrumbs.ms_view360photo {
        width: calc(100% - 60px);
        margin-right: 60px;}
    
    /* -------------------------------------------
    Lista Foto 360° */
    body.vgi360_dashboard .list_photo_360 .listp360 .img_link {
        width: 50%;
        padding-top: 50%;}
    
    /* Items > Modal 360 > Notes */
    body.vgi360_dashboard .psv-container .psv-panel .show_notes .row_edit .jce_menu_item {min-width: 245px;}
    
    /* Note > Images > Add */
    body.vgi360_dashboard .note_image .manage_image input[type="file"] {
        font-size: 12px;
        color:transparent;}

    /* JCE Menu */
    body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_item_box {width: 320px;}
    
    /* -------------------------------------------
    Item Type Archive */
    
    body.vgi360_dashboard .vgi360_item_type_archive .vgi360_item .jce_menu .jce_menu_item .jce_menu_item_box { width: calc(100% - 50px);}

    body.vgi360_dashboard .vgi360_item_type_archive .vgi360_item .jce_menu_input.type_code,
    body.vgi360_dashboard .vgi360_item_type_archive .vgi360_item .jce_menu_input.type_code:first-child {
        margin: 0px 0px 0px 0px;}
    
    body.vgi360_dashboard .vgi360_item_type_archive .vgi360_item .jce_menu_input.type_code,
    body.vgi360_dashboard .vgi360_item_type_archive .vgi360_item .jce_menu_input.type_name {
        width: calc(100% - 50px);
        max-width: 224px;
        display: block;
        overflow: hidden;}
    
}
@media (max-width: 500px) {

    .ai_chatbot .chat_container {max-width:99vw; height:98vh;}

}
@media (max-width: 480px) {
    
    /* Lista Foto 360° */
    body.vgi360_dashboard .list_photo_360 .listp360 .img_link {
        width: 100%;
        padding-top: 100%;}
    
    /* Note */
    body.vgi360_dashboard .note_image .show_image {
        max-height: 260px;
        max-width: 260px;}

    /* JCE Menu */
    body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_item_box {width: 260px;}
    
}
@media (max-width: 400px) {

    /* JCE Menu */
    body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_item_box {width: 230px;}

}
@media (max-width: 359px) {

    /* JCE Menu */
    body.vgi360_dashboard .vgi360_item .jce_menu .jce_menu_item .jce_menu_item_box {width: 180px;}

    /* DataTable Text Input > For BTN Mobile */
    body.vgi360_dashboard input.text_wide.tw_mobile_btn,
    body.vgi360_dashboard table input.text_wide.tw_mobile_btn {min-width: 50px;}

}
@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) {

    /* Modal > Importa Archivi */
    .uace_modal.uacem_ic_import_archives .table_responsive,
    .uace_modal.uacem_ic_import_archives .uacem_is_expanded .table_responsive {max-height:none;}

}