.k-grid { font-family: 'Lato','Open Sans',Helvetica,Arial,sans-serif; font-size: 12px; background-color: #fafafa; } .k-grid a { color: #e51049; text-decoration: none; } .k-grid a:hover { color: #337ab7; text-decoration: none; } .k-grid-header th.k-header>.k-link { display: block; min-height: 18px; line-height: default; margin: 0; padding: 0; overflow: hidden; text-overflow: ellipsis; } .k-grid-header .k-header, .k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link { color: #999; } .k-grid td { border-style: solid; border-width: 0 0 0 1px; padding: .4em .6em; overflow: hidden; line-height: 1.6em; vertical-align: middle; text-overflow: ellipsis; /* background-color:#FFF; */ } .k-grid tr:hover { background-color: #ebebeb; } .k-grid table tr:hover, .k-grid table tr.k-state-hover, .k-grid table td.k-state-focused, .k-grid table th.k-state-focused { background-color: #ebebeb; } .k-grid .k-filter-row th, .k-grid-header th.k-header { overflow: hidden; border-style: solid; border-width: 0 0 1px 1px; padding: .5em .6em .4em .6em; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; text-align: center; } .k-grid-header th.k-header { vertical-align: bottom; } .k-grid-header .k-header { position: relative; vertical-align: bottom; cursor: default; } .k-grid th, .k-grid td { border-color: #d5d5d5; } .k-grid-footer, .k-grid-footer td, .k-grid-header, .k-grid-header .k-header, .km-pane-wrapper .k-grid-header .k-header { background-color: #fafafa; } .k-grid .k-pager-wrap.k-grid-pager { background-color: #fafafa; padding: 3px; } .k-grid .k-pager-numbers .k-state-selected { background-color: #fafafa; border-top: 1px solid; border-color: #10b3e6; } .k-grid .k-pager-wrap .k-link.k-state-disabled { border: none; } .k-grid .k-pager-wrap .k-pager-nav, .k-pager-wrap .k-pager-numbers .k-link, .k-grid .k-pager-wrap .k-pager-numbers .k-state-selected, .k-pager-wrap>.k-link { border-radius: 0; } .k-grid .k-dropdown .k-dropdown-wrap, .k-grid .k-dropdowntree .k-dropdown-wrap { border: none; background-color: #fafafa; background-image: none; } .k-grid .k-dropdown .k-dropdown-wrap .k-input, .k-grid .k-dropdowntree .k-dropdown-wrap .k-input { text-align: center; padding-top: 9px; display: block; } .k-grid .k-pager-wrap .k-link>.k-icon, .k-grid .k-pager-wrap .k-state-selected>.k-icon { color: #515151; } .k-grid .k-header .k-button.k-grid-add { color: #FFF; } .k-grid .k-button{ font-size: 12px; padding: 5px 10px; } .k-grid-toolbar { padding: 6px 6px; } .k-list-container .k-nodata .k-button, .k-grid .k-button, .k-button-group.k-state-disabled .k-button:not(.k-state-active), .k-button-group .k-state-disabled:not(.k-state-active), .k-spreadsheet-filter, .k-pivot-toolbar .k-button, .k-fieldselector .k-list li.k-item, .k-dropdowntree .k-dropdown-wrap, .k-editor .k-editor-toolbar-wrap a.k-tool, .k-ct-popup .k-editor-toolbar a.k-tool, .editorToolbarWindow.k-header.k-window-content a.k-tool, .k-handle, .k-map .k-navigator, .k-gantt-views li, .k-scheduler-navigation .k-nav-today, .k-scheduler-navigation .k-nav-prev, .k-scheduler-navigation .k-nav-next, .k-scheduler-views li, .k-scheduler-footer li { background-image: none; } .editorToolbarWindow.k-header, .k-editor.k-header, .k-filebrowser .k-header, .k-editor.k-editor-widget { color: #444; background-color: #f2f2f2; -webkit-box-shadow: none; box-shadow: none; } .k-editor iframe.k-content, .k-editor .k-editor-content { display: block; width: 100%; height: 100%; border-width: 0; margin: 0; padding: 0; background: #fff; } .k-editor table tbody tr:hover { background: none; } .k-editor .k-editor-toolbar-wrap a.k-tool.k-state-selected, .k-ct-popup .k-editor-toolbar a.k-tool.k-state-selected, .editorToolbarWindow.k-header.k-window-content a.k-tool.k-state-selected { color: #656565; } .k-toolbar, .k-spreadsheet-sheets-bar, .k-editor-toolbar, .k-gantt-toolbar, .k-scheduler-toolbar, .k-scheduler-footer, .k-scheduler-header { border-color: #f2f2f2; background-color: #f2f2f2; box-shadow: none; } .k-spreadsheet>.k-tabstrip-wrapper .k-tabstrip-items { color: #fff; background-color:#e6e6e6; } .k-spreadsheet-quick-access-toolbar { color: #fff; background-color: #e6e6e6; } .k-tabstrip-items .k-item.k-state-active::after { border-color: #10b3e6; } .k-tabstrip-items { text-transform: none; } .k-spreadsheet-quick-access-toolbar { top: 10px; left: 0px; padding: 0; } .k-spreadsheet .k-sprite { line-height: 1; } .k-auto-fill, .k-spreadsheet-selection { border-color: #00b0ff; -webkit-box-shadow: inset 0 0 0 1px #00b0ff; box-shadow: inset 0 0 0 1px #00b0ff; } .k-spreadsheet-selection { background-color: rgba(0,176,255,.2); } .k-spreadsheet .k-selection-full::after, .k-spreadsheet .k-selection-partial::after { border-color: rgba(0,176,255,.2); } .k-spreadsheet .k-selection-full, .k-spreadsheet .k-selection-partial { background-color: #00b0ff; } .k-spreadsheet-pane .k-selection-full, .k-spreadsheet-pane .k-selection-partial { border-color: rgba(0,176,255,.2); background-color: rgba(0,176,255,.2); } .k-spreadsheet-active-cell { box-shadow: inset 0 0 0 1px #00b0ff; background-color: #fff; } .k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell { position: absolute; white-space: pre; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding: 1px 3px; -webkit-background-clip: padding-box; background-clip: padding-box; line-height: 15px; } .k-spreadsheet-sheets-items .k-tabstrip-items { margin-left: 0px!important; } .k-spreadsheet-formula-bar .k-spreadsheet-formula-input { padding: 8px 8px; } .k-combobox .k-dropdown-wrap .k-input { padding: 8px 8px; } .k-treeview .k-in { padding: 5px; font-size: 12px; } .k-treeview .k-in:hover, .k-treeview .k-in.k-state-hover { background-color: #FFF!important; border-color: #FFF; border:none; } .k-treeview .k-in.k-state-selected { background-color: #FFF!important; border-color: #FFF; border:none; } .k-datepicker { font-family: Lato,'Open Sans',Helvetica,Arial,sans-serif; font-size: 12px; width: 100%; } .k-datepicker > .k-picker-wrap > input:focus { background: none !important; } .k-dateinput .k-dateinput-wrap, .k-dateinput .k-picker-wrap, .k-datepicker .k-dateinput-wrap, .k-datepicker .k-picker-wrap, .k-datetimepicker .k-dateinput-wrap, .k-datetimepicker .k-picker-wrap, .k-timepicker .k-dateinput-wrap, .k-timepicker .k-picker-wrap { border-color: #e6e6e6; background-color: transparent; } .k-dateinput .k-dateinput-wrap:hover, .k-dateinput .k-picker-wrap:hover, .k-datepicker .k-dateinput-wrap:hover, .k-datepicker .k-picker-wrap:hover, .k-datetimepicker .k-dateinput-wrap:hover, .k-datetimepicker .k-picker-wrap:hover, .k-timepicker .k-dateinput-wrap:hover, .k-timepicker .k-picker-wrap:hover { border-color: #e6e6e6; background-color: transparent; } .k-dateinput, .k-datepicker, .k-datetimepicker, .k-timepicker { border-radius: 2px; border-width: .5px; } .k-dateinput .k-dateinput-wrap .k-input, .k-dateinput .k-picker-wrap .k-input, .k-datepicker .k-dateinput-wrap .k-input, .k-datepicker .k-picker-wrap .k-input, .k-datetimepicker .k-dateinput-wrap .k-input, .k-datetimepicker .k-picker-wrap .k-input, .k-timepicker .k-dateinput-wrap .k-input, .k-timepicker .k-picker-wrap .k-input { padding:8px 8px; } .k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu { right: 0px; bottom: 0px; } div.commentControls .k-editor { border: 1px solid #CCC; } .k-grid .k-hierarchy-cell .k-icon, .k-treeview .k-icon { color: #e51049; } .k-edit-form-container .k-edit-label { text-align: left; white-space: nowrap; width: 25%; } .k-edit-form-container .editor-label, .k-edit-label { float: left; clear: both; width: 30%; padding: .4em 0 1em; margin-left: 2%; text-align: right; } div.k-widget.k-window { font-family: Lato,'Open Sans',Helvetica,Arial,sans-serif; font-size: 12px; } #PCSApp > div.k-widget.k-window > div.k-window-titlebar.k-header { padding: 8px; color:#FFF; } .k-edit-form-container { padding:10px; } .k-button-flat.k-primary, .k-primary.k-button.k-flat, .k-primary.k-button.k-bare, .k-edit-buttons .k-primary.k-button, .k-dialog-button-group .k-primary.k-button, .k-edit-field .k-primary.k-button, .k-dialog-buttongroup .k-primary.k-button, .k-toolbar .k-split-button.k-state-disabled .k-primary.k-button, .k-spreadsheet-quick-access-toolbar .k-primary.k-button, .k-spreadsheet-sheets-bar .k-primary.k-button, .k-spreadsheet-popup .k-primary.k-button, .k-action-buttons .k-primary.k-button, .k-calendar-header .k-primary.k-button, .k-editor-toolbar a.k-primary.k-tool, .k-editor-toolbar .k-primary.k-picker-wrap, .k-editor-toolbar .k-primary.k-dropdown-wrap, .k-gantt-toolbar .k-primary.k-button, .k-gantt-views li a.k-primary, .k-scheduler-toolbar li a.k-primary, .k-scheduler-toolbar li .k-primary.k-link, .k-scheduler-footer li a.k-primary, .k-scheduler-footer li .k-primary.k-link, .k-button-flat.k-primary:hover, .k-primary.k-button.k-flat:hover, .k-primary.k-button.k-bare:hover, .k-edit-buttons .k-primary.k-button:hover, .k-dialog-button-group .k-primary.k-button:hover, .k-edit-field .k-primary.k-button:hover, .k-dialog-buttongroup .k-primary.k-button:hover, .k-toolbar .k-split-button.k-state-disabled .k-primary.k-button:hover, .k-spreadsheet-quick-access-toolbar .k-primary.k-button:hover, .k-spreadsheet-sheets-bar .k-primary.k-button:hover, .k-spreadsheet-popup .k-primary.k-button:hover, .k-action-buttons .k-primary.k-button:hover, .k-calendar-header .k-primary.k-button:hover, .k-editor-toolbar a.k-primary.k-tool:hover, .k-editor-toolbar .k-primary.k-picker-wrap:hover, .k-editor-toolbar .k-primary.k-dropdown-wrap:hover, .k-gantt-toolbar .k-primary.k-button:hover, .k-gantt-views li a.k-primary:hover, .k-scheduler-toolbar li a.k-primary:hover, .k-scheduler-toolbar li .k-primary.k-link:hover, .k-scheduler-footer li a.k-primary:hover, .k-scheduler-footer li .k-primary.k-link:hover, .k-button-flat.k-primary.k-state-hover, .k-primary.k-state-hover.k-button.k-flat, .k-primary.k-state-hover.k-button.k-bare, .k-edit-buttons .k-primary.k-state-hover.k-button, .k-dialog-button-group .k-primary.k-state-hover.k-button, .k-edit-field .k-primary.k-state-hover.k-button, .k-dialog-buttongroup .k-primary.k-state-hover.k-button, .k-toolbar .k-split-button.k-state-disabled .k-primary.k-state-hover.k-button, .k-spreadsheet-quick-access-toolbar .k-primary.k-state-hover.k-button, .k-spreadsheet-sheets-bar .k-primary.k-state-hover.k-button, .k-spreadsheet-popup .k-primary.k-state-hover.k-button, .k-action-buttons .k-primary.k-state-hover.k-button, .k-calendar-header .k-primary.k-state-hover.k-button, .k-editor-toolbar a.k-primary.k-state-hover.k-tool, .k-editor-toolbar .k-primary.k-state-hover.k-picker-wrap, .k-editor-toolbar .k-primary.k-state-hover.k-dropdown-wrap, .k-gantt-toolbar .k-primary.k-state-hover.k-button, .k-gantt-views li a.k-primary.k-state-hover, .k-scheduler-toolbar li a.k-primary.k-state-hover, .k-scheduler-toolbar li .k-primary.k-state-hover.k-link, .k-scheduler-footer li a.k-primary.k-state-hover, .k-scheduler-footer li .k-primary.k-state-hover.k-link, .k-button.k-outline.k-primary, .k-button.k-outline.k-primary:hover, .k-button.k-outline.k-primary.k-state-hover { color: #10b3e6; } .k-edit-form-container .k-edit-field { float:right; } .k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-overflow-anchor:hover, .k-picker-wrap.k-state-hover, .k-textbox:hover { background-color: #fff; border-color: #f5f5f5; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05); box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05); } .k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap { background-color: #FFF; background-image: none; border:none; } #editTicketPopup .k-upload .k-upload-button { margin: 0; border: 1px solid #CCC; padding: 5px; font-family: 'Lato','Open Sans',Helvetica,Arial,sans-serif!important; font-size: 12px!important; } .k-upload .k-dropzone { border: 1px solid #CCC; padding: 0px; } #editFileManager .k-edit-form-container .k-edit-field, #editTicketPopup .k-edit-form-container .k-edit-field[data-container-for="attachments"] { width: 80%!important; } .k-editable-area { padding: 1px; } .k-state-disabled>.k-dropdown .k-dropdown-wrap, .k-state-disabled>.k-dropdowntree .k-dropdown-wrap, .k-dropdown .k-dropdown-wrap.k-state-disabled, .k-dropdowntree .k-dropdown-wrap.k-state-disabled { border-bottom-style: none; } .k-calendar-container table > tbody > tr:hover { background-color: #fff; } .k-button { text-transform: none!important; } .k-edit-form-container .k-header.k-editor-widget { background-color: inherit!important; } .k-edit-form-container .k-editable-area { border:none; background-color: #FFF; display: flex; flex-direction: column; } .k-edit-form-container .k-editable-area iframe { border: 1px solid #CCC; } .k-edit-form-container .k-edit-field { display: flex; flex-direction: column; } .k-edit-form-container .k-edit-field .k-dropdown { display: flex; flex-direction: column; } .k-invalid-msg { margin:0!important; margin-top:10px!important; font-size: 12px; } .k-invalid-msg > .k-tooltip-icon { align-self: center; margin-right: 5px; } .k-pager-numbers-wrap > .k-dropdown { display: none; } .k-checkbox:checked { border-color: #10b3e6; background-color: #10b3e6; } .k-grid.k-grid-display-block { display: flex; } .k-widget.k-editor.k-editor-inline { line-height: 1.2; font-size:12px; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } html { /*font-family:'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;*/ font-family:'Lato', 'Open Sans', Helvetica, Arial, sans-serif; text-rendering: optimizeSpeed!important; } body { /*font-family:'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;*/ font-family:'Lato', 'Open Sans', Helvetica, Arial, sans-serif; text-rendering: optimizeSpeed!important; } h1, h2, h3, h4, h5, h6 { color: #10b3e6; font-weight: 400; padding:0 0 5px 0; margin:0 0 5px 0; } h1 {} h2 { font-size: 18px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 11pt; } a, a:link { text-decoration: none; color: #e51049; } .icon.glyphicon{ font-size: 16pt; } button, input[type="button"], a.button, span.button { border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px; border: none; background-color:#10b3e6; color:#fff; padding: 2px 8px; min-height:20px; height:auto; line-height:20px; margin-top:10px; text-align: center; border:1px solid #10b3e6; box-sizing: content-box; -webkit-appearance:button; font-weight: 400!important; } button:disabled, input[type="button"]:disabled, a.button:disabled, span.button:disabled { background-color:#ccc!important; color:#fff!important; cursor: not-allowed!important; text-shadow:none!important; border:1px solid #ccc!important; opacity:0.5; } button:hover, input[type="button"]:hover, input[type="button"]:focus, a.button:hover, a.button:focus, span.button:hover, span.button:focus { color:#10b3e6; border:1px solid #10b3e6; background-color: #fff; text-shadow: 1px 0px 0px #10b3e6; outline: none!important; } a.button, span.button { margin-top: 0px; } button.reset { background-color:#696969; border-color:#696969; margin:0 5px; } button.reset:hover, button.reset:focus { background-color:#fff; color:#696969; text-shadow: 1px 0px 0px #696969; } button.cancel { background-color:#e51049; border-color:#e51049; } button.cancel:hover, button.cancel:focus { background-color:#fff; color:#e51049; text-shadow: 1px 0px 0px #e51049; } button span.glyphicon { font-size:9pt!important; } input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="search"] , input[type="number"], textarea, select { max-width:98%; width:98%; border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px; border: 1px solid #ccc; padding: 2px 5px; height: 25px; line-height: 1.25; box-sizing: content-box; /* border: none; */ /* border-bottom: 1px solid #ccc; */ } input:-webkit-autofill, input:-moz-autofill, input:autofill { color:#515151!important; background-color:#fff!important; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="search"]:focus,input[type="number"]:focus, textarea:focus, select:focus { border-color:#10b3e6; outline: none!important; background:#fff!important; } input:read-only, input:-moz-read-only { border: none!important; background: transparent!important; } textarea { min-height:100px; box-sizing: content-box; border:1px solid #ccc; } table {} table thead {} table thead tr {} table thead tr th { padding-bottom:10px; } table thead tr th button { margin-top:0px; margin-bottom:10px; } table tbody {} table.listTable tbody tr { height: 40px; line-height: 24px; vertical-align: middle; border-bottom: 1px dashed #ccc; } table.listTable tbody tr:last-child { border-bottom:none; } table.listTable tbody tr td { line-height: 24px; vertical-align: middle; padding: 10px 0; margin: 10px 0; } table.listTable tbody tr td img { max-width:54px; max-height:40px; margin:0 5px; display:inline-block; } table tbody tr:nth-child(even){ /*background:#ebebeb;*/ } table tbody tr:hover { background:#ebebeb; } table tbody tr:hover td { border-color:#fff; } table tfoot {} table tfoot tr {} table tfoot tr td {} ul { list-style:none; padding: 0; margin: 0; } ul li {} ul li ul {} .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } div.hamburger_menu { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height:20px; width:20px; background: url(https://defu9f4k3otpo.cloudfront.net/menu.png) 50% 50% no-repeat #ccc; background-size: 70%; margin:0 auto; display: inline-block; vertical-align: middle; margin-top: 2px; margin-left: 5px; } div.hamburger_menu:hover { cursor:pointer; border-color:#e1e1e1; -webkit-box-shadow: 0px 1px 5px 0px rgba(150,150,150,1); -moz-box-shadow: 0px 1px 5px 0px rgba(150,150,150,1); box-shadow: 0px 1px 5px 0px rgba(150,150,150,1); transition: box-shadow .25s; -webkit-transition:box-shadow .25s; -moz-transition:box-shadow .25s; background-color:#10b3e6; } .form-required { color: #e51049; margin-right: 5px; font-size: 16px; line-height: .5; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .loading {} .loading > img {} .loading > span { margin-left:3px; } .modal { z-index:1002; } .modal-content { max-height: 92vh; overflow: auto; } .modal-header .title, .modal-header .centertitle { font-size: 18px; color: #10b3e6; font-weight: 400; padding:0 0 5px 0; margin:0 0 5px 0; } .modal-header .centertitle { margin: auto; text-align: center; } .modal .close, .modal .close:hover, .modal .close:focus { position: absolute; right: 20px; top: 0px; z-index: 2000; font-size: 14pt!important; opacity: 0.5!important; color:#000!important; border:none!important; } .dropdown-menu > li.delete > a { color:#e51049; } .dropdown-menu > li > a { color:#515151; font-size:12px; display: block; padding: 3px 10px; clear: both; font-weight: normal; line-height: 1.5; white-space: nowrap; } .dropdown-menu > li > a > span.glyphicon { margin-right:8px; } .k-header { background: transparent; } .k-button, .k-widget { -webkit-box-shadow: none!important; box-shadow: none!important; } .k-content, .k-editor { padding: 5px!important; color: #515151!important; } .k-i-expand, .k-plus, .k-plus-disabled { background-position: 0 -208px!important; } .k-splitter .k-ghost-splitbar-horizontal, .k-splitter .k-splitbar-horizontal { height: 100%!important; width:6px; } .k-splitbar-horizontal-hover:hover, .k-splitbar.k-state-focused { background-color:#ccc; border-color:transparent; } div.k-splitter { height: 100%; border: none; } div.k-widget { overflow: hidden; } .k-splitter > .k-pane { overflow:hidden; overflow-y:auto; max-height: 100%; } .k-treeview .k-treeview-lines .k_item .k_top .k_in:hover .hamburger_menu{ display:block; } li.k-item span.k-state-hover, li.k-item span.k-state-focused { background:transparent; /*color:#10b3e6;*/ cursor:pointer; } li.k-item span.k-state-hover span, li.k-item span.k-state-focused span { text-shadow:1px 0px 0px #515151; } li.k-item span.k-state-selected { color:#10b3e6; background:transparent; } li.k-item span.k-state-selected span { text-shadow:1px 0px 0px #10b3e6!important; color:#10b3e6; } /* .k-treeview .k-in { padding:0; margin:1px 0; border:none; } */ .k-spreadsheet-cell-context-menu > li[data-action="merge"] { display:none; } .k-spreadsheet-view-size { min-width:100%; } .k-spreadsheet .k-tabstrip-items { padding: 0; } /*.k-spreadsheet .k-tabstrip-items > li:last-child { display: none; }*/ .k-spreadsheet .k-tabstrip-items > li.k-item { background:none!important; /*border:none!important;*/ } .k-spreadsheet .k-tabstrip-items > li.k-item span.k-link { color:#515151; } .k-spreadsheet .k-tabstrip-items > li.k-item.k-state-hover span.k-link, .k-spreadsheet .k-tabstrip-items > li.k-item.k-state-active span.k-link { text-shadow: 1px 0px 0px #515151; } .k-spreadsheet .k-tabstrip-wrapper { background: #e6e6e6!important; } .k-spreadsheet .k-tabstrip .k-content.k-state-active { border-color: transparent; margin: 0!important; padding: 0!important; border-top: 1px; } .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button, .k-spreadsheet .k-spreadsheet-sheets-bar .k-button { line-height:0.6em; } .k-spreadsheet .k-spreadsheet-sheets-bar .k-button.k-tabstrip-next { left: auto!important; } .k-spreadsheet .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove { display: flex; } div.dialog-body .k-grid-content { max-height: 65vh; } .k-grid-content tbody td div { font-size: 9pt; color:#515151; } .k-grid-content td.image { text-align:center; } .k-grid-content img { max-height:40px; max-width: 100%; } /*.imagesGrid .k-grid-content img, .productGrid .k-grid-content img { max-height:60px; }*/ .k-grid-content button { margin: 0 7px; } .k-grid-content tbody tr { height:50px; } #threedx_Config .k-grid-content tbody tr { height:auto; } .k-grid-content tbody tr:hover { cursor: pointer; position:relative; } #companiesGrid { height: 100% } .catalogsGrid { height: 100%} #companiesGrid .k-grid-content tbody tr:hover, .catalogsGrid .k-grid-content tbody tr:hover { cursor: default; } .k-grid-content tbody tr button { opacity: 1; display: inline-block; } .k-grid-content tbody tr button .glyphicon { font-size:9pt!important; } .k-grid-content tbody tr.showMenu button { color:#10b3e6; border:1px solid #10b3e6; background-color: #fff; text-shadow: 1px 0px 0px #10b3e6; outline: none!important; } .k-grid-content tbody tr.showMenu button.cancel, .k-grid-content tbody tr.k-state-selected button.cancel { color:#fff; background-color:#e51049; border:1px solid #e51049; text-shadow: 1px 0px 0px #fff; } .k-grid-content tbody tr td:first-child ul, .k-grid-content tbody tr td:first-child ul.showMenu { display:none; } .k-grid-content tbody tr.showMenu td:first-child.showMenu ul.showMenu { display:block; } .k-grid-content tbody tr td.showMenu { overflow:visible; } .k-grid-content tbody tr td:first-child ul.showMenu { position: absolute; min-width: 150px; height: 65px; background: #fff; z-index: 10000; border: 1px solid #e6e6e6; padding: 5px 10px; top: 13px; left: 13px; min-height: 65px; height: auto; width: auto; } .k-list .k-item.k-state-selected { color: #10b3e6; } ul.showMenu li { width: 100%; white-space: nowrap; } .k-grid-content tbody tr.showMenu td:first-child { position:relative; } .k-filter-menu span.k-dropdown:first-of-type, .k-filter-menu .k-filter-help-text { display:none; } .k-filtercell>.k-operator-hidden { width: 80%; } .k-filtercell>span { width:80%; } .k-filtercell>span>.k-button, .k-filter-row .k-dropdown-operator { height: 100%; } .k-calendar { color:#515151!important; } ul.new_record_form h4.info { float: none; clear: none; margin: 0; } ul.new_record_form li.buttons { align-items: flex-start; align-content: flex-start; justify-content: flex-start; display: list-item; } ul.new_record_form li.buttons button { width: 40px; margin:0; margin-right: 7px!important; } button.closeModal { float: right; } table td.actions button { margin:0; margin-right:5px; } .uploadButton { display:inline-block; } .dialog-buttons { margin-top: 40px; float: right; } .dialog-buttons button, .dialog-buttons input[type="button"] { margin-top:0px!important; } .stretch { position: absolute; top: 0; left: 115px; right: 0; bottom: 0; overflow: auto; } .ui-splitbar { border: 1px solid #c5c5c5; background: transparent!important; padding: 0 2px!important; } .ui-splitbar > a { font-size:14px!important; } ul.properties_table { list-style: none; margin: 0; padding: 0; } div#propertiesBar ul.properties_table { margin-right:20px; } ul.properties_table > li { margin:10px 0; padding:0; } ul.properties_table > li > ul.properties_table { width:100%; margin-right:0px!important; } ul.properties_table > li.split { width: 45%; display: inline-block; vertical-align: top; } ul.properties_table > li.split.block { width: 45%; display: block; } ul.properties_table > li.split.form { height: 50px; margin-bottom: 0; } ul.properties_table > li.split.right { margin-left:5%; } ul.properties_table > li.split.right.telephone { width: 20%; } ul.properties_table > li.split.right.telephone.last { margin-left: calc(5% - 7px); } ul.properties_table > li.split.right.telephone > input { width: 100%; } ul.properties_table > li.split > select:disabled { background-color: #ccc; } ul.properties_table p.form-error { margin: 0; color: #e51049; display: none; } ul.properties_table > li.error > input, ul.properties_table > li.error > select, ul.properties_table > li.error > textarea, ul.properties_table > li.error > .k-editor-widget, ul.properties_table .error > input { border-color: #e51049; } ul.properties_table .error > p.form-error { display: block; } ul.properties_table .error:focus-within > p.form-error { display: none; } ul.properties_table > li.error:focus-within > input, ul.properties_table > li.error:focus-within > select, ul.properties_table > li.error:focus-within > textarea, ul.properties_table .error:focus-within > input { border-color: #ccc; } ul.properties_table > li > textarea, ul.properties_table > li.error:focus-within > textarea { margin-bottom: 17px; } ul.properties_table > li.error > textarea { margin-bottom: 0; } ul.properties_table > li > ul.properties_table > li:first-child { margin-top:0px!important; } ul.properties_table > li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; flex-flow: row; -webkit-flex-flow: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } ul.properties_table > li div.properties_left { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 0; -webkit-box-flex: 0; min-width:25%; margin-right:5%; vertical-align: -webkit-baseline-middle; } ul.properties_table > li div.properties_right { order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; justify-content: flex-end; align-items: flex-end; align-content: flex-end; flex-grow: 1; -webkit-box-flex: 1; max-width:70%; vertical-align: -webkit-baseline-middle; } ul.properties_table > li.contact { width: 95.7%; } ul.properties_table > li.address > div.lines, ul.properties_table > li.address > div.location, ul.properties_table > li.contact > div.details, ul.properties_table > li.company-info > div.details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; flex-flow: column; -webkit-flex-flow: column; justify-content: space-between; align-content: stretch; align-items: stretch; flex-wrap: nowrap; width:100%; } ul.properties_table > li.address > div.lines > input { /*flex:1 0 100%; */ margin-bottom:10px; } ul.properties_table > li.address > div.location, ul.properties_table > li.contact > div.details, ul.properties_table > li.company-info > div.details { flex-direction: row; -webkit-flex-direction: row; flex-flow: row; -webkit-flex-flow: row; width:100%; } ul.properties_table > li.company-info > div.details input { width: calc(100% - 12px); } ul.properties_table > li.address > div.cspc label { display:inline-block; float:none; clear:none; width:auto; margin-right:5px; } ul.properties_table > li.address > div.location label:first-child { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 0; -webkit-box-flex: 0; max-width: auto; vertical-align: -webkit-baseline-middle; margin: 0 25px 0 0; } ul.properties_table > li.address > div.location label:nth-child(2) { order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 0; -webkit-box-flex: 0; max-width:auto; vertical-align: -webkit-baseline-middle; margin: 0 25px 0 0; } ul.properties_table > li.address > div.location label:nth-child(3) { order: 3; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 0; -webkit-box-flex: 0; max-width: auto; vertical-align: -webkit-baseline-middle; margin: 0 25px 0 0; } ul.properties_table > li.address > div.location label:nth-child(4) { order: 4; -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 0; -webkit-box-flex: 0; max-width: auto; vertical-align: -webkit-baseline-middle; margin: 0 25px 0 0px; } ul.properties_table > li.address > div.cspc > span.country, ul.properties_table > li.address > div.cspc > span.state { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; flex-flow: row; -webkit-flex-flow: row; justify-content: flex-start; align-content: flex-start; align-items: flex-start; flex-wrap: nowrap; } ul.properties_table > li.address > div.cspc > span label { display:none; order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 0; -webkit-box-flex: 0; } ul.properties_table > li.address > div.cspc > span select { order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 1; -webkit-box-flex: 1; max-width:80%; } ul.properties_table > li.address > div.location select { width: auto; } ul.properties_table > li.address > div.location input.city { width: 150px; margin-top: 20px; } ul.properties_table > li.address > div.location input.zipcode { width: 110px; margin-top: 20px; } ul.properties_table > li.address > div.location select.state-select { width: 210px; } ul.properties_table > li.contact > div.details input, ul.properties_table > li.company-info > div.details div { margin-bottom: 5px; flex: 0 1 30%; } ul.properties_table > li.List ul.datasourcelist, ul.tagsList { margin-top:5px; } ul.properties_table > li.List ul.datasourcelist > li.datasourcelistItem:first-child, ul.tagsList > li.tagsListItem:first-child { margin-left: 0px!important; } ul.properties_table > li.List ul.datasourcelist > li.datasourcelistItem, ul.tagsList > li.tagsListItem { display: inline-block; margin: 2.5px 8px 5px 0px; border:1px dashed #ccc; padding:5px; } ul.properties_table > li.List ul.datasourcelist > li.datasourcelistItem:hover, ul.tagsList > li.tagsListItem:hover { background: #f5f5f5; cursor: default; } ul.properties_table > li.List ul.datasourcelist > li.datasourcelistItem > span.remove, ul.tagsList > li.tagsListItem > span.remove { } ul.properties_table > li.List ul.datasourcelist > li.datasourcelistItem > span.remove:hover, ul.tagsList > li.tagsListItem > span.remove:hover { color:#e51049; } /* Form Fields */ ul.properties_table input[type="checkbox"], ul.properties_table input[type="radio"], ul.properties_table label { vertical-align: middle; display: inline-block; /*width:15%;*/ } ul.properties_table input[type="checkbox"]:hover, ul.properties_table input[type="radio"]:hover { cursor:pointer; } .properties_table label > span:hover { cursor:pointer; } ul.properties_table > li > div.properties_right > label.sortCheckBox { padding-left: 15px; } ul.properties_table > li > div.properties_right > label.sortCheckBox > input{ margin-left: 5px; margin-top: 0px; } ul.properties_table label { font-weight:400; line-height:20px; } ul.properties_table input[type="text"], ul.properties_table input[type="email"], ul.properties_table input[type="tel"], ul.properties_table input[type="url"], ul.properties_table input[type="search"], ul.properties_table textarea, ul.properties_table select {} ul.properties_table input[type="text"]:focus, ul.properties_table input[type="email"]:focus, ul.properties_table input[type="tel"]:focus, ul.properties_table input[type="url"]:focus, ul.properties_table input[type="search"]:focus, ul.properties_table textarea:focus, ul.properties_table select:focus {} ul.properties_table textarea {} ul.properties_table select { max-width:50%; box-sizing: content-box; } ul.properties_table ul.dataRefList { list-style: none; margin: 0; padding: 0; width:100%; } ul.properties_table ul.dataRefList label { /*width:15%;*/ } ul.properties_table ul.dataRefList > li { margin:10px 0; padding:0; } ul.properties_table ul.dataRefList > li:first-child { margin:0!important; } ul.properties_table ul.dataRefList > li ul { list-style: none; } ul.properties_table ul.dataRefList > li ul > li { margin: 10px 0; } ul.properties_table ul.dataRefList > li ul > li:first-child { margin:0; } ul.properties_table ul.dataRefList > li ul > li:first-child { /* margin:0; */ } ul.properties_table ul.dataRefList > li ul > li:last-child { /*margin:0;*/ } ul.properties_table ul.dataRefList > li ul > li input { margin-top:0; margin-bottom:10px; } ul.properties_table ul.dataRefList > li ul > li:last-child button { margin:0; } div.treeContainer a.rootcatalogitem:hover { cursor: pointer; } h6.info-title { margin: 0; } h6.contact-title { margin: 0; padding-top: 5px; } ul.map_legend { padding: 10px; background-color: rgba(255,255,255,.75); border: 1px solid #ccc; border-bottom: none; border-top-left-radius: 3px; border-top-right-radius: 3px; } ul.map_legend > li { display: inline-block; border-right: 1px dashed #ccc; padding-right: 5px; margin-right: 5px; } ul.map_legend > li.userPosition { display: none; } ul.map_legend > li:last-child { border-right: none; padding: 0; margin: 0; } ul.map_legend > li > img { margin-right: 5px; } /* bootstrap overrides */ .text-success{ color:#DFF2BF; } .text-info{ color:#BDE5F8; } .text-warning{ color:#FEEFB3; } .text-danger{ color:#FFBABA; } /* Desktops and laptops ----------- */ @media only screen (max-device-width: 1024px) and (max-device-height: 768px) and (orientation: landscape) { body { background-color:#AAA!important; } } @media only screen (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape) { body { background-color:#000CCC!important; } } @media only screen (max-device-width: 1280px) and (max-device-height: 1024px) and (orientation: landscape) { body { background-color:#000!important; } } @media only screen (max-device-width: 1366px) and (max-device-height: 768px) and (orientation: landscape) { body { background-color:#10b3e6!important; } } @media only screen (max-device-width: 1366px) and (max-device-height: 768px) and (orientation: landscape) { } html { width: 100%; margin: 0 auto; padding: 0; text-rendering: optimizeSpeed!important; } body { width: 100%; margin: 0 auto!important; padding: 0!important; font-size: 9pt; font-weight: 400; color: #515151!important; zoom: 1; min-height: 100vh; overflow: hidden; text-rendering: optimizeSpeed!important; position: relative; } body:before { display: none!important; background-image: url(//defu9f4k3otpo.cloudfront.net/logo.png); background-size: 121px 55px; content: ""; position: fixed; right: 10px; z-index: -1; display: block; height: 55px; width: 121px; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(0px); opacity: 0.15; bottom: 8px; background-repeat: no-repeat; background-position: bottom right; } body > div#AboutOverlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; background: rgba(100, 100, 100, 0.8); z-index: 20000; margin: auto; display: none; -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } body > div#AboutOverlay > div { width: 50%; height: 20%; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; border: 1px solid #ebebeb; padding: 25px 25px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } body > div#AboutOverlay .closer { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; } body > div#AboutOverlay .closer > span.glyphicon { font-size: 14pt; color: #515151; } body > div#AboutOverlay .closer:hover { cursor: pointer; } body > div#AboutOverlay > div > h2 > span { font-size: 20pt; } body > div#AboutOverlay > div > p.version { position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid #f1f1f1; padding-top: 10px; text-align: center; } body > header { position: fixed; left: 0; top: 0; width: 100%; z-index: 1040; background-color: rgba(255, 255, 255, .99); border-bottom: 1px solid #c5c5c5; height: 40px!important; } body > header > div { margin: 5px 10px 0; position: relative; height: calc(100% - 5px)!important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; flex-flow: row; -webkit-flex-flow: row; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .mobile_menu_icon { display: block; visibility: visible; width: 30px; font-size: 14pt; text-align: center; z-index: 1001; position: absolute; top: 6px; left: 5px; font-weight: 400; } .mobile_menu_icon > span { color: #515151; top: 0px!important; } .mobile_menu_icon > span:hover, .mobile_menu_icon > span:active, .mobile_menu_icon > span:focus { color: #10b3e6; } body > header > div > h1 { height: 30px; width: 70px; margin: 0; padding: 0; } body > header > div > h1 > a { height: 90%; width: 100%; display: block; margin-top: 0; background-repeat: no-repeat; background-position: left top; background-size: contain; background-image: url(//defu9f4k3otpo.cloudfront.net/logo.png); } body > header > div > h1 > a > span { display: none; } body > header > div > h2 { color: #10b3e6; font-weight: 400; font-size: 20pt; order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; height: 40px; line-height: 36px; vertical-align: text-top; margin: 0px; padding: 0; } /* Main Menu */ header > nav#MainMenu { visibility: visible; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; min-width: 200px; margin-left: 20px; order: 3; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; justify-content: flex-start; align-items: center; align-content: center; flex-grow: 0; -webkit-box-flex: 0; } header > nav#MainMenu:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2); border-right: none; background: white!important; cursor: pointer; margin-top: 0px; -webkit-transition: -webkit-box-shadow .95s linear; transition: box-shadow .95s linear; -webkit-transition: background .15s linear; transition: background .15s linear; width: 200px; top: 10px; border-bottom: 0px 0px 5px 5px; -moz-border-bottom: 0px 0px 5px 5px; -webkit-border-bottom: 0px 0px 5px 5px; } nav#MainMenu:hover > div.siteNavDiv { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-animation: fadeIn 1.25s; animation: fadeIn 1.25s; background-color: #f5f5f5; border-bottom: 0 0 5px 5px; -moz-border-bottom: 0 0 5px 5px; -webkit-border-bottom: 0 0 5px 5px; } nav#MainMenu:hover > div.activeSection { display: none; } nav#MainMenu > div { display: none; } nav#MainMenu > div.activeSection { display: block; } nav#MainMenu > div.activeSection > div { -webkit-transition: margin-left .15s linear; transition: margin-left .15s linear; user-select: none; -webkit-user-select: none; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2); box-sizing: content-box!important; -webkit-box-sizing: content-box!important; padding: 3px 0 4px 0px; } nav#MainMenu > div.activeSection > div > h3.activeSectionTitle { display: inline-block; margin: 0; padding: 0; font-size: 10pt; width: auto; max-width: 90%; font-weight: 400; color: #515151; margin-left: 10px; vertical-align: middle; text-shadow: 1px 0px #515151; } nav#MainMenu > div.activeSection > div > h3.activeSectionTitle > span.text { vertical-align: middle; margin-left: 15px; } nav#MainMenu > div.activeSection > div > span.arrow { float: right; background: #10b3e6 url('//d2n1gtd1az8f7f.cloudfront.net/img/menu.png') no-repeat center center; height: 18px; width: 18px; line-height: 20px; margin-right: 10px; margin-top: 1px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 2px; padding: 2px; background-size: 13px; } nav#MainMenu > div.siteNavDiv { display: none; width: 100%; flex-direction: column; -webkit-flex-direction: column; flex-flow: column; -webkit-flex-flow: column; justify-content: flex-start; align-content: stretch; align-items: stretch; } nav#MainMenu > div.siteNavDiv > ul.siteNavList { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; justify-content: flex-start; align-items: center; align-content: center; flex-grow: 0; -webkit-box-flex: 0; list-style: none; margin: 0; padding: 0; } nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem, nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem > a { font-size: 10pt; line-height: 38px; color: #515151; } nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem:hover { background-color: #e2e2e2; } nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem > ul { display: none; } nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem.active > ul { display: block; } nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem > ul.subNavListAlpha { margin-left: 5px; } nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem > ul.subNavListAlpha > li { display: inline-block; float: none; width: 25px; height: 25px; margin: 10px; border: 1px solid #c5c5c5; padding: 0px; text-align: center; line-height: 25px; -webkit-box-sizing: content-box; box-sizing: content-box; } nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem > ul.subNavListAlpha > li > a { color: #515151; height: 100%; width: 100%; display: block; } nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem > ul.subNavListAlpha > li:hover, nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem > ul.subNavListAlpha > li.chosen { border: 1px solid #10b3e6; background-color: #10b3e6; color: #fff; font-weight: 600; cursor: pointer; } nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem > ul.subNavListAlpha > li:hover > a, nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem > ul.subNavListAlpha > li.chosen > a { color: #fff; } nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem > a > span.text { vertical-align: middle; display: inline-block; margin-left: 15px; } nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem:hover > a > span.text { text-shadow: 1px 0px #515151; } nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem.active:hover > a > span.text { text-shadow: none; } nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem > ul.classification > li > a { color: #10b3e6; margin-left: 20px; font-weight: 400; } nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem > ul.classification > li > a:before { content: "\2022 "; margin-right: 5px; } nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem > ul.classification > li:hover > a { color: #e51049; } nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem.active a { color: #515151; text-shadow: 1px 0px #515151; } nav#MainMenu > div.siteNavDiv > ul.siteNavList > li.siteNavItem a { width: 100%; display: block; } nav#MainMenu > div.siteNavDiv > div.subMenuContainer { width: 200px; order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; justify-content: flex-start; align-items: center; align-content: center; flex-grow: 0; -webkit-box-flex: 0; } nav#MainMenu > div.siteNavDiv > div.subMenuContainer > a { display: block; clear: both; float: left; width: 100%; font-size: 12pt; line-height: 28px; color: #10b3e6; } nav#MainMenu > div.siteNavDiv > div.subMenuContainer > a:hover { color: #e51049; } /* END Main Menu */ header div#SearchField { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; min-width: 35vw; order: 4; -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; justify-content: flex-end; align-items: center; align-content: flex-end; padding: 0; margin: 0 25px; flex: 0 1 35vw; } /* User Account Links */ header .UserLinks { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: none; visibility: hidden; position: absolute; right: 0; width: auto; height: 40px; overflow: visible; padding-right: 10px; min-width: 150px; text-align: right; } header .UserLinks.visible { display: block; visibility: visible; } header .UserLinks > li { color: #515151; height: 100%; line-height: 40px; display: inline-block; margin: 0px 5px; text-align: center; vertical-align: middle; } header .UserLinks > li.submenu, header .UserLinks > li:last-child { margin-right: 0px; } header .UserLinks > li.submenu ul { display: none; width: 100%; left: 0; right: 0; top: 44px; position: absolute; border: 1px solid #e9e9e9; border-top-color: #fff; background-color: #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-bottom-left-radius: 3px; -moz-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; } header .UserLinks a { color: #515151; height: 100%; line-height: 35px; width: 30px; text-align: center; vertical-align: middle; font-size: 14px; } header .UserLinks a > span.glyphicon { font-size: 17px; top: 4px; } header .UserLinks a:hover { cursor: pointer; text-decoration: none; } header .UserLinks > span { padding: 0 12%; } header .UserLinks > span:hover { cursor: pointer; text-shadow: 0px 1px #515151; } header .UserLinks > ul { display: none; padding: 5%; background: #ebebeb; border-bottom: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; margin: 0; margin-top: 15px; padding-bottom: 10%; } header .UserLinks > ul li { margin: 0; padding: 0px 10px; } header .UserLinks > ul li:first-child { margin-top: -10px; } header .UserLinks > ul li:hover { cursor: pointer; text-shadow: 0px 1px #515151; } /* Uploads Container */ #uploads > a.uploadsLink span.threedxIcon-bell { font-size: 12pt; vertical-align: middle; background-position: -147px 0px!important; top: -1px; position: relative; display: inline-block; width: 15px; } #uploads > a.uploadsLink:hover { cursor: pointer; text-decoration: none; } #uploads > div.uploadsListContainer { width: 25vw!important; max-height: 200px; overflow: auto; right: 0; top: 44px; position: absolute; border: 1px solid #e9e9e9; border-top-color: #fff; background-color: #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-bottom-left-radius: 3px; -moz-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; } div.uploadsListContainer table.uploadsList { width: 100%; } div.uploadsListContainer table.uploadsList thead tr { border-bottom: 1px solid #c5c5c5; } div.uploadsListContainer table.uploadsList thead tr th { padding: 5px; } div.uploadsListContainer table.uploadsList tbody tr { height: auto; border-bottom: 1px dashed #c5c5c5; } div.uploadsListContainer table.uploadsList tbody tr:last-child { border-bottom: none; } div.uploadsListContainer table.uploadsList tbody tr td { padding: 10px 5px; text-align: left; } div.uploadsListContainer table.uploadsList tbody tr td.completed { text-align: right; } div.uploadsListContainer table.uploadsList tbody tr td.completed span { margin-right: 5px; color: #10b3e6; } div.uploadsListContainer span.uploadedFiles { text-shadow: 1px 0px 0px #515151; } div.uploadsListContainer table.uploadsList thead tr th.closer { text-align: right; } div.uploadsListContainer table.uploadsList thead tr th.closer a { font-size: 10pt; } div#MainWrapper { color: #515151; position: relative; padding: 0; margin: 0; height: 100%; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; flex-flow: row; -webkit-flex-flow: row; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } /* Sidebar NAV */ div#MainWrapper > aside#SidebarNavigation { display: none; border-right: 1px solid #c5c5c5; width: 100%; height: calc(100% - 45px); z-index: 1002; flex-grow: 1; flex-shrink: 0; } aside#SidebarNavigation > nav { width: 100%; text-align: center; } aside#SidebarNavigation > nav > ul { padding: 0; list-style: none; width: 100%; } aside#SidebarNavigation > nav > ul > li { color: #f1f1f1; margin: 0px 10vw 10px 10vw; border-bottom: 1px solid #fff; } aside#SidebarNavigation > nav > ul > li.active { background: transparent; } aside#SidebarNavigation > nav > ul > li a { text-align: center; display: block; height: 32px; width: 32px; margin-top: 5px; overflow: hidden; } aside#SidebarNavigation > nav > ul li.active a { color: #10b3e6; } aside#SidebarNavigation > nav > ul li a span.navIcon { margin: 0 auto; } aside#SidebarNavigation > nav > ul li.active a span.navIcon { background-image: url(//defu9f4k3otpo.cloudfront.net/sidebar-icons-new-2-32-active.png); } /* 24 x 24 Size Icons */ aside#SidebarNavigation > nav.twenty-four > ul > li a { width: 24px; height: 24px; } aside#SidebarNavigation nav.twenty-four span.navIcon.home, aside#SidebarNavigation nav.twenty-four span.navIcon.dashboard { background-position: 0px 0px; } aside#SidebarNavigation nav.twenty-four span.navIcon.company { background-position: -173px 0px; } aside#SidebarNavigation nav.twenty-four span.navIcon.catalog { background-position: -73px 0px; } aside#SidebarNavigation nav.twenty-four span.navIcon.campaign { background-position: -345px 0px; } aside#SidebarNavigation nav.twenty-four span.navIcon.reports { background-position: -98px 0px; } aside#SidebarNavigation nav.twenty-four span.navIcon.tasks { background-position: -24px 0px; } aside#SidebarNavigation nav.twenty-four span.navIcon.utilities { background-position: -197px 0px; } aside#SidebarNavigation nav.twenty-four span.navIcon.users { background-position: -147px 0px; } aside#SidebarNavigation nav.twenty-four span.navIcon.settings { background-position: -123px 0px; } aside#SidebarNavigation > nav.twenty-four > ul li.active a span.navIcon { background-image: url(//defu9f4k3otpo.cloudfront.net/sidebar-icons-new-2-24-active.png); } aside#SidebarNavigation > nav.twenty-four > ul li.disabled a span.navIcon { background-image: url(//defu9f4k3otpo.cloudfront.net/sidebar-icons-new-2-24-disabled.png); } /* Main Content View */ div#MainWrapper > #MainContainer { order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 1; flex-shrink: 1; -webkit-box-flex: 1; height: calc(100% - 45px); overflow: auto; } #MainContainer > section { position: absolute; top: 0px; left: 0px; z-index: 1000; width: 100%; height: calc(100%); overflow: auto; } #MainContainer > section.signedIn { left: 5px; width: calc(100% - 5px); } #MainContainer > section.showTabs { height: calc(100% - 40px); top: 40px; overflow-y: auto; } #MainContainer > section h3, #MainContainer > section h4, #MainContainer > section h5 { padding-top: 10px; font-weight: 600; } #MainContainer .contentHeader { border-bottom: 1px solid #c5c5c5; line-height: 33px; height: 33px; overflow: hidden; display: none; visibility: hidden; } #MainContainer .contentHeader.visible { visibility: visible!important; display: flex!important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; flex-flow: row; -webkit-flex-flow: row; justify-content: flex-start; align-content: stretch; align-items: stretch; flex-wrap: nowrap; flex: 1 0 0; height: 40px; z-index: 1000; width: 100%; background-color: #f5f5f5; } #MainContainer .contentHeader .contentTabs { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0; z-index: 1001; height: 40px; } #MainContainer .contentHeader .contentTabs .contentTabs-tabItem:first-child { border-right: none; border-left: none!important; } #MainContainer .contentHeader .contentTabs .contentTabs-tabItem { list-style: none; border: 1px solid #e5e5e5; border-bottom: 1px solid #c5c5c5; border-right: none!important; vertical-align: middle; text-align: center; position: relative; float: left; padding: 0px 5px; background: transparent; height: 40px; -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } #MainContainer .contentHeader .contentTabs .contentTabs-tabItem a { padding: 0px 5px; height: 100%; display: block; width: 100%; color: #515151; line-height: 40px; font-size: 12px; } #MainContainer .contentHeader .contentTabs .contentTabs-tabItem .subTabs { display: none; visibility: hidden; position: absolute; top: 39px; left: -1px; z-index: 1002; background: #fff; border: 1px solid #c5c5c5; border-top: none; width: 200px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-bottom-left-radius: 3px; -moz-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; padding-bottom: 10px; } #MainContainer .contentHeader .contentTabs .contentTabs-tabItem .subTabs .subTabs-tabItem { text-align: left; } /* Main Tab Hover */ #MainContainer .contentHeader .contentTabs .contentTabs-tabItem:hover { list-style: none; background: #fff; border: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5!important; } #MainContainer .contentHeader .contentTabs .contentTabs-tabItem.subMenu:hover { border-bottom: 1px solid #fff; } #MainContainer .contentHeader .contentTabs .contentTabs-tabItem:hover a { text-decoration: none; color: #10b3e6; } #MainContainer .contentHeader .contentTabs .contentTabs-tabItem:hover .subTabs { display: block; visibility: visible; } #MainContainer .contentHeader .contentTabs .contentTabs-tabItem:hover .subTabs a { padding: 0px 10px; color: #515151; } #MainContainer .contentHeader .contentTabs .contentTabs-tabItem:hover .subTabs a:hover { color: #10b3e6; } #MainContainer .contentHeader .contentTabs .contentTabs-tabItem:hover a, #MainContainer .contentHeader .contentTabs .contentTabs-tabItem:hover span { cursor: pointer; } /* Main Tab Active */ #MainContainer .contentHeader .contentTabs .contentTabs-tabItem.active { list-style: none; background: #fff; border: 1px solid #c5c5c5; border-bottom: 1px solid #fff; } #MainContainer .contentHeader .contentTabs .contentTabs-tabItem.active a { color: #10b3e6; } #MainContainer .contentHeader .contentTabs .contentTabs-tabItem.active .subTabs a:hover { color: #10b3e6; } /* Main Tab Active - Hover */ #MainContainer .contentHeader .contentTabs .contentTabs-tabItem.active:hover { list-style: none; background: #fff; border: 1px solid #c5c5c5; border-bottom: 1px solid #fff; } #MainContainer .contentHeader .contentTabs .contentTabs-tabItem.active:hover a { color: #10b3e6; } #MainContainer .contentHeader .contentTabs .contentTabs-tabItem.active:hover .subTabs a { color: #515151; } #MainContainer .contentHeader .contentTabs .contentTabs-tabItem.active:hover .subTabs a:hover, #MainContainer .contentHeader .contentTabs .contentTabs-tabItem.active:hover .subTabs .subTabs-tabItem.active a { color: #10b3e6; } /* MainContainer Sections */ #MainContainer > section > div.content { padding-top: 33px; height: calc(100% - 50px)!important; } #MainContainer.subheader > section > div.content { padding-left: 10px; height: calc(100% - 50px)!important; padding-top: 0px; } #MainContainer.subheader > section div.FileInfo { overflow: auto; background: #fff; height: calc(100% - 50px)!important; } #MainContainer > section > div.content > div > h3 { display: none; } /* MainContainer Section div */ #MainContainer > section div.rootContainer, #MainContainer > section div.homeContainer, #MainContainer > section div.tocContainer, #MainContainer > section div.productContainer, #MainContainer > section div.designContainer, #MainContainer > section div.productManager, #MainContainer > section div.dataContainer, #MainContainer > section div.previewContainer, #MainContainer > section div.companyFormContainer, #MainContainer > section div.catalogFormContainer, #MainContainer > section div.publishContainer, #MainContainer > section div.companyContainer, #MainContainer > section div.companyLocationsContainer, #MainContainer > section div.companyLocationsForm, #MainContainer > section div.companiesListContainer, #MainContainer > section div.resourceContainer, #MainContainer > section div.createCatalogContainer, #MainContainer > section div.catalogsListContainer, #MainContainer > section div.searchContainer, #MainContainer > section div.taskManagerContainer, #MainContainer > section div.taskDetailContainer, #MainContainer > section div.ManagerContainer, #MainContainer > section div.partNumbersContainer, #MainContainer > section div.reportsContainer, #MainContainer > section div.loginForm, #MainContainer > section div.joinForm { /* padding-bottom: 20px; */ height: 100%; overflow: auto; overflow-x: hidden; background: #fff; } #MainContainer > section div.companiesListContainer, #MainContainer > section div.supportContainer, #MainContainer > section div.settingsContainer, #MainContainer > section div.catalogsListContainer, #MainContainer > section div.userContainer, #MainContainer > section div.ManagerContainer { /* padding-bottom: 5px; */ max-height: none !important; width: 100% !important; } #MainContainer > section div.columnContainer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; flex-flow: column; -webkit-flex-flow: column; justify-content: flex-start; align-content: stretch; align-items: stretch; flex-wrap: nowrap; flex: 1 0 0; width: 98%; height: 100%; } #MainContainer > section div.columnContainer .k-grid { width: calc(100% - 5px); } /* Mailings Estimate */ #estimator #recipient_count { font-size: 20pt; } #estimator .accordion { float: left; width: 100%; } #estimator .accordion div.panel-group { margin-bottom: 10px; } #estimator .accordion div.panel { margin: 10px 0; } #estimator .accordion div.panel-heading { padding: 0px 15px; } #estimator .accordion div.panel-open div.panel-heading { background-color: #10b3e6; color: #fff; } #estimator .accordion div.panel-heading > h4.panel-title, #estimator .accordion div.panel-heading > h4.panel-title h4, #estimator .accordion div.panel-heading a, #estimator .accordion div.panel-heading span { outline: none!important; border: none!important; font-size: 14px!important; top: 6px!important; } #estimator .accordion div.panel-heading a { width: 100%; display: inline-block; } #estimator .accordion div.panel-heading > .panel-title { padding-top: 5px!important; } #estimator .accordion div.panel-heading > .panel-title h4 { padding: 5px 0!important; font-size: 14px!important; display: inline-block; padding-bottom: 0px!important; } #estimator .accordion div.panel-open div.panel-heading > .panel-title h4 { font-weight: 600; color: #fff; } #estimator div.panel-body { margin-top: 0px!important; padding-top: 0px; position: relative; max-height: 25vh; overflow: auto; height: auto; padding: 10px 15px 5px 15px; } #estimator div.panel-body div.actions { position: absolute; top: -20px; right: 0px; } #estimator div.panel-body div.actions a { cursor: pointer; margin-left: 5px; display: inline-block; } #estimator div.checkboxes { columns: 5; float: left; width: 100%; } #estimator div.checkboxes div.checkboxes-item { vertical-align: middle; line-height: 20px; } #estimator div.checkboxes div.checkboxes-item label { font-weight: 400; } #estimator div.checkboxes div.checkboxes-item label:hover { cursor: pointer!important; } #estimator div.checkboxes div.checkboxes-item label input { margin-top: 0px; display: inline-block; margin-right: 3px; vertical-align: middle; } #estimator div.checkboxes div.checkboxes-item label span { display: inline-block; vertical-align: middle; } #estimator div.checkboxes div.checkboxes-item label:hover span { text-decoration: underline; } /* Campaigns */ div.campaignsList { clear: both; float: left; width: 100%; overflow: auto; max-height: 91vh; } div.campaignRec { margin-bottom: 20px; clear: both; float: left; } div.campaignRec:first-child { margin-top: 20px; } div.campaignRec label { clear: both; float: left; font-size: 10pt; } div.campaignRec label span { font-weight: normal; margin-left: 5px; font-size: 9pt; } div.campaignRec label.campaignSubject { margin-left: 20px; } div.campaignRec label.campaignSent { margin-left: 20px; } div.campaignRec button { margin-left: 20px; clear: both; float: left; margin-top: 0px; } /* Campaign Stats */ div.campaignStatsContainer { overflow: hidden; overflow-y: auto!important; } div.campaignStats { margin-top: 20px; } div.campaignStats div.statsItem { width: 100%; clear: both; float: left; } div.campaignStats div.statsItem label { font-size: 10pt; } div.campaignStats div.statsItem span { font-size: 9pt; margin-left: 5px; } div.campaignStats div.statsItem table thead tr th { font-size: 10pt; text-align: center; max-width: calc(33vw - 10px); width: auto; margin: 0px 10px 0px 0px; padding: 0px 10px 0px 0px; font-weight: 600; } div.campaignStats div.statsItem table thead tr th:first-child { text-align: left; } div.campaignStats div.statsItem table tbody tr td { font-size: 9pt; text-align: center; max-width: calc(33vw - 10px); width: auto; margin: 0px 10px 0px 0px; padding: 0px 10px 0px 0px; } div.campaignStats div.statsItem table tbody tr td:first-child { text-align: left; } div.campaignStats div.statsItem table tbody tr td a { display: inline-block; width: 95%; max-width: 95%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* Reports */ #reportsContainer { display: -webkit-box!important; display: -moz-box!important; display: -ms-flexbox!important; display: -webkit-flex!important; display: flex!important; flex-direction: row!important; -webkit-flex-direction: row!important; flex-flow: row!important; -webkit-flex-flow: row!important; justify-content: flex-start!important; align-content: stretch!important; align-items: stretch!important; flex-wrap: nowrap!important; flex: 1 0 0!important; border: none; height: 100%; overflow: hidden; } #reportsContainer div.reportSidebar { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; justify-content: flex-start; align-items: flex-start; align-content: flex-start; overflow: auto; overflow-x: hidden; padding-bottom: 20px; padding-right: 10px; flex: 1 0 25vw; } #reportsContainer div.reportSidebar div.companychooser { margin-top: 15px; } #reportsContainer div.reportSidebar .accordion div.panel { margin: 10px 0; } #reportsContainer div.reportSidebar .accordion div.panel:first-child { margin-top: 10px!important; } #reportsContainer div.reportSidebar .accordion div.panel-heading { padding: 0px 15px; } #reportsContainer div.reportSidebar .accordion div.panel-open div.panel-heading { background-color: #10b3e6; color: #fff; } #reportsContainer div.reportSidebar .accordion div.panel-heading > h4.panel-title, #reportsContainer div.reportSidebar .accordion div.panel-heading > h4.panel-title h4, #reportsContainer div.reportSidebar .accordion div.panel-heading a, #reportsContainer div.reportSidebar .accordion div.panel-heading span { outline: none!important; border: none!important; font-size: 14px!important; top: 6px!important; } #reportsContainer div.reportSidebar .accordion div.panel-heading a { width: 100%; display: inline-block; } #reportsContainer div.reportSidebar .accordion div.panel-heading > .panel-title { padding-top: 5px!important; } #reportsContainer div.reportSidebar .accordion div.panel-heading > .panel-title h4 { padding: 5px 0!important; font-size: 14px!important; display: inline-block; padding-bottom: 0px!important; } #reportsContainer div.reportSidebar .accordion div.panel-open div.panel-heading > .panel-title h4 { font-weight: 600; color: #fff; } #reportsContainer div.reportSidebar div.panel-body { margin-top: 0px!important; padding-top: 0px; position: relative; } #reportsContainer div.reportSidebar div.panel-body div.actions { position: relative; float: right; } #reportsContainer div.reportSidebar div.panel-body div.actions a { cursor: pointer; margin-left: 5px; display: inline-block; } #reportsContainer div.reportSidebar ul.QuickLinks li a { text-shadow: none; } #reportsContainer div.reportSidebar ul.QuickLinks li a.downloadLink { margin-right: 5px; } #reportsContainer div.reportSidebar ul.QuickLinks li a.active { text-shadow: 1px 0px 0px #515151; } #reportsContainer div.reportSidebar ul.QuickLinks li a:hover { cursor: pointer; text-shadow: none; } div.reportBuilder, ul.QuickLinks { padding-top: 10px; } div.reportBuilder ul li { margin: 0px 0px 10px 0px; } div.reportBuilder ul li select[multiple] { resize: vertical; min-height: 90px; } div.reportBuilder ul li label input[type="checkbox"] { vertical-align: middle; margin-top: 0px; } div.reportBuilder ul li label:nth-child(2) { float: right; margin-top: 2px; } div.reportScheduler h4 { padding-top: 0px; margin-top: 0px; } div.reportScheduler ul.errors li { color: #e51049; } div.reportScheduler ul li ul { margin-left: 25px; } div.reportScheduler ul li ul li ul { margin-top: 3px; display: inline-block; } div.reportScheduler ul li ul li ul li { display: block; } div.reportScheduler ul li.text { margin-bottom: 5px; } div.reportScheduler ul li.text label { margin-bottom: 0px; } div.reportScheduler ul li.text input { margin-top: 0px; padding-top: 0px; } div.reportsScheduler ul li ul label { vertical-align: top; margin-left: 2px; margin-top: 255px; } div.reportScheduler ul li ul li label input[type="checkbox"] { margin-top: 0px; vertical-align: middle; } div.reportScheduler ul li ul li label input[type="radio"] { margin-top: 0px; vertical-align: middle; } div.reportScheduler ul li ul li label span { margin-top: 0px; margin-left: 2px; } div.reportScheduler table > tbody tr td button { margin-top: 0!important; padding: 4.5px 5px!important; margin-left: 10px!important; text-shadow: none; } div.reportsScheduled uib-accordion div.panel-group { margin-bottom: 0px!important; } div.reportsScheduled uib-accordion div.panel-group div.panel { border: none!important; border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; margin: 0!important; margin-bottom: 5px!important; } div.reportsScheduled uib-accordion div.panel-group div.panel div.panel-heading { background: transparent!important; color: #515151!important; padding: 0!important; margin: 0!important; } div.reportsScheduled uib-accordion div.panel-group div.panel div.panel-heading .panel-title { padding-top: 0px!important; } div.reportsScheduled uib-accordion div.panel-group div.panel div.panel-heading .panel-title > a:before { content: "\2022"; margin-right: 5px; } div.reportsScheduled uib-accordion div.panel-group div.panel.panel-open div.panel-body { padding-top: 5px!important; } div.reportsScheduled uib-accordion div.panel-group div.panel.panel-open div.panel-body ul { margin-left: 40px; list-style: disc; margin-bottom: 10px; } div.reportsScheduled uib-accordion div.panel-group div.panel.panel-open div.panel-body label { margin-right: 5px; } li.datePicker label { display: block; } li.datePicker input { width: auto; display: inline-block; vertical-align: middle; margin-left: 1%; } li.datePicker span.glyphicon { float: left; vertical-align: middle; font-size: 14pt; top: 5px; } li.datePicker span.glyphicon:hover { cursor: pointer; } li.datePicker table button { min-height: none!important; height: auto!important; margin-top: 0px!important; box-sizing: border-box!important; -webkit-appearance: button!important; font-weight: normal!important; } ul.companies { height: 25vh; overflow: auto; } ul.companies li { line-height: 40px; display: block; } ul.companies li label { width: 100%; display: block; } ul.companies li:hover, ul.companies li label:hover { background: #e5e5e5; cursor: pointer; } ul.companies li input[type="checkbox"] { margin-right: 10px; vertical-align: middle; } ul.companies li img { max-width: 65px; max-height: 40px; height: auto; width: auto; margin-right: 20px; min-width: 65px; vertical-align: middle; } ul.companies li span { vertical-align: middle; } ul.companies li span.nologo { margin-left: 85px; } #reportsContainer div.reportContent { order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 1; -webkit-box-flex: 1; margin-left: 1%; width: 100%; position: relative; } #reportsContainer div.reportContent .reportDownloading { height: 100%; width: 100%; position: absolute; top: 0px; background: #fff; padding-top: 25vh; left: 0px; } #reportsContainer div.reportContent .reportDownloading img { line-height: 32px; vertical-align: middle; } #reportsContainer div.reportContent .reportDownloading span { font-size: 18pt; color: #10b3e6; line-height: 32px; vertical-align: middle; margin-left: 10px; } #reportsContainer div.reportContent .reportTitle a.downloadLink { margin-left: 10px; display: inline-block; } #reportsContainer div.reportContent .reportTitle a.downloadLink span.glyphicon { margin-right: 5px; vertical-align: middle; } #reportsContainer div.reportContent .reportTitle a.downloadLink span { vertical-align: middle; } #reportsContainer div.reportContent .reportTitle a.downloadLink { cursor: pointer; } #reportsContainer div.reportContent div.reportData { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column!important; -webkit-flex-direction: column!important; flex-flow: column!important; -webkit-flex-flow: column!important; justify-content: flex-start!important; align-content: stretch!important; align-items: stretch!important; flex-wrap: nowrap!important; flex: 1 0 0!important; height: calc(100% - 40px); } #reportsContainer div.reportContent div.reportData > div { height: calc(100% - 40px); } #Chart { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 1; -webkit-box-flex: 1; flex: 1 0 0; max-height: 45vh!important; margin-bottom: 2vh!important; } #Chart > div { width: 100%; height: 100%; display: block; } #Chart > div > div { margin: 0 auto; } #Chart svg g > g:hover, #ChartData tbody tr:hover { cursor: pointer; text-decoration: underline!important; } #ChartData { order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 1; -webkit-box-flex: 1; flex: 1 0 0; width: 98%!important; } #ChartData > div.google-visualization-table > div { max-height: 50vh!important; overflow: auto!important; } div.Charts { width: 100%; height: calc(100vh - 127px); overflow: auto; padding-top: 10px; } div.Charts div.overviewChart { margin-right: 2%; margin-bottom: 50px; } div.Charts div.overviewChart > div { width: 1225px; height: 500px; } div.Charts svg > g:hover { cursor: pointer } div.partNumbersContainer div.exportList { max-width: 50vw; margin-top: 10px; } div.partNumbersContainer div.exportList label, div.partNumbersContainer div.exportList select { display: inline-block; width: auto!important; } div.partNumbersContainer div.exportList select { margin-left: 10px; } div.publishContainer div.publishForm { margin-top: 10px; } div.publishContainer label input { margin-right: 5px; margin-top: 0px; } div.publishContainer label * { vertical-align: middle; display: inline-block; } div.publishContainer ul.options { border: 1px solid #c5c5c5; background: #f5f5f5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px 15px; } div.publishContainer a:focus { outline: none!important; } div.publishContainer label { font-weight: normal; text-shadow: 1px 0px 0px #515151; } div.publishContainer ul.protected { margin-left: 10px; } div.publishContainer ul.options label { font-weight: normal; text-shadow: none; margin-bottom: 0px; } div.publishContainer ul.options li { margin: 5px; } div.publishContainer { margin-top: 10px; } div.publishContainer div.panel-heading h4.panel-title { padding-top: 0px!important; font-size: 12pt!important; padding-bottom: 0px!important; } div.publishOptionSection { padding-bottom: 10px; } div.publishOptionSection label.publishOptionSectionHeader { font-weight: bold; } div.publishOptionSection label.productRefLabelDisable { opacity: .4; } div.progressCheckboxes label { display: inline-block; padding-right: 10px; white-space: nowrap; font-weight: bold; margin-top: 10px; } div.progressCheckboxes input { vertical-align: top; } div.progressCheckboxes label span { vertical-align: middle; padding-left: 5px; } li.autoPublishProgressUpdate.ng-hide { visibility: hidden; } div.columnContainer.publishProgress { width: 25vw!important; } /* Join Form */ div.joinForm { width: 100%; position: relative; } div.joinForm h3 { font-size: 22pt; line-height: 55px; padding-bottom: 0px; margin-bottom: 0px; } div.joinForm > form, div.joinForm > div { width: 573px; height: auto; position: relative; margin: 5vh auto; background-color: #fff; padding: 10px 40px 50px 40px; } div.joinForm > form > div.form-item { margin: 5px 0; padding: 0; clear: both; float: left; width: 100%; } div.joinForm > form > div.form-item > label { display: none; } div.joinForm > form > div.form-item > input[type="email"], div.joinForm > form > div.form-item > input[type="password"] { width: 98%; } div.joinForm > form > div.form-item > div.checkbox { position: relative; margin: auto; display: block; clear: both; float: left; padding-top: 10px; } div.joinForm > form > div.form-item > div.checkbox > label { display: inline-block; margin: auto; } div.joinForm > form > div.form-item > button#login { clear: right; float: right; margin-top: 5px; } div.joinForm > form > div.createAccount { clear: both; border-top: 1px solid #f1f1f1; padding: 10px 0; width: 100%; margin-top: 10px; text-align: center; position: absolute; bottom: 0px; left: 0; } div.joinForm input[type="submit"] { border: 0!important; background-color: #10b3e6; color: #fff; font-size: 13px; font-weight: 400; cursor: pointer; text-decoration: none; padding: 0 10px; display: inline; clear: none!important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 2px; background: url('//d2szt1oy4a8kg0.cloudfront.net/0217/img/submit-signup.png') no-repeat; background-position: right center; padding-right: 45px; background-size: 40px; margin: 0!important; text-align: right; font-size: 24px; font-weight: 400; color: #e51049; border: 0; } /* Login Form */ div.loginForm, div.passwordReset { width: 100%; position: relative; } div.loginForm h3, div.passwordReset h3 { font-size: 22pt; line-height: 34px; padding-bottom: 0px; margin-bottom: 0px; } div.loginForm > form, div.loginForm > div, div.passwordReset > form, div.passwordReset > div { width: 573px; height: auto; position: relative; margin: 5vh auto; background-color: #fff; padding: 10px 40px 50px 40px; } div.loginForm > form > div.form-item, div.passwordReset > form > div.form-item { margin: 5px 0; padding: 0; clear: both; float: left; width: 100%; } div.loginForm > form > div.form-item > label { display: none; } div.loginForm > form > div.form-item > input[type="email"], div.loginForm > form > div.form-item > input[type="password"], div.passwordReset > form > div.form-item > input[type="password"] { width: 98%; } div.loginForm > form > div.form-item > div.checkbox, div.passwordReset > form > div.form-item > div.checkbox { position: relative; margin: auto; display: block; clear: both; float: left; padding-top: 10px; } div.loginForm > form > div.form-item > div.checkbox > label, div.passwordReset > form > div.form-item > div.checkbox > label { display: inline-block; margin: auto; } div.loginForm > form > div.form-item > button#login, div.passwordReset > form > div.form-item > button#savePassword { clear: right; float: right; margin-top: 5px; } div.loginForm > form > div.createAccount { clear: both; border-top: 1px solid #f1f1f1; padding: 10px 0; width: 100%; margin-top: 10px; text-align: center; position: absolute; bottom: 0px; left: 0; } /* Root Page */ /* Homepage */ div.homeContainer { margin: 0 auto; padding: 0; overflow: visible!important; padding-top: 20px; } div.homeContainer > * { max-width: calc(100% - 50px)!important; margin-left: auto; margin-right: auto; } div.homeContainer h2 { font-size: 18pt; width: 100%; color: #515151; text-align: center; } #homeBuckets { width: 100%; margin: 0 auto; margin-top: 25px; margin-bottom: 25px; display: block; text-align: center; } #homeBuckets .bucket { display: inline-block; border-top: none; width: 30%; padding: 0px 15px!important; overflow: hidden; vertical-align: top; margin: 0 auto; } #homeBuckets .bucket:first-child { border-top: none; padding-top: 0px; padding-left: 0px!important; } #homeBuckets .bucket:last-child { padding-right: 0px!important; } #homeBuckets .bucket .bucket-content { width: 100%; margin: 0 auto; text-align: center; } #homeBuckets .bucket .bucket-content h3 { width: 100%!important; font-size: 22px; margin-bottom: 20px; } #homeBuckets .bucket .bucket-image { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; max-height: 100px; height: auto; flex: 1 0 100%; vertical-align: top; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #homeBuckets .bucket .bucket-content ul { width: 100%; margin: 0 auto; text-align: center; order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; flex: 1 0 100%; margin-top: 10px; } #homeBuckets .bucket .bucket-content ul li { padding-bottom: 0px; line-height: 1!important; } #homeBuckets .bucket .bucket-content a { font-size: 15px; line-height: 22px; color: #10b3e6; } #homeBuckets .bucket .bucket-content a:hover { text-decoration: underline; } #homeBuckets .bucket .bucket-content a.inline { display: inline-block; } #homeBuckets .bucket .bucket-content span.inline { display: inline-block; } #content_blocks { width: 100%; margin-bottom: 100px; } #content_blocks h3 { clear: both; width: 100%; text-align: center; margin: 0 auto; font-size: 20px; } #content_blocks .content_block { width: 100%; margin-bottom: 25px; } #content_blocks .content_block p { font-size: 14px; font-weight: 400; } #content_blocks .content_block .content_blocks_header { width: 100%; text-align: center; margin-bottom: 30px; } #content_blocks .content_block .content_blocks_header img { margin: 12.5px auto; max-height: 80px; height: 80px; width: auto; } #content_blocks .content_block .content_blocks_header .text { text-align: center; width: 100%; margin: 0 auto; } #content_blocks .content_block .content_blocks_header .text .title { font-size: 22px; font-weight: 600; color: #515151; } #content_blocks .content_block .content_blocks_header .text p { font-size: 18px; margin: 0 auto; } #content_blocks .content_block .content_blocks_content { width: 100%; display: -webkit-box!important; display: -moz-box!important; display: -ms-flexbox!important; display: -webkit-flex!important; display: flex!important; flex-direction: row!important; -webkit-flex-direction: row!important; flex-flow: row!important; -webkit-flex-flow: row!important; justify-content: flex-start!important; align-content: stretch!important; align-items: stretch!important; flex-wrap: nowrap!important; flex: 1 0 0!important; } #content_blocks .content_block .content_blocks_content .left { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 1; -webkit-box-flex: 0; flex: 1 1 47.5%; margin: auto; } #content_blocks .content_block .content_blocks_content .left .title { font-size: 20px; color: #515151; font-weight: 600; } #content_blocks .content_block .content_blocks_content .left ul { margin: auto 20px; width: 100%; height: 100%; list-style: initial; padding: initial; font-size: 14px; font-weight: 400; } #content_blocks .content_block .content_blocks_content .left ul li { text-align: left; margin: 5px auto; width: 100%; list-style-position: outside; } #content_blocks .content_block .content_blocks_content .divider { background: transparent url(//defu9f4k3otpo.cloudfront.net/border-block.png) repeat-y top center; order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; justify-content: center; align-items: center; align-content: center; flex-grow: 1; -webkit-box-flex: 0; flex: 1 1 5%; } #content_blocks .content_block .content_blocks_content .right { order: 3; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; justify-content: flex-end; align-items: flex-end; align-content: flex-end; flex-grow: 1; -webkit-box-flex: 0; flex: 1 1 47.5%; text-align: center; padding-left: .5%; margin: auto; } #content_blocks .content_block .content_blocks_content .right > img { width: auto; height: 85%; vertical-align: middle; } #content_blocks .content_block .content_blocks_content .right ul { margin: auto 0; width: 100%; height: 100%; } #content_blocks .content_block .content_blocks_content .right ul li { text-align: left; margin: 10px 0; } #content_blocks .content_block .content_blocks_content .right ul li img { display: inline-block; vertical-align: middle; height: 80px; max-height: 80px; width: auto; margin-right: 10px; } #content_blocks .content_block .content_blocks_content .right ul li span { display: inline-block; vertical-align: middle; font-size: 16px; color: #10b3e6; } #content_blocks .content_block .content_blocks_content .right div.cta { margin-bottom: 15px; text-align: left; width: 100%; float: left; } #content_blocks .content_block .content_blocks_content .right div.cta a { font-size: 20px; color: #10b3e6; display: block; } #content_blocks .content_block .content_blocks_content .right div.cta span.glyphicon { clear: both; float: left; margin-left: 10px; line-height: 28px; } #content_blocks .content_block .content_blocks_content .right div.cta span.text { float: left; margin-left: 10px; } #content_blocks .content_block .content_blocks_content .right div.cta span.button { display: none!important; visibility: hidden!important; -webkit-appearance: none; font-size: 16px; margin-left: 40px; float: left; clear: both; } #content_blocks .content_block.swapped .content_blocks_content .left { order: 3; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; justify-content: flex-end; align-items: flex-end; align-content: flex-end; padding-left: .5%; } #content_blocks .content_block.swapped .content_blocks_content .right { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; justify-content: flex-start; align-items: flex-start; align-content: flex-start; text-align: center; padding-left: 0px; } #content_blocks .content_block .content_blocks_content .right > img { width: 85%; height: auto; } /* Company Locations */ div.companyLocationsMap { min-height: 95%; min-width: 100%; } a.locationsTemplateButton { margin-top: 0px; } /* Company Page */ /* Company Form */ div.companyFormContainer { display: -webkit-box!important; display: -moz-box!important; display: -ms-flexbox!important; display: -webkit-flex!important; display: flex!important; flex-direction: row!important; -webkit-flex-direction: row!important; flex-flow: row!important; -webkit-flex-flow: row!important; justify-content: flex-start!important; align-content: stretch!important; align-items: stretch!important; flex-wrap: nowrap!important; flex: 1 0 0!important; padding-bottom:20px; } div.companyFormContainer > div.form { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 1; -webkit-box-flex: 0; } div.companyFormContainer > div.companyInfo { display: none; } /* Companies View */ div.companyFormContainer, div.catalogFormContainer, div.companyLocationsForm { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; flex-flow: column; -webkit-flex-flow: column; justify-content: flex-start; align-content: stretch; align-items: stretch; flex-wrap: nowrap; flex: 1 0 0; } ul.actionsToolBar { margin-top:5px; margin-bottom:5px; display: flex; justify-content: flex-start; align-items: center; height:40px; } ul.actionsToolBar > li { margin-right: 15px; } ul.actionsToolBar button { margin-top: 0px; } div.companiesListContainer > div.companiesGrid th.k-header:first-child { vertical-align: middle; } div.companiesListContainer > div.companiesGrid > div.companyRecord { float: left; clear: both; width: 100%; border-bottom: 1px dashed #e5e5e5; margin-bottom: 5px; padding-bottom: 5px; } div.companiesListContainer > div.companiesGrid > div.companyRecord > div.logoName { clear: both; float: left; width: 150px; margin-right: 10px; } div.companiesListContainer > div.companiesGrid > div.companyRecord > div.logoName > a { width: 100%; float: left; } div.companiesListContainer > div.companiesGrid > div.companyRecord > div.logoName > a:hover { cursor: pointer; } div.companiesListContainer > div.companiesGrid > div.companyRecord > div.logoName img { max-width: 150px; max-height: 50px; width: auto; } div.companiesListContainer > div.companiesGrid > div.companyRecord > div.MetaData { float: left; width: calc(100% - 160px); } div.companiesListContainer > div.companiesGrid > div.companyRecord label { clear: both; float: left; } div.companiesListContainer > div.companiesGrid > div.companyRecord > div.MetaData label.name a { font-size: 12pt; font-weight: 600; } div.companiesListContainer > div.companiesGrid td.companySelected { text-align: center; } div.companiesListContainer > div.companiesGrid td.companySelected .glyphicon-ok { display: none; color: #10b3e6; font-size: 12pt; } div.companiesListContainer > div.companiesGrid .k-state-selected td.companySelected .glyphicon-ok { display: inline-block; } div.catalogVersionsGrid span.glyphicon-ok { color: #10b3e6; font-size: 12pt; } div.catalogVersionsGrid td.catalogVersionIsLive { text-align: center; } /* Search */ #MainContainer > footer#SearchArea { display: none; } div.searchHeader div.searchTermCloser { margin-bottom: 5px; width: 100%; clear: both; float: left; } div.searchHeader div.searchTermCloser > input { clear: both; float: left; max-width: 50%; background: transparent; } div.searchHeader div.searchTermCloser > input:focus { background: transparent!important; } div.searchHeader div.searchTermCloser > a { float: right; font-size: 16pt; color: #515151; } div.searchHeader > div.searchStatus { font-size: 10pt; } div.searchHeader > div.searchStatus > h4 { color: #515151; font-weight: 600; padding-bottom: 0px; } div.searchHeader > div.searchStatus > p.loader > img { margin-right: 5px; } div.searchField { max-width: 45vw; } div.searchResultsContainer { max-width: 100%; height: 100%; overflow: hidden; clear: both; } div.searchResultsContainer > div { height: calc(100% - 50px); display: block; overflow: hidden; } /* Search Tabs */ div.searchResultsContainer ul.nav-tabs > li > a { color: #515151!important; font-weight: 400!important; } div.searchResultsContainer ul.nav-tabs > li:first-child > a { margin-left: -1px; } div.searchResultsContainer ul.nav-tabs > li:hover > a { background: #d4d4d4!important; } div.searchResultsContainer ul.nav-tabs > li.active > a, div.searchResultsContainer ul.nav-tabs > li.active > a:hover, div.searchResultsContainer ul.nav-tabs > li.active > a:focus { background: #fff!important; color: #515151!important; font-weight: 600!important; } /* Search Results */ div.searchResultsContainer div > div.tab-content { max-height: calc(100% - 70px); min-height: calc(100% - 70px); height: calc(100% - 70px); overflow: auto; background: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } div.searchResultsContainer div > div.tab-content ul > li { padding: 5px 10px; } div.searchResultsContainer div > div.tab-content ul > li:last-child { margin-bottom: 0px!important; } div.searchResultsContainer div > div.tab-content ul > li:hover { background: #ebebeb!important; } div.searchResultsContainer div > div.tab-content ul > li img { height: 40px; min-height: 40px; max-height: 40px; margin-right: 5px; vertical-align: middle; } div.searchResultsContainer div > div.tab-content ul > li.active { background-color: #10b3e6; } div.searchResultsContainer div > div.tab-content ul > li.active:hover { background: #10b3e6!important; } div.searchResultsContainer div > div.tab-content ul > li.active > a { color: #f1f1f1; } div.searchResultsContainer div > div.tab-content ul > li button { visibility: hidden; margin-right: 5px; } div.searchResultsContainer div > div.tab-content ul > li:hover button { visibility: visible; } div.searchResultsContainer div > div.tab-content ul > li a { height: 40px; min-height: 40px; line-height: 40px; vertical-align: middle; display: inline-block; } div.searchResultsContainer div > div.tab-content ul > li a > span.meta span.tocName, div.searchResultsContainer div > div.tab-content ul > li a > span.meta span.fileName, div.searchResultsContainer div > div.tab-content ul > li a > span.meta span.fileSize { margin-left: 5px; } /* Catalogs View */ .newCatalogSelector { height: 30%; display: flex; justify-content: space-around; align-items: center; background: #f5f5f5; } .newCatalogBucket { border: 1px solid #CCC; width: 300px; padding: 10px 0px; background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; } .newCatalogBucket:hover { -webkit-box-shadow: inset 0 0 50px -15px rgba(16, 179, 230, .5), 0 5px 10px 0; -moz-box-shadow: inset 0 0 50px -15px rgba(16, 179, 230, .5), 0 5px 10px 0; box-shadow: inset 0 0 50px -15px rgba(16, 179, 230, .5), 0 5px 10px 0; } .newCatalogBucket > span.threedxIcon-threedcatalog { background-position: -1595px 0px; } .newCatalogBucket > span.threedxIcon-partnumbercatalog { background-position: -1732px 0px; } /* Catalog View */ #CatalogContainer { border: none; height: 100%!important; overflow: hidden; } #CatalogContainer div.tocContainer { margin-right: 5vw; height: 97%!important; position: relative; width: 30%; display: inline-block; vertical-align: top; min-width: 20%; max-width: 80%; height: 100%!important; overflow: hidden!important; } #CatalogContainer div.productContainer { height: auto!important; margin-left: 20px; overflow: hidden; max-width: 100%; position: relative; width: 70%; display: inline-block; vertical-align: top; } /* Catalog TOC */ div.tocContainer > div.treeContainer { overflow: hidden; } div.tocContainer > div.search { width: 250px; } .tocitem { height: 100%; display: block; padding-left: 5px; } .tocitem img { max-height: 20px; max-width: 27px; height: auto; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tocitem.category { width: 92.5%; } .tocitem.product { text-shadow: 0px 1px #515151; } .tocitem.product > span.product { text-shadow: none; } .tocitem > span { vertical-align: middle; text-overflow: ellipsis; text-rendering: optimizeSpeed; overflow: hidden; display: inline-block; color: #515151; } div.tocContainer > a.allProducts { position: absolute; top: 10px; right: 30px; z-index: 4; } div.tocContainer > a.allProducts:hover { cursor: pointer; } div.tocContainer > div.treeContainer { width: calc(100% - 20px); height: 100%; } div.tocContainer > div.treeContainer div.k-widget { height: calc(100vh - 120px); overflow: auto; } div.tocContainer > div.treeContainer div.k-widget > ul { padding-left: 10px; } .resizable { height: 100%!important; padding: 0!important; margin: 0!important; float: left; } .resizable2 > .ui-resizable-e { display: none!important; } .ui-resizable-e { position: absolute; cursor: e-resize; width: 1px; right: 20px; height: 100%; top: 0; bottom: 0; background-color: #c5c5c5; display: block!important; } #CatalogContainer div.productContainer > div.productsList > div.productListContent { height: calc(100vh - 167px); overflow: auto; background-color: #fff; text-align: center; width: 100%; padding-bottom: 20px; } #CatalogContainer div.productContainer > div.productsList > div.productListContent button.moreResults { margin: 0 auto; } #CatalogContainer div.productContainer > div.productsList > div.productListContent button.moreResults > span { margin-right: 5px; } #CatalogContainer div.productContainer > div.productsList table { width: 98%; } #CatalogContainer div.productContainer > div.productsList table tr { height: 40px; vertical-align: middle; } /* COLUMN SIZES */ #CatalogContainer div.productContainer > div.productsList table thead th, #CatalogContainer div.productContainer > div.productsList table tbody td, #CatalogContainer div.productContainer > div.productsList .ui-sortable-placeholder td { text-align: left; width: auto; max-width: none; overflow: hidden; text-overflow: ellipsis; } #CatalogContainer div.productContainer > div.productsList table.allProducts thead th, #CatalogContainer div.productContainer > div.productsList table.allProducts tbody td, #CatalogContainer div.productContainer > div.productsList table.allProducts .ui-sortable-placeholder td { text-align: left; width: 50%; max-width: 50%; overflow: hidden; text-overflow: ellipsis; } #CatalogContainer div.productContainer > div.productsList table tbody td.images > img { max-height: 40px!important; max-width: 40px!important; height: auto; width: auto; border: none!important; } #CatalogContainer div.productContainer > div.productsList table tbody td.images > img:first-child { margin-right: 5px; } #CatalogContainer div.productContainer > div.productsList table thead th.actions, #CatalogContainer div.productContainer > div.productsList table tbody td.actions { width: 85px!important; min-width: 85px!important; max-width: 85px!important; overflow: hidden; text-align: center; } #CatalogContainer div.productContainer > div.productsList table thead th.images, #CatalogContainer div.productContainer > div.productsList table tbody td.images { height: 40px; width: 105px!important; min-width: 105px!important; max-width: 105px!important; overflow: hidden; text-align: left; } #CatalogContainer div.productContainer > div.productsList table thead th.title, #CatalogContainer div.productContainer > div.productsList table tbody td.title { width: 260px; min-width: 200px; max-width: 200px; } #CatalogContainer div.productContainer > div.productsList table thead th.tocName, #CatalogContainer div.productContainer > div.productsList table tbody td.tocName { width: 200px; min-width: 200px; max-width: 200px; } #CatalogContainer div.productContainer > div.productsList table thead th.description, #CatalogContainer div.productContainer > div.productsList table tbody td.description { width: calc(100% - 390px); min-width: calc(100% - 390px); max-width: calc(100% - 390px); } #CatalogContainer div.productContainer > div.productsList table.allProducts thead th.description, #CatalogContainer div.productContainer > div.productsList table.allProducts tbody td.description { width: calc(100% - 190px); min-width: calc(100% - 190px); max-width: calc(100% - 190px); } #CatalogContainer div.productContainer > div.productsList table tbody td.description p, #CatalogContainer div.productContainer > div.productsList table.allProducts tbody td.description p { margin: 0px; } /* End COLUMN SIZES */ /* Buttons and Inputs */ #CatalogContainer div.productContainer > div.productsList table tbody tr td input { display: inline-block; height: 40px!important; } #CatalogContainer div.productContainer > div.productsList table tbody button, #CatalogContainer div.productContainer > div.productsList table tbody span.moverIcon { display: none; line-height: 20px; } #CatalogContainer div.productContainer > div.productsList table tbody button { padding: 2.5px 5px; margin: 0px; } #CatalogContainer div.productContainer > div.productsList table tbody button > span.glyphicon { font-size: 12pt!important; margin: 0 auto; vertical-align: middle; top: 0px; } #CatalogContainer div.productContainer > div.productsList table tbody span.moverIcon > span.glyphicon { top: 5px; font-size: 14pt; } #CatalogContainer div.productContainer > div.productsList .ui-sortable-helper, #CatalogContainer div.productContainer > div.productsList .ui-sortable-placeholder { display: table-row; } #CatalogContainer div.productContainer > div.productsList table tbody tr:hover, #CatalogContainer div.productContainer > div.productsList table tbody tr.selected { background: rgba(100, 100, 100, 0.10); height: 40px; cursor: pointer; } #CatalogContainer div.productContainer > div.productsList table tbody tr:hover button, #CatalogContainer div.productContainer > div.productsList table tbody tr:hover span.moverIcon, #CatalogContainer div.productContainer > div.productsList table tbody tr.selected button, #CatalogContainer div.productContainer > div.productsList table tbody tr.selected span.moverIcon { display: inline-block; } #CatalogContainer div.productContainer > div.productsList table tr td input.nameField { width: 95%; min-width: 95%; max-width: 95%; border: none; background-color: transparent; } #CatalogContainer div.productContainer > div.productsList table tr td input.nameField:focus { border-bottom: 1px solid #10b3e6; background-color: transparent!important; } /* Table Footer */ /* TOC Edit Form*/ div.TOCeditForm { padding: 10px; } .parent { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 75px 150px auto 270px 100px; grid-column-gap: 10px; grid-row-gap: 15px; } .four { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 280px; grid-column-gap: 10px; grid-row-gap: 15px; } .one { grid-area: 1 / 1 / 2 / 2; } .two { grid-area: 2 / 1 / 3 / 2; } .three { grid-area: 3 / 1 / 4 / 2; } .four { grid-area: 4 / 1 / 5 / 2; } .four-one { grid-area: 1 / 1 / 2 / 2; } .four-two { grid-area: 1 / 2 / 2 / 3; } .five { grid-area: 5 / 1 / 6 / 2; } .six { grid-area: 5 / 2 / 6 / 3; } .seven { grid-area: 1 / 2 / 5 / 3; } img.toc_image { max-width: 300px; } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-3px); } 20%, 40%, 60%, 80% { transform: translateX(3px); } } /*Resources */ div.TOCeditForm > div.properties_table p.form-error { margin: 0; color: #e51049; } div.TOCeditForm > div.properties_table p.shake { animation: shake 0.4s; } div.TOCeditForm > div.properties_table > div.parent > div.four > div.sub-four > div.toc_image_container { width: 100%; overflow: hidden; } div.TOCeditForm > div.properties_table > div.parent > div.four > div.sub-four > div.toc_image_container > div.product-img { color: #A1A1A1; text-align: center; line-height: 100px; height: 100px; border: 1px dashed; } div.TOCeditForm > div.properties_table > div.parent > div.four > div.sub-four > div.toc_image_container > img { width: auto; height: auto; max-width: 90%; max-height: 160px; display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } div.TOCeditForm > div.properties_table > div.parent > div.resources > .accordion div.panel { margin: 10px 0; } div.TOCeditForm > div.properties_table > div.parent > div.resources > .accordion div.panel-heading { padding: 0px 15px; } div.TOCeditForm > div.properties_table > div.parent > div.resources > .accordion div.panel-open div.panel-heading { background-color: #10b3e6; color: #fff; } div.TOCeditForm > div.properties_table > div.parent > div.resources > .accordion div.panel-heading > h4.panel-title, div.TOCeditForm > div.properties_table > div.parent > div.resources > .accordion div.panel-heading > h4.panel-title h4, div.TOCeditForm > div.properties_table > div.parent > div.resources > .accordion div.panel-heading a, div.TOCeditForm > div.properties_table > div.parent > div.resources > .accordion div.panel-heading span { outline: none!important; border: none!important; font-size: 14px!important; top: 6px!important; } div.TOCeditForm > div.properties_table > div.parent > div.resources > .accordion div.panel-heading a { width: 100%; display: inline-block; } div.TOCeditForm > div.properties_table > div.parent > div.resources > .accordion div.panel-heading > .panel-title { padding-top: 5px!important; } div.TOCeditForm > div.properties_table > div.parent > div.resources > .accordion div.panel-heading > .panel-title h4 { padding: 5px 0!important; font-size: 14px!important; display: inline-block; padding-bottom: 0px!important; } div.TOCeditForm > div.properties_table > div.parent > div.resources > .accordion div.panel-open div.panel-heading > .panel-title h4 { font-weight: 600; color: #fff; } /* Images */ div.TOCeditForm > div.properties_table ol.doc_list, div.TOCeditForm > ol.properties_table ul.drawing_list { list-style-type: decimal; margin: 0; padding: 0px 15px; } div.TOCeditForm > div.properties_table ol.doc_list > li, div.TOCeditForm > ol.properties_table ul.drawing_list > li { margin-bottom: 5px; } div.TOCeditForm > div.properties_table ol.doc_list > li > a { display: inline-block; } div.TOCeditForm > div.properties_table ol.doc_list > li > a.resource_list_item_remove { float: right; } div.TOCeditForm > div.properties_table ol.doc_list > li > a.resource_list_item_remove:hover { cursor: pointer; } div.TOCeditForm > div.properties_table ol.drawing_list > li > img { max-width: 100%; width: auto; max-height: 80px; } div.TOCeditForm > div.properties_table ol.doc_list > li > button.resource_list_item_remove, div.TOCeditForm > div.properties_table ol.drawing_list > li > button.resource_list_item_remove { float: right; font-size: 12pt; vertical-align: top; margin-top: 0px; } div.TOCeditForm > div.properties_table ol.doc_list > li > button.resource_list_item_remove:hover, div.TOCeditForm > div.properties_table ol.drawing_list > li > button.resource_list_item_remove:hover { cursor: pointer; } div.TOCeditForm > div.actions { margin: 20px 0; padding-top: 25px; } div.TOCeditForm > div.actions button:first-child { margin-left: 0px; } .productTitleProperty input { width: 88%; } .productTitleProperty div.properties_left { margin-right: 0px!important; } div.TOCeditForm div.properties_table > li div.properties_right { max-width: none; } /* End Images */ #reportsContainer div.reportSidebar div.panel-body { margin-top: 0px!important; padding-top: 0px; position: relative; } /* Design View */ div.designContainer { border: none; overflow: hidden!important; padding-bottom: 0px!important; left: 0px!important; } .ui-splitbar { width: 8px!important; height: 100%; cursor: col-resize; -webkit-flex-direction: column; flex-direction: column; overflow-x: hidden; border: 1px solid #c5c5c5; background: transparent!important; padding: 0 2px!important; border-top: none!important; border-bottom: none!important; } .ui-splitbar:hover { background-color: #656565!important; border-top: none!important; border-bottom: none!important; } /* Toolbox */ div.designContainer div.toolbox_elements { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; justify-content: flex-start; align-items: center; align-content: center; flex: 1 0 200px; overflow: hidden; } /* Toolbox Items */ div.toolbox_elements > h5 { text-align: center; font-weight: 600; font-size: 12pt; } div.toolbox_elements > ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; overflow: hidden; } div.toolbox_elements > ul > li { color: #515151; border: 1px solid #c5c5c5; padding: 5px; margin: 10px auto; width: 150px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position: relative; min-height: 24px; overflow: hidden; margin-left: 0; } div.toolbox_elements > ul > li:hover { background-color: #10b3e6; color: #fff; cursor: pointer; border: 1px dashed #fff; } div.toolbox_elements > ul > li.disabled { background-color: #ccc!important; color: #fff; cursor: pointer; border: 1px dashed #fff; user-select: none; } div.toolbox_elements > ul > li.active { background-color: #10b3e6; color: #fff; cursor: pointer; border: 1px dashed #fff; } div.toolbox_elements > ul > li > span.text { display: inline-block; font-size: 9pt; line-height: 24px; vertical-align: middle; margin-left: 8px; } div.toolbox_elements > ul > li.Text { display: none; visibility: hidden; } div.toolbox_elements > ul > li.dataTableItem > div:first-child > div { clear: both; float: left; max-width: 80%; overflow: hidden; } div.toolbox_elements > ul > li.dataTableItem > div:first-child > div { white-space: pre-line; width: 80%; overflow: hidden; text-overflow: ellipsis; height: 25px; } div.toolbox_elements > ul > li.dataTableItem > div.hamburger_menu { clear: right; float: right; } div.toolbox_elements > ul > li.dataTableItem input { color: #000; } /* End Toolbox Items */ .stretch { overflow: hidden; } div.designContainer div.toolbox_elements, div.designContainer div#designstage { overflow: auto; height: calc(100% - 45px); } /* Stage Layout */ div.designContainer div#designstage { margin: 0px auto; } div.designContainerStage { background: #F5F5F5; overflow: auto; } div.designContainerStage h3 { margin: 0!important; background: #fff!important; padding-left: 25px!important; } div.designContainerStage .dropzone .designItem > div { display: flex; } /***************************** Required styles *****************************/ /** * For the correct positioning of the placeholder element, the dnd-list and * it's children must have position: relative */ ul[dnd-list], ul[dnd-list] > li { position: relative; } /***************************** Dropzone Styling *****************************/ /** * The dnd-list should always have a min-height, * otherwise you can't drop to it once it's empty */ .dropzone ul[dnd-list] { min-height: 40px; margin: 10px 25px; } .dropzone div.container-element ul[dnd-list] { min-height: 50px; } .dropzone div.container-element ul[dnd-list] li { min-width: 88%; width: 88%; max-width: 88%; margin: 10px auto; } /** * The dnd-lists's child elements currently MUST have * position: relative. Otherwise we can not determine * whether the mouse pointer is in the upper or lower * half of the element we are dragging over. In other * browsers we can use event.offsetY for this. */ .dropzone li { background-color: #fff; border: 1px solid #c5c5c5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; padding: 10px; margin: 20px 0px; } .dropzone li:first-child { margin-top: 0px; } .dropzone li:last-child { margin-bottom: 0px; } /** * Reduce opacity of elements during the drag operation. This allows the user * to see where he is dropping his element, even if the element is huge. The * .dndDragging class is automatically set during the drag operation. */ .dropzone .dndDragging { opacity: 0.5; } /** * The dndDraggingSource class will be applied to the source element of a drag * operation. It makes sense to hide it to give the user the feeling that he's * actually moving it. Note that the source element has also .dndDragging class. */ .dropzone .dndDraggingSource { display: none; } /** * An element with .dndPlaceholder class will be added as child of the dnd-list * while the user is dragging over it. */ .dropzone .dndPlaceholder { background-color: #e5e5e5; border: 1px dashed #c5c5c5; min-height: 65px; display: block; position: relative; } li.designitem .dndPlaceholder { max-width: 100%!important; } /** * The dndDraggingSource class will be applied to the source element of a drag * operation. It makes sense to hide it to give the user the feeling that he's * actually moving it. Note that the source element has also .dndDragging class. */ .designitem.dndDraggingSource { display: none; } /** * An element with .dndPlaceholder class will be added as child of the dnd-list * while the user is dragging over it. */ .dndPlaceholder { background-color: #efefef!important; min-height: 65px; display: block; position: relative; width: 100%; border: 1px dashed #10b3e6; } div.designContainerStage h3 { margin: 0 25px; } div.designContainerProperties h3 { margin: 0 25px; } div#designstage > ul { margin: 25px; margin-top: 10px; padding-bottom: 125px; } .collapse { display: none; } li.dndPlaceholder { height: 65px; } div.dropzone > ul > li { max-width: 350px; min-width: 350px; } div.dropzone > ul > li div.closer { top: 5px; right: 10px; position: absolute; z-index: 1000; } div.dropzone > ul > li div.closer:hover { cursor: pointer; } li.designcontainer { -webkit-transition: height 2s; transition: height 2s; } li.designcontainer, li.designitem { -webkit-user-select: none; border: 1px solid #c5c5c5; padding: 5px 5px 5px 7px; box-sizing: border-box; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #fff; } li.designitem.added, li.designitem.added li.designitem, .productsTabGrid tr.added { background-color: #d4edda; color: #155724; } li.designitem.modified, li.designitem.modified li.designitem, .productsTabGrid tr.modified { background-color: #fff3cd; color: #856404; } li.designitem.deleted, li.designitem.deleted li.designitem { background-color: #f8d7da; color: #721c24; } li.designitem.active { border: 2px solid #10b3e6; } li.designitem select, li.designitem input, li.designitem button { pointer-events: auto; } li.designitem.hidden { opacity: 0.5; filter: Alpha(opacity=50); display: block!important; visibility: visible!important; } li.designitem div.itemdata { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; flex-flow: row; -webkit-flex-flow: row; justify-content: flex-start; align-content: flex-start; align-items: flex-start; flex-wrap: nowrap; flex: 1 0 0; } li.designitem div.itemdata > div.icon-container { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 0; -webkit-box-flex: 0; } li.designitem div.itemdata > div.meta-container { order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 1; -webkit-box-flex: 1; max-width: 95%; margin-left: 10px; font-size: 10pt; line-height: 14pt; max-height: 50px; } li.designitem div.itemdata > div.meta-container > span.getOption { font-size: 14pt; margin-top: -5px; float: right; opacity: 0.8; filter: alpha(opacity=80); } li.designitem div.itemdata > div.meta-container > span.getOption:hover { cursor: pointer; opacity: 1; filter: alpha(opacity=100); } div.designitem > div.designitem_container > div.menu-container { position: absolute; right: -10px; top: 22px!important; } div.designitem > div.designitem_container > div.menu-container > div.hamburger_menu { pointer-events: auto; } div.designitem > div.designitem_container > div.menu-container > div.hamburger_menu { background-color: #10b3e6; } li.designitem:hover { border: 1px dashed #10b3e6; } li.designitem.active:hover { border: 2px solid #10b3e6; } li.designitem div.itemdata { position: relative; padding-bottom: 5px; } li.designitem div.itemdata > div.meta-container p { white-space: pre-line; width: 92%; overflow: hidden; text-overflow: ellipsis; height: 100%; margin: 0; padding: 0; } li.designitem div.itemdata > div.meta-container p.type { display: none; } li.designitem div.itemdata > div.meta-container p > label { margin-right: 5px; } li.designitem div.itemdata > div.meta-container p > span { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: text-bottom; } li.designitem ul.actionBar { position: absolute; top: 0px; right: 0px; z-index: 10; } li.designitem ul.actionBar > li.actionItem { margin: 0px; margin-left: -4px; border: 0px; border-left: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 0px; width: 25px; height: 25px; line-height: 25px; display: inline-block; text-align: center; vertical-align: top; font-weight: 300; } li.designitem ul.actionBar > li.actionItem:first-child { border-bottom-left-radius: 3px!important; } li.designitem ul.actionBar > li.actionItem:hover { border: none; } li.designitem ul.actionBar > li.actionItem.remove { font-size: 10pt; } li.designitem ul.actionBar > li.actionItem.remove:hover { background-color: #e51049; color: #fff; } li.designitem ul.actionBar > li.actionItem.expand { font-size: 10pt; } li.designitem ul.actionBar > li.actionItem.expand:hover { background-color: #e2e2e2; } /* Icons */ div.icon-container > div { background: transparent; background-image: url(//defu9f4k3otpo.cloudfront.net/icons-24.png); background-repeat: no-repeat; height: 24px; width: 24px; display: inline-block; line-height: 24px; vertical-align: middle; font-size: 0px; } div.icon-container { display: inline-block; } div.icon-container > .Table { background-position: 0; } div.icon-container > div.FlexTable { background-position: -106px 0px; } div.icon-container > div.DropList { background-position: -25px 0px; } div.icon-container > div.Combo { background-position: -25px 0px; } div.icon-container > div.Edit { background-position: -50px 0px; } div.icon-container > div.Label { background-position: -123px 0px; } div.icon-container > div.Text { background-position: -123px 0px; } div.icon-container > div.Description { background-position: -99px 0px; } div.icon-container > div.PartNumber { background-position: -149px 0px; } div.icon-container > div.BomBuilder { background-position: -173px 0px; } div.icon-container > div.BomItem { background-position: -123px 0px; } div.icon-container > div.CadParam { background-position: -298px 0px; } div.icon-container > div.CreateCAD { background-position: -198px 0px; } div.icon-container > div.SourceFile { background-position: -272px 0px; } div.icon-container > div.OutputFile { background-position: -272px 0px; } div.icon-container > div.RadioGroup { background-position: -222px 0px; } div.icon-container > div.RadioButton { background-position: -315px 0px; } div.icon-container > div.CheckBox { background-position: -247px 0px; } div.icon-container > div.Container { background-position: -272px 0px; } div.icon-container > div.Page { background-position: -272px 0px; } /* End Icons */ /* Properties */ div.designContainer div#propertiesBar { overflow: auto; height: calc(100% - 35px); margin: 0 auto; margin-top: 10px; max-width: 100%; margin-left: 25px; } a.logicExpander { position: absolute; right: 20px; top: 10px; z-index: 1000; } a.logicExpander:hover { cursor: pointer; } .logicblock { margin-right: 20px; min-height: 40vh; resize: vertical; border: 1px dashed #c5c5c5; } .logicblock.expanded { min-height: 78vh; } div#propertiesBar > div:first-child { max-width: 98%; } div#propertiesBar ul.properties_table li.datasource > div:first-child { width: 100%; } div#propertiesBar ul.properties_table li.datasource > ul.properties_table { width: 100%; margin-right: 0px; } div#propertiesBar ul.properties_table li.datasource > ul.properties_table > li:first-child { margin-top: 0px; } div#propertiesBar ul.properties_table li.datasource > ul.properties_table > li:last-child { margin-bottom: 0px; } div#propertiesBar ul.properties_table li.datasource li label span { font-size: 16px; vertical-align: middle; line-height: 20px; } div#propertiesBar table.columns { width: 100%; } div#propertiesBar table.columns tbody tr { height: 32px; line-height: 32px; } div#propertiesBar table.columns th.centered, div#propertiesBar table.columns td.centered { text-align: center; } div#propertiesBar table.columns td > * { max-width: 90%; margin: 0px!important; vertical-align: middle!important; } div#propertiesBar ul.properties_table li.datasource li div.properties_right label span { font-weight: 400; line-height: 20px; font-size: 10pt; } div#propertiesBar ul.properties_table li.CADParams { border-top: 1px dashed #c5c5c5; margin-top: 20px; padding-top: 10px; } div#propertiesBar ul.properties_table li.CADParams > ul.cadParamList { clear: both; float: left; width: 100%; margin: 0 auto; margin-top: 15px; } div#propertiesBar ul.properties_table li.CADParams > ul.cadParamList > li.cadParam { clear: both; width: 100%; float: left; } div#propertiesBar ul.properties_table li.CADParams > ul.cadParamList > li.cadParam > span { float: left; width: 5%; max-width: 5%; line-height: 10; } div#propertiesBar ul.properties_table li.CADParams > ul.cadParamList > li.cadParam > div { float: left; width: 85%; max-width: 65%; } div#propertiesBar ul.properties_table li.CADParams > ul.cadParamList > li.cadParam textarea { margin: 10px 0; } div#propertiesBar ul.properties_table li.CADParams > ul.cadParamList > li.cadParam button { margin-top: 0; float: right; } div.modal-content ul.rule_filters { margin: 0; padding: 0; width: 100%; } div.modal-content ul.rule_filters li { clear: both; margin: 5px 0; padding: 0; width: 100%; } div.modal-content ul.rule_filters li label { clear: both; width: 20%; } div.modal-content ul.rule_filters li div { float: right; width: 78%; } div.modal-content ul.rule_filters_detail { margin: 0; padding: 0; min-width: 350px; max-width: 600px; width: auto; } div.modal-content ul.rule_filters_detail li { clear: both; margin: 5px 0; padding: 0; width: 100%; } div.modal-content ul.rule_filters_detail_arg2def li input[type="radio"] { vertical-align: text-bottom; } div.modal-content ul.rule_filters_detail_arg2def li span { padding-left: 5px; } div.modal-content ul.rule_filters_detail li label { clear: both; width: 100%; } div.modal-content ul.rule_filters_detail li div { clear: both; } div.modal-content ul.rule_filters_detail li div button { margin-top: 0px; } div.modal-content ul.rule_filters_detail li div input[type="text"], div.modal-content ul.rule_filters_detail li div textarea { width: 90%; margin-left: 2%; max-width: 89%; } div.modal-content ul.rule_filters_detail li ul li div { margin-left: 5%; } div.modal-content ul.rule_filters_detail li ul li div.static input[type="text"], div.modal-content ul.rule_filters_detail li ul li div.static textarea { margin: 0; width: 97%; max-width: 97%; } div.modal-content ul.rule_filters_detail input[type="text"]:read-only { border: none!important; background: transparent!important; } /* End Properties */ /* End Design Layout */ /* Data View */ div.dataContainer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; flex-flow: row; -webkit-flex-flow: row; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } div.dataContainer div.toolbox_elements { display: none; visibility: hidden; } div.dataContainer div.toolbox_elements div.actions > div:first-child { display: inline-block; } div.dataContainer div.toolbox_elements div.actions button { margin-top: 0px!important; margin-left: 0; margin-right: 5px; } div.dataContainer div.toolbox_elements ul li { width: 94%!important; margin: 10px 0px!important; } div.dataContainer div.StageRight { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; justify-content: flex-start; align-items: stretch; align-content: stretch; flex-grow: 1; overflow: auto; height: 100%; } div.dataContainer div.StageRight > h5 { font-size: 14pt; margin-top: 0px; padding-top: 0px; } div.dataContainer div.StageRight > div.TableContainer { width: 100%; height: calc(100% - 12px); } div.dataContainer div.StageRight > div.TableContainer > .k-spreadsheet { width: 100%; height: calc(100% - 23px); } div.dataContainer div.StageRight div.actions { margin-bottom: 20px; margin-top: 10px; } div.dataContainer div.StageRight div.actions > div:first-child, div.dataContainer div.StageRight div.actions button { margin: 0; margin-right: 5px; vertical-align: baseline; display: inline-block; } a.k-spreadsheet-sheets-bar-add { background-color: #656565!important; border-color: #656565!important; } /* Fixes the open folder in data sheets missing icon */ .k-i-folder-open { font-size: 16px; } /* Fixes the icons in product data sheets all not being shown or padding/margin issues */ .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button, .k-spreadsheet .k-spreadsheet-sheets-bar .k-button { height: auto; } /* Option box menu specific fix */ #PCSApp > div.k-widget.k-window > div.k-window-titlebar.k-header { /* background: #3f51b5; */ background: #656565; } /* End Data View */ /* Cache Product Views */ .productCacheJobs .dataColumnList, .productCacheJobDetail .dataColumnList { display: flex; justify-content: space-around; flex-flow: column; } .productCacheJobDetail .dataRowList, .productCacheJobs .dataRowList { display: flex; flex-flow: row; } .productCacheJobDetail .dataRowListItem, .productCacheJobs .dataRowListItem { width: 200px; height: 40px; } /* End Cache Product Views */ /* Preview */ div.previewContainer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; flex-flow: row; -webkit-flex-flow: row; justify-content: flex-start; align-content: flex-start; align-items: flex-start; margin-right: 0px!important; background: #fff!important; padding-top: 10px; padding-bottom: 20px; } div.previewContainer div.toolbox_elements, div.previewContainer div.tocContainer { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; justify-content: flex-start; align-items: center; align-content: center; flex-grow: 0; min-width: 250px; width: 250px; overflow: auto; padding-right: 5px; } div.previewContainer div.toolbox_elements > select { max-width: 90%; } div.previewContainer div#product_test { order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; justify-content: flex-start; align-items: stretch; align-content: stretch; flex-grow: 1; position: relative; max-width: 85%; } /* Catalog Preview */ div.previewContainer div.tocContainer { width: auto!important; flex-grow: 1; flex-shrink: 0; height: auto!important; min-width: 35%; flex-basis: 35%; align-items: flex-start; align-content: flex-start; justify-content: flex-start; padding-top: 0px!important; margin-top: 0px; } div.previewContainer div.previewDataContainer { order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; flex-grow: 1; flex-shrink: 1; position: relative; overflow: hidden!important; overflow-x: auto!important; margin: 0px 0px 0px 0px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; flex-flow: column; -webkit-flex-flow: column; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } div.previewContainer div.previewDataContainer div.breadcrumbs { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; width: 100%; } div.previewContainer div.previewDataContainer div.breadcrumbs > span.categoryLink img { max-height: 20px; vertical-align: middle; margin-right: 5px; width: 20px; } div.previewContainer div.previewDataContainer div.breadcrumbs > span.categoryLink > a { margin-right: 5px; } div.previewContainer div.previewDataContainer div.breadcrumbs > span.categoryLink > a > span.title { font-size: 10pt; color: #515151; } div.previewContainer div.previewDataContainer div.breadcrumbs > span.categoryLink > a:after { content: "\bb "; margin-left: 5px; color: #515151; } div.previewContainer div.previewDataContainer div.MetaData { order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; flex-flow: row; -webkit-flex-flow: row; justify-content: flex-start; align-content: flex-start; align-items: flex-start; margin-top: 10px; padding-top: 15px; border-top: 1px solid #c5c5c5; width: 100%; } div.previewContainer div.previewDataContainer div.MetaData div.image { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-shrink: 1; max-height: 104px; margin-right: 15px; } div.previewContainer div.previewDataContainer div.MetaData.isProduct div.image { max-height: 40px; height: 40px; } div.previewContainer div.previewDataContainer div.MetaData div.image img { height: 100%; max-height: 104px; } div.previewContainer div.previewDataContainer div.MetaData div.meta { order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 1; flex-shrink: 1; max-width: 85%; flex: 1 1 85%; } div.previewContainer div.previewDataContainer div.MetaData div.meta span.title { font-size: 14pt; color: #10b3e6; } div.previewContainer div.previewDataContainer div.content { order: 3; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; margin-top: 10px; padding-top: 15px; border-top: 1px dashed #f5f5f5; width: 100%; height: calc(100vh - 130px); overflow: auto!important; padding-bottom: 25px; } div.previewContainer div.previewDataContainer div.content > div.threedxProductContainer { width: 85%; } div.previewContainer div.previewDataContainer div.content.isProduct { border-top: none!important; padding-top: 10px!important; border-top: 1px solid #c5c5c5!important; } div.previewContainer div.previewDataContainer div.content ul.categories li, div.previewContainer div.previewDataContainer div.content ul.products li { margin: 15px 0; } div.previewContainer div.previewDataContainer div.content ul.categories li div, div.previewContainer div.previewDataContainer div.content ul.products li div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; flex-flow: row; -webkit-flex-flow: row; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } div.previewContainer div.previewDataContainer div.content ul.categories li div > a, div.previewContainer div.previewDataContainer div.content ul.products li div > a { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-shrink: 1; max-height: 80px; height: 80px; margin-right: 15px; } div.previewContainer div.previewDataContainer div.content ul.categories li div > a:hover, div.previewContainer div.previewDataContainer div.content ul.products li div > a:hover { cursor: pointer; } div.previewContainer div.previewDataContainer div.content ul.categories li div a img, div.previewContainer div.previewDataContainer div.content ul.products li div a img { height: 100%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; clear: both; float: left; max-width: 110px; width: 110px; min-width: 110px; margin-right: 15px; min-height: 58px; border: 1px solid #e5e5e5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; } div.previewContainer div.previewDataContainer div.content ul.categories li div a span.title, div.previewContainer div.previewDataContainer div.content ul.products li div a span.title { color: #515151; font-size: 14px; font-weight: 600; } div.previewContainer div.previewDataContainer div.content ul.categories li div div.meta, div.previewContainer div.previewDataContainer div.content ul.products li div div.meta { order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 1; flex-shrink: 1; max-width: 85%; flex: 1 1 85%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; flex-flow: column; -webkit-flex-flow: column; } div.previewContainer div.previewDataContainer div.content ul.categories li div div.meta > a, div.previewContainer div.previewDataContainer div.content ul.products li div div.meta > a { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; height: auto!important; max-height: none!important; } div.previewContainer div.previewDataContainer div.content ul.categories li div div.meta > p, div.previewContainer div.previewDataContainer div.content ul.products li div div.meta > p { order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; } div.previewContainer div.previewDataContainer div.threedxConfigurationContainer { position: relative; } div.previewContainer div.previewDataContainer div.threedxConfigurationContainer > a:first-child { position: absolute; right: 5px; top: 5px; font-size: 12pt; direction: rtl; } div.previewContainer div.previewDataContainer div.threedxConfigurationContainer > a:first-child > span.text { color: #515151; font-size: 10pt; display: none; margin-right: 5px; vertical-align: top; } div.previewContainer div.previewDataContainer div.threedxConfigurationContainer > a:first-child:hover > span.text { display: inline-block; } div.previewContainer div.previewDataContainer div#threedxProductTabs { width: 100%; position: relative; } div.previewContainer div.previewDataContainer div#threedxProductTabs > a:first-child { position: absolute; right: 5px; top: 8px; font-size: 12pt; direction: rtl; } div.previewContainer div.previewDataContainer div#threedxProductTabs > a:first-child > span.text { color: #515151; font-size: 10pt; display: none; margin-right: 5px; vertical-align: top; } div.previewContainer div.previewDataContainer div#threedxProductTabs > a:first-child:hover > span.text { display: inline-block; } div.previewContainer div.previewDataContainer div#threedxBomData { width: 100%!important; float: left!important; } div.previewContainer div.treeContainer { overflow: visible!important; width: 100%; } div.previewContainer div.treeContainer .tocitem > span { vertical-align: middle; text-overflow: ellipsis; text-rendering: optimizeSpeed; display: inline-block; color: #515151; white-space: pre-wrap; } div.previewContainer div.treeContainer div.k-widget { overflow: visible!important; } div.previewContainer div.treeContainer div.k-widget ul { padding: 0px!important; } div.previewContainer div.treeContainer div.k-widget ul li.k-item div span.k-in { padding: 0px!important; margin-left: 0px!important; margin-right: 0px!important; } div.previewContainer div.treeContainer div.k-widget ul li.k-item div span.k-in .tocitem { padding-left: 0px!important; } /* End Preview */ /* New Records Form Styles */ ul.new_record_form { max-width: 85vw; } ul.new_record_form label, ul.new_record_form h4 { display: block; clear: both; float: left; } ul.new_record_form li.split input { display: inline-block; vertical-align: middle; } ul.new_record_form select { max-width: none; box-sizing: content-box; } ul.new_record_form li.image { max-height: 150px; } ul.new_record_form li.image img.company_logo { max-height: 45px; height: auto; max-width: 100%; } ul.new_record_form li.image div.logofile { max-width: 45%; } /* Modal Windows */ div.modal-dialog { margin-top: 65px; display:flex; justify-content:center; } div.modal.documentPreview, div.modal.drawingPreview, div.modal.imagePreview { width: 90vw; margin: 0 auto; } div.modal.documentPreview div.modal-dialog, div.modal.drawingPreview div.modal-dialog, div.modal.imagePreview div.modal-dialog { width: 100%; height: calc(100% - 50px); margin: 50px 0 0 0; } div.modal.documentPreview div.modal-dialog div.modal-content, div.modal.drawingPreview div.modal-dialog div.modal-content, div.modal.imagePreview div.modal-dialog div.modal-content { text-align: center; margin: 0 auto; width: 100%; } div.modal.documentPreview div.modal-dialog div.modal-content h5 { text-align: left; } div.modal.imagePreview h5 { font-size: 16pt; } div.modal.documentPreview div.modal-dialog div.modal-content { height: 100%; } div.modal.documentPreview iframe { width: 100%; height: 80vh; border: none; } div.modal.map > div.modal-dialog > div.modal-content { min-height: 450px; } div.modal-text { font-size: 9pt; } input.filesearchfield { margin-bottom: 10px; } body > footer { position: fixed; bottom: 0; z-index: 1000; background-color: #fff; width: 100%; min-height: 38px!important; height: 38px!important; background-color: #ebebeb; border-top: 1px solid #c5c5c5; padding: 8px 0.5%; display: none!important; visibility: hidden!important; } body > footer > p { float: left; } body > footer > p.version { float: right; } .filterType { display: flex; justify-content: center; border: 1px solid #c5c5c5; padding: 5px; } .filterList { display: flex; justify-content: center; } div#propertiesBar .accordion div.panel-heading { padding: 0px 15px; } div#propertiesBar .accordion div.panel-open div.panel-heading { background-color: #10b3e6; color: #fff; } div#propertiesBar .accordion div.panel-heading > h4.panel-title, div#propertiesBar .accordion div.panel-heading > h4.panel-title h4, div#propertiesBar .accordion div.panel-heading a, div#propertiesBar .accordion div.panel-heading span { outline: none!important; border: none!important; } div#propertiesBar .accordion div.panel-heading a { width: 100%; display: inline-block; } div#propertiesBar .accordion div.panel-heading > h4.panel-title h4 { padding: 0!important; font-size: 14px; display: inline-block; } div#propertiesBar .accordion div.panel-open div.panel-heading > h4.panel-title h4 { font-weight: 600; color: #fff; } div#propertiesBar > div { max-width: 98%; } div.propertiesOverlay { position: absolute; width: 100%; height: 100%; background-color: #ebebeb; opacity: .5; z-index: 10; } div#propertiesBar div.textViewFilter span { margin: 2.5px 5px 2.5px 0px; } div#propertiesBar div.textViewFilter span.firstArgument { color: #10b3e6; } div#propertiesBar div.textViewFilter span.operator { color: #e51049; font-weight: 600; font-size: 12pt; } div#propertiesBar div.textViewFilter span.secondArgument { color: #9400d3; } div#onlineOffline { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; text-align: center; height: 100vh; background-color: #000; opacity: 0.75; margin: auto; z-index: 10000000; -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } div#onlineOffline > span { border: 1px solid #c5c5c5; background-color: #fff; color: #515151; padding: 25px; margin: 0 auto; } div#exitMessageShade { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; text-align: center; height: 100vh; background-color: #000; opacity: 0.75; margin: auto; z-index: 10000000; display: none; -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } div#onlineOffline > span { border: 1px solid #c5c5c5; background-color: #fff; color: #515151; padding: 25px; margin: 0 auto; width: 50vw; } div.signingIn { margin-top: 10px; text-align: center; } div.signingIn h4 img { margin-right: 10px; } @media only screen and (min-width: 600px) { div.homeContainer { width: 1024px; max-width: 1024px; } #content_blocks h3, #content_blocks .content_block .content_blocks_header .text { max-width: 70%; } #homeBuckets .bucket { display: inline-block; border-top: none; width: 30%; padding: 0px 15px!important; overflow: hidden; vertical-align: top; margin: 0 auto; } #homeBuckets .bucket .bucket-image { max-height: 250px; max-width: 100%; } #homeBuckets .bucket .bucket-content a { font-size: 15px; line-height: 22px; } } @media screen and (min-width: 992px) { #homeBuckets .bucket .bucket-content h3 { font-size: 28px; } #homeBuckets .bucket .bucket-content a { font-size: 20px; line-height: 28px; } div.loginForm > form, div.loginForm > div { width: 573px; } div#MainWrapper { width: 100%; position: absolute; } body > header { height: 46px!important; } body > header > div > h1 { top: 0; height: 100%; width: 80px; } body > div#AboutOverlay > div { width: 50%; } .mobile_menu_icon { display: none; visibility: hidden; order: 0; -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; } header > .UserLinks.visible { display: inline-block; visibility: visible; } li.UserLinks { display: none; visibility: hidden; } /* Non-Mobile Menu */ aside#SidebarNavigation { width: 85px!important; flex-grow: 0!important; order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; margin-top:45px; } aside#SidebarNavigation.visible { display: block!important; } aside#SidebarNavigation > nav, aside#SidebarNavigation > nav > ul { height: 100%; } aside#SidebarNavigation > nav > ul > li { margin: 0 auto!important; border: none!important; display: inline-block; width: 100%; } aside#SidebarNavigation > nav > ul > li a { height: auto !important; width: 100% !important; display: block; color: #f1f1f1; margin-top: 0px; padding: 10px 0; } aside#SidebarNavigation > nav > ul li span.glyphicon { width: 100%; padding: 10px 0; font-size: 24px; color: #666; } aside#SidebarNavigation > nav > ul li:not(.disabled):hover { cursor: pointer; background-color: #f0f0f0; position: relative; } aside#SidebarNavigation > nav > ul li.disabled { cursor: not-allowed; } aside#SidebarNavigation > nav > ul li.disabled > span.glyphicon { color: #c5c5c5; } aside#SidebarNavigation > nav > ul li.active > span.glyphicon { color: #10b3e6; } aside#SidebarNavigation > nav > ul li div.flyoutMenu { display: none; min-width: 175px; min-height: 44px; line-height: 44px; position: absolute; top: 0; left: 84px; color: #333; background-color: #f0f0f0; text-align: left; z-index: 1003; } aside#SidebarNavigation > nav > ul li:not(.disabled):hover div.flyoutMenu { display: block; } aside#SidebarNavigation > nav > ul li div.flyoutMenu.subMenu { height: auto; } aside#SidebarNavigation > nav > ul li div.flyoutMenu > div.title { white-space: nowrap; font-size: 14px; font-weight: bold; padding: 0 10px; } aside#SidebarNavigation > nav > ul li div.flyoutMenu > ul.menuItems { border-left: 1px solid #ccc; padding-left: 25px; } aside#SidebarNavigation > nav > ul li div.flyoutMenu > ul.menuItems > li.active { font-weight: bold; } aside#SidebarNavigation > nav > ul li div.flyoutMenu > ul.menuItems > li.active, aside#SidebarNavigation > nav > ul li div.flyoutMenu > ul.menuItems > li:hover { color: #10b3e6; } /* End NAV */ div#MainWrapper > #MainContainer { overflow: hidden; margin-top:45px; position: relative; } #MainContainer > section div.rootContainer, #MainContainer > section div.homeContainer, #MainContainer > section div.tocContainer, #MainContainer > section div.productContainer, #MainContainer > section div.designContainer, #MainContainer > section div.dataContainer, #MainContainer > section div.previewContainer, #MainContainer > section div.companyFormContainer, #MainContainer > section div.catalogFormContainer, #MainContainer > section div.publishContainer, #MainContainer > section div.companyContainer, #MainContainer > section div.companyLocationsContainer, #MainContainer > section div.companyLocationsForm, #MainContainer > section div.companiesListContainer, #MainContainer > section div.createCatalogContainer, #MainContainer > section div.searchContainer, #MainContainer > section div.taskManagerContainer, #MainContainer > section div.taskDetailContainer, #MainContainer > section div.ManagerContainer, #MainContainer > section div.partNumbersContainer, #MainContainer > section div.reportsContainer, #MainContainer > section div.loginForm { background: transparent; } #MainContainer > footer#SearchArea { width: 100%; height: 65vh; position: absolute; bottom: 0px; display: none; background: #ebebeb; border-top: 1px solid #656565; left: 0px; padding: 0px 0px 10px 0px; z-index: 1002; } #MainContainer > footer#SearchArea > div.searchHeader { padding: 5px; } #MainContainer > footer#SearchArea > input[type="search"] { padding: 0; margin: 0; width: 100%; max-width: 100%; } #MainContainer .contentHeader { background-position: 8px center; } #MainContainer.subheader > section > div.content { padding-left: 45px; padding-right: 3px; } div.companyFormContainer > div.form { flex-grow: 0!important; } div.companyFormContainer > form > div.buttons { padding-bottom: 20px; } div.companyFormContainer > div.companyInfo { order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 0; -webkit-box-flex: 0; } div.companyFormContainer > div.companyInfo img { max-height: 50px; margin: 10px 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } div.companyFormContainer > div.companyInfo div.description { margin: 10px 20px; } div.companyFormContainer > div.companyInfo > div.info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; flex-flow: row; -webkit-flex-flow: row; justify-content: flex-start; align-content: stretch; align-items: stretch; flex-wrap: nowrap; flex: 1 0 0; } div.companyFormContainer > div.companyInfo > div.info > div.companyInfo { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 0; -webkit-box-flex: 0; } div.companyFormContainer > div.companyInfo > div.info > div.contactInfo { order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 1; -webkit-box-flex: 1; } div.companyFormContainer > div.companyInfo > div.info > div.contactInfo > ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; flex-flow: row; -webkit-flex-flow: row; justify-content: flex-start; align-content: stretch; align-items: stretch; flex-wrap: nowrap; flex: 1 0 0; } div.companyFormContainer > div.companyInfo > div.info > div.contactInfo > ul > li.address { order: 1; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 0; -webkit-box-flex: 0; } div.companyFormContainer > div.companyInfo > div.info > div.contactInfo > ul > li.contact { order: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-grow: 0; -webkit-box-flex: 0; } div.companyFormContainer > div.companyInfo ul { margin: 5px 20px; } div.companyFormContainer > div.companyInfo blockquote { font-size: inherit!important; border: none!important; margin-bottom: 0px; } div.companyFormContainer > div.companyInfo label { margin-right: 5px; margin-bottom: auto; } } .reportsTable { width: calc(100% - 28%); height: calc(100% - 10px); } @media screen and (min-width: 1300px) { div.homeContainer { width: 1244px; max-width: 1244px; } } @media screen and (min-width: 1399px) { div.previewContainer div.tocContainer { min-width: 20%; max-width: 20%; flex-basis: 20%; } ul.new_record_form { max-width: 50vw; } } @media screen and (min-width: 1400px) { body > div#AboutOverlay > div { width: 35%; } div.previewContainer div.previewDataContainer div.content ul.categories li:nth-child(odd), div.previewContainer div.previewDataContainer div.content ul.products li:nth-child(odd) { border-right: 1px dashed #f5f5f5!important; } div.loginForm > form, div.loginForm > div { width: 573px; } } @media screen and (min-width: 1600px) { body > div#AboutOverlay > div { width: 30%; } } @media screen and (max-width: 1024px), screen and (max-height: 768px) { h2.studio_header a { font-size: 16pt; } h3 { font-size: 10pt; } aside#SidebarNavigation > nav > ul li { padding: 5px 0px; } aside#SidebarNavigation > nav > ul li a span.glyphicon { font-size: 10pt; } .k-grid-content tbody tr { height: 43px; } #MainContainer > section div.rootContainer, #MainContainer > section div.homeContainer, #MainContainer > section div.tocContainer, #MainContainer > section div.productContainer, #MainContainer > section div.designContainer, #MainContainer > section div.dataContainer, #MainContainer > section div.previewContainer, #MainContainer > section div.companyFormContainer, #MainContainer > section div.catalogFormContainer, #MainContainer > section div.publishContainer, #MainContainer > section div.companyContainer, #MainContainer > section div.companyLocationsContainer, #MainContainer > section div.companyLocationsForm, #MainContainer > section div.companiesListContainer, #MainContainer > section div.createCatalogContainer, #MainContainer > section div.searchContainer, #MainContainer > section div.taskManagerContainer, #MainContainer > section div.taskDetailContainer, #MainContainer > section div.ManagerContainer, #MainContainer > section div.partNumbersContainer, #MainContainer > section div.reportsContainer, #MainContainer > section div.loginForm { padding-bottom: 20px; } .panel-group { margin-bottom: 10px; } .logicblock { margin-right: 0px; } .stretch { left: 105px; } div.designContainer h3 { margin: 0 25px; } div.previewContainer div.tocContainer { min-width: 25%!important; flex-basis: 25%!important; } div.previewContainer div.previewDataContainer { flex-basis: 75%!important; min-width: 75%!important; max-width: 75%!important; } } /* End Laptop Styles */ @media screen and (min-width: 768px) { .modal-dialog { min-width: 600px!important; margin-right: auto!important; margin-left: auto!important; } } #startDatePicker .k-i-calendar, #endDatePicker .k-i-calendar { height: 35px; } nav[role="tablist"] { display: flex; flex-direction: row; flex-flow: row; justify-content: flex-start; align-content: stretch; align-items: stretch; flex-wrap: nowrap; flex: 0; height: 40px; width: 100%; background-color: #f5f5f5; border: 1px solid #c5c5c5; border-right: none; } nav[role="tablist"] a { text-decoration: none; background-color: #f5f5f5; color: #222; font-size: 14px; text-align: center; padding: 0 5px; background: transparent; height: 39px; line-height: 35px; border-right: 1px solid #e5e5e5; } nav[role="tablist"] .active { color: #10b3e6; background: #fff; border: 1px solid #c5c5c5 !important; border-top: none !important; border-bottom: 1px solid #fff !important; } nav[role="tablist"] a:first-child { border-left: none !important; } nav[role="tablist"] a:last-child { border-right: none !important; } nav[role="tablist"] a:not(.active):hover { color: #10b3e6; background: #fff; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #c5c5c5; } .grid { margin-top: 0.5em; height: 100%; } .k-widget.k-datepicker.k-header { display: block; width: 100%; } .overlay.reportDownloading { text-align: center; margin-top: 10px; } div.who ul { display: inline-block; } div.who label { vertical-align: top; margin-top: 1px; } #url { width: 47%; } div.logodisplay { display: flex; align-items: center; flex: 0 0 50px; } span.no-logo-text { font-weight: bold; } ul.properties_table li.companySettings, ul.properties_table li.catalogSettings { display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: center; align-content: stretch; align-items: center; flex-wrap: wrap; padding: 10px 5px; } ul.properties_table li.catalogSettings { display: inline-flex; } ul.properties_table div.company-info-flex { display: flex; margin-bottom: 10px; } div.company-info-flex > div.logo-container { margin-right: 5%; width: 30%; } div.company-info-flex > div.logo-container > div.logofile, div.createCatalogContainer div.logo-container > div.logofile { text-align: center; } div.createCatalogContainer div.logo-container { display: inline-block; width: 45%; margin-bottom: 20px; } div.createCatalogContainer div.logo-container > li.image.catalogSettings { width: 100%; } li.image.companySettings, li.image.catalogSettings { border: 1px dashed #ccc; border-radius: 3px; height: 125px; } li.image.catalogSettings { width: 45%; } .formBtn { margin-left: 15px; line-height: 1.8; border: 1px solid #ccc; color: #ccc; padding: 4px 8px; border-radius: 4px; } .formBtn.testUrl { color: #e51049; } #new_company_logo { /* margin-left: 15px; */ line-height: 1.8; border: 1px solid #ccc; color: #515151; background-color: #fff; padding: 4px 8px; border-radius: 4px; } #new_company_logo:hover { text-shadow: none; } .statsEmptyMsg { text-align: center; margin-top: 10px; font-size: 24px; } .k-calendar .k-header .k-link { color: #515151; } .k-calendar .k-link.k-state-hover { color: #FFF; background-color: #10b3e6; } .k-today .k-state-focused { color: #515151; background-color: #10b3e6; } .k-calendar .k-today { color: #10b3e6; } ul.tokenList { margin: 0 !important; } ul.properties_table textarea { width: 94.5% !important; } button.companyClose { float: none !important; } select#originOptions, select#countryOptions, select#cadOptions { width: auto; min-width: 100px; } .modal-content .k-grid-content { max-height: 60vh; } /* Disable pointer events to stop flicker from occuring because the pop up modal that shows data is being imposed on the chart causing 2 events*/ svg > g:last-child > g:last-child { pointer-events: none; } div.google-visualization-tooltip { pointer-events: none; } #catalogSelector { padding: 2px 4px; } #reportsContainer .reportSidebar .accordion div.panel-group { margin-bottom: 0; } #reportsContainer .reportSidebar .accordion div.panel-group > div#dateSubmitContainer, #reportsContainer .reportSidebar .accordion div.panel-group > div#downloadButtons, #reportsContainer .reportSidebar .accordion div.panel-group > div.templateButtons { display: block; } #userManageGrid { width: fit-content !important; } #userManageGrid .k-grid-content tr td:not(:last-child) { text-align: center; } #sendToField { width: 75% !important; margin-right: 10px; } #downloadsGrid tbody tr:hover, #rfqGrid tbody tr:hover { cursor: default !important; } .k-menu .k-state-selected>.k-link { background-color: #10b3e6; border-color: #10b3e6; border-radius: 10px; } .k-menu .k-state-hover>.k-link { border-color: #10b3e6; border-radius: 10px; } label.k-label input { margin: 0 4px 4px 0; vertical-align: sub; } li[role="menuitemcheckbox"] span input { margin: 0 4px 4px 0; vertical-align: sub; } button.reset:focus { background-color: #696969; border-color: #696969; color: #FFF; margin: 0 5px; } .k-filter-menu .k-filter-selected-items { margin: .7em 0 .7em 0; } .k-filterable .k-button { border-color: #e6e6e6; } .k-filterable .k-button:hover { text-shadow: 1px 0px 0px #000; } .k-filterable .k-button.k-primary:hover { text-shadow: 1px 0px 0px #10b3e6; } #sourceSelectorContainer { margin-top: 10px; } #sourceSelector { padding: 2px 2px 2px 5px; } #reportsContainer div.reportSidebar td input.form-control { width: 25px !important; } #reportsContainer div.reportSidebar div.scheduled-item div.panel-body { padding-top: 15px; } #reportsContainer div.reportSidebar .scheduled-item-heading { max-width: 95%; } .chartTitle { text-align: center; width: 970px; font-size: 18px; font-weight: normal; } .reportTemplateBuilder .templateLoader { background-color: #FFF; width: 100%; height: 100%; position: absolute; z-index: 1000; } .reportTemplateBuilder .splitView { background-color: #fff; left: 0px; } .reportTemplateBuilder .templateNameContainer { padding: 15px; } .reportTemplateBuilder .templateToolBoxElements { display: flex; flex-direction: column; } .reportTemplateBuilder .templateToolBoxElements .toolbox { overflow-y: scroll; } .reportTemplateBuilder .propertiesList .propertiesItem { display: flex; padding: 10px; } .reportTemplateBuilder .propertiesList .propertiesItem .firstItem { flex: none; width: 140px; padding-right: 10px; text-align: right; } .reportTemplateBuilder .designContainerStage .instructionContainer { color: #CCC; position: absolute; width: 100%; height: 100%; display: flex; align-items: center; text-align: center; } .reportTemplateBuilder .designContainerStage .instructionContainer .instructionText { margin: auto; text-align: left; } .k-window div.k-window-content { overflow: hidden; } .datePickerText, .downloadText { display: inline-block; margin-top: 10px; font-weight: 700; } #dateSubmitContainer { text-align: center; } #downloadsGrid td, #rfqGrid td { white-space: nowrap; } #downloadsGrid .k-grid-content tbody tr, #rfqGrid .k-grid-content tbody tr, #userManageGrid .k-grid-content tbody tr, #resourcesGrid .k-grid-content tbody tr { padding: 0; height: 35px; } #resourcesGrid .k-grid-content tbody tr div p { margin: 0; } #resourcesGrid .k-grid-content tbody tr ol { list-style-position: inside; padding-left: 0; } #resourcesGrid .k-grid-content tbody tr ul { list-style: disc inside none; padding-left: 0; } .scheduleButtons, .templateButtons, .downloadButtons { text-align: center; } a.remove { color: #fff; } a.remove:hover { color: #23527c; } #permissionGrid { width: 1320px !important; } #permissionGrid tr td input[type=checkbox] { display: block; margin: 0 auto; } .k-header > .k-link { text-align: center; } #passForm .form-item span { color: #ff0909f5; } .k-pager-numbers .k-state-selected { border-color: #10b3e6 transparent transparent; color: #10b3e6; } #MainContainer > section > div.userManagementContainer, #MainContainer > section > div.companyLocationsContainer { max-height: none; } .userManageHeader { color: #515151; padding-bottom: 0; } .userManageCompanySelect { width: 375px; margin-bottom: 10px; } .k-grid .k-header .k-button.k-grid-add { background-color: #10b3e6; border-color: #10b3e6; } .k-grid .k-header .k-button.k-grid-add:hover { opacity: 0.75; } .k-calendar-container .k-calendar { padding: 0; } .k-calendar-container .k-calendar .k-header { padding: 5px 0; } .k-calendar-container .k-calendar .k-month .k-weekend { border-radius: 50%; } .k-calendar-container .k-calendar .k-month .k-state-selected .k-link { border-color: #10b3e6; background-color: #10b3e6; } .k-calendar-container .k-calendar .k-month .k-today .k-link { color: #10b3e6; box-shadow: inset 0 0 0 1px #10b3e6; } .k-calendar-container .k-calendar .k-month .k-today.k-state-selected .k-link { color: #fff; box-shadow: inset 0 0 0 2px rgba(0,0,0,0.13) } .k-datepicker .k-select { flex: 0 0 33px !important;; } .k-datepicker .k-state-focused { border-color: #10b3e6 !important; } /* Campaigns RFQ Styles */ .marketingContainer { width: 65%; margin: 0 auto; } .marketingContent { font-size: 14pt; } .marketingHeader { text-align: center; margin-bottom: 20px; font-size: 22pt; } .blockHeader { padding: 0 !important; margin-bottom: 10px; color: #515151; font-size: 18pt; } #website, #newsletter, #bulletin, #showdown { display: block; max-width: 100%; margin: 0 auto; } #companyLogoSplit { max-width: 100px; } a.contentButton { height: 37px; line-height: 5px; padding: 15px 15px; color: white; border-radius: 5px; font-size: 12pt; text-decoration: none; background-color: orange; margin-right: 10px; cursor: pointer; } a.contentButton.disabled { opacity: 0.5; cursor: not-allowed; } ul.blockList { list-style: initial; padding-left: 25px; } .btnContainer { display: flex; justify-content: center; margin-top: 25px; } .divider { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .topBlock { position: relative; display: flex; width: 95%; justify-content: center; margin: 0 auto; overflow: hidden; } .topBlock > div { flex: 1 1; } .rightSide { padding-left: 3vw; } .logoHeading { text-align: center; margin-top: 20px; margin-bottom: 20px; } @media (max-width: 1440px) { .marketingContainer { width: 100%; } } @media (min-width: 768px) and (max-width: 1200px) { .topBlock { width: 90%; } .marketingHeader { font-size: 16pt; } .blockHeader { font-size: 14pt; } .marketingContent { font-size: 12pt; } } .k-window-titlebar .k-header { background-color: #10b3e6 !important; } /* TOS Styles */ .modal-text.bottom-border { padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } .modal-text.padded { padding:10px; } .legal { max-height: 400px; padding-left: 15px; padding-right: 15px; overflow: auto; } .legal ul { margin: 0 0 10px; } .legal ul li { text-indent: -1.5em; padding: 0 0 0 5px; margin-left: 1em; list-style-type: disc; list-style-position: inside; } .dialog-legal { margin-top: 10px; text-align: center; } input#checkedTerms, label[for="checkedTerms"] { vertical-align: middle; margin: 0 2px; } /* User Manage Dialog Styles */ .k-edit-form-container { width: 300px; } .k-edit-form-container .k-edit-label { text-align: left; white-space: nowrap; width: 25%; } .k-edit-form-container .k-edit-field { width: 70%; } .k-edit-form-container .k-edit-field .k-input { padding: 2px 1px; } .k-edit-form-container .k-edit-field .k-dropdown { width: 100%; } #editPermissionWindow .k-edit-field { margin: 0 2%; width: 96%; } #editPermissionWindow .k-edit-field[data-container-for="companyId"]{ margin-bottom: 5px; } #editPermissionWindow .k-edit-label:not(:nth-last-child(2)):not(:nth-last-child(4)) { float: right; clear: right; width: 85%; margin-left: 0; margin-right: 2%; } #editPermissionWindow .k-edit-field:not(:nth-last-child(2)):not(:nth-last-child(4)) { float: left; clear: left; width: 10%; margin-left: 2%; margin-right: 0; } .importLocations span { padding-left: 5px; } .state { width: 99px !important; } .cspc > .country { margin-right: 15px; display: inline-block; width: 175px; } .cspc > .region { margin-right: 15px; display: inline-block; width: 175px; } .studio-button { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #10b3e6; display: block; color: #fff !important; padding: 2px 8px; min-height: 20px; height: auto; line-height: 20px; margin-top: 10px; text-align: center; border: 1px solid #10b3e6; box-sizing: content-box; font-weight: 400!important; font-family: inherit; font-size: inherit; text-decoration: none; } .studio-button:hover { color: #10b3e6 !important; border: 1px solid #10b3e6; background-color: #fff; text-shadow: 1px 0px 0px #10b3e6; text-decoration: none; outline: none !important; } .importLocationMsg { text-align: center; } .importLocations > .glyphicon-import { display: none; } .TOCeditForm .k-editor { width: 100%; height: 150px; overflow: auto; } .k-button-group { box-shadow: unset; -webkit-box-shadow: unset; } #layoutForm > .half { width: 50vw; } .zendeskHeader { color: #515151; padding-bottom: 0; } .customEdit, .customClose { display: unset !important; opacity: unset !important; } .zendeskTicketContainer input { width: auto; } div.commentControls button { display: unset !important; opacity: unset !important; margin: 0 5px 5px 0; } div.commentControls .k-editor{ margin-bottom: 5px; } /* .k-editor-toolbar { display: unset !important; } */ #editTicketPopup .k-editor-toolbar-wrap { display: none; } #editTicketPopup .k-editor-widget { border: none; outline: none; width: 99%; border-collapse: collapse; height: 130px; } div.commentContainer > .comment { border: 1px solid #ccc; padding: 5px 20px; border-radius: 3px; margin-bottom: 5px; } div.commentContainer .body { word-break: break-word; line-height: 1.2; } div.commentContainer .zd-comment p { margin: 0; } div.supportContainer { height: 100%; width: 100%; } div.supportContainer div#sourceSelectorContainer { width: fit-content; margin-bottom: 10px; } div.settingsContainer { height: 100%; width: 100%; padding: 20px; } div.settingsGroupContent { width: 40%; padding: 20px; } div.settingsGroupContent > div.settingsGroupItem > span.settingsTooltip { top: -2px; position: relative; } div.settingsGroupContent > div.settingsGroupItem .tooltip-inner { background-color: #f0f0f0; color:#000; } div.settingsGroupContent > div.settingsGroupItem .tooltip-arrow { border-right-color: #f0f0f0; } .user-settings-error { color: red; } .settingsItemLabel { margin: 0 3px; position: relative; top: -2px; } .zendeskHeader { color: #515151; padding-bottom: 0; } .zendeskFileGrid th:first-child { padding-left: 1.286em; } .zendeskFileManagerModal .modal-content, .resourceFileManagerModal .modal-content { padding: unset !important; } .add-file { vertical-align: text-top; } .zendeskFileManagerModal .modal-footer, .resourceFileManagerModal .modal-footer { padding: 0 15px 10px 0; } .modal-header { padding: 10px 0 0 15px; border-bottom: 0; display: flex; } .modal-title { font-size: 16px; color: #10b3e6; font-weight: 400; } .modal-exit { margin-left: auto; margin-right: 15px; } .modal-exit .k-i-close { font-size: 18px; } .modal-exit:hover { cursor: pointer; color: #10b3e6 } .zendeskFileGrid { border-top: 0; margin-top: 5px; } .supportTicketGrid tr:hover { background-color: white; } #zendeskFileGrid .k-grid-delete, #resourcesGrid .k-grid-delete, #resourceItemsGrid .k-grid-delete { background-color: #10b3e6; border-color: #10b3e6; float: right; margin-right: 15px; } #zendeskFileGrid .k-grid-delete:hover:not(.k-state-disabled), #resourcesGrid .k-grid-delete:hover:not(.k-state-disabled), #resourceItemsGrid .k-grid-delete:hover:not(.k-state-disabled) { color: #10b3e6; border: 1px solid #10b3e6; background-color: #fff; text-shadow: 1px 0px 0px #10b3e6; outline: none!important; } #zendeskFileGrid .k-state-disabled { color: #999; border-color: #fafafa; background-color: #fafafa; background-image: none; } #zendeskFileGrid .k-checkbox { text-align: center !important; padding: 0 !important; margin-left: 10px !important; display: block; } #zendeskFileGrid .k-grid-content tbody tr, .supportTicketGrid .k-grid-content tbody tr { padding: 0; height: 35px; } .commentContainer .k-editor { height: 150px; } .supportTicketGrid .k-grid-content tr td:not(:last-child) { text-align: center; } #zendeskFileGrid .k-grid-content tr td:not(:first-child), #resourcesGrid .k-grid-content tr td:not(:first-child), #resourceItemsGrid.k-grid-content tr td:not(:first-child) { text-align: center; } .supportTicketGrid .k-grid-content tr td:nth-child(3) { text-align: left; } .supportTicketGrid .k-editor [role=presentation] { display: none; } .descriptionEditor { width: 95.5%; resize: none; height: 120px; border: 1px #c5c5c5 solid; } div.descriptionEditor:focus { border: 1px solid #10b3e6 !important; } #editTicketPopup .k-edit-form-container { width: auto; } [data-container-for=Tag] .k-dropdown { width: 210px !important; } #editFileManager .k-edit-form-container .k-edit-field, #editTicketPopup .k-edit-form-container .k-edit-field[data-container-for="attachments"] { width: 97%; } #editTicketPopup .k-edit-form-container .k-edit-field { width: 80%; } #editTicketPopup .k-edit-form-container .k-edit-label { width: 15%; } #editFileManager .k-edit-label, #editTicketPopup .k-edit-label:nth-child(21) { display: none; } #editFileManager .k-upload, #editTicketPopup .k-upload { border: none; } #editFileManager .k-widget .k-upload-files { text-align: left; border: 1px solid #e6e6e6; } #editFileManager .k-upload { text-align: center; } /* #editTicketPopup .k-widget .k-upload-files { border: 1px solid #e6e6e6; } */ #editTicketPopup .k-widget .k-upload-files, #editFileManager .k-widget .k-upload-files { border: none; } #editTicketPopup .k-widget .k-upload-files .k-file, #editFileManager .k-widget .k-upload-files .k-file { border-width: 1px 1px 0 1px; } #editTicketPopup .k-widget .k-upload-files .k-file:last-child, #editFileManager .k-widget .k-upload-files .k-file:last-child { border-width: 1px; } #editFileManager .k-upload .k-upload-button { border: 1px solid #e6e6e6; margin-left: 0; } #editTicketPopup .k-upload .k-upload-button { border: 1px solid #e6e6e6; margin-top: 0; margin-left: 17.5%; } #editFileManager .k-edit-field { padding: unset; } #editFileManager .k-upload .k-invalid-msg { position: relative; } .k-widget .k-editor-inline { padding-top: 3px !important; padding-left: 7px !important; overflow: auto; } .k-window-titleless { display: none !important; } #editTicketPopup .k-upload-files, #editFileManager .k-upload-files { overflow: auto; max-height: 165px; } .uploadsWarningContainer { text-align: center; } .uploadsWarningContainer span { font-weight: bold; } .uploadsWarningContainer p { margin: 0; } .locationsList .k-grid-content tbody tr { height: 35px; } .threedx_ProductMetadata_longdescription ul { list-style: disc; position: relative; left: 5px; } .threedx_ProductMetadata_longdescription ol { padding-inline-start: 0; } .threedx_ProductMetadata_longdescription p { margin: 0; } #companyDescription { margin-top: 10px; } #companyDescription table { border-radius: 3px; } #companyDescription table tr[role="presentation"] .k-editor-toolbar, #companyDescription table tr[role="presentation"]:hover { background-color: transparent; } div.companyFormContainer > input, div.companyFormContainer > li, div.createCatalogContainer > input, div.createCatalogContainer > li { width: 100%; } div.companyFormContainer li.split.right, div.createCatalogContainer li.split.right { margin-left: calc(10% - 3px); } div.companyFormContainer li.contact, div.companyFormContainer li.company-info { width: 100%; } div.companyFormContainer li.company-info > div.details > div { height: 50px; } div.companyFormContainer div.types-container { width: 30%; } div.companyFormContainer div.types-container > div { height: calc(100% - 30px); } div.companyFormContainer li.company-types { display: grid; height: 100%; align-items: center; } div.companyFormContainer li.company-types label { user-select: none; display: inline-block; float: none; width: auto; margin-top: 2px; margin-bottom: -2px; line-height: normal; } label { user-select: none; display: inline-block; float: none; width: auto; margin-top: 4px; margin-bottom: 0px; margin-left: 5px; line-height: normal; } div.companyFormContainer div.types-container > div.error { border-color: #e51049; } div.companyFormContainer div.types-container > p.company-type-error { margin: 0; color: #e51049; } div.createCatalogContainer li.full > input, div.createCatalogContainer li.full > textarea { max-width: none !important; width: 100% !important; } div.createCatalogContainer > form > ul.properties_table > div.resources > .accordion div.panel { margin: 10px 0; } div.createCatalogContainer > form > ul.properties_table > div.resources > .accordion div.panel-heading { padding: 0px 15px; } div.createCatalogContainer > form > ul.properties_table > div.resources > .accordion div.panel-open div.panel-heading { background-color: #10b3e6; color: #fff; } div.createCatalogContainer > form > ul.properties_table > div.resources > .accordion div.panel-heading > h4.panel-title, div.createCatalogContainer > form > ul.properties_table > div.resources > .accordion div.panel-heading > h4.panel-title h4, div.createCatalogContainer > form > ul.properties_table > div.resources > .accordion div.panel-heading a, div.createCatalogContainer > form > ul.properties_table > div.resources > .accordion div.panel-heading span { outline: none!important; border: none!important; font-size: 14px!important; top: 6px!important; } div.createCatalogContainer > form > ul.properties_table > div.resources > .accordion div.panel-heading a { width: 100%; display: inline-block; } div.createCatalogContainer > form > ul.properties_table > div.resources > .accordion div.panel-heading > .panel-title { padding-top: 5px!important; display: block; clear: none; float: none; width: unset; } div.createCatalogContainer > form > ul.properties_table > div.resources > .accordion div.panel-heading > .panel-title h4 { padding: 5px 0!important; font-size: 14px!important; display: inline-block; padding-bottom: 0px!important; } div.createCatalogContainer > form > ul.properties_table > div.resources > .accordion div.panel-open div.panel-heading > .panel-title h4 { font-weight: 600; color: #fff; } /* Images */ div.createCatalogContainer > form > ul.properties_table ol.doc_list, div.createCatalogContainer > form >ul.properties_table ul.drawing_list { list-style-type: decimal; margin: 0; padding: 0px 15px; } div.createCatalogContainer > form > ul.properties_table div.resource_item_add_button { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: none; background-color: #10b3e6; color: #fff; padding: 2px 8px; min-height: 20px; height: auto; width: 34px; line-height: 20px; margin-top: 10px; text-align: center; border: 1px solid #10b3e6; box-sizing: content-box; -webkit-appearance: button; font-weight: 400!important; cursor: pointer; } div.createCatalogContainer > form > ul.properties_table div.resource_item_add_button:hover { background-color: #fff; color: #10b3e6; } div.createCatalogContainer > form > ul.properties_table ol.doc_list > li, div.createCatalogContainer > form >ul.properties_table ul.drawing_list > li { margin-bottom: 5px; } div.createCatalogContainer > form > ul.properties_table ol.doc_list > li > a { display: inline-block; } div.createCatalogContainer > form > ul.properties_table ol.doc_list > li > a.resource_list_item_remove { float: right; } div.createCatalogContainer > form > ul.properties_table ol.doc_list > li > a.resource_list_item_remove:hover { cursor: pointer; } div.createCatalogContainer > form > ul.properties_table ol.drawing_list > li > img { max-width: 100%; width: auto; max-height: 80px; } div.createCatalogContainer> form > ul.properties_table ol.doc_list > li > button.resource_list_item_remove, div.createCatalogContainer > form > ul.properties_table ol.drawing_list > li > button.resource_list_item_remove { float: right; font-size: 12pt; vertical-align: top; margin-top: 0px; } div.createCatalogContainer > form > ul.properties_table ol.doc_list > li > button.resource_list_item_remove:hover, div.createCatalogContainer > form > ul.properties_table ol.drawing_list > li > button.resource_list_item_remove:hover { cursor: pointer; } .resourceParent { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(2, 55px) 225px repeat(2, 150px); grid-column-gap: 0px; grid-row-gap: 10px; } .div1 { grid-area: 1 / 1 / 2 / 2; } .div2 { grid-area: 2 / 1 / 3 / 2; } .div3 { grid-area: 3 / 1 / 4 / 2; } .div4 { grid-area: 4 / 1 / 5 / 2; } .div5 { grid-area: 5 / 1 / 6 / 2; } .resourceContainer { margin-top: 10px; } .resourceContainer .formButton { margin-top: 0; } form[name="resourceForm"] ul.properties_table li.split.right { margin-left: 2%; } .useSelectedResourceButton:disabled, .useSelectedResourceButton:disabled:hover { color: white !important; border: 1px solid #10b3e6 !important; background-color: #10b3e6 !important; } .resourcePreview { color: #A1A1A1; text-align: center; line-height: 100px; height: 100px; border: 1px dashed; } .resourceImgPreviewContainer { height: 100px; max-width: 340px; } div.resourceImgPreview img { max-height: 100px; max-width: 340px; } form[name=resourceForm] ul.properties_table > li.split.form { height: auto; } .k-grid.supportTicketGrid, .k-grid.userGrid, .k-grid.productsTabGrid { height:100%; } .k-grid.userGrid td, .k-grid.permissionGrid { text-align:center; } #MainContainer > section div.columnContainer .k-grid.permissionGrid { width:75%; } .k-grid-content ul.actionsToolBar button { margin: 0px; } .k-grid.permissionGrid thead tr { height: 30px; } .k-grid.supportTicketGrid td .k-grid.userGrid td { background-color: #FFF; } .k-grid.userGrid table tr.k-detail-row:hover { background-color: initial; } .resourceLinkIcon { font-size: 48px; color: #555; } .resourceIcon { font-size: 35px; color: #555; } .resourceLargeIcon i { font-size:100px; } .placeholderResourceImg { height: 100px; display: block; font-size: 100px; } .createButtonContainer { padding: 0 0 10px 15px; } .createButtonContainer .useSelectedResourceButton { margin-top: 10px; } .resourceListContent ol { list-style-position: inside; padding-left: 0; } .resourceListContent ul { list-style: disc inside none; padding-left: 0; } .resourceList img { max-height: 45px; } #resourcePropDescription { width: 98.5% !important; } .resourceList { border-collapse: separate; border-spacing: 0em 1em; } .resourceCategories.k-treeview .k-in { padding: 0; margin: 5px; } .resourceTablePreview { max-width: 150px; max-height: 45px; } div.resourceListContent table tbody td.images { height: 40px; width: 150px!important; min-width: 150px!important; max-width: 150px!important; } /** Resources List **/ div.resourceDetails > div.resourceListContent { height: calc(100vh - 167px); overflow: auto; background-color: #fff; text-align: center; width: 100%; padding-bottom: 20px; } div.resourceDetails > div.resourceListContent button.moreResults { margin: 0 auto; } div.resourceDetails > div.resourceListContent button.moreResults > span { margin-right: 5px; } div.resourceDetails table { width: 98%; } div.resourceDetails table tr { height: 40px; vertical-align: middle; } /* COLUMN SIZES */ div.resourceDetails table thead th, div.resourceDetails table tbody td, div.resourceDetails .ui-sortable-placeholder td { /* text-align: left; */ text-align: center; width: auto; max-width: none; overflow: hidden; text-overflow: ellipsis; } div.resourceDetails table.allProducts thead th, div.resourceDetails table.allProducts tbody td, div.resourceDetails table.allProducts .ui-sortable-placeholder td { /* text-align: left; */ text-align: center; width: 50%; max-width: 50%; overflow: hidden; text-overflow: ellipsis; } div.resourceDetails table tbody td.images > img { max-height: 40px!important; max-width: 40px!important; height: auto; width: auto; border: none!important; } div.resourceDetails table tbody td.images > img:first-child { margin-right: 5px; } div.resourceDetails table thead th.actions, div.resourceDetails table tbody td.actions { width: 85px!important; min-width: 85px!important; max-width: 85px!important; overflow: hidden; text-align: center; } div.resourceDetails table thead th.images, div.resourceDetails table tbody td.images { height: 40px; width: 200px!important; min-width: 200px!important; max-width: 200px!important; overflow: hidden; /* text-align: left; */ text-align: center; } div.resourceDetails table thead th.title, div.resourceDetails table tbody td.title { width: 125px; min-width: 125px; max-width: 125px; } div.resourceDetails table thead th.tocName, div.resourceDetails table tbody td.tocName { width: 200px; min-width: 200px; max-width: 200px; } div.resourceDetails table thead th.description, div.resourceDetails table tbody td.description { width: calc(100% - 390px); min-width: calc(100% - 390px); max-width: calc(100% - 390px); } div.resourceDetails table.allResources thead th.description, div.resourceDetails table.allResources tbody td.description { width: calc(100% - 190px); min-width: calc(100% - 190px); max-width: calc(100% - 190px); } div.resourceDetails table tbody td.description p, div.resourceDetails table.allResources tbody td.description p { margin: 0px; } div.resourceDetails table.allResources { border-collapse: separate; border-spacing: 0em 5px; } /* End COLUMN SIZES */ /* Buttons and Inputs */ div.resourceDetails table tbody tr td input { display: inline-block; height: 40px!important; } div.resourceDetails table tbody button, div.resourceDetails table tbody span.moverIcon { display: none; line-height: 20px; } div.resourceDetails table tbody button { padding: 2.5px 5px; margin: 0px; } div.resourceDetails table tbody button > span.glyphicon { font-size: 12pt!important; margin: 0 auto; vertical-align: middle; top: 0px; } div.resourceDetails table tbody span.moverIcon > span.glyphicon { top: 5px; font-size: 14pt; } div.resourceDetails .ui-sortable-helper, div.resourceDetails .ui-sortable-placeholder { display: table-row; } div.resourceDetails table tbody tr:hover, div.resourceDetails table tbody tr.selected { background: rgba(100, 100, 100, 0.10); height: 40px; cursor: pointer; } div.resourceDetails table tbody tr:hover button, div.resourceDetails table tbody tr:hover span.moverIcon, div.resourceDetails table tbody tr.selected button, div.resourceDetails table tbody tr.selected span.moverIcon { display: inline-block; } div.resourceDetails table tr td input.nameField { width: 95%; min-width: 95%; max-width: 95%; border: none; background-color: transparent; } div.resourceDetails table tr td input.nameField:focus { border-bottom: 1px solid #10b3e6; background-color: transparent!important; } /** Resource List End **/ .treeImgContainer { display: inline-block; width: 27px; } .rootCatalogItem { cursor: pointer; } /** CSS loading **/ .spinner { margin: 100px auto 0; width: 70px; text-align: center; } .spinner>div { width: 18px; height: 18px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } .fullWidthHeightTable { height: 100%; width: calc(100% - 5px); } .resourceContainer, .companyLocationsContainer { margin:0px; padding:0px; width:100%!important; } .modalSelectionMenu { text-align:center; padding:15px; } .modalSelectionMenu button { margin-top:0px; } .modelToolBar { text-align:center; margin-top:10px; margin-bottom:10px; } .modelToolBar button { margin-top:0px; } .deleteButton { background-color:#e51049; border-color: #e51049; } .deleteButton:hover { background-color:#FFF; border-color: #e51049; color:#e51049; text-shadow: 1px 0px 0px #e51049; } .resourceUrlModal .modal-header{ padding:0px; display: flex; } .resourceUrlModal .modal-exit { margin-left: auto; } .checkboxBorder { border: 3px solid #10b3e6; width: 30px; height: 26px; margin: 0 auto; } .paddedModelContainer { padding:0 15px 0 15px; } .paddedModel .modal-content{ padding:15px 15px 15px 15px; } div.rulesGridContainer ul { padding: 15px; max-height: 300px; } div.rulesGridContainer ul li { display: inline-block; width: 50%; } div.rulesGridContainer ul li label { display: block; padding-right: 10px; padding-left: 22px; } div.rulesGridContainer ul li input { vertical-align: middle; margin-bottom: 2px; } div.rulesGridContainer ul li label span { vertical-align: middle; margin-left: 5px; } div.rulesGridContainer { max-height: 250px; overflow-y: auto; } div.rulesGridFooter { width:100%; overflow: auto; display:inline-block; white-space:nowrap; margin:0px auto; } div.rulesGridFooter .rulesGridFooterLeft { float: left; } div.rulesGridFooter .rulesGridFooterRight { float: right; } div.k-edit-field[data-container-for="description"] { margin-bottom: 40px; } .modalForm.totpModal { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 80%; margin: auto; } .modalForm.totpModal > .qrImage { height: 300px; width: 300px; } .modalForm.totpModal > .input-container { width: 200px; } .modalForm.totpModal > .verifyCompleteContent > h3 { text-wrap: nowrap; } .modalForm.totpModal > .verifyCompleteContent > .recoveryCodeContainer { background-color: #e7e7e7; border-radius: 5px; display: flex; flex-direction: row; font-size: larger; justify-content: center; align-items: center; padding: 5px; gap: 5px } .modalForm.totpModal > .verifyCompleteContent > .recoveryCodeContainer > .recoveryCodeContent { margin-right: 5px; font-weight: bold; } .modalForm.totpModal > .verifyCompleteContent > .recoveryCodeContainer > svg { cursor: pointer; } .modalForm.totpModal > .verifyCompleteContent > .recoveryCodeContainer > .copyToClipboard { color: green; } .modalForm.totpModal > ul { width: 250px; list-style: circle; margin-bottom: 7px; } .modalForm.totpModal > ul > li { margin-bottom: 3px; } .modalForm.totpModal > .modal-text { padding-left: 20px; padding-right: 20px; width: 400px; } .modalForm.splitForm > div { display: flex; margin-bottom:10px; } .modalForm.splitForm > div > label { min-width: 100px; } .modalForm.splitForm > div > input, .modalForm.splitForm > div > select, .modalForm.splitForm > div > div.k-multiselect, .modalForm.splitForm > div > div.k-upload, .modalForm.splitForm > div > input { min-width: 250px; max-width: 400px; width: auto; } .modalForm.splitForm > div > div.k-multiselect { font-size:12px; } .modalForm.splitForm > div > div.k-upload { margin-left:100px; } .modalForm.splitForm.createTicketForm div.k-editor { height: 200px; width: 100%; border: 1px solid #CCC; } .uploadsListContainers { display: flex; justify-content: space-between; } .uploadsListContainers .currentFileName { display: flex; flex-direction: column; } .uploadsListContainers .fileUploadStatus { display: flex; flex-direction: column; margin-right: 80px; } #zendeskFileGrid { height:430px; } .k-upload-files { max-height: 300px; overflow-y:scroll; } .createTicketForm .k-upload-files { max-height: 150px; } .permissionModal .modal-dialog { min-width: initial!important; } .updateUserModal .modal-dialog, .createUserModal .modal-dialog { min-width: 400px!important; } .createHyperLinkModal .modal-dialog, .createDataTableModal .modal-dialog, .filterDetailModal .modal-dialog { min-width: 400px!important; } .permissionModal .modal-dialog label span { margin-left: -115px; padding-top: 50px; } .permissionModal-label { margin-left: -110px } .dataSavingStatusItem { display: flex; justify-content: center; align-items: center; color: #515151; margin-left:100px; } .spreadSheetTabBar { display: flex; flex-direction: row; height: auto; width: 100%; background-color: #eaeaea; border: 1px solid #CCC; border-top: 0px; max-height:35px; overflow:hidden; } .spreadSheetTabBar button { font-size: 30px; border-radius: 0px; margin-top:0px; } .spreadSheetTabBarList .spreadSheetTab.active { background-color: #FFF; text-shadow: 1px 0px 0px #515151; } .spreadSheetTabBarList { display: flex; flex-direction: row; width: fit-content; position: relative; } .spreadSheetTabBar .spreadSheetTabBarArrows { display: flex; justify-content: center; align-items: center; width:30px; } .spreadSheetTabBarListContainer { min-width: calc(100% - 100px); width: 100%; overflow:hidden; } .spreadSheetTabBar .spreadSheetTabBarArrowsContainer { display: flex; flex-direction: row; background-color: rgb(139, 139, 139); } li.spreadSheetTab span.k-link { max-width: 100px; display: inline-block; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; } li.spreadSheetTab { border-right: 1px solid #CCC; padding: 10px; display: flex; flex-direction: row; } .noResize { resize: none; } .urlUploadDialog .modal-content { min-width: 600px; max-height: 800px; } .upload_url_list { display: flex; flex-direction: column; } .urlUploadDialog .upload_url_item { display: flex; flex-direction: row; } .upload_url_item > * { margin:10px; } .upload_url_item > *:first-child { margin-left:0px; } .upload_url_name { min-width: 200px; margin-left: 0px; } .upload_url_url { min-width: 260px; } .spreadSheetTabBar .addTable { line-height: 13px; } .spreadSheetTabBar span.removeTable { line-height: 16px; } .spreadSheetTabBar span.removeTable:hover { cursor: pointer; color:#e51049; text-shadow: 1px 0px 0px #e51049; } .spreadSheetTabBar span.tableName { padding:0px 10px 0px 5px; line-height: 15px; } .tinyThreedxIcon { height:8px; width:8px; display:block; background: transparent url(//defu9f4k3otpo.cloudfront.net/sidebar-icons-new-2-8.png) no-repeat; overflow:hidden; } .tinyThreedxIcon:hover { background-image: url(//defu9f4k3otpo.cloudfront.net/sidebar-icons-new-2-8-active.png); } .xsmallThreedxIcon { height:16px; width:16px; display:block; background: transparent url(//defu9f4k3otpo.cloudfront.net/sidebar-icons-new-2-16.png) no-repeat; overflow:hidden; } .xsmallThreedxIcon:hover { background-image: url(//defu9f4k3otpo.cloudfront.net/sidebar-icons-new-2-16-active.png); } .smallThreedxIcon { height:24px; width:24px; display:block; background: transparent url(//defu9f4k3otpo.cloudfront.net/sidebar-icons-new-2-24.png) no-repeat; overflow:hidden; } /* .smallThreedxIcon:hover { background-image: url(//defu9f4k3otpo.cloudfront.net/sidebar-icons-new-2-24-active.png); } */ .mediumThreedxIcon { height:32px; width:32px; display:block; background: transparent url(//defu9f4k3otpo.cloudfront.net/sidebar-icons-new-2-32.png) no-repeat; overflow:hidden; } .mediumThreedxIcon:hover { background-image: url(//defu9f4k3otpo.cloudfront.net/sidebar-icons-new-2-32-active.png); } .largeThreedxIcon { height:130px; width:130px; display:block; background: transparent url(//defu9f4k3otpo.cloudfront.net/sidebar-icons-new-2.png) no-repeat; } .largeThreedxIcon:hover { background-image: url(//defu9f4k3otpo.cloudfront.net/sidebar-icons-new-2-active.png); }