b { font-weight:600 !important}
.error { color:red; font-size:12px}
.color-verde { color:#004000;}
.color-KO  { color:red;}
.color-OK { color:green;}
.color-XX { color:coral;}


.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li > a,
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item .pcoded-submenu li > a { color:var(--font)}
.menu-a { display:flex !important; align-items:center !important}

.backoffice .pcoded .pcoded-header, .backoffice .header-navbar .navbar-wrapper .navbar-logo[logo-theme="theme1"] { background:#0F476D;}
.logo-1 { color:#263544; font-size:25px; line-height:60px}
.logo-2 { color:#263544; margin-left:30px}
.header-navbar .navbar-wrapper .navbar-logo[logo-theme="theme1"] {width: 300px;}
.navbar-logo img { max-height:50px;}
.form-material .auth-box .form-control {height: 43px !important;}
.form-control-default { color:#495057}
.form-control { color:#000}

.modal-header { background: #EFEFEF}
.flex {width: 100%; display:flex}
.d-flex-center { display:flex; align-items:center}

.link a { color:#42A5F5 }
.link a:hover { color:#76be43 }
a.underline { text-decoration:underline !important}

table.dataTable { margin: 0px !important;}
.table-plurima { width:100% !important}
.table-plurima td { border:1px solid #d6dde1; padding:.5rem .75rem !important; white-space:initial}
.table-plurima td { border:1px solid #d6dde1; padding:.5rem .75rem !important; white-space:initial}
.table-plurima .table-primary th { padding:.75rem; background-color: #C1DFFF; border:1px solid #C1DFFF !important; color:#212529} 
.table-plurima .table-primary { border:none}
.table-plurima a i.fa  { font-size:20px; }
.table-plurima i.indent  { font-size:12px; margin-right:5px; color:var(--primary) }
.table-plurima a i.ti-trash { font-size:20px; }
.table-plurima.allegati td, .table-plurima.allegati input { font-size:13px; vertical-align:middle }
.table-plurima td b { font-weight:600; }
.table-plurima a { color:var(--font) }
.table-plurima a:hover { color:var(--button) }
.table-plurima.no-dt th, .table-plurima th { background:var(--table); color:var(--font); font-weight:700; font-size:0.9em}
.table-plurima th, .table-plurima td { border:1px dashed #e7e7e7 !important}
.table-plurima.table-striped tbody tr:nth-of-type(2n+1) { background-color: #FFF;}
.table-plurima.table-striped tbody tr:nth-of-type(2n) { background-color: #FAFAFA;}



.dataTables_scrollBody .table-plurima.no-dt thead  { visibility:hidden}
.dataTables_scrollBody .table-plurima.no-dt thead tr  { height:0px !important; padding-top:0 !important}
.dataTables_scrollBody .table-plurima.no-dt thead th  { height:0px !important; padding-top:0 !important}
/*.table-no-top .dt-layout-row:first-of-type { display:none !important}*/
.table-no-top .dt-layout-row:first-of-type { margin-top:0 !important}
.table-no-top .dt-layout-table { margin:0 0 10px 0 !important}

/*.table-responsive { overflow-x: initial !important}*/
.table-icon a i { font-size:20px }
.table-icon i { font-size:20px; cursor:pointer; }
.table-icon a i.material-icons-two-tone { font-size:24px }
.table-icon i.material-icons-two-tone { font-size:204px; cursor:pointer; }
.material-icons-two-tone { color: var(--font); }

.dt-length select { width:60px }

.select-basic-plu {border: 1px solid #ccc !important;border-radius: 2px !important; color:#000 !important}
.select-basic-plu:focus { border: 1px solid #4099ff !important; outline:0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) !important}
.select-plu.input-group { margin:0}
.select-plu.input-group a { font-size:15px;}
.select-plu.input-group .select2 {position: relative;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1% !important;margin-bottom: 0;}
.select-plu .btn-add { padding: 6px 12px !important}
.select-plu .btn-add i { margin:0 }


.select2-selection__rendered { color: #212529 !important; height: calc(2.15rem); background-color:#FFF !important; line-height:26px !important; padding: .35rem .75rem !important; font-size:13px}
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #495057 transparent transparent transparent;}
.select2-container--default .select2-selection--single { border: 1px solid #ccc !important; border-radius: 2px !important; height:auto !important}
.select2-container--default .select2-selection--single .select2-selection__arrow { top:7px !important}
.select2-container--disabled .select2-selection__rendered { background-color: #e9ecef !important }
.select2-results__option { font-size:11px !important}
.selezionato .select2-selection__rendered { background-color:#EEEEEE !important}
.sel-fatturazione .select2 { width:100% !important }

.tooltip-plu { white-space:initial; padding:10px !important; z-index:10000 !important; width:1000px !important; margin:0 0 20px -500px !important}

a.btn-default.waves-effect { color:#000 ; background:#E9E9ED;}
a.btn-default.waves-effect:hover { background:#D0D0D7;}
a.btn-inverse.waves-effect:hover { color:#FFF;}

.form-control:disabled {opacity: 1; background:#eee}
.form-group { margin-bottom: 1em; }

.rbl { border:none }
.rbl input, .rbl label { float:left; cursor:pointer}
.rbl input { margin-top:3px}
.rbl label { margin:0 20px 0 5px}

.tbl-plu th { background:#efefef; border:1px solid #ccc; text-align:center }
.tbl-plu .th2 { background:#C1DFFF !important; border:1px solid #ccc !important; text-align:center }
.tbl-plu.table th { padding: .5rem .5rem; }
.tbl-plu.table td { padding: .3rem .5rem .3rem .5rem; vertical-align:middle }

.card .card-header { padding: 0 0 10px 0; text-align:left }
.card .card-header h5::after {display:none;}

.anni { display:inline !important; width:80px}
.wizard > .steps > ul > li { width:20% !important }
.wizard > .content { min-height: 10em }
.wizard > .content > .body { padding:1% 1% !important; width: 100%; position:relative}
.wizard > .actions { margin: 0 0.5em; width:initial}

.btn-primary { background-color:var(--button); border: 1px solid var(--button) }
.btn-primary:hover { background-color:var(--button-hover1); border-color: var(--button-hover1)}

.btn.disabled, .btn:disabled { opacity:0.5; cursor: not-allowed; background-color: rgba(70,128,255,.5);}

::placeholder { color: #aaa !important; opacity: 1;}
:-ms-input-placeholder { color: #aaa !important;}
::-ms-input-placeholder { color: #aaa !important;}

.lh_all { line-height:35px; margin:0 !important}
.titolo .nav-left { color:#FFF; line-height:70px; font-size:40px; font-weight:bold}

.plu-loading { position:fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 2000; background-color: rgba(0,0,0,.5); display:none; }
.plu-loading.open { display:block }
.plu-loader { border: 16px solid #f3f3f3;  border-top: 16px solid #42A5F5;  border-radius: 50%; width: 100px; height: 100px; animation: spin 2s linear infinite; position: absolute; top: calc(50% - 50px); left: calc(50% - 50px); z-index: 2001; }
.plu-loader2 { width: 60px; height: 60px; position: absolute; top: calc(50% - 30px); left: calc(50% - 30px); z-index: 2002; color: #FFFFFF; text-align: center; font-weight: bold; line-height: 25px; }

.table.plurima td, .table.plurima th {padding: .5rem;}
.table.plurima td, .table.plurima a {font-size:13px;}

/*LOGIN*/
.login-block .auth-box {max-width: 400px; }
.page-header.card { margin: 20px 35px 0 !important; }
.pcoded-inner-content { padding: 0 !important; }


footer, footer a { line-height: 50px; font-size: 13px; color: #fff }
footer .copyright { text-align:left; padding-left:60px }
footer .assistenza { text-align:right; padding-right:60px }
.pcoded-main-container { min-height: calc(100vh - 125px); }

.btn-mini { font-size: 14px; padding: 8px 15px; }
.btn:hover { background-color: #333333; color:#FFF; border-color:#333333}
.div-azioni { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; border: none; }
.div-azioni .btn { border-radius:5px !important; display:flex; align-items:center; width:280px}
.div-azioni .btn i { margin-right:10px; background-color:#FFF; border-radius:50%; padding:2px}

.col-prenotazione { color:#FFF; background-color: #8C0000; border: 1px solid #8C0000; }
.col-prenotazione-del { color:#FFF; background-color: #FC6180; border: 1px solid #FC6180; }
.col-lettera { color:#FFF; background-color: #00bcd4; border: 1px solid #00bcd4; }
.col-voucher { color:#FFF; background-color: var(--button); border: 1px solid var(--button); }
.col-uscita { color:#FFF; background-color: #ffb64d; border: 1px solid #ffb64d; }
.col-rientro { color:#FFF; background-color: #2ed8b6; border: 1px solid #2ed8b6; }

.print-voucher i,.print-uscita i,.print-rientro i { margin-right: 5px; border-radius: 50%; padding: 3px; }

.print-voucher i { background-color: var(--button); }
.print-uscita i { background-color: #ffb64d; }
.print-rientro i { background-color: #2ed8b6; }

.z-2000 { z-index:2000}
.tbl-costi th { background:#EEE; font-weight:600; font-size:13px; padding: .5rem}
.tbl-costi td { padding: .5rem; font-size:14px}
.w-10{width:10%!important}
.w-15{width:15%!important}
.w-20{width:20%!important}


/* Schermi grandi o ad alta risoluzione */
@media all and (max-width: 1690px) { }

/* Schermi Desktop o Portatili */
@media all and (min-width: 1280px) and (max-width: 1689px) { }

/* Tablet in modalità orizzontale */
@media all and (min-width: 737px) and (max-width: 1279px) { }

/* Tablet in modalità verticale */
@media all and (min-width: 481px) and (max-width: 736px) { }

/* Smartphone o piccoli Tablet */
@media all and (max-width: 480px) { 
    .wizard > .steps > ul > li {width: 100%;}

    .header-navbar .navbar-wrapper .navbar-logo { padding:10px; height:80px}
    .pcoded-content { padding-top:0 !important}
    .page-header-title i, .breadcrumb-div { display:none !important}
    .page-header-title h5 { font-size:20px}
    .page-header.card { margin:0 auto !important}
} 

@media only screen and (max-width: 575px) {
  .latest-update-card .card-block .latest-update-box .update-meta { text-align: center !important; }
  .latest-update-card .card-block .latest-update-box .update-meta i.update-icon { margin-left: 4px; margin-right: 4px; }
  .mobile-center { text-align:center !important}
  .mobile-left { text-align:left !important}
  .mobile-mt10 { margin-top:10px !important}

  .table.nowrap td.child span { white-space:pre-line !important}

  
  .navbar-logo { width:100% !important; text-align:left !important}
  footer .copyright { text-align:center; padding-left:0 }
  footer .assistenza { text-align:center; padding-right:0 }
  .documenti td { padding: 1rem .75rem !important;}
  .documenti .dtr-details { width:100% !important}

  .navbar-logo a.logo { width:100% !important}
  .navbar-logo a img { margin:0 auto}
  .navbar-logo .mobile-menu { text-align:center}
  .pulsanti { text-align:center !important}
  .pulsanti .btn { margin-top:10px}

  table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {top: 0px;left: 0;}
}