/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ html, body { font-family: 'Roboto', 'Helvetica', sans-serif; } /* GENERIC CLASSES */ /* positioning */ .static { position: static !important; } .relative { position: relative !important; } .absolute { position: absolute !important; } .fixed { position: fixed !important; } h1 { font-size: 20px; line-height: 1; letter-spacing: .02em; font-weight: 400; margin: 0px; margin-bottom: 10px; } /* % widths */ .w5 { width: 5% !important; } .w10 { width: 10% !important; } .w15 { width: 15% !important; } .w20 { width: 20% !important; } .w25 { width: 25% !important; } .w30 { width: 30% !important; } .w35 { width: 35% !important; } .w40 { width: 40% !important; } .w45 { width: 45% !important; } .w50 { width: 50% !important; } .w55 { width: 55% !important; } .w60 { width: 60% !important; } .w65 { width: 65% !important; } .w70 { width: 70% !important; } .w75 { width: 75% !important; } .w80 { width: 80% !important; } .w85 { width: 85% !important; } .w90 { width: 90% !important; } .w95 { width: 95% !important; } .w100 { width: 100% !important; } /* % heights */ .h5 { height: 5% !important; } .h10 { height: 10% !important; } .h15 { height: 15% !important; } .h20 { height: 20% !important; } .h25 { height: 25% !important; } .h30 { height: 30% !important; } .h35 { height: 35% !important; } .h40 { height: 40% !important; } .h45 { height: 45% !important; } .h50 { height: 50% !important; } .h55 { height: 55% !important; } .h60 { height: 60% !important; } .h65 { height: 65% !important; } .h70 { height: 70% !important; } .h75 { height: 75% !important; } .h80 { height: 80% !important; } .h85 { height: 85% !important; } .h90 { height: 90% !important; } .h95 { height: 95% !important; } .h100 { height: 100% !important; } /* px widths */ .w5p { width: 5px !important; } .w10p { width: 10px !important; } .w15p { width: 15px !important; } .w20p { width: 20px !important; } .w25p { width: 25px !important; } .w30p { width: 30px !important; } .w35p { width: 35px !important; } .w40p { width: 40px !important; } .w45p { width: 45px !important; } .w50p { width: 50px !important; } .w55p { width: 55px !important; } .w60p { width: 60px !important; } .w65p { width: 65px !important; } .w70p { width: 70px !important; } .w75p { width: 75px !important; } .w80p { width: 80px !important; } .w85p { width: 85px !important; } .w90p { width: 90px !important; } .w95p { width: 95px !important; } .w100p { width: 100px !important; } /* px heights */ .h5p { height: 5px !important; } .h10p { height: 10px !important; } .h15p { height: 15px !important; } .h20p { height: 20px !important; } .h25p { height: 25px !important; } .h30p { height: 30px !important; } .h35p { height: 35px !important; } .h40p { height: 40px !important; } .h45p { height: 45px !important; } .h50p { height: 50px !important; } .h55p { height: 55px !important; } .h60p { height: 60px !important; } .h65p { height: 65px !important; } .h70p { height: 70px !important; } .h75p { height: 75px !important; } .h80p { height: 80px !important; } .h85p { height: 85px !important; } .h90p { height: 90px !important; } .h95p { height: 95px !important; } .h100p { height: 100px !important; } /*opacity - "_X" defines the opacity in percentage*/ .opacity_0 { opacity: 0!important; } .opacity_10 { opacity: .1!important; } .opacity_20 { opacity: .2!important; } .opacity_30 { opacity: .3!important; } .opacity_40 { opacity: .4!important; } .opacity_50 { opacity: .5!important; } .opacity_60 { opacity: .6!important; } .opacity_70 { opacity: .7!important; } .opacity_80 { opacity: .8!important; } .opacity_90 { opacity: .9!important; } .opacity_100 { opacity: 1!important; } /* spaces */ .space_0 { margin-top: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; } .space_5 { margin-top: 5px !important; margin-bottom: 5px !important; margin-left: 5px !important; margin-right: 5px !important; } .space_10 { margin-top: 10px !important; margin-bottom: 10px !important; margin-left: 10px !important; margin-right: 10px !important; } .space_15 { margin-top: 15px !important; margin-bottom: 15px !important; margin-left: 15px !important; margin-right: 15px !important; } .space_20 { margin-top: 20px !important; margin-bottom: 20px !important; margin-left: 20px !important; margin-right: 20px !important; } /* vertical spaces */ .space_v0 { margin-top: 0px !important; margin-bottom: 0px !important; } .space_v5 { margin-top: 5px !important; margin-bottom: 5px !important; } .space_v10 { margin-top: 10px !important; margin-bottom: 10px !important; } .space_v15 { margin-top: 15px !important; margin-bottom: 15px !important; } .space_v20 { margin-top: 20px !important; margin-bottom: 20px !important; } /* horizontal spaces */ .space_h0 { margin-left: 0px !important; margin-right: 0px !important; } .space_h5 { margin-left: 5px !important; margin-right: 5px !important; } .space_h10 { margin-left: 10px !important; margin-right: 10px !important; } .space_h15 { margin-left: 15px !important; margin-right: 15px !important; } .space_h20 { margin-left: 20px !important; margin-right: 20px !important; } /* bottom spaces */ .space_b0 { margin-bottom: 0px !important; } .space_b5 { margin-bottom: 5px !important; } .space_b10 { margin-bottom: 10px !important; } .space_b15 { margin-bottom: 15px !important; } .space_b20 { margin-bottom: 20px !important; } /* top spaces */ .space_t0 { margin-top: 0px !important; } .space_t5 { margin-top: 5px !important; } .space_t10 { margin-top: 10px !important; } .space_t15 { margin-top: 15px !important; } .space_t20 { margin-top: 20px !important; } /* left spaces */ .space_l0 { margin-left: 0px !important; } .space_l5 { margin-left: 5px !important; } .space_l10 { margin-left: 10px !important; } .space_l15 { margin-left: 15px !important; } .space_l20 { margin-left: 20px !important; } /* right spaces */ .space_r0 { margin-right: 0px !important; } .space_r5 { margin-right: 5px !important; } .space_r10 { margin-right: 10px !important; } .space_r15 { margin-right: 15px !important; } .space_r20 { margin-right: 20px !important; } /* special cases i.e. first/last element without spaces * vf = vertical first * vl = vertical last * hf = horizontal first * hl = horizontal last * v = vertical * h = horizontal */ .no_space_v:first-child, .no_space_vf:first-child { margin-top: 0 !important; } .no_space_v:last-child, .no_space_vl:last-child { margin-bottom: 0 !important; } .no_space_h:first-child, .no_space_hf:first-child { margin-left: 0 !important; } .no_space_h:last-child, .no_space_hl:last-child { margin-right: 0 !important; } /* PADDINGS */ .pad_0 { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } .pad_5 { padding-top: 5px !important; padding-bottom: 5px !important; padding-left: 5px !important; padding-right: 5px !important; } .pad_10 { padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 10px !important; padding-right: 10px !important; } .pad_15 { padding-top: 15px !important; padding-bottom: 15px !important; padding-left: 15px !important; padding-right: 15px !important; } .pad_20 { padding-top: 20px !important; padding-bottom: 20px !important; padding-left: 20px !important; padding-right: 20px !important; } /* vertical paddings */ .pad_v0 { padding-top: 0px !important; padding-bottom: 0px !important; } .pad_v5 { padding-top: 5px !important; padding-bottom: 5px !important; } .pad_v10 { padding-top: 10px !important; padding-bottom: 10px !important; } .pad_v15 { padding-top: 15px !important; padding-bottom: 15px !important; } .pad_v20 { padding-top: 20px !important; padding-bottom: 20px !important; } /* collapsing vertical paddings */ .pad_v5_collapsing{ padding-bottom: 5px !important; } .pad_v10_collapsing{ padding-bottom: 10px !important; } .pad_v15_collapsing{ padding-bottom: 15px !important; } .pad_v20_collapsing{ padding-bottom: 20px !important; } .pad_v5_collapsing:first-child{ padding-top: 5px !important; } .pad_v10_collapsing:first-child{ padding-top: 10px !important; } .pad_v15_collapsing:first-child{ padding-top: 15px !important; } .pad_v20_collapsing:first-child{ padding-top: 20px !important; } /* horizontal paddings */ .pad_h0 { padding-left: 0px !important; padding-right: 0px !important; } .pad_h5 { padding-left: 5px !important; padding-right: 5px !important; } .pad_h10 { padding-left: 10px !important; padding-right: 10px !important; } .pad_h15 { padding-left: 15px !important; padding-right: 15px !important; } .pad_h20 { padding-left: 20px !important; padding-right: 20px !important; } /* collapsing horizontal paddings */ .pad_h5_collapsing:not(:first-child){ padding-left: 5px !important; } .pad_h10_collapsing:not(:first-child){ padding-left: 10px !important; } .pad_h15_collapsing:not(:first-child){ padding-left: 15px !important; } .pad_h20_collapsing:not(:first-child){ padding-left: 20px !important; } /* bottom paddings */ .pad_b0 { padding-bottom: 0px !important; } .pad_b5 { padding-bottom: 5px !important; } .pad_b10 { padding-bottom: 10px !important; } .pad_b15 { padding-bottom: 15px !important; } .pad_b20 { padding-bottom: 20px !important; } /* top paddings */ .pad_t0 { padding-top: 0px !important; } .pad_t5 { padding-top: 5px !important; } .pad_t10 { padding-top: 10px !important; } .pad_t15 { padding-top: 15px !important; } .pad_t20 { padding-top: 20px !important; } /* left paddings */ .pad_l0 { padding-left: 0px !important; } .pad_l5 { padding-left: 5px !important; } .pad_l10 { padding-left: 10px !important; } .pad_l15 { padding-left: 15px !important; } .pad_l20 { padding-left: 20px !important; } /* right paddings */ .pad_r0 { padding-right: 0px !important; } .pad_r5 { padding-right: 5px !important; } .pad_r10 { padding-right: 10px !important; } .pad_r15 { padding-right: 15px !important; } .pad_r20 { padding-right: 20px !important; } /* special cases i.e. first/last element without paddings * vf = vertical first * vl = vertical last * hf = horizontal first * hl = horizontal last * v = vertical * h = horizontal */ .no_pad_v:first-child, .no_pad_vf:first-child { padding-top: 0 !important; } .no_pad_v:last-child, .no_pad_vl:last-child { padding-bottom: 0 !important; } .no_pad_h:first-child, .no_pad_hf:first-child { padding-left: 0 !important; } .no_pad_h:last-child, .no_pad_hl:last-child { padding-right: 0 !important; } /* display */ .none { display: none; } .block { display: block; } .i-block { display: inline-block; } .flex { display: flex; } /* box-sizing */ .border-box { box-sizing: border-box; } /* floatings */ .fleft { float: left; } .fright { float: right; } .clearfix:after { content: ""; clear: both; display: table; } /* align-self */ .align_start { align-self: flex-start; } .align_center { align-self: center; } .align_end { align-self: flex-end; } .align_stretch { align-self: stretch; } /* align-items */ .align_items_start { align-items: flex-start; } .align_items_center { align-items: center; } .align_items_end { align-items: flex-end; } .align_items_stretch { align-items: stretch; } /* text-aligns */ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } /* vertical align. to be applied to parent. be aware it changes the parent's and child display attribute*/ .valign_middle, .valign_top, .valign_bottom { display: table; } .valign_middle > *, .valign_top > *, .valign_bottom > * { display: table-cell; } .valign_middle > * { vertical-align: middle } .valign_top > * { vertical-align: top } .valign_bottom > * { vertical-align: bottom } .nowrap { white-space: nowrap } /* adding new names below. keeping this for retroactivity */ /* white space rules */ .ws_nowrap { white-space: nowrap } .ws_pre { white-space: pre } .ws_prewrap { white-space: pre-wrap } .ws_preline { white-space: pre-line } /* mixed font styles */ .bold { font-weight: bold } .oblique { font-style: oblique } .italic { font-style: italic } /* list styles */ ol.upper_alpha { list-style-type: upper-alpha; } ol.lower_alpha { list-style-type: lower-alpha; } /*page breaks*/ .pbi_avoid { page-break-inside: avoid; } .app-avatar { width: 48px; height: 48px; /*border-radius: 24px;*/ } .mdl-layout__drawer { will-change: inherit; } .app-layout .mdl-layout__header .mdl-layout__drawer-button { color: rgba(0, 0, 0, 0.54); } .mdl-layout__drawer .avatar { margin-bottom: 16px; } /* removing scroller. still scrollable but hiding them as they look ugly */ .app-drawer::-webkit-scrollbar { display: none; } .app-drawer { border: none; } /* iOS Safari specific workaround */ .app-drawer .mdl-menu__container { z-index: 4; } .app-drawer .app-navigation { z-index: -2; background: #37474f; } /* END iOS Safari specific workaround */ .app-drawer .mdl-menu .mdl-menu__item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .app-drawer-header { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 16px; height: 151px; background: #263238; color: #eceff1; } .app-avatar-dropdown { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } header .mdl-menu__item { display: flex; } header .mdl-menu__item .material-icons { float: none; margin-top: 13px; margin-right: 5px; } .app-navigation { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .mdl-layout__drawer .mdl-navigation ul, .mdl-layout__drawer .mdl-navigation ul li { display: block; width: 100%; margin: 0px; padding: 0px; } .app-layout .app-navigation .mdl-navigation__link { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.56); font-weight: 400; } .app-layout .app-navigation .mdl-navigation__link:hover, .app-navigation .mdl-navigation__link:hover .material-icons { color: #FFF; } .app-navigation .mdl-navigation__link .material-icons { font-size: 24px; color: rgba(255, 255, 255, 0.56); margin-right: 16px; } .mdl-layout__drawer .mdl-navigation .mdl-navigation__link { padding: 16px 20px; cursor: pointer; cursor: hand; } .mdl-layout__drawer .mdl-navigation .mdl-navigation__link i.material-icons.dd-arrow:last-child { position: absolute; right: 0px; top: 15px; } .mdl-layout__drawer .mdl-navigation ul li > div i.material-icons.dd-arrow:last-child { top: 7px !important; } .app-layout .app-navigation li > div { max-height: 0px; overflow: hidden; -webkit-transition: max-height 0.5s; -moz-transition: max-height 0.5s; -o-transition: max-height 0.5s; transition: max-height 0.5s; } .app-layout .app-navigation li.active > div { max-height: 400px; background: rgba(0,0,0,0.2); } .app-layout .app-navigation li.active > a { background: rgba(0,0,0,0.2); } .app-layout .app-navigation li ul { box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2); } .app-layout .app-navigation a { position: relative; } .app-layout .app-navigation li ul li a { display: block; padding: 10px 6px 10px 20px !important; font-weight: 300 !important; line-height: 18px; } .app-layout .app-navigation li ul li a i.material-icons { font-size: 18px; margin-left: 6px; } .app-layout .app-navigation li.active > span > a, .app-layout .app-navigation li.active > span > a i.material-icons, .app-layout .app-navigation li ul li.active a, .app-layout .app-navigation li ul li.active a i.material-icons { color: #FFF; opacity: 1; } .app-layout .app-navigation li .mdl-navigation__link:hover { background: rgba(0,0,0,0.2); } .app-layout .app-navigation li.active > span > .mdl-navigation__link, .app-layout .app-navigation li.active > span > .mdl-navigation__link span, .app-layout .app-navigation li.active > span > .mdl-navigation__link i { color: #FFF !important; } .app-content { max-width: 1080px; } .app-charts { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .app-chart:nth-child(1) { color: #ACEC00; } .app-chart:nth-child(2) { color: #00BBD6; } .app-chart:nth-child(3) { color: #BA65C9; } .app-chart:nth-child(4) { color: #EF3C79; } .app-graphs { padding: 16px 32px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } /* TODO: Find a proper solution to have the graphs * not float around outside their container in IE10/11. * Using a browserhacks.com solution for now. */ _:-ms-input-placeholder, :root .app-graphs { min-height: 664px; } _:-ms-input-placeholder, :root .app-graph { max-height: 300px; } /* TODO end */ .app-graph:nth-child(1) { color: #00b9d8; } .app-graph:nth-child(2) { color: #d9006e; } .app-cards { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .app-cards .app-separator { height: 32px; } .app-cards .mdl-card__title.mdl-card__title { color: white; font-size: 24px; font-weight: 400; } .app-cards ul { padding: 0; } .app-cards h3 { font-size: 1em; } .app-updates .mdl-card__title { min-height: 200px; background-image: url('images/dog.png'); background-position: 90% 100%; background-repeat: no-repeat; } .app-cards .mdl-card__actions a { color: #00BCD4; text-decoration: none; } .app-options h3 { margin: 0; } .app-options .mdl-checkbox__box-outline { border-color: rgba(255, 255, 255, 0.89); } .app-options ul { margin: 0; list-style-type: none; } .app-options li { margin: 4px 0; } .app-options .material-icons { color: rgba(255, 255, 255, 0.89); } .app-options .mdl-card__actions { height: 64px; display: -webkit-flex; display: -ms-flexbox; display: flex; box-sizing: border-box; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } login .mdl-layout__container { } login .mdl-layout { align-items: center; justify-content: center; background: #37474f; } login .mdl-layout .mdl-layout__content { padding: 24px; flex: none; } .mdl-layout__content { overflow-x: auto; } .mdl-layout__header-row { padding-left: 20px !important; padding-right: 20px !important; } .mdl-layout__header .mdl-layout-title { display: flex; align-items: center; } .mdl-layout__header .mdl-layout-title tenant-logo { margin-right: 15px; } .mdl-layout__header .mdl-layout-title tenant-logo img { max-height: 36px; } .mdl-layout__header .mdl-layout-title tenant-logo:after { content: '/'; margin-left: 20px; } .pageContent { overflow-y: auto !important; /* menu breaks mdl-grid without this rule */ padding: 20px; z-index: 2 !important; transition: padding-right .3s ease-out; will-change: padding-right; display: flex; flex-direction: column; align-items: stretch; } .pageContent router-outlet + * { flex: 1; } .dialogShown .agenda .agenda-table-head { visibility: hidden; } .dialogShown .pageContent { z-index: 9 !important; } nptext input { background: #FFF !important; box-shadow: 0px 0px 2px rgba(0,0,0,0.2); padding-left: 5px !important; padding-top: 4px !important; padding-bottom: 4px !important; font-size: 12px !important; color: #000 !important; } .mdl-layout__title:not(.details-title) { display: inline-block; /* width: 100%; */ } .mdl-layout__title .add { float: right; margin-top: -9px; margin-bottom: 2px; } .mdl-layout__title.details-title { background: rgba(0,0,0,0.05); box-shadow: 0px 0px 10px rgba(0,0,0,0.3); margin: -20px; margin-bottom: 0px; padding: 20px; min-height: 60px; } .mdl-tabs__tab-bar { margin-top: 10px; margin-bottom: 20px; display: block; } .btn-save, .btn-update { float: right; margin-top: -8px; background: #0aa718 !important; color: #FFF !important; } .btn-update { background: #3093ff !important; border-color: #3093ff !important; } .material-icons.enabled { color: #04c716; } .material-icons.disabled { color: #ff6358; } .user-enabled-cb-header { float: right; margin-top: 10px; } /*SELECT*/ select { font-family: inherit; background-color: transparent; width: 100%; padding: 4px 0; font-size: 16px; color: rgba(0,0,0, 0.26); border: none; border-bottom: 1px solid rgba(0,0,0, 0.12); } .has-placeholder select, .is-dirty select, select.is-dirty, select:focus { color: #000; } /* Remove focus */ select:focus { outline: none; } /* Hide label */ .mdl-selectfield label { /* display: block; */ } /* Use custom arrow */ .mdl-selectfield select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* IE remove standard arrow */ select::-ms-expand { display: none; } .mdl-selectfield { font-family: 'Roboto','Helvetica','Arial',sans-serif; position: relative; } .mdl-selectfield.mdl-textfield:after { top: 1.85em; } .mdl-selectfield:after { position: absolute; top: 0.75em; right: 0.5em; /* Styling the down arrow */ width: 0; height: 0; padding: 0; content: ''; border-left: .25em solid transparent; border-right: .25em solid transparent; border-top: 0.375em solid rgba(0,0,0, 0.12); pointer-events: none; } /*SELECT*/ .mdl-textfield .mdl-radio { margin-top: 6px; } .switch-with-label { margin-left: 20px; } .switch-with-label .mdl-switch__thumb { left: -25px !important; } .switch-with-label.is-checked .mdl-switch__ripple-container { left: -22px; } .switch-with-label .mdl-switch__track { left: -22px; } .switch-with-label.is-checked .mdl-switch__thumb { left: -4px !important; } .mdl-list__item-secondary-action { margin-right: 20px; } .mdl-list__item-primary-content i { margin-right: 10px; color: #777; } tree-view ul li { margin: 0px 0px 0px 18px; list-style-type: none; } navmenu { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .toggleDrawer { display: none; } .mdl-radio { margin-right: 15px; } user-roles ul, tree-view ul { margin: 0px; padding: 0px; } user-roles .mdl-grid, user-roles .mdl-list { padding-top: 0px; } .customPermission { margin-top: 24px; } .mdl-textfield > span.legend { position: absolute; font-size: 12px; color: rgba(0,0,0,0.4); line-height: 14px; max-height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } input[type="date"], input[type="time"] { height: 18px; } .mdl-snackbar { z-index: 9999999999; } mdl-snackbar-component.mdl-snackbar-neutral .mdl-snackbar { background: #ffc107 !important; } mdl-snackbar-component.mdl-snackbar-success .mdl-snackbar { background: #008000 !important; } mdl-snackbar-component.mdl-snackbar-error .mdl-snackbar { background: red !important; } mdl-snackbar-component.mdl-snackbar-warning .mdl-snackbar { background: orangered !important; } select option:nth-child(odd) { background: #EFEFEF; } .np-tabs { margin-top: -12px; } .np-tabs .mdl-tabs__tab { cursor: pointer; cursor: hand; } .mdl-textfield-fullwidth { width: 100%; } .mdl-selectfield.is-invalid select { border-color: #d50000; box-shadow: none; } .mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label { color: #04529c; } .flag { margin-right: 5px; } .saving { float: right; color: rgba(0,0,0,0.5); font-size: 14px; padding-top: 4px; } kendo-dialog > div { z-index: 9999999 !important; } .loadingGrid:before, .lockGrid:after, .lockStepper:after, .loadingPage:after, .sendingPage:after, .savingDialog .k-dialog:after { content: 'Loading...'; position: absolute; width: 140px; text-align: center; top: 120px; left: 50%; margin-left: -70px; z-index: 9; background: rgba(0,0,0,0.5); color: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); padding: 10px 0px; } .lockGrid:before, .lockStepper:before, .loadingPage:before, .sendingPage:before, .savingDialog .k-dialog:before { content: ''; position: absolute !important; width: 100% !important; text-align: center; top: 0px !important; left: 0px !important; bottom: -132px; right: 0px; z-index: 18; background: rgba(255,255,255,0.5) !important; box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important; height: 100%; } .lockGrid:after { content: 'Updating...'; top: 50%; transform: translate(0,-50%); } .lockStepper:after, .loadingPage:after, .sendingPage:after, .savingDialog .k-dialog:after { content: 'Loading...'; top: 50%; transform: translate(0,-50%); } .savingDialog .k-dialog:after { content: 'Saving...' } .sendingPage:after { content: 'Sending...' } .loadingPage, .sendingPage { position: relative; } .loadingPage:before, .sendingPage:before { top: -20px !important; left: -20px !important; right: -20px !important; bottom: -20px !important; width: auto !important; height: auto !important; } .loadingPage:after, .sendingPage:after { position: fixed; } .mdl-button[disabled] { color: #CCC !important; font-weight: normal; } .sectionTitle { font-weight: bold; margin-bottom: -20px; } .vehicleType { margin-right: 20px; } .vehicleType .title { color: rgba(0,0,0,.26); font-size: 16px; margin-top: 20px; } .vehicleType .mdl-tabs { display: table; border-left: 1px solid rgba(0,0,0,0.02); } .vehicleType .mdl-tabs__tab-bar { display: table-row; box-shadow: 0px 1px 5px rgba(0,0,0,0.1); } .vehicleType .mdl-tabs__tab { font-size: 12px; padding-left: 15px; padding-right: 15px; display: table-cell; float: none; } .vehicleType .mdl-tabs__tab:hover { background: rgba(0,0,0,0.03); } .vehicleType .mdl-tabs__tab.is-active { background: #04529c; color: #FFF !important; } .vehicleType .mdl-tabs__tab.is-active:after { display: none !important; } .mdl-tabs__tab { padding-top: 7px !important; padding-bottom: 7px !important; line-height: 16px !important; height: 24px; } document-new .mdl-tabs__tab:nth-child(1):before { content: '1. '; } document-new .mdl-tabs__tab:nth-child(2):before { content: '2. '; } document-new .mdl-tabs__tab:nth-child(3):before { content: '3. '; } document-new .mdl-tabs__tab:nth-child(4):before { content: '4. '; } document-new .mdl-tabs__tab:nth-child(5):before { content: '5. '; } document-new .mdl-tabs__tab:nth-child(6):before { content: '6. '; } document-new .mdl-tabs__tab:nth-child(7):before { content: '7. '; } document-new .mdl-tabs__tab:nth-child(8):before { content: '8. '; } document-new .mdl-tabs__tab:nth-child(9):before { content: '9. '; } document-new #document-rows #document-confirm { margin-top: 30px; } document-new #document-confirm textarea { display: inline-block; box-sizing: border-box; } document-new #document-confirm button { float: right; } .mdl-grid--no-grid-spacing { padding: 0px; } td.CompanyName > div { margin: 0px -12px; } .CompanyName > div { padding: 13px 8px; border-left: 5px; } .sun { color: #ffc107; } .snow { color: #079fff; } .allSeasons { color: #27b510; } .stored { color: #ffc107; } .mounted { color: #04529c; } .with_rim, .v_mark, .green_icon { color: #1ad01a; } .yellow_icon { color: #f3ad3f; } .wout_rim, .x_mark, .red_icon, .new { color: red; } custom-filter input { width: 80% !important; } custom-filter .k-button-group .k-button { padding-top: 3px; padding-bottom: 0px; background: rgba(0,0,0,0.2) !important; width: 100% !important; border: 0px !important; border-bottom: 3px solid transparent !important; } custom-filter .k-button-group { width: 100% !important; } custom-filter .k-button-group .k-button.k-state-active, custom-filter .k-button-group .k-button.k-state-active:hover, custom-filter .k-button-group .k-button:active, custom-filter .k-button-group .k-button:active:hover { border-bottom: 3px solid #ffc107 !important; box-shadow: none !important; } custom-filter .k-button-group .k-button:hover, .k-button.k-state-active:hover { background: rgba(0,0,0,0.4) !important; } custom-filter .k-button-group .k-button:not(.k-state-active):hover { border-bottom-color: transparent !important; } .npTooltip { position: relative; text-align: center; overflow: visible; } .npTooltip > i { cursor: default; } button .npTooltip { height: 24px; } button .npTooltip > i { cursor: pointer; cursor: hand; } .npTooltip > span { display: block; position: absolute; text-align: center; top: calc(100% + 5px); left: 50%; /* position the left edge of the element at the middle of the parent */ -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; z-index: 9999999; } .npTooltip.pos-top > span { top: auto; bottom: calc(100% + 5px); } .npTooltip.one-line > span { white-space: nowrap; } .npTooltip:hover > span { display: block; -webkit-transform: scale(1) translateX(-50%); transform: scale(1) translateX(-50%); z-index: 999; background: rgba(97,97,97,.9); border-radius: 2px; color: #fff; font-size: 10px; font-weight: 500; line-height: 14px; padding: 8px 8px; text-align: center; min-width: 100% !important; } button .npTooltip > span { z-index: 99999999999 !important; } .npTooltip > span:before { content: ''; width: 0; height: 0; border-style: solid; border-color: rgba(97,97,97,.9); border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom-width: 5px; border-top-width: 0px; position: absolute; top: -5px; left: 50%; margin-left: -5px; } .npTooltip.pos-top > span:before { top: auto; bottom: -5px; border-bottom-width: 0px; border-top-width: 5px; } .k-filter-row th, .k-filter-row td { padding: 1px !important; } .k-filter-row input[type='text'], .k-filter-row input[type='number'], .k-filter-row kendo-datepicker .k-picker-wrap, .gridAdvSearch .gridAdvSearchPanel > div .mdl-cell input, .gridAdvSearch .gridAdvSearchPanel > div .mdl-cell kendo-multiselect { background: rgba(0,0,0,0.2); color: #FFF; } .k-filter-row kendo-datepicker .k-picker-wrap { border: none; } .k-filter-row kendo-datepicker .k-picker-wrap kendo-dateinput .k-dateinput-wrap { border-color: transparent; } .k-filter-row kendo-datepicker .k-picker-wrap .k-select, .k-filter-row kendo-datepicker .k-picker-wrap kendo-dateinput, .k-filter-row kendo-datepicker .k-picker-wrap kendo-dateinput .k-dateinput-wrap, .k-filter-row kendo-datepicker .k-picker-wrap kendo-dateinput .k-dateinput-wrap input { background-color: transparent; color: inherit; } .k-filter-row kendo-datepicker .k-picker-wrap .k-select { background-image: none; background-color: rgba(0,0,0,0.4); } .k-filter-row input[type='text'] { width: 100% !important; border: 0px; padding-top: 5px; padding-bottom: 5px; } .k-filter-row input[type='number'] { border: 0px; padding-top: 6px; padding-bottom: 6px; } .k-filter-row input[type='text']:hover, .k-filter-row input[type='text']:focus, .gridAdvSearch .gridAdvSearchPanel > div .mdl-cell input:hover, .gridAdvSearch .gridAdvSearchPanel > div .mdl-cell input:focus, .gridAdvSearch .gridAdvSearchPanel > div .mdl-cell kendo-multiselect:hover { background: rgba(0,0,0,0.4); } .gridAdvSearch kendo-dropdownlist .k-dropdown-wrap, .k-filter-row kendo-dropdownlist .k-dropdown-wrap { background: rgba(0,0,0,0.2) !important; color: #FFF !important; } .gridAdvSearch kendo-dropdownlist .k-dropdown-wrap:hover, .k-filter-row kendo-dropdownlist .k-dropdown-wrap:hover { background: rgba(0,0,0,0.4) !important; } .gridAdvSearchPanel kendo-popup > div, .k-filter-row kendo-dropdownlist kendo-popup > div { background: #03427d !important; color: #FFF !important; } .gridAdvSearchPanel kendo-popup li:hover, .gridAdvSearchPanel kendo-popup li:focus, .gridAdvSearchPanel kendo-popup li:active, .gridAdvSearchPanel kendo-popup li.k-state-focused, .k-filter-row kendo-dropdownlist kendo-popup li:hover, .k-filter-row kendo-dropdownlist kendo-popup li:focus, .k-filter-row kendo-dropdownlist kendo-popup li:active, .k-filter-row kendo-dropdownlist kendo-popup li.k-state-focused { background: rgba(255,255,255,0.2) !important; color: #FFF !important; border: 0px !important; } .gridAdvSearchPanel kendo-popup li.k-state-selected, .k-filter-row kendo-dropdownlist kendo-popup li.k-state-selected, .k-popup .k-list .k-item.k-state-selected { background: #ffc107 !important; color: #FFF !important; } .gridAdvSearchPanel kendo-popup li.k-state-selected:hover, .k-filter-row kendo-dropdownlist kendo-popup li.k-state-selected:hover, .k-popup .k-list .k-item.k-state-selected:hover { background: #bb8d03 !important; color: #FFF !important; } .gridAdvSearch > a { /* display: none; */ background: #04529c; color: #FFF; padding: 7px 8px 4px 8px; float: right; margin-top: -32px; margin-right: 1px; cursor: pointer; cursor: hand; } .gridAdvSearch > a:hover, .gridAdvSearch > a:focus, .gridAdvSearch > a:active { background: #03427d; } .gridAdvSearch > a i { float: left; margin-top: -3px; } .gridAdvSearch .gridAdvSearchPanel { max-height: 0px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s ease-out; background: #04529c; border-bottom: 1px solid rgba(0,0,0,0.1); color: #FFF; font-weight: 300; font-size: 12px; line-height: 12px; } .gridAdvSearch.showed .gridAdvSearchPanel { max-height: 200px; } .gridAdvSearch .gridAdvSearchPanel nptext { display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .gridAdvSearch .gridAdvSearchPanel > div { opacity: 0; padding: 10px 15px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s ease-out; } .gridAdvSearch.showed .gridAdvSearchPanel > div { opacity: 1; } .gridAdvSearch .gridAdvSearchPanel > div > div:nth-child(2) { font-weight: 300; } .gridAdvSearch .gridAdvSearchPanel > div .mdl-cell { padding-right: 20px; margin-left: 0px; } .gridAdvSearch .gridAdvSearchPanel > div > div > div.btnFireAdvSearch, .gridAdvSearch .gridAdvSearchPanel > div > div > div.btnFireAdvSearch > div { padding-right: 0px; margin-right: 0px !important; } .gridAdvSearch .gridAdvSearchPanel > div .mdl-cell.mdl-cell--12-col, .gridAdvSearch .gridAdvSearchPanel > div .mdl-cell.mdl-cell--6-col:nth-child(2n):not(style*="width"), .gridAdvSearch .gridAdvSearchPanel > div .mdl-cell.mdl-cell--4-col:nth-child(3n):not(style*="width"), .gridAdvSearch .gridAdvSearchPanel > div .mdl-cell.mdl-cell--3-col:nth-child(4n):not(style*="width"), .gridAdvSearch .gridAdvSearchPanel > div .mdl-cell:last-child { padding-right: 0px; } .gridAdvSearch .gridAdvSearchPanel > div .mdl-cell kendo-maskedtextbox, .gridAdvSearch .gridAdvSearchPanel > div .mdl-cell kendo-dropdownlist, .gridAdvSearch .gridAdvSearchPanel > div .mdl-cell input { width: 100%; } .gridAdvSearch .gridAdvSearchPanel > div .mdl-cell kendo-multiselect input { background: transparent; width: 0px; padding: 0px; } .gridAdvSearch .gridAdvSearchPanel > div button { width: 100%; border: 0px; margin-top: 10px; background: rgba(0,0,0,0.2); color: #FFF; } .gridAdvSearch .gridAdvSearchPanel > div button:hover, .gridAdvSearch .gridAdvSearchPanel > div button:focus, .gridAdvSearch .gridAdvSearchPanel > div button:active { background: rgba(0,0,0,0.4) !important; } .gridAdvSearch .gridAdvSearchPanel > div kendo-taglist li { background: rgba(0,0,0,0.4) !important; color: #FFF !important; font-size: 13px; } /*np-grid .k-button.add { background: transparent; border-color: transparent; color: #04529c; margin-top: -7px; margin-right: 1px; margin-left: 10px; } np-grid .k-button.add:hover, np-grid .k-button.add:focus, np-grid .k-button.add:active { background: #004382; color: #FFF; }*/ cart-grid input[type='text'], cart-grid input[type='number'] { background: rgba(4, 82, 156, 0.2); border: 0px; height: 28px; line-height: 24px; text-align: center; } cart-grid input[type='text']:hover, cart-grid input[type='number']:hover { background: rgba(4, 82, 156, 0.1); } cart-grid input[type='text']:focus, cart-grid input[type='number']:focus { background: #FFF; box-shadow: 0px 0px 30px rgba(0,0,0,0.3); } #subject-vehicle item-list { display: inline-block; width: 100%; margin-bottom: 20px; } .mdl-textfield__readonly-value { padding-top: 3px; padding-bottom: 3px; margin-bottom: 1px; border-bottom: 1px solid rgba(0,0,0,.12); } entity-details .details-fields field .mdl-textfield__label, np-email .mailRow .mdl-textfield__label { top: 4px; font-size: 12px; color: #04529c; } entity-details .details-fields field { display: inline-block; } entity-details :not(.document-tools) button { float: left !important; margin-top: 20px !important; } entity-details .gmaps { order: 2; padding-left: 50px; } .npGridContainer { position: relative; margin-bottom: 20px; } .npGridBtnOptions { position: absolute; top: 0px; right: 0px; z-index: 9; border: 0px !important; background: linear-gradient(to right, transparent 0%, #04529c 50%, #04529c 100%) !important; color: #FFF !important; } .npGridBtnOptions:hover, .npGridBtnOptions:focus, .npGridBtnOptions:active { color: #ffc107 !important; } np-grid .optSectionTitle { background: rgba(0,0,0,0.2); color: #FFF; text-transform: uppercase; font-size: 12px; } np-grid .optSectionTitle > div { padding: 2px 5px; } np-grid-view-type kendo-buttongroup { display: table; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.3); } np-grid-view-type button.k-button { display: table-cell; background: #04529c !important; color: rgba(255,255,255,0.5) !important; border-radius: 0px; border: 0px; text-align: center !important; } np-grid-view-type button.k-button:hover, np-grid-view-type button.k-button:focus, np-grid-view-type button.k-button:active { background: #03427d; color: rgba(255,255,255,0.75) !important; } np-grid-view-type button.k-button.active { color: #FFF !important; } .gmap-container { height: 500px; } .sebm-google-map-container { display: block; height: 100%; } np-map { position: relative; } .map-counter { position: absolute; top: 0px; left: 0px; z-index: 9; white-space: nowrap; background-color: rgba(255,255,255,0.7); text-transform: uppercase; font-size: 12px; font-weight: 600; color: #04529c; padding: 0px 10px; height: 20px; box-shadow: 1px 1px 1px rgba(0,0,0,0.4); background-image: linear-gradient(to right, rgb(16, 171, 52) 100%,rgba(255,255,255,0) 1%,rgba(255,255,255,0) 100%); } .map-counter.loaded { background: rgba(93, 187, 38, 0.77) !important; color: #FFF; } .map-counter > div:first-child { position: absolute; top: 0px; left: 0px; bottom: 0px; background: #F00; z-index: 1; } .map-counter > div:last-child { position: absolute; top: 0px; left: 0px; bottom: 0px; padding: 0px 10px; z-index: 2; } .mdl-shadow--2dp, .mdl-grid.mdl-grid--no-spacing>.mdl-shadow--2dp.mdl-cell { margin-bottom: 15px; } .mdl-grid.mdl-grid--no-wrap-spacing > .mdl-cell:first-child { margin-left: 0; } .mdl-grid.mdl-grid--no-wrap-spacing > .mdl-cell:last-child { margin-right: 0; } .mdl-grid.mdl-grid--no-vertical-spacing { padding-top: 0; padding-bottom: 0; } .mdl-shadow--2dp kendo-chart { margin: 0px 15px; } .mdl-shadow--2dp kendo-grid { border: 0px !important; margin-right: -1px; } .mdl-shadow--2dp kendo-grid > table { } .mdl-shadow--2dp kendo-grid, .mdl-shadow--2dp kendo-grid th { border: 0px !important; } .card-title { background: #033f77; color: #FFF; text-align: center; padding: 15px; } .simpleLabels field { display: block; width: 100%; } .simpleLabels field-label .mdl-textfield { display: block; width: 100%; padding: 0px; display: flex; } .simpleLabels field-label .mdl-textfield label { position: static; width: 20%; } .simpleLabels field-label .mdl-textfield label:after { display: none; } .simpleLabels field-label .mdl-textfield div { padding: 0px; margin: 0px; border: 0px; font-size: 12px; } document-details entity-details > div:not(.document-tools):not(.entity-title) { background: #E5E5E5; } document-details entity-details > div:not(.document-tools) { box-shadow: 0px 1px 10px rgba(0,0,0,0.3); padding: 10px 20px !important; margin-top: -19px !important; margin-left: -20px !important; margin-right: -20px !important; margin-bottom: 20px !important; } /* * UGLY. too many rules overriding each other. removing margins and padding from progress bar. overriden rules * have been defined above */ document-details entity-details > div.mdl-progress { box-shadow: 0; padding: 0 !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; } document-details #document-header entity-details > div { margin: 0px !important; box-shadow: none; } document-details #document-header entity-details > div .gmaps iframe { border: 1px solid rgba(0,0,0,0.2); } .document-tools { position: absolute; right: 20px; top: 20px; z-index: 9; } .document-tools button .k-icon, a.download-pdf-link .k-icon { color: #F00; } .entity-title { background: #00549d; color: #FFF; font-weight: 300; text-transform: uppercase; } .btn-senddoc { float: none; margin-top: 60px; height: auto; line-height: 50px; padding: 10px 100px; } .card-buttons { min-height: auto; margin-bottom: 15px !important; } .card-buttons .mdl-cell { padding: 0px !important; } .card-buttons button { width: 100%; min-height: 48px; } .card-buttons button:hover, .card-buttons button:focus, .card-buttons button:active { background: #e4ac02 !important; } .card-buttons .mdl-cell:nth-child(odd) { padding-right: 8px !important; } .card-buttons .mdl-cell:nth-child(even) { padding-left: 8px !important; } .btn-appointment-new { background: #04529c !important; color: #FFF !important; } .card-buttons button.btn-appointment-new:hover, .card-buttons button.btn-appointment-new:focus, .card-buttons button.btn-appointment-new:active { background: #033f77 !important; } .to-do thead { display: none; } .to-do .k-grid { margin: 4px; margin-top: 0px; } .to-do tbody tr, .to-do tbody tr.k-alt { background: #ffebae; color: #000; } .to-do tbody tr td { border: 0px; border-bottom: 1px solid rgba(0,0,0,0.05); border-top: 4px solid #FFF; } .to-do tbody tr td:nth-child(1n+2) { padding-top: 13px; padding-bottom: 13px; } .to-do tbody tr:hover { background: #ffe080 !important; cursor: pointer; cursor: hand; } .to-do-expired { color: #F00; } .to-do-done { text-decoration: line-through; color: #000; } .to-do .mdl-checkbox.is-upgraded { padding-left: 3px; } .chart-container { position: relative; } .chart-filter { position: absolute !important; top: 10px; right: 20px; z-index: 9; } .dashboard-grid { margin: -16px; } .app-slot { padding: 0px !important; } .app-slot .npTooltip > div { display: block; height: 27px; border: 1px solid rgba(0,0,0,0.1); } .expandable { max-height: 4000px; transition: 0.5s; } .collapsed { max-height: 0px; overflow: hidden; } /* PLUGIN CART GRID AUTOMOTIVE STYLES*/ plugin-cart-grid-automotive .cartGrid .k-grid-content, cart-grid .cartGrid .k-grid-content { height: auto !important; max-height: 600px !important; } .np-expand-table{ width: 100% !important; height: auto; padding: 10px; table-layout: fixed; color: white; background-color: #04529c; padding: 5px 10px; box-sizing: border-box; text-transform: uppercase; line-height: 36px; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); } :not(.cartSummaries) > .np-expand-table:hover { background-color: #00407c; } .np-expand-table input.discountInput{ background-color: rgba(255,255,255,.5); border: 1px solid rgba(0,0,0,.1); } .np-expand-table { display:table; box-sizing: border-box; width: 100%; } .np-expand-table > div { display: table-cell; text-align: left; font-weight: normal; } .np-expand-table .brand { font-weight: bold; } .np-expand-table > div:not(:first-child) { text-align: right; width: auto !important; } :not(:last-child) > .np-expand-table + kendo-grid { margin: 0 0 30px 0; } .np-expand-table .total { display: inline-block; margin-right: 10px; } kendo-dialog.estimates-dialog .popup-loader { text-align: center; } kendo-dialog.estimates-dialog .popup-loader > div+div { padding-top: 10px; } /* * Centering dialog again * Telerik removed this style maybe because of the blur on the dialog that occurs by applying this style * The drawback of this "fix" is that dialogs are not centered anymore. * Waiting for a better fix, the style has been reapplied there * NOTE: Additional fixes have been added. now dialogs work in popups * NOTE2: Seems the issue has been fixed somehow */ kendo-dialog > div.k-widget { position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%,calc(-50% + 32px)) !important; /* 32 px is half the header size*/ -ms-transform: translate(-50%,-50%) !important; /* IE 9*/ z-index: 11100000 !important; height: calc(96vh - 64px); } @media screen and (max-width:1024px){ kendo-dialog > div.k-widget { transform: translate(-50%,calc(-50% + 28px)) !important; /* 28 px is half the header size*/ height: calc(96vh - 56px); } } kendo-dialog > div.k-widget:not([style*='width:']) { min-width: 60%; } kendo-popup { overflow: visible !important; } kendo-popup > .k-popup.npGridOptPopup { height: auto; } .masked_cart_discount_box > input { width: 100%; } .mdl-stepper { will-change: min-height; overflow-y: hidden; } .mdl-stepper.mdl-stepper-mh-transition { transition: min-height .5s ease-out } td.npgrid_cut_ellipsis > div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mdl-textfield__suffix { position: absolute; right: 0; transform: translate(calc(100% + 5px), -50%); line-height: 1.5; top: 50%; } .width100 { width: 100% !important; } np-search-manager kendo-dialog .k-dialog-content { overflow: visible; } kendo-popup .k-nodata, kendo-popup .k-cb-footer { min-height: 0; box-sizing: border-box; padding: 10px; } kendo-popup .k-cb-footer{ padding-top: 0; } kendo-popup .k-nodata button, kendo-popup .k-cb-footer button { width: 100%; } .mdl-button { margin-left: 10px; margin-right: 10px; } .mdl-button:first-child { margin-left: 0; } .mdl-button:last-child { margin-right: 0; } /* advanced heading */ .np-heading { display: table; width: 100%; margin: 0 0 0px 0; vertical-align: bottom; } .np-heading .np-heading-title { display: table-cell; width: 100%; } .np-heading .np-heading-actions { display: table-cell; width: 0; padding-bottom: 5px; white-space: nowrap; } .np-heading .np-heading-actions > div { display: inline-block; margin-left: 10px; } .mdl-flex-column { flex-direction: column; } textarea.mdl-textfield__input { padding: 4px; border: 1px solid rgba(0,0,0,.12); margin-top: 4px } .mdl-textfield:not(.is-focused):not(.is-dirty) textarea.mdl-textfield__input + label{ left: 4px; top: 28px; } /* CHECKLIST BUTTONS * Different behaviour when on checkbox or on radio button. Same UI */ .check_buttons { display: flex; align-items: center; justify-content: center; } .check_buttons > div { position: relative; border: 0px solid rgba(66,66,66,.5); overflow: hidden; } .check_buttons > div:not(:first-child) { border-left: 0; } .check_buttons > div:not(:last-child) { border-right: 0; } .check_buttons > div:first-child { border-radius: 0px 0 0 0px; } .check_buttons > div:last-child { border-radius: 0 0px 0px 0; } .check_buttons > div label { height: 24px; width: 34px; text-align: center; display: block; background-color: #ff6358; color: white; cursor: pointer; cursor: hand; } .check_buttons > div label .material-icons:after{ content: 'close'; } .check_buttons > div label .material-icons { font-size: 20px; line-height: 24px; } .check_buttons input { top: 0; left: 0; opacity: 0; position: absolute; cursor: pointer; cursor: hand; } /* * if radio button first child or checkbox checked, then green */ .check_buttons > div:first-child input[type="radio"] + label, .check_buttons > div input[type="checkbox"]:checked + label { background-color: #0aa718; } .check_buttons > div input[type="radio"]:not(:checked) + label { opacity: .3; } .check_buttons > div input[type="radio"]:not(:checked) + label:hover { opacity: .5; } .check_buttons > div:first-child input[type="radio"] + label .material-icons:after, .check_buttons > div input[type="checkbox"]:checked + label .material-icons:after { content: 'check'; } /* manage worksheet print layout. empty inputs */ @media only print { mdl-snackbar-component { display: none; } input[type="number"] { border-bottom: 0px; } .manual_input .check_buttons > div input[type="radio"] + label > i.material-icons:after, .manual_input > div input[type="checkbox"] + label > i.material-icons:after, .manual_input .mdl-checkbox__box-outline { background-color: transparent !important; color: transparent !important; border: 1px solid rgba(0,0,0,1); height: 20px; width: 20px; border-radius: 0; } .manual_input .mdl-textfield input, .manual_input .mdl-checkbox input { visibility: hidden; } .manual_input .mdl-textfield, .manual_input .k-datepicker { border-width: 0 0 1px 0; border-color: rgba(0,0,0,.12); border-style: solid ; } } /* NP-UPLOADER */ kendo-upload.only-button { display: inline-block; background: transparent; border: none; } kendo-upload.only-button > .k-action-buttons { display: none; } kendo-upload.only-button .k-dropzone { display: inline-block; } kendo-upload.only-button .k-dropzone .k-upload-button { margin: 0; } kendo-upload.only-button .k-dropzone em { margin: 0; } plugin-item-list-automotive .image-container { position: relative; } plugin-item-list-automotive kendo-upload { position: absolute; } /* ################################# MEDIA QUERIES ################################# */ @media only screen and (max-width: 640px) { .mdl-tabs__tab-bar { white-space: nowrap; overflow: scroll; } .mdl-tabs__tab { float: none; display: inline-block; white-space: nowrap; } } @media only screen and (max-width: 1023px) { dashboard-default .mdl-cell--8-col, dashboard-default .mdl-cell--8-col-phone.mdl-cell--8-col-phone, dashboard-default .mdl-cell--4-col, dashboard-default .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: 100% !important; } } @media only screen and (max-width: 767px) { .user-enabled-cb-header { display: none; } .chartTypeButtons { position: static !important; } dashboard-default > .mdl-grid, dashboard-default > .mdl-grid > .mdl-cell { padding: 0px !important; margin: 0px !important; } .pageContent { padding: 10px; } dashboard-default .card-buttons > .mdl-grid { display: flex !important; } dashboard-default .card-buttons > .mdl-grid > .mdl-cell { margin-bottom: 10px; padding: 0px !important; } .k-header dl, dl { margin-block-start: 0em; margin-block-end: 0em; } .k-header > div.mobileFilterButton button { margin: -9px -12px -10px !important; padding: 5px 10px !important; background: #000000 !important; border: 0px !important; color: #FFF !important; } .k-header > div.mobileFilterButton + div { position: fixed; top: 56px; right: 0px; bottom: 0px; left: 0px; z-index: 99999999999999999; background: #000; display: flex !important; flex-direction: column; padding: 0px; } .k-header > div.mobileFilterButton + div > div:first-child { flex: 1; overflow: auto; padding-bottom: 30px; } .k-header > div + div dl { align-items: center; flex-direction: column; } .k-header > div.mobileFilterButton + div dt { line-height: 13px; margin-top: 8px !important; } .k-header > div.mobileFilterButton + div dl > dt, .k-header > div.mobileFilterButton + div dl > dd { flex: 1; width: 100%; padding: 0px 20px; box-sizing: border-box; } .k-header > div.mobileFilterButton + div button.mobileApplyFilters { background: #96c120 !important; color: #FFF; margin: 0px !important; width: 100%; padding: 8px !important; text-transform: uppercase; } .k-header > div.mobileFilterButton + div button.mobileApplyFilters * { font-weight: bold !important; } .k-header > div.mobileFilterButton + div dl > dd { margin-bottom: 3px; } .k-grid dl > dd .npTooltip { text-align: left !important; } .k-header > div.mobileFilterButton + div dl > dd input, .k-header > div.mobileFilterButton + div dl > dd select { width: 100% !important; background-color: #FFFFFF22 !important; color: #FFF !important; } .k-header > div.mobileFilterButton + div dl > dd kendo-dropdownlist, .k-header > div.mobileFilterButton + div dd kendo-dropdownlist > span { background: transparent !important; } .k-header > div.mobileFilterButton + div dl > dd .k-dropdown-wrap { border: 1px solid #FFFFFF22 !important; } .k-header > div.mobileFilterButton + div dl > dd .k-dropdown-wrap > span { background-color: #FFFFFF22 !important; } .k-header > div.mobileFilterButton + div dl > dd custom-filter-range > div > div:first-child { margin-right: 5px; } .k-header .mobileFilter > div > dl:first-child > dt > i:first-child { position: absolute; top: 8px; right: 20px; background: #FFFFFF22; padding: 5px; border-radius: 50px; } .k-header .mobileFilterTitle { font-size: 20px; margin: 10px 0px 5px 0px; } .dateRangePanel { width: 100% !important; } .k-grid dd:not(:nth-child(-n+5)):nth-last-child(-n+5) .dateRangePanel { top: auto !important; bottom: 30px !important; } .k-grid dd .dateRangePanel > div:before { left: 50% !important; } .k-grid dd:not(:nth-child(-n+5)):nth-last-child(-n+5) .dateRangePanel > div:before { top: auto; bottom: -7px; left: 50%; } .npGridButtonsCell, .gridButtons { margin: 5px 0px; } .mdl-cell--2-col-phone kendo-datepicker { width: 100%; } document-new .k-grid input[type="number"] { max-width: 60px; } document-new .k-grid.cartGrid .k-grid-header { display: none; } document-new .k-grid.cartGrid colgroup col { width: auto !important; } document-new .k-grid.cartGrid table, document-new .k-grid.cartGrid tbody tr, document-new .k-grid.cartGrid tbody tr td { display: flex !important; flex-direction: column; flex: 1; width: 100% !important; box-sizing: border-box; padding: 0px; border: 0px; } document-new .k-grid.cartGrid tbody tr { padding: 10px; position: relative; } document-new .k-grid.cartGrid tbody tr td:nth-child(2), document-new .k-grid.cartGrid tbody tr td:nth-child(3) { font-weight: 600; color: #000; } document-new .k-grid.cartGrid tbody tr td:nth-child(3), document-new .k-grid.cartGrid tbody tr td:nth-last-child(-n+2) { color: #96c120; font-size: 16px; text-align: left !important; margin: 10px 0px; font-weight: 600; } document-new .k-grid.cartGrid tbody tr td:nth-child(3) { color: #333; font-weight: 400; font-size: 12px; } document-new .k-grid.cartGrid tbody tr td:nth-child(3):before, document-new .k-grid.cartGrid tbody tr td:nth-last-child(-n+2):before { content: 'Prezzo:'; font-weight: 400; color: #000; font-size: 12px; margin-bottom: 3px; } document-new .k-grid.cartGrid tbody tr td:nth-last-child(-n+2) { margin-top: 2px; } document-new .k-grid.cartGrid tbody tr td:nth-last-child(-n+2):before { content: 'Totale articolo:'; } document-new .k-grid.cartGrid tbody tr td.qtyCartField { position: absolute; bottom: 20px; right: 12px; flex-direction: row; max-width: 120px; text-align: center; } document-new .k-grid.cartGrid tbody tr td.qtyCartField input { background: #00000022; } document-new .k-grid.cartGrid tbody tr td.qtyCartField > span { background: #00000044; color: #FFF; } document-new .k-grid.cartGrid tbody tr td:last-child { height: 0px !important; padding: 0px !important; margin: 0px !important; } document-new .k-grid.cartGrid tbody tr td:last-child:before { display: none !important; } document-new .k-grid.cartGrid tbody tr td button.delete { position: absolute; top: 5px; right: 0px; flex-direction: row; max-width: 120px; text-align: center; background: transparent !important; border: 0px; color: #000000AA !important; font-size: 20px !important; } document-new .k-grid.cartGrid tbody tr td button.delete nptext { display: none; } document-new .k-grid.cartGrid tbody tr td button.delete > span { margin: 0px; } } @media only screen and (min-width: 768px) { .user-enabled-cb-top { display: none; } .mdl-stepper { padding-bottom: 100px !important; } .mdl-step__content { height: auto !important; overflow: inherit !important; } } @media only screen and (max-width: 1023px) { .mdl-layout-title { width: calc(100% - 50px); } .mdl-layout-title > div { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } @media only screen and (max-width: 1024px) { kendo-dialog > div.k-widget { width: 100% !important; height: calc(100% - 56px) !important; margin: 0px !important; top: 56px; left: 0px; right: 0px; bottom: 0px; transform: translate(0%,0%); max-width: 100% !important; max-height: 100% !important; min-width: auto !important; min-height: auto !important; } header .mdl-layout__title, .mdl-layout-title { margin-left: 35px; } .pageContent { z-index: 1 !important; } } @media only screen and (min-width: 1025px) { .drawer-small navmenu { width: 60px; overflow: hidden; } .drawer-small navmenu .app-avatar { width: 30px; height: auto; } .drawer-small navmenu .app-avatar-dropdown { display: none; } .drawer-small navmenu .dd-arrow { display: none; } .drawer-small navmenu tree-view ul li a span { display: none; } .drawer-small navmenu tree-view tree-view { display: none; } .drawer-small header, .drawer-small .pageContent { margin-left: 60px !important; } .drawer-small header { width: calc(100% - 60px) !important; } .toggleDrawer { position: absolute; display: block; top: 10px; right: 15px; color: #FFF; border-radius: 50px; width: 30px; line-height: 14px; padding-top: 3px; padding-right: 2px; text-align:center; } .toggleDrawer:hover { background: rgba(255,255,255,0.2); cursor: pointer; cursor: hand; } /*HOVER*/ .drawer-small:not(.drawer-smalling) navmenu:hover { width: 240px; overflow: scroll; z-index: 9999; } .drawer-small:not(.drawer-smalling) navmenu:hover .app-avatar { width: 48px; height: 48px; } .drawer-small:not(.drawer-smalling) navmenu:hover .app-avatar-dropdown { display: flex; } .drawer-small:not(.drawer-smalling) navmenu:hover .dd-arrow { display: block; } .drawer-small:not(.drawer-smalling) navmenu:hover tree-view ul li a span { display: block; } .drawer-small:not(.drawer-smalling) navmenu:hover tree-view tree-view { display: block; } .drawer-small:not(.drawer-smalling) navmenu:hover .toggleDrawer { display: block; } /*HOVER*/ } @media only screen and (max-width: 1690px) { .dashboard-grid button { padding: 2px; font-size: 14px; } } @media only screen and (max-width: 1520px) { .dashboard-grid button { padding: 2px; font-size: 13px; } } @media only screen and (max-width: 1450px) { .dashboard-grid button { padding: 2px; font-size: 12px; } } @media only screen and (max-width: 1370px) { .dashboard-grid button { padding: 2px; font-size: 11px; } } @media only screen and (max-width: 1310px) { .dashboard-grid button { padding: 2px; font-size: 10px; } } @media only screen and (max-width: 1240px) { .dashboard-grid button { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } item-sheet np-plugin { margin-top: 20px; } item-sheet .item-sheet-buttons { text-align: center; } item-sheet .item-sheet-buttons button { display: inline-block; } item-sheet .item-sheet-buttons button.btn-share { background: #fac409 !important; border-color: #fac409 !important; color: #05519c !important; } item-sheet .item-sheet-buttons button.btn-share:hover, item-sheet .item-sheet-buttons button.btn-share:focus, item-sheet .item-sheet-buttons button.btn-share:active { background: #ecb906 !important; border-color: #ecb906 !important; color: #05519c !important; } .item-sheet-container { width: 650px; border: 1px solid #CCC; box-shadow: -3px 3px 0px rgba(0,0,0,0.1); background: #FFF; padding: 10px; margin: 20px auto; text-align: left; } .tenant_name_print { display: none; } @media only screen { .onlyprint { display: none; } .showCustomerSideDashboard.pageContent { padding-right: calc(25% - 16px); } } @media only print { @page { size: auto; margin: 10px; } body { zoom:80%; -webkit-print-color-adjust: exact; } .noprint { display: none !important; } html, body { background: #FFF !important; } header, navmenu { display: none !important; } /* chrome rules */ html.chrome_ua, html.chrome_ua body, html.chrome_ua .mdl-layout, html.chrome_ua .pageContent.mdl-layout__content { height: auto !important; overflow: auto !important; overflow-x: auto !important; overflow-y: auto !important; } /* IE and FF rules */ /* * Every custom component now has a display: block property. (IMO) It makes sense to let components behave as a * block containers. ( see https://github.com/angular/angular/issues/5960#issuecomment-165257871 for reference ) * All elements need overflow visible. Makes no sense to hide content when it overflows the page. * It needs to be explicitly hidden by new classes */ html.firefox_ua * , html.ie_ua * { overflow: visible !important; } /* IE BUG - prints only first page if head is not display block. setting display block and then hiding it*/ html.ie_ua head { height: 1px; visibility: hidden; display: block; } /* apply display block only when printing. components with these classes * could either need different display when not printing or can't be changed via component ( i.e. kendo components ) */ html.firefox_ua .k-grid-container, html.ie_ua .k-grid-container, html.firefox_ua .k-grid .k-grid-aria-root, html.ie_ua .k-grid .k-grid-aria-root, html.firefox_ua .k-grid-content, html.ie_ua .k-grid-content, html.firefox_ua np-grid, html.ie_ua np-grid, html.firefox_ua .mdl-layout, html.ie_ua .mdl-layout, html.firefox_ua .mdl-layout__container, html.ie_ua .mdl-layout__container, html.firefox_ua .mdl-layout__content, html.ie_ua .mdl-layout__content { display: block !important; overflow: visible !important; } .pageContent, .pageContent.mdl-layout__content { overflow: visible !important; margin-left: 0px !important; background: #FFF !important; padding: 0px !important; } .item-sheet-container { border: 0px; width: auto; padding: 0px; } .print-container { width: 100%; height: 100% !important; text-align: left; } .showCustomerSideDashboard .customerSideDashboard { display: none !important; } kendo-grid table.k-grid-table, .k-grid-header-wrap table { border-collapse: collapse; } kendo-grid table.k-grid-table, kendo-grid table.k-grid-table th, kendo-grid table.k-grid-table td, .k-grid-header-wrap table, .k-grid-header-wrap table th, .k-grid-header-wrap table td{ border-width: 1px !important; font-size: 12px; } kendo-grid .k-grid-aria-root .k-grid-header { background-color: rgba(0,0,0,.3) !important; } /* elements to hide */ tr.k-filter-row, button.npGridBtnOptions, kendo-pager.k-grid-pager, .np-heading .np-heading-actions { display: none !important; } tr, td, th { page-break-inside: avoid; } .k-grid-content { overflow: visible !important; } .k-grid-footer, .k-grid-header { padding-right: 0 !important; } /* print only pixel widths */ .print_width_30px {width: 30px;} .print_width_80px {width: 80px;} /* print only percentage widths */ .print_width_6cto {width: 6% !important;} .print_width_12cto {width: 12% !important;} .print_width_15cto {width: 15% !important;} .tenant_name_print { display: inline-block; } .np-heading-title { padding-bottom: 10px; } .np-heading-title, .np-heading-title *, .np-heading-title:first-letter, .np-heading-title *:first-letter { color: #00549d !important; /*font-weight: bold;*/ /* not showing on first print with chrome. Find a solution if any */ } star-rating .material-icons { color: #fac408 !important; } .rating-vote { margin-left: 10px; } .mdl-textfield__input { border-color: #000 !important; } } .details-fields > div { display: inline-block; } .simpleLabels .details-fields > div { display: block; } .k-window .mdl-card__supporting-text { width: 100%; box-sizing: border-box; } .x_giftnot { color: rgba(0,0,0,0.2); } .masked_cart_discount_box input, input.qty-field { text-align: center; } .masked_cart_discount_box::after { display: inline-block; width: 36px; text-align: center; background: #f4f4f4; border: 1px solid #ebebeb; color: rgba(0,0,0,0.5); font-weight: 800; border-left: 0px; } .mdl-stepper--horizontal .mdl-step>.mdl-step__content { min-height: 800px !important; } calendar { display: block; margin: -20px; } .mdl-stepper--horizontal .mdl-step>.mdl-step__content calendar { margin: 0px; } button.btn-selected-customer-sheet { float: right; } np-grid { display: inline-block; width: 100%; } .searchtire, .searchmechanics, .searchservices { background: #EFEFEF; } .searchtire:hover, .searchmechanics:hover, .searchservices:hover { background-color: #D2D2D2; } .searchservices, .searchtire, .searchmechanics { text-align: center; padding: 20px; box-sizing: border-box; cursor: pointer; cursor: hand; } .searchservices span, .searchtire span, .searchmechanics span { display: block; font-size: 26px; color: rgba(0,0,0,0.6); } .searched .searchservices, .searched .searchtire, .searched .searchmechanics { position: absolute; top: 0px; left: 0px; width: 33.3%; } .searchservices img, .searchtire img, .searchmechanics img { margin-bottom: 10px; } .searched .searchservices img, .searched .searchtire img, .searched .searchmechanics img { height: 32px; display: inline-block; } .searched .searchservices span, .searched .searchtire span, .searched .searchmechanics span { display: inline-block; font-size: 14px; } .searched .searchtire { left: 33.4%; } .searched .searchmechanics { left: 66.8%; } .gridButtons, .withoutOverflow, .k-grid-footer-wrap, .k-grid-header-wrap, .k-grid-header-wrap th, .k-grid-header-wrap td, .k-filter-row td { overflow: visible !important; } .k-window-content { align-items: stretch !important; display: flex !important; flex-direction: column; flex-wrap: wrap; } .k-window-content > div { width: 100%; } .nocardwide { width: auto !important; height: 100% !important; } .nocardwide .mdl-card__supporting-text { width: auto; } .cke_editable { border: 1px solid #CCC; margin-bottom: 20px; } header .btn-ditta { width: auto; border-radius: 5px; background: rgba(255,255,255,0.2); padding: 0px 15px; font-size: 16px; } header .btn-ditta:hover { background: rgba(255,255,255,0.4); } header .mdl-button--icon.btn-ditta .material-icons { position: static; top: auto; left: auto; transform: none; margin-top: -5px; } .k-detail-row .k-hierarchy-cell, .k-detail-row .k-detail-cell { background: #FFF; border-top: 1px solid rgba(0,0,0,0.1); } .k-detail-row .k-detail-cell > div { padding-bottom: 20px; } .gridCellTextWithIcon > div > span { display: block; font-size: 12px; white-space: nowrap; } .gridCellTextWithIcon > div > span i, .gridCellTextWithIcon > div > span span { display: block; } .k-detail-row .k-hierarchy-cell, .k-detail-row .k-detail-cell { border-bottom: 1px solid rgba(0,0,0,0.1) !important; background: #EEE; } .k-detail-row .k-grid-content { background: #FFF; } .subjectData > div { font-size: 11px; text-transform: uppercase; } .subjectData > div > span { font-size: 14px; line-height: 14px; text-transform: none; font-weight: 600; } .subjectTitleData { font-size: 12px; font-weight: 500; letter-spacing: 0px; } custom-filter-daterangepicker { position: relative; text-align: center; } custom-filter-daterangepicker > span { display: block; text-align: center; cursor: pointer; cursor: hand; padding: 5px 5px 0px 5px !important; background: rgba(0,0,0,0.2); min-height: 25px; } custom-filter-daterangepicker > span:hover, custom-filter-daterangepicker > span:focus, custom-filter-daterangepicker > span:active { background: rgba(0,0,0,0.4); } .dateRangePanel { position: absolute; z-index: 999; left: -150px; top: 23px; width: calc(100% + 300px); transition: 1s; overflow: hidden; max-height: 0px; color: #000; } th:first-child .dateRangePanel, td:first-child .dateRangePanel { left: 0px; } th:first-child .dateRangePanel > div, td:first-child .dateRangePanel > div { text-align: left; } th:first-child .dateRangePanel > div > nptext, td:first-child .dateRangePanel > div > nptext { padding-left: 16px; } th:last-child .dateRangePanel, td:last-child .dateRangePanel { left: auto; right: 0px; } th:last-child .dateRangePanel > div > nptext, td:last-child .dateRangePanel > div > nptext { padding-right: 16px; } .dateRangePanel.active { opacity: 1; max-height: 300px; } .dateRangePanel > div { position: relative; margin: 15px; padding: 15px 0px 0px 0px; background: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); } .dateRangePanel > div:before { content: ''; position: absolute; top: -7px; left: 50%; margin-left: -7.5px; width: 15px; height: 15px; background: #FFF; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } th:first-child .dateRangePanel > div:before, td:first-child .dateRangePanel > div:before { left: 40px; } th:last-child .dateRangePanel > div:before, td:last-child .dateRangePanel > div:before { left: auto; right: 40px; } .dateRangePanel > div > div { text-align: left; } .dateRangePanel > div > nptext > span { font-weight: 300 !important; font-size: 18px; color: #4e4e4e; margin: 0px; } .dateRangePanel .demo-content { padding-top: 0px; } .dateRangeBtn > span { display: block; font-size: 11px; line-height: 12px; text-transform: uppercase; } .k-filter-row .dateRangePanel kendo-datepicker .k-picker-wrap kendo-dateinput .k-dateinput-wrap input { color: #4e4e4e; } .resetFilterContainer { position: absolute; top: 14px; right: 14px; } .resetFilter { cursor: pointer !important; cursor: hand !important; color: rgba(0,0,0,0.4); } .resetFilter:hover, .resetFilter:focus, .resetFilter:active { color: #C00; } subject-mapping > nptext span { font-weight: 800; text-transform: uppercase; } subject-mapping table { width: 300px; padding: 0px; } subject-mapping table th, subject-mapping table td { text-align: left; padding: 0px; white-space: nowrap; border-bottom: 1px solid rgba(0,0,0,0.1); } subject-mapping table th, subject-mapping table td:first-child { padding: 2px 8px; } subject-mapping table td:first-child { width: 70%; } subject-mapping table td:last-child { width: 30%; } subject-mapping table thead { background: rgba(0,0,0,0.2); } subject-mapping table input { background: rgba(0,0,0,0.1); border: 0px; padding: 5px; width: 100px; text-align: right; font-family: Courier; margin-bottom: 2px; } .showCustomerSideDashboard.pageContent { padding-right: calc(25% - 16px); } /* .customerSideDashboard { position: fixed; z-index: 999999; top: 56px; bottom: -8px; right: 10px; background: #04529c; color: #FFF; padding: 18px; padding-top: 0px; display: none; } */ .customerSideDashboard { position: absolute; z-index: 999999; top: -10px; right: -8px; background: #04529c; color: #FFF; padding: 18px; padding-top: 0px; display: none; } .showCustomerSideDashboard .customerSideDashboard { display: block; } subject-side-dashboard .subjectData { margin: 10px 0px; } subject-side-dashboard .subjectData > div { display: flex; font-size: 12px; line-height: 16px; align-items: center; } subject-side-dashboard .subjectData > div > span { font-size: 12px; line-height: 18px; width: 100%; min-height: 16px; } subject-side-dashboard .subjectData > div > span i.material-icons { font-size: 16px; line-height: 6px; -ms-transform: translateY(5px); /* IE 9 */ -webkit-transform: translateY(5px); /* Safari */ transform: translateY(3px); } subject-side-dashboard .subjectData a { color: #FFF; } subject-side-dashboard .subjectData > div.np-heading, subject-side-dashboard .subjectBoughtServices > div.np-heading, subject-side-dashboard .subjectPrivacyApp > div.np-heading, subject-side-dashboard .subjectNotes > div.np-heading, subject-side-dashboard .subjectItemSubjectStocks > div.np-heading { text-transform: none; } subject-side-dashboard .subjectData > div > nptext:first-child { width: 40%; font-weight: 800; text-transform: uppercase; white-space: nowrap; margin-right: 5px; } subject-side-dashboard .subjectData > div > nptext:first-child span:after { content: ':'; } subject-side-dashboard .subjectItem, subject-side-dashboard .subjectItemSubjectStocks, subject-side-dashboard .subjectBoughtServices, subject-side-dashboard .subjectPrivacyApp, subject-side-dashboard .subjectNotes{ background: #FFFFFFCC; color: #333; padding: 0px; } subject-side-dashboard .subjectItem ol, subject-side-dashboard .subjectItem ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } subject-side-dashboard .subjectItem .np-heading, subject-side-dashboard .subjectBoughtServices .np-heading, subject-side-dashboard .subjectPrivacyApp .np-heading, subject-side-dashboard .subjectNotes .np-heading, subject-side-dashboard .subjectItemSubjectStocks .np-heading { background: #ffc107; margin-top: 10px; } subject-side-dashboard .subjectItem .np-heading *, subject-side-dashboard .subjectBoughtServices .np-heading *, subject-side-dashboard .subjectPrivacyApp .np-heading *, subject-side-dashboard .subjectNotes .np-heading *, subject-side-dashboard .subjectItemSubjectStocks .np-heading * { font-size: 14px; font-weight: 500; } subject-side-dashboard .subjectItem .np-heading > *, subject-side-dashboard .subjectBoughtServices .np-heading > *, subject-side-dashboard .subjectPrivacyApp .np-heading > *, subject-side-dashboard .subjectNotes .np-heading > *, subject-side-dashboard .subjectItemSubjectStocks .np-heading > * { padding: 2px 0px 0px 5px; } subject-side-dashboard .subjectItem ol { list-style-type: none; counter-reset: myOrderedListItemsCounter; background: #FFF; } subject-side-dashboard .subjectItem ol li:before { counter-increment: myOrderedListItemsCounter; content: counter(myOrderedListItemsCounter)"."; margin: 0.5em; } subject-side-dashboard .subjectItem ol li:nth-child(even), subject-side-dashboard .subjectItem ul li:nth-child(even) { background: #00000020; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } subject-side-dashboard .subjectItem ol li:hover { cursor: pointer; cursor: hand; background: #00000044; } subject-side-dashboard .subjectItem ol li i { display: none; } subject-side-dashboard .subjectItem ol li.active i { display: block; float: right; margin: 4px 10px; font-size: 16px; border-radius: 3px; font-weight: 600; background: #0aa718; color: #FFF; } subject-side-dashboard .subjectItem ol li.selected { background: #f5de99; } subject-side-dashboard .np-heading { margin-top: 20px; width: auto; display: block; } subject-side-dashboard .subjectNotes, subject-side-dashboard .subjectBoughtServices, subject-side-dashboard .subjectPrivacyApp, subject-side-dashboard .subjectItemSubjectStocks { background: #FFF; } subject-side-dashboard .subjectItemSubjectStocks table { border: 0px; width: 100%; margin-top: 10px; } subject-side-dashboard .subjectItemSubjectStocks table th { background: #ffc107; padding: 5px 2px; line-height: 14px !important; } subject-side-dashboard .subjectItemSubjectStocks table th * { padding: 0px !important; } subject-side-dashboard .subjectItemSubjectStocks table th:first-child { text-align: left; padding-left: 5px; } subject-side-dashboard .subjectItemSubjectStocks table td { font-size: 12px; line-height: 14px; padding: 5px; } subject-side-dashboard .subjectItemSubjectStocks table td:first-child:not([colspan]) { font-weight: 600; } subject-side-dashboard .subjectItemSubjectStocks table tr:nth-child(even) { background: #00000020; } subject-side-dashboard .subjectItemSubjectStocks table thead th, subject-side-dashboard .subjectItemSubjectStocks table td[colspan] { border-bottom: 2px solid #05519c; } subject-side-dashboard .subjectItemSubjectStocks table tr:last-child td[colspan] { border-bottom: 0px; } subject-side-dashboard .subjectItemSubjectStocks table td[colspan] { background: #ffffff; padding: 0px; } subject-side-dashboard .subjectItemSubjectStocks table td[colspan] > div { display: flex; } subject-side-dashboard .subjectItemSubjectStocks table td[colspan] > div > div { padding: 0px; margin: 0px; border: 0px; width: 25%; text-align: center; } subject-side-dashboard .subjectItemSubjectStocks table td[colspan] > div > div > div:first-child { background: #E7E7E7; padding: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } subject-side-dashboard .subjectItemSubjectStocks table td[colspan] > div > div > div:last-child > div { min-height: 16px; padding-top: 3px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } .subjectItemSubjectStocks .smallCell { text-align: center; } .colorFeedback { border: 1px solid #FFFFFF80; } .colorFeedback.highPriority { background: #F00; color: #FFF; } .colorFeedback.mediumPriority { background: #F60; color: #FFF; } .colorFeedback.lowPriority { background: #0aa718; color: #FFF; } .mm { position: relative; } .mm .colorFeedback:first-child:before, .mm .colorFeedback:last-child:before { content: ''; position: absolute; bottom: 7px; height: 30px; width: 1px; background: #00000033; } .mm .colorFeedback:first-child:before { left: 33%; } .mm .colorFeedback:last-child:before { right: 33%; } .mm .colorFeedback.highPriority { color: #F00; } .mm .colorFeedback.mediumPriority { color: #F60; } .mm .colorFeedback.lowPriority { color: #0aa718; } subject-side-dashboard .subjectBoughtServices table td { padding: 0px 5px; white-space: nowrap; } subject-side-dashboard .subjectBoughtServices table td:nth-child(2) { width: 100%; } subject-side-dashboard .subjectBoughtServices table td:last-child { font-weight: 600; } subject-side-dashboard .subjectNotes tr:nth-child(even), subject-side-dashboard .subjectBoughtServices tr:nth-child(even) { background: #00000022; } subject-side-dashboard .subjectNotes table { width: 100%; } subject-side-dashboard .subjectNotes table td { padding: 5px; } subject-side-dashboard .subjectBoughtServices tr.first-category-row td { border-top: 2px solid #05519c; } subject-side-dashboard .subjectPrivacyApp { background: none; } subject-side-dashboard .subjectPrivacyApp .np-heading { margin-top: 0px; } subject-side-dashboard .subjectPrivacyApp { display: inline-block; width: 100%; margin-top: 10px; } subject-side-dashboard .subjectPrivacyApp > div { width: 49%; float: left; } subject-side-dashboard .subjectPrivacyApp > div:last-child { float: right; } subject-side-dashboard .subjectPrivacyApp table { background: #FFF; width: calc(100% + 1px); border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } subject-side-dashboard .subjectPrivacyApp > div:last-child table { border-right: 0px; border-left: 1px solid #CCC; } subject-side-dashboard .subjectPrivacyApp table tr:nth-child(even) { background: #00000022; } subject-side-dashboard .subjectPrivacyApp table td { padding: 1px 5px; } subject-side-dashboard .subjectPrivacyApp table td:first-child { width: 100%; } subject-side-dashboard .subjectPrivacyApp table td:last-child { text-align: center; cursor: pointer; cursor: hand; } subject-side-dashboard .subjectPrivacyApp table td:last-child:hover i { opacity: 0; } subject-side-dashboard .subjectPrivacyApp table td:last-child:hover:before { content: 'MOD'; position: absolute; font-size: 10px; margin: 3px 0px 0px -11px; } subject-side-dashboard .subjectPrivacyApp table td.mediumPriority:last-child:hover { background: #0aa718; } subject-side-dashboard .subjectPrivacyApp table td.lowPriority:last-child:hover { background: #ff6600; } subject-side-dashboard .subjectPrivacyApp .material-icons { font-size: 16px; line-height: 24px; } .customerSideDashboard .mm { position: relative; } .customerSideDashboard .mm > div { display: none; position: absolute; top: 105%; right: 0px; } .customerSideDashboard .mm:hover > div:before { position: absolute; top: -5px; right: 5px; content: ''; width: 10px; height: 10px; background: #ffc107; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari */ transform: rotate(45deg); } .customerSideDashboard .mm:hover > div { display: table; background: #ffc107; text-align: center; box-shadow: 0px 0px 5px #000000; padding: 7px; z-index: 9; } .customerSideDashboard .mm > div > span { display: table-cell; min-width: 30px; line-height: 30px; border: 0px; } .customerSideDashboard .mm > div > span img { height: 50px; background: #FFF; padding-top: 10px; } .customerSideDashboard .subjectData .mdl-layout__title { width: 100%; position: relative; } .customerSideDashboard .subjectData .mdl-layout__title .sd-circles { position: absolute; right: 6px; top: calc(100% - 4px); display: flex; } .customerSideDashboard .subjectData .mdl-layout__title .sd-circles > div { display: inline-block; background: #F00; width: 20px; line-height: 20px; font-size: 16px; margin-left: 12px; text-align: center; border-radius: 50px; } .customerSideDashboard .subjectData .mdl-layout__title .sd-circles > div.sd-category { background: #13b9cd; } .customerSideDashboard .subjectData .mdl-layout__title .sd-circles > div.sd-atHome { background: #ffc106; } .customerSideDashboard .subjectData .mdl-layout__title button { float: right; margin-top: -5px; margin-right: 0px; margin-left: 0px; } .mdl-tabs__tab .material-icons { font-size: 20px; -ms-transform: translateY(5px); /* IE 9 */ -webkit-transform: translateY(5px); /* Safari */ transform: translateY(5px); } .eu-label-container { display: flex; } .eu-label-container > div:first-child { width: 150px; } .eu-label-container > div:last-child { width: calc(100% - 190px); padding-left: 40px; } item-sheet-template-1 .brand-description > div:last-child ul { list-style-type: none; padding: 0px; } item-sheet-template-1 .brand-description > div:last-child ul > li { display: flex; line-height: 18px; margin-bottom: 8px; } item-sheet-template-1 .brand-description > div:last-child ul > li:before { font-family: "Material Icons"; text-rendering: optimizeLegibility; font-feature-settings: 'liga' 1; content: 'keyboard_arrow_right'; font-size: 20px; margin-top: -1px; margin-right: 4px; color: #04529c; } .mdl-button-nomargin { margin: 0px !important; } .tire-detail > td { position: relative; } .tire-detail > td:last-child { border-right: 1px solid #00000022; } .tire-detail > td > nptext { position: absolute; top: 0px; left: 1px; bottom: 0px; width: 14px; background: #00000033; display: flex; align-items: center; justify-content: center; } .tire-detail > td > nptext > span { transform: rotate(-90deg); font-size: 12px; text-transform: uppercase; } .concerchio { display: inline-block; } .concerchio a { color: #000; font-weight: 400; display: inline-block; } .concerchio a label, .concerchio > span { height: 32px; } .concerchio > span { display: inline-block; } .concerchio > span i { -ms-transform: translateY(6px); /* IE 9 */ -webkit-transform: translateY(6px); /* Safari */ transform: translateY(6px); } .concerchio a label .mdl-checkbox__box-outline { top: 7px; } .concerchio img { max-height: 100%; } .rating-vote { display: inline-block; font-size: 12px; line-height: 16px; -ms-transform: translateY(-2px); /* IE 9 */ -webkit-transform: translateY(-2px); /* Safari */ transform: translateY(-2px); } input.discountInput { width: 55px; text-align: right; } input.discountInput[size="1"], input.discountInput[size="2"], input.discountInput[size="3"] { width: 25px; } input.discountInput::-webkit-inner-spin-button, input.discountInput::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .k-grid-header th[kendogridfiltercell], .k-grid-header td[kendogridfiltercell] { position: relative; } .k-grid-header th[kendogridfiltercell] .removeFilter, .k-grid-header td[kendogridfiltercell] .removeFilter { position: absolute; z-index: 9; bottom: 5px; right: 0px; width: 32px; padding-top: 3px; margin-bottom: -4px; height: 27px; border-radius: 0px 3px 3px 0px; overflow: hidden; background: #02315e; border-right: 1px solid #FFFFFF55; text-align: center; cursor: pointer; cursor: hand; opacity: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .k-grid-header th[kendogridfiltercell]:hover .removeFilter, .k-grid-header td[kendogridfiltercell]:hover .removeFilter { width: 32px; right: -30px; opacity: 1; } .itemAvail *, custom-filter .itemAvail { font-weight: bold; color: #67cd67; } .itemAvail .itemAvailOrange { color: #ff9100; } .itemAvail .itemAvailRed, custom-filter .itemAvailRed { color: #F00; } .k-window .k-window { margin-top: 50px; } custom-filter-maskedtextbox { display: flex !important; align-items: center !important; } custom-filter-maskedtextbox a { display: block; padding: 0px 3px; background: rgba(0,0,0,0.2); cursor: pointer; cursor: hand; border-left: 1px solid rgba(0,0,0,0.2); } custom-filter-maskedtextbox a:hover, custom-filter-maskedtextbox a:focus, custom-filter-maskedtextbox a:active { background: rgba(0,0,0,0.4); } custom-filter-maskedtextbox a i { display: inline-block; padding: 0px; -webkit-transform: translateY(2px); transform: translateY(2px); } .subjectFlag { display: block; width: 100%; margin: 10px 5px; } sf-form sf-form-element .widget { display: flex; flex-wrap: wrap; position: relative; } sf-form sf-form-element .widget > label { color: #04529c; font-size: 12px; margin-bottom: -4px; } sf-form sf-form-element .widget > input { font-size: 16px; font-family: "Helvetica","Arial",sans-serif; padding: 4px 0px; } sf-form sf-form-element .widget > input, sf-form sf-form-element .widget > select, sf-form sf-form-element .widget > div { order: 2; width: 100%; } sf-form sf-form-element .widget > span { order: 3; flex-basis: 100%; white-space:pre; font-size: 12px; line-height: 12px; margin-top: 5px; font-style: italic; color: #00000055; } sf-form sf-form-element .widget > label + .widget > span { margin-left: 0px; } sf-form sf-array-widget > .widget { display: block; } body { counter-reset: section; } /*sf-form sf-array-widget > .widget > div:before { counter-increment: section; content: "Mappatura " counter(section) ": "; background: #adcff1; display: block; padding: 5px 10px; margin-bottom: -10px; }*/ sf-form sf-array-widget > .widget > div { border: 0px solid #00000033; padding: 0px 10px 0px 0px; margin-bottom: 10px; position: relative; } .schedule { margin-bottom: 30px; } .schedule .accordion { position: relative; margin-bottom: 10px; } .schedule .accordion > a button, sf-form sf-array-widget > .widget > div > button { position: absolute; top: 0px; right: 10px; background: #00000022; color: #FFF; border: 0px; padding: 8px 20px; cursor: pointer; cursor: hand; } spider-details .mdl-layout__title { display: block; width: 100%; font-size: 16px; padding: 8px 20px; background: #05509c; color: #FFF; } spider-details > div:nth-child(2) > .np-heading-title:first-child .mdl-layout__title { font-size: 20px; padding: 0px; background: transparent; color: #333; margin-bottom: 10px; } sf-form sf-form-element-action { position: absolute; top: 30px; right: 20px; margin-top: 30px; } entity-view-details sf-form sf-form-element-action { top: 0px; } sf-form sf-form-element-action button { background: #0ba91a; color: #FFF; border: 0px; padding: 8px 20px; cursor: pointer; cursor: hand; } sf-form sf-form-element-action button:hover, sf-form sf-form-element-action button:focus, sf-form sf-form-element-action button:active { background: #068e13; } sf-form sf-form-element-action:nth-child(2) { right: 130px; } sf-form sf-form-element-action:nth-child(2) button { background: #ffc107; } sf-form sf-form-element-action:nth-child(2) button:hover, sf-form sf-form-element-action:nth-child(2) button:focus, sf-form sf-form-element-action:nth-child(2) button:active { background: #ecb306; } .schedule .accordion > a button { right: 0px; z-index: 9; padding: 10px 20px; margin-top: 0px; } .schedule .accordion > a button:hover, .schedule .accordion > a button:focus, .schedule .accordion > a button:active, sf-form sf-array-widget > .widget > div > button:hover, sf-form sf-array-widget > .widget > div > button:focus, sf-form sf-array-widget > .widget > div > button:active { background: #F00; color: #FFF; } sf-form fieldset fieldset fieldset { border: 1px solid #adcff1; background: #00000008; margin: 10px 0px; padding: 20px; padding-top: 0px; } sf-form fieldset legend { display: none; } sf-form fieldset fieldset legend { display: block; } sf-form fieldset fieldset legend { color: #729bc3 !important; font-weight: 600; font-size: 16px; margin-left: 4px; font-style: normal; } sf-form fieldset fieldset fieldset legend { font-weight: 600; padding-left: 20px; padding-right: 20px; color: #729bc3 !important; } sf-form legend + div { font-size: 12px; font-style: italic; } sf-array-widget > div > label:first-child { display: block; font-weight: 600; color: #FFF; font-size: 14px; background: #054686; padding: 5px 10px; margin-bottom: 5px; } sf-form fieldset > div, sf-form fieldset fieldset > div { padding: 5px; } sf-form select { color: #333; } sf-form input[type='text'], sf-form input[type='number'], sf-form select { border: 0px; background: transparent; border-bottom: 1px solid#00000033; } sf-form select:hover, sf-form input[type='text']:hover, sf-form input[type='number']:hover { border-color: #00000055; } sf-form sf-array-widget .horizontal + span { margin-left: 0px !important; } .schedule button, sf-form sf-array-widget > .widget > button { display: block; background: #05519c; border: 0px; color: #FFF; padding: 5px 20px; margin-top: 5px; cursor: pointer; cursor: hand; } .schedule button:hover, .schedule button:focus, .schedule button:active, sf-form sf-array-widget > .widget > button:hover, sf-form sf-array-widget > .widget > button:focus, sf-form sf-array-widget > .widget > button:active { background: #054686; } sf-form > form > sf-form-element > div.has-error > sf-widget-chooser > sf-form-object > fieldset { display: none; margin-top: -10px !important; } sf-form > form > sf-form-element > div.has-error > sf-widget-chooser > sf-form-object > fieldset.is-active { display: block; } .tabContainer a { cursor: pointer; cursor: hand; } .accordion > a, .schedule .accordion > a, sf-form .accordion > a, dynamic-fields .accordion > span { display: block; background: #accae6; color: #3b7fc1; padding: 6px 15px 5px 15px; cursor: pointer; cursor: hand; } dynamic-fields .accordion > span { display: flex; padding: 0px; align-items: center; } dynamic-fields .accordion > span > div:first-child { cursor: move; line-height: 3px; } dynamic-fields .accordion > span > a { display: block; flex: 1; color: #3b7fc1; } .accordion > a:hover, .accordion > a:focus, .accordion > a:active, sf-form .accordion > a:active, sf-form .accordion > a:hover, sf-form .accordion > a:focus, sf-form .accordion > a:active, dynamic-fields .accordion > span:hover, dynamic-fields .accordion > span:focus, dynamic-fields .accordion > span:active, { background: #95bce0; } .accordion > a span, sf-form .accordion > a span, dynamic-fields .accordion > span > a span { font-weight: 800; color: #044686; } dynamic-fields .accordion > div, sf-form .accordion > sf-form-element, sf-form .accordion > .arrayWidgetPropertyContainer { display: none; border: 1px solid #accae6; padding: 8px; } dynamic-fields .accordion.is-active > div, sf-form .accordion.is-active > sf-form-element, sf-form .accordion.is-active > .arrayWidgetPropertyContainer { display: block; } cron-editor .nav-tabs { display: flex !important; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #e0e0e0; height: 48px; } cron-editor .tab-pane { display: none; padding: 10px 20px; margin-bottom: 10px; } cron-editor .col-sm-6 { display: inline-block; min-width: 100px; } cron-editor .tab-pane.active { display: block; } cron-editor .nav-tabs li { padding-top: 7px !important; padding-bottom: 7px !important; line-height: 16px !important; height: 24px; margin: 0; border: none; padding: 0 24px; float: left; position: relative; display: block; text-decoration: none; line-height: 48px; text-align: center; font-weight: 500; font-size: 14px; text-transform: uppercase; overflow: hidden; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(255,255,255,0); } cron-editor .nav-tabs li a { color: rgba(0,0,0,.54) !important; padding: 0px; margin: 0px; } cron-editor .nav-tabs li.active:after { height: 2px; width: 100%; display: block; content: " "; bottom: 0; left: 0; position: absolute; background: rgb(255,193,7); -webkit-animation: border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards; animation: border-expand .2s cubic-bezier(.4,0,.4,1).01s alternate forwards; transition: all 1s cubic-bezier(.4,0,1,1); } cron-editor .nav-tabs li.active a { color: rgba(0,0,0,.87) !important; } cron-editor select { color: #333; } .schedule .accordion > div { display: block; border: 1px solid #accae7; padding: 20px; padding-top: 10px; padding-bottom: 0px; } .schedule .accordion cron-editor .tab-pane .row { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #00000011; } .schedule .accordion cron-editor .tab-pane .row:last-child { border: 0px; } .mdl-tabs__panel#Configurations { display: block; } .mdl-tabs__panel#Configurations sf-form > form > sf-form-element > div > sf-widget-chooser, .mdl-tabs__panel#Configurations .np-heading-title, .mdl-tabs__panel#Configurations .tabContainer, .mdl-tabs__panel#Configurations spider-data-preview { display: none; } .mdl-tabs__panel#Configurations.is-active sf-form > form > sf-form-element > div > sf-widget-chooser, .mdl-tabs__panel#Configurations.is-active .np-heading-title, .mdl-tabs__panel#Configurations.is-active .tabContainer, .mdl-tabs__panel#Configurations.is-active spider-data-preview { display: block; } .btn-data-preview { float: right; border: 0px; background: transparent; color: #FFF; cursor: pointer; cursor: hand; } .btn-data-preview:hover nptext, .btn-data-preview:focus nptext, .btn-data-preview:active nptext { text-decoration: underline; } .mdl-tabs__panel#Configurations button.btn-data-preview > span { display: flex; } .mdl-tabs__panel#Configurations button.btn-data-preview i { font-size: 24px; line-height: 15px; margin-right: 6px; } .spider-data-preview-table-container { height: 100px !important; overflow: auto; } .spider-data-preview-table-container table { border-spacing: 0px; border-collapse: separate; } .spider-data-preview-table-container table thead { background: #fbe7aa; font-weight: 600; box-shadow: 0px 0px 3px #00000055; } .spider-data-preview-table-container table td:first-child { box-shadow: 0px 5px 3px #00000033; } spider-data-preview > div.spider-data-preview-title { background: #ffc107; padding: 5px 20px; } spider-data-preview > div.spider-data-preview-title > span { display: inline-block; font-size: 11px; line-height: 11px; margin-top: -5px; margin-left: 5px; color: #00000099; -ms-transform: translateY(5px); /* IE 9 */ -webkit-transform: translateY(5px); /* Safari */ transform: translateY(5px); } spider-data-preview > div.spider-data-preview-title button { float: right; border: 0px; background: #00000022; color: #FFF; margin-top: -3px; padding: 5px 20px; cursor: pointer; cursor: hand; display: flex; } spider-data-preview > div.spider-data-preview-title button:hover, spider-data-preview > div.spider-data-preview-title button:focus, spider-data-preview > div.spider-data-preview-title button:active { background: #00000033; } spider-data-preview > div.spider-data-preview-title button i { font-size: 24px; line-height: 16px; padding: 0px; margin: 0px; } spider-data-preview > div.spider-data-preview-title input { border: 0px; background: #00000022; color: #FFF; width: 40px; text-align: center; padding: 3px; } .spider-data-preview-table-container table td:first-child { min-width: auto; text-align: right; font-weight: bold; background: #fbe7aa; } .spider-data-preview-table-container table tr:nth-child(even) td:first-child { background: #f7dc8a; } .spider-data-preview-table-container table td { min-width: 100px; max-width: 100px; padding: 2px 5px; font-size: 11px; line-height: 12px; border-bottom: 0px solid #00000033; border-right: 1px solid #00000033; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: default; } .spider-data-preview-table-container table tbody tr { background: #FFF; } .spider-data-preview-table-container table tbody tr:nth-child(even) { background: #e6e6e611; } .spider-data-preview-table-container table td.selected, .spider-data-preview-table-container table tbody tr.selected, .spider-data-preview-table-container table tbody tr:hover { background: #fbe7aa99; } .spider-data-preview-table-container table thead td.selected { background: #ffd862; } .spider-data-preview-table-container table td.selected, .spider-data-preview-table-container table tbody tr.selected td { font-weight: bold; } spider-data-preview .spiderDataPreviewLoading { position: absolute; width: calc(100% - 40px); height: 100px; display: flex; align-items: center !important; text-align: center; background: #00000005; } spider-data-preview .spiderDataPreviewLoading > span, spider-data-preview .spiderDataPreviewMessage > span { display: block; width: 100%; content: 'Loading...'; text-align: center !important; } spider-custom-button button { display: flex; align-items: center; } spider-custom-button button i { font-size: 20px !important; line-height: 16px; margin-right: 5px; } .k-grid td.CompanyName { padding-top: 0px !important; padding-bottom: 0px !important; box-shadow: -1px 0px 1px #00000022; } kendo-dialog-titlebar.dialog-error { background-color: #ff6358; } kendo-dialog-titlebar.dialog-success { background-color: #078612; } kendo-dialog-titlebar.dialog-generic { background-color: #3093ff; } .untouchable { opacity: .2; pointer-events: none; cursor: none; } .material-horizontal-split-icon > i{ width: 12px; overflow: hidden; } .material-horizontal-split-icon > i + i{ width: 12px; overflow: hidden; transform: rotate(180deg); } np-grid table tbody tr td .mdl-textfield { padding: 0px; } np-grid table tbody tr td .mdl-textfield label { display: none; } np-grid table tbody tr td input, np-grid table tbody tr td .mdl-textfield input { border: 0px; background: #FFF; padding: 5px; box-sizing: border-box; border: 1px solid #00000022; max-width: 100%; text-align: center; } language-texts .k-content > div { width: 100%; } .btn-del-texts { text-align: right; margin-bottom: 20px; } .btn-del-texts a { color: #F00; margin-left: 20px; font-weight: 300; } .btn-del-texts a:hover, .btn-del-texts a:focus, .btn-del-texts a:active { text-decoration: underline; cursor: pointer; cursor: hand; } .nowLine { position: relative; } .nowLine > div { content: ''; width: calc(100% + 1px); height: 1px; background: #F00; position: absolute; top: 0px; left: 0px; } .dayVisualMode .appsContainer { display: flex; } .dayVisualMode .mdl-progress { position: absolute; } .dayVisualMode .appsContainer > div.appList { width: calc(100% - 360px); position: relative; } .dayVisualMode .appsContainer > div.calendar { margin-left: 20px; width: 360px; } .dayVisualMode .appList ul { list-style-type: none; margin: 0px; padding: 0px; } .dayVisualMode .appList ul li { background: #00000011; padding: 8px 20px 0px 20px; margin-bottom: 5px; display: flex; flex-wrap: wrap; position: relative; border-bottom: 16px solid #00000011; cursor: pointer; cursor: hand; } .dayVisualMode .appList ul li:hover, .dayVisualMode .appList ul li:focus, .dayVisualMode .appList ul li:active { background: #ffc107; } .dayVisualMode .appList ul li > div > span { width: 20%; line-height: 16px; order: 1; } /*.dayVisualMode .appList ul li > span:nth-child(8) { margin-left: 100px; }*/ .dayVisualMode .appList ul li > div > span:not(.progressBar ) { margin-bottom: 4px; } .dayVisualMode .appList ul li > div > span.day, .dayVisualMode .appList ul li.isFlex > div > span.flex { margin: -8px 20px -2px -20px; background: #3093ff; color: #FFF; padding: 0px 5px; width: 90px !important; font-weight: 800; line-height: 32px; text-align: center; } .dayVisualMode .appList ul li > div > span.note { /*margin-left: 100px;*/ } .dayVisualMode .appList ul li > div > span.parentDepartmentName { top: 2px; right: 1px; width: auto; background: #FFF; width: 80px; } .dayVisualMode .appList ul li > div > span.parentDepartmentName > span { display: block; text-align: center; padding: 0px 5px; line-height: 32px; box-shadow: 0px 0px 1px #00000033; } .dayVisualMode .appList ul li.isFlex > div > span.day { display: none; } .dayVisualMode .appList ul li > div > span.day > span:first-child, .dayVisualMode .appList ul li > div > span.parentDepartmentName > span:first-child { display: none; } .dayVisualMode .appList ul li > div > span.OrderSummary { max-width: 100%; /*width: calc(75% - 100px); display: block;*/ } .dayVisualMode .appList ul li > div > span.OrderSummary > span:first-child { /*display: inline-block; width: 15%; -webkit-transform: scale(1) translateY(-3px); transform: scale(1) translateY(-3px);*/ } .dayVisualMode .appList ul li > div > span.OrderSummary > span:last-child { /*display: inline-block; width: calc(85% - 4px);*/ } .dayVisualMode .appList ul li > div > span.OrderSummary > span:last-child > div { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .dayVisualMode .appList ul li > div > span.OrderSummary > span > nptext { margin-right: 5px; } .dayVisualMode .appList ul li > div > span nptext { white-space: nowrap; font-weight: 600; } .dayVisualMode .appList ul li > div > span:not(.deleteAppointmentFromDay) nptext > span:after { content: ':'; } .dayVisualMode .appList ul li span.flex, .dayVisualMode .appList ul li span.flex > span:last-child { display: none; } .dayVisualMode .appList ul li span.day { display: inline-block; } .dayVisualMode .appList ul li.isFlex span.flex { display: inline-block; order: 0; width: 100%; background: #ffc107; color: #000; text-transform: uppercase; } .dayVisualMode .appList ul li.isFlex span.flex > span:first-child > nptext > span:after { content: ''; } .dayVisualMode .appList ul li .progressBar { position: absolute; bottom: -16px; left: 0px; right: 0px; font-size: 11px; line-height: 16px; text-align: right; box-sizing: border-box; width: 100%; padding: 0px 5px; color: #FFF; border-right: 2px solid #00000033; } .dayVisualMode .fastFilters > .filters > div:nth-child(1) { background: #3093ff; } .dayVisualMode .fastFilters > .filters div[data-perc="0"], .dayVisualMode .appList ul li .progressBar.progressBarPerc_0, .dayVisualMode .fastFilters > .filters > div[data-perc="0"].active:before, .perc0 { background: #F00; } .dayVisualMode .fastFilters > .filters div[data-perc="25"], .dayVisualMode .appList ul li .progressBar.progressBarPerc_25, .dayVisualMode .fastFilters > .filters > div[data-perc="25"].active:before, .perc25 { background: #ff6d07; } .dayVisualMode .fastFilters > .filters div[data-perc="50"], .dayVisualMode .appList ul li .progressBar.progressBarPerc_50, .dayVisualMode .fastFilters > .filters > div[data-perc="50"].active:before, .perc50 { background: #ffc107; } .dayVisualMode .fastFilters > .filters div[data-perc="75"], .dayVisualMode .appList ul li .progressBar.progressBarPerc_75, .dayVisualMode .fastFilters > .filters > div[data-perc="75"].active:before, .perc75 { background: #b7cb0c; } .dayVisualMode .fastFilters > .filters div[data-perc="100"], .dayVisualMode .appList ul li .progressBar.progressBarPerc_100, .dayVisualMode .fastFilters > .filters > div[data-perc="100"].active:before, .perc100 { background: #16a717; } .dayVisualMode .appList ul li .progressBar.progressBarPerc_0 { text-align: left; border-right: 0px; } .dayVisualMode .appList ul li .progressBar.progressBarPerc_30 { width: 30%; } .dayVisualMode .appList ul li .progressBar.progressBarPerc_60 { width: 60%; } .dayVisualMode .appList ul li .progressBar.progressBarPerc_100 { width: 100%; } .dayVisualMode .appList ul li .progressBar > span:nth-child(2):after { content: '%'; } .dayVisualMode .appList ul li .progressBar > span:last-child > nptext > span:after { content: ''; } .dayVisualMode .appList ul li .progressBar > span:last-child > nptext > span:before { content: ' - '; } .dayVisualMode .fastFilters { position: absolute; right: 0px; top: -35px; display: flex; color: #FFF; flex-wrap: wrap; } .dayVisualMode .fastFilters > .filters { display: flex; margin-bottom: 5px; } .dayVisualMode .fastFilters > .filters > div { white-space: nowrap; padding: 5px 15px; background: #00000011; cursor: pointer; cursor: hand; } .dayVisualMode .fastFilters > .filters > div:not(:first-child) { margin-left: 5px; } .dayVisualMode .fastFilters > .filters > div { position: relative; } .dayVisualMode .fastFilters > .filters > div.active:before { content: ''; position: absolute; top: -3px; left: 0px; right: 0px; height: 2px; background: #3093ff; } .dayVisualMode .departments ul { display: flex; margin: 0px !important; padding: 0px !important; } .dayVisualMode .departments, .dayVisualMode .departments ul li { margin: 0px !important; padding: 0px !important; border: 0px; background: none !important; } .dayVisualMode .departments { margin-right: 50px !important; } .dayVisualMode .departments ul li:not(:last-child) { display: inline-block; margin-right: 6px !important; } .dayVisualMode .departments li > span { display: block; width: 100px !important; margin: 0px !important; text-align: center; padding: 0px 5px !important; line-height: 32px !important; box-sizing: border-box; color: #000; position: relative; opacity: 0.4; } .dayVisualMode .departments li.active > span { opacity: 1; } .dayVisualMode .departments li > span > span { position: absolute; top: -3px; left: 0px; right: 0px; height: 2px; display: none; } .dayVisualMode .departments li.active > span > span { display: block; } .value-pos { font-weight: bold; color: #0aa718; } .value-neg { font-weight: bold; color: #F00; } .periodTd .agenda-app-container:not(.dragging) { position: relative !important; top: unset !important; } .periodTd .agenda-app-container.dragging { position: absolute !important; } agenda-app-detail { position: absolute; display: none; top: 10px; left: 110%; min-width: 300px; text-align: left; background: #05519cba; box-shadow: 0px 0px 5px #00000077; padding: 10px; z-index: 9999; } .agenda-app:hover agenda-app-detail { display: block; } agenda-app-detail > div > div > span:first-child { font-weight: 600; color: #ffc107; } agenda-app-detail > div > div > span:first-child:after { content: ':'; } agenda-app-detail > div > div > span > div:last-child > span { display: flex; padding-left: 10px; } agenda-app-detail > div > div > span > div:last-child > span:before { content: '-'; margin-right: 4px; } .BuyPrice > * { color: #38d1ee; font-weight: bold; } .SellPrice > * { color: #04529c; font-weight: bold; } .massEditPriceMargins { display: flex; } .massEditPriceMargins > np-grid { width: 40%; } .massEditPriceMargins + div { margin-top: 100px !important; text-align: center; } .massEditPriceMargins + div button { padding: 15px; height: auto; } .itemWithoutPriceMargins, .defaultPriceMargins { width: calc(30% - 20px); margin-left: 20px; } .itemWithoutPriceMargins .mdl-layout__title, .defaultPriceMargins .mdl-layout__title { margin-top: 3px; margin-bottom: 10px; } context-menu > div.context-menu { position: fixed; top: 0px; left: 0px; background: #05519c; color: #FFF; box-shadow: 1px 1px 5px #00000099; } context-menu ul { margin: 0px; padding: 0px; list-style-type: none; min-width: 200px; } context-menu ul li { display: flex; padding: 5px 15px; cursor: pointer; cursor: hand; } context-menu ul li:before { content: '\e005'; font-family: WebComponentsIcons; margin-right: 5px; margin-top: -1px; font-size: 16px; } context-menu ul li nptext { flex: 1; } context-menu ul li:hover, context-menu ul li:focus, context-menu ul li:active { background: #00000055; } /* CONTEXTMENU ICONS */ context-menu ul li[data-action="CreateNewFolder"]:before { content: '\e902'; } context-menu ul li[data-action="DeleteFolder"]:before { content: '\e10c'; } context-menu ul li[data-action="OpenFile"]:before { content: '\e135'; } context-menu ul li[data-action="DeleteFile"]:before { content: '\e10c'; } /* CONTEXTMENU ICONS: END */ .BuyPriceWarning { display: inline-block; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbVJREFUeNpi/P//P8NgAoyjDiLKQYc4KDXHG0pvpcgUux9UcRArEF+HsjWB+DclDmKiQigXAbEyFBcNdJRJAvEdIOaC8r8BsQoQPx+oEOpCcgwDlN01UCFkBsQncciZA/EpeoYQIxDPwiM/C6qGZECug1KAWB+PvD5UDV2ijBeIHwKxIAF174FYHog/0zrKWohwDANUTQutQwhU8F0GYmYi1f8FYl2kgpPqITSLBMcwQNXOolWiDgZiGzy5DleusoHqpWqUsQPxLSCWw+MgEMDVdHgExGpA/JNaUVaBxzHEADmoGVQJITlo6LATKCjxhRADNHTUoKFFUQj1EXAMsYAdahZFIQRKkIeJrEoIhRAM2ALxEXJCiOQsS42iA5+DsqEFITHgP5GhAytcs0mNMkFofcVLo7b8Z2g9957YKOukoWNgFXQnsSEEajqcJ7E9Q0qiRo5mQyC+SCiEZpPbuCKjkTebUKKOAWJTMgz/T2LowIAp1E6sUcYF7UFI0rmz+hzaU/mGHmV1A+AYWFeqDj2ElKGNKNYB6tL/BpdPdj/uwkJo4gA6BtYdnzg6HDPqIGoAgAADABmmkr8noiXdAAAAAElFTkSuQmCC'); background-size: contain; background-repeat: no-repeat; padding: 2px 2px 2px 18px; } kendo-popup > .k-popup.k-list-container { height: 100%; } kendo-popup > .k-popup.k-list-container kendo-list .k-list-scroller{ max-height: 100% !important; } kendo-popup > .k-popup.k-list-container .k-list-filter + .k-list-optionlabel + kendo-list .k-list-scroller{ max-height: calc(100% - 73px) !important; } kendo-popup > .k-popup.k-list-container .k-list-filter + kendo-list .k-list-scroller{ max-height: calc(100% - 24px - 1.4285714286em) !important; } .qtyCartField input { box-sizing: border-box; padding: 5px; line-height: 20px; border: 0px; background: #EFEFEF; width: calc(100% - 40px) !important; text-align: center; } .qtyBox { display: flex; } .qtyCartField input + span.um, .qtyBox span.qtyButtons, .qtyBox input + span.qtyButtons + span.um { box-sizing: border-box; display: inline-block; background: #CCC; padding: 5px; line-height: 20px; } .qtyBox span.qtyButtons { cursor: pointer; cursor: hand; min-width: 30px; background: #0aa718; color: #FFF; font-size: 20px; text-align: center; } .qtyBox span.qtyButtons:hover, .qtyBox span.qtyButtons:focus, .qtyBox span.qtyButtons:active { background: #089114; } .qtyCartField .qtyBox input + span.qtyButtons + span.um { margin-left: 4px; margin-right: 4px; } document-new .qtyBox input { max-width: 60px; } .qtyCartField .qtyBox input { min-width: 55px; } dynamic-fields > div > kendo-sortable > div > div { margin-bottom: 5px; } dynamic-fields > div > kendo-sortable > div > div > div { padding: 5px 15px 20px !important; background: #00000009; margin-bottom: 20px !important; border: 1px solid #00000011; } dynamic-fields div.accordion { position: relative; } dynamic-fields div.accordion > span > a { padding: 8px 16px 7px; min-height: 21px; } dynamic-fields div.accordion > span > button { position: absolute; top: 0px; right: 0px; background-color: transparent !important; color: #3b7fc1 !important; box-shadow: none; } dynamic-fields div.accordion > span > button:hover, dynamic-fields div.accordion > span > button:focus, dynamic-fields div.accordion > span > button:active { background-color: #F00 !important; color: #FFF !important; } div[draggable="true"] { cursor: move !important; } .dnd-drag-start { -moz-transform:scale(0.8); -webkit-transform:scale(0.8); transform:scale(0.8); opacity:0.7; border: 2px dashed #000; } .dnd-drag-enter { opacity:0.7; border: 2px dashed #000; } .dnd-drag-over { border: 2px dashed #000; } .dnd-sortable-drag { -moz-transform:scale(0.9); -webkit-transform:scale(0.9); transform:scale(0.9); opacity:0.7; border: 1px dashed #000; } .enumList > a { cursor: pointer; cursor: hand; } .enumList > div:not(:first-child) { display: flex; margin-bottom: 2px; } .enumList > div:not(:first-child) input { background: #00000011; border: 0px; padding: 5px; width: 50%; } .enumList > div:not(:first-child) a { padding: 2px; line-height: 0px; color: #00000055; background: #00000033; } .enumList > div:not(:first-child) a:hover, .enumList > div:not(:first-child) a:focus, .enumList > div:not(:first-child) a:active { background: #F00; color: #FFF; cursor: pointer; cursor: hand; } .mailToWhenNoResults, .askInfoWhenNoResults { float: right; margin-top: -30px; } .mailToWhenNoResults a, .askInfoWhenNoResults a { display: block; color: #FFF; font-weight: normal; text-decoration: none; padding: 5px 15px; background: #ababab; cursor: pointer; cursor: hand; } .mailToWhenNoResults a:hover, .mailToWhenNoResults a:focus, .mailToWhenNoResults a:active, .askInfoWhenNoResults a:hover, .askInfoWhenNoResults a:focus, .askInfoWhenNoResults a:active { background: #000; } .fullWidthInput input { width: 100%; text-align: left; } .np-snackbar { transition: 0.4s; } .greenButton { background: #16a718 !important; color: #FFF !important; } config kendo-dialog input[type="text"], config kendo-dialog .mdl-textfield, config kendo-dialog .ng-star-inserted { box-sizing: border-box; width: 100% !important; } .newAdvSearchLine, .newAdvSearchLine ~ div:not(.btnFireAdvSearch) { margin-top: 8px !important; } .doubleItemsSearch .mailToWhenNoResults, .doubleItemsSearch .askInfoWhenNoResults { display: none; } .price-field { width: 70px; position: relative; } .price-field input { text-align: right; } .price-field:before { content: '€'; position: absolute; right: -12px; bottom: 22px; } .mdl-textfield + .price-field { margin-left: 20px; } subject-side-dashboard .k-content > div { width: 100%; } #user-image .userImage { position: relative; display: inline-block; border: 1px solid #CCC; margin-bottom: 20px; } #user-image .userImage i { position: absolute; top: -16px; right: -16px; background: #E00; box-shadow: 0px 0px 3px #000; color: #FFF; width: 32px; line-height: 32px; border-radius: 50px; text-align: center; cursor: pointer; cursor: hand; } #user-image .userImage img { max-height: 100px; } @media (max-width:768px){ .qtyCartField input { width: 100% !important; } .qtyCartField input + span { width: 100% !important; } } .highlightDate { position: relative; color: #00a1e8; } .highlightDate:after { position: absolute; bottom: -2px; left: 50%; width: 3px; height: 3px; margin-left: -1.5px; content: ''; border-radius: 50%; background-color: #00a1e8; } .k-state-selected .highlightDate { color: #fff; } .k-state-selected .highlightDate:after { background-color: #fff; } .OrderMessage { width: 100%; text-align: center; color: #0e8612; font-weight: 600; text-transform: uppercase; } .dialog-error + .k-content > .OrderMessage { color: #F00; } .SuccessIcon i { font-size: 84px; line-height: 42px; font-weight: 800; color: #0e8612; } .simple-description, .rich-editor-container { width: 100%; } .sendAppointmentMailToCustomer { background: #ffc108 !important; display: inline-block; margin-top: 20px; } .logos { display: flex; } .logos > span { margin: 0px 8px; } .actionTypeDescriptionContainer { text-align: center; } .actionTypeDescription { width: 100%; text-align: center; margin: 0px auto; } .actionTypeDescription > i { -ms-transform: translateY(6px); /* IE 9 */ -webkit-transform: translateY(6px); /* Safari */ transform: translateY(6px); } .actionTypeDescription > span { font-weight: bold; } .actionTypeDescription > div { display: inline-block; } .tire-choices-buttons { margin-top: 8px; } .tire-choices-buttons > button { margin: 0px; border-radius: 0px !important; } .tire-choices-buttons > button.k-button { background: #AAA !important; border-color: #AAA !important; } .tire-choices-buttons > button.k-button > nptext { margin-right: 25px; } .tire-choices-buttons > button.k-button.delete.active { background: #ff6358 !important; border-color: #ff6358 !important; } .actionTypeDescription .delete { color: #ff6358; } .tire-choices-buttons > button.k-button.add.active { background: #078612 !important; border-color: #078612 !important; } .actionTypeDescription .store { color: #078612; } .tire-choices-buttons > button.k-button.update.active { background: #04529c !important; border-color: #04529c !important; } .actionTypeDescription .home { color: #04529c; } .tire-choices-buttons > button:first-child { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; box-shadow: none; } .tire-choices-buttons > button:nth-child(2) { border-bottom-right-radius: 0px !important; box-shadow: none; } .tire-choices-buttons > button:last-child { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; box-shadow: none; } .actionTypeDescription i { -ms-transform: translateY(6px); /* IE 9 */ -webkit-transform: translateY(6px); /* Safari */ transform: translateY(6px); } version { display: block; text-align: right; font-size: 12px; color: #00000055; margin-top: 20px; } version > div { display: inline-block; } version > div:before { content: ' - '; margin-left: 4px; } version > div:first-child:before { content: ''; } .details-logo img { max-height: 48px; } custom-filter-fullscreen-selection { position: relative; } custom-filter-fullscreen-selection > i.material-icons { position: absolute; top: 6px; right: 3px; font-size: 18px; color: #FFFFFF55; } custom-filter-fullscreen-selection > input { cursor: pointer; cursor: hand; padding-right: 25px !important; font-size: 12px !important; line-height: 20px !important; } .fullscreenSelection { position: fixed; top: 64px; right: 0px; bottom: 0px; left: 240px; background: #0f417c; z-index: 9; padding: 20px; } .fullscreenSelection .fullscreenSelectionClose { position: absolute; top: 20px; right: 50px; cursor: pointer; cursor: hand; } .drawer-small .fullscreenSelection { left: 60px; } .fullscreenSelectionContent { display: flex; flex-direction: column; height: 100%; margin-right: 33px; } .fullscreenSelectionTitle { display: flex; padding-left: 8px; color: #ffc108; font-size: 20px; margin-right: 40px; } .fullscreenSelectionTitle > nptext { order: 1; } .fullscreenSelectionTitle > .filterSearch { order: 2; flex: 1; padding: 0px 10px; text-align: center; } .fullscreenSelectionTitle > .filterSearch input { max-width: 150px; padding: 6px 5px; } .fullscreenSelectionTitle > .applyFilter { order: 3; } .fullscreenSelectionList { flex: 1; overflow: auto; margin-top: 20px; } .fullscreenSelectionList ul { list-style-type: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; } .fullscreenSelectionList ul li { margin-left: 0px; width: 12%; } .fullscreenSelectionList ul li > div { border-radius: 5px; padding: 6px 5px; line-height: 15px; margin: 3px; font-size: 12px; text-transform: uppercase; cursor: pointer; cursor: hand; } .fullscreenSelectionList ul li > div:hover, .fullscreenSelectionList ul li > div:focus, .fullscreenSelectionList ul li > div:active { background: #00000022; } .fullscreenSelectionList ul li > div.active { background: #ffc108; color: #000; } .fullscreenSelectionList ul li > div.hided { color: #FFFFFF33; } checklist .checklistRowContent { display: flex; } checklist .checklistRowContent > span:last-child { order: 1; flex: 1; padding-top: 5px; } checklist .checklistRowContent .editValue { order: 2; margin-right: 30px; display: flex; align-items: center; } checklist .checklistRowContent .editValue input { padding: 8px; max-width: 100px; } checklist .checklistRowContent .editValue > span.symbol { background: #CCC; width: 30px; line-height: 35px; font-size: 18px; color: #00000077; text-align: center; } checklist .checklistRowContent .delete { order: 3; -ms-transform: translateY(2px); /* IE 9 */ -webkit-transform: translateY(2px); /* Safari */ transform: translateY(2px); cursor: pointer; cursor: hand; } checklist .checklistRowContent .delete:hover, checklist .checklistRowContent .delete:focus, checklist .checklistRowContent .delete:active { color: #F00; } .tires_container.readonly .TireAnalysisType button { cursor: default; } .onlyprint .TireAnalysisType { display: none; } .TireAnalysisType { display: flex; /* margin: -30px -30px 20px -30px; */ position: absolute; top: 50px; left: 0px; right: 0px; } .TireAnalysisType button { margin: 0px; font-size: 12px; background: #EFEFEF !important; color: #AAA !important; flex-grow: 1; border-radius: 0px !important; box-shadow: none; } .tires_container:not(.readonly) .TireAnalysisType button:not(.active):hover, .tires_container:not(.readonly) .TireAnalysisType button:not(.active):focus, .tires_container:not(.readonly) .TireAnalysisType button:not(.active):active { background: #CCC !important; color: #000 !important; } .TireAnalysisType button > .material-icons { margin-right: 4px; } .TireAnalysisType button.active { background: #ffc107 !important; color: #000 !important; } .stats-years { display: flex; width: 100%; margin: 6px; } .stats-years > div { background: #00000011; color: #000; padding: 10px 20px; margin-right: 10px; cursor: pointer; cursor: hand; } .stats-years > div:hover, .stats-years > div:focus, .stats-years > div:active { background: #00000022; } .stats-years > div.active { background: #ffc107; } .hiddenImage img { cursor: pointer; cursor: hand; } .hiddenImagePreview { position: absolute; z-index: 9; width: 200px; border: 1px solid #00000022; box-shadow: 0px 0px 10px #00000033; background: #FFF; padding: 0px 20px 5px 20px; text-align: center; } .hiddenImagePreview img { max-width: 100%; max-height: 200px; } header .languages ul { display: flex; list-style-type: none; } header .languages ul li { margin-right: 20px; cursor: pointer; cursor: hand; } header .languages ul li > span:last-child { display: none; } login-authentication .languages ul { display: flex; list-style-type: none; align-items: right; text-align: right; margin: 0px; padding: 0px; justify-content: flex-end; } login-authentication .languages ul li { margin-left: 6px; cursor: pointer; cursor: hand; } login-authentication .languages ul li span:last-child { display: none; } .SuperCustomerData { display: none !important; } .showOtherButton { background: #ffc108; padding: 8px 12px; font-size: 16px; font-weight: 600; cursor: pointer; cursor: hand; display: flex; } .showOtherButton:hover, .showOtherButton:focus, .showOtherButton:active { background: #ecb309; } .k-button.approve-button { background-color:rgb(0, 168, 65) !important; border-color: rgb(0, 168, 65) !important; } .k-button.k-button.unapprove-button { background-color:#ff0000 !important; border-color: #FF0000 !important; } .k-button.k-button.unapprove-button:hover { background-color:#bb0303 !important; border-color: #bb0303 !important; } @media only print { version { display: none; } } /*Nel caso di anteprima cliente del documento confermato mostro solo l'ultima pagina*/ /*app-root > document-completed table[dataestimatephase="2"] document-products-details,*/ app-root > document-completed table[dataestimatephase="2"] document-overview[section="estimates"] { display: none !important; } .btn-clear-fields { float: right; margin: 0px 3px 10px 0px; } .mailRow:not(:first-child) > div { margin-top: -10px; } .mailRow > div { width: 100%; } .mailRow .richEditor { background: #FFF; } .mailRow .cke_top { background: #f5f5f5; } np-email > div { display: inline-block; width: 100%; padding-bottom: 50px; } .mailSendingArea { position: fixed; bottom: 0px; left: 0px; right: 0px; background: #EEE; box-shadow: 0px 0px 10px #00000077; padding: 15px; } .mailSendingArea button { margin: 0px; margin-right: 40px !important; } .mailSendingArea .sending { text-align: right; margin: 5px 40px; } .mailStatus { overflow: visible !important; } .mailStatus * { font-weight: 800; } .Sent { color: #22b50a; } .Error { color: #F00; } .WaitingToBeSent { color: #f1ac06; } email-queue .k-grid colgroup col:last-child { width: 120px !important; } email-queue .mailSending .sendNow, email-queue .mailSent .sendNow { display: none; } .mailPreviewRow > span:first-child { display: inline-block; font-weight: bold; min-width: 80px; } .mailPreviewRow > span:first-child:after { content: ': '; } .mailPreviewRow:last-child > span { display: block; border-top: 1px solid #CCC; margin: 10px 0px; padding: 10px 0px; } .mailPreviewRow:last-child > span:first-child { display: none; } .editTextContainer { display: flex; flex-direction: column; } .editTextContainer > * { width: 100%; } .text-editor-container { position: relative; } .text-editor-container > label { display: block; width: 100%; } .text-editor-container > label > span { display: block; } .text-editor-container > label > input { margin-top: 10px; } .text-editor-container .textVersion { border-bottom: 1px solid #CCC; text-align: right; position: absolute; top: -10px; left: 0px; right: 0px; z-index: 99999; } .text-editor-container .textVersion > div { background: #00000033; padding: 5px 20px; margin-left: 5px; display: inline-block; } .text-editor-container .richEditorToolbar .cke_top { background: #00000011; } .text-editor-container .textVersion > div.active { background: #0aa718; color: #FFF; } /* 1/5th mdl-grid width */ @media (max-width:479px){ .mdl-cell--2-4-col, .mdl-cell--2-4-col-phone.mdl-cell--2-4-col-phone { width: calc(50% - 16px) } .mdl-grid--no-spacing>.mdl-cell--2-4-col, .mdl-grid--no-spacing>.mdl-cell--2-4-col-phone.mdl-cell--2-4-col-phone { width: 50% } } @media (min-width:480px) and (max-width:839px){ .mdl-cell--2-4-col, .mdl-cell--2-4-col-tablet.mdl-cell--2-4-col-tablet { width: calc(25% - 16px) } .mdl-grid--no-spacing>.mdl-cell--2-4-col, .mdl-grid--no-spacing>.mdl-cell--2-4-col-tablet.mdl-cell--2-4-col-tablet { width: 25% } } @media (min-width:840px){ .mdl-cell--2-4-col, .mdl-cell--2-4-col-desktop.mdl-cell--2-4-col-desktop { width: calc(20% - 16px) } .mdl-grid--no-spacing>.mdl-cell--2-4-col, .mdl-grid--no-spacing>.mdl-cell--2-4-col-desktop.mdl-cell--2-4-col-desktop { width: 20% } } @media only print { .tire-index, .tire-index:first-letter, .tire-index .decibel { color: #f07e26 !important; } .wear_boxes { display: flex; margin-bottom: 5px; } .notes_dropdown + div textarea { height: 180px !important; } } np-image-box { margin-bottom: 10px; } .fileType { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; } .fileType > span { display: block; background: #ff6358; color: #FFF; margin: 10px; border-radius: 5px; } np-image-box img { cursor: pointer; cursor: hand; } file-manager { display: block; width: 100%; } file-manager .fileManagerSectionTitle { background: #04529c; color: #FFF; display: flex; align-items: center; margin-bottom: 10px; } file-manager .fileManagerSectionTitle > div:first-child { flex: 1; } file-manager .fileManagerSectionTitle kendo-upload { background: transparent; border: 0px; padding: 0px 0px; color: #FFF; } file-manager .fileManagerSectionTitle kendo-upload > div > div.k-button { margin: 0px; background: #0aa718; color: #FFF; margin-right: 5px; order: 2; } file-manager .fileManagerSectionTitle kendo-upload > div > div.k-button:before { font-family: WebComponentsIcons; content: '\e907'; margin-right: 5px; } file-manager .fileManagerSectionTitle kendo-upload > div > div.k-button:hover, file-manager .fileManagerSectionTitle kendo-upload > div > div.k-button:focus, file-manager .fileManagerSectionTitle kendo-upload > div > div.k-button:active { background: #078612; } file-manager .fileManagerSectionTitle kendo-upload > div.k-dropzone .k-dropzone-hint { background: transparent !important; padding: 3px 8px; margin-right: 2px; border: 2px dashed #FFFFFF55; } file-manager .fileManagerSectionTitle .k-upload-files { position: absolute; left: 0px; right: 0px; z-index: 9; } file-manager .fileManagerSectionTitle > div:first-child { display: flex; align-items: center; } file-manager .fileManagerSectionTitle > div:first-child > div:before, file-manager .fileManagerSectionTitle > div:first-child > div:after { content: '"'; display: inline; } file-manager .fileManagerSectionTitle > div:first-child > nptext { display: block; padding: 7px 10px; } file-manager .fileManagerFilesTitle > nptext:after { content: ':'; } file-manager .fileManagerSubFoldersTitle > *:nth-child(1) { flex: 1; padding-left: 10px; } file-manager .fileManagerSectionTitle > .folderButtons, file-manager .fileManagerSectionTitle > .fileButtons { display: flex; align-items: center; } file-manager .fileManagerSectionTitle > .fileButtons > div, file-manager .fileManagerSectionTitle > .folderButtons > div { margin: 0px; padding: 5px; cursor: pointer; cursor: hand; } file-manager .fileManagerSectionTitle > .folderButtons > div:hover, file-manager .fileManagerSectionTitle > .folderButtons > div:focus, file-manager .fileManagerSectionTitle > .folderButtons > div:active, file-manager .fileManagerSectionTitle > .fileButtons > div:hover, file-manager .fileManagerSectionTitle > .fileButtons > div:focus, file-manager .fileManagerSectionTitle > .fileButtons > div:active { background: #00000033; } file-manager .fileManagerSectionTitle > .folderButtons > div i, file-manager .fileManagerSectionTitle > .fileButtons > div i { display: block; } file-manager folders ul { list-style-type: none; padding: 0px; margin: 0px 0px; } file-manager folders ul li { padding: 0px 10px; cursor: pointer; cursor: hand; } file-manager folders ul li > div:hover, file-manager folders ul li > div:focus, file-manager folders ul li > div:active { background: #00000022; } file-manager folders ul li > div { display: flex; } file-manager folders ul li > div > i { color: #e3c000; } file-manager folders ul li.selected { font-weight: bold; } file-manager folders ul li > div > span { padding-top: 2px; margin-left: 2px; } file-manager .fileList ul { display: flex; flex-wrap: wrap; list-style-type: none; margin: 0px; padding: 0px; } file-manager .fileList ul > li { margin: 5px; width: 150px; cursor: pointer; cursor: hand; } file-manager .fileList ul > li:hover, file-manager .fileList ul > li:focus, file-manager .fileList ul > li:active { box-shadow: 0px 0px 4px #00000077; } file-manager .fileList ul > li .preview { display: flex; width: 150px; height: 150px; background-color: #00000033; background-size: cover; overflow: hidden; align-items: center; text-align: center; } file-manager .fileList ul > li .preview > span { display: flex; min-width: 2000px; -webkit-transform: translateX(calc(-1000px + 75px)); transform: translateX(calc(-1000px + 75px)); height: 100%; align-items: center; text-align: center; } file-manager .fileList ul > li .preview > span img { height: auto; max-height: 100%; margin: 0px auto; display: none; } file-manager .fileList ul > li .preview > span[dataextension=".gif"] img, file-manager .fileList ul > li .preview > span[dataextension=".jpg"] img, file-manager .fileList ul > li .preview > span[dataextension=".jpeg"] img, file-manager .fileList ul > li .preview > span[dataextension=".png"] img { display: block; } file-manager .fileList ul > li .preview > span > span.extension { position: absolute; left: calc(50% - 25px); width: 50px; background: #F00; color: #FFF; padding: 5px 0px; border-radius: 5px; text-transform: uppercase; } file-manager .fileList ul > li .preview > span[dataextension=".gif"] > span.extension, file-manager .fileList ul > li .preview > span[dataextension=".jpg"] > span.extension, file-manager .fileList ul > li .preview > span[dataextension=".jpeg"] > span.extension, file-manager .fileList ul > li .preview > span[dataextension=".png"] > span.extension { display: none; } file-manager .fileList ul > li > span:last-child { display: block; padding: 8px; background: #00000022; font-size: 11px; line-height: 14px; } file-manager .fileList ul > li > span:last-child > span { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; box-sizing: border-box; } file-manager .fileList ul > li > span:last-child > span:first-child { font-weight: bold; } file-manager .fileList ul > li:hover > span:last-child { background: #e3c000; } .fileBrowserDialog .k-window { z-index: 9999999999 !important; transform: translate(-50%,calc(-50% + 0px)) !important; /* 32 px is half the header size*/ width: 90%; } .k-dialog-titlebar.dialog-info { background: #34a2e1; } .mdl-tabs__tab-bar > .resellerEstimateMode { float: right; } .mdl-tabs__tab-bar > .resellerEstimateMode > nptext { margin-right: 5px; } .mdl-tabs__tab-bar > .resellerEstimateMode .showEstimateButton { margin-left: 20px; } reseller-estimate-for-customer > div > div.refc { width: 700px; min-height: 842px; padding: 10px; box-sizing: border-box; margin: 0px auto; box-shadow: 0px 0px 5px #00000033; background: #FFF; } reseller-estimate-for-customer > div > div.refc > .refc-top { display: flex; align-items: center; margin-bottom: 20px; } reseller-estimate-for-customer > div > div.refc > .refc-top > .refc-logo { margin-right: 50px; flex: 1; } reseller-estimate-for-customer > div > div.refc > .refc-top > .refc-logo img { max-height: 50px; max-width: 300px; } reseller-estimate-for-customer > div > div.refc > .refc-top > .refc-title { min-width: 50%; background: #00000022; text-align: center; padding: 10px; } reseller-estimate-for-customer > div > div.refc > .refc-top > .refc-title .refc-title-main { text-transform: uppercase; font-size: 24px; margin-bottom: 2px; } reseller-estimate-for-customer > div > div.refc > .refc-subject-data > div { display: flex; } reseller-estimate-for-customer > div > div.refc > .refc-subject-data > .subjectName { font-weight: bold; } reseller-estimate-for-customer > div > div.refc > .refc-subject-data > div > .material-icons { font-size: 16px; margin-right: 4px; } reseller-estimate-for-customer > div > div.refc > .refc-estimate-row { margin-top: 40px; } reseller-estimate-for-customer > div > div.refc > .refc-estimate-row > table { width: 100%; } reseller-estimate-for-customer > div > div.refc > .refc-estimate-row > table > thead > tr > td { font-weight: bold; } reseller-estimate-for-customer > div > div.refc > .refc-estimate-row > table > thead > tr { background: #000; color: #FFF; } reseller-estimate-for-customer > div > div.refc > .refc-estimate-row > table > tbody > tr > td .fullDesc > div:first-child { font-weight: bold; } reseller-estimate-for-customer > div > div.refc > .refc-estimate-row > table > tbody > tr > td .fullDesc > div:last-child { display: flex; } reseller-estimate-for-customer > div > div.refc > .refc-estimate-row > table > tbody > tr > td .fullDesc > div:last-child span { white-space: nowrap; margin-right: 30px; font-weight: bold; } reseller-estimate-for-customer > div > div.refc > .refc-estimate-row > table > tbody > tr > td .fullDesc > div:last-child span img { margin-right: 3px; } reseller-estimate-for-customer > div > div.refc > .refc-estimate-row > table > tbody > tr > td .fullDesc > div:last-child span br { display: none; } reseller-estimate-for-customer > div > div.refc > .refc-estimate-row > table { border-spacing: 0px; } reseller-estimate-for-customer > div > div.refc > .refc-estimate-row > table td { padding: 5px 10px; border-bottom: 1px solid #CCC; } reseller-estimate-for-customer > div > div.refc > .refc-estimate-row > table tbody td img { max-width: 80px !important; } reseller-estimate-for-customer > div > div.refc > .refc-estimate-row > table > tfoot td { text-align: right; font-weight: bold; } reseller-estimate-for-customer > div > div.refc-buttons { margin: 0px auto 20px auto; text-align: center; } reseller-estimate-for-customer > div > div.refc-buttons ul { margin: 0px; padding: 0px; } reseller-estimate-for-customer > div > div.refc-buttons li.btn-back { background: #EFEFEF; } reseller-estimate-for-customer > div > div.refc-buttons li.btn-hide-prices { background: #ffc107; } reseller-estimate-for-customer > div > div.refc-buttons li.btn-print { background: #fdf015; } reseller-estimate-for-customer > div > div.refc-buttons li.btn-back:hover, reseller-estimate-for-customer > div > div.refc-buttons li.btn-back:focus, reseller-estimate-for-customer > div > div.refc-buttons li.btn-back:active { background: #dbdbdb; } reseller-estimate-for-customer > div > div.refc-buttons li.btn-hide-prices:hover, reseller-estimate-for-customer > div > div.refc-buttons li.btn-hide-prices:focus, reseller-estimate-for-customer > div > div.refc-buttons li.btn-hide-prices:active { background: #f9af21; } reseller-estimate-for-customer > div > div.refc-buttons li.btn-print:hover, reseller-estimate-for-customer > div > div.refc-buttons li.btn-print:focus, reseller-estimate-for-customer > div > div.refc-buttons li.btn-print:active { background: #ffe406; } reseller-estimate-for-customer > div > div.refc-buttons li i { margin-right: 5px; } @media print { reseller-estimate-for-customer > div > div.refc-buttons { display: none; } reseller-estimate-for-customer > div > div.refc { width: 100%; } reseller-estimate-for-customer > div > div.refc > .refc-estimate-row > table > thead > tr { background: transparent; color: #000; } reseller-estimate-for-customer > div > div.refc > .refc-top > .refc-title { border: 1px solid; } .dayVisualMode * { font-size: 18px; line-height: 24px; } .dayVisualMode .appsContainer > div.appList { width: 100%; } } .tire-footer { display: flex; width: 100%; align-items: stretch; } .tire-footer > div > div { height: 100%; box-sizing: border-box; } .printable_worksheet .levels_checks > div > div.flex { flex-wrap: wrap; } .printable_worksheet .levels_checks > div > div.flex > div { width: 40%; margin-right: 10%; } .printable_worksheet .levels_checks > div > div.flex > div > div.flex { align-items: center; margin-bottom: 15px; line-height: 14px; } .printable_worksheet .levels_checks > div > div.flex > div > div.flex > span:first-child { flex: 1; } .checks_list > div > span { line-height: 14px !important; } .confirmAppointmentButton { float: right; } .appointmentConfirmationText { font-weight: bold; font-size: 18px; color: #16a718; } .responseMessagesList { width: 100%; border-spacing: 0px; border-collapse: separate; border-bottom: 1px solid #00000033; } .responseMessagesList thead tr { background: #ff6358; color: #FFF; line-height: 12px; } .responseMessagesList thead tr th, .responseMessagesList tbody tr td { padding: 5px; text-align: left; } .responseMessagesList tbody tr td { vertical-align: top; } .responseMessagesList tbody tr:nth-child(even) { background: #00000011; } .responseMessagesList tbody tr td:nth-child(1) { font-weight: bold; color: #ff6358; } .weightField { margin-left: 30px; } plugin-search-articles-automotive .k-grid-content { overflow: unset; } plugin-search-articles-automotive .k-grid-header colgroup col:nth-last-child(2), plugin-search-articles-automotive .k-grid-table colgroup col:nth-last-child(2) { width: 120px !important; } plugin-search-articles-automotive .k-grid-header colgroup col:last-child, plugin-search-articles-automotive .k-grid-table colgroup col:last-child { width: 60px !important; } @media screen and (min-width:1681px){ plugin-search-articles-automotive .k-grid-header colgroup col:nth-last-child(2), plugin-search-articles-automotive .k-grid-table colgroup col:nth-last-child(2) { width: 100px !important; } plugin-search-articles-automotive .k-grid-header colgroup col:last-child, plugin-search-articles-automotive .k-grid-table colgroup col:last-child { width: 50px !important; } } @media screen and (min-width:2281px){ plugin-search-articles-automotive .k-grid-header colgroup col:nth-last-child(2), plugin-search-articles-automotive .k-grid-table colgroup col:nth-last-child(2) { width: 70px !important; } plugin-search-articles-automotive .k-grid-header colgroup col:last-child, plugin-search-articles-automotive .k-grid-table colgroup col:last-child { width: 40px !important; } } plugin-search-articles-automotive .mdl-tabs > div > a { display: flex; align-items: center !important; } plugin-search-articles-automotive .mdl-tabs > div > a img { max-height: 16px; } .mechanicItemsTab { display: inline-block; padding: 0px !important; height: auto; overflow: visible; } .mechanicItemsTab > span { display: block; padding: 7px 24px !important; overflow: hidden; } .k-button.excel { background: #12ac12; color: #FFF; } .k-button.excel:hover, .k-button.excel:focus, .k-button.excel:active { background: #0d910d; color: #FFF; } visits .k-grid tbody tr:hover, visits .k-grid tbody tr:focus, visits .k-grid tbody tr:active { background: #00000022; cursor: pointer; cursor: hand; } visits .k-grid tbody tr td { padding: 10px; } visits .k-grid tbody tr td:first-child { font-weight: 600; color: #000; } .JSONObject { margin: 0px; padding: 0px; list-style-type: none; display: flex; flex-wrap: wrap; } .JSONObject li { margin-right: 10px; } .JSONObject li:not(:last-child):after { content: ' | '; font-weight: 800; margin-left: 5px; } .JSONObject li > span:first-child { font-weight: bold; } .JSONObject li > span:first-child:after { content: ': '; } .selectedSubjectDocumentHistory > div { display: flex; flex-direction: column; margin-bottom: 10px; } .selectedSubjectDocumentHistory > div > span:first-child { font-weight: 600; } .selectedSubjectDocumentHistory > div table { border-spacing: 0px; border-collapse: separate; margin-top: 5px; } .selectedSubjectDocumentHistory > div table thead tr { background: #00000033; } .selectedSubjectDocumentHistory > div table thead tr th, .selectedSubjectDocumentHistory > div table tbody tr td { padding: 5px; } .selectedSubjectDocumentHistory > div table tbody tr:nth-child(even) { background: #00000011; } .selectedSubjectDocumentHistory > div table tbody tr td input { text-align: center; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; width: 50px; } button.btn-success { background: #16a718 !important; color: #FFF !important; } button.btn-success:hover, button.btn-success:focus, button.btn-success:active { background: #109412 !important; } #ddlHour, #ddlMinute, #timeType { color: #555; } .dueDateRow, .reminderRow { padding-left: 0px; margin-left: -8px; } .reminderRow > div:first-child input { margin-top: 3px; } .btn-reminder { margin-left: 0px; margin-top: 20px; background: #0000000A; } header .k-notification-group { top: 80px !important; right: 30px !important; max-height: auto !important; width: 400px; } .headerNotification { box-shadow: -2px 2px 5px #000 !important; margin-bottom: 5px; } .headerNotification > .k-notification-wrap { display: flex !important; white-space: normal; line-height: 14px; } .k-icon.k-i-close { color: #FFF; cursor: pointer; cursor: hand; } .tireStockPosition { position: relative; margin: 20px auto; width: 200px; background: #078612; color: #FFF; padding: 20px; padding-top: 10px; } .tireStockPosition:before { content: ''; position: absolute; top: -5px; left: calc(50% - 10px); width: 10px; height: 10px; background: #078612; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } .tireStockPosition > div:first-child { margin-bottom: 10px; } .tireStockPosition kendo-datepicker { display: block; width: 100%; } .StockPositionCodeDescriptor { display: block !important; } .paymentType { text-align: center; } .paymentType .mdl-cell > div { margin: 20px; padding: 20px; border-radius: 0px; cursor: pointer; cursor: hand; opacity: 0.6; text-transform: uppercase; font-size: 14px; font-weight: 600; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .paymentType .mdl-cell > div.active { background: #ffc107 !important; color: #033f77 !important; opacity: 1; } .paymentType .mdl-cell > div.active i { display: none; } .paymentType .mdl-cell > div.active i.done { display: block; } .paymentType .mdl-cell > div:hover { background: #00000011; opacity: 1; } .paymentType .mdl-cell > div i { display: block; font-size: 48px; } .paymentType .mdl-cell > div i.done { display: none; } .paymentType .mdl-cell > div.paymentType_cashReceipt { color: #14be4b; } .paymentType .mdl-cell > div.paymentType_cashReceipt.active { background: #14be4b !important; color: #FFF !important; } .paymentType .mdl-cell > div.paymentType_taxReceipt { color: #14b4be; } .paymentType .mdl-cell > div.paymentType_taxReceipt.active { background: #14b4be !important; color: #FFF !important; } .paymentType .mdl-cell > div.paymentType_invoice { color: #e37e0f; } .paymentType .mdl-cell > div.paymentType_invoice.active { background: #e37e0f !important; color: #FFF !important; } #company-working-hours > div { padding-right: 20px; } .todayAppointmentGrid tbody tr:hover { background: #ffc108; color: #000; cursor: pointer; cursor: hand; } .todayAppointmentGrid tbody tr:hover div { background-color: transparent !important; } .k-button.k-primary.btnStockPosition { background-color: #03519c !important; border-color: #03519c !important; } .k-button.k-primary.btnDepartment { background-color: #ffc108 !important; border-color: #ffc108 !important; color: #000 !important; } .k-button.k-primary.btnStockPosition:hover, .k-button.k-primary.btnStockPosition:focus, .k-button.k-primary.btnStockPosition:active { background-color: #023f79 !important; border-color: #023f79 !important; } .k-button.k-primary.btnDepartment:hover, .k-button.k-primary.btnDepartment:focus, .k-button.k-primary.btnDepartment:active { background-color: #e8af07 !important; border-color: #e8af07 !important; color: #000 !important; } np-details-editor .seqField, np-details-editor .colorField { width: 50px; margin-left: 30px !important; } .video_table td button { position: static !important; } .videoList, .videoList a { display: flex !important; align-items: center; } .videoList a { margin-right: 30px; color: #03519c; } .videoList a, .videoList a *, .videoList a i { text-decoration: none !important; cursor: pointer; cursor: hand; } .videoList a:hover > nptext { text-decoration: underline !important; } qr-code > div { max-width: 128px !important; display: flex; flex-direction: column; background: #ffc108; padding: 8px; } qr-code > div qrcode > img { width: 100% !important; } .canAddNewApp .agenda-app-empty:hover { background: #ffc107 url(/assets/images/agenda-row.png) bottom left; /*background-color: #ffc107;*/ cursor: pointer; cursor: hand; } .strikeout { text-decoration: line-through; } plugin-subject-details-automotive .npDialog .k-dialog { margin-top: 0px !important; } .indipendentFieldRow { display: flex; align-items: center; margin-bottom: 10px; } .indipendentFieldRow .symbol { background: #EFEFEF; padding: 6px; width: 20px; text-align: center; margin-right: 10px; } .indipendentFieldRow > div { margin-right: 1px; } .allItemsVisibile { background: #16a718; color: #FFF !important; } .allItemsVisibile:hover { background: #118f13; color: #FFF !important; } .allItemsNotVisibile { background: #F00; color: #FFF !important; } .allItemsNotVisibile:hover { background: #C00; color: #FFF !important; } item-price-margin .price-margin-editor { width: 600px; } .printable_worksheet main .compact-table tbody tr td { font-style: normal !important; } .printable_worksheet main .compact-table tbody tr td:first-child > div:first-child { text-transform: uppercase; font-size: 18px; } .printable_worksheet main .compact-table tbody tr:last-child td:first-child { text-transform: uppercase; text-align: right !important; } .printable_worksheet main .compact-table tbody tr td:last-child { font-size: 20px; } .tireExtendedName { text-align: center; font-weight: 800; font-size: 16px; } .tireExtendedName img { max-height: 24px; margin-left: 10px; } .print_tire_container { position: relative !important; } .tirePositionType { top: -20px !important; white-space: nowrap; font-weight: 300 !important; } .tire-detail > td { padding-top: 20px !important; } section.suggestedItems > div.main-title-alt, section.advices > div.main-title-alt { text-transform: uppercase; padding-top: 20px; } section.suggestedItems > div:not(.main-title-alt), section.advices > div:not(.main-title-alt) { background:#e8ebf3 !important; padding: 20px; padding-bottom: 1px; margin-bottom: 15px !important; } section.advices > div > div:first-child { text-transform: uppercase; font-weight: 800; } section.suggestedItems > div:not(:first-child) { display: flex; padding: 10px 20px !important; text-transform: uppercase; font-weight: 800; } section.suggestedItems > div > div:first-child { flex: 1; } section.suggestedItems > div:last-child > div:first-child { text-align: right; padding-right: 50px; } @media print { .mdl-layout__container { position: static !important; height: auto !important; } .newPage { display: flex; flex-direction: column; page-break-before: always; } .StockPositionCodeDescriptor.noprint { display: none !important; } } .Privacy, .privacyNotice { background: #dae3f3 !important; padding: 15px; } .Privacy, .privacyNotice { flex-direction: column; } .Privacy > div:first-child, .privacyNotice > div > div:first-child { font-size: 18px !important; text-transform: uppercase; font-weight: 800; } .Privacy > div:nth-child(2) > :last-child { display: block; font-size: 16px !important; margin-bottom: 20px; } .Privacy > div:nth-child(2) > div:first-child > div:last-child { display: flex; align-items: center; margin-top: -14px; } .Privacy > div:nth-child(2) > div:first-child, .privacyNotice > div > div:first-child .hotelRulesTitle { float: right; text-transform: none !important; font-weight: 400; font-style: italic; } .Privacy > div:nth-child(3) * { color: #000 !important; } .signature { } .signatureLine { height: 24px; border-bottom: 1px solid #333; width: 400px; margin: 30px 50px 30px auto; } .Privacy { margin-top: 50px; } .privacyConfirmCheck { display: flex; align-items: right !important; justify-content: center; margin-top: 20px; } .Privacy > div:first-child, .newPage .hotelRulesTitle { font-size: 24px !important; font-weight: 600 !important; margin-bottom: 8px; line-height: 24px; } .privacyConfirmCheck > div:first-child { flex: 1; text-align: right; } .privacyConfirmCheck > div { margin-left: 100px; } .privacyConfirmCheck > div > div { display: inline-block; } .privacyConfirmCheck > div > div:last-child { border: 2px solid; width: 16px; height: 16px; margin: 0px 0px 0px 10px; -ms-transform: translateY(5px); /* IE 9 */ -webkit-transform: translateY(5px); /* Safari */ transform: translateY(5px); } .printable_worksheet *:first-letter { color: #04529c !important; } .printable_worksheet .privacyUnsubscribe { display: flex; } .printable_worksheet .privacyUnsubscribe *:first-letter, .printable_worksheet > main .privacyUnsubscribe * { color: #F00 !important; font-style: italic !important; } .promo { border-top: 1px solid #04529c; margin-top: 20px; padding-top: 30px; } .promo .promoTitle { font-size: 24px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; } .promo > div:last-child { display: flex; } .promo > div:last-child > div:last-child { flex: 1; } .promo > div:last-child > div:first-child { margin-right: 40px; } .promo > div:last-child > div:last-child > div:first-child { font-size: 18px; text-transform: uppercase; font-weight: 600; } .promoButtonContainer { position: relative; } .removePromoButton { display: inline-block; line-height: 28px; z-index: 99999; background: #00000022; padding: 0px 15px; cursor: pointer; cursor: hand; margin-top: 20px; } .removePromoButton:hover { background: #00000033; } /* .AddPromoButton.selected { background: #13be4b; color: #FFF; } */ .AddPromoButton:hover, .btnAddServicesOrProducts:hover { background: #f2b500 !important; } .suggestedItems .card-content { margin: -2px !important; } .suggestedItems table { width: 100%; } .suggestedItems table thead tr { background: #c8dff4; } .suggestedItems table thead tr th { font-weight: 400; } .suggestedItems table thead tr th, .suggestedItems table tbody tr td, .suggestedItems table tfoot tr td { padding: 5px 10px; font-size: 14px; } .suggestedItems table tfoot tr td[colspan="3"] { background: #FFF; color: #00000077; font-size: 12px; text-transform: uppercase; font-weight: 600; } .suggestedItems table tbody tr td:nth-child(2), .suggestedItems table tfoot tr td:nth-child(2) { text-align: right; width: 120px; } .suggestedItems table tbody tr:nth-child(even) { background: #00000011; } .suggestedItems table thead tr th:first-child { text-align: left; } .suggestedItems table tfoot tr { background: #c8dff4; } .suggestedItems table tfoot tr td kendo-combobox, .suggestedItems table tfoot tr td kendo-numerictextbox { width: 100%; border: 1px solid #033f761c; } .suggestedItems table tfoot tr td kendo-numerictextbox INPUT { text-align: right; } .suggestedItems table tbody tr td:last-child, .suggestedItems table tfoot tr td:last-child { text-align: center; } .worksheetCompletedDescription { text-align: center; margin: 50px; } .worksheetCompletedDescription b { color: #16a718; text-transform: uppercase; font-size: 24px; } .worksheetCompletedPrintButton { text-align: center; margin: 0px auto 100px auto; } .privacySubtitle > div:first-child > div:last-child { display: flex; align-items: center; margin-top: -15px; } .newPage .hotelRulesTitle { margin: 80px 0px 50px 0px; text-align: center; text-transform: uppercase; } .hotelRulesDescription li { margin-bottom: 25px; } .printable_worksheet .head-title { text-transform: uppercase; } .selectedPromo { text-align: center; padding: 30px 0px 20px 0px; } .selectedPromo > div:nth-child(2) { font-weight: 800; color: #13be4b; } .noPromoSelected { text-align: center; padding: 30px 0px 20px 0px; font-style: italic; font-size: 14px; } plugin-multicart-automotive + div.sb-button { width: 100%; margin-top: 30px; } .btn-open-calendar { margin: 0px auto; background: #13be4b !important; padding: 20px !important; } .chooseRunType { padding: 20px; box-sizing: border-box; } .chooseRunTypeButtons button { padding: 10px 20px; } .chooseRunTypeButtons button:active, .chooseRunTypeButtons button.selected { background: #16a718 !important; color: #FFF; } .choosedRunTypeDescription { font-style: italic; margin-top: 8px; font-size: 12px; } .platesList, .tireStateList { margin: 22px; } .platesList button:active, .platesList button.selected, .tireStateList button:active, .tireStateList button.selected { background: #ffc106 !important; color: #000; } .mdl-switch.is-checked .mdl-switch__track { background: #b8dea6; } .mdl-switch.is-checked .mdl-switch__thumb, .mdl-switch__ripple-container .mdl-ripple { background: #44b60d; } .main-grid[data-status="WS2"] { display: flex !important; } .main-grid[data-status="WS2"] .jobsList { order: 9; } .main-grid[data-status="WS2"] .buttonsList { order: 10; margin-top: 20px !important; } .worksheetSubjectDetails .btn-save { display: none; } .CustomerCategory { float: right; -ms-transform: translateY(50px); /* IE 9 */ -webkit-transform: translateY(50px); /* Safari */ transform: translateY(50px); } .CustomerCategory .k-state-active { border-bottom: 0px; padding-top: 2px !important; margin-bottom: -1px; } .CustomerCategory .k-state-active:hover, .CustomerCategory button:active, .CustomerCategory .k-state-active { background: #16a718 !important; } .newStockPositionCode { display: flex; align-items: baseline; } .newStockPositionCode > div:first-child { width: auto; } .newStockPositionCode > div:first-child input { border-color: #00000033; } .newStockPositionCode > div:last-child { background: #11a42c; color: #FFF; padding: 0px 15px; line-height: 32px; cursor: pointer; cursor: hand; } .newStockPositionCode > div:last-child:hover, .newStockPositionCode > div:last-child:focus, .newStockPositionCode > div:last-child:active { background: #0c8d24; } app-stock-position kendo-dialog ul li span span { background: #F00; color: #FFF; padding: 5px 10px 4px; font-size: 12px; margin-left: 10px; cursor: pointer; cursor: hand; float: right; margin: -5px; border-bottom: 1px solid #00000022; } app-stock-position kendo-dialog ul li span span:hover, app-stock-position kendo-dialog ul li span span:focus, app-stock-position kendo-dialog ul li span span:active { background: #C00; } app-stock-position kendo-dialog ul { list-style-type: none; margin: 0px; padding: 0px; border: 1px solid #00000033; } app-stock-position kendo-dialog ul li { padding: 5px; } app-stock-position kendo-dialog ul li:nth-child(even) { background: #00000022; } @media print { item-sheet np-plugin { margin-top: 0px; } .item-sheet-buttons { display: none !important; } .item-sheet-container { margin: 0px !important; padding: 0px !important; } .print-container, .print-container *, .print-container *::first-letter { color: #01529c !important; } .print-container .item-info .item-title span, .print-container .item-data-list > div > span:last-child, .print-container .item-info .item-title span::first-letter, .print-container .item-data-list > div > span:last-child::first-letter { color: #ef843b !important; } } worksheet checklist .editValue { display: none !important; } worksheet .main-grid[data-status="WS2"] checklist .editValue { display: flex !important; } worksheet .main-grid[data-status="WS2"] checklist .editValue input { text-align: right; } .mdl-switch.is-checked .mdl-switch__track { background: #b8dea6; } .mdl-switch.is-checked .mdl-switch__thumb, .mdl-switch__ripple-container .mdl-ripple { background: #44b60d; } .brand-info > div:last-child > div:first-child, .tire-description > div:last-child > p > strong:first-child, .tire-description > div:last-child > p > b:first-child { font-size: 18px; } document-header { padding-top: 5px !important; padding-bottom: 5px !important; } document-header .document-info > div > div:first-child { margin-bottom: 0px !important; } @media only print { document-header .document-info .mdl-cell--2-4-col { width: auto !important; margin-right: 20px !important; } document-overview { page-break-after: unset !important; } } item-sheet-template-1 thead .oblique { -ms-transform: translateY(-1px); /* IE 9 */ -webkit-transform: translateY(-1px); /* Safari */ transform: translateY(-1px); } item-sheet-template-1 tfoot .oblique { -ms-transform: translateY(1px); /* IE 9 */ -webkit-transform: translateY(1px); /* Safari */ transform: translateY(1px); } .npGridButtonsCell { display: flex; } .npGridButtonsCell .fleft { margin-left: 3px; } .k-button.btn-stop.k-primary { background-color: #ffc107 !important; border-color: #ffc107 !important; min-width: 61px; } .k-button.btn-stop.k-primary:hover { background-color: #e9b006 !important; border-color: #e9b006 !important; } .k-button.resetSemaphore.k-primary { background-color: #07bbff !important; border-color: #07bbff !important; min-width: 61px; } .k-button.resetSemaphore.k-primary:hover { background-color: #05abe9 !important; border-color: #05abe9 !important; } document-completed .striked { text-decoration: line-through; font-size: 16px !important; margin-right: 20px; color: #F00; } .tire-row .tire-row-image { margin-top: -23px; } .editablePrice { display: inline-flex; align-items: center; } .editablePrice input { font-size: 14px; font-weight: bold; max-width: 50px; text-align: right; margin-right: 4px; font-style: italic; } .tire-row td { border-bottom-color: #f5f5f5 !important; } .isPromo { color: #F00; } .discounted { float: right; padding-right: 10px; } plugin-document-details-automotive .mdl-stepper, plugin-document-details-automotive .mdl-stepper li:nth-child(2) { overflow: visible !important; height: auto !important; max-height: none !important; } checklist .checklistRowContent > span:last-child > span:nth-child(2) { padding-left: 10px; } .hiddenObject { visibility: hidden; } .deleteAppointmentFromDay > span { position: absolute; bottom: 0px; right: 0px; background: #F00; padding: 4px 16px; color: #FFF; } spider .btn-stop { display: none; } subject-side-dashboard .mdl-progress { top: 10px !important; } .dashboardError { padding-top: 20px; } .tire_hotel .card-title--additional-info { font-weight: 600; margin-right: 20%; } /*Questa istruzione è necessaria altrimenti, in caso di appuntamento di 10 minuti (con altezza preset molto ridotta), il cursor non risulta mai sopra il presetApp e quindi l'evento click non viene mai scatenato*/ .periodApp:hover .presetApp, .agenda-column:hover .presetApp { min-height: 10px; } .btn-dataconnector-schedule { position: absolute; right: 160px; padding: 2px 8px !important; } .btn-dataconnector-spider { position: absolute; right: 20px; top: 10px; padding: 2px 8px !important; } .btn-dataconnector-schedule i, .btn-dataconnector-spider i { margin-right: 4px; } app-settings .btn-save { float: none !important; margin: 5px 0px; } .periodTd { vertical-align: top; } custom-filter-maskedtextbox > div { display: flex; width: 100%; } custom-filter-maskedtextbox .textBoxFilterContainer > div { display: flex; } custom-filter-maskedtextbox > div > div:first-child { flex: 1; } custom-filter-maskedtextbox > div > div.filterOperatorsSelector { position: relative; } custom-filter-maskedtextbox > div > div.filterOperatorsSelector > div.selectedOperator { width: 32px; text-align: center; margin-left: 1px; border-radius: 2px; background: #FFFFFF33; cursor: pointer; cursor: hand; } custom-filter-maskedtextbox > div > div.filterOperatorsSelector > div.selectedOperator:hover, custom-filter-maskedtextbox > div > div.filterOperatorsSelector > div.selectedOperator:focus, custom-filter-maskedtextbox > div > div.filterOperatorsSelector > div.selectedOperator:active { background: #FFFFFF55; } custom-filter-maskedtextbox > div > div.filterOperatorsSelector > div.selectedOperator * { line-height: 30px; } custom-filter-maskedtextbox > div > div.filterOperatorsSelector > div.operatorList { display: none; position: absolute; z-index: 9; top: 30px; left: 0px; width: 150px; background: #000000CC; } custom-filter-maskedtextbox > div > div.filterOperatorsSelector:hover > div.operatorList { display: block; } custom-filter-maskedtextbox > div > div.filterOperatorsSelector:hover > div.operatorList > div { padding: 8px; display: flex; } custom-filter-maskedtextbox > div > div.filterOperatorsSelector:hover > div.operatorList > div:nth-child(even) { background: #FFFFFF11; } custom-filter-maskedtextbox > div > div.filterOperatorsSelector:hover > div.operatorList > div:hover { background: #FFFFFF33; cursor: pointer; cursor: hand; } custom-filter-maskedtextbox > div > div.filterOperatorsSelector:hover > div.operatorList > div > span:first-child { width: 24px; text-align: center; color: #FF0; } custom-filter-maskedtextbox > div > div.filterOperatorsSelector:hover > div.operatorList > div.selected { color: #FF0; } custom-filter-maskedtextbox > div > div.filterOperatorsSelector:hover > div.operatorList > div > span:last-child { flex: 1; } .k-grid-aria-root { overflow: visible !important; } app-settings { display: flex; flex-direction: column; } app-settings json-editor, app-settings json-editor > div { flex: 1; display: flex; flex-direction: column; } .jsoneditor.jsoneditor-mode-code { height: 100%; display: flex; flex-direction: column; } .jsoneditor.jsoneditor-mode-code .jsoneditor-outer, .jsoneditor.jsoneditor-mode-code .jsoneditor-outer > div { flex: 1; display: flex; flex-direction: column; } np-grid dl { display: flex; flex-wrap: wrap; } np-grid dl dt { width: 33%; } np-grid dl dd { margin-left: auto; width: 66%; } .agenda-hour-preview { display: none; position: absolute; right: 0px; top: -15px; background: #ffc106; color: #000; font-size: 11px; line-height: 11px; font-weight: 600; padding: 2px 5px; } .presetApp .agenda-hour-preview, .dragging .agenda-hour-preview { display: block; } .details-fields > div { padding-right: 20px; } .details-fields > div.fullWidth, .details-fields > div.fullWidth > field, .details-fields > div.fullWidth > field > div > *, .details-fields > div.fullWidth > field > div > * .mdl-textfield { width: 100%; display: block; box-sizing: border-box; } task-editor .fieldRow { margin-bottom: 20px; } task-editor .fieldRow select { border-bottom: 0px; background: #00000011; color: #000; } .dueDateRow > div:first-child > label { display: block; } .verified .mdl-textfield:before { content: '\e118'; position: absolute; top: 23px; right: 0px; color: #96c120; font-family: WebComponentsIcons; font-weight: 800; font-size: 18px; } .lastCartsGrid { min-height: auto; } .lastCartsGrid .k-grid-content { overflow: visible; } .lastCartsGrid .npGridContainer { margin-bottom: 0px; } .lastCartsGrid .k-grid-header { padding-right: 0px !important; } .dashboardChartContainer { position: relative; } .chartTypeButtons { position: absolute; z-index: 9; top: 10px; right: 20px; } .chartTypeButtons button.k-state-active, .chartTypeButtons button.k-state-active:focus, .chartTypeButtons button:active, .chartTypeButtons button.k-state-active:hover, .chartTypeButtons button:active:hover { background-color: #ffc107 !important; color: #000 !important; } #operator { min-width: 700px; } .mdl-ripple { background: transparent; opacity: 0.000001; } np-image-box > div.container { cursor: pointer; cursor: hand; } .npGridButtonsCell button > i { display: none; } @media screen and (max-width:1024px){ .npGridButtonsCell button > nptext { display: none; } .npGridButtonsCell button > i { display: block !important; } } .taskSubCategory { margin-top: 10px; } entity-details :not(.document-tools) button.btn-back { float: right !important; background: transparent; border-color: transparent; box-shadow: none; } entity-details :not(.document-tools) button.btn-back:hover, entity-details :not(.document-tools) button.btn-back:focus, entity-details :not(.document-tools) button.btn-back:active { box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2); background-color: #00000011; } password-manager-details #fields-management ul { list-style-type: none; margin: 0px; padding: 0px; } password-manager-details #fields-management ul li > div > div { width: 100%; } kendo-dialog password-manager-details > div { padding: 0px 20px; box-sizing: border-box; } password-manager-details kendo-dialog > div > div > div { padding: 20px 20px; box-sizing: border-box; } qr-code > canvas, qr-code > img { display: none !important; } .headerNotification.important * { font-size: 18px !important; line-height: 24px; } @media only screen and (max-width: 1023px) { .mdl-layout-title { width: auto; } .mdl-layout__header-row { padding-right: 0px !important; } } input[type='text']#search::-webkit-input-placeholder { /* Edge */ color: #FFFFFFAA !important; } .giftCol .x_mark { color: #00000033 !important; } .dayVisualMode .appsContainer > div.appList > ul > li > div > span.note, .dayVisualMode .appsContainer > div.appList > ul > li > div > span.OrderSummary, .dayVisualMode .appsContainer > div.appList > ul > li > div > span.InHotelDetails { display: flex !important; width: calc(100% - 170px) !important; padding-left: 100px; } .dayVisualMode .appsContainer > div.appList > ul > li > div > span.InHotelDetails { display: none !important; } .closeWorksheetButtonArea { display: flex; align-items: center; } .hidePricesContainer { margin-right: 20px; } @media print { .dayVisualMode .appsContainer > div.appList > ul > li > div > span.customerName { width: calc(100% - 200px); } .dayVisualMode .appsContainer > div.appList > ul > li > div > span.day { margin-top: -4px; margin-bottom: 4px; } .dayVisualMode .appsContainer > div.appList > ul > li > div > span.note, .dayVisualMode .appsContainer > div.appList > ul > li > div > span.OrderSummary { display: flex !important; width: 100% !important; padding-left: 100px; } .dayVisualMode .appsContainer > div.appList > ul > li > div > span.OrderSummary { margin-bottom: 15px; } .dayVisualMode .appList ul li > div > span.OrderSummary > span:last-child > div { text-overflow: unset; overflow: visible; white-space: unset; } .deleteAppointmentFromDay { display: none; } .TireAnalysisType { display: none; } plugin-agenda-worksheet-automotive > div > div > div { float: none !important; display: inline-block; } .checklist_table .mdl-textfield, .checklist_table kendo-datepicker { border-bottom: 2px solid #000 !important; } .manual_input .check_buttons > div input[type="checkbox"] + label > i.material-icons, .manual_input .check_buttons > div input[type="radio"] + label > i.material-icons { border-top: 1px solid #000; } .manual_input .check_buttons > div input[type="radio"] + label > i.material-icons:after, .manual_input > div input[type="checkbox"] + label > i.material-icons:after, .manual_input .mdl-checkbox__box-outline { border-width: 2px !important; } .progressBar { display: none; } .OrderSummary > span:nth-child(1) > nptext { display: none; } .OrderSummary > span:nth-child(1):after { content: 'Gomme acquistate: '; font-weight: bold; margin-right: 4px; } .OrderSummary > span:nth-child(2) > div > span { display: none; } plugin-agenda-worksheet-automotive .hidePrices .price { display: none; } print-input .mdl-textfield .mdl-textfield__label { top: 0px; } } document-details entity-details .btn-back { display: none; } .accordion.is-active .arrayWidgetWithLeftMenu { display: flex !important; } .arrayWidgetWithLeftMenu > .arrayWidgetLeftMenu { width: 200px; } .arrayWidgetWithLeftMenu > .arrayWidgetLeftMenu > div { background: #accae6; border-bottom: 1px solid #FFF; padding: 0px 5px; cursor: pointer; cursor: hand; display: none; } .arrayWidgetWithLeftMenu > .arrayWidgetLeftMenu > div.enabled { display: flex; align-items: center; } .arrayWidgetWithLeftMenu > .arrayWidgetLeftMenu > div:hover, .arrayWidgetWithLeftMenu > .arrayWidgetLeftMenu > div:focus, .arrayWidgetWithLeftMenu > .arrayWidgetLeftMenu > div:active { background: #98b6d3; } .arrayWidgetWithLeftMenu > .arrayWidgetLeftMenu > div.active { background: #054686; color: #FFF; } .arrayWidgetWithLeftMenu > .arrayWidgetLeftMenu > div > span:first-child { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .arrayWidgetWithLeftMenu > .arrayWidgetLeftMenu > div > span.remove i { font-size: 18px; line-height: 24px; } .arrayWidgetWithLeftMenu > div:last-child { padding: 0px 20px; flex: 1; } .arrayWidgetWithLeftMenu > div:last-child > sf-form-element > div > sf-widget-chooser > sf-form-object > fieldset > div:not(.active) { display: none; } .accordionIcon { position: absolute; right: 110px; top: 0px; display: flex; align-items: center; } .accordionIcon > span * { display: inline-block; margin-left: 5px; line-height: 31px; cursor: default; } .chartsContainer { display: flex; width: 100%; flex-wrap: wrap; } .chartsContainer > div { width: 50%; box-sizing: border-box; } .chartsContainer > div.charts-col-4 { width: 33.3%; } .chartsContainer > div:not(.charts-col-4):nth-child(odd) { padding-right: 10px; } .chartsContainer > div:not(.charts-col-4):nth-child(even) { padding-left: 10px; } .chartsContainer > div.charts-col-4:nth-child(2) { padding: 0px 10px; } @media screen and (max-width:767px){ .chartsContainer > div { width: 100% !important; padding: 0px !important; } } .perc { display: block; color: #FFF; padding: 4px 5px; } kendo-buttongroup .perc { font-size: 13px; margin: -2px -7px 0px -9px; overflow: hidden; } .subject-plate-combobox-option .subjectPlate { font-weight: bold; color: #033f77; } .tireHeader { min-height: 30px; position: relative; } .tireHeader .qty { position: absolute; top: 36px; left: 22px; } @media print { .tireHeader .qty { position: static; margin: 22px; margin-bottom: 0px; } } .tabs > .mdl-tabs__tab-bar a { cursor: pointer; cursor: hand; } .tabs > .mdl-tabs__tab-bar a.active { border-bottom: 2px solid #ffc108; } #vehicle-history .JSONObject { list-style-type: disc !important; margin: 0px 0px 0px 18px; } #vehicle-history .JSONObject li:not(:last-child):after { display: none; } #vehicle-history .JSONObject li > span:first-child { display: none; } #vehicle-history .JSONObject li { line-height: 16px; width: 100%; } worksheet .isFreezed { position: relative; } worksheet .isFreezed:before { content: ''; background: transparent; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 9; } worksheet .isFreezed .delete, worksheet .isFreezed .midpageActions button, worksheet .isFreezed .buttonsList { display: none; } worksheet .isFreezed .btn-clear-fields { visibility: hidden; } .gridAdvSearchPanel .range { display: flex; } .gridAdvSearchPanel .range > div:first-child { margin-right: 10px; } .gridAdvSearchPanel .range > div { min-width: 100px; } .cartRowType > button { margin: 0px !important; } .cartRowType > button:nth-child(1).k-state-active, .cartRowType > button:nth-child(1):hover.k-state-active, .cartRowType > button:nth-child(1):active, .cartRowType > button:nth-child(1):active.k-state-active { background: #2e87b5 !important; } .cartRowType > button:nth-child(2).k-state-active, .cartRowType > button:nth-child(2):hover.k-state-active, .cartRowType > button:nth-child(2):active, .cartRowType > button:nth-child(2):active.k-state-active { background: #2eb547 !important; } .cartRowType > button:nth-child(3).k-state-active, .cartRowType > button:nth-child(3):hover.k-state-active, .cartRowType > button:nth-child(3):active, .cartRowType > button:nth-child(3):active.k-state-active { background: #f19540 !important; } cart-grid-default .k-grid-content { height: auto !important; } .cartButtonsCell { overflow: visible !important; } .cartButtons { display: flex; } .cartButtons .npTooltip > span { z-index: 9999999999999; } cart-grid-default .k-grid-content.k-virtual-content { overflow: visible !important; height: auto !important; } cart-grid-default .k-grid-footer-wrap { position: static; } .tooltipLink { padding: 5px; font-size: 12px; border-radius: 3px; } .tooltipLink:hover, .tooltipLink:focus, .tooltipLink:active { background: #00000033; cursor: pointer; cursor: hand; } cart-grid-default .isDescRow > td:not(.itemDescription):not(.cartButtonsCell) { display: none; } cart-grid-default .isDescRow > td.itemDescription input[type="text"] { box-sizing: border-box; width: 100%; padding: 5px; border: 1px solid #00000022; } cart-grid-default .isDescRow > td.itemDescription input[type="text"]::-webkit-input-placeholder { color: #00000033; } cart-grid-default .isDescRow > td.itemDescription input[type="text"]::-ms-input-placeholder { color: #00000033; } cart-grid-default .isDescRow > td.itemDescription input[type="text"]::placeholder { color: #00000033; } cart-grid-default .npTooltip .descRow + span * { white-space: nowrap; } cart-grid-default .cartRowType * { font-size: 12px; } .fastNotesEnabled > div.mdl-textfield > .mdl-textfield__label { color: #04529c; font-size: 12px; top: 4px !important; left: 0px !important; visibility: visible; } payment-schedule .k-grid-footer-wrap td { text-align: right !important; } .k-grid td.rowTypeCol { text-overflow: unset; } .mdl-textfield__label { top: 4px; color: #04529c !important; font-size: 12px; } np-discount-field .k-disabled, np-discount-field .k-state-disabled { opacity: 1; font-size: 12px; } np-discount-field .k-disabled input, np-discount-field .k-state-disabled input { color: #000 !important; } .valueIsGreater { color: #18ad01; font-weight: bold; } .valueIsLower { color: #F00; font-weight: bold; } .valueIsEqual { color: #333; font-weight: bold; } .valueIsGreater:before, .valueIsLower:before, .valueIsEqual:before{ display: inline-block; font-family: "Material Icons"; text-rendering: optimizeLegibility; font-feature-settings: 'liga'1; font-size: 16px; -ms-transform: translateY(3px); /* IE 9 */ -webkit-transform: translateY(3px); /* Safari */ transform: translateY(3px); } .valueIsGreater:before { content: '\e5c7'; } .valueIsLower:before { content: '\e5c5'; } .valueIsEqual:before { content: '\e15b'; }