/* Minification failed. Returning unminified contents. (38773,20): run-time error CSS1035: Expected colon, found ';' */ /* * jQuery FlexSlider v2.6.4 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * */ /* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/ @font-face { font-family: 'flexslider-icon'; src: url(/Themes/HollandApoBE/Content/css/fonts/flexslider-icon.eot); src: url(/Themes/HollandApoBE/Content/css/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(/Themes/HollandApoBE/Content/css/fonts/flexslider-icon.woff) format('woff'), url(/Themes/HollandApoBE/Content/css/fonts/flexslider-icon.ttf) format('truetype'), url(/Themes/HollandApoBE/Content/css/fonts/flexslider-icon.svg#flexslider-icon) format('svg'); font-weight: normal; font-style: normal; } /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; -moz-user-select: none; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f002'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /* * Core Owl Carousel CSS File * v1.24 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; z-index: 5; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ border:1px solid #fff; float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; } .owl-theme .owl-controls .owl-page span { display: inline-block; width:10px; height:10px; margin: 0 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: rgba(255, 255, 255, 0); border: 1px solid #fff; } .owl-page { display: inline-block; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background:#fff; filter: Alpha(Opacity=100); opacity: 1; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url(/Themes/HollandApoBE/Content/fonts/fontawesome-webfont.eot?v=4.3.0); src: url(/Themes/HollandApoBE/Content/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'), url(/Themes/HollandApoBE/Content/fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'), url(/Themes/HollandApoBE/Content/fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'), url(/Themes/HollandApoBE/Content/fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'), url(/Themes/HollandApoBE/Content/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content:"\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-genderless:before, .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } /*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } 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 { padding: 0; border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url(/Themes/HollandApoBE/Content/fonts/glyphicons-halflings-regular.eot); src: url(/Themes/HollandApoBE/Content/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(/Themes/HollandApoBE/Content/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(/Themes/HollandApoBE/Content/fonts/glyphicons-halflings-regular.woff) format('woff'), url(/Themes/HollandApoBE/Content/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(/Themes/HollandApoBE/Content/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: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "work_sansregular", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color:#ef9f05; text-decoration:none; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; 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; } .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; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { padding: .2em; background-color: #fcf8e3; } .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: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #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; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 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: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; 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: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .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: '\00A0 \2014'; } 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; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; 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 { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -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-right: 15px; padding-left: 15px; } .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: 768px) { .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; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .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 { min-height: .01%; overflow-x: auto; } @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 { min-width: 0; padding: 0; margin: 0; border: 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, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .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"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, input[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-top: 4px \9; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; 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 { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 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; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { 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; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .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; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -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; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -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; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .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 { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.333333px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .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 { background-image: none; outline: 0; -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; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .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: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .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: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625; } .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:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .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:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .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:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .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 { font-weight: normal; color: #337ab7; 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-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; 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); } .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 { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .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; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .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, .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-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-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-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 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-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-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-right: 0; padding-left: 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-top-right-radius: 0; border-bottom-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-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 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; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #337ab7; } .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; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .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: 768px) { .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: #337ab7; } .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 { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .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: 768px) { .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-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; 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-right: 0; padding-left: 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: 768px) { .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: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; 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: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -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); } @media (min-width: 768px) { .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: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-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: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { 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 { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .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 { color: #fff; background-color: #080808; } @media (max-width: 767px) { .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 { padding: 0 5px; color: #ccc; content: "/\00a0"; } .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; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 3; 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; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .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; cursor: not-allowed; background-color: #fff; } .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: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; 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: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding-top: 30px; padding-bottom: 30px; 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-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333; } .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 { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .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; } } @-o-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 { height: 20px; margin-bottom: 20px; overflow: hidden; 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: #337ab7; -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); -webkit-background-size: 40px 40px; 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 { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .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-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777; cursor: not-allowed; background-color: #eee; } .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: #337ab7; border-color: #337ab7; } .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, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .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-left-radius: 3px; border-top-right-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-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-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-right-radius: 3px; border-bottom-left-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 { margin-bottom: 0; border: 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: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 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; filter: alpha(opacity=20); opacity: .2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .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; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .modal-header { min-height: 16.42857143px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .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-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .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-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #248ece; 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: #248ece; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; 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: #55a5dd; } .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-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; 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); line-break: auto; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; 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 { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; 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 { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -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; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); filter: alpha(opacity=50); opacity: .5; } .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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; 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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; } .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; margin-top: -10px; } .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; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; 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 { right: 20%; left: 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 { display: table; content: " "; } .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 { clear: both; } .center-block { display: block; margin-right: auto; margin-left: 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: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } 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 !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { 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 !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*# sourceMappingURL=bootstrap.css.map */ .disabled-button { float: left; border: none; background-color: #696969; padding: 0 15px; text-align: center; color: #fff; text-transform: uppercase; line-height: 36px; } .disabled-button:hover { background-color: #696969; } /*! jQuery UI - v1.10.3 - 2013-12-16 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(/Content/jquery-ui-themes/smoothness/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(/Content/jquery-ui-themes/smoothness/images/animated-overlay.gif);height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(/Content/jquery-ui-themes/smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(/Content/jquery-ui-themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(/Content/jquery-ui-themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(/Content/jquery-ui-themes/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(/Content/jquery-ui-themes/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(/Content/jquery-ui-themes/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(/Content/jquery-ui-themes/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/Content/jquery-ui-themes/smoothness/images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/Content/jquery-ui-themes/smoothness/images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(/Content/jquery-ui-themes/smoothness/images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(/Content/jquery-ui-themes/smoothness/images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(/Content/jquery-ui-themes/smoothness/images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(/Content/jquery-ui-themes/smoothness/images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/Content/jquery-ui-themes/smoothness/images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(/Content/jquery-ui-themes/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(/Content/jquery-ui-themes/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} @font-face { font-family: 'work_sansregular'; src: url(/Themes/HollandApoBE/Content/fonts/worksans-regular-webfont.eot); src: url(/Themes/HollandApoBE/Content/fonts/worksans-regular-webfont.eot?#iefix) format('embedded-opentype'), url(/Themes/HollandApoBE/Content/fonts/worksans-regular-webfont.woff) format('woff'), url(/Themes/HollandApoBE/Content/fonts/worksans-regular-webfont.ttf) format('truetype'), url(/Themes/HollandApoBE/Content/fonts/worksans-regular-webfont.svg#work_sansregular) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'work_sansmedium'; src: url(/Themes/HollandApoBE/Content/fonts/worksans-medium-webfont.eot); src: url(/Themes/HollandApoBE/Content/fonts/worksans-medium-webfont.eot?#iefix) format('embedded-opentype'), url(/Themes/HollandApoBE/Content/fonts/worksans-medium-webfont.woff) format('woff'), url(/Themes/HollandApoBE/Content/fonts/worksans-medium-webfont.ttf) format('truetype'), url(/Themes/HollandApoBE/Content/fonts/worksans-medium-webfont.svg#work_sansmedium) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'work_sansbold'; src: url(/Themes/HollandApoBE/Content/fonts/worksans-bold-webfont.eot); src: url(/Themes/HollandApoBE/Content/fonts/worksans-bold-webfont.eot?#iefix) format('embedded-opentype'), url(/Themes/HollandApoBE/Content/fonts/worksans-bold-webfont.woff) format('woff'), url(/Themes/HollandApoBE/Content/fonts/worksans-bold-webfont.ttf) format('truetype'), url(/Themes/HollandApoBE/Content/fonts/worksans-bold-webfont.svg#work_sansbold) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'work_sanssemibold'; src: url(/Themes/HollandApoBE/Content/fonts/worksans-semibold-webfont.eot); src: url(/Themes/HollandApoBE/Content/fonts/worksans-semibold-webfont.eot?#iefix) format('embedded-opentype'), url(/Themes/HollandApoBE/Content/fonts/worksans-semibold-webfont.woff) format('woff'), url(/Themes/HollandApoBE/Content/fonts/worksans-semibold-webfont.ttf) format('truetype'), url(/Themes/HollandApoBE/Content/fonts/worksans-semibold-webfont.svg#work_sanssemibold) format('svg'); font-weight: normal; font-style: normal; } /*********** CSS RESET **********/ a { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } a:hover { color: #55a5dd; text-decoration: none; } * { margin: 0; outline: none; padding: 0; text-decoration: none; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { margin: 0 !important; -webkit-text-size-adjust: none; } ol, ul { list-style: none; } a img { border: none; max-width: 100%; } img { max-width: 100%; } a:active { outline: none; } input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { margin: 0; border: 0; padding: 0; } input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], input[type="password"], textarea { border-radius: 0; } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 1000px #fff; } script { } .clear { clear: both; } .group:before, .group:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .group:after { clear: both; } .group { zoom: 1; } .page-wrapper { overflow: hidden; } .colorRed { color: #ec0b1a; } .greenColor { color: #61a017; } .custom-message-error { font-size: 15px; color: #e4434b; } /*********** GLOBAL STYLES **********/ /*start change*/ .product-item .buttons input.button-2.add-to-cart-button, .btnaddprescription { background-color: #67a612; color: #ffffff; font-size: 15px; height: 43px; padding: 0 24px; width: 100%; white-space: inherit; } .product-item .buttons input.button-2.add-to-cart-button:hover, .btnaddprescription:hover { background-color: #55a5dd; } .rgt-col .cart th.sku { max-width: 60px; -webkit-white-space: inherit; -moz-white-space: inherit; -o-white-space: inherit; white-space: inherit; -webkit-word-wrap: break-word; -moz-word-wrap: break-word; -o-word-wrap: break-word; word-wrap: break-word; } .product-grid.featured-product-grid .title { margin-bottom: 30px; } /*End change*/ body { max-width: 100%; overflow-x: hidden; background-color: #fff; font: normal 16px work_sansregular; color: #737373; } h1, h2, h3, h4, h5, h6 { color: #444; margin: 0; } h1 { font-size: 34px; } h2 { font-size: 26px; font-weight: 600; color: #171717; } h3 { font-size: 20px; font-weight: 600; color: #171717; } h4 { font-size: 18px; } h5 { font-size: 15px; font-weight: 600; color: #171717; } h6 { font-size: 13px; } .blue { color: #55a5dd; } a { color: inherit; cursor: pointer; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } a img { opacity: 0.99; /*firefox scale bug fix*/ } table { width: 100%; border-collapse: collapse; } input[type="text"], input[type="password"], textarea, select { height: 36px; /*safari padding fix*/ border: 1px solid #bcbec0; padding: 8px; vertical-align: top; } input, textarea, select { font-size: 16px; font-family: "work_sansregular"; color: #333; } textarea { min-height: 100px; /*replaced by 150px*/ } select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background: #ffffff url(/Themes/HollandApoBE/Content/images/dropdown-arrow.png) no-repeat scroll right center; height: 32px; min-width: 50px; padding-bottom: 6px; padding-left: 6px; padding-right: 17px !important; padding-top: 6px; } select::-ms-expand { /* for IE 11 */ display: none; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color: #ccc !important; color: #737373; } input[type="checkbox"], input[type="radio"], input[type="checkbox"] + *, input[type="radio"] + * { vertical-align: middle; } input[type="button"], input[type="submit"], button, .button-1, .button-2 { cursor: pointer; } label, label + * { vertical-align: middle; } .master-wrapper-content { position: relative; z-index: 0; /*width: 90%;*/ margin: 0 auto; } .master-column-wrapper { position: relative; z-index: 0; } .master-column-wrapper:after { content: ""; display: block; clear: both; } .center-1 { margin: 30px 0 20px; /* bhanu-replace by 0 0 20px*/ } .center-2, .side-2 { margin: 0 0 30px; } .side-2:after { content: ""; display: block; clear: both; } .header.sticky { background: #ffffff none repeat scroll 0 0; left: 0; position: fixed; top: 0; width: 100%; z-index: 9; } .header.sticky .header-lower { padding: 10px 0; } .header.sticky .header-menu { padding: 0px 0 0 0; } .page { min-height: 200px; /*text-align: center;*/ } .page-title { margin: 0 0 25px; border-bottom: 1px solid #bcbec0; padding: 0; } .page .page-title { margin: 0 0 13px; } .page-title h1 { margin-bottom: 0px; color: #3365a8; font-family: 'work_sanssemibold'; font-size: 30px; padding-bottom: 0px; } .subtitle1 { color: #444; font-weight: 600 !important; font-size: 20px; font-family: "work_sansregular"; margin-bottom: 10px; } .category-page h1 { padding-bottom: 15px; } .page-title h3 { /*font: 600 21px/20px Raleway;*/ padding-bottom: 11px; } .page:after, .page-title:after, .page-body:after { content: ""; display: block; clear: both; } .center-1 .page-title, .center-1 .title { /*text-align: center;*/ } .buttons { margin: 0 0 30px; } .product-grid .equalHeight1 .buttons { bottom: 36px; position: absolute; width: 96%; } .link-rss { display: none; width: 24px; height: 24px; background: url(/Themes/HollandApoBE/Content/images/rss.png) center no-repeat; font-size: 0 !important; } .category-description ul, .manufacturer-description ul, .full-description ul, .topic-block ul, .topic-page ul, .post-body ul { margin: 0 0 15px 0; padding: 0 0 0 26px; list-style: disc; color: #333; } .category-description ol, .manufacturer-description ol, .full-description ol, .topic-block ol, .topic-page ol, .post-body ol { margin: 0 0 15px 0; padding: 0 0 0 26px; list-style: decimal; } .category-description p, .manufacturer-description p, .full-description p, .topic-block p, .topic-page p, .post-body p, .news-body p { margin: 10px 0; /*text-align: justify;*/ } .full-description h3{ margin-bottom:6px; } .flyout-cart { display: none; } .header-links li.cartlink a, .header-links li.cartlink span { color: #248ece; } .header-info li.share { display: none; } .header-info .share i { color: #bdbec0; } .social-networks { display: none; cursor: pointer; position: absolute; top: 34px; background-color: #fff; width: auto !important; left: 5px; } .social-links.social-networks { padding: 0; } li.share { cursor: pointer; } .social-networks li a { display: inline-block !important; } .social-links.social-networks li { padding: 2px; } .header-info .social-links.social-networks ul li:first-child { padding: 2px 2px; } .social-links.social-networks ul { float: left; margin: 0; } .header-info .social-links.social-networks ul li i { margin-right: 0; } /*********** GLOBAL FORMS ***********/ .fieldset, .section { position: relative; margin: 0 0 20px; } .fieldset .title, .section .title { margin: 0 0 15px; padding: 0 10px; font-size: 20px; color: #55a5dd; } .fieldset .title strong, .section .title strong { font-weight: normal; } .form-fields { position: relative; border-top: 1px solid #dcdbdb; background-color: #f0f0f0; padding: 30px 15px; } .inputs { position: relative; margin: 0 0 15px; text-align: center; white-space: nowrap; /*fix for 'required' elements*/ font-size: 0; } .inputs:after { content: ""; display: block; clear: both; } .inputs label { display: block; width: 100%; margin: 0 0 10px; text-align: center; font-size: 15px; /*reset zeroing*/ font-weight: normal; } .inputs input[type="text"], .inputs input[type="password"], .inputs select, .inputs textarea { width: 400px; max-width: 100%; background-color: #fff; } .inputs.custom-attributes { white-space: normal; } .inputs .option-list { display: inline-block; max-width: 95%; vertical-align: middle; } .inputs .option-list li { display: inline-block; margin: 5px; border: 1px solid #bcbec0; background-color: #fff; padding: 8px 10px; } .inputs .option-list label { display: inline-block; width: auto !important; margin: 0 0 0 5px; } .inputs.reversed { margin: 0 0 20px; text-align: center; } .required { margin: 0 0px 0 5px; /*siblings offset*/ vertical-align: baseline; font-size: 20px; font-weight: normal; color: #e4434b; } .message-error, .field-validation-error, .username-not-available-status, .poll-vote-error, .password-error { display: block; text-align: left; font-size: 13px; color: #e4434b; margin-top: 5px; clear: both; padding-top: 5px; } .field-validation-valid, .username-available-status { display: none; } .edit-address .field-validation-error { text-align: left; } .captcha-box { text-align: center; line-height: 0; /*firefox line-height bug fix*/ } .captcha-box > div { display: inline-block; max-width: 100%; } .captcha-box input { height: auto; } /*********** GLOBAL TABLES ***********/ .table-wrapper { overflow: hidden; overflow-x: scroll; } .products .table-wrapper { overflow-x: inherit; } .cart th, .data-table th, .forum-table th { border-width: 1px 1px 0; border-style: solid; border-color: #bcbec0; background-color: #f6f6f6; padding: 10px; white-space: nowrap; font-weight: normal; } .cart td, .data-table td, .forum-table td { border-width: 1px; border-style: solid; border-color: transparent #bcbec0 #bcbec0; background-color: #fff; padding: 10px; color: #737373; } .cart td { word-break: break-all; } .forum-table td { min-width: 90px; } .cart a, .data-table a, .forum-table a { font-weight: normal; color: #4ab2f1; } .cart a:hover, .data-table a:hover, .forum-table a:hover { text-decoration: underline; } .cart .product, .data-table .product, .data-table .message, .data-table .info, .data-table .name, .forum-table .forum-details, .forum-table .topic-details { /*min-width: 225px;*/ text-align: left; } .cart .product a, .data-table .product a, .data-table .info a { font-weight: bold; color: #737373; font-size: 16px; border: none; } .cart .product a:hover, .data-table .product a:hover, .data-table .info a:hover { color: #4ab2f1; text-decoration: none; } .cart .product .edit-item { margin: 10px 0 0; } .cart .product .edit-item a { font-weight: normal; color: #4ab2f1; } .cart .product .edit-item a:hover { text-decoration: underline; } .cart .remove-from-cart, .cart .add-to-cart, .data-table .select-boxes, .data-table .order { text-align: center; } .cart td.unit-price, .data-table td.unit-price { } .cart td.quantity input { width: 50px; text-align: center; } .cart td.subtotal, .data-table td.total { word-break: break-all; width: 50px; color: #737373; } .cart td.subtotal .discount { font-style: italic; color: #4ab2f1; } .data-table em a { font-weight: bold; color: #737373; } .data-table div.download { margin: 10px 0 0; } .cart td.subtotal, .data-table td.total { width: 11%; } #flyout-cart .checkout-button { display: none; } /*********** NOTIFICATIONS & POPUPS ***********/ .bar-notification { display: none; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; padding: 15px 25px 15px 10px; line-height: 16px; color: #fff; opacity: 0.95; text-align: center; } .bar-notification.success { background-color: #55a5dd; } .bar-notification.error { background-color: #e4444c; } .bar-notification .content { margin: 0 10px 0 0; } .bar-notification .content a { color: #fff; text-decoration: underline; } .bar-notification .content a:hover { text-decoration: none; } .bar-notification .close { position: absolute; top: 0; right: 0; width: 32px; height: 32px; margin: 7px; background: #fff url(/Themes/HollandApoBE/Content/images/close.png) center no-repeat; cursor: pointer; } .noscript { border-bottom: 1px solid #333; background-color: #ff9; padding: 30px 15px; text-align: center; line-height: 22px; color: #737373; } .ajax-loading-block-window { position: fixed; top: 50%; left: 50%; z-index: 999; width: 32px; height: 32px; margin: -16px 0 0 -16px; background: url(/Themes/HollandApoBE/Content/images/loading.gif) center no-repeat; } .please-wait { background: url(/Themes/HollandApoBE/Content/images/ajax-loader-small.gif) no-repeat; padding-left: 20px; font-size: 14px; } .ui-dialog { max-width: 90%; border: 1px solid #bcbec0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); overflow: hidden; background-color: #fff; /*override jQuery UI styles, do not delete doubled properties*/ border-radius: 0; padding: 0; font: normal 14px work_sansregular; left: 0 !important; margin: auto; position: absolute; right: 0; top: 0; width: 700px !important; } .ui-dialog:before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .ui-dialog-titlebar { border-bottom: 1px solid #bcbec0; overflow: hidden; background-color: #eee; padding: 10px 15px; /*override jQuery UI styles, do not delete doubled properties*/ border-width: 0 0 1px; border-radius: 0; background-image: none; padding: 10px 15px !important; font-weight: normal; cursor: auto !important; } .ui-dialog-titlebar > span { float: left; font-size: 18px; color: #737373; /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 !important; } .ui-dialog-titlebar button { position: absolute; top: 0; right: 0; width: 42px; height: 42px; border: none; overflow: hidden; background: url(/Themes/HollandApoBE/Content/images/close.png) center no-repeat; font-size: 0; /*override jQuery UI styles, do not delete doubled properties*/ top: 0 !important; right: 0 !important; width: 42px !important; height: 42px !important; margin: 0 !important; border: none !important; border-radius: 0; background: url(/Themes/HollandApoBE/Content/images/close.png) center no-repeat !important; padding: 0 !important; } .ui-dialog-titlebar button span { display: none !important; } .ui-dialog-content { height: auto !important; padding: 15px; line-height: 20px; /*override jQuery UI styles, do not delete doubled properties*/ background-color: #fff !important; padding: 15px !important; color: #777; } .eu-cookie-bar-notification { position: fixed; top: 50%; left: 50%; z-index: 1050; width: 320px; height: 180px; margin: -90px 0 0 -160px; border: 1px solid #ccc; box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); background-color: #fff; padding: 12px; text-align: center; } .eu-cookie-bar-notification .text { margin-bottom: 20px; line-height: 20px; } .eu-cookie-bar-notification button { min-width: 60px; margin: 5px 0 10px; border: none; background-color: #4ab2f1; padding: 8px 12px; font-size: 14px; color: #fff; } .eu-cookie-bar-notification button:hover { background-color: #248ece; } .eu-cookie-bar-notification a { display: block; color: #4ab2f1; } .eu-cookie-bar-notification a:hover { text-decoration: underline; } /*********** HEADER ***********/ .admin-header-links { background-color: #55a5dd; text-align: center; color: #eee; } .admin-header-links a { color: #fff; } .admin-header-links * { display: inline-block; margin: 0 10px; line-height: 35px; font-size: 12px; font-weight: bold; } .admin-header-links .impersonate { display: inline-block; } .admin-header-links .impersonate a { background-color: #555; padding: 0 15px; } .admin-header-links .impersonate a:hover { background-color: #666; } header { /*-webkit-transition: all 0.4s ease; transition: all 0.4s ease;*/ } .header { position: relative; z-index: 1; margin: auto; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; } .header-upper { position: relative; z-index: 1; border-bottom: 1px solid #bcbec0; } .header-selectors-wrapper { border-bottom: 1px solid #bcbec0; padding: 10px 0; } .header-selectors-wrapper > div { display: block; width: 50%; margin: 10px auto; vertical-align: middle; } i.selector-ico { color: #bcbec0; padding: 12px 0 0 0; font-size: 16px; } .language-list { max-width: 100%; font-size: 0; } .language-list li { display: inline-block; margin: 0 1px; vertical-align: middle; } .language-list a { display: block; position: relative; width: 24px; height: 32px; line-height: 0; } .language-list img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .header-links-wrapper { position: relative; padding: 20px 0; } .header-links { } .header-links ul { margin: 0; padding: 0; } .header-links li { display: inline-block; margin: 0 8px; } .header-links span, .header-links a { color: #bdbec0; display: inline-block; font: normal 18px/32px work_sansregular; text-transform: uppercase; } .header-links a:hover, .header-links span:hover { color: #4ab2f1; } #topcartlink { display: block; margin: 0; padding: 0 15px; } .header-lower { position: relative; z-index: 0; padding: 10px 0 17px; } .header-logo { margin: 0 0 20px; text-align: center; padding-top: 5px; } .header-logo a { display: inline-block; max-width: 100%; line-height: 0; /*firefox line-height bug fix*/ } .header-logo a img { max-width: 100%; opacity: 1; } .logo-section { display: none; } /*.header.sticky .logo-section { display:block; float: right; width: 20%; margin: 9px 0 0 0; }*/ .header.sticky .logo-section { display: block; margin: 9px auto 0; max-width: 130px; } .header.sticky .logo-section img { width: 100%; } .logo-search-row .search-box { border: 1px solid #bcbec0; padding: 5px; background: #fff; margin-top: 20px; } .search-box form { display: inline-block; } .search-box form:after { content: ""; display: block; clear: both; } .search-box input.search-box-text { float: left; width: 200px; height: 35px; margin: 0 -1px 0 0; } .search-box .search-box-button { background: url(/Themes/HollandApoBE/Content/images/search-icon.jpg) no-repeat center 5px; border: medium none; color: #fff; float: right; height: 25px; margin-right: 10px; text-indent: -999em; width: 20px; } .search-box .ui-autocomplete-loading { background: #fff url(/Themes/HollandApoBE/Content/images/ajax-loader-small.gif) right center no-repeat; } .ui-helper-hidden-accessible { display: none !important; } .ui-autocomplete { width: 285px !important; border: 1px solid #bcbec0; border-top: none; overflow: hidden; background-color: #fff; text-align: left; /*override jQuery UI styles, do not delete doubled properties*/ border-radius: 0; padding: 0; font: normal 15px work_sansregular; } .ui-autocomplete li { border-top: 1px solid #bcbec0; } .ui-autocomplete li:first-child { border-top: none; } .ui-autocomplete a { display: block; padding: 15px; font-size: 14px; /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 !important; border: none !important; border-radius: 0 !important; background: none !important; padding: 15px !important; line-height: normal !important; color: #777 !important; } .ui-autocomplete a:hover, .ui-autocomplete a.ui-state-focus { background-color: #f6f6f6 !important; } .ui-autocomplete img { display: none; min-width: 20px; margin: 0 10px 0 0; vertical-align: middle; } .header-mid { border-bottom: 1px solid #dbdbdb; } .header-info ul li, .social-links li { color: #bdbec0; font: normal 15px/40px work_sansregular; float: left; border-right: 1px solid #dbdbdb; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; padding: 0 10px; } .social-links li { border: none; padding: 0; } .social-networks li { float: none; display: block !important; } .social-links li a { border: 1px solid #bcbec0; display: block; padding: 3px; line-height: 18px; text-align: center; } .header-info ul li:first-child { padding-left: 0; border-left: none; } .header-info ul li i { font-size: 18px; margin-right: 5px; } .header-info li.mail-info:hover, .header-info li:hover a { color: #000000; text-decoration: none; } .social-links { float: left; overflow: hidden; padding: 5px 0; } .social-links li:first-child a { border: none; } .social-networks li:first-child a { border: 1px solid #bcbec0; } .social-links li { padding: 0 2px; } .social-links li:first-child { padding: 3px 5px 0; width: 89px; } i.ico { font-size: 18px; width: 18px; height: 18px; } .social-links li:last-child { border: none; } .options { clear: both; padding: 10px 0 0 0; } .subscribe input, .subscribe label, .unsubscribe input, .unsubscribe label { float: left; margin: 0; } .subscribe label, .unsubscribe label { padding: 0 10px 0 5px; } /*.banner-widget { border: 1px solid #dbdbdb; position: relative; margin-bottom: 15px; }*/ .banner-widget a { display: block; color: #ffffff; /*margin-bottom: 15px;*/ /*min-height: 115px;*/ /* padding: 5px;*/ position: relative; font-size: 18px; text-align: center; } /*.banner-widget figure.imgholder { left: 20px; max-width: 41px; position: absolute; top: 35px; }*/ .banner-widget { border: 1px solid #dbdbdb; position: relative; margin-bottom: 15px; } .banner-widget:last-child { margin: 0; } .widget-detail, .widget-detail1 { position: absolute; text-align: center; width: 100%; } .widget-detail { bottom: 10px; } .widget-detail h1 { color: #fff; font: 600 21px/24px work_sansregular; text-shadow: 1px 1px 2px #000; margin-bottom: 10px; } .banner-widget.blog-widget h1 { /*changes by shradha*/ color: #55a5dd; font: 600 21px/22px Raleway; margin-bottom: 10px; text-align: left; } figure.imgholder img { width: 100%; height: auto; } .bannerWidget_wrapper figure.imgholder img { width: auto; } /*********** FOOTER ***********/ .footer { background-color: #eee; } .footer-upper { margin: auto; overflow: hidden; } .footer-block { /*width: 95%;*/ margin: 1px auto; text-align: left; font-size: 14px; /*reset zeroing*/ } .footer-block .title { margin: 0 0 1px; background: #4ab2f1 url(/Themes/HollandApoBE/Content/images/toggle-white.png) right center no-repeat; padding: 10px 15px; font-size: 20px; color: #fff; cursor: pointer; } .footer-block .title strong { font-weight: normal; } .footer-block .list { display: none; margin: 0 0 20px; background-color: #fff; padding: 10px 15px; } body .footer-block .list { padding: 10px 15px; } .footer-block .list a { display: block; padding: 10px 15px; line-height: 20px; } .footer-block .list a:hover { color: #4ab2f1; } .follow-us { margin: 30px auto 0; text-align: center; } .follow-us .title { margin: 0 0 10px; background: none; color: #737373; cursor: auto; } .follow-us .social ul { margin: 0 0 30px; border-bottom: 1px solid #bcbec0; padding: 0 0 30px; font-size: 0; } .follow-us .social li { display: inline-block; margin: 0 5px; } .follow-us .social a { display: block; width: 38px; height: 38px; background: url(/Themes/HollandApoBE/Content/images/social-sprite.png) no-repeat; font-size: 0; } .follow-us .social .facebook a { background-position: 0 0; } .follow-us .social .twitter a { background-position: -38px 0; } .follow-us .social .rss a { background-position: -76px 0; } .follow-us .social .youtube a { background-position: -114px 0; } .follow-us .social .google-plus a { background-position: -152px 0; } .newsletter-email { /*display: inline-block;*/ display: table; overflow: hidden; } .newsletter-email input[type="text"] { float: left; width: 180px; height: 36px; margin: 0 -1px 0 0; width: 100%; display: table-cell; } .newsletter-email .button-wrap { width: 1%; display: table-cell; } .newsletter-subscribe-button { float: left; border: none; background-color: #67a612; padding: 0 15px; text-align: center; color: #fff; text-transform: uppercase; line-height: 36px; } .newsletter-subscribe-button:hover, .news-items .buttons .read-more:hover { background-color: #55a5dd; color: #fff; } .newsletter-validation, .newsletter-result { width: 100%; overflow: hidden; line-height: 28px; } .footer-lower { margin: auto; overflow: hidden; } .footer-tax-shipping a { font-weight: bold; color: #4ab2f1; } .footer-tax-shipping a:hover { text-decoration: underline; } .footer-powered-by a { color: #939397; } .footer-menu-bottom a { color: #fff; } .footer-menu-bottom a:hover { color: #fff; text-decoration: underline; } .footer-menu-bottom ul li { float: left; padding: 0 5px; border-right: 1px solid #d7d7d7; } .footer-menu-bottom ul li:last-child { border-right: medium none; padding-right: 0; } .footer-store-theme { margin: 10px 0 0; } .footer-store-theme select { width: 170px; } .footer-lower p, .footer-powered-by { color: #939397; } .shopping-cart-page .checkout-button { background: #4ab2f1; color: #fff; border: none !important; word-break: break-all; } .shopping-cart-page .checkout-button:hover { background-color: #248ece; } /*********** SIDE COLUMN ***********/ .block { max-width: 600px; /*width limit in mobile*/ min-height: 50px; margin: auto; text-align: left; } .block .title { position: relative; margin: 0; border-bottom: 1px solid #bcbec0; background: #f6f6f6 url(/Themes/HollandApoBE/Content/images/toggle-gray.png) right 10px no-repeat; cursor: pointer; color: #55a5dd; font: 600 21px/22px Raleway; border-bottom: 1px solid #bcbec0; } .block .title strong { font-weight: normal; } .block .listbox { display: none; border-bottom: 1px solid #bcbec0; padding: 10px 0; } .block .list li { padding: 0; } .block .list a, .filter-content a { display: block; position: relative; padding: 8px 20px 8px 40px; font-size: 15px; color: #606060; transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .block .list a:after { content: "\f101"; font-family: FontAwesome; left: 20px; position: absolute; } .block .list a:hover, .block .list .active > a { color: #ef9f05; } .block .list a:hover:before, .block .list .active > a:before, .filter-content a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .block .list a:before, .filter-content a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #f4f1f3; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } ul.list a.active { background: #f4f1f3; color: #ef9f05; } .block a.product-picture { display: none; } .block a.product-picture:before { display: none; } .block .sublist { margin: 0 0 5px; } .block .sublist a { font-size: 14px; padding-left: 60px; } .block .list .sublist a:after { content: "\f105"; font-family: FontAwesome; left: 40px; position: absolute; } .block .view-all { margin: 10px 0 0; } .block .view-all a { display: inline-block; padding: 10px 15px; font-size: 16px; color: #4ab2f1; } .block .view-all a:hover { text-decoration: underline; } .block .tags { margin: 5px 0 10px; } .block .tags ul { font-size: 0; } .block .tags li, .product-tags-all-page li { display: inline-block; position: relative; margin: 0 10px; overflow: hidden; font-size: 17px !important; /*setting base size*/ } .block .tags li a, .product-tags-all-page li a { float: left; line-height: 30px; color: #737373; } .block .tags li:nth-child(2) a { font-size: 30px !important; } .block .tags li a:hover, .product-tags-all-page li a:hover { color: #4ab2f1; } .poll { background: #fafafa; margin: 20px 0 0 0; padding: 15px 20px; } .poll p { font: normal 15px/22px work_sansregular; } .center-1 .poll .buttons { text-align: left; margin: 0; } .poll strong { display: block; margin: 10px 0; background-color: #f6f6f6; padding: 10px 15px; font-size: 15px; font-weight: normal; color: #737373; text-transform: uppercase; } .poll-options, .poll-results { margin: 10px 0 15px; overflow: hidden; font-size: 15px; color: #737373; } .poll-options li, .poll-results li { margin: 10px 0; } .poll-options li > input { margin: 3px 10px 0 0; cursor: pointer; float: left; } .poll-options li > label { color: #737373; display: inline-block; font-size: 15px; font-weight: 100; cursor: pointer; } .poll .buttons, .poll-total-votes { } .poll .buttons input { border: none; background-color: #ef9f05; padding: 10px 20px; font-size: 13px; color: #fff; text-transform: uppercase; margin-left: 20px; } .poll .buttons input:hover { background-color: #d58e04; } .poll-total-votes { display: block; margin: 10px 0 0; font-weight: bold; font-style: italic; color: #737373; } .home-page-polls { margin: 26px 0 0 0; } .home-page-polls .title { color: #55a5dd; font: 600 21px/22px Raleway; padding: 0; text-align: left; } .home-page-polls .title strong { font-weight: normal; } .home-page-polls li { display: block; margin: 0 0 5px 0; } .search-box.search-section { display: block; margin-bottom: 27px; width: 100%; text-align: left; } .search-box form { display: block; } .search-box.search-section input.search-box-text { width: 65%; padding: 24px 10px; } .search-box.search-section .search-box-button { padding: 0px 50px; line-height: 50px; min-height: inherit; height: auto; } /********** CATEGORY PAGE **********/ .breadcrumb { margin: 0 0 5px 0; background: none; padding: 0; } .breadcrumb ul { font-size: 0; margin: 0px; } .breadcrumb li { color: #acacac; display: inline-block; } .breadcrumb li a { color: #ef9f05; } .breadcrumb li * { display: inline-block; margin: 0 0; font-size: 14px; /*reset zeroing*/ line-height: 18px; } .breadcrumb strong { font-weight: normal; } .breadcrumb a:hover { color: #4ab2f1; } span.delimiter { padding: 0 3px; } .category-description, .manufacturer-description, .vendor-description { margin: 0 0 2px; line-height: 22px; padding-bottom: 10px; } .contact-vendor { margin: 0 0 30px; } .contact-vendor .button-2 { border: none; background-color: #4ab2f1; padding: 10px 15px; font-size: 14px; color: #fff; text-transform: uppercase; } .contact-vendor .button-2:hover { background-color: #248ece; } .product-selector-mobile { display: none; } .product-selectors { border: 1px solid #bcbec0; border-radius: 0; margin: -4px 0 15px; padding: 0 10px; } .product-selectors:after { content: ""; display: block; clear: both; } .product-selectors > div { display: inline-block; margin: 5px; } .product-selectors span { color: #737373; vertical-align: middle; font-size: 16px; } .product-selectors select { margin: 0 8px; text-transform: lowercase; } .product-selectors .product-viewmode { display: none; font-size: 0; } .label1 { color: #606060; font: normal 15px/18px work_sansregular; padding: 10px 10px 0 0; } .product-filters { display: table; width: 100%; margin: 0; } .product-filter { margin: 0 0 10px; } .product-filter .filter-title { margin: 0 0 10px; background-color: #f6f6f6; padding: 10px; font-size: 17px; color: #737373; } .product-filter .filter-content { padding: 10px; color: #737373; } .product-filter .available-items:after { content: ""; display: block; clear: both; } .product-filter .group { margin: 0 0 10px; } .product-filter .group li { font-size: 15px; } .product-filter .group li a, .product-filter .group li strong { display: inline-block; padding: 5px 0; } .product-filter .group li a:hover { color: #4ab2f1; } .product-filter .group li.item { display: inline-block; position: relative; margin: 0 15px 0 0; padding: 0 0 0 15px; } .product-filter .group li.item:before { content: ""; position: absolute; top: 12px; left: 0; width: 5px; height: 5px; background-color: #bcbec0; } .filtered-items .title { margin: 0 0 5px; font-style: italic; } .filtered-items .item { color: #4ab2f1; } .remove-filter { margin: 15px 0; } .remove-filter a { display: inline-block; background-color: #aaa; padding: 10px 20px; font-size: 13px; color: #fff; text-transform: uppercase; } .remove-filter a:hover { background-color: #999; } .add-border-to-box { border-bottom: 0; padding-bottom: 0; } .item-grid:after { content: ""; display: block; clear: both; } .item-box { position: relative; width: 100%; float: left; text-align: left; margin-bottom: 0; overflow: hidden; } .item-box .picture { border: 1px solid #bcbec0; z-index: 1; overflow: hidden; background-color: #fff; margin: 0 0 0; height: 270px; position: relative; padding: 5px; } .item-box .picture a { position: absolute; display: block; left: 0; right: 0; top: 0; margin: auto; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; height: 100%; width: 100%; } .category-item .picture { height: 180px; } .cat-3-item .picture { height: 230px; } .item-box .picture a:before { } .item-box .picture a img { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 1; } .picture img { cursor: pointer; } .product-item:hover .picture a img, .category-item:hover .picture a img, .brand-item:hover .picture a img, .picture:hover img { opacity: 0.5; } .item-box .details { padding: 0 10px; } .product-grid .item-box .details, .product-list .item-box .details { background: #fafafa; overflow: hidden; padding: 0 5px; } .product-list .details.product-item.equalHeight1 { height: 270px !important; position: relative; padding-bottom: 75px; padding-top: 15px; } .product-list .wrap-buttons /*.buttons*/ { display: inline-block; left: 14px; max-height: 75px; position: absolute; right: 14px; top: 70.5%; } .product-list h2.product-title a { padding: 0 10px; } .product-list .product-item .left-detail { float: left; max-height: 160px; overflow: hidden; padding-right: 100px; width: 100%; } .wrap-buttons .bottom-row.group { position: relative; top: 6px; } .product-item .left-detail, .cross-sells .product-item .left-detail { word-wrap: break-word; } .wishlist-compare-btn { margin-bottom: 5px; } .product-grid .product-title a, .product-list .product-title a { color: #000; font: 13px/16px work_sansregular; text-transform: uppercase; } .product-grid .add-info { /*float: right;*/ text-align: right; } /*--------------- 11-10 -----------------*/ .main-product-grid .wrap-buttons .more-info, .cross-sells .wrap-buttons .more-info { position: relative !important; } /*---------------------------------------*/ .product-grid .add-info .colorRed { margin-top: 10px; } .product-list .add-info { float: right; margin-top: 0px; text-align: right; width: 100px; position: absolute; right: 10px; top: 15px; } a.button-2-inverse { background: #bcbec0; color: #fff; display: inline-block; text-transform: uppercase; padding: 5px; } .footer-right-logo { display: inline-flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap; overflow: hidden; } .footer-advantages-col .topic-block .topic-block-body ul{ padding:10px 15px; } .supplier-pos-rel { position: relative; } .supplier-logo{ margin:16px 35px 0 0; } .footer_logos{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; } .mh-100 { min-height: 300px; } .bottom-row { clear: both; } .more-info { float: left; } .more-info a { color: #fff; font: normal 13px/18px work_sansregular; text-transform: uppercase; } .more-info a { background: #67a612; display: block; padding: 1px 5px; text-transform: uppercase; } .more-info a:hover { background: #55a5dd; } a.button-2-inverse:hover { background: #ef9f05; } .product-grid .buttons, .product-list .buttons { border-top: 1px solid #bcbec0; padding: 6px 0 0 0; text-align: center; } .main-product-grid .wrap-buttons, .cross-sells .wrap-buttons, .also-purchased-products-grid .wrap-buttons { margin-bottom: 5px; } .product-grid .item-box .add-to-cart-button, .product-list .item-box .add-to-cart-button { background: none; color: #ef9f05; font: normal 18px/20px work_sansregular; text-transform: uppercase; height: auto; } .product-grid .item-box .add-to-cart-button:hover, .product-list .item-box .add-to-cart-button:hover { color: #55a5dd; } .main-product-grid .wrap-buttons .more-info, .cross-sells .wrap-buttons .more-info, .also-purchased-products-grid .wrap-buttons .more-info { bottom: 0; position: absolute; } .item-box .product-title { margin: 5px 0; overflow: hidden; font-size: 17px; line-height: 1.2; font-weight: normal; color: #4ab2f1; } .item-box .product-title a { display: block; word-wrap: break-word; } .item-box .product-title a:hover { color: #4ab2f1; } .item-box .product-rating-box { display: inline-block; } .item-box .rating { background: url(/Themes/HollandApoBE/Content/images/rating1.png) repeat-x; width: 95px; height: 14px; } .item-box .rating div { background: url(/Themes/HollandApoBE/Content/images/rating2.png) repeat-x; height: 14px; } .item-box .description { float: left; width: 100%; font-size: 12px; color: #939393; } .prescriptionsneeded { clear: both; height: auto !important; overflow: hidden; } .item-box .description a { display: block; overflow: hidden; } .item-box .old-price { margin: 0 5px 0 0; font-size: 16px; color: #aaa; text-decoration: line-through; } .item-box .actual-price { color: #282828; font: normal 22px/30px work_sansregular; margin: 0; display: inline-block; } .item-box .prescriptionsneeded .actual-price { font: normal 22px/25px work_sansregular; } .item-box .tax-shipping-info a { color: #4ab2f1; } .item-box .tax-shipping-info a:hover { text-decoration: underline; } .item-box .buttons { margin: 5px 0 0 0; font-size: 0; } .item-box input[type="button"] { display: inline-block; /*height: 20px;*/ border: none; vertical-align: middle; background-color: #fafafa; } .cart-btn { border-radius: 30px !important; height: 40px; background-color: #85B740 !important; font-family: 'work_sansbold'; /*font-size: 18px;*/ width: 100% !important; padding: 9px 28px; ; } .cart-btn:hover { background-color: #55a5dd !important; } .cart-btn-space { margin: 20px auto 0 !important; } .labelproduct { min-height: 62px; } .item-box .product-box-add-to-cart-button { width: 60%; background-color: #4ab2f1; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .item-box .product-box-add-to-cart-button:hover { background-color: #248ece; } .item-box .add-to-compare-list-button, .item-box .add-to-wishlist-button { width: 25%; background-color: #eaeaea; background-position: center; background-repeat: no-repeat; font-size: 0; } .item-box .add-to-compare-list-button { background-image: url(/Themes/HollandApoBE/Content/images/compare-button.png); background-color: #fafafa; background-position: 13px center; float: left; } .item-box .add-to-compare-list-button:hover { background-image: url(/Themes/HollandApoBE/Content/images/compare-button-hover.png); } .item-box .add-to-wishlist-button { background-image: url(/Themes/HollandApoBE/Content/images/wishlist-button.png); background-color: #fafafa; } .item-box .add-to-wishlist-button:hover { background-image: url(/Themes/HollandApoBE/Content/images/wishlist-button-hover.png); } .item-box .add-to-compare-list-button:hover, .item-box .add-to-wishlist-button:hover { background-color: inherit; } .product-grid.home-page-product-grid .owl-item .item-box, .home-page-category-grid .item-box { width: 100%; } .center-1 .product-grid .buttons { padding: 8px 0 0 0; } .product-grid input.button-2.add-to-cart-button, .product-list input.button-2.add-to-cart-button { width: 68%; background-color: inherit; } input.button-2.add-to-wishlist-button { background-position: 4px center; float: right; } .home-page-category-grid, .sub-category-grid, .manufacturer-grid { margin: 0 0 27px; } .home-page-category-grid .title, .sub-category-grid .title, .brand-grid .title { text-align: left; margin: 0 0 5px; border-bottom: 1px solid #bcbec0; padding: 0 0 15px; /*font-size: 21px;*/ -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .home-page-category-grid .category-item .title, .brand-grid .item-grid .title, .sub-category-grid .title { text-align: center; border: none; padding: 0; margin: 0 0 20px 0; } .home-page-category-grid .category-item .title a, .brand-grid .title a, .sub-category-grid .title a, h2.title a { color: #ef9f05; display: block; /*font: normal 18px/22px work_sansregular;*/ padding: 16px 0 0 0; } .home-page-category-grid .category-item .title a:hover, .brand-grid .title a:hover, .sub-category-grid .title a:hover, h2.title a:hover { color: #55a5dd; } .home-page-category-grid .title a, .sub-category-grid .title a { display: block; padding: 0 0 15px; } .home-page-category-grid .picture, .sub-category-grid .picture { margin: 0; } .home-page-category-grid .picture { border: 1px solid #dbdbdb; } .home-page-category-grid .picture a:before, .sub-category-grid .picture a:before { padding-top: 65%; } .category-section { margin-top: 24px; overflow: hidden; } .col-item-5 { width: 20%; float: left; padding: 0 15px; } .category-section .item { width: 20% !important; float: left; padding: 0 15px; } .category-section .col-item-5 { width: 100%; } .brand-boxes-5 { margin: 25px 0 0 0; } .brand-boxes-5 .col-item-5 { width: 100%; } .brand-boxes-5 img { width: 100%; } .brand-item .picture { position: relative; height: 210px; } .brand-boxes-6 .brand-item .picture { height: 180px; } .brand-boxes-5 .picture a { position: absolute; left: 0; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 100%; } .brand-boxes-5 img { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 1; width: 100%; } /*.category-grid.sub-category-grid { border: 1px solid #bcbec0 !important; padding: 15px 15px 10px 15px; background: #fafafa; margin: 0 0 27px; }*/ .sub-new { color: #3365a8; margin: 0; padding-bottom: 10px; text-align: left; text-transform: uppercase; font-size: 18px; font-family: 'work_sansbold'; } .full-width-div { width: 100%; left: 0; } .sub-new:after { content: ""; display: block; background-color: #14a700; height: 3px; width: 30px; margin-top: 15px; } .block-cat-nav { max-width: 900px; } .sub-category-grid .block.block-cat-nav { float: none; width: 100%; margin-bottom: 10px; } .sub-category-grid ul.list { margin: 0 -15px; } .sub-category-grid .block .listbox { display: inline-block; border-bottom: none; width: 100%; } .block-cat-nav .listbox .list li { width: 33.333%; float: left; padding-left: 15px; padding-right: 15px; } .block-cat-nav .listbox .list li:nth-child(3n+1) { clear: both; } .block-cat-nav .listbox .list a { display: block; position: relative; padding: 8px 20px 8px 25px; font-size: 15px; color: #163c6e; background-color: #dbeefb; margin-bottom: 10px; } .block-cat-nav .listbox .list a:after { content: "\f105"; font-family: FontAwesome; color: #163c6e; font-size: 20px; position: absolute; top: 7px; display: inline-block; vertical-align: middle; line-height: 20px; left: 10px; } .block-cat-nav .listbox .list a:hover, .block-cat-nav .listbox .list .active > a, .block-cat-nav .listbox .list a:hover:after, .block-cat-nav .listbox .list .active > a:after { color: #fff; } .block-cat-nav .listbox .list a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #163c6e; } .sub-category-grid-mobile { display: none; } .filter-width { z-index: 101; width: 100%; height: 100%; position: fixed; top: 93px; left: 0; overflow: scroll; background: #fff; } .product-grid, .product-list { margin: 0 0 0; } .product-grid, .category-grid, .brand-grid { /*border-bottom:1px solid #bcbec0;*/ position: relative; } .brand-grid { border: none; } .search-results .product-grid { overflow: hidden; } .category-grid { border-bottom: none; } .product-grid .owl-carousel, .home-page .owl-carousel { position: inherit; } .product-grid .owl-controls, .home-page .owl-controls { position: absolute; top: 0; right: 0; } .product-grid .owl-pagination, .home-page .owl-pagination { display: none; } .product-grid .owl-controls .owl-page, .product-grid .owl-controls .owl-buttons div, .home-page .owl-controls .owl-page, .home-page .owl-controls .owl-buttons div { display: inline-block; /* text-indent: -999em; */ } .product-grid .owl-prev, .product-grid .owl-next, .home-page .owl-prev, .home-page .owl-next { background: url(/Themes/HollandApoBE/Content/images/previous.jpg) no-repeat; height: 15px; width: 20px; text-indent: -999em; } .product-grid .owl-next, .home-page .owl-next { background: url(/Themes/HollandApoBE/Content/images/next.jpg) no-repeat; } .product-grid .title { margin: 0 0 34px; border-bottom: 1px solid #bcbec0; padding: 0 0 15px; font-size: 21px; font-weight: normal; } .product-grid .title strong { font-weight: 500; } .product-grid .product-item { margin-bottom: 30px; } .related-products-grid .item-grid { margin-top: 26px; } .related-products-grid .product-grid .product-item { margin: 0; position: relative; height: 160px; } .related-products-grid .description { display: none; } .related-products-grid .item-box .add-info { margin-bottom: 20px; } .home-product-grid .item-grid { border-bottom: 1px solid #ccc; } .manufacturer-grid .title { margin: 0 0 15px; text-align: center; font-size: 16px; } .manufacturer-grid .title a:hover { color: #4ab2f1; } .manufacturer-grid .picture { border: 1px solid #bcbec0; } .manufacturer-grid .item-box { width: 100%; margin-bottom: 10px; } .vendor-list li { display: inline-block; margin: 0 25px 0 0; } .vendor-list li a { display: block; position: relative; padding: 5px 0; font-size: 16px; color: #4ab2f1; } .vendor-list li a:before { content: ""; position: absolute; top: 13px; left: -15px; width: 5px; height: 5px; background-color: #bcbec0; } .vendor-list li a:hover { text-decoration: underline; } .pager { margin: 0; padding: 12px; background-color: #f0f0f0; clear: both; } .pager ul { text-align: right; font-size: 0; margin:0; padding:0; } .pager li { display: inline-block; margin: 0 5px; vertical-align: top; } .pager li:last-child { margin-right: 0px; } .pager li a, .pager li span { display: block; width: 35px; height: 35px; border: 1px solid #bcbec0; background-color: #eee; padding: 8px; text-align: center; font-size: 14px; /*reset zeroing*/ cursor: pointer; } .pager li span { border-color: transparent; background-color: #4ab2f1; color: #fff; } .pager li.previous-page *, .pager li.next-page *, .pager li.first-page *, .pager li.last-page * { background-position: center; background-repeat: no-repeat; font-size: 0; color: #fff; } .pager li.previous-page * { background-image: url(/Themes/HollandApoBE/Content/images/prev.png); } .pager li.next-page * { background-image: url(/Themes/HollandApoBE/Content/images/next.png); } .pager li.first-page * { background-image: url(/Themes/HollandApoBE/Content/images/first.png); } .pager li.last-page * { background-image: url(/Themes/HollandApoBE/Content/images/last.png); } .pager li a:hover { background-color: #55a5dd; border: 1px solid #55a5dd; color: #fff; } .product-boxes { margin: 30px 0 0 0; } .category-page .search-box.search-section { margin-bottom: 20px; } .sub-category-grid .item-box { width: 100%; } .sub-category-grid .picture { border: 1px solid #bcbec0; margin-bottom: 15px; } .product-grid .item-box, .product-list .col-sm-4, .product-grid.cross-sells .row .item-box { width: 100%; } .top-col { overflow: hidden; border-bottom: 1px solid #bcbec0; margin-bottom: 30px; } .top-col .page-title { margin: 0 0 0; border-bottom: none; padding: 0; } .top-col .pager { margin: 0 0 10px 0; } /*Brand page*/ .brand-grid { margin: 28px 0 0 0; padding-bottom: 27px; } .brand-grid .title { margin-bottom: 0; } .brand-grid .picture { border: 1px solid #dbdbdb; } /********** PRODUCT PAGE **********/ .product-details-page { padding: 0; } .product-details-page .product-grid.cross-sells { margin-top: 30px; } .product-essential { margin: 0 0 0; } .product-essential:after { content: ""; display: block; clear: both; } .gallery { margin: 0 auto 10px; } .gallery .picture-wrapper { margin: 0 0 10px; } .gallery .picture { /* border: 1px solid #bcbec0;*/ position: relative; max-width: 100%; margin: 0 auto 10px; overflow: hidden; } .product-essential .gallery .picture { margin: 0 auto 0; } .gallery .picture:before { content: ""; display: block; padding-top: 100%; } .gallery .picture img, .gallery .picture-thumbs img, .variant-picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } .gallery .picture-thumbs { overflow: hidden; font-size: 0; } .gallery .picture-thumbs a { display: inline-block; position: relative; width: 100px; height: 100px; margin: 10px 10px 10px 0; overflow: hidden; border: 1px solid #bcbec0; } .overview { position: relative; margin: 0 0 15px; } .overview .product-name { margin: 0 0 25px; border-bottom: 1px solid #bcbec0; padding: 0 0 10px; } .overview .product-name h1 { font-size: 30px; font-weight: normal; } .overview .short-description { margin: 0 0 25px; line-height: 22px; color: #666; } .product-no-reviews, .product-reviews-overview { margin: 0 0 25px; color: #737373; } .product-no-reviews a { text-decoration: underline; } .product-review-box { display: inline-block; margin: 0 0 8px; } .product-review-box .rating { width: 95px; height: 14px; background: url(/Themes/HollandApoBE/Content/images/rating1.png) repeat-x; } .product-review-box .rating div { height: 14px; background: url(/Themes/HollandApoBE/Content/images/rating2.png) repeat-x; } .product-review-links a { text-decoration: underline; } .product-review-links a:hover { color: #4ab2f1; } .overview .value, .variant-overview .value { color: #737373; } .overview .value a, .variant-overview .value a { color: #606060; font-size: 15px; line-height: 1; vertical-align: top; } .overview .value a:hover, .variant-overview .value a:hover { text-decoration: underline; } .overview-buttons { margin: 0 0 25px; font-size: 0; } .overview-buttons div { width: 80%; margin: 0 auto 3px; } .overview .button-2, .variant-overview .button-2, .prescription-btn .button-2 { color: #fff; display: block; width: 100%; border: none; background-color: #55a5dd; background-position: 5px center; background-repeat: no-repeat; padding: 8px 10px; text-align: left; font-size: 13px; } .prescription-btn .button-2 { cursor: default; } .overview .button-2:hover, .variant-overview .button-2:hover, .prescription-btn .button-2:hover { background-color: #248ece; } .prescription-btn .button-2 { font: 600 18px/22px work_sansregular; text-align: center; text-transform: uppercase; } .related-prod-box .prescription-btn span.button-2 { font-size: 14px; } .overview .add-to-compare-list-button { /*background-image: url(/Themes/HollandApoBE/Content/images/compare-button.png);*/ } .overview .email-a-friend-button { /*background-image: url(/Themes/HollandApoBE/Content/images/email-button.png);*/ } .overview .subscribe-button, .variant-overview .subscribe-button { background-image: url(/Themes/HollandApoBE/Content/images/email-button.png); } .overview .download-sample-button, .variant-overview .download-sample-button { background-image: url(/Themes/HollandApoBE/Content/images/download-button.png); } .overview .add-to-wishlist-button, .variant-overview .add-to-wishlist-button { /*background-image: url(/Themes/HollandApoBE/Content/images/wishlist-button.png);*/ } .overview .manufacturers { margin: 0 0 8px; } .overview span.label { color: #ffffff; font-size: 15px; font-weight: 600; padding-left: 0; float: left; width: 110px; text-align: left; } .overview .availability, .variant-overview .availability { margin: 0 0 4px; overflow: hidden; } .overview .availability .stock, .variant-overview .availability .stock { margin: 0 0 10px; } .overview .availability .back-in-stock-subscription, .variant-overview .availability .back-in-stock-subscription { display: inline-block; } .back-in-stock-subscription-page .notify-me-button { margin: 15px 0 0; border: none; background-color: #4ab2f1; padding: 10px 15px; font-size: 15px; color: #fff; text-transform: uppercase; } .back-in-stock-subscription-page .notify-me-button:hover { background-color: #248ece; } .overview .additional-details, .variant-overview .additional-details { margin: 0 0 20px; } .overview .additional-details div, .variant-overview .additional-details div { margin: 0 0 8px; } .overview .delivery, .variant-overview .delivery { margin: 0 0 25px 0; overflow: hidden; } .delivery-h { background-color: red; padding: 10px; line-height: 1; } .overview .free-shipping, .variant-overview .free-shipping { display: inline-block; margin: 0 0 10px; background: url(/Themes/HollandApoBE/Content/images/shipping.png) left center no-repeat; padding: 2px 0 2px 28px; font-weight: bold; color: #737373; } .overview .download-sample, .variant-overview .download-sample { display: inline-block; margin: 0 0 25px; } .overview .prices, .variant-overview .prices { margin: 0 0 10px; overflow: hidden; } .overview .prices > div, .variant-overview .prices > div { margin: 0 0 5px; } .overview .prices > div > span, .variant-overview .prices > div > span { vertical-align: top; } .overview .old-product-price, .variant-overview .old-product-price, .overview .non-discounted-price, .variant-overview .non-discounted-price { font-size: 14px; color: #999; text-decoration: line-through; } .overview .product-price, .variant-overview .product-price { font-size: 20px; font-weight: bold; color: #737373; } .product-price span { font-size: 30px; color: #56a4dc; font-family: 'work_sansbold'; } .overview .tax-shipping-info a, .variant-overview .tax-shipping-info a { color: #4ab2f1; } .overview .tax-shipping-info a:hover, .variant-overview .tax-shipping-info a:hover { text-decoration: underline; } .customer-entered-price { margin: 0 0 20px; overflow: hidden; } .customer-entered-price .price-input label { display: block; margin: 0 0 5px; font-weight: bold; color: #737373; } .customer-entered-price .price-input input { width: 170px; text-align: center; } .customer-entered-price .price-range { margin: 5px 0 0; color: #777; } .tier-prices { margin: 0 0 20px; } .tier-prices .title { display: none; } .tier-prices table td { border: 1px solid #bcbec0; padding: 10px; color: #737373; } .tier-prices .field-header { min-width: 80px; } .tier-prices .item-price { background-color: #f9f9f9; font-size: 16px; color: #e4434b; } .overview .add-to-cart { margin: 0 0 20px; } .overview .add-to-cart-panel, .variant-overview .add-to-cart-panel { display: inline-block; position: relative; } .overview .add-to-cart-panel > *, .variant-overview .add-to-cart-panel > * { float: left; } .overview .qty-input, .variant-overview .qty-input { width: 45px; height: 43px; padding: 0; text-align: center; font-size: 15px; color: #737373; } .input-qty { width: 120px; height: 41px !important; padding: 0; border-radius: 25px !important; text-align: center; font-size: 15px; color: #737373; border: 1px solid #55a5dd !important; float: none; } .overview .add-to-cart-button, .variant-overview .add-to-cart-button, .prod-detail .button-1 { height: 45px; border: none; background-color: #4ab2f1; padding: 0 10px; font-size: 15px; color: #fff; text-transform: uppercase; margin: 0 0 0 10px; } .product-essential .overview .add-to-cart-button, .product-variant-list .add-to-cart-button { background-color: #67a612; } .prod-detail .button-1 { background-color: #ef9f05; display: inline-block; margin-top: 0; } .overview .add-to-cart-button:hover, .variant-overview .add-to-cart-button:hover, .prod-detail .button-1:hover { background-color: #55a5dd; } .product-share-button { display: inline-block; overflow: hidden; width: 100%; } .full-description { clear: both; line-height: 26px; font-size: 18px; } .full-description span, .category-description span { font-size: 20px; margin: 10px 0; } .landing_page span{ font-size:16px; font-family:work_sansregular; } .landing_page h1 span { font-size: 34px; font-family: "work_sanssemibold"; color: #3365a8; } .landing_page h3{ margin:20px 0; display:block; } .landing_page p a { color: #3365a8; text-decoration: underline; font-weight: 500; } .landing_page ul li { font-size: 16px; font-family: work_sansregular; color:#737373; } .product-collateral { margin: 0 0 25px; } .product-collateral .title { margin: 0 0 10px; font-size: 18px; color: #737373; } .product-collateral .title strong { font-weight: normal; } .product-collateral .product-tags-box .title { border-bottom: 1px solid #bcbec0; padding-bottom: 17px; margin-bottom: 24px; } .product-variant-line { margin: 0 0 27px; border-bottom: 1px solid #bcbec0; padding: 0 0 20px; } .product-variant-line:after { content: ""; display: block; clear: both; } .variant-picture { position: relative; width: 220px; height: 220px; margin: 0 auto 15px; overflow: hidden; } .variant-overview { width: 100%; } .variant-overview .variant-name { margin: 0 0 10px; padding: 0; font-size: 16px; font-weight: bold; color: #4ab2f1; } .variant-overview .variant-description { margin: 0 0 15px; line-height: 22px; } .variant-overview .add-to-wishlist { margin: 0 0 10px; } .variant-overview .add-to-wishlist-button { display: inline-block; width: auto; } .variant-overview .add-to-cart { margin: 0 0 10px; } .product-specs-box { margin: 0 0 20px; } .product-essential .overview .product-specs-box { margin: 0 35px 20px 0; } .product-specs-box td { border: none; /*color: #606060;*/ font-size: 15px; padding: 0 0 10px 0; line-height: 1; vertical-align: top; } td.spec-value { padding-right: 32px; } .manufacturers a { color: #606060; } .manufacturers a:hover { text-decoration: underline; } .product-specs-box .table-wrapper { overflow-x: hidden; } td.spec-name { font-weight: 600; } td.spec-name, td.manufacture-name { padding-right: 5px; } .product-tags-list { font-size: 0; } .product-tags-list li { display: inline-block; font-size: 14px; /*reset zeroing*/ } .product-tags-list li.separator { margin: 0 5px 0 3px; } .product-tags-list a { display: inline-block; line-height: 24px; } .product-tags-list a:hover { color: #55a5dd; } .attributes { /*margin: 20px 0;*/ } .attributes dl { overflow: hidden; padding: 0; /* fix for Chrome in Mac, the checkboxes get cut off */ } .bottomspace { margin-bottom: 0 !important; } .attributes dt, .attribute-label { display: block; margin: 0 0 5px; white-space: nowrap; font-weight: bold; color: #737373; } .attributes dd, .attribute-data { margin: 0 0 10px; } .attributes li { margin: 8px 0 12px; } .attributes select { width: auto; min-width: 100px; max-width: 100%; height: 41px; border-radius: 25px; border: 1px solid #55a5dd; text-align-last: center; } .ajaxcart-attributes select { height: 41px !important; border: 1px solid #55a5dd; text-align-last: center; font-weight: 200; } .ajaxcart-attributes dt { display: block !important; position: relative; } /*.wid-dd-p{ position:absolute; top:55%; right:13px; }*/ .attributes .option-list label { margin: 0 5px; } .attributes .datepicker { width: 280px; text-align: center; color: #737373; } .nav-tabs > li > a { border: 1px solid transparent; border-radius: 0; font-size: 15px; text-transform: uppercase; } .tab-container { margin-bottom: 28px; } .tab-content { border: 1px solid #dbdbdb; border-top: none; padding: 16px 30px; } .tab-content .table-wrapper { overflow-x: inherit; } .product-specs-box .title { margin-bottom: 10px; } .tab-container p { font: normal 15px/22px work_sansregular; padding-bottom: 9px; } .ui-datepicker { width: 280px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); background-color: #fff; text-align: center; /*override jQuery UI styles, do not delete doubled properties*/ border: none; border-radius: 0; padding: 0; font: normal 15px work_sansregular; color: #777; } .ui-datepicker-header { position: relative; height: 32px; background-color: #4ab2f1; color: #fff; /*override jQuery UI styles, do not delete doubled properties*/ border: none; border-radius: 0; background-image: none; padding: 0 !important; font-weight: normal; } .ui-datepicker-header a { position: absolute; top: 0; z-index: 1; width: 32px; height: 32px; line-height: 32px; font-size: 0; /*override jQuery UI styles, do not delete doubled properties*/ top: 0 !important; width: 32px !important; height: 32px !important; border: none !important; } .ui-datepicker-header a.ui-datepicker-prev { left: 0; background: url(/Themes/HollandApoBE/Content/images/calendar-prev.png) center no-repeat; } .ui-datepicker-header a.ui-datepicker-next { right: 0; background: url(/Themes/HollandApoBE/Content/images/calendar-next.png) center no-repeat; } .ui-datepicker-header a span { /*override jQuery UI styles, do not delete doubled properties*/ display: none !important; } .ui-datepicker-title { position: relative; z-index: 0; font-weight: bold; text-transform: uppercase; /*override jQuery UI styles, do not delete doubled properties*/ line-height: 29px !important; } .ui-datepicker .ui-datepicker-title select { height: auto; } .ui-datepicker-calendar { /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 !important; font-size: 14px !important; } .ui-datepicker-calendar th { background-color: #eee; } .ui-datepicker-calendar th, .ui-datepicker-calendar td { width: 14.285%; border: 1px solid #bcbec0; /*override jQuery UI styles, do not delete doubled properties*/ padding: 0; } .ui-datepicker-calendar th span, .ui-datepicker-calendar td a { display: block; min-height: 32px; line-height: 32px; color: #737373; } .ui-datepicker-calendar td a { /*override jQuery UI styles, do not delete doubled properties*/ border: none !important; background: none !important; padding: 0; text-align: center; color: #737373 !important; } .ui-datepicker-calendar .ui-state-active { outline: 2px solid #4ab2f1; font-weight: bold; color: #4ab2f1; /*override jQuery UI styles, do not delete doubled properties*/ color: #4ab2f1 !important; } .color-squares { font-size: 0; } .color-squares li { display: inline-block; margin: 0 5px 5px; text-align: center; } .color-squares .color-container { display: block; position: relative; z-index: 0; padding: 1px; } .color-squares label { display: block; margin: 0 !important; overflow: hidden; } .color-squares .color { display: block !important; width: 32px !important; height: 32px !important; border: 1px solid #737373 !important; cursor: pointer; } .color-squares .selected-value .color-container { background-color: #4ab2f1; } .color-squares li input { position: relative; z-index: -1; margin: -32px 0 0; } .giftcard { margin: 0 0 20px; overflow: hidden; } .giftcard div { margin: 0 0 10px; } .giftcard label { display: block; margin: 0 auto 5px; font-weight: bold; color: #737373; } .giftcard input, .giftcard textarea { width: 350px; max-width: 100%; } .giftcard textarea { height: 150px; } .search-box .ui-autocomplete img { display: inline; float: left; } .medicine-info { margin: 0 0 20px 0; } .medicine-info h3 { color: #55a5dd; font: 400 18px/22px work_sansregular; margin-bottom: 20px; } .info-block { margin-bottom: 30px; } .info-block .picture-thumbs { float: left; width: 27%; } .info-block .picture-thumbs a { border: 1px solid #bcbec0; display: inline-block; height: 100px; overflow: hidden; position: relative; width: 100px; } .info-block .picture-thumbs img { bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; } .prod-detail { margin: 0 0 0 0; overflow: hidden; } .prod-detail.prod-detail1 { margin: 0 0 0 20px; width: 73%; } .prod-detail h4, .box-container .product-name h4 { color: #272727; font: normal 18px/22px work_sansregular; } .overview .prod-detail .product-name { margin: 0; border-bottom: inherit; padding: 0 0 10px; } .product-price span.price-value-14 { color: #282828; display: block; font-size: 28px; } .prod-detail .prices { margin: 0; } .prices { display: inline-block; } .overview .prod-detail .add-to-cart { margin: 20px 0 0 0; } .box-container { border: 1px solid #bcbec0; margin: -10px 0 0 0; padding: 15px 20px 20px; } .box-container .info-block { margin: 0; } .box-container .product-name { margin-bottom: 0; border: none; } .box-container .product-name h4 { color: #737373; font-size: 13px; } .prod-detail .button-1 { display: inline-block; white-space: inherit; height: auto; padding: 13px 8px; } .intro-txt p, .intro-txt { color: #606060; font: normal 15px/22px work_sansregular; margin-bottom: 0; } .intro-txt .topic-block { margin-bottom: 0; } .intro-txt a { color: #606060; display: block; font: normal 15px/22px work_sansregular; text-decoration: underline; } .intro-txt a:hover { text-decoration: none; } i.info { color: #55a5dd; float: left; margin: 0px 0 0 0; font-size: 18px; } .intro-txt { float: left; width: 90%; margin: 0 0 0 10px; } .toggle { color: #3365a8; text-decoration: underline; font-family: 'work_sanssemibold'; } .row-1 h3 span { background: #fff; margin-left: 10px; padding: 0 20px 0 10px; } .box-container p i.info { color: #55a5dd; float: left; margin: 1px 5px 0 0; font-size: 18px; } .box-container p span { color: #55a5dd; display: inline-block; font-size: 18px; font-weight: 500; margin-bottom: 0; z-index: 2; } .download-btn { display: inline-block; } .download-btn a { color: #FFF; position: relative; top: 0; right: 0; background: #55a5dd; padding: 10px 45px 6px; cursor: pointer; display: inline-block; margin-top: 10px; margin-bottom: 10px; border-radius: 30px; font-family: 'work_sansbold'; font-size: 18px; } .download-btn a:hover { background: #248ece; color: #fff; } .download-btn a i.fa.fa-download.download-ico { margin-left: 6px; } .row-1 { margin: 0 0 30px 0; } .related-prod-box .picture { height: 160px; margin: 0; position: inherit; } .related-prod-box .picture a, .related-prod-box .picture a img { transform: inherit; -webkit-transform: inherit; -moz-transform: inherit; -o-transform: inherit; -ms-transform: inherit; width: 100%; position: inherit; left: inherit; top: inherit; } .related-products-grid.product-grid .related-prod-box .details { background: none; overflow: hidden; padding: 0; } .related-products-grid .related-prod-box .left-detail { float: none; height: auto !important; width: 100%; } .related-products-grid .related-prod-box .add-info { float: none; height: auto !important; text-align: left; width: 100%; } .related-products-grid .related-prod-box .product-title { height: 45px !important; overflow: hidden; width: 200px; word-break: break-word; } .related-products-grid .related-prod-box .buttons input.button-2.add-to-cart-button { clear: both; display: block; width: auto; } .related-products-grid.product-grid .related-prod-box .bottom-row { display: inline-block; } .intro-txt p { margin: 0; } .full-description ul { list-style: none; } .full-description ul li { color: #333333; font: 100 16px/22px work_sansregular; } .box-container .topic-block h3 { margin-bottom: 5px; } .content-row h1 { color: #737373; font: 400 26px/28px work_sansregular; padding-bottom: 10px; } /*.product-price span { color: #282828; display: block; font-size: 28px; }*/ .product-price .taxsuffix, span.taxsuffix { font-size: 15px; font-weight: normal; display: block; color: #737373; } .related-prod-box .item-box .buttons { margin: 0; position: absolute; bottom: 0; } .related-prod-box .wrap-buttons .bottom-row .more-info { position: relative; top: -4px; } .picture-wrap-col { position: relative; } .picture-wrap-col:hover{ z-index:9999; } .prescription-row { position: absolute; width: 100%; bottom: 1px; z-index: 1; } .related-prod-box .picture-wrap-col { /*position: inherit;*/ float: left; width: 41%; margin: 0 20px 0 0; } .related-prod-box .prescription-row { /*position: inherit;*/ } .product-details-page .related-prod-box .item-box { margin-bottom: 20px !important; } .manufacturers td { border: none; /*color: #606060;*/ color: #737373; font-weight: bold; font-size: 15px; padding: 0; vertical-align: top; } .manufacture-name { width: 150px; } /********** PRODUCT REVIEWS **********/ .product-reviews-page h1 a { color: #4ab2f1; } .product-reviews-page h1 a:before, .product-reviews-page h1 a:after { content: "''"; } .product-reviews-page .title { margin: 0 0 20px; font-size: 20px; color: #737373; } .product-reviews-page .title strong { font-weight: normal; } .write-review { margin: 0 0 60px; } .write-review .fieldset { margin: 0 0 30px; } .write-review .review-rating { text-align: center; } .write-review .review-rating label { display: block; margin: 0 0 5px; font-size: 14px; } .write-review .review-rating ul { font-size: 0; vertical-align: middle; } .write-review .review-rating li { display: inline-block; margin: 0 5px; cursor: default; vertical-align: middle; font-size: 14px; height: 17px; } .write-review .review-rating li.first { color: #e4444c; } .write-review .review-rating li.rating-options { padding-top: 2px; } .write-review .review-rating li.rating-options input { vertical-align: baseline; } .write-review .review-rating li.last { color: #4cb17c; } .write-review .captcha-box { margin: 15px 0 0; } .write-review .button-1 { border: none; background-color: #4ab2f1; padding: 10px 25px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .write-review .button-1:hover { background-color: #248ece; } .product-reviews-page .result, .product-reviews-page .message-error { margin: 0 0 20px; } .product-review-list { overflow: hidden; } .product-review-item { margin: 0 0 40px; } .product-review-item .review-item-head { border-top: 1px solid #bcbec0; overflow: hidden; background-color: #f6f6f6; padding: 10px; } .product-review-item .review-title { line-height: 20px; font-size: 15px; color: #737373; } .product-review-item .product-review-box { margin: 3px 0 0; } .product-review-item .review-content { padding: 20px 10px; } .product-review-item .review-text { margin: 0 0 15px; line-height: 22px; color: #737373; } .product-review-item .review-info { margin: 0 0 5px; } .review-info span.separator { float: left; margin: 0 5px; } .product-review-item .review-info label { font-weight: normal; padding-right: 3px; } .product-review-item .review-info a, .product-review-helpfulness .vote { display: inline-block; padding: 0 5px; color: #4ab2f1; cursor: pointer; } .product-review-helpfulness .question { margin: 0 5px 0 0; font-style: italic; } .product-review-helpfulness .result { margin: 0 0 0 10px; } label.qty-label { margin: 10px 10px 0 0; font-size: 15px; font-weight: 100; } .label-quty { font-family: "work_sanssemibold"; font-size: 16px; color: #163c6e; display: inline-block; width: 41%; margin: 8px 0 0 0; } /*.label-size label{ display:block!important; }*/ .btnspace { margin-top: 32px; } .attr-text { margin: 10px 0; } .inputwidth { min-width: 120px !important; } .overview input.increment-box, .variant-overview input.increment-box, .prescription_tbl input.increment-box { background: #f8f8fa; border: none; border-right: 1px solid #d2d2d2; float: left; width: 60px; } .quantity-box-wrap input.increment-box { width: 40px; border: none; } .prescription_tbl .product-price { text-align: center; } .quantity-box-wrap { width: 72px; } .quantity-box-wrap .qty-input { height: auto; padding-top: 13px; } .quantity-box-wrap .quantity-box { width: 30px; } .quantity-box-wrap .quantity-box { border-left: 1px solid #d2d2d2; } .quantity-box { float: left; border-left: none; } .quantity-box a i { color: #737373; font-size: 10px; font-weight: 600; } .quantity-box a { background-color: #f8f8f8; border-bottom: 1px solid #d2d2d2; display: block; padding: 5px 10px; line-height: 10px; } .filed { background: #f8f8fa; border: 1px solid #d2d2d2; } .prescription_tbl .filed { float: right; } .variant-overview input.button-2.add-to-wishlist-button { float: none; display: inline-block; } .quantity-box a.minus, .quantity-box a.minus-premanager { border-bottom: none; } /********** WISHLIST & COMPARE LIST **********/ .wishlist-page .page-title { margin: 0 0 -1px; } .wishlist-content { margin: 0 0 20px; } .wishlist-content .message-error { margin: 20px 0; } .wishlist-content .table-wrapper { margin: 0 0 30px; } .wishlist-content .product-content { min-width: 300px; text-align: left; } .wishlist-content .tax-shipping-info { margin: 0 0 20px; text-align: center; } .wishlist-content .tax-shipping-info a { color: #4ab3f1; } .wishlist-content .tax-shipping-info a:hover { text-decoration: underline; } .wishlist-content .buttons { font-size: 0; } .wishlist-content .button-2 { display: block; width: 250px; margin: 0 auto 3px; border: none; padding: 10px 25px; text-align: center; line-height: 20px; font-size: 15px; color: #fff; } .wishlist-content .update-wishlist-button, .wishlist-content .wishlist-add-to-cart-button { background-color: #4ab2f1; text-transform: uppercase; } .wishlist-content .update-wishlist-button:hover, .wishlist-content .wishlist-add-to-cart-button:hover { background-color: #248ece; } .wishlist-content .email-a-friend-wishlist-button { background-color: #4ab2f1; text-transform: uppercase; } .wishlist-content .email-a-friend-wishlist-button:hover { background-color: #248ece; } .wishlist-page .share-info { text-align: center; } .wishlist-page .share-info span { display: block; margin: 0 0 5px; } .wishlist-page .share-info a { font-weight: bold; color: #737373; } .wishlist-page .share-info a:hover { color: #4ab2f1; } .wishlist-page .no-data { margin: 25px 0 0; } .compare-products-page { position: relative; overflow: hidden; } .compare-products-page .clear-list { display: inline-block; margin: 0 0 20px; background-color: #4ab2f1; padding: 7px 15px; font-size: 12px; color: #fff; text-transform: uppercase; } .compare-products-page .clear-list:hover { background-color: #248ece; } .compare-products-page .table-wrapper { margin: 0 0 30px; padding: 0 0 1px; /*IE mobile table border fix*/ } .compare-products-table td { min-width: 150px; border: 1px solid #bcbec0; background-color: #fff; padding: 20px; text-align: left; vertical-align: top; color: #737373; } .compare-products-table td:first-child { min-width: 0; } .compare-products-table td label { font-weight: normal; color: #777; } .compare-products-table .remove-button { display: inline-block; border: none; background: url(/Themes/HollandApoBE/Content/images/remove.png) left center no-repeat; padding: 0 0 0 18px; font-size: 12px; color: #666; } .compare-products-table .remove-button:hover { color: #4ab2f1; } .compare-products-table .picture { display: block; position: relative; max-width: 200px; height: 200px; overflow: hidden; } .compare-products-table .picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } .compare-products-table .product-name td { font-weight: bold; font-size: 15px; line-height: 18px; } .compare-products-table .product-name td a:hover { color: #4ab2f1; } .compare-products-table .short-description td { line-height: 22px; } .compare-products-table .full-description td { display: none; } .compare-products-page .no-data { margin: 25px 0 0; } /*********** TOPICS ***********/ .topic-block { margin: 0 0 25px; } .footer_titles .lh-25{ line-height:25px; } .topic-block-title { /*min-height: 50px;*/ margin: 0 0 14px; border-bottom: 1px solid #bcbec0; padding: 0 0 12px; } .topic-block-title h2 { color: #55a5dd; font: 600 22px/30px Raleway; text-align: left; } .topic-block-body { /*text-align: justify;*/ line-height: 22px; font-size: 15px; } .topic-block-body p { font-family: "work_sansregular"; margin-bottom: 18px; } .footer_titles .topic-block-body p{ margin:7px 0 0; color: #163c6e; font-size: 16px; text-transform: capitalize; padding:0 0 0 15px; } .home-page .topic-block-body p { margin-bottom: 21px; } .topic-page .page-body { line-height: 22px; } .topic-block a, .topic-page a { text-decoration: underline; color: #337ab7; } .topic-block strong, .topic-page strong { color: #444; } .home-page .topic-block { margin: 0 0 24px; } .popup-window .topic-page { padding: 15px; } .not-found-page p { margin: 30px 15px; } .topic-password { text-align: center; } .enter-password-title { margin: 0 0 20px; color: #737373; } .enter-password-form { display: inline-block; overflow: hidden; } .enter-password-form input[type="password"] { float: left; width: 200px; height: 40px; margin: 0 -1px 0 0; } .enter-password-form input[type="submit"] { float: left; width: auto; min-width: 86px; height: 40px; border: none; background-color: #4ab2f1; padding: 0 15px; color: #fff; text-transform: uppercase; } .enter-password-form input[type="submit"]:hover { background-color: #248ece; } /*********** CONTACT & EMAIL A FRIEND ***********/ .contact-page .page-title, .email-a-friend-page .page-title { margin: 0 0 -1px; } .contact-page .result, .contact-page .message-error, .email-a-friend-page .result, .email-a-friend-page .message-error { margin: 20px 0; } .contact-page .button-1, .email-a-friend-page .button-1 { min-width: 140px; border: none; background-color: #ef9f05; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .contact-page .button-1:hover, .email-a-friend-page .button-1:hover { background-color: #248ece; } .contact-page .topic-block, .email-a-friend-page .title { margin: 25px 0; } .email-a-friend-page .title h2 { font-weight: normal; color: #4ab2f1; } /********** REGISTRATION, LOGIN, ACCOUNT PAGES **********/ .gender { display: inline-block; } .gender span { display: inline-block; margin: 0 5px; } .gender span > * { display: inline !important; margin: 0 5px; line-height: 32px; } .date-of-birth select { width: 31%; /*always single line*/ max-width: 126px; } .date-of-birth select + select { margin: 0 0 0 10px; } #check-availability-button { margin: 10px 0 0; border: none; background-color: #888; padding: 10px 15px; font-size: 12px; color: #fff; text-transform: uppercase; } #check-availability-button:hover { background-color: #999; } .accept-privacy-policy { margin: 0 0 20px; text-align: center; } .accept-privacy-policy > * { display: inline-block; line-height: 32px; } .accept-privacy-policy span { color: #4ab2f1; cursor: pointer; } .registration-page .button-1, .registration-result-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .account-page .button-1, .return-request-page .button-1, .add-address-button { min-width: 140px; border: none; background-color: #55a5dd; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .registration-page .button-1:hover, .registration-result-page .button-1:hover, .login-page .button-1:hover, .password-recovery-page .button-1:hover, .account-page .button-1:hover, .return-request-page .button-1:hover { background-color: #248ece; } .registration-page .message-error, .login-page .message-error, .account-page .message-error { margin: 0 0 10px; } .registration-result-page .result { margin: 0 0 30px; padding: 30px 0; text-align: center; font-size: 16px; color: #4cb17c; } .login-page .customer-blocks { margin: 0 0 30px; } .login-page .title { margin: 0 0 15px; font-size: 20px; color: #55a5dd; } .login-page .title strong { font-weight: normal; } .login-page .new-wrapper { margin: 0 0 50px; } .login-page .new-wrapper .text { margin: 0 0 30px; border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 30px; line-height: 22px; } .login-page .new-wrapper .topic-block { margin: 0; } .login-page .new-wrapper .topic-block-body strong { color: #737373; } .login-page .new-wrapper .button-1 { margin: 0 0 5px; } .login-page .returning-wrapper { margin: 0; } .login-page .returning-wrapper .form-fields { overflow: hidden; padding: 30px 15px 0; } .login-page .returning-wrapper .inputs.reversed { white-space: normal; } .login-page .returning-wrapper .inputs.reversed * { display: inline-block; width: auto; margin: 5px; font-size: 14px; /*reset zeroing*/ color: #737373; cursor: pointer; } .inputs.reversed label:hover { color: #248ece !important; } .login-page .returning-wrapper .inputs.reversed a:hover { color: #4ab2f1; } .login-page .captcha-box { margin: -15px 0 20px; } .login-page .returning-wrapper .buttons { background-color: #fff; padding: 30px 0; } .external-authentication { margin: 0 0 50px; overflow: hidden; text-align: center; } .external-authentication .buttons { margin: 0 0 30px; border-top: 1px solid #e6e6e6; padding: 30px; } .external-auth-errors { color: #e4444c; } .external-auth-association { color: #737373; } .external-auth-association a { color: #4ab2f1; } .external-auth-association a:hover { text-decoration: underline; } .password-recovery-page .result { margin: 0 0 5px; font-weight: bold; color: #737373; } .password-recovery-page .tooltip { margin: 0 0 25px; } .add-more-external-records { text-align: center; } .add-more-external-records a { color: #4ab2f1; } .add-more-external-records a:hover { text-decoration: underline; } .account-page .buttons { text-align: center; } .account-page .description { margin: 0 0 25px; padding: 0 10px; } .account-page .table-wrapper { margin: 0 0 30px; } .address-list-page .info, .order-list-page .info { margin: 0 0 10px; border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 20px; line-height: 26px; color: #737373; } .address-list-page .info .name, .order-list-page .info .name { font-size: 16px; font-weight: bold; } .address-list-page .button-2, .order-list-page .button-2 { display: inline-block; margin: 0 0 0 10px; border: none; padding: 0 0 0 18px; font-size: 12px; color: #737373; } .edit-address-button { background: url(/Themes/HollandApoBE/Content/images/edit.png) left center no-repeat; } .delete-address-button, .cancel-recurring-order-button { background: url(/Themes/HollandApoBE/Content/images/remove.png) left center no-repeat; } .return-items-button { background: url(/Themes/HollandApoBE/Content/images/return.png) left center no-repeat; } .order-details-button { background: url(/Themes/HollandApoBE/Content/images/details.png) left center no-repeat; } .address-list-page .button-2:hover, .order-list-page .button-2:hover { color: #4ab2f1; } .address-list-page .add-button { margin: 0 0 20px; text-align: center; } .address-edit-page .page-title { margin: 0 0 -1px; } .address-edit-page .message-error { margin: 20px 0; } .address-edit-page .edit-address { margin: 0 0 30px; border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 30px 15px; overflow: hidden; } .recurring-payments table td { white-space: nowrap; } .recurring-payments table td:first-child { min-width: 120px; white-space: normal; } .recurring-payments .button-2 { font-size: 14px; } .return-request-list-page .details { border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 20px; line-height: 22px; color: #737373; } .return-request-list-page label { margin: 0 5px 0 0; } .return-request-list-page a { color: #4ab2f1; } .return-request-list-page a:hover { text-decoration: underline; } .return-request-list-page .comments div { margin: 10px 0 0; font-size: 15px; font-style: italic; color: #737373; } .downloadable-products-page table td { color: #737373; } .reward-points-overview { margin: 0 0 25px; } .reward-points-history table td { color: #737373; } .reward-points-history table td:first-child { min-width: 120px; } .change-password-page .page-title { margin: 0 0 -1px; } .change-password-page .result, .change-password-page .message-error { margin: 20px 0; } .change-password-page .fieldset { margin: 0 0 30px; } .avatar-page .page-title { margin: 0; } .avatar-page .page-body { margin: 0 0 30px; overflow: hidden; background-color: #f9f9f9; padding: 30px 25px; } .avatar-page .message-error { margin: 0 0 10px; } .avatar-page .image { margin: 0 0 10px; } .avatar-page .image img { border: 1px solid #ccc; } .avatar-page .button-1 { font-size: 14px; } .avatar-page .button-2 { border: none; background-color: #888; padding: 10px 15px; font-size: 14px; color: #fff; text-transform: uppercase; } .avatar-page .button-2:hover { background-color: #999; } .avatar-page .info { color: #737373; } .account-page .message-success { color: green; margin-bottom: 10px; } /********** SHOPPING CART **********/ .cart_page .page-title { border-bottom: 0px; } .cart_page .quickcheckout-cart th { color: #333; font-family: 'work_sansregular'; font-size: 18px; } .cart_page .delete-from-cart-button { background: rgba(0,0,0,0) url(/Plugins/Nopaholics.QuickCheckout/Content/img/delete_cart.png) no-repeat scroll 0 0 !important; width: 35px; /*replaced by 13px (B)*/ } body .cart_page .quickcheckout-cart thead th:nth-child(2), .cart_page .quickcheckout-cart tbody td:nth-child(2) { white-space: normal; } body .cart_page .quickcheckout-cart thead th:nth-child(3), .cart_page .quickcheckout-cart tbody td:nth-child(3) { padding: 0 10px; } body .cart_page .quickcheckout-cart thead th:nth-child(4), .cart_page .quickcheckout-cart tbody td:nth-child(4) { padding: 0 10px; } body .cart_page .quickcheckout-cart thead th:nth-child(5), .cart_page .quickcheckout-cart tbody td:nth-child(5) { padding: 0 10px; } body .cart_page .quickcheckout-cart thead th:nth-child(6), .cart_page .quickcheckout-cart tbody td:nth-child(6) { padding: 0 10px; } .cart_page .quickcheckout-cart tbody td { border-bottom: 1px solid #f0f0f0 !Important; } .cart_page .quickcheckout-cart th { padding: 28px 0; background-color: #f0f0f0; } .cart_page .cart.table-row td { padding: 30px 0; color: #333; font-family: 'work_sansregular'; font-weight: normal; font-size: 18px; } .cart_page .cart.table-row td span { font-size: 16px; } .cart_page .cart.table-row td, .cart_page .quickcheckout-cart th { border-width: 0px 0px 0; } .cart_page .cart.table-row td a { color: #333; font-family: 'work_sansregular'; font-weight: normal; padding: 0px; font-size: 18px; word-break: normal; } .cart_page .cart.table-row td.quantity div { border: 1px solid #55a5dd; width: 117px; border-radius: 25px; height: 41px; text-align: center; } .cart_page .quickcheckout-cart td.quantity input { border: 0px; padding: 0px; font-size: 18px; color: #333; vertical-align: sub; width: 46px; } .cart_page .cart.table-row td.quantity span { color: #55a5dd; width: 14px; display: inline-block; font-size: 20px; cursor: pointer; vertical-align: middle; } .rgt-col { float: none; width: 100%; } .shopping-cart-page .cart_page .order-summary-content .rgt-col .cart-footer { padding: 0px; margin-left: -15px; margin-right: -15px; background: transparent; border: 0px; } .shopping-cart-page .cart_page .quickcheckout-payment-info { display: inline-block; width: 100%; background-color: #f0f0f0; margin-top: -4px; } .shopping-cart-page .cart-options { border-bottom: 0px; margin-bottom: 0px; } .quickcheckout-payment-method { display: inline-block; width: 100%; background-color: #f0f0f0; margin: 0px; } .cart_page .cart-footer .page-title h3 { color: #163c6e; font-family: 'work_sanssemibold'; text-align: center; text-transform: uppercase; border-bottom: 1px solid #dcdbdb; padding: 9px 0 4px; font-size: 18px; } .cart_page .section.payment-method li { float: none; margin: 0px; text-align: center; width: 100%; margin-bottom: 7px; } .cart_page .section.payment-method li:last-child { margin-bottom: 0px; } .cart_page .payment-method .payment-details { margin: 0px; width: 50%; display: inline-block; float: left; text-align: left; } .cart_page .payment-method .payment-byinsurance-method { margin: 0px; width: 50%; display: inline-block; float: left; text-align: left; } .cart_page .payment-method .payment-logo { margin: 0px; width: 50%; display: inline-block; float: left; text-align: right; padding: 0px; } .cart_page .method-name { display: inline-block; width: 100%; background-color: #fff; border-radius: 6px; } .cart_page .method-name .payment-logo img { max-height: none; max-width: 100%; height: auto; } .cart_page .method-name input[type="radio"] { display: none; } .cart_page .method-name input[type="checkbox"] { display: none; } .cart_page .method-name .payment-details label, .cart_page .method-name .payment-byinsurance-method label { padding-left: 20px; position: relative; font-size: 16px; font-family: 'work_sansregular'; font-weight: normal; color: #333; margin: 18px 0px 18px 20px; cursor: pointer; } .cart_page .method-name .payment-details label:before { content: ""; background-image: url(/Plugins/Nopaholics.QuickCheckout/Content/img/check_radio_stripe.png); background-position: -28px 4px; background-repeat: no-repeat; cursor: pointer; margin-bottom: 0px; position: absolute; width: 20px; height: 18px; left: 0px; } .cart_page .method-name .payment-byinsurance-method label:before { content: ""; background-image: url(/Plugins/Nopaholics.QuickCheckout/Content/img/check_radio_stripe.png); background-position: -26px -14px; background-repeat: no-repeat; cursor: pointer; margin-bottom: 0px; position: absolute; width: 20px; height: 18px; left: 0px; } .cart_page .rgt-col .cart-footer .estimate-shipping .shipping-method label { position: relative; padding-left: 20px; font-size: 14px; font-family: 'work_sansbold'; font-weight: normal; color: #333; cursor: pointer; } .cart_page .rgt-col .checkout-data .shipping-method li { padding-right: 5px; } .cart_page .rgt-col .cart-footer .estimate-shipping .shipping-method label:before { content: ""; background-image: url(/Plugins/Nopaholics.QuickCheckout/Content/img/check_radio_stripe.png); background-position: -28px 4px; background-repeat: no-repeat; cursor: pointer; margin-bottom: 0px; position: absolute; width: 20px; height: 18px; left: 0px; } .cart_page .rgt-col .cart-footer .estimate-shipping .shipping-method input[type="radio"]:checked + label:before { background-position: 0px 4px; } .cart_page .rgt-col .cart-footer .estimate-shipping .shipping-method input[type="checkbox"]:checked + label:before { background-position: 0px 4px; } .cart_page .method-name input[type="radio"]:checked + label:before { background-position: 0px 4px; } .cart_page .method-name input[type="checkbox"]:checked + label:before { background-position: 0px -14px; } .cart_page .payment-method .payment-logo { background-color: transparent; display: table; height: 55px; } .cart_page .payment-method .payment-logo label { display: table-cell; margin: 0px; padding-right: 20px; } .shopping-cart-page .cart_page .rgt-col .page-title { margin: 0px; } .cart_page .rgt-col .payment-method .method-list { margin: 0px; padding: 18px; } .cart_page .rgt-col .payment-info .info { padding: 18px; } .cart_page .payment-info .info td { margin: 0px; font-size: 16px; font-family: 'work_sansregular'; color: #333; } .cart_page .payment-info .info td input[type="text"] { width: 100% !important; border: 1px solid #55a5dd; border-radius: 25px; padding: 0px 10px; margin-top: 10px; font-size: 14px; font-family: 'work_sansregular'; } .cart_page .payment-info .info td:first-child { width: auto !important; } .cart_page .payment-info .info tr:last-child { margin: 0px; } .shopping-cart-page .cart_page .message-error { margin: 0px; } .cart_page .quickcheckout-shipping-method.estimate-shipping { background-color: #f0f0f0; } .cart_page .cart-collaterals .hint { font-family: 'work_sansregular'; color: #333; font-size: 16px; margin: 15px 16px 15px 16px; } .cart_page .rgt-col .checkout-data .shipping-method li .method-name { padding: 0px; } .cart_page .quickcheckout-shipping-method.estimate-shipping .shipping-options { border: 0px; padding: 0px 17px; } .cart_page #quickcheckout-shipping-method-load { border: 0px; } .cart_page .quickcheckout-shipping-method .shipping-options label { max-width: 76px; color: #333; font-weight: normal; color: #163c6e; font-family: 'work_sanssemibold'; } .cart_page .cart-footer .estimate-shipping .inputs select { width: 75%; background: #fff url(/Plugins/Nopaholics.QuickCheckout/Content/img/down_arrow.png) no-repeat; height: 41px; border-radius: 25px; border: 1px solid #55a5dd; background-repeat: no-repeat; background-position: 95% 55%; padding: 0px 30px 0px 15px !important; font-family: 'work_sansregular'; color: #333; font-size: 16px; } .cart_page .inputs { margin: 0px; } .cart_page .deals .hideDiscount { margin: 0px; font-family: 'work_sansregular'; color: #333; font-size: 16px; border-bottom: 1px solid #dcdbdb; padding: 12px 30px 10px; } .cart_page .deals .hideDiscount a { color: #3365a8; text-decoration: underline; } .cart_page .cart-footer .cart-collaterals .deals { width: 100%; background-color: #f0f0f0; margin-top: 30px; } .cart_page .order-summary-content .rgt-col .totals { padding: 0px; border: 0px; background-color: #f0f0f0; display: inline-block; width: 100% !important; } .cart_page .cart-footer .total-info { padding: 0px; border: 0px; } .cart_page .rgt-col .cart-total td { padding: 9px 18px; } .cart_page .rgt-col .cart-total td:first-child { text-align: left; font-family: 'work_sanssemibold'; font-size: 16px; color: #163c6e; } .cart_page .rgt-col .cart-total td:first-child label { font-weight: normal; } .cart_page .rgt-col .cart-total td:last-child { color: #333; font-family: 'work_sansregular'; font-size: 16px; text-align: right; } .cart_page .totals { background-color: #f0f0f0; } .cart_page .rgt-col .cart-total .order-total td { font-size: 18px; border-top: 1px solid #dcdbdb; } .cart_page .rgt-col .cart-total .order-total td:last-child { font-family: 'work_sansbold'; } .cart_page .terms-of-service { margin: 0px; padding: 0px 17px; } .cart_page .terms-of-service label { margin: 0px; position: relative; padding-left: 28px; font-size: 16px; font-family: 'work_sansregular'; font-weight: normal; color: #333; } .cart_page .terms-of-service label:before { content: ""; background-image: url(/Plugins/Nopaholics.QuickCheckout/Content/img/check_radio_stripe.png); background-position: -26px -15px; background-repeat: no-repeat; margin-bottom: 0px; position: absolute; width: 20px; height: 18px; left: 0px; top: 2px; } /*.cart_page .terms-of-service input[type="checkbox"] { display: none; }*/ .cart_page .terms-of-service input[type="checkbox"]:checked + label:before { background-position: 0px -15px; } .cart_page .terms-of-service a { display: inline-block; color: #3365a8; } .cart_page .checkout-buttons { display: inline-block; width: 100%; text-align: center; padding-bottom: 14px; } .cart_page .checkout-buttons button:hover { background-color: #55a5dd; } .cart_page .checkout-buttons button { float: none; border-radius: 30px; text-transform: capitalize; font-family: 'work_sansbold'; background-color: #55a5dd; font-size: 18px; height: auto; min-width: auto; padding: 7px 37px; } .cart_page .checkout-buttons button:hover, .cart_page .cart-collaterals .coupon-code input[type="submit"]:hover { background-color: #248ece; } .cart_page .ShowDiscount { display: none; } .cart_page .cart-collaterals .coupon-code input[type="submit"] { float: none; border-radius: 30px; text-transform: capitalize; font-family: 'work_sansbold'; background-color: #55a5dd; font-size: 18px; height: auto; min-width: auto; padding: 7px 37px; width: auto; margin-bottom: 19px; } .cart_page .ShowDiscount .title { color: #163c6e; font-family: 'work_sanssemibold'; text-align: center; font-size: 18px; text-transform: uppercase; cursor: pointer; } .cart_page .ShowDiscount .coupon-box { border-bottom: 1px solid #fff; padding: 9px 19px 0px; } .cart_page .cart-collaterals .coupon-code { text-align: center; margin: 0px; } .cart_page .cart-collaterals .coupon-code input[type="text"] { width: 100%; float: none; height: 41px; background-color: #fff; border: 1px solid #55a5dd; font-family: 'work_sansregular'; border-radius: 30px; padding: 0px; margin-bottom: 8px; margin-right: 0px; padding: 0px 15px; } .cart_page .cart-collaterals .deals .hint { display: none; } .cart_page .cart-collaterals .deals > div { margin: 0px; } .cart_page .ShowDiscount .giftcard-box { padding: 9px 19px 0px; } .cart_page .cart-collaterals .deals .title strong { position: relative; padding-right: 26px; } .cart_page .cart-collaterals .deals .title strong:after { content: ""; background-image: url(/Plugins/Nopaholics.QuickCheckout/Content/img/cart_arrow.png); width: 16px; height: 9px; background-repeat: no-repeat; position: absolute; margin-left: 11px; top: 7px; } .cart_page .payment-info .info table tbody tr { word-break: break-word; } .cart_page .payment-info .info table tbody { display: block; } .cart_page .payment-info .info table { display: block; } .footer-powered-by { width: 190px; margin: auto; font-size: 14px; } @media screen and (max-width: 1370px) { .cart_page .cart-footer .estimate-shipping .inputs select { width: 100%; } #quickcheckout-shipping-title label { width: 100%; } } @media screen and (max-width: 1199px) { .cart_page .method-name .payment-details label { margin: 18px 0px 18px 10px; } } @media screen and (max-width: 1000px) { .cart_page .quickcheckout-cart tbody td:last-child { border-bottom: none !important; } .cart_page .quickcheckout-cart tr { width: 100%; margin: 0px 0px 10px; border: 1px solid #f0f0f0; } .cart_page .cart.table-row td { padding: 10px 0; } .cart_page .cart.table-row td.quantity div { margin: 0 auto; display: inline-block; } .cart_page .rgt-col .payment-method .method-list { padding: 10px; float: none; width: 100%; display: block; } .cart_page .quickcheckout-shipping-method.estimate-shipping .shipping-options { padding: 0px 10px; } .cart_page .rgt-col .checkout-data .shipping-method li { margin: 0 0px 10px; } .cart_page .deals .hideDiscount { padding: 12px 10px 10px; } .cart_page .rgt-col .cart-total td { padding: 9px 10px; } .cart_page .terms-of-service { padding: 0px 10px; } .cart_page .rgt-col .payment-info .info { padding: 0px 10px; } .cart_page .quickcheckout-cart.cart td.remove-from-cart { border-bottom: 1px solid #f0f0f0; } .cart_page .quickcheckout-cart.cart td.product { border-bottom: 1px solid #dcdbdb; } .shopping-cart-page .cart_page .quickcheckout-cart td .td-title { font-family: 'work_sansbold'; } .shopping-cart-page .cart_page .quickcheckout-cart td.unit-price span, .shopping-cart-page .cart_page .quickcheckout-cart td.subtotal span { padding: 0px; } .cart_page .cart-collaterals .coupon-code input[type="submit"] { padding: 7px 17px; font-size: 16px; } .cart_page .checkout-buttons button { padding: 7px 17px; font-size: 16px; } .cart_page .ShowDiscount .giftcard-box { padding: 9px 10px 0px; } .cart_page .ShowDiscount .coupon-box { padding: 9px 10px 0px; } .shopping-cart-page .cart_page .common-buttons { margin: 0 0 20px; } .shopping-cart-page .cart_page .quickcheckout-cart td.unit-price { padding: 18px 0px; } } @media screen and (max-width: 767px) { .cart_page .cart-wrapper .page-title h3 { font-size: 24px; } .cart_page .rgt-col .payment-info .info td { max-width: 100% !important; } .cart_page .order-summary-content .rgt-col .totals { margin-top: 20px; } .cart_page .cart-footer .cart-collaterals .deals { margin-top: 20px; } .cart_page { padding: 15px 0 0px; } .cart_page .cart.table-row td.quantity div { width: 96px; } .cart_page .quickcheckout-cart td.quantity input { width: 36px; } .footer_titles .lh-25{ text-align:center; } body .footer-block .list{ padding:10px 0; } .footer_titles .topic-block-body p{ padding:0; } } .order-progress { margin: 0 0 50px; background-color: #f6f6f6; padding: 15px 0; text-align: center; } .order-progress ul { font-size: 0; } .order-progress li { display: inline-block; margin: 10px; } .order-progress a { display: block; min-width: 70px; font-size: 14px; /*reset zeroing*/ color: #737373; } .order-progress a:before { content: ""; display: block; width: 40px; height: 40px; margin: 0 auto 15px; border: 1px solid #bbb; background: #fff url(/Themes/HollandApoBE/Content/images/pointer.png) center no-repeat; } .order-progress li.active-step a { cursor: pointer; } .order-progress li.inactive-step a { opacity: 0.3; cursor: default; } .shopping-cart-page .page-title { margin: 0 0 -1px; padding: 10px; } .shopping-cart-page .message-error { margin: 20px 0; } .shopping-cart-page td .message-error { margin: 10px 0 0; text-align: left; } .shopping-cart-page .common-buttons { margin: 0 0 60px; background-color: #f6f6f6; padding: 20px; font-size: 0; } .shopping-cart-page .common-buttons input { display: inline-block; min-width: 180px; margin: 5px; border: none; background-color: #4ab2f1; padding: 10px 20px; font-size: 15px; color: #fff; } .shopping-cart-page .common-buttons input:hover { background-color: #248ece; } .shopping-cart-page .common-buttons input:first-child { background-color: #4ab2f1; } .shopping-cart-page .common-buttons input:first-child:hover { background-color: #248ece; } .checkout-attributes { margin: -30px 0 30px; color: #737373; } .checkout-attributes dt { margin: 0 0 5px; font-weight: bold; } .checkout-attributes dd { margin: 0 0 20px; } .checkout-attributes input[type="text"], .checkout-attributes select { min-width: 200px; } .checkout-attributes ul { font-size: 0; } .checkout-attributes li { display: inline-block; margin: 5px; border: 1px solid #bcbec0; background-color: #fff; padding: 8px 10px; font-size: 14px; /*reset zeroing*/ } .checkout-attributes li label { display: inline-block; margin: 0 0 0 5px; } .selected-checkout-attributes { margin: 30px 0; color: #737373; } .selected-checkout-attributes br { content: ""; display: block; margin: 3px; } .cart-footer { margin: 0 0 20px; border-top: 1px solid #bcbec0; } .cart-footer:after { content: ""; display: block; clear: both; } .cart-footer .totals { width: 350px; max-width: 100%; margin: 0 auto 50px; background-color: #f9f9f9; padding: 10px; color: #737373; } .cart-footer .total-info { margin: 0 0 20px; border-bottom: 1px solid #bcbec0; padding: 5px 30px 15px; } .cart-total td { width: 50%; padding: 5px 0; text-align: right; } .cart-total td:first-child { text-align: left; } .cart-total .giftcard-remaining { display: block; font-style: italic; } .cart-total .order-total { font-size: 18px; color: #4ab2f1; } .cart-total .order-total strong { font-weight: normal; } .cart-total .earn-reward-points { font-style: italic; } .min-amount-warning { margin: 0 0 20px; padding: 0 30px; color: #e4434b; } .terms-of-service { margin: 0 0 20px; padding: 0 30px; } .terms-of-service label { cursor: pointer; } .terms-of-service a { margin: 0 0 0 3px; color: #4ab2f1; } .cart-footer .checkout-buttons { padding: 0 10px; } .cart-footer .checkout-button { display: inline-block; min-width: 160px; border: none; background-color: #4ab2f1; padding: 10px 20px; font-size: 16px; color: #fff; text-transform: uppercase; } .cart-footer .checkout-button:hover { background-color: #248ece; } .cart-footer .addon-buttons { margin: 20px 0 0; padding: 0 10px; } .cart-collaterals { width: 350px; max-width: 100%; margin: 0 auto 50px; padding: 25px 0 0; } .cart-collaterals > div { max-width: 400px; margin: 0 0 50px; } .cart-collaterals .button-2 { display: inline-block; border: none; background-color: #4ab2f1; padding: 10px 15px; color: #fff; text-transform: uppercase; } .cart-collaterals .button-2:hover { background-color: #248ece; } .cart-collaterals .title { margin: 0 0 5px; font-size: 18px; color: #737373; } .cart-collaterals .title strong { font-weight: normal; } .cart-collaterals .hint { margin: 0 0 10px; } .cart-collaterals .deals > div { margin: 0 0 20px; } .cart-collaterals .coupon-code { overflow: hidden; } .cart-collaterals .coupon-code input[type="text"] { float: left; width: 60%; height: 36px; /*safari padding fix*/ margin: 0 -1px 0 0; } .cart-collaterals .coupon-code input[type="submit"] { float: left; width: 40%; height: 36px; /*safari padding fix*/ padding: 0; } .cart-collaterals .message-failure, .cart-collaterals .message-failure-discount { margin: 0px 0 10px; font-size: 12px; color: #e4434b; } .cart-collaterals .message-success, .cart-collaterals .message-success-discount { margin: 0px 0 10px; font-size: 12px; color: #4cb17c; } .cart-collaterals .current-code { margin: 5px 0 0; color: #4cb17c; } .remove-discount-button, .remove-gift-card-button { width: 16px; height: 16px; border: 1px solid #999; background: #fff url(/Themes/HollandApoBE/Content/images/close.png) center no-repeat; cursor: pointer; } .cart-collaterals .shipping select { height: 36px; } .cart-collaterals .shipping-results { margin: 30px 0 0; } .cart-collaterals .shipping-results li { margin: 20px 0; } .cart-collaterals .shipping-results li strong { display: block; margin: 0 0 5px; color: #737373; } .shopping-cart-page .no-data { margin: 25px 0 0; } .totals .cart-total-left label { margin-bottom: 0; } /********** CHECKOUT **********/ /*Edit address screen layout during checkout section begin*/ .k-window-actions a { opacity: 1 !important; background-position: 0; } .k-window-actions a span[role="presentation"] { background-image: url(/Themes/HollandApoBE/Content/images/close-btn-hove.png); color: #fff; background-size: cover; background-position: 0; opacity: 1; } .k-window-actions a span[role="presentation"]:not(:empty) { background-position: 0 !important; } /*Edit address screen layout during checkout section end*/ .checkout-page .section { margin: 0 0 30px; } .checkout-page .section.order-summary { margin: 100px 0 30px; } .checkout-page .cart-options { min-height: 60px; overflow: hidden; } .checkout-page .cart-footer { border-top: none; } .checkout-page .total-info { margin: 0; border-bottom: none; padding: 5px 20px 10px; } .checkout-page .button-1 { display: inline-block; min-width: 140px; border: none; font-family: 'work_sansbold'; background-color: #4ab2f1; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; overflow:hidden; word-break:break-word; } .checkout-page .button-1:hover { background-color: #248ece; } .checkout-page .address-item { width: 350px; max-width: 100%; margin: 0 auto 40px; } .checkout-page .address-item ul { margin: 0 0 15px; background-color: #f9f9f9; padding: 20px; color: #737373; } .checkout-page .address-item li { padding: 5px 0; } .checkout-page .address-item li.name { font-size: 16px; font-weight: bold; } .enter-address .message-error { margin: 20px 0; } .enter-address .edit-address { /*background-color: #f9f9f9; border-top: 1px solid #e6e6e6;*/ margin: 0 0 5px; padding: 10px 0 0 0; overflow: hidden; } .checkout-page .pickup-in-store { padding: 30px 0; text-align: center; } .checkout-page .pickup-in-store .selector { margin: 0 0 5px; font-weight: bold; color: #737373; } .shipping-method .method-list, .payment-method .method-list { margin: 0 auto 30px; overflow: hidden; text-align: center; font-size: 0; } .shipping-method .method-list li, .payment-method .method-list li { margin: 20px 0; font-size: 14px; /*reset zeroing*/ } .shipping-method .method-list li label, .payment-method .method-list li label { font-size: 13px; font-weight: bold; color: #737373; } .shipping-method .method-description { margin: 5px 0 0; } .payment-method .use-reward-points { margin: 0 0 30px; text-align: center; color: #737373; } .payment-method .payment-logo label { display: block; font-size: 0 !important; } .payment-info .info { padding: 30px 15px; color: #737373; } .payment-info .info tr { display: block; margin: 0 0 15px; font-size: 0; } .payment-info .info td { display: inline-block; width: 100% !important; max-width: 400px !important; font-size: 14px; /*reset zeroing*/ } .payment-info .info td:only-child { width: 100% !important; max-width: 100% !important; } .payment-info .info td input[type="text"] { max-width: 100% !important; } /*.payment-info .info td input[name="CardCode"] { width: 65px !important; }*/ .payment-info .info td select { background-color: #ffffff; min-width: 70px; } .payment-info .info td:first-child { margin: 0 0 10px; } .payment-info .info p { text-align: center; } .confirm-order .buttons { padding: 10px 0; } .confirm-order .button-1 { font-size: 16px; } .order-review-data ul, .order-details-area ul, .shipment-details-area ul { width: 350px; max-width: 100%; margin: 0 auto 40px; background-color: #f9f9f9; padding: 20px; color: #737373; } .order-review-data li, .order-details-area li, .shipment-details-area li { padding: 3px 0; } .order-review-data .title, .order-details-area .title, .shipment-details-area .title { margin: 20px 0 5px; padding: 0; font-size: 16px; font-weight: bold; } .order-review-data .title:first-child, .order-details-area .title:first-child, .shipment-details-area .title:first-child { margin-top: 0; } .order-completed .details { margin: 0 0 30px; padding: 30px 15px; text-align: center; color: #737373; } .order-completed .details div { margin: 5px 0; } .order-completed .details strong { font-weight: normal; text-transform: uppercase; } .order-completed .details a { color: #4ab2f1; } .order-completed .details a:hover { text-decoration: underline; } .opc .step-title { margin: 0 0 1px; overflow: hidden; background-color: #f6f6f6; } .opc .allow .step-title { background-color: #4ab2f1; cursor: pointer; } .opc .step-title .number, .opc .step-title .title { height: 30px; padding: 5px; line-height: 30px; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; } .opc .allow .step-title .number, .opc .allow .step-title .title, .opc .step-title .title { color: #333; cursor: pointer; font-family: 'work_sanssemibold'; } .opc .step-title .number { min-width: 30px; width: 30px; text-align: center; margin-right: 10px; background: #f0f0f0; color: #333; cursor: pointer; font-family: 'work_sanssemibold'; } .opc .allow .step-title .number { background-color: #f0f0f0; } .opc .step { margin: 0; padding: 32px; text-align: center; } .opc .section { margin: 0 0 30px; } .opc .section > label { display: block; margin: 0 0 10px; } .opc input[type="text"], .opc select { max-width: 100%; } .opc .buttons { margin-bottom: 0; } .opc .back-link { margin: 0 0 10px; } .opc .back-link small { display: none; } .opc .back-link a { display: inline-block; margin: 0 0 0 -15px; background: url(/Themes/HollandApoBE/Content/images/back-button.png) left center no-repeat; padding: 0 0 0 18px; color: #737373; } .opc .back-link a:hover { color: #4ab2f1; } .opc .buttons .please-wait { display: block; margin: 10px 0 0; background: none; } .opc .section.pickup-in-store { margin: 0 0 30px; padding: 0; } .opc .payment-info .info tr { text-align: left; } .opc .section.order-summary { margin: 0; } .bgGrey { background: #f0f0f0; } .p32{ padding:32px; } .EVCpluginPage .page-title{ border-bottom:0; } .EVCpluginPage .page-title h1{ color: #163C6E; font-family: 'work_sanssemibold'; font-size: 36px; } .checkout_ordersummary_col { background: #f0f0f0; overflow: hidden; word-break: break-word; } .checkout_ordersummary_col .info { padding: 0 32px; border-bottom: 1px solid #BCBEC0; } .checkout_ordersummary_col .topTitle{ display:flex; justify-content:space-between; align-items:center; } .checkout_ordersummary_col .info .Checkoutproduct_img_name { display: flex; justify-content: flex-start; align-items: flex-start; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #BCBEC0; } .checkout_ordersummary_col .info .Checkoutproduct_img_name:nth-of-type(1) { padding-top: 0; border-top: 0; } .Checkoutproduct_img_name .product { width: 100%; display: flex; flex-direction: column; } .Checkoutproduct_img_name .product-picture { background: #fff; max-width: 70px; min-width: 70px; width: 70px; height: 70px; padding: 6px; margin-right: 20px; display: flex; justify-content: center; align-items: center; } .Checkoutproduct_img_name .product-picture a img{ margin: auto; width: 100%; height: auto; } .Checkoutproduct_img_name .product .product-name { font-family: 'work_sanssemibold'; font-size: 17px; color: #163c6e; line-height: 22px; margin:0; } .Checkoutproduct_img_name .product .checkout_qty_subtotal { display: flex; justify-content: space-between; align-items: center; } .Checkoutproduct_img_name .product .checkout_qty_subtotal label{ display:inline-block; margin-bottom:0; } .Checkoutproduct_img_name .product .checkout_qty_subtotal .product-subtotal, .Checkoutproduct_img_name .product .checkout_qty_subtotal .quantity{ font-weight: 600; color: #171717; } .checkout_ordersummary_col .total-info .cart-total-left { color: #163C6E; font-family: 'work_sanssemibold'; font-size: 16px; } .checkout_ordersummary_col .total-info .cart-total-right { color: #333; font-family: 'work_sanssemibold'; font-size: 16px; } .checkout_ordersummary_col .total-info{ padding: 18px 0px 32px; } .checkout_ordersummary_col .total-info .cart-total tbody tr{ padding: 0 32px; display: flex; width: 100%; } .checkout_ordersummary_col .total-info .cart-total tbody .order-total { padding-top: 14px; border-top: 1px solid #BCBEC0; } .container.EVCpluginPage{ margin-bottom:60px; } .EVCpluginPage .opc .allow .step-title, .EVCpluginPage .opc .tab-section .step-title { background: #fff; border: 1px solid #BCBEC0; margin: 0; display: flex; align-items: center; justify-content: flex-start; padding: 14px; } .EVCpluginPage .opc li{ margin-bottom:15px; } .left_wrap .customer-info-inner .form-fields .input_label, .customer-info-register .inner-form .form-fields .input_label { width: 40%; float: left !important; display: flex; padding-right: 15px; text-align: right; white-space: unset; min-height: 40px; align-items: center; justify-content: flex-end; } .left_wrap .customer-info-inner .form-fields .input_label label, .customer-info-register .inner-form .form-fields .input_label label{ display: inline-block; width: auto !important; font-family: "work_sanssemibold"; font-size: 16px; color: #163c6e; margin-right: 0; vertical-align: middle; white-space:normal; } .customer-info-register .inner-form .form-fields .input_label .required:after{ display:none; } .customer-info-register .fieldset{ margin:0; } .left_wrap .customer-info-inner .form-fields .inputs .field-validation-error, .customer-info-register .inner-form .form-fields .inputs .field-validation-error { text-align: right; } .left_wrap .customer-info-inner .form-fields .inputs input[type="text"], .left_wrap .customer-info-inner .form-fields .inputs input[type="password"], .customer-info-register .inner-form .form-fields .inputs input[type="text"], .customer-info-register .inner-form .form-fields .inputs input[type="password"] { display: inline-block; width: 60%; font-family: "work_sansregular"; float: left; border-radius: 30px; border: 1px solid #55a5dd; background-color: #fff; height: 40px; } .left_wrap .customer-info-inner .form-fields, .customer-info-register .inner-form .form-fields{ border-top: 0; } .left_wrap .customer-info-inner .form-fields .forgot-password input { border: 0; color: #4ab2f1; text-decoration:underline; } .left_wrap .customer-info-inner .form-fields .reversed{ margin:0; } .left_wrap .customer-info-inner .login-buttons, .customer-info-register .inner-form .submit-button { text-align: right; } .left_wrap .customer-info-inner .pagetitle h3, .customer-info-register .pagetitle h3 { text-align: center; text-transform: uppercase; font-size: 18px; color: #163c6e; border-bottom: 1px solid #dcdbdb; padding: 15px 0; font-family: 'work_sanssemibold'; overflow: hidden; word-break: break-word; } .EVCpluginPage .opc li.active .step-title{ background: #f0f0f0; border-top: 0; border-right: 0; border-left: 0; } .EVCpluginPage .opc li.active .step-title .number{ background:#fff; } .EVCpluginPage .left_wrap #opc-payment_method .method-list li { display: flex; background: #fff; width: 100%; padding: 10px; border-radius: 6px; margin: 0 auto 15px; } .EVCpluginPage .left_wrap #opc-payment_method .method-list li .payment-logo{ display:none; } .EVCpluginPage .left_wrap #opc-payment_method .method-list li .payment-details{ margin:0; } .EVCpluginPage .left_wrap #opc-payment_method .method-list li .payment-details label{ color:#333; font-family: 'work_sanssemibold'; font-size:16px; } .EVCpluginPage .left_wrap #opc-payment_method #payment-method-buttons-container{ text-align:right; } .EVCpluginPage .left_wrap #opc-payment_method #payment-method-buttons-container input{ margin-right:0; } .redioBox{ overflow:hidden; word-break:break-word; } /****** ORDER DETAILS & SHIPPING DETAILS ******/ .order-details-page .page-title { border-bottom: none; } .order-details-page .page-title h1 { margin: 0 0 30px; border-bottom: 1px solid #bcbec0; padding: 0 0 10px; } .order-details-page .page-title a { display: inline-block; min-width: 180px; margin: 5px 0; border: none; background-color: #4ab2f1; background-image: none; padding: 10px 20px; font-size: 15px; color: #fff; } .order-details-page .page-title a:hover { background-color: #248ece; } .order-details-page .page-title a.print-order-button { background-color: #4ab2f1; } .order-details-page .page-title a.print-order-button:hover { background-color: #248ece; } @media only screen and (max-width: 767px){ .order-details-page .print-order-section { text-align: center; } .order-details-page .actions { text-align: center; } } .order-details-page .order-overview { margin: 0 0 50px; line-height: 26px; text-align: center; font-size: 16px; color: #737373; } .order-details-page .order-overview .order-number { margin: 0 0 10px; text-transform: uppercase; } .order-details-page .order-overview .order-total strong { font-weight: normal; color: #4ab2f1; } .order-details-page .repost .button-2 { display: inline-block; margin: 10px 0; border: none; background-color: #4ab2f1; padding: 10px 15px; font-size: 12px; color: #fff; text-transform: uppercase; } .order-details-page .repost .button-2:hover { background-color: #248ece; } .order-details-page .download a { font-weight: normal; color: #4ab2f1; } .order-details-page .download a:hover { text-decoration: underline; } .user-agreement-page .terms-of-agreement { margin: 0 0 20px; padding: 20px; text-align: center; } .user-agreement-page .button-1 { min-width: 140px; border: none; background-color: #4ab2f1; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .user-agreement-page .button-1:hover { background-color: #248ece; } .order-details-page .tax-shipping-info { margin: 30px 0; } .order-details-page .tax-shipping-info a { color: #4ab2f1; } .order-details-page .tax-shipping-info a:hover { text-decoration: underline; } .order-details-page .actions { margin: 30px 0 0; font-size: 0; } .order-details-page .actions input { display: inline-block; min-width: 180px; margin: 5px; border: none; background-color: #aaa; background-image: none; padding: 10px 20px; font-size: 15px; color: #fff; } .order-details-page .actions input:hover { background-color: #999; } .order-details-page .actions input:first-child { background-color: #4ab2f1; } .order-details-page .actions input:first-child:hover { background-color: #248ece; } .order-details-page .total-info { width: 350px; max-width: 100%; margin: 0 auto 50px; background-color: #f9f9f9; padding: 15px 20px; color: #737373; } /****** SEARCH & SITEMAP ******/ .search-page .page-title { margin: 0 0 -1px; } .search-input .fieldset { margin: 0 0 30px; } .search-input .form-fields { padding: 30px 15px 10px; } .search-input input + label { display: inline; margin: 0 0 0 5px; } .advanced-search { margin: 30px 0 0; } .advanced-search .price-range { display: inline-block; } .advanced-search .price-range input { width: 80px; margin: 3px; } .search-input .buttons { text-align: center; } .search-input .button-1 { min-width: 140px; border: none; background-color: #4ab2f1; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .search-input .button-1:hover { background-color: #248ece; } .search-results { margin: 30px 0 0; } .search-results .warning, .search-results .no-result { margin: 10px 0; color: #e4434b; } .sitemap-page .description { margin: 0 0 30px; text-align: center; } .sitemap-page .entity { margin: 0 0 30px; } .sitemap-page .entity-title { margin: 0 0 15px; padding: 0 10px; text-align: center; } .sitemap-page .entity-title h3 { font-size: 20px; font-weight: normal; color: #55a5dd; } .sitemap-page .entity-body { border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 30px 15px; text-align: center; } .sitemap-page ul { font-size: 0; } .sitemap-page li { display: inline-block; position: relative; margin: 0 8px; padding: 0 12px; line-height: 50px; font-size: 14px; /*reset zeroing*/ } .sitemap-page li:before { content: ""; position: absolute; top: 23px; left: 0; width: 5px; height: 5px; background-color: #bcbec0; } .sitemap-page a:hover { color: #4ab2f1; } .sitemap-page a:empty { display: none; } .brand-boxes { margin-top: 29px; } /****** BLOG & NEWS ******/ .block-blog-archive .number { display: block; color: #737373; cursor: auto; padding: 0 20px; } .block-blog-archive .sublist { margin: 0; } .block-blog-archive li.month { padding: 3px 0 3px 0; } .blog-page .page-title { margin: 0; } a.news-title { padding-bottom: 0; } .blog-page .post, .news-items .news-item { margin: 0 0 30px; } .blog-page .post:after { content: ""; display: block; clear: both; } .post-title, .news-title { color: #f2b237; display: inline-block; font: 400 18px/22px work_sansregular; padding: 0; } .post-title:hover, .news-title:hover { color: #4ab2f1; } .post-date, .news-date { display: block; margin: 0 0 15px; background-color: #f6f6f6; padding: 10px; font-style: italic; color: #737373; } .post-body, .news-body { font-size: 15px; font-weight: 100; margin: 10px 0; padding: 0; line-height: 22px; } .blog-page .tags, .blogpost-page .tags { margin: 0 0 15px; overflow: hidden; padding: 0 0; } .blog-page .tags label, .blogpost-page .tags label { display: inline-block; margin: 0 3px 3px 0; font-weight: bold; color: #737373; } .blog-page .tags ul, .blogpost-page .tags ul { display: inline-block; margin: 0 0 3px 3px; font-size: 0; } .blog-page .tags li, .blogpost-page .tags li { display: inline-block; font-size: 14px; /*reset zeroing*/ } .blog-page .tags li.separator, .blogpost-page .tags li.separator { margin: 0 8px 0 0; } .blog-page .tags a, .blogpost-page .tags a { display: block; color: #4ab2f1; } .blog-page .tags a:hover, .blogpost-page .tags a:hover { text-decoration: underline; } .blog-posts .buttons, .news-items .buttons { margin: 0; padding: 0; } .blog-posts .buttons .read-comments { display: block; margin: 0 0 15px; font-weight: bold; color: #737373; } .blog-posts .buttons .read-comments:hover { color: #4ab2f1; } .blog-posts .buttons .read-more, .news-items .buttons .read-more { display: inline-block; border: none; background-color: #4ab2f1; padding: 10px 20px; font-size: 12px; color: #fff; /*text-transform: uppercase;*/ } .news-items .buttons .read-more, a.more-info, a.link { background: #f2b237; color: #fff; display: inline-block; font: normal 15px/22px work_sansregular; padding: 8px 20px; text-decoration: none; } .widget-detail a { float: none; } .center-1 .news-items .buttons { border: none; text-align: left; padding: 0; } .blog-posts .buttons .read-more:hover, .news-items .buttons .read-more:hover, a.link:hover { background-color: #55a5dd; } .news-items .buttons .read-more:hover, a.more-info:hover { background: #d58e04; color: #fff; } .new-comment { margin: 50px 0 60px; } .new-comment .notifications { margin: 0 0 10px; } .new-comment .result { color: #690; } .new-comment .form-fields { margin: 0 0 20px; } .new-comment .button-1 { border: none; background-color: #4ab2f1; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .new-comment .button-1:hover { background-color: #248ece; } .comment-list { margin: 0 0 100px; } .comment-list .title { margin: 0 0 15px; padding: 0 10px; font-size: 20px; color: #737373; } .comment-list .title strong { font-weight: normal; } .comment-list .comment { margin: 0 0 40px; border-top: 1px solid #bcbec0; } .comment-list .comment:after { content: ""; display: block; clear: both; } .comment-info { width: 150px; margin: 20px auto; } .comment-info .username { display: block; margin: 0 0 -1px; border: 1px solid #bcbec0; background-color: #f6f6f6; padding: 11px 0; font-weight: bold; color: #737373; } .comment-info a.username:hover { color: #4ab2f1; } .comment-info .avatar { position: relative; width: 150px; height: 150px; border: 1px solid #bcbec0; overflow: hidden; } .comment-info .avatar img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } .comment-time { margin: 0 0 15px; font-size: 13px; font-weight: bold; } .comment-time span { color: #737373; } .comment-title { margin: 0 0 15px; font-size: 16px; color: #737373; } .comment-body { line-height: 22px; } .enter-comment-text { resize: none; } .news-list-homepage { margin: 0; } .news-list-homepage .title { margin: 0 0 -1px; border-bottom: 1px solid #bcbec0; /*padding: 0 0 15px;*/ font: 600 21px/22px Raleway; color: #55a5dd; } .news-list-homepage .title strong { font-weight: normal; } .news-list-homepage .view-all { text-align: center; } .news-list-homepage .view-all a { color: #737373; text-decoration: underline; } .news-list-homepage .view-all a:hover { color: #4ab2f1; } .post-head { padding: 20px 0 0 0; } a.post-title { padding-bottom: 5px; } /*++++++++++++++++++++++++++*/ .blog-posts .post-head { padding: 0; margin-bottom: -3px; text-align: right; margin-top: 20px; } .blog-posts .post { margin-bottom: 40px; position: relative; } .blog-posts .post-body, .blogpost-page .page-body { float: left; width: 100%; z-index: 1; } .post.odd .post-body, .blogpost-page .page-body { padding-left: 150px; } .post.even .post-body { padding-right: 150px; } .blog-posts .post-body .post-body-detail, .blogpost-page .post-body-detail { background-color: #f5f3f4; border-radius: 10px; float: right; padding: 15px 20px; position: relative; min-height: 150px; width: 100%; text-align: left; } .blog-posts .post.odd .post-body-detail:before, .blogpost-page .post-body-detail:before { content: ''; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #f5f3f4; position: absolute; top: 70px; left: -15px; } .blog-posts .image-holder, .blogpost-page .image-holder { box-shadow: none; left: 0; margin: 0; position: absolute; top: 55px; overflow: hidden; } .blogpost-page.page .image-holder { top: 85px; } .blog-posts .post.even .post-head { text-align: left; } .blog-posts a.post-title { margin: 0; } .blog-posts .post.even .image-holder { right: 0; left: auto; } .blog-posts .post.even .post-body-detail:before { content: ''; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #f5f3f4; position: absolute; top: 70px; left: auto; right: -15px; } .blogpost-page .image-holder { margin: 0 0 30px 0; box-shadow: none; /*border-radius:0; border:none;*/ text-align: left; /*width:auto; height:auto;*/ } .blogpost-page .image-holder img { /*border-radius:0; max-width:300px; height:auto;*/ } .page.blogpost-page { position: relative; } .banner-widget.blog-widget { margin-bottom: 40px; border: none; } .widget-detail1 { top: 10px; } /*page not found 404 section begin*/ .page-not-found-comment-section{ /*background-image: url(/Themes/HollandApoBE/Content/images/coment.png); background-repeat: no-repeat; background-position: center; background-size: cover;*/ width: 70%; margin: 7% auto; border:1px solid #000; border-radius: 50%; padding: 25px; overflow: visible; word-break: break-word; position:relative; } .page-not-found-comment-section:after{ content:url(/Themes/HollandApoBE/Content/images/comment1.png); position:absolute; top: 80%; left: 4%; } .page-not-found-comment{ overflow:hidden; word-break:break-word; } .page-not-found-comment h3{ margin:0; font-size:2rem; color: #3365a8; font-family: 'work_sansbold'; line-height:18px; text-align: center; text-transform: capitalize; overflow: hidden; word-break: break-word; } .page-not-found-comment p{ color:#000; margin:0 0 8px 0; } .page-not-found-comment h4{ margin:0; color: #3365a8; font-family: 'work_sansbold'; text-align: center; text-transform: capitalize; overflow: hidden; word-break: break-word; } .page-not-found-quote p{ color: #000; margin: 15% auto; overflow: hidden; word-break: break-word; } .page-not-found-quote a{ color: #3365a8; text-decoration: underline; font-family: work_sanssemibold; } .search-column-404{ } .search-column-404 h3{ margin:0; color: #3365a8; font-size: 2.5rem; margin-bottom:2%; font-family: 'work_sansregular'; text-transform: capitalize; overflow: hidden; word-break: break-word; } .search-box-404{ display: block; } .search-box-404 span{ width: 60%; border: 1px solid #949191; height: 30px; padding: 4px; color: #000; background: #fff; font-size: 14px; } .search-box-404 input[type="submit"]{ background: #455ea7; color: #fff; border: 0; padding: 5px 20px; min-height:36px; margin: 0 0 0 3%; text-transform: uppercase; } .submit-presc-bttn-section{ float:left; width:50%; } .presc-manager-bttn-section{ float:left; width:48%; margin-right:2%; } .submit-prescription-button{ background: #455ea7; height: 135px; min-height: 135px; max-height: initial; padding: 25px 90px; } .submit-prescription-button a img{ width: 15%; float: left; } .submit-prescription-button a h1{ width: 82%; float: left; color: #fff; font-family:'work_sansregular'; overflow: hidden; word-break: break-word; margin-left: 3%; } /*page not found 404 section end*/ /*** FORUM & PROFILE ***/ .forums-main-page .topic-block { margin: 0 0 35px; text-align: center; } .forums-main-page .topic-block p { text-align: center; } .forums-main-page .pager { display: none; } .forum-breadcrumb { margin: 0 0 40px; } .forums-header { margin: 0 0 50px; overflow: hidden; } .forums-header:after { content: ""; display: block; clear: both; } .forums-header .current-time { margin: 0 0 15px; color: #737373; } .forum-search-box .basic { overflow: hidden; margin: 0 0 10px; } .forum-search-box .advanced a { line-height: 22px; color: #737373; text-decoration: underline; } .forum-search-box .advanced a:hover { color: #4ab2f1; } .forum-search-page .page-title { margin: 0 0 -1px; } .forum-search-page .search-error, .forum-search-page .no-result { margin: 0 0 15px; text-align: center; color: #e4434b; } /* forum group */ .forums-table-section { margin: 0 0 60px; } .forums-table-section + .pager { margin: -30px 0 30px; } .forums-table-section-title { margin: 0 0 15px; padding: 0 10px; } .forums-table-section-title a, .forums-table-section-title strong { font-size: 22px; font-weight: normal; color: #ef9f05; } .forums-table-section-title a:hover { color: #4ab2f1; } .forums-table-section .image div { width: 38px; height: 32px; margin: auto; background: url(/Themes/HollandApoBE/Content/images/topic-type1.png) center no-repeat; } .forums-table-section .image div.sticky { background: url(/Themes/HollandApoBE/Content/images/topic-type2.png) center no-repeat; } .forums-table-section .image div.announcement { background: url(/Themes/HollandApoBE/Content/images/topic-type3.png) center no-repeat; } .forums-table-section .forum-title, .forums-table-section .topic-title { margin: 5px 0; } .forums-table-section .forum-title a, .forums-table-section .topic-title a { font-size: 16px; font-weight: bold; color: #737373; } .forums-table-section .forum-title a:hover, .forums-table-section .topic-title a:hover { color: #4ab2f1; text-decoration: none; } .forums-table-section .topic-title span { display: block; color: #777; } .forums-table-section .forum-description, .forums-table-section .topic-starter { margin: 5px 0; } .forums-table-section .latest-post { white-space: nowrap; } .forums-table-section .latest-post div { margin: 5px 0; } .forums-table-section .latest-post label { color: #777; } .forum-group .latest-post .author { display: none; } .forums-table-section .view-all { margin: 30px 0 0; padding: 0 10px; } .forums-table-section .view-all a { background-color: #4ab2f1; padding: 10px 15px; font-size: 12px; color: #fff; text-transform: uppercase; } .forums-table-section .view-all a:hover { background-color: #248ece; } /* forum-page, topic page */ .forum-page .forum-info { margin: 0 0 30px; } .forum-page .forum-name, .forum-topic-page .topic-name { margin: 0 0 25px; border-bottom: 1px solid #bcbec0; padding: 0 10px 10px; } .forum-page .forum-name h1, .forum-topic-page .topic-name h1 { font-size: 30px; font-weight: normal; } .forum-actions, .topic-actions { margin: 0 0 30px; font-size: 0; } .forum-actions .actions a, .topic-actions .actions a { display: inline-block; margin: 1px; padding: 10px 10px 10px 33px; font-size: 14px; } .forum-actions .actions .new-topic { background: #eee url(/Themes/HollandApoBE/Content/images/new.png) left center no-repeat; } .forum-actions .actions .watch-forum, .topic-actions .actions .watch-forum { background: #eee url(/Themes/HollandApoBE/Content/images/watch.png) left center no-repeat; } .forum-actions .actions a:hover, .topic-actions .actions a:hover { background-color: #e6e6e6; } .forum-actions .pager.upper, .topic-actions .pager.upper { display: none; margin: 0; } .topic-actions .reply-topic-button { background: #eee url(/Themes/HollandApoBE/Content/images/reply.png) left center no-repeat; } .topic-actions .watch-topic-button { background: #eee url(/Themes/HollandApoBE/Content/images/watch.png) left center no-repeat; } .topic-actions .move-topic-button { background: #eee url(/Themes/HollandApoBE/Content/images/move.png) left center no-repeat; } .topic-actions .edit-topic-button { background: #eee url(/Themes/HollandApoBE/Content/images/edit_.png) left center no-repeat; } .topic-actions .delete-topic-button { background: #eee url(/Themes/HollandApoBE/Content/images/remove_.png) left center no-repeat; } .topic-actions.lower .actions { display: none; } .active-discussions-page .forums-table-section-title { margin: 0 0 25px; border-bottom: 1px solid #bcbec0; padding: 0 10px 10px; } .active-discussions-page .forums-table-section-title strong { font-size: 30px; font-weight: normal; } .active-discussions-page .forums-table-section-body { margin: 0 0 20px; } /* topic post */ .topic-post { margin: 0 0 30px; border-top: 1px solid #bcbec0; } .topic-post:last-child { border-bottom: 1px solid #bcbec0; } .topic-post:after { content: ""; display: block; clear: both; } .topic-post .post-info { margin: 30px 0; } .topic-post .user-info { width: 150px; margin: 0 auto 15px; } .topic-post .username { display: block; margin: 0 0 -1px; border: 1px solid #bcbec0; background-color: #f6f6f6; padding: 11px 0; font-weight: bold; color: #737373; } .topic-post a.username:hover { color: #4ab2f1; } .topic-post .avatar, .profile-info-box .avatar { position: relative; width: 150px; height: 150px; border: 1px solid #bcbec0; overflow: hidden; } .topic-post .avatar img, .profile-info-box .avatar img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } .topic-post .user-stats { margin: 0 0 15px; } .topic-post .user-stats li { display: inline-block; margin: 0 10px; } .topic-post .user-stats span, .profile-info-box .profile-stats span { margin: 0 0 0 3px; font-weight: bold; color: #737373; } .topic-post .pm-button, .profile-info-box .pm-button { display: inline-block; border: none; background-color: #888; padding: 10px 20px; font-size: 12px; color: #fff; text-transform: uppercase; } .topic-post .pm-button:hover, .profile-info-box .pm-button:hover { background-color: #999; } .topic-post .post-time { margin: 0 0 15px; background-color: #f6f6f6; padding: 10px 15px; font-size: 13px; font-weight: bold; } .topic-post .post-time span { color: #737373; } .topic-post .post-actions { margin: 0 0 15px; font-size: 0; } .topic-post .post-actions > div { display: inline-block; } .topic-post .post-actions a { display: inline-block; margin: 1px 5px; font-size: 14px; } .topic-post .post-actions .edit-post-button, .topic-post .post-actions .delete-post-button { padding: 10px 10px 10px 33px; } .topic-post .post-actions .edit-post-button { background: url(/Themes/HollandApoBE/Content/images/edit_.png) left center no-repeat; } .topic-post .post-actions .delete-post-button { background: url(/Themes/HollandApoBE/Content/images/remove_.png) left center no-repeat; } .topic-post .post-actions .edit-post-button:hover, .topic-post .post-actions .delete-post-button:hover { color: #4ab2f1; } .topic-post .post-actions .post-link-button { padding: 10px; font-weight: bold; color: #4ab2f1; } .topic-post .post-actions .post-link-button:hover { text-decoration: underline; } .topic-post .post-actions .quote-post-button { background-color: #888; padding: 10px 20px; color: #fff; } .topic-post .post-actions .quote-post-button:hover { background-color: #999; color: #fff; } .topic-post .post-body { /*topic post-body also gets style from blog post-body*/ padding: 0 10px 20px; line-height: 22px; color: #737373; } .topic-post .user-posted-image, .latest-posts .user-posted-image { max-width: 100%; height: auto; } .topic-post .quote, .latest-posts .quote { margin: 10px 0; border: 1px dashed #ccc; background-color: #f9f9f9; padding: 10px; color: #777; } .topic-post .signature { border-top: 1px solid #bcbec0; padding: 20px; font-size: 13px; font-style: italic; } /* forum edit & send message */ .forum-edit-page .page-title, .move-topic-page .page-title, .private-message-send-page .page-title { margin: 0 0 -1px; } .move-topic-page label { white-space: normal; } .forum-edit-page .message-error, .private-message-send-page .message-error { margin: 20px 0; } .forum-edit-page .inputs strong { display: inline-block; max-width: 400px; font-size: 22px; /*reset zeroing*/ font-weight: normal; color: #737373; white-space: normal; } .forum-edit-page .inputs .topic-subject { font-size: 17px; } .forum-edit-page .inputs.reversed { margin: 0; } .forum-edit-page .inputs.reversed label { width: auto; margin: 5px; font-size: 14px; /*reset zeroing*/ white-space: normal; } .forum-edit-page .toolbar, .private-message-send-page .toolbar { max-width: 400px; margin: 20px auto; background-color: #bcbec0; padding: 10px; } .forum-edit-page .toolbar .button, .private-message-send-page .toolbar .button { margin: 0 2px 0 0; border: #cec6b5 1px solid; padding: 2px; } .forum-edit-page .toolbar .button:hover, .private-message-send-page .toolbar .button:hover { border: #333 1px solid; } .forum-edit-page textarea, .private-message-send-page textarea { display: block; margin: auto; } .forum-edit-page .buttons input, .move-topic-page .buttons input, .private-messages .buttons input { min-width: 140px; border: none; background-color: #999; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .forum-edit-page .buttons input:hover, .move-topic-page .buttons input:hover, .private-messages .buttons input:hover { background-color: #888; } .forum-edit-page .buttons .button-1, .move-topic-page .buttons .button-1, .private-messages .buttons .button-1 { background-color: #4ab2f1; } .forum-edit-page .buttons .button-1:hover, .move-topic-page .buttons .button-1:hover, .private-messages .buttons .button-1:hover { background-color: #248ece; } .private-message-send-page a { font-size: 18px; color: #4ab2f1; } /* jQuery tabs */ .ui-tabs { /*override jQuery UI styles, do not delete doubled properties*/ border: none; border-radius: 0; background: none; padding: 0; font: normal 15px work_sansregular; color: #777; } .ui-tabs-nav { margin: 0 0 30px; border-bottom: 1px solid #bcbec0; overflow: hidden; font-size: 0; /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 0 30px !important; border-width: 0 0 1px; border-radius: 0; background: none; padding: 0 !important; line-height: normal; font-weight: normal; color: #737373; } .ui-tabs-nav li { margin: 0 0 -1px; /*override jQuery UI styles, do not delete doubled properties*/ float: none !important; margin: 0 0 -1px !important; border: none !important; border-radius: 0; background: none !important; padding: 0 !important; } .ui-tabs-nav li a { display: block; border: 1px solid #bcbec0; padding: 12px 24px; text-align: center; font-size: 18px; color: #737373; /*override jQuery UI styles, do not delete doubled properties*/ float: none !important; padding: 12px 24px !important; } .ui-tabs-nav li.ui-state-active a { background-color: #eee; color: #4ab2f1; } .ui-tabs-panel { /*override jQuery UI styles, do not delete doubled properties*/ padding: 0 !important; } /* inbox & view message */ .private-messages-page .table-wrapper, .private-message-view-page .view-message { margin: 0 0 30px; } .private-messages-page th.select { text-align: center; } .private-messages-page td.from, .private-messages-page td.to, .private-messages-page td.subject { min-width: 150px; } .private-messages-page td.date { white-space: nowrap; } .private-messages-page td.subject a { color: #737373; } .private-messages-page td.subject a.pm-unread { color: #4ab2f1; } .private-messages-page .pager { margin: 0 0 30px; } .private-messages-page .buttons, .private-message-view-page .buttons { font-size: 0; } .private-messages-page .buttons .button-1, .private-messages-page .buttons .button-2, .private-message-view-page .buttons .button-1, .private-message-view-page .buttons .button-2 { display: block; width: 250px; margin: 0 auto 3px; font-size: 15px; /*reset zeroing*/ } .private-message-view-page .view-message { margin: 0 0 30px; } .private-message-view-page .message-head { margin: 0 0 20px; line-height: 22px; } .private-message-view-page .message-head span { font-weight: bold; color: #737373; } .private-message-view-page .message-body { border-top: 1px solid #bcbec0; background-color: #f9f9f9; padding: 30px 20px; line-height: 22px; text-align: justify; } .private-message-view-page .back-pm-button { text-transform: capitalize !important; } /* profile page */ .profile-info-box { overflow: hidden; /*override jQuery UI styles, do not delete doubled properties*/ line-height: normal; font-size: 15px; font-family: "work_sansregular"; color: #777; } .profile-info-box .user-details { margin: 0 0 30px; } .profile-info-box .avatar { margin: 0 auto 15px; } .profile-info-box .title { margin: 0 0 10px; font-size: 18px; color: #737373; } .profile-info-box .stats { margin: 0 0 15px; } .latest-posts { /*override jQuery UI styles, do not delete doubled properties*/ line-height: normal; font-size: 15px; font-family: "work_sansregular"; color: #777; } .latest-posts .topic { margin: 0 0 35px; } .latest-posts .topic-title { margin: 0 0 20px; border-top: 1px solid #bcbec0; background: #f6f6f6; padding: 10px; font-size: 16px; } .latest-posts .topic-title a { font-weight: bold; color: #737373; } .latest-posts .topic-title a:hover { color: #4ab2f1; } .latest-posts .topic-body { margin: 0 0 15px; line-height: 22px; } .latest-posts .topic-data { color: #737373; } /* BB codes */ pre { white-space: pre-wrap; white-space: normal; word-wrap: break-word; } .csharpcode { margin: 10px 0; border: 1px dashed #ccc; background-color: #fff; padding: 10px; font-family: "Courier New", Courier, monospace; color: #000; } .csharpcode .rem { color: green; } .csharpcode .kwrd { color: #00f; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #00c; } .csharpcode .preproc { color: #c63; } .csharpcode .asp { background-color: #ff0; } .csharpcode .html { color: maroon; } .csharpcode .attr { color: red; } .csharpcode .alt { width: 100%; margin: 0; background-color: #f6f6f6; } .csharpcode .lnum { color: #666; } /*** Custom Css ***/ /*h1 { color: #55a5dd; font: 600 21px/22px Raleway; }*/ .row-wrap { overflow: hidden; } ul.listing, .teaser-row .col-md-4 .topic-block .topic-block-body, .suggestion-block .topic-block-body { background: #ebebeb; margin: 15px 0 0 0; padding: 15px; } ul.listing li { position: relative; padding: 7px 0 6px 22px; } ul.listing li:before { content: "\f101"; font-family: "FontAwesome"; font-size: 15px; font-weight: 100; position: absolute; left: 3px; top: 8px; transition: all 0.2s ease-in-out 0s; } ul.listing li a { color: #737373; font: normal 15px/18px Raleway; text-transform: uppercase; } ul.listing li:hover:before { color: #ef9f05; left: 3px; } ul.listing li:hover a { color: #ef9f05; } .feedback { background: #fafafa; border: 1px solid #f4f1f3; padding: 18px 20px; margin-top: 0; overflow: hidden; position: relative; } .name-designation { float: right; width: 52%; } .feedback p { font: 300 15px/22px work_sansregular; margin-top: 0; } .feedback a { display: block; } .client-name h5, .designation h5, .blog-jobtitle { color: #ef9f05; text-align: right; padding-bottom: 5px; } .designation h5, a.post-title { color: #55a5dd; font-weight: 100; } .image-holder { background: #fff; width: 130px; height: 130px; border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border: 1px solid #bcbec0; text-align: center; -webkit-box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.50); -moz-box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.50); box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.50); margin: -67px 0 0 20px; } .image-holder img { border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border: 1px solid #eaeaea; text-align: center; margin: 8px; } .teaser-row { padding: 10px 0 20px; } .teaser-row .col-md-4 .topic-block .topic-block-title { border: none; margin: 0; padding: 0; } .teaser-row .col-md-4 .topic-block .topic-block-body ul, .suggestion-block .topic-block-body ul { /*list-style-image: url(/Themes/HollandApoBE/Content/images/check.png);*/ list-style: none; margin: 0; } .teaser-row .col-md-4 .topic-block .topic-block-body ul { padding: 0 0 0 20px; } .suggestion-block .topic-block-body ul { padding: 0 0 0 15px; } .teaser-row .col-md-4 .topic-block .topic-block-body ul li:before, .suggestion-block .topic-block-body ul li:before { content: "\f00c"; font-family: 'FontAwesome'; font-size: 15px; vertical-align: middle; color: #55a5dd; padding-right: 8px; } .teaser-row .col-md-4 .topic-block .topic-block-body ul li:before { margin-left: -22px; } .suggestion-block .topic-block-body ul li:before { margin-left: -35px; } .teaser-row .body-content p { margin-bottom: 24px; } .footer { overflow: hidden; position: relative; /* ToDo: Bhanu Chauhan - To hide over filter */ } .footer-upper { /*background:#f4f1f3;*/ padding: 20px 0 3px 0; } .address p { font: normal 15px/24px work_sansregular; } .newsletter .title { margin-bottom: 15px; } .newsletter span { text-align: left; } .footer-mid { background: #55a5dd; padding: 20px 0 15px 0; } .footer-mid h3 { color: #fff; } .footer-mid ul.list li a { color: #fff; font: 100 15px/24px work_sansregular; } .footer-mid ul.list li a:hover { color: #fff; text-decoration: underline; padding-left: 10px; } .footer-mid .footer-block li { padding-bottom: 10px; } .footer-mid .footer-block li span { display: inline-block; color: #fff; padding: 10px 0 0 10px; } .footer-mid .member .list li { display: inline-block; margin-bottom: 5px; } .footer-mid .member .list li:nth-child(even) { margin-left: 10px; } .footer-mid .footer-block.customer-service li { padding: 0; } .footer-lower { background: #3365a8; padding: 20px 0; } .footer-lower p { } .testimonial-block .title { border-bottom: 1px solid #bcbec0; margin-bottom: 20px; overflow: hidden; } .testimonial-block h3 { padding-bottom: 16px; } a.more, a.view-all { color: #737373; font: 300 14px/18px work_sansregular; padding: 5px 0 0 0; } a.more:hover, .news-title:hover, .news-list-homepage .view-all:hover { color: #ef9f05; } /*.product-item{ padding:0 15px; }*/ .slider-wrapper.theme-custom { margin: 0 0px 30px 0; } .master-wrapper-page .nivo-caption { background: rgba(0, 0, 0, 0.50); color: #fff; font: 100 15px/22px work_sansregular; margin: 0 19px; opacity: 1; padding: 20px; left: 0; position: absolute; bottom: 0; width: 95%; } .master-wrapper-page .nivo-caption a { color: #ef9f05 !important; text-decoration: underline !important; } .master-wrapper-page .nivo-caption a:hover { text-decoration: none !important; } .master-wrapper-page .nivo-caption a { color: #ef9f05 !important; text-decoration: underline !important; } .master-wrapper-page .nivo-caption a:hover { text-decoration: none !important; } span.banner-title { color: #ef9f05; display: block; font: 600 18px/18px Raleway; padding-bottom: 10px; text-transform: uppercase; } .master-wrapper-page .theme-custom .nivo-directionNav { display: block; } .master-wrapper-page .theme-custom .nivo-directionNav a, .master-wrapper-page .theme-custom .nivo-directionNav a:hover, .master-wrapper-page .theme-custom .nivo-controlNav a.active { background-color: #ef9f05; opacity: 1; } .master-wrapper-page .theme-custom a.nivo-nextNav { background-position: -35px center; /*right: 60px;*/ } .master-wrapper-page .theme-custom a.nivo-prevNav { background-position: 10px center; /*left: 60px;*/ } .master-wrapper-page .theme-custom .nivo-controlNav { bottom: 0; padding: 0 20px; text-align: right; margin: -25px auto 0; max-width: 1170px; position: inherit; display: none; } .master-wrapper-page .theme-custom .nivo-controlNav a { box-shadow: inherit; background-color: #d4d7d9; border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; margin: 0 5px 0 0; } .homepage .theme-custom { margin: 0 0 23px; } .pager li a, .pager li span { color: #333333; width: 41px; height: 41px; border: 1px solid #cacaca; background-color: #fff; padding: 9px 0px; text-align: center; font-size: 14px; cursor: pointer; border-radius: 0; font-family: 'work_sansregular'; font-size: 18px; border-radius: 10px; } .pager li.current-page span { background: #55a5dd; border: 1px solid #55a5dd; color: #fff; } .page.home-page { padding: 9px 0 0 0; } .suggestion-block .topic-block-title { border: none; padding: 0; } .image-caption { position: relative; text-align: center; } .image-caption .buttons { margin: 0 0 7px 0; position: absolute; bottom: 0; width: 100%; } a.link { font: 300 30px/33px work_sansregular; padding: 4px 23px; } .image-caption img { border: 1px solid #ececec; width: 100%; } .content-row p { font: 400 14px/22px work_sansregular; margin-bottom: 22px; } .suggestion-block li { font: 600 italic 20px/37px work_sansregular; color: #1d1d1d; padding-left: 20px; } .suggestion-block .topic-block-body ul li:before { font-size: 25px; } .suggestion-block ul { /*min-height: 185px;*/ } .teaser-row .topic-block { /*background: #fafafa; border:1px solid #f4f1f3;*/ } .info-block ul.list { padding: 0 0 0 15px; } .info-block ul.list li { color: #606060; font: normal 15px/34px work_sansregular; } .info-block ul.list li:before { content: "\f00c"; font-family: 'FontAwesome'; font-size: 15px; margin-left: -15px; padding-right: 8px; vertical-align: middle; color: #67a612; } .title-row { margin-bottom: 10px; position: relative; text-align: left; overflow: hidden; } .title-row:before, .title-row:after { width: 31.5%; position: absolute; content: ""; height: 2px; background: #ebebeb; left: 0; top: 22px; } .title-row:after { left: inherit; right: 0; width: 38%; } .title-row h1 { background: #fff; font: 32px/36px work_sansregular; padding: 0; text-align: left; } .title-row span { background: #f2a000; color: #fff; display: inline-block; padding: 3px 40px; position: relative; margin: 0 -5px; z-index: 10; } .home-page .teaser-row .testimonial-block .topic-block-body { background: none; padding: 0; margin: 0; } .title-row .col-sm-8.col-sm-offset-4 span::after { background: #fff none repeat scroll 0 0; content: ""; height: 30px; position: absolute; right: -15px; width: 15px; } /*------- body content -------*/ .body-content h2 { color: #797979; font: 20px/22px work_sansregular; margin-bottom: 10px; } .body-content p { font: 14px/22px work_sansregular; } /*------- advice-teaser -------*/ .advice-teaser { border: 2px solid #dadada; color: #000; border-radius: 5px; overflow: hidden; padding: 10px 0; text-align: center; font-family: "work_sansregular"; font-weight: 500; } .advice-teaser li { border-left: 2px solid #eee; } .advice-teaser li:first-child { border-left: none; } .advice-teaser li > a { padding-top: 30px; display: block; } .advice-teaser li a, .advice-teaser li h4 { font-size: 18px; color: #000; } .listing-number { float: left; font-size: 20px; font-weight: 900; } .advice-teaser figure { margin: 14px 0 19px 0; } /*form-section*/ .banner-form-row { margin-bottom: 11px; } .box-col { border: 1px solid #787878; font-family: "work_sansregular"; font-weight: 300; } .box-col h3 { font-size: 29px; background: #55a5dd; text-align: center; color: #fff; padding: 15px 10px; margin-bottom: 0; position: relative; } .box-col h3:after { position: absolute; left: 85px; bottom: -27px; height: 27px; width: 68px; content: ''; background: url(/Themes/HollandApoBE/Content/images/blue-arrow.png) no-repeat left top; } .form-section form { padding: 50px 15px 10px; } .form-section .field { margin-bottom: 10px; overflow: hidden; } .form-section input { border: 1px solid #bcbec0; font-size: 17px; padding: 10px 10px 10px; float: left; height: auto; font-weight: 400; } input.field-full { width: 100%; } input.field-half { width: 50%; float: left; } input.field-2 { width: 70%; margin-right: 9px; } input.field-3 { width: 60%; margin-right: 9px; } input.field-4 { width: 37%; } input.field-5 { width: 27%; } .intro-txt .topic-block-body p { margin: 0; } .field-btn { text-align: center; margin: 20px 0 0; } .form-section .submit-btn { background: #f2a000; border: none; font-size: 20px; color: #fff; padding: 10px 20px; float: none; } .form-section .submit-btn:hover { background: #d58e04; } .banner-wrap { position: relative; } .banner-wrap figure { border: 1px solid #787878; overflow: hidden; } .banner-wrap figure, .box-col { max-height: 353px; } .banner-content { position: absolute; left: 20px; top: 35px; color: #ef9f05; font-style: italic; } .banner-content h2 { color: #ef9f05; font-size: 32px; margin-bottom: 56px; } .b-listings li { float: none; font-size: 25px; margin-bottom: 45px; } .b-listings li:before { content: "\f00c"; font-family: 'FontAwesome'; font-size: 25px; margin: 0 10px 0 -5px; padding-right: 8px; vertical-align: middle; color: #ef9f05; } .col-md-8.banner-col { padding-right: 0; } .banner-col img { width: 100%; } .testimonial-block1 { margin-bottom: 24px; margin-top: -22px; position: relative; } .testimonial-block.testimonial-block1 a { text-align: right; display: block; position: absolute; right: 20px; bottom: 10%; font-size: 16px; color: #61aee2; text-decoration: underline; } .testimonial-block.testimonial-block1 a:hover { text-decoration: none; } .testimonial-block .image-holder { position: relative; z-index: 2; top: 10px; } .client-intro { bottom: 20px; position: absolute; right: 20px; } .content-block { padding: 0 0 0 20px; } span.vat-include { color: #606060; font-size: 15px; } .box-col .image-caption { position: relative; text-align: center; margin: 35px 0 8px; } .box-col .image-caption img { border: none; width: 100%; } .box-col a.link { font: 300 20px/24px work_sansregular; padding: 4px 23px; } .box-col p { font-size: 12px; line-height: 17px; text-align: center; padding: 0 10px; margin: 0; min-height: 38px; } .box-col .image-caption .buttons { bottom: 5px; } .feedback .title { border: none; color: #f1a000; font: italic 20px/22px work_sansregular; margin: 0 0 13px 0; } @media all and (max-width: 1000px) { .col-md-6.normal-login .page.login-page { margin-bottom: 30px; } .col-md-6.normal-login .page.login-page .page-body { float: left; width: 100%; } /*** GLOBAL TABLES ***/ .cart { display: block; } .cart colgroup, .cart thead { display: none; } .cart tbody { display: block; overflow: hidden; } .cart tr { display: block; float: left; width: 100%; margin: 40px 0 0; border: 1px solid #bcbec0; } .order-summary-content .cart tr { border: none; } .cart td { display: block; border: none; padding: 10px; } .cart td.remove-from-cart { margin: 0 0 15px; border-bottom: 1px solid #bcbec0; background-color: #eee; padding: 10px; } .cart-wrapper .cart td.remove-from-cart { margin: 0; /*border-bottom:none;*/ background: #eee !important; } .cart td.product-picture { border-top: none; padding: 15px 10px 5px; } .cart td.product { min-width: 0; border-bottom: 1px solid #bcbec0; padding: 5px 10px 15px; text-align: center; } .cart td.quantity { display: inline-block; padding: 0 10px; vertical-align: middle; } .cart td.unit-price, .cart td.subtotal { display: inline-block; padding: 20px 10px; vertical-align: middle; } .order-details-page .data-table { display: block; } .order-details-page .data-table colgroup, .order-details-page .data-table thead { display: none; } .order-details-page .data-table tbody { display: block; overflow: hidden; } .order-details-page .data-table tr { display: block; float: left; width: 100%; margin: 40px 0 0; border: 1px solid #bcbec0; } .order-details-page .data-table td { display: block; border: none; padding: 10px; } .order-details-page .data-table td.product, .order-details-page .data-table td.tracking-number { min-width: 0; border-bottom: 1px solid #bcbec0; padding: 5px 10px 15px; text-align: center; } /*** MOBILE NAVIGATION ***/ .header-menu { position: relative; z-index: 1; /*width: 90%; max-width: 600px; margin: 0 auto 40px;*/ } .menu-toggle { background: #4ab2f1 url(/Themes/HollandApoBE/Content/images/menu-icon.png) 95% center no-repeat; padding: 15px; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; cursor: pointer; } .top-menu { display: none; } .top-menu > li { position: relative; margin: 1px 0; background-color: #f6f6f6; } .top-menu > li > a { min-height: 55px; padding: 18px; color: #55a5dd; cursor: pointer; display: block; font: normal 15px/18px work_sansregular; text-transform: uppercase; } .top-menu > li > a:hover { color: #ef9f05; } .top-menu .sublist { display: none; background-color: #A1E04B; /*padding: 5px 0;*/ } .top-menu .sublist li { position: relative; /* margin: 1px 0 1px 20px;*/ border-bottom: 1px solid #fff; } .top-menu .sublist li:last-child { border-bottom: none; } .top-menu .sublist li a { display: block; padding: 15px 18px; font-size: 15px; color: #fff; } .sublist-toggle { position: absolute; top: 0; right: 0; width: 55px; height: 50px; border-left: 1px solid #fff; background: url(/Themes/HollandApoBE/Content/images/toggle-black.png) center no-repeat; padding: 15px; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; cursor: pointer; } .sublist .sublist-toggle { height: 49px; } .sublist .sublist li { background-color: #f6f6f6; } .sublist .sublist .sublist li { background-color: #fff; } .block-category-navigation { /*display: none;*/ } .block-account-navigation { float: none; margin: auto !important; } } @media all and (min-width: 481px) { /*** GLOBAL ***/ .master-wrapper-content, .header-menu { } /*** GLOBAL TABLES ***/ .cart tr:nth-child(2n+1) { clear: both; } .order-details-page .data-table tr { /*width: 46%; margin: 40px 2% 0;*/ width: 100%; margin: 40px 0 0; } .order-details-page .data-table tr:nth-child(2n+1) { clear: both; } /*** HEADER ***/ .header-selectors-wrapper > div { display: inline-block; width: 30%; margin: 10px auto; } .search-box input.search-box-text { /*border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -o-border-radius:5px 0 0 5px;*/ width: 272px; border: none; padding: 0 0 0 8px; } .ui-autocomplete { width: 280px !important; } .ui-autocomplete img { display: inline; } /*** FOOTER ***/ .footer-block { /*width: 85%;*/ } .newsletter-email input[type="text"] { width: 240px; } /*** CATEGORY ***/ .product-filter { display: table-cell; vertical-align: top; text-align: left; } .product-filter.price-range-filter { width: 200px; } .product-filter .product-spec-group { float: left; margin: 0 25px 10px 0; } .product-filter .group li.item { display: block; margin: 0; } .product-filter.product-spec-filter { position: relative; top: -5px; } .item-box { width: 49%; margin: 0 0.5% 50px; } .home-page-brand-grid .brand-boxes-6 .item-box .brand-item img { width: 100%; } .brand-boxes-6 .item-box { width: 100%; } .item-box:nth-child(2n+1) { clear: both; } .item-box .product-rating-box { margin: 0 0 15px; } .main-product-grid .item-box .product-title, .cross-sells .item-box .product-title { margin: 5px 0 0; } .product-grid .item-box .product-rating-box { margin-top: 8px; } .product-list .item-box .product-rating-box { margin-bottom: 3px; } .related-products-grid .wrap-buttons .bottom-row.group { bottom: 46px; position: absolute; top: auto; } /*** PRODUCT PAGE ***/ .overview-buttons div { display: inline-block; width: auto; margin: 0 1px 20px; float: left; } .search-box .ui-autocomplete li, .search-box .ui-menu .ui-menu-item a { overflow: hidden; } /*** WISHLIST ***/ .wishlist-content .button-2 { display: inline-block; width: auto; min-width: 140px; margin: 0 1px 5px; } /*** TOPICS ***/ .enter-password-form input[type="password"] { width: 260px; } /*** FORUM & PROFILE ***/ .forums-header { background-color: #f9f9f9; padding: 30px 20px 20px; } .ui-tabs-nav li { display: inline-block; min-width: 150px; margin: 0 5px -1px; /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 5px -1px !important; } .private-messages-page .buttons .button-1, .private-messages-page .buttons .button-2, .private-message-view-page .buttons .button-1, .private-message-view-page .buttons .button-2 { display: inline-block; width: auto; margin: 1px; } } @media all and (min-width: 769px) { /**** GLOBAL ***/ .master-wrapper-content { /*width: 94%;*/ } .home-page-polls li { min-width: 100px; } /**** GLOBAL TABLES ***/ .cart tr { width: 31.33333%; margin: 40px 1% 0; } .cart tr:nth-child(2n+1) { clear: none; } .cart tr:nth-child(3n+1) { clear: both; } .order-summary-content table.cart { border: none; } .order-summary-content .cart tr { width: 100%; margin: 0px; display: table; border: none; } .order-details-page .data-table tr { /*width: 31.33333%; margin: 40px 1% 0;*/ width: 100%; margin: 40px 0 0; } .order-details-page .data-table tr:nth-child(2n+1) { clear: none; } .order-details-page .data-table tr:nth-child(3n+1) { clear: both; } /*** HEADER ***/ .header-selectors-wrapper > div { width: 20%; } /*** FOOTER ***/ .footer-block { display: inline-block; /*width: 25.33333%;*/ margin: 0 4%; vertical-align: top; } .footer-block .title { margin: 0 0 10px; background: none; padding: 0; color: #737373; cursor: auto; } .footer-block .list { display: block !important; /* prevents toggle display:none on resize */ background: none; padding: 0; } .footer-block .list li { /*padding: 5px 0;*/ } .footer-block .list a { display: inline; padding: 0; } .follow-us { width: 98%; margin: 25px auto 0; } /*** CATEGORY ***/ .product-selectors { text-align: left; } .product-selectors .product-viewmode { display: inline-block; float: right; } .product-selectors .product-viewmode span { color: #737373; float: left; padding: 3px 0 0 0; } .product-selectors .product-viewmode a { display: inline-block; width: 20px; height: 20px; margin: 5px 0 0 10px; } .product-selectors .product-viewmode a i { color: #d1d1d1; font-size: 20px; height: 20px; width: 20px; } .product-selectors .product-viewmode a:hover i, a.viewmode-icon.selected i { color: #ef9f05; } .product-selectors .product-viewmode a.grid { /*background-image: url(/Themes/HollandApoBE/Content/images/view-grid.png);*/ } .product-selectors .product-viewmode a.list { /*background-image: url(/Themes/HollandApoBE/Content/images/view-list.png);*/ } .product-selectors .product-viewmode a.selected { opacity: 1; } .item-box { width: 32.33333%; margin: 0 0.5% 0; } .brand-boxes .item-box { width: 100%; margin: 0 0.5% 0; } .item-box:nth-child(2n+1) { clear: none; } .item-box:nth-child(3n+1) { clear: both; } .product-list .item-box { float: none; width: auto; margin: 0 5px 30px; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px; } .product-list .item-box .product-item:after { content: ""; display: block; clear: both; } .product-list .item-box .picture { float: left; width: 220px; } .product-list .item-box:hover .picture a img { opacity: 1; } .variant-picture img { cursor: pointer; } .product-list .item-box .picture:hover a img, .variant-picture:hover img { opacity: 0.85; } .product-list .item-box .picture + .details { margin: 0 0 0 240px; } .product-list .item-box .product-title { height: auto; padding: 0; font-size: 18px; width: auto; } .product-list .left-detail { /*float: left; width: 80%;*/ } .category-page .product-list .row-wrap { min-height: inherit; } .product-list .item-box .description { clear: both; display: block; line-height: 22px; margin: 0 0 10px; padding: 0 100px 0 10px; } .product-list .item-box .prices { text-align: right; height: auto; margin: 0; } .product-list .item-box .buttons { } .product-list .item-box .product-box-add-to-cart-button { width: auto; min-width: 150px; padding: 0 20px; } .product-list .item-box .add-to-compare-list-button, .product-list .item-box .add-to-wishlist-button { width: 42px; } /*** PRODUCT PAGE ***/ .gallery { width: 550px; } .variant-picture { float: left; } .variant-picture + .variant-overview { width: auto; margin: 0 0 0 240px; } .variant-overview { text-align: left; } /*** PRODUCT REVIEWS ***/ .product-review-item .review-title { float: left; max-width: 600px; } .product-review-item .product-review-box { float: right; } /*** REGISTRATION, LOGIN, ACCOUNT ***/ .address-list-page .section, .order-list-page .section, .return-request-list-page .section { display: inline-block; width: 45%; margin: 20px 1%; vertical-align: top; } .recurring-payments { width: 100% !important; margin: 20px 0 !important; } /*** SHOPPING CART ***/ .order-progress { padding: 20px; } .order-progress li { margin: 0 10px; } .order-progress a { min-width: 80px; } .cart-options .common-buttons { text-align: right; } .cart-options .checkout-attributes, .cart-options .selected-checkout-attributes { padding: 0 10px; } .cart-footer .totals { float: right; width: 45%; margin: 0 2.5%; } .cart-footer .terms-of-service { text-align: left; } .cart-footer .checkout-buttons, .cart-footer .addon-buttons { text-align: right; } .cart-footer .cart-collaterals { float: left; width: 45%; margin: 0 2.5%; } .cart-footer .cart-collaterals div, .cart-footer .cart-collaterals label { text-align: left; } .cart-footer .estimate-shipping label { display: block; margin: 0 0 10px; } .cart-footer .estimate-shipping .buttons { text-align: right; } /*** CHECKOUT ***/ .checkout-page .selected-checkout-attributes { float: right; text-align: right; } .checkout-page .cart-footer .totals { max-width: 350px; margin: 0; } .checkout-page .address-grid { overflow: hidden; } .checkout-page .address-item { float: left; width: 48%; margin: 0 1% 40px; } .shipping-method .method-list li, .payment-method .method-list li { display: inline-block; width: 25%; margin: 20px 2%; vertical-align: top; } .shipping-method .method-name { background-color: #f6f6f6; padding: 10px; } .payment-method .payment-logo { display: block; background-color: #f6f6f6; padding: 10px; vertical-align: middle; } .payment-method .payment-details { display: block; width: auto; min-width: 0; margin: 10px 0 0; text-align: center; vertical-align: middle; } .payment-info .info { padding: 30px 75px; } .order-review-data, .order-details-area, .shipment-details-area { overflow: hidden; } .order-review-data ul, .order-details-area ul, .shipment-details-area ul { float: left; width: 48%; margin: 0 1% 40px; } .checkout-page input[type="checkbox"], input[type="radio"], .checkout-page input[type="checkbox"] + *, .checkout-page input[type="radio"] + * { vertical-align: inherit; margin: 2px; } /*** ORDER DETAILS & SHIPPING DETAILS ***/ .order-details-page .section.options { text-align: right; } .order-details-page .selected-checkout-attributes { padding: 0 10px; } .order-details-page .totals { overflow: hidden; } .order-details-page .total-info { float: right; margin: 0 5px; } .shipment-details-page .tracking-number .tracking-url { color: #4ab2f1; } /*** BLOG & NEWS ***/ .blog-posts .tags { float: right; width: 100%; text-align: right; } .blog-posts .buttons { float: left; width: 20%; text-align: left; } .new-comment { text-align: center; } .new-comment .buttons { text-align: center; } .comment-list .comment { display: table; width: 100%; margin: 0; } .comment-list .comment:last-child { border-bottom: 1px solid #bcbec0; } .comment-info { display: table-cell; width: 15%; margin: 0; vertical-align: top; } .comment-info .username { min-height: 40px; margin: 0; border: none; text-align: center; } .comment-info .avatar { border: none; } .comment-info .avatar img { max-width: 80%; max-height: 80%; } .comment-content { display: table-cell; width: 85%; border-left: 1px solid #bcbec0; vertical-align: top; text-align: left; } .comment-time { min-height: 40px; margin: 0; background-color: #f6f6f6; padding: 10px 15px; font-size: 14px; font-weight: normal; } .comment-title { margin: 0 0 -20px; padding: 20px; } .comment-body { padding: 20px; } /*** FORUM & PROFILE ***/ .forum-actions, .topic-actions { overflow: hidden; } .forum-actions .actions, .topic-actions .actions { float: left; } .forum-actions .pager, .topic-actions .pager { float: right; max-width: 450px; } .forum-actions .pager li, .topic-actions .pager li { margin: 2px 4px; } .forum-actions .pager.upper { display: block; } .topic-actions.lower .actions { display: block; } .topic-posts { margin: 0 0 30px; } .topic-post { display: table; width: 100%; margin: 0; } .topic-post .post-info { display: table-cell; width: 15%; margin: 0; vertical-align: top; text-align: left; } .topic-post .user-info { width: auto; } .topic-post .username { min-height: 40px; margin: 0; border: none; text-align: center; } .topic-post .avatar { margin: auto; border: none; } .topic-post .avatar img { max-width: 80%; max-height: 80%; } .topic-post .user-stats li { margin: 0; } .topic-post .send-pm { margin: 0 0 20px; } .topic-post .pm-button, .profile-info-box .pm-button { padding: 8px 16px; font-size: 13px; } .topic-post .post-content { display: table-cell; width: 85%; border-left: 1px solid #bcbec0; vertical-align: top; text-align: left; } .topic-post .post-head { min-height: 40px; overflow: hidden; background-color: #f6f6f6; } .topic-post .post-time { float: left; margin: 0; font-size: 14px; font-weight: normal; } .topic-post .post-actions { float: right; margin: 0; } .topic-post .post-actions a { margin: 0; line-height: 20px; } .topic-post .post-actions .manage-post a { } .topic-post .post-actions .quote-post a { min-width: 70px; } .topic-post .post-actions a.post-link-button { margin: 0 0 0 10px; border-left: 1px solid #bcbec0; text-align: center; } .topic-post .post-body { padding: 20px; } .ui-tabs-nav { text-align: left; } .ui-tabs-nav li { margin: 0 10px -1px 0; /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 10px -1px 0 !important; } .profile-info-box .avatar { float: left; margin: 0 15px 15px 0; } .profile-info-box .profile-stats { float: left; text-align: left; } .profile-info-box .title { text-align: left; } .profile-info-box .send-pm { clear: both; text-align: left; } } @media all and (min-width: 1001px) { /*** GLOBAL STYLES ***/ .master-wrapper-content { margin: auto; min-height: 300px; } .EVCpluginPage .left_wrap.col-md-8{ padding-left:0; } .center-2 { float: right; width: 75%; } .side-2 { float: left; margin: 0; width: 25%; } .page { text-align: left; } .inputs { text-align: left; } .inputs label { display: inline-block; width: 265px; margin: 0 10px 0 0; text-align: right; } .inputs input[type="text"], .inputs input[type="password"], .inputs select { min-height: 40px; } .inputs .option-list li { margin: 0 10px 0 0; } .center-1 .buttons { text-align: center; } .center-2 .inputs label { width: 170px; } .change-password-page .inputs label { width: 196px; } .page-title a + h1 { float: left; } .link-rss { display: block; float: right; margin: 6px 0 0; } /*** GLOBAL TABLES ***/ .cart tr { width: auto; margin: 0; } .cart label { display: none; } .prescription_tbl.cart label { display: block; } .order-details-page .data-table tr { width: auto; margin: 0; } .prescription-table-child tr td { border: none !important; } .order-details-page .data-table label { display: none; } .brand-boxes-6 { margin: 25px 0 0 0; } /*** HEADER ***/ .header-upper:after { content: ""; display: block; clear: both; } .header-info { float: left; overflow: hidden; } .header-selectors-wrapper { float: left; border: none; padding: 0; } .header-selectors-wrapper > div { width: auto; margin: 0 0; line-height: 40px; padding: 0 0 0 10px; } .header-selectors-wrapper > div.language-selector { /*padding: 0;*/ } .header-selectors-wrapper select { color: #bdbec0; font: normal 15px/24px work_sansregular; padding: 0 0 0 5px; min-width: 85px; } /*.header-selectors-wrapper select, .product-selectors*/ select:not(*:root) { padding: 0 14px 0 5px; -webkit-appearance: none; background: rgba(0, 0, 0, 0) url(/Themes/HollandApoBE/Content/images/dropdown-arrow.png) no-repeat scroll right center; } .language-list { text-align: left; } .header-links-wrapper { border-right: 1px solid #dbdbdb; float: left; padding: 0; } .header-links li { border-left: 1px solid #dbdbdb; /*padding:0 10px;*/ margin: 0; text-align: center; float: left; } .header-links li:first-child { padding-left: 0; border: none; } .header-links a, .header-links span { color: #bdbec0; line-height: 40px; text-transform: none; } #topcartlink { display: inline-block; width: auto; margin: 0; } .header-links i { font-size: 18px; width: 18px; height: 18px; } .flyout-cart { position: absolute; top: 40px; right: 0; z-index: 100; width: 320px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); background-color: #fff; } .flyout-cart.active { display: block; } .mini-shopping-cart { padding: 12px; text-align: left; font-size: 12px; } .mini-shopping-cart .count { padding: 5px 0 15px; color: #737373; } .mini-shopping-cart .count a { margin: 0 2px; font-weight: bold; color: #737373; } .mini-shopping-cart .items { border-top: 1px solid #bcbec0; border-bottom: 1px solid #bcbec0; margin: 0 0 20px; } .mini-shopping-cart .item { overflow: hidden; padding: 10px 0; } .mini-shopping-cart .picture { float: left; width: 70px; text-align: center; } .mini-shopping-cart .picture a { display: block; position: relative; overflow: hidden; } .mini-shopping-cart .picture a:before { content: ""; display: block; padding-top: 100%; } .mini-shopping-cart .picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; } .mini-shopping-cart .picture + .product { margin: 0 0 0 80px; } .mini-shopping-cart .name { margin: 0 0 10px; font-size: 14px; } .mini-shopping-cart .name a { color: #4ab2f1; } .mini-shopping-cart .name a:hover { color: #248ece; } .mini-shopping-cart .attributes { margin: 5px 0; color: #737373; } .mini-shopping-cart .totals { margin: 0 0 12px; font-size: 14px; } .mini-shopping-cart .totals strong { font-size: 16px; color: #737373; } .mini-shopping-cart .buttons { margin: 0 0 5px; } .mini-shopping-cart input[type="button"] { display: inline-block; border: none; background-color: #4ab2f1; padding: 10px 20px; font-size: 12px; color: #fff; text-transform: uppercase; } .mini-shopping-cart input[type="button"]:hover { background-color: #248ece; } .header-lower { display: table; width: 100%; } .header-logo { display: table-cell; text-align: left; vertical-align: middle; font-size: 0; } .search-box { display: table-cell; text-align: right; vertical-align: middle; padding: 10px 0; } .search-box input.search-box-text, .search-box .search-box-button { /*height: 40px;*/ } .topic-block-title h3 { color: #55a5dd; text-align: left; } .shopping-cart-page .title_row h1, .cart-wrapper .title_row h1 { margin-bottom: 10px; } .myprescription-products-page .topic-block-title h2 { font: 600 21px/25px Raleway; margin-top: 0; } /*** NAVIGATION ***/ .header-menu { clear: both; position: relative; z-index: 5; /* width: 980px; margin: 0 auto 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 25px 0; text-align: center;*/ padding: 20px 0 0 0; margin-left: -10px; } .menu-toggle, .sublist-toggle { display: none; } .header-menu > ul { display: block !important; /* prevents toggle display:none on resize */ font-size: 0; } .header-menu > ul.mobile { display: none !important; } .header-menu > ul > li { display: inline-block; /*padding:0 12px;*/ padding: 10px; vertical-align: middle; } .header-menu > ul > li:first-child { /*padding-left:0;*/ } /* .header-menu > ul > li:last-child { padding-right: 0; }*/ .header-menu > ul > li > a { color: #55a5dd; cursor: pointer; display: block; font: normal 15px/18px work_sansregular; text-transform: uppercase; padding: 8px; } .header-menu > ul > li > a:hover, .header-menu > ul > li.active-menu > a { color: #ef9f05; text-decoration: none; } .header-menu .sublist { display: none; position: absolute; width: 200px; background-color: #BBDFF7; padding: 0; text-align: left; color: #225FA0; top: 100%; } .header-menu .sublist li { position: relative; line-height: 1; } .header-menu .sublist li a { display: block; position: relative; padding: 7px 20px; font-size: 15px; color: #225fa0 !important; } .header-menu .sublist li a:before { /*content: ""; position: absolute; top: 17px; left: 15px; width: 5px; height: 5px; background-color: #ddd;*/ } .header-menu .sublist > li:hover { background-color: #225FA0; color: #fff; } .header-menu .sublist > li:hover > a { background-color: #225FA0; color: #fff !important; } .header-menu ul li:hover > .sublist { display: block; } .header-menu .sublist .sublist { top: 0; left: 100% !important; } /*Banner*/ .home-page-main-slider img { width: 100%; } /*** FOOTER ***/ .footer-upper { /*width: 980px; padding: 35px 10px;*/ } .footer-upper:after { content: ""; display: block; clear: both; } .footer-block { float: left; /*width: 220px;*/ margin: 0; } .footer-block:first-child { } .footer-block .list { margin: 0; /*padding:0 0 0 20px;*/ } .follow-us { float: right; width: 300px !important; margin: 0; text-align: left; } .follow-us .social li { margin: 0 10px 0 0; } .newsletter-email { /*display: block;*/ } .newsletter-email input[type="text"] { border: none; height: 42px; width: 100%; } .newsletter-email .newsletter-subscribe-button { /*width: 98px;*/ padding: 0 5px; line-height: 42px; } .newsletter-validation .field-validation-valid { text-align: left; } .footer-lower { position: relative; /* width: 980px; padding: 25px 5px;*/ } .footer-lower:after { content: ""; display: block; clear: both; } .footer-info { /*float: right; line-height: 32px;*/ } .footer-store-theme { float: left; margin: 0 0 0 15px; } /*** COLUMN ***/ .block { float: none; width: auto; margin: 3px 0 26px; } .block .title, .product-name, .product-grid .title, .nopAjaxFilters7Spikes .block.filter-block .title { color: #55a5dd; font: 600 21px/45px Raleway; /*replaced by 600 21px/22px Raleway*/ margin: 0; border-bottom: 1px solid #bcbec0; background: none; cursor: auto; padding-bottom: 11px; } body .nopAjaxFilters7Spikes .block .filtersGroupPanel { padding: 15px 0 20px; } .nopAjaxFilters7Spikes .block.filter-block .title a { color: #163c6e !important; margin: 0; padding: 25px 10px 25px 34px !important; font-family: 'work_sanssemibold'; background-color: #f0f0f0; margin-bottom: 0px !important; vertical-align: middle; } .filtersPanel .block .title { padding-bottom: 0px !important; border-bottom: none !important; } .block .title { padding-bottom: 12px; } .block .title strong { font-weight: bold; } .block .listbox { display: block; border-bottom: none; } .block a.product-picture { display: inline-block; position: relative; width: 30%; margin: 0 0 0 -15px; vertical-align: middle; } .block a.product-name { vertical-align: middle; } .block a.product-picture + a.product-name { font: normal 15px/22px work_sansregular; width: 60%; word-wrap: break-word; } .block a.product-picture + a.product-name:before { display: none; } .block-recently-viewed-products .listbox, .block-popular-tags .listbox { background: none; } .block-recently-viewed-products a.product-picture { display: inline-block; position: inherit; width: 66px; margin: 0 10px 0 0; vertical-align: middle; padding: 0; float: left; border: 1px solid #bcbec0; height: 66px; position: relative; } .block-recently-viewed-products a.product-picture img { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); opacity: 1; width: 100%; } .block-recently-viewed-products .list a:hover { background: none; } .block-recently-viewed-products a.product-name { border: none; color: #737373; cursor: pointer; float: left; width: 70%; padding: 0; margin: 0; } .block-recently-viewed-products .list li { padding: 0; overflow: hidden; margin: 15px 0 0 0; } .block.block-recently-viewed-products { margin-bottom: 3px; } .block.block-recently-viewed-products .list a:after { content: inherit; display: none; } /*** CATEGORY ***/ .breadcrumb { border-top: 1px solid #dbdbdb; padding: 7px 0 0 0; margin-bottom: 25px; border-radius: 0; } .item-box .buttons { /*text-align: left;*/ } .home-page .product-grid .item-box, .product-details-page .product-grid .item-box, .shopping-cart-page .product-grid .item-box { width: 24%; margin: 0 0.5% 0; } .home-page .product-grid .item-box:nth-child(3n+1), .product-details-page .product-grid .item-box:nth-child(3n+1), .shopping-cart-page .product-grid .item-box:nth-child(3n+1) { clear: none; } .home-page .product-grid .item-box:nth-child(4n+1), .product-details-page .product-grid .item-box:nth-child(4n+1), .shopping-cart-page .product-grid .item-box:nth-child(4n+1) { clear: both; } .brand-grid .item-box { width: 100%; } .product-details-page .product-grid .item-box { width: 100%; } .also-purchased-products-grid.product-grid .title { margin-bottom: 20px; } .also-purchased-products-grid.product-grid { margin: 0 0 30px 0; } .detail-box .image-holder { margin: 0; } .detail-box .image-holder { float: left; margin: 0 20px 0 0; } .testimonial-detail { overflow: hidden; } .testimonial-detail .client-name h3, .testimonial-detail .designation h4 { text-align: left; } .detail-box { overflow: hidden; border-bottom: 1px solid #bcbec0; padding: 25px 0; } .detail-box:first-child { padding-top: 0; } .detail-box:last-child { border-bottom: none; } /*** PRODUCT PAGE ***/ .product-name { margin-bottom: 20px; } .gallery { float: left; width: 46%; } .gallery .picture { width: auto; } .overview { float: right; width: 50.5%; } .rental-attributes { overflow: hidden; } .rental-attributes .attribute-item { float: left; margin: 0 20px 0 0; } .rental-attributes .datepicker { width: 160px; text-align: left; } .color-squares li { margin: 0 10px 10px 0; } .product-details-page .title { text-align: left; } /*** PRODUCT REVIEWS ***/ .product-review-item .review-title { max-width: 850px; } /*** WISHLIST & COMPARE LIST ***/ .compare-products-page .page-title { /*margin: 0 0 -1px;*/ } .compare-products-page .clear-list { position: absolute; top: 0; right: 0; margin: 0; } .compare-products-table .full-description td { display: table-cell; } .compare-products-table .full-description td p { margin-top: 0; } /*** TOPICS ***/ .center-1 .topic-block-title { text-align: center; } /*** REGISTRATION, LOGIN, ACCOUNT ***/ .gender span { margin: 0 10px 0 0; } .gender span > * { margin: 0 5px 0 0; vertical-align: middle; } .date-of-birth select + select { margin: 0 0 0 11px; } #check-availability-button { display: block; margin: 10px auto; } .customer-info-page #check-availability-button { display: inline-block; margin: 0 0 0 10px; vertical-align: bottom; } .login-page .customer-blocks { overflow: hidden; } .login-page .new-wrapper { float: left; width: 49%; margin: 0; } .login-page .new-wrapper .text { min-height: 200px; } .login-page .returning-wrapper { /*float: right; width: 49%;*/ } .login-page .returning-wrapper .form-fields { min-height: 170px; padding: 30px 0 0; } .login-page .returning-wrapper .inputs label { width: 110px; } .login-page .returning-wrapper input[type="text"], .login-page .returning-wrapper input[type="password"] { width: 300px; } .address-list-page .section, .order-list-page .section, .return-request-list-page .section { display: block; width: auto; margin: 0 0 40px; } .address-list-page .buttons, .order-list-page .buttons { position: absolute; top: 5px; right: 10px; } .avatar-page .message-error, .avatar-page .buttons { text-align: left; } /*** SHOPPING CART ***/ .shopping-cart-page .cart-options { overflow: hidden; border-bottom: 1px solid #bcbec0; margin-bottom: 20px; } .shopping-cart-page .checkout-attributes { float: left; max-width: 565px; margin: -30px 0 15px; } .shopping-cart-page .checkout-attributes li { margin: 5px 10px 5px 0; } .shopping-cart-page .selected-checkout-attributes { float: right; max-width: 395px; margin: 15px 0; } /*** CHECKOUT ***/ .order-progress { margin: -30px 0 50px; } .checkout-page .address-item { width: 31.33333%; } .checkout-page .terms-of-service { text-align: center; } .payment-info .info { padding: 30px 15px; } .payment-info .info td:first-child { width: 265px !important; margin: 0 10px 0 0; /*text-align: right;*/ } .payment-info .info td:only-child { width: 100% !important; } .order-review-data .title, .order-details-area .title, .shipment-details-area .title { text-align: left; } .opc .order-review-data ul { text-align: left; } .home-page .product-grid { border: none; } /*** SEARCH & SITEMAP ***/ .advanced-search .price-range { margin-left: 114px; } /*** BLOG & NEWS ***/ .comment-list { margin: 0 0 50px; } .news-list-homepage .news-items { overflow: hidden; text-align: left; margin: 20px 0 0 0; } .news-list-homepage .news-date { background: #f2b237; float: left; width: 20%; } span.news-datetitle { font: 300 28px/30px work_sansregular; display: inline-block; color: #fff; text-align: center; } .news-list-homepage .news-item { background: #fafafa; border: 1px solid #f4f1f3; float: left; width: 74%; margin: 0 0 30px 20px; padding: 14px 20px; } .news-list-homepage .news-item:nth-child(3n+1) { clear: both; } .news-list-homepage .news-item:only-child { float: none; width: auto; margin: 0; } .news-list-homepage .news-head { text-align: left; } /*** FORUM & PROFILE ***/ .forum-breadcrumb { margin: 0 0 30px; } .current-time { float: right; } .forum-search-box { float: left; } .forum-search-box .advanced { text-align: left; } .forum-search-box .advanced a { line-height: normal; } .forums-table-section td { min-width: 150px; } .forums-table-section td:first-child { min-width: 90px; } .forums-table-section .view-all { text-align: right; } .topic-actions .pager.upper { display: block; max-width: 400px; } .forum-edit-page textarea, .private-message-send-page textarea { width: 600px; height: 250px; } .private-message-send-page .toolbar { display: inline-block; width: 400px; margin: 10px 0; vertical-align: middle; } } @media all and (min-width: 1367px) { /*** GLOBAL STYLES ***/ .master-wrapper-content { /*width: 1200px;*/ } .inputs label { width: 375px; } .registration-page span.field-validation-error { padding-left: 385px !important; } .registration-page.prescriptionRegistrationPage span.field-validation-error { padding-left: 0 !important; } .center-2 .inputs label { width: 213px; } /*** HEADER ***/ .header { width: 1200px; } /*** NAVIGATION ***/ .header-menu { /*width: 1200px;*/ } .header-menu > ul > li { padding: 0 15px; } .header-menu > ul > li > a, .header-menu > ul > li > span { font-size: 15px; } .header-menu > ul > li > a:active { color: #ef9f05; } /*** FOOTER ***/ .footer-upper { width: 1200px; padding: 35px 30px; } .footer-block { width: 280px; } .footer-lower { /*width: 1200px;*/ padding: 25px 20px; } /*** PRODUCT REVIEWS ***/ .product-review-item .review-title { max-width: 1050px; } /*** REGISTRATION, LOGIN, ACCOUNT ***/ .login-page .returning-wrapper input[type="text"], .login-page .returning-wrapper input[type="password"] { width: 360px; } /*** SHOPPING CART ***/ .cart-footer .totals { width: 395px; margin: 0; } .cart-footer .cart-collaterals { width: 760px; margin: 0; } .cart-footer .cart-collaterals .deals { float: left; width: 360px; } .cart-footer .cart-collaterals .shipping { float: right; width: 360px; } .cart-footer .estimate-shipping .inputs label { display: inline-block; width: 35%; } .cart-footer .estimate-shipping .inputs input, .cart-footer .estimate-shipping .inputs select { width: 65%; } /*** CHECKOUT ***/ .shipping-method .method-list li, .payment-method .method-list li { margin: 20px 1%; } .payment-info .info td:first-child { width: 375px !important; } .payment-info .info td:only-child { width: 100% !important; } /*** FORUM & PROFILE ***/ .forum-actions .pager, .topic-actions .pager { max-width: 600px !important; } } .edit-address .inputs:nth-child(odd) { clear: both; } .edit-address .inputs { float: left; width: 50%; } .edit-address .inputs label { display: block; margin: 0 10px 8px 0; text-align: left; width: auto; } div#billing-new-address-form input, div#billing-new-address-form .inputs select { float: left; width: 90%; } div#billing-new-address-form input.button-1 { width: auto !important; margin-right: 10px; border: 1px solid #4ab2f1; } .rgt-col .cart-footer .totals { margin: 0; } .billing-address-page .order-summary-content .totals { background: none; padding: 10px; } .checkout-page .order-summary-content .total-info { border-bottom: medium none; margin: 0; padding: 5px 20px 10px; } .footer-block.member img { width: 100%; } @media only screen and (max-width: 767px) { .cart-total td.cart-total-right { text-align: right; width: 50%; } } .header-menu > ul > li { padding: 0px; } .buttons input.btn-inactive { background-color: #999; color: #fff; font-size: 14px; height: 43px; padding: 0 10px; text-align: center; width: 100%; text-transform: uppercase; } /**Cross Sales*/ .cross-sells { float: left; width: 100%; } .cross-sells .item-grid { padding-top: 10px; } .product-details-page .cross-sells .item-box .picture { height: 200px; } /*+++++++++++Prescription++++++++++*/ .mrg-top-10 { margin-top: 10px; } .mrg-top-30 { margin-top: 30px; } .grayBox { background-color: #fafafa; border: 1px solid #bdbec2; margin-bottom: 50px; overflow: hidden; /*padding: 10px 20px 0 20px;*/ padding: 10px 0 0; text-align: left; } .recipe_detail { overflow: hidden; padding: 0 20px; position: relative; margin-bottom: 5px; } .prescription_tbl_wrapper { border-top: 1px solid #acacac; } .prescription_tbl { padding: 0 20px; } .lbl_recipe { margin-right: 3px; } .lbl_recipe > label { font-weight: normal; margin: 0 3px 0 0; vertical-align: bottom; } .add_detail { overflow: hidden; padding: 3px 0 8px; } span.span-inline { border-right: 1px solid #7e7e7e; margin-right: 10px; padding-right: 10px; } .recipe_detail_top { margin-bottom: 6px; padding-right: 120px; width: 100%; } .recipe_detail_top, .span-inline { display: inline-block; vertical-align: middle; } .recipe_detail_top span.span_first { padding-left: 0; } .recipe_detail_top .span_last { padding-right: 0; cursor: pointer; position: absolute; right: 38px; top: -1px; } .recipe_detail_top i { font-style: normal; } .span_last .fa { color: #f09f07; display: inline-block; font-size: 12px; line-height: 20px; margin-right: 5px; vertical-align: bottom; } .inner_rdp > ul:before, .inner_rdp > ul:after, .inner_rdp li:before, .inner_rdp li:after, .quantity-box-wrap:before, .quantity-box-wrap:after { display: block; clear: both; content: ""; } .inner_rdp .green { color: #77ad3f; } .inner_rdp .blue { color: #54a5dc; } .inner_rdp > ul { margin: 0; } .inner_rdp li span { word-wrap: break-word; } .inner_rdp li span.left { float: left; width: 50%; } .inner_rdp li span.right { float: left; width: 50%; } .inner_rdp.last li span.left { width: 75%; } .inner_rdp.last li span.right { width: 25%; } .inner_rdp li span.left { padding-right: 5px; } .add_detail a.uploadprescription { color: #54a5dc; } .add_detail a.viewprescription, a.uploadprescription:hover { text-decoration: underline; } .prescription_tbl tr td { border-left: 1px solid #ccc; border-right: none; border-bottom: 1px solid #ccc; /*padding: 20px;*/ background-color: transparent; word-break: normal; } .prescription_tbl tr td:first-child { border-left: none; padding-left: 20px; width: 15%; } .prescription_tbl tr td:last-child { padding-right: 20px; text-align: right; width: 18%; } .prescription_tbl tr td:nth-child(2) { width: 65%; } /*.prescription_tbl tr td:nth-child(3) { width:23%;} .prescription_tbl tr td:nth-child(4) { width:23%;}*/ .prescription_tbl tr:last-child td { border-bottom: none; } .prescription_tbl.cart td label { font-weight: normal; display: inline-block; font-weight: normal; margin-bottom: 0; vertical-align: bottom; width: 77%; } .prescription_tbl .prescription_value { color: #55A6DE; display: inline-block; vertical-align: bottom; width: 20%; } .prescription_tbl th { display: none; } .prescription-selection-page .page-title { margin: 0 0 15px; } /**Add Prescription css**/ .grayBox1 { background-color: #fcfcfc; border: 1px solid #bdbec0; border-radius: 5px; padding: 20px 10px 20px 20px; } .addprescription_tbl { margin-bottom: 20px; } .addprescription_tbl tr td { background-color: #fcfcfc; } .prescription_option_box { background-color: #f6f6f6; padding: 20px; margin-bottom: 10px; text-align: left; } .prescription-upload-option-box { padding: 12px; /*height:234px;*/ } .prescription_option_box input { margin-right: 10px; } .prescription_option_box .radioBox, .prescription_remark label { color: #000; font-size: 16px; font-weight: normal; cursor: pointer; } .prescription_option_box .radioBox > input { margin-top: 0; margin-left: 0; vertical-align: middle; } .prescription_option_box .radioBox p { color: #737373; font: 14px work_sansregular; } .qq-upload .qq-upload-button.qq-upload-button-selector { width: auto !important; padding: 10px !important; } .prescription_remark { text-align: left; } .prescription_remark label { display: block; } .prescription_remark textarea { resize: vertical; } .checkoutprescription .prescription_remark { margin-bottom: 25px; /*margin-left: 50px;*/ margin-top: 20px; } .option_detail1 { position: relative; } .option_detail1 .required { left: 325px; position: absolute; bottom: 4px; } .option_detail, .option_detail1 { margin-left: 30px; margin-top: 10px; } .option_detail3, .checkoutprescription .option_detail2 { display: none; } .width320, .option_detail .qq-upload-button.qq-upload-button-selector { width: 320px; } .width320 textarea { width: 100%; } /*add prescription page section begin*/ .heading-title { /*margin: 28px 0;*/ overflow: hidden; word-wrap: break-word; } .hidemargin { margin: 0; } .hidemargin p { margin: 0; /*height: 60px; min-height: 60px; max-height: 60px; overflow: auto;*/ } /*.hidemargin p::-webkit-scrollbar{ display: none; }*/ /*::-webkit-scrollbar { display: none; /*used to hide scroll-bar in prescription upload box section }*/ /*.prescription-box-heading{ min-height:85px; max-height:85px; height:85px; overflow:overlay; }*/ /*.prescription-box-heading p{ height:40px; }*/ /*add prescription page section end*/ .redBtn, .option_detail .qq-upload-button.qq-upload-button-selector { background-color: #cc0001; color: #fff; display: inline-block; padding: 10px 0; text-align: center; text-transform: uppercase; cursor: pointer; margin-top: 10px; } .option_detail .qq-upload-button.qq-upload-button-selector { background-color: #ef9f05; } .custom-select { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; height: 34px; position: relative; width: 320px; overflow: hidden; margin-top: 10px; } .custom-select select { background: transparent none repeat scroll 0 0; border: medium none; font-size: 16px; line-height: 1; padding: 5px; position: relative; z-index: 100; width: 340px; } .select-arrow { background: #ccc; display: inline-block; top: 0; right: 0; width: 30px; height: 33px; position: absolute; } .select-arrow::before, .select-arrow::after, .drop-arrow::before, .drop-arrow::after, .up-arrow::before, .up-arrow::after { content: ""; height: 0; position: absolute; width: 0; } .select-arrow::before, .select-arrow::after { top: 13px; } .select-arrow::before, .drop-arrow::before { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #000; } .select-arrow::after, .drop-arrow::after { border-left: 4px solid transparent; border-right: 4px solid transparent; } .select-arrow::after { border-top: 4px solid #ccc; left: 11px; } .select-arrow::before { left: 9px; } .drop-arrow { position: relative; } .drop-arrow::before, .drop-arrow::after { top: 7px; } .drop-arrow::after { border-top: 4px solid #fafafa; left: 7px; } .drop-arrow::before { left: 5px; } .option-detail2 > div { display: inline-block; width: auto; } .option_detail.option_detail2 > div, .option_detail.option_detail2 > span { display: inline-block; vertical-align: middle; } .option_detail.option_detail2 > span.field-validation-error { display: block; margin: 0 3px; text-align: left; } .related-prod-box .details.equalHeight1.product-item .buttons { width: auto !important; } .radioBox > label { font-weight: normal; } .blog-readmore { color: #55a5dd; float: right; font-size: 16px; margin-right: 20px; /*margin-top: -40px;*/ text-decoration: underline; position: relative; top: -20px; } #Image-prescription-dialog img { width: 100%; } .btnaddprescription { border: none; margin-bottom: 20px; width: 210px; } input.qq-edit-filename { display: none !important; } .prescription_name, .span-inline .greenColor { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: bottom; } .prescription_name { max-width: 120px; } .span-inline .greenColor { max-width: 95px; } .prescription-selection-page .product-overview p { margin: 0 0 20px; } .up-arrow::before { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #000; left: 65px; top: 7px; } .up-arrow::after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #fafafa; left: 67px; top: 9px; } /*product-specsl-ist*/ .product-specs-list { margin-bottom: 0px; } .product-specs-list li { margin: 13px 0; font-size: 15px; color: #606060; } .product-specs-list li > i { margin-right: 6px; color: #67A713; display: inline-block; font-size: 18px; vertical-align: bottom; font-weight: 600; } .mrg-btm-30 { margin-bottom: 30px; } /* Tooltip */ .download-btn + .tooltip > .tooltip-inner { background-color: #fff; color: #333; border: 1px solid #000; padding: 5px 8px; font-size: 16px; border-radius: 0; width: 150px; } .download-btn + .tooltip.bottom > .tooltip-arrow { display: none; } /**Prescription Extra page**/ .add-prescription-intro { padding: 0 10px; margin-bottom: 20px; overflow: hidden; } .prescriptionRegistrationPage .fieldset { float: left; width: 50%; margin-bottom: 0; } .prescriptionRegistrationPage .title-wrapper { background-color: #fff; } .prescriptionRegistrationPage .form-fields .inputs label { width: 30%; } /*.prescriptionRegistrationPage .inputs input[type="text"], .divform-fields > .inputs > select { width: 64%; }*/ .prescriptionRegistrationPage .form-fields .date-of-birth select { width: 20%; } .prescriptionRegistrationPage .prescription_option_box { border: 1px solid #ccc; padding: 10px; } .prescriptionRegistrationPage .prescription_remark textarea { min-height: 100px; /*min-width: 500px*/ } .prescriptionRegistrationPage .buttons { /*text-align:right;*/ background-color: #fff; clear: both; padding-top: 20px; } .form-fields.readonlyclass, .form-fields.readonlyclass div, .form-fields.readonlyclass input, .form-fields.readonlyclass label, .form-fields.readonlyclass select { cursor: not-allowed; } .prescriptionRegistrationPage .form-fields { padding: 30px 15px 20px; background-color: #ffffff; } .prescriptionRegistrationPage .page-body { background-color: #f9f9f9; } .method-name .payment-logo img { max-height: 54px; } .footer-block .list img { width: 54px; } .prescriptionRegistrationPage span.field-validation-error { text-align: left; position: relative; left: 30%; margin-left: 10px; } .divfieldset:first-child { border: none; margin-top: -5px; padding-top: 0; } .divfieldset { border-top: 1px solid #ccc; margin-top: 40px; padding-top: 10px; } .fieldset .radioBox.lbl_option3 > p { margin-left: 29px; } .divfieldset input#check-availability-button { float: right; margin-right: 23px; } .accept-privacy-policy label { margin-bottom: -3px; } .prescriptionRegistrationPage .accept-privacy-policy span { margin-top: 3px; vertical-align: top; } .prescriptionRegistrationPage .qq-upload span.field-validation-error { display: block; left: 0; margin-left: 4px; position: relative; text-align: left; top: 0px; padding-left: 0 !important; } .add-prescription .title { margin: 0 0 15px; padding: 0 10px; font-size: 20px; color: #55a5dd; } .personal-details .title { margin: 0 0 15px; padding: 0 10px; font-size: 20px; color: #55a5dd; } /*.prescription_remark textarea { width : 400px; }*/ .green, .checkout-page .address-grid .fa-check-square { color: #6db013; } .advanced-search input[type="radio"], .advanced-search input[type="checkbox"] { margin-top: 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { background-color: #ffffff; border: 1px solid #bcbec0; } .quickcheckout-payment-info .payment-info td a { text-decoration: underline; } .download-btn, .download-btn + .tooltip > .tooltip-inner { font-family: "work_sansregular"; } .overview .product-specs-box .spec-name { padding-right: 18px; } .quickcheckout-payment-method .payment-details label { margin-top: 6px; } .payment-info .info td input[type="checkbox"] { display: inline; margin-top: -4px; } .ui-datepicker .ui-datepicker-title select { background-color: #ffffff; margin: 0; padding-bottom: 4px; padding-top: 5px; line-height: 22px; } .quickcheckout-payment-info .page-title { clear: both; } .shopping-cart-page .common-buttons:before, .shopping-cart-page .common-buttons:after { display: block; content: ""; clear: both; } .order-summary-content .order-review-data-test { background: none; border: none; } .billing-address-page .order-summary-content .totals .cart-total-left { padding-right: 20px; width: 52.5%; } .billing-address-page .order-summary-content .totals .cart-total-right { padding-left: 0; } .order-review-data-test .cart-total-right { width: 70% !important; } .order-review-data-test .cart-total-left { padding: 5px 19px 0 0; text-align: right; width: 30% !important; } .cart-total-right a { display: inline-block; vertical-align: middle; } .cart-total-right i { display: inline-block; margin-left: 5px; font-size: 0px; background-image: url(/Themes/HollandApoBE/Content/images/edit.png); height: 14px; vertical-align: top; width: 14px; margin-top: 3px; } .bill_ship_addresss .title_row { display: none; } .radio-selection input, input#SeparateShippingAddress { border: medium none; margin: 0 5px 0 0; padding-top: 0; } .shopping-cart-page .order-summary-content .rgt-col .totals { border: 1px solid #bcbec0; } .checkoutprescription .qq-upload-list li.qq-upload-fail { background: none; color: #d60000; } .quickcheckout-cart tr { height: auto !important; } .qq-upload-list li.qq-upload-fail { background: none !important; color: #d60000 !important; } .edit-address .inputs input[type="text"], .edit-address .inputs input[type="password"], .edit-address .inputs select, .inputs textarea { max-width: 90%; box-sizing: border-box; } .inner-recipe > ul:before, .inner-recipe > ul:after { display: block; content: ""; clear: both; } .inner-recipe .left, .inner-recipe .right { float: left; width: 50%; padding-right: 5px; } .status .right { color: #5f9f21; } .prescription_tbl tr { height: auto !important; } .inner-pbody { padding: 15px; } .pInfo .title { color: #55a5dd; font: 600 21px/22px Raleway; margin: 20px 0; border-bottom: 1px solid #bcbec0; background: none; cursor: auto; padding-bottom: 17px; } .pInfo_body > p { font-size: 15px; line-height: 23px; margin-bottom: 30px; } .pInfo_body > p:last-child { margin-bottom: 0; } .c-description-head a { /*padding: 15px;*/ margin-bottom: 5px; display: block; font-size: 20px; line-height: 100%; } /*.c-description-head a:focus { color: #000000; }*/ .c-description-head a:focus { color: #ffffff !important; } .c-description-head a:hover { color: #ffffff; } a, a:focus { outline: none; } .c-description-body { display: none; margin-bottom: 20px; margin-right: 30px; /*padding: 10px;*/ } .c-description-body p { margin-top: 5px; margin-left: 10px; } .c-description-body p:last-child { margin-bottom: 0; margin-left: 10px; } /*.cat-description-item:first-child .c-description-body { display:block; }*/ .top-menu a.featured-menu { font-weight: bold; color: #ef9f05; } .top-menu a.featured-menu::after { content: "\f101"; font-family: FontAwesome; } .bannerWidget_wrapper .banner-widget span { min-height: 56px; display: flex; align-items: center; } .banner-widget a.niederlanden { padding: 31px 20px 15px 80px; } .banner-widget a.uber { padding: 30px 20px 15px 80px; } .footer-menu-bottom { color: #fff; } .address-list-page .address-item .buttons .delete-row { position: initial; display: inline; } .blog-widget .widget-detail1 { top: 0; position: initial; } .blog-widget figure.imgholder { position: initial; max-width: 100%; } .banner-widget.blog-widget { margin-bottom: 58px; } .blog-widget a { margin-bottom: 0px; min-height: 40px; display: block; width: 100%; } .blog-widget .widget-detail { position: initial; bottom: 0; } .testimonial-block .title { overflow: initial !important; } .prescriptionRegistrationPage .prescription_remark .width320 { width: 100% !important; } .header-menu > ul > li > a.activenav { color: #ffffff !important; background: #55a5dd; } .header-menu .sublist > li > a.activenav { background: #55a5dd; /*replace with #ef9f05*/ color: #225FA0; } .testimonial-block .pull-left { float: none !important; } a.disable-anchor { pointer-events: none; cursor: default; } .prescriptionRegistrationPage .divform-fields { background-color: #f9f9f9; padding: 30px 15px; } .prescriptionRegistrationPage .divfieldset { border-top: none !important; } .registration-page.prescriptionRegistrationPage .message-error .validation-summary-errors ul { margin-bottom: 0 !important; } .registration-page.prescriptionRegistrationPage .message-error { margin: 0 0 10px !important; padding-top: 10px !important; } .footer-row { margin-top: 20px; } .footer-block.member ul li { width: 50%; float: left; margin: 0; padding: 5px; } .footer-mid .member .list li:nth-child(2n+3) { clear: both; } .footer-block.member ul li img { width: 100%; max-width: 100%; } .footer-block.member ul.list { margin: -5px; } .footer-mid .footer-block.member ul.list li a:hover { padding-left: 0 !important; } /*.footer-mid .footer-block.member ul.list li a { display: block; min-height: 177px; background-color:white; }*/ .footer-mid .member .list li:nth-child(even) { margin-left: 0; } .footer-block.member ul::before, .footer-block.member ul::after { clear: both; content: ""; display: block; } .c-description-head { background-color: #55A5DD; padding: 5px 10px; border-radius: 5px; color: white; margin-top: 2px; position: relative; } /*.c-description-head::after*/ span.plus-ico { content: "\f067"; font-family: 'FontAwesome'; display: block; position: absolute; top: 6px; right: 12px; } .c-description-head.on .fa-plus:before { content: "\f068"; } .faq-head { margin-bottom: 20px; } .faq-head h2 { border-top: 1px solid #B5B7B9; border-bottom: 1px solid #B5B7B9; padding: 10px; color: #56A5DE; font-size: 21px; } @media only screen and (max-width:1000px) { body .footer-eu-logo { margin-top: 20px; } .attributes dd { width: 330px; } .registration-page.prescriptionRegistrationPage .fieldset { width: 100%; } .registration-page.prescriptionRegistrationPage .form-fields .inputs label { display: inline-block; text-align: right; } .registration-page.prescriptionRegistrationPage .inputs .gender { width: 64%; } .registration-page.prescriptionRegistrationPage .form-fields .inputs label { display: block; margin-right: 0; text-align: center; width: auto; } .registration-page.prescriptionRegistrationPage .inputs input[type="text"], .divform-fields > .inputs > select { width: 400px; max-width: 100%; } .registration-page.prescriptionRegistrationPage .form-fields .date-of-birth select { width: 31%; max-width: 126px; } .prescriptionRegistrationPage span.field-validation-error { text-align: center; position: static; } .divfieldset .inputs > input#check-availability-button { display: table; margin: 20px auto; float: none; } .customer-info-page #check-availability-button { display: block; margin: 10px auto; vertical-align: auto; } } @media only screen and (min-width:768px) { .registration-page span.field-validation-error { padding-left: 278px; text-align: left; } .registration-page.prescriptionRegistrationPage span.field-validation-error { padding-left: 0; text-align: left; } } /*----------------------------- 11-18 ------------------------------*/ .klarna-error-main h1 { padding-bottom: 10px !important; border-bottom: 1px solid #bcbec0; } .klarna-error { margin-top: 20px; text-align: center; } .klarna-error a { color: #55a5dd; text-decoration: underline; } .new-wrapper.register-block .text { border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 30px; min-height: 200px; margin: 0 0 30px; } .login-page .field-validation-error, .login-page .validation-summary-errors { text-align: left; font-size: 15px; margin: 0 !important; padding: 0 !important; } fontstyle { font-size: 15px; text-align: left; } .magic-login .inputs { margin-bottom: 5px; } /*-------------------------------- Checkout Attributes -----------------------------*/ .cart-wrapper .cart-collaterals { width: 100%; padding: 0px; } .coupon-box .coupon-code, .giftcard-box .coupon-code { /*max-width: 400px;*/ width: 100%; margin-bottom: 10px; } .coupon-box .discount-toggle, .giftcard-box .gift-toggle { display: none; } .cart-wrapper .cart-collaterals i { margin-left: 10px; } .cart-wrapper .cart-collaterals .coupon-box strong, .cart-wrapper .cart-collaterals .giftcard-box strong { cursor: pointer; } .cart-wrapper .deals .coupon-box, .cart-wrapper .deals .giftcard-box { border-bottom: 1px solid #bcbec0; padding: 0px 10px 13px; } .cart-wrapper .cart-collaterals > div { max-width: 100%; } .attri-top { border-bottom: 1px solid #bcbec0; } /*-------------------------------- Product Attributes -------------------------------*/ .apple .product-filter .filter-title { margin: 0px; background-color: transparent; color: #55a5dd; padding: 5px 0px 15px; font: 700 21px/22px Raleway; border-bottom: 1px solid #bcbec0; } .apple .product-filter li i { margin-right: 10px; } .apple .product-filter .group li.item:before, .apple .product-filter .group li.item:after { display: none; } .apple .product-filter { display: block; } .apple .product-filter .filter-content { background: #fafafa; padding: 0px; margin-bottom: 40px; } .apple .product-filter .filter-content .available-items { padding: 10px 0px; } .apple .product-filter .group li a { padding: 6px 20px 6px 40px; position: relative; display: block; padding-left: 20px; word-wrap: break-word; color: #606060; } .apple .product-filter .group li a:hover { color: #ef9f05; } .apple .product-filter .group li.item a.active { color: #ef9f05; background: #f4f1f3; } .apple .product-filter .group li.item a i { position: absolute; top: 5px; left: 10px; } .apple .product-filter .group li.item { padding: 0 0 0 10px; display: none; margin: 0px 10px; } .apple .product-filter .product-spec-group { float: none; margin: 0px; } .apple .filtered-items ul { padding: 15px 25px; } .apple .remove-filter { margin: 15px 20px; padding-bottom: 15px; } .attributes dt { width: auto; padding: 0; display: block; } .attributes dt label.text-prompt { font-family: "work_sanssemibold"; font-size: 16px; color: #163c6e; display: inline-block; margin-bottom: 0; } .col-label { max-width: 90px; min-width: 90px; } .attributes dd { display: inline-block; margin-bottom: 0; } .attribute-description p { margin: 0; } .contenttitle { line-height: 35px; } .returning-wrapper .text { padding-bottom: 15px; } /*******************4-28***************/ .shopping-cart-page .order-summary-content .rgt-col .cart-footer { padding: 5px; } .registration-page.login-register .form-fields { padding: 5px; } .registration-page.login-register .inputs label { width: 31%; } .registration-page.login-register .date-of-birth select { max-width: 20%; } .registration-page.login-register .text { margin: 0; padding: 0; } .registration-page.login-register span.field-validation-error { padding-left: 33%; } .checkout-page.billing-address-page .billing-address-section { margin-top: 0; padding: 0; border: none; background-color: #F6F6F6; } .klarna-error-main h3 { border-bottom: 1px solid #bcbec0; } .accept-privacy-policy.register-policy input#Newsletter { vertical-align: baseline; } .accept-privacy-policy.register-policy { padding-left: 110px; } .after-header { background-color: #fff; padding: 20px 15px 18px 19px; /*border-bottom: 1px solid #DFDFDF;*/ } .after-head { position: relative; } .image-link { float: left; margin-right: 15px; } .img-cont { font-size: 18px; } .banner-right1, .banner-right2 { border: 1px solid #D2D3D4; margin-bottom: 19px; } .imgholder.holl { position: relative; } .right-one, .right-two { position: absolute; bottom: 10%; left: 5%; } button.receipe { background-color: #67a612; border: none; color: white; padding: 10px 30px; font-size: 18px; } .right-ico { padding: 5px; color: #fff; font-size: 20px; } .master-wrapper-page .nivo-caption { background: none; color: #358fe7; font: 100 15px/22px work_sansregular; margin: 0 19px; opacity: 1; padding: 20px; left: 45%; position: absolute; bottom: 5%; width: 50%; font-size: 30px; line-height: 100%; } .theme-custom .nivo-caption .slider-btn-anc { float: right; } .theme-custom .nivo-caption .slider-btn-anc a { color: #fff !important; text-decoration: none !important; } .slider-anchor1 { margin-bottom: 20px; } .slider-anchor1 a, .slider-anchor2 a { background-color: #55a5dd; color: #ffffff !important; margin: 5px; font-size: 22px; padding: 10px 10px; } button.more-info { background-color: #67a612; border: none; padding: 10px 27px; color: #fff; text-transform: uppercase; font-size: 15px; margin: 30px 5px; } button.more-info:hover { background-color: #56A5DE; } button.receipe:hover { background-color: #56A5DE; } button.receipe:hover ~ span.right-ico i { color: #56A5DE; } .master-wrapper-page .theme-custom a.nivo-prevNav { left: 0; top: 50%; margin-top: -22px; } .master-wrapper-page .theme-custom .nivo-directionNav a, .master-wrapper-page .theme-custom .nivo-directionNav a:hover, .master-wrapper-page .theme-custom .nivo-controlNav a.active { background-color: rgba(0,0,0,0) !important; width: 47px; height: 47px; } .header-menu > ul > li:hover { background-color: #54A5DC; } .header-menu > ul > li:hover a { color: #ffffff; } .header-info ul li a:hover, .social-links li a:hover { color: #000000; } .product-details-page .box-container { margin: 0; } .category-grid.sub-category-grid [class*="col-"]:nth-child(3n+1) { clear: both; } /*P Design changes */ .category-page .product-sorting .jDropDown .toplevel p, .category-page .productsPageSizeDropDown .toplevel p { margin: 3px 0px; font-family: 'work_sansregular'; color: #333; font-size: 18px; } .category-page .product-sorting span, .category-page .product-page-size span { padding: 9px 0 0; font-size: 18px; font-family: 'work_sansregular'; color: #333333; } .category-page .product-selectors { padding: 5px; } body .nopAjaxFilters7Spikes .block .title a.toggleControl:after { display: none; right: 8px; background-image: url(/Themes/HollandApoBE/Content/images/toggle-gray.png); width: 20px; } .upper-mobile-header .menu-toggle { background: none; padding: 4px 0; height: auto; font-size: 0; } .upper-mobile-header .menu-toggle:before { content: ""; background: url(/Themes/HollandApoBE/Content/images/mobile-menu-icon.png); width: 24px; height: 20px; background-size: 100% 100%; display: inline-block; } .upper-mobile-header button { background: none; font-size: 26px; padding: 0; line-height: 23px; color: #bdbec0; } .upper-mobile-header .fa-shopping-cart { background: none; font-size: 26px; padding: 3px 0 0; line-height: 23px; color: #bdbec0; } .upper-mobile-header .col-xs-3 { text-align: center; padding: 14px 0px; border-left: 1px solid #bdbec0; position: static; } .upper-mobile-header { float: left; width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=180, Color=#000000)"; /*IE 8*/ -moz-box-shadow: 3px 0 20px rgba(0,0,0,0.7); /*FF 3.5+*/ -webkit-box-shadow: 3px 0 20px rgba(0,0,0,0.7); /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 3px 0 20px rgba(0,0,0,0.7); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color=#000000); /*IE 5.5-7*/ } .upper-mobile-header .open .dropdown-menu { border-radius: 0; margin: 0; left: 0; padding: 0; width: 100%; top: 0; right: 0; border: none; z-index: 999999; } .upper-mobile-header .open .dropdown-menu a { display: inline-block; font-size: 16px; color: #afafaf; padding: 18px 3%; border-bottom: none; white-space: nowrap; } .upper-mobile-header .open .dropdown-menu a i.fa { margin-right: 9px; width: 13px; text-align: right; font-size: 15px; } .upper-mobile-header .header-menu ul.top-menu.mobile { width: 100%; position: fixed; margin-top: 0; background: #f6f6f6; top: 0; left: -100%; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; height: 100%; display: block !important; z-index: 99; padding-top: 50px !important; } .upper-mobile-header .header-menu ul.top-menu.mobile.active { left: 0; opacity: 1; z-index: 999; width: 100%; overflow-y: scroll; height: 100% !important; } .upper-mobile-header .header-menu { position: static; } .upper-mobile-header .col-xs-3:first-child { border-left: none; } .upper-mobile-header .col-xs-3.share-menu a { text-align: center !important; padding-left: 1%; padding-right: 1%; } .upper-mobile-header .open .dropdown-menu a i.fa.fa-whatsapp { font-size: 17px; margin-right: 4px; } .upper-mobile-header .col-xs-3 span.cart-qty { position: relative; text-indent: inherit; color: #000; font-size: 17px; top: -3px; width: auto; text-align: center; display: inline-block; } .product-details-page .ajax-cart-button-wrapper { float: left; width: 100%; margin-top: 15px; position: relative; } .product-details-page .ajax-cart-button-wrapper input { width: 100%; text-align: left; padding-left: 20px; margin-left: 0; margin-top: 0; } .product-details-page .ajax-cart-button-wrapper:after { content: "\f07a"; font-family: FontAwesome; position: absolute; right: 0; font-size: 28px; color: #fff; padding: 8px; } .upper-mobile-header .header-links { width: 100%; float: left; padding: 0; } .information-list a { font-size: 16px; text-transform: capitalize; margin-right: 30px; color: #000; } .information-list { padding: 10px 0px; border-top: 1px solid #bcbec0; border-bottom: 1px solid #bcbec0; margin-top: 10px; } .product-details-page .pInfo .title { border: none; margin-bottom: 0; font-size: 15px; } .product-details-page .pInfo td { font-size: 13px; display: inline-block; } .product-details-page .pInfo .category-description div { font-size: 13px; margin-bottom: 6px; } .product-details-page .pInfo .category-description div.product-specs-box td { padding-bottom: 14px !important; display: inline-block; } .product-details-page .pInfo .category-description div.additional-details span.label { width: 148px !important; text-align: left; display: inline-block; } .product-details-page .pInfo table tr td:first-child { width: 152px; text-align: left; display: inline-block; float: left; } .product-details-page .pInfo .category-description p:first-child { margin-top: 0 !important; } .product-details-page .pInfo .category-description p:first-child br { display: none; } .product-details-page .download-sample-button { background-color: #67a612; padding: 10px 15px; font-size: 15px; color: #fff; } .product-details-page .download-sample-button:hover { background-color: #55a5dd; } .upper-mobile-header .dropdown { position: static; } .upper-mobile-header .open .dropdown-menu a:first-child { text-align: right; border: none; } .header-upper.visible-xs.upper-mobile-header { background: #fff; z-index: 3; } .upper-mobile-header .dropdown.open + .overlayOffCanvas { display: block !important; } .upper-mobile-header .menu-toggle.active:before { background-image: url(/Themes/HollandApoBE/Content/images/close-btn-hove.png); height: 20px; width: 20px; float: left; margin-left: 20px; } .footer-block.payment-method li img, .footer-block.shipment li img { padding: 10px; background: #fff; width: 64px; } .upper-mobile-header .header-menu > ul > li { position: static; background: transparent; float: left; width: 100%; border-bottom: 1px solid #fff; } .upper-mobile-header .sublist-toggle { top: auto; position: static; float: left; background-image: url(/Themes/HollandApoBE/Content/images/next-b.png); background-position: center; background-size: 11px !important; } .upper-mobile-header .header-menu > ul > li:hover a.dropdown-toggle { color: #54A5DC; } .upper-mobile-header .header-menu > ul > li > a { width: calc(100% - 55px); float: left; color: #55a5dd; } .upper-mobile-header .sublist-toggle.active + .top-menu .sublist { left: 0; } .upper-mobile-header ul.sublist.active { z-index: 999999; height: 100%; left: 0; } .upper-mobile-header .menu-toggle.active { background: #3365a8; width: 100% !important; position: absolute; top: 0; height: auto; padding: 13px 0; z-index: 9999; } .upper-mobile-header ul.sublist { background-color: #f6f6f6 !important; overflow-y: scroll; display: block !important; position: fixed; top: 46px; padding-bottom: 46px; left: -100%; width: 100%; height: 100% !important; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .upper-mobile-header ul.sublist li a { color: #55a5dd; } .upper-mobile-header .header-menu > ul > li.active > .sublist-toggle { position: absolute; top: 0; left: 0; z-index: 9999999; background-color: #3365a8; background-image: url(/Themes/HollandApoBE/Content/images/pre-hover.png) !important; width: 100%; height: 46px; background-size: 12px !important; display: inline-block; background-position: 20px center; padding: 21px; border: none; } .upper-mobile-header .header-menu > ul > li.active ul li.active > .sublist-toggle { position: absolute; top: 0; left: 0; z-index: 99999999; background-color: #3365a8; background-image: url(/Themes/HollandApoBE/Content/images/pre-hover.png) !important; width: 100%; height: 46px; background-size: 12px !important; display: inline-block; background-position: 20px center; padding: 21px; border: none; } .upper-mobile-header .header-menu ul.top-menu.mobile.active.active_sublist { z-index: 9999; } .upper-mobile-header .header-menu > ul > li.active a.dropdown-toggle { width: calc(100% - 55px); float: left; } .upper-mobile-header li.active ul li.active { position: fixed; top: 0; height: 100%; width: 100%; overflow-y: hidden; } .upper-mobile-header .header-menu > ul.active_sublist_main > li.active > .sublist-toggle { display: none; } .top-menu .sublist li:hover a { color: #fff; } .upper-mobile-header ul.sublist li li a { color: #55a5dd; } .upper-mobile-header ul.sublist li li a { color: #55a5dd !important; } .upper-mobile-header ul.sublist li li:hover a { color: #fff !important; } .header-menu .sublist > li > a.activenav { color: #fff !important; } .header-menu > ul > li > a.activenav + .sublist-toggle { background-color: #55a5dd; background-image: url(/Themes/HollandApoBE/Content/images/next-hover.png); } /*for button color-profile style*/ .product-grid .item-box .details .add-to-cart-button { background-color: #67a612; color: #ffffff; font-size: 15px; height: 43px; padding: 0 24px; width: 100%; white-space: inherit; } .product-grid .item-box .details .ajax-cart-button-wrapper { width: 100%; } .related-products-grid .related-prod-box input { height: 36px !important; } .related-products-grid .related-prod-box .ajax-cart-button-wrapper { margin-top: 7px; } .product-details-page .related-prod-box .item-box .buttons { border: none; } .product-details-page .related-products-grid .related-prod-box .ajax-cart-button-wrapper:after { display: none; } .related-prod-box .wrap-buttons .bottom-row .more-info a { padding: 0 8px; } .product-grid .item-box .details .add-to-cart-button:hover { background: #55a5dd; } /*Home Page CSS*/ .foot_gradient { background: rgba(219,238,251,1); background: -moz-linear-gradient(top, rgba(219,238,251,1) 0%, rgba(233,245,253,1) 72%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,238,251,1)), color-stop(72%, rgba(233,245,253,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(219,238,251,1) 0%, rgba(233,245,253,1) 72%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(219,238,251,1) 0%, rgba(233,245,253,1) 72%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(219,238,251,1) 0%, rgba(233,245,253,1) 72%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(219,238,251,1) 0%, rgba(233,245,253,1) 72%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbeefb', endColorstr='#ffffff', GradientType=0 ); } .footer-mid { background: transparent; } .footer-lower { background: #3365a8; } .footer .foot_gradient .footer-upper { padding: 45px 0px 19px; } .footer-upper .newsletter { border-bottom: 1px solid #b2ccdf; text-align: center; padding-bottom: 29px; } .footer-upper .newsletter span { color: #3365a8; font-family: 'work_sansbold'; font-size: 18px; text-transform: uppercase; } .footer-upper .newsletter-email input[type="text"] { width: 458px; border: 1px solid #55a5dd; border-radius: 50px; font-size: 18px; font-family: 'work_sansregular'; height: 43px; padding: 0px 18px; line-height: normal; margin-right: 30px; margin-bottom:5px; } .footer-upper .newsletter-subscribe-button { float: left; border: 1px solid transparent; font-family: 'work_sansbold'; font-size: 18px; background-color: #55a5dd; padding: 0 15px; text-align: center; color: #fff; text-transform: none; padding: 7px 37px; line-height: normal; border-radius: 50px; vertical-align: middle; } .footer-upper .newsletter-subscribe-button:hover, .checkout_page .registration-page .button-1:hover, .checkout_page .login-page .returning-wrapper .buttons input:hover { background-color: #248ece; } .registration-page span.field-validation-error { padding-left: 0px !important; text-align: right; } .footer-upper .newsletter-email .button-wrap { width: auto; display: inline-block; vertical-align: middle; } .footer-upper .newsletter .title { margin-bottom: 0px; display: inline-block; vertical-align: middle; margin-right: 60px; } .footer-upper .newsletter-subscribe { display: inline-block; vertical-align: middle; } .footer-upper .address ul li{ font-family: 'work_sansregular'; font-size: 16px; color: #163c6e; position: relative; padding-left: 14px; padding-bottom: 9px; overflow: hidden; word-break: break-word; font-weight:500; } .opening_hours .list li label { font-family: 'work_sansregular'; font-size: 16px; color: #163c6e; position: relative; padding-bottom: 4px; overflow: hidden; word-break: break-word; font-weight: 500; } .opening_hours .list li label span { text-transform: lowercase; width: 40px; display: inline-flex; padding: 0; color: #163c6e; font-weight:500; } /*.footer_titles .topic-block-body .opening_hours_text span { padding: 0 10px; color: #163c6e; font-size: 16px; margin-top: 8px; font-family: "work_sansregular"; padding:0; text-transform:lowercase; }*/ .footer-upper .address ul li:hover { color: #3365a8; } .footer-upper .address ul li:hover a { text-decoration: underline; } .footer-upper .address ul li a:hover { color: #3365a8; } .footer_titles span { font-family: 'work_sansbold'; color: #3365a8; font-size: 16px; text-transform: uppercase; padding-bottom: 31px; word-break: break-word; overflow: hidden; } .shipping_methods ul li { display: inline-block; margin-right: 10px; } .footer_titles .col-sm-2 { width: 20.99%; } .footer_titles .col-sm-3.custom_width { width: 22%; } .footer_titles .col-sm-3.cust_social { width: 23.66%; } .footer-upper .topic-block-title { padding: 0px; margin: 0px; border-bottom: 0px; } .footer-upper .topic-block-body ul { list-style: none; padding: 0px; margin: 0px; } .footer_titles .footer-tick-points .topic-block-body ul{ padding:8px 0 0 0; } .footer_titles .footer-block .title { margin: 0px; } .footer-upper .topic-block-body ul li { position: relative; padding-left: 23px; } .footer_titles .footer_timing_hours p{ padding-left:0; display:block; margin-bottom:15px; text-transform:unset; } .footer_titles .footer_timing_hours p span { color: #163c6e; font-size: 16px; margin-top: 8px; font-family: "work_sansregular"; padding: 0; text-transform: unset; } .footer_titles .footer_timing_hours ul{ margin-top:15px; display:block; clear:both; } .footer_titles .footer_timing_hours ul li{ padding-left:0; } .footer_titles .footer_timing_hours ul li label { font-weight: 400; font-family: 'work_sansregular'; display: flex; align-items: center; flex-wrap: nowrap; } .footer_titles .footer_timing_hours ul li label span { font-family: 'work_sansregular'; color: #163c6e; padding: 0; display: flex; align-items: center; min-width: 50px; text-transform: capitalize; } .footer_titles .footer_timing_hours ul li label span + #text { font-family: 'work_sansregular'; color: #163c6e; padding: 0; display: flex; align-items: center; min-width: 50px; text-transform: capitalize; } .footer_titles .footer_timing_hours ul li label span strong{ color: #163c6e; } .footer_titles .footer_timing_hours ul li a{ text-decoration: underline; margin: 12px 0; font-family: 'work_sansregular'; font-size: 16px; color: #163c6e!important; width: 100%; display: block; text-transform:capitalize; } .footer_titles .footer_timing_hours ul li a span{ font-family: 'work_sansregular'; color: #163c6e!important; text-transform:capitalize; } .footer-upper .address .topic-block-body ul li:hover { padding-left: 23px; color: #163c6e; } .footer-upper .address .topic-block-body ul li:before { content: ""; position: absolute; width: 15px; height: 12px; background-image: url(/Themes/HollandApoBE/Content/images/foot_arrow.png); background-repeat: no-repeat; top: 4px; left: 0; background-position: 0px 0px; } .footer-upper .address .topic-block-body ul li:hover:before { background-position: 0px 0px; } .footer-upper .address ul li:before { content: ""; position: absolute; width: 6px; height: 12px; background-image: url(/Themes/HollandApoBE/Content/images/foot_arrow.png); background-repeat: no-repeat; background-position: -19px 0px; top: 4px; left: 0; } .footer-upper .address ul li:hover:before { background-position: -29px 0px; } .footer_titles { display: inline-block; width: 100%; padding: 36px 0px 0px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-upper .information .address ul li { padding-left: 27px; } .footer-upper .information .address ul li:hover { color: #163c6e; } .footer-upper .information .address ul li:hover a { text-decoration: none; color: #163c6e; } .footer-upper .information .address ul li:before { width: 16px; height: 17px; background-image: url(/Themes/HollandApoBE/Content/images/contact_stripe.png); background-position: 0px 0px; top: 4px; } .footer-upper .information .address ul li.fax_num:before { background-position: 0px -26px; top: 2px; } .footer-upper .information .address ul li.email_addr:before { background-position: 0px -58px; } .footer-lower .footer-block { width: 100%; } .footer-lower .footer-block.payment-method ul li { display: inline-block; vertical-align: middle; padding-right: 27px; } .footer-lower .footer-block.payment-method ul li:last-child { padding-right: 0px; } .footer-lower .copyright p { color: #fff; font-size: 14px; font-family: 'work_sansregular'; padding-top: 7px; } .footer-lower .footer-menu-bottom ul li { font-size: 14px; font-family: 'work_sansregular'; border-right: 0px; } .footer-lower .footer-menu-bottom ul li a { text-decoration: none; border-bottom: 1px solid #fff; line-height: normal; } .footer-lower .footer-menu-bottom ul { margin-bottom: 0px; } .footer-menu-bottom ul li { padding: 0 10px; } .footer .footer-lower { padding: 24px 0 5px; } .footer .footer-menu-bottom { padding-top: 7px; } .footer-block .shipping_methods .list img { width: auto; } /*.footer-block .MobileView { display: none; }*/ .soical_media_icons ul li { display: inline-block; margin-right: 17px; } .soical_media_icons ul li a { display: block; background-image: url(/Themes/HollandApoBE/Content/images/social_stripe.png); background-repeat: no-repeat; background-position: 0px 0px; height: 42px; width: 40px; } .soical_media_icons ul li.tweet a { background-position: -60px 0px; } .soical_media_icons ul li.gplus a { background-position: -120px 0px; } .soical_media_icons ul li.ytube a { background-position: -180px 0px; } .soical_media_icons ul li a:hover { background-position: 0px -49px; } .soical_media_icons ul li.tweet a:hover { background-position: -60px -49px; } .soical_media_icons ul li.gplus a:hover { background-position: -120px -49px; } .soical_media_icons ul li.ytube a:hover { background-position: -180px -49px; } .soical_media_icons { margin-top: 21px; margin-bottom: 30px; } .shipping_methods { display: inline-block; margin-top: 29px; } .footer-block.payment-method li img, .footer-block.shipment li img { padding: 0px; background: transparent; width: auto; } /*************Edit on 08/11/2017 start**********/ .checkout_page { display: inline-block; width: 100%; } .checkout_page .inputs .input_label .required { margin: 0; } .checkout_page .inputs .input_label { width: 33% !important; float: left !important; display: inline-block; padding-right: 5px; text-align: right; margin-top: 11px; white-space: normal; } .checkout_page .inputs label { display: inline-block; width: auto !important; font-family: "work_sanssemibold"; font-size: 16px; color: #163c6e; margin-right: 0; vertical-align: middle; } .checkout_page .inputs input, .checkout_page .inputs select { display: inline-block; width: 67% !important; font-family: "work_sansregular"; float: left; border-radius: 30px; border: 1px solid #55a5dd; background-color: #fff; } .checkout_page .inputs.date-of-birth select { width: 100% !important; max-width: 20.7%; background-position: 84% 55% !important; } .checkout_page .inputs select { padding: 0 10px; background: rgb(255, 255, 255) url(/Themes/HollandApoBE/Content/images/down_arrow.png) no-repeat !important; background-repeat: no-repeat; background-position: 95% 55% !important; display: inline-block; cursor: pointer; } .checkout_page form { float: left; display: inline-block; width: 100%; } .checkout_page .form-fields { padding: 20px !important; background-color: #f0f0f0; padding-top: 0 !important; border-top: 0; margin-bottom: 30px; } .login-page .returning-wrapper:last-of-type .form-fields { margin-bottom: 10px; } .checkout_page .login-page .returning-wrapper .buttons { background-color: transparent; padding: 0; margin: 0; width: 50%; text-align: right; overflow: hidden; display: inline-block; float: right; } .checkout_page .login-page .returning-wrapper .buttons input, .checkout_page .registration-page .button-1 { font-family: "work_sansbold"; text-transform: capitalize; font-size: 18px; background-color: #55a5dd; border-radius: 30px; } .checkout_page .form-fields h3 { text-align: center; text-transform: uppercase; font-size: 18px; color: #163c6e; border-bottom: 1px solid #dcdbdb; padding: 15px 0; margin-bottom: 30px; font-family: 'work_sanssemibold'; margin-left: -20px; margin-right: -20px; } .checkout_page .page-title { border-bottom: 0; margin-bottom: 0; } .checkout_page .page-title h1 { font-family: "work_sansbold"; color: #3365a8; font-size: 18px; text-transform: uppercase; margin-top: 0px; display: inline-block; width: 100%; } .checkout_page .page-title h1:after { content: ''; display: block; background-color: #14a700; height: 3px; width: 30px; margin: 20px 0; } .checkout_page .half .text { font-family: "work_sansregular"; font-size: 16px; color: #333; margin-bottom: 10px !important; } .checkout_page .login-page .returning-wrapper .inputs.reversed label, .checkout_page .login-page .returning-wrapper .inputs.reversed input { width: auto !important; float: none; margin: 0; vertical-align: middle; } .checkout_page .login-page .form-fields .forgot-password a { font-family: "work_sansregular"; font-size: 16px; color: #55a5dd; margin-bottom: 15px; float: right; border-bottom: 1px solid #55a5dd; } .checkout_page .inputs.reversed { float: left; display: inline-block; margin-top: 58px; } .checkout_page .login-page .returning-wrapper .form-fields { min-height: 1px; border-top: 0; } .checkout_page .gender label:before, .checkout_page .reversed label:before, .checkout_page .accept-privacy-policy span:before { content: ""; background-image: url(/Plugins/Nopaholics.QuickCheckout/Content/img/check_radio_stripe.png); background-position: -28px 4px; background-repeat: no-repeat; cursor: pointer; margin-bottom: 0px; position: absolute; width: 20px; top: -1px; height: 18px; left: 0px; } .checkout_page .gender input[type="radio"]:checked + label:before { background-position: 0 4px; } .checkout_page .gender input { display: none !important; } .checkout_page .gender:first-child label { margin-left: 0; } .checkout_page .gender label { padding-left: 20px; position: relative; font-size: 16px; font-family: 'work_sansregular'; color: #333; margin: 18px 0px 18px 20px; cursor: pointer; } .checkout_page .login-page .returning-wrapper .inputs.reversed label { font-family: "work_sansregular"; color: #333; font-size: 16px; padding-left: 30px; } .checkout_page .login-page .returning-wrapper .inputs.reversed label:hover { color: #333 !important; } .checkout_page .text + .form-fields { padding-top: 20px !important; } /*************Edit on 08/11/2017 start**********/ /*************Edit on 08/11/2017 start**********/ .checkout_page .accept-privacy-policy { display: inline-block; float: left; position: relative; } .checkout_page .registration-page .button-1 { float: right; } .checkout_page .accept-privacy-policy span { font-family: "work_sansregular"; color: #3365a8; size: 16px; padding-left: 30px; padding-right: 10px; text-decoration: underline; line-height: normal; position: relative; margin-top: -14px; display: inline-block; top: -16px; } .checkout_page .login-page .field-validation-error { font-family: "work_sansregular"; font-size: 14px; text-align: right; margin-left: 0 !important; float: right; width: 65%; } .checkout_page .reversed input[type="checkbox"] { display: none !important; } .checkout_page .reversed label:before, .checkout_page .accept-privacy-policy span:before { background-position: -27px -13px; } .checkout_page .reversed input[type="checkbox"]:checked + input + label:before, .checkout_page .accept-privacy-policy input[type="checkbox"]:checked + input + span:before { background-position: -1px -13px !important; } .checkout_page .date-of-birth select + select { margin: 0 0 0 2.4%; } .checkout_page .gender { width: auto; float: left; display: inline-block; padding-top: 5px; padding-left: 5px; } .checkout_page .gender label { margin-left: 0; } .checkout_page .gender span { width: 50%; text-align: left; } .checkout_page .buttons { display: inline-block; width: 100%; } /*************Edit on 11/11/2017 end**********/ /*Footer CSS*/ .header-info ul li a { font-family: 'work_sansmedium'; font-size: 16px; color: #7a7778; } .header-info ul li a:hover { color: #7a7778; } .header-upper { border-bottom: 0px; padding: 16px 0px; } .header-info ul li { border-right: 0px; } .header-links li { border-left: 0px; } .header-links-wrapper { border-right: 0px; } .home-page .rich-blog-homepage .title, .product-grid.home-page-product-grid .title p, .category-grid.home-page-category-grid .title p, .testimonial-block .title .pull-left, .home_testimonial_slider p { text-align: center; font-size: 36px; color: #333333; font-family: 'work_sanssemibold'; } .product-grid.home-page-product-grid .title, .category-grid.home-page-category-grid .title, .testimonial-block .title { margin: 0; border-bottom: 0px; padding: 0; margin-bottom: 10px; } .category-grid.home-page-category-grid .category-item { position: relative; border: 2px solid #55a5dd; border-radius: 16px; } .home-page-category-grid .picture { border: 0px; border-radius: 16px; } .home-page-category-grid .category-item .title a { color: #56a4dc; font-family: 'work_sanssemibold'; font-size: 18px; padding: 0px; } .category-grid.home-page-category-grid .item-box { overflow: visible; padding-top: 10px; padding-bottom: 10px; margin: 0px; } .category-grid.home-page-category-grid .category-item:hover .title a { color: #fff; } .category-grid.home-page-category-grid .category-item:hover { background-color: #55a5dd; -webkit-box-shadow: 0px 0px 16px 0px rgba(85,165,221,0.7); -moz-box-shadow: 0px 0px 16px 0px rgba(85,165,221,0.7); box-shadow: 0px 0px 16px 0px rgba(85,165,221,0.7); } header .header { width: 100%; } header .header .logo-search-row { background: none; height: auto; } .home_banner { background-color: #EAEAEB; margin-top: -15px; } .prescribe_about .banner-widget { width: 48.5%; display: inline-block; float: left; height: 135px; margin-bottom: 0px; overflow: hidden; border: 0px; /*margin: 0px;*/ margin: 34px 0 0 17px; } .prescribe_about .banner-widget .btn-text::after { display: none; } .prescribe_about img { display: none; } .prescribe_about .banner-widget { background-repeat: no-repeat; background-size: cover; } /*.prescribe_about .banner-right1 { background-image: url(/Themes/HollandApoBE/Content/images/submit_prescribe.jpg); }*/ /*.prescribe_about .banner-right2 { background-image: url(/Themes/HollandApoBE/Content/images/about_us.jpg); }*/ .prescribe_about .banner-widget .btn-text { top: auto; transform: none; background: transparent; left: 0; right: 0; width: auto; margin: 0 auto; padding: 0px; bottom: 25px; } /*.prescribe_about .banner-widget .btn-text a { display: inline-block; font-family: 'work_sansbold'; font-size: 18px; border-radius: 30px; border: 2px solid #fff; padding: 6px 35px; }*/ .prescribe_about .img-txt { color: #fff; font-family: 'work_sansregular'; } .prescribe_about .img-txt .about_text { color: #fff; width: 569px; display: block; margin: 94px auto 0; text-align: center; } .prescribe_about .img-txt .about_text h2 { color: #fff; font-family: 'work_sanssemibold'; text-transform: capitalize; font-size: 36px; margin-bottom: 3px; } .our_features .img-cont p { color: #535353; font-family: 'work_sanssemibold'; display: inline-block; float: left; word-break: break-word; overflow:hidden; width: calc(100% - 58px); } .our_features { display: inline-block; width: 100%; -webkit-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.1); box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.1); } .header-links li.cartlink span { color: #7b7778; } .home_banner .theme-custom .nivo-directionNav a { background: url(/Themes/HollandApoBE/Content/images/slider_icons.png) no-repeat; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .home_banner .theme-custom .nivo-directionNav a:hover { background-position: -104px 0px; } .master-wrapper-page .home_banner .theme-custom a.nivo-nextNav { background-position: -49px 0px; } .master-wrapper-page .home_banner .theme-custom a.nivo-nextNav:hover { background-position: -153px 0px; } .header_blue .header-menu { padding: 0px; margin: 0px; } .header_blue .header-menu > ul { margin: 0px; } .header .header-lower, .header.sticky .header-lower { padding: 0px; } .header_blue { background-color: #3365a8; } .header_blue .header-menu > ul > li > a { font-family: 'work_sansregular'; color: #fff; font-size: 14px; padding: 12px 0px; background: transparent; display: inline-block; } .header_blue .header-menu .sublist { background-color: #54a5dd; color: #fff; width: 212px; left: 0px; z-index: 1; } .header-menu .sublist li a { color: #fff !important; padding: 7.5px 9px; word-wrap: break-word; } .header-menu .sublist > li:hover, .header-menu .sublist > li:hover > a { background-color: #4195cf; } .header-menu > ul > li { padding: 0px 5px; position: relative; } .header-menu > ul > li > a.activenav + .sublist-toggle { background-color: transparent; background-image: url(/Themes/HollandApoBE/Content/images/header_arrow.png); } .header-menu .sublist-toggle { display: inline-block; width: 14px; height: 9px; background-image: url(/Themes/HollandApoBE/Content/images/header_arrow.png); background-repeat: no-repeat; margin-left: 0px; background-position: 5px 2px; cursor: pointer; } .about_text p { margin: 0px; font-size: 16px; line-height: 26px; } .search-box-mobile { display: none; } .search-box { right: 0px; position: absolute; top: 5px; /*replace by 16px*/ padding: 0px; display: block; border-radius: 25px; background-color: #fff; border: 1px solid #56a5dd; z-index: 111; } .search-box span { width: 80% !important; background: none !important; border: 0 !important; padding: 0 !important; } .search-box input.search-box-text { border-radius: 40px; } .search_box_show a { display: inline-block; width: 20px; height: 20px; } .header-upper .search_box_show a i { font-size: 16px; } .header-upper .search_box_show a:hover { color: #747474; } .header-upper .search_box_show { position: relative; display: inline-block; float: left; padding-top: 10px; } .header-upper .search_box_show a { margin-left: 15px; } .header-upper .search_box_show li:last-child { width: auto; } .cart_page .cart-wrapper { float: none; width: 100%; } .cart_page .table-wrap { background: none; border: 0px; border-radius: 0px; margin-bottom: 0px; padding: 0px; } .cart_page .cart-wrapper .page-title h3 { padding: 0px; text-align: left; font-size: 36px; color: #163c6e; font-family: 'work_sanssemibold'; padding: 15px 0px 10px; } .cart_page { display: inline-block; width: 100%; padding: 0 0 0; } .checkout_page .accept-privacy-policy input[type="checkbox"] { width: 100%; opacity: 0; z-index: 11; position: relative; cursor: pointer; } .checkout_page .login-page .returning-wrapper .buttons input { margin-top: 10px; } .category-grid.home-page-category-grid .category-item:hover .picture { background-color: #55a5dd; } .home-page-category-grid .item-box .picture a img { width: 74px; } .home-page-category-grid .item-box .picture a[title="Show products in category Zelfzorg"] img, .home-page-category-grid .item-box .picture a[title="Show products in category Self-care"] img { width: 74px; /*replaced by 88px*/ } .home-page-category-grid .item-box .picture a[title="Show products in category Anticonceptie"] img, .home-page-category-grid .item-box .picture a[title="Show products in category Contraception"] img { width: 36px; } .category-grid.home-page-category-grid .category-item:hover .picture img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); opacity: 1; } .category-grid.home-page-category-grid .category-item .picture { height: 153px; border-radius: 16px; } .category-grid.home-page-category-grid .row { margin-right: 0px; margin-left: 0px; } .picture-wrap-col { /*padding-top: 10px;*/ /*padding-bottom: 10px;*/ } .productHover { display: none; position: absolute; top: 0px; left: 0; right: 0; bottom: 0; z-index: 11; background-color: rgba(255, 255, 255, .9); text-align: center; /*-webkit-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.2); box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.2);*/ border-radius: 10px; padding: 16px; overflow: hidden; word-break: break-word; } .picture-wrap-col:hover .productHover { display: block !important; } .product-item .row-wrap { height: auto !important; } .item-box .product-title a { font-size: 18px; color: #333; text-align: center; text-transform: none; font-family: 'work_sansregular'; line-height: normal; } .prescription-btn .button-2 { font-size: 14px; background-color: #3365a8; text-align: center; text-transform: none; border-radius: 0 0 10px 10px; padding: 4px 10px; } .prescription-btn .button-2:hover { background-color: #3365a8; } .no-prescription-needed .button-2, .no-prescription-needed .button-2:hover { background-color: #67A713; } .item-box .picture { border-radius: 10px; border: 0px; height: 360px; } .product-item:hover .picture a img { opacity: 1; } span.forgot-password { float: right; } .product-grid .item-box .details { background: transparent; padding: 0px; margin-top: 30px; height:auto!important; } .product-grid .product-boxes.owl-carousel .item-box .details { margin-bottom: 60px; } .item-box .actual-price { color: #56a4dc; font-size: 24px; font-family: 'work_sansbold'; } .product-grid .add-info { text-align: center; } .item-box .product-title a:hover { color: #333; } .product-grid .buttons { border: 0px; width: 100%; height: auto; } .item-box .more-info a { display: none; } .item-box .description { display: none; } .productHover p { font-family: 'work_sansregular'; color: #333; font-size: 16px; } .product-grid .item-box .productHover .add-to-cart-button { border: 1px solid transparent; font-family: 'work_sansbold'; font-size: 18px; background-color: #55a5dd; padding: 0 15px; color: #fff; text-transform: none; padding: 7px 48px; line-height: normal; border-radius: 50px; vertical-align: middle; display: block; float: none; margin: 0 auto; width: auto; } .product-grid .item-box .productHover .ajax-cart-button-wrapper { width: 100%; } .productHover > div > span { color: #55a5dd; width: 14px; display: inline-block; font-size: 20px; cursor: pointer; vertical-align: middle; } .productHover > div > input { border: 0px; padding: 0px; font-size: 18px; color: #333; vertical-align: sub; width: 130px; text-align: center; } .productHover > div { border: 1px solid #55a5dd; width: 197px; border-radius: 25px; height: 41px; text-align: center; margin: 0 auto; } .logo-section { display: block; } .logo-section a { width: 100%; } .header.sticky .logo-section { display: block; margin: 0px auto 0; max-width: 100%; } .header-links a { font-size: 14px; color: #7b7778; text-transform: uppercase; font-family: 'work_sansmedium'; } .header-links a:hover, .header-links span:hover { color: #7b7778; } span.cart-qty:not(:empty) { font-size: 11px; position: absolute; background-image: url(/Themes/HollandApoBE/Content/images/green_cloud.png); background-repeat: no-repeat; height: 18px; background-size: 100% 100%; top: -5px; line-height: 1.5; min-width: 20px; right: -20px; text-align: center; } span.cart-qty:empty { display: none; margin: 0; padding: 0; line-height: 0; min-width: 0; min-height: 0; } .header-links li.cartlink a { position: relative; } .header-links li.cartlink span.cart-qty { color: #fff; } .cart-label .fa-shopping-cart:before { content: ""; background-image: url(/Themes/HollandApoBE/Content/images/cart_icon.png); height: 18px; width: 21px; display: inline-block; } .master-wrapper-page .home_banner .nivo-caption { color: #333; font-family: 'work_sanssemibold'; left: 0%; width: 100%; text-align: center; background: transparent; background-color: transparent; position: relative; margin: 0px auto; } .home_banner .theme-custom .nivoSlider { background: transparent; /*background:url(/Themes/HollandApoBE/Content/images/bg-banner.png) no-repeat; background-position:center; background-size:cover;*/ } .header-links a { position: relative; } .breadcrumb li:first-child a, .breadcrumb li:first-child a * { font-size: 0px; } .breadcrumb li:first-child a { font-size: 0; background-image: url(/Plugins/Nopaholics.QuickCheckout/Content/img/breadcrumb_home_icon.png); background-repeat: no-repeat; height: 21px; width: 15px; } .breadcrumb { padding: 20px 0 25px; margin-bottom: 0; } .breadcrumb li a { color: #3365a8; font-family: 'work_sansregular'; font-size: 14px; } .breadcrumb li { color: #333333; } .breadcrumb span.delimiter { padding: 0 10px; color: #3365a8; } .side_bar_menu .block .title { color: #163c6e; font-family: 'work_sanssemibold'; font-size: 16px; text-transform: uppercase; padding: 25px 20px; background-color: #f0f0f0; border: 0; padding-left: 34px; } .side_bar_menu .block .title:before { content: ''; display: inline-block; background-image: url(/Plugins/Nopaholics.QuickCheckout/Content/img/cart_arrow.png); background-repeat: no-repeat; height: 8px; width: 15px; vertical-align: middle; position: absolute; top: 0; left: 10px; bottom: 0; margin: auto; z-index: 11; } .side_bar_menu .block .listbox { background: #fafafa; } .side_bar_menu .block .list a, .side-2 .filter-content a, .side-2 .block .list a:hover, .side-2 .block .list .active > a { color: #163c6e; } .side_bar_menu .block .list a:before, .side-2 .filter-content a:before { background: #e2eaf0; } .side_bar_menu .block .list .sublist a { font-family: 'work_sansregular'; word-wrap: break-word; } .side_bar_menu .block .list a { font-family: 'work_sanssemibold'; font-size: 16px; } .side_bar_menu .block .list > li > a { padding-left: 20px; } .side_bar_menu .block .list > li > a:after { content: ''; } .side_bar_menu .block .list a:after { top: 10px; } .side_bar_menu .block .list > li.active > a:after { content: "\f105"; left: auto; top: 10px; right: 20px; } .block-recently-viewed-products a.product-name { font-family: 'work_sansregular'; font-size: 14px; color: #333333 !important; } .side_bar_menu .block.block-recently-viewed-products .listbox { background-color: transparent; } .side_bar_menu .block .sublist { margin: 0 0 10px; } .product-details-page .ajax-cart-button-wrapper { background-color: #55a5dd; border-radius: 30px; width: auto; margin-top: 0; } .product-details-page .ajax-cart-button-wrapper:after { display: none; } .product-details-page .product-specs-list li { font-family: 'work_sansbold'; font-size: 16px; color: #333333; position: relative; padding-left: 26px; } .product-details-page .product-specs-list li > i { vertical-align: middle; position: absolute; left: 0; margin-top: 2px; } .product-details-page label.qty-label { font-family: "work_sanssemibold"; font-size: 16px; color: #163c6e; display: inline-block; width: 100%; margin-bottom: 15px; } .quty-input { width: 45px !important; height: 43px !important; padding: 0; text-align: center; font-size: 15px; color: #737373; float: none; border: 1px solid #55a5dd !important; } .product-details-page .product-essential .overview .add-to-cart-button { border-radius: 30px; background-color: #55a5dd; font-family: 'work_sansbold'; font-size: 18px; width: auto; padding: 10px 38px 6px 38px; } .product-details-page .filed { border: 0; background-color: transparent; margin-right: 20px; } .qty-box-2 { float: right; width: 50%; } .product-details-page .filed > div { border: 1px solid #55a5dd; width: 120px; border-radius: 25px; height: 41px; text-align: center; margin: 0 auto; } .product-details-page .filed > div > span { color: #55a5dd; width: 14px; display: inline-block; font-size: 20px; cursor: pointer; vertical-align: middle; } .product-details-page .filed > div > input { border: 0px; padding: 0px; font-size: 18px; color: #333; vertical-align: sub; width: 60px; text-align: center; pointer-events: none; } .product-details-page .product-name h1 { font-family: "work_sanssemibold"; font-size: 36px; color: #3365a8; overflow:hidden; word-wrap:break-word; line-height:40px; } .product-details-page .product-name { display: inline-block; border: 0; padding: 0; float: left; margin-bottom: 10px; width: 100%; } .home-page-product-grid .desktop.hidden-xs { display: none; } .home-page-product-grid .mobile.visible-xs { display: block !important; } .home-page .home-page-product-grid .owl-next { background: url(/Themes/HollandApoBE/Content/images/slider_icons.png) no-repeat; background-position: -49px 0px; height: 47px; width: 47px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0; z-index: 22; } .home-page .home-page-product-grid .owl-next:hover { background-position: -153px 0px; } .home-page .home-page-product-grid .owl-prev { background: url(/Themes/HollandApoBE/Content/images/slider_icons.png) no-repeat; background-position: 0px 0px; height: 47px; width: 47px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0; z-index: 22; } .home-page .home-page-product-grid .owl-prev:hover { background-position: -104px 0px; } .product-grid .owl-controls, .home-page .owl-controls { position: absolute; top: 0; right: 0; bottom: 0; display: block; margin: auto 0; left: 0; } .text-center .col-sm-4 .Home_Inner { background-repeat: no-repeat; height: 175px; text-align: center; color: #fff; background-size: 100% 100%; padding-top: 24px; } .text-center .col-sm-4 .Home_Inner h1, .text-center .col-sm-4 .Home_Inner h2, .text-center .col-sm-4 .Home_Inner h3 { color: #fff; } .text-center .col-sm-4:nth-child(2) .Home_Inner h3, .text-center .col-sm-4:nth-child(2) .Home_Inner h1, .text-center .col-sm-4:nth-child(2) .Home_Inner h2, .text-center .col-sm-4:nth-child(2) .Home_Inner span { color: #3365a8; } .Home_Inner span, .Home_Inner p { font-family: 'work_sansregular'; font-size: 18px; margin: 0px; } .Home_Inner h3 { font-family: 'work_sansbold'; font-size: 36px; } .Home_Inner i { font-size: 0px; width: 28px; height: 27px; display: block; margin: 0 auto; background: #65a702 url(/Themes/HollandApoBE/Content/images/white_arrow.png) no-repeat 50% 50%; transition: none; -webkit-transition: none; -o-transition: none; -moz-transition: none; border-radius: 5px; position: absolute; left: 0; right: 0; bottom: 14px; } .our_features .after-header { padding: 48px 0px 48px; } .Home_Inner span { display: inline-block; padding-bottom: 6px; } .Home_Inner p { min-height: 30px; } .home-page .topic-block { margin: 0px; } .home-page .text-center { margin: 68px 0px; display: inline-block; width: 100%; } .header-links li { padding: 0px 15px; } .index-title ul.index-title-list li { display: inline-block; float: left; margin-right: 20px; padding-right: 20px; border-right: 1px solid #7ec8fb; } .index-title ul.index-title-list { display: inline-block; width: 100%; border: 1px solid #f0f0f0; padding: 17px 22px; margin-top: 30px; margin-bottom: 0px; float: left; } .index-title ul.index-title-list li:last-child { padding: 0px; margin: 0px; border: none; } .index-content { border: 1px solid #f0f0f0; border-top: none; padding: 17px 22px; float: left; display: inline-block; width: 100%; word-break: break-word; } .index-title ul.index-title-list li a { font-size: 16px; font-family: 'work_sanssemibold'; color: #163c6e; border-bottom: 1px solid #163c6e; padding-bottom: 0px; text-transform: uppercase; } .index-content h2 .hidden-title { color: #3365a8; font-size: 18px; font-family: 'work_sansbold'; text-transform: uppercase; padding-bottom: 10px; display: inline-block; margin-top: 10px; font-weight: 300; } .tab_content h4, .tab-content h3 { font-family: 'work_sansbold'; color: #333333; font-size: 16px; padding-bottom: 20px; display: inline-block; } .product-specs-box td.spec-name { color: #163c6e; font-size: 16px; font-family: 'work_sanssemibold'; } .product-specs-box td.spec-value { color: #333333; font-family: 'work_sansregular'; font-size: 16px; } .product-details-page .full-description p strong { font-family: 'work_sanssemibold'; } .product-details-page .full-description p, .product-details-page .full-description td { color: #333333; font-family: 'work_sansregular'; font-size: 16px; margin: 0px 0px 15px; } .product-details-page .full-description a { color: #337ab7; text-decoration:underline; } .product-details-page .full-description table { margin-bottom: 15px; } .product-details-page .full-description td p { margin: 0px; } .product-details-page .full-description td { padding: 5px; margin: 0px; border: 1px solid #d9d7d7; } .product-details-page .full-description tr:first-child td { background-color: #f0f0f0; } /**************/ .home-page .teaser-row { padding: 80px 0; background-color: #f0f0f0; } .home-page .rich-blog-homepage .blog-post { border-radius: 10px; overflow: hidden; display: inline-block; width: 100% !important; height: 281px; } .home-page .rich-blog-homepage .post-primary, .home-page .rich-blog-homepage .post-details { width: 50%; float: left; display: inline-block; margin: 0; text-align: left; } .home-page .blog-post .post-content { display: inline-block; width: 100%; padding-top: 75px; padding-bottom: 5px; } .home-page .rich-blog-homepage .post-details { padding: 0 15px; background-color: #fff; position: relative; } .home-page .rich-blog-homepage .post-picture:before { padding-top: 0; } .home-page .rich-blog-homepage .post-picture img { position: relative; top: auto; bottom: auto; left: auto; right: auto; display: inline-block; } .home-page .rich-blog-homepage .title { border: 0; } .home-page .rich-blog-homepage .post-title { font-family: 'work_sansbold'; font-size: 16px; color: #333333; border: 0; background-color: transparent; padding: 0; max-height: 50px; overflow: hidden; margin-bottom: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .home-page .blog-post .post-description { max-height: 77px; height: 77px; overflow: hidden; } .home-page .blog-post .post-description p { font-family: 'work_sansregular'; font-size: 16px; color: #333333; line-height: normal; background-color: transparent; margin-bottom: 17px; } .home-page .blog-post a.read-more { border-radius: 30px; font-family: 'work_sansbold'; font-size: 14px; color: #fff; padding: 6px 22px; } .home-page .blog-post ul.blog-post-date { border-radius: 6px; display: inline-block; overflow: hidden; position: absolute; top: 14px; left: -61px; } .home-page .blog-post ul.blog-post-date li { display: inline-block; padding: 3px 0; } .home-page .blog-post ul.blog-post-date li.blog-day, .home-page .blog-post ul.blog-post-date li.blog-month-year { word-wrap: break-word; width: 60px; height: 40px; font-family: 'work_sansbold'; color: #fff; float: left; text-align: center; } .home-page .blog-post ul.blog-post-date li.blog-day { font-size: 30px; background-color: #65a702; } .home-page .blog-post ul.blog-post-date li.blog-month-year { background-color: #3365a8; font-size: 13px; } .rgt-col, .cart-wrapper { float: none !important; width: 100% !important; } .home-page .rich-blog-homepage .blog-post, .home-page .teaser-row .rich-blog-homepage { margin: 0; } /*kuldip*/ .rgt-col .cart th, .rgt-col .cart td { width: 20% !Important; } .rgt-col .cart th { padding: 25px 15px !important; border: none; } .rgt-col .cart td { padding: 20px 15px !important; border: none; border-bottom: 1px solid #f0f0f0; } table.cart { border: 1px solid #f0f0f0; } .table-wrap { padding: 0px !important; margin: 0px !important; border: none !important; border-radius: 0px !important; } .checkout-page .billing-address-section .address-item { padding: 0px !important; margin: 0px !important; width: 100% !important; } .shopping-cart-page .rgt-col .page-title, .cart-wrapper .page-title { margin-bottom: 0px !important; border: none !important; } .new-billing-address.new-billing-address1, .new-shipping-address { padding: 0px !important; border: none !important; border-radius: 0 !important; } .select-billing-address .page-title h3, .new-billing-address .page-title h3 { background-color: #F6F6F6; text-align: center !important; color: #163c6e; text-transform: uppercase; padding: 10px 0 10px !important; font-family: 'work_sanssemibold'; font-size: 18px; } .checkout-page .address-item ul { background-color: #fff !important; margin-bottom: 0px !important; } .checkout-page .billing-address-section .address-item.active { background-color: #f0f0f0 !important; } .delete-row { right: 12px !important; /*replaced by 30px (B)*/ } .edit-row { right: 65px; } /*li.name input[type="radio"] { display: none; }*/ .checkout-page .button-1 { border-radius: 30px; margin-right: 10px; } .rgt-col .cart-footer { margin: 79px -15px 0px !Important; } .billing-addresses .rgt-col .cart-footer { margin: 79px 0 0px !Important; background-color: #F6F6F6; } .page.checkout-page.billing-address-page .rgt-col .cart-footer .totals { max-width: none; } .page.checkout-page.billing-address-page .order-summary-content .total-info { padding-left: 0; padding-right: 0; } .page.checkout-page.billing-address-page .order-summary-content .totals .cart-total-left { text-align: left; padding: 7px 0px; color: #163c6e; font-family: 'work_sanssemibold'; font-size: 18px; } .page.checkout-page.billing-address-page .order-summary-content .totals .cart-total-right { text-align: right; padding: 7px 0px; color: #333333; font-size: 16px; font-family: 'work_sansregular'; } .cart-total .order-total .cart-total-left { font-weight: bold; } .page.checkout-page.billing-address-page .order-summary-content .totals .order-total .cart-total-left, .page.checkout-page.billing-address-page .order-summary-content .totals .order-total .cart-total-right { font-family: 'work_sansbold'; font-size: 18px; padding: 15px 0px 0px; } .cart-total .order-total { border-top: 1px solid #dcdbdb; margin-top: 10px; } .rgt-col .cart-footer { padding: 0px !Important; } .page.checkout-page.billing-address-page .rgt-col .order-summary + .button-section { margin: 0px; padding-top: 10px; background-color: #f6f6f6; padding-bottom: 15px; } .page.checkout-page.billing-address-page .rgt-col .order-summary + .button-section .buttons { margin: 0px 10px 0px 0px; } .page.checkout-page.billing-address-page .addnew-button { margin-top: 0px; background-color: #fff; text-align: left; padding: 0px 15px; } .page.checkout-page.billing-address-page .section.select-billing-address { padding: 0px 15px; } .page.checkout-page.billing-address-page .addnew-button span { border: none !important; padding: 0px 0px 15px 0px !important; color: #3365a8 !important; font-size: 16px !important; text-decoration: underline; } .page.checkout-page.billing-address-page .address-item ul { padding: 5px 20px 5px 50px; } .page.checkout-page.billing-address-page .close-button { display: inline-block; } .page.checkout-page.billing-address-page div#billing-new-address-form input.cancle-button.button-1 { float: left; margin-right: 10px; } .page.checkout-page.billing-address-page div#billing-new-address-form input.button-1 { float: right; margin-right: 0px; } .page.checkout-page.billing-address-page .buttons { text-align: right !Important; margin: 0px !important; } li.name { position: relative; } li.name input[type='radio'] { width: 50%; opacity: 0; z-index: 11; position: absolute; cursor: pointer; left: -20px; } li.name input[type='radio'] + strong { font-family: 'work_sansbold'; color: #333333; font-size: 16px; position: relative; } li.name input[type='radio'] + strong:before { content: ""; background-image: url(/Plugins/Nopaholics.QuickCheckout/Content/img/check_radio_stripe.png); background-position: -28px 4px; background-repeat: no-repeat; cursor: pointer; margin-bottom: 0px; position: absolute; width: 20px; height: 18px; left: -20px; } li.name input[type='radio']:checked + strong:before { background-position: 0px 4px; } .checkout-page .billing-address-section .address-item li { color: #333333; font-family: 'work_sansregular'; font-size: 16px; padding: 2px 0px; } .checkout-page .billing-address-section .address-item li span { color: #163c6e; font-family: 'work_sanssemibold'; } .billing-address-section h3.blue { margin-bottom: 20px !Important; border-bottom: 1px solid #dcdbdb !important; font-family: 'work_sanssemibold'; font-size: 18px; } #separateShipping .select-billing-address .address-grid { display: inline-block; width: 100%; } /*.category-page .product-grid .item-box{ width: 33.33333333%; display: inline-block; padding-right: 15px; padding-left: 15px; float: left; margin: 0px; }*/ .category-page .product-grid .item-grid { margin-left: -15px; margin-right: -15px; } .priceRangeFilterPanel7Spikes .ui-slider { height: 6px !Important; border: none !Important; top: 0px; background-color: #eeeeee; } .priceRangeFilterPanel7Spikes .ui-slider-range.ui-widget-header { height: 6px !Important; border: none !Important; top: 0px; background-color: #74b4e0 !Important; } .testi_slider { position: relative; padding-top: 60px; } .filtersPanel .priceRangeFilterPanel7Spikes .ui-slider-handle { height: 14px !Important; width: 9px !Important; background-color: #444444 !Important; border: none !Important; border-radius: 2px !important; top: -5px !important; margin: 0px !important; } /*.category-page .category-description { display: none; }*/ .sub-category-grid { display: inline-block; width: 100%; margin: 0px !important; } .category-page .product-selectors { padding: 15.5px 20px; border: none; margin-top: 0px; background-color: #f0f0f0; } .home_testimonial_slider { padding: 70px 0px 100px; background-color: #3365a8; } ul.testimonials.slides li { background-color: #4174b9; border-radius: 8px; } ul.testimonials.slides li img { border: 2px solid #fff; height: 132px; width: 132px; margin: -60px auto 0; display: block; background-color: #fff; } .testi_slider .flex-viewport { padding-top: 60px; } .testi_slider span.name { font-family: 'work_sansbold'; display: block; font-size: 18px; color: #fff; margin-top: 20px; } .testi_slider span.place { font-family: 'work_sansmedium'; display: block; font-size: 16px; color: #90b8f0; margin-bottom: 8px; } .testi_slider_content { text-align: center; } .home_testimonial_slider p { color: #fff; } .testi_slider_content p { font-style: italic; font-family: 'work_sansmedium'; font-size: 18px; color: #fff; padding: 0px 58px; } .testi_slider .flex-control-paging li a.flex-active { background: #87ca3e; background: rgba(135, 202, 62, 1); } .testi_slider .flex-control-paging li a { width: 6px; height: 6px; background: #cccccc; background: rgba(204, 204, 204, 1); } .testi_slider .flex-control-nav li { margin: 0 2px; } .testi_slider .flex-direction-nav a { opacity: 1; background: url(/Themes/HollandApoBE/Content/images/slider_icons.png) no-repeat; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; width: 47px; height: 47px; background-position: 0px 0px; font-size: 0px; top: 60%; } .testi_slider .flex-direction-nav a:before { font-size: 0px; } .testi_slider .flex-direction-nav .flex-prev { left: 0px; background-position: 0px 0px; } .testi_slider .flex-direction-nav .flex-next { right: 0px; background-position: -49px 0px; } .testi_slider .flex-direction-nav .flex-prev:hover { background-position: -104px 0px; } .testi_slider .flex-direction-nav .flex-next:hover { background-position: -153px 0px; } .testi_slider .flex-control-nav { bottom: -28px; } .category-grid.home-page-category-grid { margin: 80px 0 70px; } .productAddedToCartWindowImage a { display: block; overflow: hidden; line-height: 0; padding: 10px; border: 1px solid #f0f0f0; border-radius: 5px; display: inline-block; width: 100%; position: relative; height: 100%; } .productAddedToCartWindowImage a img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .productAddedToCartWindowImage { margin: 0 !important; width: 210px; height: 210px; text-align: left; position: relative; } .ajaxCart .k-window-titlebar.k-header { border-bottom: none !important; background: transparent !important; padding: 14px 35px 14px 10px; } .productAddedToCartWindowTitle { width: 100%; text-align: center; color: #163c6e !important; font-family: 'work_sansbold'; } .productAddedToCartWindowDescription h1 a, .productAddedToCartWindowDescription span { color: #163c6e !important; } .ajaxCart .productAddedToCartWindowCheckout, .productAddedToCartWindowSummary a { padding: 12px 32px; border: 0; /*color: #fff!important;*/ font-size: 14px; cursor: pointer; /*background: #4ab2f1;*/ text-transform: uppercase; border-radius: 30px; text-decoration: none; } .ajaxCart .k-window-titlebar.k-header .k-window-actions a { background-image: url(/Themes/HollandApoBE/Content/images/price_clear.png); } /*.header-menu > ul > li:first-child { padding-left: 7px !important; }*/ /*.header-menu > ul > li:last-child { padding-right: 0 !important; }*/ .page.category-page .item-box .product-title { text-align: center; } .page.category-page .item-box .product-title a { display: inline-block; border-bottom: 1px solid transparent; width: 100%; text-align: center; } .page.category-page .top-col { display: none; } /*20 dec 2017 css start*/ .product_details_page .row-1 h3 span, .product-details-page .prod-detail h2 { margin: 0px; padding: 0px; color: #3365a8; font-size: 18px; font-family: 'work_sansbold'; padding-top: 50px; display: block; } .product-details-page .prod-detail h2 { padding-top: 0px; } .product_details_page .row-1 h3 span:after, .product-details-page .prod-detail h2:after { display: block; width: 30px; height: 3px; background-color: #14a700; content: ""; margin: 10px 0px 24px; } .product_details_page .box-container p i.info, .product_details_page i.info { color: #163c6e; font-size: 16px; } .product_details_page .box-container p span { color: #163c6e; font-size: 16px; font-family: 'work_sanssemibold'; } .product_details_page .topic-block-body p { margin-bottom: 16px !important; color: #333333; font-family: 'work_sansregular'; } .chkShipping label { color: #333; font-family: 'work_sansregular'; font-size: 16px; padding-left: 28px; position: relative; margin-top: 20px; margin-bottom: 20px; overflow: hidden; word-wrap: break-word; } .chkShipping input[type = 'checkbox'] { display: none; } .bill_ship_addresss > h2, .checkout_page > h2 { text-align: left; font-size: 36px; color: #3365a8; font-family: 'work_sanssemibold'; padding: 15px 0 5px; position: relative; } .bill_ship_addresss > h2:after { content: ''; display: block; background-color: #14a700; height: 3px; width: 30px; margin: 20px 0; } .retry-order-summary-content .title .topic-block-title h3 { text-align: left; font-size: 36px; color: #3365a8; font-family: 'work_sanssemibold'; padding: 15px 0 5px; position: relative; } .retry-order-summary-content .title .topic-block-title h3:after { content: ''; display: block; background-color: #14a700; height: 3px; width: 30px; margin: 20px 0px 0px; } .retry-order-summary-content .topic-block-title { border: none; margin-bottom: 0; padding-bottom: 0; } .chkShipping input[type = 'checkbox'] + input + label:before { content: ""; background-image: url(/Themes/HollandApoBE/Content/images/check_radio_stripe.png); background-position: -26px -15px; background-repeat: no-repeat; margin-bottom: 0; position: absolute; width: 20px; height: 18px; left: 0; top: 2px; } .chkShipping input[type = 'checkbox']:checked + input + label:before { background-position: 0 -15px; } .related-prod-box .picture-wrap-col { width: 56%; } .related-prod-box .item-box .picture { height: auto; } .related-products-grid .related-prod-box .product-title { height: auto !important; overflow: hidden; width: auto; word-break: break-word; } .related-products-grid.product-grid .related-prod-box .details { background: none; overflow: auto; padding: 0; margin: 0; width: calc(44% - 20px); float: left; } .related-prod-box .item-box .buttons input[type='button'] { display:none; } .related-prod-box .item-box .relatedCartButton input[type='button'] { display :block ; background-color:#85B740; } .related-prod-box .item-box .relatedCartButton input[type='button']:hover{ background-color:#55a5dd; } .item-box .product-title a { text-align: left; text-decoration: none; } .related-prod-box .picture-wrap-col:hover .productHover { display: none !important; } .related-products-grid .wrap-buttons .bottom-row.group { bottom: 0 !important; position: relative !important; width: 100%; } .product-details-page .related-products-grid .related-prod-box .item-box .buttons { border: none; position: relative; padding: 0; } .product-grid .item-box .details .add-to-cart-button { border-radius: 30px; background-color: #55a5dd; font-family: 'work_sansbold'; font-size: 16px; width: auto; padding: 11px 36px 8px 36px; height: auto !important; } .header > .container { position: relative; } .category-description.Header_Category_Desc { background-image: url(/Themes/HollandApoBE/Content/images/all_page_banner.jpg); padding: 38px 0px; background-repeat: no-repeat; background-size: cover; background-position: center center; margin-bottom: 25px; } .Header_Category_Desc .category-picture img { /*-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);*/ opacity: 1; } .Header_Category_Desc .category-picture { text-align: right; min-height: 70px; } .Header_Category_Desc .Category_Title_Desc { color: #fff; font-family: 'work_sansregular'; font-size: 16px; } .Header_Category_Desc .Category_Title_Desc span { color: #fff; font-family: 'work_sanssemibold'; margin-bottom: 15px; } .product-page-size { float: right; } .jDropDown .filters-select-wrap, .jDropDown .toplevel { background-color: #fff; padding: 9px 32px 10px 12px !important; border: 1px solid #cacaca !Important; border-radius: 6px; } /*20 dec 2017 css end*/ /* Hover Effect */ /*.prescribe_about .banner-widget .btn-text a:hover { background-color: #55a5dd; color: #fff; border: 2px solid #55a5dd; }*/ .cart_page .product-grid.cross-sells { display: none; } .prod-detail .tier-prices .item-price { background-color: transparent; color: #163c6e; font-size: 16px; } .prod-detail .tier-prices td.item-quantity, .prod-detail .tier-prices td.field-header { color: #333333; font-family: 'work_sansregular'; font-size: 16px; } .prod-detail .tier-prices .table-wrapper { overflow-x: auto; } .prod-detail .tier-prices tr:first-child { background-color: #f0f0f0; } .tier-prices table td { padding: 20px 5px; border: none; border-right: 1px solid #d9d7d7; } .tier-prices table { border: 1px solid #d9d7d7; } .footer_Desc span { color: #333333; font-family: 'work_sansregular'; font-size: 16px; padding-top: 12px; display: inline-block; } .More_InformationLink { text-align: center; margin-top: 15px; } .More_InformationLink a { color: #3365a8; font-size: 16px; font-family: 'work_sansregular'; border-bottom: 1px solid #3365a8; } /*.instantSearch{top: 54px!important;}*/ li.last-page, li.first-page { display: none; } /*.product-details-page .product-name.mobile h3{display: none;}*/ .page.shopping-cart-page .breadcrumb { display: none; } .page.checkout-page.billing-address-page .breadcrumb { display: none; } .nopAjaxFilters7Spikes .block .title a.clearPriceRangeFilter, .nopAjaxFilters7Spikes .block .title a.clearFilterOptions { font-size: 0px !important; background-image: url(/Themes/HollandApoBE/Content/images/price_clear.png); height: 14px; width: 15px; padding: 0px !important; top: 0 !important; bottom: 0 !important; right: 10px !important; margin: auto !important; } .filterBy { display: none; } .footer-lower { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .priceRangeMinPanel, .priceRangeMaxPanel { font-size: 14px !important; color: #333 !important; font-family: 'work_sansregular' !important; } /*prescription checkout page section begin*/ .prescription-address-title { overflow: hidden; word-wrap: break-word; } .cart_page .cart-wrapper .prescription-address-title h3 { text-align: center; color: #163c6e; text-transform: uppercase; padding: 10px 0 10px; font-family: 'work_sanssemibold'; font-size: 18px; } .billing-addresses .rgt-col .prescription-bg-white { background: transparent !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; } .prescription-confirmation-title { margin-bottom: 40px; } .prescription-confirmation-title h2{ color: #163c6e; font-family: 'work_sanssemibold'; } .cart_page .quickcheckout-shipping-method .shipping-options label, .cart_page .rgt-col .cart-footer .estimate-shipping .shipping-method label { font-family: 'work_sanssemibold'; } .cart_page .cart-collaterals .hint { font-family: 'work_sansregular'; } .cart_page .quickcheckout-shipping-method .shipping-options label { color: #163c6e; } .prescription-confirmation-title h2 { text-align: left; font-size: 36px; color: #3365a8; font-family: 'work_sanssemibold'; padding: 15px 0 5px; overflow: hidden; word-wrap: break-word; } .prescription-confirmation-title h2:after { content: ''; display: block; background-color: #14a700; height: 3px; width: 30px; margin: 20px 0; } .checkout-page .rgt-col .uploaded-prescription-img { background: #f0f0f0; margin-top: 20px !important; height: 300px; min-height: 300px; max-height: 300px; } .checkout-page .rgt-col .presc-confirm-box { background: #f0f0f0; margin-top: 20px !important; padding: 18px; } .checkout-page .rgt-col .presc-confirm-box p, .checkout-page .rgt-col .presc-confirm-box span { color: #000; margin: 0 0 18px 0; line-height: 20px; font-size: 16px; font-family: 'work_sansregular'; } .checkout-page .rgt-col .uploaded-prescription-img .uploaded-photo-prescription { padding: 18px; background: #fff; margin: 0 18px; min-height: 235px; max-height: 235px; } .uploaded-photo-prescription #orderTotalsajax img { display: block; margin: auto; } .confirm-button-mt { margin-top: 25px; } /*prescription checkout page section end*/ /* */ span.required:after { font-family: "work_sanssemibold"; font-size: 16px; color: #163c6e; content: ":"; position: relative; display: inline-block; top: 1px; } span.required { position: relative; } .home-page-product-grid .item-box .product-title a { text-align: center; } .home-page-product-grid .buttons.relatedCartButton { display: none; } .item-box .productHover .product-box-add-to-cart-button.Btn_Product_AddToCart { border: 1px solid transparent; font-family: 'work_sansbold'; font-size: 18px; background-color: #85B740; /**background color replaced #55a5dd**/ padding: 0 15px; color: #fff; text-transform: none; padding: 7px 48px; line-height: normal; border-radius: 50px; vertical-align: middle; display: block; float: none; margin: 0 auto; width: 100%; height: auto; } .product-grid .item-box .productHover > div > .productQuantityTextBox { width: 56%; height: 38px; display: inline-block; float: left; background: transparent; } .productHover > div > span { color: #55a5dd; width: 14px; display: inline-block; font-size: 20px; cursor: pointer; vertical-align: middle; width: 20%; height: 40px; float: left; padding-top: 6px; } .item-box .productHover .product-box-add-to-cart-button, .item-box .productHover .product-box-add-to-cart-button:hover { border: 1px solid transparent; font-family: 'work_sansbold'; font-size: 18px; background-color: #85B740; padding: 0 15px; color: #fff; text-transform: none; padding: 7px 48px; line-height: normal; border-radius: 50px; vertical-align: middle; display: block; float: none; margin: 0 auto; width: 100% !important; height: auto; text-align:center; } .section.payment-method .checkout-data { display: inline-block; width: 100%; border-top: 2px solid #f0f0f0; text-align: left; } .medicine-info .prod-detail h3:after { display: block; width: 30px; height: 3px; background-color: #14a700; content: ""; margin: 10px 0px 24px; } .medicine-info .prod-detail h3 { text-transform: uppercase; color: #3365a8; font-size: 18px; font-family: 'work_sansbold'; } .terms-of-agreement .cart_page .terms-of-service label { text-align: left; display: inline; } /*.checkout_page #existingcustomerlogin { display: none; }*/ .item-box .productHover .product-box-add-to-cart-button:hover, .product-details-page .product-essential .overview .add-to-cart-button:hover, .product-grid .item-box .details .add-to-cart-button:hover { background-color: #248ece; } .checkout-page .cart_page .terms-of-service { padding: 0px; } .register-message a, .login-message a { color: #737373; } .cart_page .payment-info .info table tbody tr { word-break: break-word; } .prescriptionRegistrationPage .prescription_remark textarea { width: 100%; } .prescriptionRegistrationPage { margin-top: 30px; } .prescriptionRegistrationPage h3.blue { font-size: 18px; } .add-prescription span.required { margin: 0 !important; position: absolute; top: 0; right: 0; } .add-prescription span.required:after { display: none; } .blog-page .page-title { margin: 0; padding-bottom: 5px; } .blog-page .page-title h1 { font-weight: 600; font-size: 30px; line-height: 1.2em; margin-bottom: 0; color: #3365a8; font-family: 'work_sanssemibold'; } .blog-search-box form { width: 100%; padding: 0 10px; } .blog-search-box form input { max-width: calc(100% - 40px); float: left; height: 40px; } .blog-posts .buttons .read-comments { display: none; } .blog-page .rich-blog-image { } .topic-page .page-title h1 { margin-bottom: 5px; color: #3365a8; font-family: 'work_sanssemibold'; font-size: 30px; padding-bottom: 5px; } .topic-page h2 { font-size: 20px; font-family: "work_sansregular"; margin-bottom: 10px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "work_sansregular"; } .mobileFilterBy.Product-Collapse { /*margin-top: 70px;*/ } .instructer-img-col { background-image: url(/Themes/HollandApoBE/Content/Images/instruct.png); background-repeat: no-repeat; background-position: center top; background-size: cover; min-height: 280px; /*replaced by 310px*/ position: relative; } .assistant-img-prescription-upload { min-height: 450px; } .qq-uploader { min-height: 88px; } .comment-col-over-img { background: #fff; border: 2px solid #000; border-radius: 8px; margin: 0 2%; display: block; width: 96%; padding: 12px; position: absolute; top: 2%; overflow: visible; text-overflow: ellipsis; word-wrap: break-word; } .comment-col-over-img p { font-size: 15px; margin: 0; color: #000; font-family: 'work_sansregular'; } @media all and (max-width: 700px) { .comment-col-over-img p { font-size: 12px; } } .comment-col-over-img:after { content: url(/Themes/HollandApoBE/Content/Images/polygun.png); position: absolute; z-index: 99; right: 23%; top: 88%; } .text-break { overflow: hidden; word-wrap: break-word; margin-bottom: 20px; } .text-break h3 { font-family: 'work_sansbold'; color: #000; font-size: 18px; } .text-break p { color: #000; font-family: 'work_sansregular'; margin: 0; } .heading-title h1 { text-align: left; font-size: 30px; color: #3365a8; line-height: 36px; font-family: 'work_sanssemibold'; padding: 20px 0 5px 15px;/*replaced by 0 0 0 15px (B)*/ text-transform: capitalize; } .heading-title h1:after { content: ''; display: block; background-color: #14a700; height: 3px; width: 30px; margin: 10px 0 20px; } .topic-page p { font-family: 'work_sansregular'; font-size: 16px; color: #333; } .topic-page h1, .topic-page h2, .topic-page h3, .topic-page h4, .topic-page h5, .topic-page h6 { color: #444; } .topic-page .page-title { margin-bottom: 20px; } .contact-page h3 { margin-bottom: 5px; color: #3365a8; font-family: 'work_sanssemibold'; font-size: 30px; padding-bottom: 0; } .contact-page .topic-block-body p { font-family: 'work_sansregular'; font-size: 14px; color: #333; overflow: hidden; word-break: break-word; } .contact-page .topic-block-body h2 { font-size: 18px; color: #3365a8; font-family: "work_sansbold"; text-transform: uppercase; overflow: hidden; word-break: break-word; } .contact-page .topic-block-body h2:after { content: ""; display: block; background-color: #14a700; height: 3px; width: 30px; margin-top: 16px; } .contact-page input { display: inline-block; width: 80%; font-family: "work_sansregular"; border-radius: 30px; border: 1px solid #55a5dd; background-color: #fff; } .contact-page .inputs label { display: inline-block; width: 20%; font-family: "work_sanssemibold"; font-size: 18px; color: #163c6e; margin-right: 0; vertical-align: middle; text-align: left; text-transform: capitalize; overflow: hidden; white-space: pre-wrap; word-break: break-word; } .contact-page .fieldset .inputs { max-width: 720px; margin-left: auto; margin-right: auto; } .contact-page .inputs textarea { display: inline-block; width: 80%; font-family: "work_sansregular"; border-radius: 20px; border: 1px solid #55a5dd; padding: 15px; } .contact-page .contact-us-button { float: right; max-width: 230px; font-family: "work_sansbold"; text-transform: capitalize; font-size: 18px; background-color: #55a5dd; border-radius: 30px; } .contact-page .form-fields { border: none; padding: 35px 40px 20px; } .Contact_us_topic .topic-block-body div { float: left; width: 50%; padding: 0 15px 0 0; overflow:hidden; word-break:break-word; } .space_right{ padding-right:10px; } .space_left{ padding-left:10px; } .mb32{ margin-bottom:32px; } .contact-page .contactus_username label, .contact-page .contactus_Email label, .contact-page .contactus_Email2 label, .contact-page .contactus_textarea label, .contact-page .contactus_subject label { display: block; width: auto; font-size: 14px; font-family: "work_sansregular"; color: #333; margin-bottom: 12px; } .contact-page .fieldset .contactus_username, .contact-page .fieldset .contactus_Email, .contact-page .fieldset .contactus_Email2, .contact-page .fieldset .contactus_subject, .contact-page .fieldset .contactus_textarea { max-width: 100%; margin: 0 auto 24px; } .contact-page .contactus_username input, .contact-page .contactus_textarea textarea { width: 100%; max-width:100%; } .contact-page .contactus_Email, .contact-page .contactus_Email2 , .contact-page .contactus_subject { float: left; width: 50%; } /* prescription page css */ .prescriptionRegistrationPage h3.blue { text-align: left; font-size: 36px; color: #3365a8; font-family: 'work_sanssemibold'; padding: 15px 0 5px; } .prescriptionRegistrationPage .page-title:after { content: ''; display: block; background-color: #14a700; height: 3px; width: 30px; margin: 0px 0 30px; border: none; } .prescriptionRegistrationPage .page-title { border: none; } .prescriptionRegistrationPage .personal-details .title { font-family: "work_sansbold"; color: #3365a8; font-size: 18px; text-transform: uppercase; margin-top: 0px; display: inline-block; width: 100%; padding-left: 0; } .prescriptionRegistrationPage .personal-details .title:after { content: ''; display: block; background-color: #14a700; height: 3px; width: 30px; margin: 20px 0 10px; } .prescriptionRegistrationPage .title-wrapper { padding-top: 20px; } .prescriptionRegistrationPage .add-prescription-intro { font-family: "work_sansregular"; font-size: 16px; color: #333; margin-bottom: 0px !important; border: none; padding-left: 0; } .prescriptionRegistrationPage .page-body { background: none; } .prescriptionRegistrationPage .page-body .inner-pbody { background-color: #f9f9f9; } .prescriptionRegistrationPage span.required { right: 10px; } .prescriptionRegistrationPage .form-fields { padding: 0 !important; border: none; background: none; float: left; width: 100%; } .prescriptionRegistrationPage .form-fields .divfieldset { background: #f0f0f0; padding: 20px; float: left; width: 100%; margin-bottom: 30px; } .prescriptionRegistrationPage .form-fields .divfieldset .divform-fields { background: none; padding: 0; max-width: 800px; margin: auto; float: none; display: block !important; } .prescriptionRegistrationPage .personal-details .divfieldset .title { text-align: center; text-transform: uppercase; font-size: 18px; color: #163c6e; border-bottom: 1px solid #dcdbdb; padding: 15px 0; margin-bottom: 30px; font-family: 'work_sanssemibold'; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); margin-top: -20px; } .prescriptionRegistrationPage .personal-details .divfieldset .title:after { display: none; } .prescriptionRegistrationPage .form-fields .divfieldset .divform-fields label.control-label { width: 33% !important; float: left !important; display: inline-block; margin: 0; font-family: "work_sanssemibold"; font-size: 16px; color: #163c6e; margin-right: 0; vertical-align: middle; } .prescriptionRegistrationPage .form-fields .divfieldset .divform-fields .col-sm-6 { width: 67%; float: left; display: inline-block; padding-top: 0px; padding-left: 5px; } .prescriptionRegistrationPage .col-sm-6.gender { width: auto !important; white-space: nowrap; padding-top: 0 !important; } .prescriptionRegistrationPage .divform-fields span.required { right: auto; position: absolute; margin-left: -14px; } .prescriptionRegistrationPage .form-fields .divfieldset .divform-fields .col-sm-6 input { font-family: "work_sansregular"; float: left; border-radius: 30px; border: 1px solid #55a5dd; background-color: #fff; } .prescriptionRegistrationPage .form-fields select#CountryId { width: 100% !important; } .prescriptionRegistrationPage .inputs.date-of-birth select { max-width: 31% !important; } .prescriptionRegistrationPage input#register-button { font-family: "work_sansbold"; text-transform: capitalize; font-size: 18px; background-color: #55a5dd; border-radius: 30px; } .prescriptionRegistrationPage .topic-block-body p { font-family: "work_sansregular"; font-size: 16px; color: #333; margin-bottom: 10px !important; } .prescriptionRegistrationPage .topic-block-title h3 { text-align: center; text-transform: uppercase; font-size: 18px; color: #163c6e; border-bottom: 1px solid #dcdbdb; padding: 15px 0; margin-bottom: 30px; font-family: 'work_sanssemibold'; margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); margin-top: -10px; } @media screen and (max-width: 767px) { .prescriptionRegistrationPage label.Prescription-NewsLetter-Subcription { padding-top: 0px !important; } .prescriptionRegistrationPage .form-fields .divfieldset .divform-fields label.control-label { width: auto !important; } .prescriptionRegistrationPage .form-fields .divfieldset .divform-fields .col-sm-6 { width: 100%; } .contact-page .inputs label { width: 100% !important; display: block; } .contact-page input { width: 100% !important; display: block; } .contact-page .form-fields { border: none; padding: 20px; padding-bottom: 1px; } .contact-page .inputs textarea { width: 100% !important; } .contact-page .fieldset .inputs { margin-bottom: 25px; } .contact-page .contact-us-button { float: none; margin: auto; } .Header_Category_Desc .Category_Title_Desc.pull-right { float: none !important; } .contact-page .contactus_Email, .contact-page .contactus_Email2{ width:100%; } .space_right,.space_left{ padding:0; } .Contact_us_topic .topic-block-body div{ width:100%; padding:0; } } .Header_Category_Desc p { margin-top: 0; } .blog-page .post-actions .read-more { border-radius: 30px; text-transform: capitalize; font-family: 'work_sansbold'; background-color: #55a5dd; font-size: 18px; height: auto; min-width: auto; padding: 10px 37px; } .blog-page p { font-family: 'work_sansregular'; font-size: 15px; color: #333333; background-color: transparent; margin-bottom: 17px; } .blog-posts a.post-title { margin: 0; color: #3365a8; font-family: 'work_sansregular'; font-size: 20px; } .blog-page .post-actions .read-more:hover { background: #248ece; } .login-page .text { font-family: "work_sansregular"; font-size: 16px; color: #333; margin-bottom: 0px !important; border: none; padding-bottom: 30px; width: auto; } .full.register-message { font-family: "work_sansregular"; color: #333; margin: 20px 0 30px; } .newsletter-filed .inputs.reversed { float: none; margin-top: 0; margin-bottom: 0; } .newsletter-filed .inputs { text-align: center; } .newsletter-filed .inputs.reversed label { padding-right: 30px; pointer-events: none; color: #163c6e !important; } .newsletter-filed .inputs.reversed label:before { left: auto; right: 0; pointer-events: all; } .page.registration-page.checkout_page h1 { text-align: left; font-size: 36px; color: #3365a8; font-family: 'work_sanssemibold'; padding: 20px 0 5px; text-transform: capitalize; } .page.registration-page.checkout_page .inputs .input_label { padding-right: 15px; } .page.registration-page.checkout_page .form-fields { display: inline-block; width: 100%; } .registration-page input#register-button { border: 1px solid transparent; font-family: 'work_sansbold'; font-size: 18px; text-transform: none; padding: 7px 37px; border-radius: 50px; } .mini-shopping-cart input[type="button"] { border-radius: 30px; } .checkout_page .half .text { float: left; } .prescription-selection-page h3.blue { border-bottom: 1px solid #bcbec0; padding-bottom: 5px !important; margin-bottom: 15px; margin-top: 10px; } .prescription-selection-page .product-overview p { padding-left: 0; font-size: 16px; font-family: 'work_sansregular'; font-weight: normal; color: #333; } .addprescription_tbl tr th:first-child, .addprescription_tbl tr td:first-child { padding-left: 20px !important; } .add-prescription .option_detail { font-size: 16px; font-family: 'work_sansregular'; font-weight: normal; color: #333; } .prescription-selection-page .prescription_remark .col-md-12 { padding: 0; } .prescription-selection-page .prescription_remark .col-md-12 textarea { width: 100%; /*margin-bottom: 20px;*/ } .prescription-selection-page .option_detail .qq-upload-button.qq-upload-button-selector { border-radius: 30px; background: #4ab2f1; outline: none !important; } .prescription-selection-page .option_detail .qq-upload-button.qq-upload-button-selector:hover { background: #248ece; } @media (min-width: 768px) { .product-grid .col-sm-4.col-xs-6:nth-child(3n + 1) { clear: left; } .page.account-page.address-edit-page .row .col-sm-4 { padding-left: 0; } } @media (max-width: 767px) { .landing_page h1 span{ font-size:28px; line-height:28px; } .product-grid .col-sm-4.col-xs-6:nth-child(2n + 1) { clear: left; } body .page.account-page.address-edit-page .row div.input_label { width: auto !important; } body .page.account-page.address-edit-page .row div.input_label span.required { position: relative; right: auto; left: 4px; } body .password-recovery-page .input_label { text-align: left; } .container.EVCpluginPage, .EVCpluginPage .left_wrap.col-md-8 { padding: 0; } .EVCpluginPage .right_wrap.col-md-4{ padding:0; margin-top:20px; } .opc .allow .step-title .number, .opc .allow .step-title .title, .opc .step-title .title { flex-wrap: wrap; line-height: normal; overflow: hidden; word-break: break-word; height: auto; } .opc .step{ padding:16px; } .EVCpluginPage .page-title{ padding:0 16px; } .left_wrap .customer-info-inner .pagetitle h3, .customer-info-register .pagetitle h3 { padding: 16px; } .p32 { padding: 16px 16px 32px; } .checkout_ordersummary_col .info, .checkout_ordersummary_col .total-info .cart-total tbody tr{ padding:0 16px; } .EVCpluginPage .left_wrap .login-page .returning-wrapper .form-fields { padding: 30px 0 0; } .left_wrap .customer-info-inner .form-fields .input_label, .customer-info-register .inner-form .form-fields .input_label{ width:100%; text-align:left; margin:0; } .left_wrap .customer-info-inner .form-fields .inputs input[type="text"], .left_wrap .customer-info-inner .form-fields .inputs input[type="password"], .customer-info-register .inner-form .form-fields .inputs input[type="text"], .customer-info-register .inner-form .form-fields .inputs input[type="password"]{ width:100%; } } .prescription_option_box .option_detail .qq-upload-button.qq-upload-button-selector { border-radius: 30px; width: 200px !important; background: #55a5dd; } .prescription_option_box .option_detail .qq-upload-button.qq-upload-button-selector:hover { background: #248ece; } .prescriptionRegistrationPage .add-prescription > label { color: #163c6e; font-size: 17px; margin-top: 10px; display: inline-block; width: 100%; padding-left: 0; font-weight: 600 !important; margin-bottom: 11px; } .prescriptionRegistrationPage .topic-block-title { border: none; margin-bottom: 0; padding-bottom: 0; } .prescription_option_box .radioBox > input { cursor: pointer; } .prescription_option_box .radioBox > label { cursor: pointer; vertical-align: middle; } .blogpost-page .page-body { padding-left: 0; } .blogpost-page .page-title h1 { padding-bottom: 10px; font-size: 30px; line-height: 1.2em; margin-bottom: 0; color: #3365a8; } .page.registration-page.checkout_page .row .col-md-12:nth-child(6) .fieldset { margin-bottom: 0; } .page.registration-page.checkout_page .row .col-md-12:nth-child(6) .fieldset .form-fields { margin-bottom: 0; } #insurancedetails .intro-text { margin: 10px 0 30px 0; } .page.registration-page .accept-privacy-policy.forms { width: calc(100% - 30px); margin: 0 15px 30px; background: #f0f0f0; border-top: 1px solid #dcdbdb; padding: 20px 0 10px; } #existingcustomerlogin .login-page .text { padding-bottom: 0; } .edit-row, .delete-row { cursor: pointer; } .page.account-page.address-edit-page .row div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page.account-page.address-edit-page .row div.input_label { width: 100% !important; white-space: normal; display: inline-block; } .page.account-page.address-edit-page .checkout_page input { width: 100% !important; box-sizing: border-box; } .page.account-page.address-edit-page select { width: 100% !important; box-sizing: border-box; } .page.account-page.address-edit-page .row div.input_label span.required { position: absolute; right: 0; } .page.account-page.address-edit-page { padding-top: 10px; } #existingcustomerlogin .customer-blocks .text { padding-bottom: 20px; font-size: 16px; color: #333; } .col-md-12.new-forms.checkoutasguest-form .text { font-family: "work_sansregular"; font-size: 16px; color: #333; border: none; } .checkout_page .checkoutasguest-form .accept-privacy-policy span { font-family: "work_sansregular"; font-size: 16px; color: #333; border: none; padding-left: 24px; text-decoration: none; } .col-md-6.magic-login .returning-wrapper .buttons { padding-bottom: 50px; } .home-page .blog-post ul.blog-post-date li.blog-month-year span { display: block; font-size: 13px; } body .edit-row i, body .delete-row i { color: #b2b1b1 !important; } .password-recovery-page .page-title { margin: 0; border: none; } .password-recovery-page .form-fields { border: none; } .password-recovery-page .input_label { text-align: right; } .password-recovery-page .input_label { text-align: right; margin-top: 5px; } .password-recovery-page .input_label label { display: inline-block; width: auto !important; font-family: "work_sanssemibold"; font-size: 16px; color: #163c6e; margin-right: 0; vertical-align: middle; } .password-recovery-page .inputs input { display: inline-block; width: 100% !important; font-family: "work_sansregular"; float: left; border-radius: 30px; border: 1px solid #55a5dd; } .password-recovery-page .page-title h1, .new-forms .page-title h1, .not-found-page .page-title h1 { border: none; text-align: left; font-size: 36px; color: #3365a8; font-family: 'work_sanssemibold'; padding: 20px 0 5px; text-transform: capitalize; margin-top: 0px; display: inline-block; width: 100%; } .password-recovery-page .page-title h1:after, .new-forms .page-title h1:after, .not-found-page .page-title h1:after { content: ''; display: block; background-color: #14a700; height: 3px; width: 30px; margin: 20px 0; } .password-recovery-page .page-title:after, .new-forms .page-title:after, .not-found-page .page-title:after { display: none; } .not-found-page .page-title { border: none; } .password-recovery-page .inputs input { display: inline-block; width: 100% !important; font-family: "work_sansregular"; float: left; border-radius: 30px; border: 1px solid #55a5dd; } /*.password-recovery-page .inputs { margin-bottom: 0; }*/ .new-forms .page-title { border: none; } .password-recovery-page .password-recovery-button, .register-continue-button, .new-password-button { font-family: 'work_sansbold'; font-size: 18px; text-transform: none; padding: 7px 37px; border-radius: 50px !important; } body .save-address-button { font-family: 'work_sansbold'; border-radius: 50px !important; line-height: normal; padding: 12px 20px 9px !important; } .password-recovery-page span.field-validation-error { text-align: right; } .k-window-titlebar span.k-window-title { text-transform: uppercase; color: #ffffff; } .k-window-titlebar.k-header { background: #3365a8; border: none !important; } .k-widget.k-window { border: none; } div#new-billing-address .form-fields { border: none; background: none; padding-top: 0; padding-bottom: 0; } div#new-billing-address { background: #fff; } @media (max-width: 1199px) and (min-width: 992px) { body .col-md-6.magic-login .returning-wrapper { min-height: 289px; } } @media (min-width: 991px) { .page.login.checkout_page .col-md-6 #existingcustomerlogin .text, .page.login.checkout_page .col-md-12.new-forms.checkoutasguest-form .text { min-height: auto; } .col-md-12.new-forms.checkoutasguest-form .page.registration-page .input_label { position: relative; } .col-md-12.new-forms.checkoutasguest-form .page.registration-page .input_label label { text-align: right; padding-right: 19px; } .col-md-12.new-forms.checkoutasguest-form .page.registration-page .input_label span.required { position: absolute; right: 5px; } .page.login.checkout_page .col-md-6 .text { min-height: 125px; } .col-md-6.magic-login .returning-wrapper { min-height: 307px; background: #f0f0f0; } .col-md-6.magic-login .returning-wrapper .buttons { padding-right: 20px; padding-bottom: 0; padding-top: 68px; } } .manufacturer-page .product-selectors { padding: 15.5px 20px; border: none; margin-top: 0px; background-color: #f0f0f0; } .prescriptionRegistrationPage .form-fields .col-sm-12:last-child .divfieldset { border-top: 1px solid #dcdbdb !important; } .prescriptionRegistrationPage label.Prescription-NewsLetter-Subcription { padding-top: 5px; margin-bottom: 0; pointer-events: none; } .prescriptionRegistrationPage .col-sm-6.col-sm-offset-3.text-center input { cursor: pointer; } .registration-page.prescriptionRegistrationPage span.field-validation-error { clear: both; left: 0; text-align: right; } .page.login.checkout_page .col-md-12.new-forms.checkoutasguest-form h1 { padding-top: 0; font-size: 18px; padding-bottom: 0; } .page.login.checkout_page .col-md-12 .text { height: auto; font-size: 13px; } .message-box { font-family: "work_sansregular"; font-size: 16px; color: #333; margin-bottom: 0px !important; } .page.login.checkout_page .col-md-12.new-forms.checkoutasguest-form .text { font-size: 16px; color: #333; } body .product-details-page .index-content { word-break: normal !important; } /* My Account css */ .my-account-header-space{ margin-top:30px; } .page.account-page.customer-info-page .page-title { border: none; margin-bottom: 0; } .page.account-page.customer-info-page .page-title h1 { position: relative; text-align: left; font-size: 36px; color: #3365a8; font-family: 'work_sanssemibold'; padding: 0px 0 5px; text-transform: capitalize; margin-top: 0px; display: inline-block; width: 100%; font-weight: 600 !important; line-height: 1.2em; margin: 0; } .page.account-page.customer-info-page .page-title h1:after { content: ''; display: block; background-color: #14a700; height: 3px; width: 30px; margin: 20px 0; } .page.account-page.customer-info-page .fieldset { background: #f0f0f0; } .page.account-page.customer-info-page .fieldset .title { text-align: center; text-transform: uppercase; font-size: 18px; color: #163c6e; padding: 18px 0 15px; font-family: 'work_sanssemibold'; margin-bottom: 0; } .page.account-page.customer-info-page .fieldset label { display: inline-block; font-family: "work_sanssemibold"; font-size: 16px; color: #163c6e; margin: 0 !important; vertical-align: middle; text-align: right; width: 100% !important; padding: 4px 0; white-space: normal; overflow: hidden; word-break: break-word; } .page.account-page.customer-info-page .gender label:before { content: ""; background-image: url(/Plugins/Nopaholics.QuickCheckout/Content/img/check_radio_stripe.png); background-position: -28px 4px; background-repeat: no-repeat; cursor: pointer; margin-bottom: 0px; position: absolute; width: 20px; top: -1px; height: 18px; left: 0px; } .page.account-page.customer-info-page .gender input[type="radio"]:checked + label:before { background-position: 0 4px; } .page.account-page.customer-info-page .gender input { display: none !important; } .page.account-page.customer-info-page .gender:first-child label { margin-left: 0; } .page.account-page.customer-info-page .gender label { padding-left: 20px; position: relative; font-size: 16px; font-family: 'work_sansregular'; color: #333; margin: 18px 0px 18px 20px; cursor: pointer; padding-top: 0; } .page.account-page.customer-info-page select { padding: 0 10px; background: rgb(255, 255, 255) url(/Themes/HollandApoBE/Content/images/down_arrow.png) no-repeat !important; background-repeat: no-repeat; background-position: 95% 55% !important; display: inline-block; cursor: pointer; font-family: "work_sansregular"; float: left; border-radius: 30px; border: 1px solid #55a5dd; } .page.account-page.customer-info-page input { border-radius: 30px; border: 1px solid #55a5dd; } .page.account-page.customer-info-page .fieldset .accept-privacy-policy label { width: auto !important; text-align: center; padding: 0; line-height: normal; margin-right: 7px !important; pointer-events: none; } .page.account-page.customer-info-page .accept-privacy-policy input[type="checkbox"] { width: 20px; opacity: 0; z-index: 11; position: absolute; cursor: pointer; height: 18px; } .page.account-page.customer-info-page .accept-privacy-policy span { margin-top: 1px; vertical-align: top; position: relative; } .page.account-page.customer-info-page .accept-privacy-policy span:before { content: ""; background-image: url(/Plugins/Nopaholics.QuickCheckout/Content/img/check_radio_stripe.png); background-position: -28px 4px; background-repeat: no-repeat; cursor: pointer; margin-bottom: 0px; position: absolute; width: 20px; top: -1px; height: 18px; left: 0px; } .page.account-page.customer-info-page .accept-privacy-policy { display: inline-block; position: relative; margin-bottom: 0px; } .page.account-page.customer-info-page .gender span { float: left; } .page.account-page.customer-info-page .accept-privacy-policy span:before { background-position: -27px -13px; } .page.account-page.customer-info-page .accept-privacy-policy input[type="checkbox"]:checked + input + span:before { background-position: -1px -13px !important; } @media (max-width: 767px) { body .page.account-page.customer-info-page .fieldset .control-label label { width: auto !important; text-align: left; float: left; } body .page.account-page.customer-info-page .fieldset span.required { display: inline-block; float: left; } body .page.account-page.customer-info-page .fieldset .col-sm-6 { clear: both; width: 100%; } body .page.account-page.customer-info-page .fieldset input { width: 100%; } } .page.registration-page.prescriptionRegistrationPage.checkout_page ol { font-family: "work_sansregular"; } .page.registration-page.prescriptionRegistrationPage.checkout_page ul { font-family: "work_sansregular"; font-size: 16px; color: #333; margin-left: 15px; } .page.registration-page.prescriptionRegistrationPage.checkout_page .radioBox > label { font-family: "work_sansregular"; } .topic-page h3 { font-family: 'work_sanssemibold'; } /*My account Page design*/ .center-2.col-md-9 .page.account-page .page-title, .order-details-page .page-title { border: none; margin-bottom: 0; } .center-2.col-md-9 .page.account-page .page-title h1, .order-details-page .page-title h1 { position: relative; text-align: left; font-size: 36px; color: #3365a8; font-family: 'work_sanssemibold'; padding: 0px 0 5px; text-transform: capitalize; margin-top: 0px; display: inline-block; width: 100%; font-weight: 600 !important; line-height: 1.2em; margin: 0; } .center-2.col-md-9 .page.account-page .page-title h1:after, .order-details-page .page-title h1:after { content: ''; display: block; background-color: #14a700; height: 3px; width: 30px; margin: 20px 0; } .center-2.col-md-9 .page.account-page.address-edit-page .page-body { background: #f0f0f0; padding: 20px; } .center-2.col-md-9 .page.account-page.address-edit-page .page-body .col-md-6 { width: 100%; max-width: 700px; margin: auto; display: block; float: none; font-family: "work_sansregular"; } .order-details-page .page-title h1 { border: none; margin-top: 30px; } .order-details-page .page-title a.print-order-button { border-radius: 30px; text-align: center; min-width: 140px; margin-right: 10px; } .order-details-page .page-title a.pdf-invoice-button { border-radius: 30px; text-align: center; min-width: 140px; margin-right: 10px; } .order-details-page .repost .button-2 { border-radius: 30px; text-align: center; min-width: 140px; margin-right: 10px; } .order-details-page .re-order-button { border-radius: 30px; text-align: center; min-width: 140px; margin-right: 10px; } #Image-prescription-dialog .prescription_remark textarea { width: 100%; margin-bottom: 20px; } #Image-prescription-dialog input.k-button { border-radius: 30px; text-align: center; margin-right: 10px; display: inline-block; min-width: 180px; background-color: rgb(74, 178, 241); background-image: none; font-size: 15px; color: rgb(255, 255, 255); margin: 5px 0px; border-width: initial; border-style: none; border-color: initial; border-image: initial; padding: 10px 20px; } #Image-prescription-dialog .prescription_remark textarea { width: 100%; margin-bottom: 20px; } #Image-prescription-dialog input.k-button { border-radius: 30px; text-align: center; margin-right: 10px; display: inline-block; min-width: 180px; background-color: rgb(74, 178, 241); background-image: none; font-size: 15px; color: rgb(255, 255, 255); margin: 5px 0px; border-width: initial; border-style: none; border-color: initial; border-image: initial; padding: 10px 20px; } #Image-prescription-dialog .add-prescription > label { font-size: 16px; color: #3365a8; font-family: 'work_sanssemibold'; padding: 0px 0 5px; text-transform: capitalize; margin-top: 0px; display: inline-block; width: 100%; font-weight: 600 !important; line-height: 1.2em; } .ui-dialog[aria-describedby="Image-prescription-dialog"] .ui-dialog-titlebar { background: #3365a8; border: none !important; color: #fff; } .ui-dialog[aria-describedby="Image-prescription-dialog"] .ui-dialog-titlebar span { color: #fff; } .ui-dialog[aria-describedby="Image-prescription-dialog"] .ui-dialog-titlebar button.ui-dialog-titlebar-close { color: #fff; background-image: url(/Themes/HollandApoBE/Content/images/close-btn-hove.png) !important; background-size: 16px !important; } .center-2.col-md-9 .page.account-page.address-edit-page .page-body .col-md-6 span.field-validation-error { text-align: right; } /* retry payment page css */ .retry-order-summary-content div#quickcheckout-payment-method-load { border: none; } .retry-order-summary-content div#quickcheckout-payment-method-load ul.method-list { padding: 10px 0; } .retry-order-summary-content .quickcheckout-payment-method { display: inline-block; width: 100%; background-color: #f9f9f9; margin: 0px 0 30px; border: none; } .retry-order-summary-content .quickcheckout-payment-method .page-title h3.blue { padding-bottom: 0; color: #163c6e; font-family: 'work_sanssemibold'; text-align: center; text-transform: uppercase; padding: 15px 0 10px; font-size: 18px; } .retry-order-summary-content div#quickcheckout-payment-method-load li { width: 100%; margin: 0; padding: 8px 20px; } .retry-order-summary-content div#quickcheckout-payment-method-load li .method-name { display: inline-block; width: 100%; background-color: #fff; border-radius: 0; float: left; } .retry-order-summary-content .payment-details { margin: 0px; width: 50%; display: inline-block; float: left; text-align: left; } .retry-order-summary-content .payment-logo { background-color: transparent; display: table; min-height: 75px; float: right; width: 50%; text-align: right; padding: 0; } .retry-order-summary-content .payment-logo label { margin-bottom: 0px; display: table-cell; vertical-align: middle; padding: 10px 20px; } body .retry-order-summary-content .quickcheckout-payment-method .page-title { border-bottom: 1px solid #dcdbdb; } .retry-order-summary-content .method-name input[type="radio"] { display: none; } .retry-order-summary-content .method-name .payment-details label { margin: 28px 0px 28px 10px; padding-left: 20px; position: relative; font-size: 16px; font-weight: normal; color: #333; cursor: pointer; } .retry-order-summary-content .method-name input[type="radio"]:checked + label:before { background-position: 0px 3px; } .retry-order-summary-content .method-name .payment-details label:before { content: ""; background-image: url(/Plugins/Nopaholics.QuickCheckout/Content/img/check_radio_stripe.png); background-position: -28px 3px; background-repeat: no-repeat; cursor: pointer; margin-bottom: 0px; position: absolute; width: 20px; height: 18px; left: 0px; } .retry-order-summary-content #quickcheckout-payment-info-load { border: none; clear: both; } .retry-order-summary-content #quickcheckout-payment-info-load .info { padding: 20px 15px; text-align: left; } .retry-order-summary-content #quickcheckout-payment-info-load .message-error { padding: 0; margin: 0; } .retry-order-summary-content #quickcheckout-payment-info-load .info td { margin-bottom: 0; text-align: left; font-family: work_sansregular; margin: 0; line-height: 22px; font-size: 15px; color: #333; } .retry-order-summary-content #quickcheckout-payment-info-load .info td p { text-align: left; font-family: work_sansregular; margin: 0; line-height: 22px; font-size: 15px; color: #333; } .retry-order-summary-content .total-info { padding: 30px 10px 0; } .retry-order-summary-content .order-details-area ul.shipping-info { margin-top: 0; } .retry-order-summary-content .topic-block-title { margin-top: 30px; } .retry-order-summary-content button#checkout { border-radius: 30px; min-width: 160px; font-size: 16px; } .error-message { min-height: 72px; position: relative; } .message-error { text-align: center; /*position: absolute;*/ bottom: 0px; margin: 0 !important; padding: 0 !important; } .validation-message-color p { color: #414141; } .img-about { width: 185px; } .abt-service ul li { width: 32%; display: inline-block; float: left; margin: 0 8px 40px 0; } .abt-service ul li h2{ min-height:48px; } @media all and (max-width: 767px) { .retry-order-summary-content .klarna-check { position: relative; top: -18px; margin-bottom: -25px; } .retry-order-summary-content #quickcheckout-payment-info-load .info select { margin-top: 10px; } } .retry-order-summary-content #quickcheckout-payment-info-load .info select { width: 100%; padding: 0 10px; background: rgb(255, 255, 255) url(/Themes/HollandApoBE/Content/images/down_arrow.png) no-repeat !important; background-repeat: no-repeat; background-position: 95% 55% !important; display: inline-block; cursor: pointer; font-family: "work_sansregular"; float: left; border-radius: 30px; border: 1px solid #55a5dd; } #quickcheckout-payment-info-load .topic-block-title { margin-top: 15px; } #quickcheckout-payment-info-load .klarna-check { position: relative; top: -17px; margin-left: 4px; font-size: 14px; } .cart_page .rgt-col #quickcheckout-payment-method-load .payment-method .method-list { width: 100%; } .cart_page .rgt-col #quickcheckout-payment-method-load .align-btm { display: inline-block; width: 100%; } .add-address-button { border-radius: 30px !important; } .change-password-page .page-body .field-validation-error span { display: inline-block; width: 100%; text-align: right; } a.btnaddprescription.uploadprescription { border: 1px solid transparent; font-family: 'work_sansbold'; font-size: 18px; background-color: #55a5dd; text-align: center; color: #fff; text-transform: none; padding: 7px 37px; line-height: 29px; border-radius: 50px; vertical-align: middle; text-decoration: none; margin-top: 15px; display: inline-block; width: auto; } .page.checkout-page.billing-address-page .section.select-billing-address .addnew-button.addbillingaddress-button { padding: 10px 10px 10px; margin-top: 10px; overflow: hidden; word-wrap: break-word; word-break: break-word; } .page.search-page h3 { position: relative; text-align: left; font-size: 36px; color: #3365a8; font-family: 'work_sanssemibold'; padding: 0px 0 5px; text-transform: capitalize; margin-top: 0px; display: inline-block; width: 100%; font-weight: 600 !important; line-height: 1.2em; margin: 0; } .page.search-page h3.blue:after { content: ''; display: block; background-color: #14a700; height: 3px; width: 30px; margin: 20px 0; } .page.search-page .inputs.reversed label { width: auto !important; text-align: left; padding: 0; line-height: normal; margin-left: 25px !important; pointer-events: none; white-space: normal; } .page.search-page .inputs.reversed input[type="checkbox"] { width: 20px; opacity: 0; z-index: 11; position: absolute; cursor: pointer; height: 18px; } .page.search-page .inputs.reversed span { margin-top: 1px; vertical-align: top; position: relative; } .page.search-page .inputs.reversed span:before { content: ""; background-image: url(/Plugins/Nopaholics.QuickCheckout/Content/img/check_radio_stripe.png); background-position: -28px 4px; background-repeat: no-repeat; cursor: pointer; margin-bottom: 0px; position: absolute; width: 20px; top: -1px; height: 18px; left: 0px; } .page.search-page .inputs.reversed input[type="checkbox"]:checked + input + span:before { background-position: -1px -13px !important; } .page.search-page .inputs.reversed span:before { background-position: -27px -13px; } .page.search-page .inputs.reversed { display: inline-block; position: relative; margin-bottom: 0px; width: 100%; } .page.search-page label { display: inline-block; font-family: "work_sanssemibold"; font-size: 16px; color: #163c6e; margin: 0 !important; vertical-align: middle; text-align: right; width: 100% !important; padding: 9px 0; } .page.search-page .inputs input { border-radius: 30px; border: 1px solid #55a5dd; } div#advanced-search-block { margin-top: 10px; } .page.search-page .inputs select { padding: 0 10px; background: rgb(255, 255, 255) url(/Themes/HollandApoBE/Content/images/down_arrow.png) no-repeat !important; background-repeat: no-repeat; background-position: 95% 55% !important; display: inline-block; cursor: pointer; font-family: "work_sansregular"; float: left; border-radius: 30px; border: 1px solid #55a5dd; } .page.search-page #advanced-search-block .inputs.reversed { margin-bottom: 10px; } .page.search-page .advanced-search .price-range { margin-left: 0; width: 100%; } .page.search-page .advanced-search .price-range input { width: 49%; margin: 0; margin-right: 2%; } .page.search-page .search-input .button-1.search-button { border-radius: 30px; } #medis .full-description ul { list-style-position: outside !important; list-style: disc; } /*TODO: Bhanu Chauhan 19 Dec.2018: To blur product image on product detail page if product not available in stock*/ .product-unavailable .gallery .product-img-col .picture a img{ opacity:0.4; } .product-empty-content{ padding-top:10%; } .product-empty-content p{ color: #000000; font-family: 'work_sansregular'; font-size: 16px; margin-bottom: 6%; } .product-empty-content a span{ float: left; border: 1px solid transparent; font-family: 'work_sansbold'; font-size: 18px; background-color: #55a5dd; text-align: center; color: #fff; text-transform: none; padding: 7px 37px; line-height: normal; border-radius: 50px; vertical-align: middle; } .product-empty-content a span:hover{ background-color: #248ece; } .product-unavailable .gallery .product-img-col .picture a img:hover{ opacity:0.4; cursor: not-allowed; pointer-events: none; } /* ENd of To blur product image on product detail page if product not available in stock */ @media (max-width: 767px) { .page.search-page label { text-align: left; } .page.search-page .inputs input { width: 100%; text-align: left; } .page.search-page .inputs select { width: 100%; text-align: left; } } .footer-eu-logo { margin-top: 20px; } .footer-eu-logo a.eu-links{ text-decoration: underline; margin-bottom: 10px; font-family: 'work_sansregular'; font-size: 16px; color: #163c6e; width: 100%; display:block; } .blogpost-page p a { text-decoration: underline; color: #3365a8; } .blogpost-page p img { margin-right: 10px; } #terms-of-service-warning-box p { font-family: 'work_sansregular'; font-size: 16px; color: #333; } [aria-describedby="terms-of-service-warning-box"] .ui-dialog-titlebar { background-color: #3365a8; font-family: 'work_sanssemibold'; color: #fff; font-size: 18px; } [aria-describedby="terms-of-service-warning-box"] .ui-dialog-titlebar span { color: #FFF; font-size: 19px; } [aria-describedby="terms-of-service-warning-box"] .ui-dialog-titlebar button.ui-dialog-titlebar-close { color: #fff; background-image: url(/Themes/HollandApoBE/Content/images/close-btn-hove.png) !important; background-size: 16px !important; } [aria-describedby="validation-error"] .ui-dialog-titlebar { background-color: #3365a8; font-family: 'work_sanssemibold'; color: #fff; font-size: 18px; } [aria-describedby="validation-error"] .ui-dialog-titlebar span { color: #FFF; font-size: 19px; } [aria-describedby="validation-error"] .ui-dialog-titlebar button.ui-dialog-titlebar-close { color: #fff; background-image: url(/Themes/HollandApoBE/Content/images/close-btn-hove.png) !important; background-size: 16px !important; } [aria-describedby="validation-error-byinsurance"] .ui-dialog-titlebar { background-color: #3365a8; font-family: 'work_sanssemibold'; color: #fff; font-size: 18px; } [aria-describedby="validation-error-byinsurance"] .ui-dialog-titlebar span { color: #FFF; font-size: 19px; } [aria-describedby="validation-error-byinsurance"] .ui-dialog-titlebar button.ui-dialog-titlebar-close { color: #fff; background-image: url(/Themes/HollandApoBE/Content/images/close-btn-hove.png) !important; background-size: 16px !important; } .product-details-page .full-description ol { color: #333; font: 100 15px/22px work_sansregular; } .search-page .product-selectors, .category-page .product-selectors { background: #f0f0f0; border: none; padding: 8px 0; } .search-page .product-selectors .product-sorting, .category-page .product-selectors .product-sorting { width: 50%; margin: 0; } .search-page .product-selectors .product-page-size, .category-page .product-selectors .product-page-size { width: 50%; margin: 0; } .search-page .product-selectors span, .category-page .product-selectors span { display: inline-block; font-family: "work_sanssemibold"; font-size: 16px; color: #163c6e; margin: 0 !important; vertical-align: middle; text-align: right; padding: 9px 20px; } .search-page .product-selectors .jDropDown .toplevel { display: inline-block; cursor: pointer; font-family: "work_sansregular"; float: left; border-radius: 30px; border: 1px solid #55a5dd !important; padding: 8px 34px 0 !important; min-width: 80px; margin: 5px 0; font-size: 14px; } .search-page .product-selectors .jDropDown ul.sublevel, .category-page .product-selectors .jDropDown ul.sublevel { top: 100%; margin: auto; } .search-page .product-selectors .jDropDown, .category-page .product-selectors .jDropDown { min-width: 80px; width: auto; } .category-page .product-selectors .jDropDown .toplevel { display: inline-block; cursor: pointer; font-family: "work_sansregular"; float: left; border-radius: 30px; border: 1px solid #55a5dd !important; padding: 4px 24px 5px !important; min-width: 80px; margin: 3px 0; font-size: 14px; } .search-page .product-selectors div#productsPageSizeDropDown0 + script + span, .category-page .product-selectors div#productsPageSizeDropDown0 + script + span { font-size: 12px; padding-left: 0; width: auto !important; } header { background: #fff; position: relative; z-index: 999; } .header.sticky { background-color: #fff; } .customer-info-page .field-validation-error { margin-left: 0px !important; } .Category_Title_Desc ul { padding-left: 0; list-style: none; color: #fff; } .add-prescription.checkoutprescription span.required { top: auto; right: auto !important; padding-top: 20px; } .footer-block.payment-method ul.list li { width: auto; padding: 0 10px; } .footer-block.payment-method { text-align: center; } .footer-block.payment-method ul.list { display: inline-block !important; width: auto; padding: 15px 0; } .cart_page .cart.table-row td span { white-space: nowrap; } .cart_page .quickcheckout-cart tr td.quantity { padding: 10px 0; } #quickcheckout-payment-info-load .validation-summary-errors { margin: 4px 0 11px; } #quickcheckout-payment-info-load .validation-summary-errors li { font-size: 15px; } .product-details-page .overview .prod-detail .add-to-cart { margin-top: 0; } .product-details-page .overview .prod-detail { margin-top: 28px; } .validation-summary-errors li { font-size: 15px; text-align: left; color: #e4434b; /*replaced by #414141 (B)*/ } .prescribe_about .upload-prec-col { background: #455ea7; height: 135px; min-height: 135px; max-height: initial; width: 48.5%; margin: 34px 17px 0 0; padding: 25px 90px; } .virtual-column { background: #455ea7; /*height:135px!important; width:48.5%!important;*/ /*margin:34px 0 0 17px!important;*/ padding: 25px 90px; } .prescribe_about .upload-prec-col .prec-bttn { display: -webkit-box; } .prescribe_about .upload-prec-col .prec-bttn a { width: 100%; } .prescribe-bttn-col i, .virtual-column-bttn i { background: #80bb2b; border: 0; width: 44px; height: 44px; border-radius: 5px; padding: 0px 15px; font-size: 40px; margin: 10px 0; font-weight: bold; } .prescribe-txt-col h2, .virtual-column-text h2 { color: #fff; text-align: center; font-size: 31px; word-wrap: break-word; padding: 12px 0 0 24px; font-family: 'work_sansregular'; } /*{ color:#fff; text-align:center; word-wrap:break-word; font-size:31px; padding-left:24px; font-family:'work_sansregular'; }*/ .prescribe-bttn-col, .virtual-column-bttn { float: left; width: 20%; } .prescribe-txt-col, .virtual-column-text { float: left; width: 80%; word-wrap: break-word; overflow-wrap: break-word; } .no-display { display: none !important; } .search-box-new { /*float: right;*/ /*width: 75%;*/ /*height: 36px;*/ } .search-box-new ul { margin: 0 0 0 0; padding: 0; } .search-box-new a { width: 100%; } .search-box-new ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-new ul li a i { position: absolute; top: 8px; right: 28px; color: #55a5dd; } .textwrap { word-wrap: break-word; } /*index page slider section end*/ /*Allignment issue with the payment options start*/ .flex-box { display: flex; align-items: center; } /*Allignment issue with the payment options end*/ /* responsive video container */ .embedded-video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .embedded-video iframe, .embedded-video object, .embedded-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .box-landing-with-item .inner-section-heading ul.list-inline { margin-top: 10px; } .inner-section-heading img { margin-right: 10px; } .inner-section-heading ul.list-inline { margin-left: 0px; border: 1px solid #bcbec0; border-width: 1px 0px; padding: 19px 0; margin-bottom: 40px; margin-top: 30px; } .category-page-btns a.viewBasketLink { display: inline-block; height: 70px; font-size: 18px; } .category-page-btns a.viewBasketLink img { margin-right: 10px; } .terms-of-service-prescription label { display: inline; font-weight: normal; } .terms-of-service-prescription #termsofservice-anchor { vertical-align: baseline; } .center-elements { display: flex; justify-content: flex-end; align-items: center; height: 40px; } .align-colon{ margin-top: -5px; } @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } } /*index page slider section begin*/ .col-slider{ background-repeat: no-repeat; background-position: center; background-size: 100% 100%; /*min-height: 380px;*/ position: relative; /*margin-top:40px;*/ } .mobile-view{ display:none; } .comment-Right{ border: 2px solid #000; background: #fff; color: #000; border-radius: 8px; position: absolute; /*z-index: 999;*/ top: 10%; right: 3%; width: 34%; height:auto; max-height:120px; padding: 12px; overflow:visible; word-wrap:break-word; } .comment-Right p,.comment-Left p{ font-size:17px; margin: 0; overflow: auto; max-height: 80px; word-break: break-word; } .comment-Left p::-webkit-scrollbar{ display:none; } .comment-Right p::-webkit-scrollbar{ display:none; } .mySlides .comment-Right::after{ content:url(/Plugins/Yakkz.HomepageSliders/Content/images/angle.png); position: absolute; top:92%; right:75%; z-index: 999; } .comment-Right-angle{ position: absolute; top:31%; right:31%; z-index: 999; } .comment-Left{ border: 2px solid #000; background: #fff; color: #000; border-radius: 8px; position: absolute; /*z-index: 999;*/ top: 18%; left: 6%; width: 34%; height:auto; max-height:120px; overflow:visible; word-wrap:break-word; padding: 12px; } .mySlides .comment-Left::after{ content:url(/Plugins/Yakkz.HomepageSliders/Content/images/angle-2.png); position: absolute; top:92%; left:65%; z-index: 999; } .comment-Left-angle{ position: absolute; top:31%; left:34%; z-index: 999; } /* Hide the images by default */ .mySlides { display: none; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (min-width: 1367px) { .write-review .field-validation-error { margin-left: 385px; text-align: left; } .customer-info-page .field-validation-error { text-align: left; margin-left: 225px; } .change-password-page .page-body .field-validation-error { text-align: left; margin-left: 225px; } .test-error-cust .validation-summary-errors ul li { text-align: left; margin-left: 225px; margin-top: -10px; } } @media only screen and (min-width: 1001px) and (max-width:1366px) { .write-review .field-validation-error { margin-left: 275px; text-align: left; } .customer-info-page .field-validation-error { text-align: left; margin-left: 180px; } .change-password-page .page-body .field-validation-error { text-align: left; margin-left: 206px; } .test-error-cust .validation-summary-errors ul li { text-align: left; margin-left: 180px; margin-top: -10px; } } @media only screen and (min-width: 1200px) { .logo-search-row { background: url(/Themes/HollandApoBE/Content/images/homeheader1170.jpg); height: 108px; } header { height: 119px; } } @media only screen and (max-width: 1200px) { .block .list .sublist a:after { left: 12px; } /***********************4-28*****************/ .registration-page.login-register .inputs { white-space: inherit; } .registration-page.login-register .date-of-birth select { max-width: 19%; } /***********************4-28*****************/ .blog-widget a { margin-bottom: 0px !important; padding: 8px !important; min-height: 40px !important; display: block; width: 100%; } .recipe_detail_top .inner-recipe li { margin-bottom: 5px; } .recipe_detail_top .inner-recipe li span { display: block; float: none; text-align: center; width: auto; } .prescription_tbl tr td { padding: 8px; } span.span-inline { border-right: medium none; margin-bottom: 10px; padding-left: 0; padding-right: 0; width: 190px; word-wrap: break-word; } .cross-sells .product-item .left-detail { float: left; min-height: 0; padding-right: 0px; width: 100%; } .cross-sells .add-info { position: relative; right: auto; top: auto; } .shopping-cart-page .quickcheckout-cart .product { min-width: 0; } .header-links li, #topcartlink { /*padding: 0 8px;*/ } /*.header-menu > ul > li { padding:10px; }*/ .block .list a:after { left: 12px; } .block .list a { padding: 8px 10px 8px 30px; font-size: 14px; } .product-list .product-item .left-detail { float: none; width: 100%; /*height: auto !important;*/ } .item-box .actual-price { float: left; width: 100%; } .item-box .prescriptionsneeded .actual-price { font-size: 20px; line-height: 22px; } .actual-price + div.colorRed { display: inline-block; } .product-grid .add-info /*, .product-list .add-info*/ { /*float: none;*/ width: 100%; } .product-item .left-detail { width: 100%; } .newsletter-email input[type="text"] { width: 100%; } .table-cart-col { overflow: hidden; /*overflow-x: scroll;*/ table-layout: fixed; width: 100%; } .rgt-col .table-cart-col { overflow-x: hidden; } .order-summary-content .table-wrap { overflow: hidden; table-layout: fixed; width: 100%; } .subscribe label, .unsubscribe label { padding: 0 8px 0 3px; } .row-wrap { /*overflow: hidden;*/ min-height: inherit; /*height: auto !important;*/ } .cart td.product-picture { border-top: none !important; } .header-info ul li i { margin-right: 5px; } .search-box .search-box-button { background: url(/Themes/HollandApoBE/Content/images/search-icon.jpg) no-repeat right 5px; } input.search-box-text { width: 70%; } .category-item .picture { height: 250px; } .cat-3-item .picture { height: 200px; } .brand-boxes-6 .item-box { width: 100%; margin: 20px 0 0 0; } .brand-boxes-6 .brand-item .picture { height: 120px; } .brand-boxes-5 img { /*width:auto;*/ } .form-section h3 { font-size: 22px; text-align: left; } input.field-5, input.field-4 { width: 36%; float: right; } input.field-2 { width: 60%; } .content-row, .suggestion-block, .testimonial-block { text-align: left; } .image-caption img { border: 1px solid #ececec; width: 100%; } /*.item-box .prices { margin: 5px 0; } .item-box .buttons { margin: 5px 0 0 0; }*/ .product-details-page .item-box .picture { /*height: 130px;*/ } .prod-detail { margin: 0; } .box-container p span { width: 90%; } .info-block .picture-thumbs img { width: 100%; } /*.info-block .picture-thumbs { width: 20%; }*/ .prod-detail.prod-detail1 { margin: 0 0 0 10px; width: 75%; float: left; } .overview input.increment-box, .variant-overview input.increment-box { width: 50px; } .prod-detail.prod-detail1 .button-1 { width: 45%; } .title-row:after { width: 33%; } .box-col h3 { font-size: 25px; } .related-prod-box .prescription-btn span.button-2 { font-size: 12px; padding: 8px 5px; } } @media only screen and (max-width: 1200px) and (min-width: 1000px) { .info-block .picture-thumbs { width: 100px; position: absolute; } .prod-detail.prod-detail1 { margin: 0 0 0 10px; padding-left: 100px; width: 100%; } .prod-detail.prod-detail1 .button-1 { height: 46px; width: 102px; padding: 0 8px; vertical-align: middle; word-break: break-all; word-wrap: break-word; } .header-menu > ul > li { padding: 0px 6.8px; } .header-menu > ul > li > a { font: 12px/16px work_sansregular; } } @media only screen and (max-width: 1199px) { /*---------------- 11-14 ------------------*/ .inner_rdp li span.left { width: 50%; } .inner_rdp li span.right { width: 50%; } /*-----------------------------------------*/ .banner-right1, .banner-right2 { margin-bottom: 20px; } .banner-widget a { font-size: 17px; } .banner-widget a.niederlanden { padding: 20px 20px 10px 80px; } .banner-widget a.uber { padding: 20px 20px 10px 80px; } .bannerWidget_wrapper figure.imgholder img { margin-top: -12px; } } @media only screen and (max-width: 1024px) { .brand-boxes-5 img { width: auto; } .header-links li, #topcartlink { padding: 0 8px; } } @media only screen and (min-width: 1024px) { } @media only screen and (min-width: 1001px) and (max-width:1200px) { .logo-search-row { background: url(/Themes/HollandApoBE/Content/images/homeheader970.jpg); height: 90px; } .country-label { float: left; margin-top: 13px; width: 38% !important; } .choose-country { float: left; margin-left: 5px; width: 60% !important; } } @media only screen and (min-width: 1001px) { .header-logo { display: none; } header { height: 112px; } } @media only screen and (min-width:1000px) { body .nopAjaxFilters7Spikes .block .title a.toggleControl:after { display: none; } .rgt-col .cart td.product-picture img { width: 75%; } .order-summary-content .cart td.subtotal, .order-summary-content .cart td.unit-price { min-width: 60px; } .prescription_tbl .prescription-table-child td { width: auto !important; } .prescription_tbl .prescription-table-child td:first-child { width: 40% !important; } } @media only screen and (max-width: 1000px) { .cart_page .quickcheckout-cart tr td.quantity { padding: 10px 0; } .cart_page .quickcheckout-cart tbody td:last-child { padding: 9px 0px 12px; } .block.block-recently-viewed-products .list a { margin-bottom: 0; } .header.sticky { max-height: 100%; overflow-y: scroll; } .top-menu .sublist li:hover { background: #4ab2f1; } /************4-28*****************/ .registration-page.login-register .date-of-birth select { max-width: 126px; } .registration-page.login-register span.field-validation-error { padding-left: 22px; } /************4-28*****************/ /*****************4-19**************/ .account-page.order-list-page .section.order-item .buttons { text-align: left; margin-bottom: 15px; } .header-info .social-links li:first-child { width: auto; } /*****************4-19**************/ /*---------------- 11-9 -----------------*/ .login-page .field-validation-error, .login-page .validation-summary-errors { text-align: center; margin-left: 0px; } .checkout-page.order-completed-page .order-completed .buttons { text-align: center; } .footer-block.member .title h1 { text-align: left; } .write-review .inputs textarea { float: none; } /*----------------------------------------*/ .contact-page .inputs textarea { float: none; max-width: 100%; } .cart .prescription-table-child tr { margin: 0; width: 100%; } .prescription_tbl .quantity-box-wrap a { height: auto !important; } .prescription_tbl .filed.quantity-box-wrap { float: none; margin: 0 auto; } .prescription_tbl.cart td label { width: 100%; } .quickcheckout-cart tr, table.cart tr { height: auto !important; } .prescription-selection-page .addprescription_tbl { text-align: center; } .quickcheckout-cart.cart td { border: medium none; } .quickcheckout-cart.cart td.product, .quickcheckout-cart.cart td.remove-from-cart { border-bottom: 1px solid #bcbec0; } .rgt-col .order-summary-content .cart td.unit-price, .rgt-col .order-summary-content .cart td.quantity { width: 50% !important; float: left; } .cart_page .quickcheckout-cart thead th:first-child, .cart_page .quickcheckout-cart thead th:nth-child(2), .cart_page .quickcheckout-cart tbody td:nth-child(2), .cart_page .quickcheckout-cart thead th:nth-child(3), .cart_page .quickcheckout-cart tbody td:nth-child(3) { width: auto; } .cart_page .quickcheckout-cart tbody td.product-picture { width: 30% !important; float: left; min-height: 101px; } .cart_page .quickcheckout-cart tbody td.product{ width:70%; } .cart_page .quickcheckout-cart tbody td.remove-from-cart { width: 100%; display: flex; justify-content: center; background:#fff!important; } .rgt-col .order-summary-content .cart td.unit-price { text-align: left; } .rgt-col .order-summary-content .cart td.quantity { text-align: right; } .rgt-col .order-summary-content .cart td { padding: 8px 15px !important; text-align: center; } .order-summary-content table.cart label.td-title { color: #333333; font-size: 14px; margin: 0px; font-family: 'work_sanssemibold'; } .order-summary-content table.cart label.td-title + span { color: #333333; font-size: 14px; } .rgt-col .order-summary-content .cart td.product-picture { border-bottom: none !important; } .rgt-col .order-summary-content .cart .product a { color: #333; font-size: 14px; } .cart_page .quickcheckout-cart thead th:nth-child(4), .cart_page .quickcheckout-cart tbody td:nth-child(4), .cart_page .quickcheckout-cart thead th:nth-child(5){ float: left; min-height: 53px; width: 50%; } .shopping-cart-page .quickcheckout-cart td.unit-price span, .shopping-cart-page .quickcheckout-cart td.subtotal span { height: 36px; padding: 8px; vertical-align: middle; } .shopping-cart-page .quickcheckout-cart td.unit-price { padding: 14px 8px; } .shopping-cart-page .quickcheckout-cart td .td-title { display: inline-block; margin-bottom: 0; margin-top: 0; } .shopping-cart-page .order-summary-content table.quickcheckout-cart { text-align: center; border: none; } .header-links li, #topcartlink { padding: 0 8px; } .top-menu > li > a { min-height: inherit; padding: 16px 22px; } .header-menu > ul > li { padding: 0; } .header-upper { /*background:red;*/ } .header-logo { padding-top: 6px; } .sublist-toggle { background: url(/Themes/HollandApoBE/Content/images/toggle-black.png) center 13px no-repeat; } .header-upper .col-md-7 { float: left; width: 70%; } .header-upper .col-md-4 { float: left; width: 30%; } .header-links li, #topcartlink { padding: 0; } .header-info span { display: none; } .header-info ul li, .social-links li { border-right: inherit; padding: 0 5px; } #topcartlink { display: inline-block; } .header-selectors-wrapper { border-bottom: none; width: 50%; float: left; } .header.sticky .logo-section { margin-top: 15px; } .header-selectors-wrapper > div { margin: 0 auto; } .header-links-wrapper { padding: 5px 0; } .social-links { display: none; } .search-box.pull-right { float: none !important; text-align: center; margin-bottom: 20px; } .search-box input.search-box-text { width: 83.5%; } .header-info li.share { display: inline-block; } .slider-wrapper.theme-custom { margin: 0 0px 30px 0; max-width: inherit; } .master-wrapper-page .nivo-caption { margin: 0; position: absolute; width: 100%; } .master-wrapper-page .theme-custom .nivo-controlNav { bottom: 0; padding: 0; text-align: right; margin: -25px auto 0; max-width: 80%; position: inherit; width: auto; } .cart-wrapper, .rgt-col { float: none; width: 100%; } .rgt-col { margin-top: 10px; } .cart tr { /*margin: 0 0 15px 0; width: 100%;*/ } .product-item .left-detail { float: none; width: 100%; } .item-box .actual-price { float: left; } .product-grid .add-info /*, .product-list .add-info*/ { float: none; width: 100%; } .footer-block.member { text-align: left; width: 100%; } .footer-block.member img { width: auto; } .rgt-col .cart-footer .totals { width: 100%; max-width: inherit; } .order-review-data-test .cart-total-left { width: 50% !important; } .order-review-data-test .cart-total-right { width: 50% !important; text-align: left; } .billing-address-page .order-summary-content .totals .cart-total-left, .cart-total td.cart-total-right { width: 50%; } .side-2 .title { padding: 10px; } .product-name { margin-bottom: 20px; } .table-wrap input[type="radio"], input[type="checkbox"] { margin: -3px 0 0 0; } .footer-block.member img { width: 100%; } .footer-mid .footer-block { width: 100%; margin: 0; } .footer-block h1 { font: 600 18px/22px Raleway; } .table-cart-col { overflow-x: hidden; margin-top: 14px; } .rgt-col .cart th, .rgt-col .cart td { width: auto !important; } .cart td.subtotal, .data-table td.total, .rgt-col .payment-info select { width: 50% !important; } .cart.table-row tr td.product { height: 60px; } .cat-3-item .picture { height: 150px; } .brand-boxes-5 .brand-item .picture { height: 220px; } .side-2 .block { min-height: inherit; } .side-2 .block .title { font: 600 14px/18px Raleway; } .col-md-8.banner-col { padding-right: 15px; margin-bottom: 20px; } .body-content { margin: 20px 0 0 0; text-align: left; } .product-essential, row-1 { text-align: left; } .title-row h1 { padding: 0 20px; display: inline-block; } .title-row:before { width: 100%; } .title-row:after { right: inherit; position: inherit; } .title-row { text-align: center; } .row-1 { text-align: left; } .title-row .col-sm-8.col-sm-offset-4 { margin: 0; width: 100%; } .testimonial-block1 { margin-top: 5px; } .box-col h3 { text-align: left; padding-left: 20px; } .prod-detail.prod-detail1 .button-1 { width: auto; } .prescription-btn .button-2 { font: 600 14px/22px work_sansregular; } .prescription_tbl tr td:nth-child(n) { width: auto; text-align: center; } .prescription_tbl tr td { border-left: none; border-right: none; } .prescription_tbl tr:last-child td { border-bottom: 1px solid #ccc; } .prescription_tbl tr td:first-child img, .addprescription_tbl td img { height: 60px; width: auto; } .prescription_tbl tr td:nth-child(2) a { height: 33px; } .prescription_tbl tr td:nth-child(2) a, .addprescription_tbl tr td:nth-child(2) { overflow: hidden; word-break: break-all; display: inline-block; } .prescription_tbl tr td:last-child input.pull-right { float: none !important; } .prescription_tbl tr td:last-child { border-bottom: none; } .prescription_tbl tr td > label { margin-bottom: 1px; } .grayBox { padding-bottom: 30px; } .addprescription_tbl tr td:nth-child(2) { height: 42px; } .box-col .image-caption { margin: 35px 0 0; } .cart-wrapper, .rgt-col, .rgt-col .payment-info select { width: 100%; } .cart-total-left { text-align: right; } .cart-total-right { padding-left: 16px; } .cart .subtotal label { margin-bottom: 0; } .edit-address .inputs1 select { width: 100%; } .edit-address .inputs input[type="text"], .edit-address .inputs input[type="password"], .edit-address .inputs select, .inputs textarea { float: left; } .country-label { float: left; width: 43% !important; } } @media only screen and (max-width: 991px) { .block-cat-nav .listbox { display: block; border: none; } .block-cat-nav .listbox .list li { width: 50%; } .block-cat-nav .listbox .list li:nth-child(3n+1) { clear: none; } .block-cat-nav .listbox .list li:nth-child(2n+1) { clear: both; } .mh-100{ min-height:unset; } .slider-anchor1 { margin-bottom: 30px; } .image-link { position: static; margin-bottom: 10px; float: left; width: 100%; } /*****************4-28****************/ .registration-page.login-register .inputs { white-space: nowrap; } /*****************4-28****************/ .login-page .field-validation-error, .login-page .validation-summary-errors { text-align: center; margin-left: 0px; } .side-2 .block .title { padding: 10px 20px 10px 10px; word-wrap: break-word; } .blog-widget .widget-detail1 h1 { font-size: 21px !important; margin-top: 5px; } .blog-widget .widget-detail { position: initial; margin-top: 0; } .blog-widget a { width: 100%; } .banner-widget a { font-size: 18px; } .product-details-page .related-prod-box .picture { height: auto; } .newsletter-email .options .subscribe, .newsletter-email .options .unsubscribe { clear: both; display: block; } .newsletter-email .newsletter-subscribe-button { padding: 0 10px; } .widget-detail h1 { color: #fff; font: 500 15px/18px work_sansregular; margin-bottom: 10px; text-shadow: 2px 2px 3px #000; } .banner-widget.blog-widget h1 { /*changes by shradha*/ color: #55a5dd !important; font: 600 21px/22px Raleway !important; margin-bottom: 10px !important; text-align: left !important; } .topic-block-body { text-align: left; } .banner-wrap figure, .box-col, .box-col p { max-height: none; } .box-col p { margin-bottom: 10px; } .rgt-col .shipping-method input { /*float: none;*/ display: inline-block; } .shipping-method .method-list li label { display: inline-block; vertical-align: top; } .side-2.col-sm-3.side_bar_menu { width: 40%; } .center-2.col-sm-9 { width: 60%; } .page.checkout-page.billing-address-page .address-item ul { padding: 5px 20px 5px 30px; } .checkout_page .inputs select { width: 100% !important; } .checkout-page .button-1 { min-width: 1px; padding: 10px 20px; } .delete-row { right: 10px !important; } .edit-row { right: 45px; } .edit-row, .delete-row { top: 6px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ /*************************** widget display***************************************/ @media only screen and (min-width: 480px) and (max-width: 991px) { .banner-widget.blog-widget { display: none; } } /*P Designing changes*/ @media only screen and (min-width: 767px) and (max-width: 959px) { body .nopAjaxFilters7Spikes .block .title a.toggleControl { font: 600 14px/18px Raleway; color: #55a5dd; padding: 0; } body .nopAjaxFilters7Spikes .block { margin-bottom: 0; } body .nopAjaxFilters7Spikes .block .title { padding-right: 0; } .header-upper { } .header-upper .col-md-7 { float: left; width: 70%; } .header-links { float: right; } /*.header-upper .col-md-5 { float: left; width: 30%; }*/ .header-links li, #topcartlink { margin: 0 8px; padding: 0; } .header-info span { display: none; } .header-info ul li, .social-links li { border-right: inherit; padding: 0 5px; } #topcartlink { display: inline-block; } .header-selectors-wrapper { border-bottom: none; } .header-selectors-wrapper > div { margin: 0 auto; } .header-links-wrapper { padding: 5px 0; } .social-links { display: none; } .header-info { float: left; /*width: 60%;*/ padding: 6px 0 0 0; } .header-info ul li:last-child { border: none; } .header-selectors-wrapper { padding: 0; border: none; } .header-selectors-wrapper > div { width: 47%; margin: 10px 0 10px 5px; } .header-selectors-wrapper select { width: 100%; } /*.col-md-5 > div { float: none !important; clear: both; }*/ #topcartlink { display: inline-block; } /*.header-links-wrapper { float: left; width: 48%; text-align: left; padding: 0; }*/ .social-links { padding: 5px 0; width: 52%; } .social-links ul { float: right; } .homepage .theme-custom { max-width: 100%; } .brand-boxes .item-box { width: 100%; margin: 0 0.5% 0; } .product-grid .product-title { float: none; width: 100%; } .product-grid .add-info { float: none; width: 100%; } .product-grid .title, .teaser-row { text-align: left; } .footer-block { width: 100%; margin: 0 0 5px 0; } .footer-upper .footer-block .title { margin: 0 0 1px; background: none; padding: 0 0 5px 0; } .block { max-width: inherit; min-height: inherit; } .block .listbox { padding: 0; } .footer-upper { padding: 20px 0 15px 0; } .search-box.pull-right { float: none !important; text-align: center; margin-bottom: 20px; } .search-box input.search-box-text { width: 75%; } .search-box .search-box-button { min-width: inherit; padding: 0; } .header-logo { padding-top: 10px; } .cart-wrapper, .rgt-col { float: none; width: 100%; } .rgt-col { margin-top: 10px; } /*.cart-wrapper .cart tr { width: 100%; margin: 0; } .cart td { display:inline-block; } cart colgroup, .cart thead { display: block; } .cart tbody { display: block; overflow: hidden; clear: both; }*/ .cart tr { /*width: 100%; margin:0 0 15px 0;*/ } .checkout-data .address-grid .address-item .select-button { text-align: center; } .billing-addresses input { /*float: none;*/ /*text-align: center !important;*/ } .billing-addresses .select-button input { float: none; } .rgt-col .edit-address label { text-align: center; } #billing-new-address-form .button-1, #billing-new-address-form .close-button { float: none !important; display: inline-block; } input.button-1.new-address-next-step-button.nextstep { float: none; } .cart-footer .cart-collaterals div, .cart-footer .cart-collaterals label { /*text-align: center;*/ } .cart-footer .cart-collaterals div.method-description { /*text-align: left;*/ } /*div#quickcheckout-shipping-title select, div#kialaresult { float: left; }*/ .k-widget.k-window { width: 55% !important; left: 20% !important; } .side-2 .title { padding: 10px; } .theme-custom .nivo-directionNav a { width: 20px; height: 28px; } .master-wrapper-page .theme-custom a.nivo-prevNav { background-position: 5px center; left: 0; } .master-wrapper-page .theme-custom a.nivo-nextNav { background-position: -40px center; right: 0; } /*.footer-block.member { text-align: center; }*/ .footer-block.member img { max-width: 100%; width: auto; } .rgt-col .cart-footer .totals { width: 100%; } .billing-address-page .order-summary-content .totals .cart-total-left, .cart-total td.cart-total-right { width: 50%; } .order-review-data-test .cart-total-left { width: 50% !important; } .order-review-data-test .cart-total-right { width: 50% !important; } table.billing-info-test td.cart-total-right { width: 46%; text-align: left; } .rgt-col .cart-footer .totals { width: 100%; max-width: inherit; } .rgt-col .button-title { text-align: center; } .footer-mid ul.list li a, .footer-mid .footer-block li span { /*color: #737373;*/ } /*.footer-block.member { margin-top: 10px; }*/ div#billing-new-address-form input, div#billing-new-address-form .inputs select { float: left !important; } .required { margin: 0; } .close-button { float: none !important; display: inline-block !important; } .footer-mid ul.list li a, .footer-mid .footer-block li span { /*color: #fff;*/ } .row-wrap { min-height: inherit; /*height: auto !important;*/ } .row-1 .related-prod-box .row-wrap { height: auto !important; } .cart td.remove-from-cart { /*margin: 0 !important; border-bottom: none !important;*/ } .category-item { margin-bottom: 0; } .category-item .picture { /*height: 130px;*/ } .category-item .col-sm-2 .picture { height: 100px; } .brand-boxes-5 .brand-item .picture { height: 220px; } .brand-boxes-5 .brand-item .picture img { width: 100%; } .category-section .item-box { margin: 0 0.5% 20px; } .box-container .info-block { margin: 0 0 30px 0; } .product-essential, .row-1 { text-align: left; } .side-2 .block .title { font: 600 14px/18px Raleway; } .col-md-8.banner-col { padding-right: 15px; margin-bottom: 20px; } .prod-detail.prod-detail1 .button-1 { width: auto; } .title-row h1 { padding: 0 20px; display: inline-block; } .title-row:before { width: 100%; } .title-row:after { right: inherit; } .title-row { text-align: center; } .title-row .col-md-8.col-sm-offset-4 { margin: 0; } .content-block { padding: 0; } .teaser-row { padding: 20px 0 20px; } .title-row .col-sm-8.col-sm-offset-4 { margin: 0; width: 100%; } .fl-none { display: none; } .cart-btn-h { width: 100% !important; } .qty-cart-btn { width: 100%; } /*.search-box-new { width: 100%; }*/ } @media only screen and (min-width: 480px) and (max-width: 767px) { .productHover.mobile { position: relative; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; top: 0; float: none; display: table !important; margin: 0px auto; padding: 0px 0px 10px; } .qty-cart-btn { display: inline-block !important; float: left !important; /*width: 50%!important;*/ margin: 0 !important; padding: 0 !important; } /*.productHover > div { display: none; }*/ .cart-btn-h { width: 100% !important; } .qty-cart-btn { width: 100%; } .prescribe_about .upload-prec-col, .prescribe_about .virtual-column { height: 100px; width: 48%; } } @media screen and (max-width: 1500px) { .prescribe_about .img-txt .about_text { margin: 74px auto 0; } } @media only screen and (max-width:1200px) { .c-description-head { padding: 5px 23px 5px 10px; } .img-cont { font-size: 15px; } } @media screen and (max-width: 1199px) { .footer-upper .newsletter-email input[type="text"] { width: 400px; } .soical_media_icons ul li { margin-right: 6px; } .footer_titles span { padding-bottom: 15px; } .footer-upper .topic-block-body ul li { padding-left: 18px; } .footer-upper .newsletter .title { margin-right: 30px; } .footer_titles { padding: 26px 0px 0px; } .footer .foot_gradient .footer-upper { padding: 30px 0px 19px; } .footer_titles .col-sm-3.custom_width { width: 20%; } .footer_titles .col-sm-3.cust_social { width: 25.66%; } .shipping_methods { margin-top: 0px; } .footer .footer-menu-bottom { float: none !important; display: inline-block; width: 100%; text-align: center; padding-top: 10px; } .footer-lower .footer-menu-bottom ul li { float: none; display: inline-block; } .footer .footer-lower { padding: 14px 0 5px; } .footer-powered-by { margin-top: 10px; } .footer-lower .col-sm-6.col-sm-4, .footer-lower .col-sm-6.col-sm-3 { width: 50%; } .footer-lower .col-sm-12.col-sm-5 { width: 100%; } .footer-menu-bottom ul li:last-child { padding-right: 10px; } .header_blue .header-menu > ul > li > a { font-size: 11px; padding: 10px 0px; } .header-menu > ul > li { padding: 0px 7.1px; } .prescribe_about .img-txt .about_text { margin: 40px auto 0; width: 90%; } .prescribe_about .banner-widget { background-position: center; /*height: 266px;*/ } .checkout_page .half .text { font-size: 16px; } .checkout_page .inputs.date-of-birth select { background-size: 13px 8px !important; } .checkout_page .page-title h1:after { margin: 10px 0; } .checkout_page .inputs.reversed { margin-top: 55px; } .checkout_page .accept-privacy-policy { text-align: left; } .checkout_page .form-fields h3 { margin-bottom: 15px; padding: 15px 0; } .master-wrapper-page .home_banner .nivo-caption { font-size: 26px; } .productHover > div > input { width: 100px; } .productHover > div { width: 160px; } .product-grid .item-box .productHover .add-to-cart-button { padding: 7px 29px; } .header-links li { padding: 0px 8px; } .our_features .img-cont { font-size: 14px; } .product-details-page .product-name h3 { font-size: 32px; } .product-details-page .product-specs-list li { margin-top: 0; } .product-price span { font-size: 26px; } .product-details-page label.qty-label { margin: 0 0 10px 0; } .product-details-page .index-title ul.index-title-list li a { font-size: 14px; } .product-details-page .index-title ul.index-title-list { margin-top: 20px; padding: 15px; } .index-title ul.index-title-list li { margin-right: 13px; padding-right: 14px; } .product-details-page .index-content { padding: 15px; } .product-details-page .tab_content h4, .product-details-page .index-content h3 .hidden-title { padding-bottom: 15px; } .side-2 { width: 30%; } .center-2 { width: 70%; } .overview .prod-detail .add-to-cart { margin-top: 10px; } .product-details-page .filed { margin-right: 10px; } .product-details-page .product-essential .overview .add-to-cart-button { padding: 10px 30px 6px 30px; } td.spec-name, td.manufacture-name { padding-right: 30px; } .home-page .rich-blog-homepage .blog-post { height: 233px; } .home-page .blog-post .post-content { padding-top: 60px; } .home-page .rich-blog-homepage .post-title { height: 35px; max-height: 35px; } .home-page .blog-post .post-description { height: 60px; max-height: 60px; } .home-page .blog-post ul.blog-post-date { left: -51px; } .home-page .rich-blog-homepage .title { padding: 0; } .home-page .teaser-row { padding: 60px 0; } .home-page .blog-post .post-description p { margin-bottom: 15px; } .home-page .blog-post ul.blog-post-date { top: 10px; } .category-grid.home-page-category-grid { margin: 60px 0; } .home_testimonial_slider { padding: 60px 0px 80px; } .testi_slider { padding-top: 40px; } .product-grid .item-box .details .add-to-cart-button { font-size: 12px; } .product-grid .product-boxes.owl-carousel .item-box .details { margin-bottom: 40px; } .item-box .productHover .product-box-add-to-cart-button.Btn_Product_AddToCart { padding: 7px 32px; } .our_features .img-cont p { width: calc(100% - 56px); } } @media screen and (max-width: 1024px) { .header-menu ul li:hover > .sublist { display: none; } .header-menu > ul > li.open_dropdown .sublist { display: block; } .header-menu > ul > li.open_dropdown { background-color: #54A5DC; } .menu-toggle { background: #3365a8 url(/Themes/HollandApoBE/Content/images/menu-icon.png) 95% center no-repeat; } .header-upper .header-links li, .header-upper #topcartlink { padding: 0 8px; } .header-links li { padding: 0px 8px; } .col-slider { /*min-height: 429px;*/ } .comment-Left, .comment-Right { top: 12%; } .comment-Left-angle, .comment-Right-angle { top: 30%; } } @media only screen and (max-width:1200px) and (min-width:990px) { .cross-sells .col-sm-3.col-xs-6 { width: 33%; } .img-product-width { min-width: 300px; max-width: 60% !important; } .img-product-width a { min-height: 300px; } .fl-none { min-width: 165px; float: left; margin: 0px 0px 14px 0 !important; } .cart-btn { display: none !important; } .labelproduct a { text-align: center !important; } .productHover.mobile { position: relative; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; top: 0; float: none; display: table !important; margin: 0px auto; padding: 0px 0px 10px; width: 100%; } .fl-none { display: none; } .cart-btn-h { width: 100% !important; } .qty-cart-btn { width: 100%; } .prescribe_about .upload-prec-col { margin: 34px 0 0 0; width: 48%; } .virtual-column-text h1, .prescribe-txt-col h1 { font-size: 26px; padding: 8px 0 0 6px; } .assistant-img-prescription-upload { min-height: 495px; } .qq-uploader { min-height: 112px; } /*page not found page section begin*/ .submit-prescription-button a h1{ font-size:28px; } /*page not found page section end*/ } @media screen and (max-width: 1000px) { .header-links-wrapper { display: inline-block; } .header-upper .search_box_show { float: none; padding-left: 10px; } .header-upper .header-links li, .header-upper #topcartlink { padding: 0 0px; } .category-page .product-sorting span, .category-page .product-page-size span { padding-top: 6px; } } @media (min-width: 1001px) { .order-summary-content table.cart th, .order-summary-content table.cart td { /*width: auto !important;*/ font-size: 15px; } .order-summary-content table.cart td { /*width: auto !important;*/ } .order-summary-content table.cart span.product-unit-price font { float: left; } body .cart_page .quickcheckout-cart thead th.sku, .cart_page .quickcheckout-cart tbody td.sku { width: 12% !important; text-align: center; } .order-summary-content table.cart th:first-child, .order-summary-content table.cart td:first-child { width: auto !important; /*replaced by 5%!important*/ } body .cart_page .quickcheckout-cart thead th.product-picture, .cart_page .quickcheckout-cart tbody td.product-picture { width: 10% !important; text-align: center; } body .cart_page .quickcheckout-cart thead th.product, .cart_page .quickcheckout-cart tbody td.product { width: 38% !important; } body .cart_page .quickcheckout-cart thead th.unit-price, .cart_page .quickcheckout-cart tbody td.unit-price { width: 10% !important; text-align: right; padding: 0 22px 0 0; } .cart_page .quickcheckout-cart tr font { font-size: 15px; } .cart_page .quickcheckout-cart thead th.quantity, .cart_page .quickcheckout-cart tbody td.quantity { width: 15% !important; } body .cart_page .cart.table-row tr td:last-child, body .cart_page .quickcheckout-cart th:last-child { width: 10% !important; text-align: right; padding: 0 22px 0 0; } } @media (max-width: 1000px) { .cart_page .quickcheckout-cart.cart td.product { float: left; width: 70%; min-height: 101px; } .cart_page .quickcheckout-cart.cart td.product .prescription-notification-text{ text-align:left; } .cart_page .quickcheckout-cart.cart td.product .deliverydate-notification-text{ text-align:left; } .cart_page .quickcheckout-cart.cart td.product .product-unit-price{ display:none; } .cart_page .quickcheckout-cart.cart td.product a.product-name { padding: 10px 0 0; display: inline-block; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: left; } .shopping-cart-page .cart_page .quickcheckout-cart td.unit-price { width: 50% !important; } .cart_page .quickcheckout-cart tr td.quantity { width: 50% !important; float: left; display: flex; align-items: center; padding-left: 10px !important; } } @media screen and (max-width: 991px) { article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { word-wrap: break-word; } .footer_titles .col-sm-4, .footer_titles .col-sm-2, .footer_titles .col-sm-3.custom_width, .footer_titles .col-sm-3.cust_social { width: 50%; } /*.shipping_methods.DesktopView { display: none; }*/ .footer_titles .col-sm-4, .footer_titles .col-sm-2 { min-height: 292px; } .footer-block .MobileView { display: block; margin-top: 10px; } .soical_media_icons { margin-top: 10px; margin-bottom: 10px; } .newsletter-email .newsletter-subscribe-button { padding: 7px 37px; } .footer-upper .newsletter span { padding-bottom: 10px; margin: 0px; } .footer-lower .col-md-6, .footer-lower .col-md-12 { width: 100%; text-align: center; } .footer-lower .pull-left { float: none !important; } .footer-block.payment-method { text-align: center; } .footer-block.payment-method .list { margin: 0px 0px 4px; } /*.prescribe_about .banner-widget {height: 230px;}*/ .prescribe_about .img-txt .about_text { margin: 28px auto 0; } .prescribe_about .img-txt .about_text h2 { font-size: 30px; } .about_text p { line-height: 22px; } .checkout_page .login-page .returning-wrapper .buttons input, .checkout_page .registration-page .button-1 { font-size: 16px; } .checkout_page .inputs.date-of-birth select  { max-width: 67%; } .checkout_page .inputs input, .checkout_page .inputs select  { width: 100% !important; } .checkout_page .inputs.date-of-birth select { max-width: 31.7%; } .checkout_page .inputs label { margin-bottom: 0; } .checkout_page .gender { width: auto; float: left; display: inline-block; padding: 0; } .checkout_page .gender label { margin-left: 0; line-height: normal; } .checkout_page .gender span { width: 50%; text-align: left; } .checkout_page .login-page .returning-wrapper .buttons input { min-width: 1px; padding: 8px 20px; } .checkout_page .inputs.reversed { margin-top: 10px; margin-bottom: 0; } .checkout_page .inputs .input_label { width: auto !important; text-align: left; margin-top: 0; } .checkout_page .page-title h1:after { margin: 5px 0 10px; } .checkout_page .form-fields { padding-top: 0 !important; } .checkout_page .form-fields h3 { font-size: 16px; } .checkout_page .inputs.date-of-birth .input_label { width: 100% !important; display: inline-block; } select#CountryId { width: 100% !important; } span.forgot-password { width: 100%; display: inline-block; text-align: center; margin-top: 10px; } .checkout_page .login-page .returning-wrapper .buttons { width: 100%; text-align: center; } .checkout_page .login-page .returning-wrapper .buttons > div > div, .checkout_page .login-page .form-fields .forgot-password a { float: none !important; } .checkout_page .registration-page .button-1 { float: none; } .master-wrapper-page .home_banner .nivo-caption { font-size: 20px; } .home_banner .theme-custom .nivo-directionNav a { zoom: 0.8; } .home-page .home-page-product-grid .owl-next, .home-page .home-page-product-grid .owl-prev { zoom: 0.8; } .header-upper.hidden-xs .col-sm-5.col-xs-4:last-child { width: 53%; } .header-upper .col-sm-2.col-xs-4 { display: none; } .header-links li, #topcartlink { margin: 0 4px; } .header-links-wrapper { float: left; } .header-upper .search_box_show { padding-left: 10px; padding-top: 17px; } .our_features .after-header .image-link { position: relative; margin-bottom: 10px; float: left; width: 40px; margin-right: 15px; } .our_features .after-header .col-sm-3 { width: 50%; min-height: 51px; margin-bottom: 20px; float: left; } .our_features .after-header { padding: 30px 0px 8px; display: block; } .home-page .text-center .col-sm-4 { width: 100%; margin-bottom: 20px; } .home-page .text-center { margin: 38px 0px; } .Home_Inner h3 { font-size: 26px; } .product-details-page .product-name h3 { font-size: 26px; } .product-price span { font-size: 22px; } .side_bar_menu .block .title { padding: 15px !important; } .side_bar_menu .block .title { background-image: none; padding-left: 35px !important; cursor: pointer; margin-bottom: 10px; } .product-details-page .picture-wrap-col { padding-top: 0; padding-bottom: 15px; } .product-details-page .product-essential .overview .add-to-cart-button { font-size: 16px; padding: 11px 30px 8px 30px; } .index-content h3 .hidden-title { font-size: 16px; } .product-details-page .index-title ul.index-title-list li a { display: inline-block; margin-bottom: 5px; } .product-details-page .index-title ul.index-title-list { margin-top: 10px; } .product-specs-box td.spec-name { width: 50%; } .product-details-page .full-description p, .product-details-page .full-description td { font-size: 16px; } .product-details-page .product-name h1 { font-size: 28px; line-height: 33px; } .breadcrumb { padding: 20px 0; } .breadcrumb ul { margin: 0; } .checkout_page .text + .form-fields { padding-top: 15px !important; } .home-page .rich-blog-homepage .post-title { height: auto; max-height: inherit; margin-bottom: 10px; } .home-page .blog-post .post-description p { margin-bottom: 4px; } .home-page .teaser-row { padding: 50px 0; } .home-page .rich-blog-homepage .post-primary, .home-page .rich-blog-homepage .post-details { width: 100%; max-width: 100%; height: 360px; max-height: 360px; } .home-page .rich-blog-homepage .blog-post { height: auto; } .home-page .blog-post ul.blog-post-date { left: auto; position: relative; } .home-page .blog-post .post-content { padding-top: 15px; } .home-page .rich-blog-homepage .post-primary, .home-page .rich-blog-homepage .post-details { height: auto; } .home_testimonial_slider { padding: 40px 0px 60px; } .category-grid.home-page-category-grid { margin: 40px 0; } .testi_slider { padding-top: 20px; } .center-2, .side-2 { width: 100%; } .category-description.Header_Category_Desc { padding: 30px 0px; } .product-grid .product-boxes.owl-carousel .item-box .details { margin-bottom: 20px; } .master-column-wrapper .filterBy { display: none; } .master-column-wrapper .mobileFilterBy.Product-Collapse { display: block !important; } .master-column-wrapper .mobileFilterBy.Product-Collapse .filtersGroupPanel { display: none; } } @media only screen and (max-width: 991px) { body .nopAjaxFilters7Spikes .block .title a.toggleControl, .side_bar_menu .block .title { font-family: 'work_sanssemibold'; color: #163c6e; padding: 0; font-size: 16px; background-color: #f0f0f0 !important; } body .nopAjaxFilters7Spikes .block { margin-bottom: 0; } body .nopAjaxFilters7Spikes .block .title { padding-right: 0; } } @media only screen and (max-width:991px) and (min-width:769px) { .product-details-page .gallery { width: 532px; } .img-product-width { min-width: 300px; max-width: 60% !important; } .img-product-width a { min-height: 300px; } .fl-none { float: none; min-width: 165px; margin: 6px 0px 14px 0 !important; } .labelproduct a { text-align: center !important; } .productHover.mobile { position: relative; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; top: 0; float: none; display: table !important; margin: 0px auto; padding: 0px 0px 10px; width: 100%; } .fl-none { display: none; } .cart-btn-h { width: 100% !important; } .qty-cart-btn { width: 100%; } /*home page after slider buttons section begin*/ .col-slider { background-size: cover; background-position: bottom; min-height: 248px; } .comment-Right, .comment-Left { width: 100%; top: 0; } .comment-Right p, .comment-Left p { font-size: 13px; } /*.comment-left-angle,.comment-right-angle{ display:none; }*/ .angle-mobile, .angle-mobile-2 { display: inline-block; } /*.angle-mobile{ position:absolute; top:30%; right:20%; }*/ mySlides .comment-Left, mySlides .comment-Right { width: 100%; top: 0%; left: 0; right: 0; } .mySlides .comment-Right::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile.png); right: 25%; } .mySlides .comment-Left::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile-2.png); left: 25%; } .angle-img-1, .angle-img-1 { display: none; } .angle-img-2, .angle-img-2 { display: block; } .comment-Left-angle { left: 21%; } .comment-Right-angle { right: 21%; } /*.slideshow-container{ padding-top:21%; }*/ .zoomIn { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } /*home page after slider buttons section begin*/ .prescribe_about .upload-prec-col { margin: 34px 0 0 0; padding: 15px 10px; } .prescribe_about .upload-prec-col .prec-bttn { padding: 0; } .prescribe-txt-col { text-align: -webkit-center; } .prescribe_about .upload-prec-col, .prescribe_about .virtual-column { height: auto; min-height: initial; max-height: initial; width: 47%; } .prescribe-txt-col h2, .virtual-column-text h2 { font-size: 19px; line-height: 24px; padding: 7px 0 0 0px; } .prescribe_about .upload-prec-col .prec-bttn a { width: 75%; margin: 0 auto; } .prescribe_about .banner-widget { margin: 20px 6px 0; } .virtual-column { padding: 15px 10px; } .comment-Right-angle .desk-view, .comment-Left-angle .desk-view { display: none; } .mobile-view { display: block; } .comment-Left-angle, .comment-Right-angle { top: 11%; } .comment-Right, .comment-Left { border: 1px solid #000; } /*home page after slider buttons section end*/ } @media only screen and (max-width:1000px) and (min-width:990px){ .header-logo { display: none; /*top hide the second logo form header (B)*/ } } @media only screen and (max-width:990px) and (min-width:768px) { .cross-sells .col-sm-3.col-xs-6 { width: 50%; } .header-logo { display: none; /*top hide the second logo form header (B)*/ } .edit-address-input-label label{ text-align:left; } /*.search-box-new{ width:90%; }*/ .col-display{ display:inline-block; } .search-box{ right:-30px; left:12px; } .search-box-text input{ width:190px!important; } .img-product-width { min-width: 300px; max-width: 75% !important; } .img-product-width a { min-height: 300px; } .cart-btn { display: none !important; } .country-label { float: left; margin-top: 13px; width: 45% !important; } .assistant-img-prescription-upload { min-height: 566px; } .qq-uploader{ min-height:106px; } /*page not found page section begin*/ .page-not-found-comment-section{ width:100%; } .submit-prescription-button { margin-bottom: 3%; padding: 20px; width: 100%; height: 100px; min-height: 0; } .submit-prescription-button a h1{ font-size:25px; } .search-box-404 input[type="text"]{ width:63%!important; } /*page not found page section end*/ } @media screen and (max-width: 768px) { .login-message { background-color: #f0f0f0; padding: 10px; word-wrap: break-word; text-align: left !important; } .fl-none { float: left; margin: 6px 6px 0 0; } .labelproduct a { text-align: center !important; } .productHover.mobile { position: relative; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width:100%; top: 0; float: none; display: table !important; margin: 0px auto; padding: 0px 0px 10px; } /*.qty-cart-btn{ display: inline-block!important; float: left!important; width: 50%!important; margin: 0!important; }*/ .prescribe_about .upload-prec-col { width: 46%; padding: 25px 65px; } .virtual-column { padding: 25px; } .virtual-column-text h1, .prescribe-txt-col h1 { font-size: 19px; padding-top: 14px; } } @media only screen and (max-width: 768px) { .registration-page.login-register .inputs label { width: 100%; text-align: left; } .gender { text-align: left; display: block; } .search-box{ position:unset; margin-top:25px; } .registration-page.login-register .inputs { text-align: left; } .accept-privacy-policy.register-policy { padding-left: 0; text-align: left; } .half { width: 100% !important; float: none !important; } .login-page .inputs label, .login-page .inputs, .login-page .inputs.reversed { text-align: left; } .related-prod-box .item-box .buttons { width: 100%; } .related-products-grid .related-prod-box .buttons input.button-2.add-to-cart-button { width: 60%; } .footer-block .list a { padding: 0; } /*****************4-19**************/ .account-page.order-list-page .section.order-item .buttons { position: absolute; right: 0; top: 5px; } /*****************4-19**************/ .footer-upper .footer-block.customer-service ul.list { display: block; background-color: transparent; margin: 0; padding: 0; } .testimonial-block.testimonial-block1 a { bottom: 3%; } .footer-mid ul.list li a { color: #737373; font: 100 15px/24px work_sansregular; padding: 5px; } .footer-mid .footer-block li span { color: #737373; } .footer-mid ul.list li a:hover { color: #737373; } .footer .col-md-3.col-sm-3 { width: 100%; margin-bottom: 5px; } .product-list { display: none; } .testimonial-block .image-holder { width: 100px; height: 100px; } .testimonial-block .image-holder > img { width: 88%; height: 88%; margin: 6%; } .quickcheckout-shipping-method, .shipping-options .inputs, .shipping-options .inputs label, .shipping-method .method-list, .payment-method .method-list { text-align: left; } /*TODO: Bhanu Chauhan Dated:26/Mar/2016 For Task: Design of the Retry payment screen on mobile is broken. Below classes needs to comment to resolve same*/ /*.payment-method .payment-logo { display: block; background-color: #f6f6f6; padding: 10px; vertical-align: middle; } .payment-method .payment-details { display: block; width: auto; min-width: 0; margin: 10px 0 0; text-align: center; vertical-align: middle; }*/ .payment-method .payment-details input { margin-top: 0; } .col-slider { /*min-height: 329px;*/ } .comment-Right p, .comment-Left p { font-size: 13px; max-height:45px; word-break:break-all; } .angle-mobile, .angle-mobile-2 { display: inline-block; } .comment-Left, .comment-Right { border:1px solid #000; width: 100%; top: 0%; left: 0; right: 0; height: auto; max-height: 65px; padding:9px; } .mySlides .comment-Right::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile.png); right: 25%; } .mySlides .comment-Left::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile-2.png); left: 25%; } .angle-img-1, .angle-img-1 { display: none; } .angle-img-2, .angle-img-2 { display: block; } .comment-Right { top: 2%; right: 1%; width: 100%; } .comment-Left { top: 2%; left: 1%; width: 100%; } .comment-Right-angle { top: 31%; right: 25%; } .comment-Left-angle { top: 31%; left: 25%; } } @media screen and (max-width: 767px) { .search-page .product-selectors .product-page-size, .category-page .product-selectors .product-page-size { width: 100%; } .search-page .product-selectors .product-sorting, .category-page .product-selectors .product-sorting { width: 100%; } .search-page .product-selectors .jDropDown .toplevel, .category-page .product-selectors .jDropDown .toplevel { width: 230px; } .search-page .product-selectors span, .category-page .product-selectors span { width: 150px; } .footer_titles .col-sm-4, .footer_titles .col-sm-2, .footer_titles .col-sm-3.custom_width, .footer_titles .col-sm-3.cust_social { width: 100%; } .footer_titles .col-sm-4, .footer_titles .col-sm-2 { min-height: 1px; } .footer-upper .footer-block { text-align: left; } .footer-block .list { display: block !important; background-color: transparent; text-align: left; padding: 0px; } .footer_titles .footer-block .title { margin: 0px; } .footer-block.customer-service .list a { padding: 0px; } .footer-upper .newsletter-email input[type="text"] { width: 100%; margin-right: 0px; } .newsletter-email { max-width: 100%; } .footer-upper .newsletter .title { margin-right: 0px; } .footer-upper .newsletter-subscribe { width: 100%; } .footer-block.payment-method .list { margin: 20px 0px 4px; text-align: center; } .footer-lower .col-sm-6.col-sm-4, .footer-lower .col-sm-6.col-sm-3 { width: 100%; } .prescribe_about .img-txt .about_text { margin: 14px auto 0; } .prescribe_about .img-txt .about_text h2 { font-size: 26px; } /*.prescribe_about .banner-widget .btn-text a { font-size: 16px; padding: 4px 28px; }*/ .prescribe_about .banner-widget .btn-text { bottom: 15px; } .checkout_page .page-title h1 { font-size: 16px; text-align: left; } .checkout_page .half .text, .checkout_page .login-page .returning-wrapper .buttons input, .checkout_page .registration-page .button-1 { font-size: 14px; } /*.checkout_page #existingcustomerlogin {display: block;}*/ .checkout_page .half .text { text-align: left; width: 100%; } .checkout_page .form-fields h3 { font-size: 14px; } .master-wrapper-page .home_banner .nivo-caption { font-size: 16px; line-height: normal; } .home_banner .theme-custom .nivo-directionNav a { zoom: 0.7; } .product-grid.home-page-product-grid .title p, .category-grid.home-page-category-grid .title p, .home-page .rich-blog-homepage .title { font-size: 28px; } .home-page .home-page-product-grid .owl-next, .home-page .home-page-product-grid .owl-prev { zoom: 0.7; } .header-lower { margin-top: 94px; } .header-logo { margin: 10px 0 10px; } .header-upper.visible-xs.upper-mobile-header .col-xs-3 { width: 25%; /*replace with 20%*/ text-align: center; } .header-upper .search_box_show { padding-left: 0px; padding-top: 0px; } .header-upper .search_box_show a i { font-size: 22px; } .header-upper.visible-xs.upper-mobile-header .search-box.pull-right { margin-bottom: 0px; width: 100%; top: 0px; left: 0px; right: 0px; border: 0px; border-radius: 0; z-index: 99; } .header-upper.visible-xs.upper-mobile-header .search-box .search-box-button { width: 28px; } .header-upper.visible-xs.upper-mobile-header span.search-box-text { width: 94% !important; } .header-upper.visible-xs.upper-mobile-header .search-box form { margin: 10px; border-radius: 25px; border: 1px solid #56a5dd; } .search-box input.search-box-text { width: 80% !important;/*replaced by 100%*/ } .overlayOffCanvas { background: rgba(0, 0, 0, 0.8); } .upper-mobile-header .header-menu > ul > li { text-align: left; border: 0; padding: 0px; } .upper-mobile-header .header-menu > ul > li > a { font-family: 'work_sansregular'; padding: 8px 22px; width: calc(100% - 25px); } .upper-mobile-header .header-menu > ul > li:hover { background: #55a5dd; } .upper-mobile-header .header-menu .sublist-toggle { padding: 13px 0px; border-left: 0px; background: url(/Themes/HollandApoBE/Content/images/mobile_menu_arrow.png) 0px 10px no-repeat; background-size: auto !important; width: 8px; height: 9px; } .upper-mobile-header .header-menu ul.top-menu.mobile.active { width: 100%; } .upper-mobile-header .header-menu > ul > li:hover .sublist-toggle { background: url(/Themes/HollandApoBE/Content/images/mobile_menu_arrow.png) -13px 10px no-repeat; } /* ul.sublist.first-level.active{background-color: !important;}*/ .upper-mobile-header .header-menu .sublist li a { color: #55a5dd !important; } .upper-mobile-header .header-menu > ul > li:hover a, .upper-mobile-header .header-menu > ul > li:hover a.dropdown-toggle { color: #fff; } .header-menu .sublist > li > a.activenav { color: #fff !important; } .upper-mobile-header .header-menu .sublist li:hover a { color: #fff !important; } .upper-mobile-header .header-menu > ul > li.active.open_dropdown > .sublist-toggle { background-color: #3365a8 !important; background-image: url(/Themes/HollandApoBE/Content/images/pre-hover.png) !important; background: transparent; background-repeat: no-repeat; background-position: 12px 12px; } .upper-mobile-header .header-menu > ul > li.open_dropdown > a { color: #fff; } .upper-mobile-header .col-xs-3 span.cart-qty { top: -15px; right: 0px; font-size: 11px; color: #fff; } .header-upper.visible-xs.upper-mobile-header { padding: 0px; } .search_mobile .search_box_show ul { margin-bottom: 5px; margin-top: 2px; } .product-details-page .product-name h3 { font-size: 22px; display: none; } .product-details-page .product-name.mobile h3 { display: block; } .side_bar_menu .block .title:before { top: 2px; left: 15px; } .product-details-page .tab_content h4, .product-details-page .index-content h3 .hidden-title { padding-bottom: 10px; } .product-details-page .medicine-info { margin-bottom: 10px; } .product-price span { font-size: 18px; } .product-details-page .product-specs-list li { font-size: 14px; } .product-details-page .product-essential .overview .add-to-cart-button { padding: 11px 20px 8px 20px; } .index-title ul.index-title-list li { border-right: 0; } .side_bar_menu .block .title { padding-left: 40px; } .breadcrumb { text-align: center; } .home-page .teaser-row { padding: 40px 0; } .home-page .rich-blog-homepage .post-primary { width: 50%; float: none; } .home-page .rich-blog-homepage .blog-post { height: auto; margin-bottom: 15px; background-color: #fff; width: 100%; } .home_testimonial_slider p { font-size: 17px; padding:0 10px; overflow: hidden; word-break: break-word; } .home-page .teaser-row .testimonial-block { margin-top: 0; } .testi_slider .flex-direction-nav a { opacity: 0; } .category-grid.home-page-category-grid .owl-item { width: 33.33% !important; } .category-grid.home-page-category-grid { margin: 30px 0 0px; } .category-grid.home-page-category-grid .category-section.owl-carousel.owl-theme { margin-top: 16px; margin-bottom: 10px; } .Header_Category_Desc .category-picture { text-align: center; } .category-description.Header_Category_Desc { padding: 20px 0px; margin: 0px -15px 10px; } .Header_Category_Desc .Category_Title_Desc { text-align: center; margin-top: 10px; overflow: hidden; word-wrap: break-word; } .billing-addresses .row { margin: 0px; } .header-links li.cartlink span.cart-qty { font-size: 11px; } .checkout_page .login-page .returning-wrapper .buttons input { margin-bottom: 10px; } .instantSearch { top: 59px !important; left: 15px !important; right: 15px !important; width: auto !important; } .header-upper .search_box_show a { margin: 0px; } .header-links li#topcartlink { padding-left: 3px; margin: 0; padding: 0; } .pager ul { text-align: center; } .pager li { margin: 0px 3px; } .pager { padding: 15px; } .page.checkout-page.billing-address-page .breadcrumb { display: block; padding: 0px; } .pager li a, .pager li span { height: 31px; width: 31px; border-radius: 5px; padding: 3px 0px; } .nopAjaxFilters7Spikes .block .title a.toggleControl { font-size: 16px; } .mobileFilterBy { display: none; } .filterBy { display: block; padding: 0 15px; margin: 0px 0px 20px; } button#FilterBy { color: #ffffff; background-color: #163c6e; padding: 6px 16px; border: none; outline: none; border-radius: 20px; font-family: 'work_sanssemibold'; } .full-description table { display: inline-block; overflow: auto; } .full-description tbody { width: 770px; } .home-page .blog-post .post-description p { margin-bottom: 0px; } .header-upper.visible-xs.upper-mobile-header { transition: 0.5s; /*top: 35px;*/ } .Admin_Login .sticky .header-upper.visible-xs.upper-mobile-header { top: 35px; } .Admin_Login .upper-mobile-header .menu-toggle.active { top: -35px; } .Admin_Login .sticky .upper-mobile-header .menu-toggle.active { top: 0; } .admin-header-links { background-color: #55a5dd; text-align: center; color: #eee; position: fixed; top: 0; left: 0; right: 0; z-index: 999; } /* .Product-Collapse .nopAjaxFilters7Spikes .block .filtersGroupPanel , .Product-Collapse .listbox{ display:block !important; }*/ .Product-Collapse .listbox .toggleSubs { display: block !important; } .header-upper.visible-xs.upper-mobile-header.HideHeader { top: 0; } .header-lower.HideHeader { margin-top: 50px; } .Admin_Login .search-box.pull-right { top: 35px; } .listbox.slow { display: block; } .fl-none { display:none; float: none; margin: 0; min-width: 160px; margin: 0 6px 17px 0 !important; } /*.ajax-cart-button-wrapper input[type="text"]{ display:none; }*/ .labelproduct a { text-align: center !important; } .productHover.mobile { position: relative; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; top: 0; float: none; width: 100%; display: table !important; margin: 0px auto; padding: 0px 0px 10px; } .cart-btn-h { margin: 0; } } @media only screen and (max-width: 767px) { .overlayOffCanvas { display: none; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.30); z-index: 1; -webkit-transition: background .3s ease-in-out; transition: background .3s ease-in-out; } .abt-service ul li{ width:48%; min-height: 312px; } .header-lower { margin-top: 50px; } .productAddedToCartWindowDescription { margin: 10px 0px !Important; display: inline-block; width: 100%; } .header.sticky { position: relative; } .header-upper.visible-xs.upper-mobile-header { position: fixed; } .cart-btn { display: none !important; } /*page not found page section begin*/ .submit-prescription-button{ margin-bottom:3%; padding:20px; width: 100%; height:100px; min-height: 0; } .search-column-404{ text-align:center; } .page-not-found-comment-section{ padding:21px; width:80%; margin:3% auto; } .page-not-found-comment-section:after{ top:85%; } .col-display{ display:flex; flex-direction:column-reverse; } .search-box-404 input[type="button"]{ padding:5px 14px; } .page-not-found-quote p{ margin:6% auto; } /*page not found page section end*/ /*home page after slider buttons section begin*/ .col-slider { background-size: cover; background-position: bottom; /*min-height: 230px;*/ } .comment-Right, .comment-Left { width: 100%; top: 0; } .comment-Right p, .comment-Left p { font-size: 13px; } .prescribe-bttn-col i, .virtual-column-bttn i { width: 35px; height: 35px; font-size: 35px; padding: 0 13px; } /*.comment-left-angle,.comment-right-angle{ display:none; }*/ .angle-mobile, .angle-mobile-2 { display: inline-block; } /*.angle-mobile{ position:absolute; top:30%; right:20%; }*/ .comment-Left, .comment-Right { width: 100%; top: 6%; left: 0; right: 0; } .angle-img-1, .angle-img-1 { display: none; } .angle-img-2, .angle-img-2 { display: block; } .comment-Left-angle { left: 21%; } .comment-Right-angle { right: 21%; } /*.slideshow-container{ padding-top:21%; }*/ .zoomIn { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } } @media only screen and (max-width: 767px) { .brand-boxes-5 img { width: 100%; } .download-btn { top: 0; } .prescriptionRegistrationPage .prescription_remark textarea { min-width: 0; } } @media only screen and (max-width: 767px) { .footer-menu-bottom ul.list { text-align: center; margin-top: 5px; } .footer-menu-bottom ul.list li { display: inline-block; float: none; } .footer-info { text-align: center; } .newsletter .title span { text-align: center; margin: 10px 0; } .newsletter-email { display: block; text-align: center; max-width: 370px; margin: auto; float: none; } input#newsletter-email { text-align: center; } .newsletter-email .button-wrap { display: inline-block; width: auto; margin-top: 13px; margin-bottom: 10px; } .category-grid.sub-category-grid { border-bottom: 0; } .footer-block.customer-service .list a { padding: 2px 0; } .footer-menu-bottom.pull-right { float: left !important; text-align: center; } .after-header { display: none; } .banner-right1, .banner-right2 { width: 49%; float: left; margin-right: 6px; } /***************4-28*********************/ .registration-page.login-register span.field-validation-error { padding-left: 0; } /***************4-28*********************/ .attributes dd { width: 180px; } .cart-collaterals .coupon-code input[type="text"], .cart-collaterals .coupon-code input[type="submit"] { width: 100%; } .sitemap-page li:before { position: static; margin-right: 7px; display: inline-block; vertical-align: middle; } .address-edit-page .inputs input { width: 100% !important; } .inner_rdp { margin-bottom: 20px; } .recipe_detail_top { padding-right: 0; padding-top: 25px; } .inner_rdp.last li span.left { width: 45%; } .inner_rdp.last li span.right { width: 55%; } .registration-page label { word-wrap: break-word; } .address-edit-page .edit-address .inputs { float: none; width: 100%; } .recipe_detail_top .inner-recipe li { width: 50%; float: left; } .recipe_detail_top .inner-recipe li span { text-align: left; display: block; } .edit-address .inputs, .edit-address .inputs, .edit-address .inputs { width: 95%; } .cart tr { height: auto !important; } .header.sticky { max-height: 100%; overflow-y: visible; } .header-upper .col-md-7 { float: left; width: 70%; text-align: left; padding-right: 0; } .header-upper .col-md-5 { float: right; width: 28%; padding-left: 0; } .header-links li, #topcartlink { padding: 0; } .header-info span { display: none; } .header-info ul li, .social-links li { border-right: inherit; padding: 0 5px; } #topcartlink { display: inline-block; } .header-selectors-wrapper { border-bottom: none; display: inline-block; width: 55%; } .header-selectors-wrapper > div { margin: 0 auto; } .header-links-wrapper { padding: 5px 0; } .social-links { display: none; } .header-info { float: left; padding: 6px 0 0 0; } .header-links { padding: 12px 0 0 0; float: right; } .header-links span, .header-links a { color: #bdbec0; font: normal 15px/18px work_sansregular; } .header-info ul li i { font-size: 15px; margin: 0 2px 0 0; } .master-wrapper-page .nivo-caption { font: 100 12px/18px work_sansregular; padding: 10px; } .master-wrapper-page .theme-custom .nivo-controlNav { display: none; } .product-grid .title { text-align: left; color: #55a5dd; font: 600 21px/22px Raleway; } .product-boxes { margin: 0; } .brand-boxes .item-box { width: 100%; margin: 0 0.5% 0; } .product-grid .product-title { float: none; width: 100%; } .product-grid .add-info { float: none; width: 100%; } .home-page-polls { text-align: left; } .category-section .item-box { margin: 0 0 20px; } .category-grid { margin-bottom: 0; } .brand-boxes { margin-top: 5px; } .teaser-row { text-align: left; padding-top: 20px; } .header-info ul li, .social-links li { /*float:none;*/ display: inline-block; } .header-info ul li:last-child { border: none; } /*.header-info, .header-selectors-wrapper { width: 100%; text-align: center; }*/ .header-selectors-wrapper > div { display: inline-block; width: 45%; margin: 2px 0 10px 2px; } .col-md-5 > div { float: none !important; clear: both; } #topcartlink { display: inline-block; } .header-links li { padding: 0 5px; margin: 0; } .social-links { padding: 5px 0; width: 52%; } .social-links ul { float: right; } .homepage .theme-custom { max-width: 100%; } .theme-custom .nivo-directionNav a { width: 20px; height: 28px; } .master-wrapper-page .theme-custom a.nivo-prevNav { background-position: 5px center; /*left: 10px;*/ } .master-wrapper-page .theme-custom a.nivo-nextNav { background-position: -40px center; /*right: 10px;*/ } .header-links li { padding: 0 2px; } .header-selectors-wrapper select { width: 100%; padding-right: 0; } .footer-upper .footer-block .title { background: none; padding: 0; margin-bottom: 10px; } .footer-upper .footer-block { width: 100%; text-align: center; margin-bottom: 20px; } h1 { color: #55a5dd; font: 600 18px/22px Raleway; } .footer-upper h1 { padding-bottom: 5px; } .newsletter .title { margin-bottom: 0px; } .footer-mid .footer-block li span { color: #737373; font: 100 15px/24px work_sansregular; padding: 5px; } .header-info ul li, .social-links li { color: #bcbec0; font: normal 14px/18px work_sansregular; padding: 10px 10px 0; } .header-info ul li { padding: 10px 10px 0; } .header-links li { padding: 0 10px; } .header-links li#topcartlink { padding-left: 10px; } .footer-block { margin: 5px 0 0 0; width: 100%; } .footer-block.member { /*margin-top: 10px;*/ } .testimonial-block, .news-items { margin: 20px 0 0 0; } .search-box.pull-right { float: none !important; text-align: center; margin-bottom: 20px; left: 0; right: 0; top: 0; border-radius: 0px; border: 1px solid transparent; position: fixed; } .search-box form { display: block; border-radius: 25px; /*border: 1px solid #56a5dd; margin: 10px;*/ } .search-box input.search-box-text { border: none; width: 75%; } span.search-box-text { width: calc(100% - 40px); } .search-box .search-box-button { min-width: inherit; width: 25px; padding: 0; } .category-description p, .manufacturer-description p, .full-description p, .topic-block p, .topic-page p, .post-body p, .news-body p { text-align: left; font: normal 14px/24px work_sansregular; } .footer-upper { padding: 20px 0 15px 0; } .block { max-width: inherit; min-height: inherit; } .block .title { font: 600 18px/22px Raleway; } .item-box { margin: 0; } .product-name h1 { text-align: left; padding: 0 0 10px 0; } .related-products-grid .item-box .product-title { min-height: inherit; } .product-item .left-detail { height: auto !important; float: none; width: 100%; } .item-box .actual-price { float: left; } input.button-2.add-to-wishlist-button { background-position: right center; } .side-2 .block .title { padding: 10px 10px 10px 30px; margin-bottom: 10px; } .side_bar_menu .block .title:before { top: 0; left: 10px; bottom: 0; margin: auto; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .master-wrapper-page .nivo-caption { min-height: inherit; } .cart-wrapper, .rgt-col { float: none; width: 100%; } /*#quickcheckout-shipping-title label, .shopping-cart-page .page-title h1 { text-align:center !important; }*/ .rgt-col .payment-info .info td { display: inline-block; } .cart tr { /*width: 100%; margin: 0 0 20px 0;*/ } /*.checkout-page .billing-address-section .address-item { width: 100% !important; margin: 0 0 20px 0; }*/ .checkout-data .address-grid .address-item .select-button { text-align: center; } .billing-addresses .buttons input { float: none !important; text-align: center !important; } div#billing-new-address-form input, div#billing-new-address-form .inputs select { /*float: left !important; width: 90%;*/ } .checkout-page .address-item ul { height: auto !important; } .rgt-col .edit-address label { text-align: center; } .footer-lower p { float: none !important; clear: both; margin: 0 0 5px 0; } .k-widget.k-window { width: 55% !important; left: 20% !important; } .k-widget .edit-address .required, .k-widget .edit-address input.text-box, .k-widget .address-edit-page select { float: left; } /*.footer-block.member { text-align: center; }*/ .rgt-col .cart-footer .totals { width: 100%; } table.billing-info-test td.cart-total-right { width: 46%; text-align: left; } .rgt-col .button-title { text-align: center; } input.button-1.new-address-next-step-button.nextstep { float: none; } .footer-block.member img { width: auto; } .footer-mid .footer-block li span { color: #737373; } .footer-block.member img { width: auto; } .row-wrap { overflow: hidden; min-height: inherit; /*height: auto !important;*/ } .cart td.remove-from-cart { margin: 0; /*border-bottom: none;*/ padding: 10px; } .item-box .picture, .category-section .item-box .picture { height: 270px; } .category-section .col-sm-2 .picture { height: 100px; } .category-section .col-sm-3 .picture { height: 250px; } .item-box .picture a img, .item-box .picture a { /*left: inherit; position: inherit; top: inherit; transform: inherit;*/ } .home-page-brand-grid .item-box .brand-item img { width: auto; } .brand-grid.home-page-brand-grid .title { margin-bottom: 20px; } .footer .col-md-3.col-sm-3 { width: 100%; margin-bottom: 5px; } .item-box .brand-item .picture a { position: absolute; left: 0; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; } .item-box .brand-item .picture { /*height:200px;*/ } .home-page-brand-grid .brand-boxes-6 .item-box .brand-item img { width: 100%; } .home-page-brand-grid .brand-boxes-6 .item-box .brand-item .picture { height: 200px; } .col-item-5 { width: 50%; } .home-page-category-grid .category-item .title a, .brand-grid .title a, .sub-category-grid .title a, h2.title a { font: 14px/16px work_sansregular; } .category-item { margin-bottom: 0; } .widget-detail h1 { font: 600 14px/14px work_sansregular; } .category-section.category-carousel .col-sm-3.col-xs-6, .brand-boxes-6.brand-carousel .col-sm-2.col-xs-4, .brand-boxes-5.brand-carousel .col-item-5 { width: 100%; } .category-section.category-carousel .col-item-5 { width: 100%; } .brand-boxes-6.brand-carousel .col-sm-2.col-xs-4 img, .brand-boxes-5.brand-carousel .col-item-5 img { width: auto; } .brand-boxes-5 img { width: auto; } .brand-boxes-5 .brand-item .picture { height: 220px; overflow: hidden; } /*.category-section .owl-item { width: 50% !important; }*/ .info-block .picture-thumbs, .prod-detail { /*float: none; width: 100%;*/ } .info-block .picture-thumbs { width: 100%; margin: 0 0 10px 0; } .prod-detail { margin: 0; } .box-container p span { width: 92%; text-align: left; } .prod-detail .button-1 { display: block; margin: 0 0 0 10px; } .overview span.label { float: none; text-align: left; display: inline-block; } .overview-buttons div { float: none; } .download-btn { top: -28.8%; } .related-prod-box { margin-bottom: 20px; overflow: hidden; } .product-essential, .box-container, .tab-container h2 { text-align: left; } .full-description { margin-bottom: 20px; } .banner-content h2, .b-listings li { font-size: 25px; margin-bottom: 20px; } .b-listings li { float: none; font-size: 18px; margin-bottom: 10px; font-weight: 400; } .product-details-page .item-box .picture { height: 250px; } .product-details-page .item-box .picture img { /*width:auto;*/ } .product-details-page .related-prod-box .picture { height: auto; } .product-details-page .related-prod-box .picture img { width: 100%; } .row-1 { text-align: left; } .prod-detail.prod-detail1 .button-1 { width: auto; } .title-row h1 { font: 28px/36px work_sansregular; } .title-row span { padding: 3px 20px; } .content-block { padding: 0; } .testimonial-block.testimonial-block1 { margin: 10px 0 30px 0; } .prod-detail.prod-detail1 { margin: 0; } .side-2.col-sm-3.side_bar_menu, .center-2.col-sm-9 { width: 100%; } .billing-addresses .col-sm-6 { padding: 0px; } .cart_page { padding: 0px !important; } .home-page .blog-post .post-description { height: auto; max-height: none; } /*home page after slider buttons section begin*/ .prescribe_about .upload-prec-col { margin: 34px 0 0 0; padding: 15px 10px; } .prescribe_about .upload-prec-col .prec-bttn { padding: 0; } .prescribe-txt-col { text-align: -webkit-center; } .prescribe_about .upload-prec-col, .prescribe_about .virtual-column { height: 100px; /*width: 47%;*/ } .prescribe-txt-col h2, .virtual-column-text h2 { font-size: 23px; line-height: 26px; padding: 5px 0 0 2px; } .prescribe_about .banner-widget { margin: 20px 6px 0; } .virtual-column { padding: 15px 10px; } .comment-Right-angle .desk-view, .comment-Left-angle .desk-view { display: none; } .mobile-view { display: block; } .comment-Left-angle, .comment-Right-angle { top: 35%; } .comment-Right, .comment-Left { border: 1px solid #000; } /*home page after slider buttons section end*/ } /**screen and (max-width: 767px) section end here**/ @media only screen and (min-width: 600px) and (max-width: 641px) { .col-slider { min-height: 197px; } .slideshow-container{ padding-top:7px; } .comment-Left-angle, .comment-Right-angle { top: 6%; } /*search box section begin*/ .search-box-mobile { display: block; width: 100%; height: 36px; margin-top: 28px; } .search-box-mobile a { width: 100%; } .search-box-mobile ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-mobile ul li a i { position: absolute; top: 56%; right: 8%; color: #55a5dd; } /*search box section end*/ } @media only screen and (min-width: 600px) and (max-width: 767px) { .footer-upper .newsletter-email input.newsletter-subscribe-text { width: 100%; } .footer-upper .newsletter-email input.newsletter-subscribe-button { float: right; margin-top: 7px; } .img-product-width { min-width: 300px; max-width: 60% !important; } .img-product-width a { min-height: 300px; } .inputwidth { min-width: 120px !important; } .block-cat-nav .listbox .list li { width: 100%; } .selfcare-header-assistant .prescription-box-heading { margin-top: 20px; } /*page not found page section begin*/ .page-not-found-comment-section:after { content: url(/Themes/HollandApoBE/Content/images/mobile-coment.png); top: 85%; left: 22%; } .assistant-img-404 img{ width:60%; display:block; margin:0 auto; } .page-not-found-comment-section{ width:70%; } /*page not found page section end*/ /*search box section begin*/ .search-box-mobile { display: block; width: 100%; height: 36px; margin-top: 28px; } .search-box-mobile a { width: 100%; } .search-box-mobile ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-mobile ul li a i { position: absolute; top: 56%; right: 8%; color: #55a5dd; } /*search box section end*/ .assistant-img-prescription-upload { min-height: 310px; } /*product shorting section begin*/ .product-selectors { display: none; } .product-selector-mobile { display: block; background: #f0f0f0; padding: 6px 12px; margin: 0 auto 18px; } .sort-product-mob { float: left; width: 50%; padding: 0 80px; } .product-display-size { float: left; width: 50%; position: relative; padding: 0 80px; } .product-display-size:after { content: ""; position: absolute; background: #c0c0c0; width: 1px; height: 28px; display: block; margin: 0 auto; right: 0px; } .fl-icon { float: left; width: 20%; text-align: right; margin: 5px 0 0 0; } .bg-sort-icon { background-image: url(/Themes/HollandApoBE/Content/images/filter.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0px 15px; } .fr-txt { float: right; width: 80%; padding-left: 3px; } .fr-txt label { display: inline-block; font-family: "work_sanssemibold"; font-size: 17px; color: #163c6e; margin: 3px 0 0 0; vertical-align: middle; } .product-sorting .sortOptionsDropDown { width: 100%; } .product-sorting .sortOptionsDropDown ul li span { display: block; width: 100%; height: 42px; font-family: 'work_sansregular'; color: #333; font-size: 18px; border-bottom: 1px solid #cacaca; } .product-sorting .sortOptionsDropDown .toplevel { display: none; } .product-sorting .sortOptionsDropDown .toplevel:after { background: none; } .product-sorting .sortOptionsDropDown .sublevel { display: block !important; } /*.full-page-category{ }*/ .category-heading { background: #3365a8; padding: 14px 12px; position: relative; } .inner-categories-section { display: contents; position: fixed; top: 0; left: 0; /*flex-direction: column;*/ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; z-index: 101; background: #fff; width: 100%; height: 100%; overflow: hidden; } .category-heading h3 { color: #fff; } .category-heading button { background: transparent; border: 0; position: absolute; right: 7%; top: 22%; } .category-heading button i { color: #fff; } .ul-categories { height: 40px; padding: 7px 13px; border-bottom: 1px solid #ddd; color: #000; font-size: 1.3rem; font-weight: 600; line-height: 26px; } /*product shorting section end*/ .country-label { float: left; margin-top: 13px; width: 25% !important; } .choose-country { float: left; margin-left: 5px; width: 50% !important; } /*home page after slider buttons section begin*/ .col-slider { background-size: cover; background-position: bottom; min-height: 204px; } /*.slide-girl-img{ padding-top:3%; }*/ .comment-Right, .comment-Left { width: 100%; top: 0; } .comment-Right p, .comment-Left p { font-size: 13px; } .prescribe-bttn-col i, .virtual-column-bttn i { width: 35px; height: 35px; font-size: 35px; padding: 0 13px; } /*.comment-left-angle,.comment-right-angle{ display:none; }*/ .angle-mobile, .angle-mobile-2 { display: inline-block; } /*.angle-mobile{ position:absolute; top:30%; right:20%; }*/ .comment-Left, .comment-Right { width: 100%; top: 2%; left: 0; right: 0; } .angle-img-1, .angle-img-1 { display: none; } .angle-img-2, .angle-img-2 { display: block; } .comment-Left-angle { left: 21%; } .comment-Right-angle { right: 21%; } /*.slideshow-container{ padding-top:21%; }*/ .zoomIn { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } /*home page after slider buttons section begin*/ .prescribe_about .upload-prec-col { margin: 34px 0 0 0; padding: 15px 10px; } .prescribe_about .upload-prec-col .prec-bttn { padding: 0; } .prescribe-txt-col { text-align: -webkit-center; } .mySlides .comment-Right::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile.png); right: 25%; } .mySlides .comment-Left::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile-2.png); left: 25%; } .prescribe_about .upload-prec-col, .prescribe_about .virtual-column { width: 47%; height: auto; min-height: initial; max-height: initial; } .prescribe-txt-col h1, .virtual-column-text h1 { font-size: 18px; line-height: 23px; padding: 5px 0 0 2px; } .prescribe_about .banner-widget { margin: 20px 6px 0; } .virtual-column { padding: 15px 10px; } .comment-Right-angle .desk-view, .comment-Left-angle .desk-view { display: none; } .mobile-view { display: block; } .comment-Left-angle, .comment-Right-angle { top: 8%; } .comment-Right, .comment-Left { border: 1px solid #000; } /*home page after slider buttons section end*/ } @media only screen and (max-width:620px) { .prescription_name { overflow: visible; } /*search box section begin*/ .search-box-mobile { display: block; width: 100%; height: 36px; margin-top: 28px; } .search-box-mobile a { width: 100%; } .search-box-mobile ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-mobile ul li a i { position: absolute; top: 56%; right: 8%; color: #55a5dd; } /*search box section end*/ /*page not found page section begin*/ .page-not-found-comment-section:after { content: url(/Themes/HollandApoBE/Content/images/mobile-coment.png); top: 85%; left: 22%; } /*page not found page section end*/ } /*@media screen and (max-width: 715px) { .checkout_page .inputs.date-of-birth select {max-width: 21.3%;} }*/ @media only screen and (max-width: 599px) { .footer-upper .col-xs-4 { width: 100%; } .img-product-width { min-width: 300px; max-width: 60% !important; } .img-product-width a { min-height: 300px; } .inputwidth { min-width: 120px !important; } .block-cat-nav .listbox .list li { width: 100%; } .selfcare-header-assistant .prescription-box-heading { margin-top: 20px; } /*product-sort section begin*/ .product-sorting .sortOptionsDropDown { width: 100%; } .product-sorting .sortOptionsDropDown ul li span { display: block; width: 100%; height: 42px; font-family: 'work_sansregular'; color: #333; font-size: 18px; border-bottom: 1px solid #cacaca; } .product-sorting .sortOptionsDropDown .toplevel { display: none; } .product-sorting .sortOptionsDropDown .toplevel:after { background: none; } .product-sorting .sortOptionsDropDown .sublevel { display: block !important; } /*product-short option section end*/ .assistant-img-prescription-upload { min-height: 310px; } /*search box section begin*/ .search-box-mobile { display: block; width: 100%; height: 36px; margin-top: 28px; } .search-box-mobile a { width: 100%; } .search-box-mobile ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-mobile ul li a i { position: absolute; top: 56%; right: 8%; color: #55a5dd; } /*search box section end*/ /*product shorting section begin*/ .product-selectors { display: none; } .product-selector-mobile { display: block; background: #f0f0f0; padding: 6px 12px; margin: 0 auto 18px; } .sort-product-mob { float: left; width: 50%; padding: 0 80px; } .product-display-size { float: left; width: 50%; position: relative; padding: 0 80px; } .product-display-size:after { content: ""; position: absolute; background: #c0c0c0; width: 1px; height: 28px; display: block; margin: 0 auto; right: 0px; } .fl-icon { float: left; width: 20%; text-align: right; margin: 5px 0 0 0; } .bg-sort-icon { background-image: url(/Themes/HollandApoBE/Content/images/filter.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0px 15px; } .fr-txt { float: right; width: 80%; padding-left: 3px; } .fr-txt label { display: inline-block; font-family: "work_sanssemibold"; font-size: 17px; color: #163c6e; margin: 3px 0 0 0; vertical-align: middle; } /*.full-page-category{ }*/ .category-heading { background: #3365a8; padding: 14px 12px; position: relative; } .inner-categories-section { display: contents; position: fixed; top: 0; left: 0; /*flex-direction: column;*/ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; z-index: 101; background: #fff; width: 100%; height: 100%; overflow: hidden; } .category-heading h3 { color: #fff; } .category-heading button { background: transparent; border: 0; position: absolute; right: 7%; top: 22%; } .category-heading button i { color: #fff; } .ul-categories { height: 40px; padding: 7px 13px; border-bottom: 1px solid #ddd; color: #000; font-size: 1.3rem; font-weight: 600; line-height: 26px; } /*product shorting section end*/ /*home page after slider buttons section begin*/ .col-slider { background-size: cover; background-position: bottom; min-height: 192px; } .slideshow-container { padding-top: 8%; } .comment-Right, .comment-Left { width: 100%; top: 0; } .comment-Right p, .comment-Left p { font-size: 13px; } .prescribe-bttn-col i, .virtual-column-bttn i { width: 35px; height: 35px; font-size: 35px; padding: 0 13px; } /*.comment-left-angle,.comment-right-angle{ display:none; }*/ .angle-mobile, .angle-mobile-2 { display: inline-block; } /*.angle-mobile{ position:absolute; top:30%; right:20%; }*/ .comment-Left, .comment-Right { width: 100%; top: 3%; left: 0; right: 0; } .angle-img-1, .angle-img-1 { display: none; } .angle-img-2, .angle-img-2 { display: block; } .comment-Left-angle { left: 21%; } .comment-Right-angle { right: 21%; } /*.slideshow-container{ padding-top:21%; }*/ .zoomIn { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } /*home page after slider buttons section begin*/ .prescribe_about .upload-prec-col { margin: 34px 0 0 0; padding: 15px 10px; } .prescribe_about .upload-prec-col .prec-bttn { padding: 0; } .prescribe-txt-col { text-align: -webkit-center; } .prescribe_about .upload-prec-col, .prescribe_about .virtual-column { height: auto; min-height: initial; max-height: initial; /*width: 47%;*/ } .prescribe-txt-col h2, .virtual-column-text h2 { font-size: 17px; line-height: 23px; padding: 5px 0 0 2px; } .prescribe_about .banner-widget { margin: 20px 8px 0; width: 46%; } .virtual-column { padding: 15px 10px; } .comment-Right-angle .desk-view, .comment-Left-angle .desk-view { display: none; } .mobile-view { display: block; } .comment-Left-angle, .comment-Right-angle { top: 18%; } .comment-Right, .comment-Left { border: 1px solid #000; } .mySlides .comment-Right::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile.png); right: 25%; } .mySlides .comment-Left::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile-2.png); left: 25%; } /*home page after slider buttons section end*/ } @media screen and (max-width: 567px) { /*.prescribe_about .banner-widget { width: 100%; height: 100px; }*/ /*search box section begin*/ .search-box-mobile { display: block; width: 100%; height: 36px; margin-top: 28px; } .search-box-mobile a { width: 100%; } .search-box-mobile ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-mobile ul li a i { position: absolute; top: 56%; right: 8%; color: #55a5dd; } /*search box section end*/ /*product shorting section begin*/ .product-selectors { display: none; } .product-selector-mobile { display: block; background: #f0f0f0; padding: 6px 12px; margin: 0 auto 18px; } .sort-product-mob { float: left; width: 50%; padding: 0 25px; } .product-display-size { float: left; width: 50%; position: relative; padding: 0 25px; } .product-display-size:after { content: ""; position: absolute; background: #c0c0c0; width: 1px; height: 28px; display: block; margin: 0 auto; right: 0px; } .fl-icon { float: left; width: 20%; text-align: right; margin: 5px 0 0 0; } .bg-sort-icon { background-image: url(/Themes/HollandApoBE/Content/images/filter.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0px 15px; } .fr-txt { float: right; width: 80%; padding-left: 3px; } .fr-txt label { display: inline-block; font-family: "work_sanssemibold"; font-size: 17px; color: #163c6e; margin: 3px 0 0 0; vertical-align: middle; } /*.full-page-category{ }*/ .category-heading { background: #3365a8; padding: 14px 12px; position: relative; } .inner-categories-section { display: contents; position: fixed; top: 0; left: 0; /*flex-direction: column;*/ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; z-index: 101; background: #fff; width: 100%; height: 100%; overflow: hidden; } .category-heading h3 { color: #fff; } .category-heading button { background: transparent; border: 0; position: absolute; right: 7%; top: 22%; } .category-heading button i { color: #fff; } .ul-categories { height: 40px; padding: 7px 13px; border-bottom: 1px solid #ddd; color: #000; font-size: 1.3rem; font-weight: 600; line-height: 26px; } /*product shorting section end*/ .checkout_page .buttons { width: 100%; text-align: center; } .checkout_page .registration-page .button-1 { float: none; } .checkout_page .accept-privacy-policy { text-align: left; width: 100%; } .checkout_page .login-page .returning-wrapper .buttons { text-align: center; } .product-grid .item-box .details { margin-top: 10px; margin-bottom: 10px; } .home-page .home-page-product-grid .owl-next, .home-page .home-page-product-grid .owl-prev { display: block !important;/*replaced by display:none (B)*/ border:0; } .our_features .after-header .col-sm-3 { width: 100%; } .product-details-page .filed > div > input { width: 40px; } .product-details-page .filed > div { width: 100px; } .home-page .rich-blog-homepage .post-primary { width: 60%; } .home-page .teaser-row { padding: 30px 0; } .category-grid.home-page-category-grid .owl-item { width: 50% !important; } .home-page-category-grid .item-box .picture a[title="Show products in category Zelfzorg"] img, .home-page-category-grid .item-box .picture a[title="Show products in category Self-care"] img { width: 54px; } .home-page-category-grid .item-box .picture a[title="Show products in category Anticonceptie"] img, .home-page-category-grid .item-box .picture a[title="Show products in category Contraception"] img { width: 30px; } .block-cat-nav .listbox .list li { width: 100%; } .block-cat-nav .listbox .list a { padding: 8px 8px 8px 23px; } body .new-filter-popup .category-heading .filter-apply-bttn { background: #fff; position: absolute; top: 11px; right: 12px; left: unset; border-radius: 2px; padding: 2px 14px; color: #3365a8; font-size: 16px; } .banner-widget.banner-right1 { height: auto; min-height: initial; max-height: initial; } .category-page .product-selectors { padding: 15px 17px; } .category-page .product-sorting span, .category-page .product-page-size span { width: 80px; } .product_details_page .row-1 h3 span { padding-top: 35px; } .product_details_page .topic-block-body p { margin-bottom: 0px !important; } .box-container { padding: 15px; } .our_features .after-header .image-link { margin-right: 29px; } .our_features .img-cont p { width: calc(100% - 70px); font-size: 16px; font-weight: normal; } .inputwidth { min-width: 100px !important; } .fl-none { float: left; margin: 6px 6px 0 0; } .labelproduct a { text-align: center !important; } } @media screen and (max-width: 560px) { .home-page-category-grid .item-box .picture a img { width: 56px; } .home-page-category-grid .item-box .picture a img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; } .category-grid.home-page-category-grid .category-item .picture { height: 119px; } .category-grid.home-page-category-grid .item-box .picture a { height: 110px; } .footer-lower .footer-menu-bottom ul li a { margin-bottom: 15px; display: inline-block; } .footer .footer-lower { padding-bottom: 5px; } .product-selectors > div { display: block; margin: 7px 0px !important; float: none; } .Home_Inner span, .Home_Inner p { font-size: 16px; } .text-center .col-sm-4 .Home_Inner { height: 140px; padding-top: 14px; } .fl-none { float: left; margin: 6px 6px 0 0; } .labelproduct a { text-align: center !important; } /*product shorting section begin*/ .product-selectors { display: none; } .product-selector-mobile { display: block; background: #f0f0f0; padding: 6px 12px; margin: 0 auto 18px; } .sort-product-mob { float: left; width: 50%; padding: 0 70px; } .product-display-size { float: left; width: 50%; position: relative; padding: 0 70px; } .product-display-size:after { content: ""; position: absolute; background: #c0c0c0; width: 1px; height: 28px; display: block; margin: 0 auto; right: 0px; } .fl-icon { float: left; width: 20%; text-align: right; margin: 5px 0 0 0; } .bg-sort-icon { background-image: url(/Themes/HollandApoBE/Content/images/filter.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0px 15px; } .fr-txt { float: right; width: 80%; padding-left: 3px; } .fr-txt label { display: inline-block; font-family: "work_sanssemibold"; font-size: 17px; color: #163c6e; margin: 3px 0 0 0; vertical-align: middle; } /*.full-page-category{ }*/ .category-heading { background: #3365a8; padding: 14px 12px; position: relative; } .inner-categories-section { display: contents; position: fixed; top: 0; left: 0; /*flex-direction: column;*/ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; z-index: 101; background: #fff; width: 100%; height: 100%; overflow: hidden; } .category-heading h3 { color: #fff; } .category-heading button { background: transparent; border: 0; position: absolute; right: 7%; top: 22%; } .category-heading button i { color: #fff; } .ul-categories { height: 40px; padding: 7px 13px; border-bottom: 1px solid #ddd; color: #000; font-size: 1.3rem; font-weight: 600; line-height: 26px; } /*product shorting section end*/ } @media only screen and (max-width: 560px) { /*---------------- 11-8 ---------------*/ .home-page-category-grid .item-box .picture a img { width: 54px;/*replaced by 50% (B)*/ } /*-------------------------------------*/ .brand-boxes-5 img { width: auto; } .selfcare-header-assistant .prescription-box-heading { margin-top: 20px; } /*product-sort section begin*/ .product-sorting .sortOptionsDropDown { width: 100%; } .product-sorting .sortOptionsDropDown ul li span { display: block; width: 100%; height: 42px; font-family: 'work_sansregular'; color: #333; font-size: 18px; border-bottom: 1px solid #cacaca; } .product-sorting .sortOptionsDropDown .toplevel { display: none; } .product-sorting .sortOptionsDropDown .toplevel:after { background: none; } .product-sorting .sortOptionsDropDown .sublevel { display: block !important; } /*product-short option section end*/ .assistant-img-prescription-upload { min-height: 310px; } /*search box section begin*/ .search-box-mobile { display: block; width: 100%; height: 36px; margin-top: 28px; } .search-box-mobile a { width: 100%; } .search-box-mobile ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-mobile ul li a i { position: absolute; top: 56%; right: 8%; color: #55a5dd; } /*search box section end*/ } @media only screen and (max-width: 550px) { .category-page .product-sorting span, .category-page .product-page-size span { width: 90px; padding: 0; } .category-page .jDropDown .toplevel { padding: 4px 9px !important; } .category-page .product-sorting span, .category-page .product-page-size span { padding-top: 0px; } .product-sorting { padding-bottom: 5px; } .cart-btn-h { margin: 0 0 0 10px; } .abt-service ul li{ width:100%; } .mySlides .comment-Right::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile.png); right: 25%; } .mySlides .comment-Left::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile-2.png); left: 25%; } .selfcare-header-assistant .prescription-box-heading { margin-top: 20px; } /*page not found page section begin*/ .page-not-found-comment-section:after { content: url(/Themes/HollandApoBE/Content/images/mobile-coment.png); top: 85%; left: 22%; } /*page not found page section end*/ /*product-sort section begin*/ .product-sorting .sortOptionsDropDown { width: 100%; } .product-sorting .sortOptionsDropDown ul li span { display: block; width: 100%; height: 42px; font-family: 'work_sansregular'; color: #333; font-size: 18px; border-bottom: 1px solid #cacaca; } .product-sorting .sortOptionsDropDown .toplevel { display: none; } .product-sorting .sortOptionsDropDown .toplevel:after { background: none; } .product-sorting .sortOptionsDropDown .sublevel { display: block !important; } /*product-short option section end*/ .assistant-img-prescription-upload { min-height: 310px; } /*search box section begin*/ .search-box-mobile { display: block; width: 100%; height: 36px; margin-top: 28px; } .search-box-mobile a { width: 100%; } .search-box-mobile ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-mobile ul li a i { position: absolute; top: 56%; right: 8%; color: #55a5dd; } /*search box section end*/ /*product shorting section begin*/ .product-selectors { display: none; } .product-selector-mobile { display: block; background: #f0f0f0; padding: 6px 12px; margin: 0 auto 18px; } .sort-product-mob { float: left; width: 50%; padding: 0 65px; } .product-display-size { float: left; width: 50%; position: relative; padding: 0 55px; } .product-display-size:after { content: ""; position: absolute; background: #c0c0c0; width: 1px; height: 28px; display: block; margin: 0 auto; right: 0px; } .fl-icon { float: left; width: 20%; text-align: right; margin: 5px 0 0 0; } .bg-sort-icon { background-image: url(/Themes/HollandApoBE/Content/images/filter.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0px 15px; } .fr-txt { float: right; width: 80%; padding-left: 3px; } .fr-txt label { display: inline-block; font-family: "work_sanssemibold"; font-size: 17px; color: #163c6e; margin: 3px 0 0 0; vertical-align: middle; } /*.full-page-category{ }*/ .category-heading { background: #3365a8; padding: 14px 12px; position: relative; } .inner-categories-section { display: contents; position: fixed; top: 0; left: 0; /*flex-direction: column;*/ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; z-index: 101; background: #fff; width: 100%; height: 100%; overflow: hidden; } .category-heading h3 { color: #fff; } .category-heading button { background: transparent; border: 0; position: absolute; right: 7%; top: 22%; } .category-heading button i { color: #fff; } .ul-categories { height: 40px; padding: 7px 13px; border-bottom: 1px solid #ddd; color: #000; font-size: 1.3rem; font-weight: 600; line-height: 26px; } /*product shorting section end*/ } @media screen and (max-width: 480px) { .category-section .owl-wrapper { width: auto !important; -webkit-transform: inherit !important; -moz-transform: inherit !important; -ms-transform: inherit !important; transform: inherit !important; left: inherit !important; } .category-section .owl-controls { display: none !important; } .product_details_page .row-1 h3 span { padding-top: 20px; } .supplier-logo { margin: 16px 0px 0 0; } .fl-none { float: left; } } @media only screen and (min-width: 480px) { .category-section .owl-wrapper { width: auto !important; -webkit-transform: inherit !important; -moz-transform: inherit !important; -ms-transform: inherit !important; transform: inherit !important; left: inherit !important; } .category-section .owl-controls { display: none !important; } } @media only screen and (max-width: 480px) { /* .slider-anchor1{ margin-bottom:36px; }*/ .item-box .buttons { margin: 0; } .slider-anchor1 a, .slider-anchor2 a { font-size: 18px; } /*---------------- 11-8 ---------------*/ .home-page-category-grid .item-box .picture a img { width: 54px; /*replaced by 100% (B)*/ } /*-------------------------------------*/ /*product-sort section begin*/ .product-sorting .sortOptionsDropDown { width: 100%; } .product-sorting .sortOptionsDropDown ul li span { display: block; width: 100%; height: 42px; font-family: 'work_sansregular'; color: #333; font-size: 18px; border-bottom: 1px solid #cacaca; } .product-sorting .sortOptionsDropDown .toplevel { display: none; } .product-sorting .sortOptionsDropDown .toplevel:after { background: none; } .product-sorting .sortOptionsDropDown .sublevel { display: block !important; } /*product-short option section end*/ .assistant-img-prescription-upload { min-height: 310px; } .product-box-border{ border-bottom:1px solid #bababa; } /*search box section begin*/ .search-box-mobile { display: block; width: 100%; height: 36px; margin-top: 28px; } .search-box-mobile a { width: 100%; } .search-box-mobile ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-mobile ul li a i { position: absolute; top: 56%; right: 8%; color: #55a5dd; } /*search box section end*/ /*product shorting section begin*/ .product-selectors { display: none; } .product-selector-mobile { display: block; background: #f0f0f0; padding: 6px 12px; margin: 0 auto 18px; } .sort-product-mob { float: left; width: 50%; padding: 0 25px; } .product-display-size { float: left; width: 50%; position: relative; padding: 0 25px; } .product-display-size:after { content: ""; position: absolute; background: #c0c0c0; width: 1px; height: 28px; display: block; margin: 0 auto; right: 0px; } .fl-icon { float: left; width: 20%; text-align: right; margin: 5px 0 0 0; } .bg-sort-icon { background-image: url(/Themes/HollandApoBE/Content/images/filter.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0px 15px; } .fr-txt { float: right; width: 80%; padding-left: 3px; } .fr-txt label { display: inline-block; font-family: "work_sanssemibold"; font-size: 17px; color: #163c6e; margin: 3px 0 0 0; vertical-align: middle; } /*.full-page-category{ }*/ .category-heading { background: #3365a8; padding: 14px 12px; position: relative; } .inner-categories-section { display: contents; position: fixed; top: 0; left: 0; /*flex-direction: column;*/ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; z-index: 101; background: #fff; width: 100%; height: 100%; overflow: hidden; } .category-heading h3 { color: #fff; } .category-heading button { background: transparent; border: 0; position: absolute; right: 7%; top: 22%; } .category-heading button i { color: #fff; } .ul-categories { height: 40px; padding: 7px 13px; border-bottom: 1px solid #ddd; color: #000; font-size: 1.3rem; font-weight: 600; line-height: 26px; } /*product shorting section end*/ .cart tr { border: 1px solid #bcbec0; display: block; float: left; margin: 40px 0 0; width: 100%; } .mySlides .comment-Right::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile.png); right: 25%; } .mySlides .comment-Left::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile-2.png); left: 25%; } .related-products-grid .item-box .add-info { margin-bottom: 0px; } .wrap-buttons .bottom-row.group, .related-prod-box .wrap-buttons .bottom-row .more-info { top: 0; } .checkout-page .billing-address-section .address-item { width: 100% !important; margin: 0 0 20px 0; } .img-product-width { min-width: 300px; } .img-product-width a { min-height: 300px; } .inputwidth { min-width: 100px !important; } .productHover > div { display: none; } .cart-btn-h { width: 100% !important; } .qty-cart-btn { width: 100%; } .selfcare-header-assistant .prescription-box-heading { margin-top: 20px; } } @media screen and (max-width: 479px) { .item-box .product-title a { text-align: center; } .prescribe_about .img-txt .about_text { margin: 6px auto 0; } .item-box .picture a img, .item-box .picture a { left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: block; position: absolute; } td.spec-name, td.manufacture-name { padding-right: 20px; } .product-details-page .product-essential .overview .add-to-cart-button { margin-top: 0; } .home-page .rich-blog-homepage .post-primary { width: 100%; } .home-page .teaser-row { padding: 25px 0; } .home-page .blog-post .post-description { height: 78px; max-height: 78px; } .productHover > div { width: 110px; float: left; margin: 0px; display: none; } /*product shorting section begin*/ .product-selectors { display: none; } .product-selector-mobile { display: block; background: #f0f0f0; padding: 6px 12px; margin: 0 auto 18px; } .sort-product-mob { float: left; width: 50%; padding: 0 25px; } .product-display-size { float: left; width: 50%; position: relative; padding: 0 25px; } .product-display-size:after { content: ""; position: absolute; background: #c0c0c0; width: 1px; height: 28px; display: block; margin: 0 auto; right: 0px; } .fl-icon { float: left; width: 20%; margin: 5px 0 0 0; } .bg-sort-icon { background-image: url(/Themes/HollandApoBE/Content/images/filter.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0px 15px; } .fr-txt { float: right; width: 80%; padding-left: 3px; } .fr-txt label { display: inline-block; font-family: "work_sanssemibold"; font-size: 16px; color: #163c6e; margin: 5px 0 0 0; vertical-align: middle; } /*.full-page-category{ }*/ .category-heading { background: #3365a8; padding: 14px 12px; position: relative; } .inner-categories-section { display: contents; position: fixed; top: 0; left: 0; /*flex-direction: column;*/ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; z-index: 101; background: #fff; width: 100%; height: 100%; overflow: hidden; } .category-heading h3 { color: #fff; } .category-heading button { background: transparent; border: 0; position: absolute; right: 7%; top: 22%; } .category-heading button i { color: #fff; } .ul-categories { height: 40px; padding: 7px 13px; border-bottom: 1px solid #ddd; color: #000; font-size: 1.3rem; font-weight: 600; line-height: 26px; } /*product shorting section end*/ .product-grid .item-box .productHover .add-to-cart-button { padding: 7px 14px; } .productHover > div > input { width: 55px; margin-top: 1px; } .item-box .buttons { margin: 0; /*margin-left: 15px;*/ float: left; display: inline-block; padding: 0; width: 100%; } /*width replaced with "auto"*/ .picture-wrap-col:hover .productHover { display: none !important; } .productHover.mobile { position: relative; width: 100%; transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; top: 0; float: none; display: table !important; margin: 0px auto; padding: 0px 0px 10px; } .productHover a { display: none; } .product-grid .item-box .details { display: inline-block; width: 100%; float: left; } .center-1 .product-grid .buttons { padding-top: 0px; } .product-details-page .related-prod-box .picture img, .product-details-page .related-prod-box .picture a { width: 100%; position: relative; margin-bottom: 10px; } .product-details-page .related-prod-box .productHover.mobile { display: none !important; } .related-products-grid.product-grid .related-prod-box .details { width: 100%; margin-top: 10px; } .item-box .product-title a { text-align: center; min-height: 1px; max-height: none; } .related-prod-box { margin-bottom: 0px; } .related-products-grid.product-grid .item-box .details .add-to-cart-button { margin-top: 10px; } .product_details_page .row-1 h3 span { padding-top: 0px; } .item-box .productHover .buttons { float: none; } .inputwidth { min-width: 100px !important; } .fl-none { float: left; } .product-img-col { display: inline-block; } } @media only screen and (max-width: 479px) { /*---------------- 11-9 ----------------*/ .product-selectors > div { display: block; } .product-selectors .product-sorting select { display: block; margin: 5px 0px; } .product-selectors .product-page-size select { margin: 5px 0px; } .product-selectors .product-page-size span:first-child { display: block; } /*product-sort section begin*/ .product-sorting .sortOptionsDropDown { width: 100%; } .product-sorting .sortOptionsDropDown ul li span { display: block; width: 100%; height: 42px; font-family: 'work_sansregular'; color: #333; font-size: 18px; border-bottom: 1px solid #cacaca; } .product-sorting .sortOptionsDropDown .toplevel { display: none; } .product-sorting .sortOptionsDropDown .toplevel:after { background: none; } .product-sorting .sortOptionsDropDown .sublevel { display: block !important; } .add-border-to-box { border-bottom: 1.5px solid #d8d8d8; /*padding-bottom: 10px;*/ } /*product-short option section end*/ /*search box section begin*/ .search-box-mobile { display: block; width: 100%; height: 36px; margin-top: 28px; } .search-box-mobile a { width: 100%; } .search-box-mobile ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-mobile ul li a i { position: absolute; top: 56%; right: 8%; color: #55a5dd; } /*search box section end*/ /*product shorting section begin*/ .product-selectors { display: none; } .product-selector-mobile { display: block; background: #f0f0f0; padding: 6px 12px; margin: 0 auto 18px; } .sort-product-mob { float: left; width: 50%; padding: 0 40px; } .product-display-size { float: left; width: 50%; position: relative; padding: 0 25px; } .product-display-size:after { content: ""; position: absolute; background: #c0c0c0; width: 1px; height: 28px; display: block; margin: 0 auto; right: 0px; } .fl-icon { float: left; width: 20%; text-align: right; margin: 5px 0 0 0; } .bg-sort-icon { background-image: url(/Themes/HollandApoBE/Content/images/filter.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0px 15px; } .fr-txt { float: right; width: 80%; padding-left: 3px; } .fr-txt label { display: inline-block; font-family: "work_sanssemibold"; font-size: 17px; color: #163c6e; margin: 3px 0 0 0; vertical-align: middle; } /*.full-page-category{ }*/ .category-heading { background: #3365a8; padding: 14px 12px; position: relative; } .inner-categories-section { display: contents; position: fixed; top: 0; left: 0; /*flex-direction: column;*/ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; z-index: 101; background: #fff; width: 100%; height: 100%; overflow: hidden; } .category-heading h3 { color: #fff; } .category-heading button { background: transparent; border: 0; position: absolute; right: 7%; top: 22%; } .category-heading button i { color: #fff; } .ul-categories { height: 40px; padding: 7px 13px; border-bottom: 1px solid #ddd; color: #000; font-size: 1.3rem; font-weight: 600; line-height: 26px; } /*product shorting section end*/ /*--------------------------------------*/ .header-links { padding: 10px 0 0; } .k-widget.k-window { left: 15% !important; width: 70% !important; } .ui-datepicker { max-width: 80%; } .recipe_detail_top .inner-recipe li { float: none; width: 100%; } .product-grid.home-page-product-grid .owl-controls, .product-grid.home-page-product-grid .owl-controls .owl-buttons div, .home-page .category-grid .owl-controls, .home-page .category-grid .owl-buttons div { /*position: static;*//*commented by (B)*/ } .product-grid.home-page-product-grid .owl-controls, .home-page .category-grid .owl-controls { padding: 0 15px; } .product-grid.home-page-product-grid .owl-controls .owl-buttons .owl-next, .home-page .category-grid .owl-controls .owl-next { float: right; } .payment-info .info td input[type="text"] { width: 100% !important; } /*.header-links-wrapper, .social-links { width: 100%; text-align: center; padding: 0; }*/ .header-upper > .row { margin: 0 -5px; } .header-upper > .row > .col-xs-4 { padding: 0 5px; } .social-links ul { float: none; } .header-links li { padding: 0 4px; } .header-info ul li { padding: 10px 10px 0; } .header-info ul li i { margin: 0; } .social-links { padding: 5px 0; width: 100%; float: none; } .menu-toggle { padding: 10px 15px; } .master-wrapper-page .nivo-caption { bottom: inherit; font: 100 10px/12px work_sansregular; top: 11px; } span.banner-title { font: 600 12px/18px Raleway; padding: 0; } .nivo-caption { top: 10px; bottom: inherit; } .cart-row { overflow-x: scroll; } div#billing-new-address-form input, div#billing-new-address-form .inputs select { width: 92%; float: left; margin-right: 0; } .header-upper .col-md-7 { width: 100%; padding-right: 0; float: none; text-align: center; } .header-upper .col-md-5 { position: absolute; top: 10px; right: 0; padding-right: 0; width: 30%; } .new-billing-address .inputs, .new-shipping-address .inputs { float: none; width: 100%; } /*.header.sticky .logo-section { clear:both; width: 50%; margin: 0 auto 10px; float: none; }*/ .header-info { padding: 6px 0px 0 0; } .header-selectors-wrapper select { width: 100%; padding: 0; } .k-widget .edit-address .inputs { float: none; width: 100%; } .product-grid.featured-product-grid .col-sm-4.col-xs-6 { width: 100%; } .rgt-col .cart-footer .totals { width: 100% !important; } .billing-address-page .enter-address .buttons { float: none; } .category-page .col-sm-4.col-xs-6, .search-results .col-sm-4.col-xs-6, .cross-sells .col-sm-3.col-xs-6 { width: 100%; } /*.header-links { padding: 0 0 12px 0; float: none; }*/ .order-summary-content .common-buttons .button-2 { margin: 5px 0 0 0; width: 80%; min-width: inherit; text-align: center; } div#billing-new-address-form input.button-1 { margin-bottom: 5px; white-space: inherit; } .checkout-page .button-1 { min-width: 1px; padding: 8px 12px; } .master-column-wrapper .item-box .brand-item .picture { height: auto; text-align: center; } .master-column-wrapper .item-box .brand-item .picture a img, .master-column-wrapper .item-box .brand-item .picture a { width: auto; } .category-section .col-sm-3.col-xs-6, .col-item-5, .category-section .col-sm-2.col-xs-6 { width: 100%; } .item-box .picture, .category-section .item-box .picture { /* height:auto;*/ } .item-box .picture a img, .item-box .picture a { left: inherit; position: inherit; top: inherit; transform: inherit; -webkit-transform: inherit; -o-transform: inherit; } .product-grid .owl-controls, .home-page .owl-controls { bottom: 8%; left: 0; position: absolute; right: inherit; /*top: inherit;*//*commented by (B)*/ width: 100%; /*z-index: 5;*/ } .product-grid .owl-prev, .product-grid .owl-next, .home-page .owl-prev, .home-page .owl-next { background: url(/Themes/HollandApoBE/Content/images/prev-b.png) no-repeat center #fff; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #ccc; height: 45px; width: 48%; margin-left: 0; position: absolute; left: 0; padding: 10px 0; } .product-grid .owl-next, .home-page .owl-next { background: url(/Themes/HollandApoBE/Content/images/next-b.png) no-repeat center #fff; right: 0; left: inherit; } .owl-prev:hover, .owl-next:hover { background: url(/Themes/HollandApoBE/Content/images/next-hover.png) no-repeat center #4ab2f1; } .owl-prev:hover { background: url(/Themes/HollandApoBE/Content/images/pre-hover.png) no-repeat center #4ab2f1; } .home-page-brand-grid .brand-boxes-6 .item-box .brand-item .picture { height: 250px; } .home-page-brand-grid .brand-boxes-6 .col-sm-2.col-xs-4 { width: 100%; } .header-selectors-wrapper > div { display: inherit; width: 45%; } .category-section, .brand-grid { margin-bottom: 35px; } .brand-boxes-5 img { width: auto; } .advice-teaser li { border-bottom: 2px solid #eee; padding: 20px 0; border-left: none; } .listing-number { display: inline-block; float: none; } .advice-teaser li:last-child { border-bottom: none; } li.col-sm-4.col-xs-6 { width: 100%; } .banner-content h2, .b-listings li { font-size: 20px; margin-bottom: 10px; } .b-listings li { float: none; font-size: 14px; margin-bottom: 10px; } .b-listings li:before { font-size: 15px; padding-right: 0; } .banner-content { left: 20px; top: 10px; } .related-prod-box .picture { width: 100%; } .related-products-grid .related-prod-box .details { clear: both; padding: 10px 0 0 0; } .prod-detail .button-1 { display: block; } .related-products-grid .related-prod-box .buttons input.button-2.add-to-cart-button { width: 100%; } .info-block .picture-thumbs { width: 100%; margin: 0 0 10px 0; } .info-block .picture-thumbs img { width: 100%; } .box-container p span { width: 90%; } .prod-detail { clear: both; } .overview .add-to-cart-panel, .variant-overview .add-to-cart-panel { width: 100%; } .prod-detail .button-1 { margin: 10px 0 0 0; width: 100%; } .overview input.increment-box, .variant-overview input.increment-box { width: 80px; } .box-container p span { font-size: 14px; } .prod-detail.prod-detail1 { margin: 0; width: 100%; } .prod-detail.prod-detail1 .button-1 { width: 100%; } .products-grid .col-sm-4.col-xs-6 { width: 100%; } .related-prod-box .picture-wrap-col { width: 100%; margin: 0; } .download-btn { top: 0; } .product-grid .col-sm-4.col-xs-6 { width: 100%; } td.spec-name, .manufacture-name { /*width: 30%;*/ } .manufacturers td { font-size: 13px; padding: 0 10px 0 0; } .product-specs-box td { font-size: 13px; padding: 0 10px 10px 0; } .related-products-grid.product-grid .product-item { margin-bottom: 50px; } .edit-address .inputs:nth-child(n) { padding: 0; } .img-product-width { min-width: 300px; } .img-product-width a { min-height: 300px; } .inputwidth { min-width: 100px !important; } .cart-btn-h { width: 100% !important; } .qty-cart-btn { width: 100%; } .mySlides .comment-Right::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile.png); right: 25%; } .mySlides .comment-Left::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile-2.png); left: 25%; } .selfcare-header-assistant .prescription-box-heading { margin-top: 20px; } .assistant-img-prescription-upload{ min-height:310px; } } /**max-width 479px section end here**/ @media only screen and (max-width:470px) { .prescriptionRegistrationPage .prescription_remark .width320 { width: 100% !important; } .width320, .option_detail .qq-upload-button.qq-upload-button-selector { width: 80%; } .img-product-width { min-width: 300px; } .img-product-width a { min-height: 300px; } /*search box section begin*/ .search-box-mobile { display: block; width: 100%; height: 36px; margin-top: 28px; } .search-box-mobile a { width: 100%; } .search-box-mobile ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-mobile ul li a i { position: absolute; top: 56%; right: 8%; color: #55a5dd; } /*search box section end*/ /*page not found page section begin*/ .submit-presc-bttn-section,.presc-manager-bttn-section{ float:left; width:100%; } /*page not found section end*/ /*product shorting section begin*/ .product-selectors { display: none; } .product-selector-mobile { display: block; background: #f0f0f0; padding: 6px 12px; margin: 0 auto 18px; } .sort-product-mob { float: left; width: 50%; padding: 0 50px; } .product-display-size { float: left; width: 50%; position: relative; padding: 0 50px; } .product-display-size:after { content: ""; position: absolute; background: #c0c0c0; width: 1px; height: 28px; display: block; margin: 0 auto; right: 0px; } .fl-icon { float: left; width: 20%; text-align: right; margin: 5px 0 0 0; } .bg-sort-icon { background-image: url(/Themes/HollandApoBE/Content/images/filter.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0px 15px; } .fr-txt { float: right; width: 80%; padding-left: 3px; } .fr-txt label { display: inline-block; font-family: "work_sanssemibold"; font-size: 17px; color: #163c6e; margin: 3px 0 0 0; vertical-align: middle; } /*.full-page-category{ }*/ .category-heading { background: #3365a8; padding: 14px 12px; position: relative; } .inner-categories-section { display: contents; position: fixed; top: 0; left: 0; /*flex-direction: column;*/ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; z-index: 101; background: #fff; width: 100%; height: 100%; overflow: hidden; } .category-heading h3 { color: #fff; } .category-heading button { background: transparent; border: 0; position: absolute; right: 7%; top: 22%; } .category-heading button i { color: #fff; } .ul-categories { height: 40px; padding: 7px 13px; border-bottom: 1px solid #ddd; color: #000; font-size: 1.3rem; font-weight: 600; line-height: 26px; } .product-sorting .sortOptionsDropDown { width: 100%; } .product-sorting .sortOptionsDropDown ul li span { display: block; width: 100%; height: 42px; font-family: 'work_sansregular'; color: #333; font-size: 18px; border-bottom: 1px solid #cacaca; } .product-sorting .sortOptionsDropDown .toplevel { display: none; } .product-sorting .sortOptionsDropDown .toplevel:after { background: none; } .product-sorting .sortOptionsDropDown .sublevel { display: block !important; } .add-border-to-box { border-bottom: 1.5px solid #d8d8d8; /*padding-bottom: 10px;*/ } /*product shorting section end*/ .fl-none { margin: 6px 6px 0 0; } .cart-btn-h { width: 100% !important; } .qty-cart-btn { width: 100%; } /*home page after slider buttons section begin*/ .col-slider { background-size: cover; background-position: bottom; min-height: 183px; margin: 0; } .mySlides .comment-Right::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile.png); right: 25%; } .mySlides .comment-Left::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile-2.png); left: 25%; } .comment-Right, .comment-Left { width: 100%; top: 0; } /*.slide-girl-img{ padding-top:0%; }*/ .comment-Right p, .comment-Left p { font-size: 13px; } /*.comment-left-angle,.comment-right-angle{ display:none; }*/ .angle-mobile, .angle-mobile-2 { display: inline-block; } /*.angle-mobile{ position:absolute; top:30%; right:20%; }*/ .comment-Left, .comment-Right { width: 100%; top: 2%; left: 0; right: 0; } .angle-img-1, .angle-img-1 { display: none; } .angle-img-2, .angle-img-2 { display: block; } .comment-Left-angle { left: 21%; } .comment-Right-angle { right: 21%; } /*.slideshow-container{ padding-top:21%; }*/ .zoomIn { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } /*home page after slider buttons section begin*/ .prescribe_about .upload-prec-col { margin: 34px 0 0 0; padding: 15px 10px; } .prescribe_about .upload-prec-col .prec-bttn { padding: 0; } .prescribe-txt-col { text-align: -webkit-center; } .prescribe-txt-col h2, .virtual-column-text h2 { font-size: 17px; line-height: 22px; padding: 6px 0 0 1px; } .prescribe_about .banner-widget { margin: 20px 3px 0; } .virtual-column { padding: 15px 10px; } .comment-Right-angle .desk-view, .comment-Left-angle .desk-view { display: none; } .mobile-view { display: block; } .comment-Left-angle, .comment-Right-angle { top: 23%; } .comment-Right, .comment-Left { border: 1px solid #000; padding:9px; } .prescribe_about .banner-widget .btn-text a { padding: 4px 0; } /*home page after slider buttons section end*/ .selfcare-header-assistant .prescription-box-heading { margin-top: 20px; } .assistant-img-prescription-upload{ min-height:310px; } } @media only screen and (max-width:450px) { .custom-select { width: 200px; } .custom-select select { width: 220px; } .option_detail1 .required { left: 200px; } .img-product-width { min-width: 300px; } .img-product-width a { min-height: 300px; } /*page not found page section begin*/ .page-not-found-comment-section:after { content: url(/Themes/HollandApoBE/Content/images/mobile-coment.png); top: 85%; left: 22%; } .page-not-found-comment-section{ padding:21px; width:100%; margin:3% auto; } /*page not found page section end*/ /*product-sort section begin*/ .product-sorting .sortOptionsDropDown { width: 100%; } .product-sorting .sortOptionsDropDown ul li span { display: block; width: 100%; height: 42px; font-family: 'work_sansregular'; color: #333; font-size: 18px; border-bottom: 1px solid #cacaca; } .product-sorting .sortOptionsDropDown .toplevel { display: none; } .product-sorting .sortOptionsDropDown .toplevel:after { background: none; } .product-sorting .sortOptionsDropDown .sublevel { display: block !important; } .add-border-to-box { border-bottom: 1.5px solid #d8d8d8; /*padding-bottom: 10px;*/ } /*product-short option section end*/ /*search box section begin*/ .search-box-mobile { display: block; width: 100%; height: 36px; margin-top: 28px; } .search-box-mobile a { width: 100%; } .search-box-mobile ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-mobile ul li a i { position: absolute; top: 56%; right: 8%; color: #55a5dd; } /*search box section end*/ /*product shorting section begin*/ .product-selectors { display: none; } .product-selector-mobile { display: block; background: #f0f0f0; padding: 6px 12px; margin: 0 auto 18px; } .sort-product-mob { float: left; width: 50%; padding: 0 40px; } .product-display-size { float: left; width: 50%; position: relative; padding: 0 40px; } .product-display-size:after { content: ""; position: absolute; background: #c0c0c0; width: 1px; height: 28px; display: block; margin: 0 auto; right: 0px; } .fl-icon { float: left; width: 20%; text-align: right; margin: 5px 0 0 0; } .bg-sort-icon { background-image: url(/Themes/HollandApoBE/Content/images/filter.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0px 15px; } .fr-txt { float: right; width: 80%; padding-left: 3px; } .fr-txt label { display: inline-block; font-family: "work_sanssemibold"; font-size: 17px; color: #163c6e; margin: 3px 0 0 0; vertical-align: middle; } /*.full-page-category{ }*/ .category-heading { background: #3365a8; padding: 14px 12px; position: relative; } .inner-categories-section { display: contents; position: fixed; top: 0; left: 0; /*flex-direction: column;*/ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; z-index: 101; background: #fff; width: 100%; height: 100%; overflow: hidden; } .category-heading h3 { color: #fff; } .category-heading button { background: transparent; border: 0; position: absolute; right: 7%; top: 22%; } .category-heading button i { color: #fff; } .ul-categories { height: 40px; padding: 7px 13px; border-bottom: 1px solid #ddd; color: #000; font-size: 1.3rem; font-weight: 600; line-height: 26px; } /*product shorting section end*/ .fl-none { margin: 0 10px 0 0 !important; } .item-box .qty-cart-btn { margin: 0 !important; } .cart-btn-h { width: 100% !important; } .qty-cart-btn { width: 100%; } /*home page after slider buttons section begin*/ .col-slider { background-size: cover; background-position: bottom; min-height: 175px; margin: 0; } .mySlides .comment-Right::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile.png); right: 25%; } .mySlides .comment-Left::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile-2.png); left: 25%; } .comment-Right, .comment-Left { width: 100%; top: 0; } .comment-Right p, .comment-Left p { font-size: 13px; word-break:break-all; } /*.comment-left-angle,.comment-right-angle{ display:none; }*/ .angle-mobile, .angle-mobile-2 { display: inline-block; } /*.angle-mobile{ position:absolute; top:30%; right:20%; }*/ .comment-Left, .comment-Right { width: 100%; top: 4%; left: 0; right: 0; } .angle-img-1, .angle-img-1 { display: none; } .angle-img-2, .angle-img-2 { display: block; } .comment-Left-angle { left: 21%; } .comment-Right-angle { right: 21%; } .slideshow-container { padding-top: 11%; } .zoomIn { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } /*home page after slider buttons section begin*/ .prescribe_about .upload-prec-col { margin: 34px 0 0 0; padding: 15px 10px; height: auto; min-height: initial; max-height: initial; } .prescribe_about .upload-prec-col .prec-bttn { padding: 0; } .prescribe-txt-col { text-align: -webkit-center; } .prescribe-txt-col h2, .virtual-column-text h2 { font-size: 23px; line-height: 26px; padding: 6px 0 0 13px; } .prescribe_about .banner-widget { margin: 20px 0 0 0; width: 100%; } .virtual-column { padding: 15px 10px; } .comment-Right-angle .desk-view, .comment-Left-angle .desk-view { display: none; } .mobile-view { display: block; } .comment-Left-angle, .comment-Right-angle { top: 28%; } .comment-Right, .comment-Left { border: 1px solid #000; padding:9px; } /*home page after slider buttons section end*/ .selfcare-header-assistant .prescription-box-heading { margin-top: 20px; } .assistant-img-prescription-upload{ min-height:310px; } } @media only screen and (max-width:400px) { /*.slide-girl-img{ padding:0; }*/ .col-slider{ min-height:174px; } .slideshow-container { padding-top: 14%; } .mySlides .comment-Right::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile.png); right: 25%; } .mySlides .comment-Left::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile-2.png); left: 25%; } /*product-sort section begin*/ .product-sorting .sortOptionsDropDown { width: 100%; } .product-sorting .sortOptionsDropDown ul li span { display: block; width: 100%; height: 42px; font-family: 'work_sansregular'; color: #333; font-size: 18px; border-bottom: 1px solid #cacaca; } .product-sorting .sortOptionsDropDown .toplevel { display: none; } .product-sorting .sortOptionsDropDown .toplevel:after { background: none; } .product-sorting .sortOptionsDropDown .sublevel { display: block !important; } .add-border-to-box { border-bottom: 1.5px solid #d8d8d8; /*padding-bottom: 10px;*/ } /*product-short option section end*/ /*page not found page section begin*/ .page-not-found-comment-section{ padding:21px; width:100%; margin:3% auto; } /*page not found page section end*/ /*search box section begin*/ .search-box-mobile { display: block; width: 100%; height: 36px; margin-top: 28px; } .search-box-mobile a { width: 100%; } .search-box-mobile ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-mobile ul li a i { position: absolute; top: 56%; right: 8%; color: #55a5dd; } /*search box section end*/ /*product shorting section begin*/ .product-selectors { display: none; } .product-selector-mobile { display: block; background: #f0f0f0; padding: 6px 12px; margin: 0 auto 18px; } .sort-product-mob { float: left; width: 50%; padding: 0 40px; } .product-display-size { float: left; width: 50%; position: relative; padding: 0 32px; } .product-display-size:after { content: ""; position: absolute; background: #c0c0c0; width: 1px; height: 28px; display: block; margin: 0 auto; right: 0px; } .fl-icon { float: left; width: 20%; text-align: right; margin: 5px 0 0 0; } .bg-sort-icon { background-image: url(/Themes/HollandApoBE/Content/images/filter.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0px 15px; } .fr-txt { float: right; width: 80%; padding-left: 3px; } .fr-txt label { display: inline-block; font-family: "work_sanssemibold"; font-size: 17px; color: #163c6e; margin: 3px 0 0 0; vertical-align: middle; } /*.full-page-category{ }*/ .category-heading { background: #3365a8; padding: 14px 12px; position: relative; } .inner-categories-section { display: contents; position: fixed; top: 0; left: 0; /*flex-direction: column;*/ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; z-index: 101; background: #fff; width: 100%; height: 100%; overflow: hidden; } .category-heading h3 { color: #fff; } .category-heading button { background: transparent; border: 0; position: absolute; right: 7%; top: 22%; } .category-heading button i { color: #fff; } .ul-categories { height: 40px; padding: 7px 13px; border-bottom: 1px solid #ddd; color: #000; font-size: 1.3rem; font-weight: 600; line-height: 26px; } /*product shorting section end*/ .selfcare-header-assistant .prescription-box-heading { margin-top: 20px; } .assistant-img-prescription-upload{ min-height:310px; } } @media only screen and (max-width:376px) { .slideshow-container { padding-top: 15%; } .comment-Left-angle, .comment-Right-angle { top: 36%; } .mySlides .comment-Right::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile.png); right: 25%; } .mySlides .comment-Left::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile-2.png); left: 25%; } /*product-sort section begin*/ .product-sorting .sortOptionsDropDown { width: 100%; } .product-sorting .sortOptionsDropDown ul li span { display: block; width: 100%; height: 42px; font-family: 'work_sansregular'; color: #333; font-size: 18px; border-bottom: 1px solid #cacaca; } .product-sorting .sortOptionsDropDown .toplevel { display: none; } .product-sorting .sortOptionsDropDown .toplevel:after { background: none; } .product-sorting .sortOptionsDropDown .sublevel { display: block !important; } .add-border-to-box { border-bottom: 1.5px solid #d8d8d8; /*padding-bottom: 10px;*/ } /*product-short option section end*/ /*search box section begin*/ .search-box-mobile { display: block; width: 100%; height: 36px; margin-top: 28px; } .search-box-mobile a { width: 100%; } .search-box-mobile ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-mobile ul li a i { position: absolute; top: 56%; right: 8%; color: #55a5dd; } /*search box section end*/ /*page not found page section begin*/ .page-not-found-comment-section{ padding:21px; width:100%; margin:3% auto; } /*page not found page section end*/ /*product shorting section begin*/ .product-selectors { display: none; } .product-selector-mobile { display: block; background: #f0f0f0; padding: 6px 12px; margin: 0 auto 18px; } .sort-product-mob { float: left; width: 50%; padding: 0 25px; } .product-display-size { float: left; width: 50%; position: relative; padding: 0 25px; } .product-display-size:after { content: ""; position: absolute; background: #c0c0c0; width: 1px; height: 28px; display: block; margin: 0 auto; right: 0px; } .fl-icon { float: left; width: 20%; text-align: right; margin: 5px 0 0 0; } .bg-sort-icon { background-image: url(/Themes/HollandApoBE/Content/images/filter.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0px 15px; } .fr-txt { float: right; width: 80%; padding-left: 3px; } .fr-txt label { display: inline-block; font-family: "work_sanssemibold"; font-size: 16px; color: #163c6e; margin: 5px 0 0 0; vertical-align: middle; } /*.full-page-category{ }*/ .category-heading { background: #3365a8; padding: 14px 12px; position: relative; } .inner-categories-section { display: contents; position: fixed; top: 0; left: 0; /*flex-direction: column;*/ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; z-index: 101; background: #fff; width: 100%; height: 100%; overflow: hidden; } .category-heading h3 { color: #fff; } .category-heading button { background: transparent; border: 0; position: absolute; right: 7%; top: 22%; } .category-heading button i { color: #fff; } .ul-categories { height: 40px; padding: 7px 13px; border-bottom: 1px solid #ddd; color: #000; font-size: 1.3rem; font-weight: 600; line-height: 26px; } /*product shorting section end*/ .selfcare-header-assistant .prescription-box-heading { margin-top: 20px; } } @media only screen and (max-width:375px) { .prescription_option_box .radioBox label { width: 80%; vertical-align: top; } .img-product-width { min-width: 300px; } .img-product-width a { min-height: 300px; } .slideshow-container { padding-top: 19%; } /*page not found page section begin*/ .page-not-found-comment-section:after { content: url(/Themes/HollandApoBE/Content/images/mobile-coment.png); top: 85%; left: 22%; } .search-box-404 input[type="text"]{ width:100%!important; } .search-box-404 input[type="submit"]{ width:100%!important; margin:3% 0 0 0; } .page-not-found-comment-section{ padding:21px; width:100%; margin:3% auto; } /*page not found page section end*/ /*product-sort section begin*/ .product-sorting .sortOptionsDropDown { width: 100%; } .product-sorting .sortOptionsDropDown ul li span { display: block; width: 100%; height: 42px; font-family: 'work_sansregular'; color: #333; font-size: 18px; border-bottom: 1px solid #cacaca; } .product-sorting .sortOptionsDropDown .toplevel { display: none; } .product-sorting .sortOptionsDropDown .toplevel:after { background: none; } .product-sorting .sortOptionsDropDown .sublevel { display: block !important; } .add-border-to-box { border-bottom: 1.5px solid #d8d8d8; /*padding-bottom: 10px;*/ } /*product-short option section end*/ /*search box section begin*/ .search-box-mobile { display: block; width: 100%; height: 36px; margin-top: 28px; } .search-box-mobile a { width: 100%; } .search-box-mobile ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-mobile ul li a i { position: absolute; top: 56%; right: 8%; color: #55a5dd; } /*search box section end*/ /*product shorting section begin*/ .product-selectors { display: none; } .product-selector-mobile { display: block; background: #f0f0f0; padding: 6px 12px; margin: 0 auto 18px; } .sort-product-mob { float: left; width: 50%; padding: 0 25px; } .product-display-size { float: left; width: 50%; position: relative; padding: 0 25px; } .product-display-size:after { content: ""; position: absolute; background: #c0c0c0; width: 1px; height: 28px; display: block; margin: 0 auto; right: 0px; } .fl-icon { float: left; width: 20%; text-align: right; margin: 5px 0 0 0; } .bg-sort-icon { background-image: url(/Themes/HollandApoBE/Content/images/filter.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0px 15px; } .fr-txt { float: right; width: 80%; padding-left: 3px; } .fr-txt label { display: inline-block; font-family: "work_sanssemibold"; font-size: 16px; color: #163c6e; margin: 5px 0 0 0; vertical-align: middle; } /*.full-page-category{ }*/ .category-heading { background: #3365a8; padding: 14px 12px; position: relative; } .inner-categories-section { display: contents; position: fixed; top: 0; left: 0; /*flex-direction: column;*/ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; z-index: 101; background: #fff; width: 100%; height: 100%; overflow: hidden; } .category-heading h3 { color: #fff; } .category-heading button { background: transparent; border: 0; position: absolute; right: 7%; top: 22%; } .category-heading button i { color: #fff; } .ul-categories { height: 40px; padding: 7px 13px; border-bottom: 1px solid #ddd; color: #000; font-size: 1.3rem; font-weight: 600; line-height: 26px; } /*product shorting section end*/ .fl-none { float: none !important; min-width: 60%; margin: 0 !important; } .item-box .qty-cart-btn { margin: 0 !important; } .cart-btn-mobile { width: 50%; margin: auto; } .cart-btn-h { width: 100% !important; } .qty-cart-btn { width: 100%; } /*home page after slider buttons section begin*/ .col-slider { background-size: cover; background-position: bottom; min-height: 180px; } .comment-Right, .comment-Left { width: 100%; top: 0; } .mySlides .comment-Right::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile.png); right: 25%; } .mySlides .comment-Left::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile-2.png); left: 25%; } .comment-Right p, .comment-Left p { font-size: 13px; word-break:break-all; } /*.comment-left-angle,.comment-right-angle{ display:none; }*/ .angle-mobile, .angle-mobile-2 { display: inline-block; } /*.angle-mobile{ position:absolute; top:30%; right:20%; }*/ .comment-Left, .comment-Right { width: 100%; top: 2%; left: 0; right: 0; } .angle-img-1, .angle-img-1 { display: none; } .angle-img-2, .angle-img-2 { display: block; } .comment-Left-angle { left: 21%; } .comment-Right-angle { right: 21%; } /*.slideshow-container{ padding-top:21%; }*/ .zoomIn { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } /*home page after slider buttons section begin*/ .prescribe_about .upload-prec-col { margin: 34px 0 0 0; padding: 15px 10px; } .prescribe_about .upload-prec-col .prec-bttn { padding: 0; } .prescribe-txt-col { text-align: -webkit-center; } .prescribe-txt-col h2, .virtual-column-text h2 { font-size: 21px; line-height: 26px; padding: 6px 0 0 13px; } .prescribe_about .banner-widget { margin: 20px 0 0 0; width: 100%; height: auto; min-height: initial; max-height: initial; } .virtual-column { padding: 15px 10px; } .comment-Right-angle .desk-view, .comment-Left-angle .desk-view { display: none; } .mobile-view { display: block; } .comment-Left-angle, .comment-Right-angle { top: 35%; } .comment-Right, .comment-Left { border: 1px solid #000; height: auto; max-height: initial; padding:9px; } .selfcare-header-assistant .prescription-box-heading { margin-top: 20px; } /*home page after slider buttons section end*/ .assistant-img-prescription-upload{ min-height:310px; } } @media only screen and (max-width:347px) { .topic-block-body { font-size: 14px; } .upper-mobile-header .open .dropdown-menu a { font-size: 14px; } .img-product-width { min-width: 300px; } .img-product-width a { min-height: 300px; } /*upload prescription page section begin*/ .hidemargin p { height: 60px; } /*upload prescription page section end*/ /*product-sort section begin*/ .product-sorting .sortOptionsDropDown { width: 100%; } .product-sorting .sortOptionsDropDown ul li span { display: block; width: 100%; height: 42px; font-family: 'work_sansregular'; color: #333; font-size: 18px; border-bottom: 1px solid #cacaca; } .product-sorting .sortOptionsDropDown .toplevel { display: none; } .product-sorting .sortOptionsDropDown .toplevel:after { background: none; } .product-sorting .sortOptionsDropDown .sublevel { display: block !important; } .add-border-to-box { border-bottom: 1.5px solid #d8d8d8; } /*product-short option section end*/ /*search box section begin*/ .search-box-mobile { display: block; width: 100%; height: 36px; margin-top: 28px; } .search-box-mobile a { width: 100%; } .search-box-mobile ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-mobile ul li a i { position: absolute; top: 56%; right: 8%; color: #55a5dd; } /*search box section end*/ /*page not found page section begin*/ .page-not-found-comment-section{ padding:21px; width:100%; margin:3% auto; } /*page not found page section end*/ /*product shorting section begin*/ .product-selectors { display: none; } .product-selector-mobile { display: block; background: #f0f0f0; padding: 6px 12px; margin: 0 auto 18px; } .sort-product-mob { float: left; width: 50%; padding: 0 25px; } .product-display-size { float: left; width: 50%; position: relative; padding: 0 23px; } .product-display-size:after { content: ""; position: absolute; background: #c0c0c0; width: 1px; height: 28px; display: block; margin: 0 auto; right: 0px; } .fl-icon { float: left; width: 20%; text-align: right; margin: 5px 0 0 0; } .bg-sort-icon { background-image: url(/Themes/HollandApoBE/Content/images/filter.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0px 15px; } .fr-txt { float: right; width: 80%; padding-left: 3px; } .fr-txt label { display: inline-block; font-family: "work_sanssemibold"; font-size: 16px; color: #163c6e; margin: 5px 0 0 0; vertical-align: middle; } /*.full-page-category{ }*/ .category-heading { background: #3365a8; padding: 14px 12px; position: relative; } .inner-categories-section { display: contents; position: fixed; top: 0; left: 0; /*flex-direction: column;*/ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; z-index: 101; background: #fff; width: 100%; height: 100%; overflow: hidden; } .category-heading h3 { color: #fff; } .category-heading button { background: transparent; border: 0; position: absolute; right: 7%; top: 22%; } .category-heading button i { color: #fff; } .ul-categories { height: 40px; padding: 7px 13px; border-bottom: 1px solid #ddd; color: #000; font-size: 1.3rem; font-weight: 600; line-height: 26px; } /*product shorting section end*/ .fl-none { float: left; } .cart-btn-h { width: 100% !important; } .qty-cart-btn { width: 100%; } /*home page after slider buttons section begin*/ .col-slider { background-size: cover; background-position: bottom; min-height: 172px; } .comment-Right, .comment-Left { width: 100%; top: 0; height: auto; max-height: 90px; } .mySlides .comment-Right::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile.png); right: 25%; } .mySlides .comment-Left::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile-2.png); left: 25%; } .comment-Right p, .comment-Left p { font-size: 13px; word-break:break-all; } /*.comment-left-angle,.comment-right-angle{ display:none; }*/ .angle-mobile, .angle-mobile-2 { display: inline-block; } /*.angle-mobile{ position:absolute; top:30%; right:20%; }*/ .comment-Left, .comment-Right { width: 100%; top: 3%; left: 0; right: 0; } .angle-img-1, .angle-img-1 { display: none; } .angle-img-2, .angle-img-2 { display: block; } .comment-Left-angle { left: 21%; } .comment-Right-angle { right: 21%; } .slideshow-container { padding-top: 21%; } .zoomIn { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } /*home page after slider buttons section begin*/ .prescribe_about .upload-prec-col { margin: 34px 0 0 0; padding: 15px 10px; } .prescribe_about .upload-prec-col .prec-bttn { padding: 0; } .prescribe-txt-col { text-align: -webkit-center; } .prescribe-txt-col h2, .virtual-column-text h2 { font-size: 22px; line-height: 26px; padding: 6px 0 0 13px; } .prescribe_about .banner-widget { margin: 20px 0 0 0; width: 100%; min-height: 0; } .virtual-column { padding: 15px 10px; } .comment-Right-angle .desk-view, .comment-Left-angle .desk-view { display: none; } .mobile-view { display: block; } .comment-Left-angle, .comment-Right-angle { top: 32%; } .comment-Right, .comment-Left { border: 1px solid #000; padding:9px; } .selfcare-header-assistant .prescription-box-heading { margin-top: 20px; } /*home page after slider buttons section end*/ .assistant-img-prescription-upload{ min-height:310px; } } @media only screen and (max-width:330px) { .topic-block-body { font-size: 12px; } .img-product-width { min-width: 300px; } .img-product-width a { min-height: 300px; } .search-box{ position:unset; margin-top:25px; } .fl-none { float: none !important; min-width: 57%; margin: 0 !important; } .item-box .qty-cart-btn { margin: 0 !important; } .cart-btn-h { width: 100% !important; } .qty-cart-btn { width: 100%; } /*page not found page section begin*/ .page-not-found-comment-section:after { content: url(/Themes/HollandApoBE/Content/images/mobile-coment.png); top: 87%; left: 22%; } .search-box-404 input[type="text"]{ width:100%!important; } .search-box-404 input[type="submit"]{ width:100%!important; margin:3% 0 0 0; } .page-not-found-comment-section{ padding:21px; width:100%; margin:3% auto; } /*page not found page section end*/ /*product-sort section begin*/ .product-sorting .sortOptionsDropDown { width: 100%; } .product-sorting .sortOptionsDropDown ul li span { display: block; width: 100%; height: 42px; font-family: 'work_sansregular'; color: #333; font-size: 18px; border-bottom: 1px solid #cacaca; } .product-sorting .sortOptionsDropDown .toplevel { display: none; } .product-sorting .sortOptionsDropDown .toplevel:after { background: none; } .product-sorting .sortOptionsDropDown .sublevel { display: block !important; } /*product-short option section end*/ .prescription_option_box .option_detail .qq-upload-button.qq-upload-button-selector { width: 185px !important; } /*search box section begin*/ .search-box-mobile { display: block; width: 100%; height: 36px; margin-top: 28px; } .search-box-mobile a { width: 100%; } .search-box-mobile ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; z-index: 99; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-mobile ul li a i { position: absolute; top: 56%; right: 8%; z-index: 999; color: #55a5dd; } /*search box section end*/ /*home page after slider buttons section begin*/ .col-slider { background-size: cover; background-position: bottom; min-height: 155px; } .comment-Right, .comment-Left { width: 100%; top: 0; } .comment-Right p, .comment-Left p { font-size: 13px; max-height:45px; word-break:break-all; } .angle-mobile, .angle-mobile-2 { display: inline-block; } .comment-Left, .comment-Right { width: 100%; top: 3%; left: 0; right: 0; height: auto; max-height: 65px; padding:9px; } .mySlides .comment-Right::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile.png); right: 25%; } .mySlides .comment-Left::after { content: url(/Themes/HollandApoBE/Content/images/angle-mobile-2.png); left: 25%; } .angle-img-1, .angle-img-1 { display: none; } .angle-img-2, .angle-img-2 { display: block; } .comment-Left-angle { left: 21%; } .comment-Right-angle { right: 21%; } .slideshow-container { padding-top: 18%; } .zoomIn { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } /*home page after slider buttons section begin*/ .prescribe_about .upload-prec-col { margin: 34px 0 0 0; padding: 15px 10px; } .prescribe_about .upload-prec-col .prec-bttn { padding: 0; } .prescribe-txt-col { text-align: -webkit-center; } .prescribe-txt-col h2, .virtual-column-text h2 { font-size: 19px; line-height: 26px; padding: 6px 0 0 13px; } .prescribe_about .banner-widget, .prescribe_about .upload-prec-col { margin: 20px 0 0 0; width: 100%; min-height: 0; } .virtual-column { padding: 15px 10px; } .comment-Right-angle .desk-view, .comment-Left-angle .desk-view { display: none; } /*home page after slider buttons section end*/ /*product shorting section begin*/ .product-selectors { display: none; } .product-selector-mobile { display: block; background: #f0f0f0; padding: 6px 12px; margin: 0 auto 18px; } .sort-product-mob, .product-display-size { float: left; width: 50%; padding: 0 25px; overflow: hidden; word-wrap: break-word; } .product-display-size:after { content: ""; position: absolute; background: #c0c0c0; width: 1px; height: 28px; display: block; margin: 0 auto; right: 0px; } .fl-icon { float: left; width: 20%; text-align: right; margin: 5px 0 0 0; } .bg-sort-icon { background-image: url(/Themes/HollandApoBE/Content/images/filter.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0px 15px; } .fr-txt { float: left; width: 100%; background: transparent; border: 0; } .fr-txt label { display: inline-block; font-family: "work_sanssemibold"; font-size: 16px; color: #163c6e; margin: 5px 0 0 0; vertical-align: middle; position: relative; } /*.full-page-category{ }*/ .category-heading { background: #3365a8; padding: 14px 12px; position: relative; } .inner-categories-section { display: contents; position: fixed; top: 0; left: 0; /*flex-direction: column;*/ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; z-index: 101; background: #fff; width: 100%; height: 100%; overflow: hidden; } .category-heading h3 { color: #fff; } .category-heading button { background: transparent; border: 0; position: absolute; right: 7%; top: 22%; } .category-heading button i { color: #fff; } .ul-categories { height: 40px; padding: 7px 13px; border-bottom: 1px solid #ddd; color: #000; font-size: 1.3rem; font-weight: 600; line-height: 26px; } /*product shorting section end*/ .add-border-to-box { border-bottom: 1.5px solid #d8d8d8; /*padding-bottom: 10px;*/ } .hide-img-for-mobile { display: none; /*for plugin\yakkz.widget.categorybanner*/ } .master-column-wrapper .filterBy { display: none; } .master-column-wrapper .mobileFilterBy.Product-Collapse { display: block !important; } .selfcare-header-assistant .prescription-box-heading { margin-top: 20px; } .assistant-img-prescription-upload{ min-height:310px; } } /**only screen and max-width:319px section begin here**/ @media only screen and (max-width: 319px) { /*product-sort section begin*/ .product-sorting .sortOptionsDropDown { width: 100%; } .product-sorting .sortOptionsDropDown ul li span { display: block; width: 100%; height: 42px; font-family: 'work_sansregular'; color: #333; font-size: 18px; border-bottom: 1px solid #cacaca; } .product-sorting .sortOptionsDropDown .toplevel { display: none; } .product-sorting .sortOptionsDropDown .toplevel:after { background: none; } .product-sorting .sortOptionsDropDown .sublevel { display: block !important; } /*product-short option section end*/ .prescription_option_box .option_detail .qq-upload-button.qq-upload-button-selector { width: 175px !important; } /*search box section begin*/ .search-box-mobile { display: block; width: 100%; height: 36px; margin-top: 28px; } .search-box-mobile a { width: 100%; } .search-box-mobile ul li a input { height: 35px; border: 1.5px solid #55a5dd; width: 100%; color: #000; padding: 7px 34px 7px 12px; display: block; font-size: 14px; margin-right: 41px; border-radius: 20px; position: relative; } .search-box-mobile ul li a i { position: absolute; top: 56%; right: 8%; color: #55a5dd; } /*search box section end*/ .footer-block.member img { width: 100%; } .close-button { display: block !important; float: none !important; } div#billing-new-address-form input.button-1 { width: 80% !important; margin-bottom: 5px; } .img-product-width { min-width: 200px; } .img-product-width a { min-height: 200px; } .fl-none { float: none !important; } .inputwidth { min-width: 100px !important; } /*home page after slider buttons section begin*/ .col-slider { background-size: cover; background-position: bottom; min-height: 152px; } .comment-Right, .comment-Left { width: 100%; top: 0; } .comment-Right p, .comment-Left p { font-size: 13px; } /*.comment-left-angle,.comment-right-angle{ display:none; }*/ .angle-mobile, .angle-mobile-2 { display: inline-block; } /*.angle-mobile{ position:absolute; top:30%; right:20%; }*/ .comment-Left, .comment-Right { width: 100%; top: 6%; left: 0; right: 0; } .angle-img-1, .angle-img-1 { display: none; } .angle-img-2, .angle-img-2 { display: block; } .comment-Left-angle { left: 21%; } .comment-Right-angle { right: 21%; } /*.slideshow-container{ padding-top:21%; }*/ .zoomIn { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } /*home page after slider buttons section begin*/ .prescribe_about .upload-prec-col { margin: 34px 0 0 0; padding: 15px 10px; } .prescribe_about .upload-prec-col .prec-bttn { padding: 0; } .prescribe-txt-col { text-align: -webkit-center; } .prescribe-txt-col h1, .virtual-column-text h1 { font-size: 21px; line-height: 26px; padding: 6px 0 0 13px; } .prescribe_about .banner-widget { margin: 20px 0 0 0; } .virtual-column { padding: 15px 10px; } .comment-Right-angle .desk-view, .comment-Left-angle .desk-view { display: none; } .mobile-view { display: block; } .comment-Left-angle, .comment-Right-angle { top: 35%; } .comment-Right, .comment-Left { border: 1px solid #000; } /*home page after slider buttons section end*/ } /*Product list page filter ui*/ @media screen and (max-width: 767px) { .mobileFilterBy.Product-Collapse + .center-2.col-md-9 { position: static; } #ShowProductSize button, #divSortingOption button { background: none; border: none; text-transform: capitalize; float: left; } #ShowProductSize button label, #divSortingOption button label { margin: 0px; } #DivFilterPage, #divSortingPage { display: flex !important; position: fixed; top: 0px; left: 0; flex-direction: column; -webkit-transform: translate3d(0,102%,0); transform: translate3d(0,102%,0); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; z-index: 999; background: #fff; width: 100%; height: 100%; overflow: hidden; } body.open-filter #DivFilterPage, .open-sort #divSortingPage { -webkit-transform: translate(0); transform: translate(0); } .active-filter-popup .master-wrapper-content, .active-filter-popup .master-wrapper-content .master-column-wrapper { position: static; } .active-filter-popup { overflow: hidden; } body .new-filter-popup .category-heading h3 { text-align: center; text-transform: uppercase; } body .new-filter-popup .category-heading button { right: auto; left: 10px; } body .new-filter-popup .category-heading .filter-apply-bttn { background: #fff; position: absolute; top: 11px; right: 12px; left: unset; border-radius: 2px; padding: 2px 14px; color: #3365a8; font-size: 16px; } body .new-filter-popup button img { max-width: 22px; } .open-category-page .title { padding: 8px 15px !important; background-color: #f0f0f0 !important; } #divSortingPage .sort-option, #DivFilterPage .nopAjaxFilters7Spikes { height: 100%; overflow-x: hidden; } #divSortingPage .sort-option li { background-color: #fff; border-bottom: 1px solid #ddd; padding: 1.2rem 1.6rem; } .bg-filter-icon { background-image: url(/Themes/HollandApoBE/Content/images/sort.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0px 15px; } body button.fr-txt span { position: relative; top: 2px; } } .blog-search-results { margin-bottom: 20px; } .blog-search-results .search-term-highlighter { font-weight: bold; } /* homepage grid */ .rich-blog-homepage { margin: 0 0 30px; } .rich-blog-homepage .title { border-bottom: 1px solid #ddd; margin: 0 0 30px; padding: 0 0 15px; font-size: 30px; font-weight: normal; color: #444; } .rich-blog-homepage .title strong { font-weight: normal; } .rich-blog-homepage .blog-post { margin: 0 0 30px; } .rich-blog-homepage .post-primary { max-width: 500px; margin: 0 auto 5px; } .rich-blog-homepage .post-title { display: block; border-top: 1px solid #ddd; background-color: #f6f6f6; padding: 10px; font-size: 17px; font-weight: bold; color: #444; } .rich-blog-homepage .post-picture { display: block; position: relative; z-index: 0; overflow: hidden; } .rich-blog-homepage .post-picture:before { content: ""; display: block; padding-top: 50%; } .rich-blog-homepage .post-picture img { position: absolute; top: 0; right: 0; left: 0; width: 100%; max-width: 100%; margin: auto; } .rich-blog-homepage .post-date { margin: 0; background-color: transparent; font-style: normal; } .rich-blog-homepage .post-description { margin: 0 0 20px; line-height: 24px; } .rich-blog-homepage .read-more, .post-actions .read-more { display: inline-block; margin: 0 0 20px; border: none; background-color: #4ab2f1; padding: 10px 20px; font-size: 12px; color: #fff; text-transform: uppercase; } .rich-blog-homepage .read-more:hover, .post-actions .read-more:hover { background-color: #248ece; text-decoration: none; } .rich-blog-homepage .view-all { margin: -10px 0 50px; text-align: center; } .rich-blog-homepage .view-all a { color: #444; text-decoration: underline; } .rich-blog-homepage .view-all a:hover { color: #4ab2f1; } /* search form */ .blog-search-box .listbox { text-align: center; padding-bottom: 20px; } .blog-search-box form { display: inline-block; } .blog-search-box form:after { content: ""; display: block; clear: both; } .blog-search-box span.search-box-text { float: left; } .blog-search-box input.search-box-text { float: left; width: 248px !important; height: 36px; margin: 0 -1px 0 0; } .blog-search-box .instant-search-busy { background: #fff url(/Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/DefaultClean/Content/images/ajax-loader-small.gif) right center no-repeat !important; } .blog-search-box .search-box-button { float: left; width: 40px; height: 36px; border: none; background: #4ab2f1 url(/Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/DefaultClean/Content/images/search-button.png) center no-repeat; font-size: 0; } .blog-instant-search { height: auto !important; background-color: #fff; border: 1px solid #ddd; border-top: 0; } .blog-instant-search .k-list-container { width: 100% !important; height: auto !important; position: static !important; } .blog-instant-search .k-item { border-top: 1px solid #ddd; padding: 10px; cursor: pointer; } .blog-instant-search .k-item:first-child { border: 0; } .blog-instant-search .k-item.k-state-hover, .blog-instant-search .k-item.k-state-focused { background-color: #f3f3f3; } .blog-instant-search .k-item.rich-blog-autocomplete-last-item { color: #4ab2f1; } /* blog list & blog post */ .blog-page .post { margin: 0 0 50px; } .blog-page .post-head { overflow: hidden; background-color: #f6f6f6; padding: 10px 12px; } .blog-page .post-title { padding: 5px 0; line-height: 20px; } .blog-page .post-date { margin: 0; padding: 0; line-height: 20px; } .blog-page .post-body, .blogpost-page .post-body { padding: 0; line-height: 26px; } .blog-page .buttons .read-more { display: none !important; } .rich-blog-image { margin: 0 0 20px; font-size: 0; line-height: normal; } .rich-blog-image img { max-width: 100%; } .post-footer { clear: both; border-top: 1px solid #ddd; padding: 20px 10px 0; } .post-footer a { color: #4ab2f1; } .post-footer a:hover { text-decoration: underline; } .post-footer:after, .post-relations:after, .post-actions:after { content: ""; display: block; clear: both; } .post-relations { margin: 0 0 20px; } .post-relations label { display: inline-block; margin: 0 3px 0 0; padding: 3px 0; font-weight: bold; color: #444; } .post-relations ul { display: inline-block; font-size: 0; } .post-relations li { display: inline-block; font-size: 14px; } .post-relations li.separator { margin: 0 5px 0 0; } .post-relations li a { display: block; padding: 3px 0; } .share-post li { display: inline-block; } .share-post a { display: block; width: 32px; height: 32px; background-image: url(/Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/DefaultClean/Content/images/share-sprite.png); background-repeat: no-repeat; } .share-post .facebook a { background-position: 0 0; } .share-post .twitter a { background-position: -32px 0; } .share-post .pinterest a { background-position: -64px 0; } .share-post .linkedin a { background-position: -96px 0; } .share-post .google a { background-position: -128px 0; } .share-post a:hover { opacity: 0.9; } .blogpost-page .page-title { margin: 0; } .post-navigation { overflow: hidden; margin: 0 0 15px; } .post-navigation a { position: relative; width: 49.5%; height: 40px; overflow: hidden; font-size: 0; white-space: nowrap; text-overflow: ellipsis; } .post-navigation a:empty { opacity: 0.5; } .post-navigation .prev { float: left; padding: 8px 12px 8px 54px; text-align: left; } .post-navigation .next { float: right; padding: 8px 54px 8px 12px; text-align: right; } .post-navigation a:before { content: ""; position: absolute; top: 0; width: 40px; height: 40px; border-style: solid; border-color: #fff; } .post-navigation .prev:before { left: 0; border-width: 0 1px 0 0; background: #eee url(/Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/DefaultClean/Content/images/prev.png) center no-repeat; } .post-navigation .next:before { right: 0; border-width: 0 0 0 1px; background: #eee url(/Plugins/SevenSpikes.Nop.Plugins.RichBlog/Themes/DefaultClean/Content/images/next.png) center no-repeat; } /* search results */ .blog-search-results { text-align: center; } .blog-search-results li { padding: 20px 15px; } .blog-search-results li a { display: inline-block; position: relative; margin: 0 0 10px; padding: 0; font-size: 20px; color: #4ab2f1; } .blog-search-results li p { border-top: 1px solid #e6e6e6; padding-top: 15px; line-height: 24px; } @media all and (min-width: 481px) { .blog-search-box input.search-box-text { width: 300px !important; } .blog-page .post-actions .read-more { float: left; margin: 0; } .blog-page .post-actions .share-post { float: right; } .post-navigation a { background-color: #eee; font-size: 14px; } } @media all and (min-width: 769px) { .blog-page .post-title { float: left; padding: 0; } .blog-page .post-date { float: right; } .blogpost-page .post-relations { float: left; max-width: 74%; text-align: left; } .blogpost-page .post-actions { float: right; max-width: 26%; } } @media all and (min-width: 1001px) { .rich-blog-homepage .blog-posts { overflow: hidden; text-align: center; } .rich-blog-homepage .blog-post { float: left; width: 31.33333%; margin: 0 1% 30px; } .rich-blog-homepage .blog-post:nth-child(3n+1) { clear: both; } .rich-blog-homepage .blog-post:only-child { float: none; width: auto; margin: 0 0 30px; } .rich-blog-homepage .post-description { text-align: justify; } .blog-search-box { display: block; margin: 5px 0 15px; } .blog-search-box input.search-box-text { width: 196px !important; /*height: 40px;*/ } .blog-search-box .search-box-button { height: 40px; } .blog-search-results { text-align: left; } } @media all and (min-width: 1367px) { .blog-search-box input.search-box-text { width: 250px !important; } } /* * jQuery Nivo Slider v3.2 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; height: auto; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:8; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /* * Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com) * http://www.nop-templates.com/t/licensinginfo */ span.search-box-text { float: left; } input.search-box-text { width: 200px !important; } input.search-box-text.narrow { width: 130px !important; } input.search-box-text.narrow:focus { border-color: #ddd; /*prevent different colors*/ } input.search-box-text.instant-search-busy { background: #fff url(/Plugins/SevenSpikes.Nop.Plugins.InstantSearch/images/ajax-loader-small.gif) no-repeat 174px center; } input.search-box-text.narrow.instant-search-busy { background-position: 104px center; } input.search-box-text:focus { outline: -webkit-focus-ring-color auto 0; } #instant-search-categories { float: left; width: 80px; height: 36px; border: 1px solid #ddd; margin: 0 -1px; } /* AUTOCOMPLETE */ .invisible { visibility: hidden !important; } .instantSearch { width: 286px !important; height: auto !important; background: #fff; border: 1px solid #ddd; border-top: 0; } .instantSearch.resize { width: 294px !important; } .instantSearch .k-list-container { width: 100% !important; height: auto !important; position: static !important; } .instantSearch .k-item { border-top: 1px solid #ddd; cursor: pointer; } .instantSearch .k-item:first-child { border: 0; } .instant-search-item { overflow: hidden; padding: 10px; } .instantSearch .k-item.k-state-hover .instant-search-item, .instantSearch .k-item.k-state-focused .instant-search-item{ background: #f3f3f3; } .instant-search-item .img-block { float: left; width: 60px; height: 60px; overflow: hidden; } .instant-search-item .img-block img { max-width: 100%; } .instant-search-item .detail { margin-left: 70px; } .instant-search-item .detail .title { margin: 0 0 10px; } .instant-search-item .detail .price { color: #4ab2f1; } .instant-search-item .detail .sku { margin: 10px 0 0; } @media all and (min-width: 481px) { input.search-box-text { width: 260px !important; } input.search-box-text.narrow { width: 180px !important; } input.search-box-text.instant-search-busy { background-position: 234px center; } input.search-box-text.narrow.instant-search-busy { background-position: 154px center; } #instant-search-categories { width: 120px; } /* AUTOCOMPLETE */ .instantSearch { width: 260px !important; } .instantSearch.resize { width: 298px !important; } } @media all and (min-width: 1001px) { #instant-search-categories { height: 40px; } } /* * Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com) * http://www.nop-templates.com/t/licensinginfo */ .productQuantityTextBox { float: left; width: 20px; text-align: center; font-size: 16px; } .ajaxCart { position: absolute; z-index: 1070; padding: 1px !important; background: #fff; box-shadow: 0 1px 3px #666; } .ajaxCart li { list-style: none; } .ajaxCart .k-window-titlebar.k-header { margin: 0 !important; padding: 10px; border-bottom: 1px solid #999; background: #bbb url(/Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Styles/images/button1.png) top repeat-x; } .ajaxCart .k-window-titlebar.k-header .k-window-actions { position: absolute; top: 9px; right: 10px; font-size: 0; z-index: 1; } .ajaxCart .k-window-titlebar.k-header .k-window-actions a { display: block; width: 16px; height: 16px; border: 1px solid #ccc; background: #333 url(/Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Styles/images/button-close-hover.png) center no-repeat; box-shadow: 0 0 1px #999 inset; font-size: 0; } .ajaxCart .k-window-titlebar.k-header .k-window-actions a:hover { background: #fff url(/Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Styles/images/button-close.png) center no-repeat; } .productAddedToCartWindow, .miniProductDetailsView { padding: 15px 10px; background: url(/Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Styles/images/separator.png) 0 -1px repeat-x; color: #555; line-height: 18px; } /* PRODUCT ADDED TO CART WINDOW */ .productAddedToCartWindowTitle { position: absolute; top: 0; left: 0; padding: 10px 12px; text-transform: uppercase; text-shadow: 1px 1px 0 #eee; } .productAddedToCartWindowImage { float: left; overflow: hidden; margin: 0 15px 15px 0; width: 120px; text-align: center; } .productAddedToCartWindowImage a { display: block; overflow: hidden; line-height: 0; } .productAddedToCartWindowImage img { max-width: 100%; } .productAddedToCartWindowDescription { float: left; margin-bottom: 15px; width: 200px; } .productAddedToCartWindowDescription h1 { margin: 0 0 10px; color: #333; text-transform: uppercase; font-weight: bold; font-size: 12px; } .productAddedToCartWindowDescription h1 a { color: #333; } .productAddedToCartWindowDescription strong { display: block; margin-bottom: 10px; font-size: 18px; } .productAddedToCartWindowDescription span { display: block; margin-bottom: 3px; color: #666; } .productAddedToCartWindowSummary { clear: both; padding: 10px; border-top: 1px dotted #ccc; text-align: center; } .productAddedToCartWindowSummary a { display: block; font-size: 14px; text-transform: uppercase; } .productAddedToCartWindowSummary div { margin-top: 10px; } .ajaxCart .addProductToCartErrors { padding: 10px; } /* MINI PRODUCT DETAILS VIEW */ .miniProductDetailsView:focus, .productAddedToCartWindow:focus { outline: -webkit-focus-ring-color auto 0; } .miniProductDetailsView { background-color: #f6f6f6; } .miniProductDetailsView h1 { margin-bottom: 10px; color: #333; text-transform: uppercase; font-weight: bold; font-size: 12px; text-shadow: 1px 1px 0 #eee; } .miniProductDetailsView .product-name { position: absolute; top: 9px; left: 15px; width: 260px; height: 17px; overflow: hidden; } .miniProductDetailsView .product-essential { margin: 0; overflow: hidden; } .miniProductDetailsView .short-description { margin-bottom: 10px; padding-top: 0; border-top: none; width: 250px; } .miniProductDetailsView .product-essential .gallery { margin: 0 20px 0 0; width: auto !important; float: left; overflow: hidden; } .miniProductDetailsView .product-essential .picture { overflow: hidden; width: auto !important; height: auto !important; line-height: normal !important; } .miniProductDetailsView .product-essential .picture img { z-index: 0 !important; } .miniProductDetailsView .product-variant-line { margin: 0; } .miniProductDetailsView .prices { margin-bottom: 10px; } .miniProductDetailsView .customer-entered-price { margin-bottom: 10px; } .miniProductDetailsView .enter-price-input { padding: 4px; width: 69px; } .miniProductDetailsView .giftcard { padding: 10px 15px; background: #fff; margin: 0; } .miniProductDetailsView .product-collateral { margin-top: 10px; } .miniProductDetailsView .message-error { display: block; float: right; clear: both; margin: 10px 0 0 0; color: #c00; font-weight: bold; font-size: 14px; } .miniProductDetailsView .message-error li { margin: 5px 0; } /* AJAX LOADER & ERRORS */ .k-overlay { position: fixed; top: 0; left: 0; z-index: 1060; width: 100%; height: 100%; background-color: #000; opacity: 0.5; /*filter: alpha(opacity=50);*/ } .nopAjaxCartPanelAjaxBusy, .miniProductDetailsPanelAjaxBusy { position: absolute; z-index: 1070; width: auto; height: auto; background: url(/Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Styles/images/loader.gif) no-repeat fixed 50% 50%; opacity: 0.7; /*filter: Alpha(opacity = 70);*/ } .addProductVariantToCartErrors { color: #c00; } .addProductVariantToCartErrors ul { margin: 20px; } .addProductVariantToCartErrors li { margin: 0 0 10px 0; } /* item box styles */ .product-list .item-box .ajax-cart-button-wrapper { display: inline-block; } .product-grid .item-box .ajax-cart-button-wrapper { display: inline-block; width: 66%; } .ajax-cart-button-wrapper .product-box-add-to-cart-button { width: 100%; } .product-list .item-box .productQuantityTextBox { width: 42px; height: 40px; } .product-grid .item-box .productQuantityTextBox { width: 25%; height: 40px; } .product-grid .item-box .productQuantityTextBox + .product-box-add-to-cart-button { width: 75%; } .product-grid .item-box .add-to-compare-list-button, .product-grid .item-box .add-to-wishlist-button { width: 17%; } @media all and (min-width: 1001px) and (max-width: 1366px) { .product-grid .item-box .productQuantityTextBox + .product-box-add-to-cart-button { font-size: 13px; } } /* general styles */ .ajaxCart { text-align: left; box-shadow: 0 0 2px rgba(0,0,0,.3); padding: 0 !important; width: 500px; } .ajaxCart .k-window-titlebar.k-header { border-bottom: 1px solid #ddd; background: #efefef; padding: 14px 35px 14px 10px; } .ajaxCart .k-window-titlebar.k-header .k-window-actions { top: 16px; right: 14px; } .ajaxCart .k-window-titlebar.k-header .k-window-actions a { background: url(/Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Themes/DefaultClean/Content/images/close.png) no-repeat center !important; border: 0 !important; box-shadow: none !important; } .productAddedToCartWindowTitle { text-shadow: none; font-size: 18px; text-transform: none; color: #444; padding: 13px 35px 13px 15px; } .productAddedToCartWindow, .miniProductDetailsView { background: none; padding: 0; color: #444; line-height: normal; } .productAddedToCartItem { padding: 20px; overflow: hidden; } .productAddedToCartWindowImage { margin: 0 !important; width: 210px; height: 210px; text-align: left; } .productAddedToCartWindowDescription { padding: 7px 0 0; width: auto; margin: 0 0 0 230px; float: none !important; } .productAddedToCartWindowDescription h1 { font-size: 18px; color: #444; font-weight: normal; text-transform: none; margin: 0 0 15px; } .productAddedToCartWindowDescription strong { color: #4ab2f1; font-size: 20px; } .productAddedToCartWindowDescription span { color: #444; } .productAddedToCartWindowSummary { padding: 12px 12px 30px; border-top: 1px solid #ddd; } .productAddedToCartWindowSummary a { display: inline-block; text-transform: none; color: #4ab2f1; font-size: 15px; } .productAddedToCartWindowSummary a:hover { text-decoration: underline; } .productAddedToCartWindowSummary div { margin: 15px 0 0; } .ajaxCart .productAddedToCartWindowCheckout { padding: 12px 32px; border: 0; color: #fff; font-size: 14px; cursor: pointer; background: #4ab2f1; text-transform: uppercase; } .ajaxCart .productAddedToCartWindowCheckout:hover { background: #248ece; } /* grouped */ .miniProductDetailsView .product-name { top: 0; left: 0; text-shadow: none; font-size: 18px; text-transform: none; color: #444; padding: 12px 35px 12px 15px; width: auto; height: auto; font-weight: 400; } .ajaxCart .product-details-page { padding: 0; } .ajaxCart .product-overview-line { border-top: 1px solid #ddd; } .ajaxCart .product-overview-line:first-child { border-top: 0; } .miniProductDetailsView .product-essential { padding: 20px; border: 0; } .miniProductDetailsView .product-essential .gallery { width: 210px !important; margin: 0; } .miniProductDetailsView .product-essential .picture { margin: 0; } .ajaxCart .overview { width: auto; float: none; margin: 0 0 0 230px; padding: 7px 0 0; } .miniProductDetailsView h1 { font-size: 18px; color: #444; font-weight: normal; text-transform: none; margin: 0 0 15px; text-shadow: none; } .miniProductDetailsView .short-description { width: auto; margin: 0 0 15px; } .miniProductDetailsView .overview .prices .product-price { color: #4ab2f1; } .miniProductDetailsView .product-overview-line .add-to-cart { margin: 0; overflow: hidden; } .ajaxCart .qty-input, .miniProductDetailsView .add-info input[type="text"] { margin: 0; width: 43px; height: 43px; font-size: 16px; padding: 0; float: left; } .nopAjaxCartProductVariantAddToCartButton { float: left; } .ajaxCart .product-collateral { margin: 0; } .ajaxCart .product-overview-line .product-collateral { padding: 20px 20px 0; } .miniProductDetailsView .message-error { float: left; text-align: left; } /* attributes */ .ajaxCart .attributes { margin: 0 0 15px; } .ajaxCart .attributes dt { margin: 0 0 2px; } .ajaxCart .attributes .option-list li { margin: 5px 0; } /* giftcard */ .miniProductDetailsView .giftcard { padding: 20px; } /* product grid */ .ajaxCart .product-grid { margin: 0 0 30px; } .ajaxCart .product-grid .title { margin: 0 0 10px; padding: 0 20px 8px; text-align: left; font-size: 20px; } .ajaxCart .product-grid .item-grid { padding: 0 15px; height: 185px; overflow: hidden; } .ajaxCart .product-grid .item-box { text-align: left; width: 33.3333%; padding: 0 5px; margin: 0; } .ajaxCart .product-grid .item-box .picture { margin: 0 0 5px; background: none; } .ajaxCart .product-grid .item-box .details { padding: 0; } .ajaxCart .product-grid .item-box .product-title { height: 34px; margin: 0; font-size: 14px; line-height: 1.2; color: #444; } .ajaxCart .item-box .add-info, .ajaxCart .item-box .description, .ajaxCart .item-box .quick-view-button, .ajaxCart .item-box .product-rating-box { display: none !important; } /* out of stock */ .ajaxCart .addProductToCartErrors { padding: 20px; color: #444; }