/* Z-INDEX: .small-box > .small-box-footer 10 .overlay-wrapper .overlay 50 .content-wrapper 800 .main-sidebar 810 .main-footer: 820 .tooltip 830 TODO se serve aggiungere altri più elevati in caso di tooltip nella modal .control-sidebar-bg 1000 .control-sidebar 1010 .main-header 1030 -- bootstrap modal backdrop 1040 #cont_modalOrdine .modal 1041 .vueOrdine 1042 .vueOrdine .tooltip 1043 #overlayChiamata 1045 .datepicker.datepicker-dropdown 1050 treeSelect 1051 .modalLoading 1500 modal fade bootbox-alert 2000 */ /*** AGGIUNTE DEMO 2020 *****/ /* OVERRIDE e aggiunte all'originale */ .modal-dialog { margin-left:auto; margin-right:auto; padding-left:10px; padding-right: 10px;} @media (max-width: 400px){ .modal-dialog{ padding-left: 5px; padding-right: 5px; } } @media (min-width: 768px) { .bootbox.modal .modal-dialog:not(.modal-lg) { width: 360px; } } .bootbox.modal.bootbox-prompt h5 { font-size: 15px; font-weight: 600; } @-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%,50%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}}@keyframes headShake{0%,50%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}} .shake{animation: shake ease-in-out 0.8s; animation-fill-mode: forwards;} div > .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} div > .overlay {z-index: 50;background: rgba(255, 255, 255, 0.7);border-radius: 3px;} div .overlay > .fa { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; color: #111; font-size: 30px;} div > .overlay.dark { background: rgba(0, 0, 0, 0.5); } .input-group .form-control { z-index: auto;} .box.box-solid.box-default>.box-header { background-color: #eef1f9; } .box {border-radius: 13px;} .box > .box-header:first-child {border-radius: 11px 11px 0 0;} .box.collapsed-box > .box-header:first-child {border-radius: 11px;} .box > .box-footer:last-child { border-radius: 0 0 13px 13px;} .box-footer {background-color: transparent;} .btn:not(.btn-xs) {border-radius: 6px;} .btn.btn-sm { border-radius: 6px; } .bottoniAzioniCliente.pad .btn {border-radius: 6px;} .bootbox .btn:not(.btn-xs) { border-radius: 5px; } .bootbox .btn.btn-sm { border-radius: 5px; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { border-top-left-radius:0 !important; border-bottom-left-radius:0 !important; } .btn-group .dropdown-menu {margin-top: 0; padding-top: 0;} .bottoniAzioniCliente.pad .btn-group button {margin-bottom: 0px;} /*GENERICHE*/ *,*:focus,*:hover{ outline:none !important;} .btn-group {display: inline-flex;} /*evita wrapping dei btn-group nelle celle piccole*/ .noborder { border:0 !important; } .nobr {white-space: nowrap;} .puntatore { cursor: pointer !important; } .bold {font-weight: bold;} .rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .vertical-align { display: flex;align-items: center; justify-content: center; flex-direction: row; } hr {border-top: 1px solid #e0e0e0;} .content-header hr {border-top: 1px solid #e0e0e0;} .btn.pull-right {margin-right: 2px;} .bg-white { background-color: #ffffff !important; } .bg-white { background-color: #ffffff !important; } .bg-light-gray { background-color: #f7f7f7 !important;} .page-break {page-break-after: always;} .fa-bullhorn { transform: rotate(-15deg); } .margin-right-5 {margin-right: 5px;} .datepicker.datepicker-dropdown {z-index: 1050!important} .margin-right-10 {margin-right: 10px;} .content-header-statico {transition: initial;} .pace .pace-progress, .pace .pace-activity {z-index:1040;} .pace .pace-activity {position: fixed;left: 50%} .btn:not(.dropdown-toggle) > span {margin-left: 6px; white-space: nowrap; display: inline-flex;} /* NEL BOTTONE, spazio tra icona e testo */ .btn.btn-sm > span:not(.caret) {margin-left: 5px;} /* NEL BOTTONE, spazio tra icona e testo */ .content-header > h1 > .fa,.content-header > h1 > .far,.content-header > h1 > .fal,.content-header > h1 > .fas, .modal-header > .modal-title > i.fa, .modal-header > .modal-title > i.fas, .modal-header > .modal-title > i.far, .modal-header > .modal-title > i.fal {margin-right: 5px;} .nienteClick {cursor:text !important;} .campo_quantita {padding-right: 2px;padding-left: 2px;text-align: center;width: 49px;} .modal.bootbox-alert {z-index: 2000} .modal-content {border-radius: 10px;} .form-group label { white-space: nowrap; /*overflow: hidden;*/ text-overflow: ellipsis;} /* fontawesome aggiornamenti di adminlte*/ .main-header .sidebar-toggle {font-family: "Font Awesome 5 Pro";padding: 10px 20px;font-size: 20px;} .box-header>.far,.box-header>.fad,.box-header>.fal,.box-header>.fas{ display: inline-block; font-size: 18px; margin: 0; line-height: 1;} .box-header>.far,.box-header>.fad,.box-header>.fal,.box-header>.fas{ margin-right: 5px;} .cke_bottom{display:none} .mouse-hover-info {cursor:help;} .overflowImportant {overflow: hidden !important;} .equal { display: flex; display: -webkit-flex; flex-wrap: wrap;} .control-sidebar.control-sidebar-open {height: 100%;} /* hack per print background */ @media print { .table td, .table th { background-color: inherit !important; }} @media print { .bootbox-alert {display:none !important} } .table th small {font-weight: normal;} .cella_link_hover:hover {text-decoration: underline;} .cella_link_hover:hover a {text-decoration: underline;} /** STAMPA GENERICHE **/ @media print { .box {margin:0 !important; border:0 !important;} .box-body {padding:0 !important;} .btn:not(.v-event) {display:none;} .box.box-solid .box-header {background-color:#f1f1f1 !important;} .table-responsive>.table tr th { white-space: nowrap !important; } .table-responsive { overflow-x: hidden; } .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer { margin-left: 0px !important; } .copertina { max-width: 150px !important;} } @media (max-width: 767px){ .fixed .content-wrapper, .fixed .right-side { padding-top: 50px; } } @media (max-width: 767px){ .control-sidebar { padding-top: 50px; } } /*icona nei campi group */ .form-group .input-group .input-group-addon i {width:15px;} /*** ICONE SIDEBAR */ .sidebar-menu>li>a>.fa:first-child, .sidebar-menu>li>a>.glyphicon:first-child, .sidebar-menu>li>a>.ion:first-child { text-align: center; margin-left: -5px; margin-right: 5px; } /*body.sidebar-collapse aside.main-sidebar, body.sidebar-collapse section.sidebar {overflow: hidden !important;}*/ .treeview-menu>li>a, .sidebar-menu li>a {font-size: 16px;vertical-align: middle;} @media (min-width: 768px){ .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu { width: 200px;} } .sidebar-menu li>a i:not(.pull-right) {font-size: 15px;} body .treeview-menu>li:hover {background-color:#6d6d6d; border-radius:5px; margin-right:2px} body[class*="-light"] .treeview-menu>li:hover {background-color:#e6e6e6; border-radius:5px; margin-right:2px} /* HR */ .modal hr, #overlayChiamata hr {border-top: 1px solid #eee;} /**** BOX ***/ .box.box-solid>.box-header .btn.btn-primary:hover {background-color: #367fa9; } .box.box-solid.box-success>.box-header .btn.btn-default {background-color: #f4f4f4; color:#444; } /*************** FORM CLIENTE **********************/ .bottoniAzioniCliente.pad {margin-top:10px; padding-bottom: 0; border-radius:10px} .bottoniAzioniCliente.pad button {margin-bottom:10px;} /************* DISABILITAZIONI ********************/ #cont_calendario_slide, .modalLoading {display: none;} /**** OPERATORI ********/ .modalOperatore .modal-dialog {width:90%; max-width:800px; margin-left:auto; margin-right:auto;} /*** CHATBOX ****/ .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 { margin-left: 0px;} #cont_listaMessaggiBox_chat .nuovo { background-color: #E6E9EB;} .orologino {margin-right: 2px;} #cont_listaMessaggiBox_chat .orario {font-weight: normal;} #cont_listaMessaggiBox_chat p { margin: 0;text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: normal; } /** SLIDER NUMERICO ***/ .slider.slider-horizontal {max-width: 100%;} .slider.slider-horizontal .tooltip-inner { background-color: #3c8dbc;} .slider.slider-horizontal .tooltip.top .tooltip-arrow {border-top-color: #3c8dbc;} .slider.slider-horizontal .tooltip.bottom .tooltip-arrow { border-bottom-color: #3c8dbc;} /*.slider.slider-horizontal .slider-selection { background: #BABABA;}*/ .form-control:not(.input-sm):not(.v-btn) { font-size: 16px; /* padding: 5px 12px; */ /* padding-top: 3px; */ } select.form-control { padding-top: 0; padding-bottom:0; padding-left: 6px; } .form-control:not(.input-sm):not(.v-btn):not(select) { padding: 5px 12px; } .form-group-sm .form-control { font-size: 16px; padding: 3px 12px; } .form-group-sm select.form-control {padding-left: 9px;} /* FORM overrdide ADMILTE*/ /* sfondo icona addon */ .input-group .input-group-addon {background-color: #eee;} /*.form-group-sm .form-control {font-size: 14px;}*/ /* vue multiselect */ .multiselect, .multiselect.multiselect-active, .multiselect__input, .multiselect__single { font-size: 16px; } .multiselect__select { height: 24px; padding: 4px 6px 4px 6px; width: auto; } .form-group-sm .multiselect__select { height: 24px; } .multiselect__input, .multiselect__single { margin-bottom: 0px; } .multiselect { min-height: 30px; } .multiselect__tags{ min-height: 34px; padding-top: 5px; border-radius: 2px;border-color: #d2d6de; margin-bottom: 0px; } .multiselect__tags-wrap .multiselect__tag {margin-bottom: 0;} .form-group-sm .multiselect__tags{ min-height: 30px; padding-top: 4px; } .form-group-sm .multiselect__tag{ margin-bottom: 0px; } .multiselect__select:before { top: 10%; color: #999; content: "\f078"; font-family: "Font Awesome 5 Pro"; font-weight: 900; border: 0; font-size: 11px; color: #000; } .multiselect--active .multiselect__select { margin-top:5px; } .multiselect__tag-icon:after { color: #ffffff; } /* puntatore labels vicino a ichecks */ input[type="radio"] + label, div.iradio_minimal-blue + label {cursor:pointer;/* padding-top: 2px; */line-height: 20px;} [class*=icheck-]>label { line-height: initial;} /* FORM labels */ .form-horizontal .control-label { text-align: left; } .form-group .control-label {white-space: nowrap; } .form-horizontal .form-group-sm .control-label {font-size: 14px} /* expand box titolo puntatore */ *[data-widget="collapse"] { cursor: pointer; } /* SELECT 2 aggiustamenti ovverriding adminlte in favore del tema bootstrap per select2 */ .select2-container .select2-selection--single .select2-selection__rendered { margin-top: 0px; } .select2-container--bootstrap .select2-selection--single.input-sm, .input-group-sm .select2-container--bootstrap .select2-selection--single, .form-group-sm .select2-container--bootstrap .select2-selection--single { font-size: 14px; } .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { font-size: 13px; background-color: #f5f5f5; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove { font-size: 18px; line-height: 8px; margin-top: -2px; vertical-align: middle; } .select2-container--bootstrap .select2-results__group { font-size: 14px; padding: 3px 12px; } .select2-results__option > span {display:inline-block; line-height: 13px;} /** FORM CONTROL FOCUS **/ .form-control:focus { border-color: #3c8dbc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } /* Tabelle dati */ /* tolgo il padding tra tabella e box su mobile */ @media (max-width: 471px) { /*.box-body.table-responsive {padding:0;}*/ } thead tr *:not(.tooltip):not(.tooltip-inner), thead tr *:not(.tooltip):not(.tooltip-inner) {white-space: nowrap;} .table-righeCliccabili tbody tr, .cliccabile { cursor:pointer; } .intestazioneColonneSenzaOrdinamento i, .intestazioneColonneConOrdinamento i { white-space: nowrap; margin-right: 6px;} .ordinamento { float: right; margin-left: 1px; margin-top: 4px; } .intestazioneColonneSenzaOrdinamento th { position: relative; } .intestazioneColonneConOrdinamento th { position: relative; cursor: pointer; } .table>thead>tr.intestazioneColonneConOrdinamento>th { vertical-align:top } .intestazioneColonneConOrdinamento .sorting_asc, .intestazioneColonneConOrdinamento .sorting_desc, .intestazioneColonneConOrdinamento .sorting { min-width:70px; } /* ECCEZIONI PER COLONNE 1% */ .riduciLarghezza, table .intestazioneColonneConOrdinamento .riduciLarghezza {min-width:1%; width:1%;} .intestazioneColonneConOrdinamento .sorting_asc:after, .intestazioneColonneConOrdinamento .sorting_desc:after, .intestazioneColonneConOrdinamento .sorting:after { font-family: 'Font Awesome 5 Pro'; position: absolute; top: 8px; right: 8px; display: block; font-size:16px; font-weight: 400; } .intestazioneColonneConOrdinamento .sorting_asc:after { content: "\f15d"; } .intestazioneColonneConOrdinamento .sorting_desc:after { content: "\f881"; } /* caso particolare di ordinamento numerico */ .intestazioneColonneConOrdinamento .sorting_desc.sort_numerico:after { content: "\f886"; } .intestazioneColonneConOrdinamento .sorting_asc.sort_numerico:after { content: "\f162"; } .intestazioneColonneConOrdinamento .sorting_desc, .intestazioneColonneConOrdinamento .sorting_asc, .intestazioneColonneConOrdinamento .sorting {padding-right: 25px;} .intestazioneColonneConOrdinamento .sorting:after { content: "\f883"; opacity: 0.5; } /* colorazione header tabelle ordinate */ .intestazioneColonneConOrdinamento th.sorting {color:#7b7b7b;} .intestazioneColonneConOrdinamento th.sorting_desc, .intestazioneColonneConOrdinamento th.sorting_asc, .intestazioneColonneConOrdinamento th.sorting:hover {color:#333; transition: color 0.2s ease-in;} .tabella-scura thead, .tabella-scura tfoot {background-color:#d8d8d8;} .tabella-scura {border:1px solid #111;} .tabella-scura tbody tr td, .tabella-scura thead tr th, .tabella-scura tfoot tr td {border-color:#c5c5c5;} .riga-scura {background-color: #f9f9f9;} /**** LOADING *****/ .modalLoading i { font-size:50px; color:#3c8dbc; } .modalLoading { display: none; position: fixed; z-index: 1500; text-align:center; top: 0; left:0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8 ) ; } .modalLoading div { position: relative; top: calc(50% - 50px); } body.loading { overflow: hidden; } body.loading .modalLoading { display: block;} @keyframes spinningLogo {0% { transform: rotate( 0deg); transform-origin: 50px 54px; } 50% { transform: rotate(720deg); } 100% { transform: rotate(1440deg); } } .modalLoading img:not(.scudo) { transform-origin: 50px 55px; animation-name: spinningLogo;animation-duration: 4s; animation-iteration-count: infinite;animation-delay:0s; animation-timing-function: ease-in-out;} /* logo scudo */ @keyframes spinningLogo_scudo { 0% { transform: scale(1.2); opacity:1;} 18% { transform: scale(1); opacity:0.5;} 36% { transform: rotate( 0deg) scale(1.2); opacity:1;} 55% { transform: rotate(-20deg) scale(1.2);} 90% { transform: rotate(720deg) scale(1.2); } 100% { transform: rotate(720deg) scale(1.2); } } .modalLoading img.scudo { transform-origin: 50px 50px; animation-name: spinningLogo_scudo;animation-duration: 4s; animation-iteration-count: infinite;animation-delay:0s; transform: scale(1.2); animation-timing-function: ease-in-out; } /*** CALENDARIO ****/ .appuntamento_cal_appuntamento { background-color:#001f3f !important; border-color:#001f3f !important; } .appuntamento_cal_compleanno { background-color:#f39c12 !important; border-color:#f39c12 !important; } .appuntamento_cal_nota {background-color: #4caf50; border-color:#4caf50;} .fc-view-container { border-left: 1px solid #ddd; border-right: 1px solid #ddd;} #calendario_appuntamenti {margin: 0 10px 10px 10px;} #calendario_appuntamenti .fc-event {cursor: pointer;padding: 2px; } #calendario_appuntamenti .fc-event i.fa {margin-right: 5px} #calendario_appuntamenti .fc-event-container a {box-shadow: 0px 0px 0px 0px rgba(125,125,125,1); transition: all 0.3s ease-in-out;} #calendario_appuntamenti .fc-event-container a:hover {box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.75);} .fc-unthemed .fc-popover { max-height: 300px; overflow-y: auto; background-color:#eeeeee; } #div_informazione_dettaglioAppuntamentoCalendario .note { padding: 5px 5px; } #calendario_appuntamenti .fc-day.fc-sun, #calendario_appuntamenti .fc-day.fc-sat { background-color:#f8fffe; } .fc h2 {font-size:18px;} .fc .fc-toolbar .fc-center { display: inline-block; vertical-align: middle; padding-top: 7px;} .fc-event:active,.fc-event:focus { color: #fff; } @media (max-width: 380px) { .fc button { padding: 0 0.3em; } } /* MODAL CENTRATA - ma solo oltre 470px*/ .modal-dialog {max-width: 100%;} .modal, #overlayChiamata { padding: 0!important;} .modal:not(.ordineModal), #overlayChiamata {text-align: center;} .modal:not(.ordineModal):before, #overlayChiamata:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;} div:not(.ordineModal) > .modal-dialog, #overlayChiamata .daCentrare { display: inline-block; text-align: left; vertical-align: middle;} .ordineModal .modal-body {min-height: 60vh;} .ordineModal .totali_ordine {font-size: 16px; font-weight: bold; white-space: nowrap;} /* MODALS WIDTH */ body #div_modal_scriptsChiamate .modal-dialog, .div_modal_gestionecorsi .modal-dialog, #cont_modalLotti .modal-dialog, #div_modal_html_modal_allegato3b .modal-dialog { width:100%; max-width:1200px; margin-left:auto; margin-right:auto; } @media (min-width: 768px) { body .ordineGenerico .modal-dialog, body .DocumentoIngressoMagazzinoModal .modal-dialog, body .modalRiepilogoDocumentoFornitore .modal-dialog {width:90%;} } #cont_modalDocumentoIngressoMagazzino .modal-dialog { width:95% !important; } .modal .form-horizontal .control-label {padding-top:7px} /* tooltip index */ .tooltip {z-index: 830;} /* SLIDER TOOLTIP */ .slider .tooltip.in {opacity: 1 !important;} /* SLIDER GENERICO COLORE */ .tooltip-inner { background-color: #3c8dbc; border-radius: 4px; } .tooltip.top .tooltip-arrow { border-top-color: #3c8dbc;} .tooltip.in {filter: alpha(opacity=100); opacity: 1;} /* FORMS */ /* testo prima di un group - che non deve essere con sfondo */ .input-group-addon.dicituraAFianco { border-color: transparent; background-color: #FFF !important;} .form-group ::placeholder {font-style: italic;} form.tipoCliente_A .nascosta_tipoCliente_A {display:none;} form.tipoCliente_P .nascosta_tipoCliente_P {display:none;} form.tipoCliente_L .nascosta_tipoCliente_L {display:none;} form.tipoCliente_E .nascosta_tipoCliente_E {display:none;} /* COLORI ESITO */ .colore_esito_3 {color:Red;} .colore_esito_2 {color:Green;} /* MODAL CONTATTI */ @media (min-width: 768px) { #div_modal_listaContattiRecenti .modal-dialog { width: auto; max-width: 90%; margin: 30px auto;} #div_modal_listaContattiRecenti table tr > td:first-child { white-space: nowrap;} } #div_modal_listaContattiRecenti .modal-body { overflow-x: auto; } /* BREADCRUMB */ .content-header ol.breadcrumb {margin-bottom: 10px;} /***************************************************************** CHIAMATE - OVERLAYS ******************************************************************/ #overlayChiamata { position: fixed; z-index:1045; top: 0; left:0; height: 100%; width:100%; background: rgba( 0, 0, 0, .75 ) ; overflow:auto; } #overlayChiamata .contenitore_chiamataTerminata, #overlayChiamata .contenitore_chiamata, #overlayChiamata .contenitore_chiamataNonRisposta { position:relative; margin:0 auto 0 auto !important; background-color:#FFF; } #overlayChiamata .contenitore_chiamata {max-width:900px;} #overlayChiamata .contenitore_chiamataTerminata, #overlayChiamata .contenitore_chiamataNonRisposta { border:2px dashed #367fa9; max-width:750px; } #overlayChiamata .avviso_chiamata_in_corso { font-size:20px; } #overlayChiamata .div_info_aggiuntive_dettagli_chiamata_non_richiamarlo_piu {padding-left:40px;} @media (min-width: 768px) { #overlayChiamata .contenitore_chiamataTerminata, #overlayChiamata .contenitore_chiamata, #overlayChiamata .contenitore_chiamataNonRisposta { width:90%; padding:20px; } .contenitore_chiamata .nominativo { font-size: 38px } .contenitore_chiamata .numero { font-size:35px; } } @media (max-width: 768px) { #overlayChiamata .contenitore_chiamataTerminata, #overlayChiamata .contenitore_chiamata, #overlayChiamata .contenitore_chiamataNonRisposta { width:98%; padding:0px 5px; } .contenitore_chiamata .nominativo { padding-top:20px; font-size: 22px } .contenitore_chiamata .numero { font-size:22px; } } #overlayChiamata .contenitore_chiamataTerminata, #overlayChiamata .contenitore_chiamata, #overlayChiamata .contenitore_chiamataNonRisposta { padding:20px !important; } /*** PUNTINI ANIMATI ***/ @keyframes dots-1 { from { opacity: 0; } 25% { opacity: 1; } }@keyframes dots-2 { from { opacity: 0; } 50% { opacity: 1; } }@keyframes dots-3 { from { opacity: 0; } 75% { opacity: 1; } }@-webkit-keyframes dots-1 { from { opacity: 0; } 25% { opacity: 1; } }@-webkit-keyframes dots-2 { from { opacity: 0; } 50% { opacity: 1; } }@-webkit-keyframes dots-3 { from { opacity: 0; } 75% { opacity: 1; } }.dots span {animation: dots-1 1s infinite steps(1); -webkit-animation: dots-1 1s infinite steps(1); }.dots span:first-child + span { animation-name: dots-2; -webkit-animation-name: dots-2; }.dots span:first-child + span + span { animation-name: dots-3; -webkit-animation-name: dots-3; } .contenitore_chiamata .numero { font-weight: 300; margin: 10px 0 16px 0; } .contenitore_chiamata .nominativo { text-align:center; margin: 10px 0 16px 0; color:#565656; } .contenitore_chiamata .risposte { max-width:1200px; margin:0 auto; cursor: pointer; border:1px solid #eeeeee; padding:20px; background-color:#F7F7F7; } .contenitore_chiamata .risposte:hover { background-color:#e1e1e1; } .contenitore_chiamata .cont_tempo_trascorso { padding-top:30px; padding-bottom:10px; font-size:46px; color:#B5B5B5; font-weight:normal; } /** OVERLAY DI CHIAMATA IN CORSO */ #overlayChiamataInCorso { position: fixed; bottom: 0; left: 0; background: rgba( 0, 0, 0, .84 ); overflow:visible; text-align:center;width: 100%; z-index: 2000; border-top:0px solid rgba(255,255,255,0.5); /* padding:0px 5px; */} #overlayChiamataInCorso, #overlayChiamataInCorso .div_apertura_scriptChiamata, #overlayChiamataInCorso .cont_numero_chiamata_in_corso {min-height: 40px;} #overlayChiamataInCorso .chiamata_in_linea_con { font-size:16px; padding:0px; color:#b5b5b5; } #overlayChiamataInCorso .tempo_trascorso { color:#EEE; font-size:20px; /*border-right:1px solid #999; padding:0 15px 0 0; margin-right:15px;*/ } #overlayChiamataInCorso a {font-size:18px; color:#b5b5b5;} @media (max-width: 768px) { #overlayChiamataInCorso .cont_infoCliente span {line-height:10px;display: block;font-size:12px;color:#b5b5b5;/* line-height:unset; */} } .contenitore_chiamata .cont_bottoni_chiamata {max-width: 600px; margin-left: auto; margin-right: auto;} #overlayChiamataInCorso .cont_infoCliente { margin-right:15px; display: inline-block; } #overlayChiamataInCorso .cont_infoCliente .fa { margin-right:3px; margin-bottom:2px;} #overlayChiamataInCorso .cont_btn_termina_chiamata {height: 30px; padding:0; margin-bottom:10px; } #overlayChiamataInCorso .cont_btn_termina_chiamata * { border:0; } #overlayChiamataInCorso .cont_btn_termina_chiamata .btn_termina_chiamata { height:30px; padding-top:2px;} #overlayChiamataInCorso .cont_btn_termina_chiamata .txt_termina_chiamata { font-size:16px; } #overlayChiamataInCorso .cont_numero_chiamata_in_corso { font-size:20px; margin-right:16px; padding-right:16px; border-right:1px solid #999; color:#eeeeee; } #overlayChiamataInCorso .cuffie { margin: 0 15px; font-size:22px; } #overlayChiamataInCorso .cuffie .fa-headphones { color:#00a65a; } /* bottone nuovo ordine nella barra persistente chiamata */ #overlayChiamataInCorso .cont_btn_nuovo_ordine {height: 30px; padding:0; margin-bottom:10px; margin-left:6px; } #overlayChiamataInCorso .cont_btn_nuovo_ordine * { border:0; } #overlayChiamataInCorso .cont_btn_nuovo_ordine .btn_nuovo_ordine { height:30px; padding-top:2px;} #overlayChiamataInCorso .cont_btn_nuovo_ordine .txt_nuovo_ordine { font-size:16px; } #overlayChiamataInCorso .div_apertura_scriptChiamata {border-right:1px solid #999; padding:0 10px 0 0; margin-right:10px; font-size: 20px;} .div_apertura_scriptChiamata, .cont_tempo_trascorso, .cuffie, .chiamata_in_linea_con, .cont_infoCliente, .cont_btn_termina_chiamata, .cont_btn_nuovo_ordine, #overlayChiamataInCorso .cont_numero_chiamata_in_corso { padding-top: 5px!important; padding-bottom:5px !important;} .cont_chiamataInCorso {width: 100%; margin: 0px; padding-left: 5px; padding-right: 5px; } #overlayChiamataInCorso .tempo_trascorso {padding-bottom: 0px;} #overlayChiamataInCorso .cont_tempo_trascorso { min-height: 40px; line-height: 14px; padding-bottom:0px !important; border-right: 1px solid #999; padding-right: 8px; padding-top: 3px !important; margin-right: 8px; } #overlayChiamataInCorso .numeroSottoTempo{color: #fff; font-weight: normal; max-width:100px; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap } #overlayChiamataInCorso .cont_tempo_trascorso .cuffie { padding-bottom:0px !important; font-size: 20px} .cont_apri_note_cliente { border-right: 1px solid #999; border-left: 1px solid #999; min-height: 40px; padding-top: 7px; padding-left: 10px; padding-right: 10px; font-size: 20px; color: #efe144; margin-right: 8px } .cont_apri_maggiori_acquisti { border-right: 1px solid #999;min-height: 40px; padding-top: 7px; padding-right: 8px; font-size: 20px; color: #efe144; margin-right: 8px } .cont_apri_note_cliente .fa {color: #efe144;} .cont_apri_maggiori_acquisti .fa {color: #69d5e0;} .cont_apri_maggiori_acquisti *, .cont_apri_note_cliente * {opacity: 0.98 !important;} .cont_apri_note_cliente .tooltip > .tooltip-inner {background-color: #efe144 !important;} .cont_apri_note_cliente .tooltip > .tooltip-arrow { border-top-color:#efe144 !important; } .cont_apri_note_cliente .cont_note_cliente_tooltip, .cont_maggiori_tooltip { font-size: 14px; font-weight: normal; text-align: left; width: 100%; padding:10px 40px 15px 40px; color:#333; max-height: 50vh; overflow-y: auto;} .cont_apri_note_cliente .cont_note_cliente_tooltip .titolo_note, .cont_apri_maggiori_acquisti .titolo_note {color:#333; font-size: 20px; margin:0 0 10px 0; padding:0;} .cont_apri_maggiori_acquisti .tooltip-inner, .cont_apri_note_cliente .tooltip-inner { max-width: 500px; width: auto; } .cont_apri_maggiori_acquisti .tooltip > .tooltip-inner {background-color: #69d5e0 !important;} .cont_apri_maggiori_acquisti .tooltip > .tooltip-arrow { border-top-color:#69d5e0 !important; } .cont_apri_note_cliente .cont_note_cliente_tooltip::-webkit-scrollbar-corner, .cont_maggiori_tooltip::-webkit-scrollbar { width: 2px; height: 2px;} .cont_apri_note_cliente .cont_note_cliente_tooltip::-webkit-scrollbar-corner, .cont_maggiori_tooltip::-webkit-scrollbar-button { width: 0px; height: 0px; } .cont_apri_note_cliente .cont_note_cliente_tooltip::-webkit-scrollbar-corner, .cont_maggiori_tooltip::-webkit-scrollbar-thumb { background: #e1e1e1; border: 0px none #ffffff; border-radius: 50px; } .cont_apri_note_cliente .cont_note_cliente_tooltip::-webkit-scrollbar-corner, .cont_maggiori_tooltip::-webkit-scrollbar-thumb:hover { background: #ffffff; } .cont_apri_note_cliente .cont_note_cliente_tooltip::-webkit-scrollbar-corner, .cont_maggiori_tooltip::-webkit-scrollbar-thumb:active { background: #4CAF50; } .cont_apri_note_cliente .cont_note_cliente_tooltip::-webkit-scrollbar-corner, .cont_maggiori_tooltip::-webkit-scrollbar-track { background: #666666; border: 0px none #ffffff; border-radius: 50px; } .cont_apri_note_cliente .cont_note_cliente_tooltip::-webkit-scrollbar-corner, .cont_maggiori_tooltip::-webkit-scrollbar-track:hover { background: #666666; } .cont_apri_note_cliente .cont_note_cliente_tooltip::-webkit-scrollbar-corner, .cont_maggiori_tooltip::-webkit-scrollbar-corner { background: transparent; } .tab_elencoScriptChiamata .tab-pane {max-height: 60vh;overflow-y: auto;} .cont_infoCliente > a > span { letter-spacing: -1px;} /** ORDINAMENTO GESTIONE CATEGORIE **/ .nestedSortable .placeholder { border: 1px dashed #4183C4 !important; margin-bottom:20px; background-color:#fff; } ol.sortableListaCategoria,ol.sortableListaCategoria ol { list-style-type: none; } .nestedSortable .frm_categorie_singola_categoria:read-only { cursor: inherit; font-weight: bold;} .nestedSortable .frm_categorie_singola_categoria:read-only:focus { border-color: transparent; box-shadow:none;} .nestedSortable .frm_categorie_singola_categoria:read-only:not(:focus) { border-color:transparent; border-left-color: rgba(0,0,0,0);border-right-color: rgba(0,0,0,0);} .nestedSortable .tools { display: none; float: right; color: #dd4b39; margin:7px 6px 0 0;} .nestedSortable .cont_categoria:hover .tools { display: block;} .nestedSortable input[type="text"] {width: calc(100% - 60px);} .nestedSortable .input-group {background-color:#eee;} .nestedSortable .input-group .input-group-addon {border-color:transparent;} /* LOGIN PAGE */ .login-logo, .register-logo {margin-bottom: 0;background: #fff;padding: 20px 0;} .login-logo img { max-width: 200px; } .login-logo {border-radius: 10px 10px 0 0;} .login-box-body {border-radius:0 0 10px 10px;} .login-box { max-width: calc(100% - 10px); width:400px; position:relative; } /**** PROGRESS BAR ***/ .progress { margin-bottom: 5px; } .progress .num_in_barra { padding: 0 6px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); letter-spacing: 1px } /*** CODE E CAMPAGNE *********/ .chart.torta_chiamate {min-height: 220px; max-height: 300px} .progress { background-color:#e0e0e0; } .estratto_campagna .progress {margin-top: 28px; border:0px solid #fff; border-radius: 0px} .input-group .fa-square {font-size: 1.3em;} .estratto_campagna {border-color: #dedede;padding: 3px 12px 12px 12px; border-radius: 4px; margin: 0px 0 4px 0; border: 1px solid #fff; border-color: #dedede;} .estratto_campagna:not(.estrattoSenzaLink) { transition: all 0.1s ease-in; background-color: transparent; cursor: pointer; } .estratto_campagna:not(.estrattoSenzaLink):hover {background-color: #f5f5f5;} .estratto_campagna .nome_campagna {font-weight: bold;padding-bottom: 0;margin-bottom: 6px;font-size: 16px; margin-top: 10px} .code_dettaglio_esiti {margin-top:10px;} .code_dettaglio_esiti .tit_riepilogo { margin-bottom: 3px; display: block; } .cont_icona { display: inline-block; width: 20px; } .tabella_campagne .cella_nome_campagna button {/*padding-bottom: 0; padding-top: 0;*/ margin-right: 5px;} .tabella_campagne .btn-default:not(:hover) { background: transparent; border-color: transparent; } .estratto_campagna .termine_campagna { font-size: 13px; color: #000000; margin-bottom: 8px; display: block; } .estratto_campagna .termine_campagna i { margin-right: 2px; } /***** TICKETS e CHAT IN PAGE ********/ .textarea-ticket {min-height: 120px; max-height:calc(100vh - 321px); } .modal_ticket_completo .timeline-body, .modal_chat .timeline-body {overflow-x: auto;} .modal_ticket_completo .modal-body .content, .modalChat .modal-body .content { background-color: #ecf0f5; } /*********** CHAT ***********/ .cont_box_esito_digitazione_cliente_trovato, .cont_box_esito_loading, .cont_box_esito_digitazione_cliente_nontrovato { display: inline-block; margin:6px 0 0 10px; } /****** MODAL ORDINE ******/ @media (min-width: 700px) { .ordineGenerico .modal-body {padding: 0px 15px 4px 15px;/* overflow-y:auto; max-height:calc(100vh - 190px); */} } .ordineGenerico .cont_info_nome_acquisizione_in_ordine .nome_cliente { margin: 0 10px 0 3px; font-weight: bold;} #cont_modalOrdine .modal {z-index: 1041 } .ordineGenerico #div_cont_totali input { font-size: 19px; } .table.table-verticalAlign td, .table.table-verticalAlign th { vertical-align: middle; } .verticalAlignBottomRiga > td, .verticalAlignBottomRiga > th {vertical-align: bottom !important;} .ordineGenerico .frmOrdine_prezzo {width:67px;} .ordineGenerico .div_nessun_articolo p {padding: 4vh 0;} /* riga prodotto con ALERT giacenza: */ .ordineGenerico .riga_con_alert_giacenza .col_1 { padding-right: 4px; } .ordineGenerico .riga_con_alert_giacenza .col_1 span { padding-right: 20px; } .ordineGenerico .col_1 {line-height: 15px;} .ordineGenerico .col_1 i {margin-left:5px;} /*.riga_Confezione .dettaglio_confezione {background-color: #ff9900 ;} .riga_Confezione .dettaglio_confezione p {margin: 3px 0;}*/ .riga_Confezione, .table-striped>tbody>tr.riga_Confezione {background-color:#f9ff9f;} .riga_Dettaglio_Confezione, .table-striped>tbody>tr.riga_Dettaglio_Confezione {background-color:#feffce;} .table>tbody>tr.riga_Dettaglio_Confezione>td { padding: 5px 8px; } .div_cont_table_righe .col_0 {white-space: nowrap;} .ordineGenerico .table .cella_iva {line-height: 14px;} .ordineGenerico .table .label_UnitaMisura_prodotto { display: block; margin-top: -11px; float: left; line-height: 10px; } .ordineGenerico .table .riga_unita_misura td {padding-top:10px; padding-bottom:10px;} /*.ordineModal .modal-dialog {margin-left: auto; margin-right: auto;}*/ /* SPEDIZIONI */ #frm_tutte_spediz thead th:not(.riduciLarghezza) {min-width:135px;} #frm_tutte_spediz thead th:nth-child(2) {min-width:270px;} /** SCOLLBAR **/ body::-webkit-scrollbar { width: 8px; height: 30px; } body::-webkit-scrollbar-thumb { /*background: linear-gradient(180deg,#ff8a00,#e52e71);*/ background-color:#ccc; border-radius: 30px; /*box-shadow: inset 2px 2px 2px hsla(0,0%,100%,.25), inset -2px -2px 2px rgba(0,0,0,.25);*/ } body::-webkit-scrollbar-thumb:hover { background-color:#bababa; } body::-webkit-scrollbar-track { background: #fff; } .modal-open { /* per evitare movimento del wrapper */ padding-right: 8px !important; } /***** SELECT2 ********/ .select2-container .select2-results__group {background: #f1f1f1;font-color:000;font-weight: bold;} .select2-container .select2-results__group * {background: #f1f1f1 !important;} /****** MAGAZZINO *********/ .intestazioneInventario, .intestazioneIVA {background: #f5f5f5 !important;} table thead:not(:first-child) .intestazioneInventario {background: #f5f5f5 !important;} .subtotInventario { background-color: #fbfbfb; } .subtotInventario > * {border-bottom: 1px solid #CCC !important;} .subtotInventario td {font-weight: bold;} @media print { #cont_inventario_tabella table { border:0 !important;} #cont_inventario_tabella table .spaziatore { border:0 !important;} .v-applicationMio .v-btn__content { color: inherit !important; } } /* @media print { #cont_inventario_tabella table {border: 2px solid #fff !important;} #cont_inventario_tabella table tr > *:first-child:not(.spaziatore),#cont_inventario_tabella table tr > *:last-child:not(.spaziatore) { border-left:thin solid #ccc !important; } .subtotInventario.totInventario td {border: 2px solid #000 !important;} } */ /* .list-item { display: inline-block; margin-right: 10px; background-color: #FF0000; } .list-enter-active, .list-leave-active { transition: all 1s; } .list-enter, .list-leave-to { opacity: 0; transform: translateY(30px); } */ .fadeDown-enter-active, .fadeDown-leave-active { background-color: transparent; transition: background-color 2.5s;} .fadeDown-enter, .fadeDown-leave-to { background-color: yellow;} .fadeDown-leave-active, .fadeDown-leave-to, .fadeDown-leave { transition: none !important;} .rigaConCelleBorderTop td { border-top: 2px solid #a5a5a5 !important; } .circle-main { border-color:#f56954 !important; box-shadow: #f3482e 0px 0px 40px !important;} .enjoyhint {z-index: 2000} .enjoyhint_close_btn { top: 50px !important; display: none !important } .enjoy_hint_label {padding:10px} .enjoyhint_skip_btn, .enjoyhint_next_btn, .enjoyhint_close_btn, .enjoyhint_prev_btn { background-color:rgba(0,0,0,0.5); } .vueOrdine {z-index: 1042;} div.alert > h4 {font-size: 14px;} div.alert.alert-info { background-color: #d9edf7 !important; border-color: #bce8f1; color: #31708f !important;} div.alert.alert-info a { color: #31708f !important;} #cont_soloRisultatiStatoCodaRecall .box-body h3 {font-size: 18px;} .cont_bottoni_azioni_rapide button i {margin-right: 10px;} .cont_bottoni_azioni_rapide button {/*text-transform: uppercase;*/ width: 100%} .btn-app,.btn-app:hover { color: #fff; } .btn-app { padding: 12px 5px 15px 5px; font-size: 14px; height: 60px;} .btn-app>i { display: block; margin-bottom: 4px; font-size:22px; } div.alert.alert_aiuto_dismissible h4 { vertical-align: middle; font-size: 17px; line-height: 17px;} div.alert.alert_aiuto_dismissible h4 i { font-size: 24px; line-height:17px; vertical-align: middle;} #btt { opacity: 0; position: fixed; z-index: 10; right: 10px; bottom: 10px; cursor: pointer; width: 60px; padding-top: 9px; text-align: center; height: 60px; background-color: #d0d0d0; -webkit-border-radius: 60px; -moz-border-radius: 60px; transition: all 0.5s ease-in; border-radius: 60px; vertical-align: middle; } #btt.attivo {opacity: 0.6} #btt i {font-size: 41px; line-height: 41px; color: #6b6b6b;} #btt:hover { opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; } .form-group.has-error .multiselect__tags{ border-color: #dd4b39; box-shadow: none; } /* fix selectbox */ .form-group.has-error label { color: inherit} .form-group.has-error > label { color: #dd4b39} .riquadro_info_assunzione { margin:0; padding:10px 14px; border: 1px solid #dbdbdb; width:auto; display: inline-block; clear: all; width: 100%; background:#fafafa; } .nav-tabs-custom>.nav-tabs>li.active.accento-success {border-top-color: #00a65a;} .nav-tabs-custom>.nav-tabs>li.active.accento-warning {border-top-color: #f39c12;} .nav-tabs-custom>.nav-tabs>li.active.accento-danger {border-top-color: #dd4b39;} .nav-tabs-custom>.nav-tabs>li.active.accento-primary {border-top-color: #3c8dbc;} .nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a { font-weight: 600;} .icona_download {width: 40px} .table .icona_download {width: 35px; margin:5px 0 5px;} .navbar-custom-menu>.navbar-nav>li {height: 50px;} .dropdown.user.user-menu a {height: 100%} .puntini {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;} .galleria_foto_post, .galleria_foto_prodotto { margin: 0 0 20px 0; padding: 0} .galleria_foto_post li, .galleria_foto_prodotto li {display: inline-block;margin: 0;border: 1px solid #CCC;margin:10px 5px;border-radius: 2px; text-align: center; padding-bottom: 5px;} .galleria_foto_post li a, .galleria_foto_prodotto li a {display: block} .galleria_foto_post img, .galleria_foto_prodotto img {max-width: 200px;margin: 8px 2px 8px 8px;max-height: 200px;} .div_modal_scelta_immagini .modal-dialog {width: 97vw;margin: auto;max-width: 1400px;} .div_modal_scelta_immagini .cont_img_per_selezione { width: 19%; height: 185px; /* min-height: 100px; */ overflow: hidden; text-align: center; display: inline-flex; /* padding: 0 15px; */ margin: 0 2px; border: 3px solid #fff; vertical-align: middle; padding-top: 5px; padding-bottom: 6px; } @media (max-width: 767px) { .div_modal_scelta_immagini .cont_img_per_selezione { width: 32%; } } @media (max-width: 467px) { .div_modal_scelta_immagini .cont_img_per_selezione { width: 49%; } } .div_modal_scelta_immagini .cont_img_per_selezione > div { background-repeat: no-repeat; background-size: contain; width: 100%;height: 100%;max-width:100%;max-height: 100%;margin: auto;background-position: center;/* margin-top: 5px; */} .div_modal_scelta_immagini .cont_img_per_selezione.selezionata { border-color: #4dd44d !important;} .div_modal_scelta_immagini .cont_img_per_selezione.selezionata:before{ font-family: "Font Awesome 5 Pro"; content: '\f00c'; font-size: 30px; color: #fff; position: absolute; background-color: #4dd44d; border-radius: 1000px; width: 42px; margin-left: 10px; margin-top: 10px; } .cursorMove {cursor: move;} .cont_elemento_galleria_draggable {cursor: move;padding: 0;border: 2px solid #fff;margin: 5px 0;} .cont_elemento_galleria_draggable img {max-width: 150px;border: 1px solid #aaa;cursor: zoom-in;} .cont_elemento_galleria_draggable.sortable-chosen {background-color: #f0f8ff ; cursor: grabbing ;} .sortable-ghost { opacity: 0.7; background: #c8ebfb; border: 2px dashed #6dd0ff; } .ck-editor__editable { min-height: 150px;} .deal_foto_singola {max-width: 200px; vertical-align: bottom; cursor: zoom-in;} @media (max-width: 767px) { .main-header .navbar { border-top: 0px solid #eee; /* ex: 1px - ???? */ } .main-header a.logo {display: none;} .navbar-nav>.user-menu .user-image { margin-top: -3px; } } @media (max-width: 767px) { .main-sidebar { padding-top: 57px; }} .main-sidebar {box-shadow: -2px 1px 12px 1px rgb(0 0 0 / 42%);} @media (max-width: 767px) { body:not(.sidebar-open) .main-sidebar { box-shadow: none; } } .tab_slide_home img {max-width: 100px; max-height: 80px;} .tab_slide_home * td {vertical-align: middle !important;} .dropzone .dz-message .dz-button {font-size: 17px;} .dropzone .dz-message .dz-button span { text-decoration: underline; color: #3c8dbc} .dropzone .dz-message .dz-button:hover, .dropzone .dz-message .dz-button:hover span {text-decoration: none;} #div_modal_scelta_foto_opzioni .dropzone {padding-top: 0;} #div_modal_scelta_foto_opzioni .dropzone .dz-message { margin: 1em 0;} #div_modal_scelta_foto_opzioni .dropzone {border: 3px dashed #bfbfbf;max-height: 678px;min-height: 74vh;overflow-y: scroll;} .cella_deal_pagato .fa-check, .cella_deal_pagato .fa-hourglass-half {color:#28a745;} .cella_deal_pagato .fa-warning {color:#ffc107;} .cella_deal_pagato { text-align: center;} .cella_deal_pagato .fa { font-size: 20px; } .icona_deal_pagato .fa-check, .icona_deal_pagato .fa-hourglass-half {color:#28a745;} .icona_deal_pagato .fa-warning {color:#ffc107;} .icona_deal_pagato .fa { font-size: 16px; } .crocetta_cancella_contenuto:hover::after{ content: '\f00d'; cursor: pointer; display: block; position: absolute; right: 9px; font-family: 'Font Awesome 5 Pro'; font-weight: 400; top: 8px; } .elencolibri .table>tbody>tr>td{vertical-align: middle;} #div_modalPrestito table tbody tr td:first-child{width:1%;} #div_modalPrestito table tbody tr td:nth-child(2){font-weight: bold;} #div_modalPrestito .table, #div_modalPrestito .alert {margin-top:10px;} .copertina {max-width: 100%; max-height: 180px; } .cont_copertina {display:inline-block;} #div_modalPrestito .copertina { margin-top:10px; max-height: 120px;} .success {color:#00a65a;} .warning {color:#f0ad4e} .rosso, .rosso h5 span {color:#dd4b39} .blu {color:#216fe3;} .listaPrestiti tbody tr i {text-align: center; width:20px;} .pagina_registrazione label { display: none; font-weight: 600; } .login-page { height: 100%; margin: 0; display: flex; flex-direction: column; min-height: 100vh; background-color: #14557b; background-image: linear-gradient(315deg, #7fbece 0%, #2b6c8d 60%, #14557b 90%); background-attachment: fixed; } .login-page input.form-control[type="email"],.login-page input.form-control[type="password"], .login-page input.form-control[type="text"] { height:38px; padding-right:38px; } .login-page .form-control-feedback { line-height:38px; margin-right:4px; } .footer-login, .footer-login a { color:#fff; } .footer-login a { font-weight: bold; } .footer-login a { text-decoration: underline; } .cont_bottoni_login_sidebar{ margin-top:70px; } .sidebar .estesi {display:block;} .sidebar .compatti {display:none;} .sidebar .compatti button{ width: 34px; } .sidebar-collapse .sidebar .estesi {display:none;} .sidebar-collapse .sidebar .compatti {display:block;} @media (max-width: 767px) { /* per i bottoni biblio, lascio l'icona anche su mobile*/ .small-box .icon { display:block; opacity: 0.5; } } .small-box {border-radius: 10px;} .small-box>.small-box-footer { border-radius: 0 0 10px 10px; } .cont_testo_inbar{display: inline-block;} .cont_testo_inbar h1 { margin: 12px 0 0 20px; font-size: 21px;} @media (max-width: 767px) { .cont_testo_inbar{ display: none;}} /* HEADER in bar x skin */ .skin-blue .main-header .navbar .cont_testo_inbar,.skin-blue-light .main-header .navbar .cont_testo_inbar,.skin-green .main-header .navbar .cont_testo_inbar, .skin-green-light .main-header .navbar .cont_testo_inbar,.skin-red .main-header .navbar .cont_testo_inbar,.skin-red-light .main-header .navbar .cont_testo_inbar,.skin-yellow .main-header .navbar .cont_testo_inbar,.skin-yellow-light .main-header .navbar .cont_testo_inbar,.skin-purple .main-header .navbar .cont_testo_inbar,.skin-purple-light .main-header .navbar .cont_testo_inbar { color:#fff;} .skin-black .main-header .navbar .nav>li>a { color: #333} .skin-black-light .main-header .navbar .nav>li>a { color: #333} .main-header .logo img {padding:0} .main-header .logo .logo-lg img { max-height: 45px; } .main-header .logo .logo-mini img { max-height: 48px; } .cont_logo_inbar { height: 24px; margin-top: 12px; margin-bottom: 13px; vertical-align: middle; position: relative; width: calc(100vw - 345px); background-repeat: no-repeat; background-position: center left; background-size: contain; margin-left: 10px; } .layer_loading {position:absolute; background:Red; width:100%; height: 100%; z-index: 10; } .loading_spinner_hover {margin:0 auto 0 auto; cursor: pointer;} .loading_spinner_hover i { display: none;} .loading_spinner_hover:hover img { display: none;}.loading_spinner_hover:hover i { display: block;} @media print { .tabella-registro-corsi a[href]:after { content:''; display:none !important } .tabella-registro-corsi img {width:200px;} .tabella-registro-corsi tr td i {display: none;} .tabella-registro-corsi tr:first-child {font-size: 16px; font-weight: bold;} #btt {display: none;} .pace {display: none;} .firma_allievo_registro, .firma_traduttore_registro {padding:0 !important; text-align: center !important;} .firma_traduttore_registro {vertical-align: bottom;} .firma_traduttore_registro img {width:200px;} .firma_allievo_registro img {border:0; width:200px;} .colonna_firma_alunno { width:200px;} .altezza_celle_firme_registro_non_espandibili {height:50px;} } .cont_cellaUrlFile > a { display: inline-block; max-width: 33vw; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; } .dragPersonalizzatoDocumento *,.dragPersonalizzatoDocumentoDipendente *, .dragPersonalizzatoDocumentoGenerale *,.dragPersonalizzatoDocumentoGenerale * {pointer-events: none;} .dragPersonalizzatoDocumentoGenerale .rilascia, .dragPersonalizzatoDocumento .rilascia, .dragPersonalizzatoDocumentoDipendente .rilascia{display: none;} .dragPersonalizzatoDocumentoGenerale.dragPersonalizzatoDocumentoGenerale_Hover .rilascia,.dragPersonalizzatoDocumento.dragPersonalizzatoDocumento_Hover .rilascia,.dragPersonalizzatoDocumentoDipendente.dragPersonalizzatoDocumento_Hover .rilascia {display: block;} .dragPersonalizzatoDocumentoGenerale.dragPersonalizzatoDocumentoGenerale_Hover .testo_scelta_file,.dragPersonalizzatoDocumento.dragPersonalizzatoDocumento_Hover .testo_scelta_file,.dragPersonalizzatoDocumentoDipendente.dragPersonalizzatoDocumento_Hover .testo_scelta_file{display: none;} .dragPersonalizzatoDocumentoGenerale,.dragPersonalizzatoDocumento,.dragPersonalizzatoDocumentoDipendente{ padding:25px 0 25px 0; font-weight: bold; border:2px dashed #333; margin-bottom:20px; width:100%;} .dragPersonalizzatoDocumentoGenerale.dragPersonalizzatoDocumentoGenerale_Hover,.dragPersonalizzatoDocumento.dragPersonalizzatoDocumento_Hover,.dragPersonalizzatoDocumentoDipendente.dragPersonalizzatoDocumento_Hover { border:2px dashed rgb(41, 225, 75); background-color: #f5f480;} .dragPersonalizzatoDocumentoGenerale.fileSelezionato:not(.dragPersonalizzatoDocumentoGenerale_Hover),.dragPersonalizzatoDocumento.fileSelezionato:not(.dragPersonalizzatoDocumento_Hover),.dragPersonalizzatoDocumentoDipendente.fileSelezionato:not(.dragPersonalizzatoDocumento_Hover) { background-color: rgb(191 255 154); } .vdp-datepicker__calendar.calendarioVueDatePicker { width:240px} .vdp-datepicker__calendar.calendarioVueDatePicker .cell.day-header { font-weight: bold; font-size: 100%;} .vdp-datepicker__calendar.calendarioVueDatePicker .cell { height: 34px; line-height: 34px;} .vdp-datepicker__calendar.calendarioVueDatePicker header span { font-weight: bold;} .vdp-datepicker__calendar.calendarioVueDatePicker .cell.day.today { background-color: #fde19a; background-image: -moz-linear-gradient(to bottom,#fdd49a,#fdf59a); background-image: -ms-linear-gradient(to bottom,#fdd49a,#fdf59a); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a)); background-image: -webkit-linear-gradient(to bottom,#fdd49a,#fdf59a); background-image: -o-linear-gradient(to bottom,#fdd49a,#fdf59a); background-image: linear-gradient(to bottom,#fdd49a,#fdf59a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); border-radius: 4px; } body .vdp-datepicker__calendar .cell.selected { background-color: #006dcc; background-image: -moz-linear-gradient(to bottom,#08c,#04c); background-image: -ms-linear-gradient(to bottom,#08c,#04c); background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c)); background-image: -webkit-linear-gradient(to bottom,#08c,#04c); background-image: -o-linear-gradient(to bottom,#08c,#04c); background-image: linear-gradient(to bottom,#08c,#04c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); border-color: #04c #04c #002a80; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgb(0 0 0 / 25%); } .tabella-firme tr th { vertical-align: middle !important; line-height: normal !important; white-space:initial !important;} .tabella-firme {border-bottom:0;} .pageFooter { display: table-footer-group; } .pageFooter:after { counter-increment: page; content: counter(page); } .content-header>.breadcrumb { position: relative; top: auto; right: auto; } @media (max-width: 471px) { .content-header, .content {padding-left:5px; padding-right: 5px;} } .btn_apri_cliente_da_ordine_css { background-color: #e08702; font-size: 18px; padding-top: 2px; padding-bottom: 2px; } /* VUETREE */ .vueTreeProdotto{font-weight: bold;} .vue-treeselect:not(.treeselectSenzaProdotti) .vue-treeselect__option:not(:has(.vueTreeProdotto)) {background:#f6f6f6 !important;font-size:17px; color:#bababa; padding-top:4px;padding-bottom:4px;} .vue-treeselect--multi .vueTreeProdotto{ font-weight: bold; line-height: normal; margin-top: 2px; margin-bottom: 2px;} .vue-treeselect--multi .vue-treeselect .vue-treeselect__option-arrow-placeholder {display: none;} .vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new { position: relative !important; display: inline-block !important; padding: 4px 5px 4px 10px !important; border-radius: 5px !important; margin-right: 5px !important; color: #fff !important; line-height: 1 !important; background: #41b883 !important; margin-bottom: 0px !important; white-space: nowrap !important; overflow: hidden !important; max-width: 100% !important; text-overflow: ellipsis !important; font-size: 14px !important; padding-left: 5px !important; } .vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new .vue-treeselect__value-remove, .vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new:hover .vue-treeselect__value-remove, .vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new .vue-treeselect__value-remove:hover { border-left:0; color:#fff; } .vue-treeselect:not(.treeSelectSenzaProdotti) .vue-treeselect__option-arrow-placeholder {display:none;} .box-dettaglio-calendario-scadenze{ max-width:390px !important; min-width: 250px !important; } @media (max-width: 400px) { .box-dettaglio-calendario-scadenze{ max-width:calc(100% - 10px) !important; min-width: auto !important; } } .btn-label-calendario-formazione, .btn-label-calendario-formazione:hover,.btn-label-calendario-formazione:active,.btn-label-calendario-formazione:focus { background-color: #10b2bf;border-color: #10b2bf;;color:#fff } .bg-label-calendario-formazione { background-color: #10b2bf;} .btn-label-calendario-visite, .btn-label-calendario-visite:hover,.btn-label-calendario-visite:active { background-color:#64b911;border-color:#64b911;color:#fff} .bg-label-calendario-visite { background-color: #64b911;} .bg-label-calendario-formazione i,.bg-label-calendario-visite i{color:#fff} .v-event.btn.disabled, .disabledToggle {opacity:0.45;} #modalMagazzinoOrdine {background:#fff;} #modalMagazzinoOrdine .modal-dialog, #modalMagazzinoOrdine .modal-dialog .modal-content {height: calc(100% - 60px);} @media (max-width: 470px) { #modalMagazzinoOrdine .modal-dialog, #modalMagazzinoOrdine .modal-dialog .modal-content {height: calc(100% - 20px);} } @media (max-width: 767px) and (min-width: 471px) { #modalMagazzinoOrdine .modal-dialog { width:auto;} } #modalMagazzinoOrdine .modal-dialog { width: 100%; padding: 0; margin: 0; height: 100%; background: #fff; } #modalMagazzinoOrdine .modal-dialog .modal-content {height: auto;} @media (max-width: 767px) { #div_modal_sceltaClientePerNuovoOrdine .modal-dialog {width: 450%;} } #modalMagazzinoOrdine *::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #d9d9d9; opacity: 1; /* Firefox */ } #modalMagazzinoOrdine *:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #d9d9d9; } #modalMagazzinoOrdine *::-ms-input-placeholder { /* Microsoft Edge */ color: #d9d9d9; } #modalMagazzinoOrdine {overflow-y: auto !important;} #modalMagazzinoOrdine {border: 18px solid #fff} .coloreDangerQuandoNonInfocus #modalMagazzinoOrdine {border: 18px solid rgb(255, 0, 0);} #modalMagazzinoOrdine:focus-within, #modalMagazzinoOrdine:focus-within {border-color: #fff; /*border-color: #bdf102; tolto il bordo verde sul focus*/} @media (max-width: 400px) { #modalMagazzinoOrdine {border-width: 2vw; border-top-width: 18px;} #modalMagazzinoOrdine:focus-within {border-width: 2vw; border-top-width: 18px;} } #modalMagazzinoOrdine #ordineMagazzino_input { text-align: center; text-transform: uppercase; font-size: 22px; display: inline-block; max-width: 424px; padding-top: 20px; padding-bottom: 20px; } @media (max-width: 400px) { #modalMagazzinoOrdine #ordineMagazzino_input { width:100%; } } #modalMagazzinoOrdine #avvertimentoFocus{ display: block; position: fixed; top:0; left:0; text-align: center; font-weight: bold; width: 100%; color:#fff;} #modalMagazzinoOrdine:focus-within #avvertimentoFocus{ display: none;} #modalMagazzinoOrdine #avvertimentoInFocus{ display:none; position: fixed; top:0; left:0; text-align: center; font-weight: bold; width: 100%; color:#111;} #modalMagazzinoOrdine:focus-within #avvertimentoInFocus{ display: block;} #modalMagazzinoOrdine .alert i {font-size: 25px;} #modalMagazzinoOrdine .alert h4 span {font-size:29px;} #modalMagazzinoOrdine .alert > span {font-size:20px;} #modalMagazzinoOrdine .alert {margin-bottom: 0;} #modalMagazzinoOrdine .lottoEvidenziatoErrore { border-color:#dd4b39; color:#fff; background-color:#dd4b39; } @media (max-width: 400px) { #modalMagazzinoOrdine .bottone_successo {width:100%;} } #modalMagazzinoOrdine:before{content:none;} #modalMagazzinoOrdine .lottoEvidenziatoErrore option { background-color: #fff !important; color:#000 } .div_cont_table_righe_magazzino .bg-green * { color:#fff; } .div_cont_table_righe_magazzino td *:not(select):not(button){ border: 0; background:transparent !important;background-color:transparent !important; } .div_cont_table_righe_magazzino td .campo_quantita {font-size:30px;} .div_cont_table_righe_magazzino .bg-green td input-group-addon { font-size:14px; } .div_cont_table_righe_magazzino{ font-size: 18px;} .vueOrdine .tooltip {z-index: 1043 ;} #div_modal_riepilogoLottoMagazzino, #div_modal_modificaLottoMagazzino {overflow-y: hidden !important;} #div_modal_modificaLottoMagazzino table tbody tr td:first-child {font-weight: bold;} .colore_personalizzato_operatore_fad18c,.colore_personalizzato_operatore_fad18c:active,.colore_personalizzato_operatore_fad18c:focus,.colore_personalizzato_operatore_fad18c:visited {background-color:#fad18c; border-color:#fad18c;} .colore_personalizzato_operatore_ff9d60,.colore_personalizzato_operatore_ff9d60:active,.colore_personalizzato_operatore_ff9d60:focus,.colore_personalizzato_operatore_ff9d60:visited {background-color:#ff9d60; border-color:#ff9d60;} .colore_personalizzato_operatore_f6644f,.colore_personalizzato_operatore_f6644f:active,.colore_personalizzato_operatore_f6644f:focus,.colore_personalizzato_operatore_f6644f:visited {background-color:#f6644f; border-color:#f6644f;} .colore_personalizzato_operatore_a79c8f,.colore_personalizzato_operatore_a79c8f:active,.colore_personalizzato_operatore_a79c8f:focus,.colore_personalizzato_operatore_a79c8f:visited {background-color:#a79c8f; border-color:#a79c8f;} .colore_personalizzato_operatore_ee3141,.colore_personalizzato_operatore_ee3141:active,.colore_personalizzato_operatore_ee3141:focus,.colore_personalizzato_operatore_ee3141:visited {background-color:#ee3141; border-color:#ee3141;} .colore_personalizzato_operatore_3a8182,.colore_personalizzato_operatore_3a8182:active,.colore_personalizzato_operatore_3a8182:focus,.colore_personalizzato_operatore_3a8182:visited {background-color:#3a8182; border-color:#3a8182;} .colore_personalizzato_operatore_f2bbbb,.colore_personalizzato_operatore_f2bbbb:active,.colore_personalizzato_operatore_f2bbbb:focus,.colore_personalizzato_operatore_f2bbbb:visited {background-color:#f2bbbb; border-color:#f2bbbb;} .colore_personalizzato_operatore_f8edca,.colore_personalizzato_operatore_f8edca:active,.colore_personalizzato_operatore_f8edca:focus,.colore_personalizzato_operatore_f8edca:visited {background-color:#f8edca; border-color:#f8edca;} .colore_personalizzato_operatore_ec9fa0,.colore_personalizzato_operatore_ec9fa0:active,.colore_personalizzato_operatore_ec9fa0:focus,.colore_personalizzato_operatore_ec9fa0:visited {background-color:#ec9fa0; border-color:#ec9fa0;} .colore_personalizzato_operatore_6b5345,.colore_personalizzato_operatore_6b5345:active,.colore_personalizzato_operatore_6b5345:focus,.colore_personalizzato_operatore_6b5345:visited {background-color:#6b5345; border-color:#6b5345;} .colore_personalizzato_operatore_D61355,.colore_personalizzato_operatore_D61355:active,.colore_personalizzato_operatore_D61355:focus,.colore_personalizzato_operatore_D61355:visited {background-color:#D61355; border-color:#D61355;} .colore_personalizzato_operatore_F94A29,.colore_personalizzato_operatore_F94A29:active,.colore_personalizzato_operatore_F94A29:focus,.colore_personalizzato_operatore_F94A29:visited {background-color:#F94A29; border-color:#F94A29;} .colore_personalizzato_operatore_FCE22A,.colore_personalizzato_operatore_FCE22A:active,.colore_personalizzato_operatore_FCE22A:focus,.colore_personalizzato_operatore_FCE22A:visited {background-color:#FCE22A; border-color:#FCE22A;} /* .input-group select.form-control {padding-right:0;} */ .dropzoneOpzioni .dropzone-custom-title { margin-top: 0; } .dropzoneOpzioni .dz-message {margin: 0;} .dropzoneOpzioni {min-height: 100px;} .sfondoSemiTrasp::before { content: ""; background-image: url(https://www.scadenzesicure.it/img/scadenzesicure_bianco_800.png); background-repeat: no-repeat; background-position: center center; background-size: 87%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.3; z-index:0 !important; } .opacity_1 {opacity: 1 !important;} .tabellaRiepilogo tr td:first-child {font-weight:bold;} @media (min-width: 600px) { .content-wrapper {padding-left:10px; padding-right: 10px;} } .main-header .logo { background-color:#fff !important;} .cont_logo_inbar_icona, .cont_logo_inbar {display: none;} @media (max-width: 767px) and (min-width: 415px) { .cont_logo_inbar {display: inline-block;} } @media (max-width: 415px) { .cont_logo_inbar_icona {display: inline-block;} } .cont_logo_inbar_icona { height: 35px; width: 50px; background-repeat: no-repeat; background-size: contain; background-position: center center; margin-top: 6px; margin-left: 10px; } .btn.text-left {text-align: left;} .bottoniAzioniCliente.pad .btn-group { margin-bottom: 10px;} .bottoniAzioniCliente.pad .btn-group ul li:not(:first-child) { padding-top:1px } .bottoniAzioniCliente.pad .btn-group ul li button{ width: 100%; text-align: left; } /* bootstrap espansione 5 colonne */ .col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;} .col-xs-5ths {width: 20%;float: left;} @media (min-width: 768px) {.col-sm-5ths {width: 20%;float: left;}} @media (min-width: 992px) {.col-md-5ths {width: 20%;float: left;}} @media (min-width: 1200px) {.col-lg-5ths {width: 20%;float: left;}} .box.box-solid>.box-header .btn.btn-default { background: transparent; } [class*=icheck-]>label span{ margin-top: 2px; display: inline-block; } #ordineMagazzino_input_quantita { width:80px; } .intestazione_allegato3b, .intestazione_allegato3b td {background-color:#aaa !important; border-color:#797979 !important; font-weight: bold;} .bottom-border-inherit td { border-bottom: 1px solid #797979 !important;} @media print { .tabella_allegato3b,.tabella_allegato3b input,.tabella_allegato3b input.form-control { font-size: 8px !important;} .tabella_allegato3b input,.tabella_allegato3b input.form-control, .tabella_allegato3b td { padding-bottom:0 !important; padding-top:0 !important; line-height:9px !important;} .tabella_allegato3b input, .tabella_allegato3b input.form-control{border:0 !important; background:none !important; padding:0 !important; border: 0 !important; height: auto;} } .multiselect__spinner {height: 29px; overflow: visible;} .color-picker-container {position: absolute; bottom: 0; background: transparent;} .conBordoESpazio {border: 1px solid #999; margin-top:8px; margin-bottom:8px; } .argomentoDaInserire {border-radius: 5px; margin-bottom:10px; border:2px solid #fff; padding:5px;} .argomentoDaInserire > div {background-color:#f5f5f5; padding:5px;width:100%;} .argomentoDaInserire:hover { border-color:#bbb; } .table-supercondensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th { padding: 2px } .table-supercondensed>tbody>tr>td:last-child,.table-condensed>tbody>tr>th:last-child,.table-condensed>tfoot>tr>td:last-child,.table-condensed>tfoot>tr>th:last-child,.table-condensed>thead>tr>td:last-child,.table-condensed>thead>tr>th:last-child { padding-right: 5px; } .table-supercondensed>tbody>tr>td:first-child,.table-condensed>tbody>tr>th:first-child,.table-condensed>tfoot>tr>td:first-child,.table-condensed>tfoot>tr>th:first-child,.table-condensed>thead>tr>td:first-child,.table-condensed>thead>tr>th:first-child { padding-left: 5px; } .table-supercondensed .input-group-addon {padding-left:7px; padding-right: 7px;} .table-supercondensed .input-group-addon i {font-size:11px;} .table-supercondensed .form-control:not(.input-sm):not(.v-btn) { font-size: 14px; padding: 5px 5px; } .inserimentoNuovo{ background:transparent; } .inserimentoNuovo > .tab-content { background:transparent; padding:0; } .avvisoGrigioChiaroLeft{ border-radius:8px;} .avvisoGrigioChiaroLeft label { text-align: left; display: flex; align-items: center; } .avvisoGrigioChiaroLeft label i { vertical-align: text-top; margin-right: 12px; font-size: 33px; opacity: 0.4; } .icheck-primary label.doWrap { white-space: normal;} /* nascondo i campi chrome color picker */ .vc-chrome-fields-wrap { display:none !important} .riquadroColoreArea, .riquadroColoreAreaTrasp{ width:100%; height:20px; border:1px solid #181818; padding:0; margin-bottom:5px; } /* riquadroColoreAreaTrasp deve avere uno sfondo a scacchiera */ .riquadroColoreAreaTrasp { border: 0; /* sfondo a scacchiera: */ background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0px; background-repeat: repeat; } /* bordi arrotondati form */ /* definisco la variabile "--bs-border-radius" in modo che venga usata da bootstrap 4 */ :root { --webtotum-border-radius: 12px; } .multiselect__spinner, select.form-control-sm, .form-group-sm .form-control, .form-control { border-radius: var(--webtotum-border-radius); } .input-group > .form-control { border-radius: 0 var(--webtotum-border-radius) var(--webtotum-border-radius) 0;} .input-group > .input-group-addon { border-radius: var(--webtotum-border-radius) 0 0 var(--webtotum-border-radius);} .multiselect .multiselect__tags { border-radius: var(--webtotum-border-radius);} .input-group .multiselect .multiselect__tags { border-radius: 0 var(--webtotum-border-radius) var(--webtotum-border-radius) 0;} /* tweek print */ @media print { body .small-box .icon i, body .small-box .icon i:before { color: rgba(0, 0, 0, 0.15) !important; } .small-box, .small-box h3, .small-box p, .small-box *, .small-box *:before { color:#fff !important; } } .box-header.conPaging { display: flex; flex-wrap: wrap; row-gap: 20px; align-content: center; align-items: center; } .box-header.conPaging > .pull-right { margin-left: auto; float: none;} .pagination>li:not(.active)>a:focus { background-color: #fafafa !important;} @media (max-width: 767px) { .table-responsive>.table { margin-bottom: 20px; } } table.lineHeightRidotto tbody>tr>td,table.lineHeightRidotto tbody>tr>th { line-height: 1.1; } .small-box>.inner{ position:relative; z-index: 1; } tr.sfondoIntestazione { background: #e7e7e7; } /* risolvo il problema delle multiselect con valori lunghi che allungano il campo */ /* se sono in input-group, uso flexbox per gestire lo spazio */ .input-group.input-group--flex-fix { display: flex; /* sostituisce il table-layout */ align-items: stretch; max-width: 100%; } .input-group.input-group--flex-fix .input-group-addon { flex: 0 0 auto; /* dimensione contenuto, non si deforma */ } .input-group.input-group--flex-fix .multiselect { flex: 1 1 auto; /* occupa spazio disponibile */ min-width: 0; /* abilita ellissi dentro */ } /* Addon: dimensionato sul contenuto + padding, non comprimibile */ .input-group.input-group--flex-fix .input-group-addon { display: inline-flex; /* sizing sul contenuto */ align-items: center; flex: 0 0 auto; /* no grow, no shrink */ box-sizing: content-box; /* contenuto + padding = larghezza totale */ white-space: nowrap; /* evita wrap del contenuto */ min-width: max-content; /* impedisce compressione sotto contenuto */ } /* Icona: non comprimibile, lascia larghezza auto, rimuovi width fisso */ .input-group.input-group--flex-fix .input-group-addon > i, .input-group.input-group--flex-fix .input-group-addon > .fa, .input-group.input-group--flex-fix .input-group-addon > svg { flex: 0 0 auto; /* non shrink */ min-width: max-content; /* non farla collassare a pochi px */ width: auto; /* evita 5px “fantasma” */ line-height: 1; /* allineamento pulito */ text-align: center; } /* Campo multiselect: prende lo spazio restante e può troncare */ .input-group.input-group--flex-fix .multiselect { flex: 1 1 auto; min-width: 0; /* abilita ellissi internamente */ } /* Troncamento valore selezionato */ .input-group--flex-fix .multiselect__tags { overflow: hidden; } .input-group--flex-fix .multiselect__single { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* fine risoluzione problema multiselect in input-group */