/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ * { margin: 0; padding: 0; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow-x: hidden; line-height: 1.15; } body { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 16px; color: #074E75; background-color: #fff; margin: 0 auto; } .clear { clear: both; } .hide { display: none; } .bold {font-weight:600;} .section_margin60 { margin: 60px 0; } .section_notopmargin { margin: 0 0 60px 0; } .section_nobottommargin { margin: 60px 0 0 0; } .section { 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; } .visible-for-screen-readers { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } a { text-decoration: none; color: #ff5e20; background-color: transparent; } a:active, a:hover { outline: 0; text-decoration: underline; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; 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; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; } /*select, select.form-control-inline { -webkit-appearance: none; -moz-appearance: none; appearance: none; position:relative; } select:before, select.form-control-inline:after { content: "\E902"; font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #d7d7d7; position: absolute; right: 15px; top: calc(50% - 7px); font-size: 1rem; transition: all .2s ease-in-out; }*/ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .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; } select { background: #fff !important; } .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/glyphicons-halflings-regular.eot'); src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/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: "*"; } .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: ""; } #header *, #contentContainer * { -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; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } input[type="search"], input[type="text"], select, textarea { width: 100%; border-radius: 6px; border: 2px solid #d7d7d7; padding: .625em; color: #4c5a58; font-size: .875rem; outline: none; background-color: #fff; } .custom_select { position: relative; color: #868f8e; } .custom_select.cs_cat_sort { width: 285px; } .custom_select.cs_cat_size { width: 110px; } .custom_select:before { content: "\E902"; font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #d7d7d7; position: absolute; right: 15px; top: calc(50% - 7px); font-size: 1rem; transition: all .2s ease-in-out; } .custom_select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } a { text-decoration: none; color: #ff5e20; background-color: transparent; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:active, a:hover { outline: 0; text-decoration: underline; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .carousel-inner>.item>img, .carousel-inner>.item>a>img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .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 #eee; } .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; } @media (max-width:1099px) { .custom_select { max-width: 300px; } } @media (min-width:800px) { h1, .h1 { font-size: 2.3125rem; line-height: 2.625rem; margin: 2.1875rem 0 1.25rem } } h2, .h2 { font-size: 1.625rem; line-height: 2.125rem } h3, .h3 { font-size: 1.25rem; line-height: 1.75rem } h4, .h4 { font-size: 1rem; line-height: 1.4375rem } } h1, .h1 { color: #095f8f; font-size: 1.625rem; font-weight: 700; line-height: 1.8125rem; margin:1.25rem 0 .3125rem } h2, .h2 { color: #095f8f; font-weight: 700; font-size: 1.25rem; line-height: 1.75rem } h3, .h3 { color: #4c5a58; font-weight: 700; font-size: 1.125rem; line-height: 1.625rem } h4, .h4 { color: #4c5a58; font-weight: 700; font-size:.875rem; margin: .625em 0; line-height: 1.3125rem } h5, .h5 { font-size:.75rem; color: #095f8f; line-height:.875rem; text-transform: uppercase; margin: .625em 0; letter-spacing: .5px } h6, .h6 { font-size: 12px; } @media(min-width:800px) { p { line-height: 1.4375rem; font-size: 1rem; } } p { line-height: 1.3125rem; font-size: .875rem; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media(min-width:800px) { .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 { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #007cbf; } a.text-primary:hover { color: #007cbf; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #333; } a.text-info:hover { color: #1a1a1a; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #007cbf; } a.bg-primary:hover { background-color: #007cbf; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, 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.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media(min-width:800px) { .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 #777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } 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.42857143; color: #777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '— '; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: ' —'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } 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,.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.42857143; word-break: break-all; word-wrap: break-word; color: #333; 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; } @media(min-width:800px) { } @media(min-width:992px) { } @media(min-width:1200px) { } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media(max-width:799px) { /*jc 7/24/19 At this width, gutter padding is reduced to 20px per https://idfive.invisionapp.com/share/GBSW9ZOXW2D#/screens/372947506*/ .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } } .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 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media(min-width:800px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media(min-width:992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media(min-width:1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 8px; line-height: 1.42857143; 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>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .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>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .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>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .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>tbody>tr>td.success, .table>tfoot>tr>td.success, .table>thead>tr>th.success, .table>tbody>tr>th.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>tbody>tr.success>td, .table>tfoot>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr.success>th, .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>tbody>tr>td.info, .table>tfoot>tr>td.info, .table>thead>tr>th.info, .table>tbody>tr>th.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>tbody>tr.info>td, .table>tfoot>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr.info>th, .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>tbody>tr>td.warning, .table>tfoot>tr>td.warning, .table>thead>tr>th.warning, .table>tbody>tr>th.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>tbody>tr.warning>td, .table>tfoot>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr.warning>th, .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>tbody>tr>td.danger, .table>tfoot>tr>td.danger, .table>thead>tr>th.danger, .table>tbody>tr>th.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>tbody>tr.danger>td, .table>tfoot>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr.danger>th, .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: .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>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .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>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>td: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>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>td: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>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .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: #333; 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.42857143; color: #555; } .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, 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; } .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); } .form-control::-moz-placeholder { color:#999; opacity:1; } .form-control:-ms-input-placeholder { color:#999; } .form-control::-webkit-input-placeholder { color:#999; } .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"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 34px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { 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="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio 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, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.form-group-sm .form-control { height: 30px; line-height: 30px; } textarea.form-group-sm .form-control, select[multiple].form-group-sm .form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; min-height: 32px; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.form-group-lg .form-control { height: 46px; line-height: 46px; } textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; min-height: 38px; } .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 { width: 46px; height: 46px; line-height: 46px; } .input-sm+.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,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(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,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(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,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(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:800px) { .form-inline .form-group { 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-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } @media(min-width:800px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media(min-width:800px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.333333px; } } @media(min-width:800px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; } } .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.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.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,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #007cbf; border-color: #007cbf; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { color: #fff; background-color: #007cbf; border-color: #007cbf; } .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #007cbf; border-color: #007cbf; } .btn-primary .badge { color: #007cbf; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { 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:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { 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:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { 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:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #007cbf; 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, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } .btn-lg, .btn-group-lg>.btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; 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 .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: .35s; transition-duration: .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-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,.15); border-radius: 4px; -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; } .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.42857143; color: #333; 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: #007cbf; } .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 { 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.42857143; color: #777; 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 solid; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media(min-width:800px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .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-vertical>.btn:hover, .btn-group>.btn:focus, .btn-group-vertical>.btn:focus, .btn-group>.btn:active, .btn-group-vertical>.btn:active, .btn-group>.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 .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 { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(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 { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .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>.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-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical>.btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0; border-top-left-radius: 0; } .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-group>.btn input[type="radio"], [data-toggle="buttons"]>.btn input[type="checkbox"], [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-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.3333333; border-radius: 6px; } select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn { height: 46px; line-height: 46px; } textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn, select[multiple].input-group-lg>.form-control, select[multiple].input-group-lg>.input-group-addon, select[multiple].input-group-lg>.input-group-btn>.btn { height: auto; } .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-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn { height: 30px; line-height: 30px; } textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn, select[multiple].input-group-sm>.form-control, select[multiple].input-group-sm>.input-group-addon, select[multiple].input-group-sm>.input-group-btn>.btn { height: auto; } .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: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { 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 { margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav>li { position: relative; display: block; } .nav>li>a { position: relative; display: block; padding: 10px 15px; } .nav>li>a:hover, .nav>li>a:focus { text-decoration: none; background-color: #eee; } .nav>li.disabled>a { color: #777; } .nav>li.disabled>a:hover, .nav>li.disabled>a:focus { color: #777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color: #eee; border-color: #007cbf; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav>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.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .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 { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified>li { float: none; } .nav-tabs.nav-justified>li>a { text-align: center; margin-bottom: 5px; } .nav-tabs.nav-justified>.dropdown .dropdown-menu { top: auto; left: auto; } @media(min-width:800px) { .nav-tabs.nav-justified>li { display: table-cell; width: 1%; } .nav-tabs.nav-justified>li>a { margin-bottom: 0; } } .nav-tabs.nav-justified>li>a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus { border: 1px solid #ddd; } @media(min-width:800px) { .nav-tabs.nav-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus { border-bottom-color: #fff; } } .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: #007cbf; } .nav-stacked>li { float: none; } .nav-stacked>li+li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified>li { float: none; } .nav-justified>li>a { text-align: center; margin-bottom: 5px; } .nav-justified>.dropdown .dropdown-menu { top: auto; left: auto; } @media(min-width:800px) { .nav-justified>li { display: table-cell; width: 1%; } .nav-justified>li>a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified>li>a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus { border: 1px solid #ddd; } @media(min-width:800px) { .nav-tabs-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs-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; } @media(min-width:800px) { .navbar { } } @media(min-width:1100px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,.1); -webkit-overflow-scrolling: touch; } .navbar-collapse.in { overflow-y: auto; } @media(min-width:1100px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media(max-device-width:480px) and (orientation:landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse { margin-right: -15px; margin-left: -15px; } @media(min-width:800px) { .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media(min-width:800px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media(min-width:800px) { .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:800px) { .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; } .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; } @media(min-width:1100px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media(max-width:799px) { .navbar-nav .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-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu>li>a { line-height: 20px; } .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus { background-image: none; } } @media(min-width:800px) { .navbar-nav { } .navbar-nav>li { } .navbar-nav>li>a { } } .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,.1), 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); margin-top: 8px; margin-bottom: 8px; } @media(min-width:800px) { .navbar-form .form-group { 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:799px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media(min-width:800px) { .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 { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav>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 { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media(min-width:800px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media(min-width:800px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right~.navbar-right { margin-right: 0; } } .navbar-default { } .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 { color: #777; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.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-form { border-color: #e7e7e7; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { } @media(max-width:799px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .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, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .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 { color: #9d9d9d; } .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.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-form { border-color: #101010; } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #080808; color: #fff; } @media(max-width:799px) { .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .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, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, 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: #777; } .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.42857143; text-decoration: none; color: #007cbf; 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>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { color: #23527c; background-color: #eee; border-color: #ddd; } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { z-index: 2; color: #fff; background-color: #007cbf; border-color: #007cbf; 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: #777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg>li>a, .pagination-lg>li>span { padding: 10px 16px; font-size: 18px; } .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; } .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 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: #eee; } .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: #777; 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; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #007cbf; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #007cbf; } .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: baseline; white-space: nowrap; text-align: center; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs>.btn .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active>.badge, .nav-pills>.active>a>.badge { color: #007cbf; 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; } .jumbotron { padding: 30px 15px; margin-bottom: 30px; color: inherit; background-color: #eee; } .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; } .jumbotron .container { max-width: 100%; } @media screen and (min-width:768px) { .jumbotron { padding: 48px 0; } .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .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: #333; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #1a1a1a; } .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,.1); box-shadow: inset 0 1px 2px rgba(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: #007cbf; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); 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,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); } .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-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 { color: #555; } a.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; } .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 { z-index: 2; color: #fff; background-color: #007cbf; border-color: #007cbf; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active:hover .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 { color: #3c763d; } a.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.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 { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #333; background-color: #d9edf7; } a.list-group-item-info { color: #333; } a.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus { color: #333; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { color: #fff; background-color: #333; border-color: #333; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.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 { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.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 { 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,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); } .panel-body { padding: 15px; } .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-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-responsive:first-child>.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>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-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.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 td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th: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-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.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 td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th: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-responsive:last-child>.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>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-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.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 td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th: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-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.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 td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th: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-responsive>.table-bordered>thead>tr>th:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tfoot>tr>td: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-responsive>.table-bordered>thead>tr>th:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tfoot>tr>td: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-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th { border-bottom: 0; } .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>th, .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: #333; 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: #333; } .panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #007cbf; } .panel-primary>.panel-heading { color: #fff; background-color: #007cbf; border-color: #007cbf; } .panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color: #007cbf; } .panel-primary>.panel-heading .badge { color: #007cbf; background-color: #fff; } .panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #007cbf; } .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: #333; 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: #333; } .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,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } .well blockquote { border-color: #ddd; border-color: rgba(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: .2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: .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 .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .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,.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(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: .5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .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:800px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(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-size: 12px; font-weight: normal; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: .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; text-decoration: none; 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-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); white-space: normal; } .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: #999; border-top-color: rgba(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: #999; border-right-color: rgba(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: #999; border-bottom-color: rgba(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: #999; border-left-color: rgba(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: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner>.item>img, .carousel-inner>.item>a>img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner>.item { -webkit-transition: -webkit-transform .6s ease-in-out; -moz-transition: -moz-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; perspective: 1000; } .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: .5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5) 0%, rgba(0,0,0,.0001) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,.5) 0%, rgba(0,0,0,.0001) 100%); background-image: linear-gradient(to right, rgba(0,0,0,.5) 0%, rgba(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,.0001) 0%, rgba(0,0,0,.5) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0%, rgba(0,0,0,.5) 100%); background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0%, rgba(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: .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%; 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; margin-top: -10px; line-height: 1; font-family: serif; } .carousel-control .icon-prev:before { content: '‹'; } .carousel-control .icon-next:before { content: '›'; } .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: rgba(0,0,0,0); } .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,.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: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, #outerPageContainer:before, #outerPageContainer:after, #outerPageContainer #header:before, #outerPageContainer #header:after, #outerPageContainer #header #storeHeader #headerTop:before, #outerPageContainer #header #storeHeader #headerTop:after, #outerPageContainer #header #storeHeader #headerNavigation:before, #outerPageContainer #header #storeHeader #headerNavigation:after, #outerPageContainer #header #storeHeader #checkoutNavigation:before, #outerPageContainer #header #storeHeader #checkoutNavigation:after, #outerPageContainer #contentContainer:before, #outerPageContainer #contentContainer:after, #outerPageContainer #contentContainer .oneColumnLayout .columnsWrapper:before, #outerPageContainer #contentContainer .oneColumnLayout .columnsWrapper:after, #outerPageContainer #footer:before, #outerPageContainer #footer:after, #accountPage .tabstrip>ul:before, #accountPage .tabstrip>ul:after, #accountPage .paymentList:before, #accountPage .paymentList:after, .leftSidebarLayout .itemListing:before, .leftSidebarLayout .itemListing:after, .rightSidebarLayout .itemListing:before, .rightSidebarLayout .itemListing:after, .threeColumnLayout .itemListing:before, .threeColumnLayout .itemListing:after, .oneColumnLayout .itemListing:before, .oneColumnLayout .itemListing:after, #leftColumn .itemListing:before, #leftColumn .itemListing:after, #rightColumn .itemListing:before, #rightColumn .itemListing:after, #categoryPage #categoryDetailsPage .categoryDetailsListing div.itemContainer:before, #categoryPage #categoryDetailsPage .categoryDetailsListing div.itemContainer:after, #productPage div.productDisplay div.simpleProduct:before, #productPage div.productDisplay div.simpleProduct:after, div.checkoutProgressBar div.checkoutProgress:before, div.checkoutProgressBar div.checkoutProgress:after, #checkoutPage #checkout_startPage:before, #checkoutPage #checkout_startPage:after, #checkoutPage #checkout_billPage .column_1 .section:before, #checkoutPage #checkout_billPage .column_1 .section:after, div.widget .content:before, div.widget .content:after, .categorySearchSidebarWidget .criteriaPanel ul:before, .categorySearchSidebarWidget .criteriaPanel ul:after, div.simpleCategoryListWidget .category:before, div.simpleCategoryListWidget .category:after, div.paymentWidget .paymentFormContainer:before, div.paymentWidget .paymentFormContainer:after { content: " "; display: table; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after, #outerPageContainer:after, #outerPageContainer #header:after, #outerPageContainer #header #storeHeader #headerTop:after, #outerPageContainer #header #storeHeader #headerNavigation:after, #outerPageContainer #header #storeHeader #checkoutNavigation:after, #outerPageContainer #contentContainer:after, #outerPageContainer #contentContainer .oneColumnLayout .columnsWrapper:after, #outerPageContainer #footer:after, #accountPage .tabstrip>ul:after, #accountPage .paymentList:after, .leftSidebarLayout .itemListing:after, .rightSidebarLayout .itemListing:after, .threeColumnLayout .itemListing:after, .oneColumnLayout .itemListing:after, #leftColumn .itemListing:after, #rightColumn .itemListing:after, #categoryPage #categoryDetailsPage .categoryDetailsListing div.itemContainer:after, #productPage div.productDisplay div.simpleProduct:after, div.checkoutProgressBar div.checkoutProgress:after, #checkoutPage #checkout_startPage:after, #checkoutPage #checkout_billPage .column_1 .section:after, div.widget .content:after, .categorySearchSidebarWidget .criteriaPanel ul:after, div.simpleCategoryListWidget .category:after, div.paymentWidget .paymentFormContainer: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, .visible-sm, .visible-md, .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:799px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media(max-width:799px) { .visible-xs-block { display: block !important; } } @media(max-width:799px) { .visible-xs-inline { display: inline !important; } } @media(max-width:799px) { .visible-xs-inline-block { display: inline-block !important; } } @media(min-width:768px) and (max-width:991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { 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; } 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; } 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:799px) { .hidden-xs { display: none !important; } } @media(min-width:768px) and (max-width:991px) { .hidden-sm { display: none !important; } } @media(min-width:992px) and (max-width:1199px) { .hidden-md { display: none !important; } } @media(min-width:1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } 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; } } #outerPageContainer { } @media(min-width:800px) { #outerPageContainer { } } @media(min-width:992px) { #outerPageContainer { } } @media(min-width:1200px) { #outerPageContainer { } } #storeHeader .logo img { max-width: 100%; } @media(min-width:1600px) { } #outerPageContainer #header { } #outerPageContainer #header #storeHeader { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16); width: 100%; z-index: 100; display: flex; height: 100%; align-items: flex-end; flex-wrap: wrap; justify-content: space-between; box-shadow: 0 2px 4px 0 rgba(0,0,0,.16); flex-direction: column; } @media(min-width:800px) { #outerPageContainer>.navbar-header, #outerPageContainer>.navbar-collapse { margin-right: 0; margin-left: 0; } #outerPageContainer>.navbar-header, #outerPageContainer>.navbar-collapse { } #outerPageContainer #header #storeHeader { } } @media(min-width:992px) { #outerPageContainer #header #storeHeader { } } @media(min-width:992px) { #outerPageContainer #header #storeHeader { min-height: 102.83px; } } #outerPageContainer #header #storeHeader #headerTop { margin: 0 -15px; } #storeHeader .w2m_logo_col { } @media(max-width:799px) { #outerPageContainer #header #storeHeader #headerNavigation .navigation { } #storeHeader .logo img { } } #outerPageContainer #header #storeHeader #headerBottom:before, #outerPageContainer #header #storeHeader #headerBottom:after { content: " "; display: table; } #outerPageContainer #header #storeHeader #headerBottom:after { clear: both; } #outerPageContainer #header #storeHeader #headerBottom:before, #outerPageContainer #header #storeHeader #headerBottom:after { content: " "; display: table; } #outerPageContainer #header #storeHeader #headerBottom:after { clear: both; } #outerPageContainer #header #storeHeader #checkoutNavigation { } @media(min-width:800px) { #outerPageContainer #header #storeHeader #checkoutNavigation .checkoutProgressBar { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } #outerPageContainer #contentContainer { max-width: 990px; margin: 0 auto; padding: 2.5em 0; } } @media(max-width:799px) { #outerPageContainer #contentContainer { padding: 3.5em 0 1em; } } @media(min-width:768px) and (min-width:992px) { #outerPageContainer #header #storeHeader #checkoutNavigation .checkoutProgressBar { float: left; width: 100%; } } .caption-full { padding: 0 0 15px 5px; } .priceDisplay { font-weight: bold; } span[itemprop="offers"] { font-weight: bold; } .goodCondition { color: #3c763d; } .warnCondition { color: #8a6d3b; } .errorCondition { color: #a94442; } .requiredField { color: #f00; padding-bottom: 3px; margin-left: 3px; display: inline-block; } p.success { color: #3c763d; } p.error { color: #a94442; } .btn { background-color: #ffc558; border-radius: 10px; color: #000; font-weight: 700; font-size:.875rem; padding:.9375rem 1.25rem; text-align: center; display: inline-block; line-height: 1.125rem; cursor: pointer } .btn:hover, a.btn:focus { background-color: #ff5e20; color: #fff; text-decoration: none } a.button { background-color: #ffc558; border-radius: 10px; color: #000; font-weight: 700; font-size:.875rem; padding:.9375rem 1.25rem; text-align: center; display: inline-block; line-height: 1.125rem; cursor: pointer } a.button:focus, a.button:active:focus, a.button.active:focus, a.button.focus, a.button:active.focus, a.button.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a.button:hover, a.button:focus, a.button.focus { background-color: #ff5e20; color: #fff; text-decoration: none } a.button:active, a.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); } a.button.disabled, a.button[disabled], fieldset[disabled] a.button { cursor: not-allowed; pointer-events: none; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.button:hover, a.button:focus, a.button.focus, a.button:active, a.button.active, .open>.dropdown-togglea.button { background-color: #ff5e20; color: #fff; text-decoration: none } a.button:active, a.button.active, .open>.dropdown-togglea.button { background-image: none; } a.button.disabled, a.button[disabled], fieldset[disabled] a.button, a.button.disabled:hover, a.button[disabled]:hover, fieldset[disabled] a.button:hover, a.button.disabled:focus, a.button[disabled]:focus, fieldset[disabled] a.button:focus, a.button.disabled.focus, a.button[disabled].focus, fieldset[disabled] a.button.focus, a.button.disabled:active, a.button[disabled]:active, fieldset[disabled] a.button:active, a.button.disabled.active, a.button[disabled].active, fieldset[disabled] a.button.active { background-color: #fff; border-color: #ccc; } a.button .badge { background-color: #ffc558; border-radius: 10px; color: #000; font-weight: 700; font-size:.875rem; padding:.9375rem 1.25rem; text-align: center; display: inline-block; line-height: 1.125rem; cursor: pointer } a.button:hover { text-decoration: none!important; } @media (min-width:800px) { .button, .btn { font-size: 1rem } } table.compact>thead>tr>th, table.compact>tbody>tr>th, table.compact>tfoot>tr>th, table.compact>thead>tr>td, table.compact>tbody>tr>td, table.compact>tfoot>tr>td { padding: 5px; } img { display: block; max-width: 100%; height: auto; } .form-control-inline { 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, 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; display: inline-block; width: auto; } input[type="search"].form-control-inline, input[type="text"].form-control-inline, select.form-control-inline, textarea.form-control-inline { width: 100% !important; border-radius: 6px; border: 2px solid #d7d7d7; /*padding: .625em !important; */ padding:.5em .625em !important color: #4c5a58; font-size: .875rem; outline: none; background-color: #fff; box-shadow: none; } input[type="text"].form-control-inline, textarea.form-control-inline { width: auto !important; } .form-control-inline: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); } .form-control-inline::-moz-placeholder { color:#999; opacity:1; } .form-control-inline:-ms-input-placeholder { color:#999; } .form-control-inline::-webkit-input-placeholder { color:#999; } .form-control-inline[disabled], .form-control-inline[readonly], fieldset[disabled] .form-control-inline { background-color: #eee; opacity: 1; } .form-control-inline[disabled], fieldset[disabled] .form-control-inline { cursor: not-allowed; } textarea.form-control-inline { height: auto; } .inputForm th, .inputForm .rowHeader { text-align: right; font-weight: bold; vertical-align: middle; } .inputForm td { vertical-align: middle; padding: 5px; } .inputForm td label { font-weight: normal; margin: 0 5px 0 5px; display: inline; } .ContactFormPanel .inputForm th { width: 80px; } .ContactFormPanel .inputForm td { padding: 5px 10px; } .ContactFormPanel .form-control-inline { 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, 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; display: inline-block; width: 60% !important; } .ContactFormPanel .form-control-inline: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); } .ContactFormPanel .form-control-inline::-moz-placeholder { color:#999; opacity:1; } .ContactFormPanel .form-control-inline:-ms-input-placeholder { color:#999; } .ContactFormPanel .form-control-inline::-webkit-input-placeholder { color:#999; } .ContactFormPanel .form-control-inline[disabled], .ContactFormPanel .form-control-inline[readonly], fieldset[disabled] .ContactFormPanel .form-control-inline { background-color: #eee; opacity: 1; } .ContactFormPanel .form-control-inline[disabled], fieldset[disabled] .ContactFormPanel .form-control-inline { cursor: not-allowed; } textarea.ContactFormPanel .form-control-inline { height: auto; } @media(max-width:1099px) { .inputForm th, .inputForm .rowHeader { text-align: left; font-weight: bold; vertical-align: middle; display: block; padding-left: 5px; } .inputForm th label, .inputForm .rowHeader label { margin-bottom: 0; } .inputForm td { vertical-align: middle; padding: 5px; display: block; margin-bottom: 15px; } .inputForm td.empty { display: none; } } @media(max-width:992px) { .ContactFormPanel .form-control-inline { 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, 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; width: 100% !important; } .ContactFormPanel .form-control-inline: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); } .ContactFormPanel .form-control-inline::-moz-placeholder { color:#999; opacity:1; } .ContactFormPanel .form-control-inline:-ms-input-placeholder { color:#999; } .ContactFormPanel .form-control-inline::-webkit-input-placeholder { color:#999; } .ContactFormPanel .form-control-inline[disabled], .ContactFormPanel .form-control-inline[readonly], fieldset[disabled] .ContactFormPanel .form-control-inline { background-color: #eee; opacity: 1; } .ContactFormPanel .form-control-inline[disabled], fieldset[disabled] .ContactFormPanel .form-control-inline { cursor: not-allowed; } textarea.ContactFormPanel .form-control-inline { height: auto; } } @media(max-width:480px) { .ContactFormPanel .inputForm td { padding: 0; } } #storeHeader .shortcuts { } #storeHeader .shortcuts li>a>i { 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; } #storeHeader .shortcuts li>a>i:before { margin-right: 5px; } #storeHeader .shortcuts .login i:before { content: ""; } #storeHeader .shortcuts .acct i:before { content: ""; } @media(max-width:799px) { #storeHeader .shortcuts .wishlist { display: none !important; } } #storeHeader .shortcuts .wishlist i:before { content: ""; } #storeHeader .shortcuts .basket i:before { content: ""; } @media(min-width:768px) and (max-width:991px) { #storeHeader .shortcuts .admin { display: none !important; } } #storeHeader .logo { width: 14.375em; padding: 1.875em 1.5625em 1.25em; position: absolute; background-color: #fff; z-index: 2; align-self: flex-start; } #storeHeader .header_menutop { text-align: right; background-color: #f5f7f7; padding: .375em 0; width: 100%; margin-left: 0; background-color: #f5f7f7; text-align: right; margin: 0 0 0 auto; justify-content: flex-end; position: relative; z-index: 1; align-items: flex-start; } .chrome:not(.windows) #storeHeader .header_menutop, .webkit:not(.windows) #storeHeader .header_menutop, .gecko:not(.windows) #storeHeader .header_menutop { padding: 6.5px 0; } #storeHeader .header_menutop .content { height: 29px; line-height: 29px; } #storeHeader .header_menutop a { font-size: .875rem; font-weight: 700; text-align: left; color: #095f8f; margin-right: 1.25rem; line-height: 1.15; white-space: nowrap; } #storeHeader .header_menutop_special { color:#FFF ;text-align: center; background-color: #033a57 padding:10; width: 100%; margin-left: 0; background-color: #033a57; text-align: right; margin: 0 0 0 auto; justify-content: flex-end; position: relative; z-index: 1; align-items: flex-start; } .chrome:not(.windows) #storeHeader .header_menutop_special, .webkit:not(.windows) #storeHeader .header_menutop_special, .gecko:not(.windows) #storeHeader .header_menutop_special { padding: 6.5px 0; } #storeHeader .header_menutop_special .content { height: 29px; line-height: 29px; } #storeHeader .header_menutop_special a { font-size: .875rem; font-weight: 700; text-align: left; color: #fff; margin-right: 1.25rem; line-height: 1.15; white-space: nowrap; } #storeHeader .header_menutop a i { text-decoration: none; } #storeHeader .header_menutop span.basket a { margin-right: 20px; } #storeHeader .header_menutop span.basket a .icon-cart { padding-right: 7px; } #storeHeader .header_menutop a:hover { text-decoration: underline; } #storeHeader .header_menutop .basket .fa-shopping-cart { speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.10rem; padding-right: .15rem; width: 21px; height: 14px; } #storeHeader .header_menubottom .navbar-collapse.collapse { padding-left: 0; padding-right: 0; } #storeHeader .header_menubottom { text-align: left; align-self: flex-end; z-index: 2; padding-right: 27px; position: relative; top: 3px; } #storeHeader .header_menubottom .navbar-default { padding-left: 0; padding-right: 0; height: auto !important; left: 0 !important; overflow: visible; } #storeHeader .header_menubottom .navbar-nav { float: none; text-align: right; display: block; left: 0; padding: 0; margin: 0; border: 0; list-style: none; transition: left .15s ease-in-out; position: static; } #storeHeader .header_menubottom .navbar-nav .navbar-collapse { padding-left: 0; padding-right: 0; } #storeHeader .header_menubottom .navbar-nav > li { display: inline-block; margin-right: 1.875rem; transition: background .2s; } #storeHeader .header_menubottom .navbar-nav > li:last-child { margin-right: 0; } #storeHeader .header_menubottom .dropdown-menu { position: absolute; top: 95%; left: 0; z-index: 1000; float: left; min-width: 160px; margin: 0; list-style: none; font-size: 14px; text-align: left; background-clip: padding-box; border: none; background-color: #fff; padding: 10px 15px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .16); transition: left .15s ease-in-out; width: 230px; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a, #storeHeader .header_menubottom .navbar-default .navbar-nav > li .nl-heading { text-decoration: none; color: #095f8f; font-weight: 700; font-size: 1.25rem; padding: 1rem 0 25px; position: relative; line-height: 1.15; cursor:pointer; } /*#storeHeader .header_menubottom .navbar-default .navbar-nav > li > a:hover, #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a:focus, #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a:active, #storeHeader .header_menubottom .navbar-default .navbar-nav > li.open > a { color: #fa6830; }*/ .dropdown-toggle.nl-heading { pointer-events: none !important; cursor: pointer !important; } .dropdown-menu.show { max-height: 500px; /* Adjust as needed */ } #storeHeader .header_menubottom .dropdown-menu.last { left: unset; right: 5%; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a:hover, #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a:focus, #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a:active, #storeHeader .header_menubottom .navbar-default .navbar-nav > li.open > a, #storeHeader .header_menubottom .navbar-default .navbar-nav > li > .nl-heading:hover, #storeHeader .header_menubottom .navbar-default .navbar-nav > li > .nl-heading:focus, #storeHeader .header_menubottom .navbar-default .navbar-nav > li > .nl-heading:active, #storeHeader .header_menubottom .navbar-default .navbar-nav > li.open > .nl-heading { color: #fa6830; } #storeHeader .header_menubottom .dropdown-menu > li > a { font-size: 1rem; font-weight: 400; padding: .625rem 0; color: #095f8f; white-space: normal; } #storeHeader .header_menubottom .nav .open > a, #storeHeader .header_menubottom .nav .open > a:hover, #storeHeader .header_menubottom .nav .open > a:focus { background-color: transparent; border: none; color: #fa6830; } #storeHeader .header_menubottom .dropdown-menu > li > a:hover { color: #fa6830; } #storeHeader .header_menubottom .dropdown-menu>li>a:hover, #storeHeader .header_menubottom .dropdown-menu>li>a:focus { text-decoration: none; color: #fa6830; background-color: transparent; } #storeHeader .header_menubottom .dropdown-menu>.active>a, #storeHeader .header_menubottom .dropdown-menu>.active>a:hover, #storeHeader .header_menubottom .dropdown-menu>.active>a:focus { color: #fa6830; text-decoration: none; outline: 0; background-color: transparent; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link { background-color: #ffc558; color: #000; margin-top: 3px; padding: 11px 20px 12px 50px; border-radius: 10px; font-weight: 700; font-size: 1.125rem; line-height: normal; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link:hover { color: #ffffff; background-color: #fa6830; } #storeHeader .header_menubottom a.store__link:before { content: "\E909"; font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.375rem; position: absolute; left: 18px; margin-top: -2px; } #storeHeader .header_menubottom a.store__link:hover:before { color: #ffffff; content: url(images/StoreIcon_white.svg); } #storeHeader .shortcuts .admin i:before { content: ""; } #storeHeader .shortcuts .home i:before { content: ""; } #storeHeader .shortcuts .contact i:before { content: ""; } #storeHeader .search { display: inline-block; vertical-align: middle; } #storeHeader .search .form-control-inline { background-color: #fff; background-image: none; border-radius: 0; box-shadow: none; -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; display: inline-block; background-color: #fff; -webkit-appearance: none; border: none; border-radius: 0; font-size: .75rem; width: 160px; height: 29px; padding: 0 .625em; } #storeHeader .search .simpleSearchPanel { } #storeHeader .search_collapse.collapse.in { } #storeHeader .search_collapse.collapse.in .input-group-btn a { margin-right: 0; } #storeHeader .search_collapse.collapse.in .form-control-inline { width: 160px; } #storeHeader .search_trigger { position: relative; width: auto; display: inline-block; padding: 0 32px 0 0; vertical-align: text-bottom; cursor: pointer; } #storeHeader .search_trigger .icon-search { font-size: 1.125rem; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; height: 18px; width: 18px; font-size: 1.125rem; } #storeHeader .search_collapse.collapsing { height: auto; -webkit-transition: left 0.3s ease; -o-transition: left 0.3s ease; -moz-transition: left 0.3s ease; transition: left 0.3s ease; left: -100%; } #storeHeader .search_collapse.show { left: 0; -webkit-transition: left 0.3s ease-in; -o-transition: left 0.3s ease-in; -moz-transition: left 0.3s ease-in; transition: left 0.3s ease-in; } #storeHeader .search .simpleSearchPanel a.btn { padding: 9px 12px; background-color: #095f8f; color: #fff; font-size: .8125rem; text-transform: uppercase; font-weight: 600; -webkit-appearance: none; margin-right: 0; height: 29px; } #storeHeader .search .simpleSearchPanel .btn-success { color: #fff; border: none; } #storeHeader .search .simpleSearchPanel .input-group-btn:last-child > .btn { border-radius: 0; } #storeHeader .navigation .navbar-brand { padding: 10px; } @media (min-width:1100px) { #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a { font-size: 1rem; padding: .625rem 0 1.375rem; display: inline-block; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li { margin-right: 1.25rem; -webkit-margin-end: 1.2rem; } .chrome:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li, .webkit:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li, .gecko:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li { margin-right: 1.25rem; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li:last-child { margin-right: 0; } .chrome:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li:last-child, .webkit:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li:last-child, .gecko:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li:last-child { margin-right: 0; } .gecko:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li:last-child { top: -1px; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li:last-child a { padding-left: 46px; padding-right: 16px; font-size: 1rem; } #storeHeader .nav_visible_1099 { display: none; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link { padding-left: 46px; padding-right: 16px; font-size: 1rem; top: 2px; } #storeHeader .logo { padding: 1.875em 1.5625em 1.25em; height: 98.83px; width: 279px; } .chrome:not(.windows) #storeHeader .logo, .webkit:not(.windows) #storeHeader .logo, .gecko:not(.windows) #storeHeader .logo { width: 280px; height: 98.33px; } .gecko:not(.windows) #storeHeader .logo { left: 0; } #storeHeader .logo img { width: 230px; height: 49px; } #storeHeader .header_menutop a { font-size: .75rem; } #storeHeader .header_menubottom #header_menu span .icon-close { display: none; } #storeHeader .header_menubottom #header_menu .mobile_utility { display: none; } .search_btn_desktop { display: block; } .search_btn_mobile { display: none; } #storeHeader .search_trigger { padding: 0 25px 0 0; -webkit-padding-end: 32px; } .ie.windows #storeHeader .search_trigger { top: -1px; } #storeHeader .header_menubottom { padding-right: 1.25em; -webkit-padding-end: 27px; } .chrome:not(.windows) #storeHeader .header_menubottom, .webkit:not(.windows) #storeHeader .header_menubottom, .gecko:not(.windows) #storeHeader .header_menubottom { padding-right: 1.25em; } #storeHeader .header_menutop a { margin-right: 1.25rem; -webkit-margin-end: 1.23rem; } .chrome:not(.windows) #storeHeader .header_menutop a, .webkit:not(.windows) #storeHeader .header_menutop a, .gecko:not(.windows) #storeHeader .header_menutop a { margin-right: 1.25rem; } .webkit.chrome #storeHeader .header_menutop { margin-top: -1px; } .chrome:not(.windows) #storeHeader .header_menutop span.basket a { margin-right: 18.25px; } .webkit:not(.windows) #storeHeader .header_menutop span.basket a { margin-right: 16.75px; } .webkit.chrome #storeHeader .header_menutop span.basket a { margin-right: 18.25px; } .gecko:not(.windows) #storeHeader .header_menutop span.basket a { margin-right: 16.75px; } .chrome:not(.windows) #storeHeader .search_trigger, .webkit:not(.windows) #storeHeader .search_trigger, .gecko:not(.windows) #storeHeader .search_trigger { padding: 0 21px 0 0; top: -1px; } .webkit.chrome #storeHeader .search_trigger { -webkit-padding-end: 25px; padding: 0 25px 0 0; top: 0; } .chrome:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a, .webkit:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a, .gecko:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a { top: -1px; } .gecko:not(.windows) #storeHeader .search_trigger { top: -1px; } .gecko:not(.windows) #storeHeader .header_menutop { top: -2px; } .gecko:not(.windows) #storeHeader .header_menutop .nav.nav-pills { margin-top: 1px; } .gecko:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link { top: 2px; } } @media (min-width:1200px) { #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a { font-size: 1.125rem; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li { margin-right: 1.5625rem; margin-top: -1px; -webkit-margin-before: 0; } .mac.chrome #storeHeader .header_menubottom .navbar-default .navbar-nav > li:last-child { top: 2px; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link { padding-left: 48px; padding-right: 18px; font-size: 1.0625rem; top: 0; } #storeHeader .header_menutop a { font-size: .8125rem; -webkit-margin-end: 1.25rem; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a { font-size: 1.125rem; } #storeHeader .search_trigger { padding: 0 25px 0 0; } .mac.chrome #storeHeader .search_trigger { padding: 0 20px 0 0; top: -1px; } #storeHeader .header_menubottom { padding-right: 20px; } .chrome:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li, .webkit:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li, .gecko:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li { margin-right: 1.5625rem; } .chrome:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link, .webkit:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link, .gecko:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link { padding-left: 48px; padding-right: 18px; font-size: 1.0625rem; top: 0; } .webkit:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link { top: 1px; } .gecko:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link { top: 2px; } .gecko:not(.windows) #storeHeader .search_trigger { top: 0; } } @media (min-width: 1300px) { #storeHeader .header_menutop a { font-size: .875rem; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a, #storeHeader .header_menubottom .navbar-default .navbar-nav > li .nl-heading { font-size: 1.25rem; padding: 14px 0 22px; margin-top: -1px; -webkit-margin-before: -2px; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link { background-color: #ffc558; color: #000; margin-top: 0; padding: 12px 20px 12px 50px; border-radius: 10px; font-weight: 700; font-size: 1.125rem; top: 0; line-height: 1.15; } .chrome:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link, .webkit:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link, .gecko:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link { top: -1px; font-size: 1.125rem; padding-left: 50px; padding-right: 20px; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li { margin-right: 1.875rem; webkit-margin-end: 1.82rem; margin-top: -2px; -webkit-margin-before: 0; } #storeHeader .header_menutop span.basket a { margin-right: 19px; -webkit-margin-end: 17px; } .ie.windows #storeHeader .header_menutop span.basket a { margin-right: 17px; } #storeHeader .header_menubottom a.store__link:before { margin-top: -2px; } #storeHeader .search_trigger { padding: 0 25px 0 0; } #storeHeader .header_menubottom { padding-right: 1.25em; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li { margin-right: 1.875rem; } .chrome:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li, .webkit:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li, .gecko:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li { margin-right: 1.875rem; } } @media (min-width: 1400px) { #storeHeader .header_menubottom .navbar-default .navbar-nav > li { margin-right: 1.875rem; } #storeHeader .search_trigger { padding: 0 25px 0 0; -webkit-padding-end: 0 34px 0 0; } #storeHeader .header_menubottom { padding-right: 20px; -webkit-padding-end: 0 29px 0 0; margin-top: -1px; -webkit-margin-before: 0; } } @media(max-width:1299px) { #storeHeader .header_menutop span.basket a { margin-right: 19px; -webkit-margin-end: 17px; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a { margin-top: 0; -webkit-margin-before: -1px; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link { background-color: #ffc558; color: #000; padding: 11px 20px 12px 50px; border-radius: 10px; font-weight: 700; font-size: 1.125rem; line-height: normal; top: 1px; } .mac.chrome #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link { top: -1px; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link:before { margin-top: -2px; -webkit-margin-before: -3px; } .webkit:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link:before { margin-top: -2px; -webkit-margin-before: -2px; } } @media(max-width:1299px) and (min-width:1200px) { #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link { font-size: 17px; padding: 12px 18px 11px 48px; } .gecko:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link { padding: 12.5px 18px 12.5px 48px; } #storeHeader .header_menubottom a.store__link:before { margin-top: -2px; -webkit-margin-before: -3px; } } @media(max-width:1199px) and (min-width:1100px) { #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link { font-size: 16px; padding: 12px 16px 12px 46px; top: 2px; -webkit-margin-before: 5px; } .gecko:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link { padding: 12.5px 16px 12.5px 46px; } .chrome:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link, .webkit:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link, .gecko:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link { top: 1px; } .gecko:not(.windows) #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link { top: 2px; } #storeHeader .header_menutop span.basket a { margin-right: 20px; -webkit-margin-end: 17px; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li > a.store__link:before { margin-top: -3px; -webkit-margin-before: -3px; } } @media(max-width:1099px) { #storeHeader .navigation .nav-basket { float: right; margin-bottom: 8px; margin-right: 15px; margin-top: 8px; padding: 9px 10px; 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; font-size: 1.2em; } #storeHeader .navigation .nav-basket:before { content: ""; } #storeHeader .navigation .nav a { display: inline-block; width: 100%; } #storeHeader .navigation .nav a:hover { background-color: #fff; } #storeHeader .navigation .nav i { 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; margin: 0 15px; } #storeHeader .navigation .nav .finder:before { content: ""; } #storeHeader .navigation .nav .contact:before { content: ""; } #storeHeader .navigation .nav .acct:before { content: ""; } #storeHeader .navigation .nav .login:before { content: ""; } #storeHeader .navigation .nav .currency:before { content: ""; } #storeHeader .nav_visible_1099 { display: block; } #storeHeader .nav_visible_1099 .navbar-brand { display: none; } #storeHeader .nav_visible_1099 .navbar-toggle .icon-bar { background: none; } #storeHeader .header_menubottom { text-align: left; align-self: flex-end; z-index: 2; padding-right: 0; position: relative; top: 0; } #storeHeader .nav_visible_1099 .navbar-toggle .icon-bar i { display: block; font-size: 30px; color: #007cbf; } #storeHeader .nav_visible_1099 .navbar-toggle { position: relative; float: right; margin: 0; padding: 0; background-color: transparent; background-image: none; border: none; border-radius: 0; right: 16px; top: 16px; } .chrome:not(.windows) #storeHeader .nav_visible_1099 .navbar-toggle, .webkit:not(.windows) #storeHeader .nav_visible_1099 .navbar-toggle, .gecko:not(.windows) #storeHeader .nav_visible_1099 .navbar-toggle { right: 15px; } .gecko:not(.windows) #storeHeader .nav_visible_1099 .navbar-toggle { top: -4px; } #storeHeader .nav_visible_1099 .navbar-toggle[aria-expanded="true"] .icon-bar i { display: none; } #storeHeader .nav_visible_1099 .navbar-toggle[aria-expanded="false"] .icon-bar i { display: block; } #storeHeader .nav_visible_1099 .navbar-toggle[aria-expanded="true"] span.close i { margin-top: 0; margin-bottom: 0; position: relative; z-index: 999999; } #storeHeader .nav_visible_1099 .navbar-toggle[aria-expanded="false"] span.close i { display: none; } #storeHeader .header_menutop { display: none; } #storeHeader .logo { padding: 1.375em .9375em .9375em; top: 0; left: 0; } #storeHeader .logo img { width: 145px; height: 31px; } #outerPageContainer #header #storeHeader { min-height: 71.79px; } #storeHeader .header_menubottom .navbar-collapse.collapse[aria-expanded="false"] { position: fixed; right: -999999px; } #storeHeader .header_menubottom .navbar-collapse.collapse.in[aria-expanded="true"] { position: fixed; width: 100%; height: 100%; right: 0; top: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); background: #007cbf; transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; box-sizing: border-box; padding: 1.25em; overflow: scroll; transform: translateZ(0); visibility: visible; } #storeHeader .header_menubottom .navbar-collapse.collapse.in .navbar-nav { float: none; text-align: right; display: block; left: 0; padding: 0; margin: 50px 0 0 0; border: 0; list-style: none; transition: left .15s ease-in-out; position: static; } #storeHeader .header_menubottom #header_menu { position: fixed; width: 100%; /*height: 100vh;*/ height: 100%; top: 0px; left: 100%; background: #007cbf; } #storeHeader .header_menubottom #header_menu.mobile_menu { transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; box-sizing: border-box; padding: 1.25em; overflow: scroll; } #storeHeader .header_menubottom #header_menu span.mobile_close { display: block; text-align: right; position: relative; } #storeHeader .header_menubottom #header_menu span.mobile_close .icon-close { color: #ffffff; font-size: 30px; position: absolute; top: -4px; right: -5px; } #storeHeader .header_menubottom #header_menu span.mobile_close .icon-close:hover { text-decoration: none; -webkit-transform: scale(1.05); transform: scale(1.05); transition: all .2s cubic-bezier(.165, .84, .44, 1); } #storeHeader .header_menubottom #header_menu.mobile_menu #header_resource_ql.collapse { display: block; border: none; box-shadow: none; } #storeHeader .header_menubottom #header_menu.mobile_menu #header_resource_ql .navbar-nav { text-align: left; margin-top: 50px; } #storeHeader .header_menubottom #header_menu.mobile_menu #header_resource_ql .navbar-nav > li { position: relative; display: block; text-decoration: none; transition: none; } #storeHeader .header_menubottom #header_menu.mobile_menu #header_resource_ql .navbar-nav > li:last-child { margin-top: 0; margin-bottom: 1.55em; top: 4px; } .webkit.chrome #storeHeader .header_menubottom #header_menu.mobile_menu #header_resource_ql .navbar-nav > li:last-child { margin-bottom: 1.75em; } #storeHeader .header_menubottom #header_menu.mobile_menu #header_resource_ql .navbar-nav > li a { color: #fff; padding: .4375em 0 .5em; font-size: 1rem; font-weight: 700; -webkit-margin-before: 0; } #storeHeader .header_menubottom .dropdown-menu { background-color: transparent; display: none; } #storeHeader .header_menubottom #header_menu.mobile_menu #header_resource_ql .navbar-nav > li:last-child a { background-color: #ffc558; color: #000; padding: 15px 15px 15px 38px; border-radius: 10px; font-weight: 700; display: inline-block; font-size: 1.25rem; margin-top: 1px; } .gecko:not(.windows) #storeHeader .header_menubottom #header_menu.mobile_menu #header_resource_ql .navbar-nav > li:last-child a { padding: 16px 15px 16px 38px; } #storeHeader .header_menubottom #header_menu.mobile_menu #header_resource_ql a.store__link:before { left: 11px; font-size: 1.25rem; top: calc(50% - 10px); margin-top: 0; } #storeHeader .header_menubottom #header_menu.mobile_menu #header_resource_ql .navbar-nav > li:last-child a:hover { color: #fff; background-color: #ff5e20; text-decoration: none; } #storeHeader .header_menubottom #header_menu .mobile_utility { display: block; } #storeHeader .header_menubottom #header_menu .mobile_utility li { display: block; margin-right: 1.25rem; font-size: .125rem; font-weight: 600; color: #d7d7d7; font-weight: 700; } #storeHeader .header_menubottom #header_menu .mobile_utility li a, #storeHeader .header_menubottom #header_menu .mobile_utility a { color: #fff; display: block; font-size: 14px; padding: 8.25px 0; font-weight: 400; } #storeHeader .header_menubottom #header_menu .mobile_utility span.basket a span.icon-cart { padding-right: 7px; } #storeHeader .header_menubottom #header_menu .mobile_utility li a:hover, #storeHeader .header_menubottom #header_menu .mobile_utility a:hover { text-decoration: none; } #storeHeader .header_menubottom #header_menu .search_mobile { display: block; max-width: 100%; padding: 15px 0; } #storeHeader .header_menubottom #header_menu .mobile_utility input[type="text"].form-control-inline { width: 100% !important; } #storeHeader .header_menubottom #header_menu .search_mobile .search_btn_mobile { position: relative; top: 3px; } .search_btn_desktop { display: none; } .search_btn_mobile { display: block; padding-left: .625rem; padding-right: .625rem; } .search_btn_mobile i { font-size: 1.125rem; margin-top: 3px; } #storeHeader .search .form-control-inline { height: 39px; } #storeHeader .search .simpleSearchPanel a.btn { height: 39px; } #storeHeader .header_menubottom #header_menu .mobile_utility ul.social-icons { padding-left: 0; padding-bottom: 20px; } #storeHeader .header_menubottom #header_menu .mobile_utility ul.social-icons li { display: inline-block; margin-right: 0; } #storeHeader .header_menubottom #header_menu .mobile_utility ul.social-icons .social-icons__item { margin-right: .3125rem; display: inline-block; -webkit-perspective: 1000px; perspective: 1000px; text-decoration: none; font-size: 1.5rem; padding: 0; } #storeHeader .header_menubottom #header_menu .mobile_utility ul.social-icons .social-icons__item:hover { text-decoration: none; color: #ff5e20; } #storeHeader .header_menubottom #header_menu .mobile_utility ul.social-icons .social-icons__item i { display: inline-block; border-radius: 50%; width: 2.0625rem; height: 2.0625rem; font-size: 1.5rem; color: #fff; background-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; transition: color .2s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; text-decoration: none; } #storeHeader .header_menubottom #header_menu .mobile_utility ul.social-icons .social-icons__item i:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } } /* @media(min-width:800px) { .breadCrumbs { padding: 8px 15px; margin-bottom: 10px; background-color: #f5f5f5; border-radius: 4px; } } */ .breadCrumbs, .breadcrumbs { margin-bottom: 1.4375em } @media (min-width:800px) { .breadCrumbs { margin-bottom: 1.25em } } .breadCrumbs a, .breadcrumbs a { color: #4c5a58; font-size:.875rem; display: inline-block } @media (min-width:800px) { .breadCrumbs a, .breadcrumbs a { font-size: 1rem } } .breadCrumbs a:before, .breadcrumbs span:before { content: "\BB"; display: inline-block; padding:0 .3125rem } .breadCrumbs a:first-child:before, .breadcrumbs span:first-child:before { display: none } .breadCrumbs a, .breadcrumbs a { color: #4c5a58; font-size:.875rem } @media (min-width:800px) { .breadCrumbs a, .breadcrumbs a { font-size: 1rem } } .breadCrumbs a:active, .breadCrumbs a:last-child, .breadcrumbs .crumbon, .breadCrumbs.accountBreadCrumbs span:last-child { color: #007cbf } .breadCrumbs.accountBreadCrumbs { } .breadCrumbs.accountBreadCrumbs a { color: #4c5a58 } .breadCrumbs.accountBreadCrumbs span { padding: 0 .3125rem; } @media(max-width:800px) { #storeHeader .header_menubottom #header_menu.mobile_menu { padding: 20px; } } div.pageHeader h1, #pageHeader h1 { } @media(max-width:799px) { div.pageHeader h1, #pageHeader h1 { color: #074E75; font-size: 1.625rem; font-weight: 700; line-height: 1.8125rem; margin: 1.25rem 0 .3125rem; } h1, .h1 { color: #074E75; font-size: 1.625rem; font-weight: 700; line-height: 1.8125rem; margin: 1.25rem 0 1rem 0.5rem; } #storeHeader .logo { top: 3px; left: 2px; } } div.pageHeader div.links, #pageHeader div.links { right: 20px; top: 3px; position: absolute; } div.pageHeader div.links a.button, #pageHeader div.links a.button { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .modalPopup { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); background-clip: padding-box; outline: 0; } .modalPopup .modalPopupContent { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px; } .modalPopup .modalPopupHeader { padding: 10px; font-weight: bold; } .site-footer { background-color: #095f8f; color: #fff; padding-top: 2.5rem; } .compartment { max-width: 87.5rem; margin: 0 auto; padding-left: 1.25rem; padding-right: 1.25rem; } .silc-grid--padded { padding-top: 1.875rem; padding-bottom: 1.875rem; } .silc-grid { display: flex; flex-wrap: wrap; margin-left: -25px; } .silc-grid__col { flex: 0 1 auto; width: 100%; box-sizing: border-box; padding-left: 25px; margin-top: 0; margin-bottom: 25px; } .site-footer__column1, .site-footer__column3 { margin-bottom: .625rem; } .site-footer__column4 { margin-bottom: 1.25rem; } .site-footer__sole { padding: .625rem 0; } .site-footer__links { display: inline-block; text-align: right; float: right; } .site-footer__links a { color: #fff; text-decoration: underline; display: block; font-size: .8125rem; padding-right: 1.25rem; margin-bottom: .625rem; } .site-footer__links { text-align: left; } .site-footer__copyright { display: block; margin-bottom: 1.25em; font-size: .8125rem; } .site-footer .main-menu { list-style-type: none; font-size: 1rem; font-weight: 700; color: #fff; margin: 0; padding: 0; } .site-footer .main-menu li { padding: 0 0 .8125rem; } .site-footer .main-menu li a { color: #fff; } .site-footer .utility-menu { list-style-type: none; font-size: .875rem; font-weight: 700; color: #fff; margin: .5rem 0 0; padding: 0; } .site-footer .utility-menu li { padding: 0 0 .9375rem; } .site-footer .utility-menu li a { color: #fff; } .site-footer address { font-style: normal; font-size: .875rem; line-height: 1.375rem; margin-bottom: 0; } .site-footer h4 { color: #fff; margin: 0; padding: 0; font-size: .875rem; line-height: 1.5rem; } .site-footer__logo { width: 100%; margin-bottom: 1.25rem; max-width: 13.125rem; } .silc-align--left { text-align: left !important; } .social-icons { display: inline-block; margin: 0 0 0 -10px; padding: 0; margin-bottom: 10px; list-style-type: none; } .social-icons li { display: inherit; } .social-icons__item { margin-right: .3125rem; display: inline-block; -webkit-perspective: 1000px; perspective: 1000px; text-decoration: none; } .social-icons__item i { display: inline-block; border-radius: 50%; width: 2.0625rem; height: 2.0625rem; font-size: 1.5rem; color: #fff; background-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; transition: color .2s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; text-decoration: none; } .site-footer__logo { width: 100%; margin-bottom: 1.25rem; max-width: 13.125rem; } .social-icons__item i:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .site-footer .main-menu li ul { display: none; } .site-footer__links a:last-child { padding-right: 0; } .social-icons__item i { font-size: 1.5rem; color: #fff; } @media(min-width:800px) { .compartment { padding-left: 5rem; padding-right: 5rem; } .silc-grid--padded { padding-top: 3.125rem; padding-bottom: 3.125rem; } .silc-grid__col--3-800 { width: 25%; } .site-footer__copyright { font-size: .875rem; display: inline-block; } .site-footer__links a { font-size: .875rem; margin-bottom: 0; display: inline-block; } .site-footer__links { text-align: right; } .site-footer .main-menu { font-size: 1.375rem; } .site-footer .utility-menu { list-style-type: none; font-size: .875rem; font-weight: 700; color: #fff; margin: .5rem 0 0; padding: 0; } .site-footer .utility-menu { font-size: 1rem; } .site-footer address { font-size: 1rem; line-height: 1.5rem; } .site-footer h4 { font-size: 1rem; } .site-footer__logo { max-width: 13.125rem; } .social-icons { margin-bottom: 0; } .site-footer__logo { max-width: 13.125rem; } .site-footer .main-menu { font-size: 1.375rem; } } @media(max-width:799px) { .site-footer__links { float: none; } } #adminPanel .editItemPanel { padding: 0 0 10px; } #adminPanel .editItemPanel span.rowHeader { color: #333; } #adminPanel .displayPagePanel label.rowHeader { color: #333; } #adminPanel .displayPagePanel select { width: auto !important; display: inline-block; } .validationSummary { margin-bottom: 6px; } .validationSummary ul { margin-left: 25px; list-style-type: disc; } .validationSummary ul li { color: #f00; } #advancedSearchPage .searchPanel .inputForm { width: 100%; } #advancedSearchPage .searchPanel .inputForm td input[type="text"], #advancedSearchPage .searchPanel .inputForm td select { width: auto !important; } #basketPage div.basketContainer div.actions { margin: 10px 0 10px 0; text-align: center; } #basketPage div.warnings { padding-left: 20px; } #basketPage div.emptyBasketPanel { text-align: center; color: #333; } #basketPage .quantity input[type='text'] { width: 60px !important; } div.pagingPanel, .paging { margin-top: 10px; } div.pagingPanel>td span, .paging>td span, div.pagingPanel>td a, .paging>td a { margin-right: 4px; } div.pagingPanel a, .paging a { padding: 6px 12px; line-height: 1.42857143; text-decoration: none; background-color: #fff; color: #095f8f; font-weight: 600; } div.pagingPanel a:hover, .paging a:hover { color: #ff5e20; } div.pagingPanel a.current, .paging a.current { z-index: 2; color: #ff5e20; cursor: default; } div.pagingPanel span, .paging span { padding: 6px 12px; line-height: 1.42857143; text-decoration: none; cursor: default; } table.pagedList { width: 100%; max-width: 100%; margin-bottom: 20px; } table.pagedList>thead>tr>th, table.pagedList>tbody>tr>th, table.pagedList>tfoot>tr>th, table.pagedList>thead>tr>td, table.pagedList>tbody>tr>td, table.pagedList>tfoot>tr>td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } table.pagedList>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ddd; } table.pagedList>caption+thead>tr:first-child>th, table.pagedList>colgroup+thead>tr:first-child>th, table.pagedList>thead:first-child>tr:first-child>th, table.pagedList>caption+thead>tr:first-child>td, table.pagedList>colgroup+thead>tr:first-child>td, table.pagedList>thead:first-child>tr:first-child>td { border-top: 0; } table.pagedList>tbody+tbody { border-top: 2px solid #ddd; } table.pagedList .table { background-color: #fff; } table.pagedList>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9; } table.pagedList th.thumbnail { text-align: center; width: 60px; } table.pagedList td.thumbnail { text-align: center; width: 155px; } table.pagedList td.itemName { text-align: left; } table.pagedList th.quantity { width: 60px; } table.pagedList td.quantity { width: 60px; } table.pagedList th.sku { width: 80px; } table.pagedList td.sku { width: 80px; text-align: left; } table.pagedList th.price { width: 70px; } table.pagedList td.price { width: 70px; } table.pagedList th.manufacturer { width: 100px; } table.pagedList td.manufacturer { width: 100px; } table.pagedList th.categories { width: 120px; } table.pagedList td.categories { width: 120px; } table.pagedList th.actions { width: 100px; } table.pagedList td.actions { width: 100px; } table.pagedList th.orderItems { text-align: left; } table.pagedList td.orderItems { text-align: left; } table.pagedList tr.paging td { text-align: center; } table.basket { border: 0; border-collapse: collapse; width: 100%; } table.basket th.thumbnail { text-align: left; width: 60px; } table.basket td.thumbnail { text-align: center; width: 160px; } table.basket th.item { text-align: left; } table.basket td.item { text-align: left; } table.basket td.item div.setGiftOptions a { 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; } table.basket td.item div.setGiftOptions a:before { content: ""; } table.basket td.item div.itemDetail { margin-bottom: 1em; } table.basket td.item div.itemActions a { margin-right: 8px; text-transform: lowercase; } table.basket th.quantity { text-align: center; width: 60px; } table.basket td.quantity { text-align: center; width: 60px; } table.basket td.footerSubtotalLabel { text-align: right; } table.itemList { border: 0; border-collapse: collapse; width: 100%; } table.itemList th, table.itemList td { padding: 4px 8px; text-align: center; vertical-align: middle; } table.itemList th { border-bottom: 1px solid #ccc; } table.itemList td { padding-bottom: 10px; padding-top: 10px; } table.itemList td a { color: #416573; } table.itemList td a:hover { color: #788f03; } table.itemList th.thumbnail { border-right: none; text-align: left; width: 60px; } table.itemList td.thumbnail { text-align: center; width: 160px; } table.itemList th.item { border-left: none; text-align: left; } table.itemList td.item { text-align: left; } table.itemList td.item div.setGiftOptions a { 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; } table.itemList td.item div.setGiftOptions a:before { content: ""; } table.itemList th.quantity { width: 60px; } table.itemList td.quantity { width: 60px; } table.itemList th.sku { width: 80px; } table.itemList td.sku { width: 80px; } table.itemList th.price { width: 70px; } table.itemList td.price { width: 70px; } table.itemList th.total { width: 70px; } table.itemList td.total { width: 70px; } table.itemList th.shipTo { text-align: left; } table.itemList td.shipTo { text-align: left; } table.itemList th.giftOption { text-align: left; width: 300px; } table.itemList td.giftOption { text-align: left; width: 300px; } table.itemList td.giftOption div.message { margin-top: 10px; } table.itemList td.giftOption div.message textarea { height: 60px; width: 95%; } table.itemList th.paymentDate { width: 100px; } table.itemList td.paymentDate { width: 100px; } table.itemList th.paymentAmount { width: 100px; } table.itemList td.paymentAmount { width: 100px; } table.itemList th.paymentStatus { width: 100px; } table.itemList td.paymentStatus { width: 100px; } table.itemList th.paymentMethod { text-align: left; } table.itemList td.paymentMethod { text-align: left; } table.itemList th.noteDate { width: 140px; } table.itemList td.noteDate { width: 140px; } table.itemList th.noteAuthor { width: 140px; } table.itemList td.noteAuthor { width: 140px; } table.itemList th.noteText { text-align: left; } table.itemList td.noteText { text-align: left; } table.itemList th.digitalGood { text-align: left; width: 300px; } table.itemList td.digitalGood { text-align: left; width: 300px; } table.itemList th.download { width: 80px; } table.itemList td.download { width: 80px; } table.itemList th.remainingDownloads { width: 80px; } table.itemList td.remainingDownloads { width: 80px; } table.itemList th.serialKey { text-align: left; } table.itemList td.serialKey { text-align: left; } table.itemList th.giftCertificate { text-align: left; } table.itemList td.giftCertificate { text-align: left; } table.itemList th.giftCertificateStatus { width: 150px; } table.itemList td.giftCertificateStatus { width: 150px; } table.itemList th.giftCertificateExpiration { width: 150px; } table.itemList td.giftCertificateExpiration { width: 150px; } table.itemList th.subscription { text-align: left; } table.itemList td.subscription { text-align: left; } table.itemList th.subscriptionStatus { width: 150px; } table.itemList td.subscriptionStatus { width: 150px; } table.itemList th.subscriptionExpiration { width: 150px; } .addressBook .entries { margin-left: 10px; display: flex; flex-wrap: wrap; } .addressBook .entries .entry { vertical-align: top; margin: 5px; padding: 10px; overflow: hidden; display: inline-block; width: 256px; /*height: 200px;*/ position: relative; min-height: 200px; } /*#accountPage .addressBook {display: flex;flex-wrap: wrap;}*/ .addressBook .entries .entry .caption .links { float: right; } .addressBook .entries .entry .caption h2 { margin: 0 0 .5em 0; font-size: 1.2em; font-weight: bold; display: inline-block; } .addressBook .entries .entry .address { padding-left: 20px; } .addressBook .entries .entry .buttons { /*position: absolute; top: 150px;*/ align-self: flex-end; margin-top: 15px; } .addressBook .entries .addEntry { min-height: 200px; 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,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); padding: 9px; border-radius: 3px; display: flex; } .addressBook .entries .addEntry blockquote { border-color: #ddd; border-color: rgba(0,0,0,.15); } .addressBook .entries .addEntry .buttons { position: absolute; } #accountPage .tabstrip>ul { margin-bottom: 0; padding-left: 0; list-style: none; border-bottom: 1px solid #ddd; border-bottom: 0; } #accountPage .tabstrip>ul>li { position: relative; display: block; } #accountPage .tabstrip>ul>li>a { position: relative; display: block; padding: 10px 15px; } #accountPage .tabstrip>ul>li>a:hover, #accountPage .tabstrip>ul>li>a:focus { text-decoration: none; background-color: #eee; } #accountPage .tabstrip>ul>li.disabled>a { color: #777; } #accountPage .tabstrip>ul>li.disabled>a:hover, #accountPage .tabstrip>ul>li.disabled>a:focus { color: #777; text-decoration: none; background-color: transparent; cursor: not-allowed; } #accountPage .tabstrip>ul .open>a, #accountPage .tabstrip>ul .open>a:hover, #accountPage .tabstrip>ul .open>a:focus { background-color: #eee; border-color: #007cbf; } #accountPage .tabstrip>ul .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } #accountPage .tabstrip>ul>li>a>img { max-width: none; } #accountPage .tabstrip>ul>li { float: left; margin-bottom: -1px; } #accountPage .tabstrip>ul>li>a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } #accountPage .tabstrip>ul>li>a:hover { border-color: #eee #eee #ddd; } #accountPage .tabstrip>ul>li.active>a, #accountPage .tabstrip>ul>li.active>a:hover, #accountPage .tabstrip>ul>li.active>a:focus { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } #accountPage .tabstrip>ul.nav-justified { width: 100%; border-bottom: 0; } #accountPage .tabstrip>ul.nav-justified>li { float: none; } #accountPage .tabstrip>ul.nav-justified>li>a { text-align: center; margin-bottom: 5px; } #accountPage .tabstrip>ul.nav-justified>.dropdown .dropdown-menu { top: auto; left: auto; } @media(max-width:991px) { .addressBook .entries { margin-left: 10px; display: flex; justify-content: space-between; display: column; flex-direction: column; } } @media(min-width:800px) { #accountPage .tabstrip>ul.nav-justified>li { display: table-cell; width: 1%; } #accountPage .tabstrip>ul.nav-justified>li>a { margin-bottom: 0; } } #accountPage .tabstrip>ul.nav-justified>li>a { margin-right: 0; border-radius: 4px; } #accountPage .tabstrip>ul.nav-justified>.active>a, #accountPage .tabstrip>ul.nav-justified>.active>a:hover, #accountPage .tabstrip>ul.nav-justified>.active>a:focus { border: 1px solid #ddd; } @media(min-width:800px) { #accountPage .tabstrip>ul.nav-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } #accountPage .tabstrip>ul.nav-justified>.active>a, #accountPage .tabstrip>ul.nav-justified>.active>a:hover, #accountPage .tabstrip>ul.nav-justified>.active>a:focus { border-bottom-color: #fff; } } #accountPage .tabstrip>ul>li>a { margin-right: 0; border-radius: 4px; } #accountPage .tabstrip>ul>.active>a, #accountPage .tabstrip>ul>.active>a:hover, #accountPage .tabstrip>ul>.active>a:focus { border: 1px solid #ddd; } @media(min-width:800px) { #accountPage .tabstrip>ul>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } #accountPage .tabstrip>ul>.active>a, #accountPage .tabstrip>ul>.active>a:hover, #accountPage .tabstrip>ul>.active>a:focus { border-bottom-color: #fff; } } #accountPage .tabpane { padding-top: 10px; } #accountPage #account_credentialsPage .inputForm { width: 100%; } #accountPage #account_credentialsPage .inputForm ul { list-style: inside; } #accountPage #account_serialKeyPage div.content { width: 100%; overflow: scroll; } #accountPage #account_wishlistPage .actions { text-align: center; margin: 10px 0 10px 0; } #accountPage .column_1 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media(min-width:992px) { #accountPage .column_1 { float: left; width: 58.33333333%; } } #accountPage .column_2 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media(min-width:992px) { #accountPage .column_2 { float: left; width: 41.66666667%; } } #accountPage .paymentList { margin-left: -15px; margin-right: -15px; } #accountPage .mainContainer { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; margin-bottom: 15px; } @media(min-width:992px) { #accountPage .mainContainer { float: left; width: 50%; } } #accountPage .mainContainer .innerLeft { display: inline-block; } #accountPage .mainContainer .innerRight { display: inline-block; width: 90%; } #accountPage .mainContainer .paymentItem { height: 140px; 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,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } #accountPage .mainContainer .paymentItem blockquote { border-color: #ddd; border-color: rgba(0,0,0,.15); } #accountPage .mainContainer .reference { float: left; } #accountPage .mainContainer .deafultPayment { float: left; padding: 0 10px; font-weight: bold; color: #333; } #accountPage .mainContainer .expiration { clear: left; } #accountPage .mainContainer .deleteLink { float: left; } #accountPage div.inputForm>div { padding: 5px; clear: both; } #accountPage div.inputForm div.mainContainer { float: none; width: 100%; } #accountPage div.inputForm div.rowHeader { text-align: right; width: 140px; display: inline-block; } #accountPage div.inputForm div.inputFied { text-align: left; display: inline-block; } .leftSidebarLayout .itemListing, .rightSidebarLayout .itemListing, .threeColumnLayout .itemListing, .oneColumnLayout .itemListing { margin-left: -15px; margin-right: -15px; } .leftSidebarLayout .itemListing .tableNode, .rightSidebarLayout .itemListing .tableNode, .threeColumnLayout .itemListing .tableNode, .oneColumnLayout .itemListing .tableNode { position: relative; float: left; width: 50%; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media(min-width:992px) { .leftSidebarLayout .itemListing .tableNode, .rightSidebarLayout .itemListing .tableNode, .threeColumnLayout .itemListing .tableNode, .oneColumnLayout .itemListing .tableNode { float: left; width: 50%; } } @media(min-width:800px) { .leftSidebarLayout .itemListing .tableNode, .rightSidebarLayout .itemListing .tableNode, .threeColumnLayout .itemListing .tableNode, .oneColumnLayout .itemListing .tableNode { float: left; width: 33.33333333%; } } @media screen and (max-width:480px) { .leftSidebarLayout .itemListing .tableNode, .rightSidebarLayout .itemListing .tableNode, .threeColumnLayout .itemListing .tableNode, .oneColumnLayout .itemListing .tableNode { padding: 0 5px; } } .featuredProductsGrid .itemListing .tableNode { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media(min-width:800px) { .featuredProductsGrid .itemListing .tableNode { float: left; width: 50%; } } @media screen and (max-width:480px) { .featuredProductsGrid .itemListing .tableNode { padding: 0 5px; } } #leftColumn .itemListing, #rightColumn .itemListing { margin-left: -15px; margin-right: -15px; } #leftColumn .itemListing .tableNode, #rightColumn .itemListing .tableNode { float: left; width: 50%; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media(min-width:800px) { #leftColumn .itemListing .tableNode, #rightColumn .itemListing .tableNode { float: left; width: 33.33333333%; } } @media(min-width:992px) { #leftColumn .itemListing .tableNode, #rightColumn .itemListing .tableNode { float: left; width: 100%; } } @media screen and (max-width:480px) { #leftColumn .itemListing .tableNode, #rightColumn .itemListing .tableNode { padding: 0 5px; } } @media(max-width:799px) { .searchSortHeader span { display: none !important; } } .searchSortHeader .fieldHeader { display: inline-block; } .searchSortHeader .sortPanel { float: left !important; } .searchSortHeader .pageSizePanel { float: left !important; margin-left: 10px; } @media(max-width:799px) { .searchSortHeader .pageSizePanel { display: none !important; } } @media(max-width:991px) { #categoryPage div.searchResults { display: table; width: 100%; } #categoryPage div.searchResults div.subCategories { display: table-footer-group; } #categoryPage div.searchResults div.searchSortHeader { display: table-header-group; } #categoryPage div.searchResults div.catalogWrapper { display: table-row-group; } } #categoryPage div.subCategories { padding: 15px 0; } #categoryPage div.subCategories .content a { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #777; border-radius: 10px; background-color: #eee; border-radius: 4px; color: #007cbf; font-size: 14px; font-weight: normal; padding: 5px 10px; margin: 3px; } #categoryPage div.subCategories .content a:empty { display: none; } .btn #categoryPage div.subCategories .content a { position: relative; top: -1px; } .btn-xs #categoryPage div.subCategories .content a, .btn-group-xs>.btn #categoryPage div.subCategories .content a { top: 0; padding: 1px 5px; } a#categoryPage div.subCategories .content a:hover, a#categoryPage div.subCategories .content a:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active>#categoryPage div.subCategories .content a, .nav-pills>.active>a>#categoryPage div.subCategories .content a { color: #007cbf; background-color: #fff; } .list-group-item>#categoryPage div.subCategories .content a { float: right; } .list-group-item>#categoryPage div.subCategories .content a+#categoryPage div.subCategories .content a { margin-right: 5px; } .nav-pills>li>a>#categoryPage div.subCategories .content a { margin-left: 3px; } #categoryPage .categoryGridPage1 div.catalogWrapper div.categoryGridListing1 { padding: 5px 0 5px 0; } #categoryPage #categoryGridPage2 div.catalogWrapper div.categoryGridListing2 { padding: 5px 0 5px 0; } #categoryPage #categoryGridPage3 div.catalogWrapper div.categoryGridListing3 { padding: 5px 0 5px 0; } #categoryPage #categoryGridPage3 div.catalogWrapper div.categoryGridListing3 .productItemDisplay { height: auto; } #categoryPage #categoryGridPage3 div.catalogWrapper div.categoryGridListing3 .itemContainer div { text-align: center; } #categoryPage #categoryGridPage3 div.catalogWrapper div.actions { text-align: center; margin-bottom: 30px; } #categoryPage #categoryGridPage4 div.catalogWrapper div.categoryGridListing4 { padding: 5px 0 5px 0; } #categoryPage #categoryDetailsPage .categoryDetailsListing div.itemContainer { margin-left: -15px; margin-right: -15px; height: auto; margin: 10px; } #categoryPage #categoryDetailsPage .categoryDetailsListing div.itemContainer div.itemDisplay { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media(min-width:992px) { #categoryPage #categoryDetailsPage .categoryDetailsListing div.itemContainer div.itemDisplay { float: left; width: 100%; } } #categoryPage #categoryDetailsPage .categoryDetailsListing div.itemContainer div.itemDisplay div.thumbnailArea { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; height: 130px; display: table; } @media(min-width:992px) { #categoryPage #categoryDetailsPage .categoryDetailsListing div.itemContainer div.itemDisplay div.thumbnailArea { float: left; width: 25%; } } #categoryPage #categoryDetailsPage .categoryDetailsListing div.itemContainer div.itemDisplay div.thumbnailArea div.thumbnailWrapper { display: table-cell; vertical-align: middle; } #categoryPage #categoryDetailsPage .categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; overflow: hidden; padding: 10px; text-align: left; } @media(min-width:992px) { #categoryPage #categoryDetailsPage .categoryDetailsListing div.itemContainer div.itemDisplay div.detailsArea { float: left; width: 75%; } } #categoryPage #categoryDetailsPage .categoryDetailsListing .articlesListing div.itemContainer div.itemDisplay { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media(min-width:992px) { #categoryPage #categoryDetailsPage .categoryDetailsListing .articlesListing div.itemContainer div.itemDisplay { float: left; width: 100%; } } #categoryPage #categoryDetailsPage .categoryDetailsListing .articlesListing div.itemContainer div.itemDisplay div.detailsArea { width: auto; } #categoryPage #categoryListPage .searchSortHeader { padding: 5px 0 5px 0; } /****************** Category Page Content ******************/ #categoryPage .itemContainer { height: auto !important; } #categoryPage .productItemDisplay { display: flex; padding: 0; } #categoryPage .itemContainer:after { content: ""; display: inline-block; height: 3px; width: 100%; background: #F5F7F7; margin: 24px 0; } #categoryPage .productItemDisplay .qty_label, .hsearch #hawkitemlist #categoryPage.qtybox { display: none; } #categoryPage .productItemDisplay .thumbnailArea { width: /*120px*/ 20%; /*display: block;*/ margin: 0; } #categoryPage .productItemDisplay .detailsArea { flex-grow: 1; width: 47%; text-align: left; } #categoryPage .productItemDisplay .detailsArea div.itemName a { font-size: 20px; font-weight: bold; color: #095F8F; text-align: left; line-height: 25px; } #categoryPage .productItemDisplay .detailsArea div.itemName a:hover { color: #ff5e20; } #categoryPage .productItemDisplay .detailsArea .sku { display: none; } #categoryPage .productItemDisplay .actionsArea { width:/*200px*/33%; } #categoryPage .productItemDisplay .actionsArea .actions { display: block; text-align: right; } #categoryPage .productItemDisplay .actionsArea a.button { background-color: transparent; border-radius: 0; color: #ff5e20; font-weight: 500; font-size: 16px; padding: 0; text-align: center; display: inline-block; line-height: 1.125rem; cursor: pointer; white-space: nowrap; } #categoryPage .productItemDisplay .actionsArea a.button:hover { text-decoration: underline; } #categoryPage .productItemDisplay .actionsArea .price .label { display: none; } #categoryPage .productItemDisplay .actionsArea .price { font-weight: bold; font-size: 24px; line-height: 30px; } /****************** END Category Page Content ******************/ @media(max-width:799px) { #categoryPage #categoryListPage .searchSortHeader span { display: none !important; } } #categoryPage #categoryListPage .searchSortHeader .fieldHeader { display: inline-block; } .productAccessoriesPage .actions { margin: 10px 0; } .catalogWrapper { padding-top: 15px; } @media screen and (max-width:767px) { #categoryPage h1 { line-height: 2.625rem; margin: 2.1875rem 0 1.25rem; } } @media screen and (max-width:479px) { #categoryPage .productItemDisplay { display: flex; padding: 0; flex-direction: column; align-items: center; } #categoryPage .productItemDisplay .actionsArea .actions { display: block; text-align: center; } #categoryPage .productItemDisplay .thumbnailArea { width: auto; /* display: block; */ margin: 0 0 20px 0; } #categoryPage .productItemDisplay .detailsArea { width: auto; text-align: center; margin: 0 0 20px 0; } #categoryPage .productItemDisplay .actionsArea { width: auto; } #categoryPage .productItemDisplay .actionsArea .price { margin-bottom: 10px; } } @media(min-width:800px) { .itemContainer { padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 0; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } } .itemContainer div.productItemDisplay, .itemContainer div.categoryItemDisplay, .itemContainer div.webpageItemDisplay, .itemContainer div.linkItemDisplay { display: table; height: 100%; width: 100%; padding: 10px 0; } .itemContainer div.thumbnailArea { display: table; margin: 0 auto; } .itemContainer div.detailsArea { display: table-row-group; text-align: center; } .itemContainer div.detailsArea .publishInfo { font-size: smaller; } .itemContainer div.details div.itemName a { text-decoration: none; } .itemContainer div.details div.rating { padding: 2px; } .itemContainer div.details div.price { padding: 5px 0; } .itemContainer div.details div.price span.label { display: inline; padding: .2em .6em .3em; font-size: 75%; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; background-color: #777; background: none !important; color: #333; font-size: 14px; font-weight: bold; padding: .2em .2em .3em; } a.itemContainer div.details div.price span.label:hover, a.itemContainer div.details div.price span.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .itemContainer div.details div.price span.label:empty { display: none; } .btn .itemContainer div.details div.price span.label { position: relative; top: -1px; } .itemContainer div.details div.price span.label[href]:hover, .itemContainer div.details div.price span.label[href]:focus { background-color: #5e5e5e; } .itemContainer div.details div.price span.value { 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; background-color: #d9534f; background: none !important; color: #333; font-size: 14px; font-weight: normal; padding: .2em .2em .3em; } a.itemContainer div.details div.price span.value:hover, a.itemContainer div.details div.price span.value:focus { color: #fff; text-decoration: none; cursor: pointer; } .itemContainer div.details div.price span.value:empty { display: none; } .btn .itemContainer div.details div.price span.value { position: relative; top: -1px; } .itemContainer div.details div.price span.value[href]:hover, .itemContainer div.details div.price span.value[href]:focus { background-color: #c9302c; } .itemContainer div.details div.summary { height: 60px; margin: 5px 0; overflow: hidden; color: #777; } .itemContainer div.actionsArea { display: table-footer-group; } .itemContainer div.actionsArea div.actions { display: table-cell; vertical-align: bottom; text-align: center; } #productPage .productDisplay .pageHeader h1 { margin-bottom: 10px; } #productPage .subtitle .st_label { font-weight: bold; font-size: 22px; color: #095F8F; line-height: 28px; margin-bottom: 20px; display: inline-block; } #productPage .pd_top { display: flex; margin-bottom: 70px; } #productPage .pd_top .item { } #productPage .pd_top .item.item_pia { margin-right: 30px; width: 20%; } /*#productPage .pd_top .item.item_pia .productImageArea { width: 188px; }*/ #productPage .pd_top .item .li { margin-top: 30px; text-align: left; } #productPage .pd_top .item .li img { max-width: 26px; display: inline-block; } #productPage .pd_top .item.item_details { margin-right: 30px; width: 50%; } #productPage .pd_top .item .auth_summary { color: #074E75; } #productPage .pd_top .item .auth_summary .prod_details { margin-bottom: 10px; } #productPage .pd_top .item .auth_summary .prod_details.auth_link { } #productPage .pd_top .item .auth_summary .prod_details.auth_link br { display: none; } #productPage .pd_top .item .auth_summary .short_desc, #productPage .pd_top .item .auth_summary .short_desc p { font-size: 16px; } #productPage .pd_top .item .auth_summary .prod_details.prod_cat { } #productPage .pd_top .item .auth_summary .prod_details.prod_topics_label { font-size: 14px; } #productPage .pd_top .item .auth_summary .prod_details.prod_topics_age { margin-bottom: 12px; } #productPage .pd_top .item.item_cm { width: 30%; } #productPage .pd_top .item .cm { text-align: right; } #productPage .pd_top .item .cm img { max-width: 20px; display: inline-block; margin-right: 5px; } #productPage .pd_top .item .cm span { font-size: 16px; font-weight: bold; line-height: 19px; } #productPage .productDetails { border-top: 4px solid #f5f7f7; padding-top: 14px; } #productPage .productDetails .apl_prod { width: 100%; } #productPage .productDetails .pd_itemlist { display: flex; } #productPage .productDetails .pd_itemlist .pd_container { width: 100%; display: flex; border-bottom: 1px solid #D7D7D7; padding: 16px 0; } #productPage .productDetails .pd_itemlist .pd_container:first-child { } #productPage .productDetails .pd_itemlist .item { width: 50%; } #productPage .productDetails .pd_itemlist .item.item_type_thumb { } #productPage .productDetails .pd_itemlist .item.item_type_thumb img { display: inline-block; margin-right: 12px; width: 30px; height: auto; } #productPage .productDetails .pd_itemlist .item.item_type_thumb img[src*="brookes_new.png"] { width: auto; max-width: 100%; } #productPage .productDetails .pd_itemlist .item.item_type_thumb .productformat.blue_nolink { color: #166191; pointer-events: none; font-weight: 600; margin-right:3px; } #productPage .productDetails .pd_itemlist .item.item_bpd { text-align: right; } #productPage .productDetails .pd_itemlist .item.item_bpd .item_bpd_price { display: inline-block; vertical-align: top; font-weight: 600; font-size: 20px; margin-right: 30px; } /*#productPage .productDetails .pd_itemlist .item.item_bpd .pp_label {background: #095F8F; font-size: 14px; font-weight: bold; color:#ffffff; text-align:center;border-radius:4px; padding: 2px 6px; display: inline-block; vertical-align: bottom; margin-right: 10px;} #productPage .productDetails .pd_itemlist .item.item_bpd .item_bpd_price img {display:inline-block; vertical-align: middle; margin-right: 10px;}*/ #productPage .productDetails .pd_itemlist .item.item_bpd .item_bpd_price input { display: none; } #productPage .productDetails .pd_itemlist .item.item_bpd .item_bpd_qty { display: inline-block; vertical-align: top; margin-right: 22px; } #productPage .productDetails .pd_itemlist .item.item_bpd .item_bpd_qty .item_bpd_qty_title { display: inline-block; vertical-align: top; margin-right: 9px; } #productPage .productDetails .pd_itemlist .item.item_bpd .item_bpd_qty .item_bpd_qty_input { display: inline-block; } #productPage .productDetails .pd_itemlist .item.item_bpd .item_bpd_a2c { display: inline-block; } #productPage .productDetails .pd_itemlist .item.item_bpd input.form-control-inline { width: 44px !important; } #productPage .ec_at { padding-top: 16px; } #productPage .ec_at .item { } #productPage .ec_at .item img { width: 30px; height: auto; display: inline-block; margin-right: 12px; } #productPage .ec_at .item_ec { } #productPage .ec_at .item_at { } #productPage .ec_at .item_at .avail_trans_text { font-weight: 600; margin-right: 12px; } #productPage .ec_at .item_at .prod_translations_list { } #productPage .ec_at .item_at .prod_translations_list br { display: none; } #productPage div.mainImageArea div.mainImageWrapper div.mainImage:hover { cursor: pointer; } #productPage .additionalImages div.thumbnailsList { text-align: center; } #productPage .additionalImages div.thumbnailsList ul { list-style: none; padding: 0; } #productPage .additionalImages div.thumbnailsList ul li { display: inline; } #productPage .additionalImages div.thumbnailsList span { color: #333; } a#productPage .additionalImages div.thumbnailsList span:hover { color: #1a1a1a; } #productPage .additionalImages div.thumbnailsList div.thumbnailImage { display: inline-block; } #productPage .additionalImages div.thumbnailsList div.thumbnailImage a img { border: none; } #productPage .additionalImages div.thumbnailsList div.thumbnailImage img.thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } #productPage div.discountsDialog table.pagedList { margin-bottom: 0 !important; } #productPage div.discountsDialog table.pagedList tr.oddRow { border: 1px solid #ddd; } #productPage div.discountsDialog table.pagedList span.title { font-weight: normal; font-size: 15px; } #productPage div.discountsDialog table.pagedList span.levels { text-align: left; } #productPage div.discountsDialog table.pagedList ul { padding-top: 5px; } #productPage div.productDisplay table.buyProductForm, #productPage div.productRowDisplay table.buyProductForm { margin: 0 auto; } #productPage div.productDisplay table.buyProductForm .rowHeader, #productPage div.productRowDisplay table.buyProductForm .rowHeader { font-weight: bold; border-width: 0; border-right: solid 1px #e4e4e4; text-align: right; padding-right: 3px; white-space: normal; width: 160px; } #productPage div.productDisplay table.buyProductForm .subscriptionRow th.rowHeader, #productPage div.productRowDisplay table.buyProductForm .subscriptionRow th.rowHeader { vertical-align: top; padding-top: 13px; } #productPage div.productDisplay table.buyProductForm .priceLabel th.rowHeader, #productPage div.productRowDisplay table.buyProductForm .priceLabel th.rowHeader { width: 58px; } #productPage div.productDisplay table.buyProductForm td, #productPage div.productRowDisplay table.buyProductForm td, #productPage div.productDisplay table.buyProductForm th, #productPage div.productRowDisplay table.buyProductForm th { padding: 5px 0 5px 5px; vertical-align: middle; } #productPage div.productDisplay table.buyProductForm td, #productPage div.productRowDisplay table.buyProductForm td { text-align: left; } #productPage div.productDisplay table.buyProductForm td label, #productPage div.productRowDisplay table.buyProductForm td label { font-weight: normal; } #productPage div.productDisplay table.buyProductForm td p, #productPage div.productRowDisplay table.buyProductForm td p { 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,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); padding: 9px; border-radius: 3px; color: #333; } #productPage div.productDisplay table.buyProductForm td p blockquote, #productPage div.productRowDisplay table.buyProductForm td p blockquote { border-color: #ddd; border-color: rgba(0,0,0,.15); } a#productPage div.productDisplay table.buyProductForm td p:hover, a#productPage div.productRowDisplay table.buyProductForm td p:hover { color: #1a1a1a; } #productPage div.productDisplay table.buyProductForm td p:empty, #productPage div.productRowDisplay table.buyProductForm td p:empty { display: none; } #productPage div.productDisplay table.buyProductForm td span.inventoryDetails, #productPage div.productRowDisplay table.buyProductForm td span.inventoryDetails { color: #a94442; } a#productPage div.productDisplay table.buyProductForm td span.inventoryDetails:hover, a#productPage div.productRowDisplay table.buyProductForm td span.inventoryDetails:hover { color: #843534; } #productPage div.productDisplay table.buyProductForm td select, #productPage div.productRowDisplay table.buyProductForm td select { width: 85%; } #productPage div.productDisplay table.buyProductForm td blockquote select, #productPage div.productRowDisplay table.buyProductForm td blockquote select { width: auto; } #productPage div.productDisplay table.buyProductForm td .quantityUpDown, #productPage div.productRowDisplay table.buyProductForm td .quantityUpDown { display: inline; } #productPage div.productDisplay table.buyProductForm td .quantityUpDown input[type='text'], #productPage div.productRowDisplay table.buyProductForm td .quantityUpDown input[type='text'] { width: 60px!important; 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, 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; display: inline-block; width: auto; } #productPage div.productDisplay table.buyProductForm td .quantityUpDown input[type='text']:focus, #productPage div.productRowDisplay table.buyProductForm td .quantityUpDown input[type='text']: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); } #productPage div.productDisplay table.buyProductForm td .quantityUpDown input[type='text']::-moz-placeholder, #productPage div.productRowDisplay table.buyProductForm td .quantityUpDown input[type='text']::-moz-placeholder { color:#999; opacity:1; } #productPage div.productDisplay table.buyProductForm td .quantityUpDown input[type='text']:-ms-input-placeholder, #productPage div.productRowDisplay table.buyProductForm td .quantityUpDown input[type='text']:-ms-input-placeholder { color:#999; } #productPage div.productDisplay table.buyProductForm td .quantityUpDown input[type='text']::-webkit-input-placeholder, #productPage div.productRowDisplay table.buyProductForm td .quantityUpDown input[type='text']::-webkit-input-placeholder { color:#999; } #productPage div.productDisplay table.buyProductForm td .quantityUpDown input[type='text'][disabled], #productPage div.productRowDisplay table.buyProductForm td .quantityUpDown input[type='text'][disabled], #productPage div.productDisplay table.buyProductForm td .quantityUpDown input[type='text'][readonly], #productPage div.productRowDisplay table.buyProductForm td .quantityUpDown input[type='text'][readonly], fieldset[disabled] #productPage div.productDisplay table.buyProductForm td .quantityUpDown input[type='text'], fieldset[disabled] #productPage div.productRowDisplay table.buyProductForm td .quantityUpDown input[type='text'] { background-color: #eee; opacity: 1; } #productPage div.productDisplay table.buyProductForm td .quantityUpDown input[type='text'][disabled], #productPage div.productRowDisplay table.buyProductForm td .quantityUpDown input[type='text'][disabled], fieldset[disabled] #productPage div.productDisplay table.buyProductForm td .quantityUpDown input[type='text'], fieldset[disabled] #productPage div.productRowDisplay table.buyProductForm td .quantityUpDown input[type='text'] { cursor: not-allowed; } textarea#productPage div.productDisplay table.buyProductForm td .quantityUpDown input[type='text'], textarea#productPage div.productRowDisplay table.buyProductForm td .quantityUpDown input[type='text'] { height: auto; } #productPage div.productDisplay table.buyProductForm td .quantityUpDown #Up, #productPage div.productRowDisplay table.buyProductForm td .quantityUpDown #Up { background: url(images/up.gif) center no-repeat; display: block; width: 12px; height: 12px; } #productPage div.productDisplay table.buyProductForm td .quantityUpDown #Down, #productPage div.productRowDisplay table.buyProductForm td .quantityUpDown #Down { background: url(images/down.gif) center no-repeat; display: block; width: 12px; height: 12px; } #productPage div.productDisplay table.buyProductForm .subscriptionRow blockquote, #productPage div.productRowDisplay table.buyProductForm .subscriptionRow blockquote { border: none; font-size: 85%; } #productPage div.productDisplay table.buyProductForm .subscriptionRow td input[type='radio'], #productPage div.productRowDisplay table.buyProductForm .subscriptionRow td input[type='radio'] { margin: 4px 4px 0 0; } #productPage div.productDisplay table.buyProductForm .subscriptionRow td input:nth-child(1), #productPage div.productRowDisplay table.buyProductForm .subscriptionRow td input:nth-child(1) { margin-left: -7px; } #productPage div.productDisplay table.buyProductForm .optionalSubscriptionPanel, #productPage div.productRowDisplay table.buyProductForm .optionalSubscriptionPanel { width: auto !important; } #productPage div.productDisplay table.buyProductForm input[type='radio'], #productPage div.productRowDisplay table.buyProductForm input[type='radio'], #productPage div.productDisplay table.buyProductForm input[type='checkbox'], #productPage div.productRowDisplay table.buyProductForm input[type='checkbox'] { line-height: normal; margin: 4px 4px 0 0; } #productPage #tabs { margin: 70px 0; display: flex; flex-direction: row; border: 5px solid #f6f8f8; padding: 20px; } #productPage #tabs .nav.nav-tabs.nav-tabs-justified { display: flex; flex-direction: column; margin-right: 30px; min-width: 200px; width: 200px; } #productPage #tabs div.tab-content .widget .header { display: none; } #productPage #tabs .nav-tabs > li { margin-bottom: 5px; } #productPage #tabs .nav-tabs > li > a { border-bottom: none; border-radius: 0; background: #f6f8f8; color: #166191; text-align: center; font-weight: 600; } #productPage #tabs .nav-tabs > li.active > a, #productPage #tabs .nav-tabs > li.active > a:hover, #productPage #tabs .nav-tabs > li.active > a:focus, #productPage #tabs .nav-tabs > li > a:hover { color: #ffff; background-color: #166191; border: none; border-bottom-color: transparent; cursor: default; border-radius: 0; text-align: center; font-weight: 600; cursor: pointer; } #productPage #tabs .tab-content { color: #222222; font-size: 1em; } #productPage #tabs .tab-content #detailsPane p { margin-bottom: 20px; font-size: 1em; } #productPage #tabs .tab-content #detailsPane p:first-child { margin: 20px 0; } #productPage #tabs .tab-content table { width: 100%; margin-bottom: 20px; } /*#productPage #tabs .tab-content table tr:first-child td:first-child {font-weight:600; color:#166191;}*/ #productPage #tabs .tab-content table tr:nth-child(1) td { font-weight: 600; color: #166191; padding-bottom: 5px; } #productPage #tabs .tab-content table tr:nth-child(2):after { content: " "; display: inline-block; width: 100%; height: 28px; } #productPage #tabs .tab-content table tr:nth-child(3) td { font-weight: 600; color: #166191; padding-bottom: 5px; } #productPage #tabs .tab-content table tr:nth-child(4):after { content: " "; display: inline-block; width: 100%; height: 28px; } #productPage #tabs .tab-content table tr:nth-child(5) td { font-weight: 600; color: #166191; padding-bottom: 5px; } /*#productPage #tabs .tab-content table tr:nth-child(3):before {content:" "; display:inline-block; width:100%; height:28px;}*/ #productPage #tabs .tab-content table tr:nth-child(2) td { padding-bottom: 15px; } #productPage #tabs .tab-content table tr:nth-child(4) td { padding-bottom: 15px; } #productPage #tabs .tab-content table td {vertical-align: top; } #productPage #tabs .tab-content table td span { } #productPage #tabs .tab-content table tr(1n) td(1n) #BuyProductOptionsList table.pagedList td a.button { margin: 5px; } #productPage #tabs .tab-content div.extendedDescriptionWidget { border-radius: 0; box-shadow: none; margin-bottom: 0; } #productPage #tabs .tab-content ul { list-style: outside; margin: 2px 0 20px 40px; } #productPage #tabs .tab-content ul li { padding-top: 5px; } #productPage #tabs .tab-content ol { list-style: inside decimal; } #productPage #tabs .tab-content div.productReviewsPanel table.pagedList > tbody > tr:nth-of-type(2n+1) { background-color: #ffffff; } #productPage #tabs .tab-content div.productReviewsPanel table.pagedList > tbody > tr > td { padding: 0; line-height: 1.42857143; vertical-align: top; border-top: none; font-weight: normal; color: #074E75; } #productPage #tabs .tab-content #trainingPane table tr:nth-child(1) td { font-weight: normal; color: #166191; } #productPage #tabs .tab-content #reviewsPane .reviewhead { margin-bottom: 10px; } #productPage #tabs .tab-content #reviewsPane .review { font-weight: 600; color: #166191; } #productPage #tabs .tab-content #reviewsPane .reviewtext { margin-bottom: 15px; } @media screen and (max-width:767px) { #productPage #tabs { flex-direction: column; } #productPage #tabs .nav.nav-tabs.nav-tabs-justified { flex-direction: row; margin-right: 0; min-width: 100%; width: 100%; margin-bottom: 30px; flex-wrap: wrap; } #productPage #tabs .nav-tabs > li { margin-bottom: 10px; margin-right: 10px; } #productPage .pd_top .item.item_cm { width: auto; } #productPage .productDetails .pd_itemlist .item { width: 25%; } #productPage .productDetails .pd_itemlist .item.item_bpd { text-align: right; width: 75%; } } @media screen and (max-width:480px) { table.buyProductForm th, table.buyProductForm td, table.buyProductForm .rowHeader { position: relative; float: left; clear: both; text-align: left!important; } table.buyProductForm th, table.buyProductForm .rowHeader { padding: 5px 0 5px 0; border: none !important; white-space: normal !important; width: 100% !important; } div.inputForm div.rowHeader { text-align: left!important; } #productPage .pd_top { display: flex; margin-bottom: 70px; flex-direction: column; } #productPage .pd_top .item.item_pia { margin-right: 0; width: auto; } #productPage .pd_top .item.item_pia .productImageArea { width: 100%; } #productPage .pd_top .item.item_pia .productImageArea img { margin: 0 auto; } #productPage .pd_top .item.item_details { margin-right: 0; flex-grow: 0; margin-top: 20px; } #productPage .pd_top .item .cm { text-align: left; } #productPage .productDetails .pd_itemlist .pd_container { flex-direction: column; } #productPage .productDetails .pd_itemlist .item.item_bpd { text-align: left; width: 100%; margin-top: 15px; } #productPage .productDetails .pd_itemlist .item { width: 100%; } } @media screen and (max-width:349px) { #productPage .productDetails .pd_itemlist .item.item_bpd .item_bpd_a2c { display: inline-block; margin-top: 15px; } } .expiryDateSelection { display: inline; } .expiryDateSelection .inputFiedExp { display: inline; } .expiryDateSelection .securityCode { padding-bottom: 3px; } .expiryDateSelection .form-control-inline { padding: 0 2px !important; } .pricePopup { background-color: #e3efff; border-width: 3px; border-style: solid; border-color: #808080; padding: 3px; width: 300px; position: absolute; left: 50%; margin-left: -150px; z-index: 99; } .pricePopup .header { background-color: #ddd; border: solid 1px #808080; color: #000; margin: -3px; padding: 6px; font-weight: bold; } .pricePopup span.fieldHeader { display: block; float: left; width: 135px; text-align: right; margin-right: 6px; } .pricePopup span.fieldValue { display: block; float: left; } div.aggregateRating { display: inline; } div.aggregateRating .ratingText { display: inline; } div.aggregateRating .ratingStar00, div.aggregateRating .ratingStar01, div.aggregateRating .ratingStar02, div.aggregateRating .ratingStar03, div.aggregateRating .ratingStar04, div.aggregateRating .ratingStar05, div.aggregateRating .ratingStar06, div.aggregateRating .ratingStar07, div.aggregateRating .ratingStar08, div.aggregateRating .ratingStar09, div.aggregateRating .ratingStar10 { background-position: 0 0; background-repeat: no-repeat; width: 50px; height: 9px; display: inline-block; } div.aggregateRating .ratingStar00 { background-image: url(images/ratings/rate_00.gif); } div.aggregateRating .ratingStar01 { background-image: url(images/ratings/rate_01.gif); } div.aggregateRating .ratingStar02 { background-image: url(images/ratings/rate_02.gif); } div.aggregateRating .ratingStar03 { background-image: url(images/ratings/rate_03.gif); } div.aggregateRating .ratingStar04 { background-image: url(images/ratings/rate_04.gif); } div.aggregateRating .ratingStar05 { background-image: url(images/ratings/rate_05.gif); } div.aggregateRating .ratingStar06 { background-image: url(images/ratings/rate_06.gif); } div.aggregateRating .ratingStar07 { background-image: url(images/ratings/rate_07.gif); } div.aggregateRating .ratingStar08 { background-image: url(images/ratings/rate_08.gif); } div.aggregateRating .ratingStar09 { background-image: url(images/ratings/rate_09.gif); } div.aggregateRating .ratingStar10 { background-image: url(images/ratings/rate_10.gif); } #productImages img { border: 0; } #productImages div.progress-bar { border: 1px solid #fff; background-color: #000; } #productImages div.missing-thumbnail { background: #333 url('images/redx.gif') center center no-repeat; cursor: pointer; border: 1px solid #bbb; } #productImages div.error-message { color: #bbb; font-size: 1.2em; margin-top: -.6em; position: relative; text-align: center; } #productImages div.caption { background-color: #000; color: #fff; } #productImages div.caption a { color: #fff; } #productImages #gallery { margin: 20px auto; height: 520px; width: 750px; position: relative; color: #aaa; padding: 20px; overflow: hidden; border: 1px solid #888; background-color: #000; } #productImages body, #productImages html { background-color: #333; margin: 0; padding: 0; } @media(min-width:800px) { div.checkoutProgressBar { margin-top: 25px; } } @media(min-width:800px) { /*div.checkoutProgressBar div.checkoutProgress { float: left; }*/ div.checkoutProgressBar div.checkoutProgress { float: none; display: block; margin: 0 auto; text-align: center; } } div.checkoutProgressBar div.checkoutProgress span { padding: 0; display: inline-block; } div.checkoutProgressBar div.checkoutProgress span span a { color: #4c5a58; text-transform: uppercase; text-decoration: none; } div.checkoutProgressBar div.checkoutProgress span.on span a { color: #007cbf; } div.checkoutProgressBar div.checkoutProgress span.on span a:hover { color: #007cbf; } div.checkoutProgressBar div.checkoutProgress span span a:before { content: "\BB"; display: inline-block; padding: 0 .3125rem; color: #4c5a58; } div.checkoutProgressBar div.checkoutProgress span.on span a:before { color: #007cbf; } div.checkoutProgressBar div.checkoutProgress span.no_crumb span a:before { content: ""; display: inline-block; padding: 0; } #checkoutPage #checkout_startPage { margin-left: -15px; margin-right: -15px; padding-top: 1em; } #checkoutPage #checkout_startPage div.registerWidget .content p { margin-bottom: 15px; } #checkoutPage #checkout_startPage div.registerWidget .content a.button { margin-bottom: 15px; } #checkoutPage #checkout_startPage div.loginWidget .content a.w2m_recover_pass_link { margin: 5px 0; display: inline-block; } #checkoutPage #checkout_billPage .column_1 .section { margin-left: -15px; margin-right: -15px; } #checkoutPage #checkout_billPage .column_1 .section .content { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } #checkoutPage p.sm_delivery span { margin-right: 5px; } #checkoutPage p.sm_delivery { margin-top: 15px; } #checkoutPage p.stem { margin-bottom: 15px; } #checkoutPage div.sm_om {margin-top: 15px; } #checkoutPage .sm_order_message {} #checkoutPage .sm_order_message .mt_close {text-align: right; display: block;} #checkoutPage .sm_order_message .mt_close i {font-size: 24px;} @media(max-width:1099px) { #checkoutPage #checkout_startPage { margin-left: -10px; margin-right: -10px; padding-top: 1em; } #checkoutPage p.sm_delivery { margin-top: 15px; } #checkoutPage p.sm_delivery span { display: block; } #checkoutPage p.sm_delivery textarea.form-control-inline { } } @media(min-width:992px) { #checkoutPage #checkout_billPage .column_1 .section .content { float: left; width: 100%; } } #checkoutPage #checkout_billPage .column_1 .section .content table.inputForm { width: 100%; } #checkoutPage #checkout_billPage .column_1 .section .content table.inputForm th.passwordHelpText { width: 150px; } @media(min-width:992px) { #checkoutPage #checkout_shipMethodPage div.shipmentWidget .address { float: left; width: 20%; } #checkoutPage #checkout_shipMethodPage div.shipmentWidget .items { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } #checkoutPage #checkout_shipMethodPage div.shipmentWidget .items table.itemList td.thumbnail { float: left; width: 85px !important; } #checkoutPage #checkout_shipMethodPage div.shipmentWidget .items .label { color: #333; } #checkoutPage #checkout_shipMethodPage div.shipmentWidget .method { float: left; width: 28% !important; } } @media(min-width:992px) and (min-width:992px) { #checkoutPage #checkout_shipMethodPage div.shipmentWidget .items { float: left; width: 50%; } } #checkoutPage #checkout_shipMethodPage .div.shipmentWidget .address { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media(min-width:992px) { #checkoutPage #checkout_shipMethodPage .div.shipmentWidget .address { float: left; width: 25%; } } #checkoutPage #checkout_shipMethodPage .div.shipmentWidget .items { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media(min-width:992px) { #checkoutPage #checkout_shipMethodPage .div.shipmentWidget .items { float: left; width: 50%; } } #checkoutPage #checkout_shipMethodPage .div.shipmentWidget .method { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media(min-width:992px) { #checkoutPage #checkout_shipMethodPage .div.shipmentWidget .method { float: left; width: 25%; } } #checkoutPage #checkout_payPage div.shipmentWidget .address { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media(min-width:992px) { #checkoutPage #checkout_payPage div.shipmentWidget .address { float: left; width: 25%; } } #checkoutPage #checkout_payPage div.shipmentWidget .items { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media(min-width:992px) { #checkoutPage #checkout_payPage div.shipmentWidget .items { float: left; width: 75%; } } #checkoutPage #checkout_payPage .orderTerms { height: 100px; overflow: auto; background-color: #d9edf7; padding: 5px; } #checkoutPage #checkout_receiptPage div.shipmentWidget .address { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } #checkoutPage #checkout_receiptPage div.shipmentWidget .address h3 { display: inline-block; } @media(min-width:992px) { #checkoutPage #checkout_receiptPage div.shipmentWidget .address { float: left; width: 25%; } } #checkoutPage #checkout_receiptPage div.shipmentWidget .items { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media(min-width:992px) { #checkoutPage #checkout_receiptPage div.shipmentWidget .items { float: left; width: 75%; } } @media(max-width:799px) { #checkoutPage #checkout_receiptPage .links { display: none !important; } } #checkoutPage .shipmentSection:before, #checkoutPage .orderShipmentWidgets:before, #checkoutPage .orderNotesWidget:before, #checkoutPage #pageHeader:before, #checkoutPage .basketNonShippableItemsWidget:before, #checkoutPage .shipmentSection:after, #checkoutPage .orderShipmentWidgets:after, #checkoutPage .orderNotesWidget:after, #checkoutPage #pageHeader:after, #checkoutPage .basketNonShippableItemsWidget:after { content: " "; display: table; } #checkoutPage .shipmentSection:after, #checkoutPage .orderShipmentWidgets:after, #checkoutPage .orderNotesWidget:after, #checkoutPage #pageHeader:after, #checkoutPage .basketNonShippableItemsWidget:after { clear: both; } #checkoutPage .shipmentSection:before, #checkoutPage .orderShipmentWidgets:before, #checkoutPage .orderNotesWidget:before, #checkoutPage #pageHeader:before, #checkoutPage .basketNonShippableItemsWidget:before, #checkoutPage .shipmentSection:after, #checkoutPage .orderShipmentWidgets:after, #checkoutPage .orderNotesWidget:after, #checkoutPage #pageHeader:after, #checkoutPage .basketNonShippableItemsWidget:after { content: " "; display: table; } #checkoutPage .shipmentSection:after, #checkoutPage .orderShipmentWidgets:after, #checkoutPage .orderNotesWidget:after, #checkoutPage #pageHeader:after, #checkoutPage .basketNonShippableItemsWidget:after { clear: both; } #checkoutPage table.shipmentWidget td.address { width: 200px; padding: 8px; } #checkoutPage table.shipmentWidget td.address div { margin-bottom: 1em; } #checkoutPage table.shipmentWidget td.address span.links { margin-right: 20px; float: right; } #checkoutPage table.shipmentWidget td.items { padding-top: 8px; } #checkoutPage table.shipmentWidget td.method { width: 280px; background-color: #efefef; } #checkoutPage table.shipmentWidget td.method h3 { border-bottom: 1px solid #ccc; margin: 0; padding: 12px 8px 4px 8px; } #checkoutPage table.shipmentWidget td.method select { margin: 15px 8px; } #checkoutPage table.shipmentWidget td.method p { margin: 4px 8px; } #checkoutPage .balanceDueSection, #checkoutPage .orderInvalidSection { margin-bottom: 1em; } #checkoutPage div.validAddressContainer { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } #checkoutPage div.validAddressContainer h4 { margin-top: 0; color: inherit; } #checkoutPage div.validAddressContainer .alert-link { font-weight: bold; } #checkoutPage div.validAddressContainer>p, #checkoutPage div.validAddressContainer>ul { margin-bottom: 0; } #checkoutPage div.validAddressContainer>p+p { margin-top: 5px; } #checkoutPage div.validAddressContainer hr { border-top-color: #f7e1b5; } #checkoutPage div.validAddressContainer .alert-link { color: #66512c; } .checkoutErrorMessage { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .checkoutErrorMessage h4 { margin-top: 0; color: inherit; } .checkoutErrorMessage .alert-link { font-weight: bold; } .checkoutErrorMessage>p, .checkoutErrorMessage>ul { margin-bottom: 0; } .checkoutErrorMessage>p+p { margin-top: 5px; } .checkoutErrorMessage hr { border-top-color: #e4b9c0; } .checkoutErrorMessage .alert-link { color: #843534; } .cvvAmex { background-image: url(images/PaymentInstruments/cvv_amex.gif); background-repeat: no-repeat; border: 0; height: 169px; width: 249px; } .cvvVisa { background-image: url(images/PaymentInstruments/cvv_visa.gif); background-repeat: no-repeat; border: 0; height: 169px; width: 249px; } .checkHelp { background-image: url(images/PaymentInstruments/checkhelp.jpg); background-repeat: no-repeat; border: 0; height: 181px; width: 250px; } .opcOverlay { opacity: .5; filter: alpha(opacity=50); background-color: #ccc; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 900; } .aboveOpcOverlay { z-index: 901; position: relative; background-color: #fff; width: 280px; } .aboveOpcOverlay .form-control-inline { width: 100%; } .aboveOpcOverlay .label { text-align: left; } .multipleShipmentsOPC, .emailListsOPC { width: 280px; } div.addressLink { padding: 0 5px 10px 5px; } div.addressText { font-size: 1.2em; font-weight: bold; line-height: 18px; padding: 5px 5px 4px 5px; } .left { float: left; } .right { float: right; } div.opcInputForm span.label { display: block; padding: 3px; } div.opcInputForm .small { padding: 2px; width: 90px; } div.opcInputForm .large { width: 200px; } #checkout_onePage div.itemDetail ul { list-style-type: disc; padding-left: 25px; text-align: left; margin: 5px 0 5px 0; } #checkout_onePage table.itemList td.rowHeader { text-align: right; font-weight: bold; padding-top: 5px; padding-bottom: 5px; } #checkout_onePage table.itemList td.subTotals { padding-top: 5px; padding-bottom: 5px; } #checkout_onePage table.itemList tr.dividerRow td { border-bottom: 1px solid #ccc; width: 100%; padding: 0; } #checkout_onePage div.emailList p { padding: 5px 5px 5px 25px; font-style: italic; } #checkout_onePage table.itemList th.price, #checkout_onePage table.itemList td.price { text-align: right; } table.basketSummary { width: 100%; margin-bottom: 1em; } table.basketSummary tr.evenRow { background-color: #fff; } table.basketSummary tr.oddRow { background-color: #f8f8f8; } table.basketSummary tr.simpleRow { border-bottom: 0; } table.basketSummary tr.importantRow { border-bottom: 0; font-weight: bold; } table.basketSummary tr.headerRow { border-bottom: 0; } table.basketSummary th { text-align: right; font-weight: bold; white-space: nowrap; border-bottom: 0; } table.basketSummary td { text-align: right; width: 80px; border-bottom: 0; } table.basketSummary td.item { width: 60%; text-align: left; } table.basketSummary td.item div.setGiftOptions a { 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; } table.basketSummary td.item div.setGiftOptions a:before { content: ""; } table.basketSummary th.sku { text-align: center; width: 80px; } table.basketSummary td.sku { text-align: center; } table.basketSummary th.quantity { text-align: center; width: 60px; } table.basketSummary td.quantity { text-align: center; width: 60px; } table.basketSummary tr.dividerRow td { border-bottom: 1px solid #ccc; width: 100%; } table.basketSummary tr.actionsRow td { text-align: center; width: 100%; } div.widget { border: none; box-shadow: 0 8px 21px -9px rgba(0, 0, 0, 0.42); background-color: #fff; margin-bottom: 15px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } div.widget>.list-group, div.widget>.panel-collapse>.list-group { margin-bottom: 0; } div.widget>.list-group .list-group-item, div.widget>.panel-collapse>.list-group .list-group-item { border-width: 1px 0; border-radius: 0; } div.widget>.list-group:first-child .list-group-item:first-child, div.widget>.panel-collapse>.list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } div.widget>.list-group:last-child .list-group-item:last-child, div.widget>.panel-collapse>.list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } div.widget>.table, div.widget>.table-responsive>.table, div.widget>.panel-collapse>.table { margin-bottom: 0; } div.widget>.table caption, div.widget>.table-responsive>.table caption, div.widget>.panel-collapse>.table caption { padding-left: 15px; padding-right: 15px; } div.widget>.table:first-child, div.widget>.table-responsive:first-child>.table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } div.widget>.table:first-child>thead:first-child>tr:first-child, div.widget>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, div.widget>.table:first-child>tbody:first-child>tr:first-child, div.widget>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } div.widget>.table:first-child>thead:first-child>tr:first-child td:first-child, div.widget>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, div.widget>.table:first-child>tbody:first-child>tr:first-child td:first-child, div.widget>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, div.widget>.table:first-child>thead:first-child>tr:first-child th:first-child, div.widget>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, div.widget>.table:first-child>tbody:first-child>tr:first-child th:first-child, div.widget>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child { border-top-left-radius: 3px; } div.widget>.table:first-child>thead:first-child>tr:first-child td:last-child, div.widget>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, div.widget>.table:first-child>tbody:first-child>tr:first-child td:last-child, div.widget>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, div.widget>.table:first-child>thead:first-child>tr:first-child th:last-child, div.widget>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, div.widget>.table:first-child>tbody:first-child>tr:first-child th:last-child, div.widget>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child { border-top-right-radius: 3px; } div.widget>.table:last-child, div.widget>.table-responsive:last-child>.table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } div.widget>.table:last-child>tbody:last-child>tr:last-child, div.widget>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, div.widget>.table:last-child>tfoot:last-child>tr:last-child, div.widget>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } div.widget>.table:last-child>tbody:last-child>tr:last-child td:first-child, div.widget>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, div.widget>.table:last-child>tfoot:last-child>tr:last-child td:first-child, div.widget>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, div.widget>.table:last-child>tbody:last-child>tr:last-child th:first-child, div.widget>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, div.widget>.table:last-child>tfoot:last-child>tr:last-child th:first-child, div.widget>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child { border-bottom-left-radius: 3px; } div.widget>.table:last-child>tbody:last-child>tr:last-child td:last-child, div.widget>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, div.widget>.table:last-child>tfoot:last-child>tr:last-child td:last-child, div.widget>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, div.widget>.table:last-child>tbody:last-child>tr:last-child th:last-child, div.widget>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, div.widget>.table:last-child>tfoot:last-child>tr:last-child th:last-child, div.widget>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child { border-bottom-right-radius: 3px; } div.widget>.panel-body+.table, div.widget>.panel-body+.table-responsive, div.widget>.table+.panel-body, div.widget>.table-responsive+.panel-body { border-top: 1px solid #ddd; } div.widget>.table>tbody:first-child>tr:first-child th, div.widget>.table>tbody:first-child>tr:first-child td { border-top: 0; } div.widget>.table-bordered, div.widget>.table-responsive>.table-bordered { border: 0; } div.widget>.table-bordered>thead>tr>th:first-child, div.widget>.table-responsive>.table-bordered>thead>tr>th:first-child, div.widget>.table-bordered>tbody>tr>th:first-child, div.widget>.table-responsive>.table-bordered>tbody>tr>th:first-child, div.widget>.table-bordered>tfoot>tr>th:first-child, div.widget>.table-responsive>.table-bordered>tfoot>tr>th:first-child, div.widget>.table-bordered>thead>tr>td:first-child, div.widget>.table-responsive>.table-bordered>thead>tr>td:first-child, div.widget>.table-bordered>tbody>tr>td:first-child, div.widget>.table-responsive>.table-bordered>tbody>tr>td:first-child, div.widget>.table-bordered>tfoot>tr>td:first-child, div.widget>.table-responsive>.table-bordered>tfoot>tr>td:first-child { border-left: 0; } div.widget>.table-bordered>thead>tr>th:last-child, div.widget>.table-responsive>.table-bordered>thead>tr>th:last-child, div.widget>.table-bordered>tbody>tr>th:last-child, div.widget>.table-responsive>.table-bordered>tbody>tr>th:last-child, div.widget>.table-bordered>tfoot>tr>th:last-child, div.widget>.table-responsive>.table-bordered>tfoot>tr>th:last-child, div.widget>.table-bordered>thead>tr>td:last-child, div.widget>.table-responsive>.table-bordered>thead>tr>td:last-child, div.widget>.table-bordered>tbody>tr>td:last-child, div.widget>.table-responsive>.table-bordered>tbody>tr>td:last-child, div.widget>.table-bordered>tfoot>tr>td:last-child, div.widget>.table-responsive>.table-bordered>tfoot>tr>td:last-child { border-right: 0; } div.widget>.table-bordered>thead>tr:first-child>td, div.widget>.table-responsive>.table-bordered>thead>tr:first-child>td, div.widget>.table-bordered>tbody>tr:first-child>td, div.widget>.table-responsive>.table-bordered>tbody>tr:first-child>td, div.widget>.table-bordered>thead>tr:first-child>th, div.widget>.table-responsive>.table-bordered>thead>tr:first-child>th, div.widget>.table-bordered>tbody>tr:first-child>th, div.widget>.table-responsive>.table-bordered>tbody>tr:first-child>th { border-bottom: 0; } div.widget>.table-bordered>tbody>tr:last-child>td, div.widget>.table-responsive>.table-bordered>tbody>tr:last-child>td, div.widget>.table-bordered>tfoot>tr:last-child>td, div.widget>.table-responsive>.table-bordered>tfoot>tr:last-child>td, div.widget>.table-bordered>tbody>tr:last-child>th, div.widget>.table-responsive>.table-bordered>tbody>tr:last-child>th, div.widget>.table-bordered>tfoot>tr:last-child>th, div.widget>.table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0; } div.widget>.table-responsive { border: 0; margin-bottom: 0; } div.widget>.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } div.widget>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ddd; } div.widget>.panel-heading .badge { color: #f5f5f5; background-color: #333; } div.widget>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ddd; } div.widget div.header { background-color: #007cbf; border: none; padding: 10px 30px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } div.widget div.header+.panel-collapse>.panel-body { border-top-color: #ddd; } div.widget div.header .badge { color: #f5f5f5; background-color: #333; } div.widget div.header > h2 { margin-top: 0; margin-bottom: 0; font-size: 24px; color: #ffffff; font-weight: bold; line-height: normal; } div.widget div.header>h2>a, div.widget div.header>h2>small, div.widget div.header>h2>.small, div.widget div.header>h2>small>a, div.widget div.header>h2>.small>a { color: inherit; } div.widget .content { padding: 0px; } div.shipmentWidget { margin-bottom: 30px; } @media(max-width:799px) { div.widget { /*border: none; box-shadow: none;*/ } div.widget div.header { /*margin: 0 -15px;*/ } div.widget div.content {/* padding-left: 0; padding-right: 0;*/ } } div.widget .content a { text-decoration: none; } div.widget .content a:hover { text-decoration: underline; } div.widget .content .options { margin-bottom: 1em; padding: 0 5px 0 5px; } div.widget .content p.instruction { color: #007cbf; } adiv.widget .content p.instruction:hover { color: #007cbf; } table.widget { border-collapse: collapse; width: 100%; } table.widget td { padding: 0; vertical-align: top; } table.widget caption { padding: 6px; text-align: left; text-transform: uppercase; } .basketShippingEstimateWidget .content table.compact { width: 100%; } .basketShippingEstimateWidget .content table.compact th, .basketShippingEstimateWidget .content table.compact .rowHeader { text-align: right; font-weight: bold; vertical-align: middle; } .basketShippingEstimateWidget .content table.compact td { vertical-align: middle; padding: 5px; } .basketShippingEstimateWidget .content table.compact td label { font-weight: normal; margin: 0 5px 0 5px; display: inline; } .basketShippingEstimateWidget select { /*width: 90%!important;*/ } .basketShippingEstimateWidget input[type='text'] { width: 110px!important; } .categorySearchSidebarWidget .header i.colexpIcon { 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; float: right !important; color: #007cbf; margin-right: 15px; } .categorySearchSidebarWidget .header i.colexpIcon:before { content: "−"; } @media(max-width:1099px) { .basketShippingEstimateWidget .content table.compact th, .basketShippingEstimateWidget .content table.compact .rowHeader { text-align: left; font-weight: bold; vertical-align: middle; display: block; } .basketShippingEstimateWidget .content table.compact th label, .basketShippingEstimateWidget .content table.compact .rowHeader label { margin-bottom: 0 } .basketShippingEstimateWidget .content table.compact td { vertical-align: middle; padding: 5px; display: block; margin-bottom: 15px; position: relative; } .basketShippingEstimateWidget .content table.compact td.empty { display: none; } .basketShippingEstimateWidget .content table.compact td .requiredField { position: absolute; } } @media(max-width:799px) { .categorySearchSidebarWidget .header:hover { cursor: pointer; } } .categorySearchSidebarWidget .collapsed i.colexpIcon:before { content: "+"; } .categorySearchSidebarWidget .criteriaPanel h3 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px; } .categorySearchSidebarWidget .criteriaPanel h3 small, .categorySearchSidebarWidget .criteriaPanel h3 .small { font-weight: normal; line-height: 1; color: #777; } .categorySearchSidebarWidget .criteriaPanel h3 small, .categorySearchSidebarWidget .criteriaPanel h3 .small { font-size: 75%; } .categorySearchSidebarWidget .criteriaPanel .searchCriteria span.count { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #777; border-radius: 10px; } .categorySearchSidebarWidget .criteriaPanel .searchCriteria span.count:empty { display: none; } .btn .categorySearchSidebarWidget .criteriaPanel .searchCriteria span.count { position: relative; top: -1px; } .btn-xs .categorySearchSidebarWidget .criteriaPanel .searchCriteria span.count, .btn-group-xs>.btn .categorySearchSidebarWidget .criteriaPanel .searchCriteria span.count { top: 0; padding: 1px 5px; } a.categorySearchSidebarWidget .criteriaPanel .searchCriteria span.count:hover, a.categorySearchSidebarWidget .criteriaPanel .searchCriteria span.count:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active>.categorySearchSidebarWidget .criteriaPanel .searchCriteria span.count, .nav-pills>.active>a>.categorySearchSidebarWidget .criteriaPanel .searchCriteria span.count { color: #007cbf; background-color: #fff; } .list-group-item>.categorySearchSidebarWidget .criteriaPanel .searchCriteria span.count { float: right; } .list-group-item>.categorySearchSidebarWidget .criteriaPanel .searchCriteria span.count+.categorySearchSidebarWidget .criteriaPanel .searchCriteria span.count { margin-right: 5px; } .nav-pills>li>a>.categorySearchSidebarWidget .criteriaPanel .searchCriteria span.count { margin-left: 3px; } .categorySearchSidebarWidget .criteriaPanel ul { margin-bottom: 0; padding-left: 0; list-style: none; } .categorySearchSidebarWidget .criteriaPanel ul>li { position: relative; display: block; } .categorySearchSidebarWidget .criteriaPanel ul>li>a { position: relative; display: block; padding: 10px 15px; } .categorySearchSidebarWidget .criteriaPanel ul>li>a:hover, .categorySearchSidebarWidget .criteriaPanel ul>li>a:focus { text-decoration: none; background-color: #eee; } .categorySearchSidebarWidget .criteriaPanel ul>li.disabled>a { color: #777; } .categorySearchSidebarWidget .criteriaPanel ul>li.disabled>a:hover, .categorySearchSidebarWidget .criteriaPanel ul>li.disabled>a:focus { color: #777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .categorySearchSidebarWidget .criteriaPanel ul .open>a, .categorySearchSidebarWidget .criteriaPanel ul .open>a:hover, .categorySearchSidebarWidget .criteriaPanel ul .open>a:focus { background-color: #eee; border-color: #007cbf; } .categorySearchSidebarWidget .criteriaPanel ul .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .categorySearchSidebarWidget .criteriaPanel ul>li>a>img { max-width: none; } .categorySearchSidebarWidget .criteriaPanel ul>li { float: left; } .categorySearchSidebarWidget .criteriaPanel ul>li>a { border-radius: 4px; } .categorySearchSidebarWidget .criteriaPanel ul>li+li { margin-left: 2px; } .categorySearchSidebarWidget .criteriaPanel ul>li.active>a, .categorySearchSidebarWidget .criteriaPanel ul>li.active>a:hover, .categorySearchSidebarWidget .criteriaPanel ul>li.active>a:focus { color: #fff; background-color: #007cbf; } .categorySearchSidebarWidget .criteriaPanel ul span.count { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #777; border-radius: 10px; } .categorySearchSidebarWidget .criteriaPanel ul span.count:empty { display: none; } .btn .categorySearchSidebarWidget .criteriaPanel ul span.count { position: relative; top: -1px; } .btn-xs .categorySearchSidebarWidget .criteriaPanel ul span.count, .btn-group-xs>.btn .categorySearchSidebarWidget .criteriaPanel ul span.count { top: 0; padding: 1px 5px; } a.categorySearchSidebarWidget .criteriaPanel ul span.count:hover, a.categorySearchSidebarWidget .criteriaPanel ul span.count:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active>.categorySearchSidebarWidget .criteriaPanel ul span.count, .nav-pills>.active>a>.categorySearchSidebarWidget .criteriaPanel ul span.count { color: #007cbf; background-color: #fff; } .list-group-item>.categorySearchSidebarWidget .criteriaPanel ul span.count { float: right; } .list-group-item>.categorySearchSidebarWidget .criteriaPanel ul span.count+.categorySearchSidebarWidget .criteriaPanel ul span.count { margin-right: 5px; } .nav-pills>li>a>.categorySearchSidebarWidget .criteriaPanel ul span.count { margin-left: 3px; } @media(min-width:992px) { .categorySearchSidebarWidget .criteriaPanel ul>li { float: none; } .categorySearchSidebarWidget .criteriaPanel ul>li+li { margin-top: 2px; margin-left: 0; } } .categorySearchSidebarWidget .criteriaPanel ul.expandCategoryLinks>li>a { color: #a94442; } a.categorySearchSidebarWidget .criteriaPanel ul.expandCategoryLinks>li>a:hover { color: #843534; } .categorySearchSidebarWidget .criteriaPanel td a { padding: 10px 15px; display: block; } .categorySearchSidebarWidget .criteriaPanel td a:hover, .categorySearchSidebarWidget .criteriaPanel td a:focus { text-decoration: none; background-color: #eee; border-radius: 4px; } .continueCheckoutWidget .info { 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,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } .continueCheckoutWidget .info blockquote { border-color: #ddd; border-color: rgba(0,0,0,.15); } .continueCheckoutWidget input[type='submit'] { color: #fff; background-color: #007cbf; border-color: #007cbf; } .continueCheckoutWidget input[type='submit']:hover, .continueCheckoutWidget input[type='submit']:focus, .continueCheckoutWidget input[type='submit'].focus, .continueCheckoutWidget input[type='submit']:active, .continueCheckoutWidget input[type='submit'].active, .open>.dropdown-toggle.continueCheckoutWidget input[type='submit'] { color: #fff; background-color: #007cbf; border-color: #007cbf; } .continueCheckoutWidget input[type='submit']:active, .continueCheckoutWidget input[type='submit'].active, .open>.dropdown-toggle.continueCheckoutWidget input[type='submit'] { background-image: none; } .continueCheckoutWidget input[type='submit'].disabled, .continueCheckoutWidget input[type='submit'][disabled], fieldset[disabled] .continueCheckoutWidget input[type='submit'], .continueCheckoutWidget input[type='submit'].disabled:hover, .continueCheckoutWidget input[type='submit'][disabled]:hover, fieldset[disabled] .continueCheckoutWidget input[type='submit']:hover, .continueCheckoutWidget input[type='submit'].disabled:focus, .continueCheckoutWidget input[type='submit'][disabled]:focus, fieldset[disabled] .continueCheckoutWidget input[type='submit']:focus, .continueCheckoutWidget input[type='submit'].disabled.focus, .continueCheckoutWidget input[type='submit'][disabled].focus, fieldset[disabled] .continueCheckoutWidget input[type='submit'].focus, .continueCheckoutWidget input[type='submit'].disabled:active, .continueCheckoutWidget input[type='submit'][disabled]:active, fieldset[disabled] .continueCheckoutWidget input[type='submit']:active, .continueCheckoutWidget input[type='submit'].disabled.active, .continueCheckoutWidget input[type='submit'][disabled].active, fieldset[disabled] .continueCheckoutWidget input[type='submit'].active { background-color: #007cbf; border-color: #007cbf; } .continueCheckoutWidget input[type='submit'] .badge { color: #007cbf; background-color: #fff; } .shippingOptionsWidget .actions input[type='submit'] { color: #fff; background-color: #007cbf; border-color: #007cbf; } .shippingOptionsWidget .actions input[type='submit']:hover, .shippingOptionsWidget .actions input[type='submit']:focus, .shippingOptionsWidget .actions input[type='submit'].focus, .shippingOptionsWidget .actions input[type='submit']:active, .shippingOptionsWidget .actions input[type='submit'].active, .open>.dropdown-toggle.shippingOptionsWidget .actions input[type='submit'] { color: #fff; background-color: #007cbf; border-color: #007cbf; } .shippingOptionsWidget .actions input[type='submit']:active, .shippingOptionsWidget .actions input[type='submit'].active, .open>.dropdown-toggle.shippingOptionsWidget .actions input[type='submit'] { background-image: none; } .shippingOptionsWidget .actions input[type='submit'].disabled, .shippingOptionsWidget .actions input[type='submit'][disabled], fieldset[disabled] .shippingOptionsWidget .actions input[type='submit'], .shippingOptionsWidget .actions input[type='submit'].disabled:hover, .shippingOptionsWidget .actions input[type='submit'][disabled]:hover, fieldset[disabled] .shippingOptionsWidget .actions input[type='submit']:hover, .shippingOptionsWidget .actions input[type='submit'].disabled:focus, .shippingOptionsWidget .actions input[type='submit'][disabled]:focus, fieldset[disabled] .shippingOptionsWidget .actions input[type='submit']:focus, .shippingOptionsWidget .actions input[type='submit'].disabled.focus, .shippingOptionsWidget .actions input[type='submit'][disabled].focus, fieldset[disabled] .shippingOptionsWidget .actions input[type='submit'].focus, .shippingOptionsWidget .actions input[type='submit'].disabled:active, .shippingOptionsWidget .actions input[type='submit'][disabled]:active, fieldset[disabled] .shippingOptionsWidget .actions input[type='submit']:active, .shippingOptionsWidget .actions input[type='submit'].disabled.active, .shippingOptionsWidget .actions input[type='submit'][disabled].active, fieldset[disabled] .shippingOptionsWidget .actions input[type='submit'].active { background-color: #007cbf; border-color: #007cbf; } .shippingOptionsWidget .actions input[type='submit'] .badge { color: #007cbf; background-color: #fff; } .productTellAFriendWidget table { width: 100%; } .productTellAFriendWidget input[type='text'] { width: 100%!important; } .productTellAFriendWidget input[type='submit'] { margin-top: 10px; } .emailListWidget .dialogSection .compactleft td input[type='submit'] { margin-top: 10px; } .orderSummaryWidget .content .orderDate h3, .orderSummaryWidget .content .orderStatus h3 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px; } .orderSummaryWidget .content .orderDate h3 small, .orderSummaryWidget .content .orderStatus h3 small, .orderSummaryWidget .content .orderDate h3 .small, .orderSummaryWidget .content .orderStatus h3 .small { font-weight: normal; line-height: 1; color: #777; } .orderSummaryWidget .content .orderDate h3 small, .orderSummaryWidget .content .orderStatus h3 small, .orderSummaryWidget .content .orderDate h3 .small, .orderSummaryWidget .content .orderStatus h3 .small { font-size: 75%; } .orderNotesWidget .content table.inputForm td textarea { 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, 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; width: auto !important; } .orderNotesWidget .content table.inputForm td textarea: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); } .orderNotesWidget .content table.inputForm td textarea::-moz-placeholder { color:#999; opacity:1; } .orderNotesWidget .content table.inputForm td textarea:-ms-input-placeholder { color:#999; } .orderNotesWidget .content table.inputForm td textarea::-webkit-input-placeholder { color:#999; } .orderNotesWidget .content table.inputForm td textarea[disabled], .orderNotesWidget .content table.inputForm td textarea[readonly], fieldset[disabled] .orderNotesWidget .content table.inputForm td textarea { background-color: #eee; opacity: 1; } .orderNotesWidget .content table.inputForm td textarea[disabled], fieldset[disabled] .orderNotesWidget .content table.inputForm td textarea { cursor: not-allowed; } textarea.orderNotesWidget .content table.inputForm td textarea { height: auto; } div.actions span.checkout input[type='submit'] { color: #fff; background-color: #007cbf; border-color: #007cbf; } div.actions span.checkout input[type='submit']:hover, div.actions span.checkout input[type='submit']:focus, div.actions span.checkout input[type='submit'].focus, div.actions span.checkout input[type='submit']:active, div.actions span.checkout input[type='submit'].active, .open>.dropdown-togglediv.actions span.checkout input[type='submit'] { color: #fff; background-color: #007cbf; border-color: #007cbf; } div.actions span.checkout input[type='submit']:active, div.actions span.checkout input[type='submit'].active, .open>.dropdown-togglediv.actions span.checkout input[type='submit'] { background-image: none; } div.actions span.checkout input[type='submit'].disabled, div.actions span.checkout input[type='submit'][disabled], fieldset[disabled] div.actions span.checkout input[type='submit'], div.actions span.checkout input[type='submit'].disabled:hover, div.actions span.checkout input[type='submit'][disabled]:hover, fieldset[disabled] div.actions span.checkout input[type='submit']:hover, div.actions span.checkout input[type='submit'].disabled:focus, div.actions span.checkout input[type='submit'][disabled]:focus, fieldset[disabled] div.actions span.checkout input[type='submit']:focus, div.actions span.checkout input[type='submit'].disabled.focus, div.actions span.checkout input[type='submit'][disabled].focus, fieldset[disabled] div.actions span.checkout input[type='submit'].focus, div.actions span.checkout input[type='submit'].disabled:active, div.actions span.checkout input[type='submit'][disabled]:active, fieldset[disabled] div.actions span.checkout input[type='submit']:active, div.actions span.checkout input[type='submit'].disabled.active, div.actions span.checkout input[type='submit'][disabled].active, fieldset[disabled] div.actions span.checkout input[type='submit'].active { background-color: #007cbf; border-color: #007cbf; } div.actions span.checkout input[type='submit'] .badge { color: #007cbf; background-color: #fff; } div.checkoutButtonsBox div.standardCheckout input[type='submit'] { color: #fff; background-color: #007cbf; border-color: #007cbf; } div.checkoutButtonsBox div.standardCheckout input[type='submit']:hover, div.checkoutButtonsBox div.standardCheckout input[type='submit']:focus, div.checkoutButtonsBox div.standardCheckout input[type='submit'].focus, div.checkoutButtonsBox div.standardCheckout input[type='submit']:active, div.checkoutButtonsBox div.standardCheckout input[type='submit'].active, .open>.dropdown-togglediv.checkoutButtonsBox div.standardCheckout input[type='submit'] { color: #fff; background-color: #007cbf; border-color: #007cbf; } div.checkoutButtonsBox div.standardCheckout input[type='submit']:active, div.checkoutButtonsBox div.standardCheckout input[type='submit'].active, .open>.dropdown-togglediv.checkoutButtonsBox div.standardCheckout input[type='submit'] { background-image: none; } div.checkoutButtonsBox div.standardCheckout input[type='submit'].disabled, div.checkoutButtonsBox div.standardCheckout input[type='submit'][disabled], fieldset[disabled] div.checkoutButtonsBox div.standardCheckout input[type='submit'], div.checkoutButtonsBox div.standardCheckout input[type='submit'].disabled:hover, div.checkoutButtonsBox div.standardCheckout input[type='submit'][disabled]:hover, fieldset[disabled] div.checkoutButtonsBox div.standardCheckout input[type='submit']:hover, div.checkoutButtonsBox div.standardCheckout input[type='submit'].disabled:focus, div.checkoutButtonsBox div.standardCheckout input[type='submit'][disabled]:focus, fieldset[disabled] div.checkoutButtonsBox div.standardCheckout input[type='submit']:focus, div.checkoutButtonsBox div.standardCheckout input[type='submit'].disabled.focus, div.checkoutButtonsBox div.standardCheckout input[type='submit'][disabled].focus, fieldset[disabled] div.checkoutButtonsBox div.standardCheckout input[type='submit'].focus, div.checkoutButtonsBox div.standardCheckout input[type='submit'].disabled:active, div.checkoutButtonsBox div.standardCheckout input[type='submit'][disabled]:active, fieldset[disabled] div.checkoutButtonsBox div.standardCheckout input[type='submit']:active, div.checkoutButtonsBox div.standardCheckout input[type='submit'].disabled.active, div.checkoutButtonsBox div.standardCheckout input[type='submit'][disabled].active, fieldset[disabled] div.checkoutButtonsBox div.standardCheckout input[type='submit'].active { background-color: #007cbf; border-color: #007cbf; } div.checkoutButtonsBox div.standardCheckout input[type='submit'] .badge { color: #007cbf; background-color: #fff; } div.simpleCategoryListWidget .category { margin-bottom: 0; padding-left: 0; list-style: none; } div.simpleCategoryListWidget .category>li { position: relative; display: block; } div.simpleCategoryListWidget .category>li>a { position: relative; display: block; padding: 10px 15px; } div.simpleCategoryListWidget .category>li>a:hover, div.simpleCategoryListWidget .category>li>a:focus { text-decoration: none; background-color: #eee; } div.simpleCategoryListWidget .category>li.disabled>a { color: #777; } div.simpleCategoryListWidget .category>li.disabled>a:hover, div.simpleCategoryListWidget .category>li.disabled>a:focus { color: #777; text-decoration: none; background-color: transparent; cursor: not-allowed; } div.simpleCategoryListWidget .category .open>a, div.simpleCategoryListWidget .category .open>a:hover, div.simpleCategoryListWidget .category .open>a:focus { background-color: #eee; border-color: #007cbf; } div.simpleCategoryListWidget .category .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } div.simpleCategoryListWidget .category>li>a>img { max-width: none; } div.simpleCategoryListWidget .category>li { float: left; } div.simpleCategoryListWidget .category>li>a { border-radius: 4px; } div.simpleCategoryListWidget .category>li+li { margin-left: 2px; } div.simpleCategoryListWidget .category>li.active>a, div.simpleCategoryListWidget .category>li.active>a:hover, div.simpleCategoryListWidget .category>li.active>a:focus { color: #fff; background-color: #007cbf; } @media(min-width:992px) { div.simpleCategoryListWidget .category>li { float: none; } div.simpleCategoryListWidget .category>li+li { margin-top: 2px; margin-left: 0; } } @media(max-width:799px) { div.simpleCategoryListWidget .category>li { float: none; } div.simpleCategoryListWidget .category>li+li { margin-top: 2px; margin-left: 0; } } div.shipmentWidget .method select { width: 100%; } div.shipmentWidget .content .shippingAddress h3, div.shipmentWidget .content .shippingStatus h3, div.shipmentWidget .content .shippingMethod h3 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px; } div.shipmentWidget .content .shippingAddress h3 small, div.shipmentWidget .content .shippingStatus h3 small, div.shipmentWidget .content .shippingMethod h3 small, div.shipmentWidget .content .shippingAddress h3 .small, div.shipmentWidget .content .shippingStatus h3 .small, div.shipmentWidget .content .shippingMethod h3 .small { font-weight: normal; line-height: 1; color: #777; } div.shipmentWidget .content .shippingAddress h3 small, div.shipmentWidget .content .shippingStatus h3 small, div.shipmentWidget .content .shippingMethod h3 small, div.shipmentWidget .content .shippingAddress h3 .small, div.shipmentWidget .content .shippingStatus h3 .small, div.shipmentWidget .content .shippingMethod h3 .small { font-size: 75%; } div.paymentWidget .applyCouponPanel { padding: 6px 6px 12px 6px; margin-bottom: 1em; border-bottom: 1px dotted #ccc; } div.paymentWidget .applyCouponPanel label { margin-right: 4px;font-weight: normal; } div.paymentWidget .applyCouponPanel p { display: block; margin-top: 1em; } div.paymentWidget .paymentFormContainer { margin-left: -15px; margin-right: -15px; } div.paymentWidget .paymentFormContainer .paymentMethodList { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media(min-width:800px) { div.paymentWidget .paymentFormContainer .paymentMethodList { float: left; width: 33.33333333%; } } div.paymentWidget .paymentFormContainer .paymentForm { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media(min-width:800px) { div.paymentWidget .paymentFormContainer .paymentForm { float: left; width: 66.66666667%; } } div.paymentWidget .paymentFormContainer .paymentForm table.inputForm { width: 100%; min-height: 200px; 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,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); display: block; position: relative; } div.paymentWidget .paymentFormContainer .paymentForm table.inputForm .requiredField { position: absolute; } div.paymentWidget .paymentFormContainer .paymentForm table.inputForm blockquote { border-color: #ddd; border-color: rgba(0,0,0,.15); } div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td, div.paymentWidget .paymentFormContainer .paymentForm table.inputForm th { padding-bottom: 10px; } div.paymentWidget .paymentFormContainer .paymentForm table.inputForm .custom_select.cs_margin { margin-bottom: 10px; } div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'] { color: #fff; background-color: #007cbf; border-color: #007cbf; } div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit']:hover, div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit']:focus, div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'].focus, div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit']:active, div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'].active, .open>.dropdown-togglediv.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'] { color: #fff; background-color: #007cbf; border-color: #007cbf; } div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit']:active, div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'].active, .open>.dropdown-togglediv.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'] { background-image: none; } div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'].disabled, div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'][disabled], fieldset[disabled] div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'], div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'].disabled:hover, div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'][disabled]:hover, fieldset[disabled] div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit']:hover, div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'].disabled:focus, div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'][disabled]:focus, fieldset[disabled] div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit']:focus, div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'].disabled.focus, div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'][disabled].focus, fieldset[disabled] div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'].focus, div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'].disabled:active, div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'][disabled]:active, fieldset[disabled] div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit']:active, div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'].disabled.active, div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'][disabled].active, fieldset[disabled] div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'].active { background-color: #007cbf; border-color: #007cbf; } div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td input[type='submit'] .badge { color: #007cbf; background-color: #fff; } @media screen and (max-width:1099px) { .paymentFormContainer .paymentForm table.inputForm th { padding-bottom: 0; } } @media(min-width:768px) and (max-width:991px) { div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td .linked { display: none !important; } } div.paymentWidget .paymentFormContainer .paymentForm table.inputForm td .popover { max-width: none; } div.paymentWidget .paymentFormContainer .paymentForm input[id$='_Amount'] { width: 80px!important; } div.basketTotalSummaryWidget .message { font-style: italic; } div.orderSummaryWidget table.orderTotalSummary, div.basketTotalSummaryWidget table.orderTotalSummary, div.orderTotalSummaryWidget table.orderTotalSummary { width: 100%; } div.orderSummaryWidget table.orderTotalSummary th, div.basketTotalSummaryWidget table.orderTotalSummary th, div.orderTotalSummaryWidget table.orderTotalSummary th { text-align: right; font-weight: bold; white-space: nowrap; border-bottom: 0; } div.orderSummaryWidget table.orderTotalSummary td, div.basketTotalSummaryWidget table.orderTotalSummary td, div.orderTotalSummaryWidget table.orderTotalSummary td { text-align: right; width: 80px; border-bottom: 0; } div.orderSummaryWidget table.orderTotalSummary td.item, div.basketTotalSummaryWidget table.orderTotalSummary td.item, div.orderTotalSummaryWidget table.orderTotalSummary td.item { width: 60%; text-align: left; } div.orderSummaryWidget table.orderTotalSummary td.item div.setGiftOptions a, div.basketTotalSummaryWidget table.orderTotalSummary td.item div.setGiftOptions a, div.orderTotalSummaryWidget table.orderTotalSummary td.item div.setGiftOptions a { background: url(images/icons/gift-box.gif) center right no-repeat; height: 30px; line-height: 30px; padding-right: 25px; } div.orderSummaryWidget table.orderTotalSummary th.sku, div.basketTotalSummaryWidget table.orderTotalSummary th.sku, div.orderTotalSummaryWidget table.orderTotalSummary th.sku { text-align: center; width: 80px; } div.orderSummaryWidget table.orderTotalSummary td.sku, div.basketTotalSummaryWidget table.orderTotalSummary td.sku, div.orderTotalSummaryWidget table.orderTotalSummary td.sku { text-align: center; } div.orderSummaryWidget table.orderTotalSummary th.quantity, div.basketTotalSummaryWidget table.orderTotalSummary th.quantity, div.orderTotalSummaryWidget table.orderTotalSummary th.quantity { text-align: center; width: 60px; } div.orderSummaryWidget table.orderTotalSummary td.quantity, div.basketTotalSummaryWidget table.orderTotalSummary td.quantity, div.orderTotalSummaryWidget table.orderTotalSummary td.quantity { text-align: center; width: 60px; } div.orderSummaryWidget table.orderTotalSummary tr.dividerRow td, div.basketTotalSummaryWidget table.orderTotalSummary tr.dividerRow td, div.orderTotalSummaryWidget table.orderTotalSummary tr.dividerRow td { border-bottom: 1px solid #ccc; width: 100%; } div.orderSummaryWidget table.orderTotalSummary tr.importantRow, div.basketTotalSummaryWidget table.orderTotalSummary tr.importantRow, div.orderTotalSummaryWidget table.orderTotalSummary tr.importantRow { font-weight: bold; } div.orderSummaryWidget table.orderTotalSummary tr.actionsRow td, div.basketTotalSummaryWidget table.orderTotalSummary tr.actionsRow td, div.orderTotalSummaryWidget table.orderTotalSummary tr.actionsRow td { text-align: center; width: 100%; } div.currencyPreferenceWidget { clear: both; } div.currencyPreferenceWidget select { width: auto; } div.storeSearchWidget input[type='text'] { width: 70%!important; } .miniBasket .basketItemBox { border-bottom: 1px dashed #eee; margin-bottom: 1em; padding-bottom: .5em; } .miniBasket .basketItemBox input[type='text'], .miniBasket .basketItemBox .quantity { width: 40px!important; } .miniBasket .basketItemBox .button { margin: 0 5px 2px 0; } .miniBasket .basketItemBox .iconBox { width: 50px; height: 50px; float: left; overflow: hidden; margin-right: 5px; } .miniBasket .basketItemBox .titleBox { float: left; } .miniBasket .basketItemBox .noIcon { padding-left: 5px; } .miniBasket .basketItemBox .label { display: inline; padding: .2em .6em .3em; font-size: 75%; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; background-color: #777; background: none !important; color: #333; font-size: 14px; font-weight: bold; padding: .2em .2em .3em; } a.miniBasket .basketItemBox .label:hover, a.miniBasket .basketItemBox .label:focus { color: #fff; text-decoration: none; cursor: pointer; } .miniBasket .basketItemBox .label:empty { display: none; } .btn .miniBasket .basketItemBox .label { position: relative; top: -1px; } .miniBasket .basketItemBox .label[href]:hover, .miniBasket .basketItemBox .label[href]:focus { background-color: #5e5e5e; } .miniBasket .basketItemBox .value { display: inline; padding: .2em .6em .3em; font-size: 75%; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; background-color: #777; font-weight: bold; background-color: #d9534f; background: none !important; color: #333; font-size: 14px; font-weight: normal; padding: .2em .2em .3em; } a.miniBasket .basketItemBox .value:hover, a.miniBasket .basketItemBox .value:focus { color: #fff; text-decoration: none; cursor: pointer; } .miniBasket .basketItemBox .value:empty { display: none; } .btn .miniBasket .basketItemBox .value { position: relative; top: -1px; } .miniBasket .basketItemBox .value[href]:hover, .miniBasket .basketItemBox .value[href]:focus { background-color: #5e5e5e; } .miniBasket .basketItemBox .value[href]:hover, .miniBasket .basketItemBox .value[href]:focus { background-color: #c9302c; } .miniBasket .basketItemBox .actions { margin: 1em 0; } .miniBasket .basketItemBox .actions input.quantity { width: 20px; } .miniBasket .discountLabel, .miniBasket .subTotalLabel { color: #333; width: 80px!important; text-align: right; display: inline-block; font-size: 14px; } .miniBasket .subTotalsBox { border-bottom: 1px solid #eee; margin-bottom: 1em; padding-bottom: .5em; } .miniBasket .checkoutButtonsBox .standardCheckout, .miniBasket .checkoutButtonsBox .alternateCheckouts { text-align: center; } .miniBasket .checkoutButtonsBox .alternateCheckouts div { padding-top: 6px; } .miniBasket .checkoutButtonsBox .alternateCheckouts div img { display: block; margin: auto; } .miniBasket .noResultsPanel { padding: 5px; font-style: italic; } .miniBasket .miniBasketItemDetail .subscriptions { clear: both; } .miniBasket .miniBasketItemDetail .subscriptions .lineBlock { display: block; font-size: small; } .miniBasket .miniBasketItemDetail .subTitle { padding: 0; text-indent: 0; margin: 0 7px; clear: both; } .miniBasket .miniBasketItemDetail .subTitle li { color: #788a95; list-style-type: none; margin: 4px 0 0 10px; } .miniBasket .miniBasketItemDetail .title { float: left; text-align: left; position: relative; } .productReviewsPanel .productReviewForm .registerForReview .info { padding: 15px 0 15px 0; } .productReviewsPanel .productReviewForm .registerForReview .info .message { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; background-color: #d9edf7; border-color: #bce8f1; color: #333; } .productReviewsPanel .productReviewForm .registerForReview .info .message h4 { margin-top: 0; color: inherit; } .productReviewsPanel .productReviewForm .registerForReview .info .message .alert-link { font-weight: bold; } .productReviewsPanel .productReviewForm .registerForReview .info .message>p, .productReviewsPanel .productReviewForm .registerForReview .info .message>ul { margin-bottom: 0; } .productReviewsPanel .productReviewForm .registerForReview .info .message>p+p { margin-top: 5px; } .productReviewsPanel .productReviewForm .registerForReview .info .message hr { border-top-color: #a6e1ec; } .productReviewsPanel .productReviewForm .registerForReview .info .message .alert-link { color: #1a1a1a; } .productReviewsPanel .productReviewForm .registerForReview .actions { padding: 5px 0; } .productReviewsPanel .reviewConfirmation .info { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .productReviewsPanel .reviewConfirmation .info h4 { margin-top: 0; color: inherit; } .productReviewsPanel .reviewConfirmation .info .alert-link { font-weight: bold; } .productReviewsPanel .reviewConfirmation .info>p, .productReviewsPanel .reviewConfirmation .info>ul { margin-bottom: 0; } .productReviewsPanel .reviewConfirmation .info>p+p { margin-top: 5px; } .productReviewsPanel .reviewConfirmation .info hr { border-top-color: #c9e2b3; } .productReviewsPanel .reviewConfirmation .info .alert-link { color: #2b542c; } .productReviewsPanel .reviewsTable { width: 100%; } .productReviewsPanel .reviewsTable .reviewBody { background: none; border: none; padding-left: 0; overflow: auto; } .loginWidget input[type='text'], .registerDialog input[type='text'], .loginWidget input[type='password'], .registerDialog input[type='password'] { width: 90%!important; } .contentArea { padding: 5px 10px 5px 10px; } div.noResultsPanel { padding: 10px; text-align: center; } .hiddenPanel { display: none !important; } span.label { font-weight: bold; color: #333; } .fieldHeader { font-weight: bold; } span.msrp { text-decoration: line-through; } .hyperLinkButton { padding: 0 12px !important; } span.message { padding-left: 5px; } div.message { display: block !important; margin-bottom: 1em; } div.clear:before, div.clear:after { content: " "; display: table; } div.clear:after { clear: both; } div.clear:before, div.clear:after { content: " "; display: table; } div.clear:after { clear: both; } .ui-notify-container { margin: 10px; } .ui-notify-container .ui-notify-message h1 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px; } .ui-notify-container .ui-notify-message h1 small, .ui-notify-container .ui-notify-message h1 .small { font-weight: normal; line-height: 1; color: #777; } .ui-notify-container .ui-notify-message h1 small, .ui-notify-container .ui-notify-message h1 .small { font-size: 75%; } .ui-notify-container .ui-notify-message-style { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .ui-notify-container .ui-notify-message-style h4 { margin-top: 0; color: inherit; } .ui-notify-container .ui-notify-message-style .alert-link { font-weight: bold; } .ui-notify-container .ui-notify-message-style>p, .ui-notify-container .ui-notify-message-style>ul { margin-bottom: 0; } .ui-notify-container .ui-notify-message-style>p+p { margin-top: 5px; } .ui-notify-container .ui-notify-message-style hr { border-top-color: #c9e2b3; } .ui-notify-container .ui-notify-message-style .alert-link { color: #2b542c; } .ui-notify-container .ui-notify-message-style h1 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px; } .ui-notify-container .ui-notify-message-style h1 small, .ui-notify-container .ui-notify-message-style h1 .small { font-weight: normal; line-height: 1; color: #777; } .ui-notify-container .ui-notify-message-style h1 small, .ui-notify-container .ui-notify-message-style h1 .small { font-size: 75%; } .ui-notify-container .ui-notify-close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); } .ui-notify-container .ui-notify-close:hover, .ui-notify-container .ui-notify-close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50); } button.ui-notify-container .ui-notify-close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } #ajaxProgressOuter { border: 0; padding: 0; margin: 0; position: fixed; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; background-color: #444; opacity: .65; filter: alpha(opacity=65); z-index: 1000; } #ajaxProgressInner { padding: 0; background: #fff url(images/processing.gif) no-repeat 50%; position: absolute; left: 48%; top: 25%; margin-left: -100px; width: 200px; height: 200px; border: solid 2px #444; opacity: 1; filter: alpha(opacity=100); z-index: 1001; } #checkout_amazon div.section { margin-bottom: 1em; border: 1px solid #636363; border-radius: 5px; background-color: #e1e1e1; } #checkout_amazon div.section .header { padding-left: 10px; background: url(images/amazon-header-bg.gif) top left repeat-x #e1e1e1; border-radius: 5px; } #checkout_amazon div.section .header h2 { font: bold 12px/29px arial, sans-serif; display: inline-block; letter-spacing: .5pt; margin: 0; } #checkout_amazon div.section .content { margin: 0 3px 3px 3px; border: 1px solid #636363; padding: 10px 10px 10px 10px; background-color: #fff; } #checkout_amazon .sidebarColumn { width: 420px; } #checkout_amazon .mainColumn { width: 520px; } .webpage { list-style: outside none none; margin-bottom: 0; padding-left: 0; } .webpage a { display: block; padding: 10px 15px; position: relative; } @media screen and (max-width:480px) { table.inputForm th, table.inputForm td, table.inputForm .rowHeader { position: relative; float: left; clear: both; width: 100%; text-align: left; } table.inputForm th, table.inputForm .rowHeader { padding: 5px 0 5px 0; } div.inputForm div.rowHeader { text-align: left; } } #storeHeader .search { display: none; max-width: 250px; } /****************** Home Page Content ******************/ #spotlightContent { } #spotlightContent.featured_sa { margin: 0 0 60px 0; } #spotlightContent.featured_sa .header { } #spotlightContent.featured_sa .header h2 { } #spotlightContent.featured_sa .content { display: flex; flex-direction: row; } #spotlightContent.featured_sa .content .fsa_left { max-width: 320px; text-align: center; } #spotlightContent.featured_sa .content .fsa_left a { width: 100%; } #spotlightContent.featured_sa .content .fsa_left .link { font-size: 20px; font-weight: 600; color: #095f8f; line-height: 25px; padding-bottom: 6px; display: inline-block; } #spotlightContent.featured_sa .content .fsa_left .labelw2m { font-size: 14px; font-weight: normal; color: #074e75; padding-bottom: 6px; display: inline-block; } #spotlightContent.featured_sa .content .fsa_left .price { font-size: 18px; font-weight: 600; color: #074e75; } #spotlightContent.featured_sa .content .fsa_left img { margin: 0 auto; padding-bottom: 15px; } #spotlightContent.featured_sa .content .fsa_left .wbl { padding: 24px; border: 3px solid transparent; } #spotlightContent.featured_sa .content .fsa_left .wbl:hover { background: #FFFFFF; border: 3px solid #FF5E20; box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.21); cursor: pointer; } #spotlightContent.featured_sa .content .fsa_right { padding-left: 24px; } #spotlightContent.featured_sa .content .fsa_right .item { border-bottom: 3px solid #F5F7F7; padding: 24px 0; display: flex; flex-direction: row; } #spotlightContent.featured_sa .content .fsa_right .item:nth-child(3) { border-bottom: none; } #spotlightContent.featured_sa .content .fsa_right .title_topic { flex: 1; line-height: 22px; margin-right: 20px; } #spotlightContent.featured_sa .content .fsa_right .title_topic .link { margin-bottom: 3px; display: inline-block; width: 100%; font-size: 18px; font-weight: 600; color: #095F8F; line-height: 22px; } #spotlightContent.featured_sa .content .fsa_right .title_topic .link:hover { color: #ff5e20; text-decoration: underline; } #spotlightContent.featured_sa .content .fsa_right .title_topic .label { } #spotlightContent.featured_sa .content .fsa_right .title_topic .price { } #spotlightContent.featured_sa .content .fsa_right .action { align-self: flex-end; } #spotlightContent div.auth_spot { } #spotlightContent div.auth_spot .content { background-color: #F5F7F7; box-shadow: 0 8px 21px -9px rgba(0,0,0,0.42); padding: 30px; } #spotlightContent div.auth_spot .content hr.as_hr { border-top: 1px solid #095F8F; margin: 30px 0; } #spotlightContent div.auth_spot .content .top { display: flex; flex-direction: row; width: 100%; } #spotlightContent div.auth_spot .content .top .as_topleft { min-width: 120px; margin-right: 30px; } #spotlightContent div.auth_spot .content .top .as_topleft img { max-height: 120px !important; border-radius: 50%; object-fit: cover; width: 120px !important; } #spotlightContent div.auth_spot .content .top .as_topleft span { } #spotlightContent div.auth_spot .content .top .as_topright { } #spotlightContent div.auth_spot .content .top .as_topright .astr_name { } #spotlightContent div.auth_spot .content .top .as_topright .astr_bio { } #spotlightContent div.auth_spot .content .top .as_topright .astr_bio p { /*font-size: 16px;*/font-size: 1em; color: #074E75; line-height: 1.15; } #spotlightContent div.auth_spot .content .bottom { } #spotlightContent div.auth_spot .content .bottom .header { background-color: transparent; padding: 0; border-radius: 0; margin-bottom: 20px; } #spotlightContent div.auth_spot .content .bottom .header h2 { font-size: 18px; font-weight: bold; color: #095F8F; text-align: left; line-height: 22px; display: inline-block; margin-right: 20px; } #spotlightContent div.auth_spot .content .bottom .as_listing { } #spotlightContent div.auth_spot .content .bottom .as_listing .itemListing { display: flex; flex-direction: row; } #spotlightContent div.auth_spot .content .bottom .as_listing .itemListing .tableNode { width: 50%; } #spotlightContent div.auth_spot .content .bottom .as_listing .itemListing .tableNode:first-child { margin-right: 30px; } #spotlightContent div.auth_spot .content .bottom .as_listing .itemListing .tableNode .itemContainer { background: transparent; height: auto !important; display: flex; flex-direction: row; padding: 0; margin: 0; } #spotlightContent div.auth_spot .content .bottom .as_listing .itemListing .tableNode .itemContainer .asl_left { flex-grow: 1; margin-right: 20px; } #spotlightContent div.auth_spot .content .bottom .as_listing .itemListing .tableNode .itemContainer .asl_left .asl_book_title { } #spotlightContent div.auth_spot .content .bottom .as_listing .itemListing .tableNode .itemContainer .asl_left .asl_book_title a { color: #095F8F; font-size: 18px; font-weight: bold; } #spotlightContent div.auth_spot .content .bottom .as_listing .itemListing .tableNode .itemContainer .asl_left .asl_book_title a:hover { color: #ff5e20; text-decoration: underline; } #spotlightContent div.auth_spot .content .bottom .as_listing .itemListing .tableNode .itemContainer .asl_left .asl_topic_price { } #spotlightContent div.auth_spot .content .bottom .as_listing .itemListing .tableNode .itemContainer .asl_left .asl_topic_price .topic { } #spotlightContent div.auth_spot .content .bottom .as_listing .itemListing .tableNode .itemContainer .asl_left .asl_topic_price .price { } #spotlightContent div.auth_spot .content .bottom .as_listing .itemListing .tableNode .itemContainer .asl_right { } #spotlightContent div.auth_spot .content .bottom .as_listing .itemListing .tableNode .itemContainer .asl_right a.button { padding: .9375rem 10px; white-space: nowrap; } #spotlightContent div.whats_new { margin-bottom: 60px; } #spotlightContent div.whats_new div.header { padding: 22.75px 30px; } #spotlightContent div.whats_new div.header > h2 { text-align: center; } #spotlightContent div.whats_new div.header > h2 .custom_select { display: inline-block; width: 300px; margin-left: 15px; } #spotlightContent div.whats_new .bx-viewport { background-color: #F5F7F7; } #spotlightContent div.whats_new .bx-wrapper { margin: 0 auto 60px; padding: 0; } #spotlightContent div.whats_new .content { padding: 15px 60px; background-color: #F5F7F7; box-shadow: 0 8px 21px -9px rgba(0,0,0,0.42); } #spotlightContent div.whats_new .wnc_container { display: flex; flex-direction: row; padding: 0 10%; } #spotlightContent div.whats_new .content .wn_left { text-align: center; background: #F5F7F7; } #spotlightContent div.whats_new .content .wn_left img { margin: 0 auto; padding-bottom: 15px; min-width: 130px; } #spotlightContent div.whats_new .content .wn_left .wbl { padding: 24px; border: 3px solid transparent; } #spotlightContent div.whats_new .content .wn_left .wbl:hover { background: #FFFFFF; border: 3px solid #FF5E20; box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.21); cursor: pointer; } #spotlightContent div.whats_new .content .wn_left a { width: 100%; } #spotlightContent div.whats_new .content .wn_right .link { font-size: 20px; font-weight: 600; color: #095f8f; line-height: 25px; /*padding-bottom: 6px;*/ padding-bottom: 0; display: inline-block; text-align: center; width: 100%; } #spotlightContent div.whats_new .content .wn_left .labelw2m { font-size: 14px; font-weight: normal; color: #074e75; padding-bottom: 6px; display: inline-block; text-align: center; width: 100%; } #spotlightContent div.whats_new .content .wn_left .price { font-size: 18px; font-weight: 600; color: #074e75; display: inline-block; text-align: center; width: 100%; } #spotlightContent div.whats_new .content .wn_right { padding-left: 24px; background: #F5F7F7; align-self: center; } #spotlightContent div.whats_new .content .wn_right .pil { display: inline-block; margin: 20px 0 20px 0; } #spotlightContent div.whats_new .content .wn_right .info_btn { } #spotlightContent div.browse_products { margin-bottom: 60px; } #spotlightContent div.browse_products .content { padding: 30px; } #spotlightContent div.browse_products .content .bp_content { display: flex; flex-direction: row; } #spotlightContent div.browse_products .content .bp_content .bp_left { padding-right: 24px; border-right: 1px solid #bfbfbf; } #spotlightContent div.browse_products .content .bp_content .bp_left .item a { font-size: 16px; font-weight: 600; color: #ffffff; border-radius: 5px; } #spotlightContent div.browse_products .content .bp_content .bp_left .item a:hover { } #spotlightContent div.browse_products .content .bp_content .bp_left .top { display: flex; flex-direction: row; margin-bottom: 15px; } #spotlightContent div.browse_products .content .bp_content .bp_left .top .item { } #spotlightContent div.browse_products .content .bp_content .bp_left .top .item:first-child { margin-right: 15px; } #spotlightContent div.browse_products .content .bp_content .bp_left .top .item a { } #spotlightContent div.browse_products .content .bp_content .bp_left .top .item a img { } #spotlightContent div.browse_products .content .bp_content .bp_left .top .item.item1 a { display: block; background-image: linear-gradient( 180deg, rgba(0,0,0,0.23) 0%, rgba(0,0,0,0.56) 100%), url("/Assets/HomePage/early_childhood.jpg"); background-repeat: no-repeat; height: 130px; width: 250px; background-size: cover; position: relative; } #spotlightContent div.browse_products .content .bp_content .bp_left .top .item.item1 a:hover { background: linear-gradient(180deg, rgba(0,0,0,0.30) 0%, #000000 100%), url("/Assets/HomePage/early_childhood.jpg"); background-size: cover; } #spotlightContent div.browse_products .content .bp_content .bp_left .top .item.item1 a .link-title { position: absolute; bottom: 15px; width: 100%; text-align: center; } #spotlightContent div.browse_products .content .bp_content .bp_left .top .item.item2 a { display: block; background-image: linear-gradient( 180deg, rgba(0,0,0,0.23) 0%, rgba(0,0,0,0.56) 100%), url("/Assets/HomePage/communication.jpg"); background-repeat: no-repeat; height: 130px; width: 250px; background-size: cover; position: relative; } #spotlightContent div.browse_products .content .bp_content .bp_left .top .item.item2 a:hover { background: linear-gradient(180deg, rgba(0,0,0,0.30) 0%, #000000 100%), url("/Assets/HomePage/communication.jpg"); background-size: cover; } #spotlightContent div.browse_products .content .bp_content .bp_left .top .item.item2 a .link-title { position: absolute; bottom: 15px; width: 100%; text-align: center; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom { display: flex; flex-direction: row; position: relative; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom #mt_drawer { position: absolute; width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; z-index: 1; top: 0px; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom #mt_drawer .card.card-block { position: relative; background: #095F8F; font-size:16px color: #FFFFFF; padding: 22px; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom #mt_drawer .card.card-block .links_content { } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom #mt_drawer .card.card-block .links_content a { color: #ffffff; font-size: 16px; margin-bottom: 14px; display: inline-block; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom #mt_drawer .card.card-block .links_content a:hover { } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom #mt_drawer .card.card-block #closeButton { position: absolute; top: 0; right: 0; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom #mt_drawer .card.card-block #closeButton .mt_close { background: #095F8F; width: 50px; height: 50px; display: inline-block; text-align: center; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom #mt_drawer .card.card-block #closeButton .mt_close:hover { background: #063D5C; cursor: pointer; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom #mt_drawer .card.card-block #closeButton .mt_close i { color: #ffffff; font-size: 30px; top: 10px; position: relative; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom #mt_drawer .card.card-block #closeButton .mt_close i:hover { } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom .item { } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom .item:first-child { margin-right: 15px; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom .item a { } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom .item a img { } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom .item1 { } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom .item.item3 { margin-right: 15px; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom .item.item3 a { display: block; background-image: linear-gradient( 180deg, rgba(0,0,0,0.23) 0%, rgba(0,0,0,0.56) 100%), url("/Assets/HomePage/special_education.jpg"); background-repeat: no-repeat; height: 130px; width: 250px; background-size: cover; position: relative; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom .item.item3 a:hover { background: linear-gradient(180deg, rgba(0,0,0,0.30) 0%, #000000 100%), url("/Assets/HomePage/special_education.jpg"); background-size: cover; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom .item.item3 a .link-title { position: absolute; bottom: 15px; width: 100%; text-align: center; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom .item.item4 a { display: block; height: 130px; width: 250px; position: relative; background: /*linear-gradient( 180deg, rgba(0,0,0,0.23) 0%, rgba(0,0,0,0.56) 100%),*/ #0d4f75; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom .item.item4 a:hover { background: /*linear-gradient(180deg, rgba(0,0,0,0.30) 0%, #000000 100%), */#E13100; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom .item.item4 a .link-title { position: absolute; bottom: 15px; width: 100%; text-align: center; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom .item.item4 a .link-title .top { text-align: center; display: inline-block; margin-bottom: 30px; width: 100%; font-size: 28px; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom .item.item4 a .link-title .bottom { text-align: center; display: inline-block; width: 100% } #spotlightContent div.browse_products .content .bp_content .bp_right { padding-left: 24px; text-align: center; width: 100%; justify-content: center; display: flex; flex-direction: column; } #spotlightContent div.browse_products .content .bp_content .bp_right h3 { margin-bottom: 18px; } #spotlightContent div.browse_products .content .bp_content .bp_right .bp_btn { } #spotlightContent div.browse_products .content .bp_content .bp_right .bp_btn a.button { width: 100%; } #spotlightContent div.browse_products .content .bp_content .bp_right #sk_search { position: absolute; width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; z-index: 1; top: 0px; } #spotlightContent div.browse_products .content .bp_content .bp_right .bpr_content { position: relative; } #spotlightContent div.browse_products .content .bp_content .bp_right #sk_search .search-block { position: relative; background: #095F8F; font-size:16px color: #FFFFFF; padding: 22px; } #spotlightContent div.browse_products .content .bp_content .bp_right #sk_search .search-block .search_content { text-align: left; margin-top: 30px; } #spotlightContent div.browse_products .content .bp_content .bp_right #sk_search .search-block .form-control-inline { width: 100% !important; } #spotlightContent div.browse_products .content .bp_content .bp_right #sk_search .search-block .links_content { } #spotlightContent div.browse_products .content .bp_content .bp_right #sk_search .search-block .links_content a { color: #ffffff; font-size: 16px; margin-bottom: 14px; display: inline-block; } #spotlightContent div.browse_products .content .bp_content .bp_right #sk_search .search-block .links_content a:hover { } #spotlightContent div.browse_products .content .bp_content .bp_right #sk_search .search-block .search_btn_desktop { display: none; } #spotlightContent div.browse_products .content .bp_content .bp_right #sk_search .search-block .search_btn_mobile { display: block; } #spotlightContent div.browse_products .content .bp_content .bp_right #sk_search .search-block .search_btn_mobile i { color: #ffffff; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; font-size: 1.125rem; } #spotlightContent div.browse_products .content .bp_content .bp_right #sk_search .search-block .btn { background-color: transparent; border-radius: 0; padding: 0 0 0 10px; border: none; } #spotlightContent div.browse_products .content .bp_content .bp_right #sk_search .search-block .btn:hover {text-decoration:none;} #spotlightContent div.browse_products .content .bp_content .bp_right #sk_search .search-block #closeButton2 { position: absolute; top: 0; right: 0; } #spotlightContent div.browse_products .content .bp_content .bp_right #sk_search .search-block #closeButton2 .mt_close { background: #095F8F; width: 50px; height: 50px; display: inline-block; text-align: center; } #spotlightContent div.browse_products .content .bp_content .bp_right #sk_search .search-block #closeButton2 .mt_close:hover { background: #063D5C; cursor: pointer; } #spotlightContent div.browse_products .content .bp_content .bp_right #sk_search .search-block #closeButton2 .mt_close i { color: #ffffff; font-size: 30px; top: 10px; position: relative; } #spotlightContent div.browse_products .content .bp_content .bp_right #sk_search .search-block #closeButton2 .mt_close i:hover { } #spotlightContent .bx-wrapper { margin: 0 auto 60px; padding: 0 60px; } /* DIRECTION CONTROLS (NEXT / PREV) */ #spotlightContent .additional-products-carousel .carousel-header { text-align: center; margin-bottom: 18px; } #spotlightContent .additional-products-carousel .bx-wrapper { margin: 0 auto 60px; padding: 0 60px; width: 100%; max-width: 100% !important; } #spotlightContent .bx-wrapper .bx-prev { left: 0; background: #095F8F; background-image: none; padding: 14px; } #spotlightContent .bx-wrapper .bx-prev:before { content: "\e903"; font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ffffff; position: absolute; right: 18px; top: calc(50% - 7px); font-size: 1rem; transition: all .2s ease-in-out; } #spotlightContent .bx-wrapper .bx-next { right: 0; background: #095F8F; background-image: none; padding: 14px; } #spotlightContent .bx-wrapper .bx-next:before { content: "\e901"; font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ffffff; position: absolute; right: 15px; top: calc(50% - 7px); font-size: 1rem; transition: all .2s ease-in-out; } #spotlightContent .bx-wrapper .bx-prev:hover { background-position: center; background: #E13100; background-image: none; } #spotlightContent .bx-wrapper .bx-next:hover { background-position: center; background: #E13100; background-image: none; } #spotlightContent .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 52px; height: 52px; text-indent: 0; z-index: 9999; right: 0; } #spotlightContent .bx-wrapper .bx-viewport { box-shadow: none; left: 0; background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); border: none; } #spotlightContent .bx-wrapper .bx-viewport li .wbl { padding: 24px; border: 3px solid transparent; text-align: center; } #spotlightContent .bx-wrapper .bx-viewport li .wbl:hover { border: 3px solid #FF5E20; box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.21); cursor: pointer; } #spotlightContent .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 15px; position: relative; bottom: 0; width: auto; } #spotlightContent .bx-wrapper .bx-pager.bx-default-pager a { border: 2px solid #007CBF; background: white; text-indent: -9999px; display: block; width: 18px; height: 18px; margin: 0 11px; outline: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #spotlightContent .bx-wrapper .bx-pager.bx-default-pager a:hover, #spotlightContent .bx-wrapper .bx-pager.bx-default-pager a.active { border: 2px solid #007CBF; background: #007CBF; } #spotlightContent .additional-products-carousel .itemlink { font-size: 20px; font-weight: 600; color: #095f8f; line-height: 25px; padding-bottom: 6px; display: inline-block; } #spotlightContent .additional-products-carousel .labelw2m { font-size: 14px; font-weight: normal; color: #074e75; padding-bottom: 6px; display: block; } #spotlightContent .additional-products-carousel .price { font-size: 18px; font-weight: 600; color: #074e75; } #spotlightContent .additional-products-carousel img { margin: 0 auto; padding-bottom: 15px; } @media screen and (max-width:767px) { #spotlightContent.featured_sa .content { flex-direction: column; } #spotlightContent.featured_sa .content .fsa_left { max-width: 100%; } #spotlightContent.featured_sa .content .fsa_right { padding-left: 0; } #spotlightContent div.auth_spot .content .bottom .as_listing .itemListing { display: flex; flex-direction: column; } #spotlightContent div.auth_spot .content .bottom .as_listing .itemListing .tableNode:first-child { margin-right: 0; margin-bottom: 20px; } #spotlightContent div.auth_spot .content .bottom .as_listing .itemListing .tableNode { width: 100%; } #spotlightContent div.whats_new .content { flex-direction: column; } #spotlightContent div.browse_products .content .bp_content { flex-direction: column; } #spotlightContent div.browse_products .content .bp_content .bp_right { padding-left: 0; } #spotlightContent div.browse_products .content .bp_content .bp_left { padding-right: 0; border-right: none; } #spotlightContent div.browse_products .content .bp_content .bp_left .top { justify-content: center; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom { justify-content: center; margin-bottom: 24px; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom #bp_more .bottom { margin-bottom: 0; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom #mt_drawer { width: 515px; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom #mt_drawer .card.card-block .links_content td { } /*#spotlightContent .additional-products-carousel .bx-wrapper .bx-viewport li { width: 260px !important; }*/ #spotlightContent div.whats_new .wnc_container { flex-direction: column; } #spotlightContent div.whats_new .content { padding: 15px 30px; } #spotlightContent div.whats_new .bx-wrapper .bx-controls-direction a.bx-prev { left: -10px; } #spotlightContent div.whats_new .bx-wrapper .bx-controls-direction a.bx-next { right: -10px; } } @media screen and (max-width:540px) { #spotlightContent div.browse_products .content .bp_content .bp_left .top { justify-content: center; flex-direction: column; } #spotlightContent div.browse_products .content .bp_content .bp_left .top .item:first-child { margin-right: 0; margin: 0 auto 15px; } #spotlightContent div.browse_products .content .bp_content .bp_left .top .item { margin: 0 auto; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom { justify-content: center; margin-bottom: 24px; flex-direction: column; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom .item.item3 { margin-right: 0; margin: 0 auto 15px; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom .item { margin: 0 auto; } #spotlightContent div.browse_products .content .bp_content .bp_left .bottom #mt_drawer { width: 100%; top: 145px; } } @media screen and (max-width:479px) { #spotlightContent div.auth_spot .content .top .as_topleft img { margin: 0 auto 15px; } #spotlightContent div.auth_spot .content .top .as_topleft { margin-right: 0; } #spotlightContent div.auth_spot .content .top { display: flex; flex-direction: column; width: 100%; } #spotlightContent div.whats_new div.header > h2 .custom_select { display: inline-block; width: 275px; margin: 10px auto 0; } #spotlightContent div.browse_products .content { padding: 30px 15px; } /*#spotlightContent .additional-products-carousel .bx-wrapper .bx-viewport li { width: 260px !important; }*/ #spotlightContent .bx-wrapper .bx-viewport li .wbl { padding: 10px; border: 3px solid transparent; text-align: center; } #spotlightContent .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: 0; z-index: 9999; right: 0; } #spotlightContent .bx-wrapper .bx-prev:before { right: 9px; } #spotlightContent .bx-wrapper .bx-next:before { right: 9px; } #spotlightContent .additional-products-carousel .bx-wrapper { margin: 0 auto 60px; padding: 0 5px; } } @media screen and (max-width:379px) { #spotlightContent div.whats_new div.header > h2 .custom_select { display: inline-block; width: 240px; margin: 10px auto 0; } /*#spotlightContent .additional-products-carousel .bx-wrapper .bx-viewport li { width: 260px !important; margin: 0 1.75px; }*/ } /****************** END Home Page Content ******************/ /****************** Search Page Content ******************/ .hawk-guidedNavWrapper .hawk-navGroup { padding: 0 !important; margin-bottom: 1.25rem; } .hawk-guidedNavWrapper .hawk-navGroup ul { margin-bottom: .625em !important; padding: 0 !important; list-style-type: none; max-height: 203px; overflow-y: auto; } .hawk-guidedNavWrapper .hawk-groupHeading { margin-top: 0; margin-bottom: 0; font-size: 18px !important; color: #ffffff; font-weight: bold; line-height: normal; } .hawk-guidedNavWrapper .hawk-navGroupContent { padding: 15px; background-color: #f5f7f7; } .hawk-guidedNavWrapper .hawk-navGroup li a { font-size: 16px; color: #4c5a58; letter-spacing: 0; line-height: 1.15; } .hawk-guidedNavWrapper .hawk-navGroup li .hawk-selectionInner .hawk-facetCount { font-size: 16px!important; color: #4c5a58 !important; letter-spacing: 0 !important; line-height: 1.15 !important; } .hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleCheckbox, .hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleCheckbox:link, .hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleCheckbox:visited { position: relative; padding-left: 2.1875rem !important; padding-right: 10px; } .hawk-guidedNavWrapper .hawk-navGroup li:hover { border: none !important; background: none !important; color: #1d5987; } .hawk-guidedNavWrapper .hawk-navGroup li .hawk-styleCheckbox:before { content: ""; position: relative; left: 0; top: 0; width: 20px !important; height: 20px !important; color: #295C94; font-size: 14px; line-height: 6px; border: 2px solid #d7d7d7 !important; background-color: #ffffff !important; display: inline-block !important; vertical-align: middle !important; padding: 4px 1px !important; } .hawk-guidedNavWrapper .hawk-navGroup li.hawkFacet-active > .hawk-styleCheckbox:before { content: "\2714"; border: none !important; background: #166191 !important; color: #ffffff !important; width: 20px !important; height: 20px !important; display: inline-block !important; vertical-align: middle !important; padding: 6px 3px !important; } .hawk-guidedNavWrapper .hawk-navGroup li { margin: 0; padding: 0; width: 100%; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); border-bottom: none !important; position: relative; display: block; padding: 10px 0 !important; } .hawk-guidedNavWrapper .hawk-selectedHeading { position: relative; margin: 0 0 5px 0; padding: 0 !important; } .hawk-guidedNavWrapper .hawk-selectedGroup ul { border: none !important; margin-left: 15px !important; background: none !important; } .hawk-guidedNavWrapper .hawk-selectedGroup { display: none !important; } .hawk-guidedNavWrapper .hawk-selectedNav .hawk-groupHeading { display: none !important; } .hawk-guidedNavWrapper .hawk-selectedNav .hawk-navGroupContent { border-radius: 6px; padding: 0; background: none; } .hawk-guidedNavWrapper .hawk-selectedNav { background-color: #e2e2e2 !important; border-bottom: none !important; border-radius: 6px; } .hawk-guidedNavWrapper .hawk-clearSelected { padding: 0 !important; text-align: right; } .hawk-guidedNavWrapper .hawk-clearSelected a, .hawk-guidedNavWrapper .hawk-clearSelected a:link, .hawk-guidedNavWrapper .hawk-clearSelected a:visited { color: #454545 !important; font-size: 16px !important; font-weight: bold; text-decoration: none; display: inline-block; height: 38px; line-height: 38px; } .hawk-guidedNavWrapper .hawk-clearSelected a::after { content: "\e90c"; color: #454545; font-family: 'icomoon' !important; font-size: 24px; background: #c0c0c1; display: inline-block; vertical-align: middle; margin-left: 40px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; margin-top: -2px; font-weight: normal; padding: 0 5px; } .hawk-top-search-box { background: #0e7dc0; padding: 30px; display: flex; } .hawk-top-search-box input[type="text"].form-control-inline { height: 50px; flex-grow: 1; margin-right: 20px; } .hawk-top-search-box .btn { float: right; border: none; } .hawk-top-search-box .btn:active, .hawk-top-search-box .btn.active { box-shadow: none; } .hsearch #hawktoppager .hawk-listingControls { /*display: none;*/ } .hawk-listingControls .hawk-mainControls { padding: 0 !important; background: none !important; } .hawk-listingControls { position: relative; margin-bottom: 0; padding: 0 !important; background: #fff; border: none !important; } .hsearch #hawktoppager .hawk-listingControls .hawk-pagination .hawk-paging { display: none; } .hsearch #hawktoppager .hawk-sortWrapper .sortList { display: inline; float: left; padding: 0 !important; position: relative; color: #868f8e; } .hsearch #hawktoppager .hawk-sortWrapper .sortList:before { content: "\E902"; font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #d7d7d7; position: absolute; right: 15px; top: calc(65% - 7px); font-size: 1rem; transition: all .2s ease-in-out; } .hsearch #hawktoppager .hawk-sortWrapper .sortList select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 170px; } .hsearch #hawktoppager .hawk-sortWrapper .sortList label { display: block !important; color: #074E75 !important; font-size: 14px !important; margin: 0 0 5px 0 !important; } .hsearch #hawktoppager .hawk-searchrange { display: none; } .hawk-sortWrapper { display: inline; float: left; margin: 0 0 20px !important; } .hsearch #hawkbottompager .hawk-sortWrapper, .hsearch #hawkbottompager .hawk-viewNumber, .hsearch #hawkbottompager .total { display: none; } .hsearch #hawkbottompager .hawk-listingControls { border: none; } .hsearch #hawkbottompager .hawk-listingControls .hawk-mainControls { padding: 0 !important; background: none !important; } .hsearch .hawk-pagination { text-align: center; } .hsearch #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowLeft, .hsearch #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowRight { display: inline-block; min-width: 15px; /* padding: 0 4px; color: #fff;*/ text-decoration: none; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; background-color: #fff; color: #095f8f; font-weight: 600; } .hawk-listingControls .hawk-pagination .hawk-paging .hawk-pageActive { display: inline-block; min-width: 15px; background-color: none !important; z-index: 2; color: #ff5e20 !important; cursor: default !important; padding: 6px 12px !important; line-height: 1.42857143 !important; font-weight: 600 !important; background-color: transparent !important; } .hsearch #hawkbottompager .hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink, .hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink:link, .hawk-listingControls .hawk-pagination .hawk-paging a.hawk-pageLink:visited { display: inline-block; min-width: 15px; text-decoration: none; text-align: center; padding: 6px 12px !important; line-height: 1.42857143 !important; color: #095f8f !important; font-weight: 600 !important; } .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowDoubleRight:after, .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowDoubleLeft:before { color: #095f8f !important; } .hawk-listingControls .hawk-pagination .hawk-paging { float: none !important; border: 0; } .hawk-listingControls .hawk-pagination { float: none !important; width: auto; margin: 0 !important; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay { display: flex; padding: 0; } .hsearch #hawkitemlist .hawkSearchItem { margin-bottom: 0; padding: 0; } .hsearch #hawkitemlist .hawkSearchItem:after { content: ""; display: inline-block; height: 3px; width: 100%; background: #F5F7F7; margin: 24px 0; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .qty_label, .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .qtybox { display: none; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .thumbnailArea { width: /*120px*/ 20%; /*display: block;*/ margin: 0; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .detailsArea { flex-grow: 1; width: 47%; text-align: left; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .detailsArea div.itemName { margin-bottom: 5px; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .detailsArea div.itemName a { font-size: 20px; font-weight: bold; color: #095F8F; text-align: left; line-height: 25px; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .detailsArea div.itemName a:hover { color: #ff5e20; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .detailsArea .sku { display: none; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .actionsArea { width:/*200px*/33%; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .actionsArea .actions { display: block; text-align: right; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .actionsArea a.button { background-color: transparent; border-radius: 0; color: #ff5e20; font-weight: 500; font-size: 16px; padding: 0; text-align: center; display: inline-block; line-height: 1.125rem; cursor: pointer; white-space: nowrap; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .actionsArea a.button:hover { text-decoration: underline; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .actionsArea .price .label { display: none; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .actionsArea .price { font-weight: bold; font-size: 24px; line-height: 30px; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn .sb_hs_cm { } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn .sb_hs_cm img { max-width: 20px; display: inline-block; margin-right: 5px; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn .sb_hs_cm_text { /*font-size: 14px;*/ font-size: 11px; } .hsearch #hawkitemlist .hawkSearchItem .hs_list_prodstatus { background: #095F8F; font-size: 14px; font-weight: bold; color: #ffffff; text-align: center; border-radius: 4px; padding: 2px 6px; display: inline-block; margin-top: 5px; } /************************************* jc 12/12/19 These rules will address the hawk search results price, label and add to cart. The page looks like it now has an unclosed div. Uncomment these lines once that issue is fixed. *************************************/ .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn { margin-left: 20px; width: 30%; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn .actionsArea { display: flex; width: 100%; line-height: 14px; margin-bottom: 15px; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn .actionsArea div { display: flex; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn .actionsArea span.productForm { flex-grow: 1; font-weight: bold; font-size: 14px; white-space: nowrap; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn .actionsArea span.actions { } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn .actionsArea a.button { order: 1; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn .price { margin-bottom: 15px; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn .price .value { font-weight: 600; font-size: 20px; } /************************************* jc 12/12/19 These rules will address the hawk search results price, label and add to cart. The page looks like it now has an unclosed div. Uncomment these lines once that issue is fixed. *************************************/ .hsearch #hawkitemlist .hawkSearchContentItem.blog, .hsearch #hawkitemlist .hawkSearchContentItem.content { } .hsearch #hawkitemlist .hawkSearchContentItem.blog .productItemDisplay, .hsearch #hawkitemlist .hawkSearchContentItem.content .productItemDisplay { } .hsearch #hawkitemlist .hawkSearchContentItem.blog .productItemDisplay .itemName, .hsearch #hawkitemlist .hawkSearchContentItem.content .productItemDisplay .itemName { width: 40%; margin-right: 20px; } .hsearch #hawkitemlist .hawkSearchContentItem.blog .productItemDisplay .detailsArea, .hsearch #hawkitemlist .hawkSearchContentItem.content .productItemDisplay .detailsArea { } .hsearch .hawk-searchView .hawk-viewOptionOn { position: relative; display: inline-block; margin-bottom: -5px; border-bottom: 5px solid #095F8F; background: #095F8F; color: #fff; } .hsearch .hawk-searchView .hawk-viewOptionOn:after { border-top-color: #095F8F !important; } .hsearch .hawk-searchView { display: flex; /*justify-content: space-between;*/ border-bottom: 5px solid #f6f8f8 !important; margin-bottom: 30px; } .hsearch .hawk-searchView .hawk-viewOption { width: 32.75%; text-align: center; margin-right: 5px; } .hsearch .hawk-searchView .hawk-viewOption:last-child { margin-right: 0; } .hsearch .hawk-searchView .hawk-viewOptionOn .hawk-viewOptionInner { color: #ffffff; } .hsearch .hawk-searchView .hawk-viewOptionOff { border-color: #F5F7F7; background: #F5F7F7; } .hsearch .hawk-searchView .hawk-viewOptionOff .hawk-viewOptionInner { color: #095F8F !important; } .hsearch .hawk-searchView .hawk-viewOption .hawk-viewOptionInner, .hsearch .hawk-searchView .hawk-viewOption .hawk-viewOptionInner:visited { display: inline-block; padding: 14px 10px !important; color: inherit; font-size: 15px; font-weight: bold; text-decoration: none; } @media screen and (max-width:1099px) { .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn .actionsArea span.productForm { white-space: normal; } } @media screen and (max-width:767px) { #hawktitle h1 { line-height: 2.625rem; margin: 2.1875rem 0 1.25rem; } #hawktitle {padding-left: 30px;padding-top: 30px} } @media screen and (max-width:599px) { .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn .actionsArea { flex-direction: column; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn .actionsArea a.button { text-indent: -3px; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn .actionsArea span.productForm { margin-bottom: 5px; } } @media screen and (max-width:479px) { .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay { display: flex; padding: 0; flex-direction: column; align-items: center; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .actionsArea .actions { display: block; text-align: center; margin: 0 auto; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .thumbnailArea { width: auto; /* display: block; */ margin: 0 0 20px 0; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .detailsArea { width: auto; text-align: center; margin: 0 0 20px 0; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .actionsArea { width: auto; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .actionsArea .price { margin-bottom: 10px; } .hawk-top-search-box { padding: 30px 15px; } .hawk-top-search-box input[type="text"].form-control-inline { margin-right: 10px; } .hawk-top-search-box .btn { padding: .9375rem .75rem; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn { margin-left: 0; width: 100%; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn .price { text-align: center; margin-bottom: 10px; } .hsearch #hawkitemlist .hawkSearchItem .productItemDisplay .lastColumn .actionsArea span.productForm { text-align: center; } .hsearch #hawkitemlist .hawkSearchContentItem.blog .productItemDisplay .itemName, .hsearch #hawkitemlist .hawkSearchContentItem.content .productItemDisplay .itemName { width: 100%; margin: 0 0 10px 0; text-align: left; } .hsearch #hawkitemlist .hawkSearchContentItem.blog .productItemDisplay .detailsArea, .hsearch #hawkitemlist .hawkSearchContentItem.content .productItemDisplay .detailsArea { text-align: left; } } /****************** END Search Page Content ******************/ /*VERTICAL MENU*/ .browseBy > a { font-style: italic; font-weight: normal !important; color: #fa6830 } .tan .accordion { } .tan .accordion, .tan .accordion ul, .tan .accordion li { list-style: none; border: 0; outline: none; margin: 0; padding: 0; list-style-image: url(data:0); } .tan .accordion a { /*font-size: 14px;*/ padding: 10px; text-decoration: none; display: block; font-weight: bold; color: #fa6830 } .tan .accordion ul a { /*font-size: 12px;*/ padding: 10px 0 0 0px; } .tan .accordion a.dcjq-parent, .tan .accordion a.dcjq-parent:hover {/*padding: 10px 0 0 0;*/ } .tan .accordion a.dcjq-parent { position: relative; background: url(images/accor_closed.svg) no-repeat right 12px; padding: 8px 0; display: block; font-size: 14px; font-weight: bold; color: #095F8F; } .tan .accordion .lastLine { padding-bottom: 8px; } .tan .accordion li.dcjq-parent-li { border-bottom: 1px solid #D3D3D3; } .tan .accordion li.dcjq-parent-li.browseBy { border-bottom: none; /*padding-top: 10px;*/ padding-top: 0; } .tan .accordion li.dcjq-parent-li ul li.dcjq-parent-li { border-bottom: none; } .tan .accordion li.dcjq-parent-li ul li.dcjq-parent-li a.dcjq-parent { padding: 10px 0 0 0px; font-weight: bold; } .tan .accordion li.dcjq-parent-li ul li a { font-weight: normal; } .tan .accordion a.dcjq-parent.active { position: relative; background: url(images/accor_open.svg) no-repeat right 12px; display: block; } .tan .accordion ul a:hover { font-style: normal; /*color: #777777;*/ color: #FA6830; text-decoration: underline } .tan .accordion a:active { } .tan.demo-container { margin-top: 100px;/* padding:0px !important;*/ padding: 15px 10px !important; /*font-family:Arial;*/ /*font-size:14px;*/ /*padding: 20px;*/ /*float: left;*/ /*width: 160px;*/ /*width: 170px*/ ; background: #f5f7f7; } .dcjq-count { float: right; } .dot { font-weight: bold; font-size: 150%; position: relative; bottom: 0.1em; right: 0.1em; } .MenuBorder { clear: both; padding-top: 5px; } .lastLine > a { } .accordion > li > ul { display: none; list-style: none; } .grey { /*color: #777777;*/ color: #a9a9a9; } /*END VERTICAL MENU*/ /****************** Contributor/Author Page Content ******************/ .ci_bio { display: flex; } .ci_bio .ci_bio_img { min-width: 150px; margin-right: 30px; } .ci_bio .ci_bio_text { } #contributor hr.contrib_divider { border-top: 3px solid #f5f7f7; margin: 34px 0; } #contributor h2.contribhlight { margin-bottom: 34px; } #categoryPage .productItemDisplay .actionsArea.actionsArea_contrib table { width: 100%; } #categoryPage .productItemDisplay .actionsArea.actionsArea_contrib table .actionsArea { width: 100%; display: inline-block; } #categoryPage .productItemDisplay .actionsArea.actionsArea_contrib table .actionsArea .price { text-align: left; } #contributor .productItemDisplay .detailsArea .itemName { margin-bottom: 5px; } #contributor .afpc_typea2c { display: flex; text-align: left; width: 100%; flex-direction: row; align-items: baseline; justify-content: space-between; margin-bottom: 15px; } #contributor .afpc_type { text-align: left; width: 50%; font-weight: bold; font-size: 14px; white-space: nowrap; } #contributor .afpc_a2c { text-align: right; width: 50%; } #contributor .ci_bio .ci_bio_img { min-width: 120px; margin-right: 30px; } #contributor .productItemDisplay .detailsArea { padding: 0 10px 0 0; } #contributor .productItemDisplay .lastColumn { margin-left: 20px; width: 30%; } #contributor .productItemDisplay .lastColumn .price { font-weight: 600; font-size: 20px; margin-bottom: 15px; } #contributor .productItemDisplay .lastColumn .actionsArea.actionsArea_contrib { display: flex; width: 100%; line-height: 14px; margin-bottom: 15px; } #contributor .productItemDisplay .lastColumn .cpl_companion { } #contributor .productItemDisplay .lastColumn .cpl_companion img { max-width: 20px; display: inline-block; margin-right: 5px; } #contributor .productItemDisplay .lastColumn .cpl_companion .cpl_companion_text { font-size: 14px; } #contributor .productItemDisplay .thumbnail .status_label span.pp_label { margin-left: 11px; } @media screen and (max-width:1099px) { #contributor .afpc_type { white-space: normal; } } @media screen and (max-width:599px) { #contributor .afpc_typea2c { flex-direction: column; } #contributor .afpc_a2c { text-align: left; } #contributor .afpc_type { margin-bottom: 5px; } } @media screen and (max-width:479px) { #contributor .afpc_a2c { text-align: center; width: 100%; } #contributor .afpc_type { text-align: center; width: 100%; } #contributor .productItemDisplay .lastColumn .price { text-align: center; } } /****************** END Contributor/Author Page Content ******************/ /****************** Carousel - home and product detail pages ******************/ .w2m_carousel { } .w2m_carousel .carousel-header { text-align: center; margin-bottom: 18px; } .w2m_carousel .carousel-header h2 { } .w2m_carousel .bx-wrapper { width: 100%; max-width: 100% !important; } .w2m_carousel .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: 0; background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .w2m_carousel .bx-wrapper .bx-viewport ul { margin: 0; padding: 0; } .w2m_carousel .bx-wrapper .bx-viewport ul li { text-align: center; margin: 0 28px !important; width: 265px !important; } .w2m_carousel .bx-wrapper .bx-viewport ul li .apc_content { padding: 24px; border: 3px solid transparent; width: 256px; display: block; margin: 0 auto; } .w2m_carousel .bx-wrapper .bx-viewport ul li .apc_content:hover { background: #FFFFFF; border: 3px solid #FF5E20; box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.21); cursor: pointer; } .w2m_carousel .bx-wrapper .bx-viewport ul li .apc_content .ac_img { margin-bottom: 15px; } .w2m_carousel .bx-wrapper .bx-viewport ul li .apc_content .ac_img img { margin: 0 auto; } .w2m_carousel .bx-wrapper .bx-viewport ul li .apc_content .ac_link { margin-bottom: 6px; } .w2m_carousel .bx-wrapper .bx-viewport ul li .apc_content .ac_link a { font-size: 20px; font-weight: 600; color: #095f8f; line-height: 25px; } .w2m_carousel .bx-wrapper .bx-viewport ul li .apc_content .ac_category { margin-bottom: 6px; font-size: 14px; font-weight: normal; color: #074e75; } .w2m_carousel .bx-wrapper .bx-viewport ul li .apc_content .ac_price { font-size: 18px; font-weight: 600; color: #074e75; } .w2m_carousel .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 52px; height: 52px; text-indent: 0; z-index: 9999; background: #095F8F; } .w2m_carousel .bx-wrapper .bx-controls-direction a:hover { background: #E13100; } .w2m_carousel .bx-wrapper .bx-next { right: -40px; background: none; } .w2m_carousel .bx-wrapper .bx-next:before { font-family: FontAwesome; content: "\f105"; color: #ffffff; font-size: 42px; text-align: center; width: 100%; display: inline-block; } .w2m_carousel .bx-wrapper .bx-prev { left: -40px; background: none; } .w2m_carousel .bx-wrapper .bx-prev:before { font-family: FontAwesome; content: "\f104"; color: #ffffff; font-size: 42px; text-align: center; width: 100%; display: inline-block; } .w2m_carousel .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; } .w2m_carousel .bx-wrapper .bx-pager.bx-default-pager a { background: #ffffff; text-indent: -9999px; display: block; width: 18px; height: 18px; margin: 0 11px; outline: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #007CBF; } .w2m_carousel .bx-wrapper .bx-pager.bx-default-pager a:hover, .w2m_carousel .bx-wrapper .bx-pager.bx-default-pager a.active { background: #007CBF; border: 2px solid #007CBF; } @media screen and (max-width:1099px) { .w2m_carousel .bx-wrapper .bx-viewport ul li { text-align: center; margin: 0 20px !important; } .w2m_carousel .bx-wrapper .bx-next { right: 0; background: none; } .w2m_carousel .bx-wrapper .bx-prev { left: 0; background: none; } } /****************** END Carousel - home and product detail pages ******************/ /*styles for plus/minus coupon collapse */ .c_header.collapsed:before { content: "+"; font-size: 24px; font-weight: normal; position: relative; top: 3px; } .c_header:before { content: "-"; font-size: 24px; font-weight: normal; } /**************menu*************/ .dropdown span.arrow { font-size: 0; } @media screen and (min-width:1099px) { .dropdown span.arrow:after { content: ""; width: 8px; height: 8px; display: block; font-size: 11px; border-right: .125rem solid #095f8f; border-bottom: .125rem solid #095f8f; border-color: #095f8f; transform: rotate(45deg); position: absolute; right: 0; top: 21px; } #storeHeader .header_menubottom .open>.dropdown-menu { display: block; -webkit-transform: none; transform: none; visibility: visible; height: auto; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-51%, -5%, 0); opacity: 1; } #storeHeader .header_menubottom .dropdown-menu { position: absolute; top: 95%; left: 0; z-index: 1000; float: left; min-width: 160px; margin: 0; list-style: none; font-size: 14px; text-align: left; background-clip: padding-box; border: none; background-color: #fff; padding: 10px 15px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .16); transition: left .15s ease-in-out; width: 230px; visibility: hidden; z-index: 1; transition: opacity .3s ease-in-out, transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out; display: block; background-color: #fff; position: absolute; inset: 3.4375rem auto auto 50%; min-width: 17.75rem; padding: 1.875rem; -webkit-transform: translate3d(-50%, .625rem, 0); transform: translate3d(-50%, .625rem, 0); opacity: 0; box-shadow: 0 .625rem 1.25rem rgba(0, 0, 0, .2); } #storeHeader .header_menubottom .dropdown-menu.last { left: unset; right: 0%; transform: translate3d(0%, -5%, 0); } #storeHeader .header_menubottom .dropdown-menu.last li a { padding-left: 0 !important; padding-right: 0 !important; } span.dropdown-toggle.nl-heading { padding-right: 16px !important; } #storeHeader .header_menubottom .dropdown-menu.last { left: unset; right: 5%; transform: translate3d(0%, .625rem, 0); } #storeHeader .header_menubottom .open>.dropdown-menu.last { left: unset; right: 0 !important; transform: translate3d(0%, -5%, 0); } } @media(min-width:1099px) { .back-button{ display:none!important; } } @media (max-width: 1099px) { #sk_search .icon-search {display:none !important} .dropdown-toggle.nl-heading { pointer-events: auto !important; cursor: pointer !important; } #spotlightContent .bx-wrapper .bx-controls-direction a { z-index: 1 !important; } .dropdown span.arrow:after { content: ""; width: 10px; height: 10px; display: block; font-size: 15px; border-right: .125rem solid #fff; border-bottom: .125rem solid #fff; border-color: #ffffff; transform: rotate(316deg); } #outerPageContainer #header #storeHeader { height: 71.79px !important; top: 0px !important; background: #fff !important; position: fixed !important; } body .dropdown-menu { background-color: #074e75; position: relative !important; } span.dropdown-toggle.nl-heading { width: 100%; display: block; } .dropdown span.arrow { font-size: 0; position: relative; width: 11px; height: 12px; position: absolute; right: 0; display: block; top: 10px; } .dropdown-toggle .arrow { display: inline-block; margin-left: 6px; transition: transform 0.3s ease; } .dropdown-toggle.active .arrow { transform: rotate(180deg); } div#header_menu ul.nav.navbar-nav li.dropdown.hidden-xs { display: block !important; margin-right:0px!important; padding: 7px 0; } div#header_menu ul.nav.navbar-nav li.visible-xs { display: none !important; } #storeHeader .header_menubottom .dropdown-menu { float: unset !important; margin-bottom: 20px; box-shadow: unset !important; padding: 0;padding-left:22px !important; width: 100%; } #storeHeader .header_menubottom .navbar-default .navbar-nav > li .nl-heading, #storeHeader .header_menubottom #header_menu.mobile_menu #header_resource_ql .navbar-nav > li:last-child a { color: #fff; padding: .4375em 0 .5em; font-size: 1rem; font-weight: 700; -webkit-margin-before: 0;background: none !important; } #storeHeader .header_menubottom .dropdown-menu.last { left: auto !important; right: auto !important; } span.dropdown-toggle.nl-heading:hover { color: #79cfff !important; } span.search_btn_mobile i.icon-search { display: block !important; margin-top: 0; } #storeHeader .header_menubottom #header_menu.mobile_menu #header_resource_ql .navbar-nav { text-align: left; margin-top: 27px; } #storeHeader .header_menubottom .dropdown-menu { float: unset !important; margin-bottom: 20px; box-shadow: unset !important; padding: 0; padding-left: 22px !important; width: 97%; overflow-y: auto; position: fixed !important; inset: 5.0625rem 0 0 0; transition: opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: opacity .3s ease-in-out, transform .3s ease-in-out, visibility .3s ease-in-out; transition: opacity .3s ease-in-out, transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out; padding: 2.5rem 2.25rem; background-color: #007cbf; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: hidden; z-index: 1; height: 100%; top: 77px; display: block !important; } #storeHeader .header_menubottom ul.dropdown-menu.show { -webkit-transform: none; transform: none; visibility: visible; } li.back-button:before { content: "\E903"; font-size: 12px; font-family: icomoon !important; color: #ffffff; position: relative; left: -.1875rem; margin-right: 10px; } li.back-button { color: #fff; font-size: 16px; padding: 0; padding-left: 0 !important; padding-bottom: 33px !important; } #storeHeader .header_menubottom #header_menu span.mobile_close { z-index: 999; } #storeHeader .header_menubottom #header_menu.mobile_menu { padding: 20px; padding-top: 0; border-top: 72px solid #ffffff; overflow: visible; } #storeHeader .header_menubottom #header_menu span.mobile_close .icon-close { color: #007cbf; font-size: 30px; position: absolute; top: -51px; right: -5px; z-index: 999; } #storeHeader .logo { z-index: 999; } } /**************menu-end****/