/** * 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 */ .relative { position: relative; } .absolute { position: absolute; } .fixed { position: fixed; } 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; } .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 .material-icons { float: right; margin-top: 13px; } .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; } .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); } 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 input:checked+span+div+div, .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; } user-info > div:last-child .mdl-textfield__label,.mdl-selectfield .mdl-textfield__label,.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; } user-info > div:last-child .mdl-textfield__label, .mdl-selectfield .mdl-textfield__label { font-size: 12px; top: 4px; visibility: visible; } .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 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='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; } .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 { 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; vertical-align: top; } .to-do tbody tr td:nth-child(1n+2) { padding-top: 13px; padding-bottom: 13px; } .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*/ 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; } .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; } .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 { .manual_input .check_buttons > div:first-child 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: 767px) { .user-enabled-cb-header { display: none; } } @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 { overflow: visible !important; } .k-window-content { align-items: stretch !important; display: flex !important; } .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; } stats .k-detail-cell .k-grid { height: auto !important; min-height: auto; } stats .k-detail-cell .k-grid .k-grid-content { overflow: visible; } .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; } .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; } .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: 20px; 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; } 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; } 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%; } .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 { height: 32px; } .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; } 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 { display: block; background: #accae6; color: #3b7fc1; padding: 6px 15px 5px 15px; cursor: pointer; cursor: hand; } .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 { background: #95bce0; } .accordion > a span, sf-form .accordion > a span { font-weight: 800; color: #044686; } dynamic-fields .accordion > div, sf-form .accordion > sf-form-element { display: none; border: 1px solid #accae6; padding: 8px; } dynamic-fields .accordion.is-active > div, sf-form .accordion.is-active > sf-form-element { display: block; } .cron-editor-main .nav-tabs { display: flex !important; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #e0e0e0; height: 48px; } .cron-editor-main .tab-pane { display: none; padding: 10px 20px; margin-bottom: 10px; } .cron-editor-main .col-sm-6 { display: inline-block; min-width: 100px; } .cron-editor-main .tab-pane.active { display: block; } .cron-editor-main .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-main .nav-tabs li a { color: rgba(0,0,0,.54) !important; padding: 0px; margin: 0px; } .cron-editor-main .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-main .nav-tabs li.active a { color: rgba(0,0,0,.87) !important; } .cron-editor-main 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 > span { width: 20%; line-height: 16px; order: 1; } .dayVisualMode .appList ul li > span:nth-child(8) { margin-left: 100px; } .dayVisualMode .appList ul li > span:not(.progressBar ) { margin-bottom: 4px; } .dayVisualMode .appList ul li > span.day, .dayVisualMode .appList ul li.isFlex > 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 > span.note { margin-left: 100px; } .dayVisualMode .appList ul li > span.parentDepartmentName { position: absolute; top: 2px; right: 1px; width: auto; background: #FFF; width: 80px; } .dayVisualMode .appList ul li > 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 > span.day { display: none; } .dayVisualMode .appList ul li > span.day > span:first-child, .dayVisualMode .appList ul li > span.parentDepartmentName > span:first-child { display: none; } .dayVisualMode .appList ul li > span.OrderSummary { width: calc(75% - 100px); display: block; } .dayVisualMode .appList ul li > 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 > span.OrderSummary > span:last-child { display: inline-block; width: calc(85% - 4px); } .dayVisualMode .appList ul li > span.OrderSummary > span:last-child > div { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .dayVisualMode .appList ul li > span.OrderSummary > span > nptext { margin-right: 5px; } .dayVisualMode .appList ul li > span nptext { white-space: nowrap; font-weight: 600; } .dayVisualMode .appList ul li > span 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.isFlex span.flex { display: 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 > div:nth-child(2) { background: #3093ff; } .dayVisualMode .fastFilters div[data-perc="0"], .dayVisualMode .appList ul li .progressBar.progressBarPerc_0, .dayVisualMode .fastFilters > div[data-perc="0"].active:before { background: #F00; } .dayVisualMode .fastFilters div[data-perc="30"], .dayVisualMode .appList ul li .progressBar.progressBarPerc_30, .dayVisualMode .fastFilters > div[data-perc="30"].active:before { background: #ff6d07; } .dayVisualMode .fastFilters div[data-perc="60"], .dayVisualMode .appList ul li .progressBar.progressBarPerc_60, .dayVisualMode .fastFilters > div[data-perc="60"].active:before { background: #ffc107; } .dayVisualMode .fastFilters div[data-perc="100"], .dayVisualMode .appList ul li .progressBar.progressBarPerc_100, .dayVisualMode .fastFilters > div[data-perc="100"].active:before { 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; } .dayVisualMode .fastFilters > div { padding: 5px 15px; background: #00000011; margin-left: 5px; cursor: pointer; cursor: hand; } .dayVisualMode .fastFilters > div { position: relative; } .dayVisualMode .fastFilters > 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 { 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 { position: relative !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; } .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%; } .itemWithoutPriceMargins, .defaultPriceMargins { width: calc(30% - 20px); margin-left: 20px; } .itemWithoutPriceMargins .mdl-layout__title, .defaultPriceMargins .mdl-layout__title { margin-top: 3px; margin-bottom: 10px; } plugin-multi-company-stats-till-month { color: #f5f5f5; } 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 { padding: 5px 15px; cursor: pointer; cursor: hand; } context-menu ul li:hover, context-menu ul li:focus, context-menu ul li:active { background: #00000055; } .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 + 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; } .qtyCartField input + span { box-sizing: border-box; display: inline-block; background: #CCC; padding: 5px; line-height: 20px; } dynamic-fields > div > div { margin-bottom: 5px; } dynamic-fields > 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 > a { padding: 8px 16px 7px; min-height: 21px; } dynamic-fields div.accordion > button { position: absolute; top: 0px; right: -10px; background-color: transparent !important; color: #3b7fc1 !important; box-shadow: none; } dynamic-fields div.accordion > button:hover, dynamic-fields div.accordion > button:focus, dynamic-fields div.accordion > 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 { float: right; margin-top: -30px; } .mailToWhenNoResults a { display: block; color: #FFF; font-weight: normal; text-decoration: none; padding: 5px 15px; background: #ababab; } .mailToWhenNoResults a:hover, .mailToWhenNoResults a:focus, .mailToWhenNoResults 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 { display: none; } .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; } .SuperCustomerData { display: none !important; } @media (max-width:768px){ .qtyCartField input { width: 100% !important; } .qtyCartField input + span { width: 100% !important; } } /* 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% } } .overseeUsersContainer { display: flex; } .overseeUsersContainer > div { flex: 1; margin-right: 50px; } .overseeUsersContainer > div .overseeUsersTitle { background: #00000033; line-height: 24px; padding: 0px 10px; font-weight: bold; } .overseeUsersContainer > div:last-child .overseeUsersTitle { background: #16a718; color: #FFF; } user-info kendo-combobox[valuefield="code"] + label { font-size: 12px; top: 4px; visibility: visible; color: #04529c; }