/* Minification failed. Returning unminified contents. (23517,42): run-time error CSS1031: Expected selector, found '@charset' (23517,42): run-time error CSS1025: Expected comma or open brace, found '@charset' */ /*! * DevExtreme * Version: 15.1.5 * Build date: Jul 15, 2015 * * Copyright (c) 2012 - 2015 Developer Express Inc. ALL RIGHTS RESERVED * EULA: https://www.devexpress.com/Support/EULAs/DevExtreme.xml */ .dx-clearfix:before, .dx-clearfix:after { display: table; content: ""; line-height: 0; } .dx-clearfix:after { clear: both; } .dx-translate-disabled { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .dx-hidden-input { position: fixed; top: -10px; left: -10px; width: 0; height: 0; } .dx-user-select { -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; } .dx-state-invisible { display: none !important; } .dx-defer-rendering.dx-pending-rendering .dx-invisible-while-pending-rendering, .dx-defer-rendering:not(.dx-pending-rendering) .dx-visible-while-pending-rendering { display: none !important; } .dx-enter, .dx-leave { pointer-events: none; } .dx-fade-animation.dx-enter, .dx-no-direction.dx-enter, .dx-fade-animation.dx-leave.dx-leave-active, .dx-no-direction.dx-leave.dx-leave-active { opacity: 0; } .dx-fade-animation.dx-leave, .dx-no-direction.dx-leave, .dx-fade-animation.dx-enter.dx-enter-active, .dx-no-direction.dx-enter.dx-enter-active { opacity: 1; } .dx-overflow-animation.dx-enter.dx-forward { -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); z-index: 2; } .dx-overflow-animation.dx-enter.dx-enter-active.dx-forward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 2; } .dx-overflow-animation.dx-enter.dx-backward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 1; } .dx-overflow-animation.dx-enter.dx-enter-active.dx-backward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 1; } .dx-overflow-animation.dx-leave.dx-forward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 1; } .dx-overflow-animation.dx-leave.dx-leave-active.dx-forward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 1; } .dx-overflow-animation.dx-leave.dx-backward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 2; } .dx-overflow-animation.dx-leave.dx-leave-active.dx-backward { -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); z-index: 2; } .dx-slide-animation.dx-enter.dx-forward { -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .dx-slide-animation.dx-enter.dx-enter-active.dx-forward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dx-slide-animation.dx-enter.dx-backward { -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); -o-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } .dx-slide-animation.dx-enter.dx-enter-active.dx-backward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dx-slide-animation.dx-leave.dx-forward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dx-slide-animation.dx-leave.dx-leave-active.dx-forward { -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); -o-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } .dx-slide-animation.dx-leave.dx-backward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dx-slide-animation.dx-leave.dx-leave-active.dx-backward { -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .dx-ios7-slide-animation.dx-enter.dx-forward { z-index: 2; -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } .dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-forward { z-index: 2; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dx-ios7-slide-animation.dx-enter.dx-backward { -webkit-transform: translate3d(-20%,0,0); -moz-transform: translate3d(-20%,0,0); -ms-transform: translate3d(-20%,0,0); -o-transform: translate3d(-20%,0,0); transform: translate3d(-20%,0,0); z-index: 1; } .dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-backward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 1; } .dx-ios7-slide-animation.dx-leave.dx-forward { z-index: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-forward { -webkit-transform: translate3d(-20%,0,0); -moz-transform: translate3d(-20%,0,0); -ms-transform: translate3d(-20%,0,0); -o-transform: translate3d(-20%,0,0); transform: translate3d(-20%,0,0); z-index: 1; } .dx-ios7-slide-animation.dx-leave.dx-backward { z-index: 2; } .dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-backward { -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); z-index: 2; } .dx-ios7-toolbar-animation.dx-enter.dx-forward { -webkit-transform: translate3d(40%,0,0); -moz-transform: translate3d(40%,0,0); -ms-transform: translate3d(40%,0,0); -o-transform: translate3d(40%,0,0); transform: translate3d(40%,0,0); opacity: 0; z-index: 2; } .dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-forward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; z-index: 2; } .dx-ios7-toolbar-animation.dx-enter.dx-backward { -webkit-transform: translate3d(-40%,0,0); -moz-transform: translate3d(-40%,0,0); -ms-transform: translate3d(-40%,0,0); -o-transform: translate3d(-40%,0,0); transform: translate3d(-40%,0,0); opacity: 0; z-index: 1; } .dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-backward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; z-index: 1; } .dx-ios7-toolbar-animation.dx-leave.dx-forward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; z-index: 1; } .dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-forward { -webkit-transform: translate3d(-40%,0,0); -moz-transform: translate3d(-40%,0,0); -ms-transform: translate3d(-40%,0,0); -o-transform: translate3d(-40%,0,0); transform: translate3d(-40%,0,0); opacity: 0; z-index: 1; } .dx-ios7-toolbar-animation.dx-leave.dx-backward { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; z-index: 2; } .dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-backward { -webkit-transform: translate3d(40%,0,0); -moz-transform: translate3d(40%,0,0); -ms-transform: translate3d(40%,0,0); -o-transform: translate3d(40%,0,0); transform: translate3d(40%,0,0); opacity: 0; z-index: 2; } .dx-drop-animation.dx-enter, .dx-drop-animation.dx-leave.dx-leave-active { -moz-transform: translate3d(0,-120%,0); -ms-transform: translate3d(0,-120%,0); -o-transform: translate3d(0,-120%,0); -webkit-transform: translate3d(0,-120%,0); transform: translate3d(0,-120%,0); } .dx-drop-animation.dx-leave, .dx-drop-animation.dx-enter.dx-enter-active { -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .dx-3d-drop-animation.dx-enter, .dx-3d-drop-animation.dx-leave.dx-leave-active { -moz-transform: rotate3d(1,0,0,10deg) translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); -ms-transform: rotate3d(1,0,0,10deg) translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); -o-transform: rotate3d(1,0,0,10deg) translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); -webkit-transform: rotate3d(1,0,0,10deg) translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); transform: rotate3d(1,0,0,10deg) translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); opacity: 0; } .dx-3d-drop-animation.dx-leave, .dx-3d-drop-animation.dx-enter.dx-enter-active { -moz-transform: rotate3d(1,0,0,0) translate3d(0,0,0) scale3d(1,1,1); -ms-transform: rotate3d(1,0,0,0) translate3d(0,0,0) scale3d(1,1,1); -o-transform: rotate3d(1,0,0,0) translate3d(0,0,0) scale3d(1,1,1); -webkit-transform: rotate3d(1,0,0,0) translate3d(0,0,0) scale3d(1,1,1); transform: rotate3d(1,0,0,0) translate3d(0,0,0) scale3d(1,1,1); opacity: 1; } .dx-fade-drop-animation.dx-enter, .dx-fade-drop-animation.dx-leave.dx-leave-active { -moz-transform: translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); -ms-transform: translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); -o-transform: translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); -webkit-transform: translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); transform: translate3d(0,-10px,0) scale3d(1.1,1.1,1.1); opacity: 0; } .dx-fade-drop-animation.dx-leave, .dx-fade-drop-animation.dx-enter.dx-enter-active { -moz-transform: translate3d(0,0,0) scale3d(1,1,1); -ms-transform: translate3d(0,0,0) scale3d(1,1,1); -o-transform: translate3d(0,0,0) scale3d(1,1,1); -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); transform: translate3d(0,0,0) scale3d(1,1,1); opacity: 1; } .dx-fade-slide-animation.dx-enter, .dx-fade-slide-animation.dx-leave.dx-leave-active { -moz-transform: translate3d(40%,0,0); -ms-transform: translate3d(40%,0,0); -o-transform: translate3d(40%,0,0); -webkit-transform: translate3d(40%,0,0); transform: translate3d(40%,0,0); opacity: 0; } .dx-fade-slide-animation.dx-leave, .dx-fade-slide-animation.dx-enter.dx-enter-active { -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } .dx-fade-zoom-animation.dx-enter, .dx-fade-zoom-animation.dx-leave.dx-leave-active { -moz-transform: scale3d(.3,.3,.3); -ms-transform: scale3d(.3,.3,.3); -o-transform: scale3d(.3,.3,.3); -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); opacity: 0; } .dx-fade-zoom-animation.dx-leave, .dx-fade-zoom-animation.dx-enter.dx-enter-active { -moz-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); -o-transform: scale3d(1,1,1); -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); opacity: 1; } .dx-icon-plus, .dx-icon-overflow, .dx-icon-add, .dx-icon-airplane, .dx-icon-arrowleft, .dx-icon-arrowdown, .dx-icon-arrowright, .dx-icon-arrowup, .dx-icon-bookmark, .dx-icon-box, .dx-icon-car, .dx-icon-card, .dx-icon-cart, .dx-icon-chart, .dx-icon-clock, .dx-icon-close, .dx-icon-comment, .dx-icon-doc, .dx-icon-download, .dx-icon-edit, .dx-icon-email, .dx-icon-event, .dx-icon-favorites, .dx-icon-find, .dx-icon-folder, .dx-icon-food, .dx-icon-gift, .dx-icon-globe, .dx-icon-group, .dx-icon-help, .dx-icon-home, .dx-icon-image, .dx-icon-info, .dx-icon-key, .dx-icon-like, .dx-icon-map, .dx-icon-menu, .dx-icon-money, .dx-icon-music, .dx-icon-percent, .dx-icon-photo, .dx-icon-preferences, .dx-icon-product, .dx-icon-refresh, .dx-icon-remove, .dx-icon-runner, .dx-icon-tags, .dx-icon-tel, .dx-icon-tips, .dx-icon-todo, .dx-icon-toolbox, .dx-icon-user, .dx-icon-save, .dx-icon-clear, .dx-icon-search { background-position: 0 0; background-repeat: no-repeat; } .dx-icon { background-position: 50% 50%; } .dx-color-scheme { font-family: "#"; } .dx-widget { -ms-content-zooming: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: none; -webkit-touch-callout: none; padding: 0; outline: 0; } .dx-widget, .dx-widget:before, .dx-widget:after, .dx-widget *, .dx-widget *:before, .dx-widget *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dx-item { outline: 0; } .dx-widget.dx-collection.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-rtl { direction: rtl; unicode-bidi: embed; } .dx-badge { padding: 0 5px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px; color: #fff; font-size: 13px; line-height: 1; } .dx-draggable { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-resizable { position: relative; } .dx-resizable-handle { position: absolute; z-index: 50; } .dx-resizable-handle-left, .dx-resizable-handle-right { top: 0; height: 100%; width: 3px; } .dx-resizable-handle-left { left: 0; cursor: e-resize; } .dx-resizable-handle-right { right: 0; cursor: e-resize; } .dx-resizable-handle-top, .dx-resizable-handle-bottom { left: 0; width: 100%; height: 3px; } .dx-resizable-handle-top { top: 0; cursor: s-resize; } .dx-resizable-handle-bottom { bottom: 0; cursor: s-resize; } .dx-resizable-handle-corner-bottom-left, .dx-resizable-handle-corner-top-left, .dx-resizable-handle-corner-top-right { width: 6px; height: 6px; } .dx-resizable-handle-corner-top-left { left: 0; top: 0; cursor: se-resize; -webkit-border-bottom-right-radius: 100%; -moz-border-bottom-right-radius: 100%; border-bottom-right-radius: 100%; } .dx-resizable-handle-corner-top-right { right: 0; top: 0; cursor: ne-resize; -webkit-border-bottom-left-radius: 100%; -moz-border-bottom-left-radius: 100%; border-bottom-left-radius: 100%; } :not(.dx-rtl) > .dx-resizable-handle-corner-bottom-right { width: 20px; height: 20px; right: 0; bottom: 0; cursor: se-resize; -webkit-border-top-left-radius: 100%; -moz-border-top-left-radius: 100%; border-top-left-radius: 100%; background-position: 20px 20px; } :not(.dx-rtl) > .dx-resizable-handle-corner-bottom-left { left: 0; bottom: 0; cursor: ne-resize; -webkit-border-top-right-radius: 100%; -moz-border-top-right-radius: 100%; border-top-right-radius: 100%; } .dx-rtl .dx-resizable-handle-corner-bottom-left { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); width: 20px; height: 20px; left: 0; bottom: 0; cursor: ne-resize; -webkit-border-top-left-radius: 100%; -moz-border-top-left-radius: 100%; border-top-left-radius: 100%; background-position: 20px 20px; } .dx-rtl .dx-resizable-handle-corner-bottom-right { right: 0; bottom: 0; cursor: se-resize; -webkit-border-top-left-radius: 100%; -moz-border-top-left-radius: 100%; border-top-left-radius: 100%; } .dx-box-item-content { font-size: 14px; } .dx-box-fallback-item > .dx-box-item-content { width: 100%; height: 100%; } .dx-box-item-content { -webkit-flex-direction: column; flex-direction: column; } .dx-box-flex .dx-box-item > .dx-scrollable, .dx-box-flex .dx-box-item-content > .dx-scrollable, .dx-box-flex .dx-box-item > .dx-treeview, .dx-box-flex .dx-box-item-content > .dx-treeview, .dx-box-flex .dx-box-item > .dx-treeview > .dx-scrollable, .dx-box-flex .dx-box-item-content > .dx-treeview > .dx-scrollable { display: -webkit-flex; display: flex; flex-grow: 1; flex-direction: column; height: auto; } .dx-box-flex .dx-box-item > .dx-scrollable > .dx-scrollable-container, .dx-box-flex .dx-box-item-content > .dx-scrollable > .dx-scrollable-container, .dx-box-flex .dx-box-item > .dx-treeview > .dx-scrollable > .dx-scrollable-container, .dx-box-flex .dx-box-item-content > .dx-treeview > .dx-scrollable > .dx-scrollable-container { flex-grow: 1; } .dx-button-disabled { cursor: default; } .dx-button { display: inline-block; cursor: pointer; text-align: center; vertical-align: middle; max-width: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-button .dx-icon { -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; display: inline-block; vertical-align: middle; } .dx-button-content { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; height: 100%; max-height: 100%; } .dx-button-content:after { display: inline-block; height: 100%; content: ''; vertical-align: middle; font-size: 0; } .dx-button-link { text-decoration: none; } .dx-button-text { display: inline; vertical-align: middle; } .dx-state-disabled.dx-button, .dx-state-disabled .dx-button { cursor: default; } .dx-scrollable-scrollbar-simulated { position: relative; } .dx-scrollable { height: 100%; } .dx-scrollable-native { -ms-overflow-style: -ms-autohiding-scrollbar; -ms-scroll-snap-type: proximity; } .dx-scrollable-native .dx-scrollable-scrollbar { display: none; } .dx-scrollable-native.dx-scrollable-scrollbar-simulated .dx-scrollable-scrollbar { display: block; } .dx-scrollable-native .dx-scrollable-container { -webkit-overflow-scrolling: touch; position: relative; height: 100%; } .dx-scrollable-native.dx-scrollable-vertical, .dx-scrollable-native.dx-scrollable-vertical .dx-scrollable-container { -ms-touch-action: pan-y; overflow-x: hidden; overflow-y: auto; } .dx-scrollable-native.dx-scrollable-horizontal, .dx-scrollable-native.dx-scrollable-horizontal .dx-scrollable-container { -ms-touch-action: pan-x; float: none; overflow-x: auto; overflow-y: hidden; } .dx-scrollable-native.dx-scrollable-both, .dx-scrollable-native.dx-scrollable-both .dx-scrollable-container { -ms-touch-action: pan-y pan-x; float: none; overflow-x: auto; overflow-y: auto; } .dx-scrollable-native.dx-scrollable-disabled, .dx-scrollable-native.dx-scrollable-disabled .dx-scrollable-container { -ms-touch-action: auto auto; } .dx-scrollable-native.dx-scrollable-scrollbars-hidden ::-webkit-scrollbar { opacity: 0; } .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollable-content { min-height: 101%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-scrollable-native.dx-scrollable-native-ios.dx-scrollable-horizontal .dx-scrollable-content { min-height: 0; padding: 0; } .dx-scrollable-native.dx-scrollable-native-generic { -ms-overflow-style: auto; overflow: hidden; } .dx-scrollable-native.dx-scrollable-native-generic .dx-scrollable-content { height: auto; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollable-content { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; z-index: 0; } .dx-scrollable-scrollbar-simulated ::-webkit-scrollbar, .dx-scrollable-scrollbar-simulated .dx-scrollable-container ::-webkit-scrollbar { display: none; } .dx-scrollable-container { -webkit-tap-highlight-color: transparent; -ms-touch-action: none; position: relative; overflow: hidden; width: 100%; height: 100%; } .dx-scrollable-container:focus { outline: none; } .dx-scrollable-content { position: relative; min-height: 100%; } .dx-scrollable-content:before, .dx-scrollable-content:after { display: table; content: ""; line-height: 0; } .dx-scrollable-content:after { clear: both; } .dx-scrollable-horizontal .dx-scrollable-content, .dx-scrollable-both .dx-scrollable-content { display: block; float: left; min-width: 100%; } .dx-scrollable-scrollbar { position: absolute; pointer-events: auto; } .dx-scrollbar-vertical { top: 0; right: 0; height: 100%; } .dx-scrollbar-vertical .dx-scrollable-scroll { width: 5px; } .dx-scrollbar-horizontal { bottom: 0; left: 0; width: 100%; } .dx-scrollbar-horizontal .dx-scrollable-scroll { height: 5px; } .dx-scrollable-scroll { position: relative; background-color: #888; background-color: rgba(0,0,0,.5); -webkit-transform: translate(0,0); -webkit-transition: background-color 0 linear 0; -moz-transition: background-color 0 linear 0; -o-transition: background-color 0 linear 0; transition: background-color 0 linear 0; -webkit-transition: background-color 0 linear 0,none 1s linear 0; -moz-transition: background-color 0 linear 0,none 1s linear 0; -o-transition: background-color 0 linear 0,none 1s linear 0; transition: background-color 0 linear 0,none 1s linear 0; -webkit-transition: background-color 0 linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: background-color 0 linear 0,none 1s linear 0,none 1s linear 0; -o-transition: background-color 0 linear 0,none 1s linear 0,none 1s linear 0; transition: background-color 0 linear 0,none 1s linear 0,none 1s linear 0; -webkit-transition: background-color 0 linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: background-color 0 linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: background-color 0 linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: background-color 0 linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollable-scroll.dx-state-invisible { display: block !important; background-color: transparent; -webkit-transition: background-color 500ms linear 1s; -moz-transition: background-color 500ms linear 1s; -o-transition: background-color 500ms linear 1s; transition: background-color 500ms linear 1s; -webkit-transition: background-color 500ms linear 1s,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,none 1s linear 0; -o-transition: background-color 500ms linear 1s,none 1s linear 0; transition: background-color 500ms linear 1s,none 1s linear 0; -webkit-transition: background-color 500ms linear 1s,none 1s linear 0,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,none 1s linear 0,none 1s linear 0; -o-transition: background-color 500ms linear 1s,none 1s linear 0,none 1s linear 0; transition: background-color 500ms linear 1s,none 1s linear 0,none 1s linear 0; -webkit-transition: background-color 500ms linear 1s,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: background-color 500ms linear 1s,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: background-color 500ms linear 1s,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-rtl .dx-scrollable, .dx-rtl.dx-scrollable { direction: ltr; } .dx-rtl .dx-scrollable .dx-scrollable-content, .dx-rtl.dx-scrollable .dx-scrollable-content, .dx-rtl .dx-scrollable .dx-scrollable-container, .dx-rtl.dx-scrollable .dx-scrollable-container { direction: ltr; } .dx-rtl .dx-scrollable .dx-scrollable-content > *, .dx-rtl.dx-scrollable .dx-scrollable-content > * { direction: rtl; } .dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical, .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical { right: auto; left: 0; } .dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal, .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal { direction: ltr; } .dx-device-ios-6 .dx-scrollable-content { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .dx-scrollable-native.dx-scrollable-native-generic .dx-scrollview-top-pocket { position: absolute; display: none; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-top-pocket { width: 44px; height: 44px; left: 50%; position: absolute; z-index: 1; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down { background-image: none; position: static; height: 100%; width: 100%; left: -50%; margin-left: -22px; padding: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down.dx-scrollview-pull-down-loading { -webkit-transition: -webkit-transform 100ms linear; -moz-transition: -moz-transform 100ms linear; -o-transition: -o-transform 100ms linear; transition: transform 100ms linear; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator { position: relative; top: 0; padding: 6px; margin: 0; height: 100%; width: 100%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator .dx-loadindicator { float: left; } .dx-scrollable-native.dx-scrollable-native-android .dx-icon-pulldown { width: 100%; height: 100%; padding: 8px; font-size: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 200ms linear 0; -moz-transition: color 200ms linear 0; -o-transition: color 200ms linear 0; transition: color 200ms linear 0; -webkit-transition: color 200ms linear 0,none 1s linear 0; -moz-transition: color 200ms linear 0,none 1s linear 0; -o-transition: color 200ms linear 0,none 1s linear 0; transition: color 200ms linear 0,none 1s linear 0; -webkit-transition: color 200ms linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: color 200ms linear 0,none 1s linear 0,none 1s linear 0; -o-transition: color 200ms linear 0,none 1s linear 0,none 1s linear 0; transition: color 200ms linear 0,none 1s linear 0,none 1s linear 0; -webkit-transition: color 200ms linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: color 200ms linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: color 200ms linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: color 200ms linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading.dx-scrollview-pull-down { -webkit-transition: top 200ms ease-out 0; -moz-transition: top 200ms ease-out 0; -o-transition: top 200ms ease-out 0; transition: top 200ms ease-out 0; -webkit-transition: top 200ms ease-out 0,none 1s linear 0; -moz-transition: top 200ms ease-out 0,none 1s linear 0; -o-transition: top 200ms ease-out 0,none 1s linear 0; transition: top 200ms ease-out 0,none 1s linear 0; -webkit-transition: top 200ms ease-out 0,none 1s linear 0,none 1s linear 0; -moz-transition: top 200ms ease-out 0,none 1s linear 0,none 1s linear 0; -o-transition: top 200ms ease-out 0,none 1s linear 0,none 1s linear 0; transition: top 200ms ease-out 0,none 1s linear 0,none 1s linear 0; -webkit-transition: top 200ms ease-out 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: top 200ms ease-out 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: top 200ms ease-out 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: top 200ms ease-out 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -webkit-transition: 200ms ease-out 0 0; -moz-transition: 200ms ease-out 0 0; -o-transition: 200ms ease-out 0 0; transition: 200ms ease-out 0 0; -webkit-transition: 200ms ease-out 0 0,none 1s linear 0; -moz-transition: 200ms ease-out 0 0,none 1s linear 0; -o-transition: 200ms ease-out 0 0,none 1s linear 0; transition: 200ms ease-out 0 0,none 1s linear 0; -webkit-transition: 200ms ease-out 0 0,none 1s linear 0,none 1s linear 0; -moz-transition: 200ms ease-out 0 0,none 1s linear 0,none 1s linear 0; -o-transition: 200ms ease-out 0 0,none 1s linear 0,none 1s linear 0; transition: 200ms ease-out 0 0,none 1s linear 0,none 1s linear 0; -webkit-transition: 200ms ease-out 0 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: 200ms ease-out 0 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: 200ms ease-out 0 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: 200ms ease-out 0 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-image { position: absolute; margin: 0; width: 100%; height: 100%; top: 0; left: 0; background-size: contain; -webkit-transition: opacity 200ms ease 0; -moz-transition: opacity 200ms ease 0; -o-transition: opacity 200ms ease 0; transition: opacity 200ms ease 0; -webkit-transition: opacity 200ms ease 0,none 1s linear 0; -moz-transition: opacity 200ms ease 0,none 1s linear 0; -o-transition: opacity 200ms ease 0,none 1s linear 0; transition: opacity 200ms ease 0,none 1s linear 0; -webkit-transition: opacity 200ms ease 0,none 1s linear 0,none 1s linear 0; -moz-transition: opacity 200ms ease 0,none 1s linear 0,none 1s linear 0; -o-transition: opacity 200ms ease 0,none 1s linear 0,none 1s linear 0; transition: opacity 200ms ease 0,none 1s linear 0,none 1s linear 0; -webkit-transition: opacity 200ms ease 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: opacity 200ms ease 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: opacity 200ms ease 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: opacity 200ms ease 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown { display: none; } .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket { position: absolute; left: 0; width: 100%; overflow-y: auto; -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; transition: transform 400ms ease; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); } .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-content { -webkit-transition: -webkit-transform 400ms ease; -moz-transition: -moz-transform 400ms ease; -o-transition: -o-transform 400ms ease; transition: transform 400ms ease; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled { overflow-y: auto; } .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-container { overflow-y: auto; overflow-x: hidden; } .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-content { overflow-y: hidden; } .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollview-content { overflow-y: hidden; } .dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container { -ms-overflow-style: -ms-autohiding-scrollbar; } .dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollview-bottom-pocket { width: 100%; text-align: center; } .dx-device-android-4 .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown { display: block; } .dx-scrollview-content { position: static; } .dx-scrollview-content:before, .dx-scrollview-content:after { display: table; content: ""; line-height: 0; } .dx-scrollview-content:after { clear: both; } .dx-scrollview-pull-down { width: 100%; height: 50px; padding: 15px 0; top: -80px; overflow: hidden; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-scrollview-pull-down-container { display: inline-block; width: 49%; text-align: right; } .dx-scrollview-pull-down-indicator { opacity: 0; position: absolute; left: 0; top: 50%; display: inline-block; margin: -15px 20px 0 15px; width: 20px; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-scrollview-pull-down-image { display: inline-block; vertical-align: middle; margin: 0 20px; width: 20px; height: 50px; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; -webkit-transform: translate(0,0) rotate(0); -moz-transform: translate(0,0) rotate(0); -ms-transform: translate(0,0) rotate(0); -o-transform: translate(0,0) rotate(0); transform: translate(0,0) rotate(0); -ms-transform: rotate(0); -webkit-transition: -webkit-transform .2s linear; -moz-transition: -moz-transform .2s linear; -o-transition: -o-transform .2s linear; transition: transform .2s linear; } .dx-scrollview-pull-down-text { display: inline; vertical-align: middle; position: relative; overflow: visible; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-scrollview-pull-down-text div { position: absolute; left: 0; top: 0; white-space: nowrap; overflow: visible; } .dx-scrollview-pull-down-ready .dx-scrollview-pull-down-image { -webkit-transform: translate(0,0) rotate(-180deg); -moz-transform: translate(0,0) rotate(-180deg); -ms-transform: translate(0,0) rotate(-180deg); -o-transform: translate(0,0) rotate(-180deg); transform: translate(0,0) rotate(-180deg); -ms-transform: rotate(-180deg); } .dx-scrollview-pull-down-loading .dx-scrollview-pull-down-image { opacity: 0; } .dx-scrollview-pull-down-loading .dx-scrollview-pull-down-indicator { opacity: 1; } .dx-scrollview-scrollbottom { width: 100%; padding: 10px 0; overflow: hidden; text-align: center; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); } .dx-scrollview-scrollbottom:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .dx-scrollview-scrollbottom-indicator { display: inline-block; margin: 0 10px 0 0; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-scrollview-scrollbottom-text { display: inline-block; margin-top: -20px; vertical-align: middle; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-scrollview-scrollbottom-end { opacity: 0; } .dx-rtl .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket, .dx-scrollable-native.dx-rtl.dx-scrollable-native-ios .dx-scrollview-top-pocket { left: auto; right: 0; } .dx-rtl .dx-scrollview-pull-down-container { text-align: left; } .dx-rtl .dx-scrollview-pull-down-indicator { left: auto; right: 0; } .dx-rtl .dx-scrollview-pull-down-text div { left: auto; right: 0; } .dx-rtl .dx-scrollview-scrollbottom-indicator { margin: 0 0 0 10px; } .dx-checkbox { display: inline-block; margin: 1px; cursor: pointer; line-height: 0; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-checkbox.dx-state-readonly { cursor: default; } .dx-checkbox-icon { display: inline-block; position: relative; background-position: 0 0; background-size: cover; background-repeat: no-repeat; } .dx-checkbox-container { height: 100%; width: 100%; display: inline-block; vertical-align: middle; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-checkbox-has-text .dx-checkbox-icon, .dx-checkbox-has-text .dx-checkbox-text { vertical-align: middle; } .dx-checkbox-text { display: inline-block; vertical-align: middle; word-break: break-all; white-space: pre-wrap; line-height: normal; height: 100%; width: 100%; } .dx-rtl .dx-checkbox-text, .dx-rtl.dx-checkbox-text { margin: 0; padding: 0; } .dx-state-disabled.dx-checkbox, .dx-state-disabled .dx-checkbox { cursor: default; } .dx-switch { display: inline-block; margin: 1px; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-switch-wrapper { display: inline-block; text-align: left; height: 100%; width: 100%; } .dx-switch-wrapper:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-switch-container { display: inline-block; overflow: hidden; width: 100%; height: 100%; vertical-align: middle; } .dx-switch-inner { margin-left: -50px; } .dx-state-disabled.dx-switch, .dx-state-disabled .dx-switch { cursor: default; } .dx-rtl.dx-switch-inner, .dx-rtl .dx-switch-inner { margin-right: -50px; margin-left: 0; } .dx-rtl.dx-switch-wrapper, .dx-rtl .dx-switch-wrapper { text-align: right; } .dx-tabs { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; display: inline-block; width: 100%; text-align: center; table-layout: fixed; } .dx-tabs .dx-icon { width: 16px; height: 16px; display: inline-block; margin-right: 5px; } .dx-tabs .dx-indent-wrapper { display: table-row; } .dx-tabs.dx-tabs-nav-buttons .dx-scrollable-wrapper { margin-right: 25px; margin-left: 25px; } .dx-tabs.dx-tabs-nav-buttons .dx-indent-wrapper { display: block; } .dx-tabs .dx-tabs-nav-button { width: 25px; padding: 0; height: 0; } .dx-tabs .dx-tabs-nav-button-left { float: left; } .dx-tabs .dx-tabs-nav-button-right { float: right; margin-top: -2px; } .dx-tabs .dx-tab-content { display: inline-block; vertical-align: top; max-width: 100%; } .dx-tabs .dx-tabs-item-badge { display: inline-block; vertical-align: top; } .dx-tabs-expanded { display: table; } .dx-tab { position: relative; vertical-align: middle; cursor: pointer; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-tab a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; color: #fff; text-decoration: none; opacity: .001; } .dx-tab .dx-icon { display: block; margin: 0 auto; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-tab-text { display: inline-block; margin: 0 auto; text-align: center; max-width: 100%; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-state-disabled .dx-tab { cursor: default; } .dx-map-container, .dx-map-shield { position: relative; width: 100%; height: 100%; color: #000; } .dx-map-shield { top: -100%; left: 0; background: rgba(0,0,0,.01); filter: alpha(opacity=1); -khtml-opacity: .01; -moz-opacity: .01; opacity: .01; } .dx-tabs.dx-navbar { margin: 0; width: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-tabs.dx-navbar .dx-icon { display: block; margin: 0 auto; width: 31px; height: 31px; } .dx-rtl.dx-tabs.dx-navbar .dx-icon, .dx-rtl .dx-tabs.dx-navbar .dx-icon { margin: 0 auto; } .dx-tabs.dx-navbar .dx-tab-text { display: block; vertical-align: 50%; } .dx-nav-item { position: relative; vertical-align: bottom; } .dx-nav-item.dx-state-disabled { cursor: default; } .dx-nav-item a { display: block; height: 100%; text-decoration: none; } .dx-navbar-item-badge { position: absolute; top: 11%; right: 50%; margin-right: -24px; } .dx-rtl .dx-nav-item .dx-navbar-item-badge { right: auto; left: 50%; margin-right: auto; margin-left: -24px; } .dx-texteditor { margin: 1px; } .dx-texteditor input::-ms-clear { display: none; } .dx-placeholder { position: absolute; top: 0; left: 0; max-width: 100%; width: auto; height: 100%; text-align: left; cursor: text; pointer-events: none; display: table; } .dx-placeholder:before { position: relative; display: table-cell; vertical-align: middle; overflow: hidden; width: auto; height: auto; content: attr(DATA-DX_PLACEHOLDER); pointer-events: none; white-space: nowrap; } .dx-texteditor-container { position: relative; overflow: hidden; width: 100%; height: 100%; } .dx-texteditor-buttons-container { position: absolute; top: 0; right: 0; width: auto; height: 100%; } .dx-texteditor-input { -webkit-appearance: none; width: 100%; height: 100%; outline: 0; border: 0; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; -o-user-select: text; user-select: text; } .dx-show-clear-button { position: relative; } .dx-clear-button-area { float: right; height: 100%; width: 34px; position: relative; cursor: pointer; } .dx-clear-button-area .dx-icon-clear { position: absolute; display: inline-block; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .dx-texteditor-empty .dx-clear-button-area { display: none; } .dx-state-disabled .dx-placeholder { cursor: auto; } .dx-state-disabled .dx-clear-button-area { display: none; } .dx-rtl .dx-texteditor .dx-placeholder, .dx-rtl.dx-texteditor .dx-placeholder { text-align: right; } .dx-rtl .dx-texteditor .dx-clear-button-area, .dx-rtl.dx-texteditor .dx-clear-button-area { float: left; right: auto; left: 0; } .dx-rtl .dx-texteditor .dx-texteditor-buttons-container, .dx-rtl.dx-texteditor .dx-texteditor-buttons-container { left: 0; right: auto; } .dx-device-android .dx-texteditor-input { -webkit-user-modify: read-write-plaintext-only; } .dx-searchbox .dx-icon-search { display: block; position: relative; } .dx-searchbox .dx-icon-search:before { content: ""; position: absolute; display: inline-block; overflow: hidden; text-indent: -9999px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-dropdowneditor { position: relative; } .dx-dropdowneditor.dx-dropdowneditor-field-clickable { cursor: pointer; } .dx-dropdowneditor .dx-dropdowneditor-button.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-dropdowneditor-input-wrapper { -webkit-tap-highlight-color: transparent; overflow: hidden; height: 100%; } .dx-dropdowneditor-input-wrapper .dx-texteditor { border: none; margin: 0; } .dx-dropdowneditor-input-wrapper .dx-texteditor-input { text-overflow: ellipsis; } .dx-dropdowneditor-input-wrapper .dx-texteditor-input::-ms-clear { width: 0; height: 0; } .dx-dropdowneditor-active .dx-dropdowneditor-icon { filter: alpha(opacity=35); -khtml-opacity: .35; -moz-opacity: .35; opacity: .35; } .dx-dropdowneditor-button { position: relative; float: right; height: 100%; width: 36.6px; cursor: pointer; } .dx-dropdowneditor-button.dx-dropdowneditor-readonly { cursor: default; } .dx-dropdowneditor-icon { height: 100%; background-position: center; background-repeat: no-repeat; } .dx-state-disabled .dx-dropdowneditor, .dx-state-disabled.dx-dropdowneditor { cursor: default; } .dx-state-disabled .dx-dropdowneditor-button { cursor: inherit; } .dx-state-disabled .dx-dropdowneditor-icon { filter: alpha(opacity=20); -khtml-opacity: .2; -moz-opacity: .2; opacity: .2; } .dx-rtl .dx-dropdowneditor-button { float: left; } .dx-list { margin: 0; min-height: 3em; } .dx-empty-collection .dx-list-select-all { display: none; } .dx-list-group-header:before { width: 0; height: 0; display: block; float: right; margin-top: 6px; border-style: solid; border-color: transparent; border-width: 5px 5px 0 5px; } .dx-list-collapsible-groups .dx-list-group-header { cursor: pointer; } .dx-list-collapsible-groups .dx-list-group-header:before { content: ' '; } .dx-list-group-collapsed .dx-list-group-header:before { border-width: 0 5px 5px 5px; } .dx-list-item { position: static; cursor: pointer; display: table; width: 100%; table-layout: fixed; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-list-item-content { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; display: table-cell; width: 100%; } .dx-list-item-content:before { content: "."; color: transparent; display: inline-block; width: 0; float: left; } .dx-list .dx-empty-message { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; min-height: 3em; } .dx-list-item-badge-container { display: table-cell; width: 20px; text-align: right; vertical-align: middle; padding-right: 10px; } .dx-list-item-badge { float: right; position: relative; } .dx-list-item-chevron-container { display: table-cell; width: 15px; vertical-align: middle; } .dx-list-item-chevron { height: 8px; width: 8px; margin-left: -6px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); border-width: 2px 0 0 2px; border-style: solid; filter: alpha(opacity=30); -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; } .dx-rtl .dx-list-item-chevron { margin-left: auto; margin-right: -6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .dx-list-item-response-wait { opacity: .5; -webkit-transition: opacity .2s linear 0; -moz-transition: opacity .2s linear 0; -o-transition: opacity .2s linear 0; transition: opacity .2s linear 0; -webkit-transition: opacity .2s linear 0,none 1s linear 0; -moz-transition: opacity .2s linear 0,none 1s linear 0; -o-transition: opacity .2s linear 0,none 1s linear 0; transition: opacity .2s linear 0,none 1s linear 0; -webkit-transition: opacity .2s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: opacity .2s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: opacity .2s linear 0,none 1s linear 0,none 1s linear 0; transition: opacity .2s linear 0,none 1s linear 0,none 1s linear 0; -webkit-transition: opacity .2s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: opacity .2s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: opacity .2s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: opacity .2s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-list-slide-menu-content { display: table; width: 100%; table-layout: fixed; } .dx-list-item-before-bag, .dx-list-item-after-bag { display: table-cell; width: 0; height: 100%; vertical-align: middle; } .dx-list-item-before-bag .dx-list-toggle-delete-switch { display: block; float: left; padding: 3px 0; } .dx-list-item-before-bag .dx-icon-toggle-delete { -webkit-transition: all .1s linear 0; -moz-transition: all .1s linear 0; -o-transition: all .1s linear 0; transition: all .1s linear 0; -webkit-transition: all .1s linear 0,none 1s linear 0; -moz-transition: all .1s linear 0,none 1s linear 0; -o-transition: all .1s linear 0,none 1s linear 0; transition: all .1s linear 0,none 1s linear 0; -webkit-transition: all .1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: all .1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: all .1s linear 0,none 1s linear 0,none 1s linear 0; transition: all .1s linear 0,none 1s linear 0,none 1s linear 0; -webkit-transition: all .1s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: all .1s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: all .1s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: all .1s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-list-item-before-bag .dx-list-select-checkbox { float: left; -webkit-transition: all .1s linear 0; -moz-transition: all .1s linear 0; -o-transition: all .1s linear 0; transition: all .1s linear 0; -webkit-transition: all .1s linear 0,none 1s linear 0; -moz-transition: all .1s linear 0,none 1s linear 0; -o-transition: all .1s linear 0,none 1s linear 0; transition: all .1s linear 0,none 1s linear 0; -webkit-transition: all .1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: all .1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: all .1s linear 0,none 1s linear 0,none 1s linear 0; transition: all .1s linear 0,none 1s linear 0,none 1s linear 0; -webkit-transition: all .1s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: all .1s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: all .1s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: all .1s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-list-select-all { white-space: nowrap; } .dx-list-select-all-label { display: inline-block; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-list-item-after-bag .dx-list-reorder-handle { cursor: move; background-repeat: no-repeat; -webkit-background-size: 75% 75%; -moz-background-size: 75% 75%; background-size: 75% 75%; background-position: center; } .dx-state-disabled .dx-list-item-after-bag .dx-list-reorder-handle { cursor: default; } .dx-list-switchable-menu-shield-positioning { position: relative; } .dx-list-switchable-delete-top-shield, .dx-list-switchable-delete-bottom-shield { position: absolute; right: 0; left: 0; cursor: pointer; } .dx-list-switchable-delete-top-shield { top: 0; } .dx-list-switchable-delete-bottom-shield { bottom: 0; } .dx-list-switchable-delete-item-content-shield { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .dx-list-switchable-delete-button-container { position: absolute; top: 0; bottom: 0; overflow: hidden; } .dx-list-switchable-delete-button-wrapper { display: table; height: 100%; } .dx-list-switchable-delete-button-inner-wrapper { display: table-cell; padding-left: 1px; height: 100%; vertical-align: middle; } .dx-list-switchable-menu-item-shield-positioning { position: relative; } .dx-list-switchable-menu-item-shield-positioning .dx-list-slide-menu-content { position: relative; } .dx-list-switchable-menu-item-shield-positioning .dx-list-item-content { position: relative; } .dx-list-switchable-delete-ready .dx-icon-toggle-delete { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .dx-list-slide-menu-buttons-container { position: absolute; top: 0; right: 0; bottom: 0; left: 100%; overflow: hidden; } .dx-list-slide-menu-buttons { position: absolute; top: 0; right: 0; bottom: 0; display: table; height: 100%; } .dx-list-slide-menu-button { display: table-cell; padding: 0 10px; vertical-align: middle; } .dx-list-static-delete-button { padding: 0 5px; } .dx-list-static-delete-button .dx-button-content { overflow: visible; } .dx-list-item-reordering { filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; } .dx-list-reorder-compatibility-mode .dx-list-item { position: relative; } .dx-list-next-button { padding: 5px; text-align: center; } .dx-list-next-button .dx-button { padding: 0 3em; } .dx-state-disabled.dx-list-item, .dx-state-disabled .dx-list-item { cursor: default; } .dx-state-disabled .dx-list-toggle-delete-switch, .dx-state-disabled .dx-list-switchable-delete-button { cursor: default; } .dx-list-context-menuitem { cursor: pointer; } .dx-rtl .dx-list .dx-list-item-badge-container, .dx-rtl.dx-list .dx-list-item-badge-container { padding-left: 10px; padding-right: 0; } .dx-rtl .dx-list .dx-list-item-badge, .dx-rtl.dx-list .dx-list-item-badge { float: left; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch { float: right; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox { float: right; } .dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper, .dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper { padding-right: 1px; padding-left: 0; } .dx-rtl .dx-list .dx-list-slide-item-delete-button-container, .dx-rtl.dx-list .dx-list-slide-item-delete-button-container { right: 100%; left: 0; } .dx-rtl .dx-list .dx-list-slide-item-delete-button, .dx-rtl.dx-list .dx-list-slide-item-delete-button { right: auto; left: 0; } .dx-rtl .dx-list .dx-list-group-header:before, .dx-rtl.dx-list .dx-list-group-header:before { float: left; } .dx-dropdownlist-popup-wrapper .dx-list { min-height: 35px; } .dx-dropdownlist-popup-wrapper .dx-list .dx-scrollable-content { margin: 0; } .dx-textarea .dx-texteditor-input { resize: none; font-family: inherit; display: block; overflow: auto; white-space: pre-wrap; } .dx-textarea .dx-placeholder { height: auto; } .dx-numberbox { position: relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-numberbox input[type=number] { -moz-appearance: textfield; } .dx-numberbox input[type=number]::-webkit-outer-spin-button, .dx-numberbox input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .dx-numberbox-spin .dx-texteditor-input { padding-right: 28px; } .dx-numberbox-spin-container { float: right; width: 22px; height: 100%; } .dx-numberbox-spin-down, .dx-numberbox-spin-up { position: relative; width: 100%; height: 50%; cursor: pointer; } .dx-numberbox-spin-touch-friendly .dx-texteditor-input { padding-right: 70px; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { width: 64px; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down, .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up { width: 50%; height: 100%; display: inline-block; } .dx-numberbox-spin-up-icon, .dx-numberbox-spin-down-icon { width: 100%; height: 100%; } .dx-state-disabled .dx-numberbox-spin-container { filter: alpha(opacity=20); -khtml-opacity: .2; -moz-opacity: .2; opacity: .2; } .dx-rtl .dx-numberbox-spin-container { float: left; right: auto; left: 0; } .dx-rtl .dx-numberbox-spin .dx-texteditor-input, .dx-rtl.dx-numberbox-spin .dx-texteditor-input { padding-left: 28px; } .dx-rtl.dx-numberbox-spin-touch-friendly .dx-texteditor-input { padding-left: 70px; } .dx-texteditor input[type=date]::-webkit-inner-spin-button { height: 20px; } .dx-datebox-native .dx-texteditor-buttons-container { pointer-events: none; } .dx-datebox.dx-texteditor-empty input::-webkit-datetime-edit { color: transparent; } .dx-datebox.dx-texteditor-empty.dx-state-focused .dx-placeholder { display: none; } .dx-datebox.dx-texteditor-empty.dx-state-focused input::-webkit-datetime-edit { color: inherit; } .dx-datebox-wrapper .dx-popup-content { padding-top: 20px; padding-bottom: 20px; } .dx-rtl .dx-texteditor-input { text-align: right; } .dx-datebox-button-cell .dx-button { min-width: 90px; } .dx-datebox-button-cell .dx-button.dx-datebox-apply-button { margin-right: 10px; margin-left: 0; } .dx-datebox-button-cell .dx-button.dx-datebox-cancel-button { margin-right: 0; margin-left: 0; } .dx-datebox-buttons-container { text-align: right; width: 100%; } .dx-colorview-container-cell { float: left; } .dx-dateview-item { margin: 0; } .dx-dateview-rollers { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-direction: row; -ms-flex-wrap: nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dx-dateviewroller { position: relative; vertical-align: top; cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .dx-dateview-item-selected-frame:before, .dx-dateview-item-selected-frame:after { pointer-events: none; } .dx-dateview-item-selected-border { display: none; } .dx-dateviewroller-month .dx-dateview-value-formatter, .dx-dateviewroller-day .dx-dateview-name-formatter { display: none; } .dx-toolbar { width: 100%; } .dx-toolbar .dx-button-content:after { display: none; } .dx-toolbar .dx-icon { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-toolbar-items-container { position: relative; overflow: hidden; width: 100%; height: 100%; } .dx-toolbar-item { display: table-cell; padding: 0 5px; vertical-align: middle; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-toolbar-item .dx-tabs { table-layout: auto; } .dx-toolbar-item img { display: block; } .dx-toolbar-menu-container { display: table-cell; padding: 0 5px; vertical-align: middle; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-toolbar-menu-container .dx-tabs { table-layout: auto; } .dx-toolbar-menu-container img { display: block; } .dx-toolbar-before, .dx-toolbar-after { position: absolute; } .dx-toolbar-before { left: 0; } .dx-toolbar-after { right: 0; } .dx-toolbar-label { white-space: nowrap; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-toolbar-label .dx-toolbar-item-content > div { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-toolbar-label > div { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin: 0 -5px; padding: 0 5px; } .dx-toolbar-center { margin: 0 auto; height: 100%; text-align: center; } .dx-toolbar-center, .dx-toolbar-before, .dx-toolbar-after { top: 0; display: table; height: 100%; } .dx-rtl .dx-toolbar-before { right: 0; left: auto; } .dx-rtl .dx-toolbar-after { right: auto; left: 0; } .dx-tileview div.dx-scrollable-container { overflow-y: hidden; } .dx-tile { position: absolute; text-align: center; } .dx-tile.dx-state-active { -webkit-transform: scale(.96); -moz-transform: scale(.96); -ms-transform: scale(.96); -o-transform: scale(.96); transform: scale(.96); -webkit-transition: -webkit-transform 100ms linear; -moz-transition: -moz-transform 100ms linear; -o-transition: -o-transform 100ms linear; transition: transform 100ms linear; } .dx-tile-content { padding: 0; width: 100%; height: 100%; } .dx-tileview-wrapper { position: relative; height: 1px; } .dx-device-ios-6 .dx-tile { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .dx-overlay-wrapper { top: 0; left: 0; z-index: 1000; } .dx-overlay-wrapper, .dx-overlay-wrapper *, .dx-overlay-wrapper:before, .dx-overlay-wrapper:after, .dx-overlay-wrapper *:before, .dx-overlay-wrapper *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dx-overlay-modal { width: 100%; height: 100%; } .dx-overlay-shader { background-color: rgba(128,128,128,.5); } .dx-overlay-content { position: absolute; z-index: 1000; outline: 0; overflow: hidden; } .dx-overlay-content > .dx-template-wrapper { height: 100%; width: 100%; } .dx-device-android .dx-overlay-content { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .dx-device-android .dx-scrollable-native .dx-overlay-content { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; } .dx-toast-content { display: inline-block; padding: 10px; vertical-align: middle; } .dx-toast-icon { display: table-cell; background-size: contain; width: 35px; height: 35px; margin-right: 10px; vertical-align: middle; background-position: left center; background-repeat: no-repeat; } .dx-toast-message { display: table-cell; vertical-align: middle; padding-left: 10px; } .dx-toast-info { background-color: #80b9e4; } .dx-toast-warning { background-color: #ffb277; } .dx-toast-error { background-color: #f77; } .dx-toast-success { background-color: #6ec881; } .dx-rtl .dx-toast-message { padding-left: 0; padding-right: 10px; } .dx-popup-title { padding: 10px; min-height: 19px; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; white-space: normal; } .dx-popup-title .dx-toolbar-items-container { overflow: visible; } .dx-popup-draggable .dx-popup-title { cursor: move; } .dx-overlay-content > .dx-template-wrapper.dx-popup-title { height: auto; width: auto; } .dx-overlay-content .dx-popup-content > .dx-template-wrapper { height: 100%; width: 100%; } .dx-popup-content { padding: 10px; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-popup-content.dx-dialog-content { padding: 0; } .dx-dialog-root .dx-overlay-shader { background-color: #444; } .dx-dialog-message { padding: 10px 10px 5px 10px; } .dx-popover-wrapper .dx-popover-arrow:after { width: 14.142271249px; height: 14.142271249px; } .dx-popover-wrapper.dx-position-top .dx-popover-arrow, .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow { width: 20px; height: 10px; } .dx-popover-wrapper.dx-position-right .dx-popover-arrow, .dx-popover-wrapper.dx-position-left .dx-popover-arrow { width: 10px; height: 20px; } .dx-popover-arrow { position: absolute; z-index: 2000; overflow: hidden; } .dx-popover-arrow:after { position: absolute; display: block; overflow: hidden; content: " "; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .dx-popover-wrapper.dx-position-top .dx-popover-arrow:after { top: 0; left: 0; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; } .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after { right: 0; bottom: 0; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; } .dx-popover-wrapper.dx-position-left .dx-popover-arrow:after { bottom: 0; left: 0; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; } .dx-popover-wrapper.dx-position-right .dx-popover-arrow:after { top: 0; right: 0; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; } .dx-popover-wrapper .dx-overlay-content { overflow: visible; } .dx-popover-wrapper .dx-popup-content { overflow: hidden; } .dx-device-ios .dx-popover-arrow:after { -webkit-transform: rotate(-45deg) translateZ(0); } .dx-progressbar .dx-position-left .dx-progressbar-range-container, .dx-progressbar .dx-position-right .dx-progressbar-range-container, .dx-progressbar .dx-position-left .dx-progressbar-status, .dx-progressbar .dx-position-right .dx-progressbar-status { display: table-cell; vertical-align: middle; } .dx-progressbar .dx-position-top-left .dx-progressbar-range-container, .dx-progressbar .dx-position-bottom-left .dx-progressbar-range-container, .dx-progressbar .dx-position-top-left .dx-progressbar-status, .dx-progressbar .dx-position-bottom-left .dx-progressbar-status { float: left; } .dx-progressbar .dx-position-top-right .dx-progressbar-range-container, .dx-progressbar .dx-position-bottom-right .dx-progressbar-range-container, .dx-progressbar .dx-position-top-right .dx-progressbar-status, .dx-progressbar .dx-position-bottom-right .dx-progressbar-status { float: right; } .dx-progressbar .dx-position-top-center .dx-progressbar-status, .dx-progressbar .dx-position-bottom-center .dx-progressbar-status { text-align: center; } .dx-progressbar .dx-position-left .dx-progressbar-status { padding-right: 8px; } .dx-progressbar .dx-position-right .dx-progressbar-status { padding-left: 8px; } .dx-progressbar:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-progressbar-range-container { width: 100%; } .dx-progressbar-container { position: relative; width: 100%; } .dx-progressbar-wrapper { display: inline-block; width: 100%; vertical-align: middle; } .dx-progressbar-range { height: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-progressbar-status { position: relative; top: 0; left: 0; width: auto; height: 20px; font-size: 12px; } .dx-progressbar-animating-segment { display: none; } .dx-progressbar-animating-container { width: 100%; } .dx-rtl.dx-progressbar-status, .dx-rtl .dx-progressbar-status { right: 5px; left: auto; } .dx-tooltip-wrapper .dx-overlay-content { min-width: 34px; min-height: 26px; text-align: center; line-height: 0; } .dx-tooltip-wrapper .dx-overlay-content:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content { display: inline-block; padding: 12px 17px; font-size: .85em; line-height: normal; white-space: nowrap; } .dx-invalid-message.dx-tooltip { position: relative; } .dx-invalid-message .dx-tooltip-wrapper { visibility: hidden; pointer-events: none; } .dx-invalid-message .dx-tooltip-wrapper .dx-popover-arrow:after { display: none; } .dx-invalid-message .dx-tooltip-wrapper .dx-overlay-content { border-width: 0; } .dx-invalid-message .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content { color: #fff; padding: 10px; } .dx-state-focused.dx-invalid .dx-invalid-message-auto .dx-tooltip-wrapper, .dx-lookup.dx-dropdowneditor-active .dx-invalid-message-auto .dx-tooltip-wrapper, .dx-invalid-message-always .dx-tooltip-wrapper { visibility: visible; } .dx-slider-label { position: absolute; font-size: .85em; } .dx-slider-label:last-child { right: 0; left: auto; } .dx-rtl .dx-slider-label:last-child { left: 0; right: auto; } .dx-slider-label-position-bottom { padding-bottom: 14px; } .dx-slider-label-position-bottom .dx-slider-label { bottom: -8px; } .dx-slider-label-position-top { padding-top: 14px; } .dx-slider-label-position-top .dx-slider-label { top: -8px; } .dx-slider { margin: 1px; line-height: 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-slider:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-slider .dx-overlay-content { height: 28px; } .dx-slider .dx-popover-wrapper .dx-popover-arrow:after { width: 9.899589874px; height: 9.899589874px; } .dx-slider .dx-popover-wrapper.dx-position-top .dx-popover-arrow, .dx-slider .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow { width: 14px; height: 7px; } .dx-slider .dx-popover-wrapper.dx-position-right .dx-popover-arrow, .dx-slider .dx-popover-wrapper.dx-position-left .dx-popover-arrow { width: 7px; height: 14px; } .dx-slider-wrapper { position: relative; display: inline-block; width: 100%; vertical-align: middle; cursor: pointer; } .dx-slider-bar { position: relative; } .dx-slider-range { position: absolute; top: 0; height: 100%; pointer-events: none; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-slider-handle { position: absolute; top: 0; right: 0; pointer-events: auto; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-slider-handle .dx-tooltip-wrapper .dx-popup-content { line-height: 0; } .dx-state-disabled .dx-slider-wrapper { cursor: default; } .dx-rtl .dx-slider-handle { right: auto; left: 0; } .dx-slider-tooltip-on-hover .dx-tooltip { visibility: hidden; } .dx-slider-tooltip-on-hover.dx-state-active .dx-tooltip, .dx-slider-tooltip-on-hover.dx-state-hover .dx-tooltip { visibility: visible; } .dx-rangeslider-start-handle { top: 0; right: auto; left: 0; } .dx-rtl .dx-rangeslider-start-handle { right: 0; left: auto; } .dx-gallery { width: 100%; height: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-gallery-wrapper { position: relative; overflow: hidden; width: 100%; height: 100%; } .dx-gallery-container { position: relative; height: 100%; } .dx-gallery-item { position: absolute; overflow: hidden; width: 100%; height: 100%; text-align: center; } .dx-gallery-item-image { max-width: 100%; height: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .dx-gallery-item-content { width: 100%; height: 100%; } .dx-gallery .dx-gallery-item-loop { display: none; } .dx-gallery-loop .dx-gallery-item-loop { display: block; } .dx-gallery-nav-button-prev, .dx-gallery-nav-button-next { position: absolute; top: 50%; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; } .dx-gallery-nav-button-prev { left: 0; } .dx-gallery-nav-button-next { right: 0; } .dx-gallery-indicator { position: absolute; bottom: 10px; width: 100%; height: 10px; font-size: 0; } .dx-gallery-indicator-item { display: inline-block; margin: 0 2px; height: 10px; cursor: pointer; } .dx-state-disabled .dx-gallery-nav-button-prev, .dx-state-disabled .dx-gallery-nav-button-next, .dx-state-disabled .dx-gallery-indicator-item { cursor: default; } .dx-rtl .dx-gallery-nav-button-prev { right: 0; left: auto; -ms-filter: "FlipH"; filter: FlipH; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-gallery-nav-button-next { right: auto; left: 0; -ms-filter: "FlipH"; filter: FlipH; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-device-android .dx-scrollable-native .dx-gallery-item, .dx-device-android .dx-scrollable-native .dx-gallery-indicator, .dx-device-android .dx-scrollable-native .dx-gallery-nav-button-prev, .dx-device-android .dx-scrollable-native .dx-gallery-nav-button-next { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; } .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-item, .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-indicator, .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-nav-button-prev, .dx-device-android .dx-scrollable-native .dx-gallery-active .dx-gallery-nav-button-next { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .dx-device-android .dx-gallery-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .dx-device-ios-6 .dx-gallery, .dx-device-ios-6 .dx-gallery-item, .dx-device-ios-6 .dx-gallery-indicator, .dx-device-ios-6 .dx-gallery-nav-button-prev, .dx-device-ios-6 .dx-gallery-nav-button-next { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .dx-lookup { margin: 0; height: 19px; } .dx-lookup .dx-lookup-field-wrapper { position: relative; width: 100%; height: 100%; } .dx-lookup:not(.dx-rtl) .dx-lookup-field-wrapper:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-lookup .dx-rtl .dx-lookup-field-wrapper:after { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-lookup-field { outline: none; position: relative; width: 100%; display: inline-block; vertical-align: middle; cursor: pointer; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-lookup-field:before { content: "."; color: transparent; display: inline-block; width: 0; float: left; } .dx-lookup-arrow { pointer-events: none; position: absolute; top: 0; bottom: 0; right: 0; left: auto; height: 100%; } .dx-rtl .dx-lookup-arrow { right: auto; left: 0; } .dx-state-disabled .dx-lookup-field, .dx-state-disabled .dx-lookup-field { cursor: default; } .dx-lookup-popup-wrapper .dx-list-item { cursor: pointer; } .dx-lookup-popup-wrapper .dx-popup-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .dx-lookup-popup-wrapper .dx-popup-bottom { position: absolute; bottom: 0; } .dx-lookup-popup-wrapper .dx-list { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-height: 0; height: auto; } .dx-lookup-popup-search .dx-list { top: 45px; } .dx-popup-content .dx-lookup-validation-message { display: none; } .dx-popup-content.dx-lookup-invalid .dx-lookup-validation-message { display: block; } .dx-actionsheet-popup-wrapper .dx-overlay-content { padding-top: 0; padding-bottom: 0; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-actionsheet-popup-wrapper .dx-popup-content .dx-button, .dx-actionsheet-popover-wrapper .dx-popup-content .dx-button { width: 100%; margin-right: 0; margin-left: 0; } .dx-actionsheet-item, .dx-actionsheet-cancel { width: 100%; } .dx-state-disabled .dx-actionsheet-container .dx-button, .dx-state-disabled .dx-actionsheet-container .dx-button { cursor: default; } .dx-actionsheet-popup-wrapper .dx-popup-title, .dx-actionsheet-popover-wrapper .dx-popup-title { word-wrap: break-word; } .dx-loadindicator { width: 32px; height: 32px; display: inline-block; overflow: hidden; border: none; background-color: transparent; } .dx-loadindicator-wrapper { width: 100%; height: 100%; font-size: 32px; margin: auto; } .dx-loadindicator-image { -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background-position: 50%; background-repeat: no-repeat; } .dx-loadindicator-icon { direction: ltr; } .dx-loadindicator-icon-custom { position: relative; width: 100%; height: 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: dx-loadindicator-icon-custom-rotate 1.5s infinite linear; -moz-animation: dx-loadindicator-icon-custom-rotate 1.5s infinite linear; -o-animation: dx-loadindicator-icon-custom-rotate 1.5s infinite linear; animation: dx-loadindicator-icon-custom-rotate 1.5s infinite linear; } @-webkit-keyframes dx-loadindicator-icon-custom-rotate { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes dx-loadindicator-icon-custom-rotate { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-ms-keyframes dx-loadindicator-icon-custom-rotate { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-o-keyframes dx-loadindicator-icon-custom-rotate { from { -o-transform: rotate(0); } to { -o-transform: rotate(360deg); } } @keyframes dx-loadindicator-icon-custom-rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } } .dx-loadindicator-container > .dx-loadindicator { top: 50%; left: 50%; position: absolute; margin-top: -16px; margin-left: -16px; } .dx-loadindicator-container > .dx-loadindicator.dx-loadindicator { margin-top: -16px; margin-left: -16px; } .dx-loadindicator-content { width: 100%; height: 100%; position: relative; } .dx-loadpanel-content { padding: 10px; border: 1px solid #ccc; background: #fefefe; text-align: center; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .dx-loadpanel-content:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .dx-loadpanel-content-wrapper { display: inline-block; width: 100%; vertical-align: middle; } .dx-loadpanel-message { text-align: center; } .dx-loadpanel-content.dx-loadpanel-pane-hidden { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; background: none; } .dx-dropdownmenu-list { min-height: 40px; min-width: 100px; } .dx-dropdownmenu-list .dx-list-item:last-child { border-bottom: none; } .dx-dropdownmenu-list .dx-list-item { display: block; } .dx-dropdownmenu-list .dx-list-item-content { display: block; } .dx-overlay-wrapper.dx-dropdownmenu-popup .dx-popover-arrow { width: 0; height: 0; } .dx-dropdownmenu-popup-wrapper .dx-list-item { display: block; } .dx-selectbox { cursor: pointer; } .dx-selectbox .dx-texteditor-input { max-width: 100%; } .dx-selectbox .dx-texteditor-input:read-only { cursor: pointer; } .dx-selectbox-container { position: relative; } .dx-state-disabled .dx-selectbox .dx-texteditor-input, .dx-state-disabled.dx-selectbox .dx-texteditor-input { cursor: default; } .dx-tagbox .dx-texteditor-input { float: left; width: auto; } .dx-tagbox.dx-tagbox-only-select .dx-texteditor-input { min-width: 0; width: 1px; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .dx-tagbox.dx-state-disabled .dx-texteditor-input { background: none; } .dx-tagbox.dx-state-disabled .dx-tag { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; cursor: default; } .dx-tag-container { padding: 0 4px 0 0; } .dx-tag-container:before, .dx-tag-container:after { display: table; content: ""; line-height: 0; } .dx-tag-container:after { clear: both; } .dx-tag { position: relative; float: left; margin: 4px 0 0 4px; min-width: 30px; text-align: center; cursor: pointer; } .dx-tag-content { text-align: center; } .dx-tag-content:before { content: "."; color: transparent; display: inline-block; width: 0; float: left; } .dx-tag-remove-button { position: absolute; top: 0; right: 0; } .dx-tag-remove-button:before, .dx-tag-remove-button:after { position: absolute; top: 50%; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .dx-rtl .dx-tagbox .dx-tag, .dx-tagbox.dx-rtl .dx-tag { float: right; margin-left: 0; margin-right: 4px; } .dx-rtl .dx-tagbox .dx-texteditor-input, .dx-tagbox.dx-rtl .dx-texteditor-input { float: right; } .dx-rtl .dx-tagbox .dx-tag-remove-button, .dx-tagbox.dx-rtl .dx-tag-remove-button { right: auto; left: 0; } .dx-radiobutton { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-state-disabled.dx-radiobutton { cursor: default; } .dx-radiobutton { display: table; cursor: pointer; } .dx-radio-value-container { display: table-cell; padding-right: 10px; padding-left: 5px; vertical-align: middle; } .dx-radiogroup-horizontal:before, .dx-radiogroup-horizontal:after { display: table; content: ""; line-height: 0; } .dx-radiogroup-horizontal:after { clear: both; } .dx-radiogroup-horizontal .dx-radiobutton { float: left; } .dx-radiogroup-horizontal .dx-radiobutton:last-of-type { margin-right: 0; } .dx-state-disabled .dx-radiobutton { cursor: default; } .dx-rtl .dx-radiogroup-horizontal .dx-radiobutton, .dx-radiogroup-horizontal.dx-rtl .dx-radiobutton { float: right; } .dx-rtl .dx-radiogroup-horizontal .dx-radio-value-container, .dx-radiogroup-horizontal.dx-rtl .dx-radio-value-container { padding-right: 0; padding-left: 10px; } .dx-pivottabs { position: relative; overflow: hidden; width: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-pivottabs-tab, .dx-pivottabs-ghosttab { position: absolute; left: 0; cursor: pointer; } .dx-pivot { height: 100%; } .dx-pivot-wrapper { position: relative; height: 100%; } .dx-pivot-itemcontainer { position: absolute; bottom: 0; width: 100%; } .dx-pivot-itemwrapper { position: absolute; width: 100%; height: 100%; } .dx-pivot-item, .dx-pivot-item-content { width: 100%; height: 100%; } .dx-pivot-item-hidden { display: none; } .dx-pivot-autoheight .dx-pivot-itemcontainer { position: static; } .dx-pivot-autoheight .dx-pivot-itemwrapper { position: static; } .dx-panorama { height: 100%; background-position-y: 0; background-repeat: repeat-x; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; background-size: auto 100%; } .dx-panorama-wrapper { position: relative; height: 100%; overflow: hidden; } .dx-panorama-title, .dx-panorama-ghosttitle { position: absolute; left: 0; height: 70px; font-size: 65px; line-height: .7692; white-space: nowrap; } .dx-panorama-itemscontainer { position: absolute; width: 100%; top: 70px; bottom: 0; } .dx-panorama-item, .dx-panorama-ghostitem { position: absolute; width: 88%; height: 100%; left: 0; } .dx-panorama-item-title { font-size: 30px; line-height: 1.5; } .dx-panorama-item-content { position: absolute; top: 45px; left: 0; right: 0; bottom: 0; } .dx-panorama-item-content:first-child { top: 0; } .dx-accordion-item-title { font-size: 18px; cursor: pointer; position: relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-accordion-item-title .dx-icon { width: 16px; height: 16px; background-size: contain; display: inline-block; margin-right: 5px; } .dx-accordion-item-title:before { content: ''; background-position: center; float: right; } .dx-accordion-item-body { overflow: hidden; font-size: 14px; } .dx-accordion-item-closed .dx-accordion-item-body { visibility: hidden; } .dx-accordion-item { overflow: hidden; } .dx-accordion-item-opened .dx-accordion-item-body { visibility: visible; } .dx-state-disabled .dx-accordion-item-title { cursor: default; } .dx-rtl .dx-accordion-item-title:before { float: left; } .dx-slideoutview { height: 100%; width: 100%; } .dx-slideoutview-wrapper { position: relative; overflow: hidden; height: 100%; } .dx-slideoutview-menu-content { position: absolute; top: 0; bottom: 0; } .dx-slideoutview-content { position: absolute; overflow: hidden; width: 100%; height: 100%; top: 0; } .dx-slideoutview-shield { position: absolute; top: 0; height: 100%; width: 100%; z-index: 1; } .dx-device-android .dx-slideoutview-content { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .dx-slideout { height: 100%; width: 100%; } .dx-slideout-menu { min-width: 280px; max-width: 350px; } .dx-slideout-menu .dx-list-item .dx-icon { float: left; margin-right: 15px; width: 24px; height: 24px; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; } .dx-slideout-item, .dx-slideout-item-content { height: 100%; width: 100%; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon { float: right; margin-right: 0; margin-left: 15px; } .dx-pager { overflow: hidden; width: 100%; padding-top: 9px; padding-bottom: 9px; line-height: normal; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-pager .dx-pages { float: right; } .dx-pager .dx-pages .dx-page { display: inline-block; cursor: pointer; padding: 8px 7px; margin-left: 1px; margin-right: 1px; } .dx-pager .dx-pages .dx-separator { display: inline-block; padding-left: 8px; padding-right: 8px; } .dx-pager .dx-pages .dx-info { display: inline-block; margin-right: 9px; filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .dx-pager .dx-pages .dx-navigate-button { width: 9px; height: 17px; cursor: pointer; display: inline-block; vertical-align: top; padding: 9px 13px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-pager .dx-pages .dx-navigate-button.dx-button-disable { filter: alpha(opacity=30); -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; cursor: inherit; } .dx-pager .dx-page-sizes { float: left; } .dx-pager .dx-page-sizes .dx-page-size { display: inline-block; cursor: pointer; padding: 8px 9px; margin-left: 1px; margin-right: 1px; } .dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection { cursor: inherit; } .dx-rtl .dx-pager .dx-pages, .dx-pager.dx-rtl .dx-pages { float: left; direction: ltr; } .dx-rtl .dx-pager .dx-pages .dx-page, .dx-pager.dx-rtl .dx-pages .dx-page { direction: ltr; } .dx-rtl .dx-pager .dx-page-sizes, .dx-pager.dx-rtl .dx-page-sizes { float: right; } .dx-colorview-container { width: 450px; overflow: hidden; } .dx-colorview-container label { display: block; overflow: hidden; line-height: 36px; font-weight: normal; margin: 0; white-space: normal; } .dx-colorview-container label.dx-colorview-label-hex { margin: 10px 0 0 0; } .dx-colorview-container label.dx-colorview-alpha-channel-label { margin-left: 43px; width: 115px; } .dx-colorview-container label .dx-texteditor { width: 69px; float: right; margin: 1px 1px 10px 0; } .dx-colorview-container .dx-button { margin-top: 0; margin-bottom: 0; } .dx-colorview-container .dx-button.dx-colorview-apply-button { margin-right: 10px; margin-left: 0; } .dx-colorview-container .dx-button.dx-colorview-cancel-button { margin-right: 0; margin-left: 0; } .dx-colorview-container-row { overflow: hidden; } .dx-colorview-container-row:first-child { margin-top: 0; } .dx-colorview-container-row.dx-colorview-alpha-channel-row { margin-top: 10px; } .dx-colorview-container-cell { float: left; } .dx-colorview-palette-handle { position: absolute; width: 33px; height: 33px; cursor: crosshair; top: 0; left: 0; z-index: 5; background-repeat: no-repeat; } .dx-colorview-palette-gradient-white { background-repeat: no-repeat; background-image: -webkit-linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,1)); background-image: -moz-linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,1)); background-image: -ms-linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,1)); background-image: -o-linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,1)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff',endColorstr='#00ffffff'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; } .dx-colorview-palette-gradient-black { background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg,rgba(0,0,0,0),rgba(0,0,0,1)); background-image: -moz-linear-gradient(-90deg,rgba(0,0,0,0),rgba(0,0,0,1)); background-image: -ms-linear-gradient(-90deg,rgba(0,0,0,0),rgba(0,0,0,1)); background-image: -o-linear-gradient(-90deg,rgba(0,0,0,0),rgba(0,0,0,1)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000',endColorstr='#000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; } .dx-colorview-palette { position: relative; overflow: hidden; width: 288px; height: 299px; cursor: crosshair; } .dx-colorview-palette-gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dx-colorview-alpha-channel-scale { width: 288px; height: 20px; position: relative; } .dx-colorview-hue-scale-cell { margin-left: 19px; position: relative; } .dx-colorview-hue-scale-wrapper { height: 303px; } .dx-colorview-hue-scale-handle { position: absolute; width: 34px; height: 15px; top: 0; left: -6px; cursor: pointer; background-repeat: no-repeat; } .dx-colorview-controls-container { position: relative; width: 90px; margin-left: 27px; } .dx-colorview-color-preview { width: 86px; height: 40px; } .dx-colorview-alpha-channel-cell { margin: 6px 0; position: relative; width: 292px; } .dx-colorview-alpha-channel-cell .dx-button { width: 90px; } .dx-colorview-alpha-channel-handle { position: absolute; top: -6px; left: 0; width: 15px; height: 36px; background-repeat: no-repeat; cursor: pointer; } .dx-rtl .dx-colorview-container-row .dx-colorview-container-cell { float: right; } .dx-rtl .dx-colorview-hue-scale-cell { margin-right: 19px; margin-left: 0; } .dx-rtl .dx-colorview-hue-scale-handle { right: -6px; left: auto; } .dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label { margin-right: 41px; margin-left: 0; } .dx-rtl .dx-colorview-container label.dx-colorview-label-hex .dx-texteditor, .dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label .dx-texteditor { margin-bottom: 1px; } .dx-rtl .dx-colorview-container label .dx-texteditor { float: left; } .dx-rtl .dx-colorview-controls-container { margin-right: 25px; margin-left: 0; } .dx-rtl .dx-colorview-alpha-channel-scale { direction: ltr; } .dx-colorbox { display: inline-block; } .dx-colorbox-input-container:after { content: ""; display: block; position: absolute; top: 50%; z-index: 1; width: 15px; height: 15px; margin-top: -7.5px; left: 14px; } .dx-colorbox-input-container.dx-colorbox-color-is-not-defined:after { background: none; } .dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview { border: none; } .dx-colorbox-color-result-preview { position: absolute; top: 50%; z-index: 2; width: 17px; height: 17px; margin-top: -8.5px; left: 13px; border: 1px solid; } .dx-colorbox-input-container .dx-colorbox-input { -webkit-appearance: none; padding-left: 40px; } .dx-colorbox-overlay { padding: 20px; } .dx-colorbox-overlay .dx-popup-content { overflow: hidden; padding: 0; } .dx-colorbox-overlay .dx-popup-bottom .dx-toolbar-item:first-child { padding-right: 10px; } .dx-colorbox-overlay .dx-colorview-buttons-container .dx-button { margin: 0; } .dx-rtl .dx-colorbox .dx-placeholder, .dx-rtl.dx-colorbox .dx-placeholder { right: 32px; } .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input.dx-texteditor-input, .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input.dx-texteditor-input { direction: ltr; text-align: end; padding-right: 40px; } .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview, .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-color-result-preview { left: auto; right: 13px; } .dx-rtl .dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container:after, .dx-rtl.dx-colorbox.dx-dropdowneditor .dx-colorbox-input-container:after { left: auto; right: 14px; } .dx-datagrid-checkbox-size { vertical-align: middle; } .dx-datagrid-important-margin { margin-right: 5px !important; } .dx-datagrid { position: relative; line-height: normal; cursor: default; } .dx-datagrid .dx-datagrid-content-fixed { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; pointer-events: none; overflow: hidden; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table { position: relative; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table td { pointer-events: auto; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-row .dx-pointer-events-none { background-color: transparent; pointer-events: none; border-top-color: transparent; border-bottom-color: transparent; width: 5000px; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table.dx-datagrid-table-fixed .dx-row .dx-pointer-events-none { width: auto; } .dx-datagrid.dx-datagrid-borders > .dx-datagrid-total-footer { border-top: 0; } .dx-datagrid.dx-datagrid-borders > .dx-datagrid-pager { margin-top: 1px; } .dx-datagrid.dx-datagrid-borders > .dx-datagrid-headers .dx-row:last-child { border-bottom: 0; } .dx-datagrid.dx-datagrid-borders > .dx-datagrid-header-panel { border-bottom: 0; } .dx-datagrid .dx-menu-horizontal { height: 100%; } .dx-datagrid .dx-menu-horizontal .dx-menu-item-text, .dx-datagrid .dx-menu-horizontal .dx-menu-item-popout { display: none; } .dx-datagrid .dx-menu-subitem ul li { padding-top: 0; } .dx-datagrid .dx-menu-subitem ul li:first-child { padding-top: 1px; } .dx-datagrid .dx-menu-subitem .dx-menu-item { padding: 7px 30px 7px 5px; } .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image { background-position-x: left; } @-webkit-keyframes dx-loadpanel-opacity { from { opacity: 0; } to { opacity: 1; } } @keyframes dx-loadpanel-opacity { from { opacity: 0; } to { opacity: 1; } } .dx-datagrid .dx-link { color: #fff; /*text-decoration: underline; cursor: pointer;*/ } .dx-datagrid .dx-sort, .dx-datagrid .dx-header-filter, .dx-datagrid .dx-sort-space, .dx-datagrid .dx-header-filter-space { width: 13px; height: 13px; } .dx-datagrid .dx-sort.dx-sort, .dx-datagrid .dx-header-filter.dx-sort, .dx-datagrid .dx-sort-space.dx-sort, .dx-datagrid .dx-header-filter-space.dx-sort, .dx-datagrid .dx-sort.dx-header-filter, .dx-datagrid .dx-header-filter.dx-header-filter, .dx-datagrid .dx-sort-space.dx-header-filter, .dx-datagrid .dx-header-filter-space.dx-header-filter { display: inline-block; vertical-align: top; } .dx-datagrid .dx-sort.dx-header-filter:after, .dx-datagrid .dx-header-filter.dx-header-filter:after, .dx-datagrid .dx-sort-space.dx-header-filter:after, .dx-datagrid .dx-header-filter-space.dx-header-filter:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: -7px; } .dx-datagrid .dx-row > td { padding: 7px; } .dx-datagrid .dx-header-filter-empty { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title { border-bottom: none; font-size: 16px; margin-top: 1px; margin-bottom: 3px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label { font-size: 16px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content { padding: 0 20px 20px 20px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-message { text-align: center; width: 100%; bottom: 50%; position: absolute; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-block-separator { color: transparent; position: relative; min-width: 0; margin-bottom: 10px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item { margin-bottom: 10px; -webkit-box-shadow: 0 1px 3px -1px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 3px -1px rgba(0,0,0,.2); box-shadow: 0 1px 3px -1px rgba(0,0,0,.2); } .dx-datagrid-nowrap { white-space: nowrap; } .dx-datagrid-drag-header { position: absolute; vertical-align: middle; cursor: pointer; z-index: 10000; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-datagrid-columns-separator { position: absolute; z-index: 3; width: 3px; } .dx-datagrid-columns-separator-transparent { border-left: 0; border-right: 0; } .dx-datagrid-tracker { width: 100%; position: absolute; top: 0; z-index: 3; cursor: col-resize; } .dx-datagrid-table-content { position: absolute; top: 0; } .dx-datagrid-focus-overlay { position: absolute; pointer-events: none; top: 0; left: 0; visibility: hidden; } .dx-datagrid-action, .dx-datagrid-drag-action { cursor: pointer; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-modified):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) .dx-link { color: inherit; } .dx-datagrid-content { position: relative; } .dx-datagrid-text-content { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .dx-datagrid-table-fixed { table-layout: fixed; width: 100%; } .dx-hidden { display: none; } .dx-hidden.dx-group-cell { display: table-cell; font-size: 0 !important; } .dx-row > td { border: none; } .dx-datagrid-content .dx-datagrid-table { border-collapse: collapse; border-spacing: 0; margin: 0; } .dx-datagrid-content .dx-datagrid-table [class*="column"] + [class*="column"]:last-child { float: none; } .dx-datagrid-content .dx-datagrid-table .dx-row > td { vertical-align: top; } .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child { border-left: 0; } .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space { border-right: none; vertical-align: middle; } .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td { border-left: none; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container { overflow: hidden; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-cell-modified, .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid { padding: 0; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid .dx-invalid-message.dx-tooltip { position: static; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell { padding: 0; vertical-align: middle; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor, .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container { border: 0; margin: 0; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-dropdowneditor { margin-left: -1px; padding-left: 1px; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select { padding: 0; width: 70px; min-width: 70px; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit { width: 150px; min-width: 150px; } .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand { padding: 0; width: 30px; min-width: 30px; } .dx-datagrid-content .dx-datagrid-table td { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-highlight-outline { position: relative; padding: 7px; } .dx-highlight-outline::after { content: ''; position: absolute; border: 2px solid transparent; top: 0; left: 1px; bottom: 0; right: 0; pointer-events: none; } .dx-highlight-outline.dx-hidden { display: block; } .dx-highlight-outline.dx-hidden::after { display: none; } .dx-editor-cell .dx-texteditor-input { margin: 0; } .dx-editor-cell .dx-highlight-outline { padding: 0; } .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before { display: inline-block; content: '\200b '; vertical-align: middle; padding-top: 7px; padding-bottom: 7px; } .dx-column-lines .dx-highlight-outline::after { left: 0; } .dx-datagrid-headers { position: relative; outline: 0; -webkit-user-select: none; } .dx-datagrid-headers .dx-header-row .dx-editor-cell .dx-select-checkbox { display: inline-block; } .dx-header-row:not(.dx-column-lines) .dx-indicator-alignment-left { margin-left: 3px; } .dx-header-row:not(.dx-column-lines) .dx-indicator-alignment-right { margin-right: 3px; } .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu { position: relative; } .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-container .dx-texteditor-input, .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-container .dx-placeholder:before { padding-left: 32px; } .dx-datagrid-filter-row .dx-highlight-outline::after { pointer-events: none; } .dx-datagrid-filter-row .dx-focused .dx-highlight-outline::after { border-color: transparent; } .dx-datagrid-filter-row .dx-menu { z-index: 1; position: absolute; top: 0; left: 0; cursor: pointer; margin-left: -2px; margin-top: -2px; height: 100%; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after { position: absolute; left: 2px; top: 2px; width: 100%; height: 102%; content: ''; } .dx-datagrid-filter-row > td:first-child .dx-menu { margin-left: 0; } .dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item { padding: 5px; padding-right: 30px; } .dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item { padding: 8px 5px 7px 5px; } .dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover { padding: 9px 6px 8px 6px; } .dx-datagrid-filter-row .dx-menu-caption { padding-left: 6px; } .dx-datagrid-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down { display: none; } .dx-datagrid-filter-row .dx-menu-item-highlight { font-weight: normal; } .dx-datagrid-filter-row .dx-menu { overflow: visible; } .dx-datagrid-scroll-container { overflow: hidden; width: 100%; } .dx-datagrid-header-panel { text-align: left; overflow: hidden; padding: 1px 1px 0; } .dx-datagrid-header-panel .dx-button { float: right; margin-left: 10px; } .dx-datagrid-column-chooser-button { float: right; display: inline-block; margin-left: 10px; margin-bottom: 10px; } .dx-datagrid-group-panel { display: inline-block; white-space: nowrap; -ms-touch-action: pinch-zoom; } .dx-datagrid-group-panel .dx-group-panel-item { display: inline-block; min-width: 30px; margin-right: 10px; white-space: normal; } .dx-datagrid-group-panel .dx-group-panel-item .dx-sort { margin-left: 6px; } .dx-datagrid-group-panel .dx-block-separator { display: inline-block; min-width: 30px; margin-right: 10px; white-space: normal; color: transparent; position: relative; min-width: 0; } .dx-datagrid-group-panel .dx-block-separator .dx-sort { margin-left: 6px; } .dx-state-disabled .dx-datagrid-action, .dx-state-disabled .dx-menu-item { cursor: default; } .dx-datagrid-search-panel { float: right; display: inline-block; margin: 0; margin-left: 10px; } .dx-datagrid-rowsview { position: relative; } .dx-datagrid-rowsview.dx-scrollable .dx-scrollable-content { z-index: 2; } .dx-datagrid-rowsview .dx-scrollable-scrollbar { z-index: 3; } .dx-datagrid-rowsview:focus { outline: 0; } .dx-datagrid-rowsview .dx-row > td { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .dx-datagrid-rowsview .dx-row.dx-group-row td { border-top: 1px solid; border-bottom: 1px solid; } .dx-datagrid-rowsview .dx-row.dx-group-row:first-child td { border-top: none; } .dx-datagrid-rowsview .dx-group-row:focus { outline: 0; } .dx-datagrid-rowsview .dx-group-row.dx-row > td { border-left-color: transparent; border-right-color: transparent; } .dx-datagrid-rowsview .dx-data-row > td:focus { outline: 0; } .dx-datagrid-rowsview .dx-selection > td:not(.dx-focused) .dx-link, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused) .dx-link { color: inherit; } .dx-datagrid-rowsview .dx-selection > .dx-editor-cell, .dx-datagrid-rowsview .dx-selection.dx-row:hover > .dx-editor-cell { background-color: transparent; } .dx-datagrid-rowsview .dx-datagrid-table .dx-freespace-row { border-top: 0; border-bottom: 0; } .dx-datagrid-rowsview .dx-datagrid-table .dx-freespace-row > td { padding-top: 0; padding-bottom: 0; } .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox { display: none; } .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td:hover > .dx-select-checkbox { display: inline-block; } .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .dx-select-checkbox { display: inline-block; } .dx-datagrid-rowsview .dx-row .dx-master-detail-cell { padding: 30px 30px 30px 0; } .dx-datagrid-group-opened, .dx-datagrid-group-closed { cursor: pointer; position: relative; } .dx-datagrid-group-opened:before, .dx-datagrid-group-closed:before { position: absolute; display: block; right: 0; left: 0; } .dx-datagrid-nodata { position: absolute; top: 50%; left: 50%; } .dx-datagrid-bottom-load-panel { text-align: center; padding: 10px; } .dx-datagrid-total-footer { position: relative; padding-top: 7px; padding-bottom: 7px; } .dx-datagrid-summary-item { font-weight: bold; } .dx-datagrid-export-menu .dx-menu-item .dx-checkbox { margin-left: 0; } .dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-icon { width: 16px; height: 16px; } .dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text { white-space: nowrap; -ms-word-break: normal; word-break: normal; } .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item, .dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item { padding: 7px 5px 7px 30px; } .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image, .dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image { background-position-x: right; } .dx-rtl .dx-datagrid-group-closed { -ms-filter: "FlipH"; filter: FlipH; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-datagrid-content .dx-datagrid-table { direction: rtl; } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child { border-right: none; } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-child { border-left: none; } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space { border-left: none; } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td { border-right: none; } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon { -ms-filter: "FlipH"; filter: FlipH; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-group-row.dx-row.dx-column-lines > td { border-left: none; border-right: none; } .dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input, .dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder:before { padding-right: 32px; padding-left: 9px; } .dx-rtl .dx-datagrid-filter-row .dx-menu { right: 0; left: auto; margin-left: 0; margin-right: -2px; } .dx-rtl .dx-datagrid-filter-row > td:first-child .dx-menu { margin-left: 0; } .dx-rtl .dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item { padding: 5px; padding-left: 30px; } .dx-rtl .dx-datagrid-filter-row .dx-menu-caption { padding-right: 6px; } .dx-rtl .dx-datagrid-header-panel { text-align: right; } .dx-rtl .dx-datagrid-header-panel .dx-datagrid-column-chooser-button { float: left; margin-left: 0; } .dx-rtl .dx-datagrid-header-panel .dx-button { float: left; } .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item, .dx-rtl .dx-datagrid-group-panel .dx-block-separator { margin-right: 0; margin-left: 10px; } .dx-rtl .dx-datagrid-group-panel .dx-sort { margin-left: 0; margin-right: 6px; } .dx-rtl .dx-datagrid-search-panel { float: left; margin: 0; margin-right: 10px; } .dx-pivotgrid { cursor: default; width: 100%; overflow: hidden; } .dx-pivotgrid table, .dx-pivotgrid tbody, .dx-pivotgrid tfoot, .dx-pivotgrid thead, .dx-pivotgrid tr, .dx-pivotgrid th, .dx-pivotgrid td { margin: 0; padding: 0; border: 0; outline: 0; } .dx-pivotgrid table { border-collapse: collapse; border-spacing: 0; } .dx-pivotgrid td { vertical-align: top; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-pivotgridfieldchooser .dx-sort, .dx-pivotgridfieldchooser .dx-header-filter { display: inline-block; vertical-align: top; } .dx-pivotgridfieldchooser .dx-area-field-content { overflow: hidden; text-overflow: ellipsis; } .dx-menu-base { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; text-align: left; } .dx-menu-base .dx-menu-items-container, .dx-menu-base .dx-menu-item-wrapper { margin: 0; padding: 0; border: 0; outline: 0; height: 100%; } .dx-menu-base .dx-menu-items-container { list-style-type: none; display: inline-block; white-space: nowrap; cursor: pointer; } .dx-menu-base .dx-state-disabled, .dx-menu-base.dx-state-disabled .dx-menu-items-container { cursor: default; } .dx-menu-base .dx-menu-item { display: inline-block; position: relative; height: 100%; width: 100%; } .dx-menu-base .dx-menu-item.dx-state-disabled { opacity: .5; } .dx-menu-base .dx-menu-item .dx-menu-item-content { white-space: nowrap; height: 100%; width: 100%; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon { display: inline-block; vertical-align: middle; border: 0; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text { display: inline; vertical-align: middle; white-space: nowrap; overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container { position: absolute; top: 0; right: 0; bottom: 0; width: 2em; } .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout { height: 100%; background-position: center; background-repeat: no-repeat; } .dx-menu-base.dx-rtl { text-align: right; } .dx-menu-base.dx-rtl .dx-menu-item-popout-container { left: 0; right: auto; } .dx-menu { overflow: hidden; position: relative; } .dx-menu-horizontal .dx-menu-item-wrapper { display: inline-block; } .dx-menu-horizontal .dx-menu-separator { display: inline-block; margin: 0 15px 0 0; } .dx-menu-vertical .dx-menu-item-wrapper { display: block; } .dx-menu-vertical .dx-menu-separator { margin: 0 0 15px 0; } .dx-rtl.dx-menu { text-align: right; } .dx-context-menu-container-border { top: 0; right: 0; bottom: 0; left: 0; position: absolute; } .dx-context-menu-content-delimiter { position: absolute; display: none; z-index: 2000; cursor: pointer; } .dx-context-menu.dx-overlay-content { overflow: inherit; position: absolute; } .dx-context-menu .dx-menu-items-container { padding: 1px; } .dx-context-menu .dx-menu-item .dx-submenu { position: absolute; z-index: 1003; } .dx-context-menu .dx-menu-separator { height: 1px; margin: 5px 0; } .dx-calendar { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; position: relative; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer { position: absolute; bottom: 0; } .dx-calendar-navigator { position: relative; text-align: center; width: 100%; } .dx-calendar-navigator .dx-button { position: absolute; display: inline-block; } .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link { visibility: hidden; } .dx-calendar-navigator .dx-calendar-caption-button { text-decoration: none; } .dx-calendar-body { overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; } .dx-calendar-body .dx-widget { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .dx-calendar-body table { width: 100%; height: 100%; border-collapse: collapse; position: absolute; direction: ltr; } .dx-calendar-body td { cursor: pointer; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-calendar-contoured-date { outline-offset: -1px; } .dx-rtl.dx-calendar .dx-calendar-body table { left: 0; } .dx-rtl.dx-calendar .dx-calendar-body .dx-widget { direction: ltr; } .dx-state-disabled .dx-calendar .dx-calendar-navigator-previous-month, .dx-state-disabled.dx-calendar .dx-calendar-navigator-previous-month, .dx-state-disabled .dx-calendar .dx-calendar-navigator-next-month, .dx-state-disabled.dx-calendar .dx-calendar-navigator-next-month { cursor: default; } .dx-state-disabled .dx-calendar-body table th, .dx-state-disabled .dx-calendar-body table td { cursor: default; } .dx-multiview-wrapper { overflow: hidden; width: 100%; height: 100%; } .dx-multiview-item-container { position: relative; overflow: visible; width: 100%; height: 100%; } .dx-multiview-item { position: absolute; overflow: hidden; top: 0; width: 100%; height: 100%; } .dx-multiview-item.dx-item-selected { position: relative; } .dx-multiview-item-content { width: 100%; height: 100%; } .dx-multiview-item-hidden { top: 100%; visibility: hidden; } .dx-treeview { height: 100%; } .dx-treeview :focus { outline: none; } .dx-treeview .dx-checkbox + .dx-treeview-node-container, .dx-treeview .dx-treeview-node-container:first-child { margin: 0; display: block; } .dx-treeview .dx-treeview-select-all-item { width: 100%; } .dx-treeview .dx-treeview-node-container { list-style-position: inside; padding: 0; margin: 0; display: none; overflow: hidden; } .dx-treeview .dx-treeview-node-container.dx-treeview-node-container-opened { display: block; } .dx-treeview .dx-treeview-node { list-style-type: none; position: relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -o-user-drag: none; user-drag: none; } .dx-treeview .dx-treeview-node a { text-decoration: none; } .dx-treeview .dx-treeview-node .dx-checkbox { position: absolute; margin: 0; } .dx-treeview .dx-treeview-item { display: block; cursor: default; } .dx-treeview .dx-treeview-item .dx-icon { display: inline-block; width: 24px; height: 24px; vertical-align: middle; margin-right: 5px; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; background-size: 24px 24px; } .dx-treeview .dx-treeview-item .dx-treeview-item-content::before { display: inline-block; height: 100%; vertical-align: middle; } .dx-treeview .dx-treeview-item.dx-state-disabled { opacity: .5; } .dx-treeview .dx-treeview-toggle-item-visibility { position: absolute; cursor: pointer; } .dx-treeview .dx-treeview-toggle-item-visibility.dx-state-disabled { cursor: default; } .dx-treeview .dx-loadindicator { position: absolute; } .dx-treeview.dx-rtl .dx-treeview-node-container:first-child > .dx-treeview-node { padding-left: 0; } .dx-treeview.dx-rtl .dx-treeview-node-container .dx-treeview-node { padding-left: 0; } .dx-treeview.dx-rtl .dx-treeview-node-container .dx-treeview-node.dx-treeview-item-with-checkbox .dx-treeview-item { padding-left: 0; } .dx-treeview.dx-rtl .dx-treeview-node-container .dx-treeview-node .dx-treeview-item .dx-icon { margin-right: 0; } .dx-treeview.dx-rtl .dx-treeview-toggle-item-visibility { left: auto; right: 0; -ms-filter: "FlipH"; filter: FlipH; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-treeview .dx-empty-message { line-height: normal; } .dx-fieldset { margin-bottom: 20px; } .dx-fieldset .dx-field-value { margin: 0; } .dx-fieldset, .dx-fieldset * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dx-fieldset-header:empty { display: none; } .dx-field { position: relative; padding: .4em; } .dx-field:before, .dx-field:after { display: table; content: ""; line-height: 0; } .dx-field:after { clear: both; } .dx-field-label { float: left; width: 40%; } .dx-field-value, .dx-field-value-static { float: right; } .dx-field-value.dx-datebox { width: 60% !important; } .dx-field-value:not(.dx-widget) > .dx-datebox { width: 100% !important; } .dx-field-value .dx-selectbox-tag-container { white-space: normal; } .dx-field-value:not(.dx-widget) > .dx-selectbox.dx-selectbox-multiselect.dx-widget { position: relative; width: auto; text-align: left; } .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .dx-field-value-static { width: 60%; } .dx-rtl .dx-fieldset .dx-field-label, .dx-fieldset.dx-rtl .dx-field-label { float: right; } .dx-rtl .dx-fieldset .dx-field-value, .dx-fieldset.dx-rtl .dx-field-value { float: left; } .dx-tabpanel-tabs { display: table; } .dx-tabpanel-container { width: 100%; height: 100%; } .dx-fileuploader.dx-state-disabled .dx-fileuploader-input { display: none; } .dx-fileuploader-wrapper { height: 100%; width: 100%; overflow: hidden; } .dx-fileuploader-container { display: table; table-layout: fixed; height: 100%; width: 100%; } .dx-fileuploader-input-wrapper:before, .dx-fileuploader-input-wrapper:after { display: table; content: ""; line-height: 0; } .dx-fileuploader-input-wrapper:after { clear: both; } .dx-fileuploader-input-wrapper .dx-button { float: left; } .dx-fileuploader-input-wrapper .dx-button + .dx-button { margin-left: 12px; } .dx-fileuploader-content { display: table-row-group; vertical-align: middle; } .dx-fileuploader-content > .dx-fileuploader-upload-button { margin: 10px 0; } .dx-fileuploader-empty .dx-fileuploader-content > .dx-fileuploader-upload-button { display: none; } .dx-fileuploader-input-content { width: 100%; display: table; } .dx-fileuploader-files-container { padding-top: 22px; width: 100%; } .dx-fileuploader-file-container { width: 100%; padding: 4px 0 4px; } .dx-fileuploader-file-container .dx-button { width: 28px; height: 28px; margin-right: 10px; } .dx-fileuploader-file-container .dx-button.dx-state-invisible { margin-right: 0; } .dx-fileuploader-button-container, .dx-fileuploader-input-container { display: table-cell; vertical-align: middle; } .dx-fileuploader-input-container { height: 100%; width: 100%; position: relative; overflow: hidden; } .dx-fileuploader-input { filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; width: 100%; margin: 0; cursor: default; } .dx-fileuploader-input-label { pointer-events: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; cursor: default; } .dx-fileuploader-input-label:before { content: ''; position: absolute; top: -50%; overflow: hidden; cursor: default; } .dx-fileuploader-button-container { display: table-cell; vertical-align: middle; } .dx-fileuploader-file { display: table-cell; width: 100%; white-space: nowrap; } .dx-fileuploader-file-info { float: left; width: 100%; } .dx-fileuploader-file-status-message { float: left; font-size: 10px; height: 16px; } .dx-fileuploader .dx-progressbar { float: left; width: 100%; height: 22px; margin-top: -6px; } .dx-fileuploader-file-name { float: left; max-width: 100%; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-fileuploader-file-size { margin-left: 4px; float: left; vertical-align: super; font-size: 10px; } .dx-rtl .dx-fileuploader .dx-fileuploader-button, .dx-rtl.dx-fileuploader .dx-fileuploader-button { float: right; } .dx-rtl .dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button, .dx-rtl.dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button { margin-left: 10px; margin-right: 0; } .dx-rtl .dx-fileuploader .dx-fileuploader-file-name, .dx-rtl.dx-fileuploader .dx-fileuploader-file-name, .dx-rtl .dx-fileuploader .dx-fileuploader-file-size, .dx-rtl.dx-fileuploader .dx-fileuploader-file-size, .dx-rtl .dx-fileuploader .dx-fileuploader-file-status-message, .dx-rtl.dx-fileuploader .dx-fileuploader-file-status-message { float: right; } .dx-rtl .dx-fileuploader .dx-fileuploader-file-size, .dx-rtl.dx-fileuploader .dx-fileuploader-file-size { margin-right: 4px; } .dx-validationsummary-item { cursor: pointer; } .dx-timeview { height: 250px; width: 270px; } .dx-timeview.dx-state-disabled.dx-widget, .dx-timeview.dx-state-disabled .dx-widget { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-timeview-clock { position: relative; } .dx-timeview-hourarrow, .dx-timeview-minutearrow { position: absolute; left: 50%; width: 30px; height: 50%; margin-left: -15px; background-position: bottom; background-repeat: no-repeat; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .dx-timeview-field .dx-numberbox { width: 70px; } .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly { width: 110px; } .dx-scheduler .dx-empty-message { line-height: normal; } .dx-scheduler-all-day-panel { border-collapse: collapse; } .dx-scheduler-all-day-panel td { padding: 0; } /*! * DevExtreme * Version: 15.1.5 * Build date: Jul 15, 2015 * * Copyright (c) 2012 - 2015 Developer Express Inc. ALL RIGHTS RESERVED * EULA: https://www.devexpress.com/Support/EULAs/DevExtreme.xml */ .dx-colorview-hue-scale { position: relative; width: 18px; height: 299px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAErCAIAAACQN346AAAAxklEQVQ4y5WOwXIDMQhDX1kvh/z/z8ZmQy72DKVmmxw0SDKSwXkInAJtTk36E7QiF72qXzdd1R3bm3CMFy4G0icukDG5TT4S74Ve05If+2Ou6h7hjmeR2eQ5cPhxoSEowhnQ5tSg197Oy9mq7w4tdVc7USvCgaCAOfhLYAT0wK9/tE295uJWePkPC9rSHRWqvQ4uiCMKcoK0Oc+kdeNF/wha004LXs7e6cbfu+LO5jYuB78QRoJtvG+w8n1ymzy+95u/+q+ONxfBn1y6CqSHAAAAAElFTkSuQmCC) repeat-x 0 0; background-size: 18px 100% !important; } .dx-datagrid { color: #232323; background-color: #fff; } .dx-datagrid .dx-sort { position: relative; } .dx-datagrid .dx-sort:before { position: absolute; height: 100%; top: 50%; margin-top: -50%; display: block; } .dx-datagrid .dx-sort-up { font: 14px/1 DXIcons; } .dx-datagrid .dx-sort-up:before { content: "\f051 "; } .dx-datagrid .dx-sort-down { font: 14px/1 DXIcons; } .dx-datagrid .dx-sort-down:before { content: "\f052 "; } .dx-datagrid .dx-header-filter { position: relative; font: 14px/1 DXIcons; } .dx-datagrid .dx-header-filter:before { content: "\f050 "; } .dx-datagrid .dx-header-filter:before { position: absolute; display: block; height: 100%; top: 50%; margin-top: -50%; } .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon { width: 14px; height: 14px; background-position: 0 0; -webkit-background-size: 14px 14px; -moz-background-size: 14px 14px; background-size: 14px 14px; padding: 0; font-size: 14px; text-align: center; line-height: 14px; } .dx-datagrid.dx-filter-menu .dx-icon-filter-operation-default+.dx-menu-item-text { padding-left: 2px; } .dx-datagrid .dx-datagrid-content-fixed .dx-group-row .dx-datagrid-group-text-content { background-color: #fff; } .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed { background-color: #fff; } .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none { border-left: 2px solid #d3d3d3; border-right: 2px solid #d3d3d3; } .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none:first-child, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none:first-child, .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none:first-child { border-left: none; } .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none:last-child, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none:last-child, .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none:last-child { border-right: none; } .dx-datagrid-export-menu .dx-menu-item .dx-icon-exportxlsx { width: 16px; height: 16px; background-position: 0 0; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none:first-child, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none:first-child, .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none:first-child { border-right: none; } .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none:last-child, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none:last-child, .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none:last-child { border-left: none; } .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td { border-top: 1px solid #d3d3d3; } .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area-data tr:first-child>td { border-top-width: 0; } .dx-pivotgrid .dx-bottom-row { border-top: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-area { box-sizing: content-box; } .dx-pivotgrid .dx-pivotgrid-area td { color: #767676; padding: 7px 5px; } .dx-pivotgrid .dx-pivotgrid-area-data { border-left: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-area-data tbody td { text-align: right; color: #232323; white-space: nowrap; border-left: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child { border-left: 0; } .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-total, .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-grandtotal { border-top-width: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers { border-bottom: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border { border-top: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell { border-right: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers td { min-width: 50px; border-right: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-vertical-headers tr:first-child td { border-top: 0; } .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total, .dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers { border-bottom: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll { border-right: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area { border-left: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td { text-align: center; border: 1px solid #d3d3d3; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded, .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed { text-align: left; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child { border-left: 0; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td { border-top: 0; } .dx-pivotgrid .dx-pivotgrid-horizontal-headers:last-child { border-bottom: 0; } .dx-pivotgrid .dx-total { background-color: rgba(211,211,211,.2); } .dx-pivotgrid .dx-grandtotal { background-color: rgba(211,211,211,.4); } .dx-pivotgrid .dx-pivotgrid-collapsed, .dx-pivotgrid .dx-pivotgrid-expanded { cursor: pointer; white-space: nowrap; } .dx-pivotgrid .dx-pivotgrid-collapsed>span, .dx-pivotgrid .dx-pivotgrid-expanded>span { white-space: normal; } .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand, .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand { display: inline-block; width: 9px; margin-right: 5px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAQAAABKmM6bAAAAK0lEQVQY02P4zwCCU9shNAhCqan/EYIIIbggshBUEFUILEhAVTtBG5HcBQCB1FsFsFXtHQAAAABJRU5ErkJggg==) no-repeat center; } .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand::before, .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand::before { display: block; content: '.'; width: 0; visibility: hidden; } .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAQAAABKmM6bAAAALElEQVQY02P4z4AOGYgTmto+9T8KbAeKogi2QzXCBduRzAILtqMZDxPAaiMAiCNbBQ+pRkYAAAAASUVORK5CYII=) no-repeat center; } .dx-pivotgrid .dx-icon-sorted { display: inline-block; width: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAQAAACssQXfAAAAQklEQVQY013O2w0AIAgDQKZlo85bI0Uehg9Iz8QabQ4MjrhewNwOihZETNGAioMmaPL63qF+U4+OF1QXQdVNsp4LB9ybb1FUW1AWAAAAAElFTkSuQmCC) no-repeat center center; } .dx-pivotgrid .dx-icon-sorted::before { display: block; content: '.'; width: 0; visibility: hidden; } .dx-pivotgrid .dx-menu-item .dx-icon { width: 16px; height: 16px; background-position: 0 0; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-pivotgrid .dx-icon-field-chooser { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAVElEQVQoz6WQwQ0AIAgD2akLdf8lMMGAMYA8TH9ytgWhviVUlV4lQNMPMEYkYNhiktQVeYDePIC2IOKSTMY+LgB7ho+JFHH1AHOH+GtjFlu4PXboAi5MDAZEZkivAAAAAElFTkSuQmCC) no-repeat center center; } .dx-pivotgrid .dx-icon-collapse-all { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAASUlEQVQoU53OwQ0AIAgEQUql/ybQoGJycmjM+vAxKGJS148abwKcWqVAPQr84SD/wG8IcH8A+gBGscP5BYDrkinYswRgAXgO6hqiOAkwCvrrrwAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgrid .dx-icon-expand-all { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAQElEQVQoz2P4z4AfAlHCf9wQqgCXbqwKEsCQMgUErEBWiKIAwweoChKIUIDmyASyHYlXAXIYEPQmigICkYUfAgCspQrmirdjvQAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgrid .dx-icon-asc { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAApklEQVQoz3WQsQ2DMBBF3wDMQY2UBVJQULhMwwI0lAwQS2ktMQA96e0BbrRLwWEkYt8vbOk/+f43NKSsr6LY9HaqiQ+JVwZ6vCFmDyRWux+2N0RRaNhIdAac9oEoCjOJOS87xucMdCQ2mjqwnvGKAEOlpr/V/H9BL4AWQWgrGRQmIpGpDuy8Cey1Fg8Eh0N4loEFMS1lIBIUhUAs/YNDGBWFEcHdgR9nmXz3xMvBYgAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgrid .dx-icon-desc { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAoElEQVQoz3XPvQ3CQAzF8d8AmYM6EgtQpKBIScMCNJQMQCTaSAxAH/rcADeaaY6T+Di/wpbeX7YfnVT1DKHUVHoUuUkOTcBeci/zL6DzkPRt4Cw512PfgF7y0LWB+/u9v4B9K2Z8xmxuCMFGlm3awMlqdWoDi6vZ0kqxlY1G2S4Eg6lqEFzkokvZMFSbYDWHYLbWE0OxMcqOITjKxvpDsV/8mnz3/0HO3QAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgridfieldchooser { position: relative; } .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container { overflow: hidden; } .dx-pivotgridfieldchooser .dx-col { width: 50%; float: left; } .dx-pivotgridfieldchooser .dx-area { padding: 5px; } .dx-pivotgridfieldchooser .dx-area .dx-area-fields { margin-top: 3px; border: 1px solid #d3d3d3; } .dx-pivotgridfieldchooser .dx-area-fields[group] { padding: 5px; background-color: rgba(211,211,211,.2); } .dx-pivotgridfieldchooser .dx-sort, .dx-pivotgridfieldchooser .dx-header-filter, .dx-pivotgridfieldchooser .dx-sort-space, .dx-pivotgridfieldchooser .dx-header-filter-space { width: 13px; height: 13px; } .dx-pivotgridfieldchooser .dx-sort-up { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAAL0lEQVQoz2P4z4ALonCmtuOQmto+9T+yJKrEf2RJdAkkSVS7/uN2xuCQwhNQqBAAYD2x3qMjy8gAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-sort-down { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAALElEQVQoz2P4z4ALMhApNfX/4JWa2j71Pxy2o+mCS7ZjMRAs2Y7LrnYiAwoAG2mx3gyIwGUAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-header-filter { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAQAAAADpb+tAAAASklEQVQoz6XOMQqAMBBE0X/UDxZiIRbe3oSshVlBkk62mjdTLFZjuMIEw8AyX58DNg/E3fbBTRBxfYuqkoxLZ5+cnB/xj4vhlekGFhp1P7RllpIAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-header-filter-empty { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-pivotgridfieldchooser .dx-area-caption { vertical-align: middle; } .dx-pivotgridfieldchooser .dx-treeview .dx-treeview-item .dx-icon { width: 16px; height: 16px; background-position: 0 0; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-pivotgridfieldchooser .dx-area-icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; } .dx-pivotgridfieldchooser .dx-area-icon-all { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJElEQVQoz2P8z4AfsDAwJELVzGfExmIiYAAD5QoYRx1JL0cCAJeiFh8Qq9chAAAAAElFTkSuQmCC) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-icon-filter { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAWElEQVQoz83RsQqAMAxF0fepFxzEQRz8e1sah0JTamhXeVtyCCSRaR6ZTGQsSHJgcRyk1YQ7aBcuB+KkDO0D9UDsHcmARiC2BqiVEfg2+jOoF30+YPnNWV4jV/jo04VE6gAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-icon-row { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAI0lEQVQoz2P4z4AfAlHCfwjEzqKPAsKObIBA7Cz6KBgGIQkAQ8IdQJKOGQIAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-icon-column { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIElEQVQoz2P4z4AfAlHCfwgEshogEFmMPgpGHUkfRwIAQ8IdQALkrHMAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-icon-data { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-icon-measure { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center; } .dx-pivotgridfieldchooser .dx-icon-dimension { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAH0lEQVQoz2P4z4AfMlBHQcJ/MESjqasAKxx5bqAosgCZ3QSYpC33dQAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgridfieldchooser .dx-icon-hierarchy { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoz2P4z4AfMlBXQcJ/EKShggQoxKEAojsBwxQqKUjACpEVoOhGNYVKCiiKLAATcARoA49V5wAAAABJRU5ErkJggg==) no-repeat center center; } .dx-pivotgridfieldchooser .dx-area-field { cursor: pointer; } .dx-pivotgridfieldchooser .dx-area-field.dx-area-box { background-color: #fff; margin-bottom: 1px; border: 1px solid #d3d3d3; padding: 7px; } .dx-pivotgridfieldchooser .dx-area-field.dx-area-box.dx-drag { z-index: 9999; position: absolute; -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); border: 1px solid rgba(96,96,96,.5); } .dx-pivotgridfieldchooser .dx-area-field.dx-area-box.dx-drag-target { color: #767676; background-color: rgba(211,211,211,.4); } .dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target { border-color: #606060; } .dx-pivotgridfieldchooser .dx-drag-source { opacity: .5; } .dx-rtl .dx-pivotgrid-area-data { border-left: 0; border-right: 1px solid #d3d3d3; } .dx-rtl .dx-pivotgrid-area-data tbody td { border-left: 0; border-right: 1px solid #d3d3d3; } .dx-rtl .dx-pivotgrid-area-data tbody td:first-child { border-left: 1px solid #d3d3d3; border-right: 0; } .dx-rtl .dx-pivotgrid-vertical-headers td { border-right: 0; border-left: 1px solid #d3d3d3; } .dx-rtl .dx-pivotgrid-vertical-headers .dx-last-cell { border-left: 0; border-right: 0; } .dx-rtl .dx-pivotgrid-horizontal-headers.dx-vertical-scroll { border-right: 0; border-left: 1px solid #d3d3d3; } .dx-rtl .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area { border-left: 0; border-right: 1px solid #d3d3d3; } .dx-rtl .dx-pivotgrid-horizontal-headers td:first-child { border-left: 1px solid #d3d3d3; border-right: 0; } .dx-rtl .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded, .dx-rtl .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed { text-align: right; } .dx-rtl .dx-pivotgrid-collapsed .dx-expand, .dx-rtl .dx-pivotgrid-expanded .dx-expand { float: right; margin-right: 0; margin-left: 5px; } .dx-rtl .dx-pivotgrid-collapsed .dx-expand { -ms-filter: "FlipH"; filter: FlipH; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-rtl .dx-pivotgridfieldchooser-container .dx-col { float: right; } .dx-scheduler-pseudo-cell:before { content: ""; width: 100px; display: table-cell; } .dx-scheduler-header { position: relative; z-index: 1; width: 100%; min-width: 715px; } .dx-scheduler-navigator { float: left; padding-left: 10px; } .dx-scheduler-navigator .dx-scheduler-navigator-caption { width: 180px; } .dx-scheduler-view-switcher.dx-tabs { width: auto; float: right; height: 100%; border: none; } .dx-scheduler-view-switcher.dx-tabs .dx-tab { width: 100px; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:before { position: absolute; bottom: -2px; width: 100%; height: 2px; content: ''; right: 0; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after { border-bottom: none; } .dx-scheduler-work-space { border: 1px solid rgba(211,211,211,.6); position: relative; display: inline-block; overflow: hidden; height: 100%; border-top: none; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title { border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell { border-left: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space .dx-scrollable { padding-bottom: 125px; margin-bottom: -125px; } .dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable { padding-bottom: 155px; margin-bottom: -155px; } .dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable { padding-bottom: 185px; margin-bottom: -185px; } .dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable { padding-bottom: 215px; margin-bottom: -215px; } .dx-scheduler-date-table-cell { border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-date-table-current-date { font-weight: bold; } .dx-scheduler-date-table-other-month { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-scheduler-work-space-day .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell { border-top: 1px solid #bababa; } .dx-scheduler-work-space-day .dx-scrollable { padding-bottom: 85px; margin-bottom: -85px; } .dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable { padding-bottom: 115px; margin-bottom: -115px; } .dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable { padding-bottom: 145px; margin-bottom: -145px; } .dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable { padding-bottom: 175px; margin-bottom: -175px; } .dx-scheduler-work-space-day .dx-scheduler-date-table-cell { border-left: none; border-right: none; } .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel { margin-top: 1px; } .dx-scheduler-work-space-day .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell { border-top: none; } .dx-scheduler-all-day-table-cell { border-left: 1px solid rgba(211,211,211,.6); border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell { border-top: none; border-left: none; } .dx-scheduler-work-space-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title { border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space-month .dx-scrollable { padding-bottom: 50px; margin-bottom: -50px; } .dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scrollable { padding-bottom: 80px; margin-bottom: -80px; } .dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scrollable { padding-bottom: 110px; margin-bottom: -110px; } .dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scrollable { padding-bottom: 140px; margin-bottom: -140px; } .dx-scheduler-work-space-month .dx-scrollable .dx-scrollable-content { height: 100%; } .dx-scheduler-work-space-month .dx-scheduler-header-panel { width: 100%; margin-left: 0; } .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row:before, .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before { display: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table { width: 100%; height: 100%; margin-left: 0; } .dx-scheduler-work-space-month .dx-scheduler-date-table .dx-scheduler-date-table-row:before { display: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell, .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell { border-right: none; } .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child, .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child { border-left: none; } .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell, .dx-scheduler-work-space-month .dx-scheduler-date-table-cell { vertical-align: top; text-align: right; font-size: 20px; padding-right: 6px; color: #767676; } .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell.dx-state-focused, .dx-scheduler-work-space-month .dx-scheduler-date-table-cell.dx-state-focused { background-position: 10% 10%; } .dx-scheduler-work-space-month .dx-scheduler-all-day-panel { display: none; } .dx-scheduler-work-space-month .dx-scheduler-appointment { -webkit-box-shadow: inset 2px 0 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset 2px 0 0 0 rgba(0,0,0,.3); box-shadow: inset 2px 0 0 0 rgba(0,0,0,.3); } .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused { -webkit-box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3); box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3); } .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover { -webkit-box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3); box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3); } .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging { -webkit-box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3),7px 7px 15px 0 rgba(50,50,50,.2); -moz-box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3),7px 7px 15px 0 rgba(50,50,50,.2); box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3),7px 7px 15px 0 rgba(50,50,50,.2); } .dx-scheduler-work-space-month .dx-scheduler-appointment-content { padding: 0 7px; } .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n), .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) { border-right: none; } .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) { border-left: none; } .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n), .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) { border-right: none; } .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) { border-left: none; } .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell:nth-child(1n), .dx-scheduler-work-space-day .dx-scheduler-date-table-cell:nth-child(1n), .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell:nth-child(1n) { border-right: none; } .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell:nth-child(1n), .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell:nth-child(1n), .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell:nth-child(1n) { border-left: none; } .dx-scheduler-header-panel { border-collapse: collapse; table-layout: fixed; margin-top: 10px; width: 100%; font-size: 12px; } .dx-scheduler-header-panel-cell { border-left: 1px solid rgba(211,211,211,.6); border-right: 1px solid rgba(211,211,211,.6); color: #a8a8a8; padding: 0; white-space: nowrap; vertical-align: middle; height: 40px; text-align: center; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .dx-scheduler-group-row:before, .dx-scheduler-header-row:before, .dx-scheduler-all-day-table-row:before { content: ""; width: 100px; display: table-cell; } .dx-scheduler-all-day-panel { width: 100%; border-bottom: 1px solid #bababa; } .dx-scheduler-all-day-title { color: #a8a8a8; width: 100px; height: 75px; display: inline-block; position: absolute; line-height: 75px; text-align: center; } .dx-scheduler-all-day-table { border-collapse: collapse; table-layout: fixed; width: 100%; } .dx-scheduler-all-day-table-cell { height: 75px; } .dx-scheduler-group-header { height: 30px; } .dx-scheduler-time-panel { float: left; width: 100px; border-collapse: collapse; margin-top: -50px; font-size: 12px; } .dx-scheduler-time-panel-cell { color: #a8a8a8; border-bottom: 1px solid rgba(211,211,211,.6); position: relative; width: 100%; text-align: center; height: 100px; padding-left: 10px; } .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell { padding-top: 35px; } .dx-scheduler-time-panel-cell:after { position: absolute; bottom: -1px; width: 50%; height: 1px; content: ''; left: 0; background-color: #fff; } .dx-scheduler-date-table { width: 100%; border-collapse: collapse; table-layout: fixed; float: left; margin-left: -100px; } .dx-scheduler-date-table .dx-scheduler-date-table-row:before { content: ""; width: 100px; display: table-cell; } .dx-scheduler-date-table-cell { border-left: 1px solid rgba(211,211,211,.6); border-right: 1px solid rgba(211,211,211,.6); height: 50px; } .dx-scheduler-all-day-table-cell.dx-state-active, .dx-scheduler-date-table-cell.dx-state-active { background-color: #bababa; } .dx-scheduler-all-day-table-cell.dx-state-hover, .dx-scheduler-date-table-cell.dx-state-hover { background-color: rgba(211,211,211,.6); } .dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused { background-color: #a9d9e2; } .dx-scheduler-all-day-table-cell.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-focused { background-color: #a9d9e2; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-scheduler-date-table-droppable-cell { background-color: #ededed; } .dx-scheduler-appointments { position: absolute; } .dx-scheduler-appointment { background-clip: padding-box; display: inline-block; overflow: hidden; border-top: 1px solid transparent; border-left: 1px solid transparent; position: absolute; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; background-color: #65bccd; color: #fff; -webkit-box-shadow: inset 0 2px 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 2px 0 0 rgba(0,0,0,.3); box-shadow: inset 0 2px 0 0 rgba(0,0,0,.3); } .dx-scheduler-appointment.dx-state-active, .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-appointment.dx-state-focused { -webkit-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); } .dx-scheduler-appointment.dx-state-hover { -webkit-box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3); box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3); } .dx-scheduler-appointment.dx-draggable-dragging { -webkit-box-shadow: 7px 7px 15px 0 rgba(50,50,50,.2),inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); -moz-box-shadow: 7px 7px 15px 0 rgba(50,50,50,.2),inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); box-shadow: 7px 7px 15px 0 rgba(50,50,50,.2),inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3); } .dx-scheduler-appointment.dx-state-active, .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-appointment.dx-draggable-dragging { z-index: 1000; filter: alpha(opacity=70); -khtml-opacity: .7; -moz-opacity: .7; opacity: .7; } .dx-scheduler-appointment .dx-scheduler-appointment-recurrence-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAQAAABjX+2PAAAAN0lEQVQoz2P4z4APMpAmbfwfBIyxS6NJgqRhACaJAoiSxm44hjSqAizSyJBK0jgBQWlqRgkaBAAoUUTKKq2B7wAAAABJRU5ErkJggg==); } .dx-scheduler-appointment .dx-appointment-reduced-icon { position: absolute; top: 3px; right: 5px; font: 14px/1 DXIcons; } .dx-scheduler-appointment .dx-appointment-reduced-icon:before { content: "\f00e "; } .dx-rtl .dx-scheduler-appointment .dx-appointment-reduced-icon { right: auto; left: 3px; font: 14px/1 DXIcons; } .dx-rtl .dx-scheduler-appointment .dx-appointment-reduced-icon:before { content: "\f011 "; } .dx-scheduler-appointment-recurrence-icon { position: absolute; background-repeat: no-repeat; width: 16px; height: 16px; top: 2px; right: 4px; } .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon { right: 20px; } .dx-scheduler-appointment-content { padding: 5px 7px; } .dx-scheduler-appointment-empty .dx-scheduler-appointment-content { display: none; } .dx-scheduler-appointment-content>* { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-content-details { font-size: 11px; } .dx-scheduler-all-day-container .dx-scheduler-appointment-content-details, .dx-scheduler-work-space-month .dx-scheduler-appointment-content-details { display: none; } .dx-scheduler-appointment-content-details>* { white-space: pre-wrap; } .dx-scheduler-appointment-tooltip { text-align: left; width: 250px; } .dx-scheduler-appointment-tooltip .dx-button-content { font-size: 12.307692308px; } .dx-scheduler-appointment-tooltip .dx-button-content .dx-icon { font-size: 16px; } .dx-scheduler-appointment-tooltip-date, .dx-scheduler-appointment-tooltip-title { overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-scheduler-appointment-tooltip-title { font-size: 16px; font-weight: bold; width: 100%; } .dx-scheduler-appointment-tooltip-buttons { margin-top: 10px; } .dx-sheduler-appointment-popup .dx-field { min-height: 0; } .dx-sheduler-appointment-popup .dx-field-label { width: 20%; } .dx-sheduler-appointment-popup .dx-field-value:not(.dx-switch):not(.dx-numberbox):not(.dx-datebox) { width: 80%; } .dx-sheduler-appointment-popup .dx-field-value { padding-left: 0; padding-right: 0; } .dx-sheduler-appointment-popup .dx-field-value:not(.dx-widget)>.dx-checkbox { float: left; } .dx-sheduler-appointment-popup .dx-field-value:not(.dx-widget)>.dx-checkbox.dx-rtl { float: right; } .dx-numberbox.dx-recurrence-numberbox-interval, .dx-numberbox.dx-recurrence-numberbox-day-of-month, .dx-selectbox.dx-recurrence-selectbox-month-of-year, .dx-numberbox.dx-recurrence-numberbox-repeat-count, .dx-datebox.dx-recurrence-datebox-until-date, .dx-datebox.dx-sheduler-appointment-popup-start-date, .dx-datebox.dx-sheduler-appointment-popup-end-date, .dx-switch.dx-sheduler-appointment-popup-allday, .dx-switch.dx-recurrence-switch-repeat-end { float: left; position: relative !important; } .dx-numberbox.dx-recurrence-numberbox-interval.dx-rtl, .dx-numberbox.dx-recurrence-numberbox-day-of-month.dx-rtl, .dx-selectbox.dx-recurrence-selectbox-month-of-year.dx-rtl, .dx-numberbox.dx-recurrence-numberbox-repeat-count.dx-rtl, .dx-datebox.dx-recurrence-datebox-until-date.dx-rtl, .dx-datebox.dx-sheduler-appointment-popup-start-date.dx-rtl, .dx-datebox.dx-sheduler-appointment-popup-end-date.dx-rtl, .dx-switch.dx-sheduler-appointment-popup-allday.dx-rtl, .dx-switch.dx-recurrence-switch-repeat-end.dx-rtl { float: right; } .dx-recurrence-numberbox-interval, .dx-recurrence-numberbox-day-of-month, .dx-recurrence-numberbox-repeat-count { width: 70px !important; } .dx-datebox.dx-recurrence-datebox-until-date, .dx-datebox.dx-sheduler-appointment-popup-start-date, .dx-datebox.dx-sheduler-appointment-popup-end-date { width: inherit !important; } .dx-recurrence-radiogroup-repeat-type-label, .dx-recurrence-repeat-end-label { display: inline-block; padding: 5px; } .dx-recurrence-repeat-end-label { float: left; width: 50px; } .dx-recurrence-selectbox-month-of-year { width: 120px !important; top: 0 !important; } .dx-recurrence-checkbox-day-of-week { position: relative !important; padding-right: 10px; } .dx-recurrence-radiogroup-repeat-type { margin: 0; } .dx-recurrence-radiogroup-repeat-type .dx-item:first-child { padding-bottom: 10px; } .dx-recurrence-radiogroup-repeat-type.dx-rtl .dx-recurrence-repeat-end-label { float: right; } .dx-rtl .dx-scheduler-navigator { float: right; padding-left: 0; padding-right: 10px; } .dx-rtl .dx-scheduler-view-switcher.dx-tabs { float: left; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table { margin-right: 0; } .dx-rtl .dx-scheduler-header-panel { left: 0; right: inherit; } .dx-rtl .dx-scheduler-all-day-panel table { margin-left: 0; } .dx-rtl .dx-scheduler-all-day-container { direction: ltr; } .dx-rtl .dx-scheduler-time-panel { float: right; } .dx-rtl .dx-scheduler-time-panel-cell { padding-left: 0; padding-right: 10px; } .dx-rtl .dx-scheduler-time-panel-cell:after { right: 0; } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell { border-left: none; border-right: 1px solid rgba(211,211,211,.6); } .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child { border-right: none; } .dx-rtl .dx-scheduler-date-table { float: right; margin-left: 0; margin-right: -100px; } .dx-rtl .dx-scheduler-appointments.dx-rtl { direction: ltr; } .dx-rtl .dx-scheduler-appointment-tooltip { text-align: right; } .dx-rtl .dx-scheduler-appointment-recurrence-icon { left: 4px; right: auto; } .dx-scheduler-appointment-reduced .dx-rtl .dx-scheduler-appointment-recurrence-icon { left: 20px; } .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell, .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell { border-right: 1px solid rgba(211,211,211,.6); border-left: none; } .dx-theme-generic-typography { background-color: #fff; color: #232323; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; line-height: normal; } .dx-theme-generic-typography input, .dx-theme-generic-typography textarea { font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; } .dx-theme-generic-typography h1, .dx-theme-generic-typography .dx-font-xl { font-weight: 200; font-size: 34px; } .dx-theme-generic-typography h2, .dx-theme-generic-typography .dx-font-l { font-weight: normal; font-size: 28px; } .dx-theme-generic-typography h3 { font-weight: normal; font-size: 22px; } .dx-theme-generic-typography .dx-font-m { font-weight: normal; font-size: 20px; } .dx-theme-generic-typography h4, .dx-theme-generic-typography .dx-font-s { font-weight: 500; font-size: 18px; } .dx-theme-generic-typography h5 { font-weight: 700; font-size: 16px; } .dx-theme-generic-typography h6, .dx-theme-generic-typography small, .dx-theme-generic-typography .dx-font-xs { font-weight: 800; font-size: 12px; } .dx-theme-generic-typography a { color: #606060; } .dx-theme-marker { font-family: "dx.generic.light"; } @font-face { font-family: 'DXIcons'; src: url(icons/dxicons.eot); src: url(icons/dxicons.eot) format('embedded-opentype'),url(icons/dxicons.woff) format('woff'),url(icons/dxicons.ttf) format('truetype'); font-weight: normal; font-style: normal; } .dx-icon { display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0,0); } .dx-icon-add { font: 14px/1 DXIcons; } .dx-icon-add:before { content: "\f00b "; } .dx-icon-airplane { font: 14px/1 DXIcons; } .dx-icon-airplane:before { content: "\f000 "; } .dx-icon-bookmark { font: 14px/1 DXIcons; } .dx-icon-bookmark:before { content: "\f017 "; } .dx-icon-box { font: 14px/1 DXIcons; } .dx-icon-box:before { content: "\f018 "; } .dx-icon-car { font: 14px/1 DXIcons; } .dx-icon-car:before { content: "\f01b "; } .dx-icon-card { font: 14px/1 DXIcons; } .dx-icon-card:before { content: "\f019 "; } .dx-icon-cart { font: 14px/1 DXIcons; } .dx-icon-cart:before { content: "\f01a "; } .dx-icon-chart { font: 14px/1 DXIcons; } .dx-icon-chart:before { content: "\f01c "; } .dx-icon-check { font: 14px/1 DXIcons; } .dx-icon-check:before { content: "\f005 "; } .dx-icon-clear { font: 14px/1 DXIcons; } .dx-icon-clear:before { content: "\f008 "; } .dx-icon-clock { font: 14px/1 DXIcons; } .dx-icon-clock:before { content: "\f01d "; } .dx-icon-close { font: 14px/1 DXIcons; } .dx-icon-close:before { content: "\f00a "; } .dx-icon-coffee { font: 14px/1 DXIcons; } .dx-icon-coffee:before { content: "\f02a "; } .dx-icon-comment { font: 14px/1 DXIcons; } .dx-icon-comment:before { content: "\f01e "; } .dx-icon-doc { font: 14px/1 DXIcons; } .dx-icon-doc:before { content: "\f021 "; } .dx-icon-download { font: 14px/1 DXIcons; } .dx-icon-download:before { content: "\f022 "; } .dx-icon-dragvertical { font: 14px/1 DXIcons; } .dx-icon-dragvertical:before { content: "\f038 "; } .dx-icon-edit { font: 14px/1 DXIcons; } .dx-icon-edit:before { content: "\f023 "; } .dx-icon-email { font: 14px/1 DXIcons; } .dx-icon-email:before { content: "\f024 "; } .dx-icon-event { font: 14px/1 DXIcons; } .dx-icon-event:before { content: "\f026 "; } .dx-icon-favorites { font: 14px/1 DXIcons; } .dx-icon-favorites:before { content: "\f025 "; } .dx-icon-find { font: 14px/1 DXIcons; } .dx-icon-find:before { content: "\f027 "; } .dx-icon-filter { font: 14px/1 DXIcons; } .dx-icon-filter:before { content: "\f050 "; } .dx-icon-folder { font: 14px/1 DXIcons; } .dx-icon-folder:before { content: "\f028 "; } .dx-icon-food { font: 14px/1 DXIcons; } .dx-icon-food:before { content: "\f029 "; } .dx-icon-gift { font: 14px/1 DXIcons; } .dx-icon-gift:before { content: "\f02b "; } .dx-icon-globe { font: 14px/1 DXIcons; } .dx-icon-globe:before { content: "\f02c "; } .dx-icon-group { font: 14px/1 DXIcons; } .dx-icon-group:before { content: "\f02e "; } .dx-icon-help { font: 14px/1 DXIcons; } .dx-icon-help:before { content: "\f02f "; } .dx-icon-home { font: 14px/1 DXIcons; } .dx-icon-home:before { content: "\f030 "; } .dx-icon-image { font: 14px/1 DXIcons; } .dx-icon-image:before { content: "\f031 "; } .dx-icon-info { font: 14px/1 DXIcons; } .dx-icon-info:before { content: "\f032 "; } .dx-icon-key { font: 14px/1 DXIcons; } .dx-icon-key:before { content: "\f033 "; } .dx-icon-like { font: 14px/1 DXIcons; } .dx-icon-like:before { content: "\f034 "; } .dx-icon-map { font: 14px/1 DXIcons; } .dx-icon-map:before { content: "\f035 "; } .dx-icon-menu { font: 14px/1 DXIcons; } .dx-icon-menu:before { content: "\f00c "; } .dx-icon-message { font: 14px/1 DXIcons; } .dx-icon-message:before { content: "\f024 "; } .dx-icon-money { font: 14px/1 DXIcons; } .dx-icon-money:before { content: "\f036 "; } .dx-icon-music { font: 14px/1 DXIcons; } .dx-icon-music:before { content: "\f037 "; } .dx-icon-overflow { font: 14px/1 DXIcons; } .dx-icon-overflow:before { content: "\f00d "; } .dx-icon-percent { font: 14px/1 DXIcons; } .dx-icon-percent:before { content: "\f039 "; } .dx-icon-photo { font: 14px/1 DXIcons; } .dx-icon-photo:before { content: "\f03a "; } .dx-icon-plus { font: 14px/1 DXIcons; } .dx-icon-plus:before { content: "\f00b "; } .dx-icon-preferences { font: 14px/1 DXIcons; } .dx-icon-preferences:before { content: "\f03b "; } .dx-icon-product { font: 14px/1 DXIcons; } .dx-icon-product:before { content: "\f03c "; } .dx-icon-pulldown { font: 14px/1 DXIcons; } .dx-icon-pulldown:before { content: "\f062 "; } .dx-icon-refresh { font: 14px/1 DXIcons; } .dx-icon-refresh:before { content: "\f03d "; } .dx-icon-remove { font: 14px/1 DXIcons; } .dx-icon-remove:before { content: "\f00a "; } .dx-icon-revert { font: 14px/1 DXIcons; } .dx-icon-revert:before { content: "\f04c "; } .dx-icon-runner { font: 14px/1 DXIcons; } .dx-icon-runner:before { content: "\f040 "; } .dx-icon-save { font: 14px/1 DXIcons; } .dx-icon-save:before { content: "\f041 "; } .dx-icon-search { font: 14px/1 DXIcons; } .dx-icon-search:before { content: "\f027 "; } .dx-icon-tags { font: 14px/1 DXIcons; } .dx-icon-tags:before { content: "\f009 "; } .dx-icon-tel { font: 14px/1 DXIcons; } .dx-icon-tel:before { content: "\f003 "; } .dx-icon-tips { font: 14px/1 DXIcons; } .dx-icon-tips:before { content: "\f004 "; } .dx-icon-todo { font: 14px/1 DXIcons; } .dx-icon-todo:before { content: "\f005 "; } .dx-icon-toolbox { font: 14px/1 DXIcons; } .dx-icon-toolbox:before { content: "\f007 "; } .dx-icon-trash { font: 14px/1 DXIcons; } .dx-icon-trash:before { content: "\f03e "; } .dx-icon-user { font: 14px/1 DXIcons; } .dx-icon-user:before { content: "\f02d "; } .dx-icon-upload { font: 14px/1 DXIcons; } .dx-icon-upload:before { content: "\f006 "; } .dx-icon-arrowleft { font: 14px/1 DXIcons; } .dx-icon-arrowleft:before { content: "\f011 "; } .dx-icon-arrowdown { font: 14px/1 DXIcons; } .dx-icon-arrowdown:before { content: "\f015 "; } .dx-icon-arrowright { font: 14px/1 DXIcons; } .dx-icon-arrowright:before { content: "\f00e "; } .dx-icon-arrowup { font: 14px/1 DXIcons; } .dx-icon-arrowup:before { content: "\f013 "; } .dx-icon-spinleft { font: 14px/1 DXIcons; } .dx-icon-spinleft:before { content: "\f04f "; } .dx-icon-spinright { font: 14px/1 DXIcons; } .dx-icon-spinright:before { content: "\f04e "; } .dx-icon-spinnext { font: 14px/1 DXIcons; } .dx-icon-spinnext:before { content: "\f04e "; } .dx-rtl .dx-icon-spinnext:before { content: "\f04f "; } .dx-icon-spinprev { font: 14px/1 DXIcons; } .dx-icon-spinprev:before { content: "\f04f "; } .dx-rtl .dx-icon-spinprev:before { content: "\f04e "; } .dx-icon-spindown { font: 14px/1 DXIcons; } .dx-icon-spindown:before { content: "\f001 "; } .dx-icon-spinup { font: 14px/1 DXIcons; } .dx-icon-spinup:before { content: "\f002 "; } .dx-icon-chevronleft { font: 14px/1 DXIcons; } .dx-icon-chevronleft:before { content: "\f012 "; } .dx-icon-chevronright { font: 14px/1 DXIcons; } .dx-icon-chevronright:before { content: "\f010 "; } .dx-icon-chevronnext { font: 14px/1 DXIcons; } .dx-icon-chevronnext:before { content: "\f010 "; } .dx-rtl .dx-icon-chevronnext:before { content: "\f012 "; } .dx-icon-chevronprev { font: 14px/1 DXIcons; } .dx-icon-chevronprev:before { content: "\f012 "; } .dx-rtl .dx-icon-chevronprev:before { content: "\f010 "; } .dx-icon-chevrondown { font: 14px/1 DXIcons; } .dx-icon-chevrondown:before { content: "\f016 "; } .dx-icon-chevronup { font: 14px/1 DXIcons; } .dx-icon-chevronup:before { content: "\f014 "; } .dx-icon-chevrondoubleleft { font: 14px/1 DXIcons; } .dx-icon-chevrondoubleleft:before { content: "\f042 "; } .dx-icon-chevrondoubleright { font: 14px/1 DXIcons; } .dx-icon-chevrondoubleright:before { content: "\f043 "; } .dx-icon-equal { font: 14px/1 DXIcons; } .dx-icon-equal:before { content: "\f044 "; } .dx-icon-notequal { font: 14px/1 DXIcons; } .dx-icon-notequal:before { content: "\f045 "; } .dx-icon-less { font: 14px/1 DXIcons; } .dx-icon-less:before { content: "\f046 "; } .dx-icon-greater { font: 14px/1 DXIcons; } .dx-icon-greater:before { content: "\f047 "; } .dx-icon-lessorequal { font: 14px/1 DXIcons; } .dx-icon-lessorequal:before { content: "\f048 "; } .dx-icon-greaterorequal { font: 14px/1 DXIcons; } .dx-icon-greaterorequal:before { content: "\f049 "; } .dx-icon-sortup { font: 14px/1 DXIcons; } .dx-icon-sortup:before { content: "\f051 "; } .dx-icon-sortdown { font: 14px/1 DXIcons; } .dx-icon-sortdown:before { content: "\f052 "; } .dx-icon-sortuptext { font: 14px/1 DXIcons; } .dx-icon-sortuptext:before { content: "\f053 "; } .dx-icon-sortdowntext { font: 14px/1 DXIcons; } .dx-icon-sortdowntext:before { content: "\f054 "; } .dx-icon-sortchange { font: 14px/1 DXIcons; } .dx-icon-sortchange:before { content: "\f055 "; } .dx-icon-expand { font: 14px/1 DXIcons; } .dx-icon-expand:before { content: "\f04a "; } .dx-icon-collapse { font: 14px/1 DXIcons; } .dx-icon-collapse:before { content: "\f04b "; } .dx-icon-columnfield { font: 14px/1 DXIcons; } .dx-icon-columnfield:before { content: "\f057 "; } .dx-icon-rowfield { font: 14px/1 DXIcons; } .dx-icon-rowfield:before { content: "\f058 "; } .dx-icon-datafield { font: 14px/1 DXIcons; } .dx-icon-datafield:before { content: "\f056 "; } .dx-icon-fields { font: 14px/1 DXIcons; } .dx-icon-fields:before { content: "\f059 "; } .dx-icon-fieldchooser { font: 14px/1 DXIcons; } .dx-icon-fieldchooser:before { content: "\f05a "; } .dx-icon-columnchooser { font: 14px/1 DXIcons; } .dx-icon-columnchooser:before { content: "\f04d "; } .dx-icon-pin { font: 14px/1 DXIcons; } .dx-icon-pin:before { content: "\f05b "; } .dx-icon-unpin { font: 14px/1 DXIcons; } .dx-icon-unpin:before { content: "\f05c "; } .dx-icon-pinleft { font: 14px/1 DXIcons; } .dx-icon-pinleft:before { content: "\f05d "; } .dx-icon-pinright { font: 14px/1 DXIcons; } .dx-icon-pinright:before { content: "\f05e "; } .dx-icon-contains { font: 14px/1 DXIcons; } .dx-icon-contains:before { content: "\f063 "; } .dx-icon-startswith { font: 14px/1 DXIcons; } .dx-icon-startswith:before { content: "\f064 "; } .dx-icon-endswith { font: 14px/1 DXIcons; } .dx-icon-endswith:before { content: "\f065 "; } .dx-icon-doesnotcontain { font: 14px/1 DXIcons; } .dx-icon-doesnotcontain:before { content: "\f066 "; } .dx-icon-export { font: 14px/1 DXIcons; } .dx-icon-export:before { content: "\f05f "; } .dx-icon-exportxlsx { font: 14px/1 DXIcons; } .dx-icon-exportxlsx:before { content: "\f060 "; } .dx-icon-exportpdf { font: 14px/1 DXIcons; } .dx-icon-exportpdf:before { content: "\f061 "; } .dx-icon-square { font: 14px/1 DXIcons; } .dx-icon-square:before { content: "\f067 "; } .dx-icon-clearsquare { font: 14px/1 DXIcons; } .dx-icon-clearsquare:before { content: "\f068 "; } .dx-icon-back { font: 14px/1 DXIcons; } .dx-icon-back:before { content: "\f012 "; } .dx-rtl .dx-icon-back:before { content: "\f010 "; } .dx-icon { color: #606060; } .dx-tab .dx-icon, .dx-tab.dx-tab-selected .dx-icon { -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; background-position: 50% 50%; } .dx-scrollview-pulldown { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAyCAQAAAD2dTOtAAAApElEQVRIx2OYxQCHvlggw38oZBgcCrFCihQ2YIFDViH1g+cMFjhkFVI/eP5jgUNWIfWDh2iFdbMuYUCsCmcS65lRhXRRqDXrwKzDYPgci8LDUFgKMilq1h+saREBt8xig1gai1fp9llsCDcm4FS2dxYnqmfS8ClD9XUmFq9wYk/hOWjKeHBnhVK4smMgZfjyTDVY2clZ/IQzVzWwuOPHyFz/iYQAhMbywidpE3YAAAAASUVORK5CYII=); background-position: 0 0; background-repeat: no-repeat; } .dx-loadindicator-image { background-image: url(data:image/gif;base64,R0lGODlhIAAgAIABADI6Rf///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAIAAgAAACQIyPqcutAJyUMM6bKt5B8+t9FCROYcmQqKOuS+tmVvzM9AHf+s6L+X0C/mjDWFDY6xRdR+Jy1TQ+oVNUxZbkFAAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnGDaUK8EWT/ufV3IgGQznomprmlrcCwsv2cNH3iOyXw/a+1+PWKR6EPahMtbkNZ0GmPRqfUaKQAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnLTai3MGCHhtfKEIciN4fJ6JBhzZvmy8tmltu7i9zmif08F+Mp5puGH5krdYYskLSqfUqvVqKAAAIfkECQkAAQAsAAAAACAAIAAAAkOMj6nL7Q+jnBBYGi3AT3Pnfc0lMmGpkGi6rYnqBhvszm0sy3es7fXJm+EMF9+qZSzRgsPD8phEAX9RZVX0bGq3XEYBACH5BAkJAAEALAAAAAAgACAAAAI+jI+pywnQYntPWkThvXTv7llgGI3kpJ1oqi5Vi8KTPNOujef6nrO63+MFXjugjdgzykxHZFOpyvyYNKdQUQAAIfkECQkAAQAsAAAAACAAIAAAAjiMjwa76e+YhDTOitHNnPEfeGAmjlhjnkBKsq0Lx/JM1/aN5/rO91q+AgpxqFqJdoxtYJKkawkpAAAh+QQJCQABACwAAAAAIAAgAAACNoyPBsucD1WbLtoGl414+1R9ojKW5omm6sq27gvH8kzX9o3n+s73B0ADyjQn4aNjolBWSuKmAAAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1GbLdrAIL081g5KTkiW5omm6sq27gvH8kzX9o3n+s6/y5yRTS6jEmWzOoIKACH5BAkJAAEALAAAAAAgACAAAAI3jI8Ju+n/mGSwWjOvdnL7Q31eKGpkaZ0o1KzuC8fyTNf2jef6ztetrZoFZcNYEXZEJl0TQG9TAAAh+QQJCQABACwAAAAAIAAgAAACP4yPqcudAIGbLUqKkc08xJ59ICWOTmkyUHqurHq9iis/dH3c+M73PqvDBWtDYoxXlCVfyxRq9xQ2nVNT9NcpAAAh+QQJCQABACwAAAAAIAAgAAACPoyPqcvtD6OUAMwbKqZ2v9p5jSY6ZLmAKHOuSOseYBjPsazeWX7but/j6XZDA6xXNNJ+y1rTmTRGM9OqtVQAACH5BAkJAAEALAAAAAAgACAAAAJAjI+py+0Po5y02osbyG8jzwUAOIYHCYalmHLlahojHM+tOsdnrrO0aeuxRMJXL/fLwG4X3hCXYgqn1Kr1ihUWAAAh+QQJCQABACwAAAAAIAAgAAACQ4yPqcvtD6OcEQBaL35Wb9Z9jiU2ZAl6aHKuhqa6V+sGc7x2OKrXB7krAX2vGdEWFCaVR+TyQ6uFiFNf1RptarfcRAEAIfkECQkAAQAsAAAAACAAIAAAAj6Mj6nLCdBie09aROG9dO/uWWAoVWSpnVGqMmbrwqs80faN5/rB5j3+s718QdkIWIQdhUNmUrU0RpVT6s5SAAAh+QQJCQABACwAAAAAIAAgAAACOoyPBgvp/5iENLKK081crd59YDiSJdecWKq27gvH8kzX9o3n+snW/SyiBYHD2Ib4e01kkmSpWVQ1MwUAIfkECQkAAQAsAAAAACAAIAAAAjWMjwbLnA9Pmy7aFoG9envYfaI0luaJpurKtu4Lx/JM1/aN5/rO96RceWFMC1CwREmqkkVPAQAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1ObLNrg7Lxcrw5KWUiW5omm6sq27gvH8kzX9o3n+s67n9wAbh4VE+W4QnYKACH5BAkJAAEALAAAAAAgACAAAAI2jI+py30Ao5stAoqVzHxz7H1TKFZQSZ3oyrbuC8fyTNf2jeeyOpOw/wK6hC0LzXLpIY1BJqYAADs=); background-position: center center; background-repeat: no-repeat; } .dx-loadindicator-image-small { background-image: url(data:image/gif;base64,R0lGODlhFAAUAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAFAAUAAACI4yPqZsADM+LcNJlb9Mq8+B8iCeWBqmFJnqpJUu5ojzDplIAACH5BAkJAAEALAAAAAAUABQAAAIhjI+py+3gXmxwrmoRzgZ4fnxgIIIl523o2KmZ+7KdTIMFACH5BAkJAAIALAAAAAAUABQAAAIflI+py+0Po4zAgDptFhXP60ngNmYdyaGBiYXbC8dwAQAh+QQJCQADACwAAAAAFAAUAAACIpyPqcsL3cCDSlJ368xnc+Nx1geG2Uiin3mpIlnC7gnXTAEAIfkECQkAAwAsAAAAABQAFAAAAiKcD6e74AxRivHRenGGc6vuIWEzluaJbuC4eq36XlboxGUBACH5BAkJAAMALAAAAAAUABQAAAIjnA8Jx226nBxp2mpnzG7z5n3iSJbmiaaqFIrt93LYOMP1UQAAIfkECQkAAwAsAAAAABQAFAAAAh2cD6l53eyiA7Iii7PevPsPhuJIluZpUB6ELWxTAAAh+QQJCQADACwAAAAAFAAUAAACHZx/oMit/5p0a9oBrt68+w+G4kiW5rllYbRCLFIAACH5BAkJAAMALAAAAAAUABQAAAIenH+ggO24noRq2molzo3xD4biSJbmSXqpuYlR2ToFACH5BAkJAAMALAAAAAAUABQAAAIhnI+pi+AMzYsQ0HrXzI2n7Q1WSJbMSKIh6Kmty7GtKWUFACH5BAkJAAMALAAAAAAUABQAAAIinI+py+3gXmxwKlAtytpgrmHdIY5DOX6mt56t24Kd/NZMAQAh+QQJCQADACwAAAAAFAAUAAACIZyPqcvtD6OMwIA6w8Czcnl91DVZW3mKkIeqK+ai8kyXBQAh+QQJCQADACwAAAAAFAAUAAACI5yPqcsL3cCDSlJ368xn82F9RiiSn8l5pziqmXuhMUzR7F0AACH5BAkJAAMALAAAAAAUABQAAAIfnI+pB70/HFxyKmBp1rv7D4aMiIXld6KmmW6V+7pKAQAh+QQJCQADACwAAAAAFAAUAAACIZw/oMi9Dc2LEVBqL8y6+w+G4kiWJBein+pNK4sp8CY3BQAh+QQJCQADACwAAAAAFAAUAAACHZw/oIt96iICstqLs968+w+G4kh+VHdukLW06VEAACH5BAkJAAMALAAAAAAUABQAAAIbnI+pCu29InKygoqz3rz7D4biSJbZ9VHpoyIFACH5BAkJAAMALAAAAAAUABQAAAIfnI8AyM26nDxq2hGvy7r7D4biSJYg51WiGkKju8JOAQA7); background-position: center center; background-repeat: no-repeat; } .dx-loadindicator-image-large { background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7); background-position: center center; background-repeat: no-repeat; } .dx-gallery .dx-state-hover.dx-gallery-nav-button-prev:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAYAAAGdV60fAAAA3klEQVRIx62VURLCMAhEuf8F/XA8S7SdJFJgF6h+ZGyT10e6JaOMMWSOIc/X47w4fs+bOSGiVmXxX4RcOOW62eRSh/UcqYcn8glX3u4p3rWe3PWtHD5lF2lK4TugRZciAsNULQyj1/ClBcjgwMd02GiYYw5Br72BsBs0gKALEEEOsFAIaAgCbSgvp4LEGzdpxxEEn8SHmX032k8LTPvJtQo7f6jS7F7aTmUBa7myoCuCgqooFWSisgAepq7AHZO7gr/uaP//BI3YEjJRS1gRlYQdERXeEYXCX0ROeDz/BqMcKPolWS+EAAAAAElFTkSuQmCC); } .dx-gallery .dx-state-hover.dx-gallery-nav-button-next:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAYAAAGdV60fAAAA6klEQVRIS52SWw7DMAgEc/8L9qPKWdqAAuKxYOxImyYwHmOl1/f+/J7rovCNCk/0hQvaUYwf3jZ6sKpYVC0spkkosh134/5KZbkpcLEtuCVO6o9hCNeg6GzxWAiOEIQryMEdpDYEua3i4HBo/RQU+zli6NYCDL3KtI1spVAHUuJKCKYCAhOEwAQgMDURyEeMzTEkAPUhZOeBkAUgFIEEIUChDrAmuviliqxgkn6jqUoS0c0A20JJFB0LK9G2cCUaC6eipXBXVApPRUmo/wMAdcETbYiSQNZPRUmwKyoFU9FSsBKNBVB0IoiiP1LjKPpbYIkCAAAAAElFTkSuQmCC); } .dx-widget { color: #232323; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; line-height: normal; } .dx-widget input, .dx-widget textarea { font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; } .dx-state-focused.dx-widget { -webkit-box-shadow: 0 0 3px gray; -moz-box-shadow: 0 0 3px gray; box-shadow: 0 0 3px gray; } .dx-state-disabled.dx-widget, .dx-state-disabled .dx-widget { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; zoom: 1; cursor: default; } .dx-state-disabled.dx-widget .dx-widget, .dx-state-disabled .dx-widget .dx-widget { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-badge { background-color: #31afe3; color: #fff; font-size: 13px; padding: 0 6px 2px; line-height: normal; } :not(.dx-rtl)>.dx-resizable-handle-corner-bottom-right { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAQAAACROWYpAAAAVElEQVRIx2P8z0A+YBzVPKp55GlmxCaoC4SX/18mT3MUAw/Dl//LBsBmMPjPQDfNYMcyXCbP2eBgYlhGXoBRZDO9AwzNsaQ5Gy2YSAswSmwetoUBANBHTwHSl+ZnAAAAAElFTkSuQmCC); } .dx-rtl .dx-resizable-handle-corner-bottom-left { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAQAAACROWYpAAAAVElEQVRIx2P8z0A+YBzVPKp55GlmxCaoC4SX/18mT3MUAw/Dl//LBsBmMPjPQDfNYMcyXCbP2eBgYlhGXoBRZDO9AwzNsaQ5Gy2YSAswSmwetoUBANBHTwHSl+ZnAAAAAElFTkSuQmCC); } .dx-box-item-content { font-size: 14px; } .dx-button-content { line-height: 0; } .dx-button-text { display: inline-block; line-height: normal; } .dx-button a { text-decoration: none; } .dx-button { padding: 8px; } .dx-button .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-button .dx-icon, .dx-rtl.dx-button .dx-icon { margin-left: 0; margin-right: 0; } .dx-button-has-icon { padding: 8px; } .dx-button-has-icon .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-button-has-icon .dx-icon, .dx-rtl.dx-button-has-icon .dx-icon { margin-left: 0; margin-right: 0; } .dx-button-has-text { padding: 7px 18px 8px; } .dx-button-has-text .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; } .dx-rtl .dx-button-has-text .dx-icon, .dx-rtl.dx-button-has-text .dx-icon { margin-left: 9px; margin-right: 0; } .dx-button-back { padding: 8px; } .dx-button-back .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 0; margin-left: 0; } .dx-rtl .dx-button-back .dx-icon, .dx-rtl.dx-button-back .dx-icon { margin-left: 0; margin-right: 0; } .dx-button-back .dx-button-text { display: none; } .dx-button { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.07); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.07); box-shadow: 0 1px 3px rgba(0,0,0,.07); border-width: 1px; border-style: solid; background-color: #f5f5f5; border-color: rgba(0,0,0,.12); } .dx-button.dx-state-hover { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); } .dx-button.dx-state-focused { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); } .dx-button.dx-state-active { -webkit-box-shadow: 0 1px 3px transparent; -moz-box-shadow: 0 1px 3px transparent; box-shadow: 0 1px 3px transparent; } .dx-state-disabled.dx-button .dx-icon, .dx-state-disabled .dx-button .dx-icon { filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .dx-state-disabled.dx-button .dx-button-text, .dx-state-disabled .dx-button .dx-button-text { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-button .dx-icon { color: #606060; } .dx-button .dx-button-text { color: #232323; } .dx-button.dx-state-hover { background-color: #f5f5f5; border-color: rgba(96,96,96,.4); } .dx-button.dx-state-focused { background-color: #f5f5f5; border-color: rgba(96,96,96,.4); } .dx-button.dx-state-active { background-color: rgba(96,96,96,.2); border-color: transparent; } .dx-button.dx-state-active .dx-button-text { color: #232323; } .dx-button.dx-state-active .dx-icon { color: #606060; } .dx-button-danger { background-color: #ea4444; border-color: #ea4444; } .dx-button-danger .dx-icon { color: #fff; } .dx-button-danger .dx-button-text { color: #fff; } .dx-button-danger.dx-state-hover { background-color: #ea4444; border-color: #a22; } .dx-button-danger.dx-state-focused { background-color: #ea4444; border-color: #a22; } .dx-button-danger.dx-state-active { background-color: #a22; border-color: #a22; } .dx-button-danger.dx-state-active .dx-button-text { color: #fff; } .dx-button-danger.dx-state-active .dx-icon { color: #fff; } .dx-button-success { background-color: #6ab025; border-color: #6ab025; } .dx-button-success .dx-icon { color: #fff; } .dx-button-success .dx-button-text { color: #fff; } .dx-button-success.dx-state-hover { background-color: #6ab025; border-color: #4e8a13; } .dx-button-success.dx-state-focused { background-color: #6ab025; border-color: #4e8a13; } .dx-button-success.dx-state-active { background-color: #4e8a13; border-color: #4e8a13; } .dx-button-success.dx-state-active .dx-button-text { color: #fff; } .dx-button-success.dx-state-active .dx-icon { color: #fff; } .dx-button-default { background-color: #31afe3; border-color: #31afe3; } .dx-button-default .dx-icon { color: #fff; } .dx-button-default .dx-button-text { color: #fff; } .dx-button-default.dx-state-hover { background-color: #31afe3; border-color: #1e6b8b; } .dx-button-default.dx-state-focused { background-color: #31afe3; border-color: #1e6b8b; } .dx-button-default.dx-state-active { background-color: #1e6b8b; border-color: #1e6b8b; } .dx-button-default.dx-state-active .dx-button-text { color: #fff; } .dx-button-default.dx-state-active .dx-icon { color: #fff; } .dx-scrollable-content { -webkit-transform: none; } .dx-scrollable-scroll { padding: 2px; background-color: transparent; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; overflow: hidden; -webkit-transition: opacity 0 linear 0; -moz-transition: opacity 0 linear 0; -o-transition: opacity 0 linear 0; transition: opacity 0 linear 0; -webkit-transition: opacity 0 linear 0,none 1s linear 0; -moz-transition: opacity 0 linear 0,none 1s linear 0; -o-transition: opacity 0 linear 0,none 1s linear 0; transition: opacity 0 linear 0,none 1s linear 0; -webkit-transition: opacity 0 linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: opacity 0 linear 0,none 1s linear 0,none 1s linear 0; -o-transition: opacity 0 linear 0,none 1s linear 0,none 1s linear 0; transition: opacity 0 linear 0,none 1s linear 0,none 1s linear 0; -webkit-transition: opacity 0 linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: opacity 0 linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: opacity 0 linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: opacity 0 linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollable-scroll.dx-state-invisible { filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: opacity 500ms linear 1s; -moz-transition: opacity 500ms linear 1s; -o-transition: opacity 500ms linear 1s; transition: opacity 500ms linear 1s; -webkit-transition: opacity 500ms linear 1s,none 1s linear 0; -moz-transition: opacity 500ms linear 1s,none 1s linear 0; -o-transition: opacity 500ms linear 1s,none 1s linear 0; transition: opacity 500ms linear 1s,none 1s linear 0; -webkit-transition: opacity 500ms linear 1s,none 1s linear 0,none 1s linear 0; -moz-transition: opacity 500ms linear 1s,none 1s linear 0,none 1s linear 0; -o-transition: opacity 500ms linear 1s,none 1s linear 0,none 1s linear 0; transition: opacity 500ms linear 1s,none 1s linear 0,none 1s linear 0; -webkit-transition: opacity 500ms linear 1s,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: opacity 500ms linear 1s,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: opacity 500ms linear 1s,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: opacity 500ms linear 1s,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollable-scroll-content { width: 100%; height: 100%; background-color: #606060; background-color: rgba(96,96,96,.7); box-shadow: 0 0 0 1px rgba(255,255,255,.2); } .dx-scrollbar-hoverable { background-color: transparent; background-color: rgba(96,96,96,0); -webkit-transition: background-color .2s linear 0; -moz-transition: background-color .2s linear 0; -o-transition: background-color .2s linear 0; transition: background-color .2s linear 0; -webkit-transition: background-color .2s linear 0,none 1s linear 0; -moz-transition: background-color .2s linear 0,none 1s linear 0; -o-transition: background-color .2s linear 0,none 1s linear 0; transition: background-color .2s linear 0,none 1s linear 0; -webkit-transition: background-color .2s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: background-color .2s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: background-color .2s linear 0,none 1s linear 0,none 1s linear 0; transition: background-color .2s linear 0,none 1s linear 0,none 1s linear 0; -webkit-transition: background-color .2s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: background-color .2s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: background-color .2s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: background-color .2s linear 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active { background-color: #606060; background-color: rgba(96,96,96,.2); } .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll-content { background-color: #606060; } .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { background-color: transparent; box-shadow: 0 0 0 1px transparent; } .dx-scrollbar-vertical .dx-scrollable-scroll { float: right; width: 8px; } .dx-scrollbar-vertical.dx-scrollbar-hoverable { width: 8px; -webkit-transition: width .2s linear 150ms; -moz-transition: width .2s linear 150ms; -o-transition: width .2s linear 150ms; transition: width .2s linear 150ms; -webkit-transition: width .2s linear 150ms,none 1s linear 0; -moz-transition: width .2s linear 150ms,none 1s linear 0; -o-transition: width .2s linear 150ms,none 1s linear 0; transition: width .2s linear 150ms,none 1s linear 0; -webkit-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0; -moz-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0; -o-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0; transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0; -webkit-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll { -webkit-transition: background-color 500ms linear 1s,width .2s linear 150ms; -moz-transition: background-color 500ms linear 1s,width .2s linear 150ms; -o-transition: background-color 500ms linear 1s,width .2s linear 150ms; transition: background-color 500ms linear 1s,width .2s linear 150ms; -webkit-transition: background-color 500ms linear 1s,width .2s linear 150ms,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,width .2s linear 150ms,none 1s linear 0; -o-transition: background-color 500ms linear 1s,width .2s linear 150ms,none 1s linear 0; transition: background-color 500ms linear 1s,width .2s linear 150ms,none 1s linear 0; -webkit-transition: background-color 500ms linear 1s,width .2s linear 150ms,none 1s linear 0,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,width .2s linear 150ms,none 1s linear 0,none 1s linear 0; -o-transition: background-color 500ms linear 1s,width .2s linear 150ms,none 1s linear 0,none 1s linear 0; transition: background-color 500ms linear 1s,width .2s linear 150ms,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content { -webkit-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms; -moz-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms; -o-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms; transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms; -webkit-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0; -moz-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0; -o-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0; transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0; -webkit-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0,none 1s linear 0; -moz-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0,none 1s linear 0; -o-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0,none 1s linear 0; transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { -webkit-transition: background-color 500ms linear 1s,width .2s linear 1ms; -moz-transition: background-color 500ms linear 1s,width .2s linear 1ms; -o-transition: background-color 500ms linear 1s,width .2s linear 1ms; transition: background-color 500ms linear 1s,width .2s linear 1ms; -webkit-transition: background-color 500ms linear 1s,width .2s linear 1ms,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,width .2s linear 1ms,none 1s linear 0; -o-transition: background-color 500ms linear 1s,width .2s linear 1ms,none 1s linear 0; transition: background-color 500ms linear 1s,width .2s linear 1ms,none 1s linear 0; -webkit-transition: background-color 500ms linear 1s,width .2s linear 1ms,none 1s linear 0,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,width .2s linear 1ms,none 1s linear 0,none 1s linear 0; -o-transition: background-color 500ms linear 1s,width .2s linear 1ms,none 1s linear 0,none 1s linear 0; transition: background-color 500ms linear 1s,width .2s linear 1ms,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { -webkit-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; -moz-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; -o-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; transition: box-shadow .5s linear 1s,background-color .5s linear 1s; -webkit-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0; -moz-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0; -o-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0; transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0; -webkit-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0,none 1s linear 0; -moz-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0,none 1s linear 0; -o-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0,none 1s linear 0; transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active { width: 15px; -webkit-transition: width .2s linear 150ms; -moz-transition: width .2s linear 150ms; -o-transition: width .2s linear 150ms; transition: width .2s linear 150ms; -webkit-transition: width .2s linear 150ms,none 1s linear 0; -moz-transition: width .2s linear 150ms,none 1s linear 0; -o-transition: width .2s linear 150ms,none 1s linear 0; transition: width .2s linear 150ms,none 1s linear 0; -webkit-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0; -moz-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0; -o-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0; transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0; -webkit-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: width .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll { width: 15px; } .dx-scrollbar-horizontal .dx-scrollable-scroll { height: 8px; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable { height: 8px; -webkit-transition: height .2s linear 150ms; -moz-transition: height .2s linear 150ms; -o-transition: height .2s linear 150ms; transition: height .2s linear 150ms; -webkit-transition: height .2s linear 150ms,none 1s linear 0; -moz-transition: height .2s linear 150ms,none 1s linear 0; -o-transition: height .2s linear 150ms,none 1s linear 0; transition: height .2s linear 150ms,none 1s linear 0; -webkit-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0; -moz-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0; -o-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0; transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0; -webkit-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll { -webkit-transition: background-color 500ms linear 1s,height .2s linear 150ms; -moz-transition: background-color 500ms linear 1s,height .2s linear 150ms; -o-transition: background-color 500ms linear 1s,height .2s linear 150ms; transition: background-color 500ms linear 1s,height .2s linear 150ms; -webkit-transition: background-color 500ms linear 1s,height .2s linear 150ms,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,height .2s linear 150ms,none 1s linear 0; -o-transition: background-color 500ms linear 1s,height .2s linear 150ms,none 1s linear 0; transition: background-color 500ms linear 1s,height .2s linear 150ms,none 1s linear 0; -webkit-transition: background-color 500ms linear 1s,height .2s linear 150ms,none 1s linear 0,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,height .2s linear 150ms,none 1s linear 0,none 1s linear 0; -o-transition: background-color 500ms linear 1s,height .2s linear 150ms,none 1s linear 0,none 1s linear 0; transition: background-color 500ms linear 1s,height .2s linear 150ms,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content { -webkit-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms; -moz-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms; -o-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms; transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms; -webkit-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0; -moz-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0; -o-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0; transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0; -webkit-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0,none 1s linear 0; -moz-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0,none 1s linear 0; -o-transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0,none 1s linear 0; transition: box-shadow 150ms linear 150ms,background-color 150ms linear 150ms,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible { -webkit-transition: background-color 500ms linear 1s,height .2s linear 1ms; -moz-transition: background-color 500ms linear 1s,height .2s linear 1ms; -o-transition: background-color 500ms linear 1s,height .2s linear 1ms; transition: background-color 500ms linear 1s,height .2s linear 1ms; -webkit-transition: background-color 500ms linear 1s,height .2s linear 1ms,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,height .2s linear 1ms,none 1s linear 0; -o-transition: background-color 500ms linear 1s,height .2s linear 1ms,none 1s linear 0; transition: background-color 500ms linear 1s,height .2s linear 1ms,none 1s linear 0; -webkit-transition: background-color 500ms linear 1s,height .2s linear 1ms,none 1s linear 0,none 1s linear 0; -moz-transition: background-color 500ms linear 1s,height .2s linear 1ms,none 1s linear 0,none 1s linear 0; -o-transition: background-color 500ms linear 1s,height .2s linear 1ms,none 1s linear 0,none 1s linear 0; transition: background-color 500ms linear 1s,height .2s linear 1ms,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content { -webkit-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; -moz-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; -o-transition: box-shadow .5s linear 1s,background-color .5s linear 1s; transition: box-shadow .5s linear 1s,background-color .5s linear 1s; -webkit-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0; -moz-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0; -o-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0; transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0; -webkit-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0,none 1s linear 0; -moz-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0,none 1s linear 0; -o-transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0,none 1s linear 0; transition: box-shadow .5s linear 1s,background-color .5s linear 1s,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active { height: 15px; -webkit-transition: height .2s linear 150ms; -moz-transition: height .2s linear 150ms; -o-transition: height .2s linear 150ms; transition: height .2s linear 150ms; -webkit-transition: height .2s linear 150ms,none 1s linear 0; -moz-transition: height .2s linear 150ms,none 1s linear 0; -o-transition: height .2s linear 150ms,none 1s linear 0; transition: height .2s linear 150ms,none 1s linear 0; -webkit-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0; -moz-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0; -o-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0; transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0; -webkit-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: height .2s linear 150ms,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll { height: 15px; } .dx-scrollable-customizable-scrollbars { -ms-scrollbar-base-color: #fafafa; -ms-scrollbar-arrow-color: #4b4b4b; -ms-scrollbar-track-color: #fafafa; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:horizontal { height: 19px; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar:vertical { width: 19px; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar { background-color: transparent; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-thumb { background-color: #757575; border-right: 2px solid transparent; border-left: 1px solid transparent; background-clip: content-box; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-track { background-color: transparent; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-corner { background-color: transparent; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button { background-color: transparent; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:horizontal:decrement { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAMklEQVQY02P4z/CfIRECfRngHN/E/zAOkJmIzExEZoI4cCYGB0UZmgHIRkPt8kXigLgA3gNGp/JuZjQAAAAASUVORK5CYII=) no-repeat; background-position: center; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:horizontal:increment { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAN0lEQVQYV2NI9E1kAMH/QMiQ+B/ChXHAXAQHyoVxwFwEB8jFwUFSBjYebjSM4wuyA2IPnPmfAQA1rkanVpjRrQAAAABJRU5ErkJggg==) no-repeat; background-position: center; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:vertical:decrement { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAM0lEQVQY02P4z4AJGfAKzvMFQgYQhAsCBf4DoS9UECwLEYIKQwQRQlBhdCGwMAPpTkKGAFLHa2MYTN8sAAAAAElFTkSuQmCC) no-repeat; background-position: 3px 5px; } .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:vertical:increment { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAMUlEQVQY023JwQ0AMAyDQBZkCO8/hPuqGqkRP46YLklZyEB/MlyYZJhwyVBKBxDfLgftpkant8t4aAAAAABJRU5ErkJggg==) no-repeat; background-position: 3px 5px; } .dx-rtl .dx-scrollable .dx-scrollable-scroll, .dx-rtl.dx-scrollable .dx-scrollable-scroll { float: left; } .dx-scrollview-pull-down-image { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAyCAQAAAD2dTOtAAAApElEQVRIx2OYxQCHvlggw38oZBgcCrFCihQ2YIFDViH1g+cMFjhkFVI/eP5jgUNWIfWDh2iFdbMuYUCsCmcS65lRhXRRqDXrwKzDYPgci8LDUFgKMilq1h+saREBt8xig1gai1fp9llsCDcm4FS2dxYnqmfS8ClD9XUmFq9wYk/hOWjKeHBnhVK4smMgZfjyTDVY2clZ/IQzVzWwuOPHyFz/iYQAhMbywidpE3YAAAAASUVORK5CYII=) 0 0 no-repeat; } .dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image { width: 24px; height: 24px; } .dx-checkbox { line-height: 0; } .dx-checkbox.dx-state-hover .dx-checkbox-icon { border: 1px solid #606060; background-color: #fafafa; } .dx-checkbox.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-checkbox.dx-state-focused .dx-checkbox-icon { border: 1px solid #606060; } .dx-checkbox.dx-state-active .dx-checkbox-icon { background-color: rgba(96,96,96,.2); } .dx-checkbox-icon { width: 22px; height: 22px; border: 1px solid #d3d3d3; background-color: #fafafa; } .dx-checkbox-text { margin-left: -22px; padding-left: 27px; } .dx-rtl .dx-checkbox-text, .dx-rtl.dx-checkbox-text { margin-right: -22px; padding-right: 27px; } .dx-checkbox-checked .dx-checkbox-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAg0lEQVQoz43QwQ3DIBBE0S3CyfG3kibcD/RDEa4nSRGTi8EgL0u01yd97ZgsPnYOXiu08UaUFSuIL89VUIhd9kdQFrMzGLIrGLA+GLEuOGVjcMJ4jMHGSKR58GQkhCq8ByvLqEIveEUbpCA+Y7B7oUEnOHzaYPEm6ofIfvC2G9kLymQ/xIVVq3NQHlAAAAAASUVORK5CYII=); background-position: 35% 50%; background-repeat: no-repeat; -webkit-background-size: 87.5%; -moz-background-size: 87.5%; background-size: 87.5%; } .dx-checkbox-indeterminate .dx-checkbox-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAXElEQVQoz5WSwQ0AIAgDGYzuPxY+pVgF05fJ5ShEC5vEPjAPD4RT9jthFcog2W6uA4N0ChvINxgqu4FMdThhbMGrWz0M7jb0m3p3kNwHcxtUNwXhvYIf43//W58FAASchK6JaroAAAAASUVORK5CYII=); background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: 70%; -moz-background-size: 70%; background-size: 70%; } .dx-state-disabled.dx-checkbox, .dx-state-disabled .dx-checkbox { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-state-disabled.dx-checkbox .dx-checkbox-icon, .dx-state-disabled .dx-checkbox .dx-checkbox-icon { filter: alpha(opacity=40); -khtml-opacity: .4; -moz-opacity: .4; opacity: .4; } .dx-invalid .dx-checkbox-container .dx-checkbox-icon { border: 1px solid rgba(234,68,68,.4); } .dx-invalid.dx-state-focused .dx-checkbox-container .dx-checkbox-icon { border-color: #ea4444; } .dx-switch { width: 44px; height: 24px; } .dx-switch.dx-state-active .dx-switch-handle:before { background-color: #3d3d3d; } .dx-switch.dx-state-active .dx-switch-container { border-color: #606060; background-color: rgba(96,96,96,.2); } .dx-switch.dx-state-hover .dx-switch-handle:before { background-color: #606060; } .dx-switch.dx-state-hover .dx-switch-container { background-color: transparent; border-color: #606060; } .dx-switch.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-switch.dx-state-focused .dx-switch-container { border-color: #606060; } .dx-switch.dx-state-focused .dx-switch-handle:before { background-color: #606060; } .dx-switch.dx-state-focused.dx-state-active .dx-switch-handle:before { background-color: #3d3d3d; } .dx-switch-container { overflow: hidden; margin: 0 -4px 0 0; height: 24px; border: 1px solid #d3d3d3; background: #fafafa; } .dx-switch-inner { width: 200%; height: 100%; } .dx-switch-on, .dx-switch-off { float: left; width: 50%; padding-right: 16px; line-height: 22px; text-align: center; font-size: 9px; font-weight: 600; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dx-switch-off { margin-left: -2px; color: #a8a8a8; } .dx-switch-on { color: #232323; } .dx-switch-handle { position: relative; float: left; width: 16px; height: 18px; padding-right: 2px; margin-top: 2px; margin-left: -16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dx-switch-handle:before { display: block; content: ' '; width: 100%; height: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-color: #9f9f9f; } .dx-switch-on-value .dx-switch-handle:before { background-color: #606060; } .dx-rtl .dx-switch .dx-switch-on, .dx-switch.dx-rtl .dx-switch-on, .dx-rtl .dx-switch .dx-switch-off, .dx-switch.dx-rtl .dx-switch-off { float: right; padding-left: 16px; padding-right: 0; } .dx-rtl .dx-switch .dx-switch-off, .dx-switch.dx-rtl .dx-switch-off { margin-left: 0; margin-right: -2px; } .dx-rtl .dx-switch .dx-switch-handle, .dx-switch.dx-rtl .dx-switch-handle { float: right; padding-left: 2px; padding-right: 0; margin-left: 0; margin-right: -16px; } .dx-rtl .dx-switch .dx-switch-container, .dx-switch.dx-rtl .dx-switch-container { margin: 0 0 -4px 0; } .dx-tabs { text-align: center; border: 1px solid #d3d3d3; } .dx-tabs.dx-state-disabled { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-tabs-nav-buttons .dx-scrollable-wrapper { position: relative; top: -1px; margin-bottom: -2px; } .dx-tabs-nav-buttons .dx-indent-wrapper { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; border-left: 1px solid rgba(96,96,96,.1); border-right: 1px solid rgba(96,96,96,.1); } .dx-tabs-nav-button { border: none; background-color: rgba(96,96,96,.1); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-tabs-nav-button.dx-state-active { border: none; } .dx-tabs-nav-button.dx-state-disabled { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-tabs-nav-button.dx-state-disabled .dx-button-content { filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .dx-tab { display: table-cell; padding: 9px; overflow: visible; background-color: rgba(96,96,96,.1); } .dx-tab.dx-state-hover:not(.dx-tab-selected) { background-color: #fafafa; } .dx-tab.dx-state-active:not(.dx-tab-selected) { background-color: rgba(96,96,96,.2); color: #232323; } .dx-tab.dx-state-focused:after { content: ""; pointer-events: none; position: absolute; top: -1px; bottom: -1px; right: -1px; left: -1px; border: 1px solid #606060; z-index: 1; } .dx-tab .dx-icon { display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; } .dx-rtl .dx-tab .dx-icon, .dx-rtl.dx-tab .dx-icon { margin-left: 9px; margin-right: 0; } .dx-tab-selected { background-color: #fff; color: #232323; position: relative; } .dx-tab-selected .dx-icon { color: #606060; } .dx-tab-selected:after { content: ""; pointer-events: none; position: absolute; top: -1px; bottom: -1px; right: -1px; left: -1px; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; z-index: 1; } .dx-tab-selected:not(.dx-state-focused)+.dx-tab-selected:not(.dx-state-focused):after { border-left: 1px solid rgba(96,96,96,.1); } .dx-rtl .dx-tab-selected:not(.dx-state-focused)+.dx-tab-selected:not(.dx-state-focused):after { border-left: 1px solid #d3d3d3; border-right: 1px solid rgba(96,96,96,.1); } .dx-tab-text { vertical-align: middle; line-height: 25px; } .dx-state-disabled .dx-tab-text { filter: alpha(opacity=30); -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; } .dx-navbar { padding: 0; border: none; } .dx-nav-item .dx-tab-text, .dx-rtl .dx-nav-item .dx-tab-text { line-height: normal; } .dx-navbar .dx-nav-item .dx-icon, .dx-navbar .dx-rtl .dx-nav-item .dx-icon { width: 31px; height: 31px; background-position: 0 0; -webkit-background-size: 31px 31px; -moz-background-size: 31px 31px; background-size: 31px 31px; padding: 0; font-size: 31px; text-align: center; line-height: 31px; } .dx-nav-item.dx-tab-selected:after, .dx-rtl .dx-nav-item.dx-tab-selected:after, .dx-nav-item.dx-state-focused:after, .dx-rtl .dx-nav-item.dx-state-focused:after, .dx-nav-item.dx-state-active:after, .dx-rtl .dx-nav-item.dx-state-active:after { content: none; } .dx-nav-item.dx-tab-selected, .dx-rtl .dx-nav-item.dx-tab-selected { background: #fff; } .dx-nav-item.dx-state-active, .dx-rtl .dx-nav-item.dx-state-active { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-nav-item.dx-state-focused, .dx-rtl .dx-nav-item.dx-state-focused { -webkit-box-shadow: inset 0 0 0 1px #606060; -moz-box-shadow: inset 0 0 0 1px #606060; box-shadow: inset 0 0 0 1px #606060; } .dx-nav-item.dx-state-disabled .dx-icon, .dx-rtl .dx-nav-item.dx-state-disabled .dx-icon { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-navbar-item-badge { margin-right: -26px; top: 11%; } .dx-rtl .dx-navbar-item-badge { margin-left: -26px; } .dx-texteditor { background: #fafafa; border-style: solid; border-width: 1px; border-color: #d3d3d3; } .dx-texteditor.dx-state-focused { border-color: #606060; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-texteditor.dx-state-readonly { background: transparent; } .dx-texteditor.dx-state-readonly .dx-texteditor-input { background: transparent; } .dx-show-clear-button .dx-texteditor-input { padding-right: 34px; } .dx-rtl .dx-show-clear-button .dx-texteditor-input, .dx-rtl.dx-show-clear-button .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 34px; } .dx-show-clear-button .dx-clear-button-area { width: 34px; right: 0; } .dx-show-clear-button .dx-icon-clear { position: absolute; top: 50%; margin-top: -17px; width: 34px; height: 34px; background-position: 8px 8px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 8px; font-size: 18px; text-align: center; line-height: 18px; background-position: 7px 7px; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; background-size: 20px 20px; padding: 7px; font-size: 20px; line-height: 20px; } .dx-show-clear-button.dx-invalid.dx-texteditor .dx-texteditor-input { padding-right: 68px; } .dx-show-clear-button.dx-invalid.dx-texteditor.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 68px; } .dx-placeholder { color: #a8a8a8; } .dx-placeholder:before { padding: 7px 9px 8px; } .dx-texteditor-input { margin: 0; padding: 7px 9px 8px; background: #fafafa; color: #232323; font-size: 1em; } .dx-invalid.dx-texteditor { border-color: rgba(234,68,68,.4); } .dx-invalid.dx-texteditor.dx-state-focused { border-color: #ea4444; } .dx-invalid.dx-texteditor .dx-texteditor-container:after { pointer-events: none; font-weight: bold; background-color: #ea4444; color: #fff; content: '!'; position: absolute; top: 50%; margin-top: -9px; width: 18px; height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 18px; font-size: 13px; right: 8px; } .dx-rtl .dx-invalid.dx-texteditor .dx-texteditor-container:after, .dx-rtl.dx-invalid.dx-texteditor .dx-texteditor-container:after { left: 8px; right: auto; } .dx-invalid.dx-texteditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after { right: 38px; } .dx-rtl .dx-invalid.dx-texteditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after { left: 38px; right: auto; } .dx-invalid.dx-texteditor .dx-texteditor-input { padding-right: 34px; } .dx-invalid.dx-texteditor.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 34px; } .dx-rtl .dx-placeholder, .dx-rtl .dx-placeholder:before { right: 0; left: auto; } .dx-searchbox .dx-icon-search { font: 14px/1 DXIcons; position: absolute; top: 50%; margin-top: -17px; width: 34px; height: 34px; background-position: 8px 8px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 8px; font-size: 18px; text-align: center; line-height: 18px; font-size: 17px; color: #a8a8a8; } .dx-searchbox .dx-icon-search:before { content: "\f027 "; } .dx-searchbox .dx-icon-search:before { position: static; text-indent: 0; } .dx-searchbox .dx-texteditor-input, .dx-searchbox .dx-placeholder:before { padding-left: 34px; } .dx-rtl .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-searchbox .dx-texteditor-input, .dx-rtl.dx-searchbox .dx-placeholder:before { padding-right: 34px; } .dx-searchbar { padding-bottom: 5px; } .dx-searchbar .dx-texteditor { margin: 0; } .dx-dropdowneditor-button { width: 34px; padding: 1px; } .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon, .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-dropdowneditor-icon { border: 1px solid transparent; color: #606060; font: 14px/1 DXIcons; width: 32px; height: 100%; font-size: 18px; text-align: center; line-height: 18px; } .dx-dropdowneditor-icon:before { content: "\f001 "; } .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused { border: none; box-shadow: none; } .dx-dropdowneditor .dx-clear-button-area { width: 30px; } .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input { padding-right: 64px; } .dx-rtl .dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input, .dx-rtl.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input { padding-right: 9px; padding-left: 64px; } .dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 34px; } .dx-rtl .dx-dropdowneditor-button-visible .dx-texteditor-input, .dx-rtl.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 9px; padding-left: 34px; } .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input { padding-right: 60px; } .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 60px; } .dx-dropdowneditor-button-visible.dx-invalid.dx-show-clear-button .dx-texteditor-input { padding-right: 90px; } .dx-dropdowneditor-button-visible.dx-invalid.dx-show-clear-button.dx-rtl .dx-texteditor-input { padding: 7px 9px 8px; padding-left: 90px; } .dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon { background-color: #fafafa; border-color: rgba(211,211,211,.6); } .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon, .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon { background-color: rgba(96,96,96,.2); border-color: transparent; color: #606060; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after { right: 38px; } .dx-rtl .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after, .dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after { right: auto; left: 38px; } .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after { right: 68px; } .dx-rtl .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after, .dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after { right: auto; left: 68px; } .dx-list-item-chevron { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); border: none; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-left: -5px; } .dx-rtl .dx-list-item-chevron { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .dx-list-item-chevron:before { content: "\f010 "; } .dx-rtl .dx-list-item-chevron:before { content: "\f012 "; } .dx-list { border: none; } .dx-list .dx-empty-message { text-align: left; } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon { border-color: #606060; } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon { border: 1px solid #606060; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover { background-color: rgba(96,96,96,.1); color: #232323; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected { background-color: rgba(96,96,96,.2); color: #232323; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) { background-color: rgba(96,96,96,.1); color: #232323; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused { background-color: #606060; color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-icon { color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron { border-color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active { background-color: #606060; color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-icon { color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content { background-color: #606060; color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-lookup-selected { background-color: rgba(96,96,96,.2); color: #232323; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-lookup-selected { background-color: rgba(96,96,96,.7); color: #fff; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-selectbox-selected { background-color: rgba(96,96,96,.2); color: #232323; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-selectbox-selected.dx-state-focused { background-color: rgba(96,96,96,.7); color: #fff; } .dx-list-group-header { padding: 10px 10px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; background: rgba(96,96,96,.05); color: #232323; } .dx-list-group-header:before { border-top-color: #232323; } .dx-list-group-collapsed .dx-list-group-header:before { border-bottom-color: #232323; } .dx-list-item .dx-icon-toggle-delete { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==); -webkit-background-size: 100%; -moz-background-size: 100%; background-size: 100%; } .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover { color: #767676; background: #fff; border-top: 1px solid rgba(96,96,96,.5); border-bottom: 1px solid rgba(96,96,96,.5); -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); } .dx-list-item, .dx-list .dx-empty-message { border-top: 1px solid #d3d3d3; color: #232323; } .dx-list-item:last-of-type, .dx-list .dx-empty-message:last-of-type { border-bottom: 1px solid #d3d3d3; } .dx-list-group-body .dx-list-item:first-of-type, .dx-list-group-body .dx-list .dx-empty-message:first-of-type { border-top: none; } .dx-list-group-body .dx-list-item:last-of-type, .dx-list-group-body .dx-list .dx-empty-message:last-of-type { border-bottom: none; } .dx-list-item-separator-hidden .dx-list-item, .dx-list-item-separator-hidden .dx-list .dx-empty-message { border-top: none; border-bottom: none; } .dx-list-item-content, .dx-list .dx-empty-message { padding: 10px 10px; } .dx-list-next-button .dx-button { padding: 7px 18px 8px; } .dx-list-next-button .dx-button .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; } .dx-rtl .dx-list-next-button .dx-button .dx-icon, .dx-rtl.dx-list-next-button .dx-button .dx-icon { margin-left: 9px; margin-right: 0; } .dx-list-item-chevron-container { width: 16px; } .dx-list-border-visible { border: 1px solid #d3d3d3; } .dx-list-border-visible .dx-list-select-all { border-bottom: 1px solid #d3d3d3; } .dx-list-item-before-bag.dx-list-toggle-delete-switch-container { width: 29px; } .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-list-item-before-bag.dx-list-select-radiobutton-container { width: 31px; } .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch { padding: 0; border: none; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-list-item-before-bag .dx-icon-toggle-delete { margin: 5px 5px 5px 10px; width: 19px; height: 19px; } .dx-list-item-before-bag .dx-list-select-checkbox, .dx-list-item-before-bag .dx-list-select-radiobutton { margin-top: -2px; margin-bottom: -3px; margin-left: 10px; } .dx-list-select-all { padding: 10px 0; } .dx-list-select-all-checkbox { float: left; margin-top: -4px; margin-bottom: -3px; margin-left: 10px; } .dx-list-select-all-label { line-height: 1; padding: 0 6px; } .dx-list-item-after-bag.dx-list-static-delete-button-container { width: 36px; } .dx-list-item-after-bag.dx-list-reorder-handle-container { width: 33.4px; } .dx-list-item-after-bag .dx-list-reorder-handle { font: 14px/1 DXIcons; width: 28.8px; height: 28.8px; background-position: 5px 5px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 5px; font-size: 18px; text-align: center; line-height: 18px; } .dx-list-item-after-bag .dx-list-reorder-handle:before { content: "\f038 "; } .dx-list-slide-menu-button { bottom: 1px; } .dx-list-slide-menu-button-delete { border: 1px solid transparent; color: #fff; background-color: #ea4444; } .dx-list-slide-menu-button-menu { border: 1px solid transparent; color: #fff; background-color: #31afe3; } .dx-list-switchable-delete-button, .dx-list-static-delete-button { margin-right: 10px; padding: 3px; } .dx-list-context-menucontent { background-color: #fff; border: 1px solid #d3d3d3; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,.1); box-shadow: 0 3px 10px rgba(0,0,0,.1); } .dx-state-disabled.dx-list-item, .dx-state-disabled .dx-list-item { background-color: transparent; filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .dx-rtl .dx-list .dx-empty-message, .dx-rtl.dx-list .dx-empty-message { text-align: right; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete, .dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete { margin: 5px 10px 5px 5px; } .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton { margin-right: 10px; margin-left: 1px; } .dx-rtl .dx-list .dx-list-select-all-checkbox, .dx-rtl.dx-list .dx-list-select-all-checkbox { float: right; margin-right: 10px; margin-left: 1px; } .dx-rtl .dx-list .dx-list-switchable-delete-button, .dx-rtl.dx-list .dx-list-switchable-delete-button { margin-left: 10px; margin-right: 0; } .dx-device-mobile .dx-list { border: none; } .dx-device-mobile .dx-list .dx-empty-message { text-align: left; } .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before, .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon { border-color: #606060; } .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before, .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon { border: 1px solid #606060; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover { background-color: rgba(96,96,96,.1); color: #232323; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected { background-color: rgba(96,96,96,.2); color: #232323; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) { background-color: rgba(96,96,96,.1); color: #232323; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused { background-color: #606060; color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-icon { color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron { border-color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active { background-color: #606060; color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-icon { color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content { background-color: #606060; color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-lookup-selected { background-color: rgba(96,96,96,.2); color: #232323; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-lookup-selected { background-color: rgba(96,96,96,.7); color: #fff; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-selectbox-selected { background-color: rgba(96,96,96,.2); color: #232323; } .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-selectbox-selected.dx-state-focused { background-color: rgba(96,96,96,.7); color: #fff; } .dx-device-mobile .dx-list-group-header { padding: 10px 15px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; background: rgba(96,96,96,.05); color: #232323; } .dx-device-mobile .dx-list-group-header:before { border-top-color: #232323; } .dx-list-group-collapsed .dx-device-mobile .dx-list-group-header:before { border-bottom-color: #232323; } .dx-device-mobile .dx-list-item .dx-icon-toggle-delete { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==); -webkit-background-size: 100%; -moz-background-size: 100%; background-size: 100%; } .dx-device-mobile .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover { color: #767676; background: #fff; border-top: 1px solid rgba(96,96,96,.5); border-bottom: 1px solid rgba(96,96,96,.5); -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); } .dx-device-mobile .dx-list-item, .dx-device-mobile .dx-list .dx-empty-message { border-top: 1px solid #d3d3d3; color: #232323; } .dx-device-mobile .dx-list-item:last-of-type, .dx-device-mobile .dx-list .dx-empty-message:last-of-type { border-bottom: 1px solid #d3d3d3; } .dx-list-group-body .dx-device-mobile .dx-list-item:first-of-type, .dx-list-group-body .dx-device-mobile .dx-list .dx-empty-message:first-of-type { border-top: none; } .dx-list-group-body .dx-device-mobile .dx-list-item:last-of-type, .dx-list-group-body .dx-device-mobile .dx-list .dx-empty-message:last-of-type { border-bottom: none; } .dx-list-item-separator-hidden .dx-device-mobile .dx-list-item, .dx-list-item-separator-hidden .dx-device-mobile .dx-list .dx-empty-message { border-top: none; border-bottom: none; } .dx-device-mobile .dx-list-item-content, .dx-device-mobile .dx-list .dx-empty-message { padding: 10px 15px; } .dx-device-mobile .dx-list-next-button .dx-button { padding: 7px 18px 8px; } .dx-device-mobile .dx-list-next-button .dx-button .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; } .dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon, .dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon { margin-left: 9px; margin-right: 0; } .dx-device-mobile .dx-list-item-chevron-container { width: 21px; } .dx-device-mobile .dx-list-border-visible { border: 1px solid #d3d3d3; } .dx-device-mobile .dx-list-border-visible .dx-list-select-all { border-bottom: 1px solid #d3d3d3; } .dx-device-mobile .dx-list-item-before-bag.dx-list-toggle-delete-switch-container { width: 34px; } .dx-device-mobile .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-device-mobile .dx-list-item-before-bag.dx-list-select-radiobutton-container { width: 36px; } .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch { padding: 0; border: none; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-device-mobile .dx-list-item-before-bag .dx-icon-toggle-delete { margin: 5px 7.5px 5px 15px; width: 19px; height: 19px; } .dx-device-mobile .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-list-item-before-bag .dx-list-select-radiobutton { margin-top: -2px; margin-bottom: -3px; margin-left: 15px; } .dx-device-mobile .dx-list-select-all { padding: 10px 0; } .dx-device-mobile .dx-list-select-all-checkbox { float: left; margin-top: -4px; margin-bottom: -3px; margin-left: 15px; } .dx-device-mobile .dx-list-select-all-label { line-height: 1; padding: 0 6px; } .dx-device-mobile .dx-list-item-after-bag.dx-list-static-delete-button-container { width: 41px; } .dx-device-mobile .dx-list-item-after-bag.dx-list-reorder-handle-container { width: 38.4px; } .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle { font: 14px/1 DXIcons; width: 28.8px; height: 28.8px; background-position: 5px 5px; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 5px; font-size: 18px; text-align: center; line-height: 18px; } .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle:before { content: "\f038 "; } .dx-device-mobile .dx-list-slide-menu-button { bottom: 1px; } .dx-device-mobile .dx-list-slide-menu-button-delete { border: 1px solid transparent; color: #fff; background-color: #ea4444; } .dx-device-mobile .dx-list-slide-menu-button-menu { border: 1px solid transparent; color: #fff; background-color: #31afe3; } .dx-device-mobile .dx-list-switchable-delete-button, .dx-device-mobile .dx-list-static-delete-button { margin-right: 15px; padding: 3px; } .dx-device-mobile .dx-list-context-menucontent { background-color: #fff; border: 1px solid #d3d3d3; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,.1); box-shadow: 0 3px 10px rgba(0,0,0,.1); } .dx-device-mobile .dx-state-disabled.dx-list-item, .dx-device-mobile .dx-state-disabled .dx-list-item { background-color: transparent; filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .dx-device-mobile .dx-rtl .dx-list .dx-empty-message, .dx-device-mobile .dx-rtl.dx-list .dx-empty-message { text-align: right; } .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete { margin: 5px 15px 5px 7.5px; } .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton, .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton { margin-right: 15px; margin-left: 1px; } .dx-device-mobile .dx-rtl .dx-list .dx-list-select-all-checkbox, .dx-device-mobile .dx-rtl.dx-list .dx-list-select-all-checkbox { float: right; margin-right: 15px; margin-left: 1px; } .dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button, .dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button { margin-left: 15px; margin-right: 0; } .dx-dropdownlist-popup-wrapper { height: 100%; } .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content { border-top-width: 0; border-bottom-width: 1px; } .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped { border-top-width: 1px; border-bottom-width: 0; } .dx-dropdownlist-popup-wrapper .dx-popup-content { height: 100%; padding: 1px; } .dx-dropdownlist-popup-wrapper .dx-list { height: 100%; min-height: 33px; } .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content { padding: 7px 9px; } .dx-dropdownlist-popup-wrapper .dx-list-select-all { padding: 12px 0 8px; } .dx-dropdownlist-popup-wrapper .dx-list-item { border-top: 0; } .dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type { border-bottom: none; } .dx-textarea .dx-icon-clear { top: 0; margin-top: 0; } .dx-numberbox-spin-container { overflow: hidden; width: 34px; } .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { width: 74px; } .dx-numberbox-spin-up-icon { font: 14px/1 DXIcons; } .dx-numberbox-spin-up-icon:before { content: "\f002 "; } .dx-numberbox-spin-down-icon { font: 14px/1 DXIcons; } .dx-numberbox-spin-down-icon:before { content: "\f001 "; } .dx-numberbox-spin-up-icon, .dx-numberbox-spin-down-icon { font-size: 18px; text-align: center; line-height: 18px; } .dx-numberbox-spin-up-icon:before, .dx-numberbox-spin-down-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input { padding-right: 66px; } .dx-numberbox-spin.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { border-left: none; } .dx-numberbox-spin.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input { padding-right: 106px; } .dx-numberbox-spin.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon, .dx-numberbox-spin.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon { background-position: center; } .dx-numberbox-spin-button { background-color: #fafafa; padding: 1px; } .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-down-icon, .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-up-icon { border: 1px solid rgba(211,211,211,.6); background-color: transparent; } .dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-down-icon, .dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-up-icon { background-color: rgba(96,96,96,.2); color: #232323; } .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container, .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container { border-right: none; } .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input, .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input { padding-left: 106px; } .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input, .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input { padding-left: 66px; } .dx-rtl .dx-numberbox.dx-numberbox-spin .dx-texteditor-input, .dx-numberbox.dx-rtl.dx-numberbox-spin .dx-texteditor-input { padding-right: 9px; } .dx-datebox-wrapper .dx-popup-title { min-height: 10px; border-bottom: none; background: none; } .dx-datebox-wrapper .dx-item { border: none; } .dx-datebox-wrapper .dx-popup-bottom .dx-button { min-width: 85px; width: auto; } .dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content { margin: 0 34px; } .dx-datebox-wrapper-list .dx-overlay-content { border-top: none; } .dx-device-phone .dx-datebox-wrapper-rollers .dx-popup-content { padding: 10px; } .dx-datebox-calendar .dx-dropdowneditor-icon { font: 14px/1 DXIcons; width: 32px; height: 100%; font-size: 18px; text-align: center; line-height: 18px; } .dx-datebox-calendar .dx-dropdowneditor-icon:before { content: "\f026 "; } .dx-datebox-calendar .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-datebox-calendar.dx-dropdowneditor-active { -webkit-box-shadow: 0 1px 7px rgba(0,0,0,.16); -moz-box-shadow: 0 1px 7px rgba(0,0,0,.16); box-shadow: 0 1px 7px rgba(0,0,0,.16); } .dx-datebox-calendar.dx-dropdowneditor-active .dx-texteditor-input { background: #fff; } .dx-datebox-calendar.dx-rtl.dx-dropdowneditor-active .dx-dropdowneditor-button .dx-dropdowneditor-icon { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper .dx-overlay-content { background-color: #fff; -webkit-box-shadow: 0 1px 7px rgba(0,0,0,.16); -moz-box-shadow: 0 1px 7px rgba(0,0,0,.16); box-shadow: 0 1px 7px rgba(0,0,0,.16); } .dx-datebox-wrapper-calendar .dx-popup-content { padding: 0; } .dx-datebox-wrapper-calendar .dx-calendar { background-color: #fff; border: none; margin: 30px; } .dx-datebox-wrapper-calendar .dx-datebox-container-cell { margin-right: 30px; margin-bottom: 30px; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar { margin-right: 15px; margin-bottom: 15px; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview { margin: 30px 30px 15px 15px; } .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell { margin-top: -1px; margin-right: 30px; } .dx-rtl .dx-datebox-wrapper .dx-popup-bottom .dx-toolbar-button+.dx-toolbar-button .dx-button { margin-right: 5px; margin-left: 0; } .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar { margin-left: 15px; margin-right: 30px; } .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview { margin-right: 15px; margin-left: 30px; } .dx-datebox-list .dx-dropdowneditor-icon { font: 14px/1 DXIcons; width: 32px; height: 100%; font-size: 18px; text-align: center; line-height: 18px; } .dx-datebox-list .dx-dropdowneditor-icon:before { content: "\f01d "; } .dx-datebox-list .dx-dropdowneditor-icon:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-datebox-wrapper-list .dx-popup-content { padding: 0; } .dx-datebox input[type="date"] { line-height: normal; } .dx-dateview-rollers { width: auto; } .dx-dateviewroller-current .dx-dateview-item { -webkit-transition: font-size ease-out .2s 0; -moz-transition: font-size ease-out .2s 0; -o-transition: font-size ease-out .2s 0; transition: font-size ease-out .2s 0; -webkit-transition: font-size ease-out .2s 0,none 1s linear 0; -moz-transition: font-size ease-out .2s 0,none 1s linear 0; -o-transition: font-size ease-out .2s 0,none 1s linear 0; transition: font-size ease-out .2s 0,none 1s linear 0; -webkit-transition: font-size ease-out .2s 0,none 1s linear 0,none 1s linear 0; -moz-transition: font-size ease-out .2s 0,none 1s linear 0,none 1s linear 0; -o-transition: font-size ease-out .2s 0,none 1s linear 0,none 1s linear 0; transition: font-size ease-out .2s 0,none 1s linear 0,none 1s linear 0; -webkit-transition: font-size ease-out .2s 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -moz-transition: font-size ease-out .2s 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; -o-transition: font-size ease-out .2s 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; transition: font-size ease-out .2s 0,none 1s linear 0,none 1s linear 0,none 1s linear 0; } .dx-dateviewroller { min-width: 4em; text-align: center; } .dx-dateviewroller .dx-button { display: none; } .dx-dateviewroller .dx-scrollable-content:before, .dx-dateviewroller .dx-scrollable-content:after { content: ""; height: 71px; display: block; } .dx-dateviewroller .dx-scrollable-container { height: 182px; } .dx-dateviewroller.dx-dateviewroller-year { min-width: 4.85em; } .dx-dateviewroller.dx-state-active .dx-button { display: none; } .dx-dateviewroller-month { min-width: 12em; } .dx-dateviewroller-month .dx-dateview-item-selected-frame:before, .dx-dateviewroller-month .dx-dateview-item-selected-frame:after { left: 6%; } .dx-rtl .dx-dateviewroller-month .dx-dateview-item-selected-frame:before, .dx-rtl .dx-dateviewroller-month .dx-dateview-item-selected-frame:after { left: auto; right: 6%; } .dx-dateviewroller-hours:after { content: ":"; font-size: 2.2em; position: absolute; right: -9%; font-weight: bold; top: 37%; color: #232323; } .dx-dateviewroller-hours .dx-dateview-item-selected-frame { padding-left: 20%; } .dx-dateviewroller-minutes .dx-dateview-item-selected-frame { width: 80%; } .dx-dateview-item { height: 40px; line-height: 40px; text-align: center; font-size: 1.3em; color: #232323; } .dx-dateview-item-selected { font-size: 2.2em; } .dx-rtl.dx-dateviewroller-hours:after { left: -9%; right: auto; } .dx-dateview-item-selected-frame { position: absolute; top: 71px; width: 100%; } .dx-dateview-item-selected-frame:before, .dx-dateview-item-selected-frame:after { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; content: ""; display: block; width: 100%; position: absolute; height: 71px; } .dx-dateview-item-selected-frame:before { top: -71px; border-bottom: solid 1px #d3d3d3; background-repeat: no-repeat; background-image: -webkit-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -moz-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -ms-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -o-linear-gradient(bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); } .dx-dateview-item-selected-frame:after { top: 40px; border-top: solid 1px #d3d3d3; background-repeat: no-repeat; background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); background-image: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 60%); } .dx-toolbar { background-color: rgba(96,96,96,.1); -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); padding: 0 10px; overflow: hidden; } .dx-toolbar .dx-toolbar-items-container { height: 56px; overflow: visible; } .dx-toolbar .dx-toolbar-item, .dx-toolbar .dx-toolbar-menu-container { padding: 0 5px 0 0; } .dx-toolbar .dx-toolbar-item:last-child, .dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-rtl .dx-toolbar .dx-toolbar-item, .dx-rtl .dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 5px; } .dx-rtl .dx-toolbar .dx-toolbar-item:last-child, .dx-rtl .dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-toolbar .dx-toolbar-label { font-size: 20px; } .dx-device-mobile .dx-toolbar { padding: 10px; overflow: hidden; } .dx-device-mobile .dx-toolbar .dx-toolbar-items-container { height: 36px; overflow: visible; } .dx-device-mobile .dx-toolbar .dx-toolbar-item, .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container { padding: 0 5px 0 0; } .dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child, .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-rtl .dx-device-mobile .dx-toolbar .dx-toolbar-item, .dx-rtl .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 5px; } .dx-rtl .dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child, .dx-rtl .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-device-mobile .dx-toolbar .dx-toolbar-label { font-size: 20px; } .dx-toolbar.dx-state-disabled { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-toolbar-background { background-color: rgba(96,96,96,.1); } .dx-tile { color: #232323; background-color: #fafafa; border: 1px solid rgba(211,211,211,.6); text-align: left; } .dx-tile.dx-state-focused, .dx-tile.dx-state-hover { background-color: #fafafa; border-color: rgba(96,96,96,.4); } .dx-tile.dx-state-active { background-color: rgba(96,96,96,.2); color: #232323; border-color: transparent; } .dx-overlay-shader { background-color: rgba(0,0,0,.75); } .dx-state-focused.dx-overlay-content { outline: 1px solid #606060; } .dx-toast-content { color: #fff; font-size: 14px; font-weight: 600; line-height: 32px; padding: 10px; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); box-shadow: 0 2px 3px 0 rgba(0,0,0,.1); } .dx-toast-icon { width: 35px; height: 35px; } .dx-toast-info { background-color: #80b9e4; } .dx-toast-info .dx-toast-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABoklEQVRIx63WPUvDQBjA8QMFsZNLlgpxtINjBsFVqINghm4dRAe/Rpdm6UcQHERwUYdAJ8HvkKHEQdrPEBQUrf7PoabtveSSSrit3PPjeve8RCCsyyMkIiYlAzJSYiJCPPt+248BfRKkdSX0CcoZnx7jAiJfY3r4LqbNsITI15B2EdNlVBGRSEZ0bUyXyQqIRDJZQIu/M1oRmZ2ovcz4zjt558NxR/6C6Vk2fHLPOXtsIhA0aHHGA1/Gvl7OBMYT/3BF05poTS5Be/5gxvQ15JWjgtyerWPelP19hMDTMvabQyciEJwoJ0rwBKF2lutSRCC4UWJCQaQx+5WYAyUmEsQas1WJ2VJiYkGqMTuVmG0lJhVkGnNaiblQYjKhZYHkmY1SpMGLEoN5Gskt605kjTstIjPvRiJ50tuSksePxv7UfKm8HAe0DGKXgZbB85eKHLWdKkjHUpjzvAmdHaUKIgnNmrIzLiTBs1W4ybiQvwq39RuV6TB1jpvA1f1yxo0sdT9XLy5DlF5cPBmmq0yG2uZUbVOzthle2xdFbd83//za+gXw/JH9LjmoAgAAAABJRU5ErkJggg==); } .dx-toast-message { line-height: 16px; } .dx-toast-warning { background-color: #ffb277; } .dx-toast-warning .dx-toast-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABJklEQVRIx62WvW2EQBBGpwlSArdgSrBESuKIQhySLJJbcAuXrXTZteCAAG3GlWBRwVsHB+Ykw8zeafVlaPSY/1lBdlXQ0OMJzMBMwNPTUOzb732scAzEXQ04KhtT0jEdIFZNdJQapuZsIFadqY8wLWMiJBIZafcwLdcHIJHIdQNt4YwPQm4e1feYMjkn/3NUbpjuSUgk0q2YSinx5xL0SSl/dcM45V8r5qLYOEQoDjs2FTNQCI0a+deC+VatGqFPwugD0gs+A8YLQTW4LJgf1SoIcxJG751ZIAMGy5sp1ZuQgHkxMMGqVJq81Tdp6q0unnhFeDMK3lgz9b6k+MOaKX3CUzDO3jd2UH/7JtP2y7aLM12GbHcq29XMdsOzvSiyvW+efG39AmPXSbHWZjgLAAAAAElFTkSuQmCC); } .dx-toast-error { background-color: #f77; } .dx-toast-error .dx-toast-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABeklEQVRIx62WMWrDQBBFx01I5zQinQ5hdINA3Kp3mUNEnSBIdwgEcgeBC18gVRojjDr7BklUxAE3b1NYihVrdmWbZbpl9FjN/zOzgqgREJNTUFEDNRUFOTGBnq8dRmQsMWosyYiGMSEpawuijTUpoQszZT6AaGPO1IaZsToRYjCsmGmYGZszIAbD5gA6/M7qTMj+RtMuJjy5Jv0ahQdMeiHEYEhbTKRK/KN+9K3IH+0xmZK+4Jb33mnChM/eaYYIgeLYBdcI4yNQgiBM+Oo5OxBi5S5l0ztdUNJoGrPr5cdCrtbgGOSCGHKhsCjQBbkhhkKorFK2oKsBiKESaocnys58sUMMtYDTXA8NZMSbIwv3bZJO/48VH3VuY6/NYwO4V+Tv1aYYgMTsVB8dKZUPQmyG/OcbzcUvijot6IYPzcVaT225UyQuCRjxrGyLwNbhW54Un5S8KrmZa96cGn/zxtP08zaLPW0Gb3vK29b0tsO9vSi8vW8ufG39AnvvGenmMu5AAAAAAElFTkSuQmCC); } .dx-toast-success { background-color: #6ec881; } .dx-toast-success .dx-toast-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABlklEQVRIx62Wv0rDUBSHTxE6uHTKGhDEzS2jg4vUMeBmX8BR8AFiJQEfwck3cAh2cxBcXEup3VoHF3UxS1FBvuvQhPy5N0lTwplyknz33HN+95wriNEsXAJCZkRAxIyQABfL/L3J6eAzRhltjI9Tj7HxmJcgEpvjYVdh+oxqEImN6JdhBkzXhCgUUwYmzIBFA4hCsUhB6XamDSGriPpZjL12TvQc2SnG2xCiUHgJxqktcdbe+SmU31lh/AaQJQ4HfOR8PiJYpYrVDU4RhD1+c8q2BLdBLNdxXW8KflcI1obcs4UgnGlvAiE0/DDhW/O90EMQDnMbWlkozDTnMz2OC6AvdhGEHT4Ny86EqOB6i1fNgv44QhC2mRi3Gwlozqs4kSnoHEHocFdWQT0ahWKYA93GT5elyY9MucmDHukiCCeGuDO5CUteJaAOgrDPskIKYZVuhpkG/1qpqKBaxRcIQpeHGmG6dWfKM0hfnxZW/Ql/qj0k/ib9Rh83Tqvdr7Ve3NJkaG1OtTY1W5vhrd0oWrvfbHjb+gdn1DPEHv9HmQAAAABJRU5ErkJggg==); } .dx-popup-wrapper .dx-overlay-content { border: 1px solid #d3d3d3; background: #fff; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.15); box-shadow: 0 2px 3px rgba(0,0,0,.15); } .dx-popup-wrapper .dx-overlay-shader { background: #000; filter: alpha(opacity=75); -khtml-opacity: .75; -moz-opacity: .75; opacity: .75; } .dx-popup-title { position: relative; padding: 6px 20px; min-height: 28px; border-bottom: 1px solid #d3d3d3; background: rgba(96,96,96,.1); font-weight: normal; font-size: 20px; } .dx-popup-title.dx-toolbar { padding: 6px 20px; overflow: hidden; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-popup-title.dx-toolbar .dx-toolbar-items-container { height: 36px; overflow: visible; } .dx-popup-title.dx-toolbar .dx-toolbar-item, .dx-popup-title.dx-toolbar .dx-toolbar-menu-container { padding: 0 10px 0 0; } .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child, .dx-popup-title.dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item, .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 10px; } .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child, .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-popup-title.dx-toolbar .dx-toolbar-label { font-size: 20px; } .dx-popup-title .dx-closebutton { display: block; width: 23px; height: 23px; padding: 0; margin: 0 -4px 0 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.07); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.07); box-shadow: 0 1px 3px rgba(0,0,0,.07); border-width: 1px; border-style: solid; background-color: #f5f5f5; border-color: rgba(0,0,0,.12); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: transparent; border-color: transparent; } .dx-rtl .dx-popup-title .dx-closebutton { margin: 0 4px 0 -4px; } .dx-popup-title .dx-closebutton .dx-icon { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 21px; height: 21px; background-position: 3px 3px; -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; background-size: 15px 15px; padding: 3px; font-size: 15px; text-align: center; line-height: 15px; } .dx-popup-title .dx-closebutton.dx-state-hover { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); } .dx-popup-title .dx-closebutton.dx-state-focused { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); } .dx-popup-title .dx-closebutton.dx-state-active { -webkit-box-shadow: 0 1px 3px transparent; -moz-box-shadow: 0 1px 3px transparent; box-shadow: 0 1px 3px transparent; } .dx-state-disabled.dx-popup-title .dx-closebutton .dx-icon, .dx-state-disabled .dx-popup-title .dx-closebutton .dx-icon { filter: alpha(opacity=60); -khtml-opacity: .6; -moz-opacity: .6; opacity: .6; } .dx-state-disabled.dx-popup-title .dx-closebutton .dx-button-text, .dx-state-disabled .dx-popup-title .dx-closebutton .dx-button-text { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-popup-title .dx-closebutton .dx-icon { color: #606060; } .dx-popup-title .dx-closebutton .dx-button-text { color: #232323; } .dx-popup-title .dx-closebutton.dx-state-hover { background-color: #f5f5f5; border-color: rgba(96,96,96,.4); } .dx-popup-title .dx-closebutton.dx-state-focused { background-color: #f5f5f5; border-color: rgba(96,96,96,.4); } .dx-popup-title .dx-closebutton.dx-state-active { background-color: rgba(96,96,96,.2); border-color: transparent; } .dx-popup-title .dx-closebutton.dx-state-active .dx-button-text { color: #232323; } .dx-popup-title .dx-closebutton.dx-state-active .dx-icon { color: #606060; } .dx-popup-content { padding: 20px; } .dx-popup-content .dx-button { margin: 0 10px; } .dx-popup-bottom.dx-toolbar { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0 20px 20px; overflow: hidden; } .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container { height: 36px; overflow: visible; } .dx-popup-bottom.dx-toolbar .dx-toolbar-item, .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 10px 0 0; } .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child, .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item, .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container { padding: 0 0 0 10px; } .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child, .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container:last-child { padding: 0; } .dx-popup-bottom.dx-toolbar .dx-toolbar-label { font-size: 20px; } .dx-popup-bottom .dx-button { min-width: 100px; } .dx-popup-content.dx-dialog-content { padding: 20px; } .dx-dialog-message { padding: 0; } .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after { background: #efefef; } .dx-popover-wrapper .dx-popup-title { margin: 0; } .dx-popover-wrapper .dx-popup-title.dx-toolbar { padding-left: 15px; } .dx-popover-wrapper .dx-popover-arrow:after, .dx-popover-wrapper.dx-popover-without-title .dx-popover-arrow:after { background: #fff; } .dx-popover-arrow:after { border: 1px solid #d3d3d3; } .dx-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar { padding-right: 15px; padding-left: 0; } .dx-progressbar-container { height: 6px; border: 1px solid #d3d3d3; background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .dx-progressbar-range { position: relative; border: 1px solid #606060; background-color: #606060; margin-top: -1px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-border-top-left-radius: 2px; -moz-border-top-left-radius: 2px; border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; } .dx-progressbar-animating-container { height: 6px; background-color: #fff; background-size: 8px 5px; -webkit-animation: loader 1s linear infinite; -moz-animation: loader 1s linear infinite; -o-animation: loader 1s linear infinite; animation: loader 1s linear infinite; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-45deg,transparent 25%,#606060,transparent 75%); background-image: -moz-linear-gradient(-45deg,transparent 25%,#606060,transparent 75%); background-image: -ms-linear-gradient(-45deg,transparent 25%,#606060,transparent 75%); background-image: -o-linear-gradient(-45deg,transparent 25%,#606060,transparent 75%); background-repeat: repeat; border: 1px solid #d3d3d3; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .dx-state-disabled .dx-progressbar-range { background-color: rgba(96,96,96,.6); } .dx-state-disabled .dx-progressbar-animating-container { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes loader { 100% { background-position: 96px 0; } } @-moz-keyframes loader { 100% { background-position: 96px 0; } } @keyframes loader { 100% { background-position: 96px 0; } } @-ms-keyframes loader { 100% { background-position: 96px 0; } } .dx-tooltip-wrapper .dx-overlay-content { border: 1px solid #d3d3d3; background-color: #fff; color: #232323; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.25); box-shadow: 0 2px 4px rgba(0,0,0,.25); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow:after { border: 1px solid #d3d3d3; background: #fff; } .dx-invalid-message .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content { background-color: #ea4444; } .dx-slider .dx-tooltip-wrapper .dx-overlay-content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-slider-wrapper { height: 28px; } .dx-slider-bar { margin: 14px 7.5px; height: 4px; border: 1px solid #d3d3d3; background: #d3d3d3; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .dx-slider-range { border: 1px solid transparent; margin-top: -1px; height: 2px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-slider-range.dx-slider-range-visible { border: 1px solid #606060; background: #606060; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .dx-slider-label-position-bottom .dx-slider-label { bottom: -17px; } .dx-slider-label-position-top .dx-slider-label { top: -14px; } .dx-slider-handle { margin-top: -14px; margin-right: -8px; width: 14px; height: 28px; border: 1px solid #fff; background-color: #606060; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-state-disabled .dx-slider, .dx-state-disabled.dx-slider { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-state-disabled .dx-slider .dx-slider-bar, .dx-state-disabled.dx-slider .dx-slider-bar { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-state-active.dx-slider-handle { border: 1px solid #fff; background: #3d3d3d; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-state-focused.dx-slider-handle:not(.dx-state-active) { border: 1px solid #fff; background: #9f9f9f; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-state-hover.dx-slider-handle:not(.dx-state-active) { border: 1px solid #fff; background: #9f9f9f; } .dx-rtl .dx-slider-handle { margin-left: -7.5px; } .dx-rangeslider-start-handle { margin-left: -7px; } .dx-rtl .dx-rangeslider-start-handle { margin-right: -7px; } .dx-gallery-nav-button-prev, .dx-gallery-nav-button-next { position: absolute; top: 0; width: 34%; height: 100%; background: #fff; background: rgba(255,255,255,.01); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.1)"; cursor: pointer; } .dx-gallery-nav-button-prev { left: 0; } .dx-gallery-nav-button-next { right: 0; } .dx-gallery-indicator { pointer-events: none; text-align: center; } .dx-gallery-indicator-item { pointer-events: auto; margin: 1px 6px; width: 8px; height: 8px; border: solid 1px rgba(255,255,255,.5); background: #606060; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-gallery-indicator-item-active, .dx-gallery-indicator-item-selected { background: #fff; border-color: rgba(0,0,0,.5); } .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover, .dx-gallery .dx-gallery-nav-button-next.dx-state-hover, .dx-gallery .dx-gallery-nav-button-prev.dx-state-active, .dx-gallery .dx-gallery-nav-button-next.dx-state-active { height: 100%; } .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:before, .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:before, .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:before, .dx-gallery .dx-gallery-nav-button-next.dx-state-active:before { position: absolute; z-index: 10; clear: both; width: 16%; height: 100%; background-color: rgba(96,96,96,.5); background-position: center center; background-repeat: no-repeat; content: ' '; } .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:before, .dx-gallery .dx-gallery-nav-button-next.dx-state-active:before { background-color: rgba(96,96,96,.7); } .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:before, .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:before { left: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAYAAAGdV60fAAAA3klEQVRIx62VURLCMAhEuf8F/XA8S7SdJFJgF6h+ZGyT10e6JaOMMWSOIc/X47w4fs+bOSGiVmXxX4RcOOW62eRSh/UcqYcn8glX3u4p3rWe3PWtHD5lF2lK4TugRZciAsNULQyj1/ClBcjgwMd02GiYYw5Br72BsBs0gKALEEEOsFAIaAgCbSgvp4LEGzdpxxEEn8SHmX032k8LTPvJtQo7f6jS7F7aTmUBa7myoCuCgqooFWSisgAepq7AHZO7gr/uaP//BI3YEjJRS1gRlYQdERXeEYXCX0ROeDz/BqMcKPolWS+EAAAAAElFTkSuQmCC); } .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:before, .dx-gallery .dx-gallery-nav-button-next.dx-state-active:before { right: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAYAAAGdV60fAAAA6klEQVRIS52SWw7DMAgEc/8L9qPKWdqAAuKxYOxImyYwHmOl1/f+/J7rovCNCk/0hQvaUYwf3jZ6sKpYVC0spkkosh134/5KZbkpcLEtuCVO6o9hCNeg6GzxWAiOEIQryMEdpDYEua3i4HBo/RQU+zli6NYCDL3KtI1spVAHUuJKCKYCAhOEwAQgMDURyEeMzTEkAPUhZOeBkAUgFIEEIUChDrAmuviliqxgkn6jqUoS0c0A20JJFB0LK9G2cCUaC6eipXBXVApPRUmo/wMAdcETbYiSQNZPRUmwKyoFU9FSsBKNBVB0IoiiP1LjKPpbYIkCAAAAAElFTkSuQmCC); } .dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected { border: 1px solid #606060; -webkit-box-shadow: 0 0 1px #606060; -moz-box-shadow: 0 0 1px #606060; box-shadow: 0 0 1px #606060; } .dx-rtl .dx-gallery-nav-button-prev { right: 0; left: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .dx-rtl .dx-gallery-nav-button-next { right: auto; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .dx-rtl.dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:before, .dx-rtl .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:before, .dx-rtl.dx-gallery .dx-gallery-nav-button-prev.dx-state-active:before, .dx-rtl .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:before { right: 0; left: auto; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAYAAAGdV60fAAAA6klEQVRIS52SWw7DMAgEc/8L9qPKWdqAAuKxYOxImyYwHmOl1/f+/J7rovCNCk/0hQvaUYwf3jZ6sKpYVC0spkkosh134/5KZbkpcLEtuCVO6o9hCNeg6GzxWAiOEIQryMEdpDYEua3i4HBo/RQU+zli6NYCDL3KtI1spVAHUuJKCKYCAhOEwAQgMDURyEeMzTEkAPUhZOeBkAUgFIEEIUChDrAmuviliqxgkn6jqUoS0c0A20JJFB0LK9G2cCUaC6eipXBXVApPRUmo/wMAdcETbYiSQNZPRUmwKyoFU9FSsBKNBVB0IoiiP1LjKPpbYIkCAAAAAElFTkSuQmCC); } .dx-rtl.dx-gallery .dx-gallery-nav-button-next.dx-state-hover:before, .dx-rtl .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:before, .dx-rtl.dx-gallery .dx-gallery-nav-button-next.dx-state-active:before, .dx-rtl .dx-gallery .dx-gallery-nav-button-next.dx-state-active:before { right: auto; left: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAYAAAGdV60fAAAA3klEQVRIx62VURLCMAhEuf8F/XA8S7SdJFJgF6h+ZGyT10e6JaOMMWSOIc/X47w4fs+bOSGiVmXxX4RcOOW62eRSh/UcqYcn8glX3u4p3rWe3PWtHD5lF2lK4TugRZciAsNULQyj1/ClBcjgwMd02GiYYw5Br72BsBs0gKALEEEOsFAIaAgCbSgvp4LEGzdpxxEEn8SHmX032k8LTPvJtQo7f6jS7F7aTmUBa7myoCuCgqooFWSisgAepq7AHZO7gr/uaP//BI3YEjJRS1gRlYQdERXeEYXCX0ROeDz/BqMcKPolWS+EAAAAAElFTkSuQmCC); } .dx-lookup { height: 36px; border: 1px solid #d3d3d3; background: #fafafa; } .dx-lookup-field { padding: 7px 34px 8px 9px; font-size: 1em; } .dx-rtl .dx-lookup-field { padding: 7px 9px 8px 34px; } .dx-lookup-arrow { font: 14px/1 DXIcons; width: 34px; color: #606060; font-size: 18px; text-align: center; line-height: 18px; } .dx-lookup-arrow:before { content: "\f04e "; } .dx-rtl .dx-lookup-arrow:before { content: "\f04f "; } .dx-lookup-arrow:before { position: absolute; display: block; width: 18px; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px; } .dx-state-readonly .dx-lookup-field:before { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-lookup-popup-wrapper .dx-list { top: 10px; } .dx-lookup-popup-wrapper .dx-list-item { border-top: none; } .dx-lookup-popup-wrapper .dx-list-item:last-of-type { border-bottom: none; } .dx-lookup-popup-wrapper .dx-list-item-content { padding-left: 20px; padding-right: 20px; } .dx-lookup-popup-wrapper .dx-popup-content { top: 0; padding: 20px; } .dx-lookup-popup-wrapper .dx-popup-title+.dx-popup-content { top: 49px; } .dx-lookup-popup-wrapper .dx-popup-bottom { padding-top: 20px; } .dx-lookup-popup-search .dx-list { top: 70px; } .dx-lookup-empty .dx-lookup-field { color: #a8a8a8; } .dx-invalid.dx-lookup .dx-lookup-field:after { right: 38px; pointer-events: none; font-weight: bold; background-color: #ea4444; color: #fff; content: '!'; position: absolute; top: 50%; margin-top: -9px; width: 18px; height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 18px; font-size: 13px; } .dx-rtl .dx-invalid.dx-lookup .dx-lookup-field:after, .dx-rtl.dx-invalid.dx-lookup .dx-lookup-field:after { right: auto; left: 38px; } .dx-actionsheet-container .dx-actionsheet-item { margin: 0 0 10px 0; } .dx-actionsheet-container .dx-button { margin: 0; } .dx-button.dx-actionsheet-cancel { margin: 0; } .dx-loadindicator { background-color: transparent; } .dx-loadindicator-image { background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7); } .dx-loadindicator-icon { position: relative; top: 15%; left: 15%; width: 70%; height: 70%; } .dx-loadindicator-icon .dx-loadindicator-segment { position: absolute; width: 19%; height: 30%; left: 44.5%; top: 37%; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; background: #606060; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-border-top-left-radius: 10%; -moz-border-top-left-radius: 10%; border-top-left-radius: 10%; -webkit-border-top-right-radius: 10%; -moz-border-top-right-radius: 10%; border-top-right-radius: 10%; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-animation: dx-generic-loadindicator-opacity 1s linear infinite; -moz-animation: dx-generic-loadindicator-opacity 1s linear infinite; -o-animation: dx-generic-loadindicator-opacity 1s linear infinite; animation: dx-generic-loadindicator-opacity 1s linear infinite; } @-webkit-keyframes dx-generic-loadindicator-opacity { from { opacity: 1; } to { opacity: .55; } } @-moz-keyframes dx-generic-loadindicator-opacity { from { opacity: 1; } to { opacity: .55; } } @-ms-keyframes dx-generic-loadindicator-opacity { from { opacity: 1; } to { opacity: .85; } } @-o-keyframes dx-generic-loadindicator-opacity{from{opacity:1;}to{opacity:.55;}} @keyframes dx-generic-loadindicator-opacity { from { opacity: 1; } to { opacity: .55; } } .dx-loadindicator-icon .dx-loadindicator-segment0 { -webkit-transform: rotate(0) translate(0,-142%); -moz-transform: rotate(0) translate(0,-142%); -ms-transform: rotate(0) translate(0,-142%); -o-transform: rotate(0) translate(0,-142%); transform: rotate(0) translate(0,-142%); -webkit-animation-delay: 0; -moz-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; } .dx-loadindicator-icon .dx-loadindicator-segment1 { -webkit-transform: rotate(45deg) translate(0,-142%); -moz-transform: rotate(45deg) translate(0,-142%); -ms-transform: rotate(45deg) translate(0,-142%); -o-transform: rotate(45deg) translate(0,-142%); transform: rotate(45deg) translate(0,-142%); -webkit-animation-delay: -.875s; -moz-animation-delay: -.875s; -o-animation-delay: -.875s; animation-delay: -.875s; } .dx-loadindicator-icon .dx-loadindicator-segment2 { -webkit-transform: rotate(90deg) translate(0,-142%); -moz-transform: rotate(90deg) translate(0,-142%); -ms-transform: rotate(90deg) translate(0,-142%); -o-transform: rotate(90deg) translate(0,-142%); transform: rotate(90deg) translate(0,-142%); -webkit-animation-delay: -.75s; -moz-animation-delay: -.75s; -o-animation-delay: -.75s; animation-delay: -.75s; } .dx-loadindicator-icon .dx-loadindicator-segment3 { -webkit-transform: rotate(135deg) translate(0,-142%); -moz-transform: rotate(135deg) translate(0,-142%); -ms-transform: rotate(135deg) translate(0,-142%); -o-transform: rotate(135deg) translate(0,-142%); transform: rotate(135deg) translate(0,-142%); -webkit-animation-delay: -.625s; -moz-animation-delay: -.625s; -o-animation-delay: -.625s; animation-delay: -.625s; } .dx-loadindicator-icon .dx-loadindicator-segment4 { -webkit-transform: rotate(180deg) translate(0,-142%); -moz-transform: rotate(180deg) translate(0,-142%); -ms-transform: rotate(180deg) translate(0,-142%); -o-transform: rotate(180deg) translate(0,-142%); transform: rotate(180deg) translate(0,-142%); -webkit-animation-delay: -.5s; -moz-animation-delay: -.5s; -o-animation-delay: -.5s; animation-delay: -.5s; } .dx-loadindicator-icon .dx-loadindicator-segment5 { -webkit-transform: rotate(225deg) translate(0,-142%); -moz-transform: rotate(225deg) translate(0,-142%); -ms-transform: rotate(225deg) translate(0,-142%); -o-transform: rotate(225deg) translate(0,-142%); transform: rotate(225deg) translate(0,-142%); -webkit-animation-delay: -.375s; -moz-animation-delay: -.375s; -o-animation-delay: -.375s; animation-delay: -.375s; } .dx-loadindicator-icon .dx-loadindicator-segment6 { -webkit-transform: rotate(270deg) translate(0,-142%); -moz-transform: rotate(270deg) translate(0,-142%); -ms-transform: rotate(270deg) translate(0,-142%); -o-transform: rotate(270deg) translate(0,-142%); transform: rotate(270deg) translate(0,-142%); -webkit-animation-delay: -.25s; -moz-animation-delay: -.25s; -o-animation-delay: -.25s; animation-delay: -.25s; } .dx-loadindicator-icon .dx-loadindicator-segment7 { -webkit-transform: rotate(315deg) translate(0,-142%); -moz-transform: rotate(315deg) translate(0,-142%); -ms-transform: rotate(315deg) translate(0,-142%); -o-transform: rotate(315deg) translate(0,-142%); transform: rotate(315deg) translate(0,-142%); -webkit-animation-delay: -.125s; -moz-animation-delay: -.125s; -o-animation-delay: -.125s; animation-delay: -.125s; } .dx-loadindicator-icon .dx-loadindicator-segment8, .dx-loadindicator-icon .dx-loadindicator-segment9, .dx-loadindicator-icon .dx-loadindicator-segment10, .dx-loadindicator-icon .dx-loadindicator-segment11, .dx-loadindicator-icon .dx-loadindicator-segment12, .dx-loadindicator-icon .dx-loadindicator-segment13, .dx-loadindicator-icon .dx-loadindicator-segment14, .dx-loadindicator-icon .dx-loadindicator-segment15 { display: none; } .dx-rtl .dx-loadindicator-icon { right: 15%; left: 0; } .dx-loadpanel-wrapper.dx-overlay-shader { background-color: transparent; } .dx-loadpanel-content { border: 1px solid #d3d3d3; background: rgba(255,255,255,.9); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.25); -moz-box-shadow: 0 6px 12px rgba(0,0,0,.25); box-shadow: 0 6px 12px rgba(0,0,0,.25); } .dx-autocomplete .dx-texteditor-input { font-size: 1em; } .dx-autocomplete.dx-invalid .dx-texteditor-container:after { right: 8px; } .dx-rtl .dx-autocomplete.dx-invalid .dx-texteditor-container:after, .dx-rtl.dx-autocomplete.dx-invalid .dx-texteditor-container:after { left: 8px; } .dx-dropdownmenu-popup-wrapper .dx-overlay-content .dx-popup-content { padding: 1px; } .dx-dropdownmenu-popup-wrapper .dx-list-item { border-top: 0; } .dx-dropdownmenu-popup-wrapper .dx-list-item-content { padding: 1em; } .dx-selectbox-popup-wrapper .dx-overlay-content { -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,.1); box-shadow: 0 3px 10px rgba(0,0,0,.1); } .dx-selectbox-popup-wrapper .dx-list { background-color: #fff; } .dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input { padding-left: 5px; } .dx-rtl .dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input, .dx-rtl.dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input { padding: 7px 9px 8px; padding-right: 5px; } .dx-tag-container { padding-right: 34px; } .dx-show-clear-button .dx-tag-container { padding-right: 68px; } .dx-tag { margin: 4px 0 0 4px; padding: 3px 4px 4px; min-width: 40px; border-radius: 2px; background-color: rgba(96,96,96,.3); } .dx-tag-content { padding-right: 21px; padding-left: 2px; color: #232323; vertical-align: top; } .dx-tag-remove-button { top: 6px; margin: 0 2px; width: 1em; height: 1em; } .dx-tag-remove-button:before, .dx-tag-remove-button:after { left: 4px; margin-top: -5px; width: 3px; height: 11px; background: #606060; } .dx-tag-remove-button:after { left: 0; margin-top: -1px; width: 11px; height: 3px; } .dx-tag-remove-button.dx-state-active:before, .dx-tag-remove-button.dx-state-active:after { background: #939393; } .dx-tagbox.dx-invalid .dx-texteditor-container:after { right: 8px; } .dx-rtl .dx-tagbox.dx-invalid .dx-texteditor-container:after, .dx-rtl.dx-tagbox.dx-invalid .dx-texteditor-container:after { left: 8px; } .dx-rtl .dx-tag-content { padding-right: 2px; padding-left: 21px; } .dx-rtl .dx-tag-remove-button:before { right: 4px; left: auto; } .dx-rtl .dx-tag-remove-button:after { right: 0; left: auto; } .dx-rtl .dx-tag-container { padding-left: 34px; padding-right: 0; } .dx-radiobutton { line-height: 24px; margin: 1px; } .dx-radiobutton-icon { width: 22px; height: 22px; margin: 1px; } .dx-radiobutton-icon:before { display: block; width: 20px; height: 20px; border: 1px solid #d3d3d3; background-color: #fafafa; content: ""; -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; border-radius: 11px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dx-radiobutton-checked .dx-radiobutton-icon-dot { display: block; margin-top: -16px; margin-left: 6px; width: 10px; height: 10px; background: #606060; content: ""; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .dx-state-hover.dx-radiobutton .dx-radiobutton-icon:before { border-color: #606060; background-color: transparent; } .dx-state-active.dx-radiobutton .dx-radiobutton-icon:before { background-color: rgba(96,96,96,.2); } .dx-state-focused.dx-radiobutton { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-state-focused.dx-radiobutton:not(.dx-state-active) .dx-radiobutton-icon:before { border: 1px solid #606060; } .dx-invalid .dx-radiobutton-icon:before { border-color: rgba(234,68,68,.4); } .dx-invalid .dx-state-hover.dx-radiobutton .dx-radiobutton-icon:before { border-color: #ea4444; } .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:before { border-color: #ea4444; } .dx-rtl .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot, .dx-rtl.dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot { margin-right: 6px; margin-left: 0; } .dx-radio-value-container { padding-left: 0; } .dx-radiogroup .dx-radiobutton, .dx-radiogroup .dx-radiobutton-icon { margin: 1px 0; } .dx-radiogroup.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-radiogroup-horizontal .dx-radiobutton { margin-right: 17px; } .dx-rtl .dx-radiogroup-horizontal .dx-radiobutton, .dx-rtl.dx-radiogroup-horizontal .dx-radiobutton { margin-right: 0; margin-left: 17px; } .dx-pivottabs { height: 74px; } .dx-pivottabs-tab, .dx-pivottabs-ghosttab { padding: 10px; color: #767676; font-size: 40px; } .dx-pivottabs-tab-selected { color: #232323; } .dx-pivot-itemcontainer { top: 74px; } .dx-panorama-title, .dx-panorama-ghosttitle { height: 70px; font-size: 65px; } .dx-panorama-itemscontainer { top: 70px; } .dx-panorama-item-title { font-size: 30px; } .dx-panorama-item-content { top: 45px; } .dx-accordion { color: #232323; } .dx-accordion-item { border: 1px solid transparent; border-top-color: #d3d3d3; } .dx-accordion-item:last-child { border-bottom: 1px solid #d3d3d3; } .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-icon { color: #232323; } .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-accordion-item-title { color: #232323; background-color: rgba(96,96,96,.2); } .dx-accordion-item.dx-state-hover .dx-accordion-item-title { background-color: rgba(96,96,96,.1); } .dx-accordion-item.dx-state-hover:not(:last-child):not(.dx-accordion-item-opened):not(.dx-state-focused) { border-bottom-color: rgba(96,96,96,.1); } .dx-accordion-item-opened { border-color: #d3d3d3; } .dx-accordion-item-opened.dx-state-hover .dx-accordion-item-title { background-color: transparent; } .dx-accordion-item-opened .dx-accordion-item-title { background-color: transparent; } .dx-accordion-item-opened .dx-accordion-item-title:before { content: "\f014 "; } .dx-accordion-item-opened+.dx-accordion-item { border-top-color: transparent; } .dx-accordion-item-opened+.dx-accordion-item.dx-state-hover:not(.dx-state-focused) { border-top-color: rgba(96,96,96,.1); } .dx-accordion-item-title { color: #232323; padding: 9px 12px; font-size: 18px; } .dx-accordion-item-title:before { font-weight: normal; color: #232323; content: "\f016 "; font-family: DXIcons; font-size: 18px; margin-left: 9px; margin-right: 0; line-height: 24px; } .dx-accordion-item-title .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; margin-right: 9px; margin-left: 0; display: inline-block; } .dx-rtl .dx-accordion-item-title .dx-icon, .dx-rtl.dx-accordion-item-title .dx-icon { margin-left: 9px; margin-right: 0; } .dx-state-disabled.dx-accordion-item { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-state-focused.dx-accordion-item { border-color: #606060; } .dx-accordion-item-body { padding: 8px 12px 22px; font-size: 14px; } .dx-rtl .dx-accordion-item-title:before { margin-left: 0; margin-right: 9px; } .dx-slideoutview-content { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: -1px; border-style: solid; border-width: 0 1px; } .dx-slideout-menu .dx-list-item .dx-icon { width: 26px; height: 26px; background-position: 0 0; -webkit-background-size: 26px 26px; -moz-background-size: 26px 26px; background-size: 26px 26px; padding: 0; font-size: 26px; text-align: center; line-height: 26px; margin-right: 13px; margin-left: 0; margin-top: -4px; margin-bottom: -4px; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon, .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon { margin-left: 13px; margin-right: 0; } .dx-slideoutview-menu-content, .dx-slideoutview-content { background-color: #fafafa; } .dx-slideoutview-content { border-color: rgba(211,211,211,.5); box-shadow: rgba(0,0,0,.05) 0 0 8px; } .dx-slideoutview-content { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-left: -1px; border-style: solid; border-width: 0 1px; } .dx-slideout-menu .dx-list-item .dx-icon { width: 26px; height: 26px; background-position: 0 0; -webkit-background-size: 26px 26px; -moz-background-size: 26px 26px; background-size: 26px 26px; padding: 0; font-size: 26px; text-align: center; line-height: 26px; margin-right: 13px; margin-left: 0; margin-top: -4px; margin-bottom: -4px; } .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon, .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon { margin-left: 13px; margin-right: 0; } .dx-pager { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; padding-top: 9px; padding-bottom: 9px; } .dx-pager .dx-pages .dx-page { padding: 8px 7px; } .dx-pager .dx-pages .dx-separator { padding-left: 8px; padding-right: 8px; } .dx-pager .dx-pages .dx-navigate-button { width: 9px; height: 17px; padding: 9px 13px; } .dx-pager .dx-pages .dx-prev-button { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAQAAAClHU5tAAAAh0lEQVQoz13NIYsCURQF4G+UBS06IMgWQdiqwWLQbdusCiZxwCJsEYvK6nB/+sb3nid+nHsPKQvhopeg9hC+E1QaodFJtBLu6gRjT2GeoOssbLMhP+9LE63WNO/shZMiI3/la1gKd8OcKgfhqMpx4Casy+OZ8PJZ4k749ZFT31XYlL0vrUbvH0ISFOgAM1+7AAAAAElFTkSuQmCC) no-repeat center center; } .dx-pager .dx-pages .dx-next-button { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAARCAQAAAClHU5tAAAAhklEQVQoz13OsQtBcRTF8e8jxfK8UrIoZX0GiwGbzUqZ5FcWZZHFE36dP91guPe646d7Oge63BBzwq0RTypPLRIiUXisaBDLGJ4h3gwj7hAX2p5+zZv4NyGTGUc8Iw7/FS8GBn0axMKg4IQ4+rkrxIPSYMQHURt0uCL2vmmLuNPzqxOZqcEXMOYU6N5PUwAAAAAASUVORK5CYII=) no-repeat center center; } .dx-pager .dx-page-sizes .dx-page-size { padding: 8px 9px; } .dx-pager .dx-page-sizes .dx-page-size { background-color: rgba(96,96,96,.2); } .dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection { color: #fff; background-color: #606060; } .dx-colorview-container { width: 450px; } .dx-colorview-container label { line-height: 36px; } .dx-colorview-container label.dx-colorview-label-hex { margin: 10px 0 0 0; } .dx-colorview-container label.dx-colorview-alpha-channel-label { margin-left: 43px; width: 115px; } .dx-colorview-container label .dx-texteditor { width: 69px; margin: 1px 1px 10px 0; } .dx-colorview-hue-scale-cell { margin-left: 19px; } .dx-colorview-palette { width: 288px; height: 299px; } .dx-colorview-alpha-channel-scale { width: 288px; } .dx-colorview-container-row.dx-colorview-alpha-channel-row { margin-top: 10px; } .dx-colorview-hue-scale { width: 18px; height: 299px; } .dx-colorview-alpha-channel-cell { width: 292px; } .dx-colorview-hue-scale-wrapper { height: 303px; } .dx-colorview-color-preview { width: 100%; height: 40px; } .dx-colorview-controls-container { width: 90px; margin-left: 27px; } .dx-colorview-container label { color: #767676; } .dx-colorview-palette-cell, .dx-colorview-alpha-channel-border, .dx-colorview-hue-scale-wrapper, .dx-colorview-color-preview-container { padding: 1px; background-color: #fff; border: 1px solid #d3d3d3; } .dx-colorview-palette-handle { width: 29px; height: 29px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAGF0lEQVRYw72YW0xVRxSGOUixQZBaL2B6eSCtaRODSZ/61DSp1cQm6kOb1KhNtA9NNK1PGChVuWOsXArWS4l4iQgq6QFKDUabitiINCJKKARUEPGKChzQCCrT+aZrk+G4zxHTpidZ2cya9f//2jNrr9mbkJCJ/zzaQrVN0vaStnBtk7W9LNdw8U+SOE/Ii/6UUq4mZBCHF+3c+cGhgwcTveXlhyu93ovVlZX3fywsHOXKGD/zxElS4DxBuIMnYYlP3ldc/Gn5oUOlv1RU+Fqam1XPtWuqv69PPXr0SF24cEGNjIyYMX7miSMenKySazJBk5AEwnK3bp1bVlKyrcrr9XVfvapGhofV6OiosadPnxojCWfszBFHPDjw8MDnn0jAJCSB8F3bty84UlZW09Herob1HSPy5MmTZ6ypqcl1Dh848PDAJ1vkCZqEk8C2goKFh0tL/+BuHIHHjx+72vnz5wPOO8nAAx+8diKBqj8sMz09vrSk5FhXZ6chGtZLG8waGxufG8c8fPDC72yNWxIUT8Te4uLtba2tBkjh+RukFKLbSuBn3g3HPLzwoyN6z6zC5IL8/M/1/vmGhoYM8OHDh+PMSYK7aqivVzVHj6r8nBxzZYzfScINCy/86MhT4/Ffhag9u3cfoZAcgG347t+7p/48e1bpIqvdkJyctXTJks+io6Pf58oYP/PEBeKAHx307NUwxZiakvKx3jPf4OCgAXB1jDu5p4kP7N9/Pysjo2BKRMQ8jXlL25va3pDrW/iZJ454cDaPw4sOek6RhkiLnVKQl5fCkgIcGBgYM5/PZ3z1Z86orPT0H3TsHG2ztU3TFglWrtPEP4c44sGBt/nwoYOeYEOdrYj+aceOCgqHbPt093OMMUuo2/PvkZGR7+rYWVJYYdYZESpj/LOIIx6cGx866KHrbAmHzqu7i4r+6unpUf39/WbpHQN0qrZWbdq4cZPcaYRbG7baPPOziQcH3uaDHx300BV9sy8zdbH0EXT37l3V29s7Zuzhz+XlasXy5QtkycMCHUpOryGOeHDgbT740UEPXdE3j0pMelra6Bm9j7U6e9vq9f7pBqNiY2LiZO9DA52KkghbE0k8OPD+nOigh67om/eB2KJdu/qd4rH38MGDB+pwWZlavWrVh1JInuckwWpMIR4cy2/zORrooSv6/6zEtsLC1k7dbG7fvq2uX78+ZgBPHD9O5gkvshLEgwNv88GPDnr2Spia+H7Lluom3YLZt2v6vcAxxs0XL6q83NxjMTExMyZSE8QRD86NDx307JowT8fGDRuyfjtxwhTNVX3qOQYQ33F9V9lZWWkTeTqIIx4ceJsPHzro2U+H6RNfrl69tLCgYPDGjRsGyJI5dvPmTXMu6PleLZASFxcX5dYn8DNPXJfgbB544UcHPbtPhErBvZ6ZkVHV0NCg7ty5oy5fvjzO8HVeuaJqampUbk7Or1rs6/Xr178XHx//ClfG+JknLhAH/OigZ3dMj+zLjDVr1nyVn5c3SAF1d3erS5cujTP8EDWeO6eqq6vV3j171LdJSebKGD/zxPlj4cMPPzro2WfH2CnKQfRdcvK+kydPqlu3bhlwu269tnFHkDGPEctjyN/4mffHwOPEwi8HXpT/O4VHHpXpnyxa9JF+vE7RZNhTSNra2gJaVVWVEQ80Dx4e+OCFHx2394kQq+/H6pa7Ii0t7RydDYIreo9b9aHjZpWVlSYJtzlw4OGBD15pUK5vVnbfZ5leW7Zs2Rf6EKrjcerq6jJC3FVLS8s4q6ioMFVv+4gjHhx4eOCDV/jd3zHtt21tUwHMnz9/YUJCwoHNmzcP1dXVjSXDtaOjw9yt1+s1Psb2PPHgwMMjCUwN+rbt/90hGbN0b69cufKbxMTEo9nZ2UMs/+nTp1Wz/tKiCGlKtGLG+Jknjnhw4IUnakLfHS5HcoQUEdX8zuLFi1esXbs2Lykp6Vhqamp7ZmbmwLp160a5MsbPPHHEC2669RIU/AssQI1MkiqOkueaBhMnAnza8Q0xT65zxR8ncTMEN/YtGvIvfmNf5dLhoqXnz5RTMFauM8UfLXHh/4X4//b/ib8BDzOgbwaye0IAAAAASUVORK5CYII=) no-repeat 0 0; background-position: -2px -1px; } .dx-colorview-hue-scale-handle { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAPCAYAAACBdR0qAAAB/UlEQVRIx8WSv28SYRjHH7duOlYHE0edTPQvqIuJdXJrHIrgH1KKQw2pqYUgLg3XWgIRCsahiZtQGhkcKwmpEALh9687IRDueHy/F2I4QPTQhOGTS573fb7fz+WOouHw+cdolJdJJBz+TB9OTng4HC4VOFAkFGJN03gwGMwEZ6qqcq/XWwjs/ikfDhQKBvXBrBDMv11c8PtAQA36/fIiiF3t++Xl3A44kLjM/X6fO53OFLgYOD4ePlhbe0JE9wR3TXL/6caG7dPp6W87MIcD+Y+OuNvtcrvdNiDLsv58J0mKCLwtuClYNQl27oiMH/JY5jjohgMd+ny6WaPRMNBsNrnVarHv4EAZBV4VrJjkGnaRgSxkTvagGw70wuHgZDLJsVjMQDwe50QiwQ67vTd6uxVmJjOMZFaRgSxkTvagGw4UjURYURSuVqsGarWa/nzr9Sr/KoKM8cxx0A0H8no8XK/XOZfLGcjn81wqldjjdv8SEVwxiS6CDGQhc7IH3XAgt8ulm2UymSkqlQqLc81qtT56vL5+65nFcuO5zXb9b8Bd7Fg2Nx+69vdVZGWz2akOdMOBXu/tcblc5nQ6PQXm5+LbHkoSvxHWiyCJHzFxdja3Aw70aneXi8Uip1KpmeDsfzAvHw7kdDq5UCgsFTiQY3v768udHV4m9q2tLz8BHNG5grjrFSMAAAAASUVORK5CYII=) repeat-x 0 0; } .dx-colorview-color-preview-container { margin-bottom: 34px; } .dx-colorview-color-preview-container-inner { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGElEQVQoU2P4DwVnoIBhgARgDJjEAAkAAPQn5YE6DjD8AAAAAElFTkSuQmCC) repeat 0 0; } .dx-colorview-alpha-channel-wrapper { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGElEQVQoU2P4DwVnoIBhgARgDJjEAAkAAPQn5YE6DjD8AAAAAElFTkSuQmCC) repeat 0 0; background-position-y: 6px; } .dx-colorview-alpha-channel-handle { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAkCAYAAABWvWC/AAAB/klEQVRIx9VVO08CQRCeOy4BCgLhZaIQiBTQWdj6UyiIFf4Jf4ChMDR2hoLKBihsbCxobewJGDAgz/AwEQ7vzt3j9thb9nIJxBgn+S53M/Pt3MzOzgq1SqUuuVwXwJGPfh8y6TRMp9Md27eiPMNjraapqspFo9GwtWGeqGka7COYJxGy3SI8vSAIWzKBHdHOJjk58BY2I6vogQqggxWi5y2sspFFUdRXJUK+aZ2iKNbfJsTxaARvrRb0ul1d1x8M4Cga1Z2DoRAkk0k4icfNVCQ6p1azCdVq9fq2WHySZXmNA+AUEVyXudx5Npu9O47Ftn9KcsJ473TgplCoIGIfN5iBHsLgvlSqj4ZD0xfzJLoYxvsnwgxhSUV2sztiqTapIBLZIH4RZ6NgMusratQWGe+aAcuWU3bTV49MIqgOfc76WqrtdEhYX4nuIF6XsR1H+/5h5MMKRq2mOURmff9t5F/YKoEdmLytssztcDgMV/k8vj08CF50mjwIXvyN9dhueyRPUymcy0M6k9G/x+MxhND4wRKJRDZ26khKpMKz2QwSiYQOIu12G1KIsF6vTR328/v9m2rTs5m90ObzOSwWC1gul9zC7TX0d3K2G/oaVRPLZXBwZCcHnm1n6AcCgR0yLpjP5wO3280nr1ar13K5fMZrx8lkAsFgkNuqiPfyA8JMvViMAYz/AAAAAElFTkSuQmCC) repeat 0 0; } .dx-state-focused.dx-colorview { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-state-focused.dx-colorview .dx-draggable { -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.1); -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,.1); box-shadow: 0 0 1px 1px rgba(0,0,0,.1); } .dx-state-focused.dx-colorview .dx-colorview-palette-handle { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { .dx-colorview-alpha-channel-handle { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABICAQAAABL7o3DAAADNUlEQVRYw9WYy2sUQRDGfz2zG10TVw0oYlBEUQhiDgqeFFQUwddBPEhAFP8FD4qCIIJ48ebZk3+A4FUREd9ejA8kaBJfsCgK2dVks7tT5WF2Jz2Tnk0miYrTh5nt6m++r6qrp6vXXNi25oDXieP60Qf7gGcDLqv8HLmV69lvOpV2l9tqulYfyPldyqnTLvMgsBHYtNdlvX7VL+bas7bX0wRrG7kum7HBs2QWQFOZNTVg8oeZ+SfM/AWfyRxtM8mcPWBqM2e/xBUwz5IWv9vjdKpsg+Hjy+Ghd5/LVRjvg/3A3QGAFcV1PVt35Qvilm0wPLj1ZNAWps07lMql8tuPx/oXFiUuOxzk8er+o8F67cWLxx9K4yH2Uuut/volB7fIqoe3dx/RCOwJgjbb8Bfh9v2br0s/qFBmlDJlyoxSofL+640HgT4fFgnHChKP9sg3YbDEOFXqBFYUffIE32k0/HxQ9xbo1GiHb/PqTFCllgA3AF8wkUpJZpggeA1q1KjRsCT5QI6GYCIqSSaJIpiAgIDgXFAEzgDnuQwBASLWnDtlm+ZHTWLDwkHS/HbFZNtgbXqRAGv4NA04wZd4coAnjRKFOB1sXBnGjJinRHtOslsdOiPZ1pJM+tyOWRO9kWy1pyqVGRdzKwjT+WwHdz6YbTBZwIEVsMBah4HVO/mksd4Ys2ZlTgZM5xKw6Zk1PWCaFTzTDBPXdpMtSZi6qrLI1tknibq/JDrj9GT26alzSRKdnvlMNp8jZpNhnmNTZZwQ03ph26lSDw+f3B1rX8LHx8NPgj3bzzVFYelS8uTJ0xFrefKdBXzBz1k7qljpvrlHWLW9u5uFFJJt2bLeneLtWev7Es2MJXuCfbuefnpD78lQR3cf9APXotNNsePo3rq1qizZDYx/9tjhjSsXCXalEv5aXji44eqJxcWaNTO5yd0Cxugo9B/qb5qHgM3Ajuh00+CXq3xslXETTEQ1XxWoAWPOClTSak/NUumrs+5tVzJrvNLPCp6/M4ZmLNbn74yRzWf+a5+17YkuDaj2+dn1j8MioCPFFjKb9ReN20pPHxwHrgyk8Fe8n/dkTElrxOoGu0m1cu83cDHq0t5aVLIAAAAASUVORK5CYII=) repeat 0 0; background-size: 100%; } .dx-colorview-hue-scale-handle { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAeCAQAAAA/D3CoAAACxUlEQVRYw8WXv2sUQRiGn9nd28uZVdRGMCY2AUUhUYgoBi1EQRQ1IbaaTsHWQhvBP0DbFFqkEJE0gpWFhYqoiYKSNIIKokmrokkuuZuZbyz21BNuNtkNct8VdwcD+8z7vd+PVdf2bT8dVGhryMKXh9HWE65iaXMkXScjtd5y4XJ7OW7dZF1kAYdrI4bCAqsGUQUfs5orWiAygEMyERT1am2+GEi5M06yLxpg/oK4jGPf5149fzdXXPrd3QePdm6WDM3+gIhXkYCvc+MToGu1ajGMuDI9++neudE48V/2D0hWJidfGD6+uzttNRbJ5WpFQFgqXRw03VOPD5+SbBCdqYgzb2ZFJt7aKnVMAZCSjh9MjW579n5QJPAd0yuZVSHWYG1tiSVq6CIgmFkWFzuSxR8dm1yWWXWmWQWNhTo1ltOfuSJMK1PrEGN9BnCpIjpTEZc+3WDQaGxORSwQog0a5zVAE4h4NElBBASLYC/lVGQMLIJoAsQDopAURPrgA8YDQih9jYQ46CnYWuMB6fzQkbTMrCJC+hot3i8arGkyu7/l6TxOd0hqpCFglyf5ChhCcbvx/0pOjquN77MY+ok9qQkZAiLJMKtDIYXHXXPtideHjgABovEZ2H+s1vJQgLLjM6JRKBSM5J/woGDsdWnzjr1JYloeKTM+09RZnbfrCQSEhIT3yd1HQgICrVi5anRDINdS0lKocUEc1+ukrs4XASViStKhKVf8bVk3T9/Wh+JosOfpl4Ejn18u/wxMkBNEAonKybY9UjnQVe5c8o2R5hbvAzGMHJ28o3t7e9diVs2ZQyazezctRq1Bltmw6cb5R5Nv5r4tF4PYUB7oGuzf0lVdzWLkMsbqAvHG4ePDrE2RhYzCcv+uiv5pVqf+X7f4Va2K/z/cb7Oms2RdW1+wLKB2XlcJbQ+3FJaIelzkaOdHqvNPfgGAv504iRiIDQAAAABJRU5ErkJggg==) repeat-x 0 0; background-size: 100%; } .dx-colorview-palette-handle { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAQAAABJXchjAAALn0lEQVRo3tVae1RVVRrfgLwEQVKBAJW48lAhDU0ThTEegggEJ4iJNaNTq3GNy9SpSZtW46qcfKBnbBShmvCVCKgImgmOrEKgmlLLHB7i4yKIcIl88BLlMrLn953L48I990HT/NH9/cG9++z97d/5Xvvbe8PYL+Ej6ICZAebMAhilBfptTs+G9f55SQxMbsmsmQ0bzeyYPRvTB3v8Go1WazwdQmYEH24EfdNbYRo7B6f5jy+KWfJC3KvxbyXtTPpg9fsJG+Pfiv1j9NLI6KAAByfQsUFPiYoRqaaTkAiMwjvaTXIOC4tdmbBZEPuRciyl4P0jmfmDLQmbY1eGhU5yBhVrjDJIxEQSAwTsZ3lH/y5hi2ai93KKS6uqmho72r5VV/Be3tPd0Xaz4eLFf57Znt1HZUv0slneMJJBIiaRAAUygV3AYzG/F7aR8Mz8yspudS8mfijhO6D/V6+E7u6Kyj7NbIt5adpkaIRMY/aTSPTpwMbBKSJOo4Fjp1vv9k/+UIbEIHr5ndvHTms0EhEHL7GR14cREhIFKzZ6hiLuNRJ26GRHx0P+Hx18C9C0uk8e8vb2nJM0Nu616V6IHEtdGgZJ9JnBPiQoYZMgpmYpa0lsjwzOA0RC7hmNUSpTs6CPjSFB8A8dsxggIVGwZmPCIoWtgphzsrtHnoAxEhoiD9TZn0IfW8MikU2sh9LQS6KPgsOiBFJlwWkSpdaLcwC9sf4eNL5A8o+IeOYwlIYeEn2+MCY0ioZVXSIC3QZwFiAShvoQkapLJC80CtqwGvQNfSTMJV8IJkNUVqv5AyMgEvSuxvqpeWU1GWU++QZc1AAJ6GEUs5vuQ+6Yf9o4BdNJEI18GCVh0zRvRMoojS5kSEjeYOPoHPe6IGaf7MbA+0ZBJMjyxns+gGEOImTj1tlPQN6QPEOOBJnCMVwQxG0Hu3ru8y6DeCDZ+wL/fsAnjI3AczUFbDg5qBWZRIeExhR+3pQdr1y/z+/pRZekXmVd8Rd/z11ZtCw//fDBEzsPf/alsp7auwyMvM8vKymL+iiQzGESXRLmCB+n6OUwReF93qkXeJ/eU+XbczQLVVJGYtqLO1dmaH5tzzldTm9saHQWTLJ4OXPCbObDVUF6sJ82lZapW+33eIcsSAsXqtfvpQlj1s9/wXfx+CCrQKtA9wVTl8x/MWY9tb+170I1aUOfhB/boIttU/3kdCHpIepFrBKnugxQyCmiiaJe94lk/syXebHJbBLgyRT45e+7OOoNep57Sj+NLp4LGVEv6OqC4sJuggf5g+pOJ2+XQSeG7z+Bt0idk2zuj0k9mAsbB1FjASd8c0GLwtx/TnICckzWyS6uT07TbfKLCR4IVQttXZhRXIQsEsT3j97jbbK4x7PxBs9smhLOvDHdeOYo1ZRWEqjmtEPLeDzx9g6PR+2VW6RfUkaeIAYvQn8rbRLmEDJuyWpBPFfRyVtl0MnPVZAWvEOhA1cMt+2vIvugqUBt8cSVKbzDElIF8btqfbK+uSiIS1ZDezbaBoEx7N3JGK3qVn5XB628/eGbewTxyURQcNFdDYeuvuihmJskiG/vIxJy0lq7ySC2btCexaAxLJnDrLmC+LfcDn5HBh3801IE1lpzH7znkCVIthQaw1zNfaKRdwvL9cnbhhAPnIOkZdlvEDOKjKeRKT8tbee3ZdDOUw8Kot9CWNxR8mkzg4WxNXp5TA0VRDFHn7wTeKmnBSlCzAY9YnzkS4J4trKN39JBK6+qhQ3fhCnGw+oWhncTklFs0VNBeaOm7q6sxPNYU6OWo9eAV1jAz51j1iJd37zDf9RBGz9ZDm9OgR4o55uZsFGyIl2E/EYQT33ZJiPxDr/aiHS3jjlLYdrvlsz1mXcEsbHtFm/RQatkQf8QzRDOjEOS6BLwNHYoh1plJN7iN5E3n3kbHjbgmkjYzO3Z91LyStWf88+GoQSL9YrjSRmu/pqQMomEFPKPBiSmrzzxLx2JJLOsJyXv2R3MDTOP6icxBiTSUo581Ss34Bx/Pidxl4Un3MgEYwwYxMlWkbjzt4e/4Z/L0PiKp+QnpYPEGC0SNh5/SEs/3NHbrpPfKNGmZr2UZjFZk+FMJjHWyWvZjvdyOmVyJmT2ph9elcHch5BwmfhK2j/y2rrbZYZ08o+wrXvUb6QkPKct37W7oFM+eas/zIvfPIwEcyPHbGhT8UYd3OapcMyZ87BQjcgcgfOR/g7dlpGo4g3kmO8MNQcccwky3KXGZn5TB7f48TJBXJg4UscMReo+UX5LRmIzv6QJUS3HlEJ0EWqqLytbeIMOmvkFFGWxr48oREczl1jUFt9fb5aR+AP/GskqcoV2iErJKiQZ++6yFn5DBi18wwEYJFCT601LVk/MEcRN2frkFSBthzynnazMKc3OCEaVndvC62XQwvNKkLjXjCRtx7yCTWSZPnnkZQELJHnmWguYrYJqgCZ1Pa/TQQNvUr+WOVCImLCAhUQK4p/3qB42yEir541qqk2svbQXMGkpZx6LX4VXVDfx6zJo5qUXqQZ4YoYpS3ngE1SblFWqZGWpeOm/URi8Iq1FloO1leSaQdiHpxc081pZNPN9hYIY/9fAxyUaBoqa2Y/HvyuI+4r0S9p5VBDnxmq75UB5N246lahXW+u5Ugb1eIMPPqHTuV+FSuWdpU55Z0nl3cJw0sKHn6i4PjlX75JOHX2Hl3eaxXdixApBPFiskh2shFer+J5Cac+x+skAqHKw0LWSDlcd5syIXU3P9xap0FteiopnYWMcsUIqkKyGVtvS4us9jzY/tffq+TVZ1PMmXnLxT5nSSdTaiNinZijcIMpR4fbUzIi4uHXUvnb3mYomrl+CsoPO9RRPoRK1G1ry921+2OTIVYK4p7CRX9WLRn5DfajknQOajV9iemLa8l39B6kbso6caegxPHo3toGLVmHTJLMRlLaBzHXik+QX5+tu8Ct6oZTy/zfKvNKN2cuPP5+7PXvv8U05R8vOKqldaWDkDX62loLTYzac0l5nG9i/IWaTglGUbc69CS++bBB10ipQws+gWLsrfa8zMqKWN/RuypEKxUmyG+L+owHmbONLBeruogZYsMYojgM/AMZ7XkPK2w23jvmLjS9z1nM00H9Iwty9gih3HihuMEH0McA0Eg38Yzou2vLYPFQRjnoOSQay/iNs8qxYipIvLjfwS0ZQADTT0mwEDbysmo4EAmPhko8YOC4aMMkE5jUvmbz9iys34NHVBpAPEAlDfa7CIctrSN7c55gXpNsZODgbPEKk3WTwMhr2cXE9vLpKL44CKkB/j6vIDfulw9TgpdJO1l5jCuOHqQ4IoSnzfk1GySysh1//VBK1iJmPKMtum5fMpkCqgwmHqYPHyrTFD5QuGTbmfF1XB31UyiAPIBJyz66AwNfX30VQxm8JjJOOFEw7Vh5Cw4V5eQZrTqIyi2ru1cHHK4bhCNAEDG+vAYGazkzNSrPeMxi+4DKcgolXDXCiydb+C5ZSyAri/uKq1jpkxCqDJKrQo45X3t1fLF26pC5Yau2PiJgwwqsGLd+wQzi5synuQRFrNNdPOwpKqq+pqTS5hhxI0ZEHCip8u4zJpXZ1SfWOAs31U8Qa9yB4gjuk2MmVQqZeP9EBkDPSrO9jC8NfpnWFsDn3SHlJzbeqyrbCntO8pbdZXdl2vrG44lDZ5ty+i7itYSs9Q5gvRjpL1cdPuX4aehGHTO8KlfqMnT03OWqdxjh9V5JHU/LSDmUc1rqSTI1aNzd57GzmgxGuzOl/uogbfiUJcS5sInzcz3qmX9T8ZeFrot+M3fDsrqSMVRlrdsVuiH4j9OWgpX5R1jOZH3pNRG+nn+VKcvjlLBQ7Dm/nwTxhaV82lU1n/iyABTjPwLepaFHgiQd6jEPPkV/OGv1oiEjX1Ag1J+wYnDGZG+AO0F9XtIzHEwfta+qf/x8ItC/sbVFT2utc2NtqX9j/f/+bwci/LrBf5ue/f/FdksJ3h8YAAAAASUVORK5CYII=) no-repeat 0 0; background-position: -2px -1px; background-size: 100%; } } .dx-colorbox.dx-state-focused .dx-colorbox-input { padding-left: 40px; } .dx-colorbox .dx-placeholder { left: 32px; } .dx-colorbox-input-container { height: 100%; } .dx-colorbox-input-container:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGElEQVQoU2P4DwVnoIBhgARgDJjEAAkAAPQn5YE6DjD8AAAAAElFTkSuQmCC) repeat 0 0; } .dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=) no-repeat 0 0; } .dx-colorbox-color-result-preview { border-color: #d3d3d3; } .dx-colorbox-overlay { padding: 0; } .dx-colorbox-overlay.dx-overlay-content { background-color: #fff; } .dx-colorbox-overlay .dx-popup-content { padding: 20px; } .dx-rtl.dx-colorbox.dx-state-focused .dx-colorbox-input, .dx-rtl .dx-colorbox.dx-state-focused .dx-colorbox-input { padding-right: 40px; } .dx-rtl .dx-colorbox-overlay .dx-toolbar-item:first-child { padding-left: 10px; padding-right: 0; } .dx-datagrid.dx-datagrid-borders>.dx-datagrid-headers, .dx-datagrid.dx-datagrid-borders>.dx-datagrid-rowsview, .dx-datagrid.dx-datagrid-borders>.dx-datagrid-total-footer { border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; } .dx-datagrid.dx-datagrid-borders>.dx-datagrid-rowsview, .dx-datagrid.dx-datagrid-borders>.dx-datagrid-total-footer { border-bottom: 1px solid #d3d3d3; } .dx-datagrid.dx-datagrid-borders>.dx-datagrid-pager, .dx-datagrid.dx-datagrid-borders>.dx-datagrid-headers, .dx-datagrid.dx-datagrid-borders>.dx-datagrid-rowsview { border-top: 1px solid #d3d3d3; } .dx-datagrid .dx-menu { background-color: transparent; height: 100%; } .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content { padding: 6px 5px 4px; } .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon { margin: 0 3px; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon { color: #898989; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc { font: 14px/1 DXIcons; width: 16px; height: 16px; background-position: 0 0; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before { content: "\f053 "; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc { font: 14px/1 DXIcons; width: 16px; height: 16px; background-position: 0 0; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; padding: 0; font-size: 16px; text-align: center; line-height: 16px; } .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before { content: "\f054 "; } .dx-datagrid .dx-icon-filter-operation-equals { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-equals:before { content: "\f044 "; } .dx-datagrid .dx-icon-filter-operation-default { font: 14px/1 DXIcons; width: 12px; height: 12px; background-position: 0 0; -webkit-background-size: 12px 12px; -moz-background-size: 12px 12px; background-size: 12px 12px; padding: 0; font-size: 12px; text-align: center; line-height: 12px; } .dx-datagrid .dx-icon-filter-operation-default:before { content: "\f027 "; } .dx-datagrid .dx-icon-filter-operation-not-equals { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-not-equals:before { content: "\f045 "; } .dx-datagrid .dx-icon-filter-operation-less { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-less:before { content: "\f046 "; } .dx-datagrid .dx-icon-filter-operation-less-equal { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-less-equal:before { content: "\f048 "; } .dx-datagrid .dx-icon-filter-operation-greater { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-greater:before { content: "\f047 "; } .dx-datagrid .dx-icon-filter-operation-greater-equal { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-greater-equal:before { content: "\f049 "; } .dx-datagrid .dx-icon-filter-operation-contains { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-contains:before { content: "\f063 "; } .dx-datagrid .dx-icon-filter-operation-not-contains { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-not-contains:before { content: "\f066 "; } .dx-datagrid .dx-icon-filter-operation-starts-with { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-starts-with:before { content: "\f064 "; } .dx-datagrid .dx-icon-filter-operation-ends-with { font: 14px/1 DXIcons; } .dx-datagrid .dx-icon-filter-operation-ends-with:before { content: "\f065 "; } .dx-datagrid .dx-row-alt>td { background-color: rgba(211,211,211,.2); } .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) { border-bottom-color: transparent; } .dx-datagrid .dx-link { color: #606060; } .dx-datagrid .dx-checkbox-indeterminate .dx-checkbox-icon { -webkit-background-size: 60%; -moz-background-size: 60%; background-size: 60%; } .dx-datagrid .dx-row-lines>td { border-bottom: 1px solid #d3d3d3; } .dx-datagrid .dx-column-lines>td { border-left: 1px solid #d3d3d3; } .dx-datagrid .dx-error-row td { background-color: rgba(234,68,68,.6); color: #fff; padding: 7px; } .dx-datagrid .dx-error-row td .dx-error-message { white-space: normal; word-wrap: break-word; padding-right: 35px; } .dx-datagrid .dx-error-row td .dx-closebutton { float: right; margin-top: 2px; margin-right: 2px; font: 14px/1 DXIcons; width: 14px; height: 14px; background-position: 0 0; -webkit-background-size: 14px 14px; -moz-background-size: 14px 14px; background-size: 14px 14px; padding: 0; font-size: 14px; text-align: center; line-height: 14px; } .dx-datagrid .dx-error-row td .dx-closebutton:before { content: "\f00a "; } .dx-datagrid .dx-row>td { padding: 7px; } .dx-datagrid-export-menu .dx-menu-items-container .dx-icon { color: #898989; } .dx-editor-cell .dx-numberbox-spin-button { background-color: transparent; } .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon { background-position: 1px 50%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAAp0lEQVQoz3XQvQrBcRjF8RMSyUYok8HyLcqo3IJLcAVWV2AyGJQrcAlGmd2BDGYDiSgLwzEgL/+fnun0qedNVqhIMKaoP9jF9MJU4cqMTIjirNhTRVESfUwXOYB1bsxJOIqkWHKhjCKIGGA6PLMscsSe1MRMH8myRIszY2IWWdYcyb87iQIHzIgkQ0ybjzGyKLHDLLgw+V7v9ZETZkM6gBY1tjR+b74DZxmod6zxoqMAAAAASUVORK5CYII=); } .dx-editor-cell .dx-texteditor { background: #fff; } .dx-editor-cell .dx-texteditor .dx-texteditor-input { padding: 7px; background: #fff; } .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input { padding-right: 41px; } .dx-editor-cell .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input { padding-right: 81px; } .dx-editor-cell .dx-dropdowneditor { background-color: #fff; } .dx-editor-cell.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 41px; } .dx-datagrid-checkbox-size { line-height: normal; } .dx-datagrid-checkbox-size .dx-checkbox-icon { height: 16px; width: 16px; } .dx-datagrid-column-chooser .dx-overlay-content { background-color: #fafafa; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2); box-shadow: 0 1px 3px rgba(0,0,0,.2); } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title { background-color: transparent; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content { padding: 0 20px 20px 20px; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-message { color: #a8a8a8; } .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item { margin-bottom: 10px; background-color: #fff; color: #767676; border: 1px solid #d3d3d3; padding: 7px; -webkit-box-shadow: 0 1px 3px -1px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 3px -1px rgba(0,0,0,.2); box-shadow: 0 1px 3px -1px rgba(0,0,0,.2); } .dx-datagrid-drag-header { -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2); color: #767676; padding: 7px; border: 1px solid rgba(96,96,96,.5); background-color: #fff; } .dx-datagrid-columns-separator { background-color: #d3d3d3; } .dx-datagrid-columns-separator-transparent { background-color: transparent; } .dx-datagrid-drop-highlight>td { background-color: #606060; color: #fff; } .dx-datagrid-focus-overlay { border: 2px solid #606060; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>td:not(.dx-focused) { background-color: rgba(96,96,96,.1); color: #232323; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>td:not(.dx-focused).dx-datagrid-group-space { border-right-color: rgba(96,96,96,.1); } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>.dx-datagrid-readonly .dx-texteditor .dx-texteditor-input { background-color: rgba(96,96,96,.1); color: #232323; } .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>td.dx-pointer-events-none { background-color: transparent; } .dx-datagrid-table .dx-row .dx-command-select { width: 70px; min-width: 70px; } .dx-datagrid-table .dx-row .dx-command-edit { width: 85px; min-width: 85px; } .dx-datagrid-table .dx-row .dx-command-expand { width: 30px; min-width: 30px; } .dx-datagrid-headers { color: #767676; -ms-touch-action: pinch-zoom; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .dx-datagrid-headers .dx-datagrid-table .dx-row>td { border-bottom: 1px solid #d3d3d3; } .dx-datagrid-filter-row .dx-menu .dx-overlay-content { color: #232323; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused { background-color: transparent; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after { border: 2px solid #606060; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded { background-color: #fff; } .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after { border-color: transparent; } .dx-datagrid-filter-row .dx-highlight-outline::after { border-color: #b8e8a1; } .dx-datagrid-filter-row .dx-menu-item-content .dx-icon { color: #898989; } .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-filter-menu .dx-menu-item-content .dx-icon-filter-operation-default+.dx-menu-item-text { padding-left: 5px; } .dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default { margin-top: 2px; } .dx-highlight-outline { padding: 7px; } .dx-datagrid-header-panel { border-bottom: 1px solid #d3d3d3; } .dx-datagrid-header-panel .dx-button { margin-bottom: 10px; margin-left: 10px; } .dx-datagrid-header-panel .dx-apply-button.dx-state-hover { background-color: #eaffe0; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg,#eaffe0 0%,#eaffe0 100%); background-image: -moz-linear-gradient(-90deg,#eaffe0 0%,#eaffe0 100%); background-image: -ms-linear-gradient(-90deg,#eaffe0 0%,#eaffe0 100%); background-image: -o-linear-gradient(-90deg,#eaffe0 0%,#eaffe0 100%); background-image: linear-gradient(180deg,#eaffe0 0%,#eaffe0 100%); } .dx-datagrid-header-panel .dx-apply-button.dx-state-active { background-color: #a8dd8f; } .dx-datagrid-header-panel .dx-apply-button:not(.dx-state-hover):not(.dx-state-disabled):not(.dx-state-active) { background-color: #b8e8a1; background-color: #cdf8b9; background-repeat: no-repeat; background-image: -webkit-linear-gradient(-90deg,#cdf8b9 0%,#b9e9a2 100%); background-image: -moz-linear-gradient(-90deg,#cdf8b9 0%,#b9e9a2 100%); background-image: -ms-linear-gradient(-90deg,#cdf8b9 0%,#b9e9a2 100%); background-image: -o-linear-gradient(-90deg,#cdf8b9 0%,#b9e9a2 100%); background-image: linear-gradient(180deg,#cdf8b9 0%,#b9e9a2 100%); } .dx-datagrid-column-chooser-button .dx-icon-column-chooser { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-column-chooser-button .dx-icon-column-chooser:before { content: "\f04d "; } .dx-datagrid-addrow-button .dx-icon-edit-button-addrow { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-addrow-button .dx-icon-edit-button-addrow:before { content: "\f00b "; } .dx-datagrid-cancel-button .dx-icon-edit-button-cancel { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-cancel-button .dx-icon-edit-button-cancel:before { content: "\f04c "; } .dx-datagrid-save-button .dx-icon-edit-button-save { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-save-button .dx-icon-edit-button-save:before { content: "\f041 "; } .dx-apply-button .dx-icon-apply-filter { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-apply-button .dx-icon-apply-filter:before { content: "\f050 "; } .dx-datagrid-export-button .dx-icon-export-to { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-export-button .dx-icon-export-to:before { content: "\f05f "; } .dx-datagrid-export-button .dx-icon-export-excel-button { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-export-button .dx-icon-export-excel-button:before { content: "\f060 "; } .dx-datagrid-group-panel { margin-bottom: 10px; -ms-touch-action: pinch-zoom; } .dx-datagrid-group-panel .dx-group-panel-message { color: #767676; padding: 7px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-datagrid-group-panel .dx-group-panel-item { margin-right: 10px; color: #767676; border: 1px solid #d3d3d3; padding: 7px; } .dx-datagrid-group-panel .dx-block-separator { margin-right: 10px; color: #767676; padding: 8px; background-color: rgba(96,96,96,.1); } .dx-datagrid-search-panel { margin-bottom: 10px; margin-left: 10px; } .dx-datagrid-rowsview .dx-row { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .dx-datagrid-rowsview .dx-row.dx-edit-row:first-child>td { border-top-width: 0; border-bottom: 1px solid #d3d3d3; } .dx-datagrid-rowsview .dx-row.dx-edit-row>td { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .dx-datagrid-rowsview .dx-master-detail-row>.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .dx-datagrid-rowsview .dx-master-detail-row>.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell { background-color: #f9f9f9; } .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid .dx-highlight-outline::after { border: 1px solid rgba(234,68,68,.4); } .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused>.dx-highlight-outline::after { border: 1px solid #ea4444; } .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-popup-content { padding: 9px 17px 9px; } .dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after { border-color: #b8e8a1; } .dx-datagrid-rowsview .dx-row-removed>td { background-color: #b8e8a1; border-top: 1px solid #b8e8a1; border-bottom: 1px solid #b8e8a1; } .dx-datagrid-rowsview .dx-row.dx-group-row { color: #767676; background-color: #ececec; font-weight: bold; } .dx-datagrid-rowsview .dx-row.dx-group-row td { border-top-color: #d3d3d3; border-bottom-color: #d3d3d3; } .dx-datagrid-rowsview .dx-selection.dx-row>td, .dx-datagrid-rowsview .dx-selection.dx-row:hover>td { background-color: #606060; color: #fff; } .dx-datagrid-rowsview .dx-selection.dx-row>td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:hover>td.dx-datagrid-group-space { border-right-color: #606060; } .dx-datagrid-rowsview .dx-selection.dx-row>.dx-editor-inline-block, .dx-datagrid-rowsview .dx-selection.dx-row:hover>.dx-editor-inline-block { background-color: #606060; } .dx-datagrid-rowsview .dx-selection.dx-row>.dx-datagrid-readonly .dx-texteditor .dx-texteditor-input, .dx-datagrid-rowsview .dx-selection.dx-row:hover>.dx-datagrid-readonly .dx-texteditor .dx-texteditor-input { background-color: #606060; color: #fff; } .dx-datagrid-rowsview .dx-selection.dx-row>td.dx-focused, .dx-datagrid-rowsview .dx-selection.dx-row:hover>td.dx-focused { background-color: #fff; color: #232323; } .dx-datagrid-rowsview .dx-selection.dx-row>.dx-datagrid-readonly.dx-focused .dx-texteditor .dx-texteditor-input, .dx-datagrid-rowsview .dx-selection.dx-row:hover>.dx-datagrid-readonly.dx-focused .dx-texteditor .dx-texteditor-input { background-color: #fff; color: #232323; } .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines)>td, .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines)>td { border-bottom: 1px solid #606060; border-top: 1px solid #606060; } .dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines:first-child>td, .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines:first-child>td { border-top: 1px solid #606060; } .dx-datagrid-group-opened { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-group-opened:before { content: "\f001 "; } .dx-datagrid-group-closed { font: 14px/1 DXIcons; width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-datagrid-group-closed:before { content: "\f04e "; } .dx-datagrid-group-opened, .dx-datagrid-group-closed { width: 100%; } .dx-datagrid-search-text { color: #fff; background-color: #606060; } .dx-datagrid-nodata { color: #a8a8a8; font-size: 17px; } .dx-datagrid-bottom-load-panel { border-top: 1px solid #d3d3d3; } .dx-datagrid-pager { border-top: 3px double #d3d3d3; } .dx-datagrid-pager.dx-widget { color: #232323; } .dx-datagrid-summary-item { color: rgba(35,35,35,.7); } .dx-datagrid-total-footer { border-top: 1px solid #d3d3d3; } .dx-row.dx-datagrid-group-footer.dx-column-lines { border-bottom: 1px solid #d3d3d3; } .dx-row.dx-datagrid-group-footer>td { background-color: #fff; border-top: 1px solid #d3d3d3; border-left-width: 0; } .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>td:not(.dx-focused).dx-datagrid-group-space { border-left-color: rgba(96,96,96,.1); border-right-color: transparent; } .dx-rtl .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input, .dx-rtl .dx-editor-cell .dx-dropdowneditor.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 7px; } .dx-rtl .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input, .dx-rtl .dx-editor-cell .dx-editor-with-menu .dx-texteditor.dx-numberbox-spin .dx-texteditor-input { padding-left: 41px; } .dx-rtl .dx-editor-cell .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input, .dx-rtl .dx-editor-cell .dx-editor-with-menu .dx-texteditor.dx-numberbox-spin-touch-friendly .dx-texteditor-input { padding-left: 81px; } .dx-rtl .dx-editor-cell .dx-dropdowneditor.dx-dropdowneditor-button-visible .dx-texteditor-input, .dx-rtl .dx-editor-cell .dx-editor-with-menu .dx-dropdowneditor.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-left: 41px; } .dx-rtl .dx-datagrid .dx-column-lines>td { border-right: 1px solid #d3d3d3; } .dx-rtl .dx-datagrid .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon { margin: 0 3px; } .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row>td:not(.dx-focused).dx-datagrid-group-space, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover>td:not(.dx-focused).dx-datagrid-group-space { border-left-color: #606060; } .dx-rtl .dx-datagrid-search-panel { margin-bottom: 10px; margin-right: 10px; } .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item, .dx-rtl .dx-datagrid-group-panel .dx-block-separator { margin-left: 10px; } .dx-datagrid-table-fixed .dx-row.dx-group-row td { background-color: #ececec; } .dx-menu-item { color: #232323; } .dx-menu-item.dx-state-focused, .dx-menu-item.dx-state-active, .dx-menu-item-expanded { outline: none; background-color: rgba(96,96,96,.1); color: #232323; } .dx-menu-base { color: #232323; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; line-height: normal; } .dx-menu-base input, .dx-menu-base textarea { font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; } .dx-menu-base .dx-menu-item-selected, .dx-menu-base .dx-menu-item-selected.dx-state-focused, .dx-menu-base .dx-menu-item-selected.dx-state-active { background-color: #606060; } .dx-menu-base .dx-menu-item-selected *, .dx-menu-base .dx-menu-item-selected.dx-state-focused *, .dx-menu-base .dx-menu-item-selected.dx-state-active * { color: #fff; } .dx-menu-base.dx-state-focused { outline: none; } .dx-menu-base .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-menu-base .dx-menu-item-content { padding: 3px 5px 7px; } .dx-menu-base .dx-menu-item-content .dx-menu-item-text { padding: 0 25px 5px 5px; } .dx-menu-base .dx-menu-item-content .dx-menu-item-popout { min-width: 7px; min-height: 7px; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-icon { margin-left: auto; margin-right: 5px; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container { margin-left: 0; margin-right: auto; } .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout { -ms-filter: "FlipH"; filter: FlipH; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .dx-context-menu-container-border { background-color: transparent; border: 1px solid #d3d3d3; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.15); box-shadow: 0 1px 1px rgba(0,0,0,.15); } .dx-menu { color: #232323; } .dx-menu .dx-menu-item-expanded { background-color: #fff; } .dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon { margin: 0 19px 0 3px; } .dx-menu .dx-menu-item-has-text .dx-menu-item-text { padding: 0 0 5px 5px; } .dx-menu .dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon { margin: 0 3px; } .dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text { padding: 0 19px 5px 5px; } .dx-menu .dx-menu-horizontal .dx-menu-item-popout { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAQAAADoz+32AAAAJ0lEQVQY0zXHsQ0AIADDsDzYi5rfywDIkzHuayhNXwQR44wIvSJlHGpwGRxVkleEAAAAAElFTkSuQmCC); } .dx-menu .dx-menu-vertical .dx-menu-item-popout { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAQAAACFbCRbAAAAKklEQVQYV2Oo9q1hqGH4z8BQ8x/ErAYxgBDIhDCAoiApoAhYCqYGyAMxADcNGRxZXrsnAAAAAElFTkSuQmCC); } .dx-menu.dx-rtl .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon { margin: 0 3px 0 19px; } .dx-menu.dx-rtl .dx-menu-item-has-text .dx-menu-item-text { padding: 0 5px 5px 0; } .dx-menu.dx-rtl .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text { padding: 0 5px 5px 19px; } .dx-context-menu { color: #232323; } .dx-context-menu.dx-overlay-content.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-context-menu .dx-submenu>.dx-menu-items-container { background-color: #fff; border: 1px solid #d3d3d3; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.15); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.15); box-shadow: 0 2px 2px rgba(0,0,0,.15); } .dx-context-menu .dx-menu-item-selected>.dx-menu-item-content, .dx-context-menu .dx-menu-item-selected.dx-state-focused>.dx-menu-item-content, .dx-context-menu .dx-menu-item-selected.dx-state-active>.dx-menu-item-content { color: #fff; } .dx-context-menu .dx-item-selected>.dx-menu-item>.dx-menu-item-content .dx-menu-item-popout { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAQAAACFbCRbAAAAIklEQVQYV2P47/ufAQQZ/v+HMBmAFJgJEgYzkUSQ1IB1AQB+mSPiDtT8NgAAAABJRU5ErkJggg==); } .dx-context-menu .dx-menu-item-popout { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAQAAACFbCRbAAAAKklEQVQYV2Oo9q1hqGH4z8BQ8x/ErAYxgBDIhDCAoiApoAhYCqYGyAMxADcNGRxZXrsnAAAAAElFTkSuQmCC); } .dx-context-menu .dx-menu-separator { background-color: #d3d3d3; } .dx-context-menu.dx-rtl .dx-menu-item-content { padding: 5px 3px 5px 5px; } .dx-context-menu.dx-rtl .dx-menu-item-content .dx-menu-item-text { padding: 0 5px 5px 25px; } .dx-context-menu-content-delimiter { background-color: #fff; } .dx-calendar { width: 282px; min-width: 282px; height: 268.6px; min-height: 268.6px; background-color: #fff; -webkit-tap-highlight-color: transparent; outline: 0; border: 1px solid transparent; } .dx-calendar.dx-calendar-with-footer { height: 323.6px; min-height: 293.6px; } .dx-calendar.dx-calendar-with-footer .dx-calendar-body { bottom: 55px; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer { text-align: center; height: 45px; width: 100%; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button { background: none; } .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button.dx-state-active { background-color: rgba(96,96,96,.2); } .dx-calendar-navigator { line-height: 1.6; height: 36px; display: table; border-collapse: collapse; } .dx-calendar-navigator .dx-button { height: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; display: table-cell; border-color: #e0e0e0; } .dx-calendar-navigator .dx-button .dx-icon { font-size: 16px; } .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link { border-collapse: collapse; visibility: visible; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link .dx-button-content { filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; opacity: .5; } .dx-calendar-navigator .dx-button.dx-state-active:not(.dx-calendar-disabled-navigator-link) { z-index: 1; } .dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) { z-index: 1; border-color: #b7b7b7; } .dx-calendar-navigator .dx-calendar-caption-button { font-size: 16px; font-weight: bold; line-height: 1.2; text-transform: uppercase; right: 32px; left: 32px; background: none; } .dx-calendar-navigator .dx-calendar-caption-button.dx-button { padding: 2px 15px 4px; } .dx-calendar-navigator .dx-calendar-caption-button.dx-button.dx-state-active { background-color: rgba(96,96,96,.2); } .dx-calendar-navigator-previous-month { width: 32px; padding: 0; background: none; } .dx-calendar-navigator-previous-month.dx-button { margin: 0 2px; } .dx-calendar-navigator-previous-month.dx-state-hover { z-index: 1; } .dx-calendar-navigator-previous-month, .dx-calendar-navigator-next-view { width: 32px; padding: 0; background: none; } .dx-calendar-navigator-previous-month.dx-button, .dx-calendar-navigator-next-view.dx-button { margin: 0 1px; } .dx-calendar-navigator-previous-view, .dx-calendar-navigator-previous-month { left: 0; } .dx-calendar-navigator-previous-view.dx-button, .dx-calendar-navigator-previous-month.dx-button { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .dx-calendar-navigator-next-view, .dx-calendar-navigator-next-month { right: 0; } .dx-calendar-navigator-next-view.dx-button, .dx-calendar-navigator-next-month.dx-button { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .dx-calendar-body { top: 52px; } .dx-calendar-body thead { border-bottom: 1px double #d3d3d3; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 1.2; } .dx-calendar-body thead tr th { color: #a8a8a8; padding-bottom: 10px; } .dx-calendar-body table { padding: 1px 1px; } .dx-calendar-body table th { color: #a8a8a8; text-align: center; font-size: 12px; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; padding: 1px 0 6px 0; } .dx-calendar-cell { text-align: center; padding: 1px 8px 2px; color: #232323; font-size: 15px; border: 1px double transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; width: 39px; } .dx-calendar-cell.dx-state-hover { background-color: rgba(96,96,96,.1); } .dx-calendar-cell.dx-calendar-today { text-shadow: 0 1px 0 #232323; } .dx-calendar-cell.dx-calendar-other-view, .dx-calendar-cell.dx-calendar-empty-cell { color: #9f9f9f; } .dx-calendar-cell.dx-calendar-empty-cell { cursor: default; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAm0lEQVRIx7XVwQnAIAwF0ExSdBF1a6Er9dIRqsVAazWJmh4+iuBT4YMQ4w4pWxk1clt5YlOOFKeAumJZXAgKOKIBb6yBv9AansU/aAsexZtoD5biXZSCOZxEObiHs6gErnERKoURP0uCZM9IpRB2WvDz+eIqzvRUhMNkT1mcQz1xsKfwWZTFV1ASX0W7uAbaxPOCUUBr3MBfn+kF3CNLT2/yky4AAAAASUVORK5CYII=) center center no-repeat; } .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover { background-color: transparent; } .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) { background-color: rgba(96,96,96,.2); } .dx-calendar-cell.dx-calendar-selected-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today { color: #fff; background-color: #606060; text-shadow: 0 1px 0 white; font-weight: normal; } .dx-calendar-cell.dx-calendar-contoured-date { border: 1px double #606060; border-color: rgba(96,96,96,.4); } .dx-state-focused.dx-calendar { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-invalid.dx-calendar { border-color: rgba(234,68,68,.4); } .dx-invalid.dx-calendar.dx-state-focused { border-color: #ea4444; } .dx-popup-wrapper .dx-calendar .dx-calendar-caption-button { margin: 0; } .dx-treeview .dx-loadindicator { top: 8px; left: 5px; width: 18px; height: 18px; } .dx-treeview.dx-treeview-border-visible { border: 1px solid #d3d3d3; } .dx-treeview.dx-treeview-border-visible .dx-treeview-node-container:first-child { padding-left: 7px; padding-top: 7px; } .dx-treeview .dx-treeview-select-all-item { margin: 0 0 7px 0; border-bottom: 1px solid #d3d3d3; padding: 9px 0 11px 26px; } .dx-treeview .dx-treeview-node-container:first-child>.dx-treeview-node { padding-left: 15px; } .dx-treeview .dx-treeview-node-container:first-child>.dx-treeview-node>.dx-checkbox { left: 19px; } .dx-treeview .dx-treeview-node-container:first-child>.dx-treeview-node>.dx-treeview-toggle-item-visibility { background-position: 4px 50%; } .dx-treeview .dx-treeview-node-container:first-child>.dx-treeview-node>.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened { background-position: 0 50%; } .dx-treeview .dx-treeview-node-container:first-child>.dx-treeview-node>.dx-loadindicator { left: -1px; } .dx-treeview .dx-treeview-node { padding-left: 21px; } .dx-treeview .dx-treeview-node.dx-state-selected>.dx-treeview-item { color: #232323; } .dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox .dx-treeview-item { padding-left: 36px; } .dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox .dx-checkbox { top: 5px; left: 25px; } .dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox.dx-state-focused>.dx-checkbox .dx-checkbox-icon { border: 1px solid #606060; } .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused>.dx-treeview-item { background-color: #606060; } .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused>.dx-treeview-item * { color: #fff; } .dx-treeview .dx-treeview-item { padding: 6px 6px; min-height: 32px; } .dx-treeview .dx-treeview-item .dx-icon { width: 18px; height: 18px; background-position: 0 0; -webkit-background-size: 18px 18px; -moz-background-size: 18px 18px; background-size: 18px 18px; padding: 0; font-size: 18px; text-align: center; line-height: 18px; } .dx-treeview .dx-treeview-item.dx-state-hover { background-color: rgba(96,96,96,.1); } .dx-treeview .dx-treeview-item.dx-state-hover * { color: #232323; } .dx-treeview .dx-treeview-toggle-item-visibility { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAQAAADWMFy7AAAAJ0lEQVQY02OQa/jPAIEMcv9hHBATyoEwwRwYE8jBwmzA0AY3DG4FAGi6MF2DkI0NAAAAAElFTkSuQmCC) no-repeat 10px 50%; width: 21px; height: 32px; top: 0; left: 0; } .dx-treeview .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAQAAADWbbXjAAAAK0lEQVQY013IsQ0AIAzEQE+SWX9zU5AgEbnyUSlXQRZH8OdI4+Pca5TKkBwcVzBdcr+uWgAAAABJRU5ErkJggg==); background-position: 6px 50%; } .dx-treeview.dx-rtl.dx-treeview-border-visible .dx-treeview-node-container:first-child { padding-left: 0; padding-right: 7px; } .dx-treeview.dx-rtl .dx-treeview-node { padding-right: 21px; } .dx-treeview.dx-rtl .dx-treeview-item .dx-icon { margin-left: 5px; } .dx-treeview.dx-rtl .dx-treeview-node-container:first-child { float: right; } .dx-treeview.dx-rtl .dx-treeview-node-container:first-child>.dx-treeview-node { padding-right: 15px; } .dx-treeview.dx-rtl .dx-treeview-node-container:first-child>.dx-treeview-node>.dx-checkbox { right: 19px; } .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item { padding-right: 36px; } .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox { right: 25px; } .dx-treeview.dx-rtl .dx-treeview-select-all-item { padding-left: 0; padding-right: 26px; } .dx-treeview.dx-rtl.dx-rtl .dx-treeview-node .dx-checkbox { left: auto; } .dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox { overflow: visible; } .dx-field { color: #232323; font-weight: normal; font-size: 14px; font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; line-height: normal; } .dx-field input, .dx-field textarea { font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif; } .dx-field-label { color: #767676; } .dx-field-value.dx-attention { color: #ea4444; padding-left: 28px; } .dx-field-value.dx-attention:before { pointer-events: none; font-weight: bold; background-color: #ea4444; color: #fff; content: '!'; position: absolute; top: 50%; margin-top: -9px; width: 18px; height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 18px; font-size: 13px; } .dx-field-label { padding: 8px 15px 9px 0; } .dx-field { min-height: 36px; padding: 0; } .dx-field-value.dx-widget, .dx-field-value:not(.dx-widget)>.dx-widget { margin: 0; } .dx-field-value:not(.dx-widget)>.dx-button, .dx-field-value:not(.dx-widget)>.dx-checkbox, .dx-field-value:not(.dx-widget)>.dx-switch { float: right; } .dx-field-value.dx-checkbox, .dx-field-value:not(.dx-widget)>.dx-checkbox { margin: 7px 0; } .dx-field-value.dx-switch, .dx-field-value:not(.dx-widget)>.dx-switch { margin: 6px 0; } .dx-field-value.dx-slider, .dx-field-value:not(.dx-widget)>.dx-slider { margin: 4px 0; } .dx-field-value.dx-radiogroup, .dx-field-value:not(.dx-widget)>.dx-radiogroup { margin: 5px 0; } .dx-field-value.dx-attention { padding: 8px 10px 9px; position: relative; padding-left: 28px; } .dx-field-value.dx-attention:before { left: 0; } .dx-field-value-static { padding: 8px 10px 9px; } .dx-fieldset { margin: 30px 20px; padding: 0; } .dx-fieldset-header { margin: 0 0 20px 0; font-weight: 500; font-size: 18px; } .dx-field { margin: 0 0 10px 0; } .dx-field:last-of-type { margin: 0; } .dx-device-mobile .dx-fieldset { margin: 20px 15px; padding: 0; } .dx-device-mobile .dx-fieldset-header { margin: 0 0 20px 0; font-weight: 500; font-size: 18px; } .dx-device-mobile .dx-field { margin: 0 0 10px 0; } .dx-device-mobile .dx-field:last-of-type { margin: 0; } .dx-tabpanel .dx-tabs { display: block; border-bottom: none; background-color: rgba(96,96,96,.1); } .dx-tabpanel .dx-tab { width: 140px; } .dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) { background: none; } .dx-tabpanel .dx-tab-selected:before { content: ""; pointer-events: none; position: absolute; top: 100%; bottom: -1px; left: 0; right: 0; z-index: 2; border-bottom: 1.5px solid #fff; bottom: -1.4px; } .dx-tabpanel .dx-indent-wrapper { display: block; } .dx-tabpanel.dx-state-focused .dx-multiview-wrapper { border: 1px solid #606060; } .dx-tabpanel.dx-state-focused .dx-tab-selected:after { border-top: 1px solid #606060; border-right: 1px solid #606060; border-left: 1px solid #606060; } .dx-tabpanel .dx-multiview-wrapper { border: 1px solid #d3d3d3; } .dx-fileuploader-wrapper { padding: 7px; } .dx-fileuploader-content>.dx-fileuploader-upload-button { margin-left: 3px; margin-right: 3px; } .dx-fileuploader-input-wrapper { padding: 7px 0 7px; border: 3px dashed transparent; } .dx-fileuploader.dx-state-disabled .dx-fileuploader-input-label { position: relative; } .dx-fileuploader-dragover .dx-fileuploader-input-wrapper { border-color: #d3d3d3; padding: 0; } .dx-fileuploader-dragover .dx-fileuploader-input-wrapper .dx-fileuploader-button { display: none; } .dx-fileuploader-dragover .dx-fileuploader-input-label { text-align: center; } .dx-fileuploader-dragover .dx-fileuploader-input-container { display: block; width: 100%; } .dx-fileuploader-dragover .dx-fileuploader-input { display: block; width: 100%; padding: 14px 0; } .dx-fileuploader-dragover .dx-fileuploader-input-label { padding: 14px 9px; } .dx-fileuploader-file-status-message, .dx-fileuploader-file-size { color: #a8a8a8; } .dx-fileuploader-input { padding: 7px 0; } .dx-fileuploader-input-label { padding: 8px 9px; color: #232323; overflow: hidden; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dx-fileuploader-files-container { padding: 12px 3px 0; } .dx-fileuploader-files-container .dx-fileuploader-button { padding: 0; } .dx-fileuploader-file { padding-top: 5px; line-height: 13px; } .dx-fileuploader-empty .dx-fileuploader-files-container { padding: 0; } .dx-fileuploader-file-name { padding-bottom: 3.5px; color: #232323; } .dx-fileuploader-file-size { padding-bottom: 3.5px; } .dx-validationsummary-item { color: #ea4444; } .dx-timeview { height: auto; width: auto; } .dx-timeview-clock { min-height: 199px; min-width: 199px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL8AAAC/CAQAAAAF48WNAAAQA0lEQVR42u2deXQV1R3HJwkh7CQsshyxIVqkxUBYYlgihE1StRxOKxb6FQm9KMKxEEUoixBLa1W2IGpaQQ0eyyJooQItCpICKopCFFQqClEWlyKEHVF40z/end/MvDdvnzuZl3fP94+8vDdz585n7tzld3/3/hQocaCWyMVwTMECLMN67MQBHMNJnIYKFSrO4CSO4QB2YgNewEJMxW+Qh1bxcGfuzVorDMZkLMNunOOYI9UF7MELeBCD0VriD0/JuAET8CIORok8kL7E3zEBXZAi8VurNYqwCidsxu6rE1iFIve8DW7IRAc8hD3wBIF2BnvxKp7AFIzBUPRBR2QhAxloCAUNkIEMZOF69MZQjMGDWIR1+ABngqTnwR7MRsdEx98e01AZANH3eA/PYhIGoEWUqbdAf0zEUuzC9wGu8QFm4NpExJ+G4diMK5bVw1oUIw+ptl6tNx7EP3Hc8k3YghFISxz8P8F8fOuH4Qp2YQ56CW0ck5GLWXgbly0e+gJk1X783bESP/rc+mVswd1o6WAumoPhdb+HcBmrcWPtxT8QW/1K3U6Mr7EBUguMw9t+OdqOwbUPf74f+hNYjGwX9Ls6odSvu7sd/WoP/q7Y5HN7lShCPRcNf9IwGnt98rgZXeMff0s859O/eR0DXWkASMIQbDaNPq7gObSJX/x1MRnVJvSb7GvaWCZLp88FrED/Lyb1wEZTjs9iBurGI/48n9e5Avk2gS9lFUxlKiuAAoWVsGqmMpVVsyKbct4bm005/wS94wt/I5SaqpyPUWhf6kxlVQb8FayClfAHkm7bVQrxsakaegqN4wV/P1QZsl6N+1HHzvRZJhQD/hwoUFi6/o1NqoMJplHyYRFtlt0JpuJRQ7n3oDxqi02oN8AEm2Uylaks0+brZOBZQ2N8BfPsNk7YbbvcZSgvBzFIVJ3ph38tU1m5kGsV4IDhnnbjZ27FfzvOGkrKfDQQ12Mw42flTGWVNtb8ZtXH4wYDxTmMdB/+OphneE0Po7/Y/rIRv2D4Xt2ELwzvwCK77LF2Da6MJoU1yBA9SDI0veVMZeWC4StQ0BQrTWaJVm7B3wmHDJMk4xxBr6nE9F+B4GuPwUXD7HG2G/APxClDpeOAwZZVGFRk+i9H+NW7GSqhM7GPZmLNDnCJsvOGozb7mlJzvE53/AOKahL/RENzu9TewZWLlYIyw8imuKbwzzZkYnqCoNc02TC4fKgm8P+FLn8JIxIMvgIFv8YFIvC40/jn0KXP4+YEhO8dD58mCvOdxD+VLnsaNyUofO/sgD5N+Sen8N9nmK/tkcDwFSjIwf+IxlQn8IN6O6ecdstwpbrRuMcDiMY/gPr55xO62jGqF7nAX8IAkfivo7nbSwnb4FoXygtUI2SLwt8Sn0X/mtVyDaUq+Ugk3hGRjPV0q+Y0CdxP04jOjvB9I8JPfh4lXyZhW6rMMB9gM/7b6eWqcNsCHRfZgnRvPtiJvwOtFTmcEFbN6K2hVdQv7GQX/ro0gX4JuRJyUHXFec5qH+rbg/9ReqXukYBDqohoPWkH/n40y79awg1Ly6l7PiRW/I1ocu2w+An0WqIm1AIcQZPY8JfSwpv+EmzYyqcaoywW/HmUzHwJNSI9ShVQfrT4U8lF/HORHmu1UvXwKWe3P5hfaPD5TO0JDpJAI1ZfGqhOjwZ/S5pKe17CjErP0AqZNpHjX0r++c0lyqiUTusDlkWKP4ccKSZKkFFrPFXfuZHh30QNR6rEGIMRbh8ZKiPAn08D50IJMcZ5MI1k//DxVwR/ZlIRSKtH3goXf396YvkSX8y6MVhNEqzsb5LwbNGrgcu/lcVae1rSi8ce5dAArGdo/Kv4oVslONu0IZDJ3vfAa2izoyESm40WUG2953XB8c+lbQCSJDYbtdPaB8J3VldzGB0jkdmqkeSUXC8w/uH8oJPhTBNLRaC6+MbKBcV8kLaRyhMSmO3SVgP9JxD+9mRmy5a4bFcW73560MEa/zTaXVDCEiFtOFtijX8P/3m8RCVEjPP9yAp/B/JpuEqiEqJm+IEzvsEf/yz+0xYJSpi0bfrm+OPfzX+6W2ISptGc8V5f/K14u3xFVj0C1ZT8ptqZ8WvP5R0JSah2cM5jzfhX8K//KBEJ1XTO+R9G/Mm0OjtPIhKqbrQCso6OP5sMQskSkVAlke2nu47/Xv7VWglIuNZw1pN0/C/yr4olHuG6n7N+Scd/SM7uOu75cFTDfxX/4qLIrdKluOrQ4rurvfgH83/flXAckRYv5lYv/gf4v89KNI7or/rWDAoUlBvbYinh0vyel3vxa8a2ARKNI8rX7f4KFNoMSBrbnDK8aXsEpChoSatYJBin9B1nnqn3Q3dLLI7pfa26V3AH//iyxOK44aFI35NzocTimLStqWYpWMA/PiCxOKZiznyxgmX846h4yLgaUnGBfxRnvlLBev4x3jaGTEZdNEQj1DdubhYn+Ido8SsVvBOH1s4kNMC1KMQ9uA93oBuaaY8gTvDncubvKxSVqoP1oSyTFdgejizWct8cv8QafAcPPLiI3ZiC67yTd+7BzwqCcMvizKsUHDG7PpiSSOexEFVW6qpR43BUmoJafod5yESSW/CzHB7GU2XW84dteL6/VmgD6KYWyZQzlVXzmKBFrrGX5+LffiG+j2ICGroGfwGrZCWsnKkBuGlmh1PB8VczlQ2DwoqYyipcU/bH+0QB9gaxWY/2rsGfzv9WMJWVWBzRWIt9pNCiRwsfBy0WFitgKlNd0ui2xUJTTGmVNm7sg2S31P0skxWwIqay6gD1P881fbBMpIKprJIVeFsAl5T+n2CJBXwVBzDQRfhLQgRyI/xaSUoK0oRUugh/K8wzBLDUtRc9kaS6p9+j1f3DguMPUvfzhHLYMBfV/Y0x1hTGWKv716Cd2/r9rDQAN0PdH6zpTefdz0qmMrf4AKWgM172Kf8eHMIo1HNPx5P/XRug62no+RzV3R4sarBKVsGqmcoqXVSqGuAWbKeVIiqu4ChmeyOIqm6p+atZBY8ob1X5tNb7/Z8FHvWyYayKqazakYCskagh+mIpqnAW53AcW3E3WnvbLpfgH8bRVwao+Q2jXs3m0yvOnJVaIhe3YyQGob2+CDzObD679d02hsad1TwJyUgx99jiz+K5LJ52cagl9v47OfNV+mzXZInfMU3SZ7v+IOd6HZe2bc9sBSMowL3E4rSnwxjdz2eXxFITfj7Sy815aV5u7RXoPp5yq2xn1ITsVCkKFHwgPZwdVT7tl6co0CPtSP9+Z6T596/y4p8pV7c4qjI9qoUCBb+Qa7sc1Q7z2q42cmWjo8bC87prj/crLcxXb4lHuHpw1l9B0fBrje8Uiccxe88aHf8E/tU6iccxg0Oxjr8L/+q43NFE+BzFV5x1ro4/GSf5l10lIqHKoVhehv18FKzWV1pLCdQ089Y92tdakN8dEpFQbeOcx5nxt+XebpfRTEISpqbkHnONGb++tYDcuV+cRvluI6z/VMJ/Wi8xCZO2ju4Rf/wdaacBWf2IUTouccad/fEr+JD/eI9EJURjKA6mYoV/Bv/5TYlKiN7gfB+2xn8t+fp3krBsVybFBrneGr+CLfyAUonLds2xGlmZDxlJCzXTJDBblUq2nlGB8afRupG7JDJbdQe589QPjF/BQn7YhzJqna3aaR2Sy/ew9jJmowD1Cjdmo4KXZLRe27Uu0HSW/6F5tFytuwRnizpTh75PaPx6eK+NEp0tWhs4HJ3V4YW0ZrCXhBezulPZvy08/Ho7LWN4xa5/BQvFaH3KYCr/N0uAMalfcJKhzEP7vFPCUlEphbZ92mZ9RKATe5CB6D6JMWqNpV5kz8jwK3ie7D9y+iU6NaHQ68sDHRP45NY4zU9eIlFGpac5v/NW+2WEwq/7pHhQIGFGrD5Ufc8KfFSwBNLwX9opqp4EGpHS8Ek47IIn0p+GDI9JpFFNroSoOUIls4RiWN8koUZg4fwxvHYzVEJNaZvVL5AuwYalxjjImR0LxSx0YgOpAlou0YalZVTx3Brq2HCSm0sD599JuCEFovVM6KPDSbAuDZ0voJsEHFRdaOHcfjSwB7+CjpToF2ghIQdUOj6ngtolnDPCTXgEvVKvGcMVSJkMbBuJ0tjwzgk/8VJKukyittQTROj5cM8JP/FUbKfk5RIkf40nOu+G76QWyQWuojGAJw73PRSrobSv7pHABrbY8CvIpi2Hz8vtZwzqS12TU8iO5MxILzSAlgickxPxXHlUKC+jMLJzoxlWeOhJy1XACrJxgmr98ZGeHc0F76fLHU/4B9CFZrRUzIj8/OguOosuWZ3Qu6DcaCj586JJIdoLP0aXPZuwjXBfmo5VsSi6NKK/uP4ALuBXCdnVPE8EFkbrjh9LBmYaAhgkWrzT3xviZ8yJPp3YMlFsCOH0dMLYglIMBhgVU2NJK9asjKZxgIpNzm/EynIcjyiZbjCs/RiuaU0UfgUDadCh4pCTHVGWQxElcxzsaH5Od3sm9hVAdmSpE76kLF1EkUPw01kVU1kFK2HlrMCxmSy9uT2ibw1Qs/gVtKa9Kb1zwk0cwF/icCyxxig33OPbaGtHqnZlLtVg7VZR5b+Mxnb8lUxlRayIlThS9nsaKh0VZXbteGpnFn9reDUv4xGxm7IylakUFVdshVcXc8hvR8VFjLYvbXsz+nPaDd27NqCXYPzlPDBflUD4fchd0HtP2Xambndm07DAMBa4gjJRzlms2oFgtul4ihxlVXiw2G5fVxGZHkSBCL1W0QkiVsiwtd5QxKxYUOlPBjOF5jwWqS2/pvAraIIyQ6lRsc9+F3Vvqec9/2Lb76AAe0whOZeIeYvF1Zn52G+KKrrR7iEZj4xYZTv8HhTJz6tP0U8UJZE9hjTMxFlTGXolPOejGlRnrDWFIj+LmeY9SOIHvwIFbfCcqRryYAMGuRR9f2wwofdgBdqJvaYTt9UTW31iS1fiTleFakjFCIqlpWl7oNWI8Ybf6yHxps/tfYt56OgC9D/FY/jWJ287MdiZqzt5o4V4y+c2PdgGVmMLVzMwBhWm6kaFindCe+XHJ34FCnrjFVNb4A0fthFFjq6dSccorDfMVGiDxFecdhyoiVKXhUUGDwF96mIbpqOr0E3MktAV07HNYMFRyWdpse9OU7UVvwIF9QFs83vxVaj4BqtRjDyk2ni1OuiOYqzG1xbXU7Edd4nsXLoRv1cdUIKPLZGoOIe38DeMRx80jXrs3RvjUIYdFJXSV/vxcM02/27o9t2AOdgbAJC2r8R7WI25mIQ7UYhcZKEZMtCYn98IGWiGLOSiEMBEzMVq7DJ4n1npE/zZDUNA9/S9r8ZYvGyYNxajs1iHe5Hplrt228hTq6WP2oz9a96iuGx3IvdaX9rhFkzDCuzD91Eiv4SPsBLTcJsWqsN9ige3piS0RR+Mwiw8iRV4DXtwEMdxEmfI4eMkvsNB7MFrWIEnMRujMRDt48Ht6/8v5DIilGMhYAAAAABJRU5ErkJggg==) no-repeat 50% 50%; background-size: 191px; } .dx-timeview-hourarrow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAA5CAQAAABU3im4AAAANUlEQVQoU2NIlkvelfwZiOUYkncn/wfD/QzJP6HMPwxQBhCOMkeZxDCR0g5SipIDcr4AsTwAUieEZJG7FqcAAAAASUVORK5CYII=); background-size: 5px 57px; } .dx-timeview-minutearrow { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAABPCAQAAACJpcdkAAAAN0lEQVQ4T2NIlkvelfwZiOUYkncn/wfD/QzJP6HMPwxQBhCOMkeZo0xsTKTcgpSH5ICcL0AsDwAA0RyP9T484wAAAABJRU5ErkJggg==); background-size: 5px 79px; } .dx-timeview-field { min-height: 50px; } .dx-timeview-field .dx-numberbox { width: 70px; } .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly { width: 110px; } .dx-scheduler.dx-state-focused, .dx-scheduler-header.dx-state-focused, .dx-scheduler-navigator.dx-state-focused, .dx-scheduler-work-space.dx-state-focused { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dx-scheduler-header { background-color: #fafafa; border: 1px solid rgba(211,211,211,.6); height: 56px; } .dx-scheduler-navigator { margin-top: 10px; height: 36px; } .dx-scheduler-navigator .dx-button { margin-right: 5px; height: 36px; } .dx-scheduler-view-switcher.dx-tabs { font-size: 16px; } .dx-scheduler-view-switcher.dx-tabs .dx-tab { background-color: #fafafa; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected { background-color: #fff; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:before { background-color: #fff; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after { border-left: 1px solid rgba(211,211,211,.6); border-right: 1px solid rgba(211,211,211,.6); border-top: 1px solid #606060; border-bottom: none; } .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:after { height: 56px; } .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) { border-bottom: 1px solid rgba(211,211,211,.6); } .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) .dx-scheduler-group-header { font-size: 14px; color: #a8a8a8; } .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header { font-weight: bold; font-size: 18px; color: #232323; } .dx-scheduler-all-day-panel { background-color: #fafafa; } .dx-scheduler-all-day-title { font-weight: bold; } .dx-scheduler-work-space { padding-top: 56px; margin-top: -56px; } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title { border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell { border-left: 1px solid rgba(211,211,211,.6); } .dx-scheduler-work-space-week .dx-scheduler-date-table-row:first-child { border-top: none; } .dx-scheduler-work-space-grouped .dx-scheduler-all-day-panel td { border-left: 1px solid rgba(211,211,211,.6); border-top: 1px solid rgba(211,211,211,.6); } .dx-scheduler-date-table-cell { border-left: 1px solid rgba(211,211,211,.6); border-right: 1px solid rgba(211,211,211,.6); } .dx-scheduler-all-day-table-cell.dx-state-active, .dx-scheduler-date-table-cell.dx-state-active { background-color: rgba(211,211,211,.7); } .dx-scheduler-all-day-table-cell.dx-state-hover, .dx-scheduler-date-table-cell.dx-state-hover { background-color: rgba(211,211,211,.5); } .dx-recurrence-editor-container { position: relative; margin-top: 15px; margin-bottom: 21px; padding-top: 17px; } .dx-recurrence-editor-container:before { content: ""; position: absolute; background-color: #fafafa; left: -25px; width: 110%; top: 3px; bottom: -15px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; } .dx-sheduler-appointment-popup .dx-popup-content { padding: 0; margin-bottom: 10px; } .dx-sheduler-appointment-popup .dx-popup-content .dx-scrollable-container { padding: 0 10px; } .dx-sheduler-appointment-popup .dx-fieldset { margin: 0 15px 15px 10px; } .dx-sheduler-appointment-popup .dx-popup-title { background-color: #fff; border-bottom: none; } .dx-sheduler-appointment-popup .dx-popup-title .dx-closebutton, .dx-sheduler-appointment-popup .dx-popup-title .dx-closebutton.dx-rtl { margin: 0; } .dx-sheduler-appointment-popup .dx-toolbar-after { margin-right: 4px; } .dx-rtl .dx-sheduler-appointment-popup .dx-toolbar-after { margin-left: 4px; margin-right: 0; } .dx-sheduler-appointment-popup .dx-recurrence-repeat-end-container { margin: 0; } .dx-sheduler-appointment-popup .dx-sheduler-appointment-popup-allday-field, .dx-sheduler-appointment-popup .dx-recurrence-interval-field, .dx-sheduler-appointment-popup .dx-sheduler-appointment-popup-recurrence-field { margin-top: 14px; } .dx-sheduler-appointment-popup .dx-recurrence-switch { margin-top: 6px; } .dx-sheduler-appointment-popup .dx-sheduler-appointment-popup-recurrence-field { margin-bottom: 13px; } .dx-sheduler-appointment-popup .dx-recurrence-repeat-on, .dx-sheduler-appointment-popup .dx-recurrence-repeat-end-field, .dx-sheduler-appointment-popup .dx-sheduler-appointment-popup-allday-field { margin-bottom: 4px; } .dx-sheduler-appointment-popup .dx-recurrence-interval-field { margin-bottom: 10px; margin-top: -4px; } .dx-scheduler-appointment-tooltip-buttons:before, .dx-scheduler-appointment-tooltip-buttons:after { display: table; content: ""; line-height: 0; } .dx-scheduler-appointment-tooltip-buttons:after { clear: both; } .dx-scheduler-appointment-tooltip-buttons .dx-button { padding: 3px 6px; } .dx-scheduler-appointment-tooltip-buttons .dx-button:nth-child(even) { float: right; margin-right: 0; } .dx-scheduler-appointment-tooltip-buttons .dx-button:nth-child(odd) { float: left; margin-left: 0; } .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n+7), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n+7), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week th:nth-child(7n+7), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n+7), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month th:nth-child(7n+7), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-date-table-cell, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day th, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n+5), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n+5), .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week th:nth-child(5n+5), .dx-scheduler-work-space-grouped .dx-scheduler-group-row th { border-right: 1px solid #a0a0a0; } .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n+7), .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n+7), .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week th:nth-child(7n+7), .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n+7), .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month th:nth-child(7n+7), .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-date-table-cell, .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell, .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day th, .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n+5), .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n+5), .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week th:nth-child(5n+5), .dx-rtl .dx-scheduler-work-space-grouped .dx-scheduler-group-row th { border-left: 1px solid #a0a0a0; border-right: 1px solid rgba(211,211,211,.6); } .dx-desktop-layout-main-menu { background: #606060; } .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected { background: #efefef; } .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected .dx-tab-text { color: #232323; } .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected.dx-state-hover { background: #efefef; } .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected.dx-state-hover .dx-tab-text { color: #232323; } .dx-desktop-layout-main-menu .dx-nav-item.dx-state-hover { background: #9d9d9d; } .dx-desktop-layout-main-menu .dx-nav-item.dx-state-hover .dx-tab-text { color: #efefef; } .dx-desktop-layout-main-menu .dx-nav-item .dx-tab-text { color: #efefef; } .dx-desktop-layout-copyright { color: #818181; } .dx-desktop-layout-toolbar { background: #efefef; border-bottom-color: #d6d6d7; } .dx-splitter { border-right-color: #d6d6d7; } html { font-family: sans-serif; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0 none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0 none repeat scroll 0 0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0 none; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0 none; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { box-sizing: content-box; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0 none; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @media print { *, *::before, *::after { background: transparent none repeat scroll 0 0 !important; box-shadow: none !important; color: #000 !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]::after { content: " (" attr(href) ")"; } abbr[title]::after { content: " (" attr(title) ")"; } a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .font8px { font-size:8px !important; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: "Glyphicons Halflings"; src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .glyphicon { display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; line-height: 1; position: relative; top: 1px; } .glyphicon-asterisk::before { content: "*"; } .glyphicon-plus::before { content: "+"; } .glyphicon-euro::before, .glyphicon-eur::before { content: "€"; } .glyphicon-minus::before { content: "−"; } .glyphicon-cloud::before { content: "☁"; } .glyphicon-envelope::before { content: "✉"; } .glyphicon-pencil::before { content: "✏"; } .glyphicon-glass::before { content: ""; } .glyphicon-music::before { content: ""; } .glyphicon-search::before { content: ""; } .glyphicon-heart::before { content: ""; } .glyphicon-star::before { content: ""; } .glyphicon-star-empty::before { content: ""; } .glyphicon-user::before { content: ""; } .glyphicon-film::before { content: ""; } .glyphicon-th-large::before { content: ""; } .glyphicon-th::before { content: ""; } .glyphicon-th-list::before { content: ""; } .glyphicon-ok::before { content: ""; } .glyphicon-remove::before { content: ""; } .glyphicon-zoom-in::before { content: ""; } .glyphicon-zoom-out::before { content: ""; } .glyphicon-off::before { content: ""; } .glyphicon-signal::before { content: ""; } .glyphicon-cog::before { content: ""; } .glyphicon-trash::before { content: ""; } .glyphicon-home::before { content: ""; } .glyphicon-file::before { content: ""; } .glyphicon-time::before { content: ""; } .glyphicon-road::before { content: ""; } .glyphicon-download-alt::before { content: ""; } .glyphicon-download::before { content: ""; } .glyphicon-upload::before { content: ""; } .glyphicon-inbox::before { content: ""; } .glyphicon-play-circle::before { content: ""; } .glyphicon-repeat::before { content: ""; } .glyphicon-refresh::before { content: ""; } .glyphicon-list-alt::before { content: ""; } .glyphicon-lock::before { content: ""; } .glyphicon-flag::before { content: ""; } .glyphicon-headphones::before { content: ""; } .glyphicon-volume-off::before { content: ""; } .glyphicon-volume-down::before { content: ""; } .glyphicon-volume-up::before { content: ""; } .glyphicon-qrcode::before { content: ""; } .glyphicon-barcode::before { content: ""; } .glyphicon-tag::before { content: ""; } .glyphicon-tags::before { content: ""; } .glyphicon-book::before { content: ""; } .glyphicon-bookmark::before { content: ""; } .glyphicon-print::before { content: ""; } .glyphicon-camera::before { content: ""; } .glyphicon-font::before { content: ""; } .glyphicon-bold::before { content: ""; } .glyphicon-italic::before { content: ""; } .glyphicon-text-height::before { content: ""; } .glyphicon-text-width::before { content: ""; } .glyphicon-align-left::before { content: ""; } .glyphicon-align-center::before { content: ""; } .glyphicon-align-right::before { content: ""; } .glyphicon-align-justify::before { content: ""; } .glyphicon-list::before { content: ""; } .glyphicon-indent-left::before { content: ""; } .glyphicon-indent-right::before { content: ""; } .glyphicon-facetime-video::before { content: ""; } .glyphicon-picture::before { content: ""; } .glyphicon-map-marker::before { content: ""; } .glyphicon-adjust::before { content: ""; } .glyphicon-tint::before { content: ""; } .glyphicon-edit::before { content: ""; } .glyphicon-share::before { content: ""; } .glyphicon-check::before { content: ""; } .glyphicon-move::before { content: ""; } .glyphicon-step-backward::before { content: ""; } .glyphicon-fast-backward::before { content: ""; } .glyphicon-backward::before { content: ""; } .glyphicon-play::before { content: ""; } .glyphicon-pause::before { content: ""; } .glyphicon-stop::before { content: ""; } .glyphicon-forward::before { content: ""; } .glyphicon-fast-forward::before { content: ""; } .glyphicon-step-forward::before { content: ""; } .glyphicon-eject::before { content: ""; } .glyphicon-chevron-left::before { content: ""; } .glyphicon-chevron-right::before { content: ""; } .glyphicon-plus-sign::before { content: ""; } .glyphicon-minus-sign::before { content: ""; } .glyphicon-remove-sign::before { content: ""; } .glyphicon-ok-sign::before { content: ""; } .glyphicon-question-sign::before { content: ""; } .glyphicon-info-sign::before { content: ""; } .glyphicon-screenshot::before { content: ""; } .glyphicon-remove-circle::before { content: ""; } .glyphicon-ok-circle::before { content: ""; } .glyphicon-ban-circle::before { content: ""; } .glyphicon-arrow-left::before { content: ""; } .glyphicon-arrow-right::before { content: ""; } .glyphicon-arrow-up::before { content: ""; } .glyphicon-arrow-down::before { content: ""; } .glyphicon-share-alt::before { content: ""; } .glyphicon-resize-full::before { content: ""; } .glyphicon-resize-small::before { content: ""; } .glyphicon-exclamation-sign::before { content: ""; } .glyphicon-gift::before { content: ""; } .glyphicon-leaf::before { content: ""; } .glyphicon-fire::before { content: ""; } .glyphicon-eye-open::before { content: ""; } .glyphicon-eye-close::before { content: ""; } .glyphicon-warning-sign::before { content: ""; } .glyphicon-plane::before { content: ""; } .glyphicon-calendar::before { content: ""; } .glyphicon-random::before { content: ""; } .glyphicon-comment::before { content: ""; } .glyphicon-magnet::before { content: ""; } .glyphicon-chevron-up::before { content: ""; } .glyphicon-chevron-down::before { content: ""; } .glyphicon-retweet::before { content: ""; } .glyphicon-shopping-cart::before { content: ""; } .glyphicon-folder-close::before { content: ""; } .glyphicon-folder-open::before { content: ""; } .glyphicon-resize-vertical::before { content: ""; } .glyphicon-resize-horizontal::before { content: ""; } .glyphicon-hdd::before { content: ""; } .glyphicon-bullhorn::before { content: ""; } .glyphicon-bell::before { content: ""; } .glyphicon-certificate::before { content: ""; } .glyphicon-thumbs-up::before { content: ""; } .glyphicon-thumbs-down::before { content: ""; } .glyphicon-hand-right::before { content: ""; } .glyphicon-hand-left::before { content: ""; } .glyphicon-hand-up::before { content: ""; } .glyphicon-hand-down::before { content: ""; } .glyphicon-circle-arrow-right::before { content: ""; } .glyphicon-circle-arrow-left::before { content: ""; } .glyphicon-circle-arrow-up::before { content: ""; } .glyphicon-circle-arrow-down::before { content: ""; } .glyphicon-globe::before { content: ""; } .glyphicon-wrench::before { content: ""; } .glyphicon-tasks::before { content: ""; } .glyphicon-filter::before { content: ""; } .glyphicon-briefcase::before { content: ""; } .glyphicon-fullscreen::before { content: ""; } .glyphicon-dashboard::before { content: ""; } .glyphicon-paperclip::before { content: ""; } .glyphicon-heart-empty::before { content: ""; } .glyphicon-link::before { content: ""; } .glyphicon-phone::before { content: ""; } .glyphicon-pushpin::before { content: ""; } .glyphicon-usd::before { content: ""; } .glyphicon-gbp::before { content: ""; } .glyphicon-sort::before { content: ""; } .glyphicon-sort-by-alphabet::before { content: ""; } .glyphicon-sort-by-alphabet-alt::before { content: ""; } .glyphicon-sort-by-order::before { content: ""; } .glyphicon-sort-by-order-alt::before { content: ""; } .glyphicon-sort-by-attributes::before { content: ""; } .glyphicon-sort-by-attributes-alt::before { content: ""; } .glyphicon-unchecked::before { content: ""; } .glyphicon-expand::before { content: ""; } .glyphicon-collapse-down::before { content: ""; } .glyphicon-collapse-up::before { content: ""; } .glyphicon-log-in::before { content: ""; } .glyphicon-flash::before { content: ""; } .glyphicon-log-out::before { content: ""; } .glyphicon-new-window::before { content: ""; } .glyphicon-record::before { content: ""; } .glyphicon-save::before { content: ""; } .glyphicon-open::before { content: ""; } .glyphicon-saved::before { content: ""; } .glyphicon-import::before { content: ""; } .glyphicon-export::before { content: ""; } .glyphicon-send::before { content: ""; } .glyphicon-floppy-disk::before { content: ""; } .glyphicon-floppy-saved::before { content: ""; } .glyphicon-floppy-remove::before { content: ""; } .glyphicon-floppy-save::before { content: ""; } .glyphicon-floppy-open::before { content: ""; } .glyphicon-credit-card::before { content: ""; } .glyphicon-transfer::before { content: ""; } .glyphicon-cutlery::before { content: ""; } .glyphicon-header::before { content: ""; } .glyphicon-compressed::before { content: ""; } .glyphicon-earphone::before { content: ""; } .glyphicon-phone-alt::before { content: ""; } .glyphicon-tower::before { content: ""; } .glyphicon-stats::before { content: ""; } .glyphicon-sd-video::before { content: ""; } .glyphicon-hd-video::before { content: ""; } .glyphicon-subtitles::before { content: ""; } .glyphicon-sound-stereo::before { content: ""; } .glyphicon-sound-dolby::before { content: ""; } .glyphicon-sound-5-1::before { content: ""; } .glyphicon-sound-6-1::before { content: ""; } .glyphicon-sound-7-1::before { content: ""; } .glyphicon-copyright-mark::before { content: ""; } .glyphicon-registration-mark::before { content: ""; } .glyphicon-cloud-download::before { content: ""; } .glyphicon-cloud-upload::before { content: ""; } .glyphicon-tree-conifer::before { content: ""; } .glyphicon-tree-deciduous::before { content: ""; } .glyphicon-cd::before { content: ""; } .glyphicon-save-file::before { content: ""; } .glyphicon-open-file::before { content: ""; } .glyphicon-level-up::before { content: ""; } .glyphicon-copy::before { content: ""; } .glyphicon-paste::before { content: ""; } .glyphicon-alert::before { content: ""; } .glyphicon-equalizer::before { content: ""; } .glyphicon-king::before { content: ""; } .glyphicon-queen::before { content: ""; } .glyphicon-pawn::before { content: ""; } .glyphicon-bishop::before { content: ""; } .glyphicon-knight::before { content: ""; } .glyphicon-baby-formula::before { content: ""; } .glyphicon-tent::before { content: "⛺"; } .glyphicon-blackboard::before { content: ""; } .glyphicon-bed::before { content: ""; } .glyphicon-apple::before { content: ""; } .glyphicon-erase::before { content: ""; } .glyphicon-hourglass::before { content: "⌛"; } .glyphicon-lamp::before { content: ""; } .glyphicon-duplicate::before { content: ""; } .glyphicon-piggy-bank::before { content: ""; } .glyphicon-scissors::before { content: ""; } .glyphicon-bitcoin::before { content: ""; } .glyphicon-btc::before { content: ""; } .glyphicon-xbt::before { content: ""; } .glyphicon-yen::before { content: "¥"; } .glyphicon-jpy::before { content: "¥"; } .glyphicon-ruble::before { content: "₽"; } .glyphicon-rub::before { content: "₽"; } .glyphicon-scale::before { content: ""; } .glyphicon-ice-lolly::before { content: ""; } .glyphicon-ice-lolly-tasted::before { content: ""; } .glyphicon-education::before { content: ""; } .glyphicon-option-horizontal::before { content: ""; } .glyphicon-option-vertical::before { content: ""; } .glyphicon-menu-hamburger::before { content: ""; } .glyphicon-modal-window::before { content: ""; } .glyphicon-oil::before { content: ""; } .glyphicon-grain::before { content: ""; } .glyphicon-sunglasses::before { content: ""; } .glyphicon-text-size::before { content: ""; } .glyphicon-text-color::before { content: ""; } .glyphicon-text-background::before { content: ""; } .glyphicon-object-align-top::before { content: ""; } .glyphicon-object-align-bottom::before { content: ""; } .glyphicon-object-align-horizontal::before { content: ""; } .glyphicon-object-align-left::before { content: ""; } .glyphicon-object-align-vertical::before { content: ""; } .glyphicon-object-align-right::before { content: ""; } .glyphicon-triangle-right::before { content: ""; } .glyphicon-triangle-left::before { content: ""; } .glyphicon-triangle-bottom::before { content: ""; } .glyphicon-triangle-top::before { content: ""; } .glyphicon-console::before { content: ""; } .glyphicon-superscript::before { content: ""; } .glyphicon-subscript::before { content: ""; } .glyphicon-menu-left::before { content: ""; } .glyphicon-menu-right::before { content: ""; } .glyphicon-menu-down::before { content: ""; } .glyphicon-menu-up::before { content: ""; } * { box-sizing: border-box; } *::before, *::after { box-sizing: border-box; } html { font-size: 10px; } body { background-color: #fff; color: #333; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: thin dotted; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; height: auto; max-width: 100%; } .img-rounded { border-radius: 6px; } .img-thumbnail { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; display: inline-block; height: auto; line-height: 1.42857; max-width: 100%; padding: 4px; transition: all 0.2s ease-in-out 0s; } .img-circle { border-radius: 50%; } hr { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #eee -moz-use-text-color -moz-use-text-color; border-image: none; border-style: solid none none; border-width: 1px 0 0; margin-bottom: 20px; margin-top: 20px; } .sr-only { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: inherit; font-family: inherit; font-weight: 500; line-height: 1.1; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { color: #777; font-weight: normal; line-height: 1; } h1, .h1, h2, .h2, h3, .h3 { margin-bottom: 10px; margin-top: 20px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 10px; margin-top: 10px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { font-size: 16px; font-weight: 300; line-height: 1.4; margin-bottom: 20px; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { background-color: #fcf8e3; padding: 0.2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; } .bg-primary { background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { border-bottom: 1px solid #eee; margin: 40px 0 20px; padding-bottom: 9px; } ul, ol { margin-bottom: 10px; margin-top: 0; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled { list-style: outside none none; padding-left: 0; } .list-inline { list-style: outside none none; margin-left: -5px; padding-left: 0; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-bottom: 20px; margin-top: 0; } dt, dd { line-height: 1.42857; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd::before, .dl-horizontal dd::after { content: " "; display: table; } .dl-horizontal dd::after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { clear: left; float: left; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; width: 160px; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { border-bottom: 1px dotted #777; cursor: help; } .initialism { font-size: 90%; } blockquote { border-left: 5px solid #eee; font-size: 17.5px; margin: 0 0 20px; padding: 10px 20px; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { color: #777; display: block; font-size: 80%; line-height: 1.42857; } blockquote footer::before, blockquote small::before, blockquote .small::before { content: "— "; } .blockquote-reverse, blockquote.pull-right { border-left: 0 none; border-right: 5px solid #eee; padding-left: 0; padding-right: 15px; text-align: right; } .blockquote-reverse footer::before, .blockquote-reverse small::before, .blockquote-reverse .small::before, blockquote.pull-right footer::before, blockquote.pull-right small::before, blockquote.pull-right .small::before { content: ""; } .blockquote-reverse footer::after, .blockquote-reverse small::after, .blockquote-reverse .small::after, blockquote.pull-right footer::after, blockquote.pull-right small::after, blockquote.pull-right .small::after { content: " —"; } address { font-style: normal; line-height: 1.42857; margin-bottom: 20px; } code, kbd, pre, samp { font-family: Menlo,Monaco,Consolas,"Courier New",monospace; } code { background-color: #f9f2f4; border-radius: 4px; color: #c7254e; font-size: 90%; padding: 2px 4px; } kbd { background-color: #333; border-radius: 3px; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) inset; color: #fff; font-size: 90%; padding: 2px 4px; } kbd kbd { box-shadow: none; font-size: 100%; font-weight: bold; padding: 0; } pre { background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; color: #333; display: block; font-size: 13px; line-height: 1.42857; margin: 0 0 10px; padding: 9.5px; word-break: break-all; word-wrap: break-word; } pre code { background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; white-space: pre-wrap; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .container::before, .container::after { content: " "; display: table; } .container::after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .container-fluid::before, .container-fluid::after { content: " "; display: table; } .container-fluid::after { clear: both; } .row, .columnWrapper, div#template, #googleMapOnPage, #locatorMapHolder { margin-left: -15px; margin-right: -15px; } .row::before, .columnWrapper::before, div#template::before, #googleMapOnPage::before, #locatorMapHolder::before, .row::after, .columnWrapper::after, div#template::after, #googleMapOnPage::after, #locatorMapHolder::after { content: " "; display: table; } .row::after, .columnWrapper::after, div#template::after, #googleMapOnPage::after, #locatorMapHolder::after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .regionWrapper .regionCol, .col-md-2, div#template div#left, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .quantityWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .uomWrapper, .col-lg-2, .events .eventList .eventWrapper .eventDate, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper, .col-xs-3, .col-sm-3, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft, .servicesBlockWrapper a .service, .blog #commentsContainer .comment .commentMeta, .locatorHeadingWrapper .locatorHeading .searchDesc, #google_list, #locatorMapList, .pageBlockWrapper .layout-25-25-25-25.linkBoxes .col, .podcasts #commentsContainer .comment .commentMeta, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .quantityWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .uomWrapper, .col-md-3, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft, .events .eventList .eventWrapper .eventDate, #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper, #MegaMenu ul li .sub ul, .stock ul, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper, .col-lg-3, .col-xs-4, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft, .col-sm-4, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav, .productBlockWrapper a .product, div.featuredContentWrapper div.featuredContentBlock div.featuredContent, div#sidebar, .events .eventList .eventWrapper .eventDate, .pageBlockWrapper .layout-33-33-33 .col, .pageBlockWrapper .linkBoxes .col, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu, .col-md-4, .col-lg-4, #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper, .col-xs-5, .col-sm-5, .blog .post .postLeft, .podcasts .post .postLeft, .carousel .carousel-inner .item .carousel-content .carousel-title, .col-md-5, header .headerWrapper .headerBottom .noAccountWrapper, #stickyHeader .headerWrapper .headerBottom .noAccountWrapper, header .headerWrapper .headerBottom .registeredMenu .registeredRight, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .filters, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm, .col-lg-5, .col-xs-6, .productBlockWrapper a .product, .servicesBlockWrapper a .service, .col-sm-6, .loginWrapper .login .loginForm, .loginWrapper .login .createAccount, .pageBlockWrapper .layout-50-50 .col, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper, .stock ul, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .grade, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .filters, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightText, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks, .col-md-6, .col-lg-6, #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper, .col-xs-7, .col-sm-7, .blog .post .postRight, .podcasts .post .postRight, .carousel .carousel-inner .item .carousel-content .carousel-caption, .col-md-7, header .headerWrapper .headerBottom .headerRight .search, #stickyHeader .headerWrapper .headerBottom .headerRight .search, header .headerWrapper .headerBottom .registeredMenu .registeredLeft, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft, #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .grade, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText, .col-lg-7, .col-xs-8, .col-sm-8, div#template.hasRightCol div#contentArea, div#template.hasLeftAndRightCols div#contentArea, body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent, .events .eventList .eventWrapper .eventDesc, .col-md-8, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper, .col-lg-8, .col-xs-9, .col-sm-9, .blog #commentsContainer .comment .commentContent, .locatorHeadingWrapper .locatorHeading .mapCountries, #google_map, #locatorMap, .podcasts #commentsContainer .comment .commentContent, .col-md-9, header .headerWrapper .headerBottom .headerRight, #stickyHeader .headerWrapper .headerBottom .headerRight, .events .eventList .eventWrapper .eventDesc, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right, .col-lg-10, .events .eventList .eventWrapper .eventDesc, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, div#template.hasLeftCol div#contentArea, div#template.hasRightCol div#contentArea, div#template.hasLeftAndRightCols div#contentArea, div#template.hasNoLeftOrRightCols div#contentArea, header .headerTopWrapper .headerTop, #stickyHeader .headerTopWrapper .headerTop, .mobileNoAccountWrapper, .mobileNoAccountWrapper .mobileNoAccount, .mobileAccountWrapper .mobileAccount, .navbar .navbar-header, .navbar .primaryNavWrapper, body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav, div.featuredContentWrapper div.featuredContentBlock div.featuredContent, div#sidebar, .blog .post .postLeft, .blog .post .postRight, .blog #commentsContainer .comment .commentMeta, .blog #commentsContainer .comment .commentContent, .events .eventList .eventWrapper .eventDate, .events .eventList .eventWrapper .eventDesc, #faqHolder, .loginWrapper .login .loginForm, .loginWrapper .login .createAccount, .pageBlockWrapper .layout-100 .col, .pageBlockWrapper .layout-50-50 .col, .pageBlockWrapper .layout-33-33-33 .col, .pageBlockWrapper .linkBoxes .col, .pageBlockWrapper .layout-25-25-25-25.linkBoxes .col, .podcasts .post .postLeft, .podcasts .post .postRight, .podcasts #commentsContainer .comment .commentMeta, .podcasts #commentsContainer .comment .commentContent, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .notesWrapper, .carousel .carousel-inner .item .carousel-content, .carousel .carousel-inner .item .carousel-content .carousel-title, .carousel .carousel-inner .item .carousel-content .carousel-caption, .stockCount, .stock, .stock ul, .productSheetWrapper .productSheet, .productSheetWrapper .quoteButtons, .tabsWrapper .tabbedData, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightText, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks, .col-sm-12, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, div#template.hasLeftCol div#contentArea, div#template.hasNoLeftOrRightCols div#contentArea, #MegaMenu ul li .sub, .col-md-12, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, form .sendFormRow label, form .sendFormRow .sendFormElement, .col-lg-12 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft, .col-xs-5, .col-xs-6, .productBlockWrapper a .product, .servicesBlockWrapper a .service, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, div#template.hasLeftCol div#contentArea, div#template.hasRightCol div#contentArea, div#template.hasLeftAndRightCols div#contentArea, div#template.hasNoLeftOrRightCols div#contentArea, header .headerTopWrapper .headerTop, #stickyHeader .headerTopWrapper .headerTop, .mobileNoAccountWrapper, .mobileNoAccountWrapper .mobileNoAccount, .mobileAccountWrapper .mobileAccount, .navbar .navbar-header, .navbar .primaryNavWrapper, body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav, div.featuredContentWrapper div.featuredContentBlock div.featuredContent, div#sidebar, .blog .post .postLeft, .blog .post .postRight, .blog #commentsContainer .comment .commentMeta, .blog #commentsContainer .comment .commentContent, .events .eventList .eventWrapper .eventDate, .events .eventList .eventWrapper .eventDesc, #faqHolder, .loginWrapper .login .loginForm, .loginWrapper .login .createAccount, .pageBlockWrapper .layout-100 .col, .pageBlockWrapper .layout-50-50 .col, .pageBlockWrapper .layout-33-33-33 .col, .pageBlockWrapper .linkBoxes .col, .pageBlockWrapper .layout-25-25-25-25.linkBoxes .col, .podcasts .post .postLeft, .podcasts .post .postRight, .podcasts #commentsContainer .comment .commentMeta, .podcasts #commentsContainer .comment .commentContent, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .notesWrapper, .carousel .carousel-inner .item .carousel-content, .carousel .carousel-inner .item .carousel-content .carousel-title, .carousel .carousel-inner .item .carousel-content .carousel-caption, .stockCount, .stock, .stock ul, .productSheetWrapper .productSheet, .productSheetWrapper .quoteButtons, .tabsWrapper .tabbedData, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightText, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.6667%; } .col-xs-3 { width: 25%; } .col-xs-4, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft { width: 33.3333%; } .col-xs-5 { width: 41.6667%; } .col-xs-6, .productBlockWrapper a .product, .servicesBlockWrapper a .service { width: 50%; } .col-xs-7 { width: 58.3333%; } .col-xs-8 { width: 66.6667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333%; } .col-xs-11 { width: 91.6667%; } .col-xs-12, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, div#template.hasLeftCol div#contentArea, div#template.hasRightCol div#contentArea, div#template.hasLeftAndRightCols div#contentArea, div#template.hasNoLeftOrRightCols div#contentArea, header .headerTopWrapper .headerTop, #stickyHeader .headerTopWrapper .headerTop, .mobileNoAccountWrapper, .mobileNoAccountWrapper .mobileNoAccount, .mobileAccountWrapper .mobileAccount, .navbar .navbar-header, .navbar .primaryNavWrapper, body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav, div.featuredContentWrapper div.featuredContentBlock div.featuredContent, div#sidebar, .blog .post .postLeft, .blog .post .postRight, .blog #commentsContainer .comment .commentMeta, .blog #commentsContainer .comment .commentContent, .events .eventList .eventWrapper .eventDate, .events .eventList .eventWrapper .eventDesc, #faqHolder, .loginWrapper .login .loginForm, .loginWrapper .login .createAccount, .pageBlockWrapper .layout-100 .col, .pageBlockWrapper .layout-50-50 .col, .pageBlockWrapper .layout-33-33-33 .col, .pageBlockWrapper .linkBoxes .col, .pageBlockWrapper .layout-25-25-25-25.linkBoxes .col, .podcasts .post .postLeft, .podcasts .post .postRight, .podcasts #commentsContainer .comment .commentMeta, .podcasts #commentsContainer .comment .commentContent, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .notesWrapper, .carousel .carousel-inner .item .carousel-content, .carousel .carousel-inner .item .carousel-content .carousel-title, .carousel .carousel-inner .item .carousel-content .carousel-caption, .stockCount, .stock, .stock ul, .productSheetWrapper .productSheet, .productSheetWrapper .quoteButtons, .tabsWrapper .tabbedData, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightText, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.6667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.3333%; } .col-xs-pull-5 { right: 41.6667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.3333%; } .col-xs-pull-8 { right: 66.6667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.3333%; } .col-xs-pull-11 { right: 91.6667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.6667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.3333%; } .col-xs-push-5 { left: 41.6667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.3333%; } .col-xs-push-8 { left: 66.6667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.3333%; } .col-xs-push-11 { left: 91.6667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.6667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333%; } .col-xs-offset-5 { margin-left: 41.6667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333%; } .col-xs-offset-8 { margin-left: 66.6667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333%; } .col-xs-offset-11 { margin-left: 91.6667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .regionWrapper .regionCol, .col-sm-3, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft, .servicesBlockWrapper a .service, .blog #commentsContainer .comment .commentMeta, .locatorHeadingWrapper .locatorHeading .searchDesc, #google_list, #locatorMapList, .pageBlockWrapper .layout-25-25-25-25.linkBoxes .col, .podcasts #commentsContainer .comment .commentMeta, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .quantityWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .uomWrapper, .col-sm-4, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav, .productBlockWrapper a .product, div.featuredContentWrapper div.featuredContentBlock div.featuredContent, div#sidebar, .events .eventList .eventWrapper .eventDate, .pageBlockWrapper .layout-33-33-33 .col, .pageBlockWrapper .linkBoxes .col, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu, .col-sm-5, .blog .post .postLeft, .podcasts .post .postLeft, .carousel .carousel-inner .item .carousel-content .carousel-title, .col-sm-6, .loginWrapper .login .loginForm, .loginWrapper .login .createAccount, .pageBlockWrapper .layout-50-50 .col, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper, .stock ul, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .grade, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .filters, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightText, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks, .col-sm-7, .blog .post .postRight, .podcasts .post .postRight, .carousel .carousel-inner .item .carousel-content .carousel-caption, .col-sm-8, div#template.hasRightCol div#contentArea, div#template.hasLeftAndRightCols div#contentArea, body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent, .events .eventList .eventWrapper .eventDesc, .col-sm-9, .blog #commentsContainer .comment .commentContent, .locatorHeadingWrapper .locatorHeading .mapCountries, #google_map, #locatorMap, .podcasts #commentsContainer .comment .commentContent, .col-sm-10, .col-sm-11, .col-sm-12, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, div#template.hasLeftCol div#contentArea, div#template.hasNoLeftOrRightCols div#contentArea, #MegaMenu ul li .sub { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2, .regionWrapper .regionCol { width: 16.6667%; } .col-sm-3, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft, .servicesBlockWrapper a .service, .blog #commentsContainer .comment .commentMeta, .locatorHeadingWrapper .locatorHeading .searchDesc, #google_list, #locatorMapList, .pageBlockWrapper .layout-25-25-25-25.linkBoxes .col, .podcasts #commentsContainer .comment .commentMeta, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .quantityWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .uomWrapper { width: 25%; } .col-sm-4, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav, .productBlockWrapper a .product, div.featuredContentWrapper div.featuredContentBlock div.featuredContent, div#sidebar, .events .eventList .eventWrapper .eventDate, .pageBlockWrapper .layout-33-33-33 .col, .pageBlockWrapper .linkBoxes .col, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu { width: 33.3333%; } .col-sm-5, .blog .post .postLeft, .podcasts .post .postLeft, .carousel .carousel-inner .item .carousel-content .carousel-title { width: 41.6667%; } .col-sm-6, .loginWrapper .login .loginForm, .loginWrapper .login .createAccount, .pageBlockWrapper .layout-50-50 .col, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper, .stock ul, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .grade, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .filters, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightText, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks { width: 50%; } .col-sm-7, .blog .post .postRight, .podcasts .post .postRight, .carousel .carousel-inner .item .carousel-content .carousel-caption { width: 58.3333%; } .col-sm-8, div#template.hasRightCol div#contentArea, div#template.hasLeftAndRightCols div#contentArea, body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent, .events .eventList .eventWrapper .eventDesc { width: 66.6667%; } .col-sm-9, .blog #commentsContainer .comment .commentContent, .locatorHeadingWrapper .locatorHeading .mapCountries, #google_map, #locatorMap, .podcasts #commentsContainer .comment .commentContent { width: 75%; } .col-sm-10 { width: 83.3333%; } .col-sm-11 { width: 91.6667%; } .col-sm-12, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, div#template.hasLeftCol div#contentArea, div#template.hasNoLeftOrRightCols div#contentArea, #MegaMenu ul li .sub { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.6667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333%; } .col-sm-pull-5 { right: 41.6667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333%; } .col-sm-pull-8 { right: 66.6667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333%; } .col-sm-pull-11 { right: 91.6667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.6667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333%; } .col-sm-push-5 { left: 41.6667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333%; } .col-sm-push-8 { left: 66.6667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333%; } .col-sm-push-11 { left: 91.6667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.6667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333%; } .col-sm-offset-5 { margin-left: 41.6667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333%; } .col-sm-offset-8 { margin-left: 66.6667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333%; } .col-sm-offset-11 { margin-left: 91.6667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, div#template div#left, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .quantityWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .uomWrapper, .col-md-3, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft, .events .eventList .eventWrapper .eventDate, #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper, #MegaMenu ul li .sub ul, .stock ul, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper, .col-md-4, .col-md-5, header .headerWrapper .headerBottom .noAccountWrapper, #stickyHeader .headerWrapper .headerBottom .noAccountWrapper, header .headerWrapper .headerBottom .registeredMenu .registeredRight, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .filters, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm, .col-md-6, .col-md-7, header .headerWrapper .headerBottom .headerRight .search, #stickyHeader .headerWrapper .headerBottom .headerRight .search, header .headerWrapper .headerBottom .registeredMenu .registeredLeft, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft, #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .grade, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText, .col-md-8, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper, .col-md-9, header .headerWrapper .headerBottom .headerRight, #stickyHeader .headerWrapper .headerBottom .headerRight, .events .eventList .eventWrapper .eventDesc, .col-md-10, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right, .col-md-11, .col-md-12, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, form .sendFormRow label, form .sendFormRow .sendFormElement { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2, div#template div#left, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .quantityWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .uomWrapper { width: 16.6667%; } .col-md-3, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft, .events .eventList .eventWrapper .eventDate, #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper, #MegaMenu ul li .sub ul, .stock ul, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper { width: 25%; } .col-md-4 { width: 33.3333%; } .col-md-5, header .headerWrapper .headerBottom .noAccountWrapper, #stickyHeader .headerWrapper .headerBottom .noAccountWrapper, header .headerWrapper .headerBottom .registeredMenu .registeredRight, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .filters, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm { width: 41.6667%; } .col-md-6 { width: 50%; } .col-md-7, header .headerWrapper .headerBottom .headerRight .search, #stickyHeader .headerWrapper .headerBottom .headerRight .search, header .headerWrapper .headerBottom .registeredMenu .registeredLeft, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft, #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .grade, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText { width: 58.3333%; } .col-md-8, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper { width: 66.6667%; } .col-md-9, header .headerWrapper .headerBottom .headerRight, #stickyHeader .headerWrapper .headerBottom .headerRight, .events .eventList .eventWrapper .eventDesc { width: 75%; } .col-md-10, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right { width: 83.3333%; } .col-md-11 { width: 91.6667%; } .col-md-12, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, form .sendFormRow label, form .sendFormRow .sendFormElement { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.6667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333%; } .col-md-pull-5 { right: 41.6667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333%; } .col-md-pull-8 { right: 66.6667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333%; } .col-md-pull-11 { right: 91.6667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.6667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333%; } .col-md-push-5 { left: 41.6667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333%; } .col-md-push-8 { left: 66.6667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333%; } .col-md-push-11 { left: 91.6667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.6667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4, form .sendFormRow .sendFormIndent { margin-left: 33.3333%; } .col-md-offset-5 { margin-left: 41.6667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333%; } .col-md-offset-8 { margin-left: 66.6667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333%; } .col-md-offset-11 { margin-left: 91.6667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .events .eventList .eventWrapper .eventDate, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper, .col-lg-3, .col-lg-4, #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper, .col-lg-5, .col-lg-6, #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .events .eventList .eventWrapper .eventDesc, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2, .events .eventList .eventWrapper .eventDate, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper { width: 16.6667%; } .col-lg-3 { width: 25%; } .col-lg-4, #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper { width: 33.3333%; } .col-lg-5 { width: 41.6667%; } .col-lg-6, #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper { width: 50%; } .col-lg-7 { width: 58.3333%; } .col-lg-8 { width: 66.6667%; } .col-lg-9 { width: 75%; } .col-lg-10, .events .eventList .eventWrapper .eventDesc { width: 83.3333%; } .col-lg-11 { width: 91.6667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.6667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333%; } .col-lg-pull-5 { right: 41.6667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333%; } .col-lg-pull-8 { right: 66.6667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333%; } .col-lg-pull-11 { right: 91.6667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.6667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333%; } .col-lg-push-5 { left: 41.6667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333%; } .col-lg-push-8 { left: 66.6667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333%; } .col-lg-push-11 { left: 91.6667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.6667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333%; } .col-lg-offset-5 { margin-left: 41.6667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333%; } .col-lg-offset-8 { margin-left: 66.6667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333%; } .col-lg-offset-11 { margin-left: 91.6667%; } .col-lg-offset-12 { margin-left: 100%; } } table { background-color: transparent; } caption { color: #777; padding-bottom: 8px; padding-top: 8px; text-align: left; } th { text-align: left; } .table { margin-bottom: 20px; max-width: 100%; width: 100%; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { border-top: 1px solid #ddd; line-height: 1.42857; padding: 8px; vertical-align: top; } .table > thead > tr > th { border-bottom: 2px solid #ddd; vertical-align: bottom; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0 none; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { display: table-column; float: none; position: static; } table td[class*="col-"], table th[class*="col-"] { display: table-cell; float: none; position: static; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: 0.01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { border: 1px solid #ddd; margin-bottom: 15px; overflow-y: hidden; width: 100%; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0 none; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0 none; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0 none; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0 none; } } fieldset { border: 0 none; margin: 0; min-width: 0; padding: 0; } legend { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #e5e5e5; border-image: none; border-style: none none solid; border-width: 0 0 1px; color: #333; display: block; font-size: 21px; line-height: inherit; margin-bottom: 20px; padding: 0; width: 100%; } label { display: inline-block; font-weight: bold; margin-bottom: 5px; max-width: 100%; } input[type="search"] { box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { line-height: normal; margin: 4px 0 0; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline-offset: -2px; } output { color: #555; display: block; font-size: 14px; line-height: 1.42857; padding-top: 7px; } .form-control { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; } .form-control:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0 none; } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { } @media not all { input.form-control[type="date"], input.form-control[type="time"], input.form-control[type="datetime-local"], input.form-control[type="month"] { line-height: 34px; } input.input-sm[type="date"], .input-group-sm > input.form-control[type="date"], .input-group-sm > input.input-group-addon[type="date"], .input-group-sm > .input-group-btn > input.btn[type="date"], .input-group-sm input[type="date"], input.input-sm[type="time"], .input-group-sm > input.form-control[type="time"], .input-group-sm > input.input-group-addon[type="time"], .input-group-sm > .input-group-btn > input.btn[type="time"], .input-group-sm input[type="time"], input.input-sm[type="datetime-local"], .input-group-sm > input.form-control[type="datetime-local"], .input-group-sm > input.input-group-addon[type="datetime-local"], .input-group-sm > .input-group-btn > input.btn[type="datetime-local"], .input-group-sm input[type="datetime-local"], input.input-sm[type="month"], .input-group-sm > input.form-control[type="month"], .input-group-sm > input.input-group-addon[type="month"], .input-group-sm > .input-group-btn > input.btn[type="month"], .input-group-sm input[type="month"] { line-height: 30px; } input.input-lg[type="date"], .input-group-lg > input.form-control[type="date"], .input-group-lg > input.input-group-addon[type="date"], .input-group-lg > .input-group-btn > input.btn[type="date"], .input-group-lg input[type="date"], input.input-lg[type="time"], .input-group-lg > input.form-control[type="time"], .input-group-lg > input.input-group-addon[type="time"], .input-group-lg > .input-group-btn > input.btn[type="time"], .input-group-lg input[type="time"], input.input-lg[type="datetime-local"], .input-group-lg > input.form-control[type="datetime-local"], .input-group-lg > input.input-group-addon[type="datetime-local"], .input-group-lg > .input-group-btn > input.btn[type="datetime-local"], .input-group-lg input[type="datetime-local"], input.input-lg[type="month"], .input-group-lg > input.form-control[type="month"], .input-group-lg > input.input-group-addon[type="month"], .input-group-lg > .input-group-btn > input.btn[type="month"], .input-group-lg input[type="month"] { line-height: 46px; } } .form-group, form .sendFormRow { margin-bottom: 15px; } .radio, .checkbox { display: block; margin-bottom: 10px; margin-top: 10px; position: relative; } .radio label, .checkbox label { cursor: pointer; font-weight: normal; margin-bottom: 0; min-height: 20px; padding-left: 20px; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-left: -20px; position: absolute; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { cursor: pointer; display: inline-block; font-weight: normal; margin-bottom: 0; padding-left: 20px; position: relative; vertical-align: middle; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-left: 10px; margin-top: 0; } input[type="radio"][disabled], input.disabled[type="radio"], fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input.disabled[type="checkbox"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { margin-bottom: 0; min-height: 34px; padding-bottom: 7px; padding-top: 7px; } .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; } .input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { border-radius: 3px; font-size: 12px; height: 30px; line-height: 1.5; padding: 5px 10px; } select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; } textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select.input-sm[multiple], .input-group-sm > select.form-control[multiple], .input-group-sm > select.input-group-addon[multiple], .input-group-sm > .input-group-btn > select.btn[multiple] { height: auto; } .form-group-sm .form-control { border-radius: 3px; font-size: 12px; height: 30px; line-height: 1.5; padding: 5px 10px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select.form-control[multiple] { height: auto; } .form-group-sm .form-control-static { font-size: 12px; height: 30px; line-height: 1.5; min-height: 32px; padding: 6px 10px; } .input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { border-radius: 6px; font-size: 18px; height: 46px; line-height: 1.33333; padding: 10px 16px; } select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; } textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select.input-lg[multiple], .input-group-lg > select.form-control[multiple], .input-group-lg > select.input-group-addon[multiple], .input-group-lg > .input-group-btn > select.btn[multiple] { height: auto; } .form-group-lg .form-control { border-radius: 6px; font-size: 18px; height: 46px; line-height: 1.33333; padding: 10px 16px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select.form-control[multiple] { height: auto; } .form-group-lg .form-control-static { font-size: 18px; height: 46px; line-height: 1.33333; min-height: 38px; padding: 11px 16px; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { display: block; height: 34px; line-height: 34px; pointer-events: none; position: absolute; right: 0; text-align: center; top: 0; width: 34px; z-index: 2; } .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { height: 46px; line-height: 46px; width: 46px; } .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { height: 30px; line-height: 30px; width: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } .has-success .form-control:focus { border-color: #2b542c; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #67b168; } .has-success .input-group-addon { background-color: #dff0d8; border-color: #3c763d; color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } .has-warning .form-control:focus { border-color: #66512c; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #c0a16b; } .has-warning .input-group-addon { background-color: #fcf8e3; border-color: #8a6d3b; color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } .has-error .form-control:focus { border-color: #843534; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483; } .has-error .input-group-addon { background-color: #f2dede; border-color: #a94442; color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { color: #737373; display: block; margin-bottom: 10px; margin-top: 5px; } @media (min-width: 768px) { .form-inline .form-group, .form-inline form .sendFormRow, form .form-inline .sendFormRow { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; vertical-align: middle; width: auto; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-bottom: 0; margin-top: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { margin-left: 0; position: relative; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, form .radio, .form-horizontal .checkbox, form .checkbox, .form-horizontal .radio-inline, form .radio-inline, .form-horizontal .checkbox-inline, form .checkbox-inline { margin-bottom: 0; margin-top: 0; padding-top: 7px; } .form-horizontal .radio, form .radio, .form-horizontal .checkbox, form .checkbox { min-height: 27px; } .form-horizontal .form-group, form .form-group, .form-horizontal form .sendFormRow, form .form-horizontal .sendFormRow, form .sendFormRow { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group::before, form .form-group::before, .form-horizontal form .sendFormRow::before, form .form-horizontal .sendFormRow::before, form .sendFormRow::before, .form-horizontal .form-group::after, form .form-group::after, .form-horizontal form .sendFormRow::after, form .form-horizontal .sendFormRow::after, form .sendFormRow::after { content: " "; display: table; } .form-horizontal .form-group::after, form .form-group::after, .form-horizontal form .sendFormRow::after, form .form-horizontal .sendFormRow::after, form .sendFormRow::after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label, form .control-label { margin-bottom: 0; padding-top: 7px; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback, form .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label, form .form-group-lg .control-label { font-size: 18px; padding-top: 11px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label, form .form-group-sm .control-label { font-size: 12px; padding-top: 6px; } } .btn { -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap; } .btn:focus, .btn.focus, .btn:active:focus, .btn.focus:active, .btn.active:focus, .btn.active.focus { outline: thin dotted; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; outline: 0 none; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { box-shadow: none; cursor: not-allowed; opacity: 0.65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { background-color: #fff; border-color: #ccc; color: #333; } .btn-default:focus, .btn-default.focus { background-color: #e6e6e6; border-color: #8c8c8c; color: #333; } .btn-default:hover { background-color: #e6e6e6; border-color: #adadad; color: #333; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-color: #e6e6e6; border-color: #adadad; color: #333; } .btn-default:active:hover, .btn-default:active:focus, .btn-default.focus:active, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { background-color: #d4d4d4; border-color: #8c8c8c; color: #333; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default.focus[disabled], fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { background-color: #333; color: #fff; } .btn-primary { background-color: #337ab7; border-color: #2e6da4; color: #fff; } .btn-primary:focus, .btn-primary.focus { background-color: #286090; border-color: #122b40; color: #fff; } .btn-primary:hover { background-color: #286090; border-color: #204d74; color: #fff; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-color: #286090; border-color: #204d74; color: #fff; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary.focus:active, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { background-color: #204d74; border-color: #122b40; color: #fff; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary.focus[disabled], fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { background-color: #fff; color: #337ab7; } .btn-success { background-color: #5cb85c; border-color: #4cae4c; color: #fff; } .btn-success:focus, .btn-success.focus { background-color: #449d44; border-color: #255625; color: #fff; } .btn-success:hover { background-color: #449d44; border-color: #398439; color: #fff; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-color: #449d44; border-color: #398439; color: #fff; } .btn-success:active:hover, .btn-success:active:focus, .btn-success.focus:active, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { background-color: #398439; border-color: #255625; color: #fff; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success.focus[disabled], fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { background-color: #fff; color: #5cb85c; } .btn-info { background-color: #5bc0de; border-color: #46b8da; color: #fff; } .btn-info:focus, .btn-info.focus { background-color: #31b0d5; border-color: #1b6d85; color: #fff; } .btn-info:hover { background-color: #31b0d5; border-color: #269abc; color: #fff; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-color: #31b0d5; border-color: #269abc; color: #fff; } .btn-info:active:hover, .btn-info:active:focus, .btn-info.focus:active, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { background-color: #269abc; border-color: #1b6d85; color: #fff; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info.focus[disabled], fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { background-color: #fff; color: #5bc0de; } .whiteColor { color: #fff !important; } .btn-warning { background-color: #f0ad4e; border-color: #eea236; color: #fff; } .btn-warning:focus, .btn-warning.focus { background-color: #ec971f; border-color: #985f0d; color: #fff; } .btn-warning:hover { background-color: #ec971f; border-color: #d58512; color: #fff; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-color: #ec971f; border-color: #d58512; color: #fff; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning.focus:active, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { background-color: #d58512; border-color: #985f0d; color: #fff; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning.focus[disabled], fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { background-color: #fff; color: #f0ad4e; } .btn-danger { background-color: #d9534f; border-color: #d43f3a; color: #fff; } .btn-danger:focus, .btn-danger.focus { background-color: #c9302c; border-color: #761c19; color: #fff; } .btn-danger:hover { background-color: #c9302c; border-color: #ac2925; color: #fff; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-color: #c9302c; border-color: #ac2925; color: #fff; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger.focus:active, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { background-color: #ac2925; border-color: #761c19; color: #fff; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger.focus[disabled], fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { background-color: #fff; color: #d9534f; } .btn-link { border-radius: 0; color: #337ab7; font-weight: normal; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { background-color: transparent; color: #23527c; text-decoration: underline; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { border-radius: 6px; font-size: 18px; line-height: 1.33333; padding: 10px 16px; } .btn-sm, .btn-group-sm > .btn { border-radius: 3px; font-size: 12px; line-height: 1.5; padding: 5px 10px; } .btn-xs, .btn-group-xs > .btn { border-radius: 3px; font-size: 12px; line-height: 1.5; padding: 1px 5px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s linear 0s; } .fade.in { opacity: 1; } .collapse, .navbar #primaryNav { display: none; } .collapse.in, .navbar #primaryNav.in { display: block; } tr.collapse.in, .navbar tr#primaryNav.in { display: table-row; } tbody.collapse.in, .navbar tbody#primaryNav.in { display: table-row-group; } .collapsing { height: 0; overflow: hidden; position: relative; transition-duration: 0.35s; transition-property: height, visibility; transition-timing-function: ease; } .caret { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px dashed; display: inline-block; height: 0; margin-left: 2px; vertical-align: middle; width: 0; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0 none; } .dropdown-menu { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); display: none; float: left; font-size: 14px; left: 0; list-style: outside none none; margin: 2px 0 0; min-width: 160px; padding: 5px 0; position: absolute; text-align: left; top: 100%; z-index: 1000; } .dropdown-menu.pull-right { left: auto; right: 0; } .dropdown-menu .divider { background-color: #e5e5e5; height: 1px; margin: 9px 0; overflow: hidden; } .dropdown-menu > li > a { clear: both; color: #333; display: block; font-weight: normal; line-height: 1.42857; padding: 3px 20px; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #f5f5f5; color: #262626; text-decoration: none; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #337ab7; color: #fff; outline: 0 none; text-decoration: none; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { background-color: transparent; background-image: none; cursor: not-allowed; text-decoration: none; } .open > .dropdown-menu { display: block; } .open > a { outline: 0 none; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { color: #777; display: block; font-size: 12px; line-height: 1.42857; padding: 3px 20px; white-space: nowrap; } .dropdown-backdrop { bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { left: auto; right: 0; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-bottom: 4px dashed; border-top: 0 none; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { bottom: 100%; margin-bottom: 2px; top: auto; } .paddingTop15{ padding-top:15px; } .marginLeftnegative15{ margin-left:-15px; } .marginTop170{ margin-top:170px !important; } .careersSocial ul { margin: 0; padding: 0; } .careersSocial ul li.instagram a:before { content: ""; } .careersSocial ul li.facebook a:before { content: ""; } .careersSocial ul li.twitter a:before { content: ""; } .careersSocial ul li.linkedin a:before { content: ""; } .careersSocial ul li.googleplus a:before { content: ""; } .careersSocial ul li.youtube a:before { content: ""; } .careersSocial ul li.pinterest a:before { content: ""; } .careersSocial ul li.tumblr a:before { content: ""; } .careersSocial ul li.rss a:before { content: ""; } .careersSocial ul li { background: none; list-style: none; display: inline-block; width: 50px; height: 50px; overflow: hidden; margin: 0 0 15px 15px; padding: 0; } @media (min-width: 768px) { .careersSocial ul li { width: 60px; height: 60px; } } @media (min-width: 992px) { .careersSocial ul li { width: 50px; height: 50px; } } .careersSocial ul li a { background: none; border: solid 1px #c9cacc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; visibility: visible; margin: 0; padding: 0; } @media (min-width: 768px) { .careersSocial ul li a { width: 60px; height: 60px; line-height: 60px; } } @media (min-width: 992px) { .careersSocial ul li a { width: 50px; height: 50px; line-height: 50px; } } .careersSocial ul li a:before { display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 21px; color: #00447a; line-height: normal; text-align: center; visibility: visible; padding: 0; } @media (min-width: 768px) { .careersSocial ul li a:before { font-size: 25px; } } @media (min-width: 992px) { .careersSocial ul li a:before { font-size: 21px; } } .careersSocial ul li a:hover, .careersSocial ul li a:active, .careersSocial ul li a:focus, .careersSocial ul li a.active { background: #00457c; } .careersSocial ul li a:hover:before, .careersSocial ul li a:active:before, .careersSocial ul li a:focus:before, .careersSocial ul li a.active:before { color: #fab816; } .careersSocial ul li a.dropdown-toggle { display: none; } .careersSocial ul.last a { margin-right: 0; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { display: inline-block; position: relative; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { float: left; position: relative; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar::before, .btn-toolbar::after { content: " "; display: table; } .btn-toolbar::after { clear: both; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 none; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; } .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; max-width: 100%; width: 100%; } .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after { content: " "; display: table; } .btn-group-vertical > .btn-group::after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-left: 0; margin-top: -1px; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-radius: 4px 4px 0 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-radius: 0 0 4px 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { border-collapse: separate; display: table; table-layout: fixed; width: 100%; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { clip: rect(0px, 0px, 0px, 0px); pointer-events: none; position: absolute; } .input-group { border-collapse: separate; display: table; position: relative; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { float: left; margin-bottom: 0; position: relative; width: 100%; z-index: 2; } .input-group .form-control:focus { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { vertical-align: middle; white-space: nowrap; width: 1%; } .input-group-addon { background-color: #eee; border: 1px solid #ccc; border-radius: 4px; color: #555; font-size: 14px; font-weight: normal; line-height: 1; padding: 6px 12px; text-align: center; } .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { border-radius: 3px; font-size: 12px; padding: 5px 10px; } .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { border-radius: 6px; font-size: 18px; padding: 10px 16px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0 none; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0 none; } .input-group-btn { font-size: 0; position: relative; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; z-index: 2; } .nav, .navbar #primaryNav ul, .navbar #primaryNav ul li ul, .navbar #primaryNav ul li ul li ul { list-style: outside none none; margin-bottom: 0; padding-left: 0; } .nav::before, .navbar #primaryNav ul::before, .navbar #primaryNav ul li ul::before, .navbar #primaryNav ul li ul li ul::before, .nav::after, .navbar #primaryNav ul::after, .navbar #primaryNav ul li ul::after, .navbar #primaryNav ul li ul li ul::after { content: " "; display: table; } .nav::after, .navbar #primaryNav ul::after, .navbar #primaryNav ul li ul::after, .navbar #primaryNav ul li ul li ul::after { clear: both; } .nav > li, .navbar #primaryNav ul > li, .navbar #primaryNav ul li ul > li, .navbar #primaryNav ul li ul li ul > li { display: block; position: relative; } .nav > li > a, .navbar #primaryNav ul > li > a, .navbar #primaryNav ul li ul > li > a, .navbar #primaryNav ul li ul li ul > li > a { display: block; padding: 10px 15px; position: relative; } .nav > li > a:hover, .navbar #primaryNav ul > li > a:hover, .navbar #primaryNav ul li ul > li > a:hover, .navbar #primaryNav ul li ul li ul > li > a:hover, .nav > li > a:focus, .navbar #primaryNav ul > li > a:focus, .navbar #primaryNav ul li ul > li > a:focus, .navbar #primaryNav ul li ul li ul > li > a:focus { background-color: #eee; text-decoration: none; } .nav > li.disabled > a, .navbar #primaryNav ul > li.disabled > a, .navbar #primaryNav ul li ul > li.disabled > a, .navbar #primaryNav ul li ul li ul > li.disabled > a { color: #777; } .nav > li.disabled > a:hover, .navbar #primaryNav ul > li.disabled > a:hover, .navbar #primaryNav ul li ul > li.disabled > a:hover, .navbar #primaryNav ul li ul li ul > li.disabled > a:hover, .nav > li.disabled > a:focus, .navbar #primaryNav ul > li.disabled > a:focus, .navbar #primaryNav ul li ul > li.disabled > a:focus, .navbar #primaryNav ul li ul li ul > li.disabled > a:focus { background-color: transparent; color: #777; cursor: not-allowed; text-decoration: none; } .nav .open > a, .navbar #primaryNav ul .open > a, .navbar #primaryNav ul li ul .open > a, .navbar #primaryNav ul li ul li ul .open > a, .nav .open > a:hover, .navbar #primaryNav ul .open > a:hover, .navbar #primaryNav ul li ul .open > a:hover, .navbar #primaryNav ul li ul li ul .open > a:hover, .nav .open > a:focus, .navbar #primaryNav ul .open > a:focus, .navbar #primaryNav ul li ul .open > a:focus, .navbar #primaryNav ul li ul li ul .open > a:focus { background-color: #eee; border-color: #337ab7; } .nav .nav-divider, .navbar #primaryNav ul .nav-divider { background-color: #e5e5e5; height: 1px; margin: 9px 0; overflow: hidden; } .nav > li > a > img, .navbar #primaryNav ul > li > a > img, .navbar #primaryNav ul li ul > li > a > img, .navbar #primaryNav ul li ul li ul > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { border: 1px solid transparent; border-radius: 4px 4px 0 0; line-height: 1.42857; margin-right: 2px; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #fff; border-color: #ddd #ddd transparent; border-image: none; border-style: solid; border-width: 1px; color: #555; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #337ab7; color: #fff; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-left: 0; margin-top: 2px; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { left: auto; top: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0 none; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-radius: 4px; margin-right: 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .navbar { border: 1px solid transparent; margin-bottom: 20px; min-height: 50px; position: relative; } .navbar::before, .navbar::after { content: " "; display: table; } .navbar::after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header::before, .navbar-header::after { content: " "; display: table; } .navbar-header::after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse, .navbar #primaryNav { border-top: 1px solid transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; overflow-x: visible; padding-left: 15px; padding-right: 15px; } .navbar-collapse::before, .navbar #primaryNav::before, .navbar-collapse::after, .navbar #primaryNav::after { content: " "; display: table; } .navbar-collapse::after, .navbar #primaryNav::after { clear: both; } .navbar-collapse.in, .navbar #primaryNav.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse, .navbar #primaryNav { border-top: 0 none; box-shadow: none; width: auto; } .navbar-collapse.collapse, .navbar #primaryNav { display: block !important; height: auto !important; overflow: visible !important; padding-bottom: 0; } .navbar-collapse.in, .navbar #primaryNav.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-top .navbar #primaryNav, .navbar .navbar-fixed-top #primaryNav, .navbar-static-top .navbar-collapse, .navbar-static-top .navbar #primaryNav, .navbar .navbar-static-top #primaryNav, .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-bottom .navbar #primaryNav, .navbar .navbar-fixed-bottom #primaryNav { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-top .navbar #primaryNav, .navbar .navbar-fixed-top #primaryNav, .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-bottom .navbar #primaryNav, .navbar .navbar-fixed-bottom #primaryNav { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-top .navbar #primaryNav, .navbar .navbar-fixed-top #primaryNav, .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-bottom .navbar #primaryNav, .navbar .navbar-fixed-bottom #primaryNav { max-height: 200px; } } .container > .navbar-header, .container > .navbar-collapse, .navbar .container > #primaryNav, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse, .navbar .container-fluid > #primaryNav { margin-left: -15px; margin-right: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse, .navbar .container > #primaryNav, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse, .navbar .container-fluid > #primaryNav { margin-left: 0; margin-right: 0; } } .navbar-static-top { border-width: 0 0 1px; z-index: 1000; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { left: 0; position: fixed; right: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { border-width: 0 0 1px; top: 0; } .navbar-fixed-bottom { border-width: 1px 0 0; bottom: 0; margin-bottom: 0; } .navbar-brand { float: left; font-size: 18px; height: 50px; line-height: 20px; padding: 15px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; float: right; margin-bottom: 8px; margin-right: 15px; margin-top: 8px; padding: 9px 10px; position: relative; } .navbar-toggle:focus { outline: 0 none; } .navbar-toggle .icon-bar { border-radius: 1px; display: block; height: 2px; width: 22px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav, .navbar #primaryNav ul, .navbar #primaryNav ul li ul, .navbar #primaryNav ul li ul li ul { margin: 7.5px -15px; } .navbar-nav > li > a, .navbar #primaryNav ul > li > a, .navbar #primaryNav ul li ul > li > a, .navbar #primaryNav ul li ul li ul > li > a { line-height: 20px; padding-bottom: 10px; padding-top: 10px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu, .navbar #primaryNav ul .open .dropdown-menu { background-color: transparent; border: 0 none; box-shadow: none; float: none; margin-top: 0; position: static; width: auto; } .navbar-nav .open .dropdown-menu > li > a, .navbar #primaryNav ul .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header, .navbar #primaryNav ul .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a, .navbar #primaryNav ul .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar #primaryNav ul .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus, .navbar #primaryNav ul .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav, .navbar #primaryNav ul, .navbar #primaryNav ul li ul, .navbar #primaryNav ul li ul li ul { float: left; margin: 0; } .navbar-nav > li, .navbar #primaryNav ul > li, .navbar #primaryNav ul li ul > li, .navbar #primaryNav ul li ul li ul > li { float: left; } .navbar-nav > li > a, .navbar #primaryNav ul > li > a, .navbar #primaryNav ul li ul > li > a, .navbar #primaryNav ul li ul li ul > li > a { padding-bottom: 15px; padding-top: 15px; } } .navbar-form { border-bottom: 1px solid transparent; border-top: 1px solid transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1); margin: 8px -15px; padding: 10px 15px; } @media (min-width: 768px) { .navbar-form .form-group, .navbar-form form .sendFormRow, form .navbar-form .sendFormRow { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; vertical-align: middle; width: auto; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-bottom: 0; margin-top: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { margin-left: 0; position: relative; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group, .navbar-form form .sendFormRow, form .navbar-form .sendFormRow { margin-bottom: 5px; } .navbar-form .form-group:last-child, .navbar-form form .sendFormRow:last-child, form .navbar-form .sendFormRow:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { border: 0 none; box-shadow: none; margin-left: 0; margin-right: 0; padding-bottom: 0; padding-top: 0; width: auto; } } .navbar-nav > li > .dropdown-menu, .navbar #primaryNav ul > li > .dropdown-menu, .navbar #primaryNav ul li ul > li > .dropdown-menu, .navbar #primaryNav ul li ul li ul > li > .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu, .navbar-fixed-bottom .navbar #primaryNav ul > li > .dropdown-menu, .navbar #primaryNav .navbar-fixed-bottom ul > li > .dropdown-menu, .navbar-fixed-bottom .navbar #primaryNav ul li ul > li > .dropdown-menu, .navbar-fixed-bottom .navbar #primaryNav ul li ul li ul > li > .dropdown-menu { border-radius: 4px 4px 0 0; margin-bottom: 0; } .navbar-btn { margin-bottom: 8px; margin-top: 8px; } .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { margin-bottom: 10px; margin-top: 10px; } .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { margin-bottom: 14px; margin-top: 14px; } .navbar-text { margin-bottom: 15px; margin-top: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { background-color: transparent; color: #5e5e5e; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar #primaryNav ul > li > a, .navbar #primaryNav .navbar-default ul > li > a, .navbar-default .navbar #primaryNav ul li ul > li > a, .navbar-default .navbar #primaryNav ul li ul li ul > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar #primaryNav ul > li > a:hover, .navbar #primaryNav .navbar-default ul > li > a:hover, .navbar-default .navbar #primaryNav ul li ul > li > a:hover, .navbar-default .navbar #primaryNav ul li ul li ul > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar #primaryNav ul > li > a:focus, .navbar #primaryNav .navbar-default ul > li > a:focus, .navbar-default .navbar #primaryNav ul li ul > li > a:focus, .navbar-default .navbar #primaryNav ul li ul li ul > li > a:focus { background-color: transparent; color: #333; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar #primaryNav ul > .active > a, .navbar #primaryNav .navbar-default ul > .active > a, .navbar-default .navbar #primaryNav ul li ul > .active > a, .navbar-default .navbar #primaryNav ul li ul li ul > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar #primaryNav ul > .active > a:hover, .navbar #primaryNav .navbar-default ul > .active > a:hover, .navbar-default .navbar #primaryNav ul li ul > .active > a:hover, .navbar-default .navbar #primaryNav ul li ul li ul > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar #primaryNav ul > .active > a:focus, .navbar #primaryNav .navbar-default ul > .active > a:focus, .navbar-default .navbar #primaryNav ul li ul > .active > a:focus, .navbar-default .navbar #primaryNav ul li ul li ul > .active > a:focus { background-color: #e7e7e7; color: #555; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar #primaryNav ul > .disabled > a, .navbar #primaryNav .navbar-default ul > .disabled > a, .navbar-default .navbar #primaryNav ul li ul > .disabled > a, .navbar-default .navbar #primaryNav ul li ul li ul > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar #primaryNav ul > .disabled > a:hover, .navbar #primaryNav .navbar-default ul > .disabled > a:hover, .navbar-default .navbar #primaryNav ul li ul > .disabled > a:hover, .navbar-default .navbar #primaryNav ul li ul li ul > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar #primaryNav ul > .disabled > a:focus, .navbar #primaryNav .navbar-default ul > .disabled > a:focus, .navbar-default .navbar #primaryNav ul li ul > .disabled > a:focus, .navbar-default .navbar #primaryNav ul li ul li ul > .disabled > a:focus { background-color: transparent; color: #ccc; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar #primaryNav, .navbar .navbar-default #primaryNav, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar #primaryNav ul > .open > a, .navbar #primaryNav .navbar-default ul > .open > a, .navbar-default .navbar #primaryNav ul li ul > .open > a, .navbar-default .navbar #primaryNav ul li ul li ul > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar #primaryNav ul > .open > a:hover, .navbar #primaryNav .navbar-default ul > .open > a:hover, .navbar-default .navbar #primaryNav ul li ul > .open > a:hover, .navbar-default .navbar #primaryNav ul li ul li ul > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar #primaryNav ul > .open > a:focus, .navbar #primaryNav .navbar-default ul > .open > a:focus, .navbar-default .navbar #primaryNav ul li ul > .open > a:focus, .navbar-default .navbar #primaryNav ul li ul li ul > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > li > a, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > li > a:hover, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > li > a:focus, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > li > a:focus { background-color: transparent; color: #333; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > .active > a, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > .active > a:hover, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > .active > a:focus, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > .active > a:focus { background-color: #e7e7e7; color: #555; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > .disabled > a, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > .disabled > a:hover, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > .disabled > a:focus, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > .disabled > a:focus { background-color: transparent; color: #ccc; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { background-color: transparent; color: #fff; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar #primaryNav ul > li > a, .navbar #primaryNav .navbar-inverse ul > li > a, .navbar-inverse .navbar #primaryNav ul li ul > li > a, .navbar-inverse .navbar #primaryNav ul li ul li ul > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar #primaryNav ul > li > a:hover, .navbar #primaryNav .navbar-inverse ul > li > a:hover, .navbar-inverse .navbar #primaryNav ul li ul > li > a:hover, .navbar-inverse .navbar #primaryNav ul li ul li ul > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar #primaryNav ul > li > a:focus, .navbar #primaryNav .navbar-inverse ul > li > a:focus, .navbar-inverse .navbar #primaryNav ul li ul > li > a:focus, .navbar-inverse .navbar #primaryNav ul li ul li ul > li > a:focus { background-color: transparent; color: #fff; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar #primaryNav ul > .active > a, .navbar #primaryNav .navbar-inverse ul > .active > a, .navbar-inverse .navbar #primaryNav ul li ul > .active > a, .navbar-inverse .navbar #primaryNav ul li ul li ul > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar #primaryNav ul > .active > a:hover, .navbar #primaryNav .navbar-inverse ul > .active > a:hover, .navbar-inverse .navbar #primaryNav ul li ul > .active > a:hover, .navbar-inverse .navbar #primaryNav ul li ul li ul > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar #primaryNav ul > .active > a:focus, .navbar #primaryNav .navbar-inverse ul > .active > a:focus, .navbar-inverse .navbar #primaryNav ul li ul > .active > a:focus, .navbar-inverse .navbar #primaryNav ul li ul li ul > .active > a:focus { background-color: #090909; color: #fff; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar #primaryNav ul > .disabled > a, .navbar #primaryNav .navbar-inverse ul > .disabled > a, .navbar-inverse .navbar #primaryNav ul li ul > .disabled > a, .navbar-inverse .navbar #primaryNav ul li ul li ul > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar #primaryNav ul > .disabled > a:hover, .navbar #primaryNav .navbar-inverse ul > .disabled > a:hover, .navbar-inverse .navbar #primaryNav ul li ul > .disabled > a:hover, .navbar-inverse .navbar #primaryNav ul li ul li ul > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar #primaryNav ul > .disabled > a:focus, .navbar #primaryNav .navbar-inverse ul > .disabled > a:focus, .navbar-inverse .navbar #primaryNav ul li ul > .disabled > a:focus, .navbar-inverse .navbar #primaryNav ul li ul li ul > .disabled > a:focus { background-color: transparent; color: #444; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar #primaryNav, .navbar .navbar-inverse #primaryNav, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar #primaryNav ul > .open > a, .navbar #primaryNav .navbar-inverse ul > .open > a, .navbar-inverse .navbar #primaryNav ul li ul > .open > a, .navbar-inverse .navbar #primaryNav ul li ul li ul > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar #primaryNav ul > .open > a:hover, .navbar #primaryNav .navbar-inverse ul > .open > a:hover, .navbar-inverse .navbar #primaryNav ul li ul > .open > a:hover, .navbar-inverse .navbar #primaryNav ul li ul li ul > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar #primaryNav ul > .open > a:focus, .navbar #primaryNav .navbar-inverse ul > .open > a:focus, .navbar-inverse .navbar #primaryNav ul li ul > .open > a:focus, .navbar-inverse .navbar #primaryNav ul li ul li ul > .open > a:focus { background-color: #090909; color: #fff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > .dropdown-header, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > .dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu .divider, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > li > a, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > li > a:hover, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > li > a:focus, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > li > a:focus { background-color: transparent; color: #fff; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > .active > a, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > .active > a:hover, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > .active > a:focus, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > .active > a:focus { background-color: #090909; color: #fff; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > .disabled > a, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > .disabled > a:hover, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > .disabled > a:focus, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > .disabled > a:focus { background-color: transparent; color: #444; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { background-color: #f5f5f5; border-radius: 4px; list-style: outside none none; margin-bottom: 20px; padding: 8px 15px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li::before { color: #ccc; content: "/ "; padding: 0 5px; } .breadcrumb > .active { color: #777; } .pagination { border-radius: 4px; display: inline-block; margin: 20px 0; padding-left: 0; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { background-color: #fff; border: 1px solid #ddd; color: #337ab7; float: left; line-height: 1.42857; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 4px; border-top-left-radius: 4px; margin-left: 0; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { background-color: #eee; border-color: #ddd; color: #23527c; z-index: 2; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { background-color: #337ab7; border-color: #337ab7; color: #fff; cursor: default; z-index: 3; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { background-color: #fff; border-color: #ddd; color: #777; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { font-size: 18px; line-height: 1.33333; padding: 10px 16px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { font-size: 12px; line-height: 1.5; padding: 5px 10px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pager { list-style: outside none none; margin: 20px 0; padding-left: 0; text-align: center; } .pager::before, .pager::after { content: " "; display: table; } .pager::after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { background-color: #fff; border: 1px solid #ddd; border-radius: 15px; display: inline-block; padding: 5px 14px; } .pager li > a:hover, .pager li > a:focus { background-color: #eee; text-decoration: none; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { background-color: #fff; color: #777; cursor: not-allowed; } .label { border-radius: 0.25em; color: #fff; display: inline; font-size: 75%; font-weight: bold; line-height: 1; padding: 0.2em 0.6em 0.3em; text-align: center; vertical-align: baseline; white-space: nowrap; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:hover, a.label:focus { color: #fff; cursor: pointer; text-decoration: none; } .label-default { background-color: #777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { background-color: #777; border-radius: 10px; color: #fff; display: inline-block; font-size: 12px; font-weight: bold; line-height: 1; min-width: 10px; padding: 3px 7px; text-align: center; vertical-align: middle; white-space: nowrap; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge { padding: 1px 5px; top: 0; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { background-color: #fff; color: #337ab7; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } a.badge:hover, a.badge:focus { color: #fff; cursor: pointer; text-decoration: none; } .jumbotron { background-color: #eee; color: inherit; margin-bottom: 30px; padding-bottom: 30px; padding-top: 30px; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { font-size: 21px; font-weight: 200; margin-bottom: 15px; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; padding-left: 15px; padding-right: 15px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-bottom: 48px; padding-top: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; display: block; line-height: 1.42857; margin-bottom: 20px; padding: 4px; transition: border 0.2s ease-in-out 0s; } .thumbnail > img, .thumbnail a > img { display: block; height: auto; margin-left: auto; margin-right: auto; max-width: 100%; } .thumbnail .caption { color: #333; padding: 9px; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .alert { border: 1px solid transparent; border-radius: 4px; margin-bottom: 20px; padding: 15px; } .alert h4 { color: inherit; margin-top: 0; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { color: inherit; position: relative; right: -21px; top: -2px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @keyframes progress-bar-stripes { 0% { background-position: 40px 0; } 100% { background-position: 0 0; } } .progress { background-color: #f5f5f5; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 20px; margin-bottom: 20px; overflow: hidden; } .progress-bar { background-color: #337ab7; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; color: #fff; float: left; font-size: 12px; height: 100%; line-height: 20px; text-align: center; transition: width 0.6s ease 0s; width: 0; } .progress-striped .progress-bar, .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { animation: 2s linear 0s normal none infinite running progress-bar-stripes; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-bottom: 5px; margin-top: 0; } .media-list { list-style: outside none none; padding-left: 0; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { background-color: #fff; border: 1px solid #ddd; display: block; margin-bottom: -1px; padding: 10px 15px; position: relative; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin-bottom: 0; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus { background-color: #f5f5f5; color: #555; text-decoration: none; } button.list-group-item { text-align: left; width: 100%; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #eee; color: #777; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { background-color: #337ab7; border-color: #337ab7; color: #fff; z-index: 2; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .list-group-item-success { background-color: #dff0d8; color: #3c763d; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus { background-color: #d0e9c6; color: #3c763d; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.list-group-item-success.active:focus { background-color: #3c763d; border-color: #3c763d; color: #fff; } .list-group-item-info { background-color: #d9edf7; color: #31708f; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus { background-color: #c4e3f3; color: #31708f; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.list-group-item-info.active:focus { background-color: #31708f; border-color: #31708f; color: #fff; } .list-group-item-warning { background-color: #fcf8e3; color: #8a6d3b; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus { background-color: #faf2cc; color: #8a6d3b; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.list-group-item-warning.active:focus { background-color: #8a6d3b; border-color: #8a6d3b; color: #fff; } .list-group-item-danger { background-color: #f2dede; color: #a94442; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus { background-color: #ebcccc; color: #a94442; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.list-group-item-danger.active:focus { background-color: #a94442; border-color: #a94442; color: #fff; } .list-group-item-heading { margin-bottom: 5px; margin-top: 0; } .list-group-item-text { line-height: 1.3; margin-bottom: 0; } .panel { background-color: #fff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 20px; } .panel-body { padding: 15px; } .panel-body::before, .panel-body::after { content: " "; display: table; } .panel-body::after { clear: both; } .panel-heading { border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 10px 15px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { color: inherit; font-size: 16px; margin-bottom: 0; margin-top: 0; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { background-color: #f5f5f5; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top: 1px solid #ddd; padding: 10px 15px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-radius: 0; border-width: 1px 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0 none; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0 none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-left: 15px; padding-right: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0 none; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0 none; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0 none; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0 none; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0 none; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0 none; } .panel > .table-responsive { border: 0 none; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { border-radius: 4px; margin-bottom: 0; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0 none; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0 none; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { background-color: #f5f5f5; border-color: #ddd; color: #333; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { background-color: #333; color: #f5f5f5; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { background-color: #337ab7; border-color: #337ab7; color: #fff; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { background-color: #fff; color: #337ab7; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { background-color: #3c763d; color: #dff0d8; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { background-color: #31708f; color: #d9edf7; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { background-color: #8a6d3b; color: #fcf8e3; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { background-color: #a94442; color: #f2dede; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { display: block; height: 0; overflow: hidden; padding: 0; position: relative; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { border: 0 none; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-bottom: 20px; min-height: 20px; padding: 19px; } .well blockquote { border-color: rgba(0, 0, 0, 0.15); } .well-lg { border-radius: 6px; padding: 24px; } .well-sm { border-radius: 3px; padding: 9px; } .close { color: #000; float: right; font-size: 21px; font-weight: bold; line-height: 1; opacity: 0.2; text-shadow: 0 1px 0 #fff; } .close:hover, .close:focus { color: #000; cursor: pointer; opacity: 0.5; text-decoration: none; } button.close { background: transparent none repeat scroll 0 0; border: 0 none; cursor: pointer; padding: 0; } .modal-open { overflow: hidden; } .modal { bottom: 0; display: none; left: 0; outline: 0 none; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 1050; } .modal.fade .modal-dialog { transform: translate(0px, -25%); transition: transform 0.3s ease-out 0s; } .modal.in .modal-dialog { transform: translate(0px, 0px); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { margin: 10px; position: relative; width: auto; } .modal-content { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0 none; position: relative; } .modal-backdrop { background-color: #000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1040; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.5; } .modal-header { border-bottom: 1px solid #e5e5e5; padding: 15px; } .modal-header::before, .modal-header::after { content: " "; display: table; } .modal-header::after { clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { line-height: 1.42857; margin: 0; } .modal-body { padding: 15px; position: relative; } .modal-footer { border-top: 1px solid #e5e5e5; padding: 15px; text-align: right; } .modal-footer::before, .modal-footer::after { content: " "; display: table; } .modal-footer::after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { height: 50px; overflow: scroll; position: absolute; top: -9999px; width: 50px; } @media (min-width: 768px) { .modal-dialog { margin: 30px auto; width: 600px; } .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { display: block; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.42857; opacity: 0; position: absolute; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; z-index: 1070; } .tooltip.in { opacity: 0.9; } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { background-color: #000; border-radius: 4px; color: #fff; max-width: 200px; padding: 3px 8px; text-align: center; } .tooltip-arrow { border-color: transparent; border-style: solid; height: 0; position: absolute; width: 0; } .tooltip.top .tooltip-arrow { border-top-color: #000; border-width: 5px 5px 0; bottom: 0; left: 50%; margin-left: -5px; } .tooltip.top-left .tooltip-arrow { border-top-color: #000; border-width: 5px 5px 0; bottom: 0; margin-bottom: -5px; right: 5px; } .tooltip.top-right .tooltip-arrow { border-top-color: #000; border-width: 5px 5px 0; bottom: 0; left: 5px; margin-bottom: -5px; } .tooltip.right .tooltip-arrow { border-right-color: #000; border-width: 5px 5px 5px 0; left: 0; margin-top: -5px; top: 50%; } .tooltip.left .tooltip-arrow { border-left-color: #000; border-width: 5px 0 5px 5px; margin-top: -5px; right: 0; top: 50%; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #000; border-width: 0 5px 5px; left: 50%; margin-left: -5px; top: 0; } .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #000; border-width: 0 5px 5px; margin-top: -5px; right: 5px; top: 0; } .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #000; border-width: 0 5px 5px; left: 5px; margin-top: -5px; top: 0; } .popover { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); display: none; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; left: 0; letter-spacing: normal; line-height: 1.42857; max-width: 276px; padding: 1px; position: absolute; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; top: 0; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; z-index: 1060; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; font-size: 14px; margin: 0; padding: 8px 14px; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow::after { border-color: transparent; border-style: solid; display: block; height: 0; position: absolute; width: 0; } .popover > .arrow { border-width: 11px; } .popover > .arrow::after { border-width: 10px; content: ""; } .popover.top > .arrow { border-bottom-width: 0; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; left: 50%; margin-left: -11px; } .popover.top > .arrow::after { border-bottom-width: 0; border-top-color: #fff; bottom: 1px; content: " "; margin-left: -10px; } .popover.right > .arrow { border-left-width: 0; border-right-color: rgba(0, 0, 0, 0.25); left: -11px; margin-top: -11px; top: 50%; } .popover.right > .arrow::after { border-left-width: 0; border-right-color: #fff; bottom: -10px; content: " "; left: 1px; } .popover.bottom > .arrow { border-bottom-color: rgba(0, 0, 0, 0.25); border-top-width: 0; left: 50%; margin-left: -11px; top: -11px; } .popover.bottom > .arrow::after { border-bottom-color: #fff; border-top-width: 0; content: " "; margin-left: -10px; top: 1px; } .popover.left > .arrow { border-left-color: rgba(0, 0, 0, 0.25); border-right-width: 0; margin-top: -11px; right: -11px; top: 50%; } .popover.left > .arrow::after { border-left-color: #fff; border-right-width: 0; bottom: -10px; content: " "; right: 1px; } .carousel { position: relative; } .carousel-inner { overflow: hidden; position: relative; width: 100%; } .carousel-inner > .item { display: none; position: relative; transition: left 0.6s ease-in-out 0s; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; height: auto; line-height: 1; max-width: 100%; } @media not all, not all { .carousel-inner > .item { backface-visibility: hidden; perspective: 1000px; transition: transform 0.6s ease-in-out 0s; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; transform: translate3d(100%, 0px, 0px); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; transform: translate3d(-100%, 0px, 0px); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; transform: translate3d(0px, 0px, 0px); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { background-color: transparent; bottom: 0; color: #fff; font-size: 20px; left: 0; opacity: 0.5; position: absolute; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); top: 0; width: 15%; } .carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; } .carousel-control.right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; left: auto; right: 0; } .carousel-control:hover, .carousel-control:focus { color: #fff; opacity: 0.9; outline: 0 none; text-decoration: none; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { display: inline-block; margin-top: -10px; position: absolute; top: 50%; z-index: 5; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { margin-right: -10px; right: 50%; } .carousel-control .icon-prev, .carousel-control .icon-next { font-family: serif; height: 20px; line-height: 1; width: 20px; } .carousel-control .icon-prev::before { content: "‹"; } .carousel-control .icon-next::before { content: "›"; } .carousel-indicators { bottom: 10px; left: 50%; list-style: outside none none; margin-left: -30%; padding-left: 0; position: absolute; text-align: center; width: 60%; z-index: 15; } .carousel-indicators li { background-color: transparent; border: 1px solid #fff; border-radius: 10px; cursor: pointer; display: inline-block; height: 10px; margin: 1px; text-indent: -999px; width: 10px; } .carousel-indicators .active { background-color: #fff; height: 12px; margin: 0; width: 12px; } .carousel-caption { bottom: 20px; color: #fff; left: 15%; padding-bottom: 20px; padding-top: 20px; position: absolute; right: 15%; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); z-index: 10; } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { font-size: 30px; height: 30px; margin-top: -10px; width: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { left: 20%; padding-bottom: 30px; right: 20%; } .carousel-indicators { bottom: 20px; } } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { background-color: transparent; border: 0 none; color: transparent; font: 0px/0 a; text-shadow: none; } .hidden { display: none !important; } .affix { position: fixed; } .visible-xs, .mobileClear, .mobileNoAccountWrapper, div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress .sideBar_MapAddressElement.directions { display: none !important; } .visible-sm, .mobileNoAccountWrapper { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs, .mobileClear, .mobileNoAccountWrapper, div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress .sideBar_MapAddressElement.directions { display: block !important; } table.visible-xs, table.mobileClear, table.mobileNoAccountWrapper, div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress table.sideBar_MapAddressElement.directions { display: table !important; } tr.visible-xs, tr.mobileClear, tr.mobileNoAccountWrapper, div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress tr.sideBar_MapAddressElement.directions { display: table-row !important; } th.visible-xs, th.mobileClear, th.mobileNoAccountWrapper, div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress th.sideBar_MapAddressElement.directions, td.visible-xs, td.mobileClear, td.mobileNoAccountWrapper, div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress td.sideBar_MapAddressElement.directions { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm, .mobileNoAccountWrapper { display: block !important; } table.visible-sm, table.mobileNoAccountWrapper { display: table !important; } tr.visible-sm, tr.mobileNoAccountWrapper { display: table-row !important; } th.visible-sm, th.mobileNoAccountWrapper, td.visible-sm, td.mobileNoAccountWrapper { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs, .desktopOnly, .anchorLinks .delimiter, header .headerTopWrapper .headerTop .headerNav, #stickyHeader .headerTopWrapper .headerTop .headerNav, header .headerWrapper .headerBottom .headerRight, #stickyHeader .headerWrapper .headerBottom .headerRight, header .headerWrapper .headerBottom .registeredMenu .registeredLeft, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft, header .headerWrapper .headerBottom .registeredMenu .registeredRight, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight, .navbar .navTitle, div#template div#left, div#sidebar div.sideBar_GoogleMapHolder div.sideBar_GoogleMap, .productSheetWrapper .productSheet .stockListDetail table thead { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm, .desktopOnly, header .headerTopWrapper .headerTop .headerNav, #stickyHeader .headerTopWrapper .headerTop .headerNav, header .headerWrapper .headerBottom .headerRight, #stickyHeader .headerWrapper .headerBottom .headerRight, header .headerWrapper .headerBottom .registeredMenu .registeredLeft, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft, header .headerWrapper .headerBottom .registeredMenu .registeredRight, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight, .navbar .navTitle, div#template div#left { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md, .navbar #primaryNav .search-bar, .navbar .bottom-close { display: none !important; } } @media (min-width: 1200px) { .hidden-lg, .navbar #primaryNav .search-bar, .navbar .bottom-close { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } * { border: 0 none; margin: 0; padding: 0; } html, body { background: rgba(0, 0, 0, 0); margin: 0; padding: 0; } .container, .container-fluid { text-align: left; } .container-fluid { max-width: 1170px; } @media all and (min-width: 768px) and (max-width: 991px) { .container-fluid { padding-left: 25px; padding-right: 25px; } } @media (min-width: 992px) and (max-width: 1200px) { .container-fluid { max-width: 970px; } } .container-fluid img { height: auto; max-width: 100%; } .mobileClear { clear: both; } .headerImageWrapper { width: 100%; } .headerImageWrapper .headerImage { position: relative; z-index: 0; } .headerImageWrapper .headerImage img { vertical-align: middle; width: 100%; } .headerImageWrapper .headerImage .overlay { position: relative; } .headerImageWrapper .headerImage .overlay::before { bottom: 0; box-shadow: 0 0 16px rgba(0, 0, 0, 0.2) inset; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } div#template { clear: both; } div#template div#right { box-sizing: border-box; padding-left: 0 !important; padding-right: 0 !important; } div#template div#contentArea { box-sizing: border-box; padding-bottom: 50px; padding-top: 50px; } @media all and (min-width: 992px) { div#template div#contentArea { padding-bottom: 70px; padding-top: 70px; } } div#template div#contentArea a { font-weight: bold; } div#template div#contentArea h1 a, div#template div#contentArea h2 a, div#template div#contentArea h3 a, div#template div#contentArea h4 a, div#template div#contentArea h5 a, div#template div#contentArea h6 a { font-weight: inherit !important; } div#template div#contentArea table { border-collapse: collapse; width: auto; } div#template div#contentArea table td { padding: 5px 20px; } @media all and (max-width: 767px) { div#template div#contentArea table td { display: block; } } @media all and (min-width: 992px) { div#template.hasRightCol div#contentArea { padding-right: 35px; } } @media all and (min-width: 992px) { div#template.hasLeftAndRightCols div#contentArea { padding-right: 35px; } } .sectionTitle { color: #414042; display: inline-block; font-family: "canada-type-gibson",sans-serif; font-size: 24px; font-weight: 400; letter-spacing: 0.15em; line-height: 1.25; margin: 0 0 30px; padding: 0 0 20px; position: relative; text-transform: uppercase; } @media all and (min-width: 992px) { .sectionTitle { font-size: 30px; margin: 0 0 40px; } } .sectionTitle::after { background: #dcddde none repeat scroll 0 0; bottom: 0; content: ""; height: 4px; left: 50%; position: absolute; transform: translateX(-50%); width: 80px; } .sectionTitle.viewAll { border-bottom: 2px solid #dcddde; color: #00457c; display: block; font-family: "canada-type-gibson",sans-serif; font-size: 26px; font-weight: 600; letter-spacing: 0; line-height: 1.15385; text-align: left; text-transform: none; } .sectionTitle.viewAll::after { display: none; height: 0; } .sectionTitle.viewAll a { font-family: "canada-type-gibson",sans-serif; font-size: 21px; font-weight: 400; } .sectionTitle.viewAll .delimiter { color: #dcddde; padding: 0 15px; } .viewAllLink { font-family: "canada-type-gibson",sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0.15em; margin: -20px 0 35px; text-transform: uppercase; } .viewAllLink a { font-weight: 600 !important; } @media all and (min-width: 992px) { .shareWrapper { float: right; } } .shareWrapper .shareTitle { color: #00457c; display: inline-block; font-family: "canada-type-gibson",sans-serif; font-size: 15px; font-weight: 400; margin-right: 20px; text-transform: uppercase; vertical-align: bottom; } .shareWrapper .addthis_sharing_toolbox { display: inline-block; } .shareWrapper.shareBottom { border-top: 2px solid #dcddde; margin-top: 40px; padding-top: 15px; width: 100%; } @media all and (min-width: 992px) { .shareWrapper.shareBottom { text-align: right; } } .pagePagination { color: #414042; font-family: "canada-type-gibson",sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.15em; margin-bottom: 40px; text-transform: uppercase; } .pagePagination a { font-weight: 600 !important; } .pagePagination .delimiter { padding: 0 15px; } .postsNav { border-top: 2px solid #dcddde; padding-top: 40px; } .postsNav a { display: block; font-size: 16px; font-weight: 600; margin: 0 0 15px; padding: 20px 35px; } @media all and (min-width: 768px) { .postsNav a { display: inline-block; margin: 0 30px 0 0; } } .anchorLinks { background: #f2f2f3 none repeat scroll 0 0; color: #414042; font-family: "canada-type-gibson",sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0.15em; line-height: 1.875; margin: 0; padding: 30px; text-align: center; text-transform: uppercase; width: 100%; } .anchorLinks a { display: block; font-weight: 600 !important; margin: 0 0 10px; } @media all and (min-width: 768px) { .anchorLinks a { display: inline-block; margin: 0; } } .anchorLinks .delimiter { padding: 0 15px; } #stickyHeader-sticky-wrapper { height: 0 !important; overflow: hidden !important; } #stickyHeader { position: fixed; top: -250px; transition-duration: 0.4s; transition-property: all; transition-timing-function: ease; z-index: 99; } .is-sticky { height: 108px !important; } .is-sticky #stickyHeader { top: 0; } header { position: relative; z-index: 98; } header, #stickyHeader { background: #fff none repeat scroll 0 0; box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15); margin: 0; width: 100%; } header .headerTopWrapper, #stickyHeader .headerTopWrapper { background: #00457c none repeat scroll 0 0; box-sizing: border-box; clear: both; height: 30px; padding: 6px 0; position: relative; } @media all and (min-width: 992px) { header .headerTopWrapper, #stickyHeader .headerTopWrapper { height: 40px; padding: 11px 0 10px; } } header .headerTopWrapper .headerTop, #stickyHeader .headerTopWrapper .headerTop { color: #dcddde; font-family: "canada-type-gibson",sans-serif; font-size: 13px; font-weight: 400; } @media all and (min-width: 992px) { header .headerTopWrapper .headerTop, #stickyHeader .headerTopWrapper .headerTop { display: flex; } } header .headerTopWrapper .headerTop .language, #stickyHeader .headerTopWrapper .headerTop .language { float: left; line-height: normal; margin: 0 10px 0 0; position: relative; } @media all and (min-width: 1200px) { header .headerTopWrapper .headerTop .language, #stickyHeader .headerTopWrapper .headerTop .language { margin: 0 15px 0 0; } } header .headerTopWrapper .headerTop .language .languageDropdown, header .headerTopWrapper .headerTop .language .languageDropdownSticky, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky { margin: 0; padding: 0; } header .headerTopWrapper .headerTop .language .languageDropdown dt, header .headerTopWrapper .headerTop .language .languageDropdownSticky dt, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dt, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dt { font-weight: 400; line-height: normal; } header .headerTopWrapper .headerTop .language .languageDropdown dt a, header .headerTopWrapper .headerTop .language .languageDropdownSticky dt a, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dt a, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dt a { color: #dcddde; font-family: "canada-type-gibson",sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0; text-decoration: none; text-transform: uppercase; } @media all and (min-width: 768px) { header .headerTopWrapper .headerTop .language .languageDropdown dt a, header .headerTopWrapper .headerTop .language .languageDropdownSticky dt a, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dt a, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dt a { letter-spacing: 0.1em; } } @media all and (min-width: 1200px) { header .headerTopWrapper .headerTop .language .languageDropdown dt a, header .headerTopWrapper .headerTop .language .languageDropdownSticky dt a, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dt a, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dt a { font-size: 13px; } } header .headerTopWrapper .headerTop .language .languageDropdown dt a::before, header .headerTopWrapper .headerTop .language .languageDropdownSticky dt a::before, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dt a::before, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dt a::before { content: ""; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; padding-right: 6px; text-rendering: auto; } header .headerTopWrapper .headerTop .language .languageDropdown dt a::after, header .headerTopWrapper .headerTop .language .languageDropdownSticky dt a::after, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dt a::after, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dt a::after { content: ""; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; padding-left: 4px; text-rendering: auto; } header .headerTopWrapper .headerTop .language .languageDropdown dt a:hover, header .headerTopWrapper .headerTop .language .languageDropdownSticky dt a:hover, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dt a:hover, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dt a:hover { color: #e9ac16; text-decoration: none; } header .headerTopWrapper .headerTop .language .languageDropdown dd, header .headerTopWrapper .headerTop .language .languageDropdownSticky dd, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dd, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dd { display: none; position: relative; } header .headerTopWrapper .headerTop .language .languageDropdown dd ul, header .headerTopWrapper .headerTop .language .languageDropdownSticky dd ul, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dd ul, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dd ul { background: #00457c none repeat scroll 0 0; box-sizing: border-box; display: block; left: -24px; list-style: outside none none; padding: 5px 15px; position: absolute; top: 2px; width: 100%; z-index: 30; } header .headerTopWrapper .headerTop .language .languageDropdown dd ul li a, header .headerTopWrapper .headerTop .language .languageDropdownSticky dd ul li a, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dd ul li a, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dd ul li a { color: #dcddde; display: block; font-family: "canada-type-gibson",sans-serif; font-size: 13px; font-weight: 400; padding: 0; } header .headerTopWrapper .headerTop .language .languageDropdown dd ul li a:hover, header .headerTopWrapper .headerTop .language .languageDropdownSticky dd ul li a:hover, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dd ul li a:hover, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dd ul li a:hover { color: #e9ac16; text-decoration: none; } header .headerTopWrapper .headerTop .language .languageDropdown span.value, header .headerTopWrapper .headerTop .language .languageDropdownSticky span.value, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown span.value, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky span.value { display: none; } header .headerTopWrapper .headerTop .headerNav, #stickyHeader .headerTopWrapper .headerTop .headerNav { flex-grow: 1; float: left; line-height: normal; } header .headerTopWrapper .headerTop .headerNav a.dropdown-toggle, #stickyHeader .headerTopWrapper .headerTop .headerNav a.dropdown-toggle { display: none; } header .headerTopWrapper .headerTop .headerNav .caret, #stickyHeader .headerTopWrapper .headerTop .headerNav .caret { display: none; } header .headerTopWrapper .headerTop .headerNav ul, #stickyHeader .headerTopWrapper .headerTop .headerNav ul { display: flex; margin: 0; padding: 0; } header .headerTopWrapper .headerTop .headerNav ul li, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li { flex-grow: 1; float: left; list-style: outside none none; margin: 0 10px; padding: 0; position: static; width: auto; } @media all and (min-width: 1200px) { header .headerTopWrapper .headerTop .headerNav ul li, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li { margin: 0 15px; } } header .headerTopWrapper .headerTop .headerNav ul li .hitarea, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li .hitarea { cursor: pointer; } header .headerTopWrapper .headerTop .headerNav ul li a, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #dcddde; display: block; font-family: "canada-type-gibson",sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0.1em; line-height: normal; margin: 0; padding: 0; text-align: center; text-decoration: none; text-transform: uppercase; } @media all and (min-width: 1200px) { header .headerTopWrapper .headerTop .headerNav ul li a, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li a { font-size: 13px; } } header .headerTopWrapper .headerTop .headerNav ul li a:hover, header .headerTopWrapper .headerTop .headerNav ul li a:focus, header .headerTopWrapper .headerTop .headerNav ul li a.active, header .headerTopWrapper .headerTop .headerNav ul li a.activeTrail, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li a:hover, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li a:focus, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li a.active, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li a.activeTrail { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #e9ac16; text-decoration: none; } header .headerTopWrapper .headerTop .headerNav ul li a.dropdown-toggle, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li a.dropdown-toggle { display: none; } header .headerTopWrapper .headerTop .headerNav ul li.first a, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li.first a { margin-left: 0; } header .headerTopWrapper .headerTop .headerNav ul li.last a, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li.last a { margin-right: 0; } header .headerTopWrapper .headerTop .headerNav ul ul, #stickyHeader .headerTopWrapper .headerTop .headerNav ul ul { display: none; } header .headerTopWrapper .headerTop .ecommerceButtons, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons { line-height: normal; text-align: right; } @media all and (min-width: 992px) { header .headerTopWrapper .headerTop .ecommerceButtons, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons { float: left; } } header .headerTopWrapper .headerTop .ecommerceButtons .login, header .headerTopWrapper .headerTop .ecommerceButtons .account, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile, header .headerTopWrapper .headerTop .ecommerceButtons .cart, header .headerTopWrapper .headerTop .ecommerceButtons .search, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .login, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .search { display: inline-block; line-height: normal; margin: 0 0 0 15px; } @media all and (min-width: 992px) { header .headerTopWrapper .headerTop .ecommerceButtons .login, header .headerTopWrapper .headerTop .ecommerceButtons .account, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile, header .headerTopWrapper .headerTop .ecommerceButtons .cart, header .headerTopWrapper .headerTop .ecommerceButtons .search, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .login, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .search { display: block; float: left; margin: 0 0 0 20px; text-align: right; } } @media all and (min-width: 1200px) { header .headerTopWrapper .headerTop .ecommerceButtons .login, header .headerTopWrapper .headerTop .ecommerceButtons .account, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile, header .headerTopWrapper .headerTop .ecommerceButtons .cart, header .headerTopWrapper .headerTop .ecommerceButtons .search, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .login, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .search { margin: 0 0 0 30px; } } header .headerTopWrapper .headerTop .ecommerceButtons .login a, header .headerTopWrapper .headerTop .ecommerceButtons .account a, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a, header .headerTopWrapper .headerTop .ecommerceButtons .cart a, header .headerTopWrapper .headerTop .ecommerceButtons .search a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .login a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .search a { color: #dcddde; font-family: "canada-type-gibson",sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0; text-decoration: none; text-transform: uppercase; } @media all and (min-width: 768px) { header .headerTopWrapper .headerTop .ecommerceButtons .login a, header .headerTopWrapper .headerTop .ecommerceButtons .account a, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a, header .headerTopWrapper .headerTop .ecommerceButtons .cart a, header .headerTopWrapper .headerTop .ecommerceButtons .search a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .login a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .search a { letter-spacing: 0.1em; } } @media all and (min-width: 1200px) { header .headerTopWrapper .headerTop .ecommerceButtons .login a, header .headerTopWrapper .headerTop .ecommerceButtons .account a, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a, header .headerTopWrapper .headerTop .ecommerceButtons .cart a, header .headerTopWrapper .headerTop .ecommerceButtons .search a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .login a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .search a { font-size: 13px; } } @media all and (min-width: 992px) { header .headerTopWrapper .headerTop .ecommerceButtons .login a:hover, header .headerTopWrapper .headerTop .ecommerceButtons .account a:hover, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a:hover, header .headerTopWrapper .headerTop .ecommerceButtons .cart a:hover, header .headerTopWrapper .headerTop .ecommerceButtons .search a:hover, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .login a:hover, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account a:hover, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a:hover, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart a:hover, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .search a:hover { color: #e9ac16; text-decoration: none; } } header .headerTopWrapper .headerTop .ecommerceButtons .account a::after, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a::after, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account a::after, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a::after { content: ""; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; padding-left: 5px; text-rendering: auto; } @media all and (min-width: 992px) { header .headerTopWrapper .headerTop .ecommerceButtons .account a::after, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a::after, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account a::after, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a::after { display: none; } } header .headerTopWrapper .headerTop .ecommerceButtons .account.open a::after, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile.open a::after, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account.open a::after, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile.open a::after { content: ""; } header .headerTopWrapper .headerTop .ecommerceButtons .account, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account { display: none; } @media all and (min-width: 992px) { header .headerTopWrapper .headerTop .ecommerceButtons .account, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account { display: inline-block; } } @media all and (min-width: 992px) { header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile { display: none; } } header .headerTopWrapper .headerTop .ecommerceButtons .cart, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart { margin: 0 0 0 20px; } @media all and (min-width: 1200px) { header .headerTopWrapper .headerTop .ecommerceButtons .cart, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart { margin: 0 0 0 30px; } } header .headerTopWrapper .headerTop .ecommerceButtons .cart a::before, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart a::before { content: ""; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; padding-right: 5px; text-rendering: auto; } header .headerTopWrapper .headerTop .ecommerceButtons .search a::before, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .search a::before { content: ""; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; } header .headerWrapper, #stickyHeader .headerWrapper { padding: 0; } header .headerWrapper .headerBottom, #stickyHeader .headerWrapper .headerBottom { box-sizing: border-box; height: auto; } header .headerWrapper .headerBottom .headerLeft .logo, #stickyHeader .headerWrapper .headerBottom .headerLeft .logo { padding: 30px 0; position: relative; z-index: 4; } header .headerWrapper .headerBottom .headerLeft .logo img, #stickyHeader .headerWrapper .headerBottom .headerLeft .logo img { max-height: 72px; max-width: 145px; width: auto; } @media all and (min-width: 768px) { header .headerWrapper .headerBottom .headerLeft .logo img, #stickyHeader .headerWrapper .headerBottom .headerLeft .logo img { max-width: 200px; } } @media all and (min-width: 992px) { header .headerWrapper .headerBottom .headerLeft .logo img, #stickyHeader .headerWrapper .headerBottom .headerLeft .logo img { height: auto; max-height: none; } } header .headerWrapper .headerBottom .headerRight, #stickyHeader .headerWrapper .headerBottom .headerRight { margin: 21px 0; text-align: right; } header .headerWrapper .headerBottom .headerRight .search, #stickyHeader .headerWrapper .headerBottom .headerRight .search { max-width: 507px; padding: 0; position: absolute; right: -34px; } header .headerWrapper .headerBottom .headerRight .search .input, #stickyHeader .headerWrapper .headerBottom .headerRight .search .input { background: #f1f2f2 none repeat scroll 0 0; border: medium none; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15) inset; color: #939598; font-family: "canada-type-gibson",sans-serif; font-size: 18px; font-style: italic; font-weight: 400; height: 52px; } header .headerWrapper .headerBottom .headerRight .search .input-group-btn, #stickyHeader .headerWrapper .headerBottom .headerRight .search .input-group-btn { font-size: inherit; right: 50px; z-index: 5; } header .headerWrapper .headerBottom .headerRight .search .input-group-btn .submit, #stickyHeader .headerWrapper .headerBottom .headerRight .search .input-group-btn .submit { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #00457c; font-size: 21px; padding: 7px 14px; } header .headerWrapper .headerBottom .headerRight .search .input-group-btn .submit::after, #stickyHeader .headerWrapper .headerBottom .headerRight .search .input-group-btn .submit::after { display: none; } header .headerWrapper .headerBottom .headerRight .search .input-group-btn .submit i.fa, #stickyHeader .headerWrapper .headerBottom .headerRight .search .input-group-btn .submit i.fa { font-size: 21px; } header .headerWrapper .headerBottom .headerRight .search .input-group-btn .submit:hover, #stickyHeader .headerWrapper .headerBottom .headerRight .search .input-group-btn .submit:hover { color: #2d96d6; } header .headerWrapper .headerBottom .noAccountWrapper, #stickyHeader .headerWrapper .headerBottom .noAccountWrapper { color: #00457c; font-family: "canada-type-gibson",sans-serif; font-size: 13px; font-weight: 300; padding: 0; } header .headerWrapper .headerBottom .noAccountWrapper .noAccount, #stickyHeader .headerWrapper .headerBottom .noAccountWrapper .noAccount { padding: 13px 0; } header .headerWrapper .headerBottom .noAccountWrapper .noAccount a, #stickyHeader .headerWrapper .headerBottom .noAccountWrapper .noAccount a { font-weight: 600; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft { margin: 10px 0; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft a.dropdown-toggle, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft a.dropdown-toggle { display: none; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft .caret, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft .caret { display: none; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul { margin: 0; padding: 0; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li { float: left; list-style: outside none none; margin: 0 15px 0 0; padding: 0; position: static; width: auto; } @media all and (min-width: 1200px) { header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li { margin: 0 18px 0 0; } } header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li .hitarea, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li .hitarea { cursor: pointer; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #2d96d6; display: block; font-family: "canada-type-gibson",sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0; line-height: normal; margin: 0; padding: 0; text-align: center; text-decoration: none; text-transform: none; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a:hover, header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a.active, header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a.activeTrail, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a:hover, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a.active, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a.activeTrail { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #e9ac16; text-decoration: none; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a:focus, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a:focus { } header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a.dropdown-toggle, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a.dropdown-toggle { display: none; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul ul, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul ul { display: none; } header .headerWrapper .headerBottom .registeredMenu .registeredRight, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight { margin: 0 0 15px; text-align: right; } header .headerWrapper .headerBottom .registeredMenu .registeredRight select, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight select { background: #fff none repeat scroll 0 0; border: 1px solid #dcddde; box-shadow: 0 0 3px rgba(0, 0, 0, 0.05); box-sizing: border-box; color: #414042; font-family: "canada-type-gibson",sans-serif; font-size: 13px; font-weight: 400; height: 35px; margin: 0; width: 100%; } header .headerWrapper .headerBottom .registeredMenu .registeredRight .account, header .headerWrapper .headerBottom .registeredMenu .registeredRight .order, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight .account, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight .order { float: left; width: 50%; } header .headerWrapper .headerBottom .registeredMenu .registeredRight .account, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight .account { margin-right: 23px; width: calc(50% - 23px); } .mobileNoAccountWrapper { background: #00457c none repeat scroll 0 0; margin-bottom: -1px; position: relative; } .mobileNoAccountWrapper .mobileNoAccount { border-bottom: 1px solid #033a66; color: #fff; font-family: "canada-type-gibson",sans-serif; font-size: 16px; font-weight: 300; margin-bottom: 10px; padding-bottom: 15px; padding-top: 15px; } .mobileNoAccountWrapper .mobileNoAccount a { color: #fab816; font-weight: 600; } .mobileAccountWrapper { background: #00457c none repeat scroll 0 0; display: none; } .mobileAccountWrapper .mobileAccount { padding-bottom: 20px; padding-top: 10px; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu { display: block; text-align: left; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu a.dropdown-toggle { display: none; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu .caret { display: none; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu ul { display: block; margin: 0; padding: 0; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu ul li { display: block; list-style: outside none none; margin: 0; padding: 0; position: static; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu ul li .hitarea { cursor: pointer; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu ul li a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #fab816; display: block; font-family: "canada-type-gibson",sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0.1em; line-height: normal; margin: 15px 0; padding: 0; text-align: left; text-decoration: none; text-transform: uppercase; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu ul li a.dropdown-toggle { display: none; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu ul ul { display: none; } .mobileAccountWrapper .mobileAccount .mobileAccountSelects { border-top: 1px solid #033a66; margin-top: 25px; padding-top: 20px; } .mobileAccountWrapper .mobileAccount .mobileAccountSelects select { background: #fff none repeat scroll 0 0; border: 1px solid #dcddde; box-shadow: 0 0 3px rgba(0, 0, 0, 0.05); box-sizing: border-box; color: #414042; font-family: "canada-type-gibson",sans-serif; font-size: 16px; font-weight: 400; height: 35px; margin: 0; width: 100%; } .mobileAccountWrapper .mobileAccount .mobileAccountSelects .account, .mobileAccountWrapper .mobileAccount .mobileAccountSelects .order { float: none; width: 100%; } .mobileAccountWrapper .mobileAccount .mobileAccountSelects .account select { margin-bottom: 20px; } .hiddenSearch { background: #00457c none repeat scroll 0 0; display: none; } .hiddenSearch .search { float: right; padding: 15px 0 15px 15px; position: relative; right: 0; width: 99%; } .hiddenSearch .search .input { background: #f1f2f2 none repeat scroll 0 0; border: medium none; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15) inset; color: #939598; font-family: "canada-type-gibson",sans-serif; font-size: 18px; font-style: italic; font-weight: 400; height: 52px; width: 100%; } .hiddenSearch .search .input-group-btn { font-size: inherit; right: 50px; z-index: 5; } .hiddenSearch .search .input-group-btn .submit { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #00457c; font-size: 21px; padding: 7px 14px; } .hiddenSearch .search .input-group-btn .submit::after { display: none; } .hiddenSearch .search .input-group-btn .submit i.fa { font-size: 21px; } .hiddenSearch .search .input-group-btn .submit:hover { color: #2d96d6; } .hiddenSearch .closeBtn { float: right; left: -19px; padding: 26px 0 0; position: relative; width: 1%; z-index: 2; } .hiddenSearch .closeBtn a i { color: #fff; font-size: 20px; } .hiddenSearch .closeBtn a:hover i { color: #e9ac16; } #stickyHeader .logoSticky { margin-top: -5px; } #stickyHeader .language { margin: 0 5px 0 30px !important; } #stickyHeader .headerNav ul li { margin: 0 5px !important; } #stickyHeader .ecommerceButtons .login, #stickyHeader .ecommerceButtons .account, #stickyHeader .ecommerceButtons .accountMobile, #stickyHeader .ecommerceButtons .cart, #stickyHeader .ecommerceButtons .search { margin: 0 !important; } #stickyHeader .ecommerceButtons .account a::after { padding-left: 0 !important; } #stickyHeader .ecommerceButtons .cart { margin: 0 15px !important; } #stickyHeader .ecommerceButtons .cart a::before { padding-right: 0 !important; } #stickyHeader .registeredLeft { margin: 20px 0 !important; } #stickyHeader .registeredRight { margin: 10px 0 !important; } #stickyHeader .noAccountWrapper { float: none !important; width: 100% !important; } #stickyHeader .noAccountWrapper .noAccount { padding: 13px 15px !important; text-align: right !important; } @media (min-width: 768px) and (max-width: 991px) { #primaryNav.collapse, .navbar #primaryNav { display: none !important; } #primaryNav.in { display: block !important; } } .navbar { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; margin: 0; min-height: 0; padding: 0; } @media (min-width: 768px) { .navbar { margin: 0 15px; } } .navbar .navbar-toggle { background-color: #2d96d6; border: medium none; border-radius: 0; margin: -67px 0 0; padding: 12px 15px; position: relative; z-index: 99; } @media (min-width: 768px) { .navbar .navbar-toggle { display: block; } } @media (min-width: 992px) { .navbar .navbar-toggle { display: none; } } .navbar .navbar-toggle .fa-bars { color: #fff; font-size: 23px; } .navbar .navbar-toggle .menuText { color: #fff; display: inline-block; font-family: "canada-type-gibson",sans-serif; font-size: 15px; font-weight: 600; margin-left: 12px; text-transform: uppercase; vertical-align: top; } .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { background-color: #2d96d6; } @media (min-width: 992px) { .navbar .primaryNavWrapper { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-top: 2px solid #f1f2f2; display: flex; margin: 0; padding: 0; } } .navbar .navTitle { color: #a7a9ac; flex-grow: 1; float: left; font-family: "canada-type-gibson",sans-serif; font-size: 14px; font-weight: 600; padding: 22px 0 18px; text-transform: uppercase; width: 10%; } .navbar #primaryNav { background: #fff none repeat scroll 0 0; border: medium none; margin: 0 -15px; max-height: none; padding: 0; } @media (min-width: 768px) { .navbar #primaryNav { margin: 0 -40px; } } @media (min-width: 992px) { .navbar #primaryNav { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; flex-grow: 1; margin: 0; width: 100%; } } @media (min-width: 992px) { .navbar #primaryNav .mobile-tr { display: none; } } .navbar #primaryNav .search-bar { background: #e6e7e8 none repeat scroll 0 0; box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2) inset, 0 5px 5px -5px rgba(0, 0, 0, 0.2) inset; clear: both; margin: 0; } .navbar #primaryNav .search-bar form { margin: 0; padding: 30px 15px; } .navbar #primaryNav .search-bar form .input-group { width: 100%; } .navbar #primaryNav .search-bar form .input-group .input { background: #fff none repeat scroll 0 0; border: 1px solid #d1d3d4; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15) inset; color: #939598; font-family: "canada-type-gibson",sans-serif; font-size: 18px; font-style: italic; font-weight: 400; height: 52px; width: 100%; } .navbar #primaryNav .search-bar form .input-group .input-group-btn { font-size: inherit; position: absolute; right: 50px; top: 0; z-index: 5; } .navbar #primaryNav .search-bar form .input-group .input-group-btn .submit { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #00457c; font-size: 21px; padding: 7px 14px; } .navbar #primaryNav .search-bar form .input-group .input-group-btn .submit::after { display: none; } .navbar #primaryNav .search-bar form .input-group .input-group-btn .submit i.fa { font-size: 21px; } .navbar #primaryNav ul { float: none; margin: 0; padding: 0; } @media (min-width: 992px) { .navbar #primaryNav ul { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: flex; float: right; text-align: right; width: 100%; } } .navbar #primaryNav ul li { border-top: 1px solid #d1d3d4; display: block; float: none; margin: 0; } @media (min-width: 992px) { .navbar #primaryNav ul li { border: medium none; display: inline-block; flex-grow: 1; margin: 0; } } .navbar #primaryNav ul li > .caret { display: none; } .navbar #primaryNav ul li > .caret::after { content: ""; } .navbar #primaryNav ul li a, .navbar #primaryNav ul li a:focus { background-color: transparent !important; color: #2d96d6; display: block; font-family: "canada-type-gibson",sans-serif; font-size: 20px; font-weight: 600; line-height: 1; padding: 20px; position: relative; text-decoration: none; text-transform: uppercase; white-space: normal; z-index: 8; } @media (min-width: 992px) { .navbar #primaryNav ul li a, .navbar #primaryNav ul li a:focus { border-bottom: 2px solid #fff; color: #005581; display: inline-block; font-size: 20px; margin: 0; padding: 22px 0 20px; text-transform: none; } .navbar #primaryNav ul li a::after, .navbar #primaryNav ul li a:focus::after { content: ""; } } @media (min-width: 1200px) { .navbar #primaryNav ul li a, .navbar #primaryNav ul li a:focus { font-size: 22px; } } .navbar #primaryNav ul li.active a, .navbar #primaryNav ul li a:hover, .navbar #primaryNav ul li.current-page-ancestor a, .navbar #primaryNav ul li.current-menu-ancestor a, .navbar #primaryNav ul li.current-menu-parent a, .navbar #primaryNav ul li.current-page-parent a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #00457c; } @media (min-width: 992px) { .navbar #primaryNav ul li.active a, .navbar #primaryNav ul li a:hover, .navbar #primaryNav ul li.current-page-ancestor a, .navbar #primaryNav ul li.current-menu-ancestor a, .navbar #primaryNav ul li.current-menu-parent a, .navbar #primaryNav ul li.current-page-parent a { border-bottom: 2px solid #6cb5e2; color: #029ef0; } } .navbar #primaryNav ul li.dropdown { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; position: relative; } .navbar #primaryNav ul li.dropdown::before { content: ""; margin: 0; } .navbar #primaryNav ul li.dropdown .caret { border: medium none; cursor: pointer; display: block; height: 40px; margin: 10px 0 0; position: absolute; right: 0; text-align: center; top: 0; width: 55px; z-index: 19; } .navbar #primaryNav ul li.dropdown .caret::before { color: #00457c; content: ""; display: inline-block; font-family: FontAwesome; font-size: 18px; font-style: normal; margin: 8px 0 0; text-rendering: auto; } @media (min-width: 992px) { .navbar #primaryNav ul li.dropdown .caret { display: none; } } .navbar #primaryNav ul li.open { background-color: #e6e7e8; } .navbar #primaryNav ul li.open > .dropdown-menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; box-shadow: none; display: block; float: none; position: relative; width: 100%; } .navbar #primaryNav ul li.open > .caret::before { content: "" !important; } .navbar #primaryNav ul li ul { margin: 0; padding: 0; } @media (min-width: 992px) { .navbar #primaryNav ul li ul { display: none; } } .navbar #primaryNav ul li ul li { border-top: 1px solid #d1d3d4; float: none; margin: 0 0 0 25px; } .navbar #primaryNav ul li ul li a, .navbar #primaryNav ul li ul li a:focus { background-color: transparent !important; font-size: 16px; font-weight: normal; padding: 20px !important; text-transform: none; } .navbar #primaryNav ul li ul li.open { background-color: #e6e7e8; } .navbar #primaryNav ul li ul li.open > a { border: medium none; } .navbar #primaryNav ul li ul li ul { margin: 0; padding: 0; } @media (min-width: 992px) { .navbar #primaryNav ul li ul li ul { display: none; } } .navbar #primaryNav ul li ul li ul li { border-top: 1px solid #d1d3d4; float: none; margin: 0 0 0 45px; } .navbar #primaryNav ul li ul li ul li a, .navbar #primaryNav ul li ul li ul li a:focus { background-color: transparent !important; font-size: 16px; font-weight: normal; padding: 20px !important; } .navbar .bottom-close { background: #00457c none repeat scroll 0 0; border: medium none; display: block; line-height: 0; padding: 24px 20px; vertical-align: top; width: 100%; } .navbar .bottom-close .closeText { color: #fab816; float: left; font-family: "canada-type-gibson",sans-serif; font-size: 18px; font-weight: 600; letter-spacing: 0.15em; line-height: 0; text-align: left; text-transform: uppercase; width: 50%; } .navbar .bottom-close .closeX { color: #fab816; float: right; font-family: "canada-type-gibson",sans-serif; font-size: 26px; font-weight: 400; letter-spacing: 0.15em; line-height: 0; text-align: right; width: 50%; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent { padding-bottom: 30px; padding-left: 0; padding-right: 0; } @media all and (min-width: 768px) { body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent { padding-bottom: 0; padding-left: 0; padding-right: 100px; } } body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent h1 { font-size: 50px; } @media all and (min-width: 992px) { body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent h1 { font-size: 50px; } } body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent p { color: #6d6e71; font-size: 18px; line-height: 1.66667; } @media all and (min-width: 992px) { body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent p { color: #6d6e71; font-size: 24px; line-height: 1.66667; } } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav { padding-left: 0; padding-right: 0; } @media all and (min-width: 768px) { body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav { padding-left: 15px; padding-right: 0; } } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: block; margin: 0; padding: 0; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul.dropdown-menu { float: none; min-width: 10px; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 1px solid #dcddde; display: block; float: none; margin: 0; padding: 0; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li.dropdown { position: relative; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #2d96d6; display: block; font-family: "canada-type-gibson",sans-serif; font-size: 18px; font-weight: 600; letter-spacing: 0.15em; line-height: 16px; margin: 0; padding: 26px 5px 26px 0; text-decoration: none; text-transform: uppercase; white-space: normal !important; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a::after, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink::after { content: " "; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a:hover, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a:focus, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a.active, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink:hover, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink:focus, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink.active { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #fab816; text-decoration: none; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a.dropdown-toggle, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink.dropdown-toggle { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; display: none; float: none; margin: 0; min-height: 30px; padding: 0; position: absolute; right: 0; top: 0; width: 27px; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a.dropdown-toggle b.caret, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink.dropdown-toggle b.caret { border: medium none; display: none; margin: 0; position: absolute; right: 70%; top: 30%; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a.dropdown-toggle:hover, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a.dropdown-toggle.selected, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a.dropdown-toggle.activeTrail, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink.dropdown-toggle:hover, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink.dropdown-toggle.selected, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink.dropdown-toggle.activeTrail { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink { cursor: default; } .productBlockWrapper { padding: 40px 0 10px; } @media all and (min-width: 992px) { .productBlockWrapper { padding: 60px 0 30px; } } @media all and (min-width: 768px) { .productBlockWrapper .container-fluid { text-align: center; } } @media all and (min-width: 992px) { .productBlockWrapper .container-fluid { padding: 0; } } .productBlockWrapper a .product { margin: 0 0 30px; position: relative; } .productBlockWrapper a .product .productImage { position: relative; width: 100%; z-index: 1; } .productBlockWrapper a .product .productImage::before { background: rgba(0, 69, 124, 0.4) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .productBlockWrapper a .product .productImage img { box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); width: 100%; } .productBlockWrapper a .product .productName { color: #00457c; display: inline-block; font-family: "canada-type-gibson",sans-serif; font-size: 17px; font-weight: 400; line-height: 1.17647; margin-top: 5px; } @media all and (min-width: 768px) { .productBlockWrapper a .product .productName { color: #fff; left: 30px; margin-top: 0; position: absolute; top: 15px; z-index: 2; } } @media all and (min-width: 992px) { .productBlockWrapper a .product .productName { font-size: 24px; line-height: 1.45833; } } @media all and (min-width: 992px) { .productBlockWrapper a:hover .productImage::before { background: rgba(0, 69, 124, 0.8) none repeat scroll 0 0; } } .servicesBlockWrapper { background: #f1f2f2 none repeat scroll 0 0; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15) inset; padding: 30px 0 15px; text-align: center; } @media all and (min-width: 768px) { .servicesBlockWrapper { padding: 50px 0 20px; } } @media all and (min-width: 992px) { .servicesBlockWrapper { padding: 70px 0 40px; text-align: left; } } .servicesBlockWrapper .container-fluid { text-align: center; } @media all and (min-width: 992px) { .servicesBlockWrapper .container-fluid { padding: 0; } } .servicesBlockWrapper a .service { margin: 0 0 15px; position: relative; text-align: center; } @media all and (min-width: 768px) { .servicesBlockWrapper a .service { margin: 0 0 30px; } } .servicesBlockWrapper a .service .serviceImage { border-radius: 100%; position: relative; width: 100%; z-index: 1; } .servicesBlockWrapper a .service .serviceImage::before { background: rgba(0, 69, 124, 0) none repeat scroll 0 0; border-radius: 100%; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; } .servicesBlockWrapper a .service .serviceImage::after { border-radius: 100%; box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.35) inset; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3; } .servicesBlockWrapper a .service .serviceImage img { border-radius: 100%; position: relative; width: 100%; z-index: 1; } .servicesBlockWrapper a .service .serviceName { color: #00457c; font-family: "canada-type-gibson",sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0; line-height: 1.07692; padding: 20px 5px 0; text-transform: uppercase; } @media all and (min-width: 768px) { .servicesBlockWrapper a .service .serviceName { font-size: 14px; letter-spacing: 0.1em; line-height: 1.21429; padding: 20px 30px 0; } } @media all and (min-width: 992px) { .servicesBlockWrapper a .service .serviceName { font-size: 18px; letter-spacing: 0.1em; line-height: 1.16667; } } @media all and (min-width: 992px) { .servicesBlockWrapper a:hover .serviceImage::before { background: rgba(0, 69, 124, 0.8) none repeat scroll 0 0; } } .servicesBlockWrapper a:hover .serviceName { color: #3091cd; } div.featuredContentWrapper { background: rgba(0, 0, 0, 0) url("/resources/images/homepage/3col-BlueBackground.jpg") no-repeat scroll 0 0 / cover ; padding: 40px 0 50px; } @media all and (min-width: 768px) { div.featuredContentWrapper { padding: 40px 0; } } @media all and (min-width: 992px) { div.featuredContentWrapper { padding: 80px 0; text-align: left; } } @media all and (min-width: 768px) { div.featuredContentWrapper div.featuredContentBlock { display: flex; } } div.featuredContentWrapper div.featuredContentBlock div.featuredContent { margin-bottom: 30px; } @media all and (min-width: 768px) { div.featuredContentWrapper div.featuredContentBlock div.featuredContent { display: flex; margin-bottom: 0; } } div.featuredContentWrapper div.featuredContentBlock div.featuredContent div.content { background: #fff none repeat scroll 0 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); padding: 40px; position: relative; } div.featuredContentWrapper div.featuredContentBlock div.featuredContent div.content h5 { color: #00457c; font-family: "canada-type-gibson",sans-serif; font-size: 21px; font-weight: 600; letter-spacing: 0; line-height: 1.14286; margin: 0 0 20px; padding: 0 0 28px; position: relative; text-transform: uppercase; } div.featuredContentWrapper div.featuredContentBlock div.featuredContent div.content h5::after { background: #dcddde none repeat scroll 0 0; bottom: 0; content: ""; height: 4px; left: 0; position: absolute; width: 100%; } div.featuredContentWrapper div.featuredContentBlock div.featuredContent div.content a { font-weight: bold; } div#template div#left { padding-bottom: 70px; padding-top: 70px; } div#MightyMenu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; box-sizing: border-box; margin: 0; padding: 0; position: relative; z-index: 1; } div#MightyMenu ul { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: block; margin: 0; padding: 0; } div#MightyMenu ul.dropdown-menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; border-radius: 0; box-shadow: none; float: none; min-width: 10px; position: static; } div#MightyMenu ul li { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-color: -moz-use-text-color -moz-use-text-color #dcddde; border-image: none; border-style: none none solid; border-width: medium medium 1px; display: block; float: none; margin: 0; padding: 0; } div#MightyMenu ul li.dropdown { position: relative; } div#MightyMenu ul li a, div#MightyMenu ul li .nolink { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #2d96d6; display: block; font-family: "canada-type-gibson",sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 0.1em; line-height: 1.28571; margin: 0; padding: 14px 5px 14px 0; text-decoration: none; text-transform: uppercase; white-space: normal !important; } div#MightyMenu ul li a::after, div#MightyMenu ul li .nolink::after { content: ""; } div#MightyMenu ul li a:hover, div#MightyMenu ul li a:focus, div#MightyMenu ul li a.active, div#MightyMenu ul li .nolink:hover, div#MightyMenu ul li .nolink:focus, div#MightyMenu ul li .nolink.active { color: #00457c; text-decoration: none; } div#MightyMenu ul li a.dropdown-toggle, div#MightyMenu ul li .nolink.dropdown-toggle { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; display: none; float: none; margin: 0; min-height: 30px; padding: 0; position: absolute; right: 0; top: 0; width: 27px; } div#MightyMenu ul li a.dropdown-toggle b.caret, div#MightyMenu ul li .nolink.dropdown-toggle b.caret { border: medium none; display: none; margin: 0; position: absolute; right: 70%; top: 30%; } div#MightyMenu ul li a.dropdown-toggle:hover, div#MightyMenu ul li a.dropdown-toggle.selected, div#MightyMenu ul li a.dropdown-toggle.active, div#MightyMenu ul li .nolink.dropdown-toggle:hover, div#MightyMenu ul li .nolink.dropdown-toggle.selected, div#MightyMenu ul li .nolink.dropdown-toggle.active { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } div#MightyMenu ul li .nolink { cursor: default; } div#MightyMenu ul li ul { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; display: block; margin: -10px 0 0; padding: 0 0 10px; } div#MightyMenu ul li ul li { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; cursor: pointer; display: block; margin: 0; padding: 0; } div#MightyMenu ul li ul li a, div#MightyMenu ul li ul li .nolink { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #6d6e71; display: block; font-family: "canada-type-gibson",sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 0; line-height: 1.28571; margin: 0; padding: 8px 5px 8px 20px; text-decoration: none; text-transform: none; white-space: normal !important; } div#MightyMenu ul li ul li a::before, div#MightyMenu ul li ul li .nolink::before { content: ""; } div#MightyMenu ul li ul li a:hover, div#MightyMenu ul li ul li a.selected, div#MightyMenu ul li ul li a.active, div#MightyMenu ul li ul li .nolink:hover, div#MightyMenu ul li ul li .nolink.selected, div#MightyMenu ul li ul li .nolink.active { color: #00457c; } div#MightyMenu ul li ul li ul { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; display: block; margin: 0; padding: 0 0 10px; } div#MightyMenu ul li ul li ul li { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; cursor: pointer; display: block; margin: 0; padding: 0; } div#MightyMenu ul li ul li ul li a, div#MightyMenu ul li ul li ul li .nolink { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #6d6e71; display: block; font-family: "canada-type-gibson",sans-serif; font-size: 13px; font-weight: normal; letter-spacing: 0; line-height: 1.30769; margin: 0; padding: 7px 5px 7px 40px; text-decoration: none; text-transform: none; white-space: normal !important; } div#MightyMenu ul li ul li ul li a::before, div#MightyMenu ul li ul li ul li .nolink::before { content: ""; } div#MightyMenu ul li ul li ul li a:hover, div#MightyMenu ul li ul li ul li a.selected, div#MightyMenu ul li ul li ul li a.active, div#MightyMenu ul li ul li ul li .nolink:hover, div#MightyMenu ul li ul li ul li .nolink.selected, div#MightyMenu ul li ul li ul li .nolink.active { color: #00457c; } div#MightyMenu ul li.open > ul, div#MightyMenu ul li.toggle-lock > ul { display: block; } div#sidebar { box-sizing: border-box; padding-bottom: 50px; } @media all and (min-width: 768px) { div#sidebar { padding-top: 50px; } } @media all and (min-width: 992px) { div#sidebar { padding-bottom: 70px; padding-top: 70px; position: relative; z-index: 1; } } div#sidebar ul { padding: 0; } div#sidebar .sideBar_ElementHolder { height: auto; margin: 0; padding: 0; } div#sidebar .sideBar_ElementHolder p a { word-break: break-all; } div#sidebar .sideBar_ElementHolder a.button { display: block; } @media all and (min-width: 768px) { div#sidebar .sideBar_ElementHolder a.button { display: inline-block; } } div#sidebar .sideBar_Spacer { clear: both; height: 50px; margin: 0; text-align: center; width: 100%; } div#sidebar .sideBar_ElementHolder .sideBar_Caption { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; box-shadow: none; color: #6d6e71; font-family: "canada-type-gibson",sans-serif; font-size: 14px; font-weight: 400; height: auto; letter-spacing: 0; line-height: 1.28571; margin: 0; padding: 15px 0 0; text-align: left; } div#sidebar .sideBar_ElementHolder .sideBar_Caption p { color: #6d6e71; font-family: "canada-type-gibson",sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0; line-height: 1.28571; margin: 0; } div#sidebar .sideBar_pop { cursor: pointer; position: relative; } div#sidebar .sideBar_ElementHolder .sideBar_ImageHolder { height: auto; margin: 0; padding: 0; text-align: center; } div#sidebar .sideBar_ElementHolder .sideBar_ImageHolder .sidebar_Image { position: relative; } div#sidebar .sideBar_ElementHolder .sideBar_ImageHolder .sidebar_Image img { box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); vertical-align: middle; width: 100%; } div#sidebar .sideBar_ElementHolder .sideBar_VideoHolder { cursor: pointer; height: auto; margin: 0; padding: 0; text-align: center; } div#sidebar .sideBar_ElementHolder .sideBar_VideoHolder .sideBar_VideoInner { margin: 0; padding: 0; position: relative; } div#sidebar .sideBar_ElementHolder .sideBar_VideoHolder .sideBar_VideoInner .sideBar_ThumbNail { position: relative; z-index: 1; } div#sidebar .sideBar_ElementHolder .sideBar_VideoHolder .sideBar_VideoInner .sideBar_ThumbNail::before { background: rgba(29, 31, 33, 0.7) none repeat scroll 0 0; bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 2; } div#sidebar .sideBar_ElementHolder .sideBar_VideoHolder .sideBar_VideoInner .sideBar_ThumbNail img { box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); position: relative; vertical-align: middle; width: 100%; z-index: 1; } div#sidebar .sideBar_ElementHolder .sideBar_VideoHolder .sideBar_PlayImage { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; height: 45px; left: 50%; margin: 0; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); width: 35px; z-index: 3; } div#sidebar .sideBar_ElementHolder .sideBar_VideoHolder .sideBar_PlayImage i.fa { color: #fab816; font-size: 45px; } div#sidebar .sideBar_ElementHolder .sideBar_VideoHolder .sideBar_VideoInner:hover i.fa { color: #2d96d6; } div#sidebar .sideBar_ElementHolder .sideBar_ContentHolder { border: 2px solid #dcddde; box-shadow: none; color: #58595b; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: auto; line-height: 2; margin: 0; padding: 30px; position: relative; text-align: left; } div#sidebar .sideBar_ElementHolder .sideBar_ContentHolder h3 { color: #00457c; font-family: "canada-type-gibson",sans-serif; font-size: 21px; font-weight: 600; letter-spacing: 0; line-height: 1.19048; margin: 0; padding: 0 0 15px; text-transform: uppercase; } div#sidebar .sideBar_ElementHolder .sideBar_ContentHolder h5 { color: #58595b; font-family: Arial,Helvetica,sans-serif; font-size: 21px; font-weight: normal; letter-spacing: 0; line-height: 1.14286; margin: 0; padding: 10px 0 15px; text-transform: none; } div#sidebar .sideBar_ElementHolder .sideBar_ContentHolder p { color: #5d5d5d; font-family: Arial,Helvetica,sans-serif; font-size: 15px; line-height: 2; margin: 0 0 20px; } div#sidebar .sideBar_ElementHolder .sideBar_ContentHolder p:last-of-type { margin: 0; } div#sidebar .sideBar_ElementHolder .sideBar_ContentHolder p.address { margin: 0 0 15px; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder { background: #f2f2f3 none repeat scroll 0 0; border: medium none; box-shadow: none; color: #58595b; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: auto; line-height: 2; margin: 0; padding: 30px; position: relative; text-align: left; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder h3 { color: #00457c; font-family: "canada-type-gibson",sans-serif; font-size: 21px; font-weight: 600; letter-spacing: 0; line-height: 1.19048; margin: 0; padding: 0 0 15px; text-transform: uppercase; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form { margin-top: 5px; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input { background: #fff none repeat scroll 0 0; border: 1px solid #d1d3d4; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15) inset; color: #939598; font-family: "canada-type-gibson",sans-serif; font-size: 18px; font-style: italic; font-weight: 400; height: 60px; padding: 0 15px; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn { font-size: inherit; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit { background: #2d96d6 none repeat scroll 0 0; color: #fff; font-size: 24px; line-height: 0; margin: 0; padding: 18px; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit::after { display: none; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit i.fa { color: #fff; font-size: 24px; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit:hover, div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit:active { background: #00457c none repeat scroll 0 0; color: #fff !important; text-decoration: none; } @media all and (min-width: 768px) { div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit:hover, div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit:active { transition-duration: 0.3s; transition-property: all; transition-timing-function: ease; } } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit:hover i.fa, div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit:active i.fa { color: #fff; } div#sidebar div.sideBar_GoogleMapHolder div.sideBar_GoogleMap { box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); height: 310px; margin: 0; overflow: hidden; padding: 0; width: 100%; } div#sidebar div.sideBar_GoogleMapHolder div.sideBar_GoogleMap img { height: 310px; max-width: none; width: 100%; } div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList { box-sizing: border-box; color: #5d5d5d; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: auto; line-height: 27px; margin: 0; padding: 0; text-align: left; } @media all and (min-width: 768px) { div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList { padding: 30px 0 0; } } div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress { margin: 0; overflow: hidden; } div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress .sideBar_MapAddressElement { color: #5d5d5d; font-family: Arial,Helvetica,sans-serif; font-size: 15px; line-height: 27px; } div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress .sideBar_MapAddressElement.phone { margin-top: 15px; } div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress .sideBar_MapAddressElementClickable { color: #00457c; cursor: pointer; font-family: "canada-type-gibson",sans-serif; font-size: 21px; font-weight: 600; letter-spacing: 0; line-height: 1.19048; margin: 0; padding: 0 0 15px; text-transform: uppercase; } .blog-page .back { margin-top: 0; } .blog-page #menu { padding: 0; } .blog-page #menu ul { margin: 0; padding-left: 0; } .blog-page #menu ul li { list-style-type: none; } .blog-page #menu .widget { border: 2px solid #dcddde; box-shadow: none; color: #58595b; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: auto; line-height: 2; margin: 0 0 30px; padding: 30px; position: relative; text-align: left; } .blog-page #menu .widget h3 { color: #00457c; font-family: "canada-type-gibson",sans-serif; font-size: 21px; font-weight: 600; letter-spacing: 0; line-height: 1.19048; margin: 0; padding: 0 0 15px; text-transform: uppercase; } .blog-page #menu .widget p { color: #5d5d5d; font-family: Arial,Helvetica,sans-serif; font-size: 15px; line-height: 27px; } .blog-page #menu .widget a { color: #2d96d6; text-decoration: none; } .blog-page #menu .widget a:hover { color: #00457c; text-decoration: none; } .blog-page #menu .widget li { color: #2d96d6; font-size: 15px; font-weight: bold; line-height: 30px; margin: 0 0 8px; padding: 0; } .blog-page #menu .widget-search, .blog-page #menu .widget-newsletter { background: #f2f2f3 none repeat scroll 0 0; border: medium none; } .blog-page #menu .widget-search form { margin: 0; } .blog-page #menu .widget-search form .input { background: #fff none repeat scroll 0 0; border: 1px solid #d1d3d4; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15) inset; color: #939598; font-family: "canada-type-gibson",sans-serif; font-size: 18px; font-style: italic; font-weight: 400; height: 60px; padding: 0 15px; } .blog-page #menu .widget-search form .input-group-btn { font-size: inherit; } .blog-page #menu .widget-search form .input-group-btn .submit { background: #2d96d6 none repeat scroll 0 0; color: #fff; font-size: 24px; line-height: 0; margin: 0; padding: 18px; } .blog-page #menu .widget-search form .input-group-btn .submit::after { display: none; } .blog-page #menu .widget-search form .input-group-btn .submit i.fa { color: #fff; font-size: 24px; } .blog-page #menu .widget-search form .input-group-btn .submit:hover, .blog-page #menu .widget-search form .input-group-btn .submit:active { background: #00457c none repeat scroll 0 0; color: #fff !important; text-decoration: none; } @media all and (min-width: 768px) { .blog-page #menu .widget-search form .input-group-btn .submit:hover, .blog-page #menu .widget-search form .input-group-btn .submit:active { transition-duration: 0.3s; transition-property: all; transition-timing-function: ease; } } .blog-page #menu .widget-search form .input-group-btn .submit:hover i.fa, .blog-page #menu .widget-search form .input-group-btn .submit:active i.fa { color: #fff; } .blog-page #menu .widget-newsletter form { margin: 0; } .blog-page #menu .widget-newsletter form .input-group { display: block; position: relative; right: auto; width: 100%; } .blog-page #menu .widget-newsletter form .input-group .input { background: #fff none repeat scroll 0 0; border: 1px solid #d1d3d4; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15) inset; color: #939598; font-family: "canada-type-gibson",sans-serif; font-size: 18px; font-style: italic; font-weight: 400; height: 60px; padding: 0 15px; } .blog-page #menu .widget-newsletter form .input-group .input-group-btn { font-size: inherit; position: absolute; right: 40px; top: 18px; z-index: 5; } @media (min-width: 768px) { .blog-page #menu .widget-newsletter form .input-group .input-group-btn { right: 20px; } } .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit { background: #fff none repeat scroll 0 0; color: #fff; font-size: 24px; line-height: 0; margin: 0; padding: 0; } @media all and (min-width: 768px) { .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit { transition-duration: 0.3s; transition-property: all; transition-timing-function: ease; } } .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit::after { display: none; } .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit i.fa { color: #00457c; font-size: 24px; } @media all and (min-width: 768px) { .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit i.fa { transition-duration: 0.3s; transition-property: all; transition-timing-function: ease; } } .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit:hover, .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit:active { background: #fff none repeat scroll 0 0; color: #2d96d6 !important; text-decoration: none; } .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit:hover i.fa, .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit:active i.fa { color: #2d96d6; } .blog-page #menu .categories ul { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: block; margin: 0; padding: 0; } .blog-page #menu .widget_text .socialMenu { margin-top: 15px; vertical-align: top; } @media all and (min-width: 768px) { .blog-page #menu .widget_text .socialMenu { margin-top: 0; } } .blog-page #menu .widget_text .socialMenu ul { margin: 0; padding: 0; } .blog-page #menu .widget_text .socialMenu ul li.instagram a::before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li.facebook a::before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li.twitter a::before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li.linkedin a::before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li.googleplus a::before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li.youtube a::before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li.pinterest a::before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li.tumblr a::before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li.rss a::before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li { display: inline-block; font-weight: normal; height: 32px; list-style: outside none none; margin: 0 10px 10px 0; overflow: hidden; padding: 0; } @media all and (min-width: 992px) { .blog-page #menu .widget_text .socialMenu ul li { margin: 0 35px 10px 0; } } .blog-page #menu .widget_text .socialMenu ul li a { display: block; height: 32px; margin: 0; padding: 0; text-align: center; text-decoration: none; visibility: visible; width: 32px; } @media all and (min-width: 768px) { .blog-page #menu .widget_text .socialMenu ul li a { transition-duration: 0.3s; transition-property: all; transition-timing-function: ease; } } .blog-page #menu .widget_text .socialMenu ul li a::before { color: #2d96d6; display: inline-block; font-family: FontAwesome; font-size: 30px; font-style: normal; line-height: normal; text-align: center; text-rendering: auto; visibility: visible; } @media all and (min-width: 768px) { .blog-page #menu .widget_text .socialMenu ul li a::before { transition-duration: 0.3s; transition-property: all; transition-timing-function: ease; } } .blog-page #menu .widget_text .socialMenu ul li a:hover, .blog-page #menu .widget_text .socialMenu ul li a:active, .blog-page #menu .widget_text .socialMenu ul li a:focus { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #00457c; } .blog-page #menu .widget_text .socialMenu ul li a:hover::before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #00457c; text-decoration: none; } .blog-page #menu .widget_text .socialMenu ul li a.dropdown-toggle { display: none; } .blog-page #menu .widget_text .socialMenu ul.last a { margin-right: 0; } .blog { margin-top: 20px; } .blog .post .alignleft { float: left; margin: 0 15px 15px 0; } .blog .post .alignright { float: right; margin: 0 0 15px 15px; } .blog .post .alignnone { float: none; margin: 15px 0; } .blog .post .postLeft { padding: 0; } @media all and (min-width: 768px) { .blog .post .postLeft { padding-left: 0; padding-right: 30px; } } .blog .post .postLeft .featuredImage { margin: 0 0 15px; } .blog .post .postLeft .featuredImage img { display: block; height: auto; width: 100%; } .blog .post .postRight { padding: 0; } .blog .post .postRight.full { float: none; width: 100%; } @media all and (min-width: 768px) { .blog .post .postRight.full { padding-left: 0; padding-right: 15px; } } .blog .post #nextPrev { text-align: center; } .blog .landing { border-top: 2px solid #dcddde; padding: 50px 0; } .blog .postDate { color: #666; font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-style: italic; } .blog h2 { font-size: 30px; line-height: 1.2; } .blog h2 a { color: #00457c; font-weight: inherit !important; } .blog h2 a:hover { color: #2d96d6; } .blog .postMeta { color: #4a4a4a; font-family: Arial,Helvetica,sans-serif; font-size: 15px; } .blog .postMeta .postComments, .blog .postMeta .postCategories { display: inline; } .blog .postMeta .delimiter { display: inline; padding: 0 10px; } .blog .postDetail { margin: 40px 0 0; } .blog .postDetail .postDate { margin-bottom: 15px; } .blog .postDetail h1 { margin: 0 0 15px; padding: 0 0 30px; } @media all and (min-width: 992px) { .blog .postDetail h1 { font-size: 46px; line-height: 1.08696; } } .blog .postDetail h1::after { background: #dcddde none repeat scroll 0 0; height: 2px; width: 100%; } .blog .postDetail .postMetaDetail { margin-bottom: 40px; } .blog .postDetail .postMetaDetail .postMeta { color: #4a4a4a; font-family: Arial,Helvetica,sans-serif; font-size: 15px; margin: 0 0 15px; } @media all and (min-width: 992px) { .blog .postDetail .postMetaDetail .postMeta { float: left; margin: 0; } } .blog .postDetail .postMetaDetail .postMeta .postComments, .blog .postDetail .postMetaDetail .postMeta .postCategories { display: inline; } .blog .postDetail .postMetaDetail .postMeta .delimiter { display: inline; padding: 0 10px; } .blog .postDetail .postContent { margin: 20px 0; padding: 0; } .blog .postDetail .postContent .featuredImageFull { margin-bottom: 40px; } .blog .postDetail .postContent .featuredImageFull img { width: 100%; } .blog #commentsContainer .commentsTitle { color: #00457c; font-family: "canada-type-gibson",sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0.05em; line-height: 1.125; margin: 0 0 15px; text-transform: uppercase; } .blog #commentsContainer .comment { border-top: 2px solid #dcddde; padding: 40px 0; } .blog #commentsContainer .comment .commentMeta { padding: 0; } .blog #commentsContainer .comment .commentMeta .commentAuthor .name { color: #58595b; font-family: Arial,Helvetica,sans-serif; font-size: 16px; } .blog #commentsContainer .comment .commentMeta .commentAuthor .name .commentAuthorName { color: #58595b; font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; } .blog #commentsContainer .comment .commentMeta .commentAuthor .commentDate { color: #58595b; font-family: Arial,Helvetica,sans-serif; font-size: 14px; text-transform: uppercase; } .blog #commentsContainer .comment .commentContent { color: #58595b; font-family: Arial,Helvetica,sans-serif; font-size: 15px; line-height: 1.4; margin-top: 15px; padding: 0; text-align: left; } @media all and (min-width: 768px) { .blog #commentsContainer .comment .commentContent { margin-top: 0; padding-left: 15px; } } .blog #commentsContainer .comment .commentContent p { color: #414042; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 26px; } .blog #commentsContainer .comment .commentContent p:last-child { margin: 0; } .blog #commentsContainer .replyComment { padding-left: 60px; } .blog #commentsContainer .leaveComment { border-top: 2px solid #dcddde; margin: 0; padding: 50px 0 0; } .blog #commentsContainer .leaveComment .commentForm { background: #f2f2f3 none repeat scroll 0 0; padding: 25px; } @media all and (min-width: 768px) { .blog #commentsContainer .leaveComment .commentForm { padding: 30px 50px; } } .blog #commentsContainer .leaveComment .commentForm h2 { color: #00457c; font-family: "canada-type-gibson",sans-serif; font-size: 30px; font-weight: 400; padding: 0 0 20px; } .events .eventFilter { margin: 0 0 20px; } .events .eventFilter select { background: #f1f2f2 none repeat scroll 0 0; border: 1px solid #d1d3d4; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15) inset; color: #58595b; font-size: 16px; font-style: normal; } @media (min-width: 768px) { .events .eventFilter select { max-width: 332px; } } .events .eventList .eventWrapper { border-top: 2px solid #dcddde; padding: 50px 0; } .events .eventList .eventWrapper .eventDate { line-height: 30px; margin: 10px 0 25px; } @media (min-width: 992px) { .events .eventList .eventWrapper .eventDate { margin-bottom: 0; text-align: center; } } .events .eventList .eventWrapper .eventDate .day { color: #00457c; font-family: "canada-type-gibson",sans-serif; font-size: 50px; font-weight: 600; line-height: 30px; } .events .eventList .eventWrapper .eventDate .month { color: #00457c; font-family: "canada-type-gibson",sans-serif; font-size: 21px; font-weight: 400; letter-spacing: 0.15em; line-height: 30px; margin-top: 10px; text-transform: uppercase; } .events .eventList .eventWrapper .eventDesc { line-height: 30px; } @media (min-width: 992px) { .events .eventList .eventWrapper .eventDesc { padding-left: 45px; } } .events .eventList .eventWrapper .eventDesc h2 { font-size: 30px; line-height: 1.2; margin-top: 0; padding-top: 0; } .events .eventList .eventWrapper .eventDesc h2 a { color: #00457c; font-weight: inherit !important; } .events .eventList .eventWrapper .eventDesc h2 a:hover { color: #2d96d6; } .events .eventList .eventWrapper .eventDesc .eventDetails { color: #666; font-family: Arial,Helvetica,sans-serif; font-size: 15px; } .events .eventList .eventWrapper .eventDesc .eventDetails .delimiter { color: #4a4a4a; padding: 0 10px; } .eventDetail h1 { margin: 0 0 15px; padding: 0 0 30px; } @media all and (min-width: 992px) { .eventDetail h1 { font-size: 46px; line-height: 1.08696; } } .eventDetail h1::after { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: none; height: 0; } .eventDetail .eventDetails { margin: 0 0 50px; } .eventDetail .eventDetails table { border-collapse: collapse; width: 100%; } .eventDetail .eventDetails td { color: #58595b; font-family: "canada-type-gibson",sans-serif; font-size: 18px; font-weight: 400; line-height: 1.33333; padding: 5px 10px 5px 0 !important; } @media all and (min-width: 992px) { .eventDetail .eventDetails td { width: 50%; } } .eventDetail .eventDetails td.title { color: #00457c; font-family: "canada-type-gibson",sans-serif; font-size: 18px; font-weight: 600; letter-spacing: 0.1em; line-height: 1.33333; margin: 0; padding: 0; text-transform: uppercase; } .eventDetail .eventDetails td a { font-weight: 600 !important; } .eventDetail .eventDetails .delimiter { padding: 0 10px; } .eventDetail .eventMetaWrapper { border-bottom: 2px solid #dcddde; border-top: 2px solid #dcddde; margin: 0 0 20px; padding: 20px 0; } @media all and (min-width: 992px) { .eventDetail .eventMetaWrapper { margin: 0 0 50px; } } .eventDetail .eventMetaWrapper.bottom { border-bottom: medium none; margin: 50px 0 0; } .eventDetail .eventMetaWrapper .eventMeta { margin: 0 0 20px; } @media all and (min-width: 992px) { .eventDetail .eventMetaWrapper .eventMeta { float: left; margin: 0; } } .eventDetail .eventMetaWrapper .shareWrapper { margin: 0 0 20px; } @media all and (min-width: 992px) { .eventDetail .eventMetaWrapper .shareWrapper { float: right; margin: 15px 0 0; } } #faqHolder { padding-bottom: 50px; } @media all and (min-width: 992px) { #faqHolder { padding-bottom: 70px; } } #faqHolder .expand_collapse { color: #58595b; display: inline-block; font-family: Arial,Helvetica,sans-serif; font-size: 16px; margin: 0; } #faqHolder .expand_collapse.top { margin: 0 0 30px; } #faqHolder .expand_collapse a { cursor: pointer; display: inline-block; font-weight: bold; } #faqHolder .expand_collapse a.collapseArr, #faqHolder .expand_collapse a.expandArr { display: inline-block; margin: 0; } #faqHolder .expand_collapse .delimiter { padding: 0 10px; } #accordion .panel { box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); margin-bottom: 30px; } #accordion a.panel-toggle, #accordion a.panel-toggle:hover { text-decoration: none; } #accordion .panel-heading { background: #e6e7e8 none repeat scroll 0 0 !important; border: medium none; border-radius: 3px; color: #00457c !important; cursor: pointer; font-family: "canada-type-gibson",sans-serif; font-size: 21px; font-weight: 600; padding: 30px 32px 30px 80px; position: relative; } @media all and (min-width: 768px) { #accordion .panel-heading { font-size: 26px; } } #accordion .panel-heading h4 { color: #00457c; font-family: "canada-type-gibson",sans-serif; font-size: 21px; font-weight: 600; padding: 0; } @media all and (min-width: 768px) { #accordion .panel-heading h4 { font-size: 26px; } } #accordion .panel-heading::before { color: #a9abad; content: ""; display: block; font-family: FontAwesome; font-size: 30px; font-style: normal; left: 32px; margin: 0; position: absolute; text-rendering: auto; text-shadow: 1px 1px 1px #fff; top: 20px; } #accordion .panel-heading:hover { background: #f1f2f2 none repeat scroll 0 0 !important; } #accordion .panel-heading:hover h4 { color: #414042 !important; } #accordion .panel-heading.active { background: #f1f2f2 none repeat scroll 0 0 !important; } #accordion .panel-heading.active h4 { color: #414042 !important; } #accordion .panel-heading.active::before { content: ""; } #accordion .panel-collapse { background: #f1f2f2 none repeat scroll 0 0; } #accordion .panel-collapse .panel-body { padding: 0 20px 30px 80px; } @media all and (min-width: 768px) { #accordion .panel-collapse .panel-body { padding: 0 85px 30px 80px; } } #accordion .panel-collapse .panel-body ul, #accordion .panel-collapse .panel-body ol { margin: 0 0 0 20px; } #accordion .faqGoToPageLink { font-size: 12px; } #accordion .faqGroup { background: #f1f2f2 none repeat scroll 0 0; margin: 30px 0; padding: 10px; } #accordion .faqGoToTopLink { margin: 10px 0; } input[type="text"], input[type="email"], input[type="password"], select, textarea { background: #fff none repeat scroll 0 0; border: 1px solid #d1d3d4; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15) inset; color: #a7a9ac; font-family: "canada-type-gibson",sans-serif; font-size: 16px; font-style: italic; font-weight: 400; height: 57px; padding: 0 15px; width: 100%; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus { background: #fff none repeat scroll 0 0; border: 1px solid #d1d3d4; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15) inset; } input[type="file"] { margin-top: 7px; } textarea { border-radius: 0; height: 177px !important; padding-bottom: 15px; padding-top: 15px; } form { width: 100%; } form .sendFormRow label { color: #58595b; font-family: "canada-type-gibson",sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0.075em; margin-bottom: 2px; text-align: left; text-transform: uppercase; } .radio label, .radio .sendFormElement, .checkbox label, .checkbox .sendFormElement { float: left; width: auto !important; } .radio label input[type="radio"], .radio label input[type="checkbox"], .radio .sendFormElement input[type="radio"], .radio .sendFormElement input[type="checkbox"], .checkbox label input[type="radio"], .checkbox label input[type="checkbox"], .checkbox .sendFormElement input[type="radio"], .checkbox .sendFormElement input[type="checkbox"] { margin: 5px 0 0; position: relative; } .radio label, .checkbox label { color: #333132 !important; font-size: 16px !important; font-weight: 400 !important; padding-left: 0 !important; text-transform: none !important; } .multipleCheckboxes .checkboxRow { clear: both; vertical-align: top; } .multipleCheckboxes .checkboxRow .checkbox { margin: 0; } @media all and (min-width: 768px) { .multipleCheckboxes .checkboxRow .checkbox { float: left; width: 50%; } } @media all and (min-width: 1200px) { .multipleCheckboxes .checkboxRow .checkbox { float: left; width: 33%; } } .multipleCheckboxes .checkboxRow .checkbox label { color: #333132 !important; float: left; font-size: 16px !important; font-weight: 400 !important; padding-left: 10px !important; text-transform: none !important; width: auto !important; } .multipleCheckboxes .checkboxRow .checkbox input[type="radio"], .multipleCheckboxes .checkboxRow .checkbox input[type="checkbox"] { float: left; margin: 8px 0 0; position: relative; } .sendFormContainer { background: #f2f2f3 none repeat scroll 0 0; margin-top: 30px; padding: 20px 25px; position: relative; z-index: 1; } @media all and (min-width: 768px) { .sendFormContainer { padding: 30px 50px; } } .sendFormContainer .sendFormHead { margin-bottom: 30px; } .sendFormContainer .sendFormHead h2 { color: #00457c; font-family: "canada-type-gibson",sans-serif; font-size: 30px; font-weight: 400; letter-spacing: 0; line-height: 1.16667; margin: 0; padding: 10px 0 15px; text-transform: none; } @media all and (min-width: 992px) { .sendFormContainer .sendFormHead h2 { float: left; } } .sendFormContainer .sendFormHead .required { color: #333132; font-family: "canada-type-gibson",sans-serif; font-size: 16px; font-weight: 400; } @media all and (min-width: 992px) { .sendFormContainer .sendFormHead .required { float: right; margin-top: 15px; } } .sendFormContainer .submitButton { margin-top: 10px; text-align: right; } .sendFormContainer .submitButton.left { text-align: left; } #locator { background: #fff none repeat scroll 0 0; border: 1px solid #c9c9c9; margin: 20px 0 0; padding: 0; } #locator .locatorForm { background: #f2f2f3 none repeat scroll 0 0; padding: 18px 0 22px; } #locator .locatorForm .locatorSearchForm { width: 100%; } #locator .locatorForm .locatorSearchForm .inner-form-wrap { padding: 0; } @media all and (min-width: 992px) { #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper { padding-right: 0; } } @media all and (min-width: 1200px) { #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper { padding-left: 30px; } } #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper { margin: 10px 0 0; } @media all and (min-width: 992px) { #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper { margin: 0; padding-right: 0; } } #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper label, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper label { color: #58595b; font-size: 14px; font-weight: 600; padding: 0; text-transform: uppercase; } #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper input, #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper select, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper input, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper select { height: 48px; margin-bottom: 0; } #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper .zipField, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper .zipField { position: relative; } #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper .zipField::before, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper .zipField::before { color: #777; content: ""; display: inline-block; font-family: FontAwesome; font-size: 13px; font-style: normal; left: 15px; position: absolute; text-rendering: auto; top: 12px; } #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper .zipField input, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper .zipField input { padding-left: 35px; } #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper .currentLocationWidget { margin: 34px 0 0; } #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper .currentLocationWidget .buttonBg { padding: 14px 25px; } #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper .currentLocationWidget .delimiter { color: #373532; display: block; font-size: 16px; margin: 9px 8px; text-align: center; text-transform: uppercase; } @media all and (min-width: 768px) { #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper .currentLocationWidget .delimiter { display: inline-block; } } @media all and (min-width: 992px) { #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper .currentLocationWidget .delimiter { margin: 9px 4px; } } @media all and (min-width: 1200px) { #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper .currentLocationWidget .delimiter { margin: 9px; } } #locator .locatorResult { clear: both; margin: 10px 0; padding: 2px; } #locator .locatorResultDetail { float: left; line-height: 1.4; width: 152px; } #locator .locatorDirectionsForm { margin: 10px 0 0; } .locatorHeadingWrapper { border-bottom: 1px solid #c9c9c9; border-top: 1px solid #c9c9c9; padding: 0; } @media all and (min-width: 768px) { .locatorHeadingWrapper .locatorHeading { display: flex; } } .locatorHeadingWrapper .locatorHeading .searchDesc { border-right: 1px solid #c9c9c9; color: #000; font-family: "canada-type-gibson",sans-serif; font-size: 14px; font-style: italic; font-weight: 400; line-height: 1.42857; padding-bottom: 15px; padding-top: 15px; } .locatorHeadingWrapper .locatorHeading .searchDesc strong { font-weight: 600 !important; } .locatorHeadingWrapper .locatorHeading .mapCountries { color: #000; font-family: "canada-type-gibson",sans-serif; font-size: 14px; font-weight: 400; line-height: 1.42857; padding-bottom: 15px; padding-top: 15px; } @media all and (min-width: 992px) { .locatorHeadingWrapper .locatorHeading .mapCountries { padding-bottom: 25px; padding-left: 30px; padding-top: 25px; } } .locatorHeadingWrapper .locatorHeading .mapCountries a { display: block; font-weight: 600 !important; } @media all and (min-width: 992px) { .locatorHeadingWrapper .locatorHeading .mapCountries a { display: inline; padding: 0 0 0 25px; } } .locatorHeadingWrapper .locatorHeading .mapCountries a::after { content: ""; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; margin-left: 3px; text-rendering: auto; } .locatorHeadingWrapper .locatorHeading .mapCountries a.active { color: #00457c; } .locatorHeadingWrapper .locatorHeading .mapCountries a.active::after { content: ""; } #googleMapOnPage, #locatorMapHolder { clear: both; height: auto; margin: 0; width: auto; } #google_map, #locatorMap { height: 662px; margin: 0; overflow: hidden; padding: 0; } #google_map img, #locatorMap img { max-width: none; width: auto; } #google_list, #locatorMapList { border: medium none; max-height: none; overflow-x: hidden; overflow-y: auto; padding: 10px; } @media all and (min-width: 768px) { #google_list, #locatorMapList { max-height: 662px; } } #google_list .mapListAddress, #locatorMapList .mapListAddress { border-top: 1px solid #c9c9c9; margin: 0 -15px; padding: 25px 20px; } #google_list .mapListAddress:first-of-type, #locatorMapList .mapListAddress:first-of-type { border: medium none; } #google_list .mapListAddress .mapAddressElementClickable, #locatorMapList .mapListAddress .mapAddressElementClickable { color: #00457c; cursor: pointer; font-family: "canada-type-gibson",sans-serif; font-size: 17px; font-weight: 600; line-height: 1.11765; margin-bottom: 10px; } #google_list .mapListAddress .mapAddressElement, #locatorMapList .mapListAddress .mapAddressElement { clear: both; color: #3b3a38; display: block; font-family: "canada-type-gibson",sans-serif; font-size: 14px; font-weight: 400; line-height: 1.14286; } #google_list .mapListAddress .mapAddressElement.phone, #locatorMapList .mapListAddress .mapAddressElement.phone { margin-top: 15px; } #google_list .mapListAddress .mapAddressElement.email a, #locatorMapList .mapListAddress .mapAddressElement.email a { color: #3b3a38; font-size: 14px; font-weight: 400 !important; line-height: 1.14286; } #google_list .mapListAddress .mapAddressElement.distance, #locatorMapList .mapListAddress .mapAddressElement.distance { font-size: 13px; margin-top: 15px; } #google_list .button, #locatorMapList .button { font-size: 14px; margin: 15px 0 0; } #googleMapWrapper { display: block; } @media all and (min-width: 768px) { #googleMapWrapper { display: block; } } .regionWrapper { margin-top: 50px; } .regionWrapper .regionCol { padding-left: 0; } @media all and (min-width: 768px) { .regionWrapper .regionCol { padding-left: 15px; } } .regionWrapper .regionCol:first-of-type { padding-left: 0; } @media all and (min-width: 768px) { .regionWrapper .regionCol.noTitle { margin-top: 44px; } } .regionWrapper .regionCol .regionTitle { color: #414042; font-family: "canada-type-gibson",sans-serif; font-size: 21px; font-weight: 600; line-height: 1.14286; margin: 20px 0 0; padding: 5px 0 15px; text-transform: uppercase; } @media all and (min-width: 768px) { .regionWrapper .regionCol .regionTitle { margin: 0; } } @media all and (min-width: 768px) { .regionWrapper .regionCol .regionMenu { margin-bottom: 20px; } } .regionWrapper .regionCol .regionMenu ul { margin: 0; padding: 0; } .regionWrapper .regionCol .regionMenu ul li { display: block; list-style: outside none none; margin: 0; padding: 0; } .regionWrapper .regionCol .regionMenu ul li a { color: #2d96d6; display: inline-block; font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; line-height: normal; margin: 0; padding: 5px 0 0; } .regionWrapper .regionCol .regionMenu ul li a:hover, .regionWrapper .regionCol .regionMenu ul li a:active, .regionWrapper .regionCol .regionMenu ul li a:focus, .regionWrapper .regionCol .regionMenu ul li a.active { color: #00457c; } .regionWrapper .regionCol .regionMenu ul li.last { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } .locationDetail h1 { margin: 0; padding: 0 0 30px; } @media all and (min-width: 992px) { .locationDetail h1 { font-size: 46px; line-height: 1.08696; } } .locationDetail h1::after { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: none; height: 0; } .locationDetail .locationDetails { border-bottom: 2px solid #dcddde; margin-bottom: 50px; padding-bottom: 50px; } .locationDetail .locationDetails table { border-collapse: collapse; width: 100%; } .locationDetail .locationDetails .row .locationDetail .locationDetails td { color: #58595b; font-family: "canada-type-gibson",sans-serif; font-size: 18px; font-weight: 400; line-height: 1.33333; padding: 10px 10px 10px 0 !important; } @media all and (min-width: 992px) { .locationDetail .locationDetails td { width: 50%; } } .locationDetail .locationDetails td.title@charset "UTF-8"; /* CSS Document */ /*------------------------------*\ Ryerson Styles \*------------------------------*/ /* Author: Erin Byrne / Orbit Media Studios Table Of Contents: 1. Global Layout 2. Header 3. Home 4. Template 5. MightyMenu 6. Site Features 7. Footer Fonts: "canada-type-gibson" Arial Colors: #12457b - Dark Blue #2d96d6 - Light Blue #fab816 - Orange #bcbdbc - Gray */ /* THERE SHOULD BE NO CSS IN THIS FILE. */ /*------------------------------*\ Template spacing \*------------------------------*/ /*------------------------------*\ All Site Colors \*------------------------------*/ /*------------------------------*\ Fonts Used \*------------------------------*/ /*------------------------------*\ Twitter Bootstrap \*------------------------------*/ /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot"); src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: #333333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; } .bg-primary { background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row, .columnWrapper, div#template, #googleMapOnPage, #locatorMapHolder { margin-left: -15px; margin-right: -15px; } .row:before, .columnWrapper:before, div#template:before, #googleMapOnPage:before, #locatorMapHolder:before, .row:after, .columnWrapper:after, div#template:after, #googleMapOnPage:after, #locatorMapHolder:after { content: " "; display: table; } .row:after, .columnWrapper:after, div#template:after, #googleMapOnPage:after, #locatorMapHolder:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .regionWrapper .regionCol, .col-md-2, div#template div#left, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .quantityWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .uomWrapper, .col-lg-2, .events .eventList .eventWrapper .eventDate, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper, .col-xs-3, .col-sm-3, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft, .servicesBlockWrapper a .service, .blog #commentsContainer .comment .commentMeta, .locatorHeadingWrapper .locatorHeading .searchDesc, #google_list, #locatorMapList, .pageBlockWrapper .layout-25-25-25-25.linkBoxes .col, .podcasts #commentsContainer .comment .commentMeta, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .quantityWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .uomWrapper, .col-md-3, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft, .events .eventList .eventWrapper .eventDate, #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper, #MegaMenu ul li .sub ul, .stockList ul, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper, .col-lg-3, .col-xs-4, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft, .col-sm-4, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav, .productBlockWrapper a .product, div.featuredContentWrapper div.featuredContentBlock div.featuredContent, div#sidebar, .events .eventList .eventWrapper .eventDate, .pageBlockWrapper .layout-33-33-33 .col, .pageBlockWrapper .linkBoxes .col, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu, .col-md-4, .stock .stockListWrapper .colWrapper, .col-lg-4, #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper, .col-xs-5, .col-sm-5, .blog .post .postLeft, .podcasts .post .postLeft, .carousel .carousel-inner .item .carousel-content .carousel-title, .col-md-5, header .headerWrapper .headerBottom .noAccountWrapper, #stickyHeader .headerWrapper .headerBottom .noAccountWrapper, header .headerWrapper .headerBottom .registeredMenu .registeredRight, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .filters, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm, .col-lg-5, .col-xs-6, .productBlockWrapper a .product, .servicesBlockWrapper a .service, .col-sm-6, .loginWrapper .login .loginForm, .loginWrapper .login .createAccount, .pageBlockWrapper .layout-50-50 .col, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper, .stock .stockListWrapper .colWrapper, .stockList ul, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .grade, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .filters, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightText, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks, .col-md-6, .col-lg-6, #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper, .col-xs-7, .col-sm-7, .blog .post .postRight, .podcasts .post .postRight, .carousel .carousel-inner .item .carousel-content .carousel-caption, .col-md-7, header .headerWrapper .headerBottom .headerRight .search, #stickyHeader .headerWrapper .headerBottom .headerRight .search, header .headerWrapper .headerBottom .registeredMenu .registeredLeft, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft, #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .grade, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText, .col-lg-7, .col-xs-8, .col-sm-8, div#template.hasRightCol div#contentArea, div#template.hasLeftAndRightCols div#contentArea, body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent, .events .eventList .eventWrapper .eventDesc, .col-md-8, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper, .col-lg-8, .col-xs-9, .col-sm-9, .blog #commentsContainer .comment .commentContent, .locatorHeadingWrapper .locatorHeading .mapCountries, #google_map, #locatorMap, .podcasts #commentsContainer .comment .commentContent, .col-md-9, header .headerWrapper .headerBottom .headerRight, #stickyHeader .headerWrapper .headerBottom .headerRight, .events .eventList .eventWrapper .eventDesc, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right, .col-lg-10, .events .eventList .eventWrapper .eventDesc, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, div#template.hasLeftCol div#contentArea, div#template.hasRightCol div#contentArea, div#template.hasLeftAndRightCols div#contentArea, div#template.hasNoLeftOrRightCols div#contentArea, header .headerTopWrapper .headerTop, #stickyHeader .headerTopWrapper .headerTop, .mobileNoAccountWrapper, .mobileNoAccountWrapper .mobileNoAccount, .mobileAccountWrapper .mobileAccount, .navbar .navbar-header, .navbar .primaryNavWrapper, body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav, div.featuredContentWrapper div.featuredContentBlock div.featuredContent, div#sidebar, .blog .post .postLeft, .blog .post .postRight, .blog #commentsContainer .comment .commentMeta, .blog #commentsContainer .comment .commentContent, .events .eventList .eventWrapper .eventDate, .events .eventList .eventWrapper .eventDesc, #faqHolder, .loginWrapper .login .loginForm, .loginWrapper .login .createAccount, .pageBlockWrapper .layout-100 .col, .pageBlockWrapper .layout-50-50 .col, .pageBlockWrapper .layout-33-33-33 .col, .pageBlockWrapper .linkBoxes .col, .pageBlockWrapper .layout-25-25-25-25.linkBoxes .col, .products .linkBoxes .sectionTitle, .podcasts .post .postLeft, .podcasts .post .postRight, .podcasts #commentsContainer .comment .commentMeta, .podcasts #commentsContainer .comment .commentContent, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .notesWrapper, .carousel .carousel-inner .item .carousel-content, .carousel .carousel-inner .item .carousel-content .carousel-title, .carousel .carousel-inner .item .carousel-content .carousel-caption, .stockCount, .stock, .stock .stockListWrapper .colWrapper, .stockList, .stockList ul, .productSheetWrapper .productSheet, .productSheetWrapper .quoteButtons, .tabsWrapper .tabbedData, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightText, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks, .col-sm-12, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, div#template.hasLeftCol div#contentArea, div#template.hasNoLeftOrRightCols div#contentArea, #MegaMenu ul li .sub, .col-md-12, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, form .sendFormRow label, form .sendFormRow .sendFormElement, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft, .col-xs-5, .col-xs-6, .productBlockWrapper a .product, .servicesBlockWrapper a .service, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, div#template.hasLeftCol div#contentArea, div#template.hasRightCol div#contentArea, div#template.hasLeftAndRightCols div#contentArea, div#template.hasNoLeftOrRightCols div#contentArea, header .headerTopWrapper .headerTop, #stickyHeader .headerTopWrapper .headerTop, .mobileNoAccountWrapper, .mobileNoAccountWrapper .mobileNoAccount, .mobileAccountWrapper .mobileAccount, .navbar .navbar-header, .navbar .primaryNavWrapper, body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav, div.featuredContentWrapper div.featuredContentBlock div.featuredContent, div#sidebar, .blog .post .postLeft, .blog .post .postRight, .blog #commentsContainer .comment .commentMeta, .blog #commentsContainer .comment .commentContent, .events .eventList .eventWrapper .eventDate, .events .eventList .eventWrapper .eventDesc, #faqHolder, .loginWrapper .login .loginForm, .loginWrapper .login .createAccount, .pageBlockWrapper .layout-100 .col, .pageBlockWrapper .layout-50-50 .col, .pageBlockWrapper .layout-33-33-33 .col, .pageBlockWrapper .linkBoxes .col, .pageBlockWrapper .layout-25-25-25-25.linkBoxes .col, .products .linkBoxes .sectionTitle, .podcasts .post .postLeft, .podcasts .post .postRight, .podcasts #commentsContainer .comment .commentMeta, .podcasts #commentsContainer .comment .commentContent, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .notesWrapper, .carousel .carousel-inner .item .carousel-content, .carousel .carousel-inner .item .carousel-content .carousel-title, .carousel .carousel-inner .item .carousel-content .carousel-caption, .stockCount, .stock, .stock .stockListWrapper .colWrapper, .stockList, .stockList ul, .productSheetWrapper .productSheet, .productSheetWrapper .quoteButtons, .tabsWrapper .tabbedData, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightText, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6, .productBlockWrapper a .product, .servicesBlockWrapper a .service { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, div#template.hasLeftCol div#contentArea, div#template.hasRightCol div#contentArea, div#template.hasLeftAndRightCols div#contentArea, div#template.hasNoLeftOrRightCols div#contentArea, header .headerTopWrapper .headerTop, #stickyHeader .headerTopWrapper .headerTop, .mobileNoAccountWrapper, .mobileNoAccountWrapper .mobileNoAccount, .mobileAccountWrapper .mobileAccount, .navbar .navbar-header, .navbar .primaryNavWrapper, body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav, div.featuredContentWrapper div.featuredContentBlock div.featuredContent, div#sidebar, .blog .post .postLeft, .blog .post .postRight, .blog #commentsContainer .comment .commentMeta, .blog #commentsContainer .comment .commentContent, .events .eventList .eventWrapper .eventDate, .events .eventList .eventWrapper .eventDesc, #faqHolder, .loginWrapper .login .loginForm, .loginWrapper .login .createAccount, .pageBlockWrapper .layout-100 .col, .pageBlockWrapper .layout-50-50 .col, .pageBlockWrapper .layout-33-33-33 .col, .pageBlockWrapper .linkBoxes .col, .pageBlockWrapper .layout-25-25-25-25.linkBoxes .col, .products .linkBoxes .sectionTitle, .podcasts .post .postLeft, .podcasts .post .postRight, .podcasts #commentsContainer .comment .commentMeta, .podcasts #commentsContainer .comment .commentContent, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .notesWrapper, .carousel .carousel-inner .item .carousel-content, .carousel .carousel-inner .item .carousel-content .carousel-title, .carousel .carousel-inner .item .carousel-content .carousel-caption, .stockCount, .stock, .stock .stockListWrapper .colWrapper, .stockList, .stockList ul, .productSheetWrapper .productSheet, .productSheetWrapper .quoteButtons, .tabsWrapper .tabbedData, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightText, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .regionWrapper .regionCol, .col-sm-3, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft, .servicesBlockWrapper a .service, .blog #commentsContainer .comment .commentMeta, .locatorHeadingWrapper .locatorHeading .searchDesc, #google_list, #locatorMapList, .pageBlockWrapper .layout-25-25-25-25.linkBoxes .col, .podcasts #commentsContainer .comment .commentMeta, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .quantityWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .uomWrapper, .col-sm-4, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav, .productBlockWrapper a .product, div.featuredContentWrapper div.featuredContentBlock div.featuredContent, div#sidebar, .events .eventList .eventWrapper .eventDate, .pageBlockWrapper .layout-33-33-33 .col, .pageBlockWrapper .linkBoxes .col, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu, .col-sm-5, .blog .post .postLeft, .podcasts .post .postLeft, .carousel .carousel-inner .item .carousel-content .carousel-title, .col-sm-6, .loginWrapper .login .loginForm, .loginWrapper .login .createAccount, .pageBlockWrapper .layout-50-50 .col, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper, .stock .stockListWrapper .colWrapper, .stockList ul, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .grade, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .filters, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightText, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks, .col-sm-7, .blog .post .postRight, .podcasts .post .postRight, .carousel .carousel-inner .item .carousel-content .carousel-caption, .col-sm-8, div#template.hasRightCol div#contentArea, div#template.hasLeftAndRightCols div#contentArea, body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent, .events .eventList .eventWrapper .eventDesc, .col-sm-9, .blog #commentsContainer .comment .commentContent, .locatorHeadingWrapper .locatorHeading .mapCountries, #google_map, #locatorMap, .podcasts #commentsContainer .comment .commentContent, .col-sm-10, .col-sm-11, .col-sm-12, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, div#template.hasLeftCol div#contentArea, div#template.hasNoLeftOrRightCols div#contentArea, #MegaMenu ul li .sub { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2, .regionWrapper .regionCol { width: 16.66667%; } .col-sm-3, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft, .servicesBlockWrapper a .service, .blog #commentsContainer .comment .commentMeta, .locatorHeadingWrapper .locatorHeading .searchDesc, #google_list, #locatorMapList, .pageBlockWrapper .layout-25-25-25-25.linkBoxes .col, .podcasts #commentsContainer .comment .commentMeta, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .quantityWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .uomWrapper { width: 25%; } .col-sm-4, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav, .productBlockWrapper a .product, div.featuredContentWrapper div.featuredContentBlock div.featuredContent, div#sidebar, .events .eventList .eventWrapper .eventDate, .pageBlockWrapper .layout-33-33-33 .col, .pageBlockWrapper .linkBoxes .col, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu { width: 33.33333%; } .col-sm-5, .blog .post .postLeft, .podcasts .post .postLeft, .carousel .carousel-inner .item .carousel-content .carousel-title { width: 41.66667%; } .col-sm-6, .loginWrapper .login .loginForm, .loginWrapper .login .createAccount, .pageBlockWrapper .layout-50-50 .col, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper, .stock .stockListWrapper .colWrapper, .stockList ul, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .grade, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .filters, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightText, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks { width: 50%; } .col-sm-7, .blog .post .postRight, .podcasts .post .postRight, .carousel .carousel-inner .item .carousel-content .carousel-caption { width: 58.33333%; } .col-sm-8, div#template.hasRightCol div#contentArea, div#template.hasLeftAndRightCols div#contentArea, body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent, .events .eventList .eventWrapper .eventDesc { width: 66.66667%; } .col-sm-9, .blog #commentsContainer .comment .commentContent, .locatorHeadingWrapper .locatorHeading .mapCountries, #google_map, #locatorMap, .podcasts #commentsContainer .comment .commentContent { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, div#template.hasLeftCol div#contentArea, div#template.hasNoLeftOrRightCols div#contentArea, #MegaMenu ul li .sub { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, div#template div#left, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .quantityWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .uomWrapper, .col-md-3, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft, .events .eventList .eventWrapper .eventDate, #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper, #MegaMenu ul li .sub ul, .stockList ul, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper, .col-md-4, .stock .stockListWrapper .colWrapper, .col-md-5, header .headerWrapper .headerBottom .noAccountWrapper, #stickyHeader .headerWrapper .headerBottom .noAccountWrapper, header .headerWrapper .headerBottom .registeredMenu .registeredRight, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .filters, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm, .col-md-6, .col-md-7, header .headerWrapper .headerBottom .headerRight .search, #stickyHeader .headerWrapper .headerBottom .headerRight .search, header .headerWrapper .headerBottom .registeredMenu .registeredLeft, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft, #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .grade, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText, .col-md-8, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper, .col-md-9, header .headerWrapper .headerBottom .headerRight, #stickyHeader .headerWrapper .headerBottom .headerRight, .events .eventList .eventWrapper .eventDesc, .col-md-10, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right, .col-md-11, .col-md-12, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, form .sendFormRow label, form .sendFormRow .sendFormElement { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2, div#template div#left, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .quantityWrapper, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .uomWrapper { width: 16.66667%; } .col-md-3, header .headerWrapper .headerBottom .headerLeft, #stickyHeader .headerWrapper .headerBottom .headerLeft, .events .eventList .eventWrapper .eventDate, #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper, #MegaMenu ul li .sub ul, .stockList ul, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper { width: 25%; } .col-md-4, .stock .stockListWrapper .colWrapper { width: 33.33333%; } .col-md-5, header .headerWrapper .headerBottom .noAccountWrapper, #stickyHeader .headerWrapper .headerBottom .noAccountWrapper, header .headerWrapper .headerBottom .registeredMenu .registeredRight, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .filters, footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7, header .headerWrapper .headerBottom .headerRight .search, #stickyHeader .headerWrapper .headerBottom .headerRight .search, header .headerWrapper .headerBottom .registeredMenu .registeredLeft, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft, #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper, .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .grade, footer .footerWrapper .footerTop .newsletterWrapper .newsletterText { width: 58.33333%; } .col-md-8, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper { width: 66.66667%; } .col-md-9, header .headerWrapper .headerBottom .headerRight, #stickyHeader .headerWrapper .headerBottom .headerRight, .events .eventList .eventWrapper .eventDesc { width: 75%; } .col-md-10, div#template.hasLeftCol div#right, div#template.hasLeftAndRightCols div#right { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12, div#template.hasRightCol div#right, div#template.hasNoLeftOrRightCols div#right, form .sendFormRow label, form .sendFormRow .sendFormElement { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4, form .sendFormRow .sendFormIndent { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .events .eventList .eventWrapper .eventDate, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper, .col-lg-3, .col-lg-4, #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper, .col-lg-5, .col-lg-6, #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .events .eventList .eventWrapper .eventDesc, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2, .events .eventList .eventWrapper .eventDate, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4, #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6, #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10, .events .eventList .eventWrapper .eventDesc { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: #555555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control, .input-group-sm > input[type="date"].input-group-addon, .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm > input[type="time"].form-control, .input-group-sm > input[type="time"].input-group-addon, .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm > input[type="month"].form-control, .input-group-sm > input[type="month"].input-group-addon, .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control, .input-group-lg > input[type="date"].input-group-addon, .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg > input[type="time"].form-control, .input-group-lg > input[type="time"].input-group-addon, .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].input-group-addon, .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input[type="month"].form-control, .input-group-lg > input[type="month"].input-group-addon, .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg input[type="month"] { line-height: 46px; } } .form-group, form .sendFormRow { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; } .input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; } textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; } textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group, .form-inline form .sendFormRow, form .form-inline .sendFormRow { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, form .radio, .form-horizontal .checkbox, form .checkbox, .form-horizontal .radio-inline, form .radio-inline, .form-horizontal .checkbox-inline, form .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, form .radio, .form-horizontal .checkbox, form .checkbox { min-height: 27px; } .form-horizontal .form-group, form .form-group, .form-horizontal form .sendFormRow, form .form-horizontal .sendFormRow, form .sendFormRow { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group:before, form .form-group:before, .form-horizontal form .sendFormRow:before, form .form-horizontal .sendFormRow:before, form .sendFormRow:before, .form-horizontal .form-group:after, form .form-group:after, .form-horizontal form .sendFormRow:after, form .form-horizontal .sendFormRow:after, form .sendFormRow:after { content: " "; display: table; } .form-horizontal .form-group:after, form .form-group:after, .form-horizontal form .sendFormRow:after, form .form-horizontal .sendFormRow:after, form .sendFormRow:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label, form .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback, form .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label, form .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label, form .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #337ab7; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse, .navbar #primaryNav { display: none; } .collapse.in, .navbar .in#primaryNav { display: block; } tr.collapse.in, .navbar tr.in#primaryNav { display: table-row; } tbody.collapse.in, .navbar tbody.in#primaryNav { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav, .navbar #primaryNav ul, .navbar #primaryNav ul li ul, .navbar #primaryNav ul li ul li ul { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .navbar #primaryNav ul:before, .navbar #primaryNav ul li ul:before, .navbar #primaryNav ul li ul li ul:before, .nav:after, .navbar #primaryNav ul:after, .navbar #primaryNav ul li ul:after, .navbar #primaryNav ul li ul li ul:after { content: " "; display: table; } .nav:after, .navbar #primaryNav ul:after, .navbar #primaryNav ul li ul:after, .navbar #primaryNav ul li ul li ul:after { clear: both; } .nav > li, .navbar #primaryNav ul > li, .navbar #primaryNav ul li ul > li, .navbar #primaryNav ul li ul li ul > li { position: relative; display: block; } .nav > li > a, .navbar #primaryNav ul > li > a, .navbar #primaryNav ul li ul > li > a, .navbar #primaryNav ul li ul li ul > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .navbar #primaryNav ul > li > a:hover, .navbar #primaryNav ul li ul > li > a:hover, .navbar #primaryNav ul li ul li ul > li > a:hover, .nav > li > a:focus, .navbar #primaryNav ul > li > a:focus, .navbar #primaryNav ul li ul > li > a:focus, .navbar #primaryNav ul li ul li ul > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a, .navbar #primaryNav ul > li.disabled > a, .navbar #primaryNav ul li ul > li.disabled > a, .navbar #primaryNav ul li ul li ul > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .navbar #primaryNav ul > li.disabled > a:hover, .navbar #primaryNav ul li ul > li.disabled > a:hover, .navbar #primaryNav ul li ul li ul > li.disabled > a:hover, .nav > li.disabled > a:focus, .navbar #primaryNav ul > li.disabled > a:focus, .navbar #primaryNav ul li ul > li.disabled > a:focus, .navbar #primaryNav ul li ul li ul > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .navbar #primaryNav ul .open > a, .navbar #primaryNav ul li ul .open > a, .navbar #primaryNav ul li ul li ul .open > a, .nav .open > a:hover, .navbar #primaryNav ul .open > a:hover, .navbar #primaryNav ul li ul .open > a:hover, .navbar #primaryNav ul li ul li ul .open > a:hover, .nav .open > a:focus, .navbar #primaryNav ul .open > a:focus, .navbar #primaryNav ul li ul .open > a:focus, .navbar #primaryNav ul li ul li ul .open > a:focus { background-color: #eeeeee; border-color: #337ab7; } .nav .nav-divider, .navbar #primaryNav ul .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img, .navbar #primaryNav ul > li > a > img, .navbar #primaryNav ul li ul > li > a > img, .navbar #primaryNav ul li ul li ul > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse, .navbar #primaryNav { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar #primaryNav:before, .navbar-collapse:after, .navbar #primaryNav:after { content: " "; display: table; } .navbar-collapse:after, .navbar #primaryNav:after { clear: both; } .navbar-collapse.in, .navbar .in#primaryNav { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse, .navbar #primaryNav { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse, .navbar #primaryNav { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in, .navbar .in#primaryNav { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-top .navbar #primaryNav, .navbar .navbar-fixed-top #primaryNav, .navbar-static-top .navbar-collapse, .navbar-static-top .navbar #primaryNav, .navbar .navbar-static-top #primaryNav, .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-bottom .navbar #primaryNav, .navbar .navbar-fixed-bottom #primaryNav { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-top .navbar #primaryNav, .navbar .navbar-fixed-top #primaryNav, .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-bottom .navbar #primaryNav, .navbar .navbar-fixed-bottom #primaryNav { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-top .navbar #primaryNav, .navbar .navbar-fixed-top #primaryNav, .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-bottom .navbar #primaryNav, .navbar .navbar-fixed-bottom #primaryNav { max-height: 200px; } } .container > .navbar-header, .container > .navbar-collapse, .navbar .container > #primaryNav, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse, .navbar .container-fluid > #primaryNav { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse, .navbar .container > #primaryNav, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse, .navbar .container-fluid > #primaryNav { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav, .navbar #primaryNav ul, .navbar #primaryNav ul li ul, .navbar #primaryNav ul li ul li ul { margin: 7.5px -15px; } .navbar-nav > li > a, .navbar #primaryNav ul > li > a, .navbar #primaryNav ul li ul > li > a, .navbar #primaryNav ul li ul li ul > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu, .navbar #primaryNav ul .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar #primaryNav ul .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header, .navbar #primaryNav ul .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a, .navbar #primaryNav ul .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar #primaryNav ul .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus, .navbar #primaryNav ul .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav, .navbar #primaryNav ul, .navbar #primaryNav ul li ul, .navbar #primaryNav ul li ul li ul { float: left; margin: 0; } .navbar-nav > li, .navbar #primaryNav ul > li, .navbar #primaryNav ul li ul > li, .navbar #primaryNav ul li ul li ul > li { float: left; } .navbar-nav > li > a, .navbar #primaryNav ul > li > a, .navbar #primaryNav ul li ul > li > a, .navbar #primaryNav ul li ul li ul > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (min-width: 768px) { .navbar-form .form-group, .navbar-form form .sendFormRow, form .navbar-form .sendFormRow { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group, .navbar-form form .sendFormRow, form .navbar-form .sendFormRow { margin-bottom: 5px; } .navbar-form .form-group:last-child, .navbar-form form .sendFormRow:last-child, form .navbar-form .sendFormRow:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu, .navbar #primaryNav ul > li > .dropdown-menu, .navbar #primaryNav ul li ul > li > .dropdown-menu, .navbar #primaryNav ul li ul li ul > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu, .navbar-fixed-bottom .navbar #primaryNav ul > li > .dropdown-menu, .navbar #primaryNav .navbar-fixed-bottom ul > li > .dropdown-menu, .navbar-fixed-bottom .navbar #primaryNav ul li ul > li > .dropdown-menu, .navbar-fixed-bottom .navbar #primaryNav ul li ul li ul > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar #primaryNav ul > li > a, .navbar #primaryNav .navbar-default ul > li > a, .navbar-default .navbar #primaryNav ul li ul > li > a, .navbar-default .navbar #primaryNav ul li ul li ul > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar #primaryNav ul > li > a:hover, .navbar #primaryNav .navbar-default ul > li > a:hover, .navbar-default .navbar #primaryNav ul li ul > li > a:hover, .navbar-default .navbar #primaryNav ul li ul li ul > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar #primaryNav ul > li > a:focus, .navbar #primaryNav .navbar-default ul > li > a:focus, .navbar-default .navbar #primaryNav ul li ul > li > a:focus, .navbar-default .navbar #primaryNav ul li ul li ul > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar #primaryNav ul > .active > a, .navbar #primaryNav .navbar-default ul > .active > a, .navbar-default .navbar #primaryNav ul li ul > .active > a, .navbar-default .navbar #primaryNav ul li ul li ul > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar #primaryNav ul > .active > a:hover, .navbar #primaryNav .navbar-default ul > .active > a:hover, .navbar-default .navbar #primaryNav ul li ul > .active > a:hover, .navbar-default .navbar #primaryNav ul li ul li ul > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar #primaryNav ul > .active > a:focus, .navbar #primaryNav .navbar-default ul > .active > a:focus, .navbar-default .navbar #primaryNav ul li ul > .active > a:focus, .navbar-default .navbar #primaryNav ul li ul li ul > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar #primaryNav ul > .disabled > a, .navbar #primaryNav .navbar-default ul > .disabled > a, .navbar-default .navbar #primaryNav ul li ul > .disabled > a, .navbar-default .navbar #primaryNav ul li ul li ul > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar #primaryNav ul > .disabled > a:hover, .navbar #primaryNav .navbar-default ul > .disabled > a:hover, .navbar-default .navbar #primaryNav ul li ul > .disabled > a:hover, .navbar-default .navbar #primaryNav ul li ul li ul > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar #primaryNav ul > .disabled > a:focus, .navbar #primaryNav .navbar-default ul > .disabled > a:focus, .navbar-default .navbar #primaryNav ul li ul > .disabled > a:focus, .navbar-default .navbar #primaryNav ul li ul li ul > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar #primaryNav, .navbar .navbar-default #primaryNav, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar #primaryNav ul > .open > a, .navbar #primaryNav .navbar-default ul > .open > a, .navbar-default .navbar #primaryNav ul li ul > .open > a, .navbar-default .navbar #primaryNav ul li ul li ul > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar #primaryNav ul > .open > a:hover, .navbar #primaryNav .navbar-default ul > .open > a:hover, .navbar-default .navbar #primaryNav ul li ul > .open > a:hover, .navbar-default .navbar #primaryNav ul li ul li ul > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar #primaryNav ul > .open > a:focus, .navbar #primaryNav .navbar-default ul > .open > a:focus, .navbar-default .navbar #primaryNav ul li ul > .open > a:focus, .navbar-default .navbar #primaryNav ul li ul li ul > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > li > a, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > li > a:hover, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > li > a:focus, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > .active > a, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > .active > a:hover, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > .active > a:focus, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > .disabled > a, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > .disabled > a:hover, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar #primaryNav ul .open .dropdown-menu > .disabled > a:focus, .navbar #primaryNav .navbar-default ul .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar #primaryNav ul > li > a, .navbar #primaryNav .navbar-inverse ul > li > a, .navbar-inverse .navbar #primaryNav ul li ul > li > a, .navbar-inverse .navbar #primaryNav ul li ul li ul > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar #primaryNav ul > li > a:hover, .navbar #primaryNav .navbar-inverse ul > li > a:hover, .navbar-inverse .navbar #primaryNav ul li ul > li > a:hover, .navbar-inverse .navbar #primaryNav ul li ul li ul > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar #primaryNav ul > li > a:focus, .navbar #primaryNav .navbar-inverse ul > li > a:focus, .navbar-inverse .navbar #primaryNav ul li ul > li > a:focus, .navbar-inverse .navbar #primaryNav ul li ul li ul > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar #primaryNav ul > .active > a, .navbar #primaryNav .navbar-inverse ul > .active > a, .navbar-inverse .navbar #primaryNav ul li ul > .active > a, .navbar-inverse .navbar #primaryNav ul li ul li ul > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar #primaryNav ul > .active > a:hover, .navbar #primaryNav .navbar-inverse ul > .active > a:hover, .navbar-inverse .navbar #primaryNav ul li ul > .active > a:hover, .navbar-inverse .navbar #primaryNav ul li ul li ul > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar #primaryNav ul > .active > a:focus, .navbar #primaryNav .navbar-inverse ul > .active > a:focus, .navbar-inverse .navbar #primaryNav ul li ul > .active > a:focus, .navbar-inverse .navbar #primaryNav ul li ul li ul > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar #primaryNav ul > .disabled > a, .navbar #primaryNav .navbar-inverse ul > .disabled > a, .navbar-inverse .navbar #primaryNav ul li ul > .disabled > a, .navbar-inverse .navbar #primaryNav ul li ul li ul > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar #primaryNav ul > .disabled > a:hover, .navbar #primaryNav .navbar-inverse ul > .disabled > a:hover, .navbar-inverse .navbar #primaryNav ul li ul > .disabled > a:hover, .navbar-inverse .navbar #primaryNav ul li ul li ul > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar #primaryNav ul > .disabled > a:focus, .navbar #primaryNav .navbar-inverse ul > .disabled > a:focus, .navbar-inverse .navbar #primaryNav ul li ul > .disabled > a:focus, .navbar-inverse .navbar #primaryNav ul li ul li ul > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar #primaryNav, .navbar .navbar-inverse #primaryNav, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar #primaryNav ul > .open > a, .navbar #primaryNav .navbar-inverse ul > .open > a, .navbar-inverse .navbar #primaryNav ul li ul > .open > a, .navbar-inverse .navbar #primaryNav ul li ul li ul > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar #primaryNav ul > .open > a:hover, .navbar #primaryNav .navbar-inverse ul > .open > a:hover, .navbar-inverse .navbar #primaryNav ul li ul > .open > a:hover, .navbar-inverse .navbar #primaryNav ul li ul li ul > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar #primaryNav ul > .open > a:focus, .navbar #primaryNav .navbar-inverse ul > .open > a:focus, .navbar-inverse .navbar #primaryNav ul li ul > .open > a:focus, .navbar-inverse .navbar #primaryNav ul li ul li ul > .open > a:focus { background-color: #090909; color: #fff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > .dropdown-header, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > .dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu .divider, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > li > a, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > li > a:hover, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > li > a:focus, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > .active > a, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > .active > a:hover, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > .active > a:focus, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > .disabled > a, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > .disabled > a:hover, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar #primaryNav ul .open .dropdown-menu > .disabled > a:focus, .navbar #primaryNav .navbar-inverse ul .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/ "; padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #777777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; color: #337ab7; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #337ab7; border-color: #337ab7; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.33333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; } .pager:before, .pager:after { content: " "; display: table; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777777; background-color: #fff; cursor: not-allowed; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label-default { background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; padding-left: 15px; padding-right: 15px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #333333; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #eeeeee; color: #777777; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-body:before, .panel-body:after { content: " "; display: table; } .panel-body:after { clear: both; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-left: 15px; padding-right: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header:before, .modal-header:after { content: " "; display: table; } .modal-header:after { clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: transparent; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: transparent; } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .mobileClear, .mobileNoAccountWrapper, div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress .sideBar_MapAddressElement.directions { display: none !important; } .visible-sm, .mobileNoAccountWrapper { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs, .mobileClear, .mobileNoAccountWrapper, div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress .sideBar_MapAddressElement.directions { display: block !important; } table.visible-xs, table.mobileClear, table.mobileNoAccountWrapper, div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress table.sideBar_MapAddressElement.directions { display: table !important; } tr.visible-xs, tr.mobileClear, tr.mobileNoAccountWrapper, div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress tr.sideBar_MapAddressElement.directions { display: table-row !important; } th.visible-xs, th.mobileClear, th.mobileNoAccountWrapper, div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress th.sideBar_MapAddressElement.directions, td.visible-xs, td.mobileClear, td.mobileNoAccountWrapper, div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress td.sideBar_MapAddressElement.directions { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm, .mobileNoAccountWrapper { display: block !important; } table.visible-sm, table.mobileNoAccountWrapper { display: table !important; } tr.visible-sm, tr.mobileNoAccountWrapper { display: table-row !important; } th.visible-sm, th.mobileNoAccountWrapper, td.visible-sm, td.mobileNoAccountWrapper { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs, .desktopOnly, .anchorLinks .delimiter, header .headerTopWrapper .headerTop .headerNav, #stickyHeader .headerTopWrapper .headerTop .headerNav, header .headerWrapper .headerBottom .headerRight, #stickyHeader .headerWrapper .headerBottom .headerRight, header .headerWrapper .headerBottom .registeredMenu .registeredLeft, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft, header .headerWrapper .headerBottom .registeredMenu .registeredRight, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight, .navbar .navTitle, div#template div#left, div#sidebar div.sideBar_GoogleMapHolder div.sideBar_GoogleMap, #MegaMenu ul li .sub, .productSheetWrapper .productSheet .stockListDetail table thead { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm, .desktopOnly, header .headerTopWrapper .headerTop .headerNav, #stickyHeader .headerTopWrapper .headerTop .headerNav, header .headerWrapper .headerBottom .headerRight, #stickyHeader .headerWrapper .headerBottom .headerRight, header .headerWrapper .headerBottom .registeredMenu .registeredLeft, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft, header .headerWrapper .headerBottom .registeredMenu .registeredRight, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight, .navbar .navTitle, div#template div#left, #MegaMenu ul li .sub { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md, .navbar #primaryNav .search-bar, .navbar .bottom-close { display: none !important; } } @media (min-width: 1200px) { .hidden-lg, .navbar #primaryNav .search-bar, .navbar .bottom-close { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*------------------------------*\ Layout \*------------------------------*/ * { border: 0; margin: 0; padding: 0; } html, body { margin: 0; padding: 0; } .container, .container-fluid { text-align: left; } .container-fluid { max-width: 1170px; } @media all and (min-width: 768px) and (max-width: 991px) { .container-fluid { padding-left: 25px; padding-right: 25px; } } @media (min-width: 992px) and (max-width: 1200px) { .container-fluid { max-width: 970px; } } .container-fluid img { max-width: 100%; height: auto; } .mobileClear { clear: both; } /*------------------------------*\ Template \*------------------------------*/ .headerImageWrapper { width: 100%; } .headerImageWrapper .headerImage { position: relative; z-index: 0; } .headerImageWrapper .headerImage img { width: 100%; vertical-align: middle; } .headerImageWrapper .headerImage .overlay { position: relative; } .headerImageWrapper .headerImage .overlay:before { -webkit-box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.2); content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } div#template { clear: both; /* Main Content + Right Sidebar */ /* end */ /* Main Content */ /* end */ } div#template div#right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 0 !important; padding-right: 0 !important; } div#template div#contentArea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 50px; padding-bottom: 50px; } @media all and (min-width: 992px) { div#template div#contentArea { padding-top: 70px; padding-bottom: 70px; } } div#template div#contentArea a { font-weight: bold; } div#template div#contentArea h1 a, div#template div#contentArea h2 a, div#template div#contentArea h3 a, div#template div#contentArea h4 a, div#template div#contentArea h5 a, div#template div#contentArea h6 a { font-weight: inherit !important; } div#template div#contentArea table { border-collapse: collapse; width: auto; } div#template div#contentArea table td { padding: 5px 20px; } @media all and (max-width: 767px) { div#template div#contentArea table td { display: block; } } @media all and (min-width: 992px) { div#template.hasRightCol div#contentArea { padding-right: 35px; } } @media all and (min-width: 992px) { div#template.hasLeftAndRightCols div#contentArea { padding-right: 35px; } } .sectionTitle { display: inline-block; position: relative; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 24px; color: #414042; letter-spacing: 0.150em; line-height: 1.25; text-transform: uppercase; margin: 0 0 30px; padding: 0 0 20px; } @media all and (min-width: 992px) { .sectionTitle { font-size: 30px; margin: 0 0 40px; } } .sectionTitle:after { background: #dcddde; content: ''; width: 80px; height: 4px; position: absolute; bottom: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .sectionTitle.viewAll { border-bottom: solid 2px #dcddde; display: block; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 26px; color: #00457c; letter-spacing: 0; line-height: 1.15385; text-align: left; text-transform: none; } .sectionTitle.viewAll:after { display: none; height: 0; } .sectionTitle.viewAll a { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 21px; } .sectionTitle.viewAll .delimiter { color: #dcddde; padding: 0 15px; } .viewAllLink { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; letter-spacing: 0.150em; text-transform: uppercase; margin: -20px 0 35px; } .viewAllLink a { font-weight: 600 !important; } @media all and (min-width: 992px) { .shareWrapper { float: right; } } .shareWrapper .shareTitle { display: inline-block; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 15px; color: #00457c; text-transform: uppercase; vertical-align: bottom; margin-right: 20px; } .shareWrapper .sharring_ryerson_box_soical { display: inline-block; } .shareWrapper.shareBottom { border-top: solid 2px #dcddde; width: 100%; margin-top: 40px; padding-top: 15px; } @media all and (min-width: 992px) { .shareWrapper.shareBottom { text-align: right; } } .pagePagination { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 14px; color: #414042; letter-spacing: 0.150em; text-transform: uppercase; margin-bottom: 40px; } .pagePagination a { font-weight: 600 !important; } .pagePagination .delimiter { padding: 0 15px; } .postsNav { border-top: solid 2px #dcddde; padding-top: 40px; } .postsNav a { display: block; font-size: 16px; font-weight: 600; margin: 0 0 15px; padding: 20px 35px; } @media all and (min-width: 768px) { .postsNav a { display: inline-block; margin: 0 30px 0 0; } } .anchorLinks { background: #f2f2f3; width: 100%; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; color: #414042; letter-spacing: 0.150em; line-height: 1.875; text-align: center; text-transform: uppercase; margin: 0; padding: 30px; } .anchorLinks a { display: block; font-weight: 600 !important; margin: 0 0 10px; } @media all and (min-width: 768px) { .anchorLinks a { display: inline-block; margin: 0; } } .anchorLinks .delimiter { padding: 0 15px; } /*------------------------------*\ Header \*------------------------------*/ #stickyHeader-sticky-wrapper { height: 0 !important; overflow: hidden !important; } #stickyHeader { position: fixed; top: -250px; z-index: 99; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .is-sticky { height: 108px !important; } .is-sticky #stickyHeader { top: 0; } header { position: relative; z-index: 98; } header, #stickyHeader { background: #fff; -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15); width: 100%; margin: 0; } header .headerTopWrapper, #stickyHeader .headerTopWrapper { background: #00457c; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear: both; position: relative; height: 30px; padding: 6px 0; } @media all and (min-width: 992px) { header .headerTopWrapper, #stickyHeader .headerTopWrapper { height: 40px; padding: 11px 0 10px; } } header .headerTopWrapper .headerTop, #stickyHeader .headerTopWrapper .headerTop { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 13px; color: #dcddde; } @media all and (min-width: 992px) { header .headerTopWrapper .headerTop, #stickyHeader .headerTopWrapper .headerTop { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } } header .headerTopWrapper .headerTop .language, #stickyHeader .headerTopWrapper .headerTop .language { float: left; position: relative; line-height: normal; margin: 0 10px 0 0; } @media all and (min-width: 1200px) { header .headerTopWrapper .headerTop .language, #stickyHeader .headerTopWrapper .headerTop .language { margin: 0 15px 0 0; } } header .headerTopWrapper .headerTop .language .languageDropdown, header .headerTopWrapper .headerTop .language .languageDropdownSticky, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky { margin: 0; padding: 0; } header .headerTopWrapper .headerTop .language .languageDropdown dt, header .headerTopWrapper .headerTop .language .languageDropdownSticky dt, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dt, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dt { font-weight: 400; line-height: normal; } header .headerTopWrapper .headerTop .language .languageDropdown dt a, header .headerTopWrapper .headerTop .language .languageDropdownSticky dt a, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dt a, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dt a { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 12px; color: #dcddde; letter-spacing: 0; text-decoration: none; text-transform: uppercase; } @media all and (min-width: 768px) { header .headerTopWrapper .headerTop .language .languageDropdown dt a, header .headerTopWrapper .headerTop .language .languageDropdownSticky dt a, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dt a, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dt a { letter-spacing: 0.100em; } } @media all and (min-width: 1200px) { header .headerTopWrapper .headerTop .language .languageDropdown dt a, header .headerTopWrapper .headerTop .language .languageDropdownSticky dt a, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dt a, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dt a { font-size: 13px; } } header .headerTopWrapper .headerTop .language .languageDropdown dt a:before, header .headerTopWrapper .headerTop .language .languageDropdownSticky dt a:before, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dt a:before, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dt a:before { display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f0ac'; padding-right: 6px; } header .headerTopWrapper .headerTop .language .languageDropdown dt a:after, header .headerTopWrapper .headerTop .language .languageDropdownSticky dt a:after, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dt a:after, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dt a:after { display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f0d7'; padding-left: 4px; } header .headerTopWrapper .headerTop .language .languageDropdown dt a:hover, header .headerTopWrapper .headerTop .language .languageDropdownSticky dt a:hover, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dt a:hover, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dt a:hover { color: #e9ac16; text-decoration: none; } header .headerTopWrapper .headerTop .language .languageDropdown dd, header .headerTopWrapper .headerTop .language .languageDropdownSticky dd, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dd, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dd { display: none; position: relative; } header .headerTopWrapper .headerTop .language .languageDropdown dd ul, header .headerTopWrapper .headerTop .language .languageDropdownSticky dd ul, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dd ul, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dd ul { background: #00457c; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; list-style: none; width: 100%; position: absolute; left: -24px; top: 2px; z-index: 30; padding: 5px 15px; } header .headerTopWrapper .headerTop .language .languageDropdown dd ul li a, header .headerTopWrapper .headerTop .language .languageDropdownSticky dd ul li a, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dd ul li a, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dd ul li a { display: block; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 13px; color: #dcddde; padding: 0; } header .headerTopWrapper .headerTop .language .languageDropdown dd ul li a:hover, header .headerTopWrapper .headerTop .language .languageDropdownSticky dd ul li a:hover, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dd ul li a:hover, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dd ul li a:hover { color: #e9ac16; text-decoration: none; } header .headerTopWrapper .headerTop .language .languageDropdown span.value, header .headerTopWrapper .headerTop .language .languageDropdownSticky span.value, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown span.value, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky span.value { display: none; } header .headerTopWrapper .headerTop .headerNav, #stickyHeader .headerTopWrapper .headerTop .headerNav { flex-grow: 1; float: left; line-height: normal; } header .headerTopWrapper .headerTop .headerNav a.dropdown-toggle, #stickyHeader .headerTopWrapper .headerTop .headerNav a.dropdown-toggle { display: none; } header .headerTopWrapper .headerTop .headerNav .caret, #stickyHeader .headerTopWrapper .headerTop .headerNav .caret { display: none; } header .headerTopWrapper .headerTop .headerNav ul, #stickyHeader .headerTopWrapper .headerTop .headerNav ul { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ margin: 0; padding: 0; } header .headerTopWrapper .headerTop .headerNav ul li, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li { flex-grow: 1; float: left; width: auto; list-style: none; position: static; margin: 0 10px; padding: 0; } @media all and (min-width: 1200px) { header .headerTopWrapper .headerTop .headerNav ul li, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li { margin: 0 15px; } } header .headerTopWrapper .headerTop .headerNav ul li .hitarea, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li .hitarea { cursor: pointer; } header .headerTopWrapper .headerTop .headerNav ul li a, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li a { background: none; border: none; display: block; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 12px; color: #dcddde; letter-spacing: 0.100em; line-height: normal; text-align: center; text-decoration: none; text-transform: uppercase; margin: 0; padding: 0; } @media all and (min-width: 1200px) { header .headerTopWrapper .headerTop .headerNav ul li a, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li a { font-size: 13px; } } header .headerTopWrapper .headerTop .headerNav ul li a:hover, header .headerTopWrapper .headerTop .headerNav ul li a:focus, header .headerTopWrapper .headerTop .headerNav ul li a.active, header .headerTopWrapper .headerTop .headerNav ul li a.activeTrail, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li a:hover, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li a:focus, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li a.active, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li a.activeTrail { background: none; border: none; color: #e9ac16; text-decoration: none; } header .headerTopWrapper .headerTop .headerNav ul li a.dropdown-toggle, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li a.dropdown-toggle { display: none; } header .headerTopWrapper .headerTop .headerNav ul li.first a, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li.first a { margin-left: 0; } header .headerTopWrapper .headerTop .headerNav ul li.last a, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li.last a { margin-right: 0; } header .headerTopWrapper .headerTop .headerNav ul ul, #stickyHeader .headerTopWrapper .headerTop .headerNav ul ul { display: none; } header .headerTopWrapper .headerTop .ecommerceButtons, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons { line-height: normal; text-align: right; } @media all and (min-width: 992px) { header .headerTopWrapper .headerTop .ecommerceButtons, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons { float: left; } } header .headerTopWrapper .headerTop .ecommerceButtons .login, header .headerTopWrapper .headerTop .ecommerceButtons .account, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile, header .headerTopWrapper .headerTop .ecommerceButtons .cart, header .headerTopWrapper .headerTop .ecommerceButtons .search, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .login, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .search { display: inline-block; line-height: normal; margin: 0 0 0 15px; } @media all and (min-width: 992px) { header .headerTopWrapper .headerTop .ecommerceButtons .login, header .headerTopWrapper .headerTop .ecommerceButtons .account, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile, header .headerTopWrapper .headerTop .ecommerceButtons .cart, header .headerTopWrapper .headerTop .ecommerceButtons .search, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .login, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .search { display: block; float: left; text-align: right; margin: 0 0 0 20px; } } @media all and (min-width: 1200px) { header .headerTopWrapper .headerTop .ecommerceButtons .login, header .headerTopWrapper .headerTop .ecommerceButtons .account, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile, header .headerTopWrapper .headerTop .ecommerceButtons .cart, header .headerTopWrapper .headerTop .ecommerceButtons .search, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .login, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .search { margin: 0 0 0 30px; } } header .headerTopWrapper .headerTop .ecommerceButtons .login a, header .headerTopWrapper .headerTop .ecommerceButtons .account a, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a, header .headerTopWrapper .headerTop .ecommerceButtons .cart a, header .headerTopWrapper .headerTop .ecommerceButtons .search a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .login a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .search a { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 12px; color: #dcddde; letter-spacing: 0; text-decoration: none; text-transform: uppercase; } @media all and (min-width: 768px) { header .headerTopWrapper .headerTop .ecommerceButtons .login a, header .headerTopWrapper .headerTop .ecommerceButtons .account a, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a, header .headerTopWrapper .headerTop .ecommerceButtons .cart a, header .headerTopWrapper .headerTop .ecommerceButtons .search a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .login a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .search a { letter-spacing: 0.100em; } } @media all and (min-width: 1200px) { header .headerTopWrapper .headerTop .ecommerceButtons .login a, header .headerTopWrapper .headerTop .ecommerceButtons .account a, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a, header .headerTopWrapper .headerTop .ecommerceButtons .cart a, header .headerTopWrapper .headerTop .ecommerceButtons .search a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .login a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .search a { font-size: 13px; } } @media all and (min-width: 992px) { header .headerTopWrapper .headerTop .ecommerceButtons .login a:hover, header .headerTopWrapper .headerTop .ecommerceButtons .account a:hover, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a:hover, header .headerTopWrapper .headerTop .ecommerceButtons .cart a:hover, header .headerTopWrapper .headerTop .ecommerceButtons .search a:hover, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .login a:hover, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account a:hover, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a:hover, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart a:hover, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .search a:hover { color: #e9ac16; text-decoration: none; } } header .headerTopWrapper .headerTop .ecommerceButtons .account a:after, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a:after, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account a:after, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a:after { display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f103'; padding-left: 5px; } @media all and (min-width: 992px) { header .headerTopWrapper .headerTop .ecommerceButtons .account a:after, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a:after, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account a:after, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile a:after { display: none; } } header .headerTopWrapper .headerTop .ecommerceButtons .account.open a:after, header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile.open a:after, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account.open a:after, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile.open a:after { content: '\f102'; } header .headerTopWrapper .headerTop .ecommerceButtons .account, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account { display: none; } @media all and (min-width: 992px) { header .headerTopWrapper .headerTop .ecommerceButtons .account, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .account { display: inline-block; } } @media all and (min-width: 992px) { header .headerTopWrapper .headerTop .ecommerceButtons .accountMobile, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .accountMobile { display: none; } } header .headerTopWrapper .headerTop .ecommerceButtons .cart, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart { margin: 0 0 0 20px; } @media all and (min-width: 1200px) { header .headerTopWrapper .headerTop .ecommerceButtons .cart, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart { margin: 0 0 0 30px; } } header .headerTopWrapper .headerTop .ecommerceButtons .cart a:before, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart a:before { display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f07a'; padding-right: 5px; } header .headerTopWrapper .headerTop .ecommerceButtons .search a:before, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .search a:before { display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f002'; } header .headerWrapper, #stickyHeader .headerWrapper { padding: 0; } header .headerWrapper .headerBottom, #stickyHeader .headerWrapper .headerBottom { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; } header .headerWrapper .headerBottom .headerLeft .logo, #stickyHeader .headerWrapper .headerBottom .headerLeft .logo { position: relative; z-index: 4; padding: 30px 0; } header .headerWrapper .headerBottom .headerLeft .logo img, #stickyHeader .headerWrapper .headerBottom .headerLeft .logo img { width: auto; max-width: 145px; max-height: 72px; } @media all and (min-width: 768px) { header .headerWrapper .headerBottom .headerLeft .logo img, #stickyHeader .headerWrapper .headerBottom .headerLeft .logo img { max-width: 200px; } } @media all and (min-width: 992px) { header .headerWrapper .headerBottom .headerLeft .logo img, #stickyHeader .headerWrapper .headerBottom .headerLeft .logo img { height: auto; max-height: none; } } header .headerWrapper .headerBottom .headerRight, #stickyHeader .headerWrapper .headerBottom .headerRight { text-align: right; margin: 21px 0; } header .headerWrapper .headerBottom .headerRight .search, #stickyHeader .headerWrapper .headerBottom .headerRight .search { max-width: 507px; position: absolute; right: -34px; padding: 0; } header .headerWrapper .headerBottom .headerRight .search .input, #stickyHeader .headerWrapper .headerBottom .headerRight .search .input { background: #f1f2f2; border: none; -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); height: 52px; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 18px; font-style: italic; color: #939598; } header .headerWrapper .headerBottom .headerRight .search .input-group-btn, #stickyHeader .headerWrapper .headerBottom .headerRight .search .input-group-btn { font-size: inherit; right: 50px; z-index: 5; } header .headerWrapper .headerBottom .headerRight .search .input-group-btn .submit, #stickyHeader .headerWrapper .headerBottom .headerRight .search .input-group-btn .submit { background: none; font-size: 21px; color: #00457c; padding: 7px 14px; } header .headerWrapper .headerBottom .headerRight .search .input-group-btn .submit:after, #stickyHeader .headerWrapper .headerBottom .headerRight .search .input-group-btn .submit:after { display: none; } header .headerWrapper .headerBottom .headerRight .search .input-group-btn .submit i.fa, #stickyHeader .headerWrapper .headerBottom .headerRight .search .input-group-btn .submit i.fa { font-size: 21px; } header .headerWrapper .headerBottom .headerRight .search .input-group-btn .submit:hover, #stickyHeader .headerWrapper .headerBottom .headerRight .search .input-group-btn .submit:hover { color: #2d96d6; } header .headerWrapper .headerBottom .noAccountWrapper, #stickyHeader .headerWrapper .headerBottom .noAccountWrapper { font-family: "canada-type-gibson", sans-serif; font-weight: 300; font-size: 13px; color: #00457c; padding: 0; } header .headerWrapper .headerBottom .noAccountWrapper .noAccount, #stickyHeader .headerWrapper .headerBottom .noAccountWrapper .noAccount { padding: 13px 0; } header .headerWrapper .headerBottom .noAccountWrapper .noAccount a, #stickyHeader .headerWrapper .headerBottom .noAccountWrapper .noAccount a { font-weight: 600; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft { margin: 10px 0; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft a.dropdown-toggle, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft a.dropdown-toggle { display: none; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft .caret, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft .caret { display: none; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul { margin: 0; padding: 0; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li { float: left; width: auto; list-style: none; position: static; margin: 0 15px 0 0; padding: 0; } @media all and (min-width: 1200px) { header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li { margin: 0 18px 0 0; } } header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li .hitarea, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li .hitarea { cursor: pointer; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a { background: none; border: none; display: block; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 13px; color: #2d96d6; letter-spacing: 0; line-height: normal; text-align: center; text-decoration: none; text-transform: none; margin: 0; padding: 0; } @media all and (min-width: 1200px) { header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a { font-size: 14px; } } header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a:hover, header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a.active, header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a.activeTrail, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a:hover, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a.active, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a.activeTrail { background: none; border: none; color: #e9ac16; text-decoration: none; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a:focus, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a:focus { } header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a.dropdown-toggle, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a.dropdown-toggle { display: none; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul ul, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul ul { display: none; } header .headerWrapper .headerBottom .registeredMenu .registeredRight, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight { text-align: right; margin: 0 0 15px; } header .headerWrapper .headerBottom .registeredMenu .registeredRight select, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight select { background: #fff; border: solid 1px #dcddde; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 3px rgba(0, 0, 0, 0.05); width: 100%; height: 35px; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 13px; color: #414042; margin: 0; } header .headerWrapper .headerBottom .registeredMenu .registeredRight .account, header .headerWrapper .headerBottom .registeredMenu .registeredRight .order, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight .account, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight .order { float: left; width: 50%; } header .headerWrapper .headerBottom .registeredMenu .registeredRight .account, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredRight .account { width: calc(50% - 23px); margin-right: 23px; } .mobileNoAccountWrapper { background: #00457c; position: relative; margin-bottom: -1px; } .mobileNoAccountWrapper .mobileNoAccount { font-family: "canada-type-gibson", sans-serif; font-weight: 300; border-bottom: solid 1px #033a66; font-size: 16px; color: #fff; margin-bottom: 10px; padding-top: 15px; padding-bottom: 15px; } .mobileNoAccountWrapper .mobileNoAccount a { font-weight: 600; color: #fab816; } .mobileAccountWrapper { background: #00457c; display: none; } .mobileAccountWrapper .mobileAccount { padding-top: 10px; padding-bottom: 20px; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu { display: block; text-align: left; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu a.dropdown-toggle { display: none; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu .caret { display: none; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu ul { display: block; margin: 0; padding: 0; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu ul li { display: block; list-style: none; position: static; margin: 0; padding: 0; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu ul li .hitarea { cursor: pointer; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu ul li a { background: none; border: none; display: block; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; color: #fab816; letter-spacing: 0.100em; line-height: normal; text-align: left; text-decoration: none; text-transform: uppercase; margin: 15px 0; padding: 0; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu ul li a.dropdown-toggle { display: none; } .mobileAccountWrapper .mobileAccount .mobileAccountMenu ul ul { display: none; } .mobileAccountWrapper .mobileAccount .mobileAccountSelects { border-top: solid 1px #033a66; margin-top: 25px; padding-top: 20px; } .mobileAccountWrapper .mobileAccount .mobileAccountSelects select { background: #fff; border: solid 1px #dcddde; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 3px rgba(0, 0, 0, 0.05); width: 100%; height: 35px; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 16px; color: #414042; margin: 0; } .mobileAccountWrapper .mobileAccount .mobileAccountSelects .account, .mobileAccountWrapper .mobileAccount .mobileAccountSelects .order { float: none; width: 100%; } .mobileAccountWrapper .mobileAccount .mobileAccountSelects .account select { margin-bottom: 20px; } .hiddenSearch { background: #00457c; display: none; } .hiddenSearch .search { float: right; width: 99%; position: relative; right: 0; padding: 15px 0 15px 15px; } .hiddenSearch .search .input { background: #f1f2f2; border: none; -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); width: 100%; height: 52px; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 18px; font-style: italic; color: #939598; } .hiddenSearch .search .input-group-btn { font-size: inherit; right: 50px; z-index: 5; } .hiddenSearch .search .input-group-btn .submit { background: none; font-size: 21px; color: #00457c; padding: 7px 14px; } .hiddenSearch .search .input-group-btn .submit:after { display: none; } .hiddenSearch .search .input-group-btn .submit i.fa { font-size: 21px; } .hiddenSearch .search .input-group-btn .submit:hover { color: #2d96d6; } .hiddenSearch .closeBtn { float: right; width: 1%; position: relative; left: -19px; z-index: 2; padding: 26px 0 0 0; } .hiddenSearch .closeBtn a i { font-size: 20px; color: #fff; } .hiddenSearch .closeBtn a:hover i { color: #e9ac16; } #stickyHeader .logoSticky { margin-top: -5px; } #stickyHeader .language { margin: 0 5px 0 30px !important; } #stickyHeader .headerNav ul li { margin: 0 5px !important; } #stickyHeader .ecommerceButtons .login, #stickyHeader .ecommerceButtons .account, #stickyHeader .ecommerceButtons .accountMobile, #stickyHeader .ecommerceButtons .cart, #stickyHeader .ecommerceButtons .search { margin: 0 !important; } #stickyHeader .ecommerceButtons .account a:after { padding-left: 0 !important; } #stickyHeader .ecommerceButtons .cart { margin: 0 15px !important; } #stickyHeader .ecommerceButtons .cart a:before { padding-right: 0 !important; } #stickyHeader .registeredLeft { margin: 20px 0 !important; } #stickyHeader .registeredRight { margin: 10px 0 !important; } #stickyHeader .noAccountWrapper { float: none !important; width: 100% !important; } #stickyHeader .noAccountWrapper .noAccount { text-align: right !important; padding: 13px 15px !important; } /*------------------------------*\ Top Nav \*------------------------------*/ @media (min-width: 768px) and (max-width: 991px) { #primaryNav.collapse, .navbar #primaryNav { display: none !important; } #primaryNav.in { display: block !important; } } .navbar { background: none; -moz-border-radius: none; -webkit-border-radius: none; border-radius: none; border: none; min-height: 0; margin: 0; padding: 0; } @media (min-width: 768px) { .navbar { margin: 0 15px; } } .navbar .navbar-toggle { background-color: #2d96d6; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; position: relative; z-index: 99; margin: -67px 0 0; padding: 12px 15px; } @media (min-width: 768px) { .navbar .navbar-toggle { display: block; } } @media (min-width: 992px) { .navbar .navbar-toggle { display: none; } } .navbar .navbar-toggle .fa-bars { font-size: 23px; color: #fff; } .navbar .navbar-toggle .menuText { font-family: "canada-type-gibson", sans-serif; font-weight: 600; display: inline-block; font-size: 15px; color: #fff; text-transform: uppercase; vertical-align: top; margin-left: 12px; } .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { background-color: #2d96d6; } @media (min-width: 992px) { .navbar .primaryNavWrapper { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ background: none; border-top: solid 2px #f1f2f2; margin: 0; padding: 0; } } .navbar .navTitle { flex-grow: 1; float: left; width: 10%; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 14px; color: #a7a9ac; text-transform: uppercase; padding: 22px 0 18px; } .navbar #primaryNav { background: #fff; border: none; max-height: none; margin: 0 -15px; padding: 0; } @media (min-width: 768px) { .navbar #primaryNav { margin: 0 -40px; } } @media (min-width: 992px) { .navbar #primaryNav { background: none; flex-grow: 1; width: 100%; margin: 0; } } @media (min-width: 992px) { .navbar #primaryNav .mobile-tr { display: none; } } .navbar #primaryNav .search-bar { background: #e6e7e8; -webkit-box-shadow: inset 0 -5px 5px -5px rgba(0, 0, 0, 0.2), inset 0 5px 5px -5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 -5px 5px -5px rgba(0, 0, 0, 0.2), inset 0 5px 5px -5px rgba(0, 0, 0, 0.2); clear: both; margin: 0; } .navbar #primaryNav .search-bar form { margin: 0; padding: 30px 15px; } .navbar #primaryNav .search-bar form .input-group { width: 100%; } .navbar #primaryNav .search-bar form .input-group .input { background: #fff; border: solid 1px #d1d3d4; -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); width: 100%; height: 52px; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 18px; font-style: italic; color: #939598; } .navbar #primaryNav .search-bar form .input-group .input-group-btn { font-size: inherit; position: absolute; right: 50px; top: 0; z-index: 5; } .navbar #primaryNav .search-bar form .input-group .input-group-btn .submit { background: none; font-size: 21px; color: #00457c; padding: 7px 14px; } .navbar #primaryNav .search-bar form .input-group .input-group-btn .submit:after { display: none; } .navbar #primaryNav .search-bar form .input-group .input-group-btn .submit i.fa { font-size: 21px; } .navbar #primaryNav ul { float: none; margin: 0; padding: 0; } @media (min-width: 992px) { .navbar #primaryNav ul { background: none; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ float: right; width: 100%; text-align: right; } } .navbar #primaryNav ul li { border-top: 1px solid #d1d3d4; display: block; float: none; margin: 0; } @media (min-width: 992px) { .navbar #primaryNav ul li { display: inline-block; border: none; flex-grow: 1; margin: 0; } } .navbar #primaryNav ul li > .caret { display: none; } .navbar #primaryNav ul li > .caret:after { content: ''; } .navbar #primaryNav ul li a, .navbar #primaryNav ul li a:focus { background-color: transparent !important; display: block; position: relative; z-index: 8; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 20px; color: #2d96d6; line-height: 1; text-decoration: none; text-transform: uppercase; white-space: normal; padding: 20px; } @media (min-width: 992px) { .navbar #primaryNav ul li a, .navbar #primaryNav ul li a:focus { border-bottom: solid 2px #fff; display: inline-block; font-size: 20px; color: #005581; text-transform: none; margin: 0; padding: 22px 0 20px; } .navbar #primaryNav ul li a:after, .navbar #primaryNav ul li a:focus:after { content: ''; } } @media (min-width: 1200px) { .navbar #primaryNav ul li a, .navbar #primaryNav ul li a:focus { font-size: 22px; } } .navbar #primaryNav ul li.active a, .navbar #primaryNav ul li a:hover, .navbar #primaryNav ul li.current-page-ancestor a, .navbar #primaryNav ul li.current-menu-ancestor a, .navbar #primaryNav ul li.current-menu-parent a, .navbar #primaryNav ul li.current-page-parent a { background: none; color: #00457c; } @media (min-width: 992px) { .navbar #primaryNav ul li.active a, .navbar #primaryNav ul li a:hover, .navbar #primaryNav ul li.current-page-ancestor a, .navbar #primaryNav ul li.current-menu-ancestor a, .navbar #primaryNav ul li.current-menu-parent a, .navbar #primaryNav ul li.current-page-parent a { border-bottom: solid 2px #6cb5e2; color: #029ef0; } } .navbar #primaryNav ul li.dropdown { background: none; position: relative; } .navbar #primaryNav ul li.dropdown:before { content: ''; margin: 0; } .navbar #primaryNav ul li.dropdown .caret { border: none; cursor: pointer; display: block; width: 55px; height: 40px; position: absolute; top: 0; right: 0; z-index: 19; text-align: center; margin: 10px 0 0; } .navbar #primaryNav ul li.dropdown .caret:before { content: '\f067'; display: block; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; color: #00457c; margin: 8px 0 0; } @media (min-width: 992px) { .navbar #primaryNav ul li.dropdown .caret { display: none; } } .navbar #primaryNav ul li.open { background-color: #e6e7e8; } .navbar #primaryNav ul li.open > .dropdown-menu { background: none; border: none; -webkit-box-shadow: none; box-shadow: none; display: block; float: none; width: 100%; position: relative; } .navbar #primaryNav ul li.open > .caret:before { content: '\f068' !important; } .navbar #primaryNav ul li ul { margin: 0; padding: 0; } @media (min-width: 992px) { .navbar #primaryNav ul li ul { display: none; } } .navbar #primaryNav ul li ul li { border-top: 1px solid #d1d3d4; float: none; margin: 0 0 0 25px; } .navbar #primaryNav ul li ul li a, .navbar #primaryNav ul li ul li a:focus { background-color: transparent !important; font-size: 16px; font-weight: normal; text-transform: none; padding: 20px !important; } .navbar #primaryNav ul li ul li.open { background-color: #e6e7e8; } .navbar #primaryNav ul li ul li.open > a { border: none; } .navbar #primaryNav ul li ul li ul { margin: 0; padding: 0; } @media (min-width: 992px) { .navbar #primaryNav ul li ul li ul { display: none; } } .navbar #primaryNav ul li ul li ul li { border-top: 1px solid #d1d3d4; float: none; margin: 0 0 0 45px; } .navbar #primaryNav ul li ul li ul li a, .navbar #primaryNav ul li ul li ul li a:focus { background-color: transparent !important; font-size: 16px; font-weight: normal; padding: 20px !important; } .navbar .bottom-close { background: #00457c; border: none; display: block; width: 100%; line-height: 0; vertical-align: top; padding: 24px 20px; } .navbar .bottom-close .closeText { float: left; width: 50%; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 18px; color: #fab816; letter-spacing: 0.150em; line-height: 0; text-align: left; text-transform: uppercase; } .navbar .bottom-close .closeX { float: right; width: 50%; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 26px; color: #fab816; letter-spacing: 0.150em; line-height: 0; text-align: right; } /*------------------------------*\ Home \*------------------------------*/ /*------------------------------*\ Home Styles \*------------------------------*/ body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent { padding-left: 0; padding-right: 0; padding-bottom: 30px; } @media all and (min-width: 768px) { body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent { padding-left: 0; padding-right: 100px; padding-bottom: 0; } } body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent h1 { font-size: 50px; } @media all and (min-width: 992px) { body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent h1 { font-size: 50px; } } body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent p { font-size: 18px; color: #6d6e71; line-height: 1.66667; } @media all and (min-width: 992px) { body.home-page div#template div#contentAreaWrapper div#contentArea .homeContent p { font-size: 24px; color: #6d6e71; line-height: 1.66667; } } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav { padding-left: 0; padding-right: 0; } @media all and (min-width: 768px) { body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav { padding-left: 15px; padding-right: 0; } } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul { background: none; display: block; margin: 0; padding: 0; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul.dropdown-menu { float: none; min-width: 10px; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li { background: none; border-bottom: solid 1px #dcddde; display: block; float: none; margin: 0; padding: 0; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li.dropdown { position: relative; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink { background: none; border: none; display: block; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 18px; color: #2d96d6; letter-spacing: 0.150em; line-height: 16px; text-transform: uppercase; text-decoration: none; white-space: normal !important; margin: 0; padding: 26px 5px 26px 0; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a:after, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink:after { display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\00a0\f178'; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a:hover, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a:focus, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a.active, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink:hover, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink:focus, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink.active { background: none; border: none; color: #fab816; text-decoration: none; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a.dropdown-toggle, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink.dropdown-toggle { background: none; border: none; display: none; float: none; width: 27px; min-height: 30px; position: absolute; top: 0; right: 0; margin: 0; padding: 0; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a.dropdown-toggle b.caret, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink.dropdown-toggle b.caret { border: none; display: none; position: absolute; top: 30%; right: 70%; margin: 0; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a.dropdown-toggle:hover, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a.dropdown-toggle.selected, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li a.dropdown-toggle.activeTrail, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink.dropdown-toggle:hover, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink.dropdown-toggle.selected, body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink.dropdown-toggle.activeTrail { background: none; } body.home-page div#template div#contentAreaWrapper div#contentArea .homeNav ul li .nolink { cursor: default; } .productBlockWrapper { padding: 40px 0 10px; } @media all and (min-width: 992px) { .productBlockWrapper { padding: 60px 0 30px; } } @media all and (min-width: 768px) { .productBlockWrapper .container-fluid { text-align: center; } } @media all and (min-width: 992px) { .productBlockWrapper .container-fluid { padding: 0; } } .productBlockWrapper a .product { position: relative; margin: 0 0 30px; } .productBlockWrapper a .product .productImage { width: 100%; position: relative; z-index: 1; } .productBlockWrapper a .product .productImage:before { background: #00457c; background: rgba(0, 69, 124, 0.4); content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .productBlockWrapper a .product .productImage img { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); width: 100%; } .productBlockWrapper a .product .productName { display: inline-block; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 17px; color: #00457c; line-height: 1.17647; margin-top: 5px; } @media all and (min-width: 768px) { .productBlockWrapper a .product .productName { position: absolute; left: 30px; top: 15px; z-index: 2; color: #fff; margin-top: 0; } } @media all and (min-width: 992px) { .productBlockWrapper a .product .productName { font-size: 24px; line-height: 1.45833; } } @media all and (min-width: 992px) { .productBlockWrapper a:hover .productImage:before { background: rgba(0, 69, 124, 0.8); } } .servicesBlockWrapper { background: #f1f2f2; -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); text-align: center; padding: 30px 0 15px; } @media all and (min-width: 768px) { .servicesBlockWrapper { padding: 50px 0 20px; } } @media all and (min-width: 992px) { .servicesBlockWrapper { text-align: left; padding: 70px 0 40px; } } .servicesBlockWrapper .container-fluid { text-align: center; } @media all and (min-width: 992px) { .servicesBlockWrapper .container-fluid { padding: 0; } } .servicesBlockWrapper a .service { position: relative; text-align: center; margin: 0 0 15px; } @media all and (min-width: 768px) { .servicesBlockWrapper a .service { margin: 0 0 30px; } } .servicesBlockWrapper a .service .serviceImage { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; width: 100%; position: relative; z-index: 1; } .servicesBlockWrapper a .service .serviceImage:before { background: #00457c; background: rgba(0, 69, 124, 0); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; } .servicesBlockWrapper a .service .serviceImage:after { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.35); box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.35); content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; } .servicesBlockWrapper a .service .serviceImage img { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; width: 100%; position: relative; z-index: 1; } .servicesBlockWrapper a .service .serviceName { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 13px; color: #00457c; letter-spacing: 0; line-height: 1.07692; text-transform: uppercase; padding: 20px 5px 0; } @media all and (min-width: 768px) { .servicesBlockWrapper a .service .serviceName { font-size: 14px; letter-spacing: 0.100em; line-height: 1.21429; padding: 20px 30px 0; } } @media all and (min-width: 992px) { .servicesBlockWrapper a .service .serviceName { font-size: 18px; letter-spacing: 0.100em; line-height: 1.16667; } } @media all and (min-width: 992px) { .servicesBlockWrapper a:hover .serviceImage:before { background: rgba(0, 69, 124, 0.8); } } .servicesBlockWrapper a:hover .serviceName { color: #3091cd; } div.featuredContentWrapper { background: url(/resources/images/homepage/3col-BlueBackground.jpg) 0 0 no-repeat; background-size: cover; padding: 40px 0 50px; } @media all and (min-width: 768px) { div.featuredContentWrapper { padding: 40px 0; } } @media all and (min-width: 992px) { div.featuredContentWrapper { text-align: left; padding: 80px 0; } } @media all and (min-width: 768px) { div.featuredContentWrapper div.featuredContentBlock { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } } div.featuredContentWrapper div.featuredContentBlock div.featuredContent { margin-bottom: 30px; } @media all and (min-width: 768px) { div.featuredContentWrapper div.featuredContentBlock div.featuredContent { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ margin-bottom: 0; } } div.featuredContentWrapper div.featuredContentBlock div.featuredContent div.content { background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); position: relative; padding: 40px; } div.featuredContentWrapper div.featuredContentBlock div.featuredContent div.content h5 { position: relative; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 21px; color: #00457c; letter-spacing: 0; line-height: 1.14286; text-transform: uppercase; margin: 0 0 20px; padding: 0 0 28px; } div.featuredContentWrapper div.featuredContentBlock div.featuredContent div.content h5:after { background: #dcddde; content: ''; width: 100%; height: 4px; position: absolute; bottom: 0; left: 0; } div.featuredContentWrapper div.featuredContentBlock div.featuredContent div.content a { font-weight: bold; } /*------------------------------*\ Left - MightMenu \*------------------------------*/ div#template div#left { padding-top: 70px; padding-bottom: 70px; } div#MightyMenu { background: none; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 1; margin: 0; padding: 0; /* end */ } div#MightyMenu ul { background: none; display: block; margin: 0; padding: 0; } div#MightyMenu ul.dropdown-menu { background: none; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; float: none; position: static; min-width: 10px; } div#MightyMenu ul li { background: none; border: none; border-bottom: solid 1px #dcddde; display: block; float: none; margin: 0; padding: 0; } div#MightyMenu ul li.dropdown { position: relative; } div#MightyMenu ul li a, div#MightyMenu ul li .nolink { background: none; border: none; display: block; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 14px; font-weight: normal; color: #2d96d6; letter-spacing: 0.100em; line-height: 1.28571; text-decoration: none; text-transform: uppercase; white-space: normal !important; margin: 0; padding: 14px 5px 14px 0; } div#MightyMenu ul li a:after, div#MightyMenu ul li .nolink:after { content: ''; } div#MightyMenu ul li a:hover, div#MightyMenu ul li a:focus, div#MightyMenu ul li a.active, div#MightyMenu ul li .nolink:hover, div#MightyMenu ul li .nolink:focus, div#MightyMenu ul li .nolink.active { color: #00457c; text-decoration: none; } div#MightyMenu ul li a.dropdown-toggle, div#MightyMenu ul li .nolink.dropdown-toggle { background: none; border: none; display: none; float: none; width: 27px; min-height: 30px; position: absolute; top: 0; right: 0; margin: 0; padding: 0; } div#MightyMenu ul li a.dropdown-toggle b.caret, div#MightyMenu ul li .nolink.dropdown-toggle b.caret { border: none; display: none; position: absolute; top: 30%; right: 70%; margin: 0; } div#MightyMenu ul li a.dropdown-toggle:hover, div#MightyMenu ul li a.dropdown-toggle.selected, div#MightyMenu ul li a.dropdown-toggle.active, div#MightyMenu ul li .nolink.dropdown-toggle:hover, div#MightyMenu ul li .nolink.dropdown-toggle.selected, div#MightyMenu ul li .nolink.dropdown-toggle.active { background: none; } div#MightyMenu ul li .nolink { cursor: default; } div#MightyMenu ul li ul { background: none; border: none; display: block; margin: -10px 0 0; padding: 0 0 10px; } div#MightyMenu ul li ul li { background: none; border: none; cursor: pointer; display: block; margin: 0; padding: 0; } div#MightyMenu ul li ul li a, div#MightyMenu ul li ul li .nolink { background: none; border: none; display: block; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 14px; font-weight: normal; color: #6d6e71; letter-spacing: 0; line-height: 1.28571; text-decoration: none; text-transform: none; white-space: normal !important; margin: 0; padding: 8px 5px 8px 20px; } div#MightyMenu ul li ul li a:before, div#MightyMenu ul li ul li .nolink:before { content: ''; } div#MightyMenu ul li ul li a:hover, div#MightyMenu ul li ul li a.selected, div#MightyMenu ul li ul li a.active, div#MightyMenu ul li ul li .nolink:hover, div#MightyMenu ul li ul li .nolink.selected, div#MightyMenu ul li ul li .nolink.active { color: #00457c; } div#MightyMenu ul li ul li ul { background: none; border: none; display: block; margin: 0; padding: 0 0 10px; } div#MightyMenu ul li ul li ul li { background: none; border: none; cursor: pointer; display: block; margin: 0; padding: 0; } div#MightyMenu ul li ul li ul li a, div#MightyMenu ul li ul li ul li .nolink { background: none; border: none; display: block; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 13px; font-weight: normal; color: #6d6e71; letter-spacing: 0; line-height: 1.30769; text-decoration: none; text-transform: none; white-space: normal !important; margin: 0; padding: 7px 5px 7px 40px; } div#MightyMenu ul li ul li ul li a:before, div#MightyMenu ul li ul li ul li .nolink:before { content: ''; } div#MightyMenu ul li ul li ul li a:hover, div#MightyMenu ul li ul li ul li a.selected, div#MightyMenu ul li ul li ul li a.active, div#MightyMenu ul li ul li ul li .nolink:hover, div#MightyMenu ul li ul li ul li .nolink.selected, div#MightyMenu ul li ul li ul li .nolink.active { color: #00457c; } div#MightyMenu ul li.open > ul, div#MightyMenu ul li.toggle-lock > ul { display: block; } /* end */ /*------------------------------*\ Right - Sidebar \*------------------------------*/ div#sidebar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 50px; } @media all and (min-width: 768px) { div#sidebar { padding-top: 50px; } } @media all and (min-width: 992px) { div#sidebar { position: relative; z-index: 1; padding-top: 70px; padding-bottom: 70px; } } div#sidebar ul { padding: 0; } div#sidebar .sideBar_ElementHolder { height: auto; margin: 0; padding: 0; } div#sidebar .sideBar_ElementHolder p a { word-break: break-all; } div#sidebar .sideBar_ElementHolder a.button { display: block; } @media all and (min-width: 768px) { div#sidebar .sideBar_ElementHolder a.button { display: inline-block; } } div#sidebar .sideBar_Spacer { clear: both; width: 100%; height: 50px; text-align: center; margin: 0; } div#sidebar .sideBar_ElementHolder .sideBar_Caption { background: none; -webkit-box-shadow: none; box-shadow: none; height: auto; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 14px; color: #6d6e71; letter-spacing: 0; line-height: 1.28571; text-align: left; margin: 0; padding: 15px 0 0; } div#sidebar .sideBar_ElementHolder .sideBar_Caption p { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 14px; color: #6d6e71; letter-spacing: 0; line-height: 1.28571; margin: 0; } div#sidebar .sideBar_pop { position: relative; cursor: pointer; } div#sidebar .sideBar_ElementHolder .sideBar_ImageHolder { height: auto; text-align: center; margin: 0; padding: 0; } div#sidebar .sideBar_ElementHolder .sideBar_ImageHolder .sidebar_Image { position: relative; } div#sidebar .sideBar_ElementHolder .sideBar_ImageHolder .sidebar_Image img { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); width: 100%; vertical-align: middle; } div#sidebar .sideBar_ElementHolder .sideBar_VideoHolder { cursor: pointer; height: auto; text-align: center; margin: 0; padding: 0; } div#sidebar .sideBar_ElementHolder .sideBar_VideoHolder .sideBar_VideoInner { position: relative; margin: 0; padding: 0; } div#sidebar .sideBar_ElementHolder .sideBar_VideoHolder .sideBar_VideoInner .sideBar_ThumbNail { position: relative; z-index: 1; } div#sidebar .sideBar_ElementHolder .sideBar_VideoHolder .sideBar_VideoInner .sideBar_ThumbNail:before { background: #1d1f21; background: rgba(29, 31, 33, 0.7); content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } div#sidebar .sideBar_ElementHolder .sideBar_VideoHolder .sideBar_VideoInner .sideBar_ThumbNail img { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); width: 100%; position: relative; z-index: 1; vertical-align: middle; } div#sidebar .sideBar_ElementHolder .sideBar_VideoHolder .sideBar_PlayImage { background: none; border: none; width: 35px; height: 45px; position: absolute; top: 50%; left: 50%; z-index: 3; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); margin: 0; } div#sidebar .sideBar_ElementHolder .sideBar_VideoHolder .sideBar_PlayImage i.fa { font-size: 45px; color: #fab816; } div#sidebar .sideBar_ElementHolder .sideBar_VideoHolder .sideBar_VideoInner:hover i.fa { color: #2d96d6; } div#sidebar .sideBar_ElementHolder .sideBar_ContentHolder { border: solid 2px #dcddde; -webkit-box-shadow: none; box-shadow: none; height: auto; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #58595b; line-height: 2; text-align: left; margin: 0; padding: 30px; } div#sidebar .sideBar_ElementHolder .sideBar_ContentHolder h3 { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 21px; color: #00457c; letter-spacing: 0; line-height: 1.19048; text-transform: uppercase; margin: 0; padding: 0 0 15px; } div#sidebar .sideBar_ElementHolder .sideBar_ContentHolder h5 { font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: normal; color: #58595b; letter-spacing: 0; line-height: 1.14286; text-transform: none; margin: 0; padding: 10px 0 15px; } div#sidebar .sideBar_ElementHolder .sideBar_ContentHolder p { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #5d5d5d; line-height: 2; margin: 0 0 20px; } div#sidebar .sideBar_ElementHolder .sideBar_ContentHolder p:last-of-type { margin: 0; } div#sidebar .sideBar_ElementHolder .sideBar_ContentHolder p.address { margin: 0 0 15px; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder { background: #f2f2f3; border: none; -webkit-box-shadow: none; box-shadow: none; height: auto; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #58595b; line-height: 2; text-align: left; margin: 0; padding: 30px; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder h3 { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 21px; color: #00457c; letter-spacing: 0; line-height: 1.19048; text-transform: uppercase; margin: 0; padding: 0 0 15px; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form { margin-top: 5px; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input { background: #fff; border: solid 1px #d1d3d4; -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); height: 60px; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 18px; font-style: italic; color: #939598; padding: 0 15px; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn { font-size: inherit; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit { background: #2d96d6; font-size: 24px; color: #fff; line-height: 0; margin: 0; padding: 18px; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit:after { display: none; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit i.fa { font-size: 24px; color: #fff; } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit:hover, div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit:active { background: #00457c; color: #fff !important; text-decoration: none; } @media all and (min-width: 768px) { div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit:hover, div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit:active { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } } div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit:hover i.fa, div#sidebar .sideBar_ElementHolder .sideBar_FormHolder form .input-group-btn .submit:active i.fa { color: #fff; } div#sidebar div.sideBar_GoogleMapHolder div.sideBar_GoogleMap { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); width: 100%; height: 310px; overflow: hidden; margin: 0; padding: 0; } div#sidebar div.sideBar_GoogleMapHolder div.sideBar_GoogleMap img { width: 100%; max-width: none; height: 310px; } div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #5d5d5d; line-height: 27px; text-align: left; margin: 0; padding: 0; } @media all and (min-width: 768px) { div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList { padding: 30px 0 0; } } div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress { overflow: hidden; margin: 0; } div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress .sideBar_MapAddressElement { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #5d5d5d; line-height: 27px; } div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress .sideBar_MapAddressElement.phone { margin-top: 15px; } div#sidebar div.sideBar_GoogleMapHolder div.sideBar_MapList .sideBar_MapListAddress .sideBar_MapAddressElementClickable { cursor: pointer; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 21px; color: #00457c; letter-spacing: 0; line-height: 1.19048; text-transform: uppercase; margin: 0; padding: 0 0 15px; } /*------------------------------*\ Blog \*------------------------------*/ .blog-page { /*------------------------------*\ Sidebar \*------------------------------*/ } .blog-page .back { margin-top: 0; } .blog-page #menu { padding: 0; } .blog-page #menu ul { margin: 0; padding-left: 0; } .blog-page #menu ul li { list-style-type: none; } .blog-page #menu .widget { border: solid 2px #dcddde; -webkit-box-shadow: none; box-shadow: none; height: auto; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #58595b; line-height: 2; text-align: left; margin: 0 0 30px; padding: 30px; } .blog-page #menu .widget h3 { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 21px; color: #00457c; letter-spacing: 0; line-height: 1.19048; text-transform: uppercase; margin: 0; padding: 0 0 15px; } .blog-page #menu .widget p { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #5d5d5d; line-height: 27px; } .blog-page #menu .widget a { color: #2d96d6; text-decoration: none; } .blog-page #menu .widget a:hover { color: #00457c; text-decoration: none; } .blog-page #menu .widget li { font-size: 15px; font-weight: bold; color: #2d96d6; line-height: 30px; margin: 0 0 8px; padding: 0; } .blog-page #menu .widget-search, .blog-page #menu .widget-newsletter { background: #f2f2f3; border: none; } .blog-page #menu .widget-search form { margin: 0; } .blog-page #menu .widget-search form .input { background: #fff; border: solid 1px #d1d3d4; -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); height: 60px; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 18px; font-style: italic; color: #939598; padding: 0 15px; } .blog-page #menu .widget-search form .input-group-btn { font-size: inherit; } .blog-page #menu .widget-search form .input-group-btn .submit { background: #2d96d6; font-size: 24px; color: #fff; line-height: 0; margin: 0; padding: 18px; } .blog-page #menu .widget-search form .input-group-btn .submit:after { display: none; } .blog-page #menu .widget-search form .input-group-btn .submit i.fa { font-size: 24px; color: #fff; } .blog-page #menu .widget-search form .input-group-btn .submit:hover, .blog-page #menu .widget-search form .input-group-btn .submit:active { background: #00457c; color: #fff !important; text-decoration: none; } @media all and (min-width: 768px) { .blog-page #menu .widget-search form .input-group-btn .submit:hover, .blog-page #menu .widget-search form .input-group-btn .submit:active { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } } .blog-page #menu .widget-search form .input-group-btn .submit:hover i.fa, .blog-page #menu .widget-search form .input-group-btn .submit:active i.fa { color: #fff; } .blog-page #menu .widget-newsletter form { margin: 0; } .blog-page #menu .widget-newsletter form .input-group { display: block; width: 100%; position: relative; right: auto; } .blog-page #menu .widget-newsletter form .input-group .input { background: #fff; border: solid 1px #d1d3d4; -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); height: 60px; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 18px; font-style: italic; color: #939598; padding: 0 15px; } .blog-page #menu .widget-newsletter form .input-group .input-group-btn { font-size: inherit; position: absolute; right: 40px; top: 18px; z-index: 5; } @media (min-width: 768px) { .blog-page #menu .widget-newsletter form .input-group .input-group-btn { right: 20px; } } .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit { background: #fff; font-size: 24px; color: #fff; line-height: 0; margin: 0; padding: 0; } @media all and (min-width: 768px) { .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } } .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit:after { display: none; } .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit i.fa { font-size: 24px; color: #00457c; } @media all and (min-width: 768px) { .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit i.fa { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } } .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit:hover, .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit:active { background: #fff; color: #2d96d6 !important; text-decoration: none; } .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit:hover i.fa, .blog-page #menu .widget-newsletter form .input-group .input-group-btn .submit:active i.fa { color: #2d96d6; } .blog-page #menu .categories ul { background: none; display: block; margin: 0; padding: 0; } .blog-page #menu .widget_text .socialMenu { vertical-align: top; margin-top: 15px; } @media all and (min-width: 768px) { .blog-page #menu .widget_text .socialMenu { margin-top: 0; } } .blog-page #menu .widget_text .socialMenu ul { margin: 0; padding: 0; } .blog-page #menu .widget_text .socialMenu ul li.instagram a:before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li.facebook a:before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li.twitter a:before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li.linkedin a:before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li.googleplus a:before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li.youtube a:before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li.pinterest a:before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li.tumblr a:before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li.rss a:before { content: ""; } .blog-page #menu .widget_text .socialMenu ul li { list-style: none; display: inline-block; height: 32px; font-weight: normal; overflow: hidden; margin: 0 10px 10px 0; padding: 0; } @media all and (min-width: 992px) { .blog-page #menu .widget_text .socialMenu ul li { margin: 0 35px 10px 0; } } .blog-page #menu .widget_text .socialMenu ul li a { display: block; width: 32px; height: 32px; text-align: center; text-decoration: none; visibility: visible; margin: 0; padding: 0; } @media all and (min-width: 768px) { .blog-page #menu .widget_text .socialMenu ul li a { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } } .blog-page #menu .widget_text .socialMenu ul li a:before { display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; color: #2d96d6; line-height: normal; text-align: center; visibility: visible; } @media all and (min-width: 768px) { .blog-page #menu .widget_text .socialMenu ul li a:before { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } } .blog-page #menu .widget_text .socialMenu ul li a:hover, .blog-page #menu .widget_text .socialMenu ul li a:active, .blog-page #menu .widget_text .socialMenu ul li a:focus { background: none; color: #00457c; } .blog-page #menu .widget_text .socialMenu ul li a:hover:before { background: none; color: #00457c; text-decoration: none; } .blog-page #menu .widget_text .socialMenu ul li a.dropdown-toggle { display: none; } .blog-page #menu .widget_text .socialMenu ul.last a { margin-right: 0; } .blog { margin-top: 20px; /*------------------------------*\ Comments \*------------------------------*/ } .blog .post .alignleft { float: left; margin: 0 15px 15px 0; } .blog .post .alignright { float: right; margin: 0 0 15px 15px; } .blog .post .alignnone { float: none; margin: 15px 0; } .blog .post .postLeft { padding: 0; } @media all and (min-width: 768px) { .blog .post .postLeft { padding-left: 0; padding-right: 30px; } } .blog .post .postLeft .featuredImage { margin: 0 0 15px; } .blog .post .postLeft .featuredImage img { display: block; width: 100%; height: auto; } .blog .post .postRight { padding: 0; } .blog .post .postRight.full { float: none; width: 100%; } @media all and (min-width: 768px) { .blog .post .postRight.full { padding-left: 0; padding-right: 15px; } } .blog .post #nextPrev { text-align: center; } .blog .landing { border-top: solid 2px #dcddde; padding: 50px 0; } .blog .postDate { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic; color: #666; } .blog h2 { font-size: 30px; line-height: 1.2; } .blog h2 a { font-weight: inherit !important; color: #00457c; } .blog h2 a:hover { color: #2d96d6; } .blog .postMeta { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #4a4a4a; } .blog .postMeta .postComments, .blog .postMeta .postCategories { display: inline; } .blog .postMeta .delimiter { display: inline; padding: 0 10px; } .blog .postDetail { margin: 40px 0 0; } .blog .postDetail .postDate { margin-bottom: 15px; } .blog .postDetail h1 { margin: 0 0 15px; padding: 0 0 30px; } @media all and (min-width: 992px) { .blog .postDetail h1 { font-size: 46px; line-height: 1.08696; } } .blog .postDetail h1:after { background: #dcddde; width: 100%; height: 2px; } .blog .postDetail .postMetaDetail { margin-bottom: 40px; } .blog .postDetail .postMetaDetail .postMeta { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #4a4a4a; margin: 0 0 15px; } @media all and (min-width: 992px) { .blog .postDetail .postMetaDetail .postMeta { float: left; margin: 0; } } .blog .postDetail .postMetaDetail .postMeta .postComments, .blog .postDetail .postMetaDetail .postMeta .postCategories { display: inline; } .blog .postDetail .postMetaDetail .postMeta .delimiter { display: inline; padding: 0 10px; } .blog .postDetail .postContent { margin: 20px 0; padding: 0; } .blog .postDetail .postContent .featuredImageFull { margin-bottom: 40px; } .blog .postDetail .postContent .featuredImageFull img { width: 100%; } .blog #commentsContainer .commentsTitle { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; color: #00457c; letter-spacing: 0.050em; line-height: 1.125; text-transform: uppercase; margin: 0 0 15px; } .blog #commentsContainer .comment { border-top: solid 2px #dcddde; padding: 40px 0; } .blog #commentsContainer .comment .commentMeta { padding: 0; } .blog #commentsContainer .comment .commentMeta .commentAuthor .name { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #58595b; } .blog #commentsContainer .comment .commentMeta .commentAuthor .name .commentAuthorName { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #58595b; } .blog #commentsContainer .comment .commentMeta .commentAuthor .commentDate { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #58595b; text-transform: uppercase; } .blog #commentsContainer .comment .commentContent { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #58595b; line-height: 1.4; text-align: left; margin-top: 15px; padding: 0; } @media all and (min-width: 768px) { .blog #commentsContainer .comment .commentContent { margin-top: 0; padding-left: 15px; } } .blog #commentsContainer .comment .commentContent p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #414042; line-height: 26px; } .blog #commentsContainer .comment .commentContent p:last-child { margin: 0; } .blog #commentsContainer .replyComment { padding-left: 60px; } .blog #commentsContainer .leaveComment { border-top: solid 2px #dcddde; margin: 0; padding: 50px 0 0; } .blog #commentsContainer .leaveComment .commentForm { background: #f2f2f3; padding: 25px; } @media all and (min-width: 768px) { .blog #commentsContainer .leaveComment .commentForm { padding: 30px 50px; } } .blog #commentsContainer .leaveComment .commentForm h2 { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 30px; color: #00457c; padding: 0 0 20px; } /*------------------------------*\ Events \*------------------------------*/ .events .eventFilter { margin: 0 0 20px; } .events .eventFilter select { background: #f1f2f2; border: solid 1px #d1d3d4; -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); font-size: 16px; font-style: normal; color: #58595b; } @media (min-width: 768px) { .events .eventFilter select { max-width: 332px; } } .events .eventList .eventWrapper { border-top: solid 2px #dcddde; padding: 50px 0; } .events .eventList .eventWrapper .eventDate { line-height: 30px; margin: 10px 0 25px; } @media (min-width: 992px) { .events .eventList .eventWrapper .eventDate { text-align: center; margin-bottom: 0; } } .events .eventList .eventWrapper .eventDate .day { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 50px; color: #00457c; line-height: 30px; } .events .eventList .eventWrapper .eventDate .month { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 21px; color: #00457c; letter-spacing: 0.150em; line-height: 30px; text-transform: uppercase; margin-top: 10px; } .events .eventList .eventWrapper .eventDesc { line-height: 30px; } @media (min-width: 992px) { .events .eventList .eventWrapper .eventDesc { padding-left: 45px; } } .events .eventList .eventWrapper .eventDesc h2 { font-size: 30px; line-height: 1.2; margin-top: 0; padding-top: 0; } .events .eventList .eventWrapper .eventDesc h2 a { font-weight: inherit !important; color: #00457c; } .events .eventList .eventWrapper .eventDesc h2 a:hover { color: #2d96d6; } .events .eventList .eventWrapper .eventDesc .eventDetails { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #666; } .events .eventList .eventWrapper .eventDesc .eventDetails .delimiter { color: #4a4a4a; padding: 0 10px; } .eventDetail h1 { margin: 0 0 15px; padding: 0 0 30px; } @media all and (min-width: 992px) { .eventDetail h1 { font-size: 46px; line-height: 1.08696; } } .eventDetail h1:after { background: none; display: none; height: 0; } .eventDetail .eventDetails { margin: 0 0 50px; } .eventDetail .eventDetails table { border-collapse: collapse; width: 100%; } .eventDetail .eventDetails td { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 18px; color: #58595b; line-height: 1.33333; padding: 5px 10px 5px 0 !important; } @media all and (min-width: 992px) { .eventDetail .eventDetails td { width: 50%; } } .eventDetail .eventDetails td.title { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 18px; color: #00457c; letter-spacing: 0.100em; line-height: 1.33333; text-transform: uppercase; margin: 0; padding: 0; } .eventDetail .eventDetails td a { font-weight: 600 !important; } .eventDetail .eventDetails .delimiter { padding: 0 10px; } .eventDetail .eventMetaWrapper { border-top: solid 2px #dcddde; border-bottom: solid 2px #dcddde; margin: 0 0 20px; padding: 20px 0; } @media all and (min-width: 992px) { .eventDetail .eventMetaWrapper { margin: 0 0 50px; } } .eventDetail .eventMetaWrapper.bottom { border-bottom: none; margin: 50px 0 0; } .eventDetail .eventMetaWrapper .eventMeta { margin: 0 0 20px; } @media all and (min-width: 992px) { .eventDetail .eventMetaWrapper .eventMeta { float: left; margin: 0; } } .eventDetail .eventMetaWrapper .shareWrapper { margin: 0 0 20px; } @media all and (min-width: 992px) { .eventDetail .eventMetaWrapper .shareWrapper { float: right; margin: 15px 0 0; } } /*------------------------------*\ FAQs \*------------------------------*/ /*------------------------------*\ FAQs \*------------------------------*/ #faqHolder { padding-bottom: 50px; } @media all and (min-width: 992px) { #faqHolder { padding-bottom: 70px; } } #faqHolder .expand_collapse { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #58595b; margin: 0; } #faqHolder .expand_collapse.top { margin: 0 0 30px; } #faqHolder .expand_collapse a { cursor: pointer; display: inline-block; font-weight: bold; } #faqHolder .expand_collapse a.collapseArr, #faqHolder .expand_collapse a.expandArr { display: inline-block; margin: 0; } #faqHolder .expand_collapse .delimiter { padding: 0 10px; } #accordion .panel { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); margin-bottom: 30px; } #accordion a.panel-toggle, #accordion a.panel-toggle:hover { text-decoration: none; } #accordion .panel-heading { background: #e6e7e8 !important; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; position: relative; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 21px; color: #00457c !important; padding: 30px 32px 30px 80px; } @media all and (min-width: 768px) { #accordion .panel-heading { font-size: 26px; } } #accordion .panel-heading h4 { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 21px; color: #00457c; padding: 0; } @media all and (min-width: 768px) { #accordion .panel-heading h4 { font-size: 26px; } } #accordion .panel-heading:before { display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f067'; display: block; position: absolute; left: 32px; top: 20px; font-size: 30px; color: #a9abad; text-shadow: 1px 1px 1px #fff; margin: 0; } #accordion .panel-heading:hover { background: #f1f2f2 !important; } #accordion .panel-heading:hover h4 { color: #414042 !important; } #accordion .panel-heading.active { background: #f1f2f2 !important; } #accordion .panel-heading.active h4 { color: #414042 !important; } #accordion .panel-heading.active:before { content: '\f068'; } #accordion .panel-collapse { background: #f1f2f2; } #accordion .panel-collapse .panel-body { padding: 0 20px 30px 80px; } @media all and (min-width: 768px) { #accordion .panel-collapse .panel-body { padding: 0 85px 30px 80px; } } #accordion .panel-collapse .panel-body ul, #accordion .panel-collapse .panel-body ol { margin: 0 0 0 20px; } #accordion .faqGoToPageLink { font-size: 12px; } #accordion .faqGroup { background: #f1f2f2; margin: 30px 0; padding: 10px; } #accordion .faqGoToTopLink { margin: 10px 0; } /*------------------------------*\ Forms \*------------------------------*/ /*------------------------------*\ Default Form Styles \*------------------------------*/ input[type="text"], input[type="email"], input[type="password"], select, textarea { background: #fff; border: solid 1px #d1d3d4; -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); width: 100%; height: 57px; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 16px; font-style: italic; color: #a7a9ac; padding: 0 15px; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus { background: #fff; border: solid 1px #d1d3d4; -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); } input[type="file"] { margin-top: 7px; } textarea { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; height: 177px !important; padding-top: 15px; padding-bottom: 15px; } /*------------------------------*\ General Form Styles \*------------------------------*/ form { width: 100%; } form .sendFormRow label { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; color: #58595b; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; margin-bottom: 2px; } .radio label, .radio .sendFormElement, .checkbox label, .checkbox .sendFormElement { float: left; width: auto !important; } .radio label input[type="radio"], .radio label input[type="checkbox"], .radio .sendFormElement input[type="radio"], .radio .sendFormElement input[type="checkbox"], .checkbox label input[type="radio"], .checkbox label input[type="checkbox"], .checkbox .sendFormElement input[type="radio"], .checkbox .sendFormElement input[type="checkbox"] { position: relative; margin: 5px 0 0 0; } .radio label, .checkbox label { font-size: 16px !important; font-weight: 400 !important; color: #333132 !important; text-transform: none !important; padding-left: 0 !important; } .multipleCheckboxes .checkboxRow { clear: both; vertical-align: top; } .multipleCheckboxes .checkboxRow .checkbox { margin: 0; } @media all and (min-width: 768px) { .multipleCheckboxes .checkboxRow .checkbox { float: left; width: 50%; } } @media all and (min-width: 1200px) { .multipleCheckboxes .checkboxRow .checkbox { float: left; width: 33%; } } .multipleCheckboxes .checkboxRow .checkbox label { float: left; width: auto !important; font-size: 16px !important; font-weight: 400 !important; color: #333132 !important; text-transform: none !important; padding-left: 10px !important; } .multipleCheckboxes .checkboxRow .checkbox input[type="radio"], .multipleCheckboxes .checkboxRow .checkbox input[type="checkbox"] { float: left; position: relative; margin: 8px 0 0 0; } /*------------------------------*\ SendForm Styles \*------------------------------*/ .sendFormContainer { background: #f2f2f3; position: relative; z-index: 1; margin-top: 30px; padding: 20px 25px; } @media all and (min-width: 768px) { .sendFormContainer { padding: 30px 50px; } } .sendFormContainer .sendFormHead { margin-bottom: 30px; } .sendFormContainer .sendFormHead h2 { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 30px; color: #00457c; letter-spacing: 0; line-height: 1.16667; text-transform: none; margin: 0; padding: 10px 0 15px; } @media all and (min-width: 992px) { .sendFormContainer .sendFormHead h2 { float: left; } } .sendFormContainer .sendFormHead .required { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 16px; color: #333132; } @media all and (min-width: 992px) { .sendFormContainer .sendFormHead .required { float: right; margin-top: 15px; } } .sendFormContainer .submitButton { text-align: right; margin-top: 10px; } .sendFormContainer .submitButton.left { text-align: left; } /*------------------------------*\ Locations Locator \*------------------------------*/ /*------------------------------*\ Locations Locator \*------------------------------*/ #locator { background: #fff; border: solid 1px #c9c9c9; margin: 20px 0 0; padding: 0; } #locator .locatorForm { background: #f2f2f3; padding: 18px 0 22px; } #locator .locatorForm .locatorSearchForm { width: 100%; } #locator .locatorForm .locatorSearchForm .inner-form-wrap { padding: 0; } @media all and (min-width: 992px) { #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper { padding-right: 0; } } @media all and (min-width: 1200px) { #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper { padding-left: 30px; } } #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper { margin: 10px 0 0; } @media all and (min-width: 992px) { #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper { margin: 0; padding-right: 0; } } #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper label, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper label { font-size: 14px; font-weight: 600; color: #58595b; text-transform: uppercase; padding: 0; } #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper input, #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper select, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper input, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper select { height: 48px; margin-bottom: 0; } #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper .zipField, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper .zipField { position: relative; } #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper .zipField:before, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper .zipField:before { display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 12px; left: 15px; content: '\f002'; font-size: 13px; color: #777; } #locator .locatorForm .locatorSearchForm .inner-form-wrap .zipWrapper .zipField input, #locator .locatorForm .locatorSearchForm .inner-form-wrap .distanceWrapper .zipField input { padding-left: 35px; } #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper .currentLocationWidget { margin: 34px 0 0; } #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper .currentLocationWidget .buttonBg { padding: 14px 25px; } #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper .currentLocationWidget .delimiter { display: block; font-size: 16px; color: #373532; text-align: center; text-transform: uppercase; margin: 9px 8px; } @media all and (min-width: 768px) { #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper .currentLocationWidget .delimiter { display: inline-block; } } @media all and (min-width: 992px) { #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper .currentLocationWidget .delimiter { margin: 9px 4px; } } @media all and (min-width: 1200px) { #locator .locatorForm .locatorSearchForm .inner-form-wrap .buttonsWrapper .currentLocationWidget .delimiter { margin: 9px 9px; } } #locator .locatorResult { clear: both; margin: 10px 0; padding: 2px; } #locator .locatorResultDetail { float: left; width: 152px; line-height: 1.4; } #locator .locatorDirectionsForm { margin: 10px 0 0; } .locatorHeadingWrapper { border-top: solid 1px #c9c9c9; border-bottom: solid 1px #c9c9c9; padding: 0; } @media all and (min-width: 768px) { .locatorHeadingWrapper .locatorHeading { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } } .locatorHeadingWrapper .locatorHeading .searchDesc { border-right: solid 1px #c9c9c9; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 14px; font-style: italic; color: #000; line-height: 1.42857; padding-top: 15px; padding-bottom: 15px; } .locatorHeadingWrapper .locatorHeading .searchDesc strong { font-weight: 600 !important; } .locatorHeadingWrapper .locatorHeading .mapCountries { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 14px; color: #000; line-height: 1.42857; padding-top: 15px; padding-bottom: 15px; } @media all and (min-width: 992px) { .locatorHeadingWrapper .locatorHeading .mapCountries { padding-top: 25px; padding-bottom: 25px; padding-left: 30px; } } .locatorHeadingWrapper .locatorHeading .mapCountries a { display: block; font-weight: 600 !important; } @media all and (min-width: 992px) { .locatorHeadingWrapper .locatorHeading .mapCountries a { display: inline; padding: 0 0 0 25px; } } .locatorHeadingWrapper .locatorHeading .mapCountries a:after { display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f0da'; margin-left: 3px; } .locatorHeadingWrapper .locatorHeading .mapCountries a.active { color: #00457c; } .locatorHeadingWrapper .locatorHeading .mapCountries a.active:after { content: '\f0d7'; } #googleMapOnPage, #locatorMapHolder { clear: both; width: auto; height: auto; margin: 0; } #google_map, #locatorMap { height: 662px; overflow: hidden; margin: 0; padding: 0; } #google_map img, #locatorMap img { width: auto; max-width: none; } #google_list, #locatorMapList { border: none; max-height: none; overflow-x: hidden; overflow-y: auto; padding: 10px; } @media all and (min-width: 768px) { #google_list, #locatorMapList { max-height: 662px; } } #google_list .mapListAddress, #locatorMapList .mapListAddress { border-top: 1px solid #c9c9c9; margin: 0 -15px; padding: 25px 20px; } #google_list .mapListAddress:first-of-type, #locatorMapList .mapListAddress:first-of-type { border: none; } #google_list .mapListAddress .mapAddressElementClickable, #locatorMapList .mapListAddress .mapAddressElementClickable { cursor: pointer; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 17px; color: #00457c; line-height: 1.11765; margin-bottom: 10px; } #google_list .mapListAddress .mapAddressElement, #locatorMapList .mapListAddress .mapAddressElement { clear: both; display: block; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 14px; color: #3b3a38; line-height: 1.14286; } #google_list .mapListAddress .mapAddressElement.phone, #locatorMapList .mapListAddress .mapAddressElement.phone { margin-top: 15px; } #google_list .mapListAddress .mapAddressElement.email a, #locatorMapList .mapListAddress .mapAddressElement.email a { font-size: 14px; font-weight: 400 !important; color: #3b3a38; line-height: 1.14286; } #google_list .mapListAddress .mapAddressElement.distance, #locatorMapList .mapListAddress .mapAddressElement.distance { font-size: 13px; margin-top: 15px; } #google_list .button, #locatorMapList .button { font-size: 14px; margin: 15px 0 0; } #googleMapWrapper { display: block; } @media all and (min-width: 768px) { #googleMapWrapper { display: block; } } .regionWrapper { margin-top: 50px; } .regionWrapper .regionCol { padding-left: 0; } @media all and (min-width: 768px) { .regionWrapper .regionCol { padding-left: 15px; } } .regionWrapper .regionCol:first-of-type { padding-left: 0; } @media all and (min-width: 768px) { .regionWrapper .regionCol.noTitle { margin-top: 44px; } } .regionWrapper .regionCol .regionTitle { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 21px; color: #414042; line-height: 1.14286; text-transform: uppercase; margin: 20px 0 0; padding: 5px 0 15px; } @media all and (min-width: 768px) { .regionWrapper .regionCol .regionTitle { margin: 0; } } @media all and (min-width: 768px) { .regionWrapper .regionCol .regionMenu { margin-bottom: 20px; } } .regionWrapper .regionCol .regionMenu ul { margin: 0; padding: 0; } .regionWrapper .regionCol .regionMenu ul li { display: block; list-style: none; margin: 0; padding: 0; } .regionWrapper .regionCol .regionMenu ul li a { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #2d96d6; line-height: normal; margin: 0; padding: 5px 0 0; } .regionWrapper .regionCol .regionMenu ul li a:hover, .regionWrapper .regionCol .regionMenu ul li a:active, .regionWrapper .regionCol .regionMenu ul li a:focus, .regionWrapper .regionCol .regionMenu ul li a.active { color: #00457c; } .regionWrapper .regionCol .regionMenu ul li.last { background: none; } .locationDetail h1 { margin: 0; padding: 0 0 30px; } @media all and (min-width: 992px) { .locationDetail h1 { font-size: 46px; line-height: 1.08696; } } .locationDetail h1:after { background: none; display: none; height: 0; } .locationDetail .locationDetails { border-bottom: solid 2px #dcddde; margin-bottom: 50px; padding-bottom: 50px; } .locationDetail .locationDetails table { border-collapse: collapse; width: 100%; } .locationDetail .locationDetails td { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 18px; color: #58595b; line-height: 1.33333; padding: 10px 10px 10px 0 !important; } @media all and (min-width: 992px) { .locationDetail .locationDetails td { width: 50%; } } .locationDetail .locationDetails .row .title, .locationDetail .locationDetails td.title { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 18px; color: #00457c; letter-spacing: 0.100em; line-height: 1.33333; text-transform: uppercase; margin: 0; padding: 0; } .locationDetail .locationDetails td a { font-weight: 600 !important; } .locationDetail .locationDetails .delimiter { padding: 0 10px; } /*------------------------------*\ Login \*------------------------------*/ @media all and (min-width: 768px) { .loginWrapper .login { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } } .loginWrapper .login .loginForm { padding: 0; } @media all and (min-width: 768px) { .loginWrapper .login .loginForm { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ padding-right: 15px; } } .loginWrapper .login .loginForm div.sendFormContainer { width: 100%; } @media all and (min-width: 768px) { .loginWrapper .login .loginForm div.sendFormContainer div.sendFormHead { margin: 0; } } .loginWrapper .login .createAccount { padding: 0; } @media all and (min-width: 768px) { .loginWrapper .login .createAccount { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ padding-left: 15px; } } .loginWrapper .login .createAccount div.sendFormContainer div.sendFormHead { margin: 0; } @media all and (min-width: 768px) { .loginWrapper .login .createAccount div.sendFormContainer div.sendFormHead h2 { float: none; } } /*------------------------------*\ Mega Dropdowns \*------------------------------*/ /*------------------------------*\ Mega Dropdowns \*------------------------------*/ @media all and (min-width: 992px) { .overlay { background: rgba(0, 0, 0, 0.6); display: none; width: 100%; height: 100%; position: fixed; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; z-index: 95; } } @media all and (min-width: 992px) { #MegaMenu { position: static !important; margin: 0; } } @media all and (min-width: 992px) { #MegaMenu ul { position: static !important; } } @media all and (min-width: 992px) { #MegaMenu ul li { position: static !important; z-index: 96 !important; } } #MegaMenu ul li .sub { background: #f1f2f2; border: none; -webkit-box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.15); box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; opacity: 0; text-align: center; top: 0; visibility: hidden; z-index: 96; margin: 0 auto; padding: 40px 60px 20px; } #MegaMenu ul li .sub ul { border: none !important; -webkit-box-shadow: none; box-shadow: none; display: block; position: relative; z-index: 1; } #MegaMenu ul li .sub ul a.dropdown-toggle { display: block; } @media all and (min-width: 992px) { #MegaMenu ul li .sub ul a.dropdown-toggle { display: none; } } #MegaMenu ul li .sub ul .caret, #MegaMenu ul li .sub ul .nav .caret, #MegaMenu ul li .sub ul .navbar #primaryNav ul .caret, #MegaMenu .navbar #primaryNav ul li .sub ul ul .caret, .navbar #primaryNav #MegaMenu ul li .sub ul ul .caret, #MegaMenu ul li .sub ul .navbar .nav li.dropdown > .dropdown-toggle .caret, #MegaMenu ul li .sub ul .navbar #primaryNav ul li.dropdown > .dropdown-toggle .caret, #MegaMenu .navbar #primaryNav ul li .sub ul .navbar ul li.dropdown > .dropdown-toggle .caret, .navbar #primaryNav #MegaMenu ul li .sub ul .navbar ul li.dropdown > .dropdown-toggle .caret, #MegaMenu ul li .sub ul .navbar .nav li.dropdown.open > .dropdown-toggle .caret, #MegaMenu ul li .sub ul .navbar #primaryNav ul li.dropdown.open > .dropdown-toggle .caret, #MegaMenu .navbar #primaryNav ul li .sub ul .navbar ul li.dropdown.open > .dropdown-toggle .caret, .navbar #primaryNav #MegaMenu ul li .sub ul .navbar ul li.dropdown.open > .dropdown-toggle .caret, #MegaMenu ul li .sub ul .navbar .nav li.dropdown.active > .dropdown-toggle .caret, #MegaMenu ul li .sub ul .navbar #primaryNav ul li.dropdown.active > .dropdown-toggle .caret, #MegaMenu .navbar #primaryNav ul li .sub ul .navbar ul li.dropdown.active > .dropdown-toggle .caret, .navbar #primaryNav #MegaMenu ul li .sub ul .navbar ul li.dropdown.active > .dropdown-toggle .caret, #MegaMenu ul li .sub ul .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret, #MegaMenu ul li .sub ul .navbar #primaryNav ul li.dropdown.open.active > .dropdown-toggle .caret, #MegaMenu .navbar #primaryNav ul li .sub ul .navbar ul li.dropdown.open.active > .dropdown-toggle .caret, .navbar #primaryNav #MegaMenu ul li .sub ul .navbar ul li.dropdown.open.active > .dropdown-toggle .caret, #MegaMenu ul li .sub ul #MightyMenuTopNav li.dropdown > a:hover .caret, #MegaMenu ul li .sub ul #MightyMenuTopNav li.dropdown > a:focus .caret { display: none; } #MegaMenu ul li .sub ul li { background: none; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block !important; float: none; width: 100%; position: relative; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 18px; color: #00457c; letter-spacing: 0.150em; line-height: normal; text-align: left; z-index: 1; margin: 0; padding: 0 25px 20px !important; } #MegaMenu ul li .sub ul li.last { padding-bottom: 0 !important; } #MegaMenu ul li .sub ul li .nolink, #MegaMenu ul li .sub ul li a, #MegaMenu ul li .sub ul li a:hover, #MegaMenu ul li .sub ul li a:focus, #MegaMenu ul li .sub ul li a.selected, #MegaMenu ul li .sub ul li a.active, #MegaMenu ul li .sub ul li a#selected { background: none; border: none; display: block; float: none; height: auto; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 18px; color: #00457c; letter-spacing: 0.150em; line-height: normal; text-align: left; text-decoration: none; text-indent: 0; text-transform: uppercase; white-space: normal; margin: 0; padding: 0 0 5px !important; } #MegaMenu ul li .sub ul li .nolink:hover, #MegaMenu ul li .sub ul li a:hover, #MegaMenu ul li .sub ul li a:focus, #MegaMenu ul li .sub ul li a:hover:hover, #MegaMenu ul li .sub ul li a.selected:hover, #MegaMenu ul li .sub ul li a.active:hover, #MegaMenu ul li .sub ul li a#selected:hover { color: #fab816; text-decoration: none; } #MegaMenu ul li .sub ul li .dropdown-toggle { border: none !important; } #MegaMenu ul li .sub ul li .nolink { color: #414042; text-decoration: none !important; } #MegaMenu ul li .sub ul li .nolink:hover { color: #414042; text-decoration: none; } #MegaMenu ul li .sub ul li.open { background: none; -webkit-box-shadow: none; box-shadow: none; border: none; } @media all and (min-width: 992px) { #MegaMenu ul li .sub ul li.open .dropdown-menu { border: none; } } @media all and (min-width: 992px) { #MegaMenu ul li .sub ul li.open > a, #MegaMenu ul li .sub ul li.open > a:hover, #MegaMenu ul li .sub ul li.open .nolink { -webkit-box-shadow: none; box-shadow: none; border: none; background: none; padding: 0; } } #MegaMenu ul li .sub ul li ul { background: none; border: none; -webkit-box-shadow: none; box-shadow: none; display: block; max-width: none; text-align: left; margin: 0; padding: 0; } #MegaMenu ul li .sub ul li ul li { background: none; border: none; display: block !important; list-style: none; overflow: hidden; font-family: "canada-type-gibson", sans-serif; font-size: 16px; font-weight: 600; color: #2d96d6; line-height: normal; text-align: left; margin: 0; padding: 0 !important; } #MegaMenu ul li .sub ul li ul li .nolink, #MegaMenu ul li .sub ul li ul li a, #MegaMenu ul li .sub ul li ul li a:hover, #MegaMenu ul li .sub ul li ul li a.selected, #MegaMenu ul li .sub ul li ul li a.active, #MegaMenu ul li .sub ul li ul li a#selected { background: none; border: none; display: block; float: none; height: auto; font-family: "canada-type-gibson", sans-serif; font-size: 16px; font-weight: 600; color: #2d96d6; letter-spacing: 0; line-height: normal; text-align: left; text-decoration: none; text-indent: 0; text-transform: none; white-space: normal; margin: 0; padding: 0 0 5px !important; } #MegaMenu ul li .sub ul li ul li .nolink:hover, #MegaMenu ul li .sub ul li ul li a:hover, #MegaMenu ul li .sub ul li ul li a:hover:hover, #MegaMenu ul li .sub ul li ul li a.selected:hover, #MegaMenu ul li .sub ul li ul li a.active:hover, #MegaMenu ul li .sub ul li ul li a#selected:hover { color: #fab816; text-decoration: none; } #MegaMenu ul li .sub ul li ul li .nolink { color: #414042; text-decoration: none !important; } #MegaMenu ul li .sub ul li ul li .nolink:hover { color: #414042; text-decoration: none; } #MegaMenu ul li .sub ul li ul li ul { display: none; } #MegaMenu ul li .sub ul li ul .sub { display: none !important; } /*------------------------------*\ Page Blocks \*------------------------------*/ .pageBlockWrapper .container-fluid { text-align: center; } .pageBlockWrapper .columnWrapper { padding: 50px 0; } @media all and (min-width: 768px) { .pageBlockWrapper .columnWrapper { padding: 60px 0; } } @media all and (min-width: 992px) { .pageBlockWrapper .columnWrapper { padding: 80px 0; } } .pageBlockWrapper .columnWrapper.border { border-top: solid 2px #dcddde; } .pageBlockWrapper .section p:last-of-type { margin: 0; padding: 0; } .pageBlockWrapper .section.gray { background: #f2f2f3; } .pageBlockWrapper .layout-100 .col { text-align: center; } @media (min-width: 768px) { .pageBlockWrapper .layout-100 .col h2 { text-align: center; } } @media all and (min-width: 768px) { .pageBlockWrapper .layout-50-50 .blockContent { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; } } .pageBlockWrapper .layout-50-50 .col { text-align: center; } @media (min-width: 768px) { .pageBlockWrapper .layout-50-50 .col { text-align: left; } } .pageBlockWrapper .layout-50-50 .content { margin-top: 50px; margin-bottom: 0; } @media (min-width: 768px) { .pageBlockWrapper .layout-50-50 .content { margin-top: 0; margin-bottom: 0; } } @media (min-width: 768px) { .pageBlockWrapper .layout-50-50.reverse .blockContent { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } } .pageBlockWrapper .cta { background-image: url(/resources/images/page-blocks/page-block-cta-bg-image.jpg); } @media all and (min-width: 992px) { .pageBlockWrapper .cta .columnWrapper { padding: 65px 0; } } .pageBlockWrapper .textOnly .content p, .pageBlockWrapper .imageBlock .content p, .pageBlockWrapper .videoBlock .content p, .pageBlockWrapper .fullBg .content p, .pageBlockWrapper .cta .content p { font-family: "canada-type-gibson", sans-serif; font-weight: 300; font-size: 24px; color: #58595b; letter-spacing: 0; line-height: 1.625; } @media (min-width: 768px) { .pageBlockWrapper .imageBlock .content, .pageBlockWrapper .videoBlock .content { padding-left: 45px; padding-right: 15px; } } @media (min-width: 768px) { .pageBlockWrapper .imageBlock.reverse .content, .pageBlockWrapper .videoBlock.reverse .content { padding-left: 15px; padding-right: 45px; } } .pageBlockWrapper .fullBg, .pageBlockWrapper .cta { background-position: 0 0; background-repeat: no-repeat; background-size: cover; } .pageBlockWrapper .fullBg .col, .pageBlockWrapper .cta .col { margin: 0; } .pageBlockWrapper .fullBg .content, .pageBlockWrapper .cta .content { margin: 0 !important; } .pageBlockWrapper .fullBg .content h1, .pageBlockWrapper .fullBg .content h2, .pageBlockWrapper .fullBg .content h3, .pageBlockWrapper .fullBg .content h4, .pageBlockWrapper .fullBg .content h5, .pageBlockWrapper .fullBg .content h6, .pageBlockWrapper .fullBg .content p, .pageBlockWrapper .cta .content h1, .pageBlockWrapper .cta .content h2, .pageBlockWrapper .cta .content h3, .pageBlockWrapper .cta .content h4, .pageBlockWrapper .cta .content h5, .pageBlockWrapper .cta .content h6, .pageBlockWrapper .cta .content p { color: #fff; } .pageBlockWrapper .fullBg .content a, .pageBlockWrapper .cta .content a { color: #fab816; } .pageBlockWrapper .fullBg .content a:hover, .pageBlockWrapper .cta .content a:hover { color: #2d96d6; } @media (min-width: 992px) { .pageBlockWrapper .fullBg .blockContent { min-height: 518px; } } .pageBlockWrapper .cta .content { text-align: left; } .pageBlockWrapper .cta .content p { font-size: 35px; line-height: 1.28571; } @media all and (min-width: 768px) { .pageBlockWrapper .layout-33-33-33 .blockContent { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; } } .pageBlockWrapper .layout-33-33-33 .col { text-align: center; margin-bottom: 50px; } @media (min-width: 768px) { .pageBlockWrapper .layout-33-33-33 .col { text-align: left; margin-bottom: 0; } } @media all and (max-width: 767px) { .pageBlockWrapper .layout-33-33-33 .col:last-of-type { margin-bottom: 0; } } .pageBlockWrapper h2 { font-size: 40px; line-height: 1; text-align: center; padding: 0 0 30px; } @media (min-width: 768px) { .pageBlockWrapper h2 { text-align: left; } } .pageBlockWrapper h2.year { font-size: 50px; } .pageBlockWrapper ul, .pageBlockWrapper ul li { list-style: none; } .pageBlockWrapper .sideBar_Caption { background: none; -webkit-box-shadow: none; box-shadow: none; height: auto; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 14px; color: #6d6e71; letter-spacing: 0; line-height: 1.28571; text-align: left; margin: 0; padding: 15px 0 0; } .pageBlockWrapper .sideBar_Caption p { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 14px; color: #6d6e71; letter-spacing: 0; line-height: 1.28571; margin: 0; } .pageBlockWrapper .imagegallery { width: 100%; position: relative; } .pageBlockWrapper .imagegallery img { width: 100%; } .pageBlockWrapper .imagegallery .caption { height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #58595b; letter-spacing: 0; line-height: 1.375; text-align: left; margin: 30px 0 0; padding: 0; } .pageBlockWrapper .imagegallery .caption p { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 18px; color: #58595b; letter-spacing: 0; line-height: 1.77778; } .pageBlockWrapper .imagegallery span.prev, .pageBlockWrapper .imagegallery span.next { display: inline-block; width: 20px; height: 50px; position: absolute; bottom: auto; top: 50%; font-size: 50px; color: #fff; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; margin-top: 0; } @media all and (min-width: 768px) { .pageBlockWrapper .imagegallery span.prev, .pageBlockWrapper .imagegallery span.next { width: 40px; height: 90px; font-size: 90px; } } @media all and (min-width: 992px) { .pageBlockWrapper .imagegallery span.prev, .pageBlockWrapper .imagegallery span.next { width: 50px; height: 100px; font-size: 100px; } } .pageBlockWrapper .imagegallery span.prev { left: 15px; } .pageBlockWrapper .imagegallery span.next { right: 15px; } .pageBlockWrapper .sideBar_VideoInner { cursor: pointer; height: auto; text-align: center; margin: 0; padding: 0; } .pageBlockWrapper .sideBar_VideoInner .sideBar_ThumbNail { position: relative; z-index: 1; } .pageBlockWrapper .sideBar_VideoInner .sideBar_ThumbNail:before { background: #1d1f21; background: rgba(29, 31, 33, 0.7); content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } .pageBlockWrapper .sideBar_VideoInner .sideBar_ThumbNail img { width: 100%; position: relative; z-index: 1; vertical-align: middle; } .pageBlockWrapper .sideBar_VideoInner .sideBar_PlayImage { background: none; border: none; width: 75px; height: 115px; position: absolute; top: 50%; left: 50%; z-index: 3; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); margin: 0; } .pageBlockWrapper .sideBar_VideoInner .sideBar_PlayImage i.fa { font-size: 83px; color: #fab816; } .pageBlockWrapper .sideBar_VideoInner:hover i.fa { color: #2d96d6; } .pageBlockWrapper .sideBar_pop { cursor: pointer; } @media all and (min-width: 768px) { .pageBlockWrapper .linkBoxes .blockContent { display: block; } } .pageBlockWrapper .linkBoxes .col { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 26px; color: #414042; text-align: center; margin: 0; padding: 0; } @media (min-width: 768px) { .pageBlockWrapper .linkBoxes .col { text-align: center; margin-bottom: 0; } } .pageBlockWrapper .linkBoxes .col:nth-of-type(3n+1) { clear: both; } .pageBlockWrapper .linkBoxes .col .link { border: solid 2px #dcddde; margin: 0 15px 30px; padding: 35px 15px; } .pageBlockWrapper .linkBoxes .col a { font-weight: inherit !important; } .pageBlockWrapper .linkBoxes .col p { font-size: 18px; line-height: 1.33333; text-align: left; } .pageBlockWrapper .linkBoxes .col .date { display: block; font-size: 15px; color: #666; margin-bottom: 10px; } .pageBlockWrapper .layout-25-25-25-25.linkBoxes .col { margin: 0; padding: 0; } .pageBlockWrapper .layout-25-25-25-25.linkBoxes .col:nth-of-type(3n+1) { clear: none; } .pageBlockWrapper .layout-25-25-25-25.linkBoxes .col:nth-of-type(4n+1) { clear: both; } .pageBlockWrapper .layout-25-25-25-25.linkBoxes .link { border: solid 2px #dcddde; margin: 0 15px 30px; padding: 10px 15px !important; } @media all and (min-width: 768px) { .pageBlockWrapper .twoColumn .blockContent { -webkit-align-items: flex-start; align-items: flex-start; } } .pageBlockWrapper .twoColumn .col2 { margin-top: 50px; margin-bottom: 0; } @media (min-width: 768px) { .pageBlockWrapper .twoColumn .col2 { margin-top: 0; margin-bottom: 0; } } .pageBlockWrapper .twoColumn img { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } .pageBlockWrapper .twoColumn .sideBar_VideoInner { position: relative; } .pageBlockWrapper .twoColumn .sideBar_VideoInner .sideBar_PlayImage { background: none; border: none; width: 35px; height: 45px; position: absolute; top: 50%; left: 50%; z-index: 3; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); margin: 0; } .pageBlockWrapper .twoColumn .sideBar_VideoInner .sideBar_PlayImage i.fa { font-size: 45px; color: #fab816; } .pageBlockWrapper .twoColumn .sideBar_VideoInner:hover i.fa { color: #2d96d6; } .pageBlockWrapper .twoColumn .caption { height: auto; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 36px; color: #00457c; letter-spacing: 0; line-height: 1.25; text-align: left; margin: 30px 0 0; padding: 0; } .pageBlockWrapper .twoColumn .caption h3 { position: relative; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 36px; color: #00457c; letter-spacing: 0; line-height: 1.25; text-transform: none; margin: 0 0 16px; padding: 0 0 21px; } .pageBlockWrapper .twoColumn .caption h3:after { background: #dcddde; content: ''; width: 80px; height: 4px; position: absolute; bottom: 0; left: 0; } .pageBlockWrapper .twoColumn .caption h3 a { color: #00457c; text-decoration: none; } .pageBlockWrapper .twoColumn .caption h3 a:hover { color: #51a7dc; } .pageBlockWrapper .twoColumn .caption p { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 18px; color: #58595b; letter-spacing: 0; line-height: 1.77778; } @media all and (min-width: 768px) { .pageBlockWrapper .threeColumn .blockContent { -webkit-align-items: flex-start; align-items: flex-start; } } .pageBlockWrapper .threeColumn img { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } .pageBlockWrapper .threeColumn .sideBar_VideoInner { position: relative; } .pageBlockWrapper .threeColumn .sideBar_VideoInner .sideBar_PlayImage { background: none; border: none; width: 35px; height: 45px; position: absolute; top: 50%; left: 50%; z-index: 3; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); margin: 0; } .pageBlockWrapper .threeColumn .sideBar_VideoInner .sideBar_PlayImage i.fa { font-size: 45px; color: #fab816; } .pageBlockWrapper .threeColumn .sideBar_VideoInner:hover i.fa { color: #2d96d6; } .pageBlockWrapper .threeColumn .caption { height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #58595b; letter-spacing: 0; line-height: 1.875; text-align: left; margin: 30px 0 0; padding: 0; } .pageBlockWrapper .threeColumn .caption h3 { position: relative; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 26px; color: #00457c; letter-spacing: 0; line-height: 1.34615; text-transform: none; margin: 0 0 16px; padding: 0; } .pageBlockWrapper .threeColumn .caption h3:after { display: none; } .pageBlockWrapper .threeColumn .caption h3 a { color: #00457c; text-decoration: none; } .pageBlockWrapper .threeColumn .caption h3 a:hover { color: #51a7dc; } .pageBlockWrapper .threeColumn .caption p { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #58595b; letter-spacing: 0; line-height: 1.875; } body.history-page .twoColumn .caption, body.history-page .threeColumn .caption { font-family: "canada-type-gibson", sans-serif; font-weight: 300; font-size: 24px; color: #58595b; letter-spacing: 0; line-height: 1.625; } body.history-page .twoColumn .caption p, body.history-page .threeColumn .caption p { font-family: "canada-type-gibson", sans-serif; font-weight: 300; font-size: 24px; color: #58595b; letter-spacing: 0; line-height: 1.625; } .caseStudies, .industries, .gallery { margin: 0 -15px; } @media all and (min-width: 768px) and (max-width: 991px) { .caseStudies, .industries, .gallery { margin: 0 -25px; } } .caseStudies .columnWrapper, .industries .columnWrapper, .gallery .columnWrapper { padding: 20px 0; } .caseStudies .col, .industries .col, .gallery .col { margin-bottom: 30px !important; } @media all and (max-width: 767px) { .caseStudies .col:last-of-type, .industries .col:last-of-type, .gallery .col:last-of-type { margin-bottom: 0 !important; } } .caseStudies .twoColumn .col2, .industries .twoColumn .col2, .gallery .twoColumn .col2 { margin-top: 0; } .gallery .twoColumn .caption, .gallery .threeColumn .caption { font-family: "canada-type-gibson", sans-serif; font-weight: 300; font-size: 16px; color: #6d6e71; letter-spacing: 0; line-height: 1.125; margin: 20px 0 0; } .gallery .twoColumn .caption p, .gallery .threeColumn .caption p { font-family: "canada-type-gibson", sans-serif; font-weight: 300; font-size: 16px; color: #6d6e71; letter-spacing: 0; line-height: 1.125; } .industries .linkBoxes { margin-top: 30px; } .industries .linkBoxes .columnWrapper { padding: 50px 0 0; } @media all and (min-width: 768px) { .industries .linkBoxes .columnWrapper { padding: 60px 0 0; } } @media all and (min-width: 992px) { .industries .linkBoxes .columnWrapper { padding: 80px 0 0; } } .industries .linkBoxes .col { margin-bottom: 0 !important; } .leadership .imageBlock .content h2, .leadership .videoBlock .content h2 { padding: 0 0 15px; } .leadership .imageBlock .content h5, .leadership .videoBlock .content h5 { font-family: "canada-type-gibson", sans-serif; font-weight: 300; font-size: 23px; color: #58595b; line-height: 1.13043; padding: 0 0 30px; } .leadership .imageBlock .content p, .leadership .videoBlock .content p { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #58595b; line-height: 1.875; } .media { margin: 0; } .media .columnWrapper { padding: 20px 0 !important; } .media .col { margin-bottom: 30px !important; } @media all and (max-width: 767px) { .media .col:last-of-type { margin-bottom: 0 !important; } } .media .sectionTitle.viewAll { margin-left: 15px; margin-right: 15px; } .media .linkBoxes .columnWrapper { padding: 50px 0 0; } @media all and (min-width: 768px) { .media .linkBoxes .columnWrapper { padding: 60px 0 0; } } @media all and (min-width: 992px) { .media .linkBoxes .columnWrapper { padding: 80px 0 0; } } .media .linkBoxes .col { margin-bottom: 0 !important; } .services { margin: 0 -15px; } @media all and (min-width: 768px) and (max-width: 991px) { .services { margin: 0 -25px; } } .services .columnWrapper { padding: 20px 0; } .services .col { margin-bottom: 30px !important; } @media all and (max-width: 767px) { .services .col:last-of-type { margin-bottom: 0 !important; } } .services .threeColumn .columnWrapper { margin-top: 20px; padding: 50px 0 0; } @media all and (min-width: 768px) { .services .threeColumn .columnWrapper { padding: 60px 0 0; } } @media all and (min-width: 992px) { .services .threeColumn .columnWrapper { padding: 80px 0 0; } } .products { margin: 0 -15px; } .products .columnWrapper { padding: 0 0 50px; } @media all and (min-width: 768px) { .products .columnWrapper { padding: 0 0 60px; } } @media all and (min-width: 992px) { .products .columnWrapper { padding: 0 0 80px; } } .products .linkBoxes .container-fluid { text-align: left; } .products .linkBoxes .columnWrapper { padding: 20px 0; } .products .linkBoxes .col { margin-bottom: 30px !important; } @media all and (max-width: 767px) { .products .linkBoxes .col:last-of-type { margin-bottom: 0 !important; } } .products .linkBoxes .sectionTitle { float: none; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 21px; color: #414042; letter-spacing: 0.100em; line-height: 1.5; text-transform: uppercase; text-align: left; margin: 0 0 15px; } .products .linkBoxes .sectionTitle:after { background: none; content: ''; display: none; width: 0; height: 0; } .products .linkBoxes .sectionTitle span { font-weight: 400; color: #58595b; letter-spacing: 0; text-transform: none; } .products .linkBoxes .blockContent .col { margin-bottom: 0 !important; } .products .linkBoxes .blockContent .col .link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; line-height: 1; min-height: 100px; text-align: left; padding: 5px 30px; } .products .textOnly .container-fluid { text-align: left; } .products .textOnly .columnWrapper { padding: 20px 0 0; } .products .textOnly .col { text-align: left; margin-bottom: 0 !important; } .products .textOnly .col hr { margin: 0 0 50px; } .products .textOnly .col h2 { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 33px; color: #00457c; letter-spacing: 0; line-height: 1.15152; text-align: left; text-transform: none; margin: 0; padding: 10px 0 15px; } .products .textOnly .col p { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #58595b; letter-spacing: 0; line-height: 1.875; } .products.threeColumn { margin: 0; } /*------------------------------*\ Podcast \*------------------------------*/ .podcast-page { /*------------------------------*\ Sidebar \*------------------------------*/ } .podcast-page .back { margin-top: 0; } .podcast-page #menu { padding: 0; } .podcast-page #menu ul { margin: 0; padding-left: 0; } .podcast-page #menu ul li { list-style-type: none; } .podcast-page #menu .widget { border: solid 2px #dcddde; -webkit-box-shadow: none; box-shadow: none; height: auto; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #58595b; line-height: 2; text-align: left; margin: 0 0 30px; padding: 30px; } .podcast-page #menu .widget h3 { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 21px; color: #00457c; letter-spacing: 0; line-height: 1.19048; text-transform: uppercase; margin: 0; padding: 0 0 15px; } .podcast-page #menu .widget p { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #5d5d5d; line-height: 27px; } .podcast-page #menu .widget a { color: #2d96d6; text-decoration: none; } .podcast-page #menu .widget a:hover { color: #00457c; text-decoration: none; } .podcast-page #menu .widget li { font-size: 15px; font-weight: bold; color: #2d96d6; line-height: 30px; margin: 0 0 8px; padding: 0; } .podcast-page #menu .widget-search { background: #f2f2f3; border: none; } .podcast-page #menu .widget-search form { margin: 0; } .podcast-page #menu .widget-search form .input { background: #fff; border: solid 1px #d1d3d4; -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); height: 60px; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 18px; font-style: italic; color: #939598; padding: 0 15px; } .podcast-page #menu .widget-search form .input-group-btn { font-size: inherit; } .podcast-page #menu .widget-search form .input-group-btn .submit { background: #2d96d6; font-size: 24px; color: #fff; line-height: 0; margin: 0; padding: 18px; } .podcast-page #menu .widget-search form .input-group-btn .submit:after { display: none; } .podcast-page #menu .widget-search form .input-group-btn .submit i.fa { font-size: 24px; color: #fff; } .podcast-page #menu .widget-search form .input-group-btn .submit:hover, .podcast-page #menu .widget-search form .input-group-btn .submit:active { background: #00457c; color: #fff !important; text-decoration: none; } @media all and (min-width: 768px) { .podcast-page #menu .widget-search form .input-group-btn .submit:hover, .podcast-page #menu .widget-search form .input-group-btn .submit:active { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } } .podcast-page #menu .widget-search form .input-group-btn .submit:hover i.fa, .podcast-page #menu .widget-search form .input-group-btn .submit:active i.fa { color: #fff; } .podcast-page #menu .categories ul { background: none; display: block; margin: 0; padding: 0; } .podcasts { margin-top: 20px; /*------------------------------*\ Comments \*------------------------------*/ } .podcasts .post .alignleft { float: left; margin: 0 15px 15px 0; } .podcasts .post .alignright { float: right; margin: 0 0 15px 15px; } .podcasts .post .alignnone { float: none; margin: 15px 0; } .podcasts .post .postLeft { padding: 0; } @media all and (min-width: 768px) { .podcasts .post .postLeft { padding-left: 0; padding-right: 30px; } } .podcasts .post .postLeft .featuredImage { margin: 0 0 15px; } .podcasts .post .postLeft .featuredImage img { display: block; width: 100%; height: auto; } .podcasts .post .postRight { padding: 0; } .podcasts .post .postRight.full { float: none; width: 100%; } @media all and (min-width: 768px) { .podcasts .post .postRight.full { padding-left: 0; padding-right: 15px; } } .podcasts .post .postRight p { font-size: 14px; color: #666; line-height: 1.85714; } .podcasts .post #nextPrev { text-align: center; } .podcasts .landing { border-top: solid 2px #dcddde; padding: 50px 0; } .podcasts .postDate { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic; color: #666; } .podcasts h2 { font-size: 30px; line-height: 1.2; } .podcasts h2 a { font-weight: inherit !important; color: #00457c; } .podcasts h2 a:hover { color: #2d96d6; } .podcasts .postMeta { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #4a4a4a; margin-top: 10px; } .podcasts .postMeta .postListen, .podcasts .postMeta .postDownload, .podcasts .postMeta .postCategories { display: inline; } .podcasts .postMeta .delimiter { display: inline; padding: 0 10px; } .podcasts .postDetail { margin: 40px 0 0; } .podcasts .postDetail .postDate { margin-bottom: 15px; } .podcasts .postDetail h1 { margin: 0 0 15px; padding: 0 0 30px; } @media all and (min-width: 992px) { .podcasts .postDetail h1 { font-size: 46px; line-height: 1.08696; } } .podcasts .postDetail h1:after { background: #dcddde; width: 100%; height: 2px; } .podcasts .postDetail .postMetaDetail { margin-bottom: 40px; } .podcasts .postDetail .postMetaDetail.bottom { border-top: solid 2px #dcddde; margin: 40px 0 0; padding: 15px 0 0; } .podcasts .postDetail .postMetaDetail .postMeta { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #4a4a4a; margin: 0 0 15px; } @media all and (min-width: 992px) { .podcasts .postDetail .postMetaDetail .postMeta { float: left; margin: 0; } } .podcasts .postDetail .postMetaDetail .postMeta .postComments, .podcasts .postDetail .postMetaDetail .postMeta .postCategories { display: inline; } .podcasts .postDetail .postMetaDetail .postMeta .delimiter { display: inline; padding: 0 10px; } .podcasts .postDetail .postContent { margin: 20px 0; padding: 0; } .podcasts .postDetail .postContent .featuredImageFull { margin-bottom: 40px; } .podcasts .postDetail .postContent .featuredImageFull img { width: 100%; } .podcasts #commentsContainer .commentsTitle { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; color: #00457c; letter-spacing: 0.050em; line-height: 1.125; text-transform: uppercase; margin: 0 0 15px; } .podcasts #commentsContainer .comment { border-top: solid 2px #dcddde; padding: 40px 0; } .podcasts #commentsContainer .comment .commentMeta { padding: 0; } .podcasts #commentsContainer .comment .commentMeta .commentAuthor .name { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #58595b; } .podcasts #commentsContainer .comment .commentMeta .commentAuthor .name .commentAuthorName { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #58595b; } .podcasts #commentsContainer .comment .commentMeta .commentAuthor .commentDate { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #58595b; text-transform: uppercase; } .podcasts #commentsContainer .comment .commentContent { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #58595b; line-height: 1.4; text-align: left; margin-top: 15px; padding: 0; } @media all and (min-width: 768px) { .podcasts #commentsContainer .comment .commentContent { margin-top: 0; padding-left: 15px; } } .podcasts #commentsContainer .comment .commentContent p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #414042; line-height: 26px; } .podcasts #commentsContainer .comment .commentContent p:last-child { margin: 0; } .podcasts #commentsContainer .replyComment { padding-left: 60px; } .podcasts #commentsContainer .leaveComment { border-top: solid 2px #dcddde; margin: 0; padding: 50px 0 0; } .podcasts #commentsContainer .leaveComment .commentForm { background: #f2f2f3; padding: 25px; } @media all and (min-width: 768px) { .podcasts #commentsContainer .leaveComment .commentForm { padding: 30px 50px; } } .podcasts #commentsContainer .leaveComment .commentForm h2 { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 30px; color: #00457c; padding: 0 0 20px; } /*------------------------------*\ Popups \*------------------------------*/ /*------------------------------*\ Popups \*------------------------------*/ .modal { background: rgba(0, 0, 0, 0.6); } .modal .modal-content { background: #f2f2f3; background-clip: inherit; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 0 20px; } @media all and (min-width: 768px) { .modal .modal-content { padding: 0 50px; } } .modal .modal-content .modal-header { background: none; border-bottom: solid 4px #dcddde; position: relative; padding: 45px 0 10px; } .modal .modal-content .modal-header .close { text-shadow: none; opacity: 1; position: absolute; right: 0; top: 8px; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 34px; color: #bcbec0; margin-top: 0; } @media all and (min-width: 768px) { .modal .modal-content .modal-header .close { right: -30px; top: 8px; } } .modal .modal-content .modal-header h2 { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 30px; color: #00457c; letter-spacing: 0; line-height: 1.16667; text-transform: none; margin: 0; padding: 10px 0 15px; } @media all and (min-width: 992px) { .modal .modal-content .modal-header h2 { float: left; } } .modal .modal-content .modal-header .required { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 16px; color: #333132; } @media all and (min-width: 992px) { .modal .modal-content .modal-header .required { float: right; margin-top: 15px; } } .modal .modal-content .modal-body { background: none; padding: 28px 0; } .modal .modal-content .modal-body hr { margin: 20px 0; } .modal .modal-content .modal-body .quoteForm { margin: 0; padding: 0; } .modal .modal-content .modal-body .quoteForm .formHeader { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; color: #58595b; letter-spacing: 0.075em; line-height: 2.1875; text-transform: uppercase; margin: 0; } .modal .modal-content .modal-body .quoteForm .formHeader .productCategory { font-size: 26px; font-weight: 400; color: #414042; letter-spacing: 0; line-height: 1.15385; text-transform: none; margin: 5px 0 0; } .modal .modal-content .modal-body .quoteForm .quoteProductWrapper { border-bottom: solid 4px #dcddde; margin-bottom: 30px; padding-bottom: 20px; } .modal .modal-content .modal-body .quoteForm .quoteProductWrapper input[type="text"], .modal .modal-content .modal-body .quoteForm .quoteProductWrapper input[type="email"], .modal .modal-content .modal-body .quoteForm .quoteProductWrapper input[type="password"], .modal .modal-content .modal-body .quoteForm .quoteProductWrapper select, .modal .modal-content .modal-body .quoteForm .quoteProductWrapper textarea { width: 100%; height: 48px; font-style: normal; color: #58595b; } .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 13px; color: #58595b; margin-top: 20px; } .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper .product { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #58595b; margin: 0 0 20px; } @media all and (min-width: 768px) { .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper .product { margin: 0; } } .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper a { letter-spacing: 0.150em; text-transform: uppercase; } .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper a.addNotes:after { display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\00a0\f0d7"; } .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper a.addNotes.open:after { content: "\00a0\f0d8"; } .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper a.remove { font-family: "canada-type-gibson", sans-serif; font-weight: 400; color: #000; } .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper a.remove:hover { color: #b9100c; } .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .productWrapper .delimiter { padding: 0 18px; } .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .quantityWrapper { margin: 20px 0 0; padding: 0; } @media all and (min-width: 768px) { .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .quantityWrapper { margin: 0; } } .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .uomWrapper { margin: 20px 0 0; padding: 0; } @media all and (min-width: 768px) { .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .uomWrapper { margin: 0; } } .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .notesWrapper { display: none; float: none; margin: 30px 0 0; } @media all and (min-width: 768px) { .modal .modal-content .modal-body .quoteForm .quoteProductWrapper .notesWrapper { margin: 15px 0 0; } } .modal .modal-content .modal-footer { background: none; border: none; text-align: left; padding: 0; } /*------------------------------*\ Slideshow \*------------------------------*/ /*------------------------------*\ Bootstrap Slideshow \*------------------------------*/ .carousel { width: 100%; overflow: hidden; } .carousel ol.carousel-indicators { display: block; bottom: 0; top: auto; margin: 0 0 0 -30%; } @media all and (min-width: 768px) { .carousel ol.carousel-indicators { bottom: 0; } } .carousel ol.carousel-indicators li { background: #fff; background: rgba(255, 255, 255, 0.7); border: none; width: 12px; height: 12px; margin: 0 6px; padding: 0; } .carousel ol.carousel-indicators li:hover, .carousel ol.carousel-indicators li.active { background: #fab816; } .carousel .carousel-inner { overflow: hidden; } .carousel .carousel-inner .item { margin: 0; } .carousel .carousel-inner .item img { width: 100%; margin: 0; } .carousel .carousel-inner .item .carousel-content { padding: 0; } @media all and (min-width: 768px) { .carousel .carousel-inner .item .carousel-content { position: absolute; left: 0; bottom: 45px; padding: 0 15px; } } @media all and (min-width: 768px) { .carousel .carousel-inner .item .carousel-content .contentWrapper { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } } .carousel .carousel-inner .item .carousel-content .carousel-title { background: #00457c; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 26px; color: #fff; line-height: 1.15385; text-align: left; padding: 20px 15px 0 15px; } @media all and (min-width: 768px) { .carousel .carousel-inner .item .carousel-content .carousel-title { height: 144px; position: relative; z-index: 13; padding: 25px 30px 25px 40px; } } @media all and (min-width: 992px) { .carousel .carousel-inner .item .carousel-content .carousel-title { font-size: 29px; line-height: 1.13793; padding: 32px 30px 32px 40px; } } @media all and (min-width: 1200px) { .carousel .carousel-inner .item .carousel-content .carousel-title { font-size: 37px; line-height: 1.08108; } } .carousel .carousel-inner .item .carousel-content .carousel-title:after { content: ''; } @media all and (min-width: 768px) { .carousel .carousel-inner .item .carousel-content .carousel-title:after { background: #00457c; width: 45px; height: 144px; position: absolute; right: -23px; top: 0; -moz-transform: skewX(-17deg); -ms-transform: skewX(-17deg); -webkit-transform: skewX(-17deg); transform: skewX(-17deg); z-index: -1; } } .carousel .carousel-inner .item .carousel-content .carousel-caption { background: #00457c; display: block; position: static; font-family: "canada-type-gibson", sans-serif; font-weight: 300; font-size: 16px; color: #fff; line-height: 1.5; text-align: left; text-shadow: none; margin: 0; padding: 20px 15px 45px 15px; } @media all and (min-width: 768px) { .carousel .carousel-inner .item .carousel-content .carousel-caption { background: #000; background: rgba(0, 0, 0, 0.7); height: 135px; font-size: 15px; line-height: 1.53333; margin: 9px 0 0; padding: 20px 20px 20px 60px; } } @media all and (min-width: 992px) { .carousel .carousel-inner .item .carousel-content .carousel-caption { font-size: 18px; line-height: 1.33333; padding: 30px 20px 30px 60px; } } @media all and (min-width: 1200px) { .carousel .carousel-inner .item .carousel-content .carousel-caption { font-size: 20px; line-height: 1.3; } } .carousel .carousel-inner .item .carousel-content .carousel-caption a { font-size: 16px; font-weight: 600; color: #fab816; text-decoration: none; } @media all and (min-width: 992px) { .carousel .carousel-inner .item .carousel-content .carousel-caption a { font-size: 18px; } } .carousel .carousel-inner .item .carousel-content .carousel-caption a:hover { color: #2d96d6; text-decoration: none; } .carousel span.prev, .carousel span.next { display: inline-block; width: 30px; height: 30px; position: absolute; bottom: 2%; top: auto; font-size: 30px; color: #fff; z-index: 5; margin-top: 0; } @media all and (min-width: 768px) { .carousel span.prev, .carousel span.next { font-size: 40px; bottom: 14px; } } @media all and (min-width: 992px) { .carousel span.prev, .carousel span.next { font-size: 45px; bottom: 17px; } } .carousel span.prev { left: 20px; } @media all and (min-width: 768px) { .carousel span.prev { left: 45px; } } .carousel span.next { right: 20px; } @media all and (min-width: 768px) { .carousel span.next { right: 45px; } } /*------------------------------*\ Stock List \*------------------------------*/ @media all and (min-width: 768px) { .stockListPanels #accordion .panel { border: solid 2px #dcddde; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none !important; box-shadow: none !important; } } .stockListPanels #accordion .panel-heading.active { background: #fff !important; } .stockListPanels #accordion .panel-collapse { background: #fff !important; } .stockCount { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic; color: #58595b; line-height: 1.875; margin: 0 0 20px; } .stock { text-align: left; margin: 0 -15px; padding: 0; } .stock .stockListWrapper .colWrapper { display: block; position: relative; z-index: 1; margin: 0 !important; } @media all and (min-width: 768px) { .stock .stockListWrapper .colWrapper { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex-direction: column; } } @media all and (min-width: 768px) and (max-width: 991px) { .stock .stockListWrapper .colWrapper:nth-of-type(2n+1) { clear: both; } } @media all and (min-width: 992px) { .stock .stockListWrapper .colWrapper:nth-of-type(3n+1) { clear: both; } } .stock .stockListWrapper .colWrapper .col { border-top: solid 2px #dcddde; padding: 20px 0 35px; } .stock .stockListWrapper .colWrapper .col .colTitle { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 21px; color: #414042; letter-spacing: 0; line-height: normal; text-align: left; text-transform: none; padding: 0 0 10px; } .stock .stockListWrapper .colWrapper .col .colTitle a, .stock .stockListWrapper .colWrapper .col .colTitle a:active, .stock .stockListWrapper .colWrapper .col .colTitle a:focus { display: block; float: none; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 21px; color: #00457c; letter-spacing: 0; line-height: normal; text-align: left; text-transform: none; margin: 0; } .stock .stockListWrapper .colWrapper .col .colTitle a:hover, .stock .stockListWrapper .colWrapper .col .colTitle a:active:hover, .stock .stockListWrapper .colWrapper .col .colTitle a:focus:hover { color: #fab816; text-decoration: none; } .stock .stockListWrapper .colWrapper .col a, .stock .stockListWrapper .colWrapper .col a:active, .stock .stockListWrapper .colWrapper .col a:focus { display: inline-block; font-family: "canada-type-gibson", sans-serif; font-size: 16px; font-weight: 600; color: #2d96d6; letter-spacing: 0; line-height: normal; text-align: left; text-decoration: none; text-transform: none; margin: 0; padding: 0; } .stock .stockListWrapper .colWrapper .col a:hover, .stock .stockListWrapper .colWrapper .col a:active:hover, .stock .stockListWrapper .colWrapper .col a:focus:hover { color: #fab816; text-decoration: none; } .stock ul{display:block;position:relative;z-index:1;margin:0 !important} @media all and (min-width: 768px) and (max-width: 991px){.stock ul:nth-of-type(2n+1){clear:both} } .stock ul li{display:block;float:none;font-family:"canada-type-gibson",sans-serif;font-weight:600;font-size:18px;color:#414042;letter-spacing:0.150em;line-height:normal;text-align:left;text-transform:uppercase;margin:0 !important;padding:0 0 30px} @media all and (min-width: 992px){.stock ul li.last{padding-bottom:0} } .stock ul li a,.stock ul li a:active,.stock ul li a:focus{display:block;float:none;font-family:"canada-type-gibson",sans-serif;font-weight:600;font-size:18px;color:#00457c;letter-spacing:0.150em;line-height:normal;text-align:left;text-decoration:none;text-transform:uppercase;margin:0} .stock ul li a:hover,.stock ul li a:active:hover,.stock ul li a:focus:hover{color:#fab816;text-decoration:none} .stock ul li ul{clear:both;display:block;float:none;width:100%;text-align:left;margin:15px 0 0 !important;padding:0} @media all and (min-width: 768px){.stock ul li ul{margin:10px 0 0 !important} } .stock ul li ul li{display:block;list-style:none;font-family:"canada-type-gibson",sans-serif;font-size:16px;font-weight:600;color:#414042;line-height:normal;text-align:left;margin:0;padding:0} .stock ul li ul li a,.stock ul li ul li a:active,.stock ul li ul li a:focus{display:block;font-family:"canada-type-gibson",sans-serif;font-size:16px;font-weight:600;color:#2d96d6;letter-spacing:0;line-height:normal;text-align:left;text-decoration:none;text-transform:none;margin:0;padding:0 0 15px} @media all and (min-width: 768px){.stock ul li ul li a,.stock ul li ul li a:active,.stock ul li ul li a:focus{padding:0 0 5px} } .stock ul li ul li a:hover,.stock ul li ul li a:active:hover,.stock ul li ul li a:focus:hover{color:#fab816;text-decoration:none} .productSheetWrapper .productSheet .stockListDetail{background:#fff;border-top:solid 2px #dcddde;margin-top:0;padding:50px 0} .productSheetWrapper .productSheet .stockListDetail .filtersWrapper{margin-bottom:50px} .productSheetWrapper .productSheet .stockListDetail .filtersWrapper select{background:#f1f2f2;display:block;font-style:normal;color:#58595b;margin-bottom:20px} @media all and (min-width: 768px){.productSheetWrapper .productSheet .stockListDetail .filtersWrapper select{max-width:370px} } .productSheetWrapper .productSheet .stockListDetail .filtersWrapper a{font-weight:600} .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .grade{border-bottom:solid 2px #dcddde;padding:0 0 30px} @media all and (min-width: 768px){.productSheetWrapper .productSheet .stockListDetail .filtersWrapper .grade{border-right:solid 2px #dcddde;border-bottom:none;padding-right:45px} } .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .filters{padding:30px 0 0} @media all and (min-width: 768px){.productSheetWrapper .productSheet .stockListDetail .filtersWrapper .filters{padding-top:0;padding-left:45px} } .productSheetWrapper .productSheet .stockListDetail table{border-collapse:collapse;width:100%} .productSheetWrapper .productSheet .stockListDetail table thead tr{background:#00457c} .productSheetWrapper .productSheet .stockListDetail table thead tr th{font-family:"canada-type-gibson",sans-serif;font-weight:600;font-size:16px;color:#fff;letter-spacing:0.100em;line-height:1.3125;text-align:center;text-transform:uppercase;padding:10px} @media all and (min-width: 992px){.productSheetWrapper .productSheet .stockListDetail table thead tr th{padding:30px 25px} } @media all and (max-width: 767px){.productSheetWrapper .productSheet .stockListDetail table thead tr th{display:block;padding:5px 10px} } .productSheetWrapper .productSheet .stockListDetail table tbody{border-bottom:solid 2px #dcddde} .productSheetWrapper .productSheet .stockListDetail table tbody tr{background:#fff;padding:10px 0} @media all and (min-width: 992px){.productSheetWrapper .productSheet .stockListDetail table tbody tr{padding:0} } .productSheetWrapper .productSheet .stockListDetail table tbody tr:nth-child(odd){background:#f2f2f3} .productSheetWrapper .productSheet .stockListDetail table tbody tr td{border-right:solid 2px #dcddde;color:#414042;text-align:left;padding:10px} @media all and (min-width: 768px){.productSheetWrapper .productSheet .stockListDetail table tbody tr td{text-align:center} } @media all and (min-width: 992px){.productSheetWrapper .productSheet .stockListDetail table tbody tr td{padding:10px 25px} } @media all and (max-width: 767px){.productSheetWrapper .productSheet .stockListDetail table tbody tr td{border:none;display:block;padding:2px 15px} } .productSheetWrapper .productSheet .stockListDetail table tbody tr td:before{content:attr(data-th) ": ";display:inline-block;font-family:"canada-type-gibson",sans-serif;font-weight:600;font-size:16px;color:#00457c;letter-spacing:0.100em;line-height:1.3125;text-transform:uppercase} @media (min-width: 768px){.productSheetWrapper .productSheet .stockListDetail table tbody tr td:before{display:none} } @media all and (max-width: 767px){.productSheetWrapper .productSheet .stockListDetail table tbody tr td:first-of-type{padding-top:30px} } .productSheetWrapper .productSheet .stockListDetail table tbody tr td:first-of-type:before{content:'';display:none} .productSheetWrapper .productSheet .stockListDetail table tbody tr td:last-of-type{border:none} @media all and (max-width: 767px){.productSheetWrapper .productSheet .stockListDetail table tbody tr td:last-of-type{padding-bottom:30px} } .productSheetWrapper .quoteButtons{margin-bottom:70px} .productSheetWrapper .quoteButtons .button,.productSheetWrapper .quoteButtons .buttonBg{display:block;margin-bottom:45px} @media all and (min-width: 768px){.productSheetWrapper .quoteButtons .button,.productSheetWrapper .quoteButtons .buttonBg{display:inline-block;margin-right:40px;margin-bottom:0} } @media all and (min-width: 768px){.productSheetWrapper .quoteButtons .button{padding-top:10px} } .stockList { text-align: left; margin: 0 -15px; padding: 0; } .stockList ul { display: block; position: relative; z-index: 1; margin: 0 !important; } @media all and (min-width: 768px) and (max-width: 991px) { .stockList ul:nth-of-type(2n+1) { clear: both; } } .stockList ul li { display: block; float: none; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 18px; color: #414042; letter-spacing: 0.150em; line-height: normal; text-align: left; text-transform: uppercase; margin: 0 !important; padding: 0 0 30px; } @media all and (min-width: 992px) { .stockList ul li.last { padding-bottom: 0; } } .stockList ul li a, .stockList ul li a:active, .stockList ul li a:focus { display: block; float: none; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 18px; color: #00457c; letter-spacing: 0.150em; line-height: normal; text-align: left; text-decoration: none; text-transform: uppercase; margin: 0; } .stockList ul li a:hover, .stockList ul li a:active:hover, .stockList ul li a:focus:hover { color: #fab816; text-decoration: none; } .stockList ul li ul { clear: both; display: block; float: none; width: 100%; text-align: left; margin: 15px 0 0 !important; padding: 0; } @media all and (min-width: 768px) { .stockList ul li ul { margin: 10px 0 0 !important; } } .stockList ul li ul li { display: block; list-style: none; font-family: "canada-type-gibson", sans-serif; font-size: 16px; font-weight: 600; color: #414042; line-height: normal; text-align: left; margin: 0; padding: 0; } .stockList ul li ul li a, .stockList ul li ul li a:active, .stockList ul li ul li a:focus { display: block; font-family: "canada-type-gibson", sans-serif; font-size: 16px; font-weight: 600; color: #2d96d6; letter-spacing: 0; line-height: normal; text-align: left; text-decoration: none; text-transform: none; margin: 0; padding: 0 0 15px; } @media all and (min-width: 768px) { .stockList ul li ul li a, .stockList ul li ul li a:active, .stockList ul li ul li a:focus { padding: 0 0 5px; } } .stockList ul li ul li a:hover, .stockList ul li ul li a:active:hover, .stockList ul li ul li a:focus:hover { color: #fab816; text-decoration: none; } .productSheetWrapper .productSheet .stockListDetail { background: #fff; border-top: solid 2px #dcddde; margin-top: 0; padding: 50px 0; } .productSheetWrapper .productSheet .stockListDetail .filtersWrapper { margin-bottom: 50px; } .productSheetWrapper .productSheet .stockListDetail .filtersWrapper select { background: #f1f2f2; display: block; font-style: normal; color: #58595b; margin-bottom: 20px; } @media all and (min-width: 768px) { .productSheetWrapper .productSheet .stockListDetail .filtersWrapper select { max-width: 370px; } } .productSheetWrapper .productSheet .stockListDetail .filtersWrapper a { font-weight: 600; } .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .grade { border-bottom: solid 2px #dcddde; padding: 0 0 30px; } @media all and (min-width: 768px) { .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .grade { border-right: solid 2px #dcddde; border-bottom: none; padding-right: 45px; } } .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .filters { padding: 30px 0 0; } @media all and (min-width: 768px) { .productSheetWrapper .productSheet .stockListDetail .filtersWrapper .filters { padding-top: 0; padding-left: 45px; } } .productSheetWrapper .productSheet .stockListDetail table { border-collapse: collapse; width: 100%; } .productSheetWrapper .productSheet .stockListDetail table thead tr { background: #00457c; } .productSheetWrapper .productSheet .stockListDetail table thead tr th { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; color: #fff; letter-spacing: 0.100em; line-height: 1.3125; text-align: center; text-transform: uppercase; padding: 10px; } @media all and (min-width: 992px) { .productSheetWrapper .productSheet .stockListDetail table thead tr th { padding: 30px 25px; } } @media all and (max-width: 767px) { .productSheetWrapper .productSheet .stockListDetail table thead tr th { display: block; padding: 5px 10px; } } .productSheetWrapper .productSheet .stockListDetail table tbody { border-bottom: solid 2px #dcddde; } .productSheetWrapper .productSheet .stockListDetail table tbody tr { background: #fff; padding: 10px 0; } @media all and (min-width: 992px) { .productSheetWrapper .productSheet .stockListDetail table tbody tr { padding: 0; } } .productSheetWrapper .productSheet .stockListDetail table tbody tr:nth-child(odd) { background: #f2f2f3; } .productSheetWrapper .productSheet .stockListDetail table tbody tr td { border-right: solid 2px #dcddde; color: #414042; text-align: left; padding: 10px; } @media all and (min-width: 768px) { .productSheetWrapper .productSheet .stockListDetail table tbody tr td { text-align: center; } } @media all and (min-width: 992px) { .productSheetWrapper .productSheet .stockListDetail table tbody tr td { padding: 10px 25px; } } @media all and (max-width: 767px) { .productSheetWrapper .productSheet .stockListDetail table tbody tr td { border: none; display: block; padding: 2px 15px; } } .productSheetWrapper .productSheet .stockListDetail table tbody tr td:before { content: attr(data-th) ": "; display: inline-block; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; color: #00457c; letter-spacing: 0.100em; line-height: 1.3125; text-transform: uppercase; } @media (min-width: 768px) { .productSheetWrapper .productSheet .stockListDetail table tbody tr td:before { display: none; } } @media all and (max-width: 767px) { .productSheetWrapper .productSheet .stockListDetail table tbody tr td:first-of-type { padding-top: 30px; } } .productSheetWrapper .productSheet .stockListDetail table tbody tr td:first-of-type:before { content: ''; display: none; } .productSheetWrapper .productSheet .stockListDetail table tbody tr td:last-of-type { border: none; } @media all and (max-width: 767px) { .productSheetWrapper .productSheet .stockListDetail table tbody tr td:last-of-type { padding-bottom: 30px; } } .productSheetWrapper .quoteButtons { margin-bottom: 70px; } .productSheetWrapper .quoteButtons .button, .productSheetWrapper .quoteButtons .buttonBg { display: block; margin-bottom: 45px; } @media all and (min-width: 768px) { .productSheetWrapper .quoteButtons .button, .productSheetWrapper .quoteButtons .buttonBg { display: inline-block; margin-right: 40px; margin-bottom: 0; } } @media all and (min-width: 768px) { .productSheetWrapper .quoteButtons .button { padding-top: 10px; } } /*------------------------------*\ Surplus Inventory \*------------------------------*/ .iframeWrapper { margin: 0 0 50px; } .iframeWrapper .iframe { margin: 0 0 30px; } .iframeWrapper p { font-size: 15px; font-style: italic; line-height: 1.6; } .iframeWrapper a { font-weight: normal !important; color: #58595b !important; } .iframeWrapper a:hover { color: #00457c !important; } /*------------------------------*\ Tabs \*------------------------------*/ .tabsWrapper .tabbedData { padding-bottom: 50px; } @media all and (min-width: 992px) { .tabsWrapper .tabbedData { padding-bottom: 70px; } } .tabsWrapper .tabbedData .tabs { padding-top: 40px; } .tabsWrapper .tabbedData .tabs .nav-tabs { border-bottom: solid 2px #dcddde; display: none; margin: 0; padding: 0; } @media all and (min-width: 768px) { .tabsWrapper .tabbedData .tabs .nav-tabs { display: block; } } .tabsWrapper .tabbedData .tabs .nav-tabs > li { float: none; width: 100%; margin-bottom: -2px; } @media all and (min-width: 768px) { .tabsWrapper .tabbedData .tabs .nav-tabs > li { float: left; width: auto; } } .tabsWrapper .tabbedData .tabs .nav-tabs > li > a { background: #dcddde; border: 2px solid transparent; width: auto; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; color: #00457c; letter-spacing: 0.150em; text-transform: uppercase; margin-right: 0; padding: 13px 40px; } @media all and (min-width: 768px) { .tabsWrapper .tabbedData .tabs .nav-tabs > li > a { -webkit-box-shadow: inset 0 -5px 5px -5px rgba(0, 0, 0, 0.12); box-shadow: inset 0 -5px 5px -5px rgba(0, 0, 0, 0.12); margin-right: 5px; } } .tabsWrapper .tabbedData .tabs .nav-tabs > li > a:hover { background: #c9cacb; border-color: #dcddde; -webkit-box-shadow: none; box-shadow: none; color: #414042; } .tabsWrapper .tabbedData .tabs .nav-tabs > li.active > a, .tabsWrapper .tabbedData .tabs .nav-tabs > li.active > a:hover, .tabsWrapper .tabbedData .tabs .nav-tabs > li.active > a:focus { background-color: #fff; border: solid 2px #dcddde; border-bottom-color: transparent; -webkit-box-shadow: none; box-shadow: none; cursor: default; color: #414042; } .tabsWrapper .tabbedData .tabs .tab-content { border: none; } @media all and (min-width: 768px) { .tabsWrapper .tabbedData .tabs .tab-content { border: solid 2px #dcddde; border-top: none; padding: 40px; } } @media all and (max-width: 767px) { .tabsWrapper .tabbedData .tabs .tab-content .tab-pane { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); display: block !important; opacity: 1 !important; margin-bottom: 30px; } } .tabsWrapper .tabbedData .tabs .tab-content .tab-pane .collapsibleHeader { background: #e6e7e8; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; position: relative; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 21px; color: #00457c; padding: 30px 32px 30px 80px; } @media all and (min-width: 768px) { .tabsWrapper .tabbedData .tabs .tab-content .tab-pane .collapsibleHeader { display: none; } } .tabsWrapper .tabbedData .tabs .tab-content .tab-pane .collapsibleHeader h4 { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 21px; color: #00457c; padding: 0; } @media all and (min-width: 768px) { .tabsWrapper .tabbedData .tabs .tab-content .tab-pane .collapsibleHeader h4 { font-size: 26px; } } .tabsWrapper .tabbedData .tabs .tab-content .tab-pane .collapsibleHeader:before { display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f067'; display: block; position: absolute; left: 32px; top: 20px; font-size: 30px; color: #a9abad; text-shadow: 1px 1px 1px #fff; margin: 0; } .tabsWrapper .tabbedData .tabs .tab-content .tab-pane .collapsibleHeader:hover { background: #f1f2f2; } .tabsWrapper .tabbedData .tabs .tab-content .tab-pane .collapsibleHeader:hover h4 { color: #414042 !important; } .tabsWrapper .tabbedData .tabs .tab-content .tab-pane .collapsibleHeader.active { background: #f1f2f2; } .tabsWrapper .tabbedData .tabs .tab-content .tab-pane .collapsibleHeader.active h4 { color: #414042 !important; } .tabsWrapper .tabbedData .tabs .tab-content .tab-pane .collapsibleHeader.active:before { content: '\f068'; } .tabsWrapper .tabbedData .tabs .tab-content .tab-pane .collapsibleContent { background: #f1f2f2; display: none; padding: 0 20px 30px 80px; } @media all and (min-width: 768px) { .tabsWrapper .tabbedData .tabs .tab-content .tab-pane .collapsibleContent { background: none; display: block; padding: 0; } } /*------------------------------*\ Footer \*------------------------------*/ footer { clear: both; margin: 0; } footer .footerWrapper { background: #e6e7e8; border-top: solid 1px #d1d3d4; padding: 0 15px; } @media (min-width: 992px) { footer .footerWrapper { padding: 0; } } footer .footerWrapper .footerTitle { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 19px; color: #414042; letter-spacing: 0.150em; line-height: 1.15789; text-transform: uppercase; margin: 0 0 20px; padding: 0; } footer .footerWrapper .footerTop { padding: 35px 0; } @media (min-width: 768px) { footer .footerWrapper .footerTop { padding: 30px 0; } } @media (min-width: 992px) { footer .footerWrapper .footerTop { padding: 40px 0; } } footer .footerWrapper .footerTop .newsletterWrapper .newsletterText { margin-top: 7px; } @media (min-width: 768px) { footer .footerWrapper .footerTop .newsletterWrapper .newsletterText { padding-left: 0; } } @media (min-width: 992px) { footer .footerWrapper .footerTop .newsletterWrapper .newsletterText { margin-top: 15px; } } footer .footerWrapper .footerTop .newsletterWrapper .newsletterText p { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 18px; color: #414042; line-height: 1.33333; margin: 0; padding: 0; } @media (min-width: 992px) { footer .footerWrapper .footerTop .newsletterWrapper .newsletterText p { font-size: 21px; line-height: 1.14286; } } footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm { margin: 20px 0 0; } @media (min-width: 768px) { footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm { text-align: right; margin: 0; padding-right: 0; } } footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm form .input-group { width: 110%; position: relative; right: auto; } @media (min-width: 768px) { footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm form .input-group { width: 100%; position: absolute; right: -48px; padding-right: 0; } } footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm form .input-group .input { background: #fff; border: solid 1px #d1d3d4; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15); height: 61px; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 18px; font-style: italic; color: #939598; padding: 0 15px; } footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm form .input-group .input-group-btn { font-size: inherit; right: 50px; z-index: 5; } footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm form .input-group .input-group-btn .submit { background: none; font-size: 21px; color: #00457c; padding: 12px 14px; } footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm form .input-group .input-group-btn .submit:after { display: none; } footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm form .input-group .input-group-btn .submit i.fa { font-size: 21px; } @media all and (min-width: 768px) { footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm form .input-group .input-group-btn .submit i.fa { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } } footer .footerWrapper .footerTop .newsletterWrapper .newsletterForm form .input-group .input-group-btn .submit:hover { color: #2d96d6; } footer .footerWrapper .footerMiddle .footerMenuWrapper { border-top: solid 1px #d3d5d6; margin: 0 15px; padding: 35px 0; } @media (min-width: 768px) { footer .footerWrapper .footerMiddle .footerMenuWrapper { margin: 0; } } @media (min-width: 992px) { footer .footerWrapper .footerMiddle .footerMenuWrapper { padding: 40px 0; } } footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu { margin-bottom: 40px; padding: 0; } @media (min-width: 768px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu { margin: 0; padding-left: 0; padding-right: 15px; } } footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu ul { margin: 0; padding: 0; } footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu ul li { display: block; list-style: none; max-width: 240px; margin: 0; padding: 0; } footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu ul li a { display: inline-block; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 15px; color: #2d96d6; margin: 0; padding: 5px 0; } footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu ul li a:hover, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu ul li a:active, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu ul li a:focus, footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu ul li a.active { color: #00457c; } footer .footerWrapper .footerMiddle .footerMenuWrapper .footerMenu ul li.last { background: none; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper { clear: both; margin-top: 5px; padding: 0; } @media (min-width: 768px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper { margin-top: 45px; padding-left: 0; padding-right: 15px; } } @media (min-width: 992px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper { clear: none; text-align: right; margin-top: 0; padding-left: 15px; padding-right: 0; } } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .footerButtons { display: block; } @media (min-width: 768px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .footerButtons { display: inline; } } @media (min-width: 992px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .footerButtons { display: block; } } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .footerButtons .button { display: block; width: 100%; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; text-align: center; padding: 25px 20px; } @media (min-width: 768px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .footerButtons .button { display: inline-block; width: auto; padding: 20px 30px; } } @media (min-width: 992px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .footerButtons .button { display: block; width: 100%; padding: 25px 20px; } } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .footerButtons .button:after { content: ''; display: none; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .footerButtons .stocklist { background: #2d96d6; color: #fff !important; margin: 0; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .footerButtons .stocklist:hover { background: #00457c; color: #fff !important; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .footerButtons .myaccount { background: #c7c8ca; color: #00457c !important; margin: 15px 0; } @media (min-width: 768px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .footerButtons .myaccount { margin: 0 0 0 15px; } } @media (min-width: 992px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .footerButtons .myaccount { margin: 15px 0; } } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .footerButtons .myaccount:hover { background: #a5a7a9; color: #00457c !important; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu { display: block; text-align: center; padding: 0; } @media (min-width: 768px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu { display: inline-block; text-align: left; padding: 0 0px; } } @media (min-width: 992px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu { display: block; text-align: right; margin-top: 15px; padding-right: 0; } } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul { margin: 0; padding: 0; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li.instagram a:before { content: ""; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li.facebook a:before { content: ""; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li.twitter a:before { content: ""; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li.linkedin a:before { content: ""; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li.googleplus a:before { content: ""; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li.youtube a:before { content: ""; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li.pinterest a:before { content: ""; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li.tumblr a:before { content: ""; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li.rss a:before { content: ""; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li { background: none; list-style: none; display: inline-block; width: 40px; height: 40px; overflow: hidden; margin: 0 0 15px 11px; padding: 0; } @media (min-width: 768px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li { width: 40px; margin: 0 0 15px 11px; height: 40px; } } @media (min-width: 992px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li { width: 40px; margin: 0 0 15px 0; height: 40px; } } @media (min-width: 1200px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li { margin: 0 0 15px 11px; } } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li a { background: none; border: solid 1px #c9cacc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; visibility: visible; margin: 0; padding: 0; } @media (min-width: 768px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li a { width: 40px; height: 40px; line-height: 40px; } } @media (min-width: 992px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li a { width: 40px; height: 40px; line-height: 40px; } } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li a:before { display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 21px; color: #00447a; line-height: normal; text-align: center; visibility: visible; padding: 0; } @media (min-width: 768px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li a:before { font-size: 25px; } } @media (min-width: 992px) { footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li a:before { font-size: 21px; } } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li a:hover, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li a:active, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li a:focus, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li a.active { background: #00457c; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li a:hover:before, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li a:active:before, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li a:focus:before, footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li a.active:before { color: #fab816; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul li a.dropdown-toggle { display: none; } footer .footerWrapper .footerMiddle .footerMenuWrapper .btnSocialWrapper .socialMenu ul.last a { margin-right: 0; } footer .footerWrapper .footerBottom .copyrightWrapper { border-top: solid 1px #d2d4d5; margin: 0 15px; padding: 24px 0; } @media (min-width: 768px) { footer .footerWrapper .footerBottom .copyrightWrapper { margin: 0; } } footer .footerWrapper .footerBottom .copyrightWrapper .copyrightText { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 15px; color: #414042; text-align: center; padding: 0; } @media (min-width: 768px) { footer .footerWrapper .footerBottom .copyrightWrapper .copyrightText { text-align: left; padding-left: 0; padding-right: 15px; } } footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 15px; color: #414042; text-align: center; padding: 0; } @media (min-width: 768px) { footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks { text-align: right; padding-left: 15px; padding-right: 0; } } footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks a { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 15px; color: #2d96d6; } footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks a:hover, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks a:active, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks a:focus, footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks a.active { color: #00457c; } footer .footerWrapper .footerBottom .copyrightWrapper .copyrightLinks .delimiter { padding: 0 11px; } #MegaMenu .megaBottomCTA { font-size: 18px !important; font-family: "canada-type-gibson", sans-serif; border-top: 1px solid #e2e3e4; margin: 0 -60px -20px -60px; padding: 0 85px; text-align: left; height: 70px; line-height: 70px; } #MegaMenu .megaBottomCTA .ctaTitle a { font-size: 18px !important; padding: 0; font-weight: normal; text-decoration: none; border: none !important; } #MegaMenu .megaBottomCTA .ctaTitle a:hover { color: #fab816; } .headersup .hasNoLeftOrRightCols #right #contentArea { padding-top: 0px; } /* CSS Document */ /*------------------------------*\ Ryerson Styles \*------------------------------*/ /* Author: Erin Byrne / Orbit Media Studios Table Of Contents: 1. Global Layout 2. Global Styles 3. Default Inputs 4. Button Styles 5. Skip To Content Fonts: "canada-type-gibson" Arial Colors: #12457b - Dark Blue #2d96d6 - Light Blue #fab816 - Orange #bcbdbc - Gray */ /* THERE SHOULD BE NO CSS IN THIS FILE. */ /*------------------------------*\ Template spacing \*------------------------------*/ /*------------------------------*\ All Site Colors \*------------------------------*/ /*------------------------------*\ Fonts Used \*------------------------------*/ /*------------------------------*\ Twitter Bootstrap \*------------------------------*/ /*------------------------------*\ Layout \*------------------------------*/ * { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } html, body { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #58595b; letter-spacing: 0; line-height: 1.875; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /*------------------------------*\ Global \*------------------------------*/ h1 { position: relative; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 50px; color: #00457c; letter-spacing: 0; line-height: 1; text-transform: none; margin: 0 0 40px; padding: 0 0 20px; } @media all and (min-width: 992px) { h1 { font-size: 56px; } } h1:after { background: #dcddde; content: ''; width: 116px; height: 4px; position: absolute; bottom: 0; left: 0; } h2 { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 33px; color: #00457c; letter-spacing: 0; line-height: 1.15152; text-transform: none; margin: 0; padding: 10px 0 15px; } h3 { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 26px; color: #00457c; letter-spacing: 0; line-height: 1.15385; text-transform: none; margin: 0; padding: 10px 0 15px; } h4 { font-family: "canada-type-gibson", sans-serif; font-weight: 300; font-size: 30px; color: #6d6e71; letter-spacing: 0; line-height: 1.33333; text-transform: none; margin: 0; padding: 0 0 30px; } h5 { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 22px; color: #00457c; letter-spacing: 0; line-height: 1.13636; text-transform: none; margin: 0; padding: 10px 0 15px; } h6 { font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; color: #00457c; letter-spacing: 0.100em; line-height: 1.125; text-transform: uppercase; margin: 0; padding: 10px 0 15px; } a, a:link, a:visited, a:hover { color: #2d96d6; outline: none; text-decoration: none; } @media all and (min-width: 768px) { a, a:link, a:visited, a:hover { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; } } a:hover, a:focus, a:active { color: #00457c; text-decoration: none; } a img { border: 0; } hr { background: #dcddde; border: none; display: inline-block; width: 100%; height: 2px; text-align: center; margin: 0 0 30px; } p { margin: 0 0 30px; } p:last-of-type { margin: 0; } blockquote { background: #fff; border: none; border-left: solid 6px #00457c; position: relative; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 24px; font-style: italic; color: #939598; line-height: 1.5; text-align: left; z-index: 1; margin: 30px 0 40px; padding: 0 0 0 35px; } blockquote p { font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 24px; font-style: italic; color: #939598; line-height: 1.5; } blockquote strong { font-style: normal; } ul, ol, ul ul, ol ol, ul ul ul, ol ol ol { margin: 0 0 0 25px; padding: 0 0 10px; } li { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #58595b; letter-spacing: 0; line-height: 1.875; margin: 0 0 10px; padding: 0; } .clearer { clear: both; height: 0; overflow: hidden; } /*------------------------------*\ Default Inputs \*------------------------------*/ input.errorField { border: solid 1px #b00; } textarea.errorField { border: solid 1px #b00; } /*------------------------------*\ Button Styles \*------------------------------*/ .button, .button:focus { background: none; border: none; cursor: pointer; display: block; width: auto; height: auto; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; font-weight: 600 !important; color: #2d96d6 !important; letter-spacing: 0.150em; line-height: normal; text-decoration: none; text-transform: uppercase; vertical-align: top; margin: 15px 0; padding: 0; } @media all and (min-width: 768px) { .button, .button:focus { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; } } .button:after, .button:focus:after { content: '\f178'; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 0 0 6px; } .button.back:before, .button:focus.back:before { content: '\f177'; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 6px 0 0; } .button.back:after, .button:focus.back:after { content: ''; margin: 0; } .button.download:before, .button:focus.download:before { content: '\f019'; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 6px 0 0; } .button.download:after, .button:focus.download:after { content: ''; margin: 0; } .button.embed:before, .button:focus.embed:before { content: '\f121'; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 6px 0 0; } .button.embed:after, .button:focus.embed:after { content: ''; margin: 0; } .button:hover, .button:active, .button:focus:hover, .button:focus:active { color: #fab816 !important; text-decoration: none; } .buttonBg, .buttonBg:focus { background: #2d96d6; border: none; cursor: pointer; display: block; width: 100%; height: auto; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; font-weight: 600 !important; color: #fff !important; letter-spacing: 0.150em; line-height: normal; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: top; margin: 0; padding: 25px 30px; } @media all and (min-width: 768px) { .buttonBg, .buttonBg:focus { display: inline-block; width: auto; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; } } .buttonBg:after, .buttonBg:focus:after { content: ''; display: none; margin: 0; } .buttonBg:hover, .buttonBg:active, .buttonBg:focus:hover, .buttonBg:focus:active { background: #00457c; color: #fff !important; text-decoration: none; } /*------------------------------*\ Floats \*------------------------------*/ .float-right { float: right; margin: 0 0 16px 16px; } .float-left { float: left; margin: 0 16px 16px 0; } /*------------------------------*\ IOS - remove rounded corners from text fields and submits - don't do this for selects or checkboxes because it will remove the dropdown arrow \*------------------------------*/ textarea, input[type=text], input[type=password], input[type=button], input[type=submit] { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } /*------------------------------*\ Skip To Content \*------------------------------*/ div#skip a, div#skip a:hover, div#skip a:visited { background: #fff; border: solid 3px #1b3f2d; display: block; width: 1px; height: 1px; position: absolute; left: 0px; top: -500px; overflow: hidden; text-align: center; padding: 10px; } div#skip a:active, div#skip a:focus { display: block; position: absolute; background: #fff; border: solid 3px #1b3f2d; width: 200px; height: auto; left: 290px; top: 10px; text-align: center; padding: 10px; z-index: 2000; } #demo1.sharrre { width: 100%; display: inline-block; } #demo2.sharrre { width: 50px; } .sharrre .box { float: left; } .sharrre .count { color: #444444; display: block; font-size: 17px; line-height: 34px; height: 34px; padding: 4px 0; position: relative; text-align: center; text-decoration: none; width: 50px; background-color: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .sharrre .share { color: #FFFFFF; display: block; font-size: 11px; height: 16px; line-height: 16px; margin-top: 3px; padding: 0; text-align: center; text-decoration: none; width: 50px; background-color: #9CCE39; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .sharrre .buttons { width: 300px; } .sharrre .button { float: left; max-width: 50px; height: 50px; margin-left: 10px; } iframe { width: 100%; height: 100%; } #ryersonSoical a { cursor: pointer; color: #00457c; padding: 10px; border: 1px solid #c9cacc; margin: 4px; background: #fff; transition: all .2s; } #ryersonSoical a:hover { background: #00457c; color: #fff; } #ryersonSoicalBottom a { cursor: pointer; color: #00457c; padding: 10px; border: 1px solid #c9cacc; margin: 4px; background: #fff; transition: all .2s; } #ryersonSoicalBottom a:hover { background: #00457c; color: #fff; } /*# sourceMappingURL=style.css.map */ .typeahead-field,.typeahead-query{position:relative;width:100%}.typeahead-button,.typeahead-container,.typeahead-field,.typeahead-filter,.typeahead-query{position:relative}.typeahead-container button,.typeahead-field input,.typeahead-select{border:1px solid #ccc;line-height:1.42857143;padding:6px 12px;height:32px}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}.typeahead-container,.typeahead-result.detached .typeahead-list{font-family:"Open Sans",Arial,Helvetica,Sans-Serif}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}.typeahead-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.typeahead-query{z-index:2}.typeahead-filter button{min-width:66px}.typeahead-field{display:table;border-collapse:separate}.typeahead-button{font-size:0;white-space:nowrap;width:1%;vertical-align:middle}.typeahead-field>span{display:table-cell;vertical-align:top}.typeahead-button button{border-top-right-radius:2px;border-bottom-right-radius:2px}.typeahead-field input,.typeahead-select{display:block;width:100%;font-size:13px;color:#555;background:0 0;border-radius:2px 0 0 2px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.typeahead-field input{-webkit-appearance:none;background:0 0}.typeahead-field input:last-child,.typeahead-hint{background:#fff}.typeahead-container button{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-color:#fff;white-space:nowrap;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#333;box-shadow:inset 0 -2px 0 rgba(0,0,0,.05);-moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,.05);-webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.05)}.typeahead-container button:active,.typeahead-container button:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.typeahead-container button:focus,.typeahead-container button:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.typeahead-container button.active,.typeahead-container button:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.typeahead-container button.disabled,.typeahead-container button[disabled],.typeahead-field input.disabled,.typeahead-field input[disabled]{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;background-color:#fff;border-color:#ccc}.typeahead-button button,.typeahead-filter button{margin-left:-1px;border-bottom-left-radius:0;border-top-left-radius:0}.typeahead-button,.typeahead-filter{z-index:1}.typeahead-button:active,.typeahead-button:active button:active,.typeahead-button:focus,.typeahead-button:focus button:focus,.typeahead-button:hover,.typeahead-container.filter .typeahead-filter,.typeahead-filter:active,.typeahead-filter:focus,.typeahead-filter:hover{z-index:1001}.typeahead-dropdown,.typeahead-list{position:absolute;top:100%;left:0;z-index:1000;width:100%;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:13px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:2px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.typeahead-result.detached .typeahead-list{position:relative;z-index:1041;top:auto;left:auto}.typeahead-dropdown{right:0;left:auto;z-index:1001}.typeahead-list>li:first-child{border-top:none}.typeahead-list>li{position:relative;border-top:solid 1px rgba(0,0,0,.15)}.typeahead-dropdown>li>a,.typeahead-list>li>a{display:block;padding:6px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap;text-decoration:none}.typeahead-dropdown>li.active>a,.typeahead-dropdown>li>a:focus,.typeahead-dropdown>li>a:hover,.typeahead-list>li.active>a,.typeahead-list>li>a:focus,.typeahead-list>li>a:hover{background-color:#ebebeb;color:#333}.typeahead-list.empty>li.active>a,.typeahead-list.empty>li>a:focus,.typeahead-list.empty>li>a:hover{background-color:transparent}.typeahead-list.empty>li>a{cursor:default}.typeahead-list>li.typeahead-group.active>a,.typeahead-list>li.typeahead-group>a,.typeahead-list>li.typeahead-group>a:focus,.typeahead-list>li.typeahead-group>a:hover{border-color:#9cb4c5;color:#305d8c;background-color:#d6dde7;cursor:default}.typeahead-container.backdrop+.typeahead-backdrop,.typeahead-container.filter .typeahead-dropdown,.typeahead-container.hint .typeahead-hint,.typeahead-container.result .typeahead-list{display:block!important}.typeahead-container .typeahead-dropdown,.typeahead-container .typeahead-hint,.typeahead-container .typeahead-list,.typeahead-container+.typeahead-backdrop{display:none!important}.typeahead-dropdown .divider{height:1px;margin:5px 0;overflow:hidden;background-color:#e5e5e5}.typeahead-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}.typeahead-search-icon{min-width:40px;height:18px;font-size:13px;display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABH0lEQVR4nJ3SvyvFYRTH8deVkkJ3UUZJIbJ8bzJjMtyMym6w2Njs/gCDP0AGCyWjxYDF5GdJYpS6xaIUw/d8771dT7qc+vZ8vs95zvuc5zmnlGWZsG6sYBGjsXeNHWzjQ8JKARjCEUZSh3CJeTy3OjoicxF8hwX0oi/0HSZwiK4UYKUpeBoHeMdb6OnwTWI5BVgMvYZaovwa1kMvpQBjoY8TwVp84ylAO/YV62cKcBt65hfAbKwPKcBu6E2UE8Hl8MF+CrCFG/nwnKKKnviqONOYj6NWQDFIg/I+/3ikFnuUX6d+lY4mR4ZVnMvnoIYLbKCCp0h0otG5egXt2HAED+BFPmAP7bYR7jGHV/RjCjr/AICryFzB3n8ARSX3xc83qRk4q9rDNWcAAAAASUVORK5CYII=) center center no-repeat} .xtypeahead-list { max-height: 200px; overflow-y: scroll; } .navbar .navTitle .minorLink{font-family:"canada-type-gibson",sans-serif;font-weight:600;font-size:14px;color:#a7a9ac;text-transform:uppercase;} .returnButton, .returnButton:focus { background: none; border: none; cursor: pointer; display: block; width: auto; height: auto; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; font-weight: 600 !important; color: #2d96d6 !important; letter-spacing: 0.150em; line-height: normal; text-decoration: none; text-transform: uppercase; vertical-align: top; padding: 0; } @media all and (min-width: 768px) { .returnButton, .returnButton:focus { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; } } .returnButton:after, .returnButton:focus:after { content: '\f178'; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 0 0 6px; } .returnButton.back:before, .returnButton:focus.back:before { content: '\f177'; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 6px 0 0; } .returnButton.back:after, .returnButton:focus.back:after { content: ''; margin: 0; } .buttonNextPrev, .buttonNextPrev:focus { background: #2d96d6; border: none; cursor: pointer; display: block; height: auto; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; font-weight: 600 !important; color: #fff !important; letter-spacing: 0.150em; line-height: normal; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: top; } @media all and (min-width: 768px) { .buttonNextPrev, .buttonNextPrev:focus { display: inline-block; width: auto; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; } } .buttonNextPrev:after, .buttonNextPrev:focus:after { content: ''; display: none; margin: 0; } .buttonNextPrev:hover, .buttonNextPrev:active, .buttonNextPrev:focus:hover, .buttonNextPrev:focus:active { background: #00457c; color: #fff !important; text-decoration: none; } .postsNavNextPrev { border-top: solid 2px #dcddde; padding-top: 40px; } .postsNavNextPrev a { display: block; font-size: 16px; font-weight: 600; margin: 0 0 15px; padding: 20px 35px; } @media all and (min-width: 768px) { .postsNavNextPrev a { display: inline-block; margin: 0 30px 0 0; } } .shareWrapper .sharring_ryerson_box_soical { display: inline-block; } .shareWrapper.shareBottom { border-top: solid 2px #dcddde; width: 100%; margin-top: 40px; padding-top: 15px; } @media all and (min-width: 992px) { .shareWrapper.shareBottom { text-align: right; } } header .headerTopWrapper .headerTop .ecommerceButtons .login ul a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .login ul a { color: #00457c; } header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a:active , #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a:active { background: none; border: none; color: #e9ac16; text-decoration: none; } .modal-dialog .sendFormContainer { margin-top: 0px; } .productBlockWrapper .product .productImage img { max-height: 154px; } .pageBlockWrapper .columnWrapper .tabs { padding-top: 10px;} .pageBlockWrapper .stock .columnWrapper { padding-top: 10px;} #surpInv {height: 540px; overflow:hidden; overflow-x:hidden; overflow-y: hidden; } #weightcalc { height: 540px; overflow:hidden; overflow-x:hidden; overflow-y: hidden; } .rootMega { cursor: pointer; } #opnjob { height: 800px; overflow: visible; overflow-x:hidden; overflow-y: scroll; } header .account a { white-space: nowrap; overflow: hidden; } header .order .navbar-nav > li > a { padding-top: 2px; padding-bottom: 2px; } .account .glyphicon { color: #333; font-size: 14px; } .boxframe { text-overflow: ellipsis; overflow: hidden; vertical-align: middle; width: 100%; display: block; white-space: nowrap; border: 1px solid #adadad; padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom: 6px; } .order .boxframe {} .account .boxframe { padding-left: 12px; padding-right: 12px; } .account .boxframe .aicon { position: relative; left: -10px; } .bicon { float: right; } .typeahead-container button { box-shadow: none; } .mboxframe { vertical-align: middle; width: 100%; display: block; border: 1px solid #adadad; padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom: 6px; } .inner-addon .glyphicon, .inner-addon .fa { position: absolute; padding: 10px; pointer-events: none; } .txtout { text-overflow: ellipsis; overflow: hidden; vertical-align: middle; white-space: nowrap; } .inner-addon { position: relative; } .inner-addon .glyphicon, .inner-addon .fa { position: absolute; padding: 10px; pointer-events: none; } /* align glyph */ .left-addon .leftglyph { left: 0px; top: -3px;} .right-addon .rightglyph { right: 0px; top: -3px} /* add padding */ .left-addon .txtout { padding-left: 20px; } .right-addon .txtout { padding-right: 20px; } .locationmenu ul.dropdown-menu li:nth-child(even) { background: #f5f0f0; } header .headerWrapper .headerBottom .registeredMenu .registeredRight .order .txtout { text-align: left; } header .headerWrapper .headerBottom .registeredMenu .registeredRight .order ul {cursor: pointer;} header .headerWrapper .headerBottom .registeredMenu .registeredRight .order li:hover {background-color: #f1f1f1;} .typeahead-field input{background-color: white; } .typeahead-query intput {background-color: white; } header .typeahead-field input, #stickyHeader .typeahead-field input { width: 100%; } header .typeahead-container, #stickyHeader .typeahead-container { width: 100%; } header .typeahead-container button, #stickyHeader .typeahead-container button { width: 100%; height: unset; } header .typeahead-container .typeahead-field, #stickyHeader .typeahead-container .typeahead-field{ font-family: "canada-type-gibson", Arial, Helvetica, sans-serif; } header .typeahead-container, #stickyHeader .typeahead-container {position: relative;} header .search .input-group, #stickyHeader .search .input-group { width: 100%; } #stickyHeader .typeahead-container button { border: 0px solid black; } .typeahead-container button { box-shadow: none; } .typeahead-container button, .typeahead-field input, .typeahead-select { border: 0px solid black; } .catalog-page .productBlockWrapper { padding-top: 0px; } .catalog-page .pageBlockWrapper .columnWrapper { padding-top: 10px;} .catalog-page div#template div#contentArea { padding-top: 10px;} .stock-list-page div#template div#contentArea { padding-top: 20px; padding-bottom: 10px;} .stock-list-page div#sidebar { padding-top: 20px;} .stock-list-page div#sidebar .sideBar_Spacer:first-child { height: 0px; } footer .footerWrapper .footerTitle a {color: #414042; } footer .footerWrapper .footerTitle a:hover {color: #2d96d6; } header .shoppingListMenu { color: black; font-size: 16px; font-weight: 500; font-family:"canada-type-gibson",sans-serif; line-height: 20px; } header .shoppingListMenu li { font-size: 14px; padding-bottom: 0px; padding-top: 0px; margin-bottom: 0px; } header .shoppingListMenu li > button.btn, header .shoppingListMenu li > a.btn { padding-top: 6px; padding-bottom: 6px; color: #fff; background-color: #337ab7; } header .shoppingListMenu li > button.btn:hover, header .shoppingListMenu li > a.btn:hover { color: #fff; background-color: #286090; } header .shoppingListMenu li.divider { height: 1px; background-color: #e5e5e5; } header .shoppingListMenu .btn.btn-primary.btn-block { padding-bottom: 5px; padding-top: 5px; } header .shoppingListMenu .dropdown-header { color: black; font-size: 16px; font-weight: 500; padding-left: 0px; } header .account .boxframe, header .order .mboxframe, header .locationmenu .mboxframe { font-size: 14px; line-height: 20px; } .searchResultsPage .searchResults .row { border-bottom: 1px solid #DAD9D9; } .searchResultsPage .searchResults .searchdetails { font-size: 12px; } .events-page .pageBlockWrapper .imagegallery img {max-width: 150px;} .blockContent .html_content table { padding: 5px; border: 1px solid #dddddd; text-align: left; } .blockContent .html_content table td { padding: 5px; border: 1px solid #dddddd; text-align: left; } .inner-form-wrap .distanceWrapper, .inner-form-wrap .zipWrapper { text-align: left; } div#sidebar .sideBar_ElementHolder p a .custbreak, div#sidebar .sideBar_ElementHolder p a .custbreak:focus { word-break: keep-all; } .buttonCTA, .buttonCTA:focus { background: none; border: none; cursor: pointer; display: block; width: auto; height: auto; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; font-weight: 600 !important; color: #2d96d6 !important; line-height: normal; text-decoration: none; text-transform: uppercase; vertical-align: top; padding: 0; text-wrap:normal; word-break:break-word !important; word-wrap: break-word; } /* header .headerTopWrapper .headerTop .headerNav ul li a.first-menu-item, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li a.first-menu-item, header .headerTopWrapper .headerTop .ecommerceButtons .login a, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .login a { color: #e9ac16; } header .headerTopWrapper .headerTop .headerNav ul li a.first-menu-item:hover, #stickyHeader .headerTopWrapper .headerTop .headerNav ul li a.first-menu-item:hover, header .headerTopWrapper .headerTop .ecommerceButtons .login a:hover, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .login a:hover { color: #dcddde; } */ .navbar #primaryNav ul li a.buttonStockList, .navbar #primaryNav ul li a.buttonStockList:focus { background: none; border: none; cursor: pointer; display: block; width: auto; height: auto; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 16px; font-weight: 600 !important; color: #2d96d6 !important; line-height: normal; text-decoration: none; text-transform: uppercase; vertical-align: top; padding: 0; text-wrap:normal; word-break:break-word !important; word-wrap: break-word; } .navbar #primaryNav ul li a.buttonStockList:hover { color: #e9ac16 !important; } .navbar #primaryNav ul li a.buttonStockList:after, .navbar #primaryNav ul li a.buttonStockList:focus:after { content: '\f178'; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 0 0 6px; } .row.AdminOverride { background: red none repeat scroll 0 0; line-height: 1.4285; } a.AdminOverride, .AdminOverride { color: white; font-variant: small-caps; font-weight: bold; font-size: 14px; } @media all and (min-width: 1200px) { header .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a, #stickyHeader .headerWrapper .headerBottom .registeredMenu .registeredLeft ul li a { font-size: 16px; font-weight: 400; } } #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dd ul, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dd ul { width: 80px; z-index: 100; } header .headerTopWrapper .headerTop .language .languageDropdown dd ul li, header .headerTopWrapper .headerTop .language .languageDropdownSticky dd ul li, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdown dd ul li, #stickyHeader .headerTopWrapper .headerTop .language .languageDropdownSticky dd ul li { margin-top: 15px; margin-bottom: 15px; } @media all and (min-width: 1200px) { #MegaMenu ul li.first-menu-item { padding-left: 0px; text-align:center; } #MegaMenu ul li { padding-left: 50px; text-align:center; } } @media all and (min-width: 768px) { #MegaMenu ul li.first-menu-item { padding-left: 0px; text-align:center; } #MegaMenu ul li { padding-left: 20px; text-align:center; } } .basebs .modal-open { overflow: hidden; } .basebs .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .basebs .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .basebs .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .basebs .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .basebs .modal-dialog { position: relative; width: auto; margin: 10px; } .basebs .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .basebs .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .basebs .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .basebs .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .basebs .modal-header { min-height: 16.42857143px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .basebs .modal-header .close { margin-top: -2px; } .basebs .modal-title { margin: 0; line-height: 1.42857143; } .basebs .modal-body { position: relative; padding: 15px; } .basebs .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .basebs .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .basebs .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .basebs .modal-footer .btn-block + .btn-block { margin-left: 0; } .basebs .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .basebs .modal-dialog { width: 600px; margin: 30px auto; } .basebs .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .basebs .modal-sm { width: 300px; } } @media (min-width: 992px) { .basebs .modal-lg { width: 900px; } } .basebs .modal-header { min-height: 16.42857143px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .basebs .modal-header .close { margin-top: -2px; } .basebs .modal-title { margin: 0; line-height: 1.42857143; } .basebs .modal-body { position: relative; padding: 15px; } .basebs .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .basebs .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .basebs .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .basebs .modal-footer .btn-block + .btn-block { margin-left: 0; } .basebs h4 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; padding: 0 0 0 0; } .basebs h4 small, .basebs .h4 small, .basebs h4 .small, .basebs .h4 .small { font-weight: normal; line-height: 1; color: #777; } .basebs h4, .basebs .h4 { margin-top: 10px; margin-bottom: 10px; } .basebs h4 small, .basebs .h4 small { font-size: 75%; } .basebs h4, .basebs .h4 { font-size: 18px; } .basebs .modal .modal-content { padding: 0 0; } .basebs .modal .modal-content .modal-header { min-height: 16.42857143px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .basebs .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .basebs .close:hover, .basebs .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } .basebs button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .basebs .modal .modal-content .modal-header .close { right: 5px; top: 8px; float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .basebs .modal .modal-content .modal-footer { border-top: 1px solid #e5e5e5; padding: 15px; } .basebs .modal .modal-content .modal-body { padding: 15px; } .basebs .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .basebs .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .basebs .form-control::-moz-placeholder { color: #999; opacity: 1; } .basebs .form-control:-ms-input-placeholder { color: #999; } .basebs .form-control::-webkit-input-placeholder { color: #999; } @media (min-width: 768px) { .basebs .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .basebs .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .basebs .form-inline .form-control-static { display: inline-block; } .basebs .form-inline .input-group { display: inline-table; vertical-align: middle; } .basebs .form-inline .input-group .input-group-addon, .basebs .form-inline .input-group .input-group-btn, .basebs .form-inline .input-group .form-control { width: auto; } .basebs .form-inline .input-group > .form-control { width: 100%; } .basebs .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .basebs .form-inline .radio, .basebs .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .basebs .form-inline .radio label, .basebs .form-inline .checkbox label { padding-left: 0; } .basebs .form-inline .radio input[type="radio"], .basebs .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .basebs .form-inline .has-feedback .form-control-feedback { top: 0; } } .catalog-page div#sidebar .sideBar_Spacer {height: 36px;} .catalog-page div#sidebar {padding-top:70px; } .productBlockWrapper .product .productButton { color: white; } .productBlockWrapper .product.productSpecial {height:154px; padding-left: 15px; padding-right:15px; } .productBlockWrapper .product .productColor{ background-color: #00457c; height:154px; width: 370px; } .productBlockWrapper a .xproduct .productButton { display: inline-block; font-family: "canada-type-gibson", sans-serif; font-weight: 400; font-size: 17px; color: #00457c; line-height: 1.17647; margin-top: 5px; } @media all and (min-width: 768px) { .productBlockWrapper a .xproduct .productButton { position: absolute; right: 30px; bottom: 15px; z-index: 2; color: #fff; margin-top: 0; } } @media all and (min-width: 992px) { .productBlockWrapper a .xproduct .productButton { font-size: 24px; line-height: 1.45833; } } .productBlockWrapper a .xproduct .productButton:after, .productBlockWrapper a .xproduct .productButton:focus:after { content: '\f178'; display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 0 0 6px; } .productBlockWrapper a .xproduct .productName { color: #00457c; display: inline-block; font-family: "canada-type-gibson",sans-serif; font-size: 17px; font-weight: 400; line-height: 1.17647; margin-top: 5px; } @media all and (min-width: 768px) { .productBlockWrapper a .xproduct .productName { color: #fff; left: 30px; right: 30px; margin-top: 0; position: absolute; top: 15px; z-index: 2; background-color: rgba(0, 0, 0, 0.6); text-align: left; padding-left: 10px; } } @media all and (min-width: 992px) { .productBlockWrapper a .xproduct .productName { font-size: 32px; line-height: 1.45833; } } .productBlockWrapper .productLink { background: none; border: none; display: block; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 18px; color: #2d96d6; letter-spacing: 0.150em; line-height: 16px; text-transform: uppercase; text-decoration: none; white-space: normal !important; margin: 0; padding: 2px 0 2px 0; } .productBlockWrapper .productLink:hover { color: #00457c; } .productBlockWrapper .productLink.last::after { display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\00a0\f178'; } .productBlockWrapper .product, .productBlockWrapper .product { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .productBlockWrapper .product { float: left; } .productBlockWrapper .product { width: 100%; } @media (min-width: 768px) { .productBlockWrapper .product { float: left; } .productBlockWrapper .product { width: 33.33333%; } } .productBlockWrapper { padding: 40px 0 10px; } @media all and (min-width: 992px) { .productBlockWrapper { padding: 60px 0 30px; } } @media all and (min-width: 768px) { .productBlockWrapper .container-fluid { text-align: center; } } @media all and (min-width: 992px) { .productBlockWrapper .container-fluid { padding: 0; } } .productBlockWrapper .product { position: relative; margin: 0 0 30px; } .productBlockWrapper .product .productImage { width: 100%; position: relative; z-index: 1; -webkit-box-shadow: 0px 0px 5px 2.5px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 5px 2.5px rgba(0, 0, 0, 0.15); } .productBlockWrapper .product .productImage a:before { background: #1e2327; background: rgba(30, 35, 39, 0.75); content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } @media all and (min-width: 992px) { .productBlockWrapper .product .productImage a:hover:before { background: rgba(0, 69, 124, 0.8); } } .productBlockWrapper .product .productImage a img { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); width: 100%; } .productBlockWrapper .product .productImage .productName { display: inline-block; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 24px; line-height: 1.16667; text-align: center; text-transform: uppercase; position: absolute; left: 0; right: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; color: #fff; margin-top: 0; letter-spacing: .1em; } @media all and (min-width: 992px) { .productBlockWrapper .product .productImage .productName { line-height: 1.45833; } } .productBlockWrapper .product .productSub { text-align: center; margin-top: 20px; margin-left: 4px; } @media all and (min-width: 768px) { .productBlockWrapper .product .productSub { text-align: left; } } .productBlockWrapper .product .productSub li { background: none; border: none; display: block; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 18px; color: #2d96d6; letter-spacing: 0.150em; line-height: 16px; text-transform: uppercase; text-decoration: none; white-space: normal !important; margin: 0; padding: 9px 0 9px 0; } .productBlockWrapper .product .productSub li:hover, .productBlockWrapper .product .productSub li:focus, .productBlockWrapper .product .productSub li.active { background: none; border: none; color: #fab816; text-decoration: none; } @media all and (min-width: 768px) { .productBlockWrapper .product .productSub li.last a::after { display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\00a0\f178'; } } .productBlockWrapper .product .productImage .productEQ { display: inline-block; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 24px; line-height: 1.16667; text-align: left; text-transform: uppercase; position: absolute; left: 0; top: 0; -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); -webkit-transform: translateY(-10%); transform: translateY(-10%); z-index: 2; color: #fff; margin-top: 0; letter-spacing: .1em; padding-top: 10px; padding-left: 10px; } .productBlockWrapper .product .productImage .productSL { display: inline-block; font-family: "canada-type-gibson", sans-serif; font-weight: 600; font-size: 24px; line-height: 1.16667; text-align: right; text-transform: uppercase; position: absolute; right: 0; bottom: 0%; -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); -webkit-transform: translateY(-10%); transform: translateY(-10%); z-index: 2; color: #fff; margin-top: 0; letter-spacing: .1em; padding-bottom: 10px; padding-right: 10px; } .productBlockWrapper .product .productImage .productSL::after { display: inline-block; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\00a0\f178'; } header .headerTopWrapper .headerTop .headerNav ul, #stickyHeader .headerTopWrapper .headerTop .headerNav ul { display: block; text-align: right; float: right; } #stickyHeader .headerTopWrapper .headerTop .headerNav ul li { margin: 0 10px !important; } @media all and (min-width: 1200px) { #stickyHeader .headerTopWrapper .headerTop .headerNav ul li { margin: 0 15px !important; } } .sideBar_border { border: 2px solid #e9ac16; } .sideBar_border .sideBar_FormHolder { border: 1px solid black; } #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart ul a, header .headerTopWrapper .headerTop .ecommerceButtons .cart ul a{ color: #00457c; } header .headerTopWrapper .headerTop .ecommerceButtons .cart ul a:before, #stickyHeader .headerTopWrapper .headerTop .ecommerceButtons .cart ul a:before { display: none; font-family: FontAwesome; font-size: inherit; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f07a'; padding-right: 5px; } .cartbtnsep { margin-bottom: 10px; } .container-fluid .faqGroup .panel-group h2 { font-weight: 500; font-size: 45px; } .container-fluid .faqGroup .panel-group .panel-default { margin-left: 50px; } #watermark { position: fixed; top: 45px; left: 40%; opacity: 0.5; z-index: 99999; color: #808080; font-size: 70px; font-weight: 600; } #smartbanner { position:absolute; left:0; top:-82px; border-bottom:1px solid #e8e8e8; width:100%; height:78px; font-family:'Helvetica Neue',sans-serif; background:-webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%); background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); box-shadow:0 1px 2px rgba(0,0,0,0.5); z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; } #smartbanner, html.sb-animation {-webkit-transition: all .3s ease;} #smartbanner .sb-container { margin: 0 auto; } #smartbanner .sb-close { position:absolute; left:5px; top:5px; display:block; border:2px solid #fff; width:14px; height:14px; font-family:'ArialRoundedMTBold',Arial; font-size:15px; line-height:15px; text-align:center; color:#fff; background:#070707; text-decoration:none; text-shadow:none; border-radius:14px; box-shadow:0 2px 3px rgba(0,0,0,0.4); -webkit-font-smoothing:subpixel-antialiased; } #smartbanner .sb-close:active { font-size:13px; color:#aaa; } #smartbanner .sb-icon { position:absolute; left:30px; top:10px; display:block; width:57px; height:57px; background:rgba(0,0,0,0.6); background-size:cover; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.3); } #smartbanner.no-icon .sb-icon { display:none; } #smartbanner .sb-info { position:absolute; left:98px; top:18px; width:44%; font-size:11px; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 1px 0 rgba(255,255,255,0.8); } #smartbanner #smartbanner.no-icon .sb-info { left:34px; } #smartbanner .sb-info strong { display:block; font-size:13px; color:#4d4d4d; line-height: 18px; } #smartbanner .sb-info > span { display:block; } #smartbanner .sb-info em { font-style:normal; text-transform:uppercase; } #smartbanner .sb-button { position:absolute; right:20px; top:24px; border:1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height:24px; font-size:14px; line-height:24px; text-align:center; font-weight:bold; color:#6a6a6a; background:-webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%); text-transform:uppercase; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.8); border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset; } #smartbanner .sb-button:active, #smartbanner .sb-button:hover { background:-webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); } #smartbanner .sb-icon.gloss:after { content:''; position:absolute; left:0; top:-1px; border-top:1px solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:10px 10px 12px 12px; } #smartbanner.android { border-color:#212228; background: #3d3d3d url('data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7'); border-top: 5px solid #88B131; box-shadow: none; } #smartbanner.android .sb-close { border:0; width:17px; height:17px; line-height:17px; color:#b1b1b3; background:#1c1e21; text-shadow:0 1px 1px #000; box-shadow:0 1px 2px rgba(0,0,0,0.8) inset,0 1px 1px rgba(255,255,255,0.3); } #smartbanner.android .sb-close:active { color:#eee; } #smartbanner.android .sb-info { color:#ccc; text-shadow:0 1px 2px #000; } #smartbanner.android .sb-info strong { color:#fff; } #smartbanner.android .sb-button { min-width: 12%; border:1px solid #DDDCDC; padding:1px; color:#d1d1d1; background: none; border-radius: 0; box-shadow: none; min-height:28px} #smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #42B6C9; background-image: -webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB)); background-image: -moz-linear-gradient(top,#42B6C9,#39A9BB); text-transform:none; text-shadow:none; box-shadow:none; } #smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; } #smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background:#2AC7E1; } #smartbanner.windows .sb-icon { border-radius: 0px; } .groupresults { display: block; } .xshow { display: none; } .xshide { display: block; } .formaddspace { padding-bottom: 15px; } #filledCart .headercheckbox { left: 25px; top: 15px; width: 55px; position: absolute; padding-left: 0px; padding-right: 0px; } a { cursor: pointer; } #addPartForm .col-xs-offset-6 { margin-left: 0px; } /*.col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6 { margin-left: 0px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { padding-left: 0px; padding-right: 0px; }*/ .cartbottomspace { padding-top: 15px; margin-top: 15px; } .rndesc .col-xs-offset-1 { margin-left: 0px; } .rndesc .col-sm-3.col-sm-offset-1, .rndesc .col-sm-2.col-sm-offset-1 { margin-left: 8.33333%; } @media( max-width : 767px ) { .groupresults { display: none; } .xshide, .xshide-noblock { display: none; } .xshow { display: block; } .xssmspace { padding-bottom: 5px; } .formaddspace { padding-bottom: 0px; } .btnRequestQuote { margin-bottom: 5px; } #btnBilling.btn, #btnShipping.btn, #btnReview.btn { margin-bottom: 10px; } .summaryscr .polbllower { margin-top: 0px; margin-bottom: 0px; } .summaryscr .polower { margin-top: 0px; margin-bottom: 0px; } .quom, .puom, .boxed { background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555555; display: block; font-size: 14px; height: 25px; line-height: 1.42857; padding: 0px 8px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; } .roboxed { background-color: #ffffff; background-image: none; border: 0px solid #cccccc; border-top: 1px solid #cccccc; color: #555555; display: block; font-size: 14px; height: 25px; line-height: 1.42857; padding: 0px 8px; width: 100%; } .puom.roboxed, .quom.roboxed { transition: none; border: 0px solid #cccccc; border-top: 1px solid #cccccc; } .form-control.reqdate, .form-control.crn, .form-control.qty { height: 25px; } #filledCart .rndesc { padding-left: 0px; } .xsright, .rndesc .xstxtright { text-align: right; } .xscenter { text-align: center; } .xsleft { text-align: left; } section.shoppingcart .header.xstxtright { height: 20px; } #filledCart .headercheckbox { left: unset; top: unset; width: 50%; position: relative; height: 20px; padding-left: 31px; } .xscw { display: inline-block; } section.shoppingcart .form-control { height: 25px; } #addPartForm .col-xs-offset-6, .col-xs-offset-6 { margin-left: 50%; } .col-xs-6 { padding-left: 15px; padding-right: 15px; } .partline .qtycell { padding-left: 15px; padding-right: 15px; } section.shoppingcart .vsep, .rndesc.vsep, .rndesc.sep { border-right-width: 0px; } .cartbottomspace { padding-top: 0px; margin-top: 5px; } .rndesc .col-xs-offset-1 { margin-left: 8.33333%; } .polbllower { margin-top: 10px; margin-bottom: 5px; } .polower { margin-top: 0px; } .ccimages { width: 50%; } select.form-control { height: 34px; } } .partlist .minspace div.puomsp { padding-left: 15px; } .form-group .control-label.text-left { text-align: left; } .xstoppad { padding-top: 5px; } .btn.btn-xs i.state-icon { padding-left: 3px; } .btn .state-icon { left: -2px; } .forceright { position: absolute; right: 15px; text-align: right; } .form-group.orderstatus { margin-bottom: 10px; } .mbtnsearch { color:#00457c; background-color: #ffffff; -webkit-box-shadow: none; box-shadow: none; border: none; } /*.mbtnsclose { display: none; }*/ /*Mobile Menu*/ @media (max-width: 768px) { .mobilemenu {padding-left: 10px; padding-right: 10px;} .mobilemenu a {text-decoration: none; } .mobilemenu a:hover {text-decoration: none; color: #e9ac16; } .mobilemenu .mguest {background-color:#00457c; padding-top: 5px; padding-bottom: 5px; color: #ffffff; } .mobilemenu .mguest a {color: #e9ac16; } .mobilemenu .mbtnsearch { color:#00457c; background-color: #ffffff; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); border-left: none; } .mobilemenu .mbtnsearch:hover { color: #e9ac16; } /*.mobilemenu .mbtnsclose { display: block; }*/ .mobilemenu .msearchtxt { background-color: #00457c; border-right: none; } .mobilemenu .mainsearch, .mobilemenu .meyebrow { background-color: #00457c; color: #ffffff; } .mobilemenu .mbtnsclose { background-color: #00457c; color: #ffffff; } .mobilemenu .mbtnsclose:hover { background-color: #00457c; color: #ff0000; } .mobilemenu .meyebrow a { color: #ffffff;; } .mobilemenu .meyebrow a:hover { color: #e9ac16; } .mobilemenu .mlogo { width: 100%; max-height: 25px; max-width: 310px; } .mobilemenu .mmenu { padding-bottom: 10px; padding-top: 10px; } .mobilemenu .mmenuitem { padding-bottom: 7px; padding-top: 7px; border-bottom: 1px solid #808080;} .mobilemenu .msearchmen { background-color: rgba(0, 0, 0, .075); padding-bottom: 7px; padding-top: 7px; } .mobilemenu .mnavmenu { padding-bottom: 10px; padding-top: 10px; text-transform: uppercase; font-size: 12pt; border-bottom: 1px solid #808080; font-family: "canada-type-gibson", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 20px; color: #2d96d6; } .mobilemenu .mmenubtn { width: 100%; min-height: 50px; background-color: rgb(45, 150, 214); color: #ffffff;; padding: 10px 10px 10px 10px; margin-top: 15px; margin-bottom: 15px; } .mobilemenu .prodsearch, .mobilemenu .mmegamenu { font-family: "canada-type-gibson", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 20px; color: #2d96d6; } .mobilemenu .mclosemenu { background-color: rgb(45, 150, 214); color: #ffffff; } .mobilemenu .mmenubtn:hover, .mobilemenu .mclosemenu:hover { background-color: #00457c; color: #e9ac16; } .mobilemenu .mmlevel1 { padding-left: 15px; } .mobilemenu .mmlevel2 { padding-left: 30px; } .mobilemenu .mmlevel3 { padding-left: 45px; } .mobilemenu .mainsearch { padding-top: 5px; padding-left: 5px; } .mobilemenu .mespace { padding-left: 20px;} .mobilemenu .mregm { position:absolute ; top: 0; left: 0; z-index:5000; background-color: #808080; color: #ffffff; font-family: "canada-type-gibson", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; text-transform: uppercase; } .mobilemenu ul.mmenuitems { margin-left: 0px; } .mobilemenu .mregm ul { white-space: nowrap; list-style: none; padding-left: 10px; } .mobilemenu .mregm li { margin-top: 10px; margin-bottom: 10px; } .mobilemenu .mregm li a {color: #ffffff;; padding-right: 10px; } .mobilemenu .mregm li a:hover {color: #e9ac16; } .mobilemenu ul.mmenuitems { white-space: nowrap; list-style: none; padding-left: 0px; width: 100% } .mobilemenu .mmenuitems li a {color: #2d96d6; } .mobilemenu .mmenuitems li a:hover {color: #e9ac16; } .mobilemenu .mmenuitems li { padding-left: 20px; padding-bottom: 15px; padding-top: 15px; text-transform: uppercase; font-size: 12pt; border-bottom: 1px solid #808080; font-family: "canada-type-gibson", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 20px; color: #2d96d6; } .mobilemenu .mmenuitems li .mclosemenu { padding-right: 20px; border-bottom: none; } .mobilemenu .mmenuitems li:last-child { border-bottom: none; padding-top: 0px; } .mobilemenu .mreguser { background-color: #00457c; color: #ffffff; } .mobilemenu .mshplst, .mobilemenu .musrloc {background-color: #00457c; color: #ffffff; padding-top: 5px; padding-bottom: 5px;} .mobilemenu .mshplst .dropdown, .mobilemenu .musrloc .boxframe { background-color: #ffffff; color: #00457c;} header .mobilemenu input[type="text"] { background: #fff none repeat scroll 0 0; border: 1px solid rgb(204,204,204); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); color: #555; font-family: "canada-type-gibson",sans-serif; font-size: 16px; font-style:normal; font-weight: 400; height: inherit; padding: 5px 12px; width: 100%; margin-left:10px; border-radius: 0px 0px; } .mobilemenu .dropdown-menu { background-color: #808080; color: #00457c; } .mobilemenu .dropdown-menu a:hover {color: #00457c; } .mobilemenu .dropdown-menu.locCtrl, .mobilemenu .dropdown-menu.shoppingListMenu { background-color: #ffffff; color: #000000; } .mobilemenu .meyebrow .dropdown-menu { background-color: #00457c; color: #ffffff; } .mobilemenu .meyebrow .dropdown-menu a:hover {color: #00457c; } } .desc.orderstatus { text-decoration: underline; font-weight: 600; font-size: 14px; } .orderstatus.twolinedot { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .orderstatus.darkbottom { padding-bottom: 2px; border-bottom: 1px solid #000000; } .orderstatus.bottomline { padding-bottom: 5px; } .orderstatus.altdesc { font-size: 14px; font-weight: 600; } #editshoplistactivelbl { padding-left: 10px; } .shplst.radio { padding-top: 15px; } .mastersearchgrp li { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #58595b; background-color: #ffffff; letter-spacing: 0; padding: 5px; border-bottom: 1px solid black; } .mastersearchgrp li a { color: black;} .mastersearchgrp li:hover { background-color: #cccccc; } .mastersearchgrp li.webhead, .mastersearchgrp li.ecomhead { background-color: #2d96d6; color: #ffffff; } @media (min-width: 768px) { .midhide { display: none; } .midshow { display: block; } .xshow .mregm { display: block; } .mobilemenu .mregm { position:absolute ; top: 0; left: 0; z-index:5000; background-color: #808080; color: #ffffff; font-family: "canada-type-gibson", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; text-transform: uppercase; } .mobilemenu ul.mmenuitems { margin-left: 0px; } .mobilemenu .mregm ul { white-space: nowrap; list-style: none; padding-left: 10px; } .mobilemenu .mregm li { margin-top: 10px; margin-bottom: 10px; } .mobilemenu .mregm li a {color: #ffffff;; padding-right: 10px; } .mobilemenu .mregm li a:hover {color: #e9ac16; } .mobilemenu ul.mmenuitems { white-space: nowrap; list-style: none; padding-left: 0px; width: 100% } .mobilemenu .mmenuitems li a {color: #2d96d6; } .mobilemenu .mmenuitems li a:hover {color: #e9ac16; } .mobilemenu .mmenuitems li { padding-left: 20px; padding-bottom: 15px; padding-top: 15px; text-transform: uppercase; font-size: 12pt; border-bottom: 1px solid #808080; font-family: "canada-type-gibson", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 20px; color: #2d96d6; } .mobilemenu .mmenuitems li .mclosemenu { padding-right: 20px; border-bottom: none; } .mobilemenu .mmenuitems li:last-child { border-bottom: none; padding-top: 0px; } } @media (min-width: 992px) { .midhide { display: block; } .midshow { display: none; } } .showcut { display: block; } .hidecut { display: none; } @media print { header .headerWrapper .headerBottom .headerLeft .logo img, #stickyHeader .headerWrapper .headerBottom .headerLeft .logo img, header img.mlogo{ max-width: 145px; max-height: 72px; } .mobilemenu .mlogo { width: 145px !important; max-height: 25px; max-width: 145px; } } /*! * Yamm!3 - Yet another megamenu for Bootstrap 3 * http://geedmo.github.com/yamm3 * * @geedmo - Licensed under the MIT license */ .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown { position: static; } .yamm .container { position: relative; } .yamm .dropdown-menu { left: auto; } .yamm .yamm-content { padding: 20px 30px; } .yamm .dropdown.yamm-fw .dropdown-menu { left: 0; right: 0; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* Begins Global css changes */ .dx-popup-wrapper .dx-overlay-content { box-shadow: 0 2px 15px 0 rgba(0,0,0,0.18); background-color: #FFFFFF; color: #A8A8A8; font-size: 12px; padding: 7px; } h1.ui18 { font-family: "canada-type-gibson", sans-serif; color: #616161; font-size: 35px; font-weight: 600; line-height: 30px; } /* Ends Global css changes */ table.floatThead-table { border-top: none; border-bottom: none; background-color: #fff; } .ui18-action-link.m-progress::before, .ui18-btn-outline-sm-grey-border.m-progress::before { content: ''; display: inline-block; position: absolute; background: transparent; border: 1px solid #4a90e2; border-top-color: transparent; border-bottom-color: transparent; border-radius: 50%; box-sizing: border-box; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; width: 24px; height: 24px; -webkit-animation: ld 1s ease-in-out infinite; -moz-animation: ld 1s ease-in-out infinite; -o-animation: ld 1s ease-in-out infinite; animation: ld 1s ease-in-out infinite; } .ui18-theme { font-family: "canada-type-gibson", sans-serif; font-style: normal; font-weight: 300; } .ui18-theme label { color: #6E6E6E; font-size: 16px; font-family: "canada-type-gibson",sans-serif; } .ui18-text { font-size: 13px; color: #8C8C8C; line-height: 20px; } .ui18-text2 { font-size: 14px; color: #7D7D7D; line-height: 20px; } .ui18-text a { color: #2E95D7; } .ui18-btn-lg { padding: 10px 20px; } .ui18-btn-md { padding: 12px 20px; font-size: 11px; } .ui18-btn-xl { padding: 18px 20px; } .ui18-btn-outline { color: #2E95D7; font-weight: 600; letter-spacing: 1px; font-family: "canada-type-gibson",sans-serif; background-color: transparent; border: 1px solid #2E95D7; border-radius: unset; } .ui18-btn-outline:disabled { color: #E3E3E3 !important; border-color: #E3E3E3; } .ui18-btn-outline:hover, .ui18-btn-outline:active, .ui18-btn-outline:focus { color: #2E95D7; outline: none !important; border: 1px solid #2E95D7; } .ui18-btn-outline-sm-grey-border { border: 1px solid #DDDDDD; font-size: 11px; color: #4A90E2; font-weight: 600; white-space: normal; } .ui18-btn-outline-sm-grey-border:hover, .ui18-btn-outline-sm-grey-border:active, .ui18-btn-outline-sm-grey-border:focus, .ui18-btn-outline-sm-grey-border.focus { border: 1px solid #DDDDDD; color: #4A90E2; outline: none !important; } .ui18-btn-warning { color: #FFFFFF; font-weight: 600; letter-spacing: 1px; font-family: "canada-type-gibson",sans-serif; background-color: #F7C341; border: 1px solid #F7C341; border-radius: unset; outline: none; } .ui18-btn-warning:disabled { color: #E3E3E3 !important; border-color: #E3E3E3; } .ui18-btn-warning:hover, .ui18-btn-warning:active, .ui18-btn-warning:focus { color: #00457C; outline: none !important; } .ui18-btn-primary { color: #ffffff; background-color: #2E95D7; font-weight: 600; letter-spacing: 1px; font-family: "canada-type-gibson",sans-serif; border-radius: unset; } .ui18-btn-primary:hover, .ui18-btn-primary:active, .ui18-btn-primary:focus, .ui18-btn-primary.focus { background-color: #2E95D7; color: #ffffff; } .ui18-btn-primary i { padding: 0 10px; } .ui18-mkt-message { text-align: center; vertical-align: middle; padding: 20px 10px; width: 100%; background-color: #2E95D7; color: white; font-weight: 600 } .ui18-mkt-message-content > * { width: 50%; margin: 0 auto; } .ui18-mkt-message button.close { float: none; position: absolute; right: 30px; top: 40%; left: unset; opacity: 0.54; font-size: 14px } .hui18-eader-left-img { height: 45px; width: 45px } .ui18-h3 { color: #616161; font-style: normal; font-weight: 600; font-size: 35px; } .ui18-h3 .catchild { margin-left: 10px; } .ui18-h3 a { color: #616161; text-decoration: none; } .ui18-h3 a:hover { text-decoration: none; } .ui18-h3 .catchild span:after { content: ' | ' } .ui18-h3 .catchild span:last-child:after { content: ' ' } .ui18-h4 { color: #616161; font-weight: 600; font-size: 27px; } .ui18-h5 { color: #8F8F8F; font-weight: 600; font-size: 16px; } .ui18-h5-darker { color: #6E6E6E; font-weight: 600; font-size: 16px; } .ui18-h5-darkest { color: #4F4F4F; font-weight: 600; font-size: 16px; } .ui18-h5 .catchild span:after { content: ' | ' } .ui18-h5 .catchild span:last-child:after { content: ' ' } /*#region Site Header Bar */ .headerspacer { margin-top: 192px; } .unregistered-user .headerspacer, .registered-user .headerspacer { margin-top: 255px; } .headroom { will-change: transform; transition: transform 200ms linear; } .headroom--pinned { transform: translateY(0%); } .headroom--unpinned { transform: translateY(-100%); } /*@media (min-width: 768px) { .headroom{transition:transform .25s ease-in-out;will-change:transform} .headroom--pinned{transform:translateY(0)} .headroom--unpinned{transform:translateY(-100%)} .animated { -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; will-change: transform,opacity; } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideDown { 0% { -moz-transform: translateY(-100%); } 100% { -moz-transform: translateY(0); } } @-o-keyframes slideDown { 0% { -o-transform: translateY(-100%); } 100% { -o-transform: translateY(0); } } @keyframes slideDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } .animated.slideDown { -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown; } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(0); } 100% { -webkit-transform: translateY(-100%); } } @-moz-keyframes slideUp { 0% { -moz-transform: translateY(0); } 100% { -moz-transform: translateY(-100%); } } @-o-keyframes slideUp { 0% { -o-transform: translateY(0); } 100% { -o-transform: translateY(-100%); } } @keyframes slideUp { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .animated.slideUp { -webkit-animation-name: slideUp; -moz-animation-name: slideUp; -o-animation-name: slideUp; animation-name: slideUp; } }*/ header .blue-bg { height: 40px; width: 100%; background-color: #00457C; font-family: "canada-type-gibson", sans-serif; } header .ltblue-bg { height: 65px; width: 100%; background-color: #F2F2F2; box-shadow: inset 0 3px 4px 0 rgba(0,0,0,0.15); } header .headerbody { margin-top: 13px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } header .headerbodymega { margin-top: 0; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } header .headerinfo { margin-top: 0px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { header .headerinfo, header .headerbodymega, header .headerbody { width: 750px; } } @media (min-width: 992px) { header .headerinfo, header .headerbodymega, header .headerbody { width: 970px; } } @media (min-width: 1200px) { header .headerinfo, header .headerbodymega, header .headerbody { width: 1170px; } } header .accountsel, header .language { float: left; position: relative; } header .language .langbod a { float: left; } header .accountsel .location .locname, header .language .langbod span { display: inline; } @media( max-width : 767px ) { header .language .langbod span { display: none; } } header .ememu { float: right; } header .emenu, header .ecommerceButtons { position: relative; } header .langbod, header a, header a:link, header a:visited, header a:focus, header i { color: #ECECEC; cursor: pointer; text-decoration: none; } header a:hover { color: #D2A92D; outline: none; text-decoration: none; } header .langbod i { padding-top: 2px; } header a { font-size: 13px; font-weight: 400; line-height: normal; letter-spacing: 0.100em; text-transform: uppercase; } header #langMenu { margin-right: 7px; } header i { height: 13px; width: 13px; font-family: FontAwesome; font-size: 13px; letter-spacing: 1px; line-height: 13px; margin-right: 7px; } header ul.dropdown-menu { min-width: 0; min-width: initial; } header .mastersearchgrp ul.dropdown-menu li { margin-bottom: 0px; } header .mastersearchgrp ul.dropdown-menu { width:100%; } header .ecommerceButtons, header .ecommerceButtons .cart, header .ecommerceButtons .login { float: right; } header .login { margin-right: 24px; } header .ememu a { margin-right: 24px; min-width: 60px; display: block; float: left; } header .langbod a, header .cart a, header .location a, header .login a { display: block; } header .logo { height: 48px; width: 229px; margin-top: 21px; margin-bottom: 19px; float: left; margin-right: -4px; } header .slist, header .tsearch { height: 56px; width: 354px; margin-top: 17px; margin-bottom: 15px; float: right; border-radius: 0px; background-color: #fff; border: 1px solid #D8D8D8; box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.5); } header input[type="text"] { background: none; border: none; box-shadow: none; color: #ADADAD; font-size: 16px; font-weight: 400; font-style: normal; padding: 0 15px; width: 100%; } header .slist button i:focus, header .slist button i:active, header .slist button:focus, header .slist button:active, header .slist button:focus:active, header .tsearch button i:focus, header .tsearch button i:active, header .tsearch button:focus, header .tsearch button:active, header .tsearch button:focus:active, header input[type="text"]:focus { background: none; border: none; box-shadow: none; outline: none; border-radius: 0 0; } header .tsearch .input { border: 0; box-shadow: none; } header .tsearch button { margin: 2px 0 0 0; background: none; box-shadow: none; border: 0; padding: 0 8px 0 10px; } header .slist { margin-right: 31px; } header .slist .input-group-addon { background: none; color: red; } header .slist .input-group-addon i { color: #ADADAD; margin-left: 17px; margin-right: 3px; } header .slist .mbtnsearch { background-color: transparent; } header .slist i { margin-left: 3px; margin-right: 3px; } header .slist button i, header .tsearch button i { color: #00457C; height: 20px; width: 21px; font-family: FontAwesome; font-size: 20px; letter-spacing: 2px; line-height: 20px; } header .tsearch button:hover { border: 0; box-shadow: none; background: none; } header .tsearch button i { font-size: 20px; } header .bar { height: 3px; border-bottom: 1px solid #D8D8D8; } header .yamm ul.nav { width: 100%; float: none; margin: 0; padding: 0; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ float: right; text-align: center; } header .yamm ul.nav > li { display: inline-block; border: none; flex-grow: 1; } header .yamm ul.nav > li:first-of-type { text-align: left; } header .yamm ul.nav > li:last-of-type { text-align: right; } header .yamm a.dropdown-toggle:focus, header .yamm a.dropdown-toggle:visited, header .yamm a.dropdown-toggle { font-size: 22px; font-weight: 600; color: #00457C; text-transform: capitalize; border-bottom: solid 2px #fff; letter-spacing: normal; display: inline-block; } header .yamm .navbar-nav > .open > a, header .yamm .navbar-nav > .open > a:hover, header .yamm .open a.dropdown-toggle, header .yamm .open a.dropdown-toggle:focus, header .yamm a.dropdown-toggle:hover { font-size: 22px; font-weight: 600; color: #6cb5e2; border-bottom: solid 2px #6cb5e2; letter-spacing: normal; background-color: #fff; } header .yamm ul.dropdown-menu { background-color: #f1f2f2; border: 1px solid #f1f2f2; border-radius: 0; box-shadow: none; background-clip: padding-box; } header .megaBottomCTA { font-size: 18px; border-top: 1px solid #e2e3e4; margin: 0 -30px -20px -30px; padding: 0 0; text-align: left; height: 70px; line-height: 70px; } header .megaBottomCTA .ctaTitle { padding-left: 15px; } header .megaBottomCTA .ctaTitle a { font-size: 18px; font-weight: normal; text-decoration: none; border: none !important; color: #00457C; text-transform: none; } header .megaBottomCTA .ctaTitle a:hover { color: #fab816; } header .yamm .yamm-content > .row { margin-bottom: 20px; } header .yamm .yamm-content a { color: #00457c; font-size: 18px; font-weight: 600; line-height: 20px; } header .yamm .yamm-content a:hover { color: #D2A92D; } header .yamm .yamm-content .prod a { color: #005581; display: block; margin-bottom: 5px; } header .yamm .yamm-content .prod a.leaf { color: #2d96d6; display: block; text-transform: capitalize; } header .yamm .yamm-content .prod a:hover { color: #D2A92D; } header .yamm .yamm-content .prod .prodgroup > a:last-of-type { margin-bottom: 20px; } header .navbar { margin: 0 0 0 0; } header .guestarea { float: left; color: #00457C; font-size: 16px; line-height: 18px; display: inline-block; } header .guestarea .gatext { margin-top: 14px; float: left; } header .guestarea .gazip, header .guestarea .gaemail { margin-top: 14px; margin-left: 30px; float: left; } header .rep { float: right; } header .guestarea a:visited, header .guestarea a:focus, header .guestarea a:active, header .guestarea a { color: #2E95D7; text-transform: none; font-size: 16px; line-height: 18px; border: none; outline: none; } header .rep img { height: 65px; width: 65px; margin-top: -10px; } header .rep .repImg { float: right; } header .rep .repInfo { margin-top: 7px; float: left; margin-right: 26px; } header .rep .repInfo i, header .rep .repInfo a:focus, header .rep .repInfo a:visited, header .rep .repInfo a { color: #2E95D7; text-transform: none; font-size: 11px; line-height: 12px; text-decoration: none; } header .rep .repName a, header .rep .repName a:focus, header .rep .repName a:visited, header .rep .repName { color: #555555; font-size: 15px; font-weight: 600; line-height: 17px; text-decoration: none; } header .rep .repContact i { margin-right: 1px; } header .rep .repContact i.fa-envelope-o { margin-left: 7px; } header .rep .repInfo a:hover { color: #D2A92D; } header .userarea { float: left; color: #00457C; font-size: 16px; line-height: 18px; display: inline-block; margin-top: 14px; } header .userarea a i, header .userarea a { color: #00457C; font-size: 16px; line-height: 18px; margin-right: 30px; text-transform: none; letter-spacing: normal; letter-spacing: initial; } header .userarea a:hover i, header .userarea a:hover { color: #D2A92D; } header .slist .dropdown-menu, header .userarea .dropdown-menu { background-color: #F2F2F2; border: 1px solid #D8D8D8; } header .slist .dropdown-menu a, header .userarea .dropdown-menu a { color: #00457C; } @media( max-width : 767px ) { header .userarea.xshide { display: none; } } .regheaderinfo { padding-top: 10px; } header .dropdown-menu { background-color: #00457C; } header .dropdown-menu li a { width: 100%; color: #fff; } header .dropdown-menu li a:hover { color: #D2A92D; } header .accountsel { color: #ECECEC; font-size: 13px; font-weight: 400; line-height: normal; letter-spacing: 0.100em; text-transform: uppercase; } header .accountsel span { margin-left: 28px; } header .accountsel span b { margin-right: 4px; } header .accountsel .location { margin-left: 38px; } header .slist .input-group { height: 100%; } header .slist .vbar { border-left: 1px solid #D8D8D8; text-align: center; } header .slist .vbar button { margin-top: 4px; } header .slist .slisticon { margin-top: 18px; margin-left: 4px; margin-right: 16px; } header .slist a { color: #ADADAD; font-size: 16px; line-height: 18px; text-transform: none; } header .slist a:hover { color: #D2A92D; } header .slist a i { height: 13px; width: 9px; color: #00457C; font-family: FontAwesome; font-size: 13px; letter-spacing: 1px; line-height: 13px; margin-top: -5px; } header .slist .txtout { font-weight: 400; color: #000000; } header .slist .txtout .nolistsel { font-weight: 400; color: #ADADAD; } header .slist .dropdown-menu { background-color: #ffffff; border: 1px solid #D8D8D8; } header .slist .shoppingListMenu li { cursor: pointer; color: #00457C; font-size: 16px; line-height: 18px; text-transform: none; letter-spacing: normal; letter-spacing: initial; font-weight: 400; margin-bottom: 2px; } header .slist .shoppingListMenu li:hover { color: #D2A92D; background-color: #00457C; } header .slist .shoppingListMenu li a { height: 41px; background-color: #F7C341; color: #fff; width: 100%; text-transform: uppercase; padding-top: 12px; margin-top: 10px; } header .slist .shoppingListMenu li a:hover { color: #00457C; } header .slist .shoppingListMenu li.slman { padding-left: 0px; } header .slist .shoppingListMenu .dropdown-header:hover, header .slist .shoppingListMenu .dropdown-header { font-weight: 600; cursor: default; color: #00457C; background-color: #ffffff; } header .mobil .logo { height: 48px; width: 220px; margin-top: 16px; margin-bottom: 0; float: left; margin-right: -4px; } header .mobil .logo img { height: 100%; } header .mobil .logotxt { height: 76px; width: 91px; margin-top: 0; margin-bottom: 0; float: left; margin-right: -4px; } header .mobil .hmenu { margin-top: 4px; float: right; } header .mobil .hmenu i { height: 36px; width: 31px; color: #565656; font-family: FontAwesome; font-size: 36px; line-height: 36px; } header .mobil .hmenu .navbar-toggle { margin-right: 0; } header .mobil .mlogotxt { margin-top: 30px; margin-bottom: 0; float: left; margin-right: -4px; margin-left: 10px; } header .mobil .mlogotxt a:hover, header .mobil .mlogotxt a:active, header .mobil .mlogotxt a:focus, header .mobil .mlogotxt a { font-family: "Century Schoolbook"; font-size: 18px; font-weight: 700; color: #000000; text-decoration: none; letter-spacing: normal; letter-spacing: initial; } @media (max-width: 450px) { header .mobil .hmenu i { height: 24px; width: 24px; font-size: 24px; line-height: 24px; margin-top: 6px; } header .mobil .mlogotxt { margin-top: 30px; margin-bottom: 0; float: left; margin-right: -4px; margin-left: 0; } header .mobil .mlogotxt a:hover, header .mobil .mlogotxt a:active, header .mobil .mlogotxt a:focus, header .mobil .mlogotxt a { font-size: 12px; text-decoration: none; letter-spacing: normal; letter-spacing: initial; } header .mlmenusrc { display: none; } } header .mobil .navbar-collapse { margin-top: 0; width: 100%; background-color: #fff; margin-right: 0; } header .mobil .nav li a { font-size: 20px; color: #00457C; } header .mobil .nav li a header .mobil .nav li a:link, header .mobil .nav li a:visited, header .mobil .nav li a:focus { color: #00457C; cursor: pointer; text-decoration: none; } header .mobil .nav li a:hover { color: #fff; outline: none; text-decoration: none; background-color: #D2A92D; } header .mobil .msearchmen { font-size: 20px; color: #00457C; background-color: #fff; margin-top: 6px; } header .mobil .msearchmen .lbl { float: left; margin-left: 16px; padding-top: 4px; padding-bottom: 4px; text-transform: none; } header .mobil .msearchmen .icn { float: right; margin-right: 36px; padding-top: 6px; padding-bottom: 6px; } header .mobil.mmegamenu { background-color: #00457C; } header .mobil .mmenuitem i, header .mobil .msearchmen i { font-size: 20px; color: #00457C; background-color: #fff; } header .mobil .mmenuitem { font-size: 20px; color: #fff; width: 100%; clear: both; } header .mobil .mmenuitem:hover { background-color: #D2A92D; color: #D2A92D; } header .mobil .mmenuitem .lbl { display: inline-block; float: left; padding-top: 4px; padding-bottom: 4px; } header .mobil .mmenuitem .icn { display: inline-block; float: right; margin-right: 20px; padding-top: 4px; } header .mobil .mmenuitem .icn i { color: #fff; background-color: #00457C; } header .mobil .mchild1 { margin-left: 15px; } header .mobil .mchild2 { margin-left: 30px; } header .mobil .mchild { clear: both; } header .mobil .lbl.lblbuy { text-transform: capitalize; } header .mobil .mchild2 .lbl { text-transform: capitalize; } header .mblsearch input[type="text"] { background-color: #fff; } header .mlmenusrc { float: right; margin-right: 24px; margin-top: -2px; } @media (min-width: 348px) and (max-width: 992px) { header .mlmenusrc { margin-top: -10px; } } header .blue-bg.mblsearch { height: normal; height: initial; } header .mblsearch { width: 100%; border-radius: 0px; background-color: rgb(231, 121, 0); } header .mblsearch .collapse-in { height: 56px; width: 100%; border-radius: 0px; background-color: rgb(231, 121, 0); } header .mblsearch .input-group { margin-top: 4px; margin-bottom: 4px; background-color: #fff; } header .mblsearch input[type="text"] { background: none; border: none; box-shadow: none; color: #ADADAD; font-size: 16px; font-weight: 400; font-style: normal; padding: 0 15px; width: 100%; } header .mblsearch button i:focus, header .mblsearch button i:active, header .mblsearch button:focus, header .mblsearch button:active, header .mblsearch button:focus:active, header .mblsearch input[type="text"]:focus { background: none; border: none; box-shadow: none; outline: none; border-radius: 0 0; } header .mblsearch .input { border: 0; box-shadow: none; } header .mblsearch button { margin: 2px 0 0 0; background: none; box-shadow: none; border: 0; padding: 0 8px 0 10px; } header .mblsearch { margin-right: 31px; } header .mblsearch .input-group-addon { background: none; color: red; } header .mblsearch .input-group-addon i { color: rgb(231, 121, 0); margin-left: 17px; margin-right: 3px; } header .mblsearch .mbtnsearch { background-color: transparent; } header .mblsearch i { margin-left: 3px; margin-right: 3px; } header .mblsearch button i { color: rgb(231, 121, 0); height: 20px; width: 21px; font-family: FontAwesome; font-size: 20px; letter-spacing: 2px; line-height: 20px; } header .mblsearch button:hover { border: 0; box-shadow: none; background: none; } header .mblsearch button i { font-size: 20px; } header .userarea2 { display: none; } @media (min-width: 768px) and (max-width: 992px) { header .yamm .navbar-nav > .open > a, header .yamm .navbar-nav > .open > a:hover, header .yamm .open a.dropdown-toggle, header .yamm .open a.dropdown-toggle:focus, header .yamm a.dropdown-toggle:hover, header .yamm a.dropdown-toggle:focus, header .yamm a.dropdown-toggle:visited, header .yamm a.dropdown-toggle { font-size: 14px; font-weight: 600; } header .logophone { display: none; } } @media (min-width: 768px) and (max-width: 1200px) { header .logoarea .slist { display: none; } header .userarea { display: none; } header .userarea2 { display: block; } header .userarea2 .dropdown { padding-top: 18px; } header .userarea2 .dropdown a i, header .userarea2 .dropdown a { color: #000; font-size: 16px; } header .userarea2 .dropdown ul { background-color: #f2f2f2; } header .userarea2 .dropdown li a { color: #00457C; font-size: 16px; } header .userarea2 .dropdown li:hover a { color: #D2A92D; font-size: 16px; } } @media (min-width: 992px) and (max-width: 1200px) { header .yamm .navbar-nav > .open > a, header .yamm .navbar-nav > .open > a:hover, header .yamm .open a.dropdown-toggle, header .yamm .open a.dropdown-toggle:focus, header .yamm a.dropdown-toggle:hover, header .yamm a.dropdown-toggle:focus, header .yamm a.dropdown-toggle:visited, header .yamm a.dropdown-toggle { font-size: 18px; font-weight: 600; } header .logotxt a:hover, header .logotxt a:active, header .logotxt a:focus, header .logotxt a { font-size: 12px; } header .phone-num a:hover, header .phone-num a:active, header .phone-num a:visited, header .phone-num a:focus, header .phone-num a, header .logophone { padding-top: 4px; font-size: 14px; } } /*#endregion*/ /*#region modal dialog */ .modal.ui18 .modal-dialog { background-color: #f8f8f8; padding: 50px 50px 50px 50px; font-family: "canada-type-gibson",sans-serif; } .modal.ui18 .modal-dialog .modal-content { border-radius: 0 0; background-color: #EDEDED; box-shadow: 0 3px 9px 0 rgba(0,0,0,0.11); border: none; } .modal.ui18 .modal-dialog .modal-header { border-bottom: none; } .modal.ui18 .modal-dialog .modal-header button { display: none; } .modal.ui18 .modal-dialog .modal-header h4 { color: #616161; font-size: 26px; font-weight: 600; line-height: 30px; } .modal.ui18 .modal-dialog label { font-weight: 600; color: #6E6E6E; font-size: 16px; line-height: 26px; } .modal.ui18 .modal-dialog .dx-texteditor-container .dx-placeholder { padding-top: 5px; } .modal.ui18 .modal-dialog input[type=email], .modal.ui18 .modal-dialog input[type=password], .modal.ui18 .modal-dialog input[type=text] { box-sizing: border-box; height: 44px; border: 1px solid #DBDBDB; background-color: #FFFFFF; box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.22); border-radius: 0 0; } .modal.ui18 input[type=radio]:not(old) { width: 28px; margin: 0; padding: 0; font-size: 14px; opacity: 0; } .modal.ui18 input[type=radio]:not(old) + label { display: inline-block; margin-left: -14px; line-height: 36px; } .modal.ui18 input[type=radio]:not(old) + label > span { display: inline-block; box-sizing: border-box; height: 31px; width: 31px; border: 1px solid #DBDBDB; background-color: #FFFFFF; box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.22); position: absolute; } .modal.ui18 input[type=radio]:not(old):checked + label > span > span { opacity: 1; content: ''; position: absolute; width: 12px; height: 8px; background: transparent; top: 8px; left: 8px; border: 3px solid #00457C; border-top: none; border-right: none; transform: rotate(-45deg); } .modal.ui18 .big-radio-label { height: 36px; color: #7D7D7D; font-size: 14px; letter-spacing: 1px; line-height: 36px; text-transform: uppercase; float: left; display: inline-block; margin-left: 30px; } .modal.ui18-modal-primary .catchild { margin-left: 0; } .modal.ui18-modal-primary .modal-dialog .modal-content { background-color: #F8F8F8; box-shadow: none; } .modal.ui18-modal-primary .modal-body { padding: 0; } .modal.ui18-modal-primary .modal-dialog .modal-header { border-bottom: 1px solid #e5e5e5; padding-left: 0; } .modal.ui18-modal-primary .modal-dialog .modal-header button { display: block; margin-top: 4px; font-size: 23px; color: #A8A8A8; } .modal.ui18-modal-primary .modal-header { border-bottom: 1px solid #D4D4D4; } .modal.ui18-modal-primary .modal-footer { border-top: 0; border-bottom: 1px solid #D4D4D4; padding-left: 0; padding-bottom: 25px; } .modal.ui18-modal-primary { color: #5B5B5B; } .modal.ui18-modal-primary .ui18-h5 { margin-top: 30px; margin-bottom: 20px; } .modal.ui18-modal-primary .infobubble { color: #2E95D7; opacity: 0.42; } .modal.ui18-modal-primary .dx-texteditor { margin-top: 5px; margin-bottom: 5px; } .modal.ui18-modal-primary .text-danger { color: #5B5B5B; } .modal.ui18-modal-primary .remove-cuts-section { padding: 15px 0 0 0; } .modal.ui18-modal-primary a.removeCutsLink { color: #DA0A24 !important; text-decoration: none; outline: none; } .modal.ui18-modal-primary a.removeCutsLink:hover, .modal.ui18-modal-primary a.removeCutsLink:focus { color: #DA0A24 !important; text-decoration: none; outline: none; } .modal.ui18-modal-primary .remove-cuts-confirm { padding-top: 10px; } .modal.ui18-modal-primary .remove-cuts-confirm span { font-size: 13px; color: #A8A8A8; } .modal.ui18-modal-primary .remove-cuts-confirm span a { color: #1281D2; } /*#endregion*/ /*#region Gold button Format */ a.ui18-stdGoldButton, button.ui18-stdGoldButton { height: 41px; background-color: #F7C341; color: #fff; width: 100%; text-transform: uppercase; padding-top: 4px; border: none; font-size: 14px; font-weight: 600; letter-spacing: 1px; line-height: 28px; text-align: center; } a.ui18-stdGoldButton:hover, button.ui18-stdGoldButton:hover { color: #00457C; } a.ui18-stdGoldButton:focus, a.ui18-stdGoldButton:active, a.ui18-stdGoldButton:focus:active, button.ui18-stdGoldButton:focus, button.ui18-stdGoldButton:active, button.ui18-stdGoldButton:focus:active { border: none; outline: none; } a.ui18-stdGoldButton { display: block; padding-top: 7px; } .modal-account-body a.ui18-stdGoldButton { padding-top: 13px; } .modal-account-body .loginpage a.ui18-stdGoldButton { padding-top: 7px; } /*#endregion*/ /*#region Blue button Format */ a.ui18-stdBlueButton, button.ui18-stdBlueButton, label.ui18-stdBlueButton { height: 41px; background-color: #2E95D7; color: #fff; width: 100%; text-transform: uppercase; padding-top: 4px; border: none; font-size: 14px; font-weight: 600; letter-spacing: 1px; line-height: 28px; text-align: center; } a.ui18-stdBlueButton:hover, button.ui18-stdBlueButton:hover, label.ui18-stdBlueButton:hover { color: #F7C341; text-decoration: none; } a.ui18-stdBlueButton, button.ui18-stdBlueButton:focus, button.ui18-stdBlueButton:active, button.ui18-stdBlueButton:focus:active, label.ui18-stdBlueButton:focus, label.ui18-stdBlueButton:active, label.ui18-stdBlueButton:focus:active { border: none; outline: none; } /*#endregion*/ /*#region Login Page & Dialog */ .loginpage, .modal.ui18.addCngLogin { font-family: "canada-type-gibson", sans-serif; font-style: normal; } .loginpage .modal-content, .modal.ui18.addCngLogin .modal-content { padding: 40px 75px 40px 75px; } .loginpage .modal-body, .modal.ui18.addCngLogin .modal-body { padding: 0 0 0 0; } .loginpage .modal-header, .modal.ui18.addCngLogin .modal-header { padding-left: 0px; margin-bottom: 10px; } .loginpage .loginfooter, .modal.ui18 .modal-dialog .loginfooter { margin-top: 15px; } .loginpage h4.modal-title { color: #616161; font-size: 26px; font-weight: 600; line-height: 30px; } .loginpage .loginmenu a:focus, .loginpage .loginmenu a:active, .loginpage .loginmenu a:active:focus, .loginpage .loginmenu a, .loginpage .loginmenu, .modal.ui18 .modal-dialog .loginmenu a:focus, .modal.ui18 .modal-dialog .loginmenu a:active, .modal.ui18 .modal-dialog .loginmenu a:active:focus, .modal.ui18 .modal-dialog .loginmenu a, .modal.ui18 .modal-dialog .loginmenu { margin-bottom: 10px; color: #2E95D7; font-size: 14px; font-weight: 600; line-height: 16px; text-decoration: none; } .loginpage .loginmenu > div, .modal.ui18 .modal-dialog .loginmenu > div { margin-right: 15px; display: block; } .loginpage .loginmenu .lgActive, .modal.ui18 .modal-dialog .loginmenu .lgActive { color: #ADADAD; } .loginpage .loginmenu span i, .modal.ui18 .modal-dialog .loginmenu span i { color: #ADADAD; font-family: FontAwesome; font-size: 12px; line-height: 12px; } .loginpage .loginextra, .modal.ui18 .modal-dialog .loginextra { margin-top: 29px; } .modal.ui18 .modal-dialog a { color: #4A90E2; font-size: 13px; line-height: 15px; font-weight: 400; } .modal.ui18 .modal-dialog a:hover { text-decoration: none; color: #D2A92D; } .loginpage .remeber, .modal.ui18 .modal-dialog .remeber { margin-left: 0px; margin-top: 23px; margin-bottom: 23px; } .loginpage .remeber > label, .modal.ui18 .modal-dialog .remeber > label { text-transform: uppercase; color: #7D7D7D; font-size: 14px; letter-spacing: 1px; } .loginpage .buttonspace, .modal.ui18 .modal-dialog .buttonspace { margin-top: 23px; margin-bottom: 20px; } .loginpage label.control-label { color: #6E6E6E; font-size: 16px; font-weight: 600; line-height: 26px; } .loginpage input[type=email], .loginpage input[type=password], .loginpage input[type=text] { box-sizing: border-box; height: 44px; border: 1px solid #DBDBDB; background-color: #FFFFFF; box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.22); border-radius: 0 0; margin-bottom: 10px; } .loginpage .login-panel { background-color: #EDEDED; box-shadow: 0 3px 9px 0 rgba(0,0,0,0.11); padding: 40px 75px 40px 75px; margin-top: 10px; } .loginpage .login-panel #Email { margin-bottom: 10px; } .loginpage .login-panel h4 { margin-bottom: 25px; } .loginpage a:hover { text-decoration: none; } /*#endregion*/ header .hmenu .navbar-header { float: right; } header .static-cart { padding-right: 10px; }