/**************
* Version 2.3 *
***************/
html,body{
    margin: 0; 
    padding: 0; 
    width: 100%; 
    min-width: 600px; 
    font-family: 'Dosis', sans-serif; 
    font-size: 18px; 
    background-color: #021A2C; 
    color:#E4E4E4;
}
.display_none{display: none;}
.display_inline{display: inline-block;}
.non-editable {
    pointer-events: none;
    /* Aggiungi altre regole di stile se necessario */
    padding: 10px;
}
.cb_bck_input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Stile del nuovo elemento personalizzato */
.form-check-label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

/* Creare l'elemento personalizzato */
.form-check-label::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #5e7e8e;
    background-color: #123241; /* Sfondo non selezionato */
    border-radius: 3px; /* Angoli arrotondati (opzionale) */
}
/* Quando la checkbox è selezionata */
.cb_bck_input:checked + .form-check-label::before {
    background-color: #007bff; /* Sfondo selezionato */
    border-color: #007bff;
}

/* Aggiungere un segno di spunta */
.cb_bck_input:checked + .form-check-label::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 7px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg); 
} 
.height_auto { height: auto !important;}
/********** HEADER **********/
header{ 
    min-height: 80px; 
    max-height: 80px; 
    background-color: #0E2A3C; 
    width: 100%;
    min-width: 600px;
    position: fixed;
    top: 0;
    z-index: 1000;
}
header .logoNED{
    width: 120px;    height: 80px;
    background: transparent url("../img/ned.dashboard.lt.png") no-repeat 50% 50%;
    background-size: contain;
    float: left;
}
header .logoNTP{
    width: 120px;    height: 80px;
    background: transparent url("../img/logo_NTP_light_230x100px.png") no-repeat 50% 50%;
    background-size: contain;
    float: right;
}
header .usertype{ text-align: center; }
header .usertype h4{ line-height: 80px; margin-bottom: 0; display: inline-block; }
header .usertype h4 span{ border-bottom: 2px solid #7F00FE; }
header .usertype h4 img{ 
    width: 45px; height: 45px; 
    border-radius: 50%; 
    border: 2px solid #7F00FE;
    margin: -10px -18px 0 0;
}
header .btn_user_menu{background-color: #0E2A3C; color: white; border-color: #0E2A3C;}
header .btn_user_menu:hover{background-color: #0E2A3C;border-color: #0E2A3C; color: #68981E;}
header #btns_admin_menu{background-color: #0E2A3C;}
header .dropdown-item:hover{background-color: #0E2A3C;}
/********** CONTENT **********/
#contentpage{ color:#E4E4E4; margin-top: 100px; }

/********** FOOTER ***********/
footer{ 
    position: relative; 
    bottom: 0;
    color: #6C8D9D;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-top: -30px;
    width: 100%;
    min-width: 360px;
    background-color: rgba(2,26,44,0.8);
}
footer a{display: none;}

/****** STYLES GENERAL ******/
.quadro{ 
    width: 100%; 
    color: #6C8D9D;
    background-color: #123141;
    border-top: 2px solid #FFF;
    padding: 10px;
    font-family: 'Dosis', sans-serif;
    min-height: 112px;
}

.quadro.c1 { border-color: #00B792; }
.quadro.c2 { border-color: #F95071; }
.quadro.c3 { border-color: #FF902A; }
.quadro.c4 { border-color: #FFC81D; }
.quadro.c5 { border-color: #C6F950; }
.quadro.c6 { border-color: #288BE2; }
.quadro.c7 { border-color: #68981E; }
.quadro.c8 { border-color: #7F00FE; }
.quadro.c9 { border-color: #ff9100; }
.quadro.c10{ border-color: #9660a7; }
.subtitolo.error { color: red; }
.quadro .titolo{width: 100%; color: #E4E4E4; line-height: 40px; margin-bottom: 3px;}
.quadro .titolo.message_box{text-align: center !important;color: #7495A5; font-size: 25px;}
.quadro .titolo.grande{width: 100%; color: #7495A5; line-height: 60px; margin-bottom: 8px; font-size: 150%; }
.botonera{ float: right;}
.quadro .titolo .botonera small{ font-size: 70%; color: #E4E4E4; }
.btn_right{position: absolute; right: 3.5%;}
.btn_left{position: relative; float: left;}
#btn_cancel_confirmbox:hover{cursor: pointer;}
#btn_OK_confirmbox:hover{cursor: pointer;}
.btn_cancel_popup{width: 150px; }
/****** BTNS ******/
.btn-c1{ background-color: #00B792; color:#FFF;}
.btn-c2{ background-color: #7F00FE; color:#FFF;}
.btn-c3{ background-color: #68981E; color:#FFF;}
.btn-c4{ background-color: #F53437; color:#FFF;}
.btn-xsm{ padding: 2px 6px; line-height: 14px; font-size: 12px; }
.btn-xssm{padding: 2px 4px; line-height: 12px; font-size: 12px; margin-right: 4px; margin-top: 4px;}
.btn-xxsm{padding: 1px 4px; line-height: 11px; font-size: 9px; margin-right: 1px; }

.btn-c1:hover,.btn-c2:hover,
.btn-c3:hover,.btn-c4:hover{ opacity: 0.8;}

/****** MARGIN PADDING ******/
.marginT5{margin-top: 5px;}
.marginR5{margin-right: 5px;}

.marginT10{margin-top: 10px;}
.marginT20{margin-top: 20px;}
.marginT30{margin-top: 30px;}
.marginT35{margin-top: 35px;}
.marginT50{margin-top: 50px;}
.marginT100{margin-top: 100px;}
.marginT150{margin-top: 150px;}
.marginD20{margin-bottom: 20px;}
.marginR5{margin-right: 5px;}
.marginR10{margin-right: 10px;}
.paddingA10{padding: 10px;}
.paddingA20{padding: 20px;}
.paddingA30{padding: 30px;}
.padding0{padding: 0;}
.paddingD0{padding-bottom: 0px !important;}
.paddingRL50{padding: 0 50px;}
.paddingA20U0{ padding: 20px; padding-top:0; }
.paddingA30U0{ padding: 30px; padding-top:0; }
.centered{text-align: center; }
.floatR{float: right;}
.floatL{float: left;}
.font120{font-size: 120%;}
.h12{height: 12px;}
.h50{height: 50px;}
.h100{height: 100px;}
.hidden{display:none;} 
.width50p{width: 50%;}
.bloque{display: block;}
.bloque::after { content: ''; display: block; clear: both; }
.margin_left_20{margin-left: 20px;}
.display_inline{display: inline-block;}
.icon_info{width: 20px; height: 20px;} 
.info_div_list{cursor: pointer;}
.popup_info{ width: 800px; height: auto; overflow: hidden;  position: absolute; top: 20px; left: 15px; z-index: 10; color: white;}
.popup_info>.info_pops{width: fit-content; max-width: 500px; height: 100%; padding: 20px;background: rgba(2,26,44,0.9) url("../img/bgpop.png"); border: 1px solid #5e7e8e;}
.popup_info>.info_pops>.titolo_info{font-size: 16px; font-weight: bold; display: inline-block;}
.popup_info>.info_pops>.subitolo_info{font-size: 13px;display: inline-block;margin-left: 5px;} 
/****** MAPPA *********/
.contenedorMappa{width: 100%; height: 360px; overflow: hidden;}
.contenedorMappa.w90{width: 90%; margin: 0 auto; margin-top: 20px !important;}
#map, #mappa{width: 100%; height: 400px;}
.popover{line-height: 0.7; z-index: 1000; background-color: rgba(255,255,255,0.8);}
.popover .arrow::after{border-top-color: rgba(255,255,255,0.8);}
.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after {border-bottom-color: rgba(255,255,255,0.8);}

/****** NEDNUMBERS ****/
.nedNumbers{display: block; width: 100%; text-align: center;}
.nedNumbers span{ display: block; width: 100%; color: #FFF; font-size: 120%; text-align: center;}

/****** TABLE *********/
.lista, .lista-users, .lista-comments, .lista_ntp { max-height: 850px; overflow-y: auto; overflow-x: auto;  }
.lista table.table thead,
.lista-users table.table thead,
.lista-comments table.table thead,
.lista-systemusers table.table thead,.lista_ntp table.table thead {background-color: rgba(0, 0, 0, 0.2); font-size: 70%; line-height: 10px; }
.lista table.table tbody tr.hover,
.lista-users table.table tbody tr.hover,
.lista-comments table.table tbody tr.hover,
.lista-systemusers table.table tbody tr:hover,.lista_ntp table.table tbody tr:hover,.table-lista_bugs table.table tbody tr:hover{ color:#FFF; }
.min_width_130{min-width: 130px;}
.lista table.table tbody tr.DISMANTLED,
.lista-users table.table tbody tr.DISMANTLED,
.lista-comments table.table tbody tr.DISMANTLED,
.lista-systemusers table.table tbody tr.DISMANTLED,
.lista_ntp table.table tbody tr.DISMANTLED{ color:#C00; text-decoration: line-through; user-select: none;} 
.totalcountneds{ color: #7F00FE; }
.totalcountneds span{ color: #FFF; }
.lista-systemusers table.table tbody tr td{vertical-align: middle;}
.lista-systemusers table.table tbody tr td.avatar img{ width: 42px; height: 42px; border-radius: 20%; border: 2px solid #021a2c; margin: 0; }
.lista table.table tbody tr td:first-child::before{position: relative; display: inline-block; width: 6px; height: 6px; margin: 0px 5px 4px -3px; border-radius: 33%; -webkit-border-radius: 33%; content: ''; background-color: #FFF;}
.lista table.table tbody tr[data-filtro="DP"] td:first-child::before{ background-color: #288BE2;}
.lista table.table tbody tr[data-filtro="DH"] td:first-child::before{ background-color: #F95071;}
.lista table.table tbody tr[data-filtro="VD"] td:first-child::before{ background-color: #C6F950;}
.lista table.table tbody tr[data-filtro="MV"] td:first-child::before{ background-color: #ff9100;}
.filterbydpdh{cursor: pointer;}
.filterbydpdh:hover{box-shadow: 0 0 5px #021a25; }
#value_search{ display: inline-block; text-align: center; height: 32px; background-color: #021a25; color: white; border: 1px solid #7f00fe; border-right: 0; }
#btn_search_by_id{width: 50px; padding: 0px; height: 32px; margin-right: 10px; line-height: 30px; font-size: 12px; background-color: #021a25 !important; border: 1px solid #7f00fe; border-left: 0; }
/****** NED LOGO ******/
.logo{ width: 100%; display: block; height: 30px; margin: 10px 0px; }
.logo.DP{ background: transparent url("../img/NED_MICRO_DP_400px_dark.png") no-repeat 50% 50%; background-size: contain; }
.logo.DH{ background: transparent url("../img/NED_MICRO_DH_400px_dark.png") no-repeat 50% 50%; background-size: contain; }
.logo.VD{ background: transparent url("../img/NED_NANO_VD_400px_dark.png") no-repeat 50% 50%; background-size: contain; }
.logo.MV{ background: transparent url("../img/NED_MACRO_MV_400px_dark.png") no-repeat 50% 50%; background-size: contain; }

/****** NED DEAILS ******/
.img_ned{min-height: 150px; margin: 0 auto;}
.imagenNed_DP{ background: transparent url("../img/NED_DP_2_render.png") no-repeat 50% 50%; background-size: contain; }
.imagenNed_DH{ background: transparent url("../img/NED_DH_2_render.png") no-repeat 50% 50%; background-size: contain; }
.imagenNed_VD{ background: transparent url("../img/NED_VD_2_render.png") no-repeat 50% 50%; background-size: contain; }
.imagenNed_MV{ background: transparent url("../img/NED_MV_2_render.png") no-repeat 50% 50%; background-size: contain; }
.imagenNed_DP.hiden, 
.imagenNed_DH.hiden,
.imagenNed_VD.hiden,
.imagenNed_MV.hiden{display: none;}

.neddetails .form-check{padding-left: 0 !important;}

#ned_Type .list-group-item{cursor: pointer;}
#ned_Type .list-group-item-info.active{ background-color: transparent; border-color:#00B792;}

.dataNed .subtitolo{ color: #5E7E8E; font-size: 12px; line-height: 20px; border-bottom: 2px solid #5E7E8E; padding: 0 5px;}
.dataNed .dato{ color: #E4E4E4; font-size: 18px; line-height: 30px; padding: 0 5px;}
.dataNed .dato .input_text_bug{width: 100%; background-color: #123141; color: white; margin-top: 2px;  border: 1px dashed #123141;}
.dataNed .dato #text_area_bug_description{width: 100%; background-color: #123141; color: white; margin-top: 2px;  border: 1px dashed #123141;}
.inputErrMess{ color: #5E7E8E; font-size: 16px; line-height: 34px; padding: 0 10px 0 5px; margin: 18px 0 0 0;}
.inputErrMess span{ color: #F95071;}
#data_open_ticket{background-color: #123141; border: none; color: white;}
#data_open_ticket::before{color: white;}
#text_tick_resolving,#text_tick_resolving_closeticket{height: 200px; width: 100%; background-color: #123141; color: white; margin-top: 2px;  border: 1px dashed white;}
#data_closed_ticket{width: 100%; background-color: #123141; color: white; margin-top: 2px;  border: 1px solid #123141;}
.table-lista_bugs tr { cursor: pointer; /* Indica che la cella è cliccabile */ }
.lista_select_macroarea{width: 100%; background-color: #123141; color: white;border: 1px dashed #123141;}
/****** INPUT ******/
.obj_selector{ width: 135px; background-color: #123241; color: white; }
.inputTXT{ background: transparent; border:none; border-bottom: 1px dashed #031f2d; width: 100%; color: #FFF; }
select.inputTXT{ background-color: #123141;}
.inputFile{ width: 50%; background: transparent; border:none; border-bottom: 1px dashed #031f2d; padding: 5px 0; cursor: pointer; line-height: 15px; font-size: 12px; }
#nombreFilentp > .progress,#nombreFileprofile > .progress{ display: inline-flex; width: 40%;}
/**** UPDATE MY DATA ***/
.contenedordeavatar{ width: 100%; height: 400px; overflow: auto; }
.contenedordeavatar img{ width: 45px; height: 45px; border-radius: 50%; border: 2px solid #123141; margin: 2px; cursor: pointer; }
.contenedordeavatar img.select{ border: 2px solid #7F00FE; box-shadow: 0px 0px 5px 1px #FFF; }

/****** ALL LIST BUGS **********/
.lista-bugsall{max-height: 600px; overflow-x: auto; overflow-y: auto;}
.lista-bugsall>table>tbody>tr>td{color: white;}
.lista-bugsall>table>thead>tr>th{border-bottom: 2px solid #5E7E8E; border-top: 2px solid #5E7E8E;}
.title_pointer{cursor: pointer; user-select: none;}
#title_filter_all_bugs{width: 100%; font-size: 14px; color: grey; margin-top: 5px;}
input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(100%) brightness(200%); cursor: pointer; }
/****** LOGIN **********/
#loginhtml{height: 100%;}
#loginbody{ background:#021A2C url("../img/ntp_new_bg_005.jpg") no-repeat 50% 0%; background-size: cover; height: 100%; }
#loginbody .logoLogin{ width: 100%; height: 50px; background: transparent url("../img/ned.dashboard.lt.png") no-repeat 50% 50%; background-size: contain; margin: 20px 0; }
#loginbody .quadro{ background-color: #031a25; }
#loginbody .inputTXT{ border: 1px solid #163241; background: #FFF; border-radius: 6px; color: #000; }
a.nome_file{ text-decoration: underline !important; text-decoration-line: 2px; text-decoration-color: #288BE2 !important; }
#btn_report_bug{color: white;}
.nome_file:hover{ cursor: pointer; }
#sort_date_comments:hover,#sort_date:hover{cursor: pointer;}
#image_viewer_img{ display: block; width: 100%; object-fit: cover; }
/****** ADD USER | COMMENTS ******/
.popupInputs,.popupInputs_newObj,.popupInputs_video,.popupInputs_duplicateNED{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1010; background: rgba(2,26,44,0.9) url("../img/bgpop.png"); color: #E4E4E4; display: none; } 
.popupInputs .addUsersNed,
.popupInputs .addCommentsNed,
.popupInputs .setCoordinates,
.popupInputs .confirmDeleteNed,
.popupInputs .newsystemuser,
.popupInputs .OpenImage,
.popupInputs .waitplease,.popupInputs_duplicateNED{display: none;}

.list_NEDs_popup{  background:#0c3b4a; color:#fff; border:1px solid #2a6271; border-radius:8px; padding:8px 40px 8px 12px; position:relative; width:100%; } 
#nedSelect>option:hover{background-color: #4fc3f7;}
.list_NEDs_popup:focus-within{ outline: none; box-shadow:0 0 0 3px rgba(79,195,247,.25); border-color:#4fc3f7; }
.list_NEDs_popup select{ width:100%; background:transparent; color:inherit; border:none; outline:none; font:inherit; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.list_NEDs_popup::after{ content:""; position:absolute; right:12px; top:50%; width:10px; height:6px; transform:translateY(-50%);  background-repeat:no-repeat; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>"); pointer-events:none; }
.list_NEDs_popup select option{ color:#fff; background:#0c3b4a; }
/****** USEFULL DOWNLOADS ******/
.usefulldownloads a,
.list_documents a{ width: 85px; height: 95px; display: inline-block; margin: 1px; font-size: 11px; color: #FFF; text-align: center; padding-top: 55px; }
.table-listaneds tr{position: relative;}
.table-listaneds tr::before{content: ""; position: absolute;}
tr.barrato::before {width: calc(100% - 80px); top: 26px; left: 15px; border-bottom: 1px solid #ff0000; text-decoration: line-through; }
.yt,.table-listaneds>thead>tr>th{cursor: pointer;}.addCommentsNed
.usefulldownloads a.app,
.list_documents a.app{background: transparent url('../img/fileapp1.png') no-repeat 50% 0;}
.usefulldownloads a.apw,
.list_documents a.apw{background: transparent url('../img/fileapp2.png') no-repeat 50% 0;}
.usefulldownloads a.apa,
.list_documents a.apa{background: transparent url('../img/fileapp3.png') no-repeat 50% 0;}

.usefulldownloads a.zip,
.list_documents a.zip{background: transparent url('../img/file_zip1.png') no-repeat 50% 0;}
.usefulldownloads a.yt,
.list_documents a.yt{background: transparent url('../img/file_yt1.png') no-repeat 50% 0;}
.usefulldownloads a.www,
.list_documents a.www{background: transparent url('../img/file_www1.png') no-repeat 50% 0;}

.usefulldownloads a.pdf1,
.list_documents a.pdf1{background: transparent url('../img/filepdf1.png') no-repeat 50% 0;}
.usefulldownloads a.pdf2,
.list_documents a.pdf2{background: transparent url('../img/filepdf2.png') no-repeat 50% 0;}
.usefulldownloads a.pdf3,
.list_documents a.pdf3{background: transparent url('../img/filepdf3.png') no-repeat 50% 0;}
.usefulldownloads a.pdf4,
.list_documents a.pdf4{background: transparent url('../img/filepdf4.png') no-repeat 50% 0;}
.usefulldownloads a.pdf5,
.list_documents a.pdf5{background: transparent url('../img/filepdf5.png') no-repeat 50% 0;}
.usefulldownloads a.pdf6,
.list_documents a.pdf6{background: transparent url('../img/filepdf6.png') no-repeat 50% 0;}

.usefulldownloads a.txt,
.list_documents a.txt{background: transparent url('../img/filetxt1.png') no-repeat 50% 0;}
.usefulldownloads a.doc,
.list_documents a.doc{background: transparent url('../img/filedoc1.png') no-repeat 50% 0;}
.usefulldownloads a.jpg,
.list_documents a.jpg{background: transparent url('../img/filejpg1.png') no-repeat 50% 0;}
.usefulldownloads a.png,
.list_documents a.png{background: transparent url('../img/filepng1.png') no-repeat 50% 0;}
.usefulldownloads a.xls,
.list_documents a.xls{background: transparent url('../img/filexls1.png') no-repeat 50% 0;}
.usefulldownloads a.pending,
.list_documents a.pending{background: transparent url('../img/filepending.png') no-repeat 50% 0;}


/****** ALERT ******/
.alert{ position: fixed; top: 10px; z-index: 1020; left: 50%; width: 600px; margin-left: -300px; }

/****** PLACEHOLDER ******/
::placeholder { color: #021a25; opacity: 1; }
::-ms-input-placeholder {color: #021a25;}
::-ms-input-placeholder {color: #021a25;}

/****** SCROLLBAR ******/
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #021A2C; }
::-webkit-scrollbar-thumb { background: #0E2A3C; }
::-webkit-scrollbar-thumb:hover { background: #555; }

/****** PRINT ******/
@media print {
    html,body{ background-color: #FFF; color:#021A2C; padding:20px;}
    header{ background-color: #CCC }
    .quadro{ color: #021A2C; background-color: #FFF; }
    .quadro .titolo{color: #021A2C; }
    .dataNed .dato{ color: #021A2C;}
    .nedNumbers span{ color: #021A2C; }
    #btn_print, #btn_deleteNEWned, #usefulldownloads,
    .botonera, .alert,
    .btn-xsm, .h100, footer,
    .lista table tbody tr td:last-child,
    .lista table thead tr th:last-child,
    .lista-users table tbody tr td:last-child,
    .lista-users table thead tr th:last-child,
    .noprint{ display:none; }
    .lista{ max-height: inherit !important; }
    .col-print-50 {width:50%; float:left;}
    header{ position: relative; } 
    #graph1, #graph2{ background-color:transparent;} 
    .totalcountneds span{ color: #7F00FE; }
 }